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

package/cjs/{MemberList-5fdc93f7.js.map → MemberList-8b5f5e4a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MemberList-5fdc93f7.js","sources":["../../src/smart-components/ChannelSettings/components/ModerationPanel/MembersModal.tsx","../../src/smart-components/ChannelSettings/components/ModerationPanel/InviteUsersModal.tsx","../../src/smart-components/ChannelSettings/components/ModerationPanel/MemberList.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useContext,\n  useEffect,\n  useState,\n} from 'react'\n\nimport Modal from '../../../../ui/Modal';\nimport UserListItem from '../../../../ui/UserListItem';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\nimport { noop } from '../../../../utils/utils';\n\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\n\ninterface Props {\n  onCancel(): void;\n}\n\nexport default function MembersModal({ onCancel }: Props): ReactElement {\n  const [members, setMembers] = useState([]);\n  const [memberQuery, setMemberQuery] = useState(null);\n\n  const { channel } = useChannelSettingsContext();\n  const state = useSendbirdStateContext();\n  const currentUser = state?.config?.userId;\n  const { stringSet } = useContext(LocalizationContext);\n\n  useEffect(() => {\n    const memberListQuery = channel?.createMemberListQuery({\n      limit: 20,\n    });\n    memberListQuery.next().then((members) => {\n      setMembers(members);\n    });\n    setMemberQuery(memberListQuery);\n  }, [])\n  return (\n    <div>\n      <Modal\n        hideFooter\n        onCancel={() => onCancel()}\n        onSubmit={noop}\n        titleText=\"All Members\"\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = memberQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\n\n            if (hasNext && fetchMore) {\n              memberQuery.next().then((o) => {\n                setMembers([\n                  ...members,\n                  ...o,\n                ])\n              });\n            }\n          }}\n        >\n          {\n            members.map((member) => (\n              <UserListItem\n                user={member}\n                key={member.userId}\n                currentUser={currentUser}\n                action={({ parentRef, actionRef }) => (\n                  <>\n                    {channel?.myRole === 'operator' && (\n                      <ContextMenu\n                        menuTrigger={(toggleDropdown) => (\n                          <IconButton\n                            className=\"sendbird-user-message__more__menu\"\n                            width=\"32px\"\n                            height=\"32px\"\n                            onClick={toggleDropdown}\n                          >\n                            <Icon\n                              width=\"24px\"\n                              height=\"24px\"\n                              type={IconTypes.MORE}\n                              fillColor={IconColors.CONTENT_INVERSE}\n                            />\n                          </IconButton>\n                        )}\n                        menuItems={(closeDropdown) => (\n                          <MenuItems\n                            parentContainRef={parentRef}\n                            parentRef={actionRef} // for catching location(x, y) of MenuItems\n                            closeDropdown={closeDropdown}\n                            openLeft\n                          >\n                            <MenuItem\n                              onClick={() => {\n                                if ((member.role !== 'operator')) {\n                                  channel?.addOperators([member.userId]).then(() => {\n                                    setMembers(members.map(m => {\n                                      if (m.userId === member.userId) {\n                                        return {\n                                          ...member,\n                                          role: 'operator',\n                                        };\n                                      }\n                                      return m;\n                                    }));\n                                    closeDropdown();\n                                  });\n                                } else {\n                                  channel?.removeOperators([member.userId]).then(() => {\n                                    setMembers(members.map(m => {\n                                      if (m.userId === member.userId) {\n                                        return {\n                                          ...member,\n                                          role: '',\n                                        };\n                                      }\n                                      return m;\n                                    }));\n                                    closeDropdown();\n                                  });\n                                }\n                              }}\n                            >\n                              {\n                                member.role !== 'operator'\n                                  ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n                                  : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n                              }\n                            </MenuItem>\n                            {\n                              // No muted members in broadcast channel\n                              !channel?.isBroadcast && (\n                                <MenuItem\n                                  onClick={() => {\n                                    if (member.isMuted) {\n                                      channel?.unmuteUser(member).then(() => {\n                                        setMembers(members.map(m => {\n                                          if (m.userId === member.userId) {\n                                            return {\n                                              ...member,\n                                              isMuted: false,\n                                            };\n                                          }\n                                          return m;\n                                        }));\n                                        closeDropdown();\n                                      })\n                                    } else {\n                                      channel?.muteUser(member).then(() => {\n                                        setMembers(members.map(m => {\n                                          if (m.userId === member.userId) {\n                                            return {\n                                              ...member,\n                                              isMuted: true,\n                                            };\n                                          }\n                                          return m;\n                                        }));\n                                        closeDropdown();\n                                      });\n                                    }\n                                  }}\n                                >\n                                  {\n                                    member.isMuted\n                                      ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE\n                                      : stringSet.CHANNEL_SETTING__MODERATION__MUTE\n                                  }\n                                </MenuItem>\n                              )\n                            }\n                            <MenuItem\n                              onClick={() => {\n                                channel?.banUser(member, -1, '').then(() => {\n                                  setMembers(members.filter(({ userId }) => {\n                                    return userId !== member.userId;\n                                  }));\n                                });\n                              }}\n                            >\n                              {stringSet.CHANNEL_SETTING__MODERATION__BAN}\n                            </MenuItem>\n                          </MenuItems>\n                        )}\n                      />\n                    )}\n                  </>\n                )}\n              />\n            ))\n          }\n        </div>\n      </Modal>\n    </div>\n  );\n}\n","import React, { ReactElement, useEffect, useState } from 'react'\n\nimport Modal from '../../../../ui/Modal';\nimport { Type as ButtonType } from '../../../../ui/Button/type';\nimport UserListItem from '../../../../ui/UserListItem';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\ninterface Props {\n  onCancel(): void;\n  onSubmit(members: Array<string>): void;\n}\n\nexport default function InviteUsers({\n  onCancel,\n  onSubmit,\n}: Props): ReactElement {\n  const [members, setMembers] = useState([]);\n  const [selectedMembers, setSelectedMembers] = useState({});\n  const [userQuery, setUserQuery] = useState(null);\n\n  const state = useSendbirdStateContext();\n  const sdk = state?.stores?.sdkStore?.sdk;\n  const globalUserListQuery = state?.config?.userListQuery;\n\n  const { channel } = useChannelSettingsContext();\n\n  useEffect(() => {\n    const userListQuery = globalUserListQuery ? globalUserListQuery() : sdk?.createApplicationUserListQuery();\n    if (userListQuery?.next) {\n      userListQuery.next().then((members) => {\n        setMembers(members);\n      });\n      setUserQuery(userListQuery);\n    }\n  }, [sdk])\n  return (\n    <div>\n      <Modal\n        disabled={Object.keys(selectedMembers).length === 0}\n        submitText=\"Invite\"\n        type={ButtonType.PRIMARY}\n        onCancel={() => onCancel()}\n        onSubmit={() => {\n          const members = Object.keys(selectedMembers).filter((m) => selectedMembers[m]);\n          channel?.inviteWithUserIds(members).then(() => {\n            onSubmit(members);\n          });\n        }}\n        titleText=\"Select members\"\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = userQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\n            if (hasNext && fetchMore) {\n              userQuery.next().then((users) => {\n                setMembers([\n                  ...members,\n                  ...users,\n                ])\n              });\n            }\n          }}\n        >\n          <div className=\"sendbird-more-members__popup-scroll__inner\">\n            { members.map((member) => (\n              <UserListItem\n                checkBox\n                checked={selectedMembers[member.userId]}\n                onChange={\n                  (event) => {\n                    const modifiedSelectedMembers = {\n                      ...selectedMembers,\n                      [event.target.id]: event.target.checked,\n                    };\n                    if (!event.target.checked) {\n                      delete modifiedSelectedMembers[event.target.id];\n                    }\n                    setSelectedMembers(modifiedSelectedMembers);\n                  }\n                }\n                user={member}\n                key={member.userId}\n              />\n            ))}\n          </div>\n        </div>\n      </Modal>\n    </div>\n  );\n}\n","import React, {\n  ReactElement,\n  useEffect,\n  useState,\n  useCallback,\n  useContext,\n} from 'react';\n\nimport Button, { ButtonTypes, ButtonSizes } from '../../../../ui/Button';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\n\nimport UserListItem from '../UserListItem';\nimport MembersModal from './MembersModal';\nimport InviteUsers from './InviteUsersModal';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport uuidv4 from '../../../../utils/uuid';\n\nexport const MemberList = (): ReactElement => {\n  const [members, setMembers] = useState([]);\n  const [hasNext, setHasNext] = useState(false);\n  const [showAllMembers, setShowAllMembers] = useState(false);\n  const [showInviteUsers, setShowInviteUsers] = useState(false);\n\n  const state = useSendbirdStateContext();\n  const {\n    channel,\n    setChannelUpdateId,\n  } = useChannelSettingsContext();\n  const { stringSet } = useContext(LocalizationContext);\n\n  const sdk = state?.stores?.sdkStore?.sdk;\n  const userId = state?.config?.userId;\n\n  useEffect(() => {\n    if (!channel) {\n      setMembers([]);\n      return;\n    }\n\n    const memberUserListQuery = channel?.createMemberListQuery({ limit: 10 });\n    memberUserListQuery.next().then((members) => {\n      setMembers(members);\n      setHasNext(memberUserListQuery.hasNext);\n    });\n  }, [channel]);\n\n  const refreshList = useCallback(() => {\n    if (!channel) {\n      setMembers([]);\n      return;\n    }\n    const memberUserListQuery = channel?.createMemberListQuery({ limit: 10 });\n    memberUserListQuery.next().then((members) => {\n      setMembers(members);\n      setHasNext(memberUserListQuery.hasNext);\n      setChannelUpdateId(uuidv4());\n    });\n  }, [channel]);\n\n  return (\n    <>\n      {\n        members.map((member) => (\n          <UserListItem\n            key={member.userId}\n            user={member}\n            currentUser={sdk.currentUser.userId}\n            action={\n              (userId !== member.userId)\n                ? ({ actionRef, parentRef }) => (\n                  <ContextMenu\n                    menuTrigger={(toggleDropdown) => (\n                      <IconButton\n                        className=\"sendbird-user-message__more__menu\"\n                        width=\"32px\"\n                        height=\"32px\"\n                        onClick={toggleDropdown}\n                      >\n                        <Icon\n                          width=\"24px\"\n                          height=\"24px\"\n                          type={IconTypes.MORE}\n                          fillColor={IconColors.CONTENT_INVERSE}\n                        />\n                      </IconButton>\n                    )}\n                    menuItems={(closeDropdown) => (\n                      <MenuItems\n                        parentContainRef={parentRef}\n                        parentRef={actionRef} // for catching location(x, y) of MenuItems\n                        closeDropdown={closeDropdown}\n                        openLeft\n                      >\n                        <MenuItem\n                          onClick={() => {\n                            if ((member.role !== 'operator')) {\n                              channel?.addOperators([member.userId]).then(() => {\n                                refreshList();\n                                closeDropdown();\n                              });\n                            } else {\n                              channel?.removeOperators([member.userId]).then(() => {\n                                refreshList();\n                                closeDropdown();\n                              });\n                            }\n                          }}\n                        >\n                          {\n                            member.role !== 'operator'\n                              ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n                              : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n                          }\n                        </MenuItem>\n                        {\n                          // No muted members in broadcast channel\n                          !channel?.isBroadcast && (\n                            <MenuItem\n                              onClick={() => {\n                                if (member.isMuted) {\n                                  channel?.unmuteUser(member).then(() => {\n                                    refreshList();\n                                    closeDropdown();\n                                  })\n                                } else {\n                                  channel?.muteUser(member).then(() => {\n                                    refreshList();\n                                    closeDropdown();\n                                  });\n                                }\n                              }}\n                            >\n                              {\n                                member.isMuted\n                                  ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE\n                                  : stringSet.CHANNEL_SETTING__MODERATION__MUTE\n                              }\n                            </MenuItem>\n                          )\n                        }\n                        <MenuItem\n                          onClick={() => {\n                            channel?.banUser(member, -1, '').then(() => {\n                              refreshList();\n                              closeDropdown();\n                            });\n                          }}\n                        >\n                          {stringSet.CHANNEL_SETTING__MODERATION__BAN}\n                        </MenuItem>\n                      </MenuItems>\n                    )}\n                  />\n                )\n                : null\n            }\n          />\n        ))\n      }\n      <div\n        className=\"sendbird-channel-settings-accordion__footer\"\n      >\n        {\n          hasNext && (\n            <Button\n              type={ButtonTypes.SECONDARY}\n              size={ButtonSizes.SMALL}\n              onClick={() => setShowAllMembers(true)}\n            >\n              {stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS}\n            </Button>\n          )\n        }\n        <Button\n          type={ButtonTypes.SECONDARY}\n          size={ButtonSizes.SMALL}\n          onClick={() => setShowInviteUsers(true)}\n        >\n          {stringSet.CHANNEL_SETTING__MEMBERS__INVITE_MEMBER}\n        </Button>\n      </div>\n      {\n        showAllMembers && (\n          <MembersModal\n            onCancel={() => {\n              setShowAllMembers(false);\n              refreshList();\n            }}\n          />\n        )\n      }\n      {\n        showInviteUsers && (\n          <InviteUsers\n            onSubmit={() => {\n              setShowInviteUsers(false);\n              refreshList();\n            }}\n            onCancel={() => setShowInviteUsers(false)}\n          />\n        )\n      }\n    </>\n  );\n}\n\nexport default MemberList;\n"],"names":["MembersModal","_a","onCancel","_c","useState","members","setMembers","_d","memberQuery","setMemberQuery","channel","useChannelSettingsContext","state","useSendbirdStateContext","currentUser","config","userId","stringSet","useContext","LocalizationContext","useEffect","memberListQuery","createMemberListQuery","limit","next","then","React","Modal","noop","e","hasNext","target","fetchMore","clientHeight","scrollTop","scrollHeight","o","map","member","UserListItem","parentRef","actionRef","myRole","ContextMenu","toggleDropdown","IconButton","Icon","IconTypes","MORE","IconColors","CONTENT_INVERSE","closeDropdown","MenuItems","MenuItem","role","addOperators","m","removeOperators","CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR","CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR","isBroadcast","isMuted","unmuteUser","muteUser","CHANNEL_SETTING__MODERATION__UNMUTE","CHANNEL_SETTING__MODERATION__MUTE","banUser","filter","CHANNEL_SETTING__MODERATION__BAN","InviteUsers","onSubmit","_e","_f","selectedMembers","setSelectedMembers","_g","userQuery","setUserQuery","sdk","stores","sdkStore","globalUserListQuery","userListQuery","createApplicationUserListQuery","Object","keys","length","ButtonType","PRIMARY","inviteWithUserIds","users","event","modifiedSelectedMembers","id","checked","MemberList","setHasNext","showAllMembers","setShowAllMembers","showInviteUsers","setShowInviteUsers","_h","setChannelUpdateId","memberUserListQuery","refreshList","useCallback","uuidv4","Button","ButtonTypes","SECONDARY","ButtonSizes","SMALL","CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS","CHANNEL_SETTING__MEMBERS__INVITE_MEMBER"],"mappings":"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"}
+{"version":3,"file":"MemberList-8b5f5e4a.js","sources":["../../src/smart-components/ChannelSettings/components/ModerationPanel/MembersModal.tsx","../../src/smart-components/ChannelSettings/components/ModerationPanel/InviteUsersModal.tsx","../../src/smart-components/ChannelSettings/components/ModerationPanel/MemberList.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useContext,\n  useEffect,\n  useState,\n} from 'react'\n\nimport Modal from '../../../../ui/Modal';\nimport UserListItem from '../../../../ui/UserListItem';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\nimport { noop } from '../../../../utils/utils';\n\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\n\ninterface Props {\n  onCancel(): void;\n}\n\nexport default function MembersModal({ onCancel }: Props): ReactElement {\n  const [members, setMembers] = useState([]);\n  const [memberQuery, setMemberQuery] = useState(null);\n\n  const { channel } = useChannelSettingsContext();\n  const state = useSendbirdStateContext();\n  const currentUser = state?.config?.userId;\n  const { stringSet } = useContext(LocalizationContext);\n\n  useEffect(() => {\n    const memberListQuery = channel?.createMemberListQuery({\n      limit: 20,\n    });\n    memberListQuery.next().then((members) => {\n      setMembers(members);\n    });\n    setMemberQuery(memberListQuery);\n  }, [])\n  return (\n    <div>\n      <Modal\n        hideFooter\n        onCancel={() => onCancel()}\n        onSubmit={noop}\n        titleText=\"All Members\"\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = memberQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\n\n            if (hasNext && fetchMore) {\n              memberQuery.next().then((o) => {\n                setMembers([\n                  ...members,\n                  ...o,\n                ])\n              });\n            }\n          }}\n        >\n          {\n            members.map((member) => (\n              <UserListItem\n                user={member}\n                key={member.userId}\n                currentUser={currentUser}\n                action={({ parentRef, actionRef }) => (\n                  <>\n                    {channel?.myRole === 'operator' && (\n                      <ContextMenu\n                        menuTrigger={(toggleDropdown) => (\n                          <IconButton\n                            className=\"sendbird-user-message__more__menu\"\n                            width=\"32px\"\n                            height=\"32px\"\n                            onClick={toggleDropdown}\n                          >\n                            <Icon\n                              width=\"24px\"\n                              height=\"24px\"\n                              type={IconTypes.MORE}\n                              fillColor={IconColors.CONTENT_INVERSE}\n                            />\n                          </IconButton>\n                        )}\n                        menuItems={(closeDropdown) => (\n                          <MenuItems\n                            parentContainRef={parentRef}\n                            parentRef={actionRef} // for catching location(x, y) of MenuItems\n                            closeDropdown={closeDropdown}\n                            openLeft\n                          >\n                            <MenuItem\n                              onClick={() => {\n                                if ((member.role !== 'operator')) {\n                                  channel?.addOperators([member.userId]).then(() => {\n                                    setMembers(members.map(m => {\n                                      if (m.userId === member.userId) {\n                                        return {\n                                          ...member,\n                                          role: 'operator',\n                                        };\n                                      }\n                                      return m;\n                                    }));\n                                    closeDropdown();\n                                  });\n                                } else {\n                                  channel?.removeOperators([member.userId]).then(() => {\n                                    setMembers(members.map(m => {\n                                      if (m.userId === member.userId) {\n                                        return {\n                                          ...member,\n                                          role: '',\n                                        };\n                                      }\n                                      return m;\n                                    }));\n                                    closeDropdown();\n                                  });\n                                }\n                              }}\n                            >\n                              {\n                                member.role !== 'operator'\n                                  ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n                                  : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n                              }\n                            </MenuItem>\n                            {\n                              // No muted members in broadcast channel\n                              !channel?.isBroadcast && (\n                                <MenuItem\n                                  onClick={() => {\n                                    if (member.isMuted) {\n                                      channel?.unmuteUser(member).then(() => {\n                                        setMembers(members.map(m => {\n                                          if (m.userId === member.userId) {\n                                            return {\n                                              ...member,\n                                              isMuted: false,\n                                            };\n                                          }\n                                          return m;\n                                        }));\n                                        closeDropdown();\n                                      })\n                                    } else {\n                                      channel?.muteUser(member).then(() => {\n                                        setMembers(members.map(m => {\n                                          if (m.userId === member.userId) {\n                                            return {\n                                              ...member,\n                                              isMuted: true,\n                                            };\n                                          }\n                                          return m;\n                                        }));\n                                        closeDropdown();\n                                      });\n                                    }\n                                  }}\n                                >\n                                  {\n                                    member.isMuted\n                                      ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE\n                                      : stringSet.CHANNEL_SETTING__MODERATION__MUTE\n                                  }\n                                </MenuItem>\n                              )\n                            }\n                            <MenuItem\n                              onClick={() => {\n                                channel?.banUser(member, -1, '').then(() => {\n                                  setMembers(members.filter(({ userId }) => {\n                                    return userId !== member.userId;\n                                  }));\n                                });\n                              }}\n                            >\n                              {stringSet.CHANNEL_SETTING__MODERATION__BAN}\n                            </MenuItem>\n                          </MenuItems>\n                        )}\n                      />\n                    )}\n                  </>\n                )}\n              />\n            ))\n          }\n        </div>\n      </Modal>\n    </div>\n  );\n}\n","import React, { ReactElement, useEffect, useState } from 'react'\n\nimport Modal from '../../../../ui/Modal';\nimport { Type as ButtonType } from '../../../../ui/Button/type';\nimport UserListItem from '../../../../ui/UserListItem';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\ninterface Props {\n  onCancel(): void;\n  onSubmit(members: Array<string>): void;\n}\n\nexport default function InviteUsers({\n  onCancel,\n  onSubmit,\n}: Props): ReactElement {\n  const [members, setMembers] = useState([]);\n  const [selectedMembers, setSelectedMembers] = useState({});\n  const [userQuery, setUserQuery] = useState(null);\n\n  const state = useSendbirdStateContext();\n  const sdk = state?.stores?.sdkStore?.sdk;\n  const globalUserListQuery = state?.config?.userListQuery;\n\n  const { channel } = useChannelSettingsContext();\n\n  useEffect(() => {\n    const userListQuery = globalUserListQuery ? globalUserListQuery() : sdk?.createApplicationUserListQuery();\n    if (userListQuery?.next) {\n      userListQuery.next().then((members) => {\n        setMembers(members);\n      });\n      setUserQuery(userListQuery);\n    }\n  }, [sdk])\n  return (\n    <div>\n      <Modal\n        disabled={Object.keys(selectedMembers).length === 0}\n        submitText=\"Invite\"\n        type={ButtonType.PRIMARY}\n        onCancel={() => onCancel()}\n        onSubmit={() => {\n          const members = Object.keys(selectedMembers).filter((m) => selectedMembers[m]);\n          channel?.inviteWithUserIds(members).then(() => {\n            onSubmit(members);\n          });\n        }}\n        titleText=\"Select members\"\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = userQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\n            if (hasNext && fetchMore) {\n              userQuery.next().then((users) => {\n                setMembers([\n                  ...members,\n                  ...users,\n                ])\n              });\n            }\n          }}\n        >\n          <div className=\"sendbird-more-members__popup-scroll__inner\">\n            { members.map((member) => (\n              <UserListItem\n                checkBox\n                checked={selectedMembers[member.userId]}\n                onChange={\n                  (event) => {\n                    const modifiedSelectedMembers = {\n                      ...selectedMembers,\n                      [event.target.id]: event.target.checked,\n                    };\n                    if (!event.target.checked) {\n                      delete modifiedSelectedMembers[event.target.id];\n                    }\n                    setSelectedMembers(modifiedSelectedMembers);\n                  }\n                }\n                user={member}\n                key={member.userId}\n              />\n            ))}\n          </div>\n        </div>\n      </Modal>\n    </div>\n  );\n}\n","import React, {\n  ReactElement,\n  useEffect,\n  useState,\n  useCallback,\n  useContext,\n} from 'react';\n\nimport Button, { ButtonTypes, ButtonSizes } from '../../../../ui/Button';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\n\nimport UserListItem from '../UserListItem';\nimport MembersModal from './MembersModal';\nimport InviteUsers from './InviteUsersModal';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport uuidv4 from '../../../../utils/uuid';\n\nexport const MemberList = (): ReactElement => {\n  const [members, setMembers] = useState([]);\n  const [hasNext, setHasNext] = useState(false);\n  const [showAllMembers, setShowAllMembers] = useState(false);\n  const [showInviteUsers, setShowInviteUsers] = useState(false);\n\n  const state = useSendbirdStateContext();\n  const {\n    channel,\n    setChannelUpdateId,\n  } = useChannelSettingsContext();\n  const { stringSet } = useContext(LocalizationContext);\n\n  const sdk = state?.stores?.sdkStore?.sdk;\n  const userId = state?.config?.userId;\n\n  useEffect(() => {\n    if (!channel) {\n      setMembers([]);\n      return;\n    }\n\n    const memberUserListQuery = channel?.createMemberListQuery({ limit: 10 });\n    memberUserListQuery.next().then((members) => {\n      setMembers(members);\n      setHasNext(memberUserListQuery.hasNext);\n    });\n  }, [channel]);\n\n  const refreshList = useCallback(() => {\n    if (!channel) {\n      setMembers([]);\n      return;\n    }\n    const memberUserListQuery = channel?.createMemberListQuery({ limit: 10 });\n    memberUserListQuery.next().then((members) => {\n      setMembers(members);\n      setHasNext(memberUserListQuery.hasNext);\n      setChannelUpdateId(uuidv4());\n    });\n  }, [channel]);\n\n  return (\n    <>\n      {\n        members.map((member) => (\n          <UserListItem\n            key={member.userId}\n            user={member}\n            currentUser={sdk.currentUser.userId}\n            action={\n              (userId !== member.userId)\n                ? ({ actionRef, parentRef }) => (\n                  <ContextMenu\n                    menuTrigger={(toggleDropdown) => (\n                      <IconButton\n                        className=\"sendbird-user-message__more__menu\"\n                        width=\"32px\"\n                        height=\"32px\"\n                        onClick={toggleDropdown}\n                      >\n                        <Icon\n                          width=\"24px\"\n                          height=\"24px\"\n                          type={IconTypes.MORE}\n                          fillColor={IconColors.CONTENT_INVERSE}\n                        />\n                      </IconButton>\n                    )}\n                    menuItems={(closeDropdown) => (\n                      <MenuItems\n                        parentContainRef={parentRef}\n                        parentRef={actionRef} // for catching location(x, y) of MenuItems\n                        closeDropdown={closeDropdown}\n                        openLeft\n                      >\n                        <MenuItem\n                          onClick={() => {\n                            if ((member.role !== 'operator')) {\n                              channel?.addOperators([member.userId]).then(() => {\n                                refreshList();\n                                closeDropdown();\n                              });\n                            } else {\n                              channel?.removeOperators([member.userId]).then(() => {\n                                refreshList();\n                                closeDropdown();\n                              });\n                            }\n                          }}\n                        >\n                          {\n                            member.role !== 'operator'\n                              ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n                              : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n                          }\n                        </MenuItem>\n                        {\n                          // No muted members in broadcast channel\n                          !channel?.isBroadcast && (\n                            <MenuItem\n                              onClick={() => {\n                                if (member.isMuted) {\n                                  channel?.unmuteUser(member).then(() => {\n                                    refreshList();\n                                    closeDropdown();\n                                  })\n                                } else {\n                                  channel?.muteUser(member).then(() => {\n                                    refreshList();\n                                    closeDropdown();\n                                  });\n                                }\n                              }}\n                            >\n                              {\n                                member.isMuted\n                                  ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE\n                                  : stringSet.CHANNEL_SETTING__MODERATION__MUTE\n                              }\n                            </MenuItem>\n                          )\n                        }\n                        <MenuItem\n                          onClick={() => {\n                            channel?.banUser(member, -1, '').then(() => {\n                              refreshList();\n                              closeDropdown();\n                            });\n                          }}\n                        >\n                          {stringSet.CHANNEL_SETTING__MODERATION__BAN}\n                        </MenuItem>\n                      </MenuItems>\n                    )}\n                  />\n                )\n                : null\n            }\n          />\n        ))\n      }\n      <div\n        className=\"sendbird-channel-settings-accordion__footer\"\n      >\n        {\n          hasNext && (\n            <Button\n              type={ButtonTypes.SECONDARY}\n              size={ButtonSizes.SMALL}\n              onClick={() => setShowAllMembers(true)}\n            >\n              {stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS}\n            </Button>\n          )\n        }\n        <Button\n          type={ButtonTypes.SECONDARY}\n          size={ButtonSizes.SMALL}\n          onClick={() => setShowInviteUsers(true)}\n        >\n          {stringSet.CHANNEL_SETTING__MEMBERS__INVITE_MEMBER}\n        </Button>\n      </div>\n      {\n        showAllMembers && (\n          <MembersModal\n            onCancel={() => {\n              setShowAllMembers(false);\n              refreshList();\n            }}\n          />\n        )\n      }\n      {\n        showInviteUsers && (\n          <InviteUsers\n            onSubmit={() => {\n              setShowInviteUsers(false);\n              refreshList();\n            }}\n            onCancel={() => setShowInviteUsers(false)}\n          />\n        )\n      }\n    </>\n  );\n}\n\nexport default MemberList;\n"],"names":["MembersModal","_a","onCancel","_c","useState","members","setMembers","_d","memberQuery","setMemberQuery","channel","useChannelSettingsContext","state","useSendbirdStateContext","currentUser","config","userId","stringSet","useContext","LocalizationContext","useEffect","memberListQuery","createMemberListQuery","limit","next","then","React","Modal","noop","e","hasNext","target","fetchMore","clientHeight","scrollTop","scrollHeight","o","map","member","UserListItem","parentRef","actionRef","myRole","ContextMenu","toggleDropdown","IconButton","Icon","IconTypes","MORE","IconColors","CONTENT_INVERSE","closeDropdown","MenuItems","MenuItem","role","addOperators","m","removeOperators","CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR","CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR","isBroadcast","isMuted","unmuteUser","muteUser","CHANNEL_SETTING__MODERATION__UNMUTE","CHANNEL_SETTING__MODERATION__MUTE","banUser","filter","CHANNEL_SETTING__MODERATION__BAN","InviteUsers","onSubmit","_e","_f","selectedMembers","setSelectedMembers","_g","userQuery","setUserQuery","sdk","stores","sdkStore","globalUserListQuery","userListQuery","createApplicationUserListQuery","Object","keys","length","ButtonType","PRIMARY","inviteWithUserIds","users","event","modifiedSelectedMembers","id","checked","MemberList","setHasNext","showAllMembers","setShowAllMembers","showInviteUsers","setShowInviteUsers","_h","setChannelUpdateId","memberUserListQuery","refreshList","useCallback","uuidv4","Button","ButtonTypes","SECONDARY","ButtonSizes","SMALL","CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS","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-672b9c94.js');
+var LocalizationContext = require('../../LocalizationContext-a705c60f.js');
 var MessageSearch_context = require('../context.js');
 var ui_MessageSearchItem = require('../../ui/MessageSearchItem.js');
-var ui_PlaceHolder = require('../../index-1d91484a.js');
+var ui_PlaceHolder = require('../../index-7efed648.js');
 var ui_MessageSearchFileItem = require('../../ui/MessageSearchFileItem.js');
-require('../../stringSet-da3df562.js');
-require('../../index-1a2c6bb9.js');
+require('../../stringSet-4e80362c.js');
+require('../../index-98ff8992.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-f02175f2.js');
-require('../../tslib.es6-306f32fb.js');
-require('../../index-93b2249a.js');
-require('../../index-24973446.js');
-require('../../index-ce704c05.js');
+require('../../_rollupPluginBabelHelpers-d4231746.js');
+require('../../tslib.es6-5520d66d.js');
+require('../../index-100d673e.js');
+require('../../index-ac60aa9e.js');
+require('../../index-04096e45.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('prop-types');
 require('../../ui/Icon.js');
-require('../../uuid-deaf6e4d.js');
-require('../../index-6b7d2465.js');
+require('../../uuid-51919e62.js');
+require('../../index-ed5d5e9d.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-306f32fb.js');
+var tslib_es6 = require('../tslib.es6-5520d66d.js');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-f02175f2.js');
+require('../_rollupPluginBabelHelpers-d4231746.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/MessageSearch.js

@@ -2,26 +2,26 @@
 
 var React = require('react');
 var MessageSearch_components_MessageSearchUI = require('./MessageSearch/components/MessageSearchUI.js');
-var LocalizationContext = require('./LocalizationContext-672b9c94.js');
+var LocalizationContext = require('./LocalizationContext-a705c60f.js');
 var ui_Icon = require('./ui/Icon.js');
 var ui_IconButton = require('./ui/IconButton.js');
-var ui_Label = require('./index-6b7d2465.js');
+var ui_Label = require('./index-ed5d5e9d.js');
 var ui_Loader = require('./ui/Loader.js');
 var MessageSearch_context = require('./MessageSearch/context.js');
 require('./ui/MessageSearchItem.js');
-require('./tslib.es6-306f32fb.js');
-require('./index-93b2249a.js');
-require('./index-1a2c6bb9.js');
-require('./index-24973446.js');
-require('./index-ce704c05.js');
+require('./tslib.es6-5520d66d.js');
+require('./index-100d673e.js');
+require('./index-98ff8992.js');
+require('./index-ac60aa9e.js');
+require('./index-04096e45.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./_rollupPluginBabelHelpers-f02175f2.js');
+require('./_rollupPluginBabelHelpers-d4231746.js');
 require('prop-types');
-require('./uuid-deaf6e4d.js');
-require('./index-1d91484a.js');
+require('./uuid-51919e62.js');
+require('./index-7efed648.js');
 require('./ui/MessageSearchFileItem.js');
-require('./stringSet-da3df562.js');
+require('./stringSet-4e80362c.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
 

package/cjs/OpenChannel/components/FrozenChannelNotification.js

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-672b9c94.js');
-var ui_Label = require('../../index-6b7d2465.js');
-require('../../stringSet-da3df562.js');
-require('../../index-1a2c6bb9.js');
-require('../../_rollupPluginBabelHelpers-f02175f2.js');
+var LocalizationContext = require('../../LocalizationContext-a705c60f.js');
+var ui_Label = require('../../index-ed5d5e9d.js');
+require('../../stringSet-4e80362c.js');
+require('../../index-98ff8992.js');
+require('../../_rollupPluginBabelHelpers-d4231746.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,22 +4,23 @@ 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-6b7d2465.js');
-var LocalizationContext = require('../../LocalizationContext-672b9c94.js');
-var OpenChannel_context = require('../../OpenChannelProvider-41c8a190.js');
-require('../../tslib.es6-306f32fb.js');
+var ui_Label = require('../../index-ed5d5e9d.js');
+var LocalizationContext = require('../../LocalizationContext-a705c60f.js');
+var OpenChannel_context = require('../../OpenChannelProvider-7cf4ccbe.js');
+require('../../tslib.es6-5520d66d.js');
 require('../../ui/ImageRenderer.js');
-require('../../_rollupPluginBabelHelpers-f02175f2.js');
+require('../../_rollupPluginBabelHelpers-d4231746.js');
 require('prop-types');
-require('../../uuid-deaf6e4d.js');
-require('../../stringSet-da3df562.js');
-require('../../index-1a2c6bb9.js');
-require('../../index-93b2249a.js');
-require('../../UserProfileContext-d3290c6a.js');
-require('../../compareIds-26b51402.js');
-require('../../topics-1932f321.js');
-require('../../openChannel-f2448196.js');
-require('../../__bundle-7dfccc8c-99e5ac3e.js');
+require('../../uuid-51919e62.js');
+require('../../stringSet-4e80362c.js');
+require('../../index-98ff8992.js');
+require('../../index-100d673e.js');
+require('../../UserProfileContext-f46c65c9.js');
+require('../../compareIds-09284eb5.js');
+require('../../topics-1ea796fe.js');
+require('@sendbird/chat');
+require('../../openChannel-8c980cdb.js');
+require('../../__bundle-7dfccc8c-70a9c008.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
 

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

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelHeader.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelHeader/index.tsx"],"sourcesContent":["import './open-channel-header.scss';\nimport React, { useContext } from 'react';\n\nimport Avatar from '../../../../ui/Avatar';\nimport Icon, { IconColors, IconTypes } from '../../../../ui/Icon';\nimport IconButton from '../../../../ui/IconButton';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nimport { kFormatter } from '../../context/utils';\n\nexport default function OpenchannelConversationHeader(): JSX.Element {\n  const { stringSet } = useContext(LocalizationContext);\n  const {\n    currentOpenChannel,\n    onChatHeaderActionClick,\n    amIOperator,\n  } = useOpenChannelContext();\n  const title = currentOpenChannel?.name;\n  const subTitle = `${kFormatter(currentOpenChannel?.participantCount)} ${stringSet.OPEN_CHANNEL_CONVERSATION__TITLE_PARTICIPANTS}`;\n  const coverImage = currentOpenChannel?.coverUrl;\n\n  return (\n    <div className=\"sendbird-openchannel-conversation-header\">\n      <div className=\"sendbird-openchannel-conversation-header__left\">\n        {\n          coverImage ? (\n            <Avatar\n              className=\"sendbird-openchannel-conversation-header__left__cover-image\"\n              src={coverImage}\n              alt=\"channel cover image\"\n              width=\"32px\"\n              height=\"32px\"\n            />\n          ) : (\n            <div\n              className=\"sendbird-openchannel-conversation-header__left__cover-image--icon\"\n              style={{ width: 32, height: 32 }}\n            >\n              <Icon\n                type={IconTypes.CHANNELS}\n                fillColor={IconColors.CONTENT}\n                width=\"18px\"\n                height=\"18px\"\n              />\n            </div>\n          )\n        }\n        <Label\n          className=\"sendbird-openchannel-conversation-header__left__title\"\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {title || stringSet.NO_TITLE}\n        </Label>\n        <Label\n          className=\"sendbird-openchannel-conversation-header__left__sub-title\"\n          type={LabelTypography.BODY_2}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {subTitle || stringSet.NO_TITLE}\n        </Label>\n      </div>\n      <div className=\"sendbird-openchannel-conversation-header__right\">\n        <IconButton\n          className=\"sendbird-openchannel-conversation-header__right__trigger\"\n          width=\"32px\"\n          height=\"32px\"\n          onClick={onChatHeaderActionClick}\n        >\n          <Icon\n            type={(\n              amIOperator\n              ? IconTypes.INFO\n              : IconTypes.MEMBERS\n            )}\n            fillColor={IconColors.PRIMARY}\n            width=\"24px\"\n            height=\"24px\"\n          />\n        </IconButton>\n      </div>\n    </div>\n  );\n}\n"],"names":["OpenchannelConversationHeader","stringSet","useContext","LocalizationContext","_a","useOpenChannelContext","currentOpenChannel","onChatHeaderActionClick","amIOperator","title","name","subTitle","kFormatter","participantCount","OPEN_CHANNEL_CONVERSATION__TITLE_PARTICIPANTS","coverImage","coverUrl","React","Avatar","width","height","Icon","IconTypes","CHANNELS","IconColors","CONTENT","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","NO_TITLE","BODY_2","ONBACKGROUND_2","IconButton","INFO","MEMBERS","PRIMARY"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAYwBA;AACd,MAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd;;AACF,MAAAC,KAIFC,yCAAqB,EAJnB;AAAA,MACJC,kBAAkB,wBADd;AAAA,MAEJC,uBAAuB,6BAFnB;AAAA,MAGJC,WAAW,iBAHP;;AAKN,MAAMC,KAAK,GAAGH,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,SAAA,GAAAA,kBAAkB,CAAEI,IAAlC;AACA,MAAMC,QAAQ,GAAG,SAAA,CAAGC,8BAAU,CAACN,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,SAAA,GAAAA,kBAAkB,CAAEO,gBAArB,CAAb,KAAA,QAAA,CAAuDZ,SAAS,CAACa,6CAAjE,CAAjB;AACA,MAAMC,UAAU,GAAGT,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,SAAA,GAAAA,kBAAkB,CAAEU,QAAvC;AAEA,sBACEC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAK,IAAA,SAAS,EAAC;AAAf,KAEIF,UAAU,gBACRE,wCAACC,oBAAD;AACE,IAAA,SAAS,EAAC,6DADZ;AAEE,IAAA,GAAG,EAAEH,UAFP;AAGE,IAAA,GAAG,EAAC,qBAHN;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC;AALT,IADQ,gBASRE;AACE,IAAA,SAAS,EAAC,mEADZ;AAEE,IAAA,KAAK,EAAE;AAAEE,MAAAA,KAAK,EAAE,EAAT;AAAaC,MAAAA,MAAM,EAAE;AAArB;AAFT,kBAIEH,wCAACI,kBAAD;AACE,IAAA,IAAI,EAAEC,iBAAS,CAACC,QADlB;AAEE,IAAA,SAAS,EAAEC,kBAAU,CAACC,OAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC;AAJT,IAJF,CAXN,eAwBER,wCAACS,cAAD;AACE,IAAA,SAAS,EAAC,uDADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACC,GAFxB;AAGE,IAAA,KAAK,EAAEC,oBAAW,CAACC;AAHrB,KAKGrB,KAAK,IAAIR,SAAS,CAAC8B,QALtB,CAxBF,eA+BEd,wCAACS,cAAD;AACE,IAAA,SAAS,EAAC,2DADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACK,MAFxB;AAGE,IAAA,KAAK,EAAEH,oBAAW,CAACI;AAHrB,KAKGtB,QAAQ,IAAIV,SAAS,CAAC8B,QALzB,CA/BF,CADF,eAwCEd;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,wCAACiB,aAAD;AACE,IAAA,SAAS,EAAC,0DADZ;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,MAAM,EAAC,MAHT;AAIE,IAAA,OAAO,EAAE3B;AAJX,kBAMEU,wCAACI,kBAAD;AACE,IAAA,IAAI,EACFb,WAAW,GACTc,iBAAS,CAACa,IADD,GAETb,iBAAS,CAACc,OAJhB;AAME,IAAA,SAAS,EAAEZ,kBAAU,CAACa,OANxB;AAOE,IAAA,KAAK,EAAC,MAPR;AAQE,IAAA,MAAM,EAAC;AART,IANF,CADF,CAxCF,CADF;AA8DD;;;;"}
+{"version":3,"file":"OpenChannelHeader.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelHeader/index.tsx"],"sourcesContent":["import './open-channel-header.scss';\nimport React, { useContext } from 'react';\n\nimport Avatar from '../../../../ui/Avatar';\nimport Icon, { IconColors, IconTypes } from '../../../../ui/Icon';\nimport IconButton from '../../../../ui/IconButton';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nimport { kFormatter } from '../../context/utils';\n\nexport default function OpenchannelConversationHeader(): JSX.Element {\n  const { stringSet } = useContext(LocalizationContext);\n  const {\n    currentOpenChannel,\n    onChatHeaderActionClick,\n    amIOperator,\n  } = useOpenChannelContext();\n  const title = currentOpenChannel?.name;\n  const subTitle = `${kFormatter(currentOpenChannel?.participantCount)} ${stringSet.OPEN_CHANNEL_CONVERSATION__TITLE_PARTICIPANTS}`;\n  const coverImage = currentOpenChannel?.coverUrl;\n\n  return (\n    <div className=\"sendbird-openchannel-conversation-header\">\n      <div className=\"sendbird-openchannel-conversation-header__left\">\n        {\n          coverImage ? (\n            <Avatar\n              className=\"sendbird-openchannel-conversation-header__left__cover-image\"\n              src={coverImage}\n              alt=\"channel cover image\"\n              width=\"32px\"\n              height=\"32px\"\n            />\n          ) : (\n            <div\n              className=\"sendbird-openchannel-conversation-header__left__cover-image--icon\"\n              style={{ width: 32, height: 32 }}\n            >\n              <Icon\n                type={IconTypes.CHANNELS}\n                fillColor={IconColors.CONTENT}\n                width=\"18px\"\n                height=\"18px\"\n              />\n            </div>\n          )\n        }\n        <Label\n          className=\"sendbird-openchannel-conversation-header__left__title\"\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {title || stringSet.NO_TITLE}\n        </Label>\n        <Label\n          className=\"sendbird-openchannel-conversation-header__left__sub-title\"\n          type={LabelTypography.BODY_2}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {subTitle || stringSet.NO_TITLE}\n        </Label>\n      </div>\n      <div className=\"sendbird-openchannel-conversation-header__right\">\n        <IconButton\n          className=\"sendbird-openchannel-conversation-header__right__trigger\"\n          width=\"32px\"\n          height=\"32px\"\n          onClick={onChatHeaderActionClick}\n        >\n          <Icon\n            type={(\n              amIOperator\n              ? IconTypes.INFO\n              : IconTypes.MEMBERS\n            )}\n            fillColor={IconColors.PRIMARY}\n            width=\"24px\"\n            height=\"24px\"\n          />\n        </IconButton>\n      </div>\n    </div>\n  );\n}\n"],"names":["OpenchannelConversationHeader","stringSet","useContext","LocalizationContext","_a","useOpenChannelContext","currentOpenChannel","onChatHeaderActionClick","amIOperator","title","name","subTitle","kFormatter","participantCount","OPEN_CHANNEL_CONVERSATION__TITLE_PARTICIPANTS","coverImage","coverUrl","React","Avatar","width","height","Icon","IconTypes","CHANNELS","IconColors","CONTENT","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","NO_TITLE","BODY_2","ONBACKGROUND_2","IconButton","INFO","MEMBERS","PRIMARY"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAYwBA;AACd,MAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd;;AACF,MAAAC,KAIFC,yCAAqB,EAJnB;AAAA,MACJC,kBAAkB,wBADd;AAAA,MAEJC,uBAAuB,6BAFnB;AAAA,MAGJC,WAAW,iBAHP;;AAKN,MAAMC,KAAK,GAAGH,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,SAAA,GAAAA,kBAAkB,CAAEI,IAAlC;AACA,MAAMC,QAAQ,GAAG,SAAA,CAAGC,8BAAU,CAACN,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,SAAA,GAAAA,kBAAkB,CAAEO,gBAArB,CAAb,KAAA,QAAA,CAAuDZ,SAAS,CAACa,6CAAjE,CAAjB;AACA,MAAMC,UAAU,GAAGT,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,SAAA,GAAAA,kBAAkB,CAAEU,QAAvC;AAEA,sBACEC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAK,IAAA,SAAS,EAAC;AAAf,KAEIF,UAAU,gBACRE,wCAACC,oBAAD;AACE,IAAA,SAAS,EAAC,6DADZ;AAEE,IAAA,GAAG,EAAEH,UAFP;AAGE,IAAA,GAAG,EAAC,qBAHN;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC;AALT,IADQ,gBASRE;AACE,IAAA,SAAS,EAAC,mEADZ;AAEE,IAAA,KAAK,EAAE;AAAEE,MAAAA,KAAK,EAAE,EAAT;AAAaC,MAAAA,MAAM,EAAE;AAArB;AAFT,kBAIEH,wCAACI,kBAAD;AACE,IAAA,IAAI,EAAEC,iBAAS,CAACC,QADlB;AAEE,IAAA,SAAS,EAAEC,kBAAU,CAACC,OAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC;AAJT,IAJF,CAXN,eAwBER,wCAACS,cAAD;AACE,IAAA,SAAS,EAAC,uDADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACC,GAFxB;AAGE,IAAA,KAAK,EAAEC,oBAAW,CAACC;AAHrB,KAKGrB,KAAK,IAAIR,SAAS,CAAC8B,QALtB,CAxBF,eA+BEd,wCAACS,cAAD;AACE,IAAA,SAAS,EAAC,2DADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACK,MAFxB;AAGE,IAAA,KAAK,EAAEH,oBAAW,CAACI;AAHrB,KAKGtB,QAAQ,IAAIV,SAAS,CAAC8B,QALzB,CA/BF,CADF,eAwCEd;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,wCAACiB,aAAD;AACE,IAAA,SAAS,EAAC,0DADZ;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,MAAM,EAAC,MAHT;AAIE,IAAA,OAAO,EAAE3B;AAJX,kBAMEU,wCAACI,kBAAD;AACE,IAAA,IAAI,EACFb,WAAW,GACTc,iBAAS,CAACa,IADD,GAETb,iBAAS,CAACc,OAJhB;AAME,IAAA,SAAS,EAAEZ,kBAAU,CAACa,OANxB;AAOE,IAAA,KAAK,EAAC,MAPR;AAQE,IAAA,MAAM,EAAC;AART,IANF,CADF,CAxCF,CADF;AA8DD;;;;"}

package/cjs/OpenChannel/components/OpenChannelInput.js

@@ -1,29 +1,30 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-672b9c94.js');
+var LocalizationContext = require('../../LocalizationContext-a705c60f.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
-var OpenChannel_context = require('../../OpenChannelProvider-41c8a190.js');
-require('../../stringSet-da3df562.js');
-require('../../index-1a2c6bb9.js');
-require('../../_rollupPluginBabelHelpers-f02175f2.js');
+var OpenChannel_context = require('../../OpenChannelProvider-7cf4ccbe.js');
+require('../../stringSet-4e80362c.js');
+require('../../index-98ff8992.js');
+require('../../_rollupPluginBabelHelpers-d4231746.js');
 require('prop-types');
-require('../../const-4106b8a9.js');
-require('../../const-58d3edce.js');
+require('../../const-6ff8b2d7.js');
+require('../../const-a0e65c1f.js');
 require('../../ui/IconButton.js');
-require('../../index-52186645.js');
-require('../../index-6b7d2465.js');
+require('../../index-30ce73c3.js');
+require('../../index-ed5d5e9d.js');
 require('../../ui/MentionUserLabel.js');
 require('../../ui/Icon.js');
-require('../../index-3b9eca88.js');
-require('../../tslib.es6-306f32fb.js');
-require('../../index-93b2249a.js');
-require('../../UserProfileContext-d3290c6a.js');
-require('../../compareIds-26b51402.js');
-require('../../topics-1932f321.js');
-require('../../openChannel-f2448196.js');
-require('../../__bundle-7dfccc8c-99e5ac3e.js');
-require('../../uuid-deaf6e4d.js');
+require('../../index-bb59494a.js');
+require('../../tslib.es6-5520d66d.js');
+require('../../index-100d673e.js');
+require('../../UserProfileContext-f46c65c9.js');
+require('../../compareIds-09284eb5.js');
+require('../../topics-1ea796fe.js');
+require('@sendbird/chat');
+require('../../openChannel-8c980cdb.js');
+require('../../__bundle-7dfccc8c-70a9c008.js');
+require('../../uuid-51919e62.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\nconst MessageInputWrapper = (props, 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\n  return (\n    <div className=\"sendbird-openchannel-footer\">\n      <MessageInput\n        ref={ref}\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","React","MessageInput","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD,EAAQC,GAAR;AACpB,MAAAC,KAKFC,yCAAqB,EALnB;AAAA,MACJC,kBAAkB,wBADd;AAAA,MAEJC,QAAQ,cAFJ;AAAA,MAGJC,iBAAiB,uBAHb;AAAA,MAIJC,gBAAgB,sBAJZ;;AAON,MAAMC,OAAO,GAAGJ,kBAAhB;;AACA,MAAI,CAACI,OAAL,EAAc;AACZ;AACD;;AAEO,MAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd;AAER,sBACEC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,wCAACC,eAAD;AACE,IAAA,GAAG,EAAEZ,GADP;AAEE,IAAA,QAAQ,EAAEI,QAFZ;AAGE,IAAA,aAAa,EAAEC,iBAHjB;AAIE,IAAA,YAAY,EAAEC,gBAJhB;AAKE,IAAA,WAAW,EACTF,QAAQ,IACLI,SAAS,CAACK,qCAFJ;;AALb,IADF,CADF;AAeD,CA9BD;;AAgCA,oCAAeF,yBAAK,CAACG,UAAN,CAAiBhB,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\nconst MessageInputWrapper = (props, 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\n  return (\n    <div className=\"sendbird-openchannel-footer\">\n      <MessageInput\n        ref={ref}\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","React","MessageInput","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD,EAAQC,GAAR;AACpB,MAAAC,KAKFC,yCAAqB,EALnB;AAAA,MACJC,kBAAkB,wBADd;AAAA,MAEJC,QAAQ,cAFJ;AAAA,MAGJC,iBAAiB,uBAHb;AAAA,MAIJC,gBAAgB,sBAJZ;;AAON,MAAMC,OAAO,GAAGJ,kBAAhB;;AACA,MAAI,CAACI,OAAL,EAAc;AACZ;AACD;;AAEO,MAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd;AAER,sBACEC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,wCAACC,eAAD;AACE,IAAA,GAAG,EAAEZ,GADP;AAEE,IAAA,QAAQ,EAAEI,QAFZ;AAGE,IAAA,aAAa,EAAEC,iBAHjB;AAIE,IAAA,YAAY,EAAEC,gBAJhB;AAKE,IAAA,WAAW,EACTF,QAAQ,IACLI,SAAS,CAACK,qCAFJ;;AALb,IADF,CADF;AAeD,CA9BD;;AAgCA,oCAAeF,yBAAK,CAACG,UAAN,CAAiBhB,mBAAjB,CAAf;;;;"}

package/cjs/OpenChannel/components/OpenChannelMessage.js

@@ -1,54 +1,55 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../index-93b2249a.js');
+var index = require('../../index-100d673e.js');
 var ui_OpenchannelUserMessage = require('../../ui/OpenchannelUserMessage.js');
 var ui_OpenChannelAdminMessage = require('../../ui/OpenChannelAdminMessage.js');
 var ui_OpenchannelOGMessage = require('../../ui/OpenchannelOGMessage.js');
 var ui_OpenchannelThumbnailMessage = require('../../ui/OpenchannelThumbnailMessage.js');
 var ui_OpenchannelFileMessage = require('../../ui/OpenchannelFileMessage.js');
 var ui_DateSeparator = require('../../ui/DateSeparator.js');
-var ui_Label = require('../../index-6b7d2465.js');
+var ui_Label = require('../../index-ed5d5e9d.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
 var ui_FileViewer = require('../../ui/FileViewer.js');
 var ui_Modal = require('../../ui/Modal.js');
-var LocalizationContext = require('../../LocalizationContext-672b9c94.js');
-var OpenChannel_context = require('../../OpenChannelProvider-41c8a190.js');
+var LocalizationContext = require('../../LocalizationContext-a705c60f.js');
+var OpenChannel_context = require('../../OpenChannelProvider-7cf4ccbe.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-require('../../index-1a2c6bb9.js');
-require('../../tslib.es6-306f32fb.js');
+require('../../index-98ff8992.js');
+require('../../tslib.es6-5520d66d.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../_rollupPluginBabelHelpers-f02175f2.js');
+require('../../_rollupPluginBabelHelpers-d4231746.js');
 require('prop-types');
 require('../../ui/Icon.js');
-require('../../uuid-deaf6e4d.js');
+require('../../uuid-51919e62.js');
 require('../../ui/ContextMenu.js');
-require('../../index-3b9eca88.js');
+require('../../index-bb59494a.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../stringSet-da3df562.js');
+require('../../stringSet-4e80362c.js');
 require('../../ui/IconButton.js');
 require('../../ui/Loader.js');
 require('../../ui/UserProfile.js');
 require('../../withSendbird.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-1932f321.js');
-require('../../utils-15fd96e3.js');
-require('../../index-52186645.js');
-require('../../UserProfileContext-d3290c6a.js');
-require('../../utils-d06dfceb.js');
-require('../../openChannelUtils-b411bbf8.js');
+require('../../topics-1ea796fe.js');
+require('../../utils-cb9aac85.js');
+require('../../index-30ce73c3.js');
+require('../../UserProfileContext-f46c65c9.js');
+require('../../utils-a34410a9.js');
+require('../../openChannelUtils-eb30b158.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/TextButton.js');
-require('../../color-478c93f8.js');
-require('../../const-4106b8a9.js');
-require('../../const-58d3edce.js');
+require('../../color-f1d22e48.js');
+require('../../const-6ff8b2d7.js');
+require('../../const-a0e65c1f.js');
 require('../../ui/MentionUserLabel.js');
-require('../../index-84bd6fef.js');
-require('../../compareIds-26b51402.js');
-require('../../openChannel-f2448196.js');
-require('../../__bundle-7dfccc8c-99e5ac3e.js');
+require('../../index-876b2b8c.js');
+require('../../compareIds-09284eb5.js');
+require('@sendbird/chat');
+require('../../openChannel-8c980cdb.js');
+require('../../__bundle-7dfccc8c-70a9c008.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }