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

package/useLongPress-322bb6a3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLongPress-322bb6a3.js","sources":["../src/hooks/useLongPress.tsx"],"sourcesContent":["// thanks to: https://stackoverflow.com/questions/48048957/react-long-press-event\n/* example:\n  const Component = ({ onClick }) => {\n    const onLongPress = useLongPress({\n      onClick: onClick,\n      onLongPress: () => {\n        alert('longpress');\n      }\n    }, {\n      delay: 500,\n      shouldPreventDefault: true,\n    });\n    return (\n      <button {...onLongPress}>\n        hello\n      </button>\n    )\n  }\n*/\nimport React, {\n  useState,\n  useRef,\n  useCallback,\n} from 'react';\nimport {\n  useMediaQueryContext,\n} from '../lib/MediaQueryContext';\n\nconst DEFAULT_DURATION = 300;\n\nfunction preventDefault(e: Event) {\n  if (!isTouchEvent(e)) {\n    return;\n  }\n\n  if (e.touches.length < 2 && e.preventDefault) {\n    e.preventDefault();\n  }\n}\n\nexport function isTouchEvent(e: Event): e is TouchEvent {\n  return e && 'touches' in e;\n}\n\ninterface PressHandlers<T> {\n  onLongPress: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;\n  onClick?: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;\n}\n\ninterface Options {\n  delay?: number;\n  shouldPreventDefault?: boolean;\n  shouldStopPropagation?: boolean;\n}\n\ninterface UseLongPressType<T> {\n  onTouchMove: (e: React.TouchEvent<T>) => void;\n  onMouseDown: (e: React.MouseEvent<T>) => void;\n  onTouchStart: (e: React.TouchEvent<T>) => void;\n  onMouseUp: (e: React.MouseEvent<T>) => void;\n  onMouseLeave: (e: React.MouseEvent<T>) => void;\n  onTouchEnd: (e: React.TouchEvent<T>) => void;\n}\n\nexport default function useLongPress<T>({\n  onLongPress,\n  onClick,\n}: PressHandlers<T>, {\n  delay = DEFAULT_DURATION,\n  shouldPreventDefault = true,\n  shouldStopPropagation = false,\n}: Options = {}): UseLongPressType<T> {\n  const { isMobile } = useMediaQueryContext();\n  const [longPressTriggered, setLongPressTriggered] = useState(false);\n  const [dragTriggered, setDragTriggered] = useState(false);\n  // https://www.typescriptlang.org/docs/handbook/utility-types.html#returntypetype\n  const timeout = useRef<ReturnType<typeof setTimeout>>();\n  const target = useRef<EventTarget>();\n\n  const start = useCallback((e: React.MouseEvent<T> | React.TouchEvent<T>) => {\n    e.persist();\n    const clonedEvent = {\n      ...e,\n    };\n    setDragTriggered(false);\n    if (shouldStopPropagation) {\n      e.stopPropagation();\n    }\n    if (shouldPreventDefault && e.target) {\n      e.target.addEventListener(\n        'touchend',\n        preventDefault,\n        {\n          passive: false,\n        },\n      );\n      target.current = e.target;\n    }\n\n    timeout.current = setTimeout(() => {\n      onLongPress(clonedEvent);\n      setLongPressTriggered(true);\n    }, delay);\n  }, [onLongPress, delay, shouldPreventDefault, shouldStopPropagation, isMobile]);\n\n  const clear = useCallback((\n    e: React.MouseEvent<T> | React.TouchEvent<T>,\n    shouldTriggerClick = true,\n    onDrag = false,\n  ) => {\n    if (onDrag) {\n      setDragTriggered(true);\n    } else {\n      setDragTriggered(false);\n    }\n    if (timeout?.current) {\n      clearTimeout(timeout.current);\n    }\n    if (shouldTriggerClick && !longPressTriggered && !dragTriggered) {\n      onClick?.(e);\n    }\n    setLongPressTriggered(false);\n    if (shouldPreventDefault && target.current) {\n      target.current.removeEventListener('touchend', preventDefault);\n    }\n  }, [shouldPreventDefault, onClick, longPressTriggered, dragTriggered]);\n\n  return {\n    onMouseDown: (e: React.MouseEvent<T>) => start(e),\n    onMouseUp: (e: React.MouseEvent<T>) => clear(e),\n    onMouseLeave: (e: React.MouseEvent<T>) => clear(e, false),\n    onTouchStart: (e: React.TouchEvent<T>) => start(e),\n    // setDragTriggered as true on touchmove, so that next onTouchEnd is ignored\n    // if we dont do it, onClick?.(e) will be triggred, see inside clear()\n    onTouchMove: (e: React.TouchEvent<T>) => clear(e, false, true),\n    onTouchEnd: (e: React.TouchEvent<T>) => clear(e),\n  };\n}\n"],"names":["DEFAULT_DURATION","preventDefault","e","isTouchEvent","touches","length","useLongPress","_a","_b","onLongPress","onClick","_c","_d","delay","_e","shouldPreventDefault","_f","shouldStopPropagation","isMobile","useMediaQueryContext","_g","useState","longPressTriggered","setLongPressTriggered","_h","dragTriggered","setDragTriggered","timeout","useRef","target","start","useCallback","persist","clonedEvent","__assign","stopPropagation","addEventListener","passive","current","setTimeout","clear","shouldTriggerClick","onDrag","clearTimeout","removeEventListener","onMouseDown","onMouseUp","onMouseLeave","onTouchStart","onTouchMove","onTouchEnd"],"mappings":"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"}

package/useSendMultipleFilesMessage-4489a0f6.js

