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

package/index-4214d5e5.js

@@ -1,320 +0,0 @@
-import React__default, { useReducer, useContext, createContext } from 'react';
-import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-ef032169.js';
-import { g as VOICE_PLAYER_ROOT_ID, h as VOICE_PLAYER_AUDIO_ID, c as VOICE_MESSAGE_FILE_NAME, d as VOICE_MESSAGE_MIME_TYPE } from './consts-2144a35b.js';
-import useSendbirdStateContext from './useSendbirdStateContext.js';
-
-const INITIALIZE_AUDIO_UNIT = 'INITIALIZE_AUDIO_UNIT';
-const SET_CURRENT_PLAYER = 'SET_CURRENT_PLAYER';
-const ON_VOICE_PLAYER_PLAY = 'ON_VOICE_PLAYER_PLAY';
-const ON_VOICE_PLAYER_PAUSE = 'ON_VOICE_PLAYER_PAUSE';
-const ON_CURRENT_TIME_UPDATE = 'ON_CURRENT_TIME_UPDATE';
-
-const VOICE_PLAYER_STATUS = {
-  IDLE: 'IDLE',
-  PREPARING: 'PREPARING',
-  PLAYING: 'PLAYING',
-  PAUSED: 'PAUSED',
-  COMPLETED: 'COMPLETED'
-};
-const AudioUnitDefaultValue = () => ({
-  audioFile: null,
-  playbackTime: 0,
-  duration: 1000,
-  playingStatus: VOICE_PLAYER_STATUS.IDLE
-});
-const voicePlayerInitialState = {
-  currentPlayer: null,
-  currentGroupKey: '',
-  audioStorage: {}
-};
-
-function voicePlayerReducer(state, action) {
-  switch (action.type) {
-    case INITIALIZE_AUDIO_UNIT:
-      {
-        var _state$audioStorage;
-        const {
-          groupKey
-        } = action.payload;
-        const audioUnit = (_state$audioStorage = state.audioStorage) !== null && _state$audioStorage !== void 0 && _state$audioStorage[groupKey] ? state.audioStorage[groupKey] : AudioUnitDefaultValue();
-        audioUnit.playingStatus = VOICE_PLAYER_STATUS.PREPARING;
-        return _objectSpread2(_objectSpread2({}, state), {}, {
-          audioStorage: _objectSpread2(_objectSpread2({}, state.audioStorage), {}, {
-            [groupKey]: audioUnit
-          })
-        });
-      }
-    case SET_CURRENT_PLAYER:
-      {
-        const {
-          audioPlayer,
-          groupKey
-        } = action.payload;
-        return _objectSpread2(_objectSpread2({}, state), {}, {
-          currentPlayer: audioPlayer,
-          currentGroupKey: groupKey
-        });
-      }
-    case ON_VOICE_PLAYER_PLAY:
-      {
-        var _state$audioStorage2;
-        const {
-          groupKey,
-          audioFile
-        } = action.payload;
-        const audioUnit = (_state$audioStorage2 = state.audioStorage) !== null && _state$audioStorage2 !== void 0 && _state$audioStorage2[groupKey] ? state.audioStorage[groupKey] : AudioUnitDefaultValue();
-        audioUnit.audioFile = audioFile;
-        audioUnit.playingStatus = VOICE_PLAYER_STATUS.PLAYING;
-        return _objectSpread2(_objectSpread2({}, state), {}, {
-          audioStorage: _objectSpread2(_objectSpread2({}, state.audioStorage), {}, {
-            [groupKey]: audioUnit
-          })
-        });
-      }
-    case ON_VOICE_PLAYER_PAUSE:
-      {
-        var _state$audioStorage3;
-        const {
-          groupKey
-        } = action.payload;
-        const audioUnit = (_state$audioStorage3 = state.audioStorage) !== null && _state$audioStorage3 !== void 0 && _state$audioStorage3[groupKey] ? state.audioStorage[groupKey] : AudioUnitDefaultValue();
-        audioUnit.playingStatus = VOICE_PLAYER_STATUS.PAUSED;
-        const {
-          currentTime,
-          duration
-        } = state.currentPlayer;
-        if (audioUnit.playbackTime === audioUnit.duration) {
-          audioUnit.playbackTime = 0;
-        } else if (currentTime > 0 && duration > 0) {
-          audioUnit.playbackTime = currentTime;
-          audioUnit.duration = duration;
-        }
-        return _objectSpread2(_objectSpread2({}, state), {}, {
-          audioStorage: _objectSpread2(_objectSpread2({}, state.audioStorage), {}, {
-            [groupKey]: audioUnit
-          })
-        });
-      }
-    case ON_CURRENT_TIME_UPDATE:
-      {
-        var _state$audioStorage4;
-        const {
-          groupKey
-        } = action.payload;
-        const {
-          currentTime,
-          duration
-        } = state.currentPlayer;
-        const audioUnit = (_state$audioStorage4 = state.audioStorage) !== null && _state$audioStorage4 !== void 0 && _state$audioStorage4[groupKey] ? state.audioStorage[groupKey] : AudioUnitDefaultValue();
-        if (currentTime > 0 && duration > 0) {
-          audioUnit.playbackTime = currentTime;
-          audioUnit.duration = duration;
-        }
-        return _objectSpread2(_objectSpread2({}, state), {}, {
-          audioStorage: _objectSpread2(_objectSpread2({}, state.audioStorage), {}, {
-            [groupKey]: audioUnit
-          })
-        });
-      }
-    default:
-      return state;
-  }
-}
-
-// VoicePlayerProvider interface
-
-const ALL = 'ALL';
-const noop = () => {/* noop */};
-const VoicePlayerStoreDefaultValue = {
-  currentGroupKey: '',
-  currentPlayer: null,
-  audioStorage: {}
-};
-const Context = /*#__PURE__*/createContext({
-  play: noop,
-  pause: noop,
-  stop: noop,
-  voicePlayerStore: VoicePlayerStoreDefaultValue
-});
-const VoicePlayerProvider = _ref => {
-  let {
-    children
-  } = _ref;
-  const [voicePlayerStore, voicePlayerDispatcher] = useReducer(voicePlayerReducer, voicePlayerInitialState);
-  const {
-    currentGroupKey,
-    currentPlayer,
-    audioStorage
-  } = voicePlayerStore;
-  const {
-    config
-  } = useSendbirdStateContext();
-  const {
-    logger
-  } = config;
-  const stop = function () {
-    let text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-    if (currentGroupKey.includes(text)) {
-      logger.info('VoicePlayer: Pause playing(by text).');
-      pause(currentGroupKey);
-    }
-  };
-  const pause = groupKey => {
-    if (currentGroupKey === groupKey && currentPlayer !== null) {
-      logger.info('VoicePlayer: Pause playing(by group key).');
-      currentPlayer === null || currentPlayer === void 0 ? void 0 : currentPlayer.pause();
-    }
-    if (groupKey === ALL) {
-      logger.info('VoicePlayer: Pause playing(all).');
-      currentPlayer === null || currentPlayer === void 0 ? void 0 : currentPlayer.pause();
-    }
-  };
-  const play = _ref2 => {
-    let {
-      groupKey,
-      audioFile = null,
-      audioFileUrl = ''
-    } = _ref2;
-    if (groupKey !== currentGroupKey) {
-      pause(currentGroupKey);
-    }
-
-    // Clear the previous AudioPlayer element
-    const voicePlayerRoot = document.getElementById(VOICE_PLAYER_ROOT_ID);
-    const voicePlayerAudioElement = document.getElementById(VOICE_PLAYER_AUDIO_ID);
-    if (voicePlayerAudioElement) {
-      voicePlayerRoot.removeChild(voicePlayerAudioElement);
-    }
-    logger.info('VoicePlayer: Start getting audio file.');
-    new Promise(resolve => {
-      var _audioStorage$groupKe;
-      voicePlayerDispatcher({
-        type: INITIALIZE_AUDIO_UNIT,
-        payload: {
-          groupKey
-        }
-      });
-      // audio file passed as a parameter
-      if (audioFile) {
-        logger.info('VoicePlayer: Use the audioFile instance.');
-        resolve(audioFile);
-        return;
-      }
-      // audio file from the audioStorage
-      const cachedAudioFile = audioStorage === null || audioStorage === void 0 ? void 0 : (_audioStorage$groupKe = audioStorage[groupKey]) === null || _audioStorage$groupKe === void 0 ? void 0 : _audioStorage$groupKe.audioFile;
-      if (cachedAudioFile) {
-        logger.info('VoicePlayer: Get from the audioStorage.');
-        resolve(cachedAudioFile);
-        return;
-      }
-      // fetch the audio file from URL
-      fetch(audioFileUrl).then(res => res.blob()).then(blob => {
-        const audioFile = new File([blob], VOICE_MESSAGE_FILE_NAME, {
-          lastModified: new Date().getTime(),
-          type: VOICE_MESSAGE_MIME_TYPE
-        });
-        resolve(audioFile);
-        logger.info('VoicePlayer: Get the audioFile from URL.');
-      });
-    }).then(audioFile => {
-      var _URL, _URL$createObjectURL;
-      const voicePlayerRoot = document.getElementById(VOICE_PLAYER_ROOT_ID);
-      logger.info('VoicePlayer: Succeeded getting audio file.', {
-        audioFile
-      });
-      const currentAudioUnit = audioStorage[groupKey] || AudioUnitDefaultValue();
-      const audioPlayer = new Audio((_URL = URL) === null || _URL === void 0 ? void 0 : (_URL$createObjectURL = _URL.createObjectURL) === null || _URL$createObjectURL === void 0 ? void 0 : _URL$createObjectURL.call(_URL, audioFile));
-      audioPlayer.id = VOICE_PLAYER_AUDIO_ID;
-      audioPlayer.currentTime = currentAudioUnit.playbackTime;
-      audioPlayer.volume = 1;
-      audioPlayer.loop = false;
-      audioPlayer.onplaying = () => {
-        logger.info('VoicePlayer: OnPlaying event is called from audioPlayer', {
-          groupKey,
-          audioPlayer
-        });
-        voicePlayerDispatcher({
-          type: ON_VOICE_PLAYER_PLAY,
-          payload: {
-            groupKey,
-            audioFile
-          }
-        });
-      };
-      audioPlayer.onpause = () => {
-        logger.info('VoicePlayer: OnPause event is called from audioPlayer', {
-          groupKey,
-          audioPlayer
-        });
-        voicePlayerDispatcher({
-          type: ON_VOICE_PLAYER_PAUSE,
-          payload: {
-            groupKey
-          }
-        });
-      };
-      audioPlayer.ontimeupdate = () => {
-        voicePlayerDispatcher({
-          type: ON_CURRENT_TIME_UPDATE,
-          payload: {
-            groupKey
-          }
-        });
-      };
-      audioPlayer.dataset.sbGroupId = groupKey;
-      // clean up the previous audio player
-      try {
-        voicePlayerRoot === null || voicePlayerRoot === void 0 ? void 0 : voicePlayerRoot.childNodes.forEach(node => {
-          var _element$dataset;
-          const element = node;
-          const thisGroupKey = (_element$dataset = element.dataset) === null || _element$dataset === void 0 ? void 0 : _element$dataset.sbGroupKey;
-          if (thisGroupKey !== groupKey) {
-            var _element$pause;
-            element === null || element === void 0 ? void 0 : (_element$pause = element.pause) === null || _element$pause === void 0 ? void 0 : _element$pause.call(element);
-            voicePlayerDispatcher({
-              type: ON_VOICE_PLAYER_PAUSE,
-              payload: {
-                groupKey
-              }
-            });
-            voicePlayerRoot.removeChild(element);
-            logger.info('VoicePlayer: Removed other player.', {
-              element
-            });
-          }
-        });
-      } finally {
-        audioPlayer === null || audioPlayer === void 0 ? void 0 : audioPlayer.play();
-        voicePlayerRoot === null || voicePlayerRoot === void 0 ? void 0 : voicePlayerRoot.appendChild(audioPlayer);
-        voicePlayerDispatcher({
-          type: SET_CURRENT_PLAYER,
-          payload: {
-            groupKey,
-            audioPlayer
-          }
-        });
-        logger.info('VoicePlayer: Succeeded playing audio player.', {
-          groupKey,
-          audioPlayer
-        });
-      }
-    });
-  };
-  return /*#__PURE__*/React__default.createElement(Context.Provider, {
-    value: {
-      play,
-      pause,
-      stop,
-      voicePlayerStore
-    }
-  }, /*#__PURE__*/React__default.createElement("div", {
-    id: VOICE_PLAYER_ROOT_ID,
-    style: {
-      display: 'none'
-    }
-  }), children);
-};
-const useVoicePlayerContext = () => useContext(Context);
-
-export { ALL as A, VoicePlayerProvider as V, VOICE_PLAYER_STATUS as a, AudioUnitDefaultValue as b, useVoicePlayerContext as u };
-//# sourceMappingURL=index-4214d5e5.js.map

