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

package/cjs/useStatefulFileInfoList-aa70b6b9.js

@@ -0,0 +1,228 @@
+'use strict';
+
+var React = require('react');
+var ui_Icon = require('./ui/Icon.js');
+var message = require('@sendbird/chat/message');
+var ui_ImageRenderer = require('./ui/ImageRenderer.js');
+var index = require('./index-b995f638.js');
+var ui_FileViewer = require('./index-7b0c6630.js');
+var index$1 = require('./index-609b07a2.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function ImageGrid(_a) {
+  var _b;
+  var children = _a.children,
+    className = _a.className,
+    message = _a.message,
+    isReactionEnabled = _a.isReactionEnabled;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-image-grid-wrap"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: index.getClassName([className, 'sendbird-image-grid', isReactionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length) > 0 ? 'reactions' : ''])
+  }, children));
+}
+
+var GRID_WIDTH_CHAT_WEB = 400;
+var GRID_SIDE_PADDING = 8;
+var GRID_GAP = 4;
+var TIMESTAMP_WIDTH_AND_ITS_SIDE_MARGIN = 54;
+var PROFILE_IMAGE_WIDTH = 40;
+var CHAT_MOBILE_SIDE_PADDING = 48;
+var THREAD_PARENT_WIDTH = 320;
+var THREAD_PARENT_SIDE_PADDING = 28;
+var THREAD_PARENT_GRID_MARGIN_LEFT = 12;
+var THREAD_CHILD_WIDTH = 200;
+var THREAD_CHILD_SIDE_PADDING = 8;
+var THREAD_CHILD_MOBILE_SIDE_PADDING = 32;
+var THREAD_CHILD_MOBILE_TIMESTAMP_WIDTH_AND_ITS_SIDE_MARGIN = 60;
+var MULTIPLE_FILES_IMAGE_SIDE_LENGTH = {
+  CHAT_WEB: "calc(".concat(GRID_WIDTH_CHAT_WEB / 2, "px - ").concat((GRID_SIDE_PADDING + GRID_GAP) / 2, "px)"),
+  CHAT_MOBILE: "calc(50vw - ".concat((CHAT_MOBILE_SIDE_PADDING + PROFILE_IMAGE_WIDTH + TIMESTAMP_WIDTH_AND_ITS_SIDE_MARGIN + GRID_SIDE_PADDING + GRID_GAP) / 2, "px)"),
+  THREAD_PARENT_WEB: "calc(".concat((THREAD_PARENT_WIDTH - (THREAD_PARENT_SIDE_PADDING + PROFILE_IMAGE_WIDTH + THREAD_PARENT_GRID_MARGIN_LEFT + GRID_GAP)) / 2, "px)"),
+  THREAD_PARENT_MOBILE: "calc(50vw - ".concat((THREAD_PARENT_SIDE_PADDING + PROFILE_IMAGE_WIDTH + THREAD_PARENT_GRID_MARGIN_LEFT + GRID_GAP) / 2, "px)"),
+  THREAD_CHILD_WEB: "calc(".concat((THREAD_CHILD_WIDTH - THREAD_CHILD_SIDE_PADDING - GRID_GAP) / 2, "px)"),
+  THREAD_CHILD_MOBILE: "calc(50vw - ".concat((THREAD_CHILD_MOBILE_SIDE_PADDING + PROFILE_IMAGE_WIDTH + THREAD_CHILD_MOBILE_TIMESTAMP_WIDTH_AND_ITS_SIDE_MARGIN + GRID_SIDE_PADDING + GRID_GAP) / 2, "px)")
+};
+var 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'
+};
+var MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH = '34px';
+
+var ThreadMessageKind = {
+  PARENT: 'parent',
+  CHILD: 'child'
+};
+function MultipleFilesMessageItemBody(_a) {
+  var className = _a.className,
+    message$1 = _a.message,
+    _b = _a.isReactionEnabled,
+    isReactionEnabled = _b === void 0 ? false : _b,
+    threadMessageKindKey = _a.threadMessageKindKey,
+    _c = _a.statefulFileInfoList,
+    statefulFileInfoList = _c === void 0 ? [] : _c;
+  var _d = React.useState(-1),
+    currentFileViewerIndex = _d[0],
+    setCurrentFileViewerIndex = _d[1];
+  function onClose() {
+    setCurrentFileViewerIndex(-1);
+  }
+  function onClickLeft() {
+    setCurrentFileViewerIndex(currentFileViewerIndex === 0 ? statefulFileInfoList.length - 1 : currentFileViewerIndex - 1);
+  }
+  function onClickRight() {
+    setCurrentFileViewerIndex(currentFileViewerIndex === statefulFileInfoList.length - 1 ? 0 : currentFileViewerIndex + 1);
+  }
+  return threadMessageKindKey && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, currentFileViewerIndex > -1 && /*#__PURE__*/React__default["default"].createElement(ui_FileViewer.FileViewer, {
+    message: message$1,
+    statefulFileInfoList: statefulFileInfoList,
+    currentIndex: currentFileViewerIndex,
+    onClickLeft: onClickLeft,
+    onClickRight: onClickRight,
+    onClose: onClose
+  }), /*#__PURE__*/React__default["default"].createElement(ImageGrid, {
+    className: className,
+    message: message$1,
+    isReactionEnabled: isReactionEnabled
+  }, statefulFileInfoList.map(function (fileInfo, index$1) {
+    var isGifValue = index.isGif(fileInfo.mimeType);
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "sendbird-multiple-files-image-renderer-wrapper",
+      onClick: message$1.sendingStatus === message.SendingStatus.SUCCEEDED ? function () {
+        return setCurrentFileViewerIndex(index$1);
+      } : undefined,
+      key: "sendbird-multiple-files-image-renderer-".concat(index$1, "-").concat(fileInfo.url)
+    }, /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer["default"], {
+      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: ui_ImageRenderer.getBorderRadiusForMultipleImageRenderer(MULTIPLE_FILES_IMAGE_BORDER_RADIUS[threadMessageKindKey], index$1, statefulFileInfoList.length),
+      shadeOnHover: true,
+      isUploaded: !!fileInfo.isUploaded,
+      placeHolder: function (style_) {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "sendbird-multiple-files-image-renderer__thumbnail__placeholder",
+          style: style_
+        }, isGifValue ? /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "sendbird-multiple-files-image-renderer__thumbnail__placeholder__icon"
+        }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+          type: ui_Icon.IconTypes.GIF,
+          fillColor: ui_Icon.IconColors.THUMBNAIL_ICON,
+          width: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH,
+          height: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH
+        })) : /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+          type: ui_Icon.IconTypes.PHOTO,
+          fillColor: ui_Icon.IconColors.ON_BACKGROUND_2,
+          width: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH,
+          height: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH
+        }));
+      },
+      defaultComponent: /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "sendbird-multiple-files-image-renderer__thumbnail__placeholder"
+      }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+        type: ui_Icon.IconTypes.THUMBNAIL_NONE,
+        fillColor: ui_Icon.IconColors.ON_BACKGROUND_2,
+        width: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH,
+        height: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH
+      }))
+    }));
+  })));
+}
+
+function useThreadMessageKindKeySelector(_a) {
+  var threadMessageKind = _a.threadMessageKind,
+    isMobile = _a.isMobile;
+  var threadMessageKindKey = React.useMemo(function () {
+    return index$1.K(threadMessageKind).with(ThreadMessageKind.PARENT, function () {
+      return isMobile ? 'THREAD_PARENT_MOBILE' : 'THREAD_PARENT_WEB';
+    }).with(ThreadMessageKind.CHILD, function () {
+      return isMobile ? 'THREAD_CHILD_MOBILE' : 'THREAD_CHILD_WEB';
+    }).otherwise(function () {
+      return isMobile ? 'CHAT_MOBILE' : 'CHAT_WEB';
+    });
+  }, [isMobile, threadMessageKind]);
+  return threadMessageKindKey;
+}
+
+function createStatefulFileInfoList(message$1, oldStatefulFileInfoList) {
+  var _a;
+  if (!message$1) return null;
+  // Handle sent messages.
+  if (message$1.sendingStatus === message.SendingStatus.SUCCEEDED) {
+    return message$1.fileInfoList.map(function (fileInfo) {
+      return {
+        fileName: fileInfo.fileName,
+        fileSize: fileInfo.fileSize,
+        mimeType: fileInfo.mimeType,
+        thumbnails: fileInfo.thumbnails,
+        url: fileInfo.url,
+        isUploaded: true
+      };
+    });
+  }
+  // Handle unsent message.
+  if (!Array.isArray((_a = message$1.messageParams) === null || _a === void 0 ? void 0 : _a.fileInfoList)) return null;
+  return message$1.messageParams.fileInfoList.map(function (fileInfo, index) {
+    var _a, _b, _c;
+    return {
+      fileName: fileInfo.fileName,
+      fileSize: fileInfo.fileSize,
+      mimeType: fileInfo.mimeType,
+      /**
+       * Note here, we prioritize using fileUrl (implying uploaded state) over file.
+       * This is necessary because cache loaded pending/failed mfms is mixed with
+       * files (not yet uploaded ones) and fileUrls (uploaded).
+       *
+       * Notice that if file is used in the old state, it will not be replace with the new fileUrl
+       * because doing so will rerender the ImageRenderer component which makes rendering process awkward and slow.
+       * */
+      url: (_c = (_b = (_a = oldStatefulFileInfoList[index]) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : fileInfo.fileUrl) !== null && _c !== void 0 ? _c : fileInfo.file instanceof Blob ? URL.createObjectURL(fileInfo.file) : undefined,
+      /**
+       * Side note: It was a bad design to not include this property by SDK.
+       * Because if original object has fileUrl set and no file, then uploaded result remains
+       * the same so customer cannot know whether it has been uploaded or not.
+       */
+      isUploaded: !fileInfo.file && typeof fileInfo.fileUrl === 'string' && fileInfo.fileUrl.length > 0
+    };
+  });
+}
+
+var useStatefulFileInfoList = function (message) {
+  var _a, _b, _c;
+  var _d = React.useState([]),
+    statefulFileInfoList = _d[0],
+    setStatefulFileInfoList = _d[1];
+  React.useEffect(function () {
+    if (index.isMultipleFilesMessage(message)) {
+      var newStatefulFileInfoList = createStatefulFileInfoList(message, statefulFileInfoList);
+      setStatefulFileInfoList(newStatefulFileInfoList);
+    }
+  }, [
+  // Sent message dependency.
+  (_a = message.fileInfoList) === null || _a === void 0 ? void 0 : _a.length,
+  // Unsent message dependency.
+  /**
+   * Side note: It was a bad design to not include 'isUploaded' property by SDK.
+   * Because if original object has fileUrl set and no file, then uploaded result remains
+   * the same so customer cannot know whether it has been uploaded or not.
+   */
+  (_c = (_b = message.messageParams) === null || _b === void 0 ? void 0 : _b.fileInfoList) === null || _c === void 0 ? void 0 : _c.map(function (fileInfo) {
+    return fileInfo.fileUrl;
+  }).join(',')]);
+  return statefulFileInfoList;
+};
+
+exports.MultipleFilesMessageItemBody = MultipleFilesMessageItemBody;
+exports.ThreadMessageKind = ThreadMessageKind;
+exports.useStatefulFileInfoList = useStatefulFileInfoList;
+exports.useThreadMessageKindKeySelector = useThreadMessageKindKeySelector;
+//# sourceMappingURL=useStatefulFileInfoList-aa70b6b9.js.map

package/cjs/useStatefulFileInfoList-aa70b6b9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStatefulFileInfoList-aa70b6b9.js","sources":["../../src/ui/ImageGrid/index.tsx","../../src/ui/MultipleFilesMessageItemBody/const.ts","../../src/ui/MultipleFilesMessageItemBody/index.tsx","../../src/modules/Channel/context/hooks/useThreadMessageKindKeySelector.ts","../../src/utils/createStatefulFileInfoList.ts","../../src/modules/Channel/context/hooks/useStatefulFileInfoList.ts"],"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","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 = '34px';\n","import React, { ReactElement, useState } from 'react';\n\nimport Icon, { IconColors, IconTypes } from '../Icon';\nimport { MultipleFilesMessage, SendingStatus } from '@sendbird/chat/message';\nimport ImageRenderer, { getBorderRadiusForMultipleImageRenderer } from '../ImageRenderer';\nimport ImageGrid from '../ImageGrid';\nimport FileViewer from '../FileViewer';\nimport './index.scss';\nimport {\n  MULTIPLE_FILES_IMAGE_BORDER_RADIUS,\n  MULTIPLE_FILES_IMAGE_SIDE_LENGTH,\n  MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH,\n} from './const';\nimport { isGif } from '../../utils';\nimport { StatefulFileInfo } from '../../utils/createStatefulFileInfoList';\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  threadMessageKindKey?: string;\n  statefulFileInfoList?: StatefulFileInfo[];\n}\n\nexport default function MultipleFilesMessageItemBody({\n  className,\n  message,\n  isReactionEnabled = false,\n  threadMessageKindKey,\n  statefulFileInfoList = [],\n}: Props): ReactElement {\n  const [currentFileViewerIndex, setCurrentFileViewerIndex] = useState(-1);\n\n  function onClose() {\n    setCurrentFileViewerIndex(-1);\n  }\n\n  function onClickLeft() {\n    setCurrentFileViewerIndex(\n      currentFileViewerIndex === 0\n        ? statefulFileInfoList.length - 1\n        : currentFileViewerIndex - 1,\n    );\n  }\n\n  function onClickRight() {\n    setCurrentFileViewerIndex(\n      currentFileViewerIndex === statefulFileInfoList.length - 1\n        ? 0\n        : currentFileViewerIndex + 1,\n    );\n  }\n\n  return threadMessageKindKey && (\n    <>\n      {\n        currentFileViewerIndex > -1 && (\n          <FileViewer\n            message={message}\n            statefulFileInfoList={statefulFileInfoList}\n            currentIndex={currentFileViewerIndex}\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          statefulFileInfoList.map((fileInfo: StatefulFileInfo, index: number) => {\n            const isGifValue = isGif(fileInfo.mimeType);\n            return <div\n              className='sendbird-multiple-files-image-renderer-wrapper'\n              onClick={\n                message.sendingStatus === SendingStatus.SUCCEEDED\n                  ? () => setCurrentFileViewerIndex(index)\n                  : undefined\n              }\n              key={`sendbird-multiple-files-image-renderer-${index}-${fileInfo.url}`}\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={getBorderRadiusForMultipleImageRenderer(\n                  MULTIPLE_FILES_IMAGE_BORDER_RADIUS[threadMessageKindKey],\n                  index,\n                  statefulFileInfoList.length,\n                )}\n                shadeOnHover={true}\n                isUploaded={!!fileInfo.isUploaded}\n                placeHolder={\n                  (style_: Record<string, any>) => (\n                    <div\n                      className=\"sendbird-multiple-files-image-renderer__thumbnail__placeholder\"\n                      style={style_}\n                    >\n                      {\n                        isGifValue\n                          ? <div className=\"sendbird-multiple-files-image-renderer__thumbnail__placeholder__icon\">\n                            <Icon\n                              type={IconTypes.GIF}\n                              fillColor={IconColors.THUMBNAIL_ICON}\n                              width={MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH}\n                              height={MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH}\n                            />\n                          </div>\n                          : <Icon\n                            type={IconTypes.PHOTO}\n                            fillColor={IconColors.ON_BACKGROUND_2}\n                            width={MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH}\n                            height={MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH}\n                          />\n                      }\n                    </div>\n                  )\n                }\n                defaultComponent={\n                  <div 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                    }\n                  </div>\n                }\n              />\n            </div>;\n          })\n        }\n      </ImageGrid>\n    </>\n  );\n}\n","import { useMemo } from 'react';\nimport { ThreadMessageKind, ThreadMessageKindType } from '../../../../ui/MultipleFilesMessageItemBody';\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","import { MultipleFilesMessage, SendingStatus, UploadableFileInfo, UploadedFileInfo } from '@sendbird/chat/message';\nimport { Thumbnail } from '@sendbird/chat/lib/__definition';\n\nexport type StatefulFileInfo = {\n  fileName?: string,\n  fileSize?: number,\n  mimeType?: string,\n  thumbnails?: Thumbnail[];\n  url?: string,\n  isUploaded?: boolean;\n};\n\nexport function createStatefulFileInfoList(message: MultipleFilesMessage, oldStatefulFileInfoList: StatefulFileInfo[]): StatefulFileInfo[] {\n  if (!message) return null;\n\n  // Handle sent messages.\n  if (message.sendingStatus === SendingStatus.SUCCEEDED) {\n    return message.fileInfoList.map((fileInfo: UploadedFileInfo) => {\n      return {\n        fileName: fileInfo.fileName,\n        fileSize: fileInfo.fileSize,\n        mimeType: fileInfo.mimeType,\n        thumbnails: fileInfo.thumbnails,\n        url: fileInfo.url,\n        isUploaded: true,\n      };\n    });\n  }\n  // Handle unsent message.\n  if (!Array.isArray(message.messageParams?.fileInfoList)) return null;\n  return message.messageParams.fileInfoList\n    .map((fileInfo: UploadableFileInfo, index: number): StatefulFileInfo => ({\n      fileName: fileInfo.fileName,\n      fileSize: fileInfo.fileSize,\n      mimeType: fileInfo.mimeType,\n      /**\n       * Note here, we prioritize using fileUrl (implying uploaded state) over file.\n       * This is necessary because cache loaded pending/failed mfms is mixed with\n       * files (not yet uploaded ones) and fileUrls (uploaded).\n       *\n       * Notice that if file is used in the old state, it will not be replace with the new fileUrl\n       * because doing so will rerender the ImageRenderer component which makes rendering process awkward and slow.\n       * */\n      url: oldStatefulFileInfoList[index]?.url ?? fileInfo.fileUrl ?? (\n        fileInfo.file instanceof Blob\n          ? URL.createObjectURL(fileInfo.file)\n          : undefined\n      ),\n      /**\n       * Side note: It was a bad design to not include this property by SDK.\n       * Because if original object has fileUrl set and no file, then uploaded result remains\n       * the same so customer cannot know whether it has been uploaded or not.\n       */\n      isUploaded: !fileInfo.file && typeof fileInfo.fileUrl === 'string' && fileInfo.fileUrl.length > 0,\n    }));\n}\n","import { useEffect, useState } from 'react';\nimport { MultipleFilesMessage, UploadableFileInfo } from '@sendbird/chat/message';\nimport { createStatefulFileInfoList, StatefulFileInfo } from '../../../../utils/createStatefulFileInfoList';\nimport { CoreMessageType, isMultipleFilesMessage } from '../../../../utils';\n\nexport const useStatefulFileInfoList = (message: CoreMessageType): StatefulFileInfo[] => {\n  const [statefulFileInfoList, setStatefulFileInfoList] = useState<StatefulFileInfo[]>([]);\n\n  useEffect(() => {\n    if (isMultipleFilesMessage(message)) {\n      const newStatefulFileInfoList: StatefulFileInfo[] = createStatefulFileInfoList(\n        message as MultipleFilesMessage,\n        statefulFileInfoList,\n      );\n      setStatefulFileInfoList(newStatefulFileInfoList);\n    }\n  }, [\n    // Sent message dependency.\n    (message as MultipleFilesMessage).fileInfoList?.length,\n    // Unsent message dependency.\n    /**\n     * Side note: It was a bad design to not include 'isUploaded' property by SDK.\n     * Because if original object has fileUrl set and no file, then uploaded result remains\n     * the same so customer cannot know whether it has been uploaded or not.\n     */\n    (message as MultipleFilesMessage).messageParams?.fileInfoList\n      ?.map((fileInfo: UploadableFileInfo) => fileInfo.fileUrl).join(','),\n  ]);\n  return statefulFileInfoList;\n};\n"],"names":["ImageGrid","_a","children","className","message","isReactionEnabled","React","createElement","getClassName","_b","reactions","length","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","concat","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","ThreadMessageKind","PARENT","CHILD","MultipleFilesMessageItemBody","threadMessageKindKey","_c","statefulFileInfoList","_d","useState","currentFileViewerIndex","setCurrentFileViewerIndex","onClose","onClickLeft","onClickRight","Fragment","FileViewer","currentIndex","map","fileInfo","index","isGifValue","isGif","mimeType","onClick","sendingStatus","SendingStatus","SUCCEEDED","undefined","key","url","ImageRenderer","fixedSize","width","maxSideLength","height","borderRadius","getBorderRadiusForMultipleImageRenderer","shadeOnHover","isUploaded","placeHolder","style_","style","Icon","type","IconTypes","GIF","fillColor","IconColors","THUMBNAIL_ICON","PHOTO","ON_BACKGROUND_2","defaultComponent","THUMBNAIL_NONE","useThreadMessageKindKeySelector","threadMessageKind","isMobile","useMemo","match","with","otherwise","createStatefulFileInfoList","oldStatefulFileInfoList","fileInfoList","fileName","fileSize","thumbnails","Array","isArray","messageParams","fileUrl","file","Blob","URL","createObjectURL","useStatefulFileInfoList","setStatefulFileInfoList","useEffect","isMultipleFilesMessage","newStatefulFileInfoList","join"],"mappings":"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"}

package/cjs/utils/message/getOutgoingMessageState.js

@@ -2,38 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-let OutgoingMessageStates = /*#__PURE__*/function (OutgoingMessageStates) {
+exports.OutgoingMessageStates = void 0;
+(function (OutgoingMessageStates) {
   OutgoingMessageStates["NONE"] = "NONE";
   OutgoingMessageStates["PENDING"] = "PENDING";
   OutgoingMessageStates["SENT"] = "SENT";
   OutgoingMessageStates["FAILED"] = "FAILED";
   OutgoingMessageStates["DELIVERED"] = "DELIVERED";
   OutgoingMessageStates["READ"] = "READ";
-  return OutgoingMessageStates;
-}({});
-const getOutgoingMessageState = (channel, message) => {
-  var _channel$isGroupChann;
+})(exports.OutgoingMessageStates || (exports.OutgoingMessageStates = {}));
+var getOutgoingMessageState = function (channel, message) {
+  var _a, _b, _c, _d, _e;
   if (message.sendingStatus === 'pending') {
-    return OutgoingMessageStates.PENDING;
+    return exports.OutgoingMessageStates.PENDING;
   }
   if (message.sendingStatus === 'failed') {
-    return OutgoingMessageStates.FAILED;
+    return exports.OutgoingMessageStates.FAILED;
   }
-  if (channel !== null && channel !== void 0 && (_channel$isGroupChann = channel.isGroupChannel) !== null && _channel$isGroupChann !== void 0 && _channel$isGroupChann.call(channel)) {
-    var _getUnreadMemberCount, _ref, _getUndeliveredMember, _ref2;
+  if ((_a = channel === null || channel === void 0 ? void 0 : channel.isGroupChannel) === null || _a === void 0 ? void 0 : _a.call(channel)) {
     /* GroupChannel only */
-    if (((_getUnreadMemberCount = (_ref = channel).getUnreadMemberCount) === null || _getUnreadMemberCount === void 0 ? void 0 : _getUnreadMemberCount.call(_ref, message)) === 0) {
-      return OutgoingMessageStates.READ;
-    } else if (((_getUndeliveredMember = (_ref2 = channel).getUndeliveredMemberCount) === null || _getUndeliveredMember === void 0 ? void 0 : _getUndeliveredMember.call(_ref2, message)) === 0) {
-      return OutgoingMessageStates.DELIVERED;
+    if (((_c = (_b = channel).getUnreadMemberCount) === null || _c === void 0 ? void 0 : _c.call(_b, message)) === 0) {
+      return exports.OutgoingMessageStates.READ;
+    } else if (((_e = (_d = channel).getUndeliveredMemberCount) === null || _e === void 0 ? void 0 : _e.call(_d, message)) === 0) {
+      return exports.OutgoingMessageStates.DELIVERED;
     }
   }
   if (message.sendingStatus === 'succeeded') {
-    return OutgoingMessageStates.SENT;
+    return exports.OutgoingMessageStates.SENT;
   }
-  return OutgoingMessageStates.NONE;
+  return exports.OutgoingMessageStates.NONE;
 };
 
-exports.OutgoingMessageStates = OutgoingMessageStates;
 exports.getOutgoingMessageState = getOutgoingMessageState;
 //# sourceMappingURL=getOutgoingMessageState.js.map

package/cjs/utils/message/getOutgoingMessageState.js.map

@@ -1 +1 @@
-{"version":3,"file":"getOutgoingMessageState.js","sources":["../../../../src/utils/exports/getOutgoingMessageState.ts"],"sourcesContent":["import { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { OpenChannel } from '@sendbird/chat/openChannel';\nimport { Nullable } from '../../types';\nimport { SendableMessageType } from '../index';\n\nexport enum OutgoingMessageStates {\n  NONE = 'NONE',\n  PENDING = 'PENDING',\n  SENT = 'SENT',\n  FAILED = 'FAILED',\n  DELIVERED = 'DELIVERED',\n  READ = 'READ',\n}\n\nexport const getOutgoingMessageState = (\n  channel: Nullable<GroupChannel | OpenChannel>,\n  message: SendableMessageType,\n): string => {\n  if (message.sendingStatus === 'pending') {\n    return OutgoingMessageStates.PENDING;\n  }\n  if (message.sendingStatus === 'failed') {\n    return OutgoingMessageStates.FAILED;\n  }\n  if (channel?.isGroupChannel?.()) {\n    /* GroupChannel only */\n    if ((channel as GroupChannel).getUnreadMemberCount?.(message) === 0) {\n      return OutgoingMessageStates.READ;\n    } else if ((channel as GroupChannel).getUndeliveredMemberCount?.(message) === 0) {\n      return OutgoingMessageStates.DELIVERED;\n    }\n  }\n  if (message.sendingStatus === 'succeeded') {\n    return OutgoingMessageStates.SENT;\n  }\n  return OutgoingMessageStates.NONE;\n};\n"],"names":["OutgoingMessageStates","getOutgoingMessageState","channel","message","_channel$isGroupChann","sendingStatus","PENDING","FAILED","isGroupChannel","call","_getUnreadMemberCount","_ref","_getUndeliveredMember","_ref2","getUnreadMemberCount","READ","getUndeliveredMemberCount","DELIVERED","SENT","NONE"],"mappings":";;;;AAKYA,IAAAA,qBAAqB,0BAArBA,qBAAqB,EAAA;EAArBA,qBAAqB,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAArBA,qBAAqB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAArBA,qBAAqB,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAArBA,qBAAqB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAArBA,qBAAqB,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;EAArBA,qBAAqB,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAArBA,qBAAqB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;MASpBC,uBAAuB,GAAGA,CACrCC,OAA6C,EAC7CC,OAA4B,KACjB;AAAA,EAAA,IAAAC,qBAAA,CAAA;AACX,EAAA,IAAID,OAAO,CAACE,aAAa,KAAK,SAAS,EAAE;IACvC,OAAOL,qBAAqB,CAACM,OAAO,CAAA;AACtC,GAAA;AACA,EAAA,IAAIH,OAAO,CAACE,aAAa,KAAK,QAAQ,EAAE;IACtC,OAAOL,qBAAqB,CAACO,MAAM,CAAA;AACrC,GAAA;AACA,EAAA,IAAIL,OAAO,KAAPA,IAAAA,IAAAA,OAAO,gBAAAE,qBAAA,GAAPF,OAAO,CAAEM,cAAc,MAAAJ,IAAAA,IAAAA,qBAAA,eAAvBA,qBAAA,CAAAK,IAAA,CAAAP,OAAO,CAAoB,EAAE;AAAA,IAAA,IAAAQ,qBAAA,EAAAC,IAAA,EAAAC,qBAAA,EAAAC,KAAA,CAAA;AAC/B;IACA,IAAI,CAAA,CAAAH,qBAAA,GAAAC,CAAAA,IAAA,GAACT,OAAO,EAAkBY,oBAAoB,MAAAJ,IAAAA,IAAAA,qBAAA,uBAA9CA,qBAAA,CAAAD,IAAA,CAAAE,IAAA,EAAiDR,OAAO,CAAC,MAAK,CAAC,EAAE;MACnE,OAAOH,qBAAqB,CAACe,IAAI,CAAA;KAClC,MAAM,IAAI,CAAAH,CAAAA,qBAAA,IAAAC,KAAA,GAACX,OAAO,EAAkBc,yBAAyB,MAAA,IAAA,IAAAJ,qBAAA,KAAnDA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAAAH,IAAA,CAAAI,KAAA,EAAsDV,OAAO,CAAC,MAAK,CAAC,EAAE;MAC/E,OAAOH,qBAAqB,CAACiB,SAAS,CAAA;AACxC,KAAA;AACF,GAAA;AACA,EAAA,IAAId,OAAO,CAACE,aAAa,KAAK,WAAW,EAAE;IACzC,OAAOL,qBAAqB,CAACkB,IAAI,CAAA;AACnC,GAAA;EACA,OAAOlB,qBAAqB,CAACmB,IAAI,CAAA;AACnC;;;;;"}
+{"version":3,"file":"getOutgoingMessageState.js","sources":["../../../../src/utils/exports/getOutgoingMessageState.ts"],"sourcesContent":["import { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { OpenChannel } from '@sendbird/chat/openChannel';\nimport { Nullable } from '../../types';\nimport { SendableMessageType } from '../index';\n\nexport enum OutgoingMessageStates {\n  NONE = 'NONE',\n  PENDING = 'PENDING',\n  SENT = 'SENT',\n  FAILED = 'FAILED',\n  DELIVERED = 'DELIVERED',\n  READ = 'READ',\n}\n\nexport const getOutgoingMessageState = (\n  channel: Nullable<GroupChannel | OpenChannel>,\n  message: SendableMessageType,\n): string => {\n  if (message.sendingStatus === 'pending') {\n    return OutgoingMessageStates.PENDING;\n  }\n  if (message.sendingStatus === 'failed') {\n    return OutgoingMessageStates.FAILED;\n  }\n  if (channel?.isGroupChannel?.()) {\n    /* GroupChannel only */\n    if ((channel as GroupChannel).getUnreadMemberCount?.(message) === 0) {\n      return OutgoingMessageStates.READ;\n    } else if ((channel as GroupChannel).getUndeliveredMemberCount?.(message) === 0) {\n      return OutgoingMessageStates.DELIVERED;\n    }\n  }\n  if (message.sendingStatus === 'succeeded') {\n    return OutgoingMessageStates.SENT;\n  }\n  return OutgoingMessageStates.NONE;\n};\n"],"names":["OutgoingMessageStates","getOutgoingMessageState","channel","message","sendingStatus","PENDING","FAILED","_a","isGroupChannel","call","_c","_b","getUnreadMemberCount","READ","_e","_d","getUndeliveredMemberCount","DELIVERED","SENT","NONE"],"mappings":";;;;AAKYA,uCAOX;AAPD,CAAA,UAAYA,qBAAqB,EAAA;AAC/BA,EAAAA,qBAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACbA,EAAAA,qBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,qBAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACbA,EAAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjBA,EAAAA,qBAAA,CAAA,WAAA,CAAA,GAAA,WAAuB,CAAA;AACvBA,EAAAA,qBAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACf,CAAC,EAPWA,6BAAqB,KAArBA,6BAAqB,GAOhC,EAAA,CAAA,CAAA,CAAA;AAEM,IAAMC,uBAAuB,GAAG,UACrCC,OAA6C,EAC7CC,OAA4B,EAAA;;AAE5B,EAAA,IAAIA,OAAO,CAACC,aAAa,KAAK,SAAS,EAAE;IACvC,OAAOJ,6BAAqB,CAACK,OAAO,CAAA;AACrC,GAAA;AACD,EAAA,IAAIF,OAAO,CAACC,aAAa,KAAK,QAAQ,EAAE;IACtC,OAAOJ,6BAAqB,CAACM,MAAM,CAAA;AACpC,GAAA;AACD,EAAA,IAAI,CAAAC,EAAA,GAAAL,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEM,cAAc,MAAA,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAE,IAAA,CAAAP,OAAA,CAAI,EAAE;AAC/B;AACA,IAAA,IAAI,CAAA,CAAAQ,EAAA,GAAA,CAAAC,EAAA,GAACT,OAAwB,EAACU,oBAAoB,MAAA,IAAA,IAAAF,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAD,IAAA,CAAAE,EAAA,EAAGR,OAAO,CAAC,MAAK,CAAC,EAAE;MACnE,OAAOH,6BAAqB,CAACa,IAAI,CAAA;AAClC,KAAA,MAAM,IAAI,CAAA,CAAAC,EAAA,GAAA,CAAAC,EAAA,GAACb,OAAwB,EAACc,yBAAyB,MAAA,IAAA,IAAAF,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAL,IAAA,CAAAM,EAAA,EAAGZ,OAAO,CAAC,MAAK,CAAC,EAAE;MAC/E,OAAOH,6BAAqB,CAACiB,SAAS,CAAA;AACvC,KAAA;AACF,GAAA;AACD,EAAA,IAAId,OAAO,CAACC,aAAa,KAAK,WAAW,EAAE;IACzC,OAAOJ,6BAAqB,CAACkB,IAAI,CAAA;AAClC,GAAA;EACD,OAAOlB,6BAAqB,CAACmB,IAAI,CAAA;AACnC;;;;"}

package/cjs/utils/message/isVoiceMessage.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../../index-fbe9cc73.js');
-require('../../_rollupPluginBabelHelpers-83d7e84b.js');
+var index = require('../../index-b995f638.js');
+require('../../tslib.es6-2f2b0bca.js');
 require('./getOutgoingMessageState.js');
-require('../../index.module-a24e9cd7.js');
+require('../../index-609b07a2.js');
 
-const isVoiceMessage = index.isVoiceMessage;
+var isVoiceMessage = index.isVoiceMessage;
 
 exports.isVoiceMessage = isVoiceMessage;
 //# sourceMappingURL=isVoiceMessage.js.map

package/cjs/utils/message/isVoiceMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"isVoiceMessage.js","sources":["../../../../src/utils/isVoiceMessage.ts"],"sourcesContent":["import { isVoiceMessage as _isVoiceMessage } from '.';\n\nexport const isVoiceMessage = _isVoiceMessage;\n"],"names":["isVoiceMessage","_isVoiceMessage"],"mappings":";;;;;;;;;AAEO,MAAMA,cAAc,GAAGC;;;;"}
+{"version":3,"file":"isVoiceMessage.js","sources":["../../../../src/utils/isVoiceMessage.ts"],"sourcesContent":["import { isVoiceMessage as _isVoiceMessage } from '.';\n\nexport const isVoiceMessage = _isVoiceMessage;\n"],"names":["isVoiceMessage","_isVoiceMessage"],"mappings":";;;;;;;;;AAEO,IAAMA,cAAc,GAAGC;;;;"}

package/cjs/utils-0fac6ad1.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var ui_Label = require('./index-35820a94.js');
+
+var getChannelTitle = function (channel, currentUserId, stringSet) {
+  var _a;
+  var LABEL_STRING_SET = stringSet || ui_Label.LabelStringSet;
+  if (!(channel === null || channel === void 0 ? void 0 : channel.name) && !(channel === null || channel === void 0 ? void 0 : channel.members)) {
+    return LABEL_STRING_SET.NO_TITLE;
+  }
+  if ((channel === null || channel === void 0 ? void 0 : channel.name) && channel.name !== 'Group Channel') {
+    return channel.name;
+  }
+  if (((_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.length) === 1) {
+    return LABEL_STRING_SET.NO_MEMBERS;
+  }
+  return channel === null || channel === void 0 ? void 0 : channel.members.filter(function (_a) {
+    var userId = _a.userId;
+    return userId !== currentUserId;
+  }).map(function (_a) {
+    var nickname = _a.nickname;
+    return nickname || LABEL_STRING_SET.NO_NAME;
+  }).join(', ');
+};
+
+exports.getChannelTitle = getChannelTitle;
+//# sourceMappingURL=utils-0fac6ad1.js.map

package/cjs/utils-0fac6ad1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-0fac6ad1.js","sources":["../../src/modules/Channel/components/ChannelHeader/utils.ts"],"sourcesContent":["import type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { LabelStringSet } from '../../../../ui/Label';\n\nexport const getChannelTitle = (\n  channel: GroupChannel,\n  currentUserId: string,\n  stringSet: { [label: string]: string },\n): string => {\n  const LABEL_STRING_SET: { [label: string]: string } = stringSet || LabelStringSet;\n  if (!channel?.name && !channel?.members) {\n    return LABEL_STRING_SET.NO_TITLE;\n  }\n  if (channel?.name && channel.name !== 'Group Channel') {\n    return channel.name;\n  }\n\n  if (channel?.members?.length === 1) {\n    return LABEL_STRING_SET.NO_MEMBERS;\n  }\n\n  return channel?.members\n    .filter(({ userId }) => userId !== currentUserId)\n    .map(({ nickname }) => (nickname || LABEL_STRING_SET.NO_NAME))\n    .join(', ');\n};\n"],"names":["getChannelTitle","channel","currentUserId","stringSet","LABEL_STRING_SET","LabelStringSet","name","members","NO_TITLE","_a","length","NO_MEMBERS","filter","userId","map","nickname","NO_NAME","join"],"mappings":";;;;AAGO,IAAMA,eAAe,GAAG,UAC7BC,OAAqB,EACrBC,aAAqB,EACrBC,SAAsC,EAAA;;AAEtC,EAAA,IAAMC,gBAAgB,GAAgCD,SAAS,IAAIE,uBAAc,CAAA;AACjF,EAAA,IAAI,EAACJ,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEK,IAAI,CAAA,IAAI,EAACL,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEM,OAAO,CAAA,EAAE;IACvC,OAAOH,gBAAgB,CAACI,QAAQ,CAAA;AACjC,GAAA;EACD,IAAI,CAAAP,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEK,IAAI,KAAIL,OAAO,CAACK,IAAI,KAAK,eAAe,EAAE;IACrD,OAAOL,OAAO,CAACK,IAAI,CAAA;AACpB,GAAA;AAED,EAAA,IAAI,CAAA,CAAAG,EAAA,GAAAR,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEM,OAAO,MAAA,IAAA,IAAAE,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEC,MAAM,MAAK,CAAC,EAAE;IAClC,OAAON,gBAAgB,CAACO,UAAU,CAAA;AACnC,GAAA;EAED,OAAOV,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEM,OAAO,CACpBK,MAAM,CAAC,UAACH,EAAU,EAAA;AAAR,IAAA,IAAAI,MAAM,GAAAJ,EAAA,CAAAI,MAAA,CAAA;IAAO,OAAAA,MAAM,KAAKX,aAAa,CAAA;AAAxB,GAAwB,CAC/C,CAAAY,GAAG,CAAC,UAACL,EAAY,EAAA;AAAV,IAAA,IAAAM,QAAQ,GAAAN,EAAA,CAAAM,QAAA,CAAA;AAAO,IAAA,OAACA,QAAQ,IAAIX,gBAAgB,CAACY,OAAO,CAAA;AAArC,GAAsC,CAC5D,CAAAC,IAAI,CAAC,IAAI,CAAC,CAAA;AACf;;;;"}

package/cjs/utils-180c6bc8.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var noop = function () {};
+var isAboutSame = function (a, b, px) {
+  return Math.abs(a - b) <= px;
+};
+
+exports.isAboutSame = isAboutSame;
+exports.noop = noop;
+//# sourceMappingURL=utils-180c6bc8.js.map

package/cjs/utils-180c6bc8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-180c6bc8.js","sources":["../../src/utils/utils.ts"],"sourcesContent":["import { SendableMessageType } from './index';\n\nexport const noop = () => { /** noop * */ };\nexport const getSenderProfileUrl = (message: SendableMessageType) => message.sender && message.sender.profileUrl;\nexport const getSenderName = (message: SendableMessageType) => (\n  message.sender && (\n    message.sender.friendName\n    || message.sender.nickname\n    || message.sender.userId\n  )\n);\nexport const isAboutSame = (a: number, b: number, px: number) => Math.abs(a - b) <= px;\n\nexport default {\n  getSenderName,\n  getSenderProfileUrl,\n};\n"],"names":["noop","isAboutSame","a","b","px","Math","abs"],"mappings":";;IAEaA,IAAI,GAAG,YAAA,GAAuB;AASpC,IAAMC,WAAW,GAAG,UAACC,CAAS,EAAEC,CAAS,EAAEC,EAAU,EAAK;EAAA,OAAAC,IAAI,CAACC,GAAG,CAACJ,CAAC,GAAGC,CAAC,CAAC,IAAIC,EAAE,CAAA;AAArB;;;;;"}

package/cjs/{utils-991911af.js → utils-46483130.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const copyToClipboard = text => {
+var copyToClipboard = function (text) {
   // @ts-ignore: Unreachable code error
   if (window.clipboardData && window.clipboardData.setData) {
     // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.
@@ -8,7 +8,7 @@ const copyToClipboard = text => {
     return window.clipboardData.setData('Text', text);
   }
   if (document.queryCommandSupported && document.queryCommandSupported('copy')) {
-    const textarea = document.createElement('textarea');
+    var textarea = document.createElement('textarea');
     textarea.textContent = text;
     textarea.style.position = 'fixed'; // Prevent scrolling to bottom of page in Microsoft Edge.
     document.body.appendChild(textarea);
@@ -25,4 +25,4 @@ const copyToClipboard = text => {
 };
 
 exports.copyToClipboard = copyToClipboard;
-//# sourceMappingURL=utils-991911af.js.map
+//# sourceMappingURL=utils-46483130.js.map

package/cjs/{utils-991911af.js.map → utils-46483130.js.map}

@@ -1 +1 @@
-{"version":3,"file":"utils-991911af.js","sources":["../../src/ui/OpenchannelUserMessage/utils.ts"],"sourcesContent":["export const copyToClipboard = (text: string): boolean => {\n  // @ts-ignore: Unreachable code error\n  if (window.clipboardData && window.clipboardData.setData) {\n    // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.\n    // @ts-ignore: Unreachable code error\n    return window.clipboardData.setData('Text', text);\n  }\n  if (document.queryCommandSupported && document.queryCommandSupported('copy')) {\n    const textarea = document.createElement('textarea');\n    textarea.textContent = text;\n    textarea.style.position = 'fixed'; // Prevent scrolling to bottom of page in Microsoft Edge.\n    document.body.appendChild(textarea);\n    textarea.select();\n    try {\n      return document.execCommand('copy'); // Security exception may be thrown by some browsers.\n    } catch (ex) {\n      return false;\n    } finally {\n      document.body.removeChild(textarea);\n    }\n  }\n  return false;\n};\n\nexport default { copyToClipboard };\n"],"names":["copyToClipboard","text","window","clipboardData","setData","document","queryCommandSupported","textarea","createElement","textContent","style","position","body","appendChild","select","execCommand","ex","removeChild"],"mappings":";;AAAaA,MAAAA,eAAe,GAAIC,IAAY,IAAc;AACxD;EACA,IAAIC,MAAM,CAACC,aAAa,IAAID,MAAM,CAACC,aAAa,CAACC,OAAO,EAAE;AACxD;AACA;IACA,OAAOF,MAAM,CAACC,aAAa,CAACC,OAAO,CAAC,MAAM,EAAEH,IAAI,CAAC,CAAA;AACnD,GAAA;EACA,IAAII,QAAQ,CAACC,qBAAqB,IAAID,QAAQ,CAACC,qBAAqB,CAAC,MAAM,CAAC,EAAE;AAC5E,IAAA,MAAMC,QAAQ,GAAGF,QAAQ,CAACG,aAAa,CAAC,UAAU,CAAC,CAAA;IACnDD,QAAQ,CAACE,WAAW,GAAGR,IAAI,CAAA;AAC3BM,IAAAA,QAAQ,CAACG,KAAK,CAACC,QAAQ,GAAG,OAAO,CAAC;AAClCN,IAAAA,QAAQ,CAACO,IAAI,CAACC,WAAW,CAACN,QAAQ,CAAC,CAAA;IACnCA,QAAQ,CAACO,MAAM,EAAE,CAAA;IACjB,IAAI;AACF,MAAA,OAAOT,QAAQ,CAACU,WAAW,CAAC,MAAM,CAAC,CAAC;KACrC,CAAC,OAAOC,EAAE,EAAE;AACX,MAAA,OAAO,KAAK,CAAA;AACd,KAAC,SAAS;AACRX,MAAAA,QAAQ,CAACO,IAAI,CAACK,WAAW,CAACV,QAAQ,CAAC,CAAA;AACrC,KAAA;AACF,GAAA;AACA,EAAA,OAAO,KAAK,CAAA;AACd;;;;"}
+{"version":3,"file":"utils-46483130.js","sources":["../../src/ui/OpenchannelUserMessage/utils.ts"],"sourcesContent":["export const copyToClipboard = (text: string): boolean => {\n  // @ts-ignore: Unreachable code error\n  if (window.clipboardData && window.clipboardData.setData) {\n    // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.\n    // @ts-ignore: Unreachable code error\n    return window.clipboardData.setData('Text', text);\n  }\n  if (document.queryCommandSupported && document.queryCommandSupported('copy')) {\n    const textarea = document.createElement('textarea');\n    textarea.textContent = text;\n    textarea.style.position = 'fixed'; // Prevent scrolling to bottom of page in Microsoft Edge.\n    document.body.appendChild(textarea);\n    textarea.select();\n    try {\n      return document.execCommand('copy'); // Security exception may be thrown by some browsers.\n    } catch (ex) {\n      return false;\n    } finally {\n      document.body.removeChild(textarea);\n    }\n  }\n  return false;\n};\n\nexport default { copyToClipboard };\n"],"names":["copyToClipboard","text","window","clipboardData","setData","document","queryCommandSupported","textarea","createElement","textContent","style","position","body","appendChild","select","execCommand","ex","removeChild"],"mappings":";;IAAaA,eAAe,GAAG,UAACC,IAAY,EAAA;AAC1C;EACA,IAAIC,MAAM,CAACC,aAAa,IAAID,MAAM,CAACC,aAAa,CAACC,OAAO,EAAE;AACxD;AACA;IACA,OAAOF,MAAM,CAACC,aAAa,CAACC,OAAO,CAAC,MAAM,EAAEH,IAAI,CAAC,CAAA;AAClD,GAAA;EACD,IAAII,QAAQ,CAACC,qBAAqB,IAAID,QAAQ,CAACC,qBAAqB,CAAC,MAAM,CAAC,EAAE;AAC5E,IAAA,IAAMC,QAAQ,GAAGF,QAAQ,CAACG,aAAa,CAAC,UAAU,CAAC,CAAA;IACnDD,QAAQ,CAACE,WAAW,GAAGR,IAAI,CAAA;AAC3BM,IAAAA,QAAQ,CAACG,KAAK,CAACC,QAAQ,GAAG,OAAO,CAAC;AAClCN,IAAAA,QAAQ,CAACO,IAAI,CAACC,WAAW,CAACN,QAAQ,CAAC,CAAA;IACnCA,QAAQ,CAACO,MAAM,EAAE,CAAA;IACjB,IAAI;AACF,MAAA,OAAOT,QAAQ,CAACU,WAAW,CAAC,MAAM,CAAC,CAAC;KACrC,CAAC,OAAOC,EAAE,EAAE;AACX,MAAA,OAAO,KAAK,CAAA;AACb,KAAA,SAAS;AACRX,MAAAA,QAAQ,CAACO,IAAI,CAACK,WAAW,CAACV,QAAQ,CAAC,CAAA;AACpC,KAAA;AACF,GAAA;AACD,EAAA,OAAO,KAAK,CAAA;AACd;;;;"}