@@ -0,0 +1,283 @@
+import { useCallback } from 'react';
+import { PUBSUB_TOPICS } from './pubSub/topics.js';
+import { s as scrollIntoLast$1 } from './utils-40040f8e.js';
+import { f as format } from './index-c81fd6ec.js';
+import { getOutgoingMessageState, OutgoingMessageStates } from './utils/message/getOutgoingMessageState.js';
+
+var RESET_MESSAGES = 'RESET_MESSAGES';
+var FETCH_INITIAL_MESSAGES_START = 'FETCH_INITIAL_MESSAGES_START';
+var FETCH_INITIAL_MESSAGES_SUCCESS = 'FETCH_INITIAL_MESSAGES_SUCCESS';
+var FETCH_INITIAL_MESSAGES_FAILURE = 'FETCH_INITIAL_MESSAGES_FAILURE';
+var FETCH_PREV_MESSAGES_SUCCESS = 'FETCH_PREV_MESSAGES_SUCCESS';
+var FETCH_PREV_MESSAGES_FAILURE = 'FETCH_PREV_MESSAGES_FAILURE';
+var FETCH_NEXT_MESSAGES_SUCCESS = 'FETCH_NEXT_MESSAGES_SUCCESS';
+var FETCH_NEXT_MESSAGES_FAILURE = 'FETCH_NEXT_MESSAGES_FAILURE';
+var SEND_MESSAGE_START = 'SEND_MESSAGE_START';
+var SEND_MESSAGE_SUCCESS = 'SEND_MESSAGE_SUCCESS';
+var SEND_MESSAGE_FAILURE = 'SEND_MESSAGE_FAILURE';
+var RESEND_MESSAGE_START = 'RESEND_MESSAGE_START';
+var ON_MESSAGE_RECEIVED = 'ON_MESSAGE_RECEIVED';
+var ON_MESSAGE_UPDATED = 'ON_MESSAGE_UPDATED';
+var ON_MESSAGE_THREAD_INFO_UPDATED = 'ON_MESSAGE_THREAD_INFO_UPDATED';
+var ON_MESSAGE_DELETED = 'ON_MESSAGE_DELETED';
+var ON_MESSAGE_DELETED_BY_REQ_ID = 'ON_MESSAGE_DELETED_BY_REQ_ID';
+var SET_CURRENT_CHANNEL = 'SET_CURRENT_CHANNEL';
+var SET_CHANNEL_INVALID = 'SET_CHANNEL_INVALID';
+var MARK_AS_READ = 'MARK_AS_READ';
+var ON_REACTION_UPDATED = 'ON_REACTION_UPDATED';
+var SET_EMOJI_CONTAINER = 'SET_EMOJI_CONTAINER';
+var MESSAGE_LIST_PARAMS_CHANGED = 'MESSAGE_LIST_PARAMS_CHANGED';
+var ON_FILE_INFO_UPLOADED = 'ON_FILE_INFO_UPLOADED';
+
+var channelActions = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    RESET_MESSAGES: RESET_MESSAGES,
+    FETCH_INITIAL_MESSAGES_START: FETCH_INITIAL_MESSAGES_START,
+    FETCH_INITIAL_MESSAGES_SUCCESS: FETCH_INITIAL_MESSAGES_SUCCESS,
+    FETCH_INITIAL_MESSAGES_FAILURE: FETCH_INITIAL_MESSAGES_FAILURE,
+    FETCH_PREV_MESSAGES_SUCCESS: FETCH_PREV_MESSAGES_SUCCESS,
+    FETCH_PREV_MESSAGES_FAILURE: FETCH_PREV_MESSAGES_FAILURE,
+    FETCH_NEXT_MESSAGES_SUCCESS: FETCH_NEXT_MESSAGES_SUCCESS,
+    FETCH_NEXT_MESSAGES_FAILURE: FETCH_NEXT_MESSAGES_FAILURE,
+    SEND_MESSAGE_START: SEND_MESSAGE_START,
+    SEND_MESSAGE_SUCCESS: SEND_MESSAGE_SUCCESS,
+    SEND_MESSAGE_FAILURE: SEND_MESSAGE_FAILURE,
+    RESEND_MESSAGE_START: RESEND_MESSAGE_START,
+    ON_MESSAGE_RECEIVED: ON_MESSAGE_RECEIVED,
+    ON_MESSAGE_UPDATED: ON_MESSAGE_UPDATED,
+    ON_MESSAGE_THREAD_INFO_UPDATED: ON_MESSAGE_THREAD_INFO_UPDATED,
+    ON_MESSAGE_DELETED: ON_MESSAGE_DELETED,
+    ON_MESSAGE_DELETED_BY_REQ_ID: ON_MESSAGE_DELETED_BY_REQ_ID,
+    SET_CURRENT_CHANNEL: SET_CURRENT_CHANNEL,
+    SET_CHANNEL_INVALID: SET_CHANNEL_INVALID,
+    MARK_AS_READ: MARK_AS_READ,
+    ON_REACTION_UPDATED: ON_REACTION_UPDATED,
+    SET_EMOJI_CONTAINER: SET_EMOJI_CONTAINER,
+    MESSAGE_LIST_PARAMS_CHANGED: MESSAGE_LIST_PARAMS_CHANGED,
+    ON_FILE_INFO_UPLOADED: ON_FILE_INFO_UPLOADED
+});
+
+var PublishingModuleType;
+(function (PublishingModuleType) {
+  PublishingModuleType["CHANNEL"] = "CHANNEL";
+  PublishingModuleType["THREAD"] = "THREAD";
+})(PublishingModuleType || (PublishingModuleType = {}));
+
+var getNicknamesMapFromMembers = function (members) {
+  if (members === void 0) {
+    members = [];
+  }
+  var nicknamesMap = new Map();
+  for (var memberIndex = 0; memberIndex < members.length; memberIndex += 1) {
+    var _a = members[memberIndex],
+      userId = _a.userId,
+      nickname = _a.nickname;
+    nicknamesMap.set(userId, nickname);
+  }
+  return nicknamesMap;
+};
+var getParentMessageFrom = function (message) {
+  if (!message) {
+    return null;
+  }
+  if (isParentMessage(message)) {
+    return message;
+  }
+  if (isThreadMessage(message)) {
+    return (message === null || message === void 0 ? void 0 : message.parentMessage) || null;
+  }
+  return null;
+};
+var isParentMessage = function (message) {
+  return (message === null || message === void 0 ? void 0 : message.parentMessage) === null && typeof (message === null || message === void 0 ? void 0 : message.parentMessageId) === 'number' && !(message === null || message === void 0 ? void 0 : message.parentMessageId);
+};
+var isThreadMessage = function (message) {
+  return (message === null || message === void 0 ? void 0 : message.parentMessage) !== null && typeof (message === null || message === void 0 ? void 0 : message.parentMessageId) === 'number' && (message === null || message === void 0 ? void 0 : message.parentMessageId) > 0 && (message === null || message === void 0 ? void 0 : message.threadInfo) === null;
+};
+var isAboutSame = function (a, b, px) {
+  return Math.abs(a - b) <= px;
+};
+var isEmpty = function (val) {
+  return val === null || val === undefined;
+};
+// Some Ids return string and number inconsistently
+// only use to comapre IDs
+function compareIds(a, b) {
+  if (isEmpty(a) || isEmpty(b)) {
+    return false;
+  }
+  var aString = a.toString();
+  var bString = b.toString();
+  return aString === bString;
+}
+var getMessageCreatedAt = function (message) {
+  return format(message.createdAt, 'p');
+};
+var isReadMessage = function (channel, message) {
+  return getOutgoingMessageState(channel, message) === OutgoingMessageStates.READ;
+};
+var isSameGroup = function (message, comparingMessage, currentChannel) {
+  var _a, _b, _c, _d;
+  if (!(message && comparingMessage && message.messageType && message.messageType !== 'admin' && comparingMessage.messageType && (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.messageType) !== 'admin' && (message === null || message === void 0 ? void 0 : message.sender) && (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.sender) && (message === null || message === void 0 ? void 0 : message.createdAt) && (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.createdAt) && ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) && ((_b = comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.sender) === null || _b === void 0 ? void 0 : _b.userId))) {
+    return false;
+  }
+  return (message === null || message === void 0 ? void 0 : message.sendingStatus) === (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.sendingStatus) && ((_c = message === null || message === void 0 ? void 0 : message.sender) === null || _c === void 0 ? void 0 : _c.userId) === ((_d = comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.sender) === null || _d === void 0 ? void 0 : _d.userId) && getMessageCreatedAt(message) === getMessageCreatedAt(comparingMessage) && isReadMessage(currentChannel, message) === isReadMessage(currentChannel, comparingMessage);
+};
+var compareMessagesForGrouping = function (prevMessage, currMessage, nextMessage, currentChannel, replyType) {
+  if (replyType === 'THREAD' && (currMessage === null || currMessage === void 0 ? void 0 : currMessage.threadInfo)) {
+    return [false, false];
+  }
+  var sendingStatus = (currMessage === null || currMessage === void 0 ? void 0 : currMessage.sendingStatus) || '';
+  var isAcceptable = sendingStatus !== 'pending' && sendingStatus !== 'failed';
+  return [isSameGroup(prevMessage, currMessage, currentChannel) && isAcceptable, isSameGroup(currMessage, nextMessage, currentChannel) && isAcceptable];
+};
+var scrollIntoLast = function (intialTry) {
+  if (intialTry === void 0) {
+    intialTry = 0;
+  }
+  var MAX_TRIES = 10;
+  var currentTry = intialTry;
+  if (currentTry > MAX_TRIES) {
+    return;
+  }
+  try {
+    var scrollDOM = document.querySelector('.sendbird-thread-ui--scroll');
+    // eslint-disable-next-line no-multi-assign
+    scrollDOM.scrollTop = scrollDOM.scrollHeight;
+  } catch (error) {
+    setTimeout(function () {
+      scrollIntoLast(currentTry + 1);
+    }, 500 * currentTry);
+  }
+};
+
+/**
+ * pubSub is used instead of messagesDispatcher to avoid redundantly calling
+ * because this useSendMultipleFilesMessage is used in the Channel and Thread both
+ */
+var useSendMultipleFilesMessage = function (_a, _b) {
+  var currentChannel = _a.currentChannel,
+    onBeforeSendMultipleFilesMessage = _a.onBeforeSendMultipleFilesMessage,
+    publishingModules = _a.publishingModules;
+  var logger = _b.logger,
+    pubSub = _b.pubSub,
+    scrollRef = _b.scrollRef;
+  var sendMessage = useCallback(function (files, quoteMessage) {
+    return new Promise(function (resolve, reject) {
+      if (!currentChannel) {
+        logger.warning('Channel: Sending MFm failed, because currentChannel is null.', {
+          currentChannel: currentChannel
+        });
+        reject();
+      }
+      if (files.length <= 1) {
+        logger.warning('Channel: Sending MFM failed, because there are no multiple files.', {
+          files: files
+        });
+        reject();
+      }
+      var messageParams = {
+        fileInfoList: files.map(function (file) {
+          return {
+            file: file,
+            fileName: file.name,
+            fileSize: file.size,
+            mimeType: file.type
+          };
+        })
+      };
+      if (quoteMessage) {
+        messageParams.isReplyToChannel = true;
+        messageParams.parentMessageId = quoteMessage.messageId;
+      }
+      if (typeof onBeforeSendMultipleFilesMessage === 'function') {
+        messageParams = onBeforeSendMultipleFilesMessage(files, quoteMessage);
+      }
+      logger.info('Channel: Start sending MFM', {
+        messageParams: messageParams
+      });
+      try {
+        currentChannel.sendMultipleFilesMessage(messageParams)
+        /**
+         * We don't operate the onFileUploaded event for now
+         * until we will add UI/UX for it
+         */.onFileUploaded(function (requestId, index, uploadableFileInfo, error) {
+          logger.info('Channel: onFileUploaded during sending MFM', {
+            requestId: requestId,
+            index: index,
+            error: error,
+            uploadableFileInfo: uploadableFileInfo
+          });
+          pubSub.publish(PUBSUB_TOPICS.ON_FILE_INFO_UPLOADED, {
+            response: {
+              channelUrl: currentChannel.url,
+              requestId: requestId,
+              index: index,
+              uploadableFileInfo: uploadableFileInfo,
+              error: error
+            },
+            publishingModules: publishingModules
+          });
+        }).onPending(function (pendingMessage) {
+          logger.info('Channel: in progress of sending MFM', {
+            pendingMessage: pendingMessage,
+            fileInfoList: messageParams.fileInfoList
+          });
+          pubSub.publish(PUBSUB_TOPICS.SEND_MESSAGE_START, {
+            message: pendingMessage,
+            channel: currentChannel,
+            publishingModules: publishingModules
+          });
+          // We need this delay because rendering MFM takes time due to large image files.
+          setTimeout(function () {
+            if (scrollRef && publishingModules.includes(PublishingModuleType.CHANNEL)) {
+              scrollIntoLast$1(0, scrollRef);
+            }
+            if (publishingModules.includes(PublishingModuleType.THREAD)) {
+              scrollIntoLast(0);
+            }
+          }, 100);
+        }).onFailed(function (error, failedMessage) {
+          logger.error('Channel: Sending MFM failed.', {
+            error: error,
+            failedMessage: failedMessage
+          });
+          pubSub.publish(PUBSUB_TOPICS.SEND_MESSAGE_FAILED, {
+            channel: currentChannel,
+            message: failedMessage,
+            publishingModules: publishingModules
+          });
+          reject(error);
+        }).onSucceeded(function (succeededMessage) {
+          logger.info('Channel: Sending voice message success!', {
+            succeededMessage: succeededMessage
+          });
+          pubSub.publish(PUBSUB_TOPICS.SEND_FILE_MESSAGE, {
+            channel: currentChannel,
+            message: succeededMessage,
+            publishingModules: publishingModules
+          });
+          // We need this delay because rendering MFM takes time due to large image files.
+          setTimeout(function () {
+            if (scrollRef && publishingModules.includes(PublishingModuleType.CHANNEL)) {
+              scrollIntoLast$1(0, scrollRef);
+            }
+            if (publishingModules.includes(PublishingModuleType.THREAD)) {
+              scrollIntoLast(0);
+            }
+          }, 100);
+          resolve(succeededMessage);
+        });
+      } catch (error) {
+        logger.error('Channel: Sending MFM failed.', {
+          error: error
+        });
+        reject(error);
+      }
+    });
+  }, [currentChannel, onBeforeSendMultipleFilesMessage, publishingModules]);
+  return [sendMessage];
+};
+
+export { compareMessagesForGrouping as A, FETCH_INITIAL_MESSAGES_START as F, MARK_AS_READ as M, ON_MESSAGE_RECEIVED as O, PublishingModuleType as P, RESET_MESSAGES as R, SEND_MESSAGE_START as S, FETCH_INITIAL_MESSAGES_SUCCESS as a, FETCH_PREV_MESSAGES_SUCCESS as b, FETCH_NEXT_MESSAGES_SUCCESS as c, FETCH_INITIAL_MESSAGES_FAILURE as d, FETCH_PREV_MESSAGES_FAILURE as e, FETCH_NEXT_MESSAGES_FAILURE as f, SEND_MESSAGE_SUCCESS as g, SEND_MESSAGE_FAILURE as h, SET_CURRENT_CHANNEL as i, SET_CHANNEL_INVALID as j, ON_MESSAGE_UPDATED as k, ON_MESSAGE_THREAD_INFO_UPDATED as l, RESEND_MESSAGE_START as m, ON_MESSAGE_DELETED as n, ON_MESSAGE_DELETED_BY_REQ_ID as o, SET_EMOJI_CONTAINER as p, ON_REACTION_UPDATED as q, MESSAGE_LIST_PARAMS_CHANGED as r, ON_FILE_INFO_UPLOADED as s, channelActions as t, useSendMultipleFilesMessage as u, compareIds as v, scrollIntoLast as w, getParentMessageFrom as x, getNicknamesMapFromMembers as y, isAboutSame as z };
+//# sourceMappingURL=useSendMultipleFilesMessage-4489a0f6.js.map