package/index-4f2e8b24.js

@@ -1,7 +0,0 @@
-import 'react';
-
-// simple component to be used as modal root
-const MODAL_ROOT = 'sendbird-modal-root';
-
-export { MODAL_ROOT as M };
-//# sourceMappingURL=index-4f2e8b24.js.map

package/index-4f2e8b24.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-4f2e8b24.js","sources":["../src/hooks/useModal/ModalRoot/index.tsx"],"sourcesContent":["// simple component to be used as modal root\nimport React, { ReactElement } from 'react';\n\nexport const MODAL_ROOT = 'sendbird-modal-root';\n\nexport const ModalRoot = (): ReactElement => (\n  <div id={MODAL_ROOT} className={MODAL_ROOT} />\n);\nexport default ModalRoot;\n"],"names":["MODAL_ROOT"],"mappings":";;AAAA;AAGO,MAAMA,UAAU,GAAG;;;;"}

package/index-4f3b01f7.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-e7cbecf4.js';
-import { F as FileViewer } from './index-35c34277.js';
-import { u as useMediaQueryContext } from './MediaQueryContext-8fcfd909.js';
-import { K } from './index.module-74c51bef.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-4f3b01f7.js.map

package/index-4f3b01f7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-4f3b01f7.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-58e190df.js

