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

package/CreateOpenChannel/components/CreateOpenChannelUI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateOpenChannelUI.js","sources":["../../../src/smart-components/CreateOpenChannel/components/CreateOpenChannelUI/index.tsx"],"sourcesContent":["import React, { useState, useRef, useContext } from 'react';\nimport './index.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport Avatar from '../../../../ui/Avatar';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport Modal from '../../../../ui/Modal';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Input, { InputLabel } from '../../../../ui/Input';\nimport Label, { LabelColors, LabelTypography } from '../../../../ui/Label';\nimport TextButton from '../../../../ui/TextButton';\nimport { useCreateOpenChannelContext } from '../../context/CreateOpenChannelProvider';\n\nexport interface CreateOpenChannelUIProps {\n  closeModal?: () => void;\n  renderHeader?: () => React.ReactElement;\n  renderProfileInput?: () => React.ReactElement;\n}\n\nfunction CreateOpenChannelUI({\n  closeModal,\n  renderHeader,\n  renderProfileInput,\n}: CreateOpenChannelUIProps): React.ReactElement {\n  const [newFile, setNewFile] = useState(null);\n  const [currentImage, setCurrentImg] = useState(null);\n  const inputFormRef = useRef(null);\n  const inputFileRef = useRef(null);\n  const inputTextRef = useRef(null);\n  const { stringSet } = useContext(LocalizationContext);\n  const {\n    logger,\n    createNewOpenChannel,\n  } = useCreateOpenChannelContext();\n  return (\n    <div className=\"sendbird-create-open-channel-ui\">\n      <Modal\n        titleText={stringSet.CREATE_OPEN_CHANNEL_LIST__TITLE}\n        submitText={stringSet.CREATE_OPEN_CHANNEL_LIST__SUBMIT}\n        type={ButtonTypes.PRIMARY}\n        onCancel={closeModal}\n        renderHeader={renderHeader}\n        onSubmit={() => {\n          const channelName = inputTextRef?.current?.value;\n          if (!channelName) {\n            logger.warning('CreateOpenChannelUI: You should fill the channel name');\n            return;\n          }\n          createNewOpenChannel({\n            name: channelName,\n            coverUrlOrImage: newFile,\n          });\n          closeModal();\n        }}\n      >\n        <>\n          {renderProfileInput?.() || (\n            <form\n              className=\"sendbird-create-open-channel-ui__profile-input\"\n              ref={inputFormRef}\n              onSubmit={(e) => { e.preventDefault(); }}\n            >\n              <InputLabel>\n                {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION}\n              </InputLabel>\n              <div className=\"sendbird-create-open-channel-ui__profile-input__img-section\">\n                <div className=\"sendbird-create-open-channel-ui__profile-input__img-section__avatar\">\n                  {currentImage\n                    ? (\n                      <Avatar\n                        width=\"80px\"\n                        height=\"80px\"\n                        src={currentImage}\n                      />\n                    ) : (\n                      <div className=\"sendbird-create-open-channel-ui__profile-input__img-section__avatar--default\">\n                        <Icon\n                          type={IconTypes.CHANNELS}\n                          fillColor={IconColors.CONTENT}\n                          width=\"46px\"\n                          height=\"46px\"\n                        />\n                      </div>\n                    )}\n                </div>\n                <input\n                  className=\"sendbird-create-open-channel-ui__profile-input__img-section__input\"\n                  ref={inputFileRef}\n                  type=\"file\"\n                  accept=\"image/gif, image/jpeg, image/png\"\n                  style={{ display: 'none' }}\n                  onChange={(e) => {\n                    setCurrentImg(URL.createObjectURL(e.target.files[0]));\n                    setNewFile(e.target.files[0]);\n                    inputFileRef.current.value = '';\n                  }}\n                />\n                <TextButton\n                  className=\"sendbird-create-open-channel-ui__profile-input__img-section__button\"\n                  onClick={() => inputFileRef.current.click()}\n                  disableUnderline\n                >\n                  <Label\n                    type={LabelTypography.BUTTON_1}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD}\n                  </Label>\n                </TextButton>\n              </div>\n              <div style={{ marginTop: '20px' }}>\n                <InputLabel>\n                  {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION}\n                </InputLabel>\n              </div>\n              <div className=\"sendbird-create-open-channel-ui__profile-input__name-section\">\n                <Input\n                  name=\"sendbird-create-open-channel-ui__profile-input__name-section__input\"\n                  ref={inputTextRef}\n                  placeHolder={stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER}\n                />\n              </div>\n            </form>\n          )}\n        </>\n      </Modal>\n    </div>\n  );\n}\n\nexport default CreateOpenChannelUI;\n"],"names":["CreateOpenChannelUI","_a","closeModal","renderHeader","renderProfileInput","_b","useState","newFile","setNewFile","_c","currentImage","setCurrentImg","inputFormRef","useRef","inputFileRef","inputTextRef","stringSet","useContext","LocalizationContext","_d","useCreateOpenChannelContext","logger","createNewOpenChannel","React","CREATE_OPEN_CHANNEL_LIST__TITLE","CREATE_OPEN_CHANNEL_LIST__SUBMIT","ButtonTypes","PRIMARY","channelName","current","value","warning","name","coverUrlOrImage","e","preventDefault","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION","IconTypes","CHANNELS","IconColors","CONTENT","display","URL","createObjectURL","target","files","click","LabelTypography","BUTTON_1","LabelColors","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD","marginTop","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER"],"mappings":"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"}