package/useSendMultipleFilesMessage-4489a0f6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSendMultipleFilesMessage-4489a0f6.js","sources":["../src/modules/Channel/context/dux/actionTypes.ts","../src/modules/internalInterfaces.ts","../src/modules/Thread/context/utils.ts","../src/modules/Channel/context/hooks/useSendMultipleFilesMessage.ts"],"sourcesContent":["import { CreateAction } from '../../../../utils/typeHelpers/reducers/createAction';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { CoreMessageType, SendableMessageType } from '../../../../utils';\nimport { EmojiContainer } from '@sendbird/chat';\nimport { ReactionEvent, UploadableFileInfo } from '@sendbird/chat/message';\nimport { MessageListParams } from '../ChannelProvider';\n\nexport const RESET_MESSAGES = 'RESET_MESSAGES';\nexport const FETCH_INITIAL_MESSAGES_START = 'FETCH_INITIAL_MESSAGES_START';\nexport const FETCH_INITIAL_MESSAGES_SUCCESS = 'FETCH_INITIAL_MESSAGES_SUCCESS';\nexport const FETCH_INITIAL_MESSAGES_FAILURE = 'FETCH_INITIAL_MESSAGES_FAILURE';\nexport const FETCH_PREV_MESSAGES_SUCCESS = 'FETCH_PREV_MESSAGES_SUCCESS';\nexport const FETCH_PREV_MESSAGES_FAILURE = 'FETCH_PREV_MESSAGES_FAILURE';\nexport const FETCH_NEXT_MESSAGES_SUCCESS = 'FETCH_NEXT_MESSAGES_SUCCESS';\nexport const FETCH_NEXT_MESSAGES_FAILURE = 'FETCH_NEXT_MESSAGES_FAILURE';\nexport const SEND_MESSAGE_START = 'SEND_MESSAGE_START';\nexport const SEND_MESSAGE_SUCCESS = 'SEND_MESSAGE_SUCCESS';\nexport const SEND_MESSAGE_FAILURE = 'SEND_MESSAGE_FAILURE';\nexport const RESEND_MESSAGE_START = 'RESEND_MESSAGE_START';\nexport const ON_MESSAGE_RECEIVED = 'ON_MESSAGE_RECEIVED';\nexport const ON_MESSAGE_UPDATED = 'ON_MESSAGE_UPDATED';\nexport const ON_MESSAGE_THREAD_INFO_UPDATED = 'ON_MESSAGE_THREAD_INFO_UPDATED';\nexport const ON_MESSAGE_DELETED = 'ON_MESSAGE_DELETED';\nexport const ON_MESSAGE_DELETED_BY_REQ_ID = 'ON_MESSAGE_DELETED_BY_REQ_ID';\nexport const SET_CURRENT_CHANNEL = 'SET_CURRENT_CHANNEL';\nexport const SET_CHANNEL_INVALID = 'SET_CHANNEL_INVALID';\nexport const MARK_AS_READ = 'MARK_AS_READ';\nexport const ON_REACTION_UPDATED = 'ON_REACTION_UPDATED';\nexport const SET_EMOJI_CONTAINER = 'SET_EMOJI_CONTAINER';\nexport const MESSAGE_LIST_PARAMS_CHANGED = 'MESSAGE_LIST_PARAMS_CHANGED';\nexport const ON_FILE_INFO_UPLOADED = 'ON_FILE_INFO_UPLOADED';\n\ntype CHANNEL_PAYLOAD_TYPES = {\n  [RESET_MESSAGES]: null;\n  [FETCH_INITIAL_MESSAGES_START]: null;\n  [FETCH_INITIAL_MESSAGES_SUCCESS]: {\n    currentGroupChannel: null | GroupChannel;\n    messages: CoreMessageType[];\n  };\n  [FETCH_PREV_MESSAGES_SUCCESS]: {\n    currentGroupChannel: null | GroupChannel;\n    messages: CoreMessageType[];\n  };\n  [FETCH_NEXT_MESSAGES_SUCCESS]: {\n    currentGroupChannel: null | GroupChannel;\n    messages: CoreMessageType[];\n  };\n  [FETCH_INITIAL_MESSAGES_FAILURE]: {\n    currentGroupChannel: null | GroupChannel;\n  };\n  [FETCH_PREV_MESSAGES_FAILURE]: {\n    currentGroupChannel: null | GroupChannel;\n  };\n  [FETCH_NEXT_MESSAGES_FAILURE]: {\n    currentGroupChannel: null | GroupChannel;\n  };\n  [SEND_MESSAGE_START]: SendableMessageType;\n  [SEND_MESSAGE_SUCCESS]: SendableMessageType;\n  [SEND_MESSAGE_FAILURE]: SendableMessageType;\n  [SET_CURRENT_CHANNEL]: null | GroupChannel;\n  [SET_CHANNEL_INVALID]: null;\n  [ON_MESSAGE_RECEIVED]: {\n    channel: GroupChannel;\n    message: SendableMessageType;\n  };\n  [ON_MESSAGE_UPDATED]: {\n    channel: GroupChannel;\n    message: SendableMessageType;\n  };\n  [ON_MESSAGE_THREAD_INFO_UPDATED]: {\n    channel: GroupChannel;\n    event: any;\n  };\n  [RESEND_MESSAGE_START]: {\n    reqId: number;\n  };\n  [MARK_AS_READ]: {\n    channel: null | GroupChannel;\n  };\n  [ON_MESSAGE_DELETED]: MessageId;\n  [ON_MESSAGE_DELETED_BY_REQ_ID]: RequestId;\n  [SET_EMOJI_CONTAINER]: EmojiContainer;\n  [ON_REACTION_UPDATED]: ReactionEvent;\n  [MESSAGE_LIST_PARAMS_CHANGED]: MessageListParams;\n  [ON_FILE_INFO_UPLOADED]: {\n    channelUrl: string;\n    requestId: number;\n    index: number;\n    uploadableFileInfo: UploadableFileInfo;\n    error?: unknown;\n  };\n};\n\ntype MessageId = number;\ntype RequestId = string;\n\nexport type ChannelActionTypes = CreateAction<CHANNEL_PAYLOAD_TYPES>;\n","export enum PublishingModuleType {\n  CHANNEL = 'CHANNEL',\n  THREAD = 'THREAD',\n}\n","import format from 'date-fns/format';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { BaseMessage } from '@sendbird/chat/message';\nimport { getOutgoingMessageState, OutgoingMessageStates } from '../../../utils/exports/getOutgoingMessageState';\nimport { SendableMessageType } from '../../../utils';\n\nexport const getNicknamesMapFromMembers = (members = []): Map<string, string> => {\n  const nicknamesMap = new Map();\n  for (let memberIndex = 0; memberIndex < members.length; memberIndex += 1) {\n    const { userId, nickname } = members[memberIndex];\n    nicknamesMap.set(userId, nickname);\n  }\n  return nicknamesMap;\n};\n\nexport const getParentMessageFrom = (message: SendableMessageType | null): SendableMessageType | BaseMessage => {\n  if (!message) {\n    return null;\n  }\n  if (isParentMessage(message)) {\n    return message;\n  }\n  if (isThreadMessage(message)) {\n    return message?.parentMessage || null;\n  }\n  return null;\n};\n\nexport const isParentMessage = (message: SendableMessageType): boolean => {\n  return (\n    message?.parentMessage === null\n    && typeof message?.parentMessageId === 'number'\n    && !message?.parentMessageId\n  );\n};\n\nexport const isThreadMessage = (message: SendableMessageType): boolean => {\n  return (\n    message?.parentMessage !== null\n    && typeof message?.parentMessageId === 'number'\n    && message?.parentMessageId > 0\n    && message?.threadInfo === null\n  );\n};\n\nexport const isAboutSame = (a: number, b: number, px: number): boolean => (Math.abs(a - b) <= px);\n\nexport const isEmpty = (val: unknown): boolean => (val === null || val === undefined);\n\n// Some Ids return string and number inconsistently\n// only use to comapre IDs\nexport function compareIds(a: number | string, b: number | string): boolean {\n  if (isEmpty(a) || isEmpty(b)) {\n    return false;\n  }\n  const aString = a.toString();\n  const bString = b.toString();\n  return aString === bString;\n}\n\nexport const getMessageCreatedAt = (message: SendableMessageType): string => format(message.createdAt, 'p');\nexport const isReadMessage = (channel: GroupChannel, message: SendableMessageType): boolean => (\n  getOutgoingMessageState(channel, message) === OutgoingMessageStates.READ\n);\nexport const isSameGroup = (\n  message: SendableMessageType,\n  comparingMessage: SendableMessageType,\n  currentChannel: GroupChannel,\n): boolean => {\n  if (!(message\n    && comparingMessage\n    && message.messageType\n    && message.messageType !== 'admin'\n    && comparingMessage.messageType\n    && comparingMessage?.messageType !== 'admin'\n    && message?.sender\n    && comparingMessage?.sender\n    && message?.createdAt\n    && comparingMessage?.createdAt\n    && message?.sender?.userId\n    && comparingMessage?.sender?.userId\n  )) {\n    return false;\n  }\n  return (\n    message?.sendingStatus === comparingMessage?.sendingStatus\n    && message?.sender?.userId === comparingMessage?.sender?.userId\n    && getMessageCreatedAt(message) === getMessageCreatedAt(comparingMessage)\n    && isReadMessage(currentChannel, message) === isReadMessage(currentChannel, comparingMessage)\n  );\n};\n\nexport const compareMessagesForGrouping = (\n  prevMessage: SendableMessageType,\n  currMessage: SendableMessageType,\n  nextMessage: SendableMessageType,\n  currentChannel: GroupChannel,\n  replyType: string,\n): [boolean, boolean] => {\n  if (replyType === 'THREAD' && currMessage?.threadInfo) {\n    return [false, false];\n  }\n  const sendingStatus = currMessage?.sendingStatus || '';\n  const isAcceptable = sendingStatus !== 'pending' && sendingStatus !== 'failed';\n  return [\n    isSameGroup(prevMessage, currMessage, currentChannel) && isAcceptable,\n    isSameGroup(currMessage, nextMessage, currentChannel) && isAcceptable,\n  ];\n};\n\nexport const scrollIntoLast = (intialTry = 0): void => {\n  const MAX_TRIES = 10;\n  const currentTry = intialTry;\n  if (currentTry > MAX_TRIES) {\n    return;\n  }\n  try {\n    const scrollDOM = document.querySelector('.sendbird-thread-ui--scroll');\n    // eslint-disable-next-line no-multi-assign\n    scrollDOM.scrollTop = scrollDOM.scrollHeight;\n  } catch (error) {\n    setTimeout(() => {\n      scrollIntoLast(currentTry + 1);\n    }, 500 * currentTry);\n  }\n};\n","import { useCallback } from 'react';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport type { MultipleFilesMessageCreateParams, UploadableFileInfo } from '@sendbird/chat/message';\nimport { MultipleFilesMessage } from '@sendbird/chat/message';\n\nimport type { Logger } from '../../../../lib/SendbirdState';\nimport type { Nullable } from '../../../../types';\nimport PUBSUB_TOPICS from '../../../../lib/pubSub/topics';\nimport { scrollIntoLast as scrollIntoLastForChannel } from '../utils';\nimport { SendableMessageType } from '../../../../utils';\nimport { PublishingModuleType } from '../../../internalInterfaces';\nimport { scrollIntoLast as scrollIntoLastForThread } from '../../../Thread/context/utils';\n\nexport type OnBeforeSendMFMType = (\n  files: Array<File>,\n  quoteMessage?: SendableMessageType,\n) => MultipleFilesMessageCreateParams;\n\nexport interface UseSendMFMDynamicParams {\n  currentChannel: Nullable<GroupChannel>;\n  onBeforeSendMultipleFilesMessage?: OnBeforeSendMFMType;\n  publishingModules: PublishingModuleType[];\n}\nexport interface UseSendMFMStaticParams {\n  logger: Logger,\n  pubSub: any,\n  scrollRef?: React.RefObject<HTMLDivElement>;\n}\nexport interface FileUploadedPayload {\n  channelUrl: string,\n  requestId: string,\n  index: number,\n  uploadableFileInfo: UploadableFileInfo,\n  error: Error,\n}\nexport type SendMFMFunctionType = (files: Array<File>, quoteMessage?: SendableMessageType) => Promise<MultipleFilesMessage>;\n\n/**\n * pubSub is used instead of messagesDispatcher to avoid redundantly calling\n * because this useSendMultipleFilesMessage is used in the Channel and Thread both\n */\nexport const useSendMultipleFilesMessage = ({\n  currentChannel,\n  onBeforeSendMultipleFilesMessage,\n  publishingModules,\n}: UseSendMFMDynamicParams, {\n  logger,\n  pubSub,\n  scrollRef,\n}: UseSendMFMStaticParams): Array<SendMFMFunctionType> => {\n  const sendMessage = useCallback((\n    files: Array<File>,\n    quoteMessage?: SendableMessageType,\n  ): Promise<MultipleFilesMessage> => {\n    return new Promise((resolve, reject) => {\n      if (!currentChannel) {\n        logger.warning('Channel: Sending MFm failed, because currentChannel is null.', { currentChannel });\n        reject();\n      }\n      if (files.length <= 1) {\n        logger.warning('Channel: Sending MFM failed, because there are no multiple files.', { files });\n        reject();\n      }\n      let messageParams: MultipleFilesMessageCreateParams = {\n        fileInfoList: files.map((file: File): UploadableFileInfo => ({\n          file,\n          fileName: file.name,\n          fileSize: file.size,\n          mimeType: file.type,\n        })),\n      };\n      if (quoteMessage) {\n        messageParams.isReplyToChannel = true;\n        messageParams.parentMessageId = quoteMessage.messageId;\n      }\n      if (typeof onBeforeSendMultipleFilesMessage === 'function') {\n        messageParams = onBeforeSendMultipleFilesMessage(files, quoteMessage);\n      }\n      logger.info('Channel: Start sending MFM', { messageParams });\n      try {\n        currentChannel.sendMultipleFilesMessage(messageParams)\n          /**\n           * We don't operate the onFileUploaded event for now\n           * until we will add UI/UX for it\n           */\n          .onFileUploaded((requestId, index, uploadableFileInfo: UploadableFileInfo, error) => {\n            logger.info('Channel: onFileUploaded during sending MFM', {\n              requestId,\n              index,\n              error,\n              uploadableFileInfo,\n            });\n            pubSub.publish(PUBSUB_TOPICS.ON_FILE_INFO_UPLOADED, {\n              response: {\n                channelUrl: currentChannel.url,\n                requestId,\n                index,\n                uploadableFileInfo,\n                error,\n              },\n              publishingModules,\n            });\n          })\n          .onPending((pendingMessage: MultipleFilesMessage) => {\n            logger.info('Channel: in progress of sending MFM', { pendingMessage, fileInfoList: messageParams.fileInfoList });\n            pubSub.publish(PUBSUB_TOPICS.SEND_MESSAGE_START, {\n              message: pendingMessage,\n              channel: currentChannel,\n              publishingModules,\n            });\n            // We need this delay because rendering MFM takes time due to large image files.\n            setTimeout(() => {\n              if (scrollRef && publishingModules.includes(PublishingModuleType.CHANNEL)) {\n                scrollIntoLastForChannel(0, scrollRef);\n              }\n              if (publishingModules.includes(PublishingModuleType.THREAD)) {\n                scrollIntoLastForThread(0);\n              }\n            }, 100);\n          })\n          .onFailed((error, failedMessage: MultipleFilesMessage) => {\n            logger.error('Channel: Sending MFM failed.', { error, failedMessage });\n            pubSub.publish(PUBSUB_TOPICS.SEND_MESSAGE_FAILED, {\n              channel: currentChannel,\n              message: failedMessage,\n              publishingModules,\n            });\n            reject(error);\n          })\n          .onSucceeded((succeededMessage: MultipleFilesMessage) => {\n            logger.info('Channel: Sending voice message success!', { succeededMessage });\n            pubSub.publish(PUBSUB_TOPICS.SEND_FILE_MESSAGE, {\n              channel: currentChannel,\n              message: succeededMessage,\n              publishingModules,\n            });\n            // We need this delay because rendering MFM takes time due to large image files.\n            setTimeout(() => {\n              if (scrollRef && publishingModules.includes(PublishingModuleType.CHANNEL)) {\n                scrollIntoLastForChannel(0, scrollRef);\n              }\n              if (publishingModules.includes(PublishingModuleType.THREAD)) {\n                scrollIntoLastForThread(0);\n              }\n            }, 100);\n            resolve(succeededMessage);\n          });\n      } catch (error) {\n        logger.error('Channel: Sending MFM failed.', { error });\n        reject(error);\n      }\n    });\n  }, [\n    currentChannel,\n    onBeforeSendMultipleFilesMessage,\n    publishingModules,\n  ]);\n  return [sendMessage];\n};\n"],"names":["RESET_MESSAGES","FETCH_INITIAL_MESSAGES_START","FETCH_INITIAL_MESSAGES_SUCCESS","FETCH_INITIAL_MESSAGES_FAILURE","FETCH_PREV_MESSAGES_SUCCESS","FETCH_PREV_MESSAGES_FAILURE","FETCH_NEXT_MESSAGES_SUCCESS","FETCH_NEXT_MESSAGES_FAILURE","SEND_MESSAGE_START","SEND_MESSAGE_SUCCESS","SEND_MESSAGE_FAILURE","RESEND_MESSAGE_START","ON_MESSAGE_RECEIVED","ON_MESSAGE_UPDATED","ON_MESSAGE_THREAD_INFO_UPDATED","ON_MESSAGE_DELETED","ON_MESSAGE_DELETED_BY_REQ_ID","SET_CURRENT_CHANNEL","SET_CHANNEL_INVALID","MARK_AS_READ","ON_REACTION_UPDATED","SET_EMOJI_CONTAINER","MESSAGE_LIST_PARAMS_CHANGED","ON_FILE_INFO_UPLOADED","PublishingModuleType","getNicknamesMapFromMembers","members","nicknamesMap","Map","memberIndex","length","_a","userId","nickname","set","getParentMessageFrom","message","isParentMessage","isThreadMessage","parentMessage","parentMessageId","threadInfo","isAboutSame","a","b","px","Math","abs","isEmpty","val","undefined","compareIds","aString","toString","bString","getMessageCreatedAt","format","createdAt","isReadMessage","channel","getOutgoingMessageState","OutgoingMessageStates","READ","isSameGroup","comparingMessage","currentChannel","messageType","sender","_b","sendingStatus","_c","_d","compareMessagesForGrouping","prevMessage","currMessage","nextMessage","replyType","isAcceptable","scrollIntoLast","intialTry","MAX_TRIES","currentTry","scrollDOM","document","querySelector","scrollTop","scrollHeight","error","setTimeout","useSendMultipleFilesMessage","onBeforeSendMultipleFilesMessage","publishingModules","logger","pubSub","scrollRef","sendMessage","useCallback","files","quoteMessage","Promise","resolve","reject","warning","messageParams","fileInfoList","map","file","fileName","name","fileSize","size","mimeType","type","isReplyToChannel","messageId","info","sendMultipleFilesMessage","onFileUploaded","requestId","index","uploadableFileInfo","publish","PUBSUB_TOPICS","response","channelUrl","url","onPending","pendingMessage","includes","CHANNEL","scrollIntoLastForChannel","THREAD","scrollIntoLastForThread","onFailed","failedMessage","SEND_MESSAGE_FAILED","onSucceeded","succeededMessage","SEND_FILE_MESSAGE"],"mappings":"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"}