@@ -1,51 +0,0 @@
-import { b as _extends } from './_rollupPluginBabelHelpers-ef032169.js';
-import React__default, { useState, useCallback, useMemo, createContext, useContext } from 'react';
-import { K } from './index.module-74c51bef.js';
-import { n as noop } from './utils-1babe991.js';
-import { Modal } from './ui/Modal.js';
-
-const GlobalModalContext = /*#__PURE__*/createContext({
-  openModal: noop
-});
-const GlobalModalProvider = _ref => {
-  let {
-    children
-  } = _ref;
-  // Idea from https://dev.to/nurislamov/simple-modals-queue-in-react-4g6c
-  const [globalModalQueue, setGlobalModalQueue] = useState([]);
-  const openModal = useCallback(props => {
-    setGlobalModalQueue(currentQue => [...currentQue, props]);
-  }, []);
-  const closeModal = useCallback(() => {
-    setGlobalModalQueue(currentQue => currentQue.slice(1));
-  }, []);
-  const ModalComponent = useMemo(() => () => {
-    return K(globalModalQueue).when(q => q.length === 0, () => {
-      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
-    }).otherwise(() => {
-      const {
-        modalProps,
-        childElement
-      } = globalModalQueue[0];
-      return /*#__PURE__*/React__default.createElement(Modal, _extends({}, modalProps, {
-        className: `sendbird-global-modal ${modalProps === null || modalProps === void 0 ? void 0 : modalProps.className}`,
-        onClose: () => {
-          var _modalProps$onClose;
-          modalProps === null || modalProps === void 0 ? void 0 : (_modalProps$onClose = modalProps.onClose) === null || _modalProps$onClose === void 0 ? void 0 : _modalProps$onClose.call(modalProps);
-          closeModal();
-        }
-      }), childElement({
-        closeModal
-      }));
-    });
-  }, [globalModalQueue]);
-  return /*#__PURE__*/React__default.createElement(GlobalModalContext.Provider, {
-    value: {
-      openModal
-    }
-  }, /*#__PURE__*/React__default.createElement(ModalComponent, null), children);
-};
-const useGlobalModalContext = () => useContext(GlobalModalContext);
-
-export { GlobalModalProvider as G, useGlobalModalContext as u };
-//# sourceMappingURL=index-58e190df.js.map

