@sendbird/uikit-react 3.6.8 → 3.6.9-rc.0

package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateOpenChannelUI.js","sources":["../../../../src/modules/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        isFullScreenOnMobile\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","_ref","closeModal","renderHeader","renderProfileInput","newFile","setNewFile","useState","currentImage","setCurrentImg","inputFormRef","useRef","inputFileRef","inputTextRef","stringSet","useContext","LocalizationContext","logger","createNewOpenChannel","useCreateOpenChannelContext","React","createElement","className","Modal","isFullScreenOnMobile","titleText","CREATE_OPEN_CHANNEL_LIST__TITLE","submitText","CREATE_OPEN_CHANNEL_LIST__SUBMIT","type","ButtonTypes","PRIMARY","onCancel","onSubmit","_inputTextRef$current","channelName","current","value","warning","name","coverUrlOrImage","Fragment","ref","e","preventDefault","InputLabel","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION","Avatar","width","height","src","Icon","IconTypes","CHANNELS","fillColor","IconColors","CONTENT","accept","style","display","onChange","URL","createObjectURL","target","files","TextButton","onClick","click","disableUnderline","Label","LabelTypography","BUTTON_1","color","LabelColors","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD","marginTop","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION","Input","placeHolder","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER"],"mappings":"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"}
+{"version":3,"file":"CreateOpenChannelUI.js","sources":["../../../../src/modules/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        isFullScreenOnMobile\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","_ref","closeModal","renderHeader","renderProfileInput","newFile","setNewFile","useState","currentImage","setCurrentImg","inputFormRef","useRef","inputFileRef","inputTextRef","stringSet","useContext","LocalizationContext","logger","createNewOpenChannel","useCreateOpenChannelContext","React","createElement","className","Modal","isFullScreenOnMobile","titleText","CREATE_OPEN_CHANNEL_LIST__TITLE","submitText","CREATE_OPEN_CHANNEL_LIST__SUBMIT","type","ButtonTypes","PRIMARY","onCancel","onSubmit","_inputTextRef$current","channelName","current","value","warning","name","coverUrlOrImage","Fragment","ref","e","preventDefault","InputLabel","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION","Avatar","width","height","src","Icon","IconTypes","CHANNELS","fillColor","IconColors","CONTENT","accept","style","display","onChange","URL","createObjectURL","target","files","TextButton","onClick","click","disableUnderline","Label","LabelTypography","BUTTON_1","color","LabelColors","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD","marginTop","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION","Input","placeHolder","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER"],"mappings":"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"}

