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

package/cjs/{index-81e2234a.js.map → index-ead714db.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-81e2234a.js","sources":["../../src/smart-components/OpenChannelSettings/components/ParticipantUI/ParticipantsModal.tsx","../../src/smart-components/OpenChannelSettings/components/ParticipantUI/ParticipantItem.tsx","../../src/smart-components/OpenChannelSettings/components/ParticipantUI/index.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useEffect,\n  useState,\n  useContext,\n} from 'react';\nimport type { User } from '@sendbird/chat';\nimport type { ParticipantListQuery } from '@sendbird/chat/openChannel';\n\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\nimport Modal from '../../../../ui/Modal';\nimport UserListItem from '../../../../ui/UserListItem';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { noop } from '../../../../utils/utils';\nimport { useOpenChannelSettingsContext } from '../../context/OpenChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\ninterface Props {\n  onCancel(): void;\n}\n\nexport default function ParticipantsModal({\n  onCancel,\n}: Props): ReactElement {\n  const state = useSendbirdStateContext();\n  const { channel } = useOpenChannelSettingsContext();\n  const { stringSet } = useContext(LocalizationContext);\n  const [participants, setParticipants] = useState<Array<User> | null>([]);\n  const [participantListQuery, setParticipantListQuery] = useState<ParticipantListQuery | null>(null);\n  const userId = state?.config?.userId;\n  const sdk = state?.stores?.sdkStore?.sdk;\n  const isOperatorView = channel?.isOperator(userId);\n  useEffect(() => {\n    if (!channel || !channel?.createParticipantListQuery) {\n      return;\n    }\n    const participantListQuery = channel?.createParticipantListQuery({});\n    setParticipantListQuery(participantListQuery);\n    participantListQuery.next().then((participantList) => {\n      setParticipants(participantList);\n    });\n  }, []);\n  return (\n    <div>\n      <Modal\n        hideFooter\n        onCancel={() => onCancel()}\n        onSubmit={noop}\n        titleText={stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE}\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = participantListQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\n\n            if (hasNext && fetchMore) {\n              participantListQuery.next().then((fetchedParticipants) => {\n                setParticipants([\n                  ...participants,\n                  ...fetchedParticipants,\n                ])\n              });\n            }\n          }}\n        >\n          {\n            participants.map((p) => {\n              const isOperator = channel?.isOperator(p.userId);\n              return (\n                <UserListItem\n                  user={p}\n                  key={p.userId}\n                  currentUser={sdk?.currentUser?.userId}\n                  action={\n                    (userId !== p.userId && isOperatorView)\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}\n                              closeDropdown={closeDropdown}\n                              openLeft\n                            >\n                              <MenuItem\n                                onClick={() => {\n                                  if (isOperator) {\n                                    channel?.removeOperators([p.userId]).then(() => {\n                                      closeDropdown();\n                                    });\n                                  } else {\n                                    channel?.addOperators([p.userId]).then(() => {\n                                      closeDropdown();\n                                    });\n                                  }\n                                }}\n                              >\n                                {\n                                  isOperator\n                                    ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n                                    : stringSet.OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n                                }\n                              </MenuItem>\n                              <MenuItem\n                                onClick={() => {\n                                  channel?.muteUser(p).then(() => {\n                                    closeDropdown();\n                                  });\n                                }}\n                              >\n                                {stringSet.OPEN_CHANNEL_SETTING__MODERATION__MUTE}\n                              </MenuItem>\n                              <MenuItem\n                                onClick={() => {\n                                  channel?.banUser(p).then(() => {\n                                    closeDropdown();\n                                  });\n                                }}\n                              >\n                                {stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN}\n                              </MenuItem>\n                            </MenuItems>\n                          )}\n                        />\n                      )\n                      : null\n                  }\n                />\n              )\n            })\n          }\n        </div>\n      </Modal>\n    </div>\n  )\n}\n","import React, {\n  ReactElement,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport type { User } from '@sendbird/chat';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\n\nimport { UserProfileContext } from '../../../../lib/UserProfileContext';\nimport Button, { ButtonTypes, ButtonSizes } from '../../../../ui/Button';\nimport Accordion from '../../../../ui/Accordion';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Avatar from '../../../../ui/Avatar/index';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport ParticipantsModal from './ParticipantsModal';\nimport UserProfile from '../../../../ui/UserProfile';\nimport ContextMenu, { MenuItems } from '../../../../ui/ContextMenu';\nimport { useOpenChannelSettingsContext } from '../../context/OpenChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\nconst SHOWN_MEMBER_MAX = 10;\n\ninterface ActionProps {\n  actionRef: React.RefObject<HTMLInputElement>;\n}\ninterface UserListItemProps {\n  user: User;\n  currentUser?: string;\n  isOperator?: boolean;\n  action?(props: ActionProps): ReactElement;\n}\n\nexport const UserListItem: React.FC<UserListItemProps> = ({\n  user,\n  currentUser,\n  isOperator,\n  action,\n}: UserListItemProps) => {\n  const avatarRef = useRef(null);\n  const actionRef = useRef(null);\n  const {\n    disableUserProfile,\n    renderUserProfile,\n  } = useContext(UserProfileContext);\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-participants-accordion__member\">\n      <div className=\"sendbird-participants-accordion__member-avatar\">\n        <ContextMenu\n          menuTrigger={(toggleDropdown) => (\n            <Avatar\n              onClick={() => {\n                if (!disableUserProfile) {\n                  toggleDropdown();\n                }\n              }}\n              ref={avatarRef}\n              src={user.profileUrl}\n              width={24}\n              height={24}\n            />\n          )}\n          menuItems={(closeDropdown) => (\n            <MenuItems\n              openLeft\n              parentRef={avatarRef}\n              // for catching location(x, y) of MenuItems\n              parentContainRef={avatarRef}\n              // for toggling more options(menus & reactions)\n              closeDropdown={closeDropdown}\n              style={{ paddingTop: 0, paddingBottom: 0 }}\n            >\n              {\n                renderUserProfile\n                  ? renderUserProfile({\n                    user: user,\n                    currentUserId: currentUser,\n                    close: closeDropdown,\n                  })\n                  : (\n                    <UserProfile\n                      disableMessaging\n                      user={user}\n                      currentUserId={currentUser}\n                      onSuccess={closeDropdown}\n                    />\n                  )\n              }\n            </MenuItems>\n          )}\n        />\n      </div>\n      <Label\n        className=\"sendbird-participants-accordion__member__title\"\n        type={LabelTypography.SUBTITLE_2}\n        color={LabelColors.ONBACKGROUND_1}\n      >\n        {user.nickname || stringSet.NO_NAME}\n        {\n          (currentUser === user.userId) && (\n            stringSet.OPEN_CHANNEL_SETTINGS__MEMBERS__YOU\n          )\n        }\n      </Label>\n      { // if there is now nickname, display userId\n        !user.nickname && (\n          <Label\n            className=\"sendbird-participants-accordion__member__title user-id\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {user.userId}\n          </Label>\n        )\n      }\n      {\n        isOperator && (\n          <Label\n            className=\"sendbird-participants-accordion__member__title operator\"\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {stringSet.OPEN_CHANNEL_SETTINGS__MEMBERS__OPERATOR}\n          </Label>\n        )\n      }\n      {\n        action && (\n          <div\n            className=\"sendbird-participants-accordion__member__action\"\n            ref={actionRef}\n          >\n            { action({ actionRef }) }\n          </div>\n        )\n      }\n    </div>\n  );\n};\n\nexport interface ParticipantsAccordionProps {\n  maxMembers?: number;\n}\n\nexport default function ParticipantsAccordion(props: ParticipantsAccordionProps): ReactElement {\n  const maxMembers = props?.maxMembers || SHOWN_MEMBER_MAX;\n  const { channel } = useOpenChannelSettingsContext();\n  const globalState = useSendbirdStateContext();\n  const currentUser = globalState?.config?.userId;\n  const [participants, setParticipants] = useState([]);\n  const [showMoreModal, setShowMoreModal] = useState(false);\n  const { stringSet } = useContext(LocalizationContext);\n\n  useEffect(() => {\n    if (!channel || !channel?.createParticipantListQuery) {\n      return;\n    }\n    const participantListQuery = channel?.createParticipantListQuery({});\n    participantListQuery.next().then((participantList) => {\n      setParticipants(participantList);\n    });\n  }, [channel]);\n\n  return (\n    <Accordion\n      className=\"sendbird-participants-accordion\"\n      id=\"participants\"\n      renderTitle={() => (\n        <>\n          <Icon\n            type={IconTypes.MEMBERS}\n            fillColor={IconColors.PRIMARY}\n            width={24}\n            height={24}\n            className=\"sendbird-openchannel-settings__accordion-icon\"\n          />\n          <Label\n            type={LabelTypography.SUBTITLE_1}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {stringSet.OPEN_CHANNEL_SETTINGS__PARTICIPANTS_ACCORDION_TITLE}\n          </Label>\n        </>\n      )}\n      renderContent={() => (\n        <div className=\"\">\n          <div className=\"sendbird-participants-accordion__list\">\n            {\n              participants.slice(0, maxMembers).map((p) => (\n                <UserListItem\n                  user={p}\n                  currentUser={currentUser}\n                  key={p.userId}\n                />\n              ))\n            }\n            {\n              (participants && participants.length === 0)\n                ? (\n                    <Label\n                      className=\"sendbird-channel-settings__empty-list\"\n                      type={LabelTypography.SUBTITLE_2}\n                      color={LabelColors.ONBACKGROUND_3}\n                    >\n                      {stringSet.OPEN_CHANNEL_SETTINGS__EMPTY_LIST}\n                    </Label>\n                ): null\n            }\n          </div>\n          {\n            participants.length >= maxMembers && (\n              <div className=\"sendbird-participants-accordion__footer\">\n                <Button\n                  className=\"sendbird-participants-accordion__footer__all-participants\"\n                  type={ButtonTypes.SECONDARY}\n                  size={ButtonSizes.SMALL}\n                  onClick={() => setShowMoreModal(true)}\n                >\n                  {stringSet.OPEN_CHANNEL_SETTINGS__SEE_ALL}\n                </Button>\n                {\n                  showMoreModal && (\n                    <ParticipantsModal\n                      onCancel={() => {\n                        setShowMoreModal(false);\n                      }}\n                    />\n                  )\n                }\n              </div>\n            )\n          }\n        </div>\n      )}\n    />\n  );\n}\n","import React, {\n  ReactElement,\n  useContext,\n  useState,\n  useEffect,\n  useCallback,\n} from 'react';\nimport type { User } from '@sendbird/chat';\nimport type { ParticipantListQuery } from '@sendbird/chat/openChannel';\n\nimport Button, { ButtonTypes, ButtonSizes } from '../../../../ui/Button';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport IconButton from '../../../../ui/IconButton';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\n\nimport { UserListItem } from './ParticipantItem';\nimport ParticipantsModal from './ParticipantsModal';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useOpenChannelSettingsContext } from '../../context/OpenChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\ninterface ParticipantListProps {\n  isOperatorView?: boolean;\n}\n\nexport default function ParticipantList({\n  isOperatorView = false,\n}: ParticipantListProps): ReactElement {\n  const globalState = useSendbirdStateContext();\n  const currentUserId = globalState?.config?.userId;\n  const { channel } = useOpenChannelSettingsContext();\n  const { stringSet } = useContext(LocalizationContext);\n  const [participants, setParticipants] = useState<Array<User> | null>([]);\n  const [participantListQuery, setParticipantListQuery] = useState<ParticipantListQuery | null>(null);\n  const [showParticipantsModal, setShowParticipantsModal] = useState<boolean>(false);\n  useEffect(() => {\n    if (!channel || !channel?.createParticipantListQuery) {\n      return;\n    }\n    const participantListQuery = channel?.createParticipantListQuery({ limit: 10 });\n    setParticipantListQuery(participantListQuery);\n    participantListQuery.next().then((participants) => {\n      setParticipants(participants);\n    });\n  }, [channel]);\n  const refreshList = useCallback(() => {\n    if (!channel) {\n      setParticipants([]);\n      return;\n    }\n    const participantListQuery = channel?.createParticipantListQuery({ limit: 10 });\n    participantListQuery.next().then((participants) => {\n      setParticipants(participants);\n    });\n  }, [channel]);\n  return (\n    <div\n      className=\"sendbird-openchannel-settings__participant-list\"\n      onScroll={(e) => {\n        const { hasNext } = participantListQuery;\n        const target = e.target as HTMLTextAreaElement;\n        const fetchMore = (\n          target.clientHeight + target.scrollTop === target.scrollHeight\n        );\n\n        if (hasNext && fetchMore) {\n          participantListQuery.next().then((fetchedParticipants) => {\n            setParticipants([\n              ...participants,\n              ...fetchedParticipants,\n            ])\n          });\n        }\n      }}\n    >\n      <div>\n        {\n          participants.map((p: User) => {\n            const isOperator = channel?.isOperator(p.userId);\n            return (\n              <UserListItem\n                user={p}\n                currentUser={currentUserId}\n                key={p.userId}\n                isOperator={isOperator}\n                action={({ actionRef }) => (\n                  (isOperatorView && currentUserId !== p?.userId)\n                    ? (\n                      <ContextMenu\n                        menuTrigger={(toggleDropdown) => (\n                          <IconButton\n                            className=\"sendbird-openchannel-participant-list__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                            parentRef={actionRef}\n                            closeDropdown={closeDropdown}\n                            openLeft\n                          >\n                            <MenuItem\n                              onClick={() => {\n                                if (isOperator) {\n                                  channel?.removeOperators([p.userId]).then(() => {\n                                    refreshList();\n                                    closeDropdown();\n                                  });\n                                } else {\n                                  channel?.addOperators([p.userId]).then(() => {\n                                    refreshList();\n                                    closeDropdown();\n                                  })\n                                }\n                              }}\n                            >\n                              {\n                                isOperator\n                                  ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n                                  : stringSet.OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n                              }\n                            </MenuItem>\n                            <MenuItem\n                              onClick={() => {\n                                channel?.muteUser(p).then(() => {\n                                  refreshList();\n                                  closeDropdown();\n                                });\n                              }}\n                            >\n                              {stringSet.OPEN_CHANNEL_SETTING__MODERATION__MUTE}\n                            </MenuItem>\n                            <MenuItem\n                              onClick={() => {\n                                channel?.banUser(p).then(() => {\n                                  refreshList();\n                                  closeDropdown();\n                                });\n                              }}\n                            >\n                              {stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN}\n                            </MenuItem>\n                          </MenuItems>\n                        )}\n                      />\n                    )\n                    : null\n                )}\n              />\n            );\n          })\n        }\n        {\n          (participants && participants.length === 0)\n            ? (\n              <Label\n                className=\"sendbird-channel-settings__empty-list\"\n                type={LabelTypography.SUBTITLE_2}\n                color={LabelColors.ONBACKGROUND_3}\n              >\n                {stringSet.OPEN_CHANNEL_SETTINGS__EMPTY_LIST}\n              </Label>\n            ) : null\n        }\n        <div className=\"sendbird-openchannel-participant-list__footer\">\n          {\n            participantListQuery?.hasNext && (\n              <Button\n                type={ButtonTypes.SECONDARY}\n                size={ButtonSizes.SMALL}\n                onClick={() => setShowParticipantsModal(true)}\n              >\n                {stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE}\n              </Button>\n            )\n          }\n        </div>\n        {\n          showParticipantsModal && (\n            <ParticipantsModal\n              onCancel={() => {\n                setShowParticipantsModal(false);\n                refreshList();\n              }}\n            />\n          )\n        }\n      </div>\n    </div>\n  )\n}\n"],"names":["ParticipantsModal","_a","onCancel","state","useSendbirdStateContext","channel","useOpenChannelSettingsContext","stringSet","useContext","LocalizationContext","_e","useState","participants","setParticipants","_f","participantListQuery","setParticipantListQuery","userId","config","sdk","stores","sdkStore","isOperatorView","isOperator","useEffect","createParticipantListQuery","next","then","participantList","React","Modal","noop","OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE","e","hasNext","target","fetchMore","clientHeight","scrollTop","scrollHeight","fetchedParticipants","map","p","UserListItem","currentUser","actionRef","parentRef","ContextMenu","toggleDropdown","IconButton","Icon","IconTypes","MORE","IconColors","CONTENT_INVERSE","closeDropdown","MenuItems","MenuItem","removeOperators","addOperators","OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR","OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR","muteUser","OPEN_CHANNEL_SETTING__MODERATION__MUTE","banUser","OPEN_CHANNEL_SETTING__MODERATION__BAN","user","action","avatarRef","useRef","_b","UserProfileContext","disableUserProfile","renderUserProfile","Avatar","profileUrl","paddingTop","paddingBottom","currentUserId","close","UserProfile","Label","LabelTypography","SUBTITLE_2","LabelColors","ONBACKGROUND_1","nickname","NO_NAME","OPEN_CHANNEL_SETTINGS__MEMBERS__YOU","CAPTION_3","ONBACKGROUND_2","OPEN_CHANNEL_SETTINGS__MEMBERS__OPERATOR","ParticipantList","_c","globalState","_d","showParticipantsModal","setShowParticipantsModal","limit","refreshList","useCallback","length","ONBACKGROUND_3","OPEN_CHANNEL_SETTINGS__EMPTY_LIST","Button","ButtonTypes","SECONDARY","ButtonSizes","SMALL"],"mappings":"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"}
+{"version":3,"file":"index-ead714db.js","sources":["../../src/smart-components/OpenChannelSettings/components/ParticipantUI/ParticipantsModal.tsx","../../src/smart-components/OpenChannelSettings/components/ParticipantUI/ParticipantItem.tsx","../../src/smart-components/OpenChannelSettings/components/ParticipantUI/index.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useEffect,\n  useState,\n  useContext,\n} from 'react';\nimport type { User } from '@sendbird/chat';\nimport type { ParticipantListQuery } from '@sendbird/chat/openChannel';\n\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\nimport Modal from '../../../../ui/Modal';\nimport UserListItem from '../../../../ui/UserListItem';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { noop } from '../../../../utils/utils';\nimport { useOpenChannelSettingsContext } from '../../context/OpenChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\ninterface Props {\n  onCancel(): void;\n}\n\nexport default function ParticipantsModal({\n  onCancel,\n}: Props): ReactElement {\n  const state = useSendbirdStateContext();\n  const { channel } = useOpenChannelSettingsContext();\n  const { stringSet } = useContext(LocalizationContext);\n  const [participants, setParticipants] = useState<Array<User> | null>([]);\n  const [participantListQuery, setParticipantListQuery] = useState<ParticipantListQuery | null>(null);\n  const userId = state?.config?.userId;\n  const sdk = state?.stores?.sdkStore?.sdk;\n  const isOperatorView = channel?.isOperator(userId);\n  useEffect(() => {\n    if (!channel || !channel?.createParticipantListQuery) {\n      return;\n    }\n    const participantListQuery = channel?.createParticipantListQuery({});\n    setParticipantListQuery(participantListQuery);\n    participantListQuery.next().then((participantList) => {\n      setParticipants(participantList);\n    });\n  }, []);\n  return (\n    <div>\n      <Modal\n        hideFooter\n        onCancel={() => onCancel()}\n        onSubmit={noop}\n        titleText={stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE}\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = participantListQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\n\n            if (hasNext && fetchMore) {\n              participantListQuery.next().then((fetchedParticipants) => {\n                setParticipants([\n                  ...participants,\n                  ...fetchedParticipants,\n                ])\n              });\n            }\n          }}\n        >\n          {\n            participants.map((p) => {\n              const isOperator = channel?.isOperator(p.userId);\n              return (\n                <UserListItem\n                  user={p}\n                  key={p.userId}\n                  currentUser={sdk?.currentUser?.userId}\n                  action={\n                    (userId !== p.userId && isOperatorView)\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}\n                              closeDropdown={closeDropdown}\n                              openLeft\n                            >\n                              <MenuItem\n                                onClick={() => {\n                                  if (isOperator) {\n                                    channel?.removeOperators([p.userId]).then(() => {\n                                      closeDropdown();\n                                    });\n                                  } else {\n                                    channel?.addOperators([p.userId]).then(() => {\n                                      closeDropdown();\n                                    });\n                                  }\n                                }}\n                              >\n                                {\n                                  isOperator\n                                    ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n                                    : stringSet.OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n                                }\n                              </MenuItem>\n                              <MenuItem\n                                onClick={() => {\n                                  channel?.muteUser(p).then(() => {\n                                    closeDropdown();\n                                  });\n                                }}\n                              >\n                                {stringSet.OPEN_CHANNEL_SETTING__MODERATION__MUTE}\n                              </MenuItem>\n                              <MenuItem\n                                onClick={() => {\n                                  channel?.banUser(p).then(() => {\n                                    closeDropdown();\n                                  });\n                                }}\n                              >\n                                {stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN}\n                              </MenuItem>\n                            </MenuItems>\n                          )}\n                        />\n                      )\n                      : null\n                  }\n                />\n              )\n            })\n          }\n        </div>\n      </Modal>\n    </div>\n  )\n}\n","import React, {\n  ReactElement,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport type { User } from '@sendbird/chat';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\n\nimport { UserProfileContext } from '../../../../lib/UserProfileContext';\nimport Button, { ButtonTypes, ButtonSizes } from '../../../../ui/Button';\nimport Accordion from '../../../../ui/Accordion';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Avatar from '../../../../ui/Avatar/index';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport ParticipantsModal from './ParticipantsModal';\nimport UserProfile from '../../../../ui/UserProfile';\nimport ContextMenu, { MenuItems } from '../../../../ui/ContextMenu';\nimport { useOpenChannelSettingsContext } from '../../context/OpenChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\nconst SHOWN_MEMBER_MAX = 10;\n\ninterface ActionProps {\n  actionRef: React.RefObject<HTMLInputElement>;\n}\ninterface UserListItemProps {\n  user: User;\n  currentUser?: string;\n  isOperator?: boolean;\n  action?(props: ActionProps): ReactElement;\n}\n\nexport const UserListItem: React.FC<UserListItemProps> = ({\n  user,\n  currentUser,\n  isOperator,\n  action,\n}: UserListItemProps) => {\n  const avatarRef = useRef(null);\n  const actionRef = useRef(null);\n  const {\n    disableUserProfile,\n    renderUserProfile,\n  } = useContext(UserProfileContext);\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-participants-accordion__member\">\n      <div className=\"sendbird-participants-accordion__member-avatar\">\n        <ContextMenu\n          menuTrigger={(toggleDropdown) => (\n            <Avatar\n              onClick={() => {\n                if (!disableUserProfile) {\n                  toggleDropdown();\n                }\n              }}\n              ref={avatarRef}\n              src={user.profileUrl}\n              width={24}\n              height={24}\n            />\n          )}\n          menuItems={(closeDropdown) => (\n            <MenuItems\n              openLeft\n              parentRef={avatarRef}\n              // for catching location(x, y) of MenuItems\n              parentContainRef={avatarRef}\n              // for toggling more options(menus & reactions)\n              closeDropdown={closeDropdown}\n              style={{ paddingTop: 0, paddingBottom: 0 }}\n            >\n              {\n                renderUserProfile\n                  ? renderUserProfile({\n                    user: user,\n                    currentUserId: currentUser,\n                    close: closeDropdown,\n                  })\n                  : (\n                    <UserProfile\n                      disableMessaging\n                      user={user}\n                      currentUserId={currentUser}\n                      onSuccess={closeDropdown}\n                    />\n                  )\n              }\n            </MenuItems>\n          )}\n        />\n      </div>\n      <Label\n        className=\"sendbird-participants-accordion__member__title\"\n        type={LabelTypography.SUBTITLE_2}\n        color={LabelColors.ONBACKGROUND_1}\n      >\n        {user.nickname || stringSet.NO_NAME}\n        {\n          (currentUser === user.userId) && (\n            stringSet.OPEN_CHANNEL_SETTINGS__MEMBERS__YOU\n          )\n        }\n      </Label>\n      { // if there is now nickname, display userId\n        !user.nickname && (\n          <Label\n            className=\"sendbird-participants-accordion__member__title user-id\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {user.userId}\n          </Label>\n        )\n      }\n      {\n        isOperator && (\n          <Label\n            className=\"sendbird-participants-accordion__member__title operator\"\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {stringSet.OPEN_CHANNEL_SETTINGS__MEMBERS__OPERATOR}\n          </Label>\n        )\n      }\n      {\n        action && (\n          <div\n            className=\"sendbird-participants-accordion__member__action\"\n            ref={actionRef}\n          >\n            { action({ actionRef }) }\n          </div>\n        )\n      }\n    </div>\n  );\n};\n\nexport interface ParticipantsAccordionProps {\n  maxMembers?: number;\n}\n\nexport default function ParticipantsAccordion(props: ParticipantsAccordionProps): ReactElement {\n  const maxMembers = props?.maxMembers || SHOWN_MEMBER_MAX;\n  const { channel } = useOpenChannelSettingsContext();\n  const globalState = useSendbirdStateContext();\n  const currentUser = globalState?.config?.userId;\n  const [participants, setParticipants] = useState([]);\n  const [showMoreModal, setShowMoreModal] = useState(false);\n  const { stringSet } = useContext(LocalizationContext);\n\n  useEffect(() => {\n    if (!channel || !channel?.createParticipantListQuery) {\n      return;\n    }\n    const participantListQuery = channel?.createParticipantListQuery({});\n    participantListQuery.next().then((participantList) => {\n      setParticipants(participantList);\n    });\n  }, [channel]);\n\n  return (\n    <Accordion\n      className=\"sendbird-participants-accordion\"\n      id=\"participants\"\n      renderTitle={() => (\n        <>\n          <Icon\n            type={IconTypes.MEMBERS}\n            fillColor={IconColors.PRIMARY}\n            width={24}\n            height={24}\n            className=\"sendbird-openchannel-settings__accordion-icon\"\n          />\n          <Label\n            type={LabelTypography.SUBTITLE_1}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {stringSet.OPEN_CHANNEL_SETTINGS__PARTICIPANTS_ACCORDION_TITLE}\n          </Label>\n        </>\n      )}\n      renderContent={() => (\n        <div className=\"\">\n          <div className=\"sendbird-participants-accordion__list\">\n            {\n              participants.slice(0, maxMembers).map((p) => (\n                <UserListItem\n                  user={p}\n                  currentUser={currentUser}\n                  key={p.userId}\n                />\n              ))\n            }\n            {\n              (participants && participants.length === 0)\n                ? (\n                    <Label\n                      className=\"sendbird-channel-settings__empty-list\"\n                      type={LabelTypography.SUBTITLE_2}\n                      color={LabelColors.ONBACKGROUND_3}\n                    >\n                      {stringSet.OPEN_CHANNEL_SETTINGS__EMPTY_LIST}\n                    </Label>\n                ): null\n            }\n          </div>\n          {\n            participants.length >= maxMembers && (\n              <div className=\"sendbird-participants-accordion__footer\">\n                <Button\n                  className=\"sendbird-participants-accordion__footer__all-participants\"\n                  type={ButtonTypes.SECONDARY}\n                  size={ButtonSizes.SMALL}\n                  onClick={() => setShowMoreModal(true)}\n                >\n                  {stringSet.OPEN_CHANNEL_SETTINGS__SEE_ALL}\n                </Button>\n                {\n                  showMoreModal && (\n                    <ParticipantsModal\n                      onCancel={() => {\n                        setShowMoreModal(false);\n                      }}\n                    />\n                  )\n                }\n              </div>\n            )\n          }\n        </div>\n      )}\n    />\n  );\n}\n","import React, {\n  ReactElement,\n  useContext,\n  useState,\n  useEffect,\n  useCallback,\n} from 'react';\nimport type { User } from '@sendbird/chat';\nimport type { ParticipantListQuery } from '@sendbird/chat/openChannel';\n\nimport Button, { ButtonTypes, ButtonSizes } from '../../../../ui/Button';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport IconButton from '../../../../ui/IconButton';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\n\nimport { UserListItem } from './ParticipantItem';\nimport ParticipantsModal from './ParticipantsModal';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useOpenChannelSettingsContext } from '../../context/OpenChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\ninterface ParticipantListProps {\n  isOperatorView?: boolean;\n}\n\nexport default function ParticipantList({\n  isOperatorView = false,\n}: ParticipantListProps): ReactElement {\n  const globalState = useSendbirdStateContext();\n  const currentUserId = globalState?.config?.userId;\n  const { channel } = useOpenChannelSettingsContext();\n  const { stringSet } = useContext(LocalizationContext);\n  const [participants, setParticipants] = useState<Array<User> | null>([]);\n  const [participantListQuery, setParticipantListQuery] = useState<ParticipantListQuery | null>(null);\n  const [showParticipantsModal, setShowParticipantsModal] = useState<boolean>(false);\n  useEffect(() => {\n    if (!channel || !channel?.createParticipantListQuery) {\n      return;\n    }\n    const participantListQuery = channel?.createParticipantListQuery({ limit: 10 });\n    setParticipantListQuery(participantListQuery);\n    participantListQuery.next().then((participants) => {\n      setParticipants(participants);\n    });\n  }, [channel]);\n  const refreshList = useCallback(() => {\n    if (!channel) {\n      setParticipants([]);\n      return;\n    }\n    const participantListQuery = channel?.createParticipantListQuery({ limit: 10 });\n    participantListQuery.next().then((participants) => {\n      setParticipants(participants);\n    });\n  }, [channel]);\n  return (\n    <div\n      className=\"sendbird-openchannel-settings__participant-list\"\n      onScroll={(e) => {\n        const { hasNext } = participantListQuery;\n        const target = e.target as HTMLTextAreaElement;\n        const fetchMore = (\n          target.clientHeight + target.scrollTop === target.scrollHeight\n        );\n\n        if (hasNext && fetchMore) {\n          participantListQuery.next().then((fetchedParticipants) => {\n            setParticipants([\n              ...participants,\n              ...fetchedParticipants,\n            ])\n          });\n        }\n      }}\n    >\n      <div>\n        {\n          participants.map((p: User) => {\n            const isOperator = channel?.isOperator(p.userId);\n            return (\n              <UserListItem\n                user={p}\n                currentUser={currentUserId}\n                key={p.userId}\n                isOperator={isOperator}\n                action={({ actionRef }) => (\n                  (isOperatorView && currentUserId !== p?.userId)\n                    ? (\n                      <ContextMenu\n                        menuTrigger={(toggleDropdown) => (\n                          <IconButton\n                            className=\"sendbird-openchannel-participant-list__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                            parentRef={actionRef}\n                            closeDropdown={closeDropdown}\n                            openLeft\n                          >\n                            <MenuItem\n                              onClick={() => {\n                                if (isOperator) {\n                                  channel?.removeOperators([p.userId]).then(() => {\n                                    refreshList();\n                                    closeDropdown();\n                                  });\n                                } else {\n                                  channel?.addOperators([p.userId]).then(() => {\n                                    refreshList();\n                                    closeDropdown();\n                                  })\n                                }\n                              }}\n                            >\n                              {\n                                isOperator\n                                  ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n                                  : stringSet.OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n                              }\n                            </MenuItem>\n                            <MenuItem\n                              onClick={() => {\n                                channel?.muteUser(p).then(() => {\n                                  refreshList();\n                                  closeDropdown();\n                                });\n                              }}\n                            >\n                              {stringSet.OPEN_CHANNEL_SETTING__MODERATION__MUTE}\n                            </MenuItem>\n                            <MenuItem\n                              onClick={() => {\n                                channel?.banUser(p).then(() => {\n                                  refreshList();\n                                  closeDropdown();\n                                });\n                              }}\n                            >\n                              {stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN}\n                            </MenuItem>\n                          </MenuItems>\n                        )}\n                      />\n                    )\n                    : null\n                )}\n              />\n            );\n          })\n        }\n        {\n          (participants && participants.length === 0)\n            ? (\n              <Label\n                className=\"sendbird-channel-settings__empty-list\"\n                type={LabelTypography.SUBTITLE_2}\n                color={LabelColors.ONBACKGROUND_3}\n              >\n                {stringSet.OPEN_CHANNEL_SETTINGS__EMPTY_LIST}\n              </Label>\n            ) : null\n        }\n        <div className=\"sendbird-openchannel-participant-list__footer\">\n          {\n            participantListQuery?.hasNext && (\n              <Button\n                type={ButtonTypes.SECONDARY}\n                size={ButtonSizes.SMALL}\n                onClick={() => setShowParticipantsModal(true)}\n              >\n                {stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE}\n              </Button>\n            )\n          }\n        </div>\n        {\n          showParticipantsModal && (\n            <ParticipantsModal\n              onCancel={() => {\n                setShowParticipantsModal(false);\n                refreshList();\n              }}\n            />\n          )\n        }\n      </div>\n    </div>\n  )\n}\n"],"names":["ParticipantsModal","_a","onCancel","state","useSendbirdStateContext","channel","useOpenChannelSettingsContext","stringSet","useContext","LocalizationContext","_e","useState","participants","setParticipants","_f","participantListQuery","setParticipantListQuery","userId","config","sdk","stores","sdkStore","isOperatorView","isOperator","useEffect","createParticipantListQuery","next","then","participantList","React","Modal","noop","OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE","e","hasNext","target","fetchMore","clientHeight","scrollTop","scrollHeight","fetchedParticipants","map","p","UserListItem","currentUser","actionRef","parentRef","ContextMenu","toggleDropdown","IconButton","Icon","IconTypes","MORE","IconColors","CONTENT_INVERSE","closeDropdown","MenuItems","MenuItem","removeOperators","addOperators","OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR","OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR","muteUser","OPEN_CHANNEL_SETTING__MODERATION__MUTE","banUser","OPEN_CHANNEL_SETTING__MODERATION__BAN","user","action","avatarRef","useRef","_b","UserProfileContext","disableUserProfile","renderUserProfile","Avatar","profileUrl","paddingTop","paddingBottom","currentUserId","close","UserProfile","Label","LabelTypography","SUBTITLE_2","LabelColors","ONBACKGROUND_1","nickname","NO_NAME","OPEN_CHANNEL_SETTINGS__MEMBERS__YOU","CAPTION_3","ONBACKGROUND_2","OPEN_CHANNEL_SETTINGS__MEMBERS__OPERATOR","ParticipantList","_c","globalState","_d","showParticipantsModal","setShowParticipantsModal","limit","refreshList","useCallback","length","ONBACKGROUND_3","OPEN_CHANNEL_SETTINGS__EMPTY_LIST","Button","ButtonTypes","SECONDARY","ButtonSizes","SMALL"],"mappings":"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"}

