stream-chat-react-native-core 3.10.1 → 4.0.0-beta.2

package/lib/module/contexts/channelsStateContext/useChannelState.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useChannelState.ts"],"names":["useStateManager","initialValue","cid","key","setState","state","memoizedInitialValue","value","setValue","useChannelState","channel","threadId","id","decreaseSubscriberCount","increaseSubscriberCount","members","setMembers","messages","setMessages","read","setRead","typing","setTyping","watcherCount","setWatcherCount","watchers","setWatchers","threads","threadMessages","setThreadMessages"],"mappings":";;;;;;;;;AAAA;;AAGA;;AAqCA,SAASA,eAAT,OAmBEC,YAnBF,EAoBE;AAAA;;AAAA,MATEC,GASF,QATEA,GASF;AAAA,MAREC,GAQF,QAREA,GAQF;AAAA,MAPEC,QAOF,QAPEA,QAOF;AAAA,MANEC,KAMF,QANEA,KAMF;AACA,MAAMC,oBAAoB,GAAG,oBAAQ;AAAA,WAAML,YAAN;AAAA,GAAR,EAA4B,EAA5B,CAA7B;AACA,MAAMM,KAAK,GACT,eAAAF,KAAK,CAACH,GAAD,CAAL,gCAAaC,GAAb,MAAsBG,oBADxB;AAGA,MAAME,QAAQ,GAAG,wBACf,UAACD,KAAD;AAAA,WAA0DH,QAAQ,CAAC;AAAEF,MAAAA,GAAG,EAAHA,GAAF;AAAOC,MAAAA,GAAG,EAAHA,GAAP;AAAYI,MAAAA,KAAK,EAALA;AAAZ,KAAD,CAAlE;AAAA,GADe,EAEf,CAACL,GAAD,EAAMC,GAAN,CAFe,CAAjB;AAKA,SAAO,CAACI,KAAD,EAAQC,QAAR,CAAP;AACD;;AA2BM,SAASC,eAAT,CASLC,OATK,EAULC,QAVK,EAW6C;AAAA;;AAClD,MAAMT,GAAG,GAAG,CAAAQ,OAAO,QAAP,YAAAA,OAAO,CAAEE,EAAT,KAAe,IAA3B;;AACA,8BACE,oDADF;AAAA,MAAQC,uBAAR,yBAAQA,uBAAR;AAAA,MAAiCC,uBAAjC,yBAAiCA,uBAAjC;AAAA,MAA0DV,QAA1D,yBAA0DA,QAA1D;AAAA,MAAoEC,KAApE,yBAAoEA,KAApE;;AAIA,wBAAU,YAAM;AACdS,IAAAA,uBAAuB,CAAC;AAAEZ,MAAAA,GAAG,EAAHA;AAAF,KAAD,CAAvB;AACA,WAAO,YAAM;AACXW,MAAAA,uBAAuB,CAAC;AAAEX,QAAAA,GAAG,EAAHA;AAAF,OAAD,CAAvB;AACD,KAFD;AAGD,GALD,EAKG,EALH;;AAOA,yBAA8BF,eAAe,CAC3C;AACEE,IAAAA,GAAG,EAAHA,GADF;AAEEC,IAAAA,GAAG,EAAE,SAFP;AAGEC,IAAAA,QAAQ,EAARA,QAHF;AAIEC,IAAAA,KAAK,EAALA;AAJF,GAD2C,EAO3C,EAP2C,CAA7C;AAAA;AAAA,MAAOU,OAAP;AAAA,MAAgBC,UAAhB;;AAUA,0BAAgChB,eAAe,CAC7C;AACEE,IAAAA,GAAG,EAAHA,GADF;AAEEC,IAAAA,GAAG,EAAE,UAFP;AAGEC,IAAAA,QAAQ,EAARA,QAHF;AAIEC,IAAAA,KAAK,EAALA;AAJF,GAD6C,EAO7C,CAAAK,OAAO,QAAP,8BAAAA,OAAO,CAAEL,KAAT,oCAAgBY,QAAhB,KAA4B,EAPiB,CAA/C;AAAA;AAAA,MAAOA,QAAP;AAAA,MAAiBC,WAAjB;;AAUA,0BAAwBlB,eAAe,CACrC;AACEE,IAAAA,GAAG,EAAHA,GADF;AAEEC,IAAAA,GAAG,EAAE,MAFP;AAGEC,IAAAA,QAAQ,EAARA,QAHF;AAIEC,IAAAA,KAAK,EAALA;AAJF,GADqC,EAOrC,EAPqC,CAAvC;AAAA;AAAA,MAAOc,IAAP;AAAA,MAAaC,OAAb;;AAUA,0BAA4BpB,eAAe,CACzC;AACEE,IAAAA,GAAG,EAAHA,GADF;AAEEC,IAAAA,GAAG,EAAE,QAFP;AAGEC,IAAAA,QAAQ,EAARA,QAHF;AAIEC,IAAAA,KAAK,EAALA;AAJF,GADyC,EAOzC,EAPyC,CAA3C;AAAA;AAAA,MAAOgB,MAAP;AAAA,MAAeC,SAAf;;AAUA,0BAAwCtB,eAAe,CAAC;AACtDE,IAAAA,GAAG,EAAHA,GADsD;AAEtDC,IAAAA,GAAG,EAAE,cAFiD;AAGtDC,IAAAA,QAAQ,EAARA,QAHsD;AAItDC,IAAAA,KAAK,EAALA;AAJsD,GAAD,CAAvD;AAAA;AAAA,MAAOkB,YAAP;AAAA,MAAqBC,eAArB;;AAOA,2BAAgCxB,eAAe,CAC7C;AACEE,IAAAA,GAAG,EAAHA,GADF;AAEEC,IAAAA,GAAG,EAAE,UAFP;AAGEC,IAAAA,QAAQ,EAARA,QAHF;AAIEC,IAAAA,KAAK,EAALA;AAJF,GAD6C,EAO7C,EAP6C,CAA/C;AAAA;AAAA,MAAOoB,QAAP;AAAA,MAAiBC,WAAjB;;AAUA,2BAA4C1B,eAAe,CACzD;AACEE,IAAAA,GAAG,EAAHA,GADF;AAEEC,IAAAA,GAAG,EAAE,gBAFP;AAGEC,IAAAA,QAAQ,EAARA,QAHF;AAIEC,IAAAA,KAAK,EAALA;AAJF,GADyD,EAOxDM,QAAQ,KAAID,OAAJ,uCAAIA,OAAO,CAAEL,KAAb,8CAAI,gBAAgBsB,OAApB,qBAAI,sBAA0BhB,QAA1B,CAAJ,CAAT,IAAqD,EAPI,CAA3D;AAAA;AAAA,MAAOiB,cAAP;AAAA,MAAuBC,iBAAvB;;AAUA,SAAO;AACLd,IAAAA,OAAO,EAAPA,OADK;AAELE,IAAAA,QAAQ,EAARA,QAFK;AAGLE,IAAAA,IAAI,EAAJA,IAHK;AAILH,IAAAA,UAAU,EAAVA,UAJK;AAKLE,IAAAA,WAAW,EAAXA,WALK;AAMLE,IAAAA,OAAO,EAAPA,OANK;AAOLS,IAAAA,iBAAiB,EAAjBA,iBAPK;AAQLP,IAAAA,SAAS,EAATA,SARK;AASLE,IAAAA,eAAe,EAAfA,eATK;AAULE,IAAAA,WAAW,EAAXA,WAVK;AAWLE,IAAAA,cAAc,EAAdA,cAXK;AAYLP,IAAAA,MAAM,EAANA,MAZK;AAaLE,IAAAA,YAAY,EAAZA,YAbK;AAcLE,IAAAA,QAAQ,EAARA;AAdK,GAAP;AAgBD","sourcesContent":["import { useCallback, useEffect, useMemo } from 'react';\nimport type { Channel as ChannelType } from 'stream-chat';\n\nimport { useChannelsStateContext } from './ChannelsStateContext';\n\nimport type { ChannelsStateContextValue, ChannelState, Keys } from './ChannelsStateContext';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\ntype StateManagerParams<\n  Key extends Keys,\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Omit<\n  ChannelsStateContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n  'increaseSubscriberCount' | 'decreaseSubscriberCount'\n> & {\n  cid: string;\n  key: Key;\n};\n\n/* \n  This hook takes care of creating a useState-like interface which can be used later to call\n  updates to the ChannelsStateContext reducer. It receives the cid and key which it wants to update\n  and perform the state updates. Also supports a initialState.\n*/\nfunction useStateManager<\n  Key extends Keys,\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  {\n    cid,\n    key,\n    setState,\n    state,\n  }: Omit<\n    StateManagerParams<Key, At, Ch, Co, Ev, Me, Re, Us>,\n    'increaseSubscriberCount' | 'decreaseSubscriberCount'\n  >,\n  initialValue?: ChannelState<At, Ch, Co, Ev, Me, Re, Us>[Key],\n) {\n  const memoizedInitialValue = useMemo(() => initialValue, []);\n  const value =\n    state[cid]?.[key] || (memoizedInitialValue as ChannelState<At, Ch, Co, Ev, Me, Re, Us>[Key]);\n\n  const setValue = useCallback(\n    (value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>[Key]) => setState({ cid, key, value }),\n    [cid, key],\n  );\n\n  return [value, setValue] as const;\n}\n\nexport type UseChannelStateValue<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = {\n  members: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['members'];\n  messages: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['messages'];\n  read: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['read'];\n  setMembers: (value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['members']) => void;\n  setMessages: (value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['messages']) => void;\n  setRead: (value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['read']) => void;\n  setThreadMessages: (value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['threadMessages']) => void;\n  setTyping: (value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['typing']) => void;\n  setWatcherCount: (value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['watcherCount']) => void;\n  setWatchers: (value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['watchers']) => void;\n  threadMessages: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['threadMessages'];\n  typing: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['typing'];\n  watcherCount: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['watcherCount'];\n  watchers: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['watchers'];\n};\n\nexport function useChannelState<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  channel: ChannelType<At, Ch, Co, Ev, Me, Re, Us> | undefined,\n  threadId?: string,\n): UseChannelStateValue<At, Ch, Co, Ev, Me, Re, Us> {\n  const cid = channel?.id || 'id'; // in case channel is not initialized, use generic id string for indexing\n  const { decreaseSubscriberCount, increaseSubscriberCount, setState, state } =\n    useChannelsStateContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  // Keeps track of how many Channel components are subscribed to this Channel state (Channel vs Thread concurrency)\n  useEffect(() => {\n    increaseSubscriberCount({ cid });\n    return () => {\n      decreaseSubscriberCount({ cid });\n    };\n  }, []);\n\n  const [members, setMembers] = useStateManager(\n    {\n      cid,\n      key: 'members',\n      setState,\n      state,\n    },\n    {},\n  );\n\n  const [messages, setMessages] = useStateManager(\n    {\n      cid,\n      key: 'messages',\n      setState,\n      state,\n    },\n    channel?.state?.messages || [],\n  );\n\n  const [read, setRead] = useStateManager(\n    {\n      cid,\n      key: 'read',\n      setState,\n      state,\n    },\n    {},\n  );\n\n  const [typing, setTyping] = useStateManager(\n    {\n      cid,\n      key: 'typing',\n      setState,\n      state,\n    },\n    {},\n  );\n\n  const [watcherCount, setWatcherCount] = useStateManager({\n    cid,\n    key: 'watcherCount',\n    setState,\n    state,\n  });\n\n  const [watchers, setWatchers] = useStateManager(\n    {\n      cid,\n      key: 'watchers',\n      setState,\n      state,\n    },\n    {},\n  );\n\n  const [threadMessages, setThreadMessages] = useStateManager(\n    {\n      cid,\n      key: 'threadMessages',\n      setState,\n      state,\n    },\n    (threadId && channel?.state?.threads?.[threadId]) || [],\n  );\n\n  return {\n    members,\n    messages,\n    read,\n    setMembers,\n    setMessages,\n    setRead,\n    setThreadMessages,\n    setTyping,\n    setWatcherCount,\n    setWatchers,\n    threadMessages,\n    typing,\n    watcherCount,\n    watchers,\n  };\n}\n"]}

package/lib/module/contexts/messageContext/MessageContext.js

@@ -32,7 +32,7 @@ var MessageProvider = function MessageProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 139,
+      lineNumber: 132,
       columnNumber: 3
     }
   }, children);
