@sendbird/uikit-react 3.2.1 → 3.2.2-rc.0

package/cjs/CreateOpenChannel.js

@@ -3,27 +3,27 @@
 var React = require('react');
 var CreateOpenChannel_components_CreateOpenChannelUI = require('./CreateOpenChannel/components/CreateOpenChannelUI.js');
 var CreateOpenChannel_context = require('./CreateOpenChannel/context.js');
-require('./LocalizationContext-64800ba8.js');
-require('./stringSet-c306c59c.js');
-require('./index-8b034127.js');
+require('./LocalizationContext-4d823138.js');
+require('./stringSet-86981e3d.js');
+require('./index-cfa8d471.js');
 require('./ui/Avatar.js');
-require('./tslib.es6-b4fa8f1d.js');
+require('./tslib.es6-7f4f6730.js');
 require('./ui/ImageRenderer.js');
 require('./ui/Icon.js');
 require('prop-types');
-require('./uuid-61941a28.js');
+require('./uuid-01d4b7ef.js');
 require('./ui/Button.js');
-require('./index-ef0a59fd.js');
+require('./index-e69fe951.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-6e1b95d9.js');
+require('./index-43ccaf72.js');
 require('./ui/IconButton.js');
 require('./ui/Input.js');
 require('./ui/TextButton.js');