package/CreateOpenChannel/context.js

@@ -0,0 +1,63 @@
+import React__default, { useCallback } from 'react';
+import useSendbirdStateContext from '../useSendbirdStateContext.js';
+import '../withSendbird.js';
+import '../_rollupPluginBabelHelpers-4527872e.js';
+
+var CreateOpenChannelContext = /*#__PURE__*/React__default.createContext({
+  sdk: null,
+  sdkInitialized: false,
+  logger: null,
+  createNewOpenChannel: null
+});
+var CreateOpenChannelProvider = function CreateOpenChannelProvider(_a) {
+  var _b, _c;
+
+  var className = _a.className,
+      children = _a.children,
+      onCreateChannel = _a.onCreateChannel,
+      onBeforeCreateChannel = _a.onBeforeCreateChannel;
+
+  var _d = useSendbirdStateContext(),
+      stores = _d.stores,
+      config = _d.config;
+
+  var logger = config.logger;
+  var sdk = ((_b = stores === null || stores === void 0 ? void 0 : stores.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk) || null;
+  var sdkInitialized = ((_c = stores === null || stores === void 0 ? void 0 : stores.sdkStore) === null || _c === void 0 ? void 0 : _c.initialized) || false;
+  var createNewOpenChannel = useCallback(function (props) {
+    var _a;
+
+    var name = props.name,
+        coverUrlOrImage = props.coverUrlOrImage;
+
+    if (sdkInitialized) {
+      var params = {};
+      params.operatorUserIds = [(_a = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId];
+      params.name = name;
+      params.coverUrlOrImage = coverUrlOrImage;
+      sdk.openChannel.createChannel((onBeforeCreateChannel === null || onBeforeCreateChannel === void 0 ? void 0 : onBeforeCreateChannel(params)) || params).then(function (openChannel) {
+        logger.info('CreateOpenChannel: Succeeded creating openChannel', openChannel);
+        onCreateChannel(openChannel);
+      }).catch(function (err) {
+        logger.warning('CreateOpenChannel: Failed creating openChannel', err);
+      });
+    }
+  }, [sdkInitialized, onBeforeCreateChannel, onCreateChannel]);
+  return /*#__PURE__*/React__default.createElement(CreateOpenChannelContext.Provider, {
+    value: {
+      // interface
+      sdk: sdk,
+      sdkInitialized: sdkInitialized,
+      logger: logger,
+      createNewOpenChannel: createNewOpenChannel
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-create-open-channel ".concat(className)
+  }, children));
+};
+var useCreateOpenChannelContext = function useCreateOpenChannelContext() {
+  return React__default.useContext(CreateOpenChannelContext);
+};
+
+export { CreateOpenChannelProvider, useCreateOpenChannelContext };
+//# sourceMappingURL=context.js.map

package/CreateOpenChannel/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../src/smart-components/CreateOpenChannel/context/CreateOpenChannelProvider.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { OpenChannel, OpenChannelCreateParams, SendbirdOpenChat } from '@sendbird/chat/openChannel';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\nimport { Logger } from '../../../lib/SendbirdState';\n\nexport interface CreateNewOpenChannelCallbackProps {\n  name: string;\n  coverUrlOrImage?: string;\n}\nexport interface CreateOpenChannelContextInterface extends CreateOpenChannelProviderProps {\n  sdk: SendbirdOpenChat;\n  sdkInitialized: boolean;\n  logger: Logger;\n  createNewOpenChannel: (props: CreateNewOpenChannelCallbackProps) => void;\n}\n\nconst CreateOpenChannelContext = React.createContext<CreateOpenChannelContextInterface>({\n  sdk: null,\n  sdkInitialized: false,\n  logger: null,\n  createNewOpenChannel: null,\n});\n\nexport interface CreateOpenChannelProviderProps {\n  className?: string;\n  children?: React.ReactElement;\n  onCreateChannel?: (channel: OpenChannel) => void;\n  onBeforeCreateChannel?: (params: OpenChannelCreateParams) => OpenChannelCreateParams;\n}\n\nexport const CreateOpenChannelProvider: React.FC<CreateOpenChannelProviderProps> = ({\n  className,\n  children,\n  onCreateChannel,\n  onBeforeCreateChannel,\n}: CreateOpenChannelProviderProps): React.ReactElement => {\n  const { stores, config } = useSendbirdStateContext();\n  const { logger } = config;\n  const sdk = stores?.sdkStore?.sdk || null;\n  const sdkInitialized = stores?.sdkStore?.initialized || false;\n\n  const createNewOpenChannel = useCallback((props: CreateNewOpenChannelCallbackProps): void => {\n    const { name, coverUrlOrImage } = props;\n    if (sdkInitialized) {\n      const params = {} as OpenChannelCreateParams;\n      params.operatorUserIds = [sdk?.currentUser?.userId];\n      params.name = name;\n      params.coverUrlOrImage = coverUrlOrImage;\n      sdk.openChannel.createChannel(onBeforeCreateChannel?.(params) || params)\n        .then((openChannel) => {\n          logger.info('CreateOpenChannel: Succeeded creating openChannel', openChannel);\n          onCreateChannel(openChannel);\n        })\n        .catch((err) => {\n          logger.warning('CreateOpenChannel: Failed creating openChannel', err);\n        });\n    }\n  }, [sdkInitialized, onBeforeCreateChannel, onCreateChannel]);\n\n  return (\n    <CreateOpenChannelContext.Provider\n      value={{\n        // interface\n        sdk: sdk,\n        sdkInitialized: sdkInitialized,\n        logger: logger,\n        createNewOpenChannel: createNewOpenChannel,\n      }}\n    >\n      <div className={`sendbird-create-open-channel ${className}`}>\n        {children}\n      </div>\n    </CreateOpenChannelContext.Provider>\n  );\n}\n\nexport const useCreateOpenChannelContext = (): CreateOpenChannelContextInterface => (\n  React.useContext(CreateOpenChannelContext)\n);\n"],"names":["CreateOpenChannelContext","React","createContext","sdk","sdkInitialized","logger","createNewOpenChannel","CreateOpenChannelProvider","_a","className","children","onCreateChannel","onBeforeCreateChannel","_d","useSendbirdStateContext","stores","config","sdkStore","initialized","useCallback","props","name","coverUrlOrImage","params","operatorUserIds","currentUser","userId","openChannel","createChannel","then","info","catch","err","warning","useCreateOpenChannelContext","useContext"],"mappings":";;;;;AAgBA,IAAMA,wBAAwB,gBAAGC,cAAK,CAACC,aAAN,CAAuD;EACtFC,GAAG,EAAE,IADiF;EAEtFC,cAAc,EAAE,KAFsE;EAGtFC,MAAM,EAAE,IAH8E;EAItFC,oBAAoB,EAAE;AAJgE,CAAvD,CAAjC;IAcaC,yBAAyB,GAA6C,SAAtEA,yBAAsE,CAACC,EAAD;;;MACjFC,SAAS;MACTC,QAAQ;MACRC,eAAe;MACfC,qBAAqB;;EAEf,IAAAC,KAAqBC,uBAAuB,EAA5C;MAAEC,MAAM,YAAR;MAAUC,MAAM,YAAhB;;EACE,IAAAX,MAAM,GAAKW,MAAM,OAAjB;EACR,IAAMb,GAAG,GAAG,CAAA,MAAAY,MAAM,SAAN,IAAAA,MAAM,WAAN,SAAA,GAAAA,MAAM,CAAEE,QAAR,UAAA,iBAAA,SAAA,MAAkBd,GAAlB,KAAyB,IAArC;EACA,IAAMC,cAAc,GAAG,CAAA,MAAAW,MAAM,SAAN,IAAAA,MAAM,WAAN,SAAA,GAAAA,MAAM,CAAEE,QAAR,UAAA,iBAAA,SAAA,MAAkBC,WAAlB,KAAiC,KAAxD;EAEA,IAAMZ,oBAAoB,GAAGa,WAAW,CAAC,UAACC,KAAD;;;IAC/B,IAAAC,IAAI,GAAsBD,KAAK,KAA/B;QAAME,eAAe,GAAKF,KAAK,gBAA/B;;IACR,IAAIhB,cAAJ,EAAoB;MAClB,IAAMmB,MAAM,GAAG,EAAf;MACAA,MAAM,CAACC,eAAP,GAAyB,CAAC,MAAArB,GAAG,SAAH,IAAAA,GAAG,WAAH,SAAA,GAAAA,GAAG,CAAEsB,WAAL,UAAA,iBAAA,SAAA,MAAkBC,MAAnB,CAAzB;MACAH,MAAM,CAACF,IAAP,GAAcA,IAAd;MACAE,MAAM,CAACD,eAAP,GAAyBA,eAAzB;MACAnB,GAAG,CAACwB,WAAJ,CAAgBC,aAAhB,CAA8B,CAAAhB,qBAAqB,SAArB,IAAAA,qBAAqB,WAArB,SAAA,GAAAA,qBAAqB,CAAGW,MAAH,CAArB,KAAmCA,MAAjE,EACGM,IADH,CACQ,UAACF,WAAD;QACJtB,MAAM,CAACyB,IAAP,CAAY,mDAAZ,EAAiEH,WAAjE;QACAhB,eAAe,CAACgB,WAAD,CAAf;OAHJ,EAKGI,KALH,CAKS,UAACC,GAAD;QACL3B,MAAM,CAAC4B,OAAP,CAAe,gDAAf,EAAiED,GAAjE;OANJ;;GAPoC,EAgBrC,CAAC5B,cAAD,EAAiBQ,qBAAjB,EAAwCD,eAAxC,CAhBqC,CAAxC;EAkBA,oBACEV,6BAAC,wBAAD,CAA0B,QAA1B;IACE,KAAK,EAAE;;MAELE,GAAG,EAAEA,GAFA;MAGLC,cAAc,EAAEA,cAHX;MAILC,MAAM,EAAEA,MAJH;MAKLC,oBAAoB,EAAEA;;kBAGxBL;IAAK,SAAS,EAAE,sCAAA,CAAgCQ,SAAhC;KACbC,QADH,CATF,CADF;AAeD;IAEYwB,2BAA2B,GAAG,SAA9BA,2BAA8B;EAAyC,OAClFjC,cAAK,CAACkC,UAAN,CAAiBnC,wBAAjB,CADkF;AAEnF;;;;"}

package/CreateOpenChannel.js

@@ -0,0 +1,45 @@
+import React__default from 'react';
+import CreateOpenChannelUI from './CreateOpenChannel/components/CreateOpenChannelUI.js';
+import { CreateOpenChannelProvider } from './CreateOpenChannel/context.js';
+import './LocalizationContext-4cefc770.js';
+import './stringSet-dc330bcf.js';
+import './index-176e9ad4.js';
+import './ui/Avatar.js';
+import './tslib.es6-cb5d77bf.js';
+import './ui/ImageRenderer.js';
+import './ui/Icon.js';
+import './_rollupPluginBabelHelpers-4527872e.js';
+import 'prop-types';
+import './uuid-180d497e.js';
+import './ui/Button.js';
+import './index-6b896cd8.js';
+import './ui/Modal.js';
+import 'react-dom';
+import './index-3249f6b5.js';
+import './ui/IconButton.js';
+import './ui/Input.js';
+import './ui/TextButton.js';
+import './color-402a36fd.js';
+import './useSendbirdStateContext.js';
+import './withSendbird.js';
+
+function CreateOpenChannel(_a) {
+  var className = _a.className,
+      onCreateChannel = _a.onCreateChannel,
+      onBeforeCreateChannel = _a.onBeforeCreateChannel,
+      closeModal = _a.closeModal,
+      renderHeader = _a.renderHeader,
+      renderProfileInput = _a.renderProfileInput;
+  return /*#__PURE__*/React__default.createElement(CreateOpenChannelProvider, {
+    className: className,
+    onCreateChannel: onCreateChannel,
+    onBeforeCreateChannel: onBeforeCreateChannel
+  }, /*#__PURE__*/React__default.createElement(CreateOpenChannelUI, {
+    closeModal: closeModal,
+    renderHeader: renderHeader,
+    renderProfileInput: renderProfileInput
+  }));
+}
+
+export { CreateOpenChannel as default };
+//# sourceMappingURL=CreateOpenChannel.js.map

package/CreateOpenChannel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateOpenChannel.js","sources":["../src/smart-components/CreateOpenChannel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport CreateOpenChannelUI, { CreateOpenChannelUIProps } from './components/CreateOpenChannelUI';\nimport {  CreateOpenChannelProvider, CreateOpenChannelProviderProps } from './context/CreateOpenChannelProvider';\n\nexport interface CreateOpenChannelProps extends CreateOpenChannelProviderProps, CreateOpenChannelUIProps { }\n\nfunction CreateOpenChannel({\n  className,\n  onCreateChannel,\n  onBeforeCreateChannel,\n  closeModal,\n  renderHeader,\n  renderProfileInput,\n}: CreateOpenChannelProps): React.ReactElement {\n  return (\n    <CreateOpenChannelProvider\n      className={className}\n      onCreateChannel={onCreateChannel}\n      onBeforeCreateChannel={onBeforeCreateChannel}\n    >\n      <CreateOpenChannelUI\n        closeModal={closeModal}\n        renderHeader={renderHeader}\n        renderProfileInput={renderProfileInput}\n      />\n    </CreateOpenChannelProvider>\n  );\n}\n\nexport default CreateOpenChannel;\n"],"names":["CreateOpenChannel","_a","className","onCreateChannel","onBeforeCreateChannel","closeModal","renderHeader","renderProfileInput","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAASA,iBAAT,CAA2BC,EAA3B;MACEC,SAAS;MACTC,eAAe;MACfC,qBAAqB;MACrBC,UAAU;MACVC,YAAY;MACZC,kBAAkB;EAElB,oBACEC,6BAAC,yBAAD;IACE,SAAS,EAAEN,SADb;IAEE,eAAe,EAAEC,eAFnB;IAGE,qBAAqB,EAAEC;kBAEvBI,6BAAC,mBAAD;IACE,UAAU,EAAEH,UADd;IAEE,YAAY,EAAEC,YAFhB;IAGE,kBAAkB,EAAEC;IARxB,CADF;AAaD;;;;"}

package/EditUserProfile/components/EditUserProfileUI.js

@@ -1,26 +1,26 @@
 import 'react';
-export { a as default } from '../../index-c3a36db0.js';
+export { a as default } from '../../index-b79c5b07.js';
 import '../../ui/Modal.js';
-import '../../LocalizationContext-5b475a64.js';
+import '../../LocalizationContext-4cefc770.js';
 import '../../useSendbirdStateContext.js';
 import '../../ui/Input.js';
 import '../../ui/Avatar.js';
 import '../../ui/Icon.js';
-import '../../index-16e14c17.js';
-import '../../index-e028fd23.js';
+import '../../ui/Button.js';
+import '../../index-6b896cd8.js';
 import '../../ui/TextButton.js';
-import '../../utils-2c4d166e.js';
-import '../../actionTypes-3a618022.js';
+import '../../utils-629876b9.js';
+import '../../actionTypes-517789b8.js';
 import 'react-dom';
-import '../../index-1086dd43.js';
+import '../../index-3249f6b5.js';
 import '../../ui/IconButton.js';
-import '../../tslib.es6-72a2f141.js';
-import '../../stringSet-c4a61372.js';
-import '../../index-25496c01.js';
-import '../../_rollupPluginBabelHelpers-b2b008c2.js';
+import '../../tslib.es6-cb5d77bf.js';
+import '../../stringSet-dc330bcf.js';
+import '../../index-176e9ad4.js';
+import '../../_rollupPluginBabelHelpers-4527872e.js';
 import 'prop-types';
 import '../../withSendbird.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-8a4db02f.js';
-import '../../color-83cfc07a.js';
+import '../../uuid-180d497e.js';
+import '../../color-402a36fd.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.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;;;;"}
+{"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;EAC/F,IACEC,QADF,GAKID,KALJ,CACEC,QADF;MAEEC,aAFF,GAKIF,KALJ,CAEEE,aAFF;MAGEC,QAHF,GAKIH,KALJ,CAGEG,QAHF;MAIEC,aAJF,GAKIJ,KALJ,CAIEI,aAJF;EAOA,IAAMC,KAAK,GAAGC,OAAO,CAAC,YAAM;IAC1B,OAAO;MACLJ,aAAa,EAAbA,aADK;MAELC,QAAQ,EAARA,QAFK;MAGLC,aAAa,EAAbA;KAHF;GADmB,EAMlB,EANkB,CAArB;EAQA,oBACER,6BAAC,8BAAD,CAAgC,QAAhC;IAAyC,KAAK,EAAES;KAC7CJ,QADH,CADF;AAKD;;IAEKM,yBAAyB,GAAG,SAA5BA,yBAA4B;EAAA,OAChCX,cAAK,CAACY,UAAN,CAAiBb,8BAAjB,CADgC;AAAA;;;;"}

package/EditUserProfile.js

@@ -1,15 +1,15 @@
 import React__default from 'react';
-import { E as EditUserProfileProvider, a as EditUserProfile } from './index-c3a36db0.js';
+import { E as EditUserProfileProvider, a as EditUserProfile } from './index-b79c5b07.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-1086dd43.js';
-import './LocalizationContext-5b475a64.js';
-import './stringSet-c4a61372.js';
-import './index-25496c01.js';
-import './index-16e14c17.js';
-import './tslib.es6-72a2f141.js';
-import './index-e028fd23.js';
-import './_rollupPluginBabelHelpers-b2b008c2.js';
+import './index-3249f6b5.js';
+import './LocalizationContext-4cefc770.js';
+import './stringSet-dc330bcf.js';
+import './index-176e9ad4.js';
+import './ui/Button.js';
+import './tslib.es6-cb5d77bf.js';
+import './index-6b896cd8.js';
+import './_rollupPluginBabelHelpers-4527872e.js';
 import 'prop-types';
 import './ui/Icon.js';
 import './ui/IconButton.js';
@@ -18,11 +18,11 @@ import './withSendbird.js';
 import './ui/Input.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-8a4db02f.js';
+import './uuid-180d497e.js';
 import './ui/TextButton.js';
-import './color-83cfc07a.js';
-import './utils-2c4d166e.js';
-import './actionTypes-3a618022.js';
+import './color-402a36fd.js';
+import './utils-629876b9.js';
+import './actionTypes-517789b8.js';
 
 var EditProfile = function EditProfile(props) {
   var onEditProfile = props.onEditProfile,

package/EditUserProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditUserProfile.js","sources":["../src/smart-components/EditUserProfile/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  EditUserProfileProvider,\n  EditUserProfileProps,\n} from './context/EditUserProfIleProvider';\n\nimport EditUserProfile from './components/EditUserProfileUI';\n\nconst EditProfile: React.FC<EditUserProfileProps> = (props: EditUserProfileProps) => {\n  const {\n    onEditProfile,\n    onCancel,\n    onThemeChange,\n  } = props;\n  return (\n    <EditUserProfileProvider\n      onEditProfile={onEditProfile}\n      onCancel={onCancel}\n      onThemeChange={onThemeChange}\n    >\n      <EditUserProfile />\n    </EditUserProfileProvider>\n  )\n}\n\nexport default EditProfile;\n"],"names":["EditProfile","props","onEditProfile","onCancel","onThemeChange","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;IASMA,WAAW,GAAmC,SAA9CA,WAA8C,CAACC,KAAD;AAEhD,MAAAC,aAAa,GAGXD,KAAK,cAHP;AAAA,MACAE,QAAQ,GAENF,KAAK,SAHP;AAAA,MAEAG,aAAa,GACXH,KAAK,cAHP;AAIF,sBACEI,6BAAC,uBAAD;AACE,IAAA,aAAa,EAAEH,aADjB;AAEE,IAAA,QAAQ,EAAEC,QAFZ;AAGE,IAAA,aAAa,EAAEC;AAHjB,kBAKEC,6BAAC,eAAD,OALF,CADF;AASD;;;;"}
+{"version":3,"file":"EditUserProfile.js","sources":["../src/smart-components/EditUserProfile/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  EditUserProfileProvider,\n  EditUserProfileProps,\n} from './context/EditUserProfIleProvider';\n\nimport EditUserProfile from './components/EditUserProfileUI';\n\nconst EditProfile: React.FC<EditUserProfileProps> = (props: EditUserProfileProps) => {\n  const {\n    onEditProfile,\n    onCancel,\n    onThemeChange,\n  } = props;\n  return (\n    <EditUserProfileProvider\n      onEditProfile={onEditProfile}\n      onCancel={onCancel}\n      onThemeChange={onThemeChange}\n    >\n      <EditUserProfile />\n    </EditUserProfileProvider>\n  )\n}\n\nexport default EditProfile;\n"],"names":["EditProfile","props","onEditProfile","onCancel","onThemeChange","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;IASMA,WAAW,GAAmC,SAA9CA,WAA8C,CAACC,KAAD;EAEhD,IAAAC,aAAa,GAGXD,KAAK,cAHP;MACAE,QAAQ,GAENF,KAAK,SAHP;MAEAG,aAAa,GACXH,KAAK,cAHP;EAIF,oBACEI,6BAAC,uBAAD;IACE,aAAa,EAAEH,aADjB;IAEE,QAAQ,EAAEC,QAFZ;IAGE,aAAa,EAAEC;kBAEfC,6BAAC,eAAD,OALF,CADF;AASD;;;;"}

package/{LocalizationContext-5b475a64.js → LocalizationContext-4cefc770.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { g as getStringSet } from './stringSet-c4a61372.js';
-import { d as defaultLocale } from './index-25496c01.js';
+import { g as getStringSet } from './stringSet-dc330bcf.js';
+import { d as defaultLocale } from './index-176e9ad4.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-5b475a64.js.map
+//# sourceMappingURL=LocalizationContext-4cefc770.js.map

package/{LocalizationContext-5b475a64.js.map → LocalizationContext-4cefc770.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LocalizationContext-5b475a64.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;;;;"}
+{"version":3,"file":"LocalizationContext-4cefc770.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;EAC9CC,SAAS,EAAEC,YAAY,CAAC,IAAD,CADuB;EAE9CC,UAAU,EAAEC;AAFkC,CAApB;;IAWtBC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD;EACnB,IAAAC,QAAQ,GAAKD,KAAK,SAAlB;EACR,oBACEP,6BAAC,mBAAD,CAAqB,QAArB;IAA8B,KAAK,EAAEO;KAClCC,QADH,CADF;AAKD;;IAOKC,eAAe,GAAwB,SAAvCA,eAAuC;EAAM,OAAAT,cAAK,CAACU,UAAN,CAAiBX,mBAAjB,CAAA;AAAqC;;;;"}

package/{MemberList-004dd3e6.js → MemberList-e4916e55.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-16e14c17.js';
+import Button, { ButtonTypes, ButtonSizes } from './ui/Button.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-72a2f141.js';
+import { a as __spreadArray, _ as __assign } from './tslib.es6-cb5d77bf.js';
 import Modal from './ui/Modal.js';
 import UserListItem from './ui/UserListItem.js';
-import { n as noop } from './utils-2c4d166e.js';
+import { n as noop } from './utils-629876b9.js';
 import { useChannelSettingsContext } from './ChannelSettings/context.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
-import { a as LocalizationContext } from './LocalizationContext-5b475a64.js';
-import { u as uuidv4 } from './uuid-8a4db02f.js';
+import { a as LocalizationContext, u as useLocalization } from './LocalizationContext-4cefc770.js';
+import { u as uuidv4 } from './uuid-180d497e.js';
 
 function MembersModal(_a) {
   var _b;
@@ -45,7 +45,7 @@ function MembersModal(_a) {
       return _onCancel();
     },
     onSubmit: noop,
-    titleText: "All Members"
+    titleText: stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-more-members__popup-scroll",
     onScroll: function onScroll(e) {
@@ -188,6 +188,7 @@ function InviteUsers(_a) {
   var sdk = (_c = (_b = state === null || state === void 0 ? void 0 : state.stores) === null || _b === void 0 ? void 0 : _b.sdkStore) === null || _c === void 0 ? void 0 : _c.sdk;
   var globalUserListQuery = (_d = state === null || state === void 0 ? void 0 : state.config) === null || _d === void 0 ? void 0 : _d.userListQuery;
   var channel = useChannelSettingsContext().channel;
+  var stringSet = useLocalization().stringSet;
   useEffect(function () {
     var userListQuery = globalUserListQuery ? globalUserListQuery() : sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery();
 
@@ -201,7 +202,7 @@ function InviteUsers(_a) {
   return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Modal, {
     disabled: Object.keys(selectedMembers).length === 0,
     submitText: "Invite",
-    type: Type.PRIMARY,
+    type: ButtonTypes.PRIMARY,
     onCancel: function onCancel() {
       return _onCancel();
     },
@@ -213,7 +214,7 @@ function InviteUsers(_a) {
         _onSubmit(members);
       });
     },
-    titleText: "Select members"
+    titleText: stringSet.CHANNEL_SETTING__MEMBERS__SELECT_TITLE
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-more-members__popup-scroll",
     onScroll: function onScroll(e) {
@@ -307,7 +308,9 @@ var MemberList = function MemberList() {
       setChannelUpdateId(uuidv4());
     });
   }, [channel]);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, members.map(function (member) {
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-channel-settings-member-list sendbird-accordion"
+  }, members.map(function (member) {
     return /*#__PURE__*/React__default.createElement(UserListItem$1, {
       key: member.userId,
       user: member,
@@ -408,4 +411,4 @@ var MemberList = function MemberList() {
 };
 
 export { MemberList as M };
-//# sourceMappingURL=MemberList-004dd3e6.js.map
+//# sourceMappingURL=MemberList-e4916e55.js.map

package/MemberList-e4916e55.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemberList-e4916e55.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={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) => (\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 { 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\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  const { stringSet } = useLocalization();\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={ButtonTypes.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={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 = (\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    <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","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","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","useLocalization","createApplicationUserListQuery","Object","keys","length","ButtonTypes","PRIMARY","inviteWithUserIds","CHANNEL_SETTING__MEMBERS__SELECT_TITLE","users","event","modifiedSelectedMembers","id","checked","MemberList","setHasNext","showAllMembers","setShowAllMembers","showInviteUsers","setShowInviteUsers","_h","setChannelUpdateId","memberUserListQuery","refreshList","useCallback","uuidv4","UserListItem","SECONDARY","ButtonSizes","SMALL","CHANNEL_SETTING__MEMBERS__INVITE_MEMBER"],"mappings":"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"}

package/MessageSearch/components/MessageSearchUI.js

@@ -1,24 +1,24 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-5b475a64.js';
+import { a as LocalizationContext } from '../../LocalizationContext-4cefc770.js';
 import { useMessageSearchContext } from '../context.js';
 import MessageSearchItem from '../../ui/MessageSearchItem.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-7a790c96.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-a98bd600.js';
 import MessageSearchFileItem from '../../ui/MessageSearchFileItem.js';
-import '../../stringSet-c4a61372.js';
-import '../../index-25496c01.js';
+import '../../stringSet-dc330bcf.js';
+import '../../index-176e9ad4.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-b2b008c2.js';
-import '../../tslib.es6-72a2f141.js';
-import '../../index-4400a360.js';
-import '../../index-952d5f9b.js';
-import '../../index-2f85a795.js';
+import '../../_rollupPluginBabelHelpers-4527872e.js';
+import '../../tslib.es6-cb5d77bf.js';
+import '../../index-7fa0a721.js';
+import '../../index-3699f160.js';
+import '../../index-598898d3.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
 import 'prop-types';
-import '../../uuid-8a4db02f.js';
-import '../../index-e028fd23.js';
+import '../../uuid-180d497e.js';
+import '../../index-6b896cd8.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.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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"}
+{"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,8 @@
 import React__default, { useEffect, useCallback, useState, useReducer, useRef } from 'react';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { _ as __assign, a as __spreadArray } from '../tslib.es6-72a2f141.js';
+import { _ as __assign, a as __spreadArray } from '../tslib.es6-cb5d77bf.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-b2b008c2.js';
+import '../_rollupPluginBabelHelpers-4527872e.js';
 
 var GET_SEARCHED_MESSAGES = 'GET_SEARCHED_MESSAGES';
 var GET_NEXT_SEARCHED_MESSAGES = 'GET_NEXT_SEARCHED_MESSAGES';