@sendbird/uikit-react 3.6.11-beta.2 → 3.7.0-rc.0

package/index-7946293f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-7946293f.js","sources":["../src/modules/ChannelList/components/ChannelPreview/utils.js","../src/ui/MessageStatus/index.tsx"],"sourcesContent":["import isToday from 'date-fns/isToday';\nimport format from 'date-fns/format';\nimport isThisYear from 'date-fns/isThisYear';\nimport isYesterday from 'date-fns/isYesterday';\nimport {\n  isGif, isImage, isVideo,\n} from '../../../../utils';\nimport { LabelStringSet } from '../../../../ui/Label';\n\n/* eslint-disable default-param-last */\nexport const getChannelTitle = (channel = {}, currentUserId, stringSet = LabelStringSet) => {\n  if (!channel?.name && !channel?.members) {\n    return stringSet.NO_TITLE;\n  }\n  if (channel?.name && channel.name !== 'Group Channel') {\n    return channel.name;\n  }\n  if (channel?.members?.length === 1) {\n    return stringSet.NO_MEMBERS;\n  }\n  return (channel?.members || [])\n    .filter(({ userId }) => userId !== currentUserId)\n    .map(({ nickname }) => (nickname || stringSet.NO_NAME))\n    .join(', ');\n};\n\nexport const getLastMessageCreatedAt = ({\n  channel,\n  locale,\n  stringSet,\n}) => {\n  const createdAt = channel?.lastMessage?.createdAt;\n  const optionalParam = locale ? { locale } : null;\n  if (!createdAt) {\n    return '';\n  }\n  if (isToday(createdAt)) {\n    return format(createdAt, 'p', optionalParam);\n  }\n  if (isYesterday(createdAt)) {\n    return stringSet?.MESSAGE_STATUS__YESTERDAY || 'Yesterday';\n  }\n  if (isThisYear(createdAt)) {\n    return format(createdAt, 'MMM d', optionalParam);\n  }\n  return format(createdAt, 'yyyy/M/d', optionalParam);\n};\n\nexport const getTotalMembers = (channel) => (\n  channel?.memberCount\n    ? channel.memberCount\n    : 0\n);\n\nconst getChannelPreviewFileDisplayString = (mimeType) => {\n  if (isGif(mimeType)) {\n    return 'GIF';\n  }\n  if (isImage(mimeType)) {\n    return 'Photo';\n  }\n  if (isVideo(mimeType)) {\n    return 'Video';\n  }\n  return 'File';\n};\n\nconst getPrettyLastMessage = (message = null) => {\n  if (!message) return '';\n  if (message.isFileMessage()) {\n    return getChannelPreviewFileDisplayString(message.type);\n  }\n  if (message.isMultipleFilesMessage()) {\n    const { fileInfoList } = message;\n    return fileInfoList.length > 0\n      ? getChannelPreviewFileDisplayString(fileInfoList[0].mimeType)\n      : '';\n  }\n  return message.message ?? '';\n};\n\nexport const getLastMessage = (channel) => (channel?.lastMessage ? getPrettyLastMessage(channel?.lastMessage) : '');\n\nexport const getChannelUnreadMessageCount = (channel) => (\n  channel?.unreadMessageCount\n    ? channel.unreadMessageCount\n    : 0\n);\n","import './index.scss';\nimport React from 'react';\nimport format from 'date-fns/format';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Loader from '../Loader';\nimport { CoreMessageType, isSentStatus } from '../../utils';\nimport {\n  getOutgoingMessageState,\n  OutgoingMessageStates,\n} from '../../utils/exports/getOutgoingMessageState';\nimport { getLastMessageCreatedAt } from '../../modules/ChannelList/components/ChannelPreview/utils';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { Nullable } from '../../types';\n\nexport const MessageStatusTypes = OutgoingMessageStates;\n\ninterface MessageStatusProps {\n  className?: string;\n  message?: CoreMessageType | null;\n  channel: Nullable<GroupChannel>;\n  isDateSeparatorConsidered?: boolean;\n}\n\nexport default function MessageStatus({\n  className,\n  message,\n  channel,\n  isDateSeparatorConsidered = true,\n}: MessageStatusProps): React.ReactElement {\n  const { stringSet, dateLocale } = useLocalization();\n  const status = getOutgoingMessageState(channel, message);\n  const hideMessageStatusIcon = channel?.isGroupChannel?.() && (\n    (channel.isSuper || channel.isPublic || channel.isBroadcast)\n    && !(status === OutgoingMessageStates.PENDING || status === OutgoingMessageStates.FAILED)\n  );\n  const iconType = {\n    [OutgoingMessageStates.SENT]: IconTypes.DONE,\n    [OutgoingMessageStates.DELIVERED]: IconTypes.DONE_ALL,\n    [OutgoingMessageStates.READ]: IconTypes.DONE_ALL,\n    [OutgoingMessageStates.FAILED]: IconTypes.ERROR,\n  };\n  const iconColor = {\n    [OutgoingMessageStates.SENT]: IconColors.SENT,\n    [OutgoingMessageStates.DELIVERED]: IconColors.SENT,\n    [OutgoingMessageStates.READ]: IconColors.READ,\n    [OutgoingMessageStates.FAILED]: IconColors.ERROR,\n  };\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-message-status',\n      ].join(' ')}\n    >\n      {(status === OutgoingMessageStates.PENDING) ? (\n        <Loader\n          className=\"sendbird-message-status__icon\"\n          width=\"16px\"\n          height=\"16px\"\n        >\n          <Icon\n            type={IconTypes.SPINNER}\n            fillColor={IconColors.PRIMARY}\n            width=\"16px\"\n            height=\"16px\"\n          />\n        </Loader>\n      ) : (\n        <Icon\n          className={`sendbird-message-status__icon ${hideMessageStatusIcon ? 'hide-icon' : ''} ${status === OutgoingMessageStates.FAILED ? '' : 'sendbird-message-status--sent'\n          }`}\n          type={iconType[status] || IconTypes.ERROR}\n          fillColor={iconColor[status]}\n          width=\"16px\"\n          height=\"16px\"\n        />\n      )}\n      {isSentStatus(status) && (\n        <Label\n          className=\"sendbird-message-status__text\"\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {\n            isDateSeparatorConsidered\n              ? format(message?.createdAt || 0, 'p', { locale: dateLocale })\n              : getLastMessageCreatedAt({ channel, locale: dateLocale, stringSet })\n          }\n        </Label>\n      )}\n    </div>\n  );\n}\n"],"names":["getChannelTitle","_channel$members","channel","arguments","length","undefined","currentUserId","stringSet","LabelStringSet","name","members","NO_TITLE","NO_MEMBERS","filter","_ref","userId","map","_ref2","nickname","NO_NAME","join","getLastMessageCreatedAt","_ref3","_channel$lastMessage","locale","createdAt","lastMessage","optionalParam","isToday","format","isYesterday","MESSAGE_STATUS__YESTERDAY","isThisYear","getTotalMembers","memberCount","getChannelPreviewFileDisplayString","mimeType","isGif","isImage","isVideo","getPrettyLastMessage","_message$message","message","isFileMessage","type","isMultipleFilesMessage","fileInfoList","getLastMessage","getChannelUnreadMessageCount","unreadMessageCount","MessageStatusTypes","OutgoingMessageStates","MessageStatus","_channel$isGroupChann","className","isDateSeparatorConsidered","dateLocale","useLocalization","status","getOutgoingMessageState","hideMessageStatusIcon","isGroupChannel","call","isSuper","isPublic","isBroadcast","PENDING","FAILED","iconType","SENT","IconTypes","DONE","DELIVERED","DONE_ALL","READ","ERROR","iconColor","IconColors","React","createElement","Array","isArray","Loader","width","height","Icon","SPINNER","fillColor","PRIMARY","isSentStatus","Label","LabelTypography","CAPTION_3","color","LabelColors","ONBACKGROUND_2"],"mappings":"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"}

package/index-7b7478f5.js

@@ -1,132 +0,0 @@
-import React__default, { useMemo, useState } from 'react';
-import Icon, { IconTypes, IconColors } from './ui/Icon.js';
-import ImageRenderer from './ui/ImageRenderer.js';
-import { m as getClassName, S as isGifFileInfo } from './index-5d6a0f12.js';
-import { F as FileViewer } from './index-c421b228.js';
-import { u as useMediaQueryContext } from './MediaQueryContext-e3429d12.js';
-import { K } from './index.module-60af77d3.js';
-
-function ImageGrid(_ref) {
-  var _message$reactions;
-  let {
-    children,
-    className,
-    message,
-    isReactionEnabled
-  } = _ref;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-image-grid-wrap"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: getClassName([className, 'sendbird-image-grid', isReactionEnabled && (message === null || message === void 0 ? void 0 : (_message$reactions = message.reactions) === null || _message$reactions === void 0 ? void 0 : _message$reactions.length) > 0 ? 'reactions' : ''])
-  }, children));
-}
-
-function useThreadMessageKindKeySelector(_ref) {
-  let {
-    threadMessageKind,
-    isMobile
-  } = _ref;
-  const threadMessageKindKey = useMemo(() => {
-    return K(threadMessageKind).with(ThreadMessageKind.PARENT, () => isMobile ? 'THREAD_PARENT_MOBILE' : 'THREAD_PARENT_WEB').with(ThreadMessageKind.CHILD, () => isMobile ? 'THREAD_CHILD_MOBILE' : 'THREAD_CHILD_WEB').otherwise(() => isMobile ? 'CHAT_MOBILE' : 'CHAT_WEB');
-  }, [isMobile, threadMessageKind]);
-  return threadMessageKindKey;
-}
-
-const GRID_WIDTH_CHAT_WEB = 400;
-const GRID_SIDE_PADDING = 8;
-const GRID_GAP = 4;
-const TIMESTAMP_WIDTH_AND_ITS_SIDE_MARGIN = 54;
-const PROFILE_IMAGE_WIDTH = 40;
-const CHAT_MOBILE_SIDE_PADDING = 48;
-const THREAD_PARENT_WIDTH = 320;
-const THREAD_PARENT_SIDE_PADDING = 28;
-const THREAD_PARENT_GRID_MARGIN_LEFT = 12;
-const THREAD_CHILD_WIDTH = 200;
-const THREAD_CHILD_SIDE_PADDING = 8;
-const THREAD_CHILD_MOBILE_SIDE_PADDING = 32;
-const THREAD_CHILD_MOBILE_TIMESTAMP_WIDTH_AND_ITS_SIDE_MARGIN = 60;
-const MULTIPLE_FILES_IMAGE_SIDE_LENGTH = {
-  CHAT_WEB: `calc(${GRID_WIDTH_CHAT_WEB / 2}px - ${(GRID_SIDE_PADDING + GRID_GAP) / 2}px)`,
-  CHAT_MOBILE: `calc(50vw - ${(CHAT_MOBILE_SIDE_PADDING + PROFILE_IMAGE_WIDTH + TIMESTAMP_WIDTH_AND_ITS_SIDE_MARGIN + GRID_SIDE_PADDING + GRID_GAP) / 2}px)`,
-  THREAD_PARENT_WEB: `calc(${(THREAD_PARENT_WIDTH - (THREAD_PARENT_SIDE_PADDING + PROFILE_IMAGE_WIDTH + THREAD_PARENT_GRID_MARGIN_LEFT + GRID_GAP)) / 2}px)`,
-  THREAD_PARENT_MOBILE: `calc(50vw - ${(THREAD_PARENT_SIDE_PADDING + PROFILE_IMAGE_WIDTH + THREAD_PARENT_GRID_MARGIN_LEFT + GRID_GAP) / 2}px)`,
-  THREAD_CHILD_WEB: `calc(${(THREAD_CHILD_WIDTH - THREAD_CHILD_SIDE_PADDING - GRID_GAP) / 2}px)`,
-  THREAD_CHILD_MOBILE: `calc(50vw - ${(THREAD_CHILD_MOBILE_SIDE_PADDING + PROFILE_IMAGE_WIDTH + THREAD_CHILD_MOBILE_TIMESTAMP_WIDTH_AND_ITS_SIDE_MARGIN + GRID_SIDE_PADDING + GRID_GAP) / 2}px)`
-};
-const MULTIPLE_FILES_IMAGE_BORDER_RADIUS = {
-  CHAT_WEB: '6px',
-  CHAT_MOBILE: '6px',
-  THREAD_PARENT_WEB: '6px',
-  THREAD_PARENT_MOBILE: '6px',
-  THREAD_CHILD_WEB: '6px',
-  THREAD_CHILD_MOBILE: '6px'
-};
-const MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH = '40px';
-
-const ThreadMessageKind = {
-  PARENT: 'parent',
-  CHILD: 'child'
-};
-function MultipleFilesMessageItemBody(_ref) {
-  let {
-    className,
-    message,
-    isReactionEnabled = false,
-    threadMessageKind
-  } = _ref;
-  const {
-    isMobile
-  } = useMediaQueryContext();
-  const [fileInfoList] = useState(message.fileInfoList);
-  const threadMessageKindKey = useThreadMessageKindKeySelector({
-    threadMessageKind,
-    isMobile
-  });
-  const [currentIndex, setCurrentIndex] = useState(-1);
-  function onClose() {
-    setCurrentIndex(-1);
-  }
-  function onClickLeft() {
-    setCurrentIndex(currentIndex === 0 ? fileInfoList.length - 1 : currentIndex - 1);
-  }
-  function onClickRight() {
-    setCurrentIndex(currentIndex === fileInfoList.length - 1 ? 0 : currentIndex + 1);
-  }
-  return threadMessageKindKey && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, currentIndex > -1 && /*#__PURE__*/React__default.createElement(FileViewer, {
-    message: message,
-    currentIndex: currentIndex,
-    onClickLeft: onClickLeft,
-    onClickRight: onClickRight,
-    onClose: onClose
-  }), /*#__PURE__*/React__default.createElement(ImageGrid, {
-    className: className,
-    message: message,
-    isReactionEnabled: isReactionEnabled
-  }, fileInfoList.map((fileInfo, index) => {
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "sendbird-multiple-files-image-renderer-wrapper",
-      onClick: () => setCurrentIndex(index),
-      key: `sendbird-multiple-files-image-renderer-${index}-${fileInfo.plainUrl}`
-    }, /*#__PURE__*/React__default.createElement(ImageRenderer, {
-      url: fileInfo.url,
-      fixedSize: false,
-      width: MULTIPLE_FILES_IMAGE_SIDE_LENGTH[threadMessageKindKey],
-      maxSideLength: MULTIPLE_FILES_IMAGE_SIDE_LENGTH.CHAT_WEB,
-      height: MULTIPLE_FILES_IMAGE_SIDE_LENGTH[threadMessageKindKey],
-      borderRadius: MULTIPLE_FILES_IMAGE_BORDER_RADIUS[threadMessageKindKey],
-      shadeOnHover: true,
-      isGif: isGifFileInfo(fileInfo),
-      defaultComponent: /*#__PURE__*/React__default.createElement("div", {
-        className: "sendbird-multiple-files-image-renderer__thumbnail__placeholder"
-      }, /*#__PURE__*/React__default.createElement(Icon, {
-        type: IconTypes.THUMBNAIL_NONE,
-        fillColor: IconColors.ON_BACKGROUND_2,
-        width: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH,
-        height: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH
-      }))
-    }));
-  })));
-}
-
-export { MultipleFilesMessageItemBody as M, ThreadMessageKind as T };
-//# sourceMappingURL=index-7b7478f5.js.map

package/index-7b7478f5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-7b7478f5.js","sources":["../src/ui/ImageGrid/index.tsx","../src/ui/MultipleFilesMessageItemBody/useThreadMessageKindKeySelector.ts","../src/ui/MultipleFilesMessageItemBody/const.ts","../src/ui/MultipleFilesMessageItemBody/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport './index.scss';\nimport { getClassName } from '../../utils';\nimport { MultipleFilesMessage } from '@sendbird/chat/message';\n\ninterface ImageGridProps {\n  children: ReactElement[];\n  className?: string;\n  message: MultipleFilesMessage;\n  isReactionEnabled?: boolean;\n}\n\nexport default function ImageGrid({\n  children,\n  className,\n  message,\n  isReactionEnabled,\n}: ImageGridProps): ReactElement {\n  return (\n    <div className='sendbird-image-grid-wrap'>\n      <div className={getClassName([\n        className,\n        'sendbird-image-grid',\n        (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n      ])}>\n        { children }\n      </div>\n    </div>\n  );\n}\n","import { useMemo } from 'react';\nimport { ThreadMessageKind, ThreadMessageKindType } from './index';\nimport { match } from 'ts-pattern';\n\ninterface DynamicSideLengthProps {\n  threadMessageKind: ThreadMessageKindType;\n  isMobile: boolean;\n}\n\nexport function useThreadMessageKindKeySelector({\n  threadMessageKind,\n  isMobile,\n}: DynamicSideLengthProps): string {\n  const threadMessageKindKey = useMemo(() => {\n    return match(threadMessageKind)\n      .with(ThreadMessageKind.PARENT, () => (isMobile\n        ? 'THREAD_PARENT_MOBILE'\n        : 'THREAD_PARENT_WEB'\n      ))\n      .with(ThreadMessageKind.CHILD, () => (isMobile\n        ? 'THREAD_CHILD_MOBILE'\n        : 'THREAD_CHILD_WEB'\n      ))\n      .otherwise(() => (isMobile\n        ? 'CHAT_MOBILE'\n        : 'CHAT_WEB'\n      ));\n  }, [isMobile, threadMessageKind]);\n  return threadMessageKindKey;\n}\n","const GRID_WIDTH_CHAT_WEB = 400;\nconst GRID_SIDE_PADDING = 8;\nconst GRID_GAP = 4;\nconst TIMESTAMP_WIDTH_AND_ITS_SIDE_MARGIN = 54;\nconst PROFILE_IMAGE_WIDTH = 40;\n\nconst CHAT_MOBILE_SIDE_PADDING = 48;\n\nconst THREAD_PARENT_WIDTH = 320;\nconst THREAD_PARENT_SIDE_PADDING = 28;\nconst THREAD_PARENT_GRID_MARGIN_LEFT = 12;\n\nconst THREAD_CHILD_WIDTH = 200;\nconst THREAD_CHILD_SIDE_PADDING = 8;\nconst THREAD_CHILD_MOBILE_SIDE_PADDING = 32;\nconst THREAD_CHILD_MOBILE_TIMESTAMP_WIDTH_AND_ITS_SIDE_MARGIN = 60;\n\nexport const MULTIPLE_FILES_IMAGE_SIDE_LENGTH = {\n  CHAT_WEB: `calc(${GRID_WIDTH_CHAT_WEB / 2}px - ${(GRID_SIDE_PADDING + GRID_GAP) / 2}px)`,\n  CHAT_MOBILE: `calc(50vw - ${(CHAT_MOBILE_SIDE_PADDING + PROFILE_IMAGE_WIDTH + TIMESTAMP_WIDTH_AND_ITS_SIDE_MARGIN + GRID_SIDE_PADDING + GRID_GAP) / 2}px)`,\n  THREAD_PARENT_WEB: `calc(${(THREAD_PARENT_WIDTH - (THREAD_PARENT_SIDE_PADDING + PROFILE_IMAGE_WIDTH + THREAD_PARENT_GRID_MARGIN_LEFT + GRID_GAP)) / 2}px)`,\n  THREAD_PARENT_MOBILE: `calc(50vw - ${(THREAD_PARENT_SIDE_PADDING + PROFILE_IMAGE_WIDTH + THREAD_PARENT_GRID_MARGIN_LEFT + GRID_GAP) / 2}px)`,\n  THREAD_CHILD_WEB: `calc(${(THREAD_CHILD_WIDTH - THREAD_CHILD_SIDE_PADDING - GRID_GAP) / 2}px)`,\n  THREAD_CHILD_MOBILE: `calc(50vw - ${(THREAD_CHILD_MOBILE_SIDE_PADDING + PROFILE_IMAGE_WIDTH + THREAD_CHILD_MOBILE_TIMESTAMP_WIDTH_AND_ITS_SIDE_MARGIN + GRID_SIDE_PADDING + GRID_GAP) / 2}px)`,\n};\nexport const MULTIPLE_FILES_IMAGE_BORDER_RADIUS = {\n  CHAT_WEB: '6px',\n  CHAT_MOBILE: '6px',\n  THREAD_PARENT_WEB: '6px',\n  THREAD_PARENT_MOBILE: '6px',\n  THREAD_CHILD_WEB: '6px',\n  THREAD_CHILD_MOBILE: '6px',\n};\nexport const MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH = '40px';\n","import React, { ReactElement, useState } from 'react';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport { MultipleFilesMessage, UploadedFileInfo } from '@sendbird/chat/message';\nimport ImageRenderer from '../ImageRenderer';\nimport ImageGrid from '../ImageGrid';\nimport FileViewer from '../FileViewer';\nimport './index.scss';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport { useThreadMessageKindKeySelector } from './useThreadMessageKindKeySelector';\nimport {\n  MULTIPLE_FILES_IMAGE_BORDER_RADIUS,\n  MULTIPLE_FILES_IMAGE_SIDE_LENGTH,\n  MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH,\n} from './const';\nimport { isGifFileInfo } from '../../utils';\n\nexport const ThreadMessageKind = {\n  PARENT: 'parent',\n  CHILD: 'child',\n} as const;\n\nexport type ThreadMessageKindType = typeof ThreadMessageKind[keyof typeof ThreadMessageKind];\n\ninterface Props {\n  className?: string;\n  message: MultipleFilesMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isReactionEnabled?: boolean;\n  truncateLimit?: number;\n  threadMessageKind?: ThreadMessageKindType;\n}\n\nexport default function MultipleFilesMessageItemBody({\n  className,\n  message,\n  isReactionEnabled = false,\n  threadMessageKind,\n}: Props): ReactElement {\n  const { isMobile } = useMediaQueryContext();\n  const [fileInfoList] = useState<UploadedFileInfo[]>(message.fileInfoList);\n  const threadMessageKindKey = useThreadMessageKindKeySelector({ threadMessageKind, isMobile });\n  const [currentIndex, setCurrentIndex] = useState(-1);\n\n  function onClose() {\n    setCurrentIndex(-1);\n  }\n\n  function onClickLeft() {\n    setCurrentIndex(\n      currentIndex === 0\n        ? fileInfoList.length - 1\n        : currentIndex - 1,\n    );\n  }\n\n  function onClickRight() {\n    setCurrentIndex(\n      currentIndex === fileInfoList.length - 1\n        ? 0\n        : currentIndex + 1,\n    );\n  }\n\n  return threadMessageKindKey && (\n    <>\n      {\n        currentIndex > -1 && (\n          <FileViewer\n            message={message}\n            currentIndex={currentIndex}\n            onClickLeft={onClickLeft}\n            onClickRight={onClickRight}\n            onClose={onClose}\n          />\n        )\n      }\n      <ImageGrid\n        className={className}\n        message={message}\n        isReactionEnabled={isReactionEnabled}\n      >\n        {\n          fileInfoList.map((fileInfo: UploadedFileInfo, index: number) => {\n            return <div\n              className='sendbird-multiple-files-image-renderer-wrapper'\n              onClick={() => setCurrentIndex(index)}\n              key={`sendbird-multiple-files-image-renderer-${index}-${fileInfo.plainUrl}`}\n            >\n              <ImageRenderer\n                url={fileInfo.url}\n                fixedSize={false}\n                width={MULTIPLE_FILES_IMAGE_SIDE_LENGTH[threadMessageKindKey]}\n                maxSideLength={MULTIPLE_FILES_IMAGE_SIDE_LENGTH.CHAT_WEB}\n                height={MULTIPLE_FILES_IMAGE_SIDE_LENGTH[threadMessageKindKey]}\n                borderRadius={MULTIPLE_FILES_IMAGE_BORDER_RADIUS[threadMessageKindKey]}\n                shadeOnHover={true}\n                isGif={isGifFileInfo(fileInfo)}\n                defaultComponent={\n                  <div\n                    className=\"sendbird-multiple-files-image-renderer__thumbnail__placeholder\"\n                  >\n                    <Icon\n                      type={IconTypes.THUMBNAIL_NONE}\n                      fillColor={IconColors.ON_BACKGROUND_2}\n                      width={MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH}\n                      height={MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH}\n                    />\n                  </div>\n                }\n              />\n            </div>;\n          })\n        }\n      </ImageGrid>\n    </>\n  );\n}\n"],"names":["ImageGrid","_ref","_message$reactions","children","className","message","isReactionEnabled","React","createElement","getClassName","reactions","length","useThreadMessageKindKeySelector","threadMessageKind","isMobile","threadMessageKindKey","useMemo","match","with","ThreadMessageKind","PARENT","CHILD","otherwise","GRID_WIDTH_CHAT_WEB","GRID_SIDE_PADDING","GRID_GAP","TIMESTAMP_WIDTH_AND_ITS_SIDE_MARGIN","PROFILE_IMAGE_WIDTH","CHAT_MOBILE_SIDE_PADDING","THREAD_PARENT_WIDTH","THREAD_PARENT_SIDE_PADDING","THREAD_PARENT_GRID_MARGIN_LEFT","THREAD_CHILD_WIDTH","THREAD_CHILD_SIDE_PADDING","THREAD_CHILD_MOBILE_SIDE_PADDING","THREAD_CHILD_MOBILE_TIMESTAMP_WIDTH_AND_ITS_SIDE_MARGIN","MULTIPLE_FILES_IMAGE_SIDE_LENGTH","CHAT_WEB","CHAT_MOBILE","THREAD_PARENT_WEB","THREAD_PARENT_MOBILE","THREAD_CHILD_WEB","THREAD_CHILD_MOBILE","MULTIPLE_FILES_IMAGE_BORDER_RADIUS","MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH","MultipleFilesMessageItemBody","useMediaQueryContext","fileInfoList","useState","currentIndex","setCurrentIndex","onClose","onClickLeft","onClickRight","Fragment","FileViewer","map","fileInfo","index","onClick","key","plainUrl","ImageRenderer","url","fixedSize","width","maxSideLength","height","borderRadius","shadeOnHover","isGif","isGifFileInfo","defaultComponent","Icon","type","IconTypes","THUMBNAIL_NONE","fillColor","IconColors","ON_BACKGROUND_2"],"mappings":"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"}

package/index-82178c6a.js

@@ -1,361 +0,0 @@
-import React__default, { useContext, useState, useEffect, useRef, useCallback } from 'react';
-import Button, { ButtonTypes, ButtonSizes } from './ui/Button.js';
-import ContextMenu, { MenuItems, MenuItem } from './ui/ContextMenu.js';
-import Icon, { IconTypes, IconColors } from './ui/Icon.js';
-import IconButton from './ui/IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './index-aa520474.js';
-import { a as LocalizationContext } from './LocalizationContext-2463058b.js';
-import { a as UserProfileContext } from './UserProfileContext-4ae968eb.js';
-import './context-b4c70964.js';
-import Avatar from './ui/Avatar.js';
-import 'react-dom';
-import './index.module-60af77d3.js';
-import MutedAvatarOverlay from './ui/MutedAvatarOverlay.js';
-import UserProfile from './ui/UserProfile.js';
-import '@sendbird/chat/openChannel';
-import { Modal } from './ui/Modal.js';
-import UserListItem$1 from './ui/UserListItem.js';
-import { n as noop } from './utils-407da489.js';
-import { useOpenChannelSettingsContext } from './OpenChannelSettings/context.js';
-import useSendbirdStateContext from './useSendbirdStateContext.js';
-
-function ParticipantsModal(_ref) {
-  var _state$config, _state$stores, _state$stores$sdkStor;
-  let {
-    onCancel
-  } = _ref;
-  const state = useSendbirdStateContext();
-  const {
-    channel
-  } = useOpenChannelSettingsContext();
-  const {
-    stringSet
-  } = useContext(LocalizationContext);
-  const [participants, setParticipants] = useState([]);
-  const [participantListQuery, setParticipantListQuery] = useState(null);
-  const userId = state === null || state === void 0 ? void 0 : (_state$config = state.config) === null || _state$config === void 0 ? void 0 : _state$config.userId;
-  const sdk = state === null || state === void 0 ? void 0 : (_state$stores = state.stores) === null || _state$stores === void 0 ? void 0 : (_state$stores$sdkStor = _state$stores.sdkStore) === null || _state$stores$sdkStor === void 0 ? void 0 : _state$stores$sdkStor.sdk;
-  const isOperatorView = channel === null || channel === void 0 ? void 0 : channel.isOperator(userId);
-  useEffect(() => {
-    if (!channel || !(channel !== null && channel !== void 0 && channel.createParticipantListQuery)) {
-      return;
-    }
-    const participantListQuery = channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery({});
-    setParticipantListQuery(participantListQuery);
-    participantListQuery.next().then(participantList => {
-      setParticipants(participantList);
-    });
-  }, []);
-  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Modal, {
-    hideFooter: true,
-    isFullScreenOnMobile: true,
-    onCancel: () => onCancel(),
-    onSubmit: noop,
-    titleText: stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-more-members__popup-scroll",
-    onScroll: e => {
-      const {
-        hasNext
-      } = participantListQuery;
-      const target = e.target;
-      const fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
-      if (hasNext && fetchMore) {
-        participantListQuery.next().then(fetchedParticipants => {
-          setParticipants([...participants, ...fetchedParticipants]);
-        });
-      }
-    }
-  }, participants.map(p => {
-    var _sdk$currentUser;
-    const isOperator = channel === null || channel === void 0 ? void 0 : channel.isOperator(p.userId);
-    return /*#__PURE__*/React__default.createElement(UserListItem$1, {
-      user: p,
-      key: p.userId,
-      currentUser: sdk === null || sdk === void 0 ? void 0 : (_sdk$currentUser = sdk.currentUser) === null || _sdk$currentUser === void 0 ? void 0 : _sdk$currentUser.userId,
-      action: userId !== p.userId && isOperatorView ? _ref2 => {
-        let {
-          actionRef,
-          parentRef
-        } = _ref2;
-        return /*#__PURE__*/React__default.createElement(ContextMenu, {
-          menuTrigger: toggleDropdown => /*#__PURE__*/React__default.createElement(IconButton, {
-            className: "sendbird-user-message__more__menu",
-            width: "32px",
-            height: "32px",
-            onClick: toggleDropdown
-          }, /*#__PURE__*/React__default.createElement(Icon, {
-            width: "24px",
-            height: "24px",
-            type: IconTypes.MORE,
-            fillColor: IconColors.CONTENT_INVERSE
-          })),
-          menuItems: closeDropdown => /*#__PURE__*/React__default.createElement(MenuItems, {
-            parentContainRef: parentRef,
-            parentRef: actionRef,
-            closeDropdown: closeDropdown,
-            openLeft: true
-          }, /*#__PURE__*/React__default.createElement(MenuItem, {
-            onClick: () => {
-              if (isOperator) {
-                channel === null || channel === void 0 ? void 0 : channel.removeOperators([p.userId]).then(() => {
-                  closeDropdown();
-                });
-              } else {
-                channel === null || channel === void 0 ? void 0 : channel.addOperators([p.userId]).then(() => {
-                  closeDropdown();
-                });
-              }
-            },
-            dataSbId: `open_channel_setting_participant_context_menu_${isOperator ? 'unregister_operator' : 'register_as_operator'}`
-          }, isOperator ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR : stringSet.OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR), /*#__PURE__*/React__default.createElement(MenuItem, {
-            onClick: () => {
-              if (p.isMuted) {
-                channel === null || channel === void 0 ? void 0 : channel.unmuteUser(p).then(() => {
-                  closeDropdown();
-                });
-              } else {
-                channel === null || channel === void 0 ? void 0 : channel.muteUser(p).then(() => {
-                  closeDropdown();
-                });
-              }
-            },
-            dataSbId: `open_channel_setting_participant_context_menu_${p.isMuted ? 'unmute' : 'mute'}`
-          }, p.isMuted ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNMUTE : stringSet.OPEN_CHANNEL_SETTING__MODERATION__MUTE), /*#__PURE__*/React__default.createElement(MenuItem, {
-            onClick: () => {
-              channel === null || channel === void 0 ? void 0 : channel.banUser(p).then(() => {
-                closeDropdown();
-              });
-            },
-            dataSbId: "open_channel_setting_participant_context_menu_ban"
-          }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN))
-        });
-      } : null
-    });
-  }))));
-}
-
-const UserListItem = _ref => {
-  let {
-    user,
-    currentUser,
-    isOperator,
-    action
-  } = _ref;
-  const avatarRef = useRef(null);
-  const actionRef = useRef(null);
-  const {
-    disableUserProfile,
-    renderUserProfile
-  } = useContext(UserProfileContext);
-  const {
-    stringSet
-  } = useContext(LocalizationContext);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-participants-accordion__member"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-participants-accordion__member-avatar"
-  }, /*#__PURE__*/React__default.createElement(ContextMenu, {
-    menuTrigger: toggleDropdown => /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Avatar, {
-      className: "sendbird-participants-accordion__member-avatar__avatar",
-      onClick: () => {
-        if (!disableUserProfile) {
-          toggleDropdown();
-        }
-      },
-      ref: avatarRef,
-      src: user.profileUrl,
-      width: 24,
-      height: 24
-    }), user !== null && user !== void 0 && user.isMuted ? /*#__PURE__*/React__default.createElement(MutedAvatarOverlay, null) : ''),
-    menuItems: closeDropdown => /*#__PURE__*/React__default.createElement(MenuItems, {
-      openLeft: true,
-      parentRef: avatarRef
-      // for catching location(x, y) of MenuItems
-      ,
-      parentContainRef: avatarRef
-      // for toggling more options(menus & reactions)
-      ,
-      closeDropdown: closeDropdown,
-      style: {
-        paddingTop: '0px',
-        paddingBottom: '0px'
-      }
-    }, renderUserProfile ? renderUserProfile({
-      user: user,
-      currentUserId: currentUser,
-      close: closeDropdown
-    }) : /*#__PURE__*/React__default.createElement(UserProfile, {
-      disableMessaging: true,
-      user: user,
-      currentUserId: currentUser,
-      onSuccess: closeDropdown
-    }))
-  })), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-participants-accordion__member__title",
-    type: LabelTypography.SUBTITLE_2,
-    color: LabelColors.ONBACKGROUND_1
-  }, user.nickname || stringSet.NO_NAME, currentUser === user.userId && stringSet.OPEN_CHANNEL_SETTINGS__MEMBERS__YOU),
-  // if there is now nickname, display userId
-  !user.nickname && /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-participants-accordion__member__title user-id",
-    type: LabelTypography.CAPTION_3,
-    color: LabelColors.ONBACKGROUND_2
-  }, user.userId), isOperator && /*#__PURE__*/React__default.createElement(Label, {
-    className: `sendbird-participants-accordion__member__title
-                ${(user === null || user === void 0 ? void 0 : user.userId) !== currentUser ? 'operator' : ''}
-                ${(user === null || user === void 0 ? void 0 : user.userId) === currentUser ? 'self-operator' : ''}
-              `,
-    type: LabelTypography.SUBTITLE_2,
-    color: LabelColors.ONBACKGROUND_2
-  }, stringSet.OPEN_CHANNEL_SETTINGS__MEMBERS__OPERATOR), action && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-participants-accordion__member__action",
-    ref: actionRef
-  }, action({
-    actionRef
-  })));
-};
-
-function ParticipantList(_ref) {
-  var _globalState$config;
-  let {
-    isOperatorView = false
-  } = _ref;
-  const globalState = useSendbirdStateContext();
-  const currentUserId = globalState === null || globalState === void 0 ? void 0 : (_globalState$config = globalState.config) === null || _globalState$config === void 0 ? void 0 : _globalState$config.userId;
-  const {
-    channel
-  } = useOpenChannelSettingsContext();
-  const {
-    stringSet
-  } = useContext(LocalizationContext);
-  const [participants, setParticipants] = useState(null);
-  const [participantListQuery, setParticipantListQuery] = useState(null);
-  const [showParticipantsModal, setShowParticipantsModal] = useState(false);
-  useEffect(() => {
-    if (!channel || !(channel !== null && channel !== void 0 && channel.createParticipantListQuery)) {
-      return;
-    }
-    const participantListQuery = channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery({
-      limit: 10
-    });
-    setParticipantListQuery(participantListQuery);
-    participantListQuery.next().then(participants => {
-      setParticipants(participants);
-    });
-  }, [channel]);
-  const refreshList = useCallback(() => {
-    if (!channel) {
-      setParticipants([]);
-      return;
-    }
-    const participantListQuery = channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery({
-      limit: 10
-    });
-    participantListQuery.next().then(participants => {
-      setParticipants(participants);
-    });
-  }, [channel]);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-openchannel-settings__participant-list",
-    onScroll: e => {
-      const {
-        hasNext
-      } = participantListQuery;
-      const target = e.target;
-      const fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
-      if (hasNext && fetchMore) {
-        participantListQuery.next().then(fetchedParticipants => {
-          setParticipants([...participants, ...fetchedParticipants]);
-        });
-      }
-    }
-  }, /*#__PURE__*/React__default.createElement("div", null, participants === null || participants === void 0 ? void 0 : participants.map(p => {
-    const isOperator = channel === null || channel === void 0 ? void 0 : channel.isOperator(p.userId);
-    return /*#__PURE__*/React__default.createElement(UserListItem, {
-      user: p,
-      currentUser: currentUserId,
-      key: p.userId,
-      isOperator: isOperator,
-      action: _ref2 => {
-        let {
-          actionRef
-        } = _ref2;
-        return isOperatorView && currentUserId !== (p === null || p === void 0 ? void 0 : p.userId) ? /*#__PURE__*/React__default.createElement(ContextMenu, {
-          menuTrigger: toggleDropdown => /*#__PURE__*/React__default.createElement(IconButton, {
-            className: "sendbird-openchannel-participant-list__menu",
-            width: "32px",
-            height: "32px",
-            onClick: toggleDropdown
-          }, /*#__PURE__*/React__default.createElement(Icon, {
-            width: "24px",
-            height: "24px",
-            type: IconTypes.MORE,
-            fillColor: IconColors.CONTENT_INVERSE
-          })),
-          menuItems: closeDropdown => /*#__PURE__*/React__default.createElement(MenuItems, {
-            parentRef: actionRef,
-            closeDropdown: closeDropdown,
-            openLeft: true
-          }, /*#__PURE__*/React__default.createElement(MenuItem, {
-            onClick: () => {
-              if (isOperator) {
-                channel === null || channel === void 0 ? void 0 : channel.removeOperators([p.userId]).then(() => {
-                  closeDropdown();
-                  refreshList();
-                });
-              } else {
-                channel === null || channel === void 0 ? void 0 : channel.addOperators([p.userId]).then(() => {
-                  closeDropdown();
-                  refreshList();
-                });
-              }
-            },
-            dataSbId: `open_channel_setting_partitipant_conext_menu_${isOperator ? 'unregister_operator' : 'register_as_operator'}`
-          }, isOperator ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR : stringSet.OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR), /*#__PURE__*/React__default.createElement(MenuItem, {
-            onClick: () => {
-              if (p.isMuted) {
-                channel === null || channel === void 0 ? void 0 : channel.unmuteUser(p).then(() => {
-                  closeDropdown();
-                  refreshList();
-                });
-              } else {
-                channel === null || channel === void 0 ? void 0 : channel.muteUser(p).then(() => {
-                  closeDropdown();
-                  refreshList();
-                });
-              }
-            },
-            dataSbId: `open_channel_setting_partitipant_conext_menu_${p.isMuted ? 'unmute' : 'mute'}`
-          }, p.isMuted ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNMUTE : stringSet.OPEN_CHANNEL_SETTING__MODERATION__MUTE), /*#__PURE__*/React__default.createElement(MenuItem, {
-            onClick: () => {
-              channel === null || channel === void 0 ? void 0 : channel.banUser(p).then(() => {
-                closeDropdown();
-                refreshList();
-              });
-            },
-            dataSbId: "open_channel_setting_partitipant_conext_menu_ban"
-          }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN))
-        }) : null;
-      }
-    });
-  }), participants && participants.length === 0 ? /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-channel-settings__empty-list",
-    type: LabelTypography.SUBTITLE_2,
-    color: LabelColors.ONBACKGROUND_3
-  }, stringSet.OPEN_CHANNEL_SETTINGS__EMPTY_LIST) : null, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-openchannel-participant-list__footer"
-  }, (participantListQuery === null || participantListQuery === void 0 ? void 0 : participantListQuery.hasNext) && /*#__PURE__*/React__default.createElement(Button, {
-    type: ButtonTypes.SECONDARY,
-    size: ButtonSizes.SMALL,
-    onClick: () => setShowParticipantsModal(true)
-  }, stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE)), showParticipantsModal && /*#__PURE__*/React__default.createElement(ParticipantsModal, {
-    onCancel: () => {
-      setShowParticipantsModal(false);
-      refreshList();
-    }
-  })));
-}
-
-export { ParticipantList as P, UserListItem as U };
-//# sourceMappingURL=index-82178c6a.js.map