package/useSendbirdStateContext.js

@@ -1,6 +1,6 @@
 import { useContext } from 'react';
 import { SendbirdSdkContext } from './withSendbird.js';
-import './_rollupPluginBabelHelpers-50c9576f.js';
+import './tslib.es6-0c779aab.js';
 
 /**
  * Example:
@@ -10,10 +10,12 @@ import './_rollupPluginBabelHelpers-50c9576f.js';
  *  return (<div>...</div>);
  * }
  */
+var NO_CONTEXT_ERROR = 'No sendbird state value available. Make sure you are rendering `<SendbirdProvider>` at the top of your app.';
 function useSendbirdStateContext() {
-  const context = useContext(SendbirdSdkContext);
+  var context = useContext(SendbirdSdkContext);
+  if (!context) throw new Error(NO_CONTEXT_ERROR);
   return context;
 }
 
-export { useSendbirdStateContext as default };
+export { useSendbirdStateContext as default, useSendbirdStateContext };
 //# sourceMappingURL=useSendbirdStateContext.js.map

package/useSendbirdStateContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSendbirdStateContext.js","sources":["../src/hooks/useSendbirdStateContext.tsx"],"sourcesContent":["/**\n * Example:\n * const MyComponent = () => {\n *  const context = useSendbirdStateContext();\n *  const sdk = sendbirdSelectors.getSdk(context);\n *  return (<div>...</div>);\n * }\n */\nimport { useContext } from 'react';\n\nimport { SendbirdSdkContext } from '../lib/SendbirdSdkContext';\nimport { SendBirdState } from '../lib/types';\n\nfunction useSendbirdStateContext(): SendBirdState {\n  const context: SendBirdState = useContext(SendbirdSdkContext);\n  return context;\n}\n\nexport default useSendbirdStateContext;\n"],"names":["useSendbirdStateContext","context","useContext","SendbirdSdkContext"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA,SAASA,uBAAuBA,GAAkB;AAChD,EAAA,MAAMC,OAAsB,GAAGC,UAAU,CAACC,kBAAkB,CAAC,CAAA;AAC7D,EAAA,OAAOF,OAAO,CAAA;AAChB;;;;"}
+{"version":3,"file":"useSendbirdStateContext.js","sources":["../src/hooks/useSendbirdStateContext.tsx"],"sourcesContent":["/**\n * Example:\n * const MyComponent = () => {\n *  const context = useSendbirdStateContext();\n *  const sdk = sendbirdSelectors.getSdk(context);\n *  return (<div>...</div>);\n * }\n */\nimport { useContext } from 'react';\n\nimport { SendbirdSdkContext } from '../lib/SendbirdSdkContext';\nimport { SendBirdState } from '../lib/types';\n\nconst NO_CONTEXT_ERROR = 'No sendbird state value available. Make sure you are rendering `<SendbirdProvider>` at the top of your app.';\n\nexport function useSendbirdStateContext(): SendBirdState {\n  const context = useContext(SendbirdSdkContext);\n  if (!context) throw new Error(NO_CONTEXT_ERROR);\n  return context;\n}\n\nexport default useSendbirdStateContext;\n"],"names":["NO_CONTEXT_ERROR","useSendbirdStateContext","context","useContext","SendbirdSdkContext","Error"],"mappings":";;;;AAAA;;;;;;;AAOG;AAMH,IAAMA,gBAAgB,GAAG,6GAA6G,CAAA;SAEtHC,uBAAuBA,GAAA;AACrC,EAAA,IAAMC,OAAO,GAAGC,UAAU,CAACC,kBAAkB,CAAC,CAAA;EAC9C,IAAI,CAACF,OAAO,EAAE,MAAM,IAAIG,KAAK,CAACL,gBAAgB,CAAC,CAAA;AAC/C,EAAA,OAAOE,OAAO,CAAA;AAChB;;;;"}