-require('./color-b4fd88cc.js');
+require('./color-fde2f017.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-db7a8168.js');
+require('./_rollupPluginBabelHelpers-3da02f29.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/EditUserProfile/components/EditUserProfileUI.js

@@ -1,30 +1,30 @@
 'use strict';
 
 require('react');
-var EditUserProfile_components_EditUserProfileUI = require('../../index-495608df.js');
+var EditUserProfile_components_EditUserProfileUI = require('../../index-e7fbdda3.js');
 require('../../ui/Modal.js');
-require('../../LocalizationContext-64800ba8.js');
+require('../../LocalizationContext-4d823138.js');
 require('../../useSendbirdStateContext.js');
 require('../../ui/Input.js');
 require('../../ui/Avatar.js');
 require('../../ui/Icon.js');
 require('../../ui/Button.js');
-require('../../index-ef0a59fd.js');
+require('../../index-e69fe951.js');
 require('../../ui/TextButton.js');
-require('../../utils-538678ec.js');
-require('../../actionTypes-3a12308e.js');
+require('../../utils-80108228.js');
+require('../../actionTypes-b57b348f.js');
 require('react-dom');
-require('../../index-6e1b95d9.js');
+require('../../index-43ccaf72.js');
 require('../../ui/IconButton.js');
-require('../../tslib.es6-b4fa8f1d.js');
-require('../../stringSet-c306c59c.js');
-require('../../index-8b034127.js');
+require('../../tslib.es6-7f4f6730.js');
+require('../../stringSet-86981e3d.js');
+require('../../index-cfa8d471.js');
 require('prop-types');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-db7a8168.js');
+require('../../_rollupPluginBabelHelpers-3da02f29.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-61941a28.js');
-require('../../color-b4fd88cc.js');
+require('../../uuid-01d4b7ef.js');
+require('../../color-fde2f017.js');
 
 
 

package/cjs/EditUserProfile.js

@@ -1,30 +1,30 @@
 'use strict';
 
 var React = require('react');
-var EditUserProfile_components_EditUserProfileUI = require('./index-495608df.js');
+var EditUserProfile_components_EditUserProfileUI = require('./index-e7fbdda3.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-6e1b95d9.js');
-require('./LocalizationContext-64800ba8.js');
-require('./stringSet-c306c59c.js');
-require('./index-8b034127.js');
+require('./index-43ccaf72.js');
+require('./LocalizationContext-4d823138.js');
+require('./stringSet-86981e3d.js');
+require('./index-cfa8d471.js');
 require('./ui/Button.js');
-require('./tslib.es6-b4fa8f1d.js');
-require('./index-ef0a59fd.js');
+require('./tslib.es6-7f4f6730.js');
+require('./index-e69fe951.js');
 require('prop-types');
 require('./ui/Icon.js');
 require('./ui/IconButton.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-db7a8168.js');
+require('./_rollupPluginBabelHelpers-3da02f29.js');
 require('./ui/Input.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-61941a28.js');
+require('./uuid-01d4b7ef.js');
 require('./ui/TextButton.js');
-require('./color-b4fd88cc.js');
-require('./utils-538678ec.js');
-require('./actionTypes-3a12308e.js');
+require('./color-fde2f017.js');
+require('./utils-80108228.js');
+require('./actionTypes-b57b348f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/{LocalizationContext-64800ba8.js → LocalizationContext-4d823138.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var stringSet = require('./stringSet-c306c59c.js');
-var index = require('./index-8b034127.js');
+var stringSet = require('./stringSet-86981e3d.js');
+var index = require('./index-cfa8d471.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -27,4 +27,4 @@ var useLocalization = function () {
 exports.LocalizationContext = LocalizationContext;
 exports.LocalizationProvider = LocalizationProvider;
 exports.useLocalization = useLocalization;
-//# sourceMappingURL=LocalizationContext-64800ba8.js.map
+//# sourceMappingURL=LocalizationContext-4d823138.js.map

package/cjs/{LocalizationContext-64800ba8.js.map → LocalizationContext-4d823138.js.map}

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

package/cjs/{MemberList-b623b698.js → MemberList-0aef4d76.js}

@@ -6,14 +6,14 @@ 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 tslib_es6 = require('./tslib.es6-b4fa8f1d.js');
+var tslib_es6 = require('./tslib.es6-7f4f6730.js');
 var ui_Modal = require('./ui/Modal.js');
 var ui_UserListItem = require('./ui/UserListItem.js');
-var utils = require('./utils-538678ec.js');
+var utils = require('./utils-80108228.js');
 var ChannelSettings_context = require('./ChannelSettings/context.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var LocalizationContext = require('./LocalizationContext-64800ba8.js');
-var uuid = require('./uuid-61941a28.js');
+var LocalizationContext = require('./LocalizationContext-4d823138.js');
+var uuid = require('./uuid-01d4b7ef.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -417,4 +417,4 @@ var MemberList = function () {
 };
 
 exports.MemberList = MemberList;
-//# sourceMappingURL=MemberList-b623b698.js.map
+//# sourceMappingURL=MemberList-0aef4d76.js.map

package/cjs/{MemberList-b623b698.js.map → MemberList-0aef4d76.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MemberList-b623b698.js","sources":["../../src/smart-components/ChannelSettings/components/ModerationPanel/MembersModal.tsx","../../src/smart-components/ChannelSettings/components/ModerationPanel/InviteUsersModal.tsx","../../src/smart-components/ChannelSettings/components/ModerationPanel/MemberList.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useContext,\n  useEffect,\n  useState,\n} from 'react'\n\nimport Modal from '../../../../ui/Modal';\nimport UserListItem from '../../../../ui/UserListItem';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\nimport { noop } from '../../../../utils/utils';\n\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\n\ninterface Props {\n  onCancel(): void;\n}\n\nexport default function MembersModal({ onCancel }: Props): ReactElement {\n  const [members, setMembers] = useState([]);\n  const [memberQuery, setMemberQuery] = useState(null);\n\n  const { channel } = useChannelSettingsContext();\n  const state = useSendbirdStateContext();\n  const currentUser = state?.config?.userId;\n  const { stringSet } = useContext(LocalizationContext);\n\n  useEffect(() => {\n    const memberListQuery = channel?.createMemberListQuery({\n      limit: 20,\n    });\n    memberListQuery.next().then((members) => {\n      setMembers(members);\n    });\n    setMemberQuery(memberListQuery);\n  }, [])\n  return (\n    <div>\n      <Modal\n        hideFooter\n        onCancel={() => onCancel()}\n        onSubmit={noop}\n        titleText={stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS}\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = memberQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\n\n            if (hasNext && fetchMore) {\n              memberQuery.next().then((o) => {\n                setMembers([\n                  ...members,\n                  ...o,\n                ])\n              });\n            }\n          }}\n        >\n          {\n            members.map((member) => (\n              <UserListItem\n                user={member}\n                key={member.userId}\n                currentUser={currentUser}\n                action={({ parentRef, actionRef }) => (\n                  <>\n                    {channel?.myRole === 'operator' && (\n                      <ContextMenu\n                        menuTrigger={(toggleDropdown) => (\n                          <IconButton\n                            className=\"sendbird-user-message__more__menu\"\n                            width=\"32px\"\n                            height=\"32px\"\n                            onClick={toggleDropdown}\n                          >\n                            <Icon\n                              width=\"24px\"\n                              height=\"24px\"\n                              type={IconTypes.MORE}\n                              fillColor={IconColors.CONTENT_INVERSE}\n                            />\n                          </IconButton>\n                        )}\n                        menuItems={(closeDropdown) => (\n                          <MenuItems\n                            parentContainRef={parentRef}\n                            parentRef={actionRef} // for catching location(x, y) of MenuItems\n                            closeDropdown={closeDropdown}\n                            openLeft\n                          >\n                            <MenuItem\n                              onClick={() => {\n                                if ((member.role !== 'operator')) {\n                                  channel?.addOperators([member.userId]).then(() => {\n                                    setMembers(members.map(m => {\n                                      if (m.userId === member.userId) {\n                                        return {\n                                          ...member,\n                                          role: 'operator',\n                                        };\n                                      }\n                                      return m;\n                                    }));\n                                    closeDropdown();\n                                  });\n                                } else {\n                                  channel?.removeOperators([member.userId]).then(() => {\n                                    setMembers(members.map(m => {\n                                      if (m.userId === member.userId) {\n                                        return {\n                                          ...member,\n                                          role: '',\n                                        };\n                                      }\n                                      return m;\n                                    }));\n                                    closeDropdown();\n                                  });\n                                }\n                              }}\n                            >\n                              {\n                                member.role !== 'operator'\n                                  ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n                                  : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n                              }\n                            </MenuItem>\n                            {\n                              // No muted members in broadcast channel\n                              !channel?.isBroadcast && (\n                                <MenuItem\n                                  onClick={() => {\n                                    if (member.isMuted) {\n                                      channel?.unmuteUser(member).then(() => {\n                                        setMembers(members.map(m => {\n                                          if (m.userId === member.userId) {\n                                            return {\n                                              ...member,\n                                              isMuted: false,\n                                            };\n                                          }\n                                          return m;\n                                        }));\n                                        closeDropdown();\n                                      })\n                                    } else {\n                                      channel?.muteUser(member).then(() => {\n                                        setMembers(members.map(m => {\n                                          if (m.userId === member.userId) {\n                                            return {\n                                              ...member,\n                                              isMuted: true,\n                                            };\n                                          }\n                                          return m;\n                                        }));\n                                        closeDropdown();\n                                      });\n                                    }\n                                  }}\n                                >\n                                  {\n                                    member.isMuted\n                                      ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE\n                                      : stringSet.CHANNEL_SETTING__MODERATION__MUTE\n                                  }\n                                </MenuItem>\n                              )\n                            }\n                            <MenuItem\n                              onClick={() => {\n                                channel?.banUser(member, -1, '').then(() => {\n                                  setMembers(members.filter(({ userId }) => {\n                                    return userId !== member.userId;\n                                  }));\n                                });\n                              }}\n                            >\n                              {stringSet.CHANNEL_SETTING__MODERATION__BAN}\n                            </MenuItem>\n                          </MenuItems>\n                        )}\n                      />\n                    )}\n                  </>\n                )}\n              />\n            ))\n          }\n        </div>\n      </Modal>\n    </div>\n  );\n}\n","import React, { ReactElement, useEffect, useState } from 'react'\n\nimport Modal from '../../../../ui/Modal';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport UserListItem from '../../../../ui/UserListItem';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\ninterface Props {\n  onCancel(): void;\n  onSubmit(members: Array<string>): void;\n}\n\nexport default function InviteUsers({\n  onCancel,\n  onSubmit,\n}: Props): ReactElement {\n  const [members, setMembers] = useState([]);\n  const [selectedMembers, setSelectedMembers] = useState({});\n  const [userQuery, setUserQuery] = useState(null);\n\n  const state = useSendbirdStateContext();\n  const sdk = state?.stores?.sdkStore?.sdk;\n  const globalUserListQuery = state?.config?.userListQuery;\n\n  const { channel } = useChannelSettingsContext();\n  const { stringSet } = useLocalization();\n\n  useEffect(() => {\n    const userListQuery = globalUserListQuery ? globalUserListQuery() : sdk?.createApplicationUserListQuery();\n    if (userListQuery?.next) {\n      userListQuery.next().then((members) => {\n        setMembers(members);\n      });\n      setUserQuery(userListQuery);\n    }\n  }, [sdk]);\n  return (\n    <div>\n      <Modal\n        disabled={Object.keys(selectedMembers).length === 0}\n        submitText=\"Invite\"\n        type={ButtonTypes.PRIMARY}\n        onCancel={() => onCancel()}\n        onSubmit={() => {\n          const members = Object.keys(selectedMembers).filter((m) => selectedMembers[m]);\n          channel?.inviteWithUserIds(members).then(() => {\n            onSubmit(members);\n          });\n        }}\n        titleText={stringSet.CHANNEL_SETTING__MEMBERS__SELECT_TITLE}\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = userQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\n            if (hasNext && fetchMore) {\n              userQuery.next().then((users) => {\n                setMembers([\n                  ...members,\n                  ...users,\n                ])\n              });\n            }\n          }}\n        >\n          <div className=\"sendbird-more-members__popup-scroll__inner\">\n            { members.map((member) => (\n              <UserListItem\n                checkBox\n                checked={selectedMembers[member.userId]}\n                onChange={\n                  (event) => {\n                    const modifiedSelectedMembers = {\n                      ...selectedMembers,\n                      [event.target.id]: event.target.checked,\n                    };\n                    if (!event.target.checked) {\n                      delete modifiedSelectedMembers[event.target.id];\n                    }\n                    setSelectedMembers(modifiedSelectedMembers);\n                  }\n                }\n                user={member}\n                key={member.userId}\n              />\n            ))}\n          </div>\n        </div>\n      </Modal>\n    </div>\n  );\n}\n","import React, {\n  ReactElement,\n  useEffect,\n  useState,\n  useCallback,\n  useContext,\n} from 'react';\n\nimport Button, { ButtonTypes, ButtonSizes } from '../../../../ui/Button';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\n\nimport UserListItem from '../UserListItem';\nimport MembersModal from './MembersModal';\nimport InviteUsers from './InviteUsersModal';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport uuidv4 from '../../../../utils/uuid';\n\nexport const MemberList = (): ReactElement => {\n  const [members, setMembers] = useState([]);\n  const [hasNext, setHasNext] = useState(false);\n  const [showAllMembers, setShowAllMembers] = useState(false);\n  const [showInviteUsers, setShowInviteUsers] = useState(false);\n\n  const state = useSendbirdStateContext();\n  const {\n    channel,\n    setChannelUpdateId,\n  } = useChannelSettingsContext();\n  const { stringSet } = useContext(LocalizationContext);\n\n  const sdk = state?.stores?.sdkStore?.sdk;\n  const userId = state?.config?.userId;\n\n  useEffect(() => {\n    if (!channel) {\n      setMembers([]);\n      return;\n    }\n\n    const memberUserListQuery = channel?.createMemberListQuery({ limit: 10 });\n    memberUserListQuery.next().then((members) => {\n      setMembers(members);\n      setHasNext(memberUserListQuery.hasNext);\n    });\n  }, [channel]);\n\n  const refreshList = useCallback(() => {\n    if (!channel) {\n      setMembers([]);\n      return;\n    }\n    const memberUserListQuery = channel?.createMemberListQuery({ limit: 10 });\n    memberUserListQuery.next().then((members) => {\n      setMembers(members);\n      setHasNext(memberUserListQuery.hasNext);\n      setChannelUpdateId(uuidv4());\n    });\n  }, [channel]);\n\n  return (\n    <div className=\"sendbird-channel-settings-member-list sendbird-accordion\">\n      {\n        members.map((member) => (\n          <UserListItem\n            key={member.userId}\n            user={member}\n            currentUser={sdk.currentUser.userId}\n            action={\n              (channel?.myRole === 'operator' && userId !== member.userId)\n                ? ({ actionRef, parentRef }) => (\n                  <ContextMenu\n                    menuTrigger={(toggleDropdown) => (\n                      <IconButton\n                        className=\"sendbird-user-message__more__menu\"\n                        width=\"32px\"\n                        height=\"32px\"\n                        onClick={toggleDropdown}\n                      >\n                        <Icon\n                          width=\"24px\"\n                          height=\"24px\"\n                          type={IconTypes.MORE}\n                          fillColor={IconColors.CONTENT_INVERSE}\n                        />\n                      </IconButton>\n                    )}\n                    menuItems={(closeDropdown) => (\n                      <MenuItems\n                        parentContainRef={parentRef}\n                        parentRef={actionRef} // for catching location(x, y) of MenuItems\n                        closeDropdown={closeDropdown}\n                        openLeft\n                      >\n                        <MenuItem\n                          onClick={() => {\n                            if ((member.role !== 'operator')) {\n                              channel?.addOperators([member.userId]).then(() => {\n                                refreshList();\n                                closeDropdown();\n                              });\n                            } else {\n                              channel?.removeOperators([member.userId]).then(() => {\n                                refreshList();\n                                closeDropdown();\n                              });\n                            }\n                          }}\n                        >\n                          {\n                            member.role !== 'operator'\n                              ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n                              : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n                          }\n                        </MenuItem>\n                        {\n                          // No muted members in broadcast channel\n                          !channel?.isBroadcast && (\n                            <MenuItem\n                              onClick={() => {\n                                if (member.isMuted) {\n                                  channel?.unmuteUser(member).then(() => {\n                                    refreshList();\n                                    closeDropdown();\n                                  })\n                                } else {\n                                  channel?.muteUser(member).then(() => {\n                                    refreshList();\n                                    closeDropdown();\n                                  });\n                                }\n                              }}\n                            >\n                              {\n                                member.isMuted\n                                  ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE\n                                  : stringSet.CHANNEL_SETTING__MODERATION__MUTE\n                              }\n                            </MenuItem>\n                          )\n                        }\n                        <MenuItem\n                          onClick={() => {\n                            channel?.banUser(member, -1, '').then(() => {\n                              refreshList();\n                              closeDropdown();\n                            });\n                          }}\n                        >\n                          {stringSet.CHANNEL_SETTING__MODERATION__BAN}\n                        </MenuItem>\n                      </MenuItems>\n                    )}\n                  />\n                )\n                : null\n            }\n          />\n        ))\n      }\n      <div\n        className=\"sendbird-channel-settings-accordion__footer\"\n      >\n        {\n          hasNext && (\n            <Button\n              type={ButtonTypes.SECONDARY}\n              size={ButtonSizes.SMALL}\n              onClick={() => setShowAllMembers(true)}\n            >\n              {stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS}\n            </Button>\n          )\n        }\n        <Button\n          type={ButtonTypes.SECONDARY}\n          size={ButtonSizes.SMALL}\n          onClick={() => setShowInviteUsers(true)}\n        >\n          {stringSet.CHANNEL_SETTING__MEMBERS__INVITE_MEMBER}\n        </Button>\n      </div>\n      {\n        showAllMembers && (\n          <MembersModal\n            onCancel={() => {\n              setShowAllMembers(false);\n              refreshList();\n            }}\n          />\n        )\n      }\n      {\n        showInviteUsers && (\n          <InviteUsers\n            onSubmit={() => {\n              setShowInviteUsers(false);\n              refreshList();\n            }}\n            onCancel={() => setShowInviteUsers(false)}\n          />\n        )\n      }\n    </div>\n  );\n}\n\nexport default MemberList;\n"],"names":["MembersModal","_a","onCancel","_c","useState","members","setMembers","_d","memberQuery","setMemberQuery","channel","useChannelSettingsContext","state","useSendbirdStateContext","currentUser","_b","config","userId","stringSet","useContext","LocalizationContext","useEffect","memberListQuery","createMemberListQuery","limit","next","then","React","Modal","noop","CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS","e","hasNext","target","fetchMore","clientHeight","scrollTop","scrollHeight","o","__spreadArray","map","member","UserListItem","parentRef","actionRef","myRole","ContextMenu","toggleDropdown","IconButton","Icon","IconTypes","MORE","IconColors","CONTENT_INVERSE","closeDropdown","MenuItems","MenuItem","role","addOperators","m","__assign","removeOperators","CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR","CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR","isBroadcast","isMuted","unmuteUser","muteUser","CHANNEL_SETTING__MODERATION__UNMUTE","CHANNEL_SETTING__MODERATION__MUTE","banUser","filter","CHANNEL_SETTING__MODERATION__BAN","InviteUsers","onSubmit","_e","_f","selectedMembers","setSelectedMembers","_g","userQuery","setUserQuery","sdk","stores","sdkStore","globalUserListQuery","userListQuery","useLocalization","createApplicationUserListQuery","Object","keys","length","ButtonTypes","PRIMARY","inviteWithUserIds","CHANNEL_SETTING__MEMBERS__SELECT_TITLE","users","event","modifiedSelectedMembers","id","checked","MemberList","setHasNext","showAllMembers","setShowAllMembers","showInviteUsers","setShowInviteUsers","_h","setChannelUpdateId","memberUserListQuery","refreshList","useCallback","uuidv4","Button","SECONDARY","ButtonSizes","SMALL","CHANNEL_SETTING__MEMBERS__INVITE_MEMBER"],"mappings":"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"}
+{"version":3,"file":"MemberList-0aef4d76.js","sources":["../../src/smart-components/ChannelSettings/components/ModerationPanel/MembersModal.tsx","../../src/smart-components/ChannelSettings/components/ModerationPanel/InviteUsersModal.tsx","../../src/smart-components/ChannelSettings/components/ModerationPanel/MemberList.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useContext,\n  useEffect,\n  useState,\n} from 'react'\n\nimport Modal from '../../../../ui/Modal';\nimport UserListItem from '../../../../ui/UserListItem';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\nimport { noop } from '../../../../utils/utils';\n\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\n\ninterface Props {\n  onCancel(): void;\n}\n\nexport default function MembersModal({ onCancel }: Props): ReactElement {\n  const [members, setMembers] = useState([]);\n  const [memberQuery, setMemberQuery] = useState(null);\n\n  const { channel } = useChannelSettingsContext();\n  const state = useSendbirdStateContext();\n  const currentUser = state?.config?.userId;\n  const { stringSet } = useContext(LocalizationContext);\n\n  useEffect(() => {\n    const memberListQuery = channel?.createMemberListQuery({\n      limit: 20,\n    });\n    memberListQuery.next().then((members) => {\n      setMembers(members);\n    });\n    setMemberQuery(memberListQuery);\n  }, [])\n  return (\n    <div>\n      <Modal\n        hideFooter\n        onCancel={() => onCancel()}\n        onSubmit={noop}\n        titleText={stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS}\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = memberQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\n\n            if (hasNext && fetchMore) {\n              memberQuery.next().then((o) => {\n                setMembers([\n                  ...members,\n                  ...o,\n                ])\n              });\n            }\n          }}\n        >\n          {\n            members.map((member) => (\n              <UserListItem\n                user={member}\n                key={member.userId}\n                currentUser={currentUser}\n                action={({ parentRef, actionRef }) => (\n                  <>\n                    {channel?.myRole === 'operator' && (\n                      <ContextMenu\n                        menuTrigger={(toggleDropdown) => (\n                          <IconButton\n                            className=\"sendbird-user-message__more__menu\"\n                            width=\"32px\"\n                            height=\"32px\"\n                            onClick={toggleDropdown}\n                          >\n                            <Icon\n                              width=\"24px\"\n                              height=\"24px\"\n                              type={IconTypes.MORE}\n                              fillColor={IconColors.CONTENT_INVERSE}\n                            />\n                          </IconButton>\n                        )}\n                        menuItems={(closeDropdown) => (\n                          <MenuItems\n                            parentContainRef={parentRef}\n                            parentRef={actionRef} // for catching location(x, y) of MenuItems\n                            closeDropdown={closeDropdown}\n                            openLeft\n                          >\n                            <MenuItem\n                              onClick={() => {\n                                if ((member.role !== 'operator')) {\n                                  channel?.addOperators([member.userId]).then(() => {\n                                    setMembers(members.map(m => {\n                                      if (m.userId === member.userId) {\n                                        return {\n                                          ...member,\n                                          role: 'operator',\n                                        };\n                                      }\n                                      return m;\n                                    }));\n                                    closeDropdown();\n                                  });\n                                } else {\n                                  channel?.removeOperators([member.userId]).then(() => {\n                                    setMembers(members.map(m => {\n                                      if (m.userId === member.userId) {\n                                        return {\n                                          ...member,\n                                          role: '',\n                                        };\n                                      }\n                                      return m;\n                                    }));\n                                    closeDropdown();\n                                  });\n                                }\n                              }}\n                            >\n                              {\n                                member.role !== 'operator'\n                                  ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n                                  : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n                              }\n                            </MenuItem>\n                            {\n                              // No muted members in broadcast channel\n                              !channel?.isBroadcast && (\n                                <MenuItem\n                                  onClick={() => {\n                                    if (member.isMuted) {\n                                      channel?.unmuteUser(member).then(() => {\n                                        setMembers(members.map(m => {\n                                          if (m.userId === member.userId) {\n                                            return {\n                                              ...member,\n                                              isMuted: false,\n                                            };\n                                          }\n                                          return m;\n                                        }));\n                                        closeDropdown();\n                                      })\n                                    } else {\n                                      channel?.muteUser(member).then(() => {\n                                        setMembers(members.map(m => {\n                                          if (m.userId === member.userId) {\n                                            return {\n                                              ...member,\n                                              isMuted: true,\n                                            };\n                                          }\n                                          return m;\n                                        }));\n                                        closeDropdown();\n                                      });\n                                    }\n                                  }}\n                                >\n                                  {\n                                    member.isMuted\n                                      ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE\n                                      : stringSet.CHANNEL_SETTING__MODERATION__MUTE\n                                  }\n                                </MenuItem>\n                              )\n                            }\n                            <MenuItem\n                              onClick={() => {\n                                channel?.banUser(member, -1, '').then(() => {\n                                  setMembers(members.filter(({ userId }) => {\n                                    return userId !== member.userId;\n                                  }));\n                                });\n                              }}\n                            >\n                              {stringSet.CHANNEL_SETTING__MODERATION__BAN}\n                            </MenuItem>\n                          </MenuItems>\n                        )}\n                      />\n                    )}\n                  </>\n                )}\n              />\n            ))\n          }\n        </div>\n      </Modal>\n    </div>\n  );\n}\n","import React, { ReactElement, useEffect, useState } from 'react'\n\nimport Modal from '../../../../ui/Modal';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport UserListItem from '../../../../ui/UserListItem';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\ninterface Props {\n  onCancel(): void;\n  onSubmit(members: Array<string>): void;\n}\n\nexport default function InviteUsers({\n  onCancel,\n  onSubmit,\n}: Props): ReactElement {\n  const [members, setMembers] = useState([]);\n  const [selectedMembers, setSelectedMembers] = useState({});\n  const [userQuery, setUserQuery] = useState(null);\n\n  const state = useSendbirdStateContext();\n  const sdk = state?.stores?.sdkStore?.sdk;\n  const globalUserListQuery = state?.config?.userListQuery;\n\n  const { channel } = useChannelSettingsContext();\n  const { stringSet } = useLocalization();\n\n  useEffect(() => {\n    const userListQuery = globalUserListQuery ? globalUserListQuery() : sdk?.createApplicationUserListQuery();\n    if (userListQuery?.next) {\n      userListQuery.next().then((members) => {\n        setMembers(members);\n      });\n      setUserQuery(userListQuery);\n    }\n  }, [sdk]);\n  return (\n    <div>\n      <Modal\n        disabled={Object.keys(selectedMembers).length === 0}\n        submitText=\"Invite\"\n        type={ButtonTypes.PRIMARY}\n        onCancel={() => onCancel()}\n        onSubmit={() => {\n          const members = Object.keys(selectedMembers).filter((m) => selectedMembers[m]);\n          channel?.inviteWithUserIds(members).then(() => {\n            onSubmit(members);\n          });\n        }}\n        titleText={stringSet.CHANNEL_SETTING__MEMBERS__SELECT_TITLE}\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = userQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\n            if (hasNext && fetchMore) {\n              userQuery.next().then((users) => {\n                setMembers([\n                  ...members,\n                  ...users,\n                ])\n              });\n            }\n          }}\n        >\n          <div className=\"sendbird-more-members__popup-scroll__inner\">\n            { members.map((member) => (\n              <UserListItem\n                checkBox\n                checked={selectedMembers[member.userId]}\n                onChange={\n                  (event) => {\n                    const modifiedSelectedMembers = {\n                      ...selectedMembers,\n                      [event.target.id]: event.target.checked,\n                    };\n                    if (!event.target.checked) {\n                      delete modifiedSelectedMembers[event.target.id];\n                    }\n                    setSelectedMembers(modifiedSelectedMembers);\n                  }\n                }\n                user={member}\n                key={member.userId}\n              />\n            ))}\n          </div>\n        </div>\n      </Modal>\n    </div>\n  );\n}\n","import React, {\n  ReactElement,\n  useEffect,\n  useState,\n  useCallback,\n  useContext,\n} from 'react';\n\nimport Button, { ButtonTypes, ButtonSizes } from '../../../../ui/Button';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\n\nimport UserListItem from '../UserListItem';\nimport MembersModal from './MembersModal';\nimport InviteUsers from './InviteUsersModal';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport uuidv4 from '../../../../utils/uuid';\n\nexport const MemberList = (): ReactElement => {\n  const [members, setMembers] = useState([]);\n  const [hasNext, setHasNext] = useState(false);\n  const [showAllMembers, setShowAllMembers] = useState(false);\n  const [showInviteUsers, setShowInviteUsers] = useState(false);\n\n  const state = useSendbirdStateContext();\n  const {\n    channel,\n    setChannelUpdateId,\n  } = useChannelSettingsContext();\n  const { stringSet } = useContext(LocalizationContext);\n\n  const sdk = state?.stores?.sdkStore?.sdk;\n  const userId = state?.config?.userId;\n\n  useEffect(() => {\n    if (!channel) {\n      setMembers([]);\n      return;\n    }\n\n    const memberUserListQuery = channel?.createMemberListQuery({ limit: 10 });\n    memberUserListQuery.next().then((members) => {\n      setMembers(members);\n      setHasNext(memberUserListQuery.hasNext);\n    });\n  }, [channel]);\n\n  const refreshList = useCallback(() => {\n    if (!channel) {\n      setMembers([]);\n      return;\n    }\n    const memberUserListQuery = channel?.createMemberListQuery({ limit: 10 });\n    memberUserListQuery.next().then((members) => {\n      setMembers(members);\n      setHasNext(memberUserListQuery.hasNext);\n      setChannelUpdateId(uuidv4());\n    });\n  }, [channel]);\n\n  return (\n    <div className=\"sendbird-channel-settings-member-list sendbird-accordion\">\n      {\n        members.map((member) => (\n          <UserListItem\n            key={member.userId}\n            user={member}\n            currentUser={sdk.currentUser.userId}\n            action={\n              (channel?.myRole === 'operator' && userId !== member.userId)\n                ? ({ actionRef, parentRef }) => (\n                  <ContextMenu\n                    menuTrigger={(toggleDropdown) => (\n                      <IconButton\n                        className=\"sendbird-user-message__more__menu\"\n                        width=\"32px\"\n                        height=\"32px\"\n                        onClick={toggleDropdown}\n                      >\n                        <Icon\n                          width=\"24px\"\n                          height=\"24px\"\n                          type={IconTypes.MORE}\n                          fillColor={IconColors.CONTENT_INVERSE}\n                        />\n                      </IconButton>\n                    )}\n                    menuItems={(closeDropdown) => (\n                      <MenuItems\n                        parentContainRef={parentRef}\n                        parentRef={actionRef} // for catching location(x, y) of MenuItems\n                        closeDropdown={closeDropdown}\n                        openLeft\n                      >\n                        <MenuItem\n                          onClick={() => {\n                            if ((member.role !== 'operator')) {\n                              channel?.addOperators([member.userId]).then(() => {\n                                refreshList();\n                                closeDropdown();\n                              });\n                            } else {\n                              channel?.removeOperators([member.userId]).then(() => {\n                                refreshList();\n                                closeDropdown();\n                              });\n                            }\n                          }}\n                        >\n                          {\n                            member.role !== 'operator'\n                              ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n                              : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n                          }\n                        </MenuItem>\n                        {\n                          // No muted members in broadcast channel\n                          !channel?.isBroadcast && (\n                            <MenuItem\n                              onClick={() => {\n                                if (member.isMuted) {\n                                  channel?.unmuteUser(member).then(() => {\n                                    refreshList();\n                                    closeDropdown();\n                                  })\n                                } else {\n                                  channel?.muteUser(member).then(() => {\n                                    refreshList();\n                                    closeDropdown();\n                                  });\n                                }\n                              }}\n                            >\n                              {\n                                member.isMuted\n                                  ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE\n                                  : stringSet.CHANNEL_SETTING__MODERATION__MUTE\n                              }\n                            </MenuItem>\n                          )\n                        }\n                        <MenuItem\n                          onClick={() => {\n                            channel?.banUser(member, -1, '').then(() => {\n                              refreshList();\n                              closeDropdown();\n                            });\n                          }}\n                        >\n                          {stringSet.CHANNEL_SETTING__MODERATION__BAN}\n                        </MenuItem>\n                      </MenuItems>\n                    )}\n                  />\n                )\n                : null\n            }\n          />\n        ))\n      }\n      <div\n        className=\"sendbird-channel-settings-accordion__footer\"\n      >\n        {\n          hasNext && (\n            <Button\n              type={ButtonTypes.SECONDARY}\n              size={ButtonSizes.SMALL}\n              onClick={() => setShowAllMembers(true)}\n            >\n              {stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS}\n            </Button>\n          )\n        }\n        <Button\n          type={ButtonTypes.SECONDARY}\n          size={ButtonSizes.SMALL}\n          onClick={() => setShowInviteUsers(true)}\n        >\n          {stringSet.CHANNEL_SETTING__MEMBERS__INVITE_MEMBER}\n        </Button>\n      </div>\n      {\n        showAllMembers && (\n          <MembersModal\n            onCancel={() => {\n              setShowAllMembers(false);\n              refreshList();\n            }}\n          />\n        )\n      }\n      {\n        showInviteUsers && (\n          <InviteUsers\n            onSubmit={() => {\n              setShowInviteUsers(false);\n              refreshList();\n            }}\n            onCancel={() => setShowInviteUsers(false)}\n          />\n        )\n      }\n    </div>\n  );\n}\n\nexport default MemberList;\n"],"names":["MembersModal","_a","onCancel","_c","useState","members","setMembers","_d","memberQuery","setMemberQuery","channel","useChannelSettingsContext","state","useSendbirdStateContext","currentUser","_b","config","userId","stringSet","useContext","LocalizationContext","useEffect","memberListQuery","createMemberListQuery","limit","next","then","React","Modal","noop","CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS","e","hasNext","target","fetchMore","clientHeight","scrollTop","scrollHeight","o","__spreadArray","map","member","UserListItem","parentRef","actionRef","myRole","ContextMenu","toggleDropdown","IconButton","Icon","IconTypes","MORE","IconColors","CONTENT_INVERSE","closeDropdown","MenuItems","MenuItem","role","addOperators","m","__assign","removeOperators","CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR","CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR","isBroadcast","isMuted","unmuteUser","muteUser","CHANNEL_SETTING__MODERATION__UNMUTE","CHANNEL_SETTING__MODERATION__MUTE","banUser","filter","CHANNEL_SETTING__MODERATION__BAN","InviteUsers","onSubmit","_e","_f","selectedMembers","setSelectedMembers","_g","userQuery","setUserQuery","sdk","stores","sdkStore","globalUserListQuery","userListQuery","useLocalization","createApplicationUserListQuery","Object","keys","length","ButtonTypes","PRIMARY","inviteWithUserIds","CHANNEL_SETTING__MEMBERS__SELECT_TITLE","users","event","modifiedSelectedMembers","id","checked","MemberList","setHasNext","showAllMembers","setShowAllMembers","showInviteUsers","setShowInviteUsers","_h","setChannelUpdateId","memberUserListQuery","refreshList","useCallback","uuidv4","Button","SECONDARY","ButtonSizes","SMALL","CHANNEL_SETTING__MEMBERS__INVITE_MEMBER"],"mappings":"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"}

package/cjs/MessageSearch/components/MessageSearchUI.js

@@ -3,26 +3,26 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-64800ba8.js');
+var LocalizationContext = require('../../LocalizationContext-4d823138.js');
 var MessageSearch_context = require('../context.js');
 var ui_MessageSearchItem = require('../../ui/MessageSearchItem.js');
-var ui_PlaceHolder = require('../../index-5592e65b.js');
+var ui_PlaceHolder = require('../../index-ab052326.js');
 var ui_MessageSearchFileItem = require('../../ui/MessageSearchFileItem.js');
-require('../../stringSet-c306c59c.js');
-require('../../index-8b034127.js');
+require('../../stringSet-86981e3d.js');
+require('../../index-cfa8d471.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-db7a8168.js');
-require('../../tslib.es6-b4fa8f1d.js');
-require('../../index-1b2c1946.js');
-require('../../index-d704345f.js');
-require('../../index-a7fef0ee.js');
+require('../../_rollupPluginBabelHelpers-3da02f29.js');
+require('../../tslib.es6-7f4f6730.js');
+require('../../index-81965519.js');
+require('../../index-dbc6713d.js');
+require('../../index-9f30019d.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
 require('prop-types');
-require('../../uuid-61941a28.js');
-require('../../index-ef0a59fd.js');
+require('../../uuid-01d4b7ef.js');
+require('../../index-e69fe951.js');
 require('../../ui/Loader.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/MessageSearch/context.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var tslib_es6 = require('../tslib.es6-b4fa8f1d.js');
+var tslib_es6 = require('../tslib.es6-7f4f6730.js');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-db7a8168.js');
+require('../_rollupPluginBabelHelpers-3da02f29.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/MessageSearch.js

@@ -2,28 +2,28 @@
 
 var React = require('react');
 var MessageSearch_components_MessageSearchUI = require('./MessageSearch/components/MessageSearchUI.js');
-var LocalizationContext = require('./LocalizationContext-64800ba8.js');
+var LocalizationContext = require('./LocalizationContext-4d823138.js');
 var ui_Icon = require('./ui/Icon.js');
 var ui_IconButton = require('./ui/IconButton.js');
-var ui_Label = require('./index-ef0a59fd.js');
+var ui_Label = require('./index-e69fe951.js');
 var ui_Loader = require('./ui/Loader.js');
 var MessageSearch_context = require('./MessageSearch/context.js');
 require('./ui/MessageSearchItem.js');
-require('./tslib.es6-b4fa8f1d.js');
-require('./index-1b2c1946.js');
-require('./index-8b034127.js');
-require('./index-d704345f.js');
-require('./index-a7fef0ee.js');
+require('./tslib.es6-7f4f6730.js');
+require('./index-81965519.js');
+require('./index-cfa8d471.js');
+require('./index-dbc6713d.js');
+require('./index-9f30019d.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-61941a28.js');
-require('./index-5592e65b.js');
+require('./uuid-01d4b7ef.js');
+require('./index-ab052326.js');
 require('./ui/MessageSearchFileItem.js');
-require('./stringSet-c306c59c.js');
+require('./stringSet-86981e3d.js');
 require('prop-types');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-db7a8168.js');
+require('./_rollupPluginBabelHelpers-3da02f29.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/OpenChannel/components/FrozenChannelNotification.js

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-64800ba8.js');
-var ui_Label = require('../../index-ef0a59fd.js');
-require('../../stringSet-c306c59c.js');
-require('../../index-8b034127.js');
+var LocalizationContext = require('../../LocalizationContext-4d823138.js');
+var ui_Label = require('../../index-e69fe951.js');
+require('../../stringSet-86981e3d.js');
+require('../../index-cfa8d471.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/OpenChannel/components/OpenChannelHeader.js

@@ -4,24 +4,24 @@ var React = require('react');
 var ui_Avatar = require('../../ui/Avatar.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_IconButton = require('../../ui/IconButton.js');
-var ui_Label = require('../../index-ef0a59fd.js');
-var LocalizationContext = require('../../LocalizationContext-64800ba8.js');
-var OpenChannel_context = require('../../OpenChannelProvider-c6e69c3d.js');
-require('../../tslib.es6-b4fa8f1d.js');
+var ui_Label = require('../../index-e69fe951.js');
+var LocalizationContext = require('../../LocalizationContext-4d823138.js');
+var OpenChannel_context = require('../../OpenChannelProvider-2cddfe89.js');
+require('../../tslib.es6-7f4f6730.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-61941a28.js');
+require('../../uuid-01d4b7ef.js');
 require('prop-types');
-require('../../stringSet-c306c59c.js');
-require('../../index-8b034127.js');
-require('../../index-1b2c1946.js');
-require('../../UserProfileContext-adcaa087.js');
-require('../../compareIds-0877d215.js');
-require('../../topics-c42771ac.js');
+require('../../stringSet-86981e3d.js');
+require('../../index-cfa8d471.js');
+require('../../index-81965519.js');
+require('../../UserProfileContext-7d7dbfa8.js');
+require('../../compareIds-0dc10948.js');
+require('../../topics-dd40ff32.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-db7a8168.js');
+require('../../_rollupPluginBabelHelpers-3da02f29.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/OpenChannel/components/OpenChannelInput.js

@@ -1,30 +1,31 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-64800ba8.js');
+var LocalizationContext = require('../../LocalizationContext-4d823138.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
-var OpenChannel_context = require('../../OpenChannelProvider-c6e69c3d.js');
-require('../../stringSet-c306c59c.js');
-require('../../index-8b034127.js');
-require('../../_rollupPluginBabelHelpers-db7a8168.js');
+var OpenChannel_context = require('../../OpenChannelProvider-2cddfe89.js');
+require('../../stringSet-86981e3d.js');
+require('../../index-cfa8d471.js');
+require('../../_rollupPluginBabelHelpers-3da02f29.js');
 require('react-dom/server');
 require('prop-types');
-require('../../const-d4eca33b.js');
-require('../../const-1844f708.js');
+require('../../const-4746207f.js');
+require('../../const-4dec56be.js');
 require('../../ui/IconButton.js');
-require('../../tslib.es6-b4fa8f1d.js');
+require('../../tslib.es6-7f4f6730.js');
 require('../../ui/Button.js');
-require('../../index-ef0a59fd.js');
+require('../../index-e69fe951.js');
 require('../../ui/MentionUserLabel.js');
 require('../../ui/Icon.js');
-require('../../index-6ed6c13c.js');
-require('../../index-1b2c1946.js');
-require('../../UserProfileContext-adcaa087.js');
-require('../../compareIds-0877d215.js');
-require('../../topics-c42771ac.js');
+require('../../index-5a52365c.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../index-81965519.js');
+require('../../UserProfileContext-7d7dbfa8.js');
+require('../../compareIds-0dc10948.js');
+require('../../topics-dd40ff32.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../../uuid-61941a28.js');
+require('../../uuid-01d4b7ef.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
 

package/cjs/OpenChannel/components/OpenChannelInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelInput.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelInput/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport MessageInput from '../../../../ui/MessageInput';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nexport type MessageInputWrapperProps = {\n  value?: string;\n};\n\nconst MessageInputWrapper = (props: MessageInputWrapperProps, ref: React.RefObject<HTMLInputElement>): JSX.Element => {\n  const {\n    currentOpenChannel,\n    disabled,\n    handleSendMessage,\n    handleFileUpload,\n  } = useOpenChannelContext();\n\n  const channel = currentOpenChannel;\n  if (!channel) {\n    return;\n  }\n\n  const { stringSet } = useContext(LocalizationContext);\n  const { value } = props;\n\n  return (\n    <div className=\"sendbird-openchannel-footer\">\n      <MessageInput\n        ref={ref}\n        value={value}\n        disabled={disabled}\n        onSendMessage={handleSendMessage}\n        onFileUpload={handleFileUpload}\n        placeholder={(\n          disabled\n          && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED\n          // add disabled because of muted state\n        )}\n      />\n    </div>\n  );\n};\n\nexport default React.forwardRef(MessageInputWrapper);\n"],"names":["MessageInputWrapper","props","ref","_a","useOpenChannelContext","currentOpenChannel","disabled","handleSendMessage","handleFileUpload","channel","stringSet","useContext","LocalizationContext","value","React","MessageInput","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,mBAAmB,GAAG,UAACC,KAAD,EAAkCC,GAAlC,EAAwE;EAC5F,IAAAC,EAKF,GAAAC,yCAAqB,EALnB;AAAA,MACJC,kBAAkB,GAAAF,EAAA,CAAAE,kBADd;AAAA,MAEJC,QAAQ,GAAAH,EAAA,CAAAG,QAFJ;AAAA,MAGJC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAHb;AAAA,MAIJC,gBAAgB,sBAJZ,CAAA;;EAON,IAAMC,OAAO,GAAGJ,kBAAhB,CAAA;;EACA,IAAI,CAACI,OAAL,EAAc;AACZ,IAAA,OAAA;AACD,GAAA;;AAEO,EAAA,IAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd,CAAA;AACA,EAAA,IAAAC,KAAK,GAAKZ,KAAK,CAAAY,KAAf,CAAA;EAER,oBACEC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,6BAAA;AAAf,GAAA,eACEA,wCAACC,eAAD,EAAA;AACE,IAAA,GAAG,EAAEb,GADP;AAEE,IAAA,KAAK,EAAEW,KAFT;AAGE,IAAA,QAAQ,EAAEP,QAHZ;AAIE,IAAA,aAAa,EAAEC,iBAJjB;AAKE,IAAA,YAAY,EAAEC,gBALhB;AAME,IAAA,WAAW,EACTF,QAAQ,IACLI,SAAS,CAACM,qCAFJ;;AANb,GAAA,CADF,CADF,CAAA;AAgBD,CAhCD,CAAA;;AAkCA,uBAAA,aAAeF,yBAAK,CAACG,UAAN,CAAiBjB,mBAAjB,CAAf;;;;"}
+{"version":3,"file":"OpenChannelInput.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelInput/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport MessageInput from '../../../../ui/MessageInput';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nexport type MessageInputWrapperProps = {\n  value?: string;\n};\n\nconst MessageInputWrapper = (props: MessageInputWrapperProps, ref: React.RefObject<HTMLInputElement>): JSX.Element => {\n  const {\n    currentOpenChannel,\n    disabled,\n    handleSendMessage,\n    handleFileUpload,\n  } = useOpenChannelContext();\n\n  const channel = currentOpenChannel;\n  if (!channel) {\n    return;\n  }\n\n  const { stringSet } = useContext(LocalizationContext);\n  const { value } = props;\n\n  return (\n    <div className=\"sendbird-openchannel-footer\">\n      <MessageInput\n        ref={ref}\n        value={value}\n        disabled={disabled}\n        onSendMessage={handleSendMessage}\n        onFileUpload={handleFileUpload}\n        placeholder={(\n          disabled\n          && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED\n          // add disabled because of muted state\n        )}\n      />\n    </div>\n  );\n};\n\nexport default React.forwardRef(MessageInputWrapper);\n"],"names":["MessageInputWrapper","props","ref","_a","useOpenChannelContext","currentOpenChannel","disabled","handleSendMessage","handleFileUpload","channel","stringSet","useContext","LocalizationContext","value","React","MessageInput","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,mBAAmB,GAAG,UAACC,KAAD,EAAkCC,GAAlC,EAAwE;EAC5F,IAAAC,EAKF,GAAAC,yCAAqB,EALnB;AAAA,MACJC,kBAAkB,GAAAF,EAAA,CAAAE,kBADd;AAAA,MAEJC,QAAQ,GAAAH,EAAA,CAAAG,QAFJ;AAAA,MAGJC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAHb;AAAA,MAIJC,gBAAgB,sBAJZ,CAAA;;EAON,IAAMC,OAAO,GAAGJ,kBAAhB,CAAA;;EACA,IAAI,CAACI,OAAL,EAAc;AACZ,IAAA,OAAA;AACD,GAAA;;AAEO,EAAA,IAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd,CAAA;AACA,EAAA,IAAAC,KAAK,GAAKZ,KAAK,CAAAY,KAAf,CAAA;EAER,oBACEC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,6BAAA;AAAf,GAAA,eACEA,wCAACC,eAAD,EAAA;AACE,IAAA,GAAG,EAAEb,GADP;AAEE,IAAA,KAAK,EAAEW,KAFT;AAGE,IAAA,QAAQ,EAAEP,QAHZ;AAIE,IAAA,aAAa,EAAEC,iBAJjB;AAKE,IAAA,YAAY,EAAEC,gBALhB;AAME,IAAA,WAAW,EACTF,QAAQ,IACLI,SAAS,CAACM,qCAFJ;;AANb,GAAA,CADF,CADF,CAAA;AAgBD,CAhCD,CAAA;;AAkCA,uBAAA,aAAeF,yBAAK,CAACG,UAAN,CAAiBjB,mBAAjB,CAAf;;;;"}