package/cjs/index.js

@@ -7,55 +7,55 @@ var App = require('./App.js');
 var ChannelSettings = require('./ChannelSettings.js');
 var ChannelList = require('./ChannelList.js');
 var Channel = require('./Channel.js');
-var stringSet = require('./stringSet-857a128c.js');
+var stringSet = require('./stringSet-59d50a66.js');
 var OpenChannel = require('./OpenChannel.js');
 var OpenChannelSettings = require('./OpenChannelSettings.js');
 var MessageSearch = require('./MessageSearch.js');
 var withSendbird = require('./withSendbird.js');
 var sendbirdSelectors = require('./sendbirdSelectors.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-require('./_rollupPluginBabelHelpers-4265e501.js');
+require('./_rollupPluginBabelHelpers-082ff33d.js');
 require('react');
 require('prop-types');
-require('./sendbird-dfd051c8.js');
-require('./__bundle-6316ce22-c06e03fc.js');
-require('./__bundle-fbda47dd-1a2c2d97.js');
-require('./openChannel-76345cfa.js');
-require('./__bundle-7dfccc8c-dcc1c854.js');
-require('./groupChannel-11ed3837.js');
-require('./actionTypes-7c5a0f8b.js');
-require('./index-06c3dca9.js');
-require('./tslib.es6-ba69891c.js');
+require('./sendbird-211e4dae.js');
+require('./__bundle-6316ce22-bdf33468.js');
+require('./__bundle-fbda47dd-d736220d.js');
+require('./openChannel-e2adcd8a.js');
+require('./__bundle-7dfccc8c-8ada5946.js');
+require('./groupChannel-150632d7.js');
+require('./actionTypes-54af9c52.js');
+require('./index-8bd2c4bb.js');
+require('./tslib.es6-f1d73fc3.js');
 require('css-vars-ponyfill');
-require('./uuid-49679ac2.js');
-require('./LocalizationContext-da62a103.js');
-require('./index-25336220.js');
+require('./uuid-abe82759.js');
+require('./LocalizationContext-35942797.js');
+require('./index-6fc7a50a.js');
 require('./ChannelSettings/components/ChannelSettingsUI.js');
 require('./ChannelSettings/context.js');
-require('./UserProfileContext-891590a7.js');
-require('./index-b440f8c6.js');
+require('./UserProfileContext-7fab3049.js');
+require('./index-a4141b26.js');
 require('./ui/Icon.js');
-require('./index-089e0fba.js');
+require('./index-d5a50567.js');
 require('./ui/Loader.js');
 require('./ui/IconButton.js');
 require('./ChannelSettings/components/ChannelProfile.js');
 require('./ui/ChannelAvatar.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./utils-c39eb349.js');
+require('./utils-09755f32.js');
 require('./ui/TextButton.js');
-require('./color-42e34a43.js');
+require('./color-ec571f01.js');
 require('./ChannelSettings/components/EditDetailsModal.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-32562627.js');
-require('./index-05692021.js');
+require('./index-df12b2be.js');
+require('./index-2f57e1c8.js');
 require('./ui/Input.js');
 require('./ChannelSettings/components/ModerationPanel.js');
 require('./ui/Accordion.js');
 require('./ui/AccordionGroup.js');
-require('./context-82ac7edc.js');
-require('./utils-bf57a41a.js');
+require('./context-360ca291.js');
+require('./utils-c5ed90dc.js');
 require('./ui/Badge.js');
 require('./ui/ContextMenu.js');
 require('./ui/SortByRow.js');
@@ -64,40 +64,40 @@ require('./ui/MutedAvatarOverlay.js');
 require('./ui/UserProfile.js');
 require('./ui/UserListItem.js');
 require('./ui/Checkbox.js');
-require('./MemberList-442ade8c.js');
+require('./MemberList-c79c660f.js');
 require('./ChannelSettings/components/LeaveChannel.js');
 require('./ChannelSettings/components/UserPanel.js');
-require('./ChannelListProvider-b60fe6ed.js');
-require('./topics-a755c9c6.js');
+require('./ChannelListProvider-64262fd2.js');
+require('./topics-8094440d.js');
 require('./ChannelList/components/ChannelListUI.js');
 require('./ChannelList/components/ChannelListHeader.js');
 require('./ChannelList/components/AddChannel.js');
 require('./CreateChannel.js');
 require('./CreateChannel/components/CreateChannelUI.js');
-require('./CreateChannelProvider-71e1e6d6.js');
+require('./CreateChannelProvider-49506a99.js');
 require('./CreateChannel/components/InviteUsers.js');
 require('./CreateChannel/components/SelectChannelType.js');
 require('./ChannelList/components/ChannelPreview.js');
-require('./index-c79f62fd.js');
-require('./index-fb127b1f.js');
-require('./index-f5cb5c7f.js');
+require('./index-b099330e.js');
+require('./index-43c0e19f.js');
+require('./index-8a5ade0f.js');
 require('./ui/MentionUserLabel.js');
 require('./Channel/components/TypingIndicator.js');
-require('./ChannelProvider-b21b3c2a.js');
-require('./compareIds-26079db4.js');
-require('./const-c1a4604d.js');
+require('./ChannelProvider-c20e9dc3.js');
+require('./compareIds-1b11164b.js');
+require('./const-baaf7275.js');
 require('./ui/ReactionButton.js');
 require('./ui/MessageStatus.js');
 require('./ChannelList/components/ChannelPreviewAction.js');
 require('./EditUserProfile.js');
-require('./index-82646d4d.js');
+require('./index-6a2cc1bb.js');
 require('./Channel/components/ChannelUI.js');
 require('./ui/ConnectionStatus.js');
 require('./Channel/components/ChannelHeader.js');
 require('./Channel/components/MessageList.js');
 require('./Channel/components/Message.js');
 require('./Channel/components/SuggestedMentionList.js');
-require('./const-8a9ec74c.js');
+require('./const-c6530407.js');
 require('./ui/DateSeparator.js');
 require('./ui/MessageInput.js');
 require('./ui/MessageContent.js');
@@ -124,15 +124,15 @@ require('./Channel/components/UnreadCount.js');
 require('./Channel/components/MessageInput.js');
 require('./ui/QuoteMessageInput.js');
 require('./OpenChannel/components/OpenChannelUI.js');
-require('./OpenChannelProvider-bc8d7f0d.js');
+require('./OpenChannelProvider-174daa25.js');
 require('./OpenChannel/components/OpenChannelInput.js');
 require('./OpenChannel/components/FrozenChannelNotification.js');
 require('./OpenChannel/components/OpenChannelHeader.js');
 require('./OpenChannel/components/OpenChannelMessageList.js');
 require('./OpenChannel/components/OpenChannelMessage.js');
 require('./ui/OpenchannelUserMessage.js');
-require('./utils-bfbac88e.js');
-require('./openChannelUtils-56d57483.js');
+require('./utils-ef8fd6ba.js');
+require('./openChannelUtils-e9df94b8.js');
 require('./ui/OpenChannelAdminMessage.js');
 require('./ui/OpenchannelOGMessage.js');
 require('./ui/OpenchannelThumbnailMessage.js');
@@ -144,7 +144,7 @@ require('./OpenChannelSettings/components/OperatorUI.js');
 require('./OpenChannelSettings/components/OpenChannelProfile.js');
 require('./ui/OpenChannelAvatar.js');
 require('./OpenChannelSettings/components/EditDetailsModal.js');
-require('./index-81e2234a.js');
+require('./index-ead714db.js');
 require('./MessageSearch/components/MessageSearchUI.js');
 require('./MessageSearch/context.js');
 require('./ui/MessageSearchItem.js');

package/cjs/{openChannel-76345cfa.js → openChannel-e2adcd8a.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var __bundle6316ce22 = require('./__bundle-6316ce22-c06e03fc.js');
-var __bundle7dfccc8c = require('./__bundle-7dfccc8c-dcc1c854.js');
+var __bundle6316ce22 = require('./__bundle-6316ce22-bdf33468.js');
+var __bundle7dfccc8c = require('./__bundle-7dfccc8c-8ada5946.js');
 
 var en=function(r){function a(){var n=null!==r&&r.apply(this,arguments)||this;return n._channels=new Map,n._enteredChannelUrls=[],n}return __bundle6316ce22.t(a,r),Object.defineProperty(a.prototype,"enteredChannels",{get:function(){var n=this;return this._enteredChannelUrls.map((function(e){return n._channels.get(e)})).filter((function(n){return null!==n}))},enumerable:!1,configurable:!0}),a.prototype.isEnteredChannel=function(n){return this._enteredChannelUrls.includes(n)},a.prototype.enter=function(n){this._enteredChannelUrls.indexOf(n)<0&&this._enteredChannelUrls.push(n);},a.prototype.exit=function(n){var e=this._enteredChannelUrls.indexOf(n);e>=0&&this._enteredChannelUrls.splice(e,1);},a.prototype.exitAll=function(){this._enteredChannelUrls=[];},a.prototype.get=function(n){var r;return __bundle6316ce22.r(this,void 0,void 0,(function(){return __bundle6316ce22.i(this,(function(e){return [2,null!==(r=this._channels.get(n))&&void 0!==r?r:null]}))}))},a.prototype.upsert=function(n){return __bundle6316ce22.r(this,void 0,void 0,(function(){var e=this;return __bundle6316ce22.i(this,(function(t){return n.forEach((function(n){if(e._channels.has(n.url)){var t=e._channels.get(n.url);Object.assign(t,n);}else e._channels.set(n.url,n);})),[2]}))}))},a.prototype.remove=function(n){return __bundle6316ce22.r(this,void 0,void 0,(function(){return __bundle6316ce22.i(this,(function(e){return this._channels.delete(n),this.exit(n),[2]}))}))},a.prototype.clear=function(){return __bundle6316ce22.r(this,void 0,void 0,(function(){return __bundle6316ce22.i(this,(function(n){return this._channels.clear(),this._enteredChannelUrls=[],[2]}))}))},a}(__bundle6316ce22.Le),tn={channelUrl:null,name:null,coverUrlOrImage:null,data:null,customType:null,operatorUserIds:null},rn=function(e){function t(n){var t=n.channelUrl,r=n.isInternalCall,a=e.call(this)||this;return a.method=__bundle6316ce22.d.GET,a.path="".concat(r?__bundle6316ce22.Ge:__bundle6316ce22.xe,"/").concat(encodeURIComponent(t)),a}return __bundle6316ce22.t(t,e),t}(__bundle6316ce22.q),an=function(e){function t(n,t){var r=e.call(this,n,t)||this;return r.channel=null,r.channel=new gn(n,t),r}return __bundle6316ce22.t(t,e),t}(__bundle6316ce22.F),sn=function(e){function t(n){var t=this,r=n.channelUrl,a=n.coverUrlOrImage,u=n.name,l=n.data,h=n.customType,p=n.operatorUserIds;return (t=e.call(this)||this).method=__bundle6316ce22.d.POST,t.path=__bundle6316ce22.xe,t.params=__bundle6316ce22.U({channel_url:r,cover_url:__bundle6316ce22.y("string",a)?a:null,cover_file:__bundle6316ce22.S(a)?a:null,name:u,data:l,custom_type:h,operators:p}),t}return __bundle6316ce22.t(t,e),t}(__bundle6316ce22.q);!function(e){function t(n,t){var r=e.call(this,n,t)||this;return r.channel=new gn(n,t),r}__bundle6316ce22.t(t,e);}(__bundle6316ce22.F);var on=function(e){function t(n){var t=n.channelUrl;return e.call(this,{code:"ENTR",payload:{channel_url:t},ackRequired:!0})||this}return __bundle6316ce22.t(t,e),t}(__bundle6316ce22.H),un=function(e){function t(n,t,r){var a,i,s=this;return s=e.call(this,n,"ENTR",r)||this,r.data&&(s.participantCount=null!==(a=r.data.participant_count)&&void 0!==a?a:0,s.user=new __bundle6316ce22.ct(n,r.data),s.ts=null!==(i=r.data.edge_ts)&&void 0!==i?i:0),s}return __bundle6316ce22.t(t,e),t}(__bundle6316ce22.B),cn=function(e){function t(n){var t=n.channelUrl;return e.call(this,{code:"EXIT",payload:{channel_url:t},ackRequired:!0})||this}return __bundle6316ce22.t(t,e),t}(__bundle6316ce22.H),ln=function(e){function t(n,t,r){var a,i,s=this;return s=e.call(this,n,"EXIT",r)||this,r.data&&(s.participantCount=null!==(a=r.data.participant_count)&&void 0!==a?a:0,s.user=new __bundle6316ce22.ct(n,r.data),s.ts=null!==(i=r.data.edge_ts)&&void 0!==i?i:0),s}return __bundle6316ce22.t(t,e),t}(__bundle6316ce22.B),hn={},dn=function(){function n(n,e){var t=e.sdkState,r=e.dispatcher,a=e.requestQueue,i=this;this._sdkState=t,this._requestQueue=a,this._dispatcher=r,this._openChannelCache=new en(n),this._openChannelHandlers=new Map,this._dispatcher.on((function(n){var e,t;if(n instanceof __bundle6316ce22.B)i._handleEvent(n);else if(n instanceof __bundle6316ce22.de&&n.stateType===__bundle6316ce22.J.CONNECTED){var r=i._openChannelCache.enteredChannels;try{for(var a=__bundle6316ce22.s(r),s=a.next();!s.done;s=a.next()){s.value.enter();}}catch(n){e={error:n};}finally{try{s&&!s.done&&(t=a.return)&&t.call(a);}finally{if(e)throw e.error}}}})),hn[n]=this;}return n.of=function(n){return hn[n]},n.prototype.buildOpenChannelFromSerializedData=function(n){var e=__bundle6316ce22.ot(n);return new gn(e._iid,gn.payloadify(e))},n.prototype.getChannelFromCache=function(n){return __bundle6316ce22.r(this,void 0,void 0,(function(){return __bundle6316ce22.i(this,(function(e){switch(e.label){case 0:return [4,this._openChannelCache.get(n)];case 1:return [2,e.sent()]}}))}))},n.prototype.upsertChannelsToCache=function(n){return __bundle6316ce22.r(this,void 0,void 0,(function(){return __bundle6316ce22.i(this,(function(e){switch(e.label){case 0:return [4,this._openChannelCache.upsert(n)];case 1:return e.sent(),[2]}}))}))},n.prototype.removeChannelsFromCache=function(n){return __bundle6316ce22.r(this,void 0,void 0,(function(){var e,r,a,i,s,o;return __bundle6316ce22.i(this,(function(t){switch(t.label){case 0:t.trys.push([0,5,6,7]),e=__bundle6316ce22.s(n),r=e.next(),t.label=1;case 1:return r.done?[3,4]:(a=r.value,[4,this._openChannelCache.remove(a)]);case 2:t.sent(),t.label=3;case 3:return r=e.next(),[3,1];case 4:return [3,7];case 5:return i=t.sent(),s={error:i},[3,7];case 6:try{r&&!r.done&&(o=e.return)&&o.call(e);}finally{if(s)throw s.error}return [7];case 7:return [2]}}))}))},n.prototype.setEnteredToCache=function(n){this._openChannelCache.enter(n.url);},n.prototype.setExitedToCache=function(n){this._openChannelCache.exit(n.url);},n.prototype._handleEvent=function(n){return __bundle6316ce22.r(this,void 0,void 0,(function(){var r,a,i,s,o,u,c,l,h,d,p,f,C,v,_,m,T,N,H,I,M,b,O,D,x,A,B,nn,en,tn,rn,an,sn,on,cn,hn,dn,pn,fn,Cn,vn,_n,yn,mn,gn,Un,En,wn,Tn,Nn,Hn,In,Mn,bn,On,Dn,xn,An,Pn,Ln=this;return __bundle6316ce22.i(this,(function(Rn){switch(Rn.label){case 0:switch(Rn.trys.push([0,51,,52]),n.code){case"MESG":case"FILE":case"ADMM":case"BRDM":return [3,1];case"MEDI":case"FEDI":case"AEDI":return [3,4];case"DELM":return [3,7];case"MRCT":return [3,10];case"MTHD":return [3,13];case"MCNT":return [3,16];case"SYEV":return [3,27]}return [3,50];case 1:return s=null,"MESG"===n.code?s=n.as(__bundle6316ce22.gt):"FILE"===n.code?s=n.as(__bundle6316ce22.Jt):"ADMM"!==n.code&&"BRDM"!=n.code||(s=n.as(__bundle7dfccc8c.A)),s?(r=s.message,a=s.isMentioned,r.channelType!==__bundle6316ce22.ne.OPEN?[3,3]:[4,this.getChannel(r.channelUrl,!0)]):[3,3];case 2:i=Rn.sent(),__bundle6316ce22.Ie((function(){return __bundle6316ce22.r(Ln,void 0,void 0,(function(){var n,e,s,o,u;return __bundle6316ce22.i(this,(function(t){try{for(n=__bundle6316ce22.s(this._openChannelHandlers.values()),e=n.next();!e.done;e=n.next())s=e.value,this._openChannelCache.isEnteredChannel(i.url)&&s.onMessageReceived(i,r),a&&s.onMentionReceived(i,r);}catch(n){o={error:n};}finally{try{e&&!e.done&&(u=n.return)&&u.call(n);}finally{if(o)throw o.error}}return [2]}))}))})),Rn.label=3;case 3:return [3,50];case 4:return s=null,"MEDI"===n.code?s=n.as(__bundle6316ce22.Tt$1):"FEDI"===n.code?s=n.as(__bundle6316ce22.It):"AEDI"===n.code&&(s=n.as(__bundle7dfccc8c.c)),s?(o=s.message).channelType!==__bundle6316ce22.ne.OPEN?[3,6]:[4,this.getChannel(o.channelUrl,!0)]:[3,6];case 5:u=Rn.sent(),__bundle6316ce22.Ie((function(){return __bundle6316ce22.r(Ln,void 0,void 0,(function(){var n,e,r,a,i;return __bundle6316ce22.i(this,(function(t){try{for(n=__bundle6316ce22.s(this._openChannelHandlers.values()),e=n.next();!e.done;e=n.next())r=e.value,this._openChannelCache.isEnteredChannel(u.url)&&r.onMessageUpdated(u,o);}catch(n){a={error:n};}finally{try{e&&!e.done&&(i=n.return)&&i.call(n);}finally{if(a)throw a.error}}return [2]}))}))})),Rn.label=6;case 6:return [3,50];case 7:return c=n.as(__bundle6316ce22.wt),M=c.channelUrl,p=c.channelType,l=c.messageId,p!==__bundle6316ce22.ne.OPEN?[3,9]:[4,this.getChannel(M,!0)];case 8:h=Rn.sent(),__bundle6316ce22.Ie((function(){return __bundle6316ce22.r(Ln,void 0,void 0,(function(){var n,e,r,a,i;return __bundle6316ce22.i(this,(function(t){try{for(n=__bundle6316ce22.s(this._openChannelHandlers.values()),e=n.next();!e.done;e=n.next())r=e.value,this._openChannelCache.isEnteredChannel(h.url)&&r.onMessageDeleted(h,l);}catch(n){a={error:n};}finally{try{e&&!e.done&&(i=n.return)&&i.call(n);}finally{if(a)throw a.error}}return [2]}))}))})),Rn.label=9;case 9:return [3,50];case 10:return d=n.as(__bundle7dfccc8c.H),M=d.channelUrl,p=d.channelType,f=d.event,p!==__bundle6316ce22.ne.OPEN?[3,12]:[4,this.getChannel(M,!0)];case 11:C=Rn.sent(),__bundle6316ce22.Ie((function(){return __bundle6316ce22.r(Ln,void 0,void 0,(function(){var n,e,r,a;return __bundle6316ce22.i(this,(function(t){try{for(n=__bundle6316ce22.s(this._openChannelHandlers.values()),e=n.next();!e.done;e=n.next())e.value.onReactionUpdated(C,f);}catch(n){r={error:n};}finally{try{e&&!e.done&&(a=n.return)&&a.call(n);}finally{if(r)throw r.error}}return [2]}))}))})),Rn.label=12;case 12:return [3,50];case 13:return (v=n.as(__bundle7dfccc8c.T).event).channelType!==__bundle6316ce22.ne.OPEN?[3,15]:[4,this.getChannel(v.channelUrl,!0)];case 14:_=Rn.sent(),__bundle6316ce22.Ie((function(){return __bundle6316ce22.r(Ln,void 0,void 0,(function(){var n,e,r,a;return __bundle6316ce22.i(this,(function(t){try{for(n=__bundle6316ce22.s(this._openChannelHandlers.values()),e=n.next();!e.done;e=n.next())e.value.onThreadInfoUpdated(_,v);}catch(n){r={error:n};}finally{try{e&&!e.done&&(a=n.return)&&a.call(n);}finally{if(r)throw r.error}}return [2]}))}))})),Rn.label=15;case 15:return [3,50];case 16:m=n.as(__bundle7dfccc8c.h).openChannelMemberCounts,T=[],Rn.label=17;case 17:Rn.trys.push([17,22,23,24]),N=__bundle6316ce22.s(m),H=N.next(),Rn.label=18;case 18:return H.done?[3,21]:(I=H.value,M=I.channelUrl,an=I.participantCount,b=I.updatedAt,[4,this.getChannelFromCache(M)]);case 19:(O=Rn.sent())&&O._updateParticipantCount(an,b)&&T.push(O),Rn.label=20;case 20:return H=N.next(),[3,18];case 21:return [3,24];case 22:return D=Rn.sent(),An={error:D},[3,24];case 23:try{H&&!H.done&&(Pn=N.return)&&Pn.call(N);}finally{if(An)throw An.error}return [7];case 24:return T.length>0?[4,this.upsertChannelsToCache(T)]:[3,26];case 25:Rn.sent(),__bundle6316ce22.Ie((function(){return __bundle6316ce22.r(Ln,void 0,void 0,(function(){var n,e,r,a;return __bundle6316ce22.i(this,(function(t){try{for(n=__bundle6316ce22.s(this._openChannelHandlers.values()),e=n.next();!e.done;e=n.next())e.value.onChannelMemberCountChanged(T);}catch(n){r={error:n};}finally{try{e&&!e.done&&(a=n.return)&&a.call(n);}finally{if(r)throw r.error}}return [2]}))}))})),Rn.label=26;case 26:return [3,50];case 27:if(!(x=n.as(__bundle7dfccc8c.C).event).isOpenChannelEvent)return [3,49];switch(x.category){case __bundle7dfccc8c._.CHANNEL_ENTER:return [3,28];case __bundle7dfccc8c._.CHANNEL_EXIT:return [3,30];case __bundle7dfccc8c._.CHANNEL_OPERATOR_UPDATE:return [3,32];case __bundle7dfccc8c._.USER_CHANNEL_MUTE:case __bundle7dfccc8c._.USER_CHANNEL_UNMUTE:return [3,34];case __bundle7dfccc8c._.USER_CHANNEL_BAN:case __bundle7dfccc8c._.USER_CHANNEL_UNBAN:return [3,36];case __bundle7dfccc8c._.CHANNEL_FREEZE:case __bundle7dfccc8c._.CHANNEL_UNFREEZE:return [3,38];case __bundle7dfccc8c._.CHANNEL_DELETED:return [3,40];case __bundle7dfccc8c._.CHANNEL_PROP_CHANGED:return [3,43];case __bundle7dfccc8c._.CHANNEL_META_DATA_CHANGED:return [3,45];case __bundle7dfccc8c._.CHANNEL_META_COUNTERS_CHANGED:return [3,47]}return [3,49];case 28:return [4,this.getChannel(x.channelUrl,!0)];case 29:return A=Rn.sent(),B=n.as(un),an=B.participantCount,nn=B.user,en=A._updateParticipantCount(an,x.ts),__bundle6316ce22.Ie((function(){return __bundle6316ce22.r(Ln,void 0,void 0,(function(){return __bundle6316ce22.i(this,(function(n){return this._openChannelHandlers.forEach((function(n){n.onUserEntered(A,nn),en&&n.onChannelParticipantCountChanged(A);})),[2]}))}))})),[3,49];case 30:return [4,this.getChannel(x.channelUrl,!0)];case 31:return tn=Rn.sent(),rn=n.as(ln),an=rn.participantCount,sn=rn.user,on=tn._updateParticipantCount(an,x.ts),__bundle6316ce22.Ie((function(){return __bundle6316ce22.r(Ln,void 0,void 0,(function(){return __bundle6316ce22.i(this,(function(n){return this._openChannelHandlers.forEach((function(n){n.onUserExited(tn,sn),on&&n.onChannelParticipantCountChanged(tn);})),[2]}))}))})),[3,49];case 32:return [4,this.getChannel(x.channelUrl,!0)];case 33:return cn=Rn.sent(),hn=n.as(__bundle7dfccc8c.d).operators,cn.operators=hn,this.upsertChannelsToCache([cn]),__bundle6316ce22.Ie((function(){return __bundle6316ce22.r(Ln,void 0,void 0,(function(){return __bundle6316ce22.i(this,(function(n){return this._openChannelHandlers.forEach((function(n){n.onOperatorUpdated(cn,hn);})),[2]}))}))})),[3,49];case 34:return [4,this.getChannel(x.channelUrl,!0)];case 35:return dn=Rn.sent(),pn=x.category===__bundle7dfccc8c._.USER_CHANNEL_MUTE,fn=n.as(pn?__bundle6316ce22.at$1:__bundle6316ce22.ot$1).user,__bundle6316ce22.Ie((function(){return __bundle6316ce22.r(Ln,void 0,void 0,(function(){return __bundle6316ce22.i(this,(function(n){return this._openChannelHandlers.forEach((function(n){pn?n.onUserMuted(dn,fn):n.onUserUnmuted(dn,fn);})),[2]}))}))})),[3,49];case 36:return [4,this.getChannel(x.channelUrl,!0)];case 37:return Cn=Rn.sent(),vn=x.category===__bundle7dfccc8c._.USER_CHANNEL_BAN,_n=n.as(vn?__bundle6316ce22.ct$1:__bundle6316ce22.dt$1).user,__bundle6316ce22.Ie((function(){return __bundle6316ce22.r(Ln,void 0,void 0,(function(){return __bundle6316ce22.i(this,(function(n){return this._openChannelHandlers.forEach((function(n){vn?n.onUserBanned(Cn,_n):n.onUserUnbanned(Cn,_n);})),[2]}))}))})),[3,49];case 38:return [4,this.getChannel(x.channelUrl,!0)];case 39:return yn=Rn.sent(),mn=n.as(__bundle6316ce22.pt).freeze,yn.isFrozen=mn,this.upsertChannelsToCache([yn]),__bundle6316ce22.Ie((function(){return __bundle6316ce22.r(Ln,void 0,void 0,(function(){return __bundle6316ce22.i(this,(function(n){return this._openChannelHandlers.forEach((function(n){mn?n.onChannelFrozen(yn):n.onChannelUnfrozen(yn);})),[2]}))}))})),[3,49];case 40:return [4,this.getChannel(x.channelUrl,!0)];case 41:return gn=Rn.sent(),[4,this.removeChannelsFromCache([gn.url])];case 42:return Rn.sent(),__bundle6316ce22.Ie((function(){return __bundle6316ce22.r(Ln,void 0,void 0,(function(){return __bundle6316ce22.i(this,(function(n){return this._openChannelHandlers.forEach((function(n){n.onChannelDeleted(gn.url,gn.channelType);})),[2]}))}))})),[3,49];case 43:return [4,this.getChannelWithoutCache(x.channelUrl,!0)];case 44:return Un=Rn.sent(),__bundle6316ce22.Ie((function(){return __bundle6316ce22.r(Ln,void 0,void 0,(function(){return __bundle6316ce22.i(this,(function(n){return this._openChannelHandlers.forEach((function(n){n.onChannelChanged(Un);})),[2]}))}))})),[3,49];case 45:return [4,this.getChannel(x.channelUrl,!0)];case 46:return En=Rn.sent(),wn=n.as(__bundle6316ce22.je),Tn=wn.created,Nn=wn.updated,Hn=wn.deleted,Tn&&En._upsertCachedMetaData(Tn,x.ts),Nn&&En._upsertCachedMetaData(Nn,x.ts),Hn&&En._removeFromCachedMetaData(Hn,x.ts),__bundle6316ce22.Ie((function(){return __bundle6316ce22.r(Ln,void 0,void 0,(function(){return __bundle6316ce22.i(this,(function(n){return this._openChannelHandlers.forEach((function(n){Tn&&n.onMetaDataCreated(En,Tn),Nn&&n.onMetaDataUpdated(En,Nn),Hn&&n.onMetaDataDeleted(En,Hn);})),[2]}))}))})),[3,49];case 47:return [4,this.getChannel(x.channelUrl,!0)];case 48:return In=Rn.sent(),Mn=n.as(__bundle6316ce22.tt),bn=Mn.created,On=Mn.updated,Dn=Mn.deleted,__bundle6316ce22.Ie((function(){return __bundle6316ce22.r(Ln,void 0,void 0,(function(){return __bundle6316ce22.i(this,(function(n){return this._openChannelHandlers.forEach((function(n){bn&&n.onMetaCounterCreated(In,bn),On&&n.onMetaCounterUpdated(In,On),Dn&&n.onMetaCounterDeleted(In,Dn);})),[2]}))}))})),[3,49];case 49:return [3,50];case 50:return [3,52];case 51:if(xn=Rn.sent(),__bundle6316ce22.h(xn))throw xn;return [3,52];case 52:return [2]}}))}))},n.prototype.addHandler=function(n,e){this._openChannelHandlers.set(n,e);},n.prototype.removeHandler=function(n){this._openChannelHandlers.delete(n);},n.prototype.clearHandler=function(){this._openChannelHandlers.clear();},n.prototype.getChannel=function(n,r){return __bundle6316ce22.r(this,void 0,void 0,(function(){var e;return __bundle6316ce22.i(this,(function(t){switch(t.label){case 0:__bundle6316ce22.at(__bundle6316ce22.y("string",n)).throw(__bundle6316ce22.p.invalidParameters),t.label=1;case 1:return t.trys.push([1,3,,4]),[4,this.getChannelFromCache(n)];case 2:return (e=t.sent())?[2,e]:[3,4];case 3:return t.sent(),[3,4];case 4:return [4,this.getChannelWithoutCache(n)];case 5:return [2,t.sent()]}}))}))},n.prototype.getChannelWithoutCache=function(n,r){return void 0===r&&(r=!1),__bundle6316ce22.r(this,void 0,void 0,(function(){var e,a,s;return __bundle6316ce22.i(this,(function(t){switch(t.label){case 0:return __bundle6316ce22.at(__bundle6316ce22.y("string",n)).throw(__bundle6316ce22.p.invalidParameters),e=new rn({channelUrl:n,isInternalCall:r}),[4,this._requestQueue.send(e)];case 1:return a=t.sent(),s=a.as(an).channel,[4,this.upsertChannelsToCache([s])];case 2:return t.sent(),[2,s]}}))}))},n.prototype.createChannel=function(n){return __bundle6316ce22.r(this,void 0,void 0,(function(){var e,r,o;return __bundle6316ce22.i(this,(function(t){switch(t.label){case 0:return n=__bundle6316ce22.n(__bundle6316ce22.n({},tn),n),__bundle6316ce22.at(function(n){return __bundle6316ce22.E("string",n.operatorUserIds,!0)&&(__bundle6316ce22.y("string",n.coverUrlOrImage)||__bundle6316ce22.S(n.coverUrlOrImage)||null===n.coverUrlOrImage)&&__bundle6316ce22.y("string",n.name,!0)&&__bundle6316ce22.y("string",n.data,!0)&&__bundle6316ce22.y("string",n.customType,!0)&&(__bundle6316ce22.y("string",n.channelUrl)&&/^\w+$/.test(n.channelUrl)||null===n.channelUrl)}(n)).throw(__bundle6316ce22.p.invalidParameters),e=new sn(n),[4,this._requestQueue.send(e)];case 1:return r=t.sent(),o=r.as(an).channel,this.upsertChannelsToCache([o]),[2,o]}}))}))},n}(),pn={name:null,coverUrlOrImage:null,data:null,customType:null,operatorUserIds:null},fn=function(e){function t(n){var t=this,r=n.channelUrl,a=n.token,i=n.limit;return (t=e.call(this)||this).method=__bundle6316ce22.d.GET,t.path="".concat(__bundle6316ce22.xe,"/").concat(encodeURIComponent(r),"/participants"),t.params={token:a,limit:i},t}return __bundle6316ce22.t(t,e),t}(__bundle6316ce22.q),Cn=function(e){function t(n,t){var r=e.call(this,n,t)||this;r.token=null,r.participants=[];var a=t.next,i=t.participants;return r.token=a,r.participants=i.map((function(e){return new __bundle6316ce22.ct(n,e)})),r}return __bundle6316ce22.t(t,e),t}(__bundle6316ce22.F),vn=function(r){function a(n,e,t){return r.call(this,n,e,__bundle6316ce22.ne.OPEN,t)||this}return __bundle6316ce22.t(a,r),a.prototype._validate=function(){return r.prototype._validate.call(this)},a.prototype.next=function(){return __bundle6316ce22.r(this,void 0,void 0,(function(){var n,e,r,a,i,s;return __bundle6316ce22.i(this,(function(t){switch(t.label){case 0:return this._validate()?this._isLoading?[3,3]:this._hasNext?(this._isLoading=!0,n=__bundle6316ce22.St.of(this._iid).requestQueue,e=new fn(__bundle6316ce22.n(__bundle6316ce22.n({},this),{token:this._token})),[4,n.send(e)]):[3,2]:[3,5];case 1:return r=t.sent(),a=r.as(Cn),i=a.participants,s=a.token,this._token=s,this._hasNext=!!s,this._isLoading=!1,[2,i];case 2:return [2,[]];case 3:throw __bundle6316ce22.p.queryInProgress;case 4:return [3,6];case 5:throw __bundle6316ce22.p.invalidParameters;case 6:return [2]}}))}))},a}(__bundle6316ce22.On),_n=function(e){function t(n){var t=this,r=n.channelUrl,a=n.coverUrlOrImage,u=n.name,l=n.data,h=n.customType,p=n.operatorUserIds;return (t=e.call(this)||this).method=__bundle6316ce22.d.PUT,t.path="".concat(__bundle6316ce22.xe,"/").concat(encodeURIComponent(r)),t.params=__bundle6316ce22.U({cover_url:__bundle6316ce22.y("string",a)?a:null,cover_file:__bundle6316ce22.S(a)?a:null,name:u,data:l,custom_type:h,operators:p}),t}return __bundle6316ce22.t(t,e),t}(__bundle6316ce22.q),yn=function(e){function t(n,t){var r=e.call(this,n,t)||this;return r.channel=new gn(n,t),r}return __bundle6316ce22.t(t,e),t}(__bundle6316ce22.F),mn=function(e){function t(n){var t=this,r=n.channelUrl;return (t=e.call(this)||this).method=__bundle6316ce22.d.DELETE,t.path="".concat(__bundle6316ce22.xe,"/").concat(encodeURIComponent(r)),t}return __bundle6316ce22.t(t,e),t}(__bundle6316ce22.q);!function(e){function t(n,t){return e.call(this,n,t)||this}__bundle6316ce22.t(t,e);}(__bundle6316ce22.F);var gn=function(r){function o(n,e){var t,a=this;return (a=r.call(this,n,e)||this)._lastParticipantCountUpdated=0,a.participantCount=0,a.operators=[],a.channelType=__bundle6316ce22.ne.OPEN,a.participantCount=null!==(t=e.participant_count)&&void 0!==t?t:0,a.operators=Array.isArray(e.operators)?e.operators.map((function(e){return new __bundle6316ce22.ct(n,e)})):[],a}return __bundle6316ce22.t(o,r),o.payloadify=function(n){return n?__bundle6316ce22.U(__bundle6316ce22.n(__bundle6316ce22.n({},__bundle6316ce22.kt.payloadify(n)),{participant_count:n.participantCount,operators:n.operators.map((function(n){return __bundle6316ce22.ct.payloadify(n)}))})):null},o.prototype.serialize=function(){return __bundle6316ce22.st(this)},o.prototype.isOperator=function(n){return n instanceof __bundle6316ce22.ct?this.isOperator(n.userId):this.operators.some((function(e){return e.userId===n}))},o.prototype._updateParticipantCount=function(n,e){return e>this._lastParticipantCountUpdated&&(this.participantCount=n,this._lastParticipantCountUpdated=e,!0)},o.prototype.createParticipantListQuery=function(n){return new vn(this._iid,this.url,n)},o.prototype.refresh=function(){return __bundle6316ce22.r(this,void 0,void 0,(function(){return __bundle6316ce22.i(this,(function(n){switch(n.label){case 0:return [4,dn.of(this._iid).getChannelWithoutCache(this.url)];case 1:return [2,n.sent()]}}))}))},o.prototype.enter=function(){return __bundle6316ce22.r(this,void 0,void 0,(function(){var n,e,r,a,i,s;return __bundle6316ce22.i(this,(function(t){switch(t.label){case 0:return n=__bundle6316ce22.St.of(this._iid).requestQueue,e=new on({channelUrl:this.url}),[4,n.send(e)];case 1:return r=t.sent(),a=r.as(un),i=a.participantCount,s=a.ts,this._updateParticipantCount(i,s),dn.of(this._iid).setEnteredToCache(this),[2]}}))}))},o.prototype.exit=function(){return __bundle6316ce22.r(this,void 0,void 0,(function(){var n,e,r,a,i,s;return __bundle6316ce22.i(this,(function(t){switch(t.label){case 0:return n=__bundle6316ce22.St.of(this._iid).requestQueue,e=new cn({channelUrl:this.url}),[4,n.send(e)];case 1:return r=t.sent(),a=r.as(ln),i=a.participantCount,s=a.ts,this._updateParticipantCount(i,s),dn.of(this._iid).setExitedToCache(this),__bundle6316ce22.En.of(this._iid).fileMessageQueue.cancel(this),[2]}}))}))},o.prototype.updateChannel=function(n){return __bundle6316ce22.r(this,void 0,void 0,(function(){var e,r,o,u;return __bundle6316ce22.i(this,(function(t){switch(t.label){case 0:return n=__bundle6316ce22.n(__bundle6316ce22.n({},pn),n),__bundle6316ce22.at(function(n){return __bundle6316ce22.E("string",n.operatorUserIds,!0)&&(__bundle6316ce22.y("string",n.coverUrlOrImage)||__bundle6316ce22.S(n.coverUrlOrImage)||null===n.coverUrlOrImage)&&__bundle6316ce22.y("string",n.name,!0)&&__bundle6316ce22.y("string",n.data,!0)&&__bundle6316ce22.y("string",n.customType,!0)}(n)).throw(__bundle6316ce22.p.invalidParameters),e=__bundle6316ce22.St.of(this._iid).requestQueue,r=new _n(__bundle6316ce22.n({channelUrl:this.url},n)),[4,e.send(r)];case 1:return o=t.sent(),u=o.as(yn).channel,[4,dn.of(this._iid).upsertChannelsToCache([u])];case 2:return t.sent(),[2,u]}}))}))},o.prototype.updateChannelWithOperatorUserIds=function(n,r,a,i,s){return __bundle6316ce22.r(this,void 0,void 0,(function(){var e;return __bundle6316ce22.i(this,(function(t){return e=__bundle6316ce22.n(__bundle6316ce22.n({},pn),{name:n,coverUrlOrImage:r,data:a,operatorUserIds:i,customType:s}),[2,this.updateChannel(e)]}))}))},o.prototype.delete=function(){return __bundle6316ce22.r(this,void 0,void 0,(function(){var n,e;return __bundle6316ce22.i(this,(function(t){switch(t.label){case 0:return n=__bundle6316ce22.St.of(this._iid).requestQueue,e=new mn({channelUrl:this.url}),[4,n.send(e)];case 1:return t.sent(),[4,dn.of(this._iid).removeChannelsFromCache([this.url])];case 2:return t.sent(),[2]}}))}))},o}(__bundle6316ce22.kt),Un=function(e){function t(n){void 0===n&&(n={});var t=e.call(this)||this;return Object.keys(n).forEach((function(e){t.hasOwnProperty(e)&&(t[e]=n[e]);})),t}return __bundle6316ce22.t(t,e),t}(function(e){function t(){var n=null!==e&&e.apply(this,arguments)||this;return n.onUserEntered=__bundle6316ce22.Y,n.onUserExited=__bundle6316ce22.Y,n.onChannelParticipantCountChanged=__bundle6316ce22.Y,n}return __bundle6316ce22.t(t,e),t}(__bundle7dfccc8c.U)),En=function(e){function t(n){var t=this,r=n.token,a=n.limit,i=n.nameKeyword,s=n.urlKeyword,u=n.customTypes,l=n.includeFrozen,h=n.includeMetaData;return (t=e.call(this)||this).method=__bundle6316ce22.d.GET,t.path=__bundle6316ce22.xe,t.params=__bundle6316ce22.U({token:r,limit:a,name_contains:i,url_contains:s,custom_types:u,show_frozen:l,show_metadata:h}),t}return __bundle6316ce22.t(t,e),t}(__bundle6316ce22.q),wn=function(e){function t(n,t){var r=e.call(this,n,t)||this;r.token=null,r.channels=[],r.ts=null;var a=t.next,i=t.channels,s=t.ts;return r.token=a,i&&i.length>0&&(r.channels=i.map((function(e){return new gn(n,e)}))),r.ts="number"==typeof s?s:null,r}return __bundle6316ce22.t(t,e),t}(__bundle6316ce22.F),Tn=function(r){function s(n,e){var t,a,i,s,o,u=this;return (u=r.call(this,n,e)||this).includeFrozen=!0,u.includeMetaData=!0,u.nameKeyword=null,u.urlKeyword=null,u.customTypes=null,u.includeFrozen=null===(t=e.includeFrozen)||void 0===t||t,u.includeMetaData=null===(a=e.includeMetaData)||void 0===a||a,u.nameKeyword=null!==(i=e.nameKeyword)&&void 0!==i?i:null,u.urlKeyword=null!==(s=e.urlKeyword)&&void 0!==s?s:null,u.customTypes=null!==(o=e.customTypes)&&void 0!==o?o:null,u}return __bundle6316ce22.t(s,r),s.prototype._validate=function(){return r.prototype._validate.call(this)&&__bundle6316ce22.y("boolean",this.includeFrozen)&&__bundle6316ce22.y("boolean",this.includeMetaData)&&__bundle6316ce22.y("string",this.nameKeyword,!0)&&__bundle6316ce22.y("string",this.urlKeyword,!0)&&__bundle6316ce22.E("string",this.customTypes,!0)},s.prototype.next=function(){return __bundle6316ce22.r(this,void 0,void 0,(function(){var n,e,r,a,i,s;return __bundle6316ce22.i(this,(function(t){switch(t.label){case 0:return this._validate()?this._isLoading?[3,4]:this._hasNext?(this._isLoading=!0,n=__bundle6316ce22.St.of(this._iid).requestQueue,e=new En(__bundle6316ce22.n(__bundle6316ce22.n({},this),{token:this._token})),[4,n.send(e)]):[3,3]:[3,6];case 1:return r=t.sent(),a=r.as(wn),i=a.channels,s=a.token,this._token=s,this._hasNext=!!s,[4,dn.of(this._iid).upsertChannelsToCache(i)];case 2:return t.sent(),this._isLoading=!1,[2,i];case 3:return [2,[]];case 4:throw __bundle6316ce22.p.queryInProgress;case 5:return [3,7];case 6:throw __bundle6316ce22.p.invalidParameters;case 7:return [2]}}))}))},s}(__bundle6316ce22.bn),Nn=function(r){function a(){var n=null!==r&&r.apply(this,arguments)||this;return n.name="openChannel",n}return __bundle6316ce22.t(a,r),a.prototype.init=function(n,e){var t=e.sdkState,a=e.dispatcher,i=e.sessionManager,s=e.requestQueue,o=e.logger,u=e.onlineDetector,c=e.cacheContext;r.prototype.init.call(this,n,{sdkState:t,dispatcher:a,sessionManager:i,requestQueue:s,logger:o,onlineDetector:u,cacheContext:c}),this._manager=new dn(n,{sdkState:t,dispatcher:a,requestQueue:s});},a.prototype.createOpenChannelListQuery=function(n){return void 0===n&&(n={}),new Tn(this._iid,n)},a.prototype.addOpenChannelHandler=function(n,e){this._manager.addHandler(n,e);},a.prototype.removeOpenChannelHandler=function(n){this._manager.removeHandler(n);},a.prototype.removeAllOpenChannelHandlers=function(){this._manager.clearHandler();},a.prototype.buildOpenChannelFromSerializedData=function(n){return this._manager.buildOpenChannelFromSerializedData(n)},a.prototype.getChannel=function(n){return __bundle6316ce22.r(this,void 0,void 0,(function(){return __bundle6316ce22.i(this,(function(e){return [2,this._manager.getChannel(n)]}))}))},a.prototype.getChannelWithoutCache=function(n){return __bundle6316ce22.r(this,void 0,void 0,(function(){return __bundle6316ce22.i(this,(function(e){return [2,this._manager.getChannelWithoutCache(n)]}))}))},a.prototype.createChannel=function(n){return void 0===n&&(n={}),__bundle6316ce22.r(this,void 0,void 0,(function(){return __bundle6316ce22.i(this,(function(e){return [2,this._manager.createChannel(n)]}))}))},a.prototype.createChannelWithOperatorUserIds=function(n,r,a,i,s){return __bundle6316ce22.r(this,void 0,void 0,(function(){var e;return __bundle6316ce22.i(this,(function(t){return (e=__bundle6316ce22.n({},tn)).name=n,e.coverUrlOrImage=r,e.data=a,e.operatorUserIds=i,e.customType=s,[2,this._manager.createChannel(e)]}))}))},a}(__bundle6316ce22.Tt);
 
 exports.Nn = Nn;
 exports.Un = Un;
-//# sourceMappingURL=openChannel-76345cfa.js.map
+//# sourceMappingURL=openChannel-e2adcd8a.js.map