@@ -53,7 +53,7 @@ var withMessageContext = function withMessageContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 176,
+        lineNumber: 169,
         columnNumber: 12
       }
     }));

package/lib/module/contexts/messageContext/MessageContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MessageContext.tsx"],"names":["MessageContext","React","createContext","MessageProvider","children","value","useMessageContext","withMessageContext","Component","WithMessageContextComponent","props","messageContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;;;;;;;;AAwHO,IAAMA,cAAc,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAAvB;;;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB;AAAA,MAS7BC,QAT6B,QAS7BA,QAT6B;AAAA,MAU7BC,KAV6B,QAU7BA,KAV6B;AAAA,SAc7B,gCAAC,cAAD,CAAgB,QAAhB;AAAyB,IAAA,KAAK,EAAEA,KAAhC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAd6B;AAAA,CAAxB;;;;AAmBA,IAAME,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,SAQ1B,uBAAWN,cAAX,CAR0B;AAAA,CAA1B;;;;AAeA,IAAMO,kBAAkB,GAAG,SAArBA,kBAAqB,CAUhCC,SAVgC,EAW6C;AAC7E,MAAMC,2BAA2B,GAAG,SAA9BA,2BAA8B,CAClCC,KADkC,EAE/B;AACH,QAAMC,cAAc,GAAGL,iBAAiB,EAAxC;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCC,cAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,2BAA2B,CAACG,WAA5B,0BAA+D,oCAAeJ,SAAf,CAA/D;AACA,SAAOC,2BAAP;AACD,CArBM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport { getDisplayName } from '../utils/getDisplayName';\n\nimport type { Attachment } from 'stream-chat';\n\nimport type { ActionHandler } from '../../components/Attachment/Attachment';\nimport type { TouchableHandlerPayload } from '../../components/Message/Message';\nimport type { GroupType, MessageType } from '../../components/MessageList/hooks/useMessageList';\nimport type { ChannelContextValue } from '../../contexts/channelContext/ChannelContext';\nimport type { MessageContentType } from '../../contexts/messagesContext/MessagesContext';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nexport type Alignment = 'right' | 'left';\n\nexport type Reactions = {\n  own: boolean;\n  type: string;\n}[];\n\nexport type MessageContextValue<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = {\n  /** Whether or not actions can be performed on message */\n  actionsEnabled: boolean;\n  /** Position of the message, either 'right' or 'left' */\n  alignment: Alignment;\n  /**\n   * Function that returns a boolean indicating whether or not the user can edit/delete the message.\n   */\n  canModifyMessage: boolean;\n  /** The files attached to a message */\n  files: Attachment<At>[];\n  /**\n   * Position of message in group - top, bottom, middle, single.\n   *\n   * Message group is a group of consecutive messages from same user. groupStyles can be used to style message as per their position in message group\n   * e.g., user avatar (to which message belongs to) is only showed for last (bottom) message in group.\n   */\n  groupStyles: GroupType[];\n  /** Handler for actions. Actions in combination with attachments can be used to build [commands](https://getstream.io/chat/docs/#channel_commands). */\n  handleAction: ActionHandler;\n  handleDeleteMessage: () => Promise<void>;\n  handleEditMessage: () => void;\n  handleQuotedReplyMessage: () => void;\n  handleResendMessage: () => Promise<void>;\n  handleToggleBanUser: () => Promise<void>;\n  handleToggleMuteUser: () => Promise<void>;\n  handleToggleReaction: (reactionType: string) => Promise<void>;\n  /** Whether or not message has reactions */\n  hasReactions: boolean;\n  /** The images attached to a message */\n  images: Attachment<At>[];\n  /** Whether or not this is the active user's message */\n  isMyMessage: boolean;\n  /** Whether or not this is the last message in a group of messages */\n  lastGroupMessage: boolean;\n  /** Current [message object](https://getstream.io/chat/docs/#message_format) */\n  message: MessageType<At, Ch, Co, Ev, Me, Re, Us>;\n  /** Order to render the message content */\n  messageContentOrder: MessageContentType[];\n  /**\n   * You can call methods available on the Message\n   * component such as handleEdit, handleDelete, handleAction etc.\n   *\n   * Source - [Message](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/Message.tsx)\n   *\n   * By default, we show the overlay with all the message actions on long press.\n   *\n   * @param event   Event object for onLongPress event\n   */\n  onLongPress: (payload: TouchableHandlerPayload) => void;\n  /** Whether the message is only text and the text is only emojis */\n  onlyEmojis: boolean;\n  /** Handler to open a thread on a message */\n  onOpenThread: () => void;\n  /**\n   * You can call methods available on the Message\n   * component such as handleEdit, handleDelete, handleAction etc.\n   *\n   * Source - [Message](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/Message.tsx)\n   *\n   * By default, we will dismiss the keyboard on press.\n   *\n   * @param event   Event object for onPress event\n   */\n  onPress: (payload: TouchableHandlerPayload) => void;\n  onPressIn: ((payload: TouchableHandlerPayload) => void) | null;\n  /** The images attached to a message */\n  otherAttachments: Attachment<At>[];\n  reactions: Reactions;\n  showMessageOverlay: (messageReactions?: boolean) => void;\n  showMessageStatus: boolean;\n  /** Whether or not the Message is part of a Thread */\n  threadList: boolean;\n  goToMessage?: (messageId: string) => void;\n  /** Latest message id on current channel */\n  lastReceivedId?: string;\n  /** Prevent message being pressed for image viewer view */\n  preventPress?: boolean;\n  /** Whether or not the avatar show show next to Message */\n  showAvatar?: boolean;\n} & Pick<\n  ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n  'channel' | 'disabled' | 'members' | 'readEventsEnabled'\n>;\n\nexport const MessageContext = React.createContext({} as MessageContextValue);\n\nexport const MessageProvider = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value?: MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>;\n}>) => (\n  <MessageContext.Provider value={value as unknown as MessageContextValue}>\n    {children}\n  </MessageContext.Provider>\n);\n\nexport const useMessageContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>() => useContext(MessageContext) as unknown as MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>;\n\n/**\n * Typescript currently does not support partial inference so if MessageContext\n * typing is desired while using the HOC withMessageContextContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withMessageContext = <\n  P extends UnknownType,\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>>> => {\n  const WithMessageContextComponent = (\n    props: Omit<P, keyof MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>>,\n  ) => {\n    const messageContext = useMessageContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n    return <Component {...(props as P)} {...messageContext} />;\n  };\n  WithMessageContextComponent.displayName = `WithMessageContext${getDisplayName(Component)}`;\n  return WithMessageContextComponent;\n};\n"]}
+{"version":3,"sources":["MessageContext.tsx"],"names":["MessageContext","React","createContext","MessageProvider","children","value","useMessageContext","withMessageContext","Component","WithMessageContextComponent","props","messageContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;;;;;;;;AAiHO,IAAMA,cAAc,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAAvB;;;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB;AAAA,MAS7BC,QAT6B,QAS7BA,QAT6B;AAAA,MAU7BC,KAV6B,QAU7BA,KAV6B;AAAA,SAc7B,gCAAC,cAAD,CAAgB,QAAhB;AAAyB,IAAA,KAAK,EAAEA,KAAhC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAd6B;AAAA,CAAxB;;;;AAmBA,IAAME,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,SAQ1B,uBAAWN,cAAX,CAR0B;AAAA,CAA1B;;;;AAeA,IAAMO,kBAAkB,GAAG,SAArBA,kBAAqB,CAUhCC,SAVgC,EAW6C;AAC7E,MAAMC,2BAA2B,GAAG,SAA9BA,2BAA8B,CAClCC,KADkC,EAE/B;AACH,QAAMC,cAAc,GAAGL,iBAAiB,EAAxC;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCC,cAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,2BAA2B,CAACG,WAA5B,0BAA+D,oCAAeJ,SAAf,CAA/D;AACA,SAAOC,2BAAP;AACD,CArBM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport { getDisplayName } from '../utils/getDisplayName';\n\nimport type { Attachment } from 'stream-chat';\n\nimport type { ActionHandler } from '../../components/Attachment/Attachment';\nimport type { TouchableHandlerPayload } from '../../components/Message/Message';\nimport type { GroupType, MessageType } from '../../components/MessageList/hooks/useMessageList';\nimport type { ChannelContextValue } from '../../contexts/channelContext/ChannelContext';\nimport type { MessageContentType } from '../../contexts/messagesContext/MessagesContext';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nexport type Alignment = 'right' | 'left';\n\nexport type Reactions = {\n  own: boolean;\n  type: string;\n}[];\n\nexport type MessageContextValue<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = {\n  /** Whether or not actions can be performed on message */\n  actionsEnabled: boolean;\n  /** Position of the message, either 'right' or 'left' */\n  alignment: Alignment;\n  /** The files attached to a message */\n  files: Attachment<At>[];\n  /**\n   * Position of message in group - top, bottom, middle, single.\n   *\n   * Message group is a group of consecutive messages from same user. groupStyles can be used to style message as per their position in message group\n   * e.g., user avatar (to which message belongs to) is only showed for last (bottom) message in group.\n   */\n  groupStyles: GroupType[];\n  /** Handler for actions. Actions in combination with attachments can be used to build [commands](https://getstream.io/chat/docs/#channel_commands). */\n  handleAction: ActionHandler;\n  handleDeleteMessage: () => Promise<void>;\n  handleEditMessage: () => void;\n  handleQuotedReplyMessage: () => void;\n  handleResendMessage: () => Promise<void>;\n  handleToggleBanUser: () => Promise<void>;\n  handleToggleMuteUser: () => Promise<void>;\n  handleToggleReaction: (reactionType: string) => Promise<void>;\n  /** Whether or not message has reactions */\n  hasReactions: boolean;\n  /** The images attached to a message */\n  images: Attachment<At>[];\n  /** Whether or not this is the active user's message */\n  isMyMessage: boolean;\n  /** Whether or not this is the last message in a group of messages */\n  lastGroupMessage: boolean;\n  /** Current [message object](https://getstream.io/chat/docs/#message_format) */\n  message: MessageType<At, Ch, Co, Ev, Me, Re, Us>;\n  /** Order to render the message content */\n  messageContentOrder: MessageContentType[];\n  /**\n   * You can call methods available on the Message\n   * component such as handleEdit, handleDelete, handleAction etc.\n   *\n   * Source - [Message](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/Message.tsx)\n   *\n   * By default, we show the overlay with all the message actions on long press.\n   *\n   * @param event   Event object for onLongPress event\n   */\n  onLongPress: (payload: TouchableHandlerPayload) => void;\n  /** Whether the message is only text and the text is only emojis */\n  onlyEmojis: boolean;\n  /** Handler to open a thread on a message */\n  onOpenThread: () => void;\n  /**\n   * You can call methods available on the Message\n   * component such as handleEdit, handleDelete, handleAction etc.\n   *\n   * Source - [Message](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/Message.tsx)\n   *\n   * By default, we will dismiss the keyboard on press.\n   *\n   * @param event   Event object for onPress event\n   */\n  onPress: (payload: TouchableHandlerPayload) => void;\n  onPressIn: ((payload: TouchableHandlerPayload) => void) | null;\n  /** The images attached to a message */\n  otherAttachments: Attachment<At>[];\n  reactions: Reactions;\n  showMessageOverlay: (messageReactions?: boolean) => void;\n  showMessageStatus: boolean;\n  /** Whether or not the Message is part of a Thread */\n  threadList: boolean;\n  goToMessage?: (messageId: string) => void;\n  /** Latest message id on current channel */\n  lastReceivedId?: string;\n  /** Prevent message being pressed for image viewer view */\n  preventPress?: boolean;\n  /** Whether or not the avatar show show next to Message */\n  showAvatar?: boolean;\n} & Pick<ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'channel' | 'disabled' | 'members'>;\n\nexport const MessageContext = React.createContext({} as MessageContextValue);\n\nexport const MessageProvider = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value?: MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>;\n}>) => (\n  <MessageContext.Provider value={value as unknown as MessageContextValue}>\n    {children}\n  </MessageContext.Provider>\n);\n\nexport const useMessageContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>() => useContext(MessageContext) as unknown as MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>;\n\n/**\n * Typescript currently does not support partial inference so if MessageContext\n * typing is desired while using the HOC withMessageContextContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withMessageContext = <\n  P extends UnknownType,\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>>> => {\n  const WithMessageContextComponent = (\n    props: Omit<P, keyof MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>>,\n  ) => {\n    const messageContext = useMessageContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n    return <Component {...(props as P)} {...messageContext} />;\n  };\n  WithMessageContextComponent.displayName = `WithMessageContext${getDisplayName(Component)}`;\n  return WithMessageContextComponent;\n};\n"]}

package/lib/module/contexts/messageInputContext/MessageInputContext.js

@@ -41,10 +41,18 @@ var _ThreadContext = require("../threadContext/ThreadContext");
 
 var _getDisplayName = require("../utils/getDisplayName");
 
+var _useCooldown2 = require("../../components/MessageInput/hooks/useCooldown");
+
 var _utils = require("../../utils/utils");
 
 var _native = require("../../native");
 
+var _OwnCapabilitiesContext = require("../ownCapabilitiesContext/OwnCapabilitiesContext");
+
+var _TranslationContext = require("../translationContext/TranslationContext");
+
+var _mimeTypes = require("mime-types");
+
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/contexts/messageInputContext/MessageInputContext.tsx";
 
@@ -58,8 +66,6 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-var MIME_TYPE_OCTET_STREAM = 'application/octet-stream';
-
 var MessageInputContext = _react["default"].createContext({});
 
 exports.MessageInputContext = MessageInputContext;
@@ -77,6 +83,8 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
   var _useChatContext = (0, _ChatContext.useChatContext)(),
       client = _useChatContext.client;
 
+  var channelCapabities = (0, _OwnCapabilitiesContext.useOwnCapabilitiesContext)();
+
   var _useChannelContext = (0, _ChannelContext.useChannelContext)(),
       channel = _useChannelContext.channel,
       giphyEnabled = _useChannelContext.giphyEnabled;
@@ -84,6 +92,9 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
   var _useThreadContext = (0, _ThreadContext.useThreadContext)(),
       thread = _useThreadContext.thread;
 
+  var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
+      t = _useTranslationContex.t;
+
   var inputBoxRef = (0, _react.useRef)(null);
   var sending = (0, _react.useRef)(false);
 
@@ -127,6 +138,10 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
       showMoreOptions = _useMessageDetailsFor.showMoreOptions,
       text = _useMessageDetailsFor.text;
 
+  var _useCooldown = (0, _useCooldown2.useCooldown)(),
+      cooldownEndsAt = _useCooldown.endsAt,
+      startCooldown = _useCooldown.start;
+
   var threadId = thread == null ? void 0 : thread.id;
   (0, _react.useEffect)(function () {
     setSendThreadMessageInChannel(false);
@@ -181,7 +196,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
     setText(newText);
 
-    if (newText && channel) {
+    if (newText && channel && channelCapabities.sendTypingEvents) {
       (0, _streamChat.logChatPromiseExecution)(channel.keystroke(thread == null ? void 0 : thread.id), 'start typing event');
     }
 
@@ -324,7 +339,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
   var sendMessage = function () {
     var _ref3 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2() {
-      var prevText, attachments, _loop, _iterator3, _step3, _image4, _ret, _iterator4, _step4, _file4, _file4$file$type, updatedMessage, updateMessagePromise;
+      var prevText, attachments, _loop, _iterator3, _step3, _image4, _ret, _iterator4, _step4, _file4, _file4$file$type, _file4$file$type2, updatedMessage, updateMessagePromise;
 
       return _regenerator["default"].wrap(function _callee2$(_context2) {
         while (1) {
@@ -338,12 +353,21 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
               return _context2.abrupt("return");
 
             case 2:
+              if (!(!channelCapabities.sendLinks && !!text.match(_utils.urlRegex))) {
+                _context2.next = 5;
+                break;
+              }
+
+              _reactNative.Alert.alert(t('Links are disabled'), t('Sending links is not allowed in this conversation'));
+
+              return _context2.abrupt("return");
+
+            case 5:
               sending.current = true;
+              startCooldown();
               prevText = giphyEnabled && giphyActive ? "/giphy " + text : text;
-              _context2.next = 6;
-              return setText('');
+              setText('');
 
-            case 6:
               if (inputBoxRef.current) {
                 inputBoxRef.current.clear();
               }
@@ -379,9 +403,9 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
               _iterator3 = _createForOfIteratorHelperLoose(imageUploads);
 
-            case 10:
+            case 13:
               if ((_step3 = _iterator3()).done) {
-                _context2.next = 19;
+                _context2.next = 22;
                 break;
               }
 
@@ -389,52 +413,52 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
               _ret = _loop(_image4);
 
               if (!(_ret === "continue")) {
-                _context2.next = 15;
+                _context2.next = 18;
                 break;
               }
 
-              return _context2.abrupt("continue", 17);
+              return _context2.abrupt("continue", 20);
 
-            case 15:
+            case 18:
               if (!((0, _typeof2["default"])(_ret) === "object")) {
-                _context2.next = 17;
+                _context2.next = 20;
                 break;
               }
 
               return _context2.abrupt("return", _ret.v);
 
-            case 17:
-              _context2.next = 10;
+            case 20:
+              _context2.next = 13;
               break;
 
-            case 19:
+            case 22:
               _iterator4 = _createForOfIteratorHelperLoose(fileUploads);
 
-            case 20:
+            case 23:
               if ((_step4 = _iterator4()).done) {
-                _context2.next = 30;
+                _context2.next = 33;
                 break;
               }
 
               _file4 = _step4.value;
 
               if (!(!_file4 || _file4.state === _utils.FileState.UPLOAD_FAILED)) {
-                _context2.next = 24;
+                _context2.next = 27;
                 break;
               }
 
-              return _context2.abrupt("continue", 28);
+              return _context2.abrupt("continue", 31);
 
-            case 24:
+            case 27:
               if (!(_file4.state === _utils.FileState.UPLOADING)) {
-                _context2.next = 27;
+                _context2.next = 30;
                 break;
               }
 
               sending.current = false;
               return _context2.abrupt("return");
 
-            case 27:
+            case 30:
               if (_file4.state === _utils.FileState.UPLOADED || _file4.state === _utils.FileState.FINISHED) {
                 if ((_file4$file$type = _file4.file.type) != null && _file4$file$type.startsWith('image/')) {
                   attachments.push({
@@ -442,6 +466,14 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                     image_url: _file4.url,
                     type: 'image'
                   });
+                } else if ((_file4$file$type2 = _file4.file.type) != null && _file4$file$type2.startsWith('video/')) {
+                  attachments.push({
+                    asset_url: _file4.url,
+                    file_size: _file4.file.size,
+                    mime_type: _file4.file.type,
+                    title: _file4.file.name,
+                    type: 'video'
+                  });
                 } else {
                   attachments.push({
                     asset_url: _file4.url,
@@ -453,20 +485,20 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                 }
               }
 
-            case 28:
-              _context2.next = 20;
+            case 31:
+              _context2.next = 23;
               break;
 
-            case 30:
+            case 33:
               if (!(!prevText && attachments.length === 0)) {
-                _context2.next = 33;
+                _context2.next = 36;
                 break;
               }
 
               sending.current = false;
               return _context2.abrupt("return");
 
-            case 33:
+            case 36:
               if (value.editing && !(0, _useMessageDetailsForState.isEditingBoolean)(value.editing)) {
                 updatedMessage = (0, _extends2["default"])({}, value.editing, {
                   attachments: attachments,
@@ -504,7 +536,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                 }
               }
 
-            case 34:
+            case 37:
             case "end":
               return _context2.stop();
           }
@@ -529,6 +561,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
         image_url: image.url,
         type: 'image'
       }];
+      startCooldown();
 
       try {
         value.sendMessage({
@@ -634,8 +667,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
             case 3:
               file = newFile.file, id = newFile.id;
-              _context4.next = 6;
-              return setFileUploads(function (prevFileUploads) {
+              setFileUploads(function (prevFileUploads) {
                 return prevFileUploads.map(function (fileUpload) {
                   if (fileUpload.id === id) {
                     return (0, _extends2["default"])({}, fileUpload, {
@@ -646,43 +678,41 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                   return fileUpload;
                 });
               });
-
-            case 6:
               response = {};
-              _context4.prev = 7;
+              _context4.prev = 6;
 
               if (!value.doDocUploadRequest) {
-                _context4.next = 14;
+                _context4.next = 13;
                 break;
               }
 
-              _context4.next = 11;
+              _context4.next = 10;
               return value.doDocUploadRequest(file, channel);
 
-            case 11:
+            case 10:
               response = _context4.sent;
-              _context4.next = 18;
+              _context4.next = 17;
               break;
 
-            case 14:
+            case 13:
               if (!(channel && file.uri)) {
-                _context4.next = 18;
+                _context4.next = 17;
                 break;
               }
 
-              _context4.next = 17;
-              return channel.sendFile(file.uri, file.name, MIME_TYPE_OCTET_STREAM);
+              _context4.next = 16;
+              return channel.sendFile(file.uri, file.name, file.type);
 
-            case 17:
+            case 16:
               response = _context4.sent;
 
-            case 18:
-              _context4.next = 25;
+            case 17:
+              _context4.next = 24;
               break;
 
-            case 20:
-              _context4.prev = 20;
-              _context4.t0 = _context4["catch"](7);
+            case 19:
+              _context4.prev = 19;
+              _context4.t0 = _context4["catch"](6);
               console.warn(_context4.t0);
 
               if (!newFile) {
@@ -708,7 +738,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
               return _context4.abrupt("return");
 
-            case 25:
+            case 24:
               setFileUploads(function (prevFileUploads) {
                 return prevFileUploads.map(function (fileUpload) {
                   if (fileUpload.id === id) {
@@ -722,12 +752,12 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                 });
               });
 
-            case 26:
+            case 25:
             case "end":
               return _context4.stop();
           }
         }
-      }, _callee4, null, [[7, 20]]);
+      }, _callee4, null, [[6, 19]]);
     }));
 
     return function uploadFile(_x) {
@@ -737,7 +767,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
   var uploadImage = function () {
     var _ref8 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee5(_ref7) {
-      var newImage, _ref9, file, id, response, _file$uri, localUri, uri, compressedUri;
+      var newImage, _ref9, file, id, response, _file$uri, localUri, uri, compressedUri, filename, contentType;
 
       return _regenerator["default"].wrap(function _callee5$(_context5) {
         while (1) {
@@ -803,32 +833,34 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
             case 24:
               compressedUri = _context5.sent;
+              filename = uri.replace(/^(file:\/\/|content:\/\/|assets-library:\/\/)/, '');
+              contentType = (0, _mimeTypes.lookup)(filename) || 'multipart/form-data';
 
               if (!value.doImageUploadRequest) {
-                _context5.next = 31;
+                _context5.next = 33;
                 break;
               }
 
-              _context5.next = 28;
+              _context5.next = 30;
               return value.doImageUploadRequest(file, channel);
 
-            case 28:
+            case 30:
               response = _context5.sent;
-              _context5.next = 39;
+              _context5.next = 41;
               break;
 
-            case 31:
+            case 33:
               if (!(compressedUri && channel)) {
-                _context5.next = 39;
+                _context5.next = 41;
                 break;
               }
 
               if (!value.sendImageAsync) {
-                _context5.next = 36;
+                _context5.next = 38;
                 break;
               }
 
-              channel.sendImage(compressedUri, undefined, MIME_TYPE_OCTET_STREAM).then(function (res) {
+              channel.sendImage(compressedUri, undefined, contentType).then(function (res) {
                 if (asyncIds.includes(id)) {
                   setAsyncUploads(function (prevAsyncUploads) {
                     prevAsyncUploads[id] = (0, _extends2["default"])({}, prevAsyncUploads[id], {
@@ -852,17 +884,17 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                   });
                 }
               });
-              _context5.next = 39;
+              _context5.next = 41;
               break;
 
-            case 36:
-              _context5.next = 38;
-              return channel.sendImage(compressedUri, undefined, MIME_TYPE_OCTET_STREAM);
-
             case 38:
+              _context5.next = 40;
+              return channel.sendImage(compressedUri, undefined, contentType);
+
+            case 40:
               response = _context5.sent;
 
-            case 39:
+            case 41:
               if (Object.keys(response).length) {
                 setImageUploads(function (prevImageUploads) {
                   return prevImageUploads.map(function (imageUpload) {
@@ -878,11 +910,11 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                 });
               }
 
-              _context5.next = 48;
+              _context5.next = 50;
               break;
 
-            case 42:
-              _context5.prev = 42;
+            case 44:
+              _context5.prev = 44;
               _context5.t2 = _context5["catch"](5);
               console.warn(_context5.t2);
 
@@ -905,12 +937,12 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
               });
               return _context5.abrupt("return");
 
-            case 48:
+            case 50:
             case "end":
               return _context5.stop();
           }
         }
-      }, _callee5, null, [[5, 42]]);
+      }, _callee5, null, [[5, 44]]);
     }));
 
     return function uploadImage(_x2) {
@@ -920,32 +952,33 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
   var uploadNewFile = function () {
     var _ref10 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee6(file) {
-      var id, newFile;
+      var id, mimeType, newFile;
       return _regenerator["default"].wrap(function _callee6$(_context6) {
         while (1) {
           switch (_context6.prev = _context6.next) {
             case 0:
               id = (0, _utils.generateRandomId)();
+              mimeType = (0, _mimeTypes.lookup)(file.name);
               newFile = {
                 file: (0, _extends2["default"])({}, file, {
-                  type: MIME_TYPE_OCTET_STREAM
+                  type: mimeType || (file == null ? void 0 : file.type)
                 }),
                 id: id,
                 state: _utils.FileState.UPLOADING
               };
-              _context6.next = 4;
+              _context6.next = 5;
               return Promise.all([setFileUploads(function (prevFileUploads) {
                 return prevFileUploads.concat([newFile]);
               }), setNumberOfUploads(function (prevNumberOfUploads) {
                 return prevNumberOfUploads + 1;
               })]);
 
-            case 4:
+            case 5:
               uploadFile({
                 newFile: newFile
               });
 
-            case 5:
+            case 6:
             case "end":
               return _context6.stop();
           }
@@ -1001,6 +1034,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
     asyncIds: asyncIds,
     asyncUploads: asyncUploads,
     closeAttachmentPicker: closeAttachmentPicker,
+    cooldownEndsAt: cooldownEndsAt,
     fileUploads: fileUploads,
     giphyActive: giphyActive,
     imageUploads: imageUploads,
@@ -1051,7 +1085,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1066,
+      lineNumber: 1104,
       columnNumber: 5
     }
   }, children);
@@ -1072,7 +1106,7 @@ var withMessageInputContext = function withMessageInputContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1115,
+        lineNumber: 1153,
         columnNumber: 12
       }
     }));