package/useStatefulFileInfoList-dd95f949.js

@@ -0,0 +1,219 @@
+import React__default, { useState, useMemo, useEffect } from 'react';
+import Icon, { IconTypes, IconColors } from './ui/Icon.js';
+import { SendingStatus } from '@sendbird/chat/message';
+import ImageRenderer, { getBorderRadiusForMultipleImageRenderer } from './ui/ImageRenderer.js';
+import { o as getClassName, j as isGif, c as isMultipleFilesMessage } from './index-fc1642cb.js';
+import { F as FileViewer } from './index-7a1085b6.js';
+import { K } from './index-c6095960.js';
+
+function ImageGrid(_a) {
+  var _b;
+  var children = _a.children,
+    className = _a.className,
+    message = _a.message,
+    isReactionEnabled = _a.isReactionEnabled;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-image-grid-wrap"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: 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 = _a.message,
+    _b = _a.isReactionEnabled,
+    isReactionEnabled = _b === void 0 ? false : _b,
+    threadMessageKindKey = _a.threadMessageKindKey,
+    _c = _a.statefulFileInfoList,
+    statefulFileInfoList = _c === void 0 ? [] : _c;
+  var _d = 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.createElement(React__default.Fragment, null, currentFileViewerIndex > -1 && /*#__PURE__*/React__default.createElement(FileViewer, {
+    message: message,
+    statefulFileInfoList: statefulFileInfoList,
+    currentIndex: currentFileViewerIndex,
+    onClickLeft: onClickLeft,
+    onClickRight: onClickRight,
+    onClose: onClose
+  }), /*#__PURE__*/React__default.createElement(ImageGrid, {
+    className: className,
+    message: message,
+    isReactionEnabled: isReactionEnabled
+  }, statefulFileInfoList.map(function (fileInfo, index) {
+    var isGifValue = isGif(fileInfo.mimeType);
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "sendbird-multiple-files-image-renderer-wrapper",
+      onClick: message.sendingStatus === SendingStatus.SUCCEEDED ? function () {
+        return setCurrentFileViewerIndex(index);
+      } : undefined,
+      key: "sendbird-multiple-files-image-renderer-".concat(index, "-").concat(fileInfo.url)
+    }, /*#__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: getBorderRadiusForMultipleImageRenderer(MULTIPLE_FILES_IMAGE_BORDER_RADIUS[threadMessageKindKey], index, statefulFileInfoList.length),
+      shadeOnHover: true,
+      isUploaded: !!fileInfo.isUploaded,
+      placeHolder: function (style_) {
+        return /*#__PURE__*/React__default.createElement("div", {
+          className: "sendbird-multiple-files-image-renderer__thumbnail__placeholder",
+          style: style_
+        }, isGifValue ? /*#__PURE__*/React__default.createElement("div", {
+          className: "sendbird-multiple-files-image-renderer__thumbnail__placeholder__icon"
+        }, /*#__PURE__*/React__default.createElement(Icon, {
+          type: IconTypes.GIF,
+          fillColor: IconColors.THUMBNAIL_ICON,
+          width: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH,
+          height: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH
+        })) : /*#__PURE__*/React__default.createElement(Icon, {
+          type: IconTypes.PHOTO,
+          fillColor: IconColors.ON_BACKGROUND_2,
+          width: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH,
+          height: MULTIPLE_FILES_IMAGE_THUMBNAIL_SIDE_LENGTH
+        }));
+      },
+      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
+      }))
+    }));
+  })));
+}
+
+function useThreadMessageKindKeySelector(_a) {
+  var threadMessageKind = _a.threadMessageKind,
+    isMobile = _a.isMobile;
+  var threadMessageKindKey = useMemo(function () {
+    return 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, oldStatefulFileInfoList) {
+  var _a;
+  if (!message) return null;
+  // Handle sent messages.
+  if (message.sendingStatus === SendingStatus.SUCCEEDED) {
+    return message.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.messageParams) === null || _a === void 0 ? void 0 : _a.fileInfoList)) return null;
+  return message.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 = useState([]),
+    statefulFileInfoList = _d[0],
+    setStatefulFileInfoList = _d[1];
+  useEffect(function () {
+    if (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;
+};
+
+export { MultipleFilesMessageItemBody as M, ThreadMessageKind as T, useStatefulFileInfoList as a, useThreadMessageKindKeySelector as u };
+//# sourceMappingURL=useStatefulFileInfoList-dd95f949.js.map