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

package/cjs/{MemberList-3d35cb10.js.map → MemberList-b5653b8e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MemberList-3d35cb10.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-b5653b8e.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":";;;;;;;;;;;;;;;;;;;;;SAsBwBA,aAAaC;;;MAAEC,SAAQ;;AACvC,MAAAC,KAAwBC,cAAQ,CAAC,EAAD,CAAhC;AAAA,MAACC,OAAO,QAAR;AAAA,MAAUC,UAAU,QAApB;;AACA,MAAAC,KAAgCH,cAAQ,CAAC,IAAD,CAAxC;AAAA,MAACI,WAAW,QAAZ;AAAA,MAAcC,cAAc,QAA5B;;AAEE,MAAAC,OAAO,GAAKC,iDAAyB,UAArC;AACR,MAAMC,KAAK,GAAGC,uBAAuB,EAArC;AACA,MAAMC,WAAW,GAAG,MAAAF,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,MAAP,UAAA,iBAAA,SAAA,MAAeC,MAAnC;AACQ,MAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd;AAERC,EAAAA,eAAS,CAAC;AACR,QAAMC,eAAe,GAAGX,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEY,qBAAT,CAA+B;AACrDC,MAAAA,KAAK,EAAE;AAD8C,KAA/B,CAAxB;AAGAF,IAAAA,eAAe,CAACG,IAAhB,GAAuBC,IAAvB,CAA4B,UAACpB,OAAD;AAC1BC,MAAAA,UAAU,CAACD,OAAD,CAAV;AACD,KAFD;AAGAI,IAAAA,cAAc,CAACY,eAAD,CAAd;AACD,GARQ,EAQN,EARM,CAAT;AASA,sBACEK,kEACEA,wCAACC,mBAAD;AACE,IAAA,UAAU,MADZ;AAEE,IAAA,QAAQ,EAAE;AAAM,aAAAzB,SAAQ,EAAR;AAAU,KAF5B;AAGE,IAAA,QAAQ,EAAE0B,UAHZ;AAIE,IAAA,SAAS,EAAC;AAJZ,kBAMEF;AACE,IAAA,SAAS,EAAC,qCADZ;AAEE,IAAA,QAAQ,EAAE,kBAACG,CAAD;AACA,UAAAC,OAAO,GAAKtB,WAAW,QAAvB;AACR,UAAMuB,MAAM,GAAGF,CAAC,CAACE,MAAjB;AACA,UAAMC,SAAS,GACbD,MAAM,CAACE,YAAP,GAAsBF,MAAM,CAACG,SAA7B,KAA2CH,MAAM,CAACI,YADpD;;AAIA,UAAIL,OAAO,IAAIE,SAAf,EAA0B;AACxBxB,QAAAA,WAAW,CAACgB,IAAZ,GAAmBC,IAAnB,CAAwB,UAACW,CAAD;AACtB9B,UAAAA,UAAU,qDACLD,gBACA+B,QAFK,CAAV;AAID,SALD;AAMD;AACF;AAjBH,KAoBI/B,OAAO,CAACgC,GAAR,CAAY,UAACC,MAAD;AAAY,wBACtBZ,wCAACa,eAAD;AACE,MAAA,IAAI,EAAED,MADR;AAEE,MAAA,GAAG,EAAEA,MAAM,CAACtB,MAFd;AAGE,MAAA,WAAW,EAAEF,WAHf;AAIE,MAAA,MAAM,EAAE,gBAACb,EAAD;YAAGuC,SAAS;YAAEC,SAAS;AAAO,4BACpCf,kFACG,CAAAhB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEgC,MAAT,MAAoB,UAApB,iBACChB,wCAACiB,yBAAD;AACE,UAAA,WAAW,EAAE,qBAACC,cAAD;AAAoB,gCAC/BlB,wCAACmB,aAAD;AACE,cAAA,SAAS,EAAC,mCADZ;AAEE,cAAA,KAAK,EAAC,MAFR;AAGE,cAAA,MAAM,EAAC,MAHT;AAIE,cAAA,OAAO,EAAED;AAJX,4BAMElB,wCAACoB,kBAAD;AACE,cAAA,KAAK,EAAC,MADR;AAEE,cAAA,MAAM,EAAC,MAFT;AAGE,cAAA,IAAI,EAAEC,iBAAS,CAACC,IAHlB;AAIE,cAAA,SAAS,EAAEC,kBAAU,CAACC;AAJxB,cANF,CAD+B;AAchC,WAfH;AAgBE,UAAA,SAAS,EAAE,mBAACC,aAAD;AAAmB,gCAC5BzB,wCAAC0B,wBAAD;AACE,cAAA,gBAAgB,EAAEZ,SADpB;AAEE,cAAA,SAAS,EAAEC,SAFb;AAAA;AAGE,cAAA,aAAa,EAAEU,aAHjB;AAIE,cAAA,QAAQ;AAJV,4BAMEzB,wCAAC2B,uBAAD;AACE,cAAA,OAAO,EAAE;AACP,oBAAKf,MAAM,CAACgB,IAAP,KAAgB,UAArB,EAAkC;AAChC5C,kBAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE6C,YAAT,CAAsB,CAACjB,MAAM,CAACtB,MAAR,CAAtB,EAAuCS,IAAvC,CAA4C;AAC1CnB,oBAAAA,UAAU,CAACD,OAAO,CAACgC,GAAR,CAAY,UAAAmB,CAAA;AACrB,0BAAIA,CAAC,CAACxC,MAAF,KAAasB,MAAM,CAACtB,MAAxB,EAAgC;AAC9B,yEACKsB;AACHgB,0BAAAA,IAAI,EAAE;0BAFR;AAID;;AACD,6BAAOE,CAAP;AACD,qBARU,CAAD,CAAV;AASAL,oBAAAA,aAAa;AACd,mBAXD,CAAA;AAYD,iBAbD,MAaO;AACLzC,kBAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE+C,eAAT,CAAyB,CAACnB,MAAM,CAACtB,MAAR,CAAzB,EAA0CS,IAA1C,CAA+C;AAC7CnB,oBAAAA,UAAU,CAACD,OAAO,CAACgC,GAAR,CAAY,UAAAmB,CAAA;AACrB,0BAAIA,CAAC,CAACxC,MAAF,KAAasB,MAAM,CAACtB,MAAxB,EAAgC;AAC9B,yEACKsB;AACHgB,0BAAAA,IAAI,EAAE;0BAFR;AAID;;AACD,6BAAOE,CAAP;AACD,qBARU,CAAD,CAAV;AASAL,oBAAAA,aAAa;AACd,mBAXD,CAAA;AAYD;AACF;AA7BH,eAgCIb,MAAM,CAACgB,IAAP,KAAgB,UAAhB,GACIrC,SAAS,CAACyC,iDADd,GAEIzC,SAAS,CAAC0C,gDAlClB,CANF;AA6CI,cAACjD,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEkD,WAAV,kBACElC,wCAAC2B,uBAAD;AACE,cAAA,OAAO,EAAE;AACP,oBAAIf,MAAM,CAACuB,OAAX,EAAoB;AAClBnD,kBAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEoD,UAAT,CAAoBxB,MAApB,EAA4Bb,IAA5B,CAAiC;AAC/BnB,oBAAAA,UAAU,CAACD,OAAO,CAACgC,GAAR,CAAY,UAAAmB,CAAA;AACrB,0BAAIA,CAAC,CAACxC,MAAF,KAAasB,MAAM,CAACtB,MAAxB,EAAgC;AAC9B,yEACKsB;AACHuB,0BAAAA,OAAO,EAAE;0BAFX;AAID;;AACD,6BAAOL,CAAP;AACD,qBARU,CAAD,CAAV;AASAL,oBAAAA,aAAa;AACd,mBAXD,CAAA;AAYD,iBAbD,MAaO;AACLzC,kBAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEqD,QAAT,CAAkBzB,MAAlB,EAA0Bb,IAA1B,CAA+B;AAC7BnB,oBAAAA,UAAU,CAACD,OAAO,CAACgC,GAAR,CAAY,UAAAmB,CAAA;AACrB,0BAAIA,CAAC,CAACxC,MAAF,KAAasB,MAAM,CAACtB,MAAxB,EAAgC;AAC9B,yEACKsB;AACHuB,0BAAAA,OAAO,EAAE;0BAFX;AAID;;AACD,6BAAOL,CAAP;AACD,qBARU,CAAD,CAAV;AASAL,oBAAAA,aAAa;AACd,mBAXD,CAAA;AAYD;AACF;AA7BH,eAgCIb,MAAM,CAACuB,OAAP,GACI5C,SAAS,CAAC+C,mCADd,GAEI/C,SAAS,CAACgD,iCAlClB,CA9CN,eAqFEvC,wCAAC2B,uBAAD;AACE,cAAA,OAAO,EAAE;AACP3C,gBAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEwD,OAAT,CAAiB5B,MAAjB,EAAyB,CAAC,CAA1B,EAA6B,EAA7B,EAAiCb,IAAjC,CAAsC;AACpCnB,kBAAAA,UAAU,CAACD,OAAO,CAAC8D,MAAR,CAAe,UAAClE,EAAD;wBAAGe,MAAM;AACjC,2BAAOA,MAAM,KAAKsB,MAAM,CAACtB,MAAzB;AACD,mBAFU,CAAD,CAAV;AAGD,iBAJD,CAAA;AAKD;AAPH,eASGC,SAAS,CAACmD,gCATb,CArFF,CAD4B;AAkG7B;AAlHH,UAFJ,CADoC;AAyHrC;AA7HH,MADsB;AAgIvB,GAhID,CApBJ,CANF,CADF,CADF;AAkKD;;SC7LuBC,YAAYpE;;;MAClCC,SAAQ;MACRoE,SAAQ;;AAEF,MAAAC,KAAwBnE,cAAQ,CAAC,EAAD,CAAhC;AAAA,MAACC,OAAO,QAAR;AAAA,MAAUC,UAAU,QAApB;;AACA,MAAAkE,KAAwCpE,cAAQ,CAAC,EAAD,CAAhD;AAAA,MAACqE,eAAe,QAAhB;AAAA,MAAkBC,kBAAkB,QAApC;;AACA,MAAAC,KAA4BvE,cAAQ,CAAC,IAAD,CAApC;AAAA,MAACwE,SAAS,QAAV;AAAA,MAAYC,YAAY,QAAxB;;AAEN,MAAMjE,KAAK,GAAGC,uBAAuB,EAArC;AACA,MAAMiE,GAAG,GAAG,MAAA,MAAAlE,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEmE,MAAP,UAAA,iBAAA,SAAA,MAAeC,QAAf,UAAA,iBAAA,SAAA,MAAyBF,GAArC;AACA,MAAMG,mBAAmB,GAAG,MAAArE,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,MAAP,UAAA,iBAAA,SAAA,MAAemE,aAA3C;AAEQ,MAAAxE,OAAO,GAAKC,iDAAyB,UAArC;AAERS,EAAAA,eAAS,CAAC;AACR,QAAM8D,aAAa,GAAGD,mBAAmB,GAAGA,mBAAmB,EAAtB,GAA2BH,GAAG,SAAH,IAAAA,GAAG,WAAH,SAAA,GAAAA,GAAG,CAAEK,8BAAL,EAApE;;AACA,QAAID,aAAa,SAAb,IAAAA,aAAa,WAAb,SAAA,GAAAA,aAAa,CAAE1D,IAAnB,EAAyB;AACvB0D,MAAAA,aAAa,CAAC1D,IAAd,GAAqBC,IAArB,CAA0B,UAACpB,OAAD;AACxBC,QAAAA,UAAU,CAACD,OAAD,CAAV;AACD,OAFD;AAGAwE,MAAAA,YAAY,CAACK,aAAD,CAAZ;AACD;AACF,GARQ,EAQN,CAACJ,GAAD,CARM,CAAT;AASA,sBACEpD,kEACEA,wCAACC,mBAAD;AACE,IAAA,QAAQ,EAAEyD,MAAM,CAACC,IAAP,CAAYZ,eAAZ,EAA6Ba,MAA7B,KAAwC,CADpD;AAEE,IAAA,UAAU,EAAC,QAFb;AAGE,IAAA,IAAI,EAAEC,cAAU,CAACC,OAHnB;AAIE,IAAA,QAAQ,EAAE;AAAM,aAAAtF,SAAQ,EAAR;AAAU,KAJ5B;AAKE,IAAA,QAAQ,EAAE;AACR,UAAMG,OAAO,GAAG+E,MAAM,CAACC,IAAP,CAAYZ,eAAZ,EAA6BN,MAA7B,CAAoC,UAACX,CAAD;AAAO,eAAAiB,eAAe,CAACjB,CAAD,CAAf;AAAkB,OAA7D,CAAhB;AACA9C,MAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE+E,iBAAT,CAA2BpF,OAA3B,EAAoCoB,IAApC,CAAyC;AACvC6C,QAAAA,SAAQ,CAACjE,OAAD,CAAR;AACD,OAFD,CAAA;AAGD,KAVH;AAWE,IAAA,SAAS,EAAC;AAXZ,kBAaEqB;AACE,IAAA,SAAS,EAAC,qCADZ;AAEE,IAAA,QAAQ,EAAE,kBAACG,CAAD;AACA,UAAAC,OAAO,GAAK8C,SAAS,QAArB;AACR,UAAM7C,MAAM,GAAGF,CAAC,CAACE,MAAjB;AACA,UAAMC,SAAS,GACbD,MAAM,CAACE,YAAP,GAAsBF,MAAM,CAACG,SAA7B,KAA2CH,MAAM,CAACI,YADpD;;AAGA,UAAIL,OAAO,IAAIE,SAAf,EAA0B;AACxB4C,QAAAA,SAAS,CAACpD,IAAV,GAAiBC,IAAjB,CAAsB,UAACiE,KAAD;AACpBpF,UAAAA,UAAU,qDACLD,gBACAqF,YAFK,CAAV;AAID,SALD;AAMD;AACF;AAhBH,kBAkBEhE;AAAK,IAAA,SAAS,EAAC;AAAf,KACIrB,OAAO,CAACgC,GAAR,CAAY,UAACC,MAAD;AAAY,wBACxBZ,wCAACa,eAAD;AACE,MAAA,QAAQ,MADV;AAEE,MAAA,OAAO,EAAEkC,eAAe,CAACnC,MAAM,CAACtB,MAAR,CAF1B;AAGE,MAAA,QAAQ,EACN,kBAAC2E,KAAD;;;AACE,YAAMC,uBAAuB,6CACxBnB,+BACFkB,KAAK,CAAC5D,MAAN,CAAa8D,MAAKF,KAAK,CAAC5D,MAAN,CAAa+D,aAFlC;;AAIA,YAAI,CAACH,KAAK,CAAC5D,MAAN,CAAa+D,OAAlB,EAA2B;AACzB,iBAAOF,uBAAuB,CAACD,KAAK,CAAC5D,MAAN,CAAa8D,EAAd,CAA9B;AACD;;AACDnB,QAAAA,kBAAkB,CAACkB,uBAAD,CAAlB;AACD,OAbL;AAeE,MAAA,IAAI,EAAEtD,MAfR;AAgBE,MAAA,GAAG,EAAEA,MAAM,CAACtB;AAhBd,MADwB;AAmBzB,GAnBC,CADJ,CAlBF,CAbF,CADF,CADF;AA2DD;;IC1EY+E,UAAU,GAAG,SAAbA,UAAa;;;AAClB,MAAAxF,KAAwBH,cAAQ,CAAC,EAAD,CAAhC;AAAA,MAACC,OAAO,QAAR;AAAA,MAAUC,UAAU,QAApB;;AACA,MAAAiE,KAAwBnE,cAAQ,CAAC,KAAD,CAAhC;AAAA,MAAC0B,OAAO,QAAR;AAAA,MAAUkE,UAAU,QAApB;;AACA,MAAAxB,KAAsCpE,cAAQ,CAAC,KAAD,CAA9C;AAAA,MAAC6F,cAAc,QAAf;AAAA,MAAiBC,iBAAiB,QAAlC;;AACA,MAAAvB,KAAwCvE,cAAQ,CAAC,KAAD,CAAhD;AAAA,MAAC+F,eAAe,QAAhB;AAAA,MAAkBC,kBAAkB,QAApC;;AAEN,MAAMxF,KAAK,GAAGC,uBAAuB,EAArC;;AACM,MAAAwF,KAGF1F,iDAAyB,EAHvB;AAAA,MACJD,OAAO,aADH;AAAA,MAEJ4F,kBAAkB,wBAFd;;AAIE,MAAArF,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd;AAER,MAAM2D,GAAG,GAAG,MAAA,MAAAlE,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEmE,MAAP,UAAA,iBAAA,SAAA,MAAeC,QAAf,UAAA,iBAAA,SAAA,MAAyBF,GAArC;AACA,MAAM9D,MAAM,GAAG,MAAAJ,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,MAAP,UAAA,iBAAA,SAAA,MAAeC,MAA9B;AAEAI,EAAAA,eAAS,CAAC;AACR,QAAI,CAACV,OAAL,EAAc;AACZJ,MAAAA,UAAU,CAAC,EAAD,CAAV;AACA;AACD;;AAED,QAAMiG,mBAAmB,GAAG7F,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEY,qBAAT,CAA+B;AAAEC,MAAAA,KAAK,EAAE;AAAT,KAA/B,CAA5B;AACAgF,IAAAA,mBAAmB,CAAC/E,IAApB,GAA2BC,IAA3B,CAAgC,UAACpB,OAAD;AAC9BC,MAAAA,UAAU,CAACD,OAAD,CAAV;AACA2F,MAAAA,UAAU,CAACO,mBAAmB,CAACzE,OAArB,CAAV;AACD,KAHD;AAID,GAXQ,EAWN,CAACpB,OAAD,CAXM,CAAT;AAaA,MAAM8F,WAAW,GAAGC,iBAAW,CAAC;AAC9B,QAAI,CAAC/F,OAAL,EAAc;AACZJ,MAAAA,UAAU,CAAC,EAAD,CAAV;AACA;AACD;;AACD,QAAMiG,mBAAmB,GAAG7F,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEY,qBAAT,CAA+B;AAAEC,MAAAA,KAAK,EAAE;AAAT,KAA/B,CAA5B;AACAgF,IAAAA,mBAAmB,CAAC/E,IAApB,GAA2BC,IAA3B,CAAgC,UAACpB,OAAD;AAC9BC,MAAAA,UAAU,CAACD,OAAD,CAAV;AACA2F,MAAAA,UAAU,CAACO,mBAAmB,CAACzE,OAArB,CAAV;AACAwE,MAAAA,kBAAkB,CAACI,WAAM,EAAP,CAAlB;AACD,KAJD;AAKD,GAX8B,EAW5B,CAAChG,OAAD,CAX4B,CAA/B;AAaA,sBACEgB,kFAEIrB,OAAO,CAACgC,GAAR,CAAY,UAACC,MAAD;AAAY,wBACtBZ,wCAACa,uCAAD;AACE,MAAA,GAAG,EAAED,MAAM,CAACtB,MADd;AAEE,MAAA,IAAI,EAAEsB,MAFR;AAGE,MAAA,WAAW,EAAEwC,GAAG,CAAChE,WAAJ,CAAgBE,MAH/B;AAIE,MAAA,MAAM,EACHA,MAAM,KAAKsB,MAAM,CAACtB,MAAnB,GACI,UAACf,EAAD;YAAGwC,SAAS;YAAED,SAAS;AAAO,4BAC9Bd,wCAACiB,yBAAD;AACE,UAAA,WAAW,EAAE,qBAACC,cAAD;AAAoB,gCAC/BlB,wCAACmB,aAAD;AACE,cAAA,SAAS,EAAC,mCADZ;AAEE,cAAA,KAAK,EAAC,MAFR;AAGE,cAAA,MAAM,EAAC,MAHT;AAIE,cAAA,OAAO,EAAED;AAJX,4BAMElB,wCAACoB,kBAAD;AACE,cAAA,KAAK,EAAC,MADR;AAEE,cAAA,MAAM,EAAC,MAFT;AAGE,cAAA,IAAI,EAAEC,iBAAS,CAACC,IAHlB;AAIE,cAAA,SAAS,EAAEC,kBAAU,CAACC;AAJxB,cANF,CAD+B;AAchC,WAfH;AAgBE,UAAA,SAAS,EAAE,mBAACC,aAAD;AAAmB,gCAC5BzB,wCAAC0B,wBAAD;AACE,cAAA,gBAAgB,EAAEZ,SADpB;AAEE,cAAA,SAAS,EAAEC,SAFb;AAAA;AAGE,cAAA,aAAa,EAAEU,aAHjB;AAIE,cAAA,QAAQ;AAJV,4BAMEzB,wCAAC2B,uBAAD;AACE,cAAA,OAAO,EAAE;AACP,oBAAKf,MAAM,CAACgB,IAAP,KAAgB,UAArB,EAAkC;AAChC5C,kBAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE6C,YAAT,CAAsB,CAACjB,MAAM,CAACtB,MAAR,CAAtB,EAAuCS,IAAvC,CAA4C;AAC1C+E,oBAAAA,WAAW;AACXrD,oBAAAA,aAAa;AACd,mBAHD,CAAA;AAID,iBALD,MAKO;AACLzC,kBAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE+C,eAAT,CAAyB,CAACnB,MAAM,CAACtB,MAAR,CAAzB,EAA0CS,IAA1C,CAA+C;AAC7C+E,oBAAAA,WAAW;AACXrD,oBAAAA,aAAa;AACd,mBAHD,CAAA;AAID;AACF;AAbH,eAgBIb,MAAM,CAACgB,IAAP,KAAgB,UAAhB,GACIrC,SAAS,CAACyC,iDADd,GAEIzC,SAAS,CAAC0C,gDAlBlB,CANF;AA6BI,cAACjD,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEkD,WAAV,kBACElC,wCAAC2B,uBAAD;AACE,cAAA,OAAO,EAAE;AACP,oBAAIf,MAAM,CAACuB,OAAX,EAAoB;AAClBnD,kBAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEoD,UAAT,CAAoBxB,MAApB,EAA4Bb,IAA5B,CAAiC;AAC/B+E,oBAAAA,WAAW;AACXrD,oBAAAA,aAAa;AACd,mBAHD,CAAA;AAID,iBALD,MAKO;AACLzC,kBAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEqD,QAAT,CAAkBzB,MAAlB,EAA0Bb,IAA1B,CAA+B;AAC7B+E,oBAAAA,WAAW;AACXrD,oBAAAA,aAAa;AACd,mBAHD,CAAA;AAID;AACF;AAbH,eAgBIb,MAAM,CAACuB,OAAP,GACI5C,SAAS,CAAC+C,mCADd,GAEI/C,SAAS,CAACgD,iCAlBlB,CA9BN,eAqDEvC,wCAAC2B,uBAAD;AACE,cAAA,OAAO,EAAE;AACP3C,gBAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEwD,OAAT,CAAiB5B,MAAjB,EAAyB,CAAC,CAA1B,EAA6B,EAA7B,EAAiCb,IAAjC,CAAsC;AACpC+E,kBAAAA,WAAW;AACXrD,kBAAAA,aAAa;AACd,iBAHD,CAAA;AAID;AANH,eAQGlC,SAAS,CAACmD,gCARb,CArDF,CAD4B;AAiE7B;AAjFH,UAD8B;AAoF/B,OArFH,GAsFI;AA3FR,MADsB;AA+FvB,GA/FD,CAFJ,eAmGE1C;AACE,IAAA,SAAS,EAAC;AADZ,KAIII,OAAO,iBACLJ,wCAACiF,gBAAD;AACE,IAAA,IAAI,EAAEC,qBAAW,CAACC,SADpB;AAEE,IAAA,IAAI,EAAEC,qBAAW,CAACC,KAFpB;AAGE,IAAA,OAAO,EAAE;AAAM,aAAAb,iBAAiB,CAAC,IAAD,CAAjB;AAAuB;AAHxC,KAKGjF,SAAS,CAAC+F,yCALb,CALN,eAcEtF,wCAACiF,gBAAD;AACE,IAAA,IAAI,EAAEC,qBAAW,CAACC,SADpB;AAEE,IAAA,IAAI,EAAEC,qBAAW,CAACC,KAFpB;AAGE,IAAA,OAAO,EAAE;AAAM,aAAAX,kBAAkB,CAAC,IAAD,CAAlB;AAAwB;AAHzC,KAKGnF,SAAS,CAACgG,uCALb,CAdF,CAnGF,EA0HIhB,cAAc,iBACZvE,wCAAC,YAAD;AACE,IAAA,QAAQ,EAAE;AACRwE,MAAAA,iBAAiB,CAAC,KAAD,CAAjB;AACAM,MAAAA,WAAW;AACZ;AAJH,IA3HN,EAoIIL,eAAe,iBACbzE,wCAAC,WAAD;AACE,IAAA,QAAQ,EAAE;AACR0E,MAAAA,kBAAkB,CAAC,KAAD,CAAlB;AACAI,MAAAA,WAAW;AACZ,KAJH;AAKE,IAAA,QAAQ,EAAE;AAAM,aAAAJ,kBAAkB,CAAC,KAAD,CAAlB;AAAyB;AAL3C,IArIN,CADF;AAiJD;;;;"}

package/cjs/MessageSearch/components/MessageSearchUI.js

@@ -3,26 +3,27 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-a717f07f.js');
+var LocalizationContext = require('../../LocalizationContext-a4d8d6fa.js');
 var MessageSearch_context = require('../context.js');
 var ui_MessageSearchItem = require('../../ui/MessageSearchItem.js');
-var ui_PlaceHolder = require('../../index-ef6bd2cd.js');
+var ui_PlaceHolder = require('../../index-4f96bea7.js');
 var ui_MessageSearchFileItem = require('../../ui/MessageSearchFileItem.js');
-require('../../stringSet-0a5abb7a.js');
-require('../../index-3e5e0655.js');
+require('../../stringSet-0e48356d.js');
+require('../../index-df5b04e6.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-e393547c.js');
-require('../../tslib.es6-c83e0722.js');
-require('../../index-b4af7c26.js');
-require('../../index-eac230b1.js');
-require('../../index-190364fc.js');
+require('../../_rollupPluginBabelHelpers-e3f84a90.js');
+require('../../tslib.es6-4d92f5f1.js');
+require('@sendbird/chat/lib/__definition');
+require('../../index-9aaba1c0.js');
+require('../../index-f4dec25b.js');
+require('../../index-83f6a684.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('prop-types');
 require('../../ui/Icon.js');
-require('../../uuid-6cc0dc0c.js');
-require('../../index-a96d75a9.js');
+require('prop-types');
+require('../../uuid-6fae7fc4.js');
+require('../../index-13532266.js');
 require('../../ui/Loader.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/MessageSearch/components/MessageSearchUI.js.map

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

package/cjs/MessageSearch/context.js

@@ -4,9 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var tslib_es6 = require('../tslib.es6-c83e0722.js');
+var tslib_es6 = require('../tslib.es6-4d92f5f1.js');
+var __definition = require('@sendbird/chat/lib/__definition');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-e393547c.js');
+require('../_rollupPluginBabelHelpers-e3f84a90.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -158,7 +159,7 @@ function useGetSearchedMessages(_a, _b) {
     if (sdk && channelUrl && sdk.createMessageSearchQuery && currentChannel) {
       if (requestString) {
         var inputSearchMessageQueryObject = tslib_es6.__assign(tslib_es6.__assign({}, messageSearchQuery), {
-          order: 'ts',
+          order: __definition.MessageSearchOrder.TIMESTAMP,
           channelUrl: channelUrl,
           messageTimestampFrom: currentChannel.invitedAt,
           keyword: requestString

package/cjs/MessageSearch/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../src/smart-components/MessageSearch/context/dux/actionTypes.ts","../../../src/smart-components/MessageSearch/context/dux/reducers.ts","../../../src/smart-components/MessageSearch/context/dux/initialState.ts","../../../src/smart-components/MessageSearch/context/hooks/useSetChannel.ts","../../../src/smart-components/MessageSearch/context/hooks/useGetSearchedMessages.ts","../../../src/smart-components/MessageSearch/context/hooks/useScrollCallback.ts","../../../src/smart-components/MessageSearch/context/hooks/useSearchStringEffect.ts","../../../src/smart-components/MessageSearch/context/MessageSearchProvider.tsx"],"sourcesContent":["export const GET_SEARCHED_MESSAGES = 'GET_SEARCHED_MESSAGES';\nexport const GET_NEXT_SEARCHED_MESSAGES = 'GET_NEXT_SEARCHED_MESSAGES';\nexport const START_MESSAGE_SEARCH = 'START_MESSAGE_SEARCH';\nexport const START_GETTING_SEARCHED_MESSAGES = 'START_GETTING_SEARCHED_MESSAGES';\nexport const SET_QUERY_INVALID = 'SET_QUERY_INVALID';\n\nexport const SET_CURRENT_CHANNEL = 'SET_CURRENT_CHANNEL';\nexport const CHANNEL_INVALID = 'CHANNEL_INVALID';\nexport const RESET_SEARCH_STRING = 'RESET_SEARCH_STRING';\n","import { State as initialStateInterface } from './initialState';\nimport type { MessageSearchQuery } from '@sendbird/chat/message';\nimport * as actionTypes from './actionTypes';\n\ninterface MessageSearchQueryType extends MessageSearchQuery {\n  key?: string;\n}\ninterface ActionInterface {\n  type: string;\n  /* eslint-disable @typescript-eslint/no-explicit-any */\n  payload?: any;\n}\n\nexport default function reducer(\n  state: initialStateInterface,\n  action: ActionInterface,\n): initialStateInterface {\n  switch (action.type) {\n    case actionTypes.SET_CURRENT_CHANNEL: {\n      const currentChannel = action.payload;\n      return {\n        ...state,\n        currentChannel,\n        initialized: true,\n      };\n    }\n    case actionTypes.CHANNEL_INVALID: {\n      return {\n        ...state,\n        currentChannel: null,\n        initialized: false,\n      };\n    }\n    case actionTypes.GET_SEARCHED_MESSAGES: {\n      const { messages, createdQuery } = action.payload;\n      if (\n        createdQuery\n        && createdQuery.channelUrl === (state?.currentMessageSearchQuery as MessageSearchQueryType).channelUrl\n        && createdQuery.key === (state?.currentMessageSearchQuery as MessageSearchQueryType).key\n      ) {\n        return {\n          ...state,\n          loading: false,\n          isInvalid: false,\n          allMessages: [...messages],\n          hasMoreResult: (state?.currentMessageSearchQuery as MessageSearchQueryType).hasNext,\n        };\n      }\n      return { ...state };\n    }\n    case actionTypes.SET_QUERY_INVALID: {\n      return {\n        ...state,\n        isInvalid: true,\n      }\n    }\n    case actionTypes.START_MESSAGE_SEARCH: {\n      return {\n        ...state,\n        isInvalid: false,\n        loading: false,\n      }\n    }\n    case actionTypes.START_GETTING_SEARCHED_MESSAGES: {\n      const currentMessageSearchQuery = action.payload;\n      return {\n        ...state,\n        loading: true,\n        currentMessageSearchQuery,\n      };\n    }\n    case actionTypes.GET_NEXT_SEARCHED_MESSAGES: {\n      const messages = action.payload;\n      return {\n        ...state,\n        allMessages: [...state.allMessages, ...messages],\n        hasMoreResult: (state?.currentMessageSearchQuery as MessageSearchQuery).hasNext,\n      };\n    }\n    case actionTypes.RESET_SEARCH_STRING: {\n      return {\n        ...state,\n        allMessages: [],\n      };\n    }\n    default: {\n      return state;\n    }\n  }\n}\n","import type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { MessageSearchQuery } from '@sendbird/chat/message';\nimport {\n  ClientFileMessage,\n  ClientUserMessage,\n} from '../../../../types';\n\nexport interface State {\n  allMessages: Array<ClientFileMessage | ClientUserMessage>;\n  loading: boolean;\n  isInvalid: boolean;\n  initialized: boolean;\n  currentChannel: GroupChannel;\n  currentMessageSearchQuery: MessageSearchQuery;\n  hasMoreResult: boolean;\n}\n\nconst initialState: State = {\n  allMessages: [],\n  loading: false,\n  isInvalid: false,\n  initialized: false,\n  currentChannel: null,\n  currentMessageSearchQuery: null,\n  hasMoreResult: false,\n};\n\nexport default initialState;\n","import type { SendbirdGroupChat } from '@sendbird/chat/groupChannel';\nimport { useEffect } from 'react';\nimport type { Logger } from '../../../../lib/SendbirdState';\nimport * as messageActionTypes from '../dux/actionTypes';\n\ninterface MainProps {\n  channelUrl: string;\n  sdkInit: boolean;\n}\ninterface ToolProps {\n  sdk: SendbirdGroupChat;\n  logger: Logger;\n  messageSearchDispatcher: ({ type: string, payload: any }) => void;\n}\n\nfunction useSetChannel(\n  { channelUrl, sdkInit }: MainProps,\n  { sdk, logger, messageSearchDispatcher }: ToolProps,\n): void {\n  useEffect(() => {\n    if (channelUrl && sdkInit && (sdk?.groupChannel)) {\n      sdk.groupChannel.getChannel(channelUrl).then((groupChannel) => {\n        logger.info('MessageSearch | useSetChannel group channel', groupChannel);\n        messageSearchDispatcher({\n          type: messageActionTypes.SET_CURRENT_CHANNEL,\n          payload: groupChannel,\n        });\n      }).catch(() => {\n        messageSearchDispatcher({\n          type: messageActionTypes.CHANNEL_INVALID,\n          payload: null,\n        });\n      });\n    }\n  }, [channelUrl, sdkInit]);\n}\n\nexport default useSetChannel;\n","import { useEffect } from 'react';\n\nimport type { GroupChannel, SendbirdGroupChat } from '@sendbird/chat/groupChannel';\nimport type { MessageSearchQueryParams } from '@sendbird/chat/lib/__definition';\nimport type {\n  AdminMessage,\n  BaseMessage,\n  FileMessage,\n  MessageSearchQuery,\n  UserMessage,\n} from '@sendbird/chat/message';\nimport type { SendbirdError } from '@sendbird/chat';\n\nimport type { Logger } from '../../../../lib/SendbirdState';\nimport * as messageActionTypes from '../dux/actionTypes';\n\ninterface MainProps {\n  currentChannel: GroupChannel;\n  channelUrl: string;\n  requestString?: string;\n  messageSearchQuery?: MessageSearchQuery;\n  onResultLoaded?: (\n    messages?: Array<BaseMessage | UserMessage | FileMessage | AdminMessage>,\n    error?: SendbirdError,\n  ) => void;\n  retryCount: number;\n}\ninterface ToolProps {\n  sdk: SendbirdGroupChat;\n  logger: Logger;\n  messageSearchDispatcher: ({ type: string, payload: any }) => void;\n}\n\nfunction useGetSearchedMessages(\n  { currentChannel, channelUrl, requestString, messageSearchQuery, onResultLoaded, retryCount }: MainProps,\n  { sdk, logger, messageSearchDispatcher }: ToolProps,\n): void {\n  useEffect(() => {\n    messageSearchDispatcher({\n      type: messageActionTypes.START_MESSAGE_SEARCH,\n      payload: null,\n    });\n    if (sdk && channelUrl && sdk.createMessageSearchQuery && currentChannel) {\n      if (requestString) {\n        const inputSearchMessageQueryObject: MessageSearchQueryParams = {\n          ...messageSearchQuery,\n          order: 'ts' as const,\n          channelUrl,\n          messageTimestampFrom: currentChannel.invitedAt,\n          keyword: requestString,\n        };\n        const createdQuery = sdk.createMessageSearchQuery(inputSearchMessageQueryObject);\n        createdQuery.next().then((messages) => {\n          logger.info('MessageSearch | useGetSearchedMessages: succeeded getting messages', messages);\n          messageSearchDispatcher({\n            type: messageActionTypes.GET_SEARCHED_MESSAGES,\n            payload: {\n              messages,\n              createdQuery,\n            },\n          });\n          if (onResultLoaded && typeof onResultLoaded === 'function') {\n            onResultLoaded(messages, null);\n          }\n        }).catch((error) => {\n          logger.warning('MessageSearch | useGetSearchedMessages: getting failed', error);\n          messageSearchDispatcher({\n            type: messageActionTypes.SET_QUERY_INVALID,\n            payload: null,\n          });\n          if (onResultLoaded && typeof onResultLoaded === 'function') {\n            onResultLoaded(null, error);\n          }\n        });\n        messageSearchDispatcher({\n          type: messageActionTypes.START_GETTING_SEARCHED_MESSAGES,\n          payload: createdQuery,\n        });\n      } else {\n        logger.info('MessageSearch | useGetSeasrchedMessages: search string is empty');\n      }\n    }\n  }, [channelUrl, messageSearchQuery, requestString, currentChannel, retryCount]);\n}\n\nexport default useGetSearchedMessages;\n","import type { SendbirdError } from '@sendbird/chat';\nimport type { AdminMessage, FileMessage, MessageSearchQuery, UserMessage } from '@sendbird/chat/message';\nimport { useCallback } from 'react';\nimport { Logger } from '../../../..';\nimport * as messageActionTypes from '../dux/actionTypes';\n\ninterface MainProps {\n  currentMessageSearchQuery: MessageSearchQuery;\n  hasMoreResult: boolean;\n  onResultLoaded?: (\n    messages?: Array<UserMessage | FileMessage | AdminMessage>,\n    error?: SendbirdError,\n  ) => void;\n}\n\ntype MessageSearchDispatcherType = { type: string, payload: any };\n\ninterface ToolProps {\n  logger: Logger;\n  messageSearchDispatcher: (payload: MessageSearchDispatcherType) => void;\n}\n\nexport type CallbackReturn = (\n  callback: (\n    messages: Array<UserMessage | FileMessage | AdminMessage>,\n    /* eslint-disable @typescript-eslint/no-explicit-any*/\n    error: any,\n  ) => void\n) => void;\n\nfunction useScrollCallback(\n  { currentMessageSearchQuery, hasMoreResult, onResultLoaded }: MainProps,\n  { logger, messageSearchDispatcher }: ToolProps,\n): CallbackReturn {\n  return useCallback((cb) => {\n    if (!hasMoreResult) {\n      logger.warning('MessageSearch | useScrollCallback: no more searched results', hasMoreResult);\n    }\n    if (currentMessageSearchQuery && currentMessageSearchQuery.hasNext) {\n      currentMessageSearchQuery.next().then((messages) => {\n        logger.info('MessageSearch | useScrollCallback: succeeded getting searched messages', messages);\n        messageSearchDispatcher({\n          type: messageActionTypes.GET_NEXT_SEARCHED_MESSAGES,\n          payload: messages,\n        });\n        cb(messages, null);\n        if (onResultLoaded && typeof onResultLoaded === 'function') {\n          onResultLoaded(messages, null);\n        }\n      }).catch((error) => {\n        logger.warning('MessageSearch | useScrollCallback: failed getting searched messages', error);\n        cb(null, error);\n        if (onResultLoaded && typeof onResultLoaded === 'function') {\n          onResultLoaded(null, error);\n        }\n      });\n    } else {\n      logger.warning('MessageSearch | useScrollCallback: no currentMessageSearchQuery');\n    }\n  }, [currentMessageSearchQuery, hasMoreResult]);\n}\n\nexport default useScrollCallback;\n","import { useState, useEffect } from 'react';\nimport * as messageActionTypes from '../dux/actionTypes';\n\ninterface DynamicParams {\n  searchString: string;\n}\n\ninterface StaticParams {\n  messageSearchDispatcher: ({ type: string, payload: any }) => void;\n}\n\nconst DEBOUNCING_TIME = 500;\n\nfunction useSearchStringEffect(\n  { searchString }: DynamicParams,\n  { messageSearchDispatcher }: StaticParams,\n): string {\n  const [requestString, setRequestString] = useState('');\n  const [debouncingTimer, setDebouncingTimer] = useState(null);\n  useEffect(() => {\n    clearTimeout(debouncingTimer);\n    if (searchString) {\n      setDebouncingTimer(\n        setTimeout(() => {\n          setRequestString(searchString);\n        }, DEBOUNCING_TIME)\n      );\n    } else {\n      setRequestString('');\n      messageSearchDispatcher({\n        type: messageActionTypes.RESET_SEARCH_STRING,\n        payload: '',\n      });\n    }\n  }, [searchString]);\n  return requestString;\n}\n\nexport default useSearchStringEffect;\n","import React, {\n  useRef,\n  useState,\n  useReducer,\n} from 'react';\nimport type { MessageSearchQuery } from '@sendbird/chat/message';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport type { MessageSearchQueryParams } from '@sendbird/chat/lib/__definition';\n\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\nimport { ClientSentMessages } from '../../../types';\n\nimport messageSearchReducer from './dux/reducers';\nimport messageSearchInitialState from './dux/initialState';\nimport { State as MessageSearchReducerState } from './dux/initialState';\n\nimport useSetChannel from './hooks/useSetChannel';\nimport useGetSearchMessages from './hooks/useGetSearchedMessages';\nimport useScrollCallback, {\n  CallbackReturn as UseScrollCallbackType,\n} from './hooks/useScrollCallback';\nimport useSearchStringEffect from './hooks/useSearchStringEffect';\n\nexport interface MessageSearchProviderProps {\n  channelUrl: string;\n  children?: React.ReactNode;\n  searchString?: string;\n  requestString?: string;\n  messageSearchQuery?: MessageSearchQueryParams;\n  onResultLoaded?(messages?: Array<ClientSentMessages>, error?: SendBird.SendBirdError): void;\n  onResultClick?(message: ClientSentMessages): void;\n}\n\ninterface MessageSearchProviderInterface extends MessageSearchProviderProps {\n  retryCount: number;\n  setRetryCount: React.Dispatch<React.SetStateAction<number>>;\n  selectedMessageId: number;\n  setSelectedMessageId: React.Dispatch<React.SetStateAction<number>>;\n  messageSearchDispatcher: ({ type: string, payload: any }) => void;\n  scrollRef: React.MutableRefObject<HTMLDivElement>;\n  allMessages: MessageSearchReducerState['allMessages'];\n  loading: boolean;\n  isInvalid: boolean;\n  currentChannel: GroupChannel;\n  currentMessageSearchQuery: MessageSearchQuery;\n  hasMoreResult: boolean;\n  onScroll: UseScrollCallbackType;\n  handleRetryToConnect: () => void;\n  handleOnScroll: (e: React.BaseSyntheticEvent) => void;\n}\n\nconst MessageSearchContext = React.createContext<MessageSearchProviderInterface|null>(undefined);\n\nconst MessageSearchProvider: React.FC<MessageSearchProviderProps> = (props: MessageSearchProviderProps) => {\n  const {\n    // message search props\n    channelUrl,\n    searchString,\n    messageSearchQuery,\n    onResultLoaded,\n    onResultClick,\n  } = props;\n\n  const globalState = useSendbirdStateContext();\n\n  // hook variables\n  const [retryCount, setRetryCount] = useState(0); // this is a trigger flag for activating useGetSearchMessages\n  const [selectedMessageId, setSelectedMessageId] = useState(0);\n  const [messageSearchStore, messageSearchDispatcher] = useReducer(messageSearchReducer, messageSearchInitialState);\n  const {\n    allMessages,\n    loading,\n    isInvalid,\n    currentChannel,\n    currentMessageSearchQuery,\n    hasMoreResult,\n  } = messageSearchStore;\n\n  const logger = globalState?.config?.logger;\n  const sdk = globalState?.stores?.sdkStore?.sdk;\n  const sdkInit = globalState?.stores?.sdkStore?.initialized;\n  const scrollRef = useRef(null);\n  const handleOnScroll = (e: React.BaseSyntheticEvent) => {\n    const scrollElement = e.target as HTMLDivElement;\n    const {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    } = scrollElement;\n\n    if (!hasMoreResult) {\n      return;\n    }\n    if (scrollTop + clientHeight >= scrollHeight) {\n      onScroll(() => {\n        // after load more searched messages\n      });\n    }\n  };\n\n  useSetChannel(\n    { channelUrl, sdkInit },\n    { sdk, logger, messageSearchDispatcher },\n  );\n\n  const requestString = useSearchStringEffect({ searchString }, { messageSearchDispatcher });\n\n  useGetSearchMessages(\n    { currentChannel, channelUrl, requestString, messageSearchQuery, onResultLoaded, retryCount },\n    { sdk, logger, messageSearchDispatcher },\n  );\n\n  const onScroll = useScrollCallback(\n    { currentMessageSearchQuery, hasMoreResult, onResultLoaded },\n    { logger, messageSearchDispatcher },\n  );\n\n  const handleRetryToConnect = () => {\n    setRetryCount(retryCount + 1);\n  };\n  return (\n    <MessageSearchContext.Provider value={{\n      channelUrl,\n      searchString,\n      requestString,\n      messageSearchQuery,\n      onResultLoaded,\n      onResultClick,\n      retryCount,\n      setRetryCount,\n      selectedMessageId,\n      setSelectedMessageId,\n      messageSearchDispatcher,\n      allMessages,\n      loading,\n      isInvalid,\n      currentChannel,\n      currentMessageSearchQuery,\n      hasMoreResult,\n      onScroll,\n      scrollRef,\n      handleRetryToConnect,\n      handleOnScroll,\n    }}>\n      {props?.children}\n    </MessageSearchContext.Provider>\n  );\n}\n\nexport type UseMessageSearchType = () => MessageSearchProviderInterface;\nconst useMessageSearchContext: UseMessageSearchType = () => React.useContext(MessageSearchContext);\n\nexport {\n  MessageSearchProvider,\n  useMessageSearchContext,\n};\n"],"names":["GET_SEARCHED_MESSAGES","GET_NEXT_SEARCHED_MESSAGES","START_MESSAGE_SEARCH","START_GETTING_SEARCHED_MESSAGES","SET_QUERY_INVALID","SET_CURRENT_CHANNEL","CHANNEL_INVALID","RESET_SEARCH_STRING","reducer","state","action","type","actionTypes","currentChannel","payload","initialized","_a","messages","createdQuery","channelUrl","currentMessageSearchQuery","key","loading","isInvalid","allMessages","hasMoreResult","hasNext","initialState","useSetChannel","_b","sdkInit","sdk","logger","messageSearchDispatcher","useEffect","groupChannel","getChannel","then","info","messageActionTypes","catch","useGetSearchedMessages","requestString","messageSearchQuery","onResultLoaded","retryCount","createMessageSearchQuery","inputSearchMessageQueryObject","order","messageTimestampFrom","invitedAt","keyword","createdQuery_1","next","error","warning","useScrollCallback","useCallback","cb","DEBOUNCING_TIME","useSearchStringEffect","searchString","_c","useState","setRequestString","_d","debouncingTimer","setDebouncingTimer","clearTimeout","setTimeout","MessageSearchContext","React","createContext","undefined","MessageSearchProvider","props","onResultClick","globalState","useSendbirdStateContext","_f","setRetryCount","_g","selectedMessageId","setSelectedMessageId","_h","useReducer","messageSearchReducer","messageSearchInitialState","messageSearchStore","config","stores","sdkStore","scrollRef","useRef","handleOnScroll","e","scrollElement","target","scrollTop","scrollHeight","clientHeight","onScroll","useGetSearchMessages","handleRetryToConnect","children","useMessageSearchContext","useContext"],"mappings":"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"}
+{"version":3,"file":"context.js","sources":["../../../src/smart-components/MessageSearch/context/dux/actionTypes.ts","../../../src/smart-components/MessageSearch/context/dux/reducers.ts","../../../src/smart-components/MessageSearch/context/dux/initialState.ts","../../../src/smart-components/MessageSearch/context/hooks/useSetChannel.ts","../../../src/smart-components/MessageSearch/context/hooks/useGetSearchedMessages.ts","../../../src/smart-components/MessageSearch/context/hooks/useScrollCallback.ts","../../../src/smart-components/MessageSearch/context/hooks/useSearchStringEffect.ts","../../../src/smart-components/MessageSearch/context/MessageSearchProvider.tsx"],"sourcesContent":["export const GET_SEARCHED_MESSAGES = 'GET_SEARCHED_MESSAGES';\nexport const GET_NEXT_SEARCHED_MESSAGES = 'GET_NEXT_SEARCHED_MESSAGES';\nexport const START_MESSAGE_SEARCH = 'START_MESSAGE_SEARCH';\nexport const START_GETTING_SEARCHED_MESSAGES = 'START_GETTING_SEARCHED_MESSAGES';\nexport const SET_QUERY_INVALID = 'SET_QUERY_INVALID';\n\nexport const SET_CURRENT_CHANNEL = 'SET_CURRENT_CHANNEL';\nexport const CHANNEL_INVALID = 'CHANNEL_INVALID';\nexport const RESET_SEARCH_STRING = 'RESET_SEARCH_STRING';\n","import { State as initialStateInterface } from './initialState';\nimport type { MessageSearchQuery } from '@sendbird/chat/message';\nimport * as actionTypes from './actionTypes';\n\ninterface MessageSearchQueryType extends MessageSearchQuery {\n  key?: string;\n}\ninterface ActionInterface {\n  type: string;\n  /* eslint-disable @typescript-eslint/no-explicit-any */\n  payload?: any;\n}\n\nexport default function reducer(\n  state: initialStateInterface,\n  action: ActionInterface,\n): initialStateInterface {\n  switch (action.type) {\n    case actionTypes.SET_CURRENT_CHANNEL: {\n      const currentChannel = action.payload;\n      return {\n        ...state,\n        currentChannel,\n        initialized: true,\n      };\n    }\n    case actionTypes.CHANNEL_INVALID: {\n      return {\n        ...state,\n        currentChannel: null,\n        initialized: false,\n      };\n    }\n    case actionTypes.GET_SEARCHED_MESSAGES: {\n      const { messages, createdQuery } = action.payload;\n      if (\n        createdQuery\n        && createdQuery.channelUrl === (state?.currentMessageSearchQuery as MessageSearchQueryType).channelUrl\n        && createdQuery.key === (state?.currentMessageSearchQuery as MessageSearchQueryType).key\n      ) {\n        return {\n          ...state,\n          loading: false,\n          isInvalid: false,\n          allMessages: [...messages],\n          hasMoreResult: (state?.currentMessageSearchQuery as MessageSearchQueryType).hasNext,\n        };\n      }\n      return { ...state };\n    }\n    case actionTypes.SET_QUERY_INVALID: {\n      return {\n        ...state,\n        isInvalid: true,\n      }\n    }\n    case actionTypes.START_MESSAGE_SEARCH: {\n      return {\n        ...state,\n        isInvalid: false,\n        loading: false,\n      }\n    }\n    case actionTypes.START_GETTING_SEARCHED_MESSAGES: {\n      const currentMessageSearchQuery = action.payload;\n      return {\n        ...state,\n        loading: true,\n        currentMessageSearchQuery,\n      };\n    }\n    case actionTypes.GET_NEXT_SEARCHED_MESSAGES: {\n      const messages = action.payload;\n      return {\n        ...state,\n        allMessages: [...state.allMessages, ...messages],\n        hasMoreResult: (state?.currentMessageSearchQuery as MessageSearchQuery).hasNext,\n      };\n    }\n    case actionTypes.RESET_SEARCH_STRING: {\n      return {\n        ...state,\n        allMessages: [],\n      };\n    }\n    default: {\n      return state;\n    }\n  }\n}\n","import type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { MessageSearchQuery } from '@sendbird/chat/message';\nimport {\n  ClientFileMessage,\n  ClientUserMessage,\n} from '../../../../types';\n\nexport interface State {\n  allMessages: Array<ClientFileMessage | ClientUserMessage>;\n  loading: boolean;\n  isInvalid: boolean;\n  initialized: boolean;\n  currentChannel: GroupChannel;\n  currentMessageSearchQuery: MessageSearchQuery;\n  hasMoreResult: boolean;\n}\n\nconst initialState: State = {\n  allMessages: [],\n  loading: false,\n  isInvalid: false,\n  initialized: false,\n  currentChannel: null,\n  currentMessageSearchQuery: null,\n  hasMoreResult: false,\n};\n\nexport default initialState;\n","import type { SendbirdGroupChat } from '@sendbird/chat/groupChannel';\nimport { useEffect } from 'react';\nimport type { Logger } from '../../../../lib/SendbirdState';\nimport * as messageActionTypes from '../dux/actionTypes';\n\ninterface MainProps {\n  channelUrl: string;\n  sdkInit: boolean;\n}\ninterface ToolProps {\n  sdk: SendbirdGroupChat;\n  logger: Logger;\n  messageSearchDispatcher: ({ type: string, payload: any }) => void;\n}\n\nfunction useSetChannel(\n  { channelUrl, sdkInit }: MainProps,\n  { sdk, logger, messageSearchDispatcher }: ToolProps,\n): void {\n  useEffect(() => {\n    if (channelUrl && sdkInit && (sdk?.groupChannel)) {\n      sdk.groupChannel.getChannel(channelUrl).then((groupChannel) => {\n        logger.info('MessageSearch | useSetChannel group channel', groupChannel);\n        messageSearchDispatcher({\n          type: messageActionTypes.SET_CURRENT_CHANNEL,\n          payload: groupChannel,\n        });\n      }).catch(() => {\n        messageSearchDispatcher({\n          type: messageActionTypes.CHANNEL_INVALID,\n          payload: null,\n        });\n      });\n    }\n  }, [channelUrl, sdkInit]);\n}\n\nexport default useSetChannel;\n","import { useEffect } from 'react';\n\nimport type { GroupChannel, SendbirdGroupChat } from '@sendbird/chat/groupChannel';\nimport { MessageSearchOrder, MessageSearchQueryParams } from '@sendbird/chat/lib/__definition';\nimport type {\n  AdminMessage,\n  BaseMessage,\n  FileMessage,\n  UserMessage,\n} from '@sendbird/chat/message';\nimport type { SendbirdError } from '@sendbird/chat';\n\nimport type { Logger } from '../../../../lib/SendbirdState';\nimport * as messageActionTypes from '../dux/actionTypes';\n\ninterface MainProps {\n  currentChannel: GroupChannel;\n  channelUrl: string;\n  requestString?: string;\n  messageSearchQuery?: MessageSearchQueryParams;\n  onResultLoaded?: (\n    messages?: Array<BaseMessage | UserMessage | FileMessage | AdminMessage>,\n    error?: SendbirdError,\n  ) => void;\n  retryCount: number;\n}\ninterface ToolProps {\n  sdk: SendbirdGroupChat;\n  logger: Logger;\n  messageSearchDispatcher: ({ type: string, payload: any }) => void;\n}\n\nfunction useGetSearchedMessages(\n  { currentChannel, channelUrl, requestString, messageSearchQuery, onResultLoaded, retryCount }: MainProps,\n  { sdk, logger, messageSearchDispatcher }: ToolProps,\n): void {\n  useEffect(() => {\n    messageSearchDispatcher({\n      type: messageActionTypes.START_MESSAGE_SEARCH,\n      payload: null,\n    });\n    if (sdk && channelUrl && sdk.createMessageSearchQuery && currentChannel) {\n      if (requestString) {\n        const inputSearchMessageQueryObject: MessageSearchQueryParams = {\n          ...messageSearchQuery,\n          order: MessageSearchOrder.TIMESTAMP,\n          channelUrl,\n          messageTimestampFrom: currentChannel.invitedAt,\n          keyword: requestString,\n        };\n        const createdQuery = sdk.createMessageSearchQuery(inputSearchMessageQueryObject);\n        createdQuery.next().then((messages) => {\n          logger.info('MessageSearch | useGetSearchedMessages: succeeded getting messages', messages);\n          messageSearchDispatcher({\n            type: messageActionTypes.GET_SEARCHED_MESSAGES,\n            payload: {\n              messages,\n              createdQuery,\n            },\n          });\n          if (onResultLoaded && typeof onResultLoaded === 'function') {\n            onResultLoaded(messages, null);\n          }\n        }).catch((error) => {\n          logger.warning('MessageSearch | useGetSearchedMessages: getting failed', error);\n          messageSearchDispatcher({\n            type: messageActionTypes.SET_QUERY_INVALID,\n            payload: null,\n          });\n          if (onResultLoaded && typeof onResultLoaded === 'function') {\n            onResultLoaded(null, error);\n          }\n        });\n        messageSearchDispatcher({\n          type: messageActionTypes.START_GETTING_SEARCHED_MESSAGES,\n          payload: createdQuery,\n        });\n      } else {\n        logger.info('MessageSearch | useGetSeasrchedMessages: search string is empty');\n      }\n    }\n  }, [channelUrl, messageSearchQuery, requestString, currentChannel, retryCount]);\n}\n\nexport default useGetSearchedMessages;\n","import type { SendbirdError } from '@sendbird/chat';\nimport type { AdminMessage, FileMessage, MessageSearchQuery, UserMessage } from '@sendbird/chat/message';\nimport { useCallback } from 'react';\nimport { Logger } from '../../../..';\nimport * as messageActionTypes from '../dux/actionTypes';\n\ninterface MainProps {\n  currentMessageSearchQuery: MessageSearchQuery;\n  hasMoreResult: boolean;\n  onResultLoaded?: (\n    messages?: Array<UserMessage | FileMessage | AdminMessage>,\n    error?: SendbirdError,\n  ) => void;\n}\n\ntype MessageSearchDispatcherType = { type: string, payload: any };\n\ninterface ToolProps {\n  logger: Logger;\n  messageSearchDispatcher: (payload: MessageSearchDispatcherType) => void;\n}\n\nexport type CallbackReturn = (\n  callback: (\n    messages: Array<UserMessage | FileMessage | AdminMessage>,\n    /* eslint-disable @typescript-eslint/no-explicit-any*/\n    error: any,\n  ) => void\n) => void;\n\nfunction useScrollCallback(\n  { currentMessageSearchQuery, hasMoreResult, onResultLoaded }: MainProps,\n  { logger, messageSearchDispatcher }: ToolProps,\n): CallbackReturn {\n  return useCallback((cb) => {\n    if (!hasMoreResult) {\n      logger.warning('MessageSearch | useScrollCallback: no more searched results', hasMoreResult);\n    }\n    if (currentMessageSearchQuery && currentMessageSearchQuery.hasNext) {\n      currentMessageSearchQuery.next().then((messages) => {\n        logger.info('MessageSearch | useScrollCallback: succeeded getting searched messages', messages);\n        messageSearchDispatcher({\n          type: messageActionTypes.GET_NEXT_SEARCHED_MESSAGES,\n          payload: messages,\n        });\n        cb(messages, null);\n        if (onResultLoaded && typeof onResultLoaded === 'function') {\n          onResultLoaded(messages, null);\n        }\n      }).catch((error) => {\n        logger.warning('MessageSearch | useScrollCallback: failed getting searched messages', error);\n        cb(null, error);\n        if (onResultLoaded && typeof onResultLoaded === 'function') {\n          onResultLoaded(null, error);\n        }\n      });\n    } else {\n      logger.warning('MessageSearch | useScrollCallback: no currentMessageSearchQuery');\n    }\n  }, [currentMessageSearchQuery, hasMoreResult]);\n}\n\nexport default useScrollCallback;\n","import { useState, useEffect } from 'react';\nimport * as messageActionTypes from '../dux/actionTypes';\n\ninterface DynamicParams {\n  searchString: string;\n}\n\ninterface StaticParams {\n  messageSearchDispatcher: ({ type: string, payload: any }) => void;\n}\n\nconst DEBOUNCING_TIME = 500;\n\nfunction useSearchStringEffect(\n  { searchString }: DynamicParams,\n  { messageSearchDispatcher }: StaticParams,\n): string {\n  const [requestString, setRequestString] = useState('');\n  const [debouncingTimer, setDebouncingTimer] = useState(null);\n  useEffect(() => {\n    clearTimeout(debouncingTimer);\n    if (searchString) {\n      setDebouncingTimer(\n        setTimeout(() => {\n          setRequestString(searchString);\n        }, DEBOUNCING_TIME)\n      );\n    } else {\n      setRequestString('');\n      messageSearchDispatcher({\n        type: messageActionTypes.RESET_SEARCH_STRING,\n        payload: '',\n      });\n    }\n  }, [searchString]);\n  return requestString;\n}\n\nexport default useSearchStringEffect;\n","import React, {\n  useRef,\n  useState,\n  useReducer,\n} from 'react';\nimport { SendbirdError } from '@sendbird/chat';\nimport type { MessageSearchQuery } from '@sendbird/chat/message';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport type { MessageSearchQueryParams } from '@sendbird/chat/lib/__definition';\n\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\nimport { ClientSentMessages } from '../../../types';\n\nimport messageSearchReducer from './dux/reducers';\nimport messageSearchInitialState from './dux/initialState';\nimport { State as MessageSearchReducerState } from './dux/initialState';\n\nimport useSetChannel from './hooks/useSetChannel';\nimport useGetSearchMessages from './hooks/useGetSearchedMessages';\nimport useScrollCallback, {\n  CallbackReturn as UseScrollCallbackType,\n} from './hooks/useScrollCallback';\nimport useSearchStringEffect from './hooks/useSearchStringEffect';\n\nexport interface MessageSearchProviderProps {\n  channelUrl: string;\n  children?: React.ReactElement;\n  searchString?: string;\n  requestString?: string;\n  messageSearchQuery?: MessageSearchQueryParams;\n  onResultLoaded?(messages?: Array<ClientSentMessages>, error?: SendbirdError): void;\n  onResultClick?(message: ClientSentMessages): void;\n}\n\ninterface MessageSearchProviderInterface extends MessageSearchProviderProps {\n  retryCount: number;\n  setRetryCount: React.Dispatch<React.SetStateAction<number>>;\n  selectedMessageId: number;\n  setSelectedMessageId: React.Dispatch<React.SetStateAction<number>>;\n  messageSearchDispatcher: ({ type: string, payload: any }) => void;\n  scrollRef: React.MutableRefObject<HTMLDivElement>;\n  allMessages: MessageSearchReducerState['allMessages'];\n  loading: boolean;\n  isInvalid: boolean;\n  currentChannel: GroupChannel;\n  currentMessageSearchQuery: MessageSearchQuery;\n  hasMoreResult: boolean;\n  onScroll: UseScrollCallbackType;\n  handleRetryToConnect: () => void;\n  handleOnScroll: (e: React.BaseSyntheticEvent) => void;\n}\n\nconst MessageSearchContext = React.createContext<MessageSearchProviderInterface|null>(undefined);\n\nconst MessageSearchProvider: React.FC<MessageSearchProviderProps> = (props: MessageSearchProviderProps) => {\n  const {\n    // message search props\n    channelUrl,\n    searchString,\n    messageSearchQuery,\n    onResultLoaded,\n    onResultClick,\n  } = props;\n\n  const globalState = useSendbirdStateContext();\n\n  // hook variables\n  const [retryCount, setRetryCount] = useState(0); // this is a trigger flag for activating useGetSearchMessages\n  const [selectedMessageId, setSelectedMessageId] = useState(0);\n  const [messageSearchStore, messageSearchDispatcher] = useReducer(messageSearchReducer, messageSearchInitialState);\n  const {\n    allMessages,\n    loading,\n    isInvalid,\n    currentChannel,\n    currentMessageSearchQuery,\n    hasMoreResult,\n  } = messageSearchStore;\n\n  const logger = globalState?.config?.logger;\n  const sdk = globalState?.stores?.sdkStore?.sdk;\n  const sdkInit = globalState?.stores?.sdkStore?.initialized;\n  const scrollRef = useRef(null);\n  const handleOnScroll = (e: React.BaseSyntheticEvent) => {\n    const scrollElement = e.target as HTMLDivElement;\n    const {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    } = scrollElement;\n\n    if (!hasMoreResult) {\n      return;\n    }\n    if (scrollTop + clientHeight >= scrollHeight) {\n      onScroll(() => {\n        // after load more searched messages\n      });\n    }\n  };\n\n  useSetChannel(\n    { channelUrl, sdkInit },\n    { sdk, logger, messageSearchDispatcher },\n  );\n\n  const requestString = useSearchStringEffect({ searchString }, { messageSearchDispatcher });\n\n  useGetSearchMessages(\n    { currentChannel, channelUrl, requestString, messageSearchQuery, onResultLoaded, retryCount },\n    { sdk, logger, messageSearchDispatcher },\n  );\n\n  const onScroll = useScrollCallback(\n    { currentMessageSearchQuery, hasMoreResult, onResultLoaded },\n    { logger, messageSearchDispatcher },\n  );\n\n  const handleRetryToConnect = () => {\n    setRetryCount(retryCount + 1);\n  };\n  return (\n    <MessageSearchContext.Provider value={{\n      channelUrl,\n      searchString,\n      requestString,\n      messageSearchQuery,\n      onResultLoaded,\n      onResultClick,\n      retryCount,\n      setRetryCount,\n      selectedMessageId,\n      setSelectedMessageId,\n      messageSearchDispatcher,\n      allMessages,\n      loading,\n      isInvalid,\n      currentChannel,\n      currentMessageSearchQuery,\n      hasMoreResult,\n      onScroll,\n      scrollRef,\n      handleRetryToConnect,\n      handleOnScroll,\n    }}>\n      {props?.children}\n    </MessageSearchContext.Provider>\n  );\n}\n\nexport type UseMessageSearchType = () => MessageSearchProviderInterface;\nconst useMessageSearchContext: UseMessageSearchType = () => React.useContext(MessageSearchContext);\n\nexport {\n  MessageSearchProvider,\n  useMessageSearchContext,\n};\n"],"names":["GET_SEARCHED_MESSAGES","GET_NEXT_SEARCHED_MESSAGES","START_MESSAGE_SEARCH","START_GETTING_SEARCHED_MESSAGES","SET_QUERY_INVALID","SET_CURRENT_CHANNEL","CHANNEL_INVALID","RESET_SEARCH_STRING","reducer","state","action","type","actionTypes","currentChannel","payload","initialized","_a","messages","createdQuery","channelUrl","currentMessageSearchQuery","key","loading","isInvalid","allMessages","hasMoreResult","hasNext","initialState","useSetChannel","_b","sdkInit","sdk","logger","messageSearchDispatcher","useEffect","groupChannel","getChannel","then","info","messageActionTypes","catch","useGetSearchedMessages","requestString","messageSearchQuery","onResultLoaded","retryCount","createMessageSearchQuery","inputSearchMessageQueryObject","order","MessageSearchOrder","TIMESTAMP","messageTimestampFrom","invitedAt","keyword","createdQuery_1","next","error","warning","useScrollCallback","useCallback","cb","DEBOUNCING_TIME","useSearchStringEffect","searchString","_c","useState","setRequestString","_d","debouncingTimer","setDebouncingTimer","clearTimeout","setTimeout","MessageSearchContext","React","createContext","undefined","MessageSearchProvider","props","onResultClick","globalState","useSendbirdStateContext","_f","setRetryCount","_g","selectedMessageId","setSelectedMessageId","_h","useReducer","messageSearchReducer","messageSearchInitialState","messageSearchStore","config","stores","sdkStore","scrollRef","useRef","handleOnScroll","e","scrollElement","target","scrollTop","scrollHeight","clientHeight","onScroll","useGetSearchMessages","handleRetryToConnect","children","useMessageSearchContext","useContext"],"mappings":"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"}

package/cjs/MessageSearch.js

@@ -2,28 +2,29 @@
 
 var React = require('react');
 var MessageSearch_components_MessageSearchUI = require('./MessageSearch/components/MessageSearchUI.js');
-var LocalizationContext = require('./LocalizationContext-a717f07f.js');
+var LocalizationContext = require('./LocalizationContext-a4d8d6fa.js');
 var ui_Icon = require('./ui/Icon.js');
 var ui_IconButton = require('./ui/IconButton.js');
-var ui_Label = require('./index-a96d75a9.js');
+var ui_Label = require('./index-13532266.js');
 var ui_Loader = require('./ui/Loader.js');
 var MessageSearch_context = require('./MessageSearch/context.js');
 require('./ui/MessageSearchItem.js');
-require('./tslib.es6-c83e0722.js');
-require('./index-b4af7c26.js');
-require('./index-3e5e0655.js');
-require('./index-eac230b1.js');
-require('./index-190364fc.js');
+require('./tslib.es6-4d92f5f1.js');
+require('./index-9aaba1c0.js');
+require('./index-df5b04e6.js');
+require('./index-f4dec25b.js');
+require('./index-83f6a684.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./_rollupPluginBabelHelpers-e393547c.js');
-require('prop-types');
-require('./uuid-6cc0dc0c.js');
-require('./index-ef6bd2cd.js');
+require('./uuid-6fae7fc4.js');
+require('./index-4f96bea7.js');
 require('./ui/MessageSearchFileItem.js');
-require('./stringSet-0a5abb7a.js');
+require('./stringSet-0e48356d.js');
+require('./_rollupPluginBabelHelpers-e3f84a90.js');
+require('prop-types');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
+require('@sendbird/chat/lib/__definition');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/MessageSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageSearch.js","sources":["../../src/smart-components/MessageSearch/index.tsx"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport './index.scss';\n\nimport MessageSearch, { MessageSearchUIProps } from './components/MessageSearchUI';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport Icon, { IconTypes, IconColors } from '../../ui/Icon';\nimport IconButton from '../../ui/IconButton';\nimport Label, { LabelTypography, LabelColors } from '../../ui/Label';\nimport Loader from '../../ui/Loader';\nimport { MessageSearchProvider, MessageSearchProviderProps } from './context/MessageSearchProvider';\n\nexport interface MessageSearchPannelProps extends\n  MessageSearchUIProps, MessageSearchProviderProps {\n  onResultClick?: (message) => void;\n  onCloseClick?: () => void;\n}\n\nconst COMPONENT_CLASS_NAME = 'sendbird-message-search-pannel';\n\nfunction MessageSearchPannel(props: MessageSearchPannelProps): JSX.Element {\n  const {\n    channelUrl,\n    onResultClick,\n    onCloseClick,\n    messageSearchQuery,\n    renderPlaceHolderError,\n    renderPlaceHolderLoading,\n    renderPlaceHolderNoString,\n    renderPlaceHolderEmptyList,\n    renderSearchItem,\n  } = props;\n\n  const [searchString, setSearchString] = useState('');\n  const [inputString, setInputString] = useState('');\n  const [loading, setLoading] = useState(false);\n  const { stringSet } = useContext(LocalizationContext);\n\n  let timeout = null;\n  useEffect(() => {\n    if (timeout) {\n      clearTimeout(timeout);\n    }\n    timeout = setTimeout(() => {\n      setSearchString(inputString);\n      setLoading(true);\n      timeout = null;\n    }, 500);\n  }, [inputString]);\n\n  const handleOnChangeInputString = (e) => {\n    setInputString(e.target.value);\n  };\n\n  const handleOnResultLoaded = () => {\n    setLoading(false);\n  };\n\n  const handleOnClickResetStringButton = (e) => {\n    e.stopPropagation();\n    setInputString('');\n    setSearchString('');\n  };\n\n  return (\n    <div className={COMPONENT_CLASS_NAME}>\n      <div className={`${COMPONENT_CLASS_NAME}__header`}>\n        <Label\n          className={`${COMPONENT_CLASS_NAME}__header__title`}\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {stringSet.SEARCH_IN_CHANNEL}\n        </Label>\n        <IconButton\n          className={`${COMPONENT_CLASS_NAME}__header__close-button`}\n          width=\"32px\"\n          height=\"32px\"\n          onClick={onCloseClick}\n        >\n          <Icon\n            type={IconTypes.CLOSE}\n            fillColor={IconColors.ON_BACKGROUND_1}\n            width=\"22px\"\n            height=\"22px\"\n          />\n        </IconButton>\n      </div>\n      <div className={`${COMPONENT_CLASS_NAME}__input`}>\n        <div className={`${COMPONENT_CLASS_NAME}__input__container`}>\n            <Icon\n              className={`${COMPONENT_CLASS_NAME}__input__container__search-icon`}\n              type={IconTypes.SEARCH}\n              fillColor={IconColors.ON_BACKGROUND_3}\n              width=\"24px\"\n              height=\"24px\"\n            />\n            <input\n              className={`${COMPONENT_CLASS_NAME}__input__container__input-area`}\n              placeholder={stringSet.SEARCH}\n              value={inputString}\n              onChange={handleOnChangeInputString}\n            />\n            {\n              inputString && loading && (\n                <Loader\n                  className={`${COMPONENT_CLASS_NAME}__input__container__spinner`}\n                  width=\"20px\"\n                  height=\"20px\"\n                >\n                  <Icon\n                    type={IconTypes.SPINNER}\n                    fillColor={IconColors.PRIMARY}\n                    width=\"20px\"\n                    height=\"20px\"\n                  />\n                </Loader>\n              )\n            }\n            {\n              !loading && inputString && (\n                <Icon\n                  className={`${COMPONENT_CLASS_NAME}__input__container__reset-input-button`}\n                  type={IconTypes.REMOVE}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width=\"20px\"\n                  height=\"20px\"\n                  onClick={handleOnClickResetStringButton}\n                />\n              )\n            }\n        </div>\n      </div>\n      <div className={`${COMPONENT_CLASS_NAME}__message-search`}>\n        <MessageSearchProvider\n          channelUrl={channelUrl}\n          searchString={searchString}\n          onResultClick={onResultClick}\n          onResultLoaded={handleOnResultLoaded}\n          messageSearchQuery={messageSearchQuery}\n        >\n          <MessageSearch\n            renderPlaceHolderError={renderPlaceHolderError}\n            renderPlaceHolderLoading={renderPlaceHolderLoading}\n            renderPlaceHolderNoString={renderPlaceHolderNoString}\n            renderPlaceHolderEmptyList={renderPlaceHolderEmptyList}\n            renderSearchItem={renderSearchItem}\n          />\n        </MessageSearchProvider>\n      </div>\n    </div>\n  );\n}\n\nexport default MessageSearchPannel;\n"],"names":["COMPONENT_CLASS_NAME","MessageSearchPannel","props","channelUrl","onResultClick","onCloseClick","messageSearchQuery","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderNoString","renderPlaceHolderEmptyList","renderSearchItem","_a","useState","searchString","setSearchString","_b","inputString","setInputString","_c","loading","setLoading","stringSet","useContext","LocalizationContext","timeout","useEffect","clearTimeout","setTimeout","handleOnChangeInputString","e","target","value","handleOnResultLoaded","handleOnClickResetStringButton","stopPropagation","React","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","SEARCH_IN_CHANNEL","IconButton","Icon","IconTypes","CLOSE","IconColors","ON_BACKGROUND_1","SEARCH","ON_BACKGROUND_3","Loader","SPINNER","PRIMARY","REMOVE","MessageSearchProvider","MessageSearch"],"mappings":"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"}
+{"version":3,"file":"MessageSearch.js","sources":["../../src/smart-components/MessageSearch/index.tsx"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport './index.scss';\n\nimport MessageSearch, { MessageSearchUIProps } from './components/MessageSearchUI';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport Icon, { IconTypes, IconColors } from '../../ui/Icon';\nimport IconButton from '../../ui/IconButton';\nimport Label, { LabelTypography, LabelColors } from '../../ui/Label';\nimport Loader from '../../ui/Loader';\nimport { MessageSearchProvider, MessageSearchProviderProps } from './context/MessageSearchProvider';\n\nexport interface MessageSearchPannelProps extends\n  MessageSearchUIProps, MessageSearchProviderProps {\n  onResultClick?: (message) => void;\n  onCloseClick?: () => void;\n}\n\nconst COMPONENT_CLASS_NAME = 'sendbird-message-search-pannel';\n\nfunction MessageSearchPannel(props: MessageSearchPannelProps): JSX.Element {\n  const {\n    channelUrl,\n    onResultClick,\n    onCloseClick,\n    messageSearchQuery,\n    renderPlaceHolderError,\n    renderPlaceHolderLoading,\n    renderPlaceHolderNoString,\n    renderPlaceHolderEmptyList,\n    renderSearchItem,\n  } = props;\n\n  const [searchString, setSearchString] = useState('');\n  const [inputString, setInputString] = useState('');\n  const [loading, setLoading] = useState(false);\n  const { stringSet } = useContext(LocalizationContext);\n\n  let timeout = null;\n  useEffect(() => {\n    if (timeout) {\n      clearTimeout(timeout);\n    }\n    timeout = setTimeout(() => {\n      setSearchString(inputString);\n      setLoading(true);\n      timeout = null;\n    }, 500);\n  }, [inputString]);\n\n  const handleOnChangeInputString = (e) => {\n    setInputString(e.target.value);\n  };\n\n  const handleOnResultLoaded = () => {\n    setLoading(false);\n  };\n\n  const handleOnClickResetStringButton = (e) => {\n    e.stopPropagation();\n    setInputString('');\n    setSearchString('');\n  };\n\n  return (\n    <div className={COMPONENT_CLASS_NAME}>\n      <div className={`${COMPONENT_CLASS_NAME}__header`}>\n        <Label\n          className={`${COMPONENT_CLASS_NAME}__header__title`}\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {stringSet.SEARCH_IN_CHANNEL}\n        </Label>\n        <IconButton\n          className={`${COMPONENT_CLASS_NAME}__header__close-button`}\n          width=\"32px\"\n          height=\"32px\"\n          onClick={onCloseClick}\n        >\n          <Icon\n            type={IconTypes.CLOSE}\n            fillColor={IconColors.ON_BACKGROUND_1}\n            width=\"22px\"\n            height=\"22px\"\n          />\n        </IconButton>\n      </div>\n      <div className={`${COMPONENT_CLASS_NAME}__input`}>\n        <div className={`${COMPONENT_CLASS_NAME}__input__container`}>\n            <Icon\n              className={`${COMPONENT_CLASS_NAME}__input__container__search-icon`}\n              type={IconTypes.SEARCH}\n              fillColor={IconColors.ON_BACKGROUND_3}\n              width=\"24px\"\n              height=\"24px\"\n            />\n            <input\n              className={`${COMPONENT_CLASS_NAME}__input__container__input-area`}\n              placeholder={stringSet.SEARCH}\n              value={inputString}\n              onChange={handleOnChangeInputString}\n            />\n            {\n              inputString && loading && (\n                <Loader\n                  className={`${COMPONENT_CLASS_NAME}__input__container__spinner`}\n                  width=\"20px\"\n                  height=\"20px\"\n                >\n                  <Icon\n                    type={IconTypes.SPINNER}\n                    fillColor={IconColors.PRIMARY}\n                    width=\"20px\"\n                    height=\"20px\"\n                  />\n                </Loader>\n              )\n            }\n            {\n              !loading && inputString && (\n                <Icon\n                  className={`${COMPONENT_CLASS_NAME}__input__container__reset-input-button`}\n                  type={IconTypes.REMOVE}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width=\"20px\"\n                  height=\"20px\"\n                  onClick={handleOnClickResetStringButton}\n                />\n              )\n            }\n        </div>\n      </div>\n      <div className={`${COMPONENT_CLASS_NAME}__message-search`}>\n        <MessageSearchProvider\n          channelUrl={channelUrl}\n          searchString={searchString}\n          onResultClick={onResultClick}\n          onResultLoaded={handleOnResultLoaded}\n          messageSearchQuery={messageSearchQuery}\n        >\n          <MessageSearch\n            renderPlaceHolderError={renderPlaceHolderError}\n            renderPlaceHolderLoading={renderPlaceHolderLoading}\n            renderPlaceHolderNoString={renderPlaceHolderNoString}\n            renderPlaceHolderEmptyList={renderPlaceHolderEmptyList}\n            renderSearchItem={renderSearchItem}\n          />\n        </MessageSearchProvider>\n      </div>\n    </div>\n  );\n}\n\nexport default MessageSearchPannel;\n"],"names":["COMPONENT_CLASS_NAME","MessageSearchPannel","props","channelUrl","onResultClick","onCloseClick","messageSearchQuery","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderNoString","renderPlaceHolderEmptyList","renderSearchItem","_a","useState","searchString","setSearchString","_b","inputString","setInputString","_c","loading","setLoading","stringSet","useContext","LocalizationContext","timeout","useEffect","clearTimeout","setTimeout","handleOnChangeInputString","e","target","value","handleOnResultLoaded","handleOnClickResetStringButton","stopPropagation","React","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","SEARCH_IN_CHANNEL","IconButton","Icon","IconTypes","CLOSE","IconColors","ON_BACKGROUND_1","SEARCH","ON_BACKGROUND_3","Loader","SPINNER","PRIMARY","REMOVE","MessageSearchProvider","MessageSearch"],"mappings":"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"}

package/cjs/OpenChannel/components/FrozenChannelNotification.js

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-a717f07f.js');
-var ui_Label = require('../../index-a96d75a9.js');
-require('../../stringSet-0a5abb7a.js');
-require('../../index-3e5e0655.js');
-require('../../_rollupPluginBabelHelpers-e393547c.js');
+var LocalizationContext = require('../../LocalizationContext-a4d8d6fa.js');
+var ui_Label = require('../../index-13532266.js');
+require('../../stringSet-0e48356d.js');
+require('../../index-df5b04e6.js');
+require('../../_rollupPluginBabelHelpers-e3f84a90.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,23 +4,25 @@ 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-a96d75a9.js');
-var LocalizationContext = require('../../LocalizationContext-a717f07f.js');
-var OpenChannel_context = require('../../OpenChannelProvider-071b79ac.js');
-require('../../tslib.es6-c83e0722.js');
+var ui_Label = require('../../index-13532266.js');
+var LocalizationContext = require('../../LocalizationContext-a4d8d6fa.js');
+var OpenChannel_context = require('../../OpenChannelProvider-3d3298fd.js');
+require('../../tslib.es6-4d92f5f1.js');
 require('../../ui/ImageRenderer.js');
-require('../../_rollupPluginBabelHelpers-e393547c.js');
+require('../../uuid-6fae7fc4.js');
+require('../../_rollupPluginBabelHelpers-e3f84a90.js');
 require('prop-types');
-require('../../uuid-6cc0dc0c.js');
-require('../../stringSet-0a5abb7a.js');
-require('../../index-3e5e0655.js');
-require('../../index-b4af7c26.js');
-require('../../UserProfileContext-c31e547a.js');
-require('../../compareIds-14271a7a.js');
-require('../../topics-ae226ee4.js');
-require('@sendbird/chat');
-require('../../openChannel-e49f6fe9.js');
-require('../../__bundle-7dfccc8c-3a2f4227.js');
+require('../../stringSet-0e48356d.js');
+require('../../index-df5b04e6.js');
+require('../../index-9aaba1c0.js');
+require('../../UserProfileContext-9fb4f747.js');
+require('../../compareIds-a4c74921.js');
+require('../../topics-6314d5b3.js');
+require('../../sendbird-f219ad11.js');
+require('../../__bundle-6316ce22-e09a7a94.js');
+require('../../__bundle-fbda47dd-a50b4334.js');
+require('../../openChannel-bb5e32ba.js');
+require('../../__bundle-7dfccc8c-3af98778.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');