package/index-58e190df.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-58e190df.js","sources":["../src/hooks/useModal/index.tsx"],"sourcesContent":["import React, { useState, useCallback, ReactElement, createContext, useMemo, useContext } from 'react';\nimport { match } from 'ts-pattern';\n\nimport { noop } from '../../utils/utils';\nimport Modal, { type ModalProps } from '../../ui/Modal';\n\nexport type OpenGlobalModalProps = {\n  modalProps: ModalProps;\n  childElement: (props: { closeModal: () => void }) => ReactElement;\n};\nexport interface GlobalModalProviderProps {\n  children: ReactElement;\n}\nexport interface GlobalModalContextInterface {\n  openModal: (props: OpenGlobalModalProps) => void;\n}\n\nconst GlobalModalContext = createContext<GlobalModalContextInterface>({\n  openModal: noop,\n});\n\nexport const GlobalModalProvider = ({ children }: GlobalModalProviderProps) => {\n  // Idea from https://dev.to/nurislamov/simple-modals-queue-in-react-4g6c\n  const [globalModalQueue, setGlobalModalQueue] = useState<Array<OpenGlobalModalProps>>([]);\n\n  const openModal = useCallback((props: OpenGlobalModalProps) => {\n    setGlobalModalQueue((currentQue) => [...currentQue, props]);\n  }, []);\n\n  const closeModal = useCallback(() => {\n    setGlobalModalQueue((currentQue) => currentQue.slice(1));\n  }, []);\n\n  const ModalComponent = useMemo(() => () => {\n    return match(globalModalQueue)\n      .when(q => q.length === 0, () => {\n        return <></>;\n      })\n      .otherwise(() => {\n        const { modalProps, childElement } = globalModalQueue[0];\n        return (\n          <Modal\n            {...modalProps}\n            className={`sendbird-global-modal ${modalProps?.className}`}\n            onClose={() => {\n              modalProps?.onClose?.();\n              closeModal();\n            }}\n          >\n            {\n              childElement({\n                closeModal,\n              })\n            }\n          </Modal>\n        );\n      });\n  }, [globalModalQueue]);\n\n  return (\n    <GlobalModalContext.Provider\n      value={{\n        openModal,\n      }}\n    >\n      <ModalComponent />\n      {children}\n    </GlobalModalContext.Provider>\n  );\n};\nexport const useGlobalModalContext = (): GlobalModalContextInterface => useContext(GlobalModalContext);\n\nexport * from './ModalRoot';\n"],"names":["GlobalModalContext","createContext","openModal","noop","GlobalModalProvider","_ref","children","globalModalQueue","setGlobalModalQueue","useState","useCallback","props","currentQue","closeModal","slice","ModalComponent","useMemo","match","when","q","length","React","createElement","Fragment","otherwise","modalProps","childElement","Modal","_extends","className","onClose","_modalProps$onClose","call","Provider","value","useGlobalModalContext","useContext"],"mappings":";;;;;;AAiBA,MAAMA,kBAAkB,gBAAGC,aAAa,CAA8B;AACpEC,EAAAA,SAAS,EAAEC,IAAAA;AACb,CAAC,CAAC,CAAA;AAEWC,MAAAA,mBAAmB,GAAGC,IAAA,IAA4C;EAAA,IAA3C;AAAEC,IAAAA,QAAAA;AAAmC,GAAC,GAAAD,IAAA,CAAA;AACxE;EACA,MAAM,CAACE,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGC,QAAQ,CAA8B,EAAE,CAAC,CAAA;AAEzF,EAAA,MAAMP,SAAS,GAAGQ,WAAW,CAAEC,KAA2B,IAAK;IAC7DH,mBAAmB,CAAEI,UAAU,IAAK,CAAC,GAAGA,UAAU,EAAED,KAAK,CAAC,CAAC,CAAA;GAC5D,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,MAAME,UAAU,GAAGH,WAAW,CAAC,MAAM;IACnCF,mBAAmB,CAAEI,UAAU,IAAKA,UAAU,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;GACzD,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,MAAMC,cAAc,GAAGC,OAAO,CAAC,MAAM,MAAM;AACzC,IAAA,OAAOC,CAAK,CAACV,gBAAgB,CAAC,CAC3BW,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,MAAM,KAAK,CAAC,EAAE,MAAM;AAC/B,MAAA,oBAAOC,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAE,QAAA,EAAK,IAAA,CAAA,CAAA;AACd,KAAC,CAAC,CACDC,SAAS,CAAC,MAAM;MACf,MAAM;QAAEC,UAAU;AAAEC,QAAAA,YAAAA;AAAa,OAAC,GAAGnB,gBAAgB,CAAC,CAAC,CAAC,CAAA;MACxD,oBACEc,cAAA,CAAAC,aAAA,CAACK,KAAK,EAAAC,QAAA,KACAH,UAAU,EAAA;QACdI,SAAS,EAAG,yBAAwBJ,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAU,CAAEI,SAAU,CAAE,CAAA;QAC5DC,OAAO,EAAEA,MAAM;AAAA,UAAA,IAAAC,mBAAA,CAAA;AACbN,UAAAA,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAM,mBAAA,GAAVN,UAAU,CAAEK,OAAO,MAAAC,IAAAA,IAAAA,mBAAA,uBAAnBA,mBAAA,CAAAC,IAAA,CAAAP,UAAU,CAAa,CAAA;AACvBZ,UAAAA,UAAU,EAAE,CAAA;AACd,SAAA;AAAE,OAAA,CAAA,EAGAa,YAAY,CAAC;AACXb,QAAAA,UAAAA;AACF,OAAC,CAAC,CAEE,CAAA;AAEZ,KAAC,CAAC,CAAA;AACN,GAAC,EAAE,CAACN,gBAAgB,CAAC,CAAC,CAAA;AAEtB,EAAA,oBACEc,cAAA,CAAAC,aAAA,CAACtB,kBAAkB,CAACiC,QAAQ,EAAA;AAC1BC,IAAAA,KAAK,EAAE;AACLhC,MAAAA,SAAAA;AACF,KAAA;GAEAmB,eAAAA,cAAA,CAAAC,aAAA,CAACP,cAAc,EAAG,IAAA,CAAA,EACjBT,QAAQ,CACmB,CAAA;AAElC,EAAC;AACM,MAAM6B,qBAAqB,GAAGA,MAAmCC,UAAU,CAACpC,kBAAkB;;;;"}