package/cjs/CreateOpenChannel/context.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-117c3ffb.js');
+require('../_rollupPluginBabelHelpers-c6220b54.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/CreateOpenChannel.js

@@ -3,25 +3,27 @@
 var React = require('react');
 var CreateOpenChannel_components_CreateOpenChannelUI = require('./CreateOpenChannel/components/CreateOpenChannelUI.js');
 var CreateOpenChannel_context = require('./CreateOpenChannel/context.js');
-require('./LocalizationContext-9c99457f.js');
-require('./stringSet-dbdeec9c.js');
-require('./index-ba4dea0c.js');
+require('./LocalizationContext-01462759.js');
+require('./stringSet-569a20f9.js');
+require('./index-63eb5ff7.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
 require('./ui/Icon.js');
 require('prop-types');
-require('./uuid-b2882230.js');
+require('./uuid-10da34d7.js');
+require('./index-b5b8572e.js');
 require('./ui/Button.js');
-require('./index-4eb2a000.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-2413bae4.js');
+require('./utils-025bf87c.js');
+require('./index.module-cd5fee9a.js');
+require('./index-0e23b304.js');
+require('./MediaQueryContext-550a1a76.js');
 require('./ui/IconButton.js');
-require('./_rollupPluginBabelHelpers-117c3ffb.js');
-require('./MediaQueryContext-a5c77095.js');
+require('./_rollupPluginBabelHelpers-c6220b54.js');
 require('./ui/Input.js');
 require('./ui/TextButton.js');
-require('./color-a057a4c2.js');
+require('./color-437027bf.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
 

package/cjs/CreateOpenChannel.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateOpenChannel.js","sources":["../../src/modules/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","_ref","className","onCreateChannel","onBeforeCreateChannel","closeModal","renderHeader","renderProfileInput","React","createElement","CreateOpenChannelProvider","CreateOpenChannelUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAASA,iBAAiBA,CAAAC,IAAA,EAOqB;EAAA,IAPpB;IACzBC,SAAS;IACTC,eAAe;IACfC,qBAAqB;IACrBC,UAAU;IACVC,YAAY;AACZC,IAAAA,kBAAAA;AACsB,GAAC,GAAAN,IAAA,CAAA;AACvB,EAAA,oBACEO,yBAAA,CAAAC,aAAA,CAACC,mDAAyB,EAAA;AACxBR,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,qBAAqB,EAAEA,qBAAAA;AAAsB,GAAA,eAE7CI,yBAAA,CAAAC,aAAA,CAACE,gDAAmB,EAAA;AAClBN,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,kBAAkB,EAAEA,kBAAAA;AAAmB,GAAA,CACvC,CACwB,CAAA;AAEhC;;;;"}
+{"version":3,"file":"CreateOpenChannel.js","sources":["../../src/modules/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","_ref","className","onCreateChannel","onBeforeCreateChannel","closeModal","renderHeader","renderProfileInput","React","createElement","CreateOpenChannelProvider","CreateOpenChannelUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAASA,iBAAiBA,CAAAC,IAAA,EAOqB;EAAA,IAPpB;IACzBC,SAAS;IACTC,eAAe;IACfC,qBAAqB;IACrBC,UAAU;IACVC,YAAY;AACZC,IAAAA,kBAAAA;AACsB,GAAC,GAAAN,IAAA,CAAA;AACvB,EAAA,oBACEO,yBAAA,CAAAC,aAAA,CAACC,mDAAyB,EAAA;AACxBR,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,qBAAqB,EAAEA,qBAAAA;AAAsB,GAAA,eAE7CI,yBAAA,CAAAC,aAAA,CAACE,gDAAmB,EAAA;AAClBN,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,kBAAkB,EAAEA,kBAAAA;AAAmB,GAAA,CACvC,CACwB,CAAA;AAEhC;;;;"}

package/cjs/EditUserProfile/components/EditUserProfileUI.js

@@ -1,30 +1,31 @@
 'use strict';
 
 require('react');
-var EditUserProfile_components_EditUserProfileUI = require('../../index-5359bc78.js');
+var EditUserProfile_components_EditUserProfileUI = require('../../index-aabf3cd7.js');
 require('../../ui/Modal.js');
-require('../../LocalizationContext-9c99457f.js');
+require('../../LocalizationContext-01462759.js');
 require('../../useSendbirdStateContext.js');
 require('../../ui/Input.js');
 require('../../ui/Avatar.js');
 require('../../ui/Icon.js');
+require('../../index-b5b8572e.js');
 require('../../ui/Button.js');
-require('../../index-4eb2a000.js');
 require('../../ui/TextButton.js');
-require('../../utils-c2f38151.js');
-require('../../actionTypes-01de4d11.js');
+require('../../utils-025bf87c.js');
+require('../../actionTypes-e50d3f49.js');
 require('react-dom');
-require('../../index-2413bae4.js');
+require('../../index.module-cd5fee9a.js');
+require('../../index-0e23b304.js');
+require('../../MediaQueryContext-550a1a76.js');
 require('../../ui/IconButton.js');
-require('../../_rollupPluginBabelHelpers-117c3ffb.js');
-require('../../MediaQueryContext-a5c77095.js');
-require('../../stringSet-dbdeec9c.js');
-require('../../index-ba4dea0c.js');
+require('../../_rollupPluginBabelHelpers-c6220b54.js');
+require('../../stringSet-569a20f9.js');
+require('../../index-63eb5ff7.js');
 require('prop-types');
 require('../../withSendbird.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-b2882230.js');
-require('../../color-a057a4c2.js');
+require('../../uuid-10da34d7.js');
+require('../../color-437027bf.js');
 
 
 

package/cjs/EditUserProfile/components/EditUserProfileUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditUserProfileUI.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EditUserProfileUI.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/EditUserProfile.js

@@ -1,30 +1,31 @@
 'use strict';
 
 var React = require('react');
-var EditUserProfile_components_EditUserProfileUI = require('./index-5359bc78.js');
+var EditUserProfile_components_EditUserProfileUI = require('./index-aabf3cd7.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-2413bae4.js');
-require('./LocalizationContext-9c99457f.js');
-require('./stringSet-dbdeec9c.js');
-require('./index-ba4dea0c.js');
+require('./utils-025bf87c.js');
+require('./index.module-cd5fee9a.js');
+require('./index-0e23b304.js');
+require('./LocalizationContext-01462759.js');
+require('./stringSet-569a20f9.js');
+require('./index-63eb5ff7.js');
+require('./MediaQueryContext-550a1a76.js');
+require('./ui/IconButton.js');
+require('./_rollupPluginBabelHelpers-c6220b54.js');
 require('./ui/Button.js');
-require('./index-4eb2a000.js');
+require('./index-b5b8572e.js');
 require('prop-types');
 require('./ui/Icon.js');
-require('./ui/IconButton.js');
-require('./_rollupPluginBabelHelpers-117c3ffb.js');
-require('./MediaQueryContext-a5c77095.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
 require('./ui/Input.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-b2882230.js');
+require('./uuid-10da34d7.js');
 require('./ui/TextButton.js');
-require('./color-a057a4c2.js');
-require('./utils-c2f38151.js');
-require('./actionTypes-01de4d11.js');
+require('./color-437027bf.js');
+require('./actionTypes-e50d3f49.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/EditUserProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditUserProfile.js","sources":["../../src/modules/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","createElement","EditUserProfileProvider","EditUserProfile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASMA,MAAAA,WAA2C,GAAIC,KAA2B,IAAK;EACnF,MAAM;IACJC,aAAa;IACbC,QAAQ;AACRC,IAAAA,aAAAA;AACF,GAAC,GAAGH,KAAK,CAAA;AACT,EAAA,oBACEI,yBAAA,CAAAC,aAAA,CAACC,oEAAuB,EAAA;AACtBL,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,aAAa,EAAEA,aAAAA;AAAc,GAAA,eAE7BC,yBAAA,CAAAC,aAAA,CAACE,4DAAe,OAAG,CACK,CAAA;AAE9B;;;;"}
+{"version":3,"file":"EditUserProfile.js","sources":["../../src/modules/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","createElement","EditUserProfileProvider","EditUserProfile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASMA,MAAAA,WAA2C,GAAIC,KAA2B,IAAK;EACnF,MAAM;IACJC,aAAa;IACbC,QAAQ;AACRC,IAAAA,aAAAA;AACF,GAAC,GAAGH,KAAK,CAAA;AACT,EAAA,oBACEI,yBAAA,CAAAC,aAAA,CAACC,oEAAuB,EAAA;AACtBL,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,aAAa,EAAEA,aAAAA;AAAc,GAAA,eAE7BC,yBAAA,CAAAC,aAAA,CAACE,4DAAe,OAAG,CACK,CAAA;AAE9B;;;;"}

package/cjs/{LocalizationContext-9c99457f.js → LocalizationContext-01462759.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var stringSet = require('./stringSet-dbdeec9c.js');
-var index = require('./index-ba4dea0c.js');
+var stringSet = require('./stringSet-569a20f9.js');
+var index = require('./index-63eb5ff7.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -25,4 +25,4 @@ const useLocalization = () => React__default["default"].useContext(LocalizationC
 exports.LocalizationContext = LocalizationContext;
 exports.LocalizationProvider = LocalizationProvider;
 exports.useLocalization = useLocalization;
-//# sourceMappingURL=LocalizationContext-9c99457f.js.map
+//# sourceMappingURL=LocalizationContext-01462759.js.map

package/cjs/{LocalizationContext-9c99457f.js.map → LocalizationContext-01462759.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LocalizationContext-9c99457f.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","createElement","Provider","value","useLocalization","useContext"],"mappings":";;;;;;;;;;AAMA,MAAMA,mBAAmB,gBAAGC,yBAAK,CAACC,aAAa,CAAC;AAC9CC,EAAAA,SAAS,EAAEC,sBAAY,CAAC,IAAI,CAAC;AAC7BC,EAAAA,UAAU,EAAEC,mBAAAA;AACd,CAAC,EAAC;AAQIC,MAAAA,oBAAoB,GAAIC,KAAgC,IAAyB;EACrF,MAAM;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAGD,KAAK,CAAA;AAC1B,EAAA,oBACEP,yBAAA,CAAAS,aAAA,CAACV,mBAAmB,CAACW,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,KAAAA;AAAM,GAAA,EACxCC,QAAQ,CACoB,CAAA;AAEnC,EAAC;AAOKI,MAAAA,eAAoC,GAAGA,MAAMZ,yBAAK,CAACa,UAAU,CAACd,mBAAmB;;;;;;"}
+{"version":3,"file":"LocalizationContext-01462759.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","createElement","Provider","value","useLocalization","useContext"],"mappings":";;;;;;;;;;AAMA,MAAMA,mBAAmB,gBAAGC,yBAAK,CAACC,aAAa,CAAC;AAC9CC,EAAAA,SAAS,EAAEC,sBAAY,CAAC,IAAI,CAAC;AAC7BC,EAAAA,UAAU,EAAEC,mBAAAA;AACd,CAAC,EAAC;AAQIC,MAAAA,oBAAoB,GAAIC,KAAgC,IAAyB;EACrF,MAAM;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAGD,KAAK,CAAA;AAC1B,EAAA,oBACEP,yBAAA,CAAAS,aAAA,CAACV,mBAAmB,CAACW,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,KAAAA;AAAM,GAAA,EACxCC,QAAQ,CACoB,CAAA;AAEnC,EAAC;AAOKI,MAAAA,eAAoC,GAAGA,MAAMZ,yBAAK,CAACa,UAAU,CAACd,mBAAmB;;;;;;"}

package/cjs/{MediaQueryContext-a5c77095.js → MediaQueryContext-550a1a76.js}

@@ -91,4 +91,4 @@ const useMediaQueryContext = () => React__default["default"].useContext(MediaQue
 
 exports.MediaQueryProvider = MediaQueryProvider;
 exports.useMediaQueryContext = useMediaQueryContext;
-//# sourceMappingURL=MediaQueryContext-a5c77095.js.map
+//# sourceMappingURL=MediaQueryContext-550a1a76.js.map

package/cjs/{MediaQueryContext-a5c77095.js.map → MediaQueryContext-550a1a76.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MediaQueryContext-a5c77095.js","sources":["../../src/lib/MediaQueryContext.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport type { Logger } from './SendbirdState';\n\nconst DEFAULT_MOBILE = false;\n// const DEFAULT_MOBILE = '768px';\nconst MOBILE_CLASSNAME = 'sendbird--mobile-mode';\n\nexport type useMediaQueryContextType = () => ({\n  breakpoint: string | boolean;\n  isMobile: boolean;\n});\n\nconst MediaQueryContext = React.createContext<ReturnType<useMediaQueryContextType>>({\n  breakpoint: DEFAULT_MOBILE,\n  isMobile: false,\n});\n\nexport interface MediaQueryProviderProps {\n  children: React.ReactElement;\n  breakpoint?: string | boolean;\n  logger?: Logger;\n}\n\nconst addClassNameToBody = () => {\n  try {\n    const body = document.querySelector('body');\n    body?.classList.add(MOBILE_CLASSNAME);\n  } catch {\n    // noop\n  }\n};\n\nconst removeClassNameFromBody = () => {\n  try {\n    const body = document.querySelector('body');\n    body?.classList.remove(MOBILE_CLASSNAME);\n  } catch {\n    // noop\n  }\n};\n\nconst MediaQueryProvider = (props: MediaQueryProviderProps): React.ReactElement => {\n  const {\n    children,\n    logger,\n  } = props;\n  const breakpoint = props?.breakpoint || false;\n  const [isMobile, setIsMobile] = useState(false);\n  useEffect(() => {\n    const updateSize = () => {\n      if (typeof breakpoint === 'boolean') {\n        setIsMobile(breakpoint);\n        if (breakpoint) {\n          logger?.info?.('MediaQueryProvider: isMobile: true');\n          addClassNameToBody();\n        } else {\n          logger?.info?.('MediaQueryProvider: isMobile: false');\n          removeClassNameFromBody();\n        }\n      } else {\n        const mq = window.matchMedia(`(max-width: ${breakpoint})`);\n        logger?.info?.(`MediaQueryProvider: Screensize updated to ${breakpoint}`);\n        if (mq.matches) {\n          setIsMobile(true);\n          addClassNameToBody();\n          logger?.info?.('MediaQueryProvider: isMobile: true');\n        } else {\n          setIsMobile(false);\n          removeClassNameFromBody();\n          logger?.info?.('MediaQueryProvider: isMobile: false');\n        }\n      }\n    };\n    updateSize();\n    window.addEventListener('resize', updateSize);\n    logger?.info?.('MediaQueryProvider: addEventListener', { updateSize });\n    return () => {\n      window.removeEventListener('resize', updateSize);\n      logger?.info?.('MediaQueryProvider: removeEventListener', { updateSize });\n    };\n  }, [breakpoint]);\n  return (\n    <MediaQueryContext.Provider value={{ breakpoint, isMobile }}>\n      {children}\n    </MediaQueryContext.Provider>\n  );\n};\n\nconst useMediaQueryContext: useMediaQueryContextType = () => React.useContext(MediaQueryContext);\n\nexport { MediaQueryProvider, useMediaQueryContext };\n"],"names":["DEFAULT_MOBILE","MOBILE_CLASSNAME","MediaQueryContext","React","createContext","breakpoint","isMobile","addClassNameToBody","body","document","querySelector","classList","add","_unused","removeClassNameFromBody","remove","_unused2","MediaQueryProvider","props","children","logger","setIsMobile","useState","useEffect","_logger$info6","updateSize","_logger$info","info","call","_logger$info2","_logger$info3","mq","window","matchMedia","matches","_logger$info4","_logger$info5","addEventListener","_logger$info7","removeEventListener","createElement","Provider","value","useMediaQueryContext","useContext"],"mappings":"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"}
+{"version":3,"file":"MediaQueryContext-550a1a76.js","sources":["../../src/lib/MediaQueryContext.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport type { Logger } from './SendbirdState';\n\nconst DEFAULT_MOBILE = false;\n// const DEFAULT_MOBILE = '768px';\nconst MOBILE_CLASSNAME = 'sendbird--mobile-mode';\n\nexport type useMediaQueryContextType = () => ({\n  breakpoint: string | boolean;\n  isMobile: boolean;\n});\n\nconst MediaQueryContext = React.createContext<ReturnType<useMediaQueryContextType>>({\n  breakpoint: DEFAULT_MOBILE,\n  isMobile: false,\n});\n\nexport interface MediaQueryProviderProps {\n  children: React.ReactElement;\n  breakpoint?: string | boolean;\n  logger?: Logger;\n}\n\nconst addClassNameToBody = () => {\n  try {\n    const body = document.querySelector('body');\n    body?.classList.add(MOBILE_CLASSNAME);\n  } catch {\n    // noop\n  }\n};\n\nconst removeClassNameFromBody = () => {\n  try {\n    const body = document.querySelector('body');\n    body?.classList.remove(MOBILE_CLASSNAME);\n  } catch {\n    // noop\n  }\n};\n\nconst MediaQueryProvider = (props: MediaQueryProviderProps): React.ReactElement => {\n  const {\n    children,\n    logger,\n  } = props;\n  const breakpoint = props?.breakpoint || false;\n  const [isMobile, setIsMobile] = useState(false);\n  useEffect(() => {\n    const updateSize = () => {\n      if (typeof breakpoint === 'boolean') {\n        setIsMobile(breakpoint);\n        if (breakpoint) {\n          logger?.info?.('MediaQueryProvider: isMobile: true');\n          addClassNameToBody();\n        } else {\n          logger?.info?.('MediaQueryProvider: isMobile: false');\n          removeClassNameFromBody();\n        }\n      } else {\n        const mq = window.matchMedia(`(max-width: ${breakpoint})`);\n        logger?.info?.(`MediaQueryProvider: Screensize updated to ${breakpoint}`);\n        if (mq.matches) {\n          setIsMobile(true);\n          addClassNameToBody();\n          logger?.info?.('MediaQueryProvider: isMobile: true');\n        } else {\n          setIsMobile(false);\n          removeClassNameFromBody();\n          logger?.info?.('MediaQueryProvider: isMobile: false');\n        }\n      }\n    };\n    updateSize();\n    window.addEventListener('resize', updateSize);\n    logger?.info?.('MediaQueryProvider: addEventListener', { updateSize });\n    return () => {\n      window.removeEventListener('resize', updateSize);\n      logger?.info?.('MediaQueryProvider: removeEventListener', { updateSize });\n    };\n  }, [breakpoint]);\n  return (\n    <MediaQueryContext.Provider value={{ breakpoint, isMobile }}>\n      {children}\n    </MediaQueryContext.Provider>\n  );\n};\n\nconst useMediaQueryContext: useMediaQueryContextType = () => React.useContext(MediaQueryContext);\n\nexport { MediaQueryProvider, useMediaQueryContext };\n"],"names":["DEFAULT_MOBILE","MOBILE_CLASSNAME","MediaQueryContext","React","createContext","breakpoint","isMobile","addClassNameToBody","body","document","querySelector","classList","add","_unused","removeClassNameFromBody","remove","_unused2","MediaQueryProvider","props","children","logger","setIsMobile","useState","useEffect","_logger$info6","updateSize","_logger$info","info","call","_logger$info2","_logger$info3","mq","window","matchMedia","matches","_logger$info4","_logger$info5","addEventListener","_logger$info7","removeEventListener","createElement","Provider","value","useMediaQueryContext","useContext"],"mappings":"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"}

package/cjs/{MemberList-166dd7de.js → MemberList-446c4808.js}

@@ -6,14 +6,15 @@ var ui_IconButton = require('./ui/IconButton.js');
 var ui_Icon = require('./ui/Icon.js');
 var ui_ContextMenu = require('./ui/ContextMenu.js');
 var ChannelSettings_components_UserListItem = require('./ChannelSettings/components/UserListItem.js');
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-117c3ffb.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c6220b54.js');
 var ui_Modal = require('./ui/Modal.js');
 var ui_UserListItem = require('./ui/UserListItem.js');
-var utils = require('./utils-c2f38151.js');
+var utils = require('./utils-025bf87c.js');
 var ChannelSettings_context = require('./ChannelSettings/context.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var LocalizationContext = require('./LocalizationContext-9c99457f.js');
-var uuid = require('./uuid-b2882230.js');
+var LocalizationContext = require('./LocalizationContext-01462759.js');
+require('./index-b5b8572e.js');
+var uuid = require('./uuid-10da34d7.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -43,7 +44,7 @@ function MembersModal(_ref) {
     });
     setMemberQuery(memberListQuery);
   }, []);
-  return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
+  return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(ui_Modal.Modal, {
     isFullScreenOnMobile: true,
     hideFooter: true,
     onCancel: () => onCancel(),
@@ -202,7 +203,7 @@ function InviteUsers(_ref) {
       setUserQuery(userListQuery);
     }
   }, [sdk]);
-  return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
+  return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(ui_Modal.Modal, {
     isFullScreenOnMobile: true,
     disabled: Object.keys(selectedMembers).length === 0,
     submitText: stringSet.BUTTON__INVITE,
@@ -406,4 +407,4 @@ const MemberList = () => {
 };
 
 exports.MemberList = MemberList;
-//# sourceMappingURL=MemberList-166dd7de.js.map
+//# sourceMappingURL=MemberList-446c4808.js.map

package/cjs/{MemberList-166dd7de.js.map → MemberList-446c4808.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MemberList-166dd7de.js","sources":["../../src/modules/ChannelSettings/components/ModerationPanel/MembersModal.tsx","../../src/modules/ChannelSettings/components/ModerationPanel/InviteUsersModal.tsx","../../src/modules/ChannelSettings/components/ModerationPanel/MemberList.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\n\nimport Modal from '../../../../ui/Modal';\nimport UserListItem from '../../../../ui/UserListItem';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\nimport { noop } from '../../../../utils/utils';\n\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { Member } from '@sendbird/chat/groupChannel';\n\ninterface Props {\n  onCancel(): void;\n}\n\nexport default function MembersModal({ onCancel }: Props): ReactElement {\n  const [members, setMembers] = useState([]);\n  const [memberQuery, setMemberQuery] = useState(null);\n\n  const { channel } = useChannelSettingsContext();\n  const state = useSendbirdStateContext();\n  const currentUser = state?.config?.userId;\n  const { stringSet } = useContext(LocalizationContext);\n\n  useEffect(() => {\n    const memberListQuery = channel?.createMemberListQuery({\n      limit: 20,\n    });\n    memberListQuery.next().then((members) => {\n      setMembers(members);\n    });\n    setMemberQuery(memberListQuery);\n  }, []);\n  return (\n    <div>\n      <Modal\n        isFullScreenOnMobile\n        hideFooter\n        onCancel={() => onCancel()}\n        onSubmit={noop}\n        titleText={stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS}\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = memberQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\n\n            if (hasNext && fetchMore) {\n              memberQuery.next().then((o) => {\n                setMembers([\n                  ...members,\n                  ...o,\n                ]);\n              });\n            }\n          }}\n        >\n          {\n            members.map((member: Member) => (\n              <UserListItem\n                user={member}\n                key={member.userId}\n                currentUser={currentUser}\n                action={({ parentRef, actionRef }) => (\n                  <>\n                    {channel?.myRole === 'operator' && (\n                      <ContextMenu\n                        menuTrigger={(toggleDropdown) => (\n                          <IconButton\n                            className=\"sendbird-user-message__more__menu\"\n                            width=\"32px\"\n                            height=\"32px\"\n                            onClick={() => {\n                              toggleDropdown();\n                            }}\n                          >\n                            <Icon\n                              width=\"24px\"\n                              height=\"24px\"\n                              type={IconTypes.MORE}\n                              fillColor={IconColors.CONTENT_INVERSE}\n                            />\n                          </IconButton>\n                        )}\n                        menuItems={(closeDropdown) => (\n                          <MenuItems\n                            parentContainRef={parentRef}\n                            parentRef={actionRef} // for catching location(x, y) of MenuItems\n                            closeDropdown={closeDropdown}\n                            openLeft\n                          >\n                            <MenuItem\n                              disable={currentUser === member.userId}\n                              onClick={() => {\n                                if ((member.role !== 'operator')) {\n                                  channel?.addOperators([member.userId]).then(() => {\n                                    setMembers(members.map(m => {\n                                      if (m.userId === member.userId) {\n                                        return {\n                                          ...member,\n                                          role: 'operator',\n                                        };\n                                      }\n                                      return m;\n                                    }));\n                                    closeDropdown();\n                                  });\n                                } else {\n                                  channel?.removeOperators([member.userId]).then(() => {\n                                    setMembers(members.map(m => {\n                                      if (m.userId === member.userId) {\n                                        return {\n                                          ...member,\n                                          role: '',\n                                        };\n                                      }\n                                      return m;\n                                    }));\n                                    closeDropdown();\n                                  });\n                                }\n                              }}\n                              dataSbId={`channel_setting_member_context_menu_${(\n                                member.role !== 'operator'\n                              ) ? 'register_as_operator' : 'unregister_operator'}`}\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                                  dataSbId={`channel_setting_member_context_menu_${(\n                                    member.isMuted) ? 'unmute' : 'mute'}`\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                              dataSbId=\"channel_setting_member_context_menu_ban\"\n                            >\n                              {stringSet.CHANNEL_SETTING__MODERATION__BAN}\n                            </MenuItem>\n                          </MenuItems>\n                        )}\n                      />\n                    )}\n                  </>\n                )}\n              />\n            ))\n          }\n        </div>\n      </Modal>\n    </div>\n  );\n}\n","import React, { ReactElement, useEffect, useState } from 'react';\n\nimport Modal from '../../../../ui/Modal';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport UserListItem from '../../../../ui/UserListItem';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\ninterface Props {\n  onCancel(): void;\n  onSubmit(members: Array<string>): void;\n}\n\nconst isAboutSame = (a, b, px) => (Math.abs(a - b) <= px);\n\nexport default function InviteUsers({\n  onCancel,\n  onSubmit,\n}: Props): ReactElement {\n  const [members, setMembers] = useState([]);\n  const [selectedMembers, setSelectedMembers] = useState({});\n  const [userQuery, setUserQuery] = useState(null);\n\n  const state = useSendbirdStateContext();\n  const sdk = state?.stores?.sdkStore?.sdk;\n  const globalUserListQuery = state?.config?.userListQuery;\n\n  const { channel, overrideInviteUser, queries } = useChannelSettingsContext();\n  const userFilledQuery = {\n    ...queries?.applicationUserListQuery,\n  };\n  const { stringSet } = useLocalization();\n\n  useEffect(() => {\n    const userListQuery = globalUserListQuery\n      ? globalUserListQuery()\n      : sdk?.createApplicationUserListQuery(userFilledQuery);\n    if (userListQuery?.next) {\n      userListQuery.next().then((members) => {\n        setMembers(members);\n      });\n      setUserQuery(userListQuery);\n    }\n  }, [sdk]);\n  return (\n    <div>\n      <Modal\n        isFullScreenOnMobile\n        disabled={Object.keys(selectedMembers).length === 0}\n        submitText={stringSet.BUTTON__INVITE}\n        type={ButtonTypes.PRIMARY}\n        onCancel={() => onCancel()}\n        onSubmit={() => {\n          const members = Object.keys(selectedMembers).filter((m) => selectedMembers[m]);\n          if (typeof overrideInviteUser === 'function') {\n            overrideInviteUser({\n              users: members,\n              onClose: onCancel,\n              channel,\n            });\n            return;\n          }\n          channel?.inviteWithUserIds(members).then(() => {\n            onSubmit(members);\n          });\n        }}\n        titleText={stringSet.CHANNEL_SETTING__MEMBERS__SELECT_TITLE}\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = userQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 20);\n            if (hasNext && fetchMore) {\n              userQuery.next().then((users) => {\n                setMembers([\n                  ...members,\n                  ...users,\n                ]);\n              });\n            }\n          }}\n        >\n          <div className=\"sendbird-more-members__popup-scroll__inner\">\n            {members.map((member) => {\n              const isJoinedMember = channel?.members?.some(({ userId }) => userId === member?.userId);\n              return (\n                <UserListItem\n                  checkBox\n                  checked={isJoinedMember || selectedMembers[member.userId]}\n                  disabled={isJoinedMember}\n                  onChange={\n                    (event) => {\n                      const modifiedSelectedMembers = {\n                        ...selectedMembers,\n                        [event.target.id]: event.target.checked,\n                      };\n                      if (!event.target.checked) {\n                        delete modifiedSelectedMembers[event.target.id];\n                      }\n                      setSelectedMembers(modifiedSelectedMembers);\n                    }\n                  }\n                  user={member}\n                  key={member.userId}\n                />\n              );\n            })}\n          </div>\n        </div>\n      </Modal>\n    </div>\n  );\n}\n","import React, {\n  ReactElement,\n  useEffect,\n  useState,\n  useCallback,\n  useContext,\n} from 'react';\nimport type { Member } from '@sendbird/chat/groupChannel';\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<Array<Member>>([]);\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                          dataSbId={`channel_setting_member_context_menu_${(\n                            member.role !== 'operator'\n                          ) ? 'register_as_operator' : 'unregister_operator'}`}\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                              dataSbId={`channel_setting_member_context_menu_${(\n                                member.isMuted) ? 'unmute' : 'mute'}`\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                          dataSbId=\"channel_setting_member_context_menu_ban\"\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","_ref","_state$config","onCancel","members","setMembers","useState","memberQuery","setMemberQuery","channel","useChannelSettingsContext","state","useSendbirdStateContext","currentUser","config","userId","stringSet","useContext","LocalizationContext","useEffect","memberListQuery","createMemberListQuery","limit","next","then","React","createElement","Modal","isFullScreenOnMobile","hideFooter","onSubmit","noop","titleText","CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS","className","onScroll","e","hasNext","target","fetchMore","clientHeight","scrollTop","scrollHeight","o","map","member","UserListItem","user","key","action","_ref2","parentRef","actionRef","Fragment","myRole","ContextMenu","menuTrigger","toggleDropdown","IconButton","width","height","onClick","Icon","type","IconTypes","MORE","fillColor","IconColors","CONTENT_INVERSE","menuItems","closeDropdown","MenuItems","parentContainRef","openLeft","MenuItem","disable","role","addOperators","m","_objectSpread","removeOperators","dataSbId","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","_ref3","CHANNEL_SETTING__MODERATION__BAN","isAboutSame","a","b","px","Math","abs","InviteUsers","_state$stores","_state$stores$sdkStor","selectedMembers","setSelectedMembers","userQuery","setUserQuery","sdk","stores","sdkStore","globalUserListQuery","userListQuery","overrideInviteUser","queries","userFilledQuery","applicationUserListQuery","useLocalization","createApplicationUserListQuery","disabled","Object","keys","length","submitText","BUTTON__INVITE","ButtonTypes","PRIMARY","users","onClose","inviteWithUserIds","CHANNEL_SETTING__MEMBERS__SELECT_TITLE","_channel$members","isJoinedMember","some","checkBox","checked","onChange","event","modifiedSelectedMembers","id","MemberList","setHasNext","showAllMembers","setShowAllMembers","showInviteUsers","setShowInviteUsers","setChannelUpdateId","memberUserListQuery","refreshList","useCallback","uuidv4","Button","SECONDARY","size","ButtonSizes","SMALL","CHANNEL_SETTING__MEMBERS__INVITE_MEMBER"],"mappings":"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"}
+{"version":3,"file":"MemberList-446c4808.js","sources":["../../src/modules/ChannelSettings/components/ModerationPanel/MembersModal.tsx","../../src/modules/ChannelSettings/components/ModerationPanel/InviteUsersModal.tsx","../../src/modules/ChannelSettings/components/ModerationPanel/MemberList.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\n\nimport Modal from '../../../../ui/Modal';\nimport UserListItem from '../../../../ui/UserListItem';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\nimport { noop } from '../../../../utils/utils';\n\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { Member } from '@sendbird/chat/groupChannel';\n\ninterface Props {\n  onCancel(): void;\n}\n\nexport default function MembersModal({ onCancel }: Props): ReactElement {\n  const [members, setMembers] = useState([]);\n  const [memberQuery, setMemberQuery] = useState(null);\n\n  const { channel } = useChannelSettingsContext();\n  const state = useSendbirdStateContext();\n  const currentUser = state?.config?.userId;\n  const { stringSet } = useContext(LocalizationContext);\n\n  useEffect(() => {\n    const memberListQuery = channel?.createMemberListQuery({\n      limit: 20,\n    });\n    memberListQuery.next().then((members) => {\n      setMembers(members);\n    });\n    setMemberQuery(memberListQuery);\n  }, []);\n  return (\n    <div>\n      <Modal\n        isFullScreenOnMobile\n        hideFooter\n        onCancel={() => onCancel()}\n        onSubmit={noop}\n        titleText={stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS}\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = memberQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\n\n            if (hasNext && fetchMore) {\n              memberQuery.next().then((o) => {\n                setMembers([\n                  ...members,\n                  ...o,\n                ]);\n              });\n            }\n          }}\n        >\n          {\n            members.map((member: Member) => (\n              <UserListItem\n                user={member}\n                key={member.userId}\n                currentUser={currentUser}\n                action={({ parentRef, actionRef }) => (\n                  <>\n                    {channel?.myRole === 'operator' && (\n                      <ContextMenu\n                        menuTrigger={(toggleDropdown) => (\n                          <IconButton\n                            className=\"sendbird-user-message__more__menu\"\n                            width=\"32px\"\n                            height=\"32px\"\n                            onClick={() => {\n                              toggleDropdown();\n                            }}\n                          >\n                            <Icon\n                              width=\"24px\"\n                              height=\"24px\"\n                              type={IconTypes.MORE}\n                              fillColor={IconColors.CONTENT_INVERSE}\n                            />\n                          </IconButton>\n                        )}\n                        menuItems={(closeDropdown) => (\n                          <MenuItems\n                            parentContainRef={parentRef}\n                            parentRef={actionRef} // for catching location(x, y) of MenuItems\n                            closeDropdown={closeDropdown}\n                            openLeft\n                          >\n                            <MenuItem\n                              disable={currentUser === member.userId}\n                              onClick={() => {\n                                if ((member.role !== 'operator')) {\n                                  channel?.addOperators([member.userId]).then(() => {\n                                    setMembers(members.map(m => {\n                                      if (m.userId === member.userId) {\n                                        return {\n                                          ...member,\n                                          role: 'operator',\n                                        };\n                                      }\n                                      return m;\n                                    }));\n                                    closeDropdown();\n                                  });\n                                } else {\n                                  channel?.removeOperators([member.userId]).then(() => {\n                                    setMembers(members.map(m => {\n                                      if (m.userId === member.userId) {\n                                        return {\n                                          ...member,\n                                          role: '',\n                                        };\n                                      }\n                                      return m;\n                                    }));\n                                    closeDropdown();\n                                  });\n                                }\n                              }}\n                              dataSbId={`channel_setting_member_context_menu_${(\n                                member.role !== 'operator'\n                              ) ? 'register_as_operator' : 'unregister_operator'}`}\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                                  dataSbId={`channel_setting_member_context_menu_${(\n                                    member.isMuted) ? 'unmute' : 'mute'}`\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                              dataSbId=\"channel_setting_member_context_menu_ban\"\n                            >\n                              {stringSet.CHANNEL_SETTING__MODERATION__BAN}\n                            </MenuItem>\n                          </MenuItems>\n                        )}\n                      />\n                    )}\n                  </>\n                )}\n              />\n            ))\n          }\n        </div>\n      </Modal>\n    </div>\n  );\n}\n","import React, { ReactElement, useEffect, useState } from 'react';\n\nimport Modal from '../../../../ui/Modal';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport UserListItem from '../../../../ui/UserListItem';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\ninterface Props {\n  onCancel(): void;\n  onSubmit(members: Array<string>): void;\n}\n\nconst isAboutSame = (a, b, px) => (Math.abs(a - b) <= px);\n\nexport default function InviteUsers({\n  onCancel,\n  onSubmit,\n}: Props): ReactElement {\n  const [members, setMembers] = useState([]);\n  const [selectedMembers, setSelectedMembers] = useState({});\n  const [userQuery, setUserQuery] = useState(null);\n\n  const state = useSendbirdStateContext();\n  const sdk = state?.stores?.sdkStore?.sdk;\n  const globalUserListQuery = state?.config?.userListQuery;\n\n  const { channel, overrideInviteUser, queries } = useChannelSettingsContext();\n  const userFilledQuery = {\n    ...queries?.applicationUserListQuery,\n  };\n  const { stringSet } = useLocalization();\n\n  useEffect(() => {\n    const userListQuery = globalUserListQuery\n      ? globalUserListQuery()\n      : sdk?.createApplicationUserListQuery(userFilledQuery);\n    if (userListQuery?.next) {\n      userListQuery.next().then((members) => {\n        setMembers(members);\n      });\n      setUserQuery(userListQuery);\n    }\n  }, [sdk]);\n  return (\n    <div>\n      <Modal\n        isFullScreenOnMobile\n        disabled={Object.keys(selectedMembers).length === 0}\n        submitText={stringSet.BUTTON__INVITE}\n        type={ButtonTypes.PRIMARY}\n        onCancel={() => onCancel()}\n        onSubmit={() => {\n          const members = Object.keys(selectedMembers).filter((m) => selectedMembers[m]);\n          if (typeof overrideInviteUser === 'function') {\n            overrideInviteUser({\n              users: members,\n              onClose: onCancel,\n              channel,\n            });\n            return;\n          }\n          channel?.inviteWithUserIds(members).then(() => {\n            onSubmit(members);\n          });\n        }}\n        titleText={stringSet.CHANNEL_SETTING__MEMBERS__SELECT_TITLE}\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = userQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 20);\n            if (hasNext && fetchMore) {\n              userQuery.next().then((users) => {\n                setMembers([\n                  ...members,\n                  ...users,\n                ]);\n              });\n            }\n          }}\n        >\n          <div className=\"sendbird-more-members__popup-scroll__inner\">\n            {members.map((member) => {\n              const isJoinedMember = channel?.members?.some(({ userId }) => userId === member?.userId);\n              return (\n                <UserListItem\n                  checkBox\n                  checked={isJoinedMember || selectedMembers[member.userId]}\n                  disabled={isJoinedMember}\n                  onChange={\n                    (event) => {\n                      const modifiedSelectedMembers = {\n                        ...selectedMembers,\n                        [event.target.id]: event.target.checked,\n                      };\n                      if (!event.target.checked) {\n                        delete modifiedSelectedMembers[event.target.id];\n                      }\n                      setSelectedMembers(modifiedSelectedMembers);\n                    }\n                  }\n                  user={member}\n                  key={member.userId}\n                />\n              );\n            })}\n          </div>\n        </div>\n      </Modal>\n    </div>\n  );\n}\n","import React, {\n  ReactElement,\n  useEffect,\n  useState,\n  useCallback,\n  useContext,\n} from 'react';\nimport type { Member } from '@sendbird/chat/groupChannel';\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<Array<Member>>([]);\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                          dataSbId={`channel_setting_member_context_menu_${(\n                            member.role !== 'operator'\n                          ) ? 'register_as_operator' : 'unregister_operator'}`}\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                              dataSbId={`channel_setting_member_context_menu_${(\n                                member.isMuted) ? 'unmute' : 'mute'}`\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                          dataSbId=\"channel_setting_member_context_menu_ban\"\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","_ref","_state$config","onCancel","members","setMembers","useState","memberQuery","setMemberQuery","channel","useChannelSettingsContext","state","useSendbirdStateContext","currentUser","config","userId","stringSet","useContext","LocalizationContext","useEffect","memberListQuery","createMemberListQuery","limit","next","then","React","createElement","Modal","isFullScreenOnMobile","hideFooter","onSubmit","noop","titleText","CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS","className","onScroll","e","hasNext","target","fetchMore","clientHeight","scrollTop","scrollHeight","o","map","member","UserListItem","user","key","action","_ref2","parentRef","actionRef","Fragment","myRole","ContextMenu","menuTrigger","toggleDropdown","IconButton","width","height","onClick","Icon","type","IconTypes","MORE","fillColor","IconColors","CONTENT_INVERSE","menuItems","closeDropdown","MenuItems","parentContainRef","openLeft","MenuItem","disable","role","addOperators","m","_objectSpread","removeOperators","dataSbId","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","_ref3","CHANNEL_SETTING__MODERATION__BAN","isAboutSame","a","b","px","Math","abs","InviteUsers","_state$stores","_state$stores$sdkStor","selectedMembers","setSelectedMembers","userQuery","setUserQuery","sdk","stores","sdkStore","globalUserListQuery","userListQuery","overrideInviteUser","queries","userFilledQuery","applicationUserListQuery","useLocalization","createApplicationUserListQuery","disabled","Object","keys","length","submitText","BUTTON__INVITE","ButtonTypes","PRIMARY","users","onClose","inviteWithUserIds","CHANNEL_SETTING__MEMBERS__SELECT_TITLE","_channel$members","isJoinedMember","some","checkBox","checked","onChange","event","modifiedSelectedMembers","id","MemberList","setHasNext","showAllMembers","setShowAllMembers","showInviteUsers","setShowInviteUsers","setChannelUpdateId","memberUserListQuery","refreshList","useCallback","uuidv4","Button","SECONDARY","size","ButtonSizes","SMALL","CHANNEL_SETTING__MEMBERS__INVITE_MEMBER"],"mappings":"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"}

package/cjs/Message/hooks/useDirtyGetMentions.js

@@ -6,7 +6,7 @@ var React = require('react');
 
 function getMentionNodes(root) {
   if (root) {
-    const mentions = root.querySelectorAll("[data-sb-mention='true']");
+    const mentions = root.querySelectorAll('[data-sb-mention=\'true\']');
     const mentionsArray = Array.from(mentions);
     return mentionsArray;
   }

package/cjs/Message/hooks/useDirtyGetMentions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDirtyGetMentions.js","sources":["../../../../src/modules/Message/utils/getMentionNodes.ts","../../../../src/modules/Message/hooks/useDirtyGetMentions.ts"],"sourcesContent":["export function getMentionNodes(root: HTMLElement): Element[] {\n  if (root) {\n    const mentions = root.querySelectorAll(\"[data-sb-mention='true']\");\n    const mentionsArray = Array.from(mentions);\n    return mentionsArray;\n  }\n  return [];\n}\n","import { useEffect, useLayoutEffect, useState } from 'react';\n\nimport { Logger } from '../../../lib/SendbirdState';\nimport { getMentionNodes } from '../utils/getMentionNodes';\n\ninterface DynamicParams {\n  ref: React.RefObject<HTMLElement>;\n}\n\ninterface StaticParams {\n  logger: Logger;\n}\n\n/**\n * exported, should be backwords compatible\n * This is a dirty way to get the mentions given DOM node\n */\nexport function useDirtyGetMentions({\n  ref,\n}: DynamicParams, {\n  logger,\n}: StaticParams): Element[] {\n  // Select the node that will be observed for mutations\n  const targetNode = ref.current as HTMLElement;\n  const [mentionNodes, setMentionNodes] = useState<Element[]>([]);\n\n  // to get the initial mentions\n  useLayoutEffect(() => {\n    if (targetNode) {\n      const mentions = getMentionNodes(targetNode);\n      setMentionNodes(mentions);\n    }\n  }, [targetNode]);\n\n  useEffect(() => {\n    // Options for the observer (which mutations to observe)\n    const config = { childList: true, subtree: true };\n\n    // Callback function to execute when mutations are observed\n    const callback = (mutationList: MutationRecord[]): void => {\n      const hasMutation = mutationList.length > 0;\n      if (hasMutation) {\n        setMentionNodes(getMentionNodes(targetNode));\n      }\n    };\n\n    // Create an observer instance linked to the callback function\n    const observer = new MutationObserver(callback);\n\n    if (targetNode) {\n      // Start observing the target node for configured mutations\n      observer.observe(targetNode, config);\n      logger.info('useDirtyGetMentions: observer started', { observer, config });\n    }\n\n    return () => {\n      try {\n        observer.disconnect();\n        logger.info('useDirtyGetMentions: observer disconnected', { observer });\n      } catch (error) {\n        logger.error('useDirtyGetMentions: observer disconnect failed', { observer });\n      }\n    };\n  }, [targetNode]);\n  return mentionNodes;\n}\n"],"names":["getMentionNodes","root","mentions","querySelectorAll","mentionsArray","Array","from","useDirtyGetMentions","_ref","_ref2","ref","logger","targetNode","current","mentionNodes","setMentionNodes","useState","useLayoutEffect","useEffect","config","childList","subtree","callback","mutationList","hasMutation","length","observer","MutationObserver","observe","info","disconnect","error"],"mappings":";;;;;;AAAO,SAASA,eAAeA,CAACC,IAAiB,EAAa;AAC5D,EAAA,IAAIA,IAAI,EAAE;AACR,IAAA,MAAMC,QAAQ,GAAGD,IAAI,CAACE,gBAAgB,CAAC,0BAA0B,CAAC,CAAA;AAClE,IAAA,MAAMC,aAAa,GAAGC,KAAK,CAACC,IAAI,CAACJ,QAAQ,CAAC,CAAA;AAC1C,IAAA,OAAOE,aAAa,CAAA;AACtB,GAAA;AACA,EAAA,OAAO,EAAE,CAAA;AACX;;ACMA;AACA;AACA;AACA;AACO,SAASG,mBAAmBA,CAAAC,IAAA,EAAAC,KAAA,EAIP;EAAA,IAJQ;AAClCC,IAAAA,GAAAA;AACa,GAAC,GAAAF,IAAA,CAAA;EAAA,IAAE;AAChBG,IAAAA,MAAAA;AACY,GAAC,GAAAF,KAAA,CAAA;AACb;AACA,EAAA,MAAMG,UAAU,GAAGF,GAAG,CAACG,OAAsB,CAAA;EAC7C,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGC,cAAQ,CAAY,EAAE,CAAC,CAAA;;AAE/D;AACAC,EAAAA,qBAAe,CAAC,MAAM;AACpB,IAAA,IAAIL,UAAU,EAAE;AACd,MAAA,MAAMV,QAAQ,GAAGF,eAAe,CAACY,UAAU,CAAC,CAAA;MAC5CG,eAAe,CAACb,QAAQ,CAAC,CAAA;AAC3B,KAAA;AACF,GAAC,EAAE,CAACU,UAAU,CAAC,CAAC,CAAA;AAEhBM,EAAAA,eAAS,CAAC,MAAM;AACd;AACA,IAAA,MAAMC,MAAM,GAAG;AAAEC,MAAAA,SAAS,EAAE,IAAI;AAAEC,MAAAA,OAAO,EAAE,IAAA;KAAM,CAAA;;AAEjD;IACA,MAAMC,QAAQ,GAAIC,YAA8B,IAAW;AACzD,MAAA,MAAMC,WAAW,GAAGD,YAAY,CAACE,MAAM,GAAG,CAAC,CAAA;AAC3C,MAAA,IAAID,WAAW,EAAE;AACfT,QAAAA,eAAe,CAACf,eAAe,CAACY,UAAU,CAAC,CAAC,CAAA;AAC9C,OAAA;KACD,CAAA;;AAED;AACA,IAAA,MAAMc,QAAQ,GAAG,IAAIC,gBAAgB,CAACL,QAAQ,CAAC,CAAA;AAE/C,IAAA,IAAIV,UAAU,EAAE;AACd;AACAc,MAAAA,QAAQ,CAACE,OAAO,CAAChB,UAAU,EAAEO,MAAM,CAAC,CAAA;AACpCR,MAAAA,MAAM,CAACkB,IAAI,CAAC,uCAAuC,EAAE;QAAEH,QAAQ;AAAEP,QAAAA,MAAAA;AAAO,OAAC,CAAC,CAAA;AAC5E,KAAA;AAEA,IAAA,OAAO,MAAM;MACX,IAAI;QACFO,QAAQ,CAACI,UAAU,EAAE,CAAA;AACrBnB,QAAAA,MAAM,CAACkB,IAAI,CAAC,4CAA4C,EAAE;AAAEH,UAAAA,QAAAA;AAAS,SAAC,CAAC,CAAA;OACxE,CAAC,OAAOK,KAAK,EAAE;AACdpB,QAAAA,MAAM,CAACoB,KAAK,CAAC,iDAAiD,EAAE;AAAEL,UAAAA,QAAAA;AAAS,SAAC,CAAC,CAAA;AAC/E,OAAA;KACD,CAAA;AACH,GAAC,EAAE,CAACd,UAAU,CAAC,CAAC,CAAA;AAChB,EAAA,OAAOE,YAAY,CAAA;AACrB;;;;"}
+{"version":3,"file":"useDirtyGetMentions.js","sources":["../../../../src/modules/Message/utils/getMentionNodes.ts","../../../../src/modules/Message/hooks/useDirtyGetMentions.ts"],"sourcesContent":["export function getMentionNodes(root: HTMLElement): Element[] {\n  if (root) {\n    const mentions = root.querySelectorAll('[data-sb-mention=\\'true\\']');\n    const mentionsArray = Array.from(mentions);\n    return mentionsArray;\n  }\n  return [];\n}\n","import { useEffect, useLayoutEffect, useState } from 'react';\n\nimport { Logger } from '../../../lib/SendbirdState';\nimport { getMentionNodes } from '../utils/getMentionNodes';\n\ninterface DynamicParams {\n  ref: React.RefObject<HTMLElement>;\n}\n\ninterface StaticParams {\n  logger: Logger;\n}\n\n/**\n * exported, should be backwords compatible\n * This is a dirty way to get the mentions given DOM node\n */\nexport function useDirtyGetMentions({\n  ref,\n}: DynamicParams, {\n  logger,\n}: StaticParams): Element[] {\n  // Select the node that will be observed for mutations\n  const targetNode = ref.current as HTMLElement;\n  const [mentionNodes, setMentionNodes] = useState<Element[]>([]);\n\n  // to get the initial mentions\n  useLayoutEffect(() => {\n    if (targetNode) {\n      const mentions = getMentionNodes(targetNode);\n      setMentionNodes(mentions);\n    }\n  }, [targetNode]);\n\n  useEffect(() => {\n    // Options for the observer (which mutations to observe)\n    const config = { childList: true, subtree: true };\n\n    // Callback function to execute when mutations are observed\n    const callback = (mutationList: MutationRecord[]): void => {\n      const hasMutation = mutationList.length > 0;\n      if (hasMutation) {\n        setMentionNodes(getMentionNodes(targetNode));\n      }\n    };\n\n    // Create an observer instance linked to the callback function\n    const observer = new MutationObserver(callback);\n\n    if (targetNode) {\n      // Start observing the target node for configured mutations\n      observer.observe(targetNode, config);\n      logger.info('useDirtyGetMentions: observer started', { observer, config });\n    }\n\n    return () => {\n      try {\n        observer.disconnect();\n        logger.info('useDirtyGetMentions: observer disconnected', { observer });\n      } catch (error) {\n        logger.error('useDirtyGetMentions: observer disconnect failed', { observer });\n      }\n    };\n  }, [targetNode]);\n  return mentionNodes;\n}\n"],"names":["getMentionNodes","root","mentions","querySelectorAll","mentionsArray","Array","from","useDirtyGetMentions","_ref","_ref2","ref","logger","targetNode","current","mentionNodes","setMentionNodes","useState","useLayoutEffect","useEffect","config","childList","subtree","callback","mutationList","hasMutation","length","observer","MutationObserver","observe","info","disconnect","error"],"mappings":";;;;;;AAAO,SAASA,eAAeA,CAACC,IAAiB,EAAa;AAC5D,EAAA,IAAIA,IAAI,EAAE;AACR,IAAA,MAAMC,QAAQ,GAAGD,IAAI,CAACE,gBAAgB,CAAC,4BAA4B,CAAC,CAAA;AACpE,IAAA,MAAMC,aAAa,GAAGC,KAAK,CAACC,IAAI,CAACJ,QAAQ,CAAC,CAAA;AAC1C,IAAA,OAAOE,aAAa,CAAA;AACtB,GAAA;AACA,EAAA,OAAO,EAAE,CAAA;AACX;;ACMA;AACA;AACA;AACA;AACO,SAASG,mBAAmBA,CAAAC,IAAA,EAAAC,KAAA,EAIP;EAAA,IAJQ;AAClCC,IAAAA,GAAAA;AACa,GAAC,GAAAF,IAAA,CAAA;EAAA,IAAE;AAChBG,IAAAA,MAAAA;AACY,GAAC,GAAAF,KAAA,CAAA;AACb;AACA,EAAA,MAAMG,UAAU,GAAGF,GAAG,CAACG,OAAsB,CAAA;EAC7C,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGC,cAAQ,CAAY,EAAE,CAAC,CAAA;;AAE/D;AACAC,EAAAA,qBAAe,CAAC,MAAM;AACpB,IAAA,IAAIL,UAAU,EAAE;AACd,MAAA,MAAMV,QAAQ,GAAGF,eAAe,CAACY,UAAU,CAAC,CAAA;MAC5CG,eAAe,CAACb,QAAQ,CAAC,CAAA;AAC3B,KAAA;AACF,GAAC,EAAE,CAACU,UAAU,CAAC,CAAC,CAAA;AAEhBM,EAAAA,eAAS,CAAC,MAAM;AACd;AACA,IAAA,MAAMC,MAAM,GAAG;AAAEC,MAAAA,SAAS,EAAE,IAAI;AAAEC,MAAAA,OAAO,EAAE,IAAA;KAAM,CAAA;;AAEjD;IACA,MAAMC,QAAQ,GAAIC,YAA8B,IAAW;AACzD,MAAA,MAAMC,WAAW,GAAGD,YAAY,CAACE,MAAM,GAAG,CAAC,CAAA;AAC3C,MAAA,IAAID,WAAW,EAAE;AACfT,QAAAA,eAAe,CAACf,eAAe,CAACY,UAAU,CAAC,CAAC,CAAA;AAC9C,OAAA;KACD,CAAA;;AAED;AACA,IAAA,MAAMc,QAAQ,GAAG,IAAIC,gBAAgB,CAACL,QAAQ,CAAC,CAAA;AAE/C,IAAA,IAAIV,UAAU,EAAE;AACd;AACAc,MAAAA,QAAQ,CAACE,OAAO,CAAChB,UAAU,EAAEO,MAAM,CAAC,CAAA;AACpCR,MAAAA,MAAM,CAACkB,IAAI,CAAC,uCAAuC,EAAE;QAAEH,QAAQ;AAAEP,QAAAA,MAAAA;AAAO,OAAC,CAAC,CAAA;AAC5E,KAAA;AAEA,IAAA,OAAO,MAAM;MACX,IAAI;QACFO,QAAQ,CAACI,UAAU,EAAE,CAAA;AACrBnB,QAAAA,MAAM,CAACkB,IAAI,CAAC,4CAA4C,EAAE;AAAEH,UAAAA,QAAAA;AAAS,SAAC,CAAC,CAAA;OACxE,CAAC,OAAOK,KAAK,EAAE;AACdpB,QAAAA,MAAM,CAACoB,KAAK,CAAC,iDAAiD,EAAE;AAAEL,UAAAA,QAAAA;AAAS,SAAC,CAAC,CAAA;AAC/E,OAAA;KACD,CAAA;AACH,GAAC,EAAE,CAACd,UAAU,CAAC,CAAC,CAAA;AAChB,EAAA,OAAOE,YAAY,CAAA;AACrB;;;;"}