@sendbird/uikit-react-native 3.5.4 → 3.7.0

package/lib/module/domain/groupChannel/module/moduleContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useCallback","useRef","useState","useChannelHandler","Logger","NOOP","getGroupChannelChatAvailableState","isDifferentChannel","useFreshCallback","useUniqHandlerId","ProviderLayout","MESSAGE_FOCUS_ANIMATION_DELAY","useLocalization","useSendbirdChat","GroupChannelContexts","Fragment","headerTitle","channel","setMessageToEdit","setMessageToReply","TypingIndicator","typingUsers","PubSub","publish","subscribe","MessageList","flatListRef","current","scrollToMessage","lazyScrollToBottom","lazyScrollToIndex","GroupChannelContextsProvider","_ref","children","enableTypingIndicator","keyboardAvoidOffset","groupChannelPubSub","messages","onUpdateSearchItem","Error","handlerId","STRINGS","currentUser","sdk","setTypingUsers","messageToEdit","messageToReply","useScrollActions","updateInputMode","mode","message","undefined","onMessageDeleted","_","messageId","onChannelFrozen","frozenChannel","url","isGroupChannel","frozen","onUserMuted","mutedChannel","user","_sdk$currentUser","userId","onTypingStatusUpdated","eventChannel","getTypingUsers","createElement","Provider","value","GROUP_CHANNEL","HEADER_TITLE","params","logFlatListRefWarning","setTimeout","_flatListRef$current","scrollToOffset","offset","animated","timeout","_flatListRef$current2","scrollToIndex","index","viewPosition","options","foundMessageIndex","findIndex","it","isIncludedInList","focusAnimated","startingPoint","createdAt","warn"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useCallback, useRef, useState } from 'react';\nimport type { FlatList } from 'react-native';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport {\n  ContextValue,\n  Logger,\n  NOOP,\n  SendbirdFileMessage,\n  SendbirdGroupChannel,\n  SendbirdMessage,\n  SendbirdUser,\n  SendbirdUserMessage,\n  getGroupChannelChatAvailableState,\n  isDifferentChannel,\n  useFreshCallback,\n  useUniqHandlerId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { MESSAGE_FOCUS_ANIMATION_DELAY } from '../../../constants';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport type { PubSub } from '../../../utils/pubsub';\nimport type { GroupChannelContextsType, GroupChannelModule, GroupChannelPubSubContextPayload } from '../types';\nimport { GroupChannelProps } from '../types';\n\nexport const GroupChannelContexts: GroupChannelContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdGroupChannel,\n    setMessageToEdit: NOOP,\n    setMessageToReply: NOOP,\n  }),\n  TypingIndicator: createContext({\n    typingUsers: [] as SendbirdUser[],\n  }),\n  PubSub: createContext({\n    publish: NOOP,\n    subscribe: () => NOOP,\n  } as PubSub<GroupChannelPubSubContextPayload>),\n  MessageList: createContext({\n    flatListRef: { current: null },\n    scrollToMessage: () => false,\n    lazyScrollToBottom: () => {\n      // noop\n    },\n    lazyScrollToIndex: () => {\n      // noop\n    },\n  } as MessageListContextValue),\n};\n\nexport const GroupChannelContextsProvider: GroupChannelModule['Provider'] = ({\n  children,\n  channel,\n  enableTypingIndicator,\n  keyboardAvoidOffset = 0,\n  groupChannelPubSub,\n  messages,\n  onUpdateSearchItem,\n}) => {\n  if (!channel) throw new Error('GroupChannel is not provided to GroupChannelModule');\n\n  const handlerId = useUniqHandlerId('GroupChannelContextsProvider');\n  const { STRINGS } = useLocalization();\n  const { currentUser, sdk } = useSendbirdChat();\n\n  const [typingUsers, setTypingUsers] = useState<SendbirdUser[]>([]);\n  const [messageToEdit, setMessageToEdit] = useState<SendbirdUserMessage | SendbirdFileMessage>();\n  const [messageToReply, setMessageToReply] = useState<SendbirdUserMessage | SendbirdFileMessage>();\n\n  const { flatListRef, lazyScrollToIndex, lazyScrollToBottom, scrollToMessage } = useScrollActions({\n    messages,\n    onUpdateSearchItem,\n  });\n\n  const updateInputMode = (mode: 'send' | 'edit' | 'reply', message?: SendbirdUserMessage | SendbirdFileMessage) => {\n    if (mode === 'send' || !message) {\n      setMessageToEdit(undefined);\n      setMessageToReply(undefined);\n      return;\n    } else if (mode === 'edit') {\n      setMessageToEdit(message);\n      setMessageToReply(undefined);\n      return;\n    } else if (mode === 'reply') {\n      setMessageToEdit(undefined);\n      setMessageToReply(message);\n      return;\n    }\n  };\n\n  useChannelHandler(sdk, handlerId, {\n    onMessageDeleted(_, messageId) {\n      if (messageToReply?.messageId === messageId) {\n        setMessageToReply(undefined);\n      }\n    },\n    onChannelFrozen(frozenChannel) {\n      if (frozenChannel.url === channel.url) {\n        if (frozenChannel.isGroupChannel() && getGroupChannelChatAvailableState(channel).frozen) {\n          setMessageToReply(undefined);\n        }\n      }\n    },\n    onUserMuted(mutedChannel, user) {\n      if (mutedChannel.url === channel.url && user.userId === sdk.currentUser?.userId) {\n        setMessageToReply(undefined);\n      }\n    },\n    onTypingStatusUpdated(eventChannel) {\n      if (isDifferentChannel(channel, eventChannel)) return;\n      if (!enableTypingIndicator) return;\n      setTypingUsers(eventChannel.getTypingUsers());\n    },\n  });\n\n  return (\n    <ProviderLayout>\n      <GroupChannelContexts.Fragment.Provider\n        value={{\n          headerTitle: STRINGS.GROUP_CHANNEL.HEADER_TITLE(currentUser?.userId ?? '', channel),\n          channel,\n          keyboardAvoidOffset,\n          messageToEdit,\n          setMessageToEdit: useCallback((message) => updateInputMode('edit', message), []),\n          messageToReply,\n          setMessageToReply: useCallback((message) => updateInputMode('reply', message), []),\n        }}\n      >\n        <GroupChannelContexts.PubSub.Provider value={groupChannelPubSub}>\n          <GroupChannelContexts.TypingIndicator.Provider value={{ typingUsers }}>\n            <GroupChannelContexts.MessageList.Provider\n              value={{\n                flatListRef,\n                scrollToMessage,\n                lazyScrollToIndex,\n                lazyScrollToBottom,\n              }}\n            >\n              {children}\n            </GroupChannelContexts.MessageList.Provider>\n          </GroupChannelContexts.TypingIndicator.Provider>\n        </GroupChannelContexts.PubSub.Provider>\n      </GroupChannelContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n\ntype MessageListContextValue = ContextValue<GroupChannelContextsType['MessageList']>;\nconst useScrollActions = (params: Pick<GroupChannelProps['Provider'], 'messages' | 'onUpdateSearchItem'>) => {\n  const { messages, onUpdateSearchItem } = params;\n  const flatListRef = useRef<FlatList<SendbirdMessage>>(null);\n\n  // FIXME: Workaround, should run after data has been applied to UI.\n  const lazyScrollToBottom = useFreshCallback<MessageListContextValue['lazyScrollToIndex']>((params) => {\n    if (!flatListRef.current) {\n      logFlatListRefWarning();\n      return;\n    }\n\n    setTimeout(() => {\n      flatListRef.current?.scrollToOffset({ offset: 0, animated: params?.animated ?? false });\n    }, params?.timeout ?? 0);\n  });\n\n  // FIXME: Workaround, should run after data has been applied to UI.\n  const lazyScrollToIndex = useFreshCallback<MessageListContextValue['lazyScrollToIndex']>((params) => {\n    if (!flatListRef.current) {\n      logFlatListRefWarning();\n      return;\n    }\n\n    setTimeout(() => {\n      flatListRef.current?.scrollToIndex({\n        index: params?.index ?? 0,\n        animated: params?.animated ?? false,\n        viewPosition: params?.viewPosition ?? 0.5,\n      });\n    }, params?.timeout ?? 0);\n  });\n\n  const scrollToMessage = useFreshCallback<MessageListContextValue['scrollToMessage']>((messageId, options) => {\n    if (!flatListRef.current) {\n      logFlatListRefWarning();\n      return false;\n    }\n\n    const foundMessageIndex = messages.findIndex((it) => it.messageId === messageId);\n    const isIncludedInList = foundMessageIndex > -1;\n\n    if (isIncludedInList) {\n      if (options?.focusAnimated) {\n        setTimeout(\n          () => onUpdateSearchItem({ startingPoint: messages[foundMessageIndex].createdAt }),\n          MESSAGE_FOCUS_ANIMATION_DELAY,\n        );\n      }\n      lazyScrollToIndex({\n        index: foundMessageIndex,\n        animated: true,\n        timeout: 0,\n        viewPosition: options?.viewPosition,\n      });\n      return true;\n    } else {\n      return false;\n    }\n  });\n\n  return {\n    flatListRef,\n    lazyScrollToIndex,\n    lazyScrollToBottom,\n    scrollToMessage,\n  };\n};\n\nconst logFlatListRefWarning = () => {\n  Logger.warn(\n    'Cannot find flatListRef.current, please render FlatList and pass the flatListRef' +\n      'or please try again after FlatList has been rendered.',\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAG3E,SAASC,iBAAiB,QAAQ,4BAA4B;AAC9D,SAEEC,MAAM,EACNC,IAAI,EAMJC,iCAAiC,EACjCC,kBAAkB,EAClBC,gBAAgB,EAChBC,gBAAgB,QACX,uBAAuB;AAE9B,OAAOC,cAAc,MAAM,oCAAoC;AAC/D,SAASC,6BAA6B,QAAQ,oBAAoB;AAClE,SAASC,eAAe,EAAEC,eAAe,QAAQ,2BAA2B;AAK5E,OAAO,MAAMC,oBAA8C,GAAG;EAC5DC,QAAQ,eAAEhB,aAAa,CAAC;IACtBiB,WAAW,EAAE,EAAE;IACfC,OAAO,EAAE,CAAC,CAAyB;IACnCC,gBAAgB,EAAEb,IAAI;IACtBc,iBAAiB,EAAEd;EACrB,CAAC,CAAC;EACFe,eAAe,eAAErB,aAAa,CAAC;IAC7BsB,WAAW,EAAE;EACf,CAAC,CAAC;EACFC,MAAM,eAAEvB,aAAa,CAAC;IACpBwB,OAAO,EAAElB,IAAI;IACbmB,SAAS,EAAEA,CAAA,KAAMnB;EACnB,CAAC,CAA6C;EAC9CoB,WAAW,eAAE1B,aAAa,CAAC;IACzB2B,WAAW,EAAE;MAAEC,OAAO,EAAE;IAAK,CAAC;IAC9BC,eAAe,EAAEA,CAAA,KAAM,KAAK;IAC5BC,kBAAkB,EAAEA,CAAA,KAAM;MACxB;IAAA,CACD;IACDC,iBAAiB,EAAEA,CAAA,KAAM;MACvB;IAAA;EAEJ,CAAC;AACH,CAAC;AAED,OAAO,MAAMC,4BAA4D,GAAGC,IAAA,IAQtE;EAAA,IARuE;IAC3EC,QAAQ;IACRhB,OAAO;IACPiB,qBAAqB;IACrBC,mBAAmB,GAAG,CAAC;IACvBC,kBAAkB;IAClBC,QAAQ;IACRC;EACF,CAAC,GAAAN,IAAA;EACC,IAAI,CAACf,OAAO,EAAE,MAAM,IAAIsB,KAAK,CAAC,oDAAoD,CAAC;EAEnF,MAAMC,SAAS,GAAG/B,gBAAgB,CAAC,8BAA8B,CAAC;EAClE,MAAM;IAAEgC;EAAQ,CAAC,GAAG7B,eAAe,EAAE;EACrC,MAAM;IAAE8B,WAAW;IAAEC;EAAI,CAAC,GAAG9B,eAAe,EAAE;EAE9C,MAAM,CAACQ,WAAW,EAAEuB,cAAc,CAAC,GAAG1C,QAAQ,CAAiB,EAAE,CAAC;EAClE,MAAM,CAAC2C,aAAa,EAAE3B,gBAAgB,CAAC,GAAGhB,QAAQ,EAA6C;EAC/F,MAAM,CAAC4C,cAAc,EAAE3B,iBAAiB,CAAC,GAAGjB,QAAQ,EAA6C;EAEjG,MAAM;IAAEwB,WAAW;IAAEI,iBAAiB;IAAED,kBAAkB;IAAED;EAAgB,CAAC,GAAGmB,gBAAgB,CAAC;IAC/FV,QAAQ;IACRC;EACF,CAAC,CAAC;EAEF,MAAMU,eAAe,GAAGA,CAACC,IAA+B,EAAEC,OAAmD,KAAK;IAChH,IAAID,IAAI,KAAK,MAAM,IAAI,CAACC,OAAO,EAAE;MAC/BhC,gBAAgB,CAACiC,SAAS,CAAC;MAC3BhC,iBAAiB,CAACgC,SAAS,CAAC;MAC5B;IACF,CAAC,MAAM,IAAIF,IAAI,KAAK,MAAM,EAAE;MAC1B/B,gBAAgB,CAACgC,OAAO,CAAC;MACzB/B,iBAAiB,CAACgC,SAAS,CAAC;MAC5B;IACF,CAAC,MAAM,IAAIF,IAAI,KAAK,OAAO,EAAE;MAC3B/B,gBAAgB,CAACiC,SAAS,CAAC;MAC3BhC,iBAAiB,CAAC+B,OAAO,CAAC;MAC1B;IACF;EACF,CAAC;EAED/C,iBAAiB,CAACwC,GAAG,EAAEH,SAAS,EAAE;IAChCY,gBAAgBA,CAACC,CAAC,EAAEC,SAAS,EAAE;MAC7B,IAAI,CAAAR,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEQ,SAAS,MAAKA,SAAS,EAAE;QAC3CnC,iBAAiB,CAACgC,SAAS,CAAC;MAC9B;IACF,CAAC;IACDI,eAAeA,CAACC,aAAa,EAAE;MAC7B,IAAIA,aAAa,CAACC,GAAG,KAAKxC,OAAO,CAACwC,GAAG,EAAE;QACrC,IAAID,aAAa,CAACE,cAAc,EAAE,IAAIpD,iCAAiC,CAACW,OAAO,CAAC,CAAC0C,MAAM,EAAE;UACvFxC,iBAAiB,CAACgC,SAAS,CAAC;QAC9B;MACF;IACF,CAAC;IACDS,WAAWA,CAACC,YAAY,EAAEC,IAAI,EAAE;MAAA,IAAAC,gBAAA;MAC9B,IAAIF,YAAY,CAACJ,GAAG,KAAKxC,OAAO,CAACwC,GAAG,IAAIK,IAAI,CAACE,MAAM,OAAAD,gBAAA,GAAKpB,GAAG,CAACD,WAAW,cAAAqB,gBAAA,uBAAfA,gBAAA,CAAiBC,MAAM,GAAE;QAC/E7C,iBAAiB,CAACgC,SAAS,CAAC;MAC9B;IACF,CAAC;IACDc,qBAAqBA,CAACC,YAAY,EAAE;MAClC,IAAI3D,kBAAkB,CAACU,OAAO,EAAEiD,YAAY,CAAC,EAAE;MAC/C,IAAI,CAAChC,qBAAqB,EAAE;MAC5BU,cAAc,CAACsB,YAAY,CAACC,cAAc,EAAE,CAAC;IAC/C;EACF,CAAC,CAAC;EAEF,oBACErE,KAAA,CAAAsE,aAAA,CAAC1D,cAAc,qBACbZ,KAAA,CAAAsE,aAAA,CAACtD,oBAAoB,CAACC,QAAQ,CAACsD,QAAQ;IACrCC,KAAK,EAAE;MACLtD,WAAW,EAAEyB,OAAO,CAAC8B,aAAa,CAACC,YAAY,CAAC,CAAA9B,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEsB,MAAM,KAAI,EAAE,EAAE/C,OAAO,CAAC;MACnFA,OAAO;MACPkB,mBAAmB;MACnBU,aAAa;MACb3B,gBAAgB,EAAElB,WAAW,CAAEkD,OAAO,IAAKF,eAAe,CAAC,MAAM,EAAEE,OAAO,CAAC,EAAE,EAAE,CAAC;MAChFJ,cAAc;MACd3B,iBAAiB,EAAEnB,WAAW,CAAEkD,OAAO,IAAKF,eAAe,CAAC,OAAO,EAAEE,OAAO,CAAC,EAAE,EAAE;IACnF;EAAE,gBAEFpD,KAAA,CAAAsE,aAAA,CAACtD,oBAAoB,CAACQ,MAAM,CAAC+C,QAAQ;IAACC,KAAK,EAAElC;EAAmB,gBAC9DtC,KAAA,CAAAsE,aAAA,CAACtD,oBAAoB,CAACM,eAAe,CAACiD,QAAQ;IAACC,KAAK,EAAE;MAAEjD;IAAY;EAAE,gBACpEvB,KAAA,CAAAsE,aAAA,CAACtD,oBAAoB,CAACW,WAAW,CAAC4C,QAAQ;IACxCC,KAAK,EAAE;MACL5C,WAAW;MACXE,eAAe;MACfE,iBAAiB;MACjBD;IACF;EAAE,GAEDI,QAAQ,CACiC,CACE,CACX,CACA,CAC1B;AAErB,CAAC;AAGD,MAAMc,gBAAgB,GAAI0B,MAA8E,IAAK;EAC3G,MAAM;IAAEpC,QAAQ;IAAEC;EAAmB,CAAC,GAAGmC,MAAM;EAC/C,MAAM/C,WAAW,GAAGzB,MAAM,CAA4B,IAAI,CAAC;;EAE3D;EACA,MAAM4B,kBAAkB,GAAGrB,gBAAgB,CAAgDiE,MAAM,IAAK;IACpG,IAAI,CAAC/C,WAAW,CAACC,OAAO,EAAE;MACxB+C,qBAAqB,EAAE;MACvB;IACF;IAEAC,UAAU,CAAC,MAAM;MAAA,IAAAC,oBAAA;MACf,CAAAA,oBAAA,GAAAlD,WAAW,CAACC,OAAO,cAAAiD,oBAAA,uBAAnBA,oBAAA,CAAqBC,cAAc,CAAC;QAAEC,MAAM,EAAE,CAAC;QAAEC,QAAQ,EAAE,CAAAN,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEM,QAAQ,KAAI;MAAM,CAAC,CAAC;IACzF,CAAC,EAAE,CAAAN,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEO,OAAO,KAAI,CAAC,CAAC;EAC1B,CAAC,CAAC;;EAEF;EACA,MAAMlD,iBAAiB,GAAGtB,gBAAgB,CAAgDiE,MAAM,IAAK;IACnG,IAAI,CAAC/C,WAAW,CAACC,OAAO,EAAE;MACxB+C,qBAAqB,EAAE;MACvB;IACF;IAEAC,UAAU,CAAC,MAAM;MAAA,IAAAM,qBAAA;MACf,CAAAA,qBAAA,GAAAvD,WAAW,CAACC,OAAO,cAAAsD,qBAAA,uBAAnBA,qBAAA,CAAqBC,aAAa,CAAC;QACjCC,KAAK,EAAE,CAAAV,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEU,KAAK,KAAI,CAAC;QACzBJ,QAAQ,EAAE,CAAAN,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEM,QAAQ,KAAI,KAAK;QACnCK,YAAY,EAAE,CAAAX,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEW,YAAY,KAAI;MACxC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAAX,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEO,OAAO,KAAI,CAAC,CAAC;EAC1B,CAAC,CAAC;EAEF,MAAMpD,eAAe,GAAGpB,gBAAgB,CAA6C,CAAC8C,SAAS,EAAE+B,OAAO,KAAK;IAC3G,IAAI,CAAC3D,WAAW,CAACC,OAAO,EAAE;MACxB+C,qBAAqB,EAAE;MACvB,OAAO,KAAK;IACd;IAEA,MAAMY,iBAAiB,GAAGjD,QAAQ,CAACkD,SAAS,CAAEC,EAAE,IAAKA,EAAE,CAAClC,SAAS,KAAKA,SAAS,CAAC;IAChF,MAAMmC,gBAAgB,GAAGH,iBAAiB,GAAG,CAAC,CAAC;IAE/C,IAAIG,gBAAgB,EAAE;MACpB,IAAIJ,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEK,aAAa,EAAE;QAC1Bf,UAAU,CACR,MAAMrC,kBAAkB,CAAC;UAAEqD,aAAa,EAAEtD,QAAQ,CAACiD,iBAAiB,CAAC,CAACM;QAAU,CAAC,CAAC,EAClFjF,6BAA6B,CAC9B;MACH;MACAmB,iBAAiB,CAAC;QAChBqD,KAAK,EAAEG,iBAAiB;QACxBP,QAAQ,EAAE,IAAI;QACdC,OAAO,EAAE,CAAC;QACVI,YAAY,EAAEC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAED;MACzB,CAAC,CAAC;MACF,OAAO,IAAI;IACb,CAAC,MAAM;MACL,OAAO,KAAK;IACd;EACF,CAAC,CAAC;EAEF,OAAO;IACL1D,WAAW;IACXI,iBAAiB;IACjBD,kBAAkB;IAClBD;EACF,CAAC;AACH,CAAC;AAED,MAAM8C,qBAAqB,GAAGA,CAAA,KAAM;EAClCtE,MAAM,CAACyF,IAAI,CACT,kFAAkF,GAChF,uDAAuD,CAC1D;AACH,CAAC"}
+{"version":3,"names":["React","createContext","useCallback","useRef","useState","useChannelHandler","Logger","NOOP","getGroupChannelChatAvailableState","isDifferentChannel","useFreshCallback","useUniqHandlerId","ProviderLayout","MESSAGE_FOCUS_ANIMATION_DELAY","useLocalization","useSendbirdChat","GroupChannelContexts","Fragment","headerTitle","channel","setMessageToEdit","setMessageToReply","TypingIndicator","typingUsers","PubSub","publish","subscribe","MessageList","flatListRef","current","scrollToMessage","lazyScrollToBottom","lazyScrollToIndex","GroupChannelContextsProvider","_ref","children","enableTypingIndicator","keyboardAvoidOffset","groupChannelPubSub","messages","onUpdateSearchItem","onPressReplyMessageInThread","Error","handlerId","STRINGS","currentUser","sdk","sbOptions","setTypingUsers","messageToEdit","messageToReply","useScrollActions","updateInputMode","mode","message","undefined","onPressMessageToReply","parentMessage","uikit","groupChannel","replyType","Number","MAX_SAFE_INTEGER","onMessageDeleted","_","messageId","onChannelFrozen","frozenChannel","url","isGroupChannel","frozen","onUserMuted","mutedChannel","user","_sdk$currentUser","userId","onTypingStatusUpdated","eventChannel","getTypingUsers","createElement","Provider","value","GROUP_CHANNEL","HEADER_TITLE","params","logFlatListRefWarning","setTimeout","_flatListRef$current","scrollToOffset","offset","animated","timeout","_flatListRef$current2","scrollToIndex","index","viewPosition","options","foundMessageIndex","findIndex","it","isIncludedInList","focusAnimated","startingPoint","createdAt","warn"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useCallback, useRef, useState } from 'react';\nimport type { FlatList } from 'react-native';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport {\n  ContextValue,\n  Logger,\n  NOOP,\n  SendbirdFileMessage,\n  SendbirdGroupChannel,\n  SendbirdMessage,\n  SendbirdUser,\n  SendbirdUserMessage,\n  getGroupChannelChatAvailableState,\n  isDifferentChannel,\n  useFreshCallback,\n  useUniqHandlerId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { MESSAGE_FOCUS_ANIMATION_DELAY } from '../../../constants';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport type { PubSub } from '../../../utils/pubsub';\nimport type { GroupChannelContextsType, GroupChannelModule, GroupChannelPubSubContextPayload } from '../types';\nimport { GroupChannelProps } from '../types';\n\nexport const GroupChannelContexts: GroupChannelContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdGroupChannel,\n    setMessageToEdit: NOOP,\n    setMessageToReply: NOOP,\n  }),\n  TypingIndicator: createContext({\n    typingUsers: [] as SendbirdUser[],\n  }),\n  PubSub: createContext({\n    publish: NOOP,\n    subscribe: () => NOOP,\n  } as PubSub<GroupChannelPubSubContextPayload>),\n  MessageList: createContext({\n    flatListRef: { current: null },\n    scrollToMessage: () => false,\n    lazyScrollToBottom: () => {\n      // noop\n    },\n    lazyScrollToIndex: () => {\n      // noop\n    },\n  } as MessageListContextValue),\n};\n\nexport const GroupChannelContextsProvider: GroupChannelModule['Provider'] = ({\n  children,\n  channel,\n  enableTypingIndicator,\n  keyboardAvoidOffset = 0,\n  groupChannelPubSub,\n  messages,\n  onUpdateSearchItem,\n  onPressReplyMessageInThread,\n}) => {\n  if (!channel) throw new Error('GroupChannel is not provided to GroupChannelModule');\n\n  const handlerId = useUniqHandlerId('GroupChannelContextsProvider');\n  const { STRINGS } = useLocalization();\n  const { currentUser, sdk, sbOptions } = useSendbirdChat();\n\n  const [typingUsers, setTypingUsers] = useState<SendbirdUser[]>([]);\n  const [messageToEdit, setMessageToEdit] = useState<SendbirdUserMessage | SendbirdFileMessage>();\n  const [messageToReply, setMessageToReply] = useState<SendbirdUserMessage | SendbirdFileMessage>();\n\n  const { flatListRef, lazyScrollToIndex, lazyScrollToBottom, scrollToMessage } = useScrollActions({\n    messages,\n    onUpdateSearchItem,\n  });\n\n  const updateInputMode = (mode: 'send' | 'edit' | 'reply', message?: SendbirdUserMessage | SendbirdFileMessage) => {\n    if (mode === 'send' || !message) {\n      setMessageToEdit(undefined);\n      setMessageToReply(undefined);\n      return;\n    } else if (mode === 'edit') {\n      setMessageToEdit(message);\n      setMessageToReply(undefined);\n      return;\n    } else if (mode === 'reply') {\n      setMessageToEdit(undefined);\n      setMessageToReply(message);\n      return;\n    }\n  };\n\n  const onPressMessageToReply = (parentMessage?: SendbirdUserMessage | SendbirdFileMessage) => {\n    if (sbOptions.uikit.groupChannel.channel.replyType === 'thread' && parentMessage) {\n      onPressReplyMessageInThread?.(parentMessage, Number.MAX_SAFE_INTEGER);\n    } else if (sbOptions.uikit.groupChannel.channel.replyType === 'quote_reply') {\n      updateInputMode('reply', parentMessage);\n    }\n  };\n\n  useChannelHandler(sdk, handlerId, {\n    onMessageDeleted(_, messageId) {\n      if (messageToReply?.messageId === messageId) {\n        setMessageToReply(undefined);\n      }\n    },\n    onChannelFrozen(frozenChannel) {\n      if (frozenChannel.url === channel.url) {\n        if (frozenChannel.isGroupChannel() && getGroupChannelChatAvailableState(channel).frozen) {\n          setMessageToReply(undefined);\n        }\n      }\n    },\n    onUserMuted(mutedChannel, user) {\n      if (mutedChannel.url === channel.url && user.userId === sdk.currentUser?.userId) {\n        setMessageToReply(undefined);\n      }\n    },\n    onTypingStatusUpdated(eventChannel) {\n      if (isDifferentChannel(channel, eventChannel)) return;\n      if (!enableTypingIndicator) return;\n      setTypingUsers(eventChannel.getTypingUsers());\n    },\n  });\n\n  return (\n    <ProviderLayout>\n      <GroupChannelContexts.Fragment.Provider\n        value={{\n          headerTitle: STRINGS.GROUP_CHANNEL.HEADER_TITLE(currentUser?.userId ?? '', channel),\n          channel,\n          keyboardAvoidOffset,\n          messageToEdit,\n          setMessageToEdit: useCallback((message) => updateInputMode('edit', message), []),\n          messageToReply,\n          setMessageToReply: useCallback((message) => onPressMessageToReply(message), []),\n        }}\n      >\n        <GroupChannelContexts.PubSub.Provider value={groupChannelPubSub}>\n          <GroupChannelContexts.TypingIndicator.Provider value={{ typingUsers }}>\n            <GroupChannelContexts.MessageList.Provider\n              value={{\n                flatListRef,\n                scrollToMessage,\n                lazyScrollToIndex,\n                lazyScrollToBottom,\n                onPressReplyMessageInThread,\n              }}\n            >\n              {children}\n            </GroupChannelContexts.MessageList.Provider>\n          </GroupChannelContexts.TypingIndicator.Provider>\n        </GroupChannelContexts.PubSub.Provider>\n      </GroupChannelContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n\ntype MessageListContextValue = ContextValue<GroupChannelContextsType['MessageList']>;\nconst useScrollActions = (params: Pick<GroupChannelProps['Provider'], 'messages' | 'onUpdateSearchItem'>) => {\n  const { messages, onUpdateSearchItem } = params;\n  const flatListRef = useRef<FlatList<SendbirdMessage>>(null);\n\n  // FIXME: Workaround, should run after data has been applied to UI.\n  const lazyScrollToBottom = useFreshCallback<MessageListContextValue['lazyScrollToIndex']>((params) => {\n    if (!flatListRef.current) {\n      logFlatListRefWarning();\n      return;\n    }\n\n    setTimeout(() => {\n      flatListRef.current?.scrollToOffset({ offset: 0, animated: params?.animated ?? false });\n    }, params?.timeout ?? 0);\n  });\n\n  // FIXME: Workaround, should run after data has been applied to UI.\n  const lazyScrollToIndex = useFreshCallback<MessageListContextValue['lazyScrollToIndex']>((params) => {\n    if (!flatListRef.current) {\n      logFlatListRefWarning();\n      return;\n    }\n\n    setTimeout(() => {\n      flatListRef.current?.scrollToIndex({\n        index: params?.index ?? 0,\n        animated: params?.animated ?? false,\n        viewPosition: params?.viewPosition ?? 0.5,\n      });\n    }, params?.timeout ?? 0);\n  });\n\n  const scrollToMessage = useFreshCallback<MessageListContextValue['scrollToMessage']>((messageId, options) => {\n    if (!flatListRef.current) {\n      logFlatListRefWarning();\n      return false;\n    }\n\n    const foundMessageIndex = messages.findIndex((it) => it.messageId === messageId);\n    const isIncludedInList = foundMessageIndex > -1;\n\n    if (isIncludedInList) {\n      if (options?.focusAnimated) {\n        setTimeout(\n          () => onUpdateSearchItem({ startingPoint: messages[foundMessageIndex].createdAt }),\n          MESSAGE_FOCUS_ANIMATION_DELAY,\n        );\n      }\n      lazyScrollToIndex({\n        index: foundMessageIndex,\n        animated: true,\n        timeout: 0,\n        viewPosition: options?.viewPosition,\n      });\n      return true;\n    } else {\n      return false;\n    }\n  });\n\n  return {\n    flatListRef,\n    lazyScrollToIndex,\n    lazyScrollToBottom,\n    scrollToMessage,\n  };\n};\n\nconst logFlatListRefWarning = () => {\n  Logger.warn(\n    'Cannot find flatListRef.current, please render FlatList and pass the flatListRef' +\n      'or please try again after FlatList has been rendered.',\n  );\n};\n"],"mappings":"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"}

package/lib/module/domain/groupChannel/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\nimport type { FlatList } from 'react-native';\n\nimport type { MessageCollectionParams, MessageFilterParams } from '@sendbird/chat/groupChannel';\nimport type { UseGroupChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';\nimport type {\n  OnBeforeHandler,\n  PickPartial,\n  SendbirdFileMessage,\n  SendbirdFileMessageCreateParams,\n  SendbirdFileMessageUpdateParams,\n  SendbirdGroupChannel,\n  SendbirdMessage,\n  SendbirdUser,\n  SendbirdUserMessage,\n  SendbirdUserMessageCreateParams,\n  SendbirdUserMessageUpdateParams,\n} from '@sendbird/uikit-utils';\n\nimport type { ChannelInputProps, SuggestedMentionListProps } from '../../components/ChannelInput';\nimport type { ChannelMessageListProps } from '../../components/ChannelMessageList';\nimport type { CommonComponent } from '../../types';\nimport type { PubSub } from '../../utils/pubsub';\n\nexport type MessageListQueryParamsType = Omit<MessageCollectionParams, 'filter'> & MessageFilterParams;\nexport interface GroupChannelProps {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onChannelDeleted: () => void;\n    onPressHeaderLeft: GroupChannelProps['Header']['onPressHeaderLeft'];\n    onPressHeaderRight: GroupChannelProps['Header']['onPressHeaderRight'];\n    onPressMediaMessage?: GroupChannelProps['MessageList']['onPressMediaMessage'];\n\n    onBeforeSendUserMessage?: OnBeforeHandler<SendbirdUserMessageCreateParams>;\n    onBeforeSendFileMessage?: OnBeforeHandler<SendbirdFileMessageCreateParams>;\n    onBeforeUpdateUserMessage?: OnBeforeHandler<SendbirdUserMessageUpdateParams>;\n    onBeforeUpdateFileMessage?: OnBeforeHandler<SendbirdFileMessageUpdateParams>;\n\n    renderMessage?: GroupChannelProps['MessageList']['renderMessage'];\n    renderNewMessagesButton?: GroupChannelProps['MessageList']['renderNewMessagesButton'];\n    renderScrollToBottomButton?: GroupChannelProps['MessageList']['renderScrollToBottomButton'];\n\n    enableTypingIndicator?: GroupChannelProps['Provider']['enableTypingIndicator'];\n    enableMessageGrouping?: GroupChannelProps['MessageList']['enableMessageGrouping'];\n\n    keyboardAvoidOffset?: GroupChannelProps['Provider']['keyboardAvoidOffset'];\n    flatListProps?: GroupChannelProps['MessageList']['flatListProps'];\n    sortComparator?: UseGroupChannelMessagesOptions['sortComparator'];\n\n    searchItem?: GroupChannelProps['MessageList']['searchItem'];\n\n    /**\n     * @description You can specify the query parameters for the message list.\n     * @example\n     * ```\n     * <GroupChannelFragment messageListQueryParams={{ prevResultLimit: 20, customTypesFilter: ['filter'] }} />\n     * ```\n     * */\n    messageListQueryParams?: MessageListQueryParamsType;\n    /** @deprecated Please use `messageListQueryParams` instead */\n    collectionCreator?: UseGroupChannelMessagesOptions['collectionCreator'];\n  };\n  Header: {\n    shouldHideRight: () => boolean;\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n  };\n  MessageList: Pick<\n    ChannelMessageListProps<SendbirdGroupChannel>,\n    | 'enableMessageGrouping'\n    | 'currentUserId'\n    | 'channel'\n    | 'messages'\n    | 'newMessages'\n    | 'scrolledAwayFromBottom'\n    | 'onScrolledAwayFromBottom'\n    | 'onTopReached'\n    | 'onBottomReached'\n    | 'onResendFailedMessage'\n    | 'onDeleteMessage'\n    | 'onPressMediaMessage'\n    | 'renderMessage'\n    | 'renderNewMessagesButton'\n    | 'renderScrollToBottomButton'\n    | 'flatListProps'\n    | 'hasNext'\n    | 'searchItem'\n  > & {\n    onResetMessageList: () => Promise<void>;\n    onResetMessageListWithStartingPoint: (startingPoint: number) => Promise<void>;\n\n    // Changing the search item will trigger the focus animation on messages.\n    onUpdateSearchItem: (searchItem?: GroupChannelProps['MessageList']['searchItem']) => void;\n  };\n  Input: PickPartial<\n    ChannelInputProps,\n    | 'shouldRenderInput'\n    | 'onPressSendUserMessage'\n    | 'onPressSendFileMessage'\n    | 'onPressUpdateUserMessage'\n    | 'onPressUpdateFileMessage'\n    | 'SuggestedMentionList'\n    | 'AttachmentsButton',\n    'inputDisabled'\n  >;\n\n  SuggestedMentionList: SuggestedMentionListProps;\n  Provider: {\n    channel: SendbirdGroupChannel;\n    enableTypingIndicator: boolean;\n    keyboardAvoidOffset?: number;\n    groupChannelPubSub: PubSub<GroupChannelPubSubContextPayload>;\n\n    messages: SendbirdMessage[];\n    // Changing the search item will trigger the focus animation on messages.\n    onUpdateSearchItem: (searchItem?: GroupChannelProps['MessageList']['searchItem']) => void;\n  };\n}\n\n/**\n * Internal context for GroupChannel\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelContextsType {\n  Fragment: React.Context<{\n    headerTitle: string;\n    keyboardAvoidOffset?: number;\n    channel: SendbirdGroupChannel;\n    messageToEdit?: SendbirdUserMessage | SendbirdFileMessage;\n    setMessageToEdit: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n    messageToReply?: SendbirdUserMessage | SendbirdFileMessage;\n    setMessageToReply: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n  }>;\n  TypingIndicator: React.Context<{\n    typingUsers: SendbirdUser[];\n  }>;\n  PubSub: React.Context<PubSub<GroupChannelPubSubContextPayload>>;\n  MessageList: React.Context<{\n    /**\n     * ref object for FlatList of MessageList\n     * */\n    flatListRef: React.MutableRefObject<FlatList | null>;\n    /**\n     * Function that scrolls to a message within a group channel.\n     * @param messageId {number} - The id of the message to scroll.\n     * @param options {object} - Scroll options (optional).\n     * @param options.focusAnimated {boolean} - Enable a shake animation on the message component upon completion of scrolling.\n     * @param options.viewPosition {number} - Position information to adjust the visible area during scrolling. bottom(0) ~ top(1.0)\n     *\n     * @example\n     * ```\n     *   const { scrollToMessage } = useContext(GroupChannelContexts.MessageList);\n     *   const messageIncludedInMessageList = scrollToMessage(lastMessage.messageId, { focusAnimated: true, viewPosition: 1 });\n     *   if (!messageIncludedInMessageList) console.warn('Message not found in the message list.');\n     * ```\n     * */\n    scrollToMessage: (messageId: number, options?: { focusAnimated?: boolean; viewPosition?: number }) => boolean;\n    /**\n     * Call the FlatList function asynchronously to scroll to bottom lazily\n     * to avoid scrolling before data rendering has been committed.\n     * */\n    lazyScrollToBottom: (params?: { animated?: boolean; timeout?: number }) => void;\n    /**\n     * Call the FlatList function asynchronously to scroll to index lazily.\n     * to avoid scrolling before data rendering has been committed.\n     * */\n    lazyScrollToIndex: (params?: {\n      index?: number;\n      animated?: boolean;\n      timeout?: number;\n      viewPosition?: number;\n    }) => void;\n  }>;\n}\nexport interface GroupChannelModule {\n  Provider: CommonComponent<GroupChannelProps['Provider']>;\n  Header: CommonComponent<GroupChannelProps['Header']>;\n  MessageList: CommonComponent<GroupChannelProps['MessageList']>;\n  Input: CommonComponent<GroupChannelProps['Input']>;\n  SuggestedMentionList: CommonComponent<GroupChannelProps['SuggestedMentionList']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n}\n\nexport type GroupChannelFragment = React.FC<GroupChannelProps['Fragment']>;\n\nexport type GroupChannelPubSubContextPayload =\n  | {\n      type: 'MESSAGE_SENT_PENDING' | 'MESSAGE_SENT_SUCCESS';\n      data: {\n        message: SendbirdUserMessage | SendbirdFileMessage;\n      };\n    }\n  | {\n      type: 'MESSAGES_RECEIVED' | 'MESSAGES_UPDATED';\n      data: {\n        messages: SendbirdMessage[];\n      };\n    }\n  | {\n      type: 'TYPING_BUBBLE_RENDERED';\n      data?: undefined;\n    };\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\nimport type { FlatList } from 'react-native';\n\nimport type { MessageCollectionParams, MessageFilterParams } from '@sendbird/chat/groupChannel';\nimport type { UseGroupChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';\nimport type {\n  OnBeforeHandler,\n  PickPartial,\n  SendbirdFileMessage,\n  SendbirdFileMessageCreateParams,\n  SendbirdFileMessageUpdateParams,\n  SendbirdGroupChannel,\n  SendbirdMessage,\n  SendbirdSendableMessage,\n  SendbirdUser,\n  SendbirdUserMessage,\n  SendbirdUserMessageCreateParams,\n  SendbirdUserMessageUpdateParams,\n} from '@sendbird/uikit-utils';\n\nimport type { ChannelInputProps, SuggestedMentionListProps } from '../../components/ChannelInput';\nimport type { ChannelMessageListProps } from '../../components/ChannelMessageList';\nimport type { CommonComponent } from '../../types';\nimport type { PubSub } from '../../utils/pubsub';\n\nexport type MessageListQueryParamsType = Omit<MessageCollectionParams, 'filter'> & MessageFilterParams;\nexport interface GroupChannelProps {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onChannelDeleted: () => void;\n    onPressHeaderLeft: GroupChannelProps['Header']['onPressHeaderLeft'];\n    onPressHeaderRight: GroupChannelProps['Header']['onPressHeaderRight'];\n    onPressMediaMessage?: GroupChannelProps['MessageList']['onPressMediaMessage'];\n    onPressReplyMessageInThread?: GroupChannelProps['Provider']['onPressReplyMessageInThread'];\n\n    onBeforeSendUserMessage?: OnBeforeHandler<SendbirdUserMessageCreateParams>;\n    onBeforeSendFileMessage?: OnBeforeHandler<SendbirdFileMessageCreateParams>;\n    onBeforeUpdateUserMessage?: OnBeforeHandler<SendbirdUserMessageUpdateParams>;\n    onBeforeUpdateFileMessage?: OnBeforeHandler<SendbirdFileMessageUpdateParams>;\n\n    renderMessage?: GroupChannelProps['MessageList']['renderMessage'];\n    renderNewMessagesButton?: GroupChannelProps['MessageList']['renderNewMessagesButton'];\n    renderScrollToBottomButton?: GroupChannelProps['MessageList']['renderScrollToBottomButton'];\n\n    enableTypingIndicator?: GroupChannelProps['Provider']['enableTypingIndicator'];\n    enableMessageGrouping?: GroupChannelProps['MessageList']['enableMessageGrouping'];\n\n    keyboardAvoidOffset?: GroupChannelProps['Provider']['keyboardAvoidOffset'];\n    flatListProps?: GroupChannelProps['MessageList']['flatListProps'];\n    sortComparator?: UseGroupChannelMessagesOptions['sortComparator'];\n\n    searchItem?: GroupChannelProps['MessageList']['searchItem'];\n\n    /**\n     * @description You can specify the query parameters for the message list.\n     * @example\n     * ```\n     * <GroupChannelFragment messageListQueryParams={{ prevResultLimit: 20, customTypesFilter: ['filter'] }} />\n     * ```\n     * */\n    messageListQueryParams?: MessageListQueryParamsType;\n    /** @deprecated Please use `messageListQueryParams` instead */\n    collectionCreator?: UseGroupChannelMessagesOptions['collectionCreator'];\n  };\n  Header: {\n    shouldHideRight: () => boolean;\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n  };\n  MessageList: Pick<\n    ChannelMessageListProps<SendbirdGroupChannel>,\n    | 'enableMessageGrouping'\n    | 'currentUserId'\n    | 'channel'\n    | 'messages'\n    | 'newMessages'\n    | 'scrolledAwayFromBottom'\n    | 'onScrolledAwayFromBottom'\n    | 'onTopReached'\n    | 'onBottomReached'\n    | 'onResendFailedMessage'\n    | 'onDeleteMessage'\n    | 'onPressMediaMessage'\n    | 'renderMessage'\n    | 'renderNewMessagesButton'\n    | 'renderScrollToBottomButton'\n    | 'flatListProps'\n    | 'hasNext'\n    | 'searchItem'\n  > & {\n    onResetMessageList: () => Promise<void>;\n    onResetMessageListWithStartingPoint: (startingPoint: number) => Promise<void>;\n\n    // Changing the search item will trigger the focus animation on messages.\n    onUpdateSearchItem: (searchItem?: GroupChannelProps['MessageList']['searchItem']) => void;\n  };\n  Input: PickPartial<\n    ChannelInputProps,\n    | 'shouldRenderInput'\n    | 'onPressSendUserMessage'\n    | 'onPressSendFileMessage'\n    | 'onPressUpdateUserMessage'\n    | 'onPressUpdateFileMessage'\n    | 'SuggestedMentionList'\n    | 'AttachmentsButton',\n    'inputDisabled'\n  >;\n\n  SuggestedMentionList: SuggestedMentionListProps;\n  Provider: {\n    channel: SendbirdGroupChannel;\n    enableTypingIndicator: boolean;\n    keyboardAvoidOffset?: number;\n    groupChannelPubSub: PubSub<GroupChannelPubSubContextPayload>;\n\n    messages: SendbirdMessage[];\n    // Changing the search item will trigger the focus animation on messages.\n    onUpdateSearchItem: (searchItem?: GroupChannelProps['MessageList']['searchItem']) => void;\n    onPressReplyMessageInThread: (parentMessage: SendbirdSendableMessage, startingPoint?: number) => void;\n  };\n}\n\n/**\n * Internal context for GroupChannel\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelContextsType {\n  Fragment: React.Context<{\n    headerTitle: string;\n    keyboardAvoidOffset?: number;\n    channel: SendbirdGroupChannel;\n    messageToEdit?: SendbirdUserMessage | SendbirdFileMessage;\n    setMessageToEdit: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n    messageToReply?: SendbirdUserMessage | SendbirdFileMessage;\n    setMessageToReply: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n  }>;\n  TypingIndicator: React.Context<{\n    typingUsers: SendbirdUser[];\n  }>;\n  PubSub: React.Context<PubSub<GroupChannelPubSubContextPayload>>;\n  MessageList: React.Context<{\n    /**\n     * ref object for FlatList of MessageList\n     * */\n    flatListRef: React.MutableRefObject<FlatList | null>;\n    /**\n     * Function that scrolls to a message within a group channel.\n     * @param messageId {number} - The id of the message to scroll.\n     * @param options {object} - Scroll options (optional).\n     * @param options.focusAnimated {boolean} - Enable a shake animation on the message component upon completion of scrolling.\n     * @param options.viewPosition {number} - Position information to adjust the visible area during scrolling. bottom(0) ~ top(1.0)\n     *\n     * @example\n     * ```\n     *   const { scrollToMessage } = useContext(GroupChannelContexts.MessageList);\n     *   const messageIncludedInMessageList = scrollToMessage(lastMessage.messageId, { focusAnimated: true, viewPosition: 1 });\n     *   if (!messageIncludedInMessageList) console.warn('Message not found in the message list.');\n     * ```\n     * */\n    scrollToMessage: (messageId: number, options?: { focusAnimated?: boolean; viewPosition?: number }) => boolean;\n    /**\n     * Call the FlatList function asynchronously to scroll to bottom lazily\n     * to avoid scrolling before data rendering has been committed.\n     * */\n    lazyScrollToBottom: (params?: { animated?: boolean; timeout?: number }) => void;\n    /**\n     * Call the FlatList function asynchronously to scroll to index lazily.\n     * to avoid scrolling before data rendering has been committed.\n     * */\n    lazyScrollToIndex: (params?: {\n      index?: number;\n      animated?: boolean;\n      timeout?: number;\n      viewPosition?: number;\n    }) => void;\n\n    onPressReplyMessageInThread?: (parentMessage: SendbirdSendableMessage, startingPoint?: number) => void;\n  }>;\n}\nexport interface GroupChannelModule {\n  Provider: CommonComponent<GroupChannelProps['Provider']>;\n  Header: CommonComponent<GroupChannelProps['Header']>;\n  MessageList: CommonComponent<GroupChannelProps['MessageList']>;\n  Input: CommonComponent<GroupChannelProps['Input']>;\n  SuggestedMentionList: CommonComponent<GroupChannelProps['SuggestedMentionList']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n}\n\nexport type GroupChannelFragment = React.FC<GroupChannelProps['Fragment']>;\n\nexport type GroupChannelPubSubContextPayload =\n  | {\n      type: 'MESSAGE_SENT_PENDING' | 'MESSAGE_SENT_SUCCESS';\n      data: {\n        message: SendbirdUserMessage | SendbirdFileMessage;\n      };\n    }\n  | {\n      type: 'MESSAGES_RECEIVED' | 'MESSAGES_UPDATED';\n      data: {\n        messages: SendbirdMessage[];\n      };\n    }\n  | {\n      type: 'TYPING_BUBBLE_RENDERED';\n      data?: undefined;\n    };\n"],"mappings":""}

package/lib/module/domain/groupChannelThread/component/GroupChannelThreadHeader.js

@@ -0,0 +1,73 @@
+import React, { useContext } from 'react';
+import { View } from 'react-native';
+import { Icon, Text, createStyleSheet, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
+import { GroupChannelThreadContexts } from '../module/moduleContext';
+const GroupChannelThreadHeader = _ref => {
+  let {
+    onPressLeft,
+    onPressSubtitle
+  } = _ref;
+  const {
+    headerTitle,
+    channel
+  } = useContext(GroupChannelThreadContexts.Fragment);
+  const {
+    HeaderComponent
+  } = useHeaderStyle();
+  const {
+    STRINGS
+  } = useLocalization();
+  const {
+    select,
+    colors,
+    palette
+  } = useUIKitTheme();
+  const {
+    currentUser
+  } = useSendbirdChat();
+  const renderSubtitle = () => {
+    if (!currentUser) return null;
+    return /*#__PURE__*/React.createElement(Text, {
+      onPress: onPressSubtitle,
+      caption2: true,
+      style: styles.subtitle,
+      color: select({
+        light: palette.primary300,
+        dark: palette.primary200
+      }),
+      numberOfLines: 1
+    }, STRINGS.GROUP_CHANNEL_THREAD.HEADER_SUBTITLE(currentUser.userId, channel));
+  };
+  return /*#__PURE__*/React.createElement(HeaderComponent, {
+    clearTitleMargin: true,
+    title: /*#__PURE__*/React.createElement(View, {
+      style: styles.titleContainer
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexShrink: 1
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      h2: true,
+      color: colors.onBackground01,
+      numberOfLines: 1
+    }, headerTitle), renderSubtitle())),
+    left: /*#__PURE__*/React.createElement(Icon, {
+      icon: 'arrow-left',
+      size: 24
+    }),
+    onPressLeft: onPressLeft
+  });
+};
+const styles = createStyleSheet({
+  titleContainer: {
+    maxWidth: '100%',
+    flexDirection: 'row',
+    width: '100%'
+  },
+  subtitle: {
+    marginTop: 2
+  }
+});
+export default GroupChannelThreadHeader;
+//# sourceMappingURL=GroupChannelThreadHeader.js.map

package/lib/module/domain/groupChannelThread/component/GroupChannelThreadHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","View","Icon","Text","createStyleSheet","useHeaderStyle","useUIKitTheme","useLocalization","useSendbirdChat","GroupChannelThreadContexts","GroupChannelThreadHeader","_ref","onPressLeft","onPressSubtitle","headerTitle","channel","Fragment","HeaderComponent","STRINGS","select","colors","palette","currentUser","renderSubtitle","createElement","onPress","caption2","style","styles","subtitle","color","light","primary300","dark","primary200","numberOfLines","GROUP_CHANNEL_THREAD","HEADER_SUBTITLE","userId","clearTitleMargin","title","titleContainer","flexShrink","h2","onBackground01","left","icon","size","maxWidth","flexDirection","width","marginTop"],"sources":["GroupChannelThreadHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { Icon, Text, createStyleSheet, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelThreadContexts } from '../module/moduleContext';\nimport type { GroupChannelThreadProps } from '../types';\n\nconst GroupChannelThreadHeader = ({ onPressLeft, onPressSubtitle }: GroupChannelThreadProps['Header']) => {\n  const { headerTitle, channel } = useContext(GroupChannelThreadContexts.Fragment);\n  const { HeaderComponent } = useHeaderStyle();\n  const { STRINGS } = useLocalization();\n  const { select, colors, palette } = useUIKitTheme();\n  const { currentUser } = useSendbirdChat();\n\n  const renderSubtitle = () => {\n    if (!currentUser) return null;\n\n    return (\n      <Text\n        onPress={onPressSubtitle}\n        caption2\n        style={styles.subtitle}\n        color={select({ light: palette.primary300, dark: palette.primary200 })}\n        numberOfLines={1}\n      >\n        {STRINGS.GROUP_CHANNEL_THREAD.HEADER_SUBTITLE(currentUser.userId, channel)}\n      </Text>\n    );\n  };\n\n  return (\n    <HeaderComponent\n      clearTitleMargin\n      title={\n        <View style={styles.titleContainer}>\n          <View style={{ flexShrink: 1 }}>\n            <Text h2 color={colors.onBackground01} numberOfLines={1}>\n              {headerTitle}\n            </Text>\n            {renderSubtitle()}\n          </View>\n        </View>\n      }\n      left={<Icon icon={'arrow-left'} size={24} />}\n      onPressLeft={onPressLeft}\n    />\n  );\n};\n\nconst styles = createStyleSheet({\n  titleContainer: {\n    maxWidth: '100%',\n    flexDirection: 'row',\n    width: '100%',\n  },\n  subtitle: {\n    marginTop: 2,\n  },\n});\n\nexport default GroupChannelThreadHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,cAAc,EAAEC,aAAa,QAAQ,yCAAyC;AAErH,SAASC,eAAe,EAAEC,eAAe,QAAQ,2BAA2B;AAC5E,SAASC,0BAA0B,QAAQ,yBAAyB;AAGpE,MAAMC,wBAAwB,GAAGC,IAAA,IAAyE;EAAA,IAAxE;IAAEC,WAAW;IAAEC;EAAmD,CAAC,GAAAF,IAAA;EACnG,MAAM;IAAEG,WAAW;IAAEC;EAAQ,CAAC,GAAGf,UAAU,CAACS,0BAA0B,CAACO,QAAQ,CAAC;EAChF,MAAM;IAAEC;EAAgB,CAAC,GAAGZ,cAAc,EAAE;EAC5C,MAAM;IAAEa;EAAQ,CAAC,GAAGX,eAAe,EAAE;EACrC,MAAM;IAAEY,MAAM;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAGf,aAAa,EAAE;EACnD,MAAM;IAAEgB;EAAY,CAAC,GAAGd,eAAe,EAAE;EAEzC,MAAMe,cAAc,GAAGA,CAAA,KAAM;IAC3B,IAAI,CAACD,WAAW,EAAE,OAAO,IAAI;IAE7B,oBACEvB,KAAA,CAAAyB,aAAA,CAACrB,IAAI;MACHsB,OAAO,EAAEZ,eAAgB;MACzBa,QAAQ;MACRC,KAAK,EAAEC,MAAM,CAACC,QAAS;MACvBC,KAAK,EAAEX,MAAM,CAAC;QAAEY,KAAK,EAAEV,OAAO,CAACW,UAAU;QAAEC,IAAI,EAAEZ,OAAO,CAACa;MAAW,CAAC,CAAE;MACvEC,aAAa,EAAE;IAAE,GAEhBjB,OAAO,CAACkB,oBAAoB,CAACC,eAAe,CAACf,WAAW,CAACgB,MAAM,EAAEvB,OAAO,CAAC,CACrE;EAEX,CAAC;EAED,oBACEhB,KAAA,CAAAyB,aAAA,CAACP,eAAe;IACdsB,gBAAgB;IAChBC,KAAK,eACHzC,KAAA,CAAAyB,aAAA,CAACvB,IAAI;MAAC0B,KAAK,EAAEC,MAAM,CAACa;IAAe,gBACjC1C,KAAA,CAAAyB,aAAA,CAACvB,IAAI;MAAC0B,KAAK,EAAE;QAAEe,UAAU,EAAE;MAAE;IAAE,gBAC7B3C,KAAA,CAAAyB,aAAA,CAACrB,IAAI;MAACwC,EAAE;MAACb,KAAK,EAAEV,MAAM,CAACwB,cAAe;MAACT,aAAa,EAAE;IAAE,GACrDrB,WAAW,CACP,EACNS,cAAc,EAAE,CACZ,CAEV;IACDsB,IAAI,eAAE9C,KAAA,CAAAyB,aAAA,CAACtB,IAAI;MAAC4C,IAAI,EAAE,YAAa;MAACC,IAAI,EAAE;IAAG,EAAI;IAC7CnC,WAAW,EAAEA;EAAY,EACzB;AAEN,CAAC;AAED,MAAMgB,MAAM,GAAGxB,gBAAgB,CAAC;EAC9BqC,cAAc,EAAE;IACdO,QAAQ,EAAE,MAAM;IAChBC,aAAa,EAAE,KAAK;IACpBC,KAAK,EAAE;EACT,CAAC;EACDrB,QAAQ,EAAE;IACRsB,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAezC,wBAAwB"}

package/lib/module/domain/groupChannelThread/component/GroupChannelThreadInput.js

@@ -0,0 +1,34 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { useContext } from 'react';
+import { getGroupChannelChatAvailableState } from '@sendbird/uikit-utils';
+import ChannelInput from '../../../components/ChannelInput';
+import { GroupChannelThreadContexts } from '../module/moduleContext';
+const GroupChannelThreadInput = _ref => {
+  let {
+    inputDisabled,
+    ...props
+  } = _ref;
+  const {
+    channel,
+    keyboardAvoidOffset = 0,
+    messageToEdit,
+    setMessageToEdit,
+    parentMessage
+  } = useContext(GroupChannelThreadContexts.Fragment);
+  const chatAvailableState = getGroupChannelChatAvailableState(channel);
+  return /*#__PURE__*/React.createElement(ChannelInput, _extends({
+    channel: channel,
+    messageToEdit: messageToEdit,
+    setMessageToEdit: setMessageToEdit,
+    messageForThread: parentMessage,
+    keyboardAvoidOffset: keyboardAvoidOffset,
+    inputMuted: chatAvailableState.muted,
+    inputFrozen: chatAvailableState.frozen,
+    inputDisabled: inputDisabled ?? chatAvailableState.disabled,
+    MessageToReplyPreview: () => {
+      return null;
+    }
+  }, props));
+};
+export default /*#__PURE__*/React.memo(GroupChannelThreadInput);
+//# sourceMappingURL=GroupChannelThreadInput.js.map

package/lib/module/domain/groupChannelThread/component/GroupChannelThreadInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","getGroupChannelChatAvailableState","ChannelInput","GroupChannelThreadContexts","GroupChannelThreadInput","_ref","inputDisabled","props","channel","keyboardAvoidOffset","messageToEdit","setMessageToEdit","parentMessage","Fragment","chatAvailableState","createElement","_extends","messageForThread","inputMuted","muted","inputFrozen","frozen","disabled","MessageToReplyPreview","memo"],"sources":["GroupChannelThreadInput.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { getGroupChannelChatAvailableState } from '@sendbird/uikit-utils';\n\nimport ChannelInput from '../../../components/ChannelInput';\nimport { GroupChannelThreadContexts } from '../module/moduleContext';\nimport type { GroupChannelThreadProps } from '../types';\n\nconst GroupChannelThreadInput = ({ inputDisabled, ...props }: GroupChannelThreadProps['Input']) => {\n  const {\n    channel,\n    keyboardAvoidOffset = 0,\n    messageToEdit,\n    setMessageToEdit,\n    parentMessage,\n  } = useContext(GroupChannelThreadContexts.Fragment);\n\n  const chatAvailableState = getGroupChannelChatAvailableState(channel);\n\n  return (\n    <ChannelInput\n      channel={channel}\n      messageToEdit={messageToEdit}\n      setMessageToEdit={setMessageToEdit}\n      messageForThread={parentMessage}\n      keyboardAvoidOffset={keyboardAvoidOffset}\n      inputMuted={chatAvailableState.muted}\n      inputFrozen={chatAvailableState.frozen}\n      inputDisabled={inputDisabled ?? chatAvailableState.disabled}\n      MessageToReplyPreview={() => {\n        return null;\n      }}\n      {...props}\n    />\n  );\n};\n\nexport default React.memo(GroupChannelThreadInput);\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,iCAAiC,QAAQ,uBAAuB;AAEzE,OAAOC,YAAY,MAAM,kCAAkC;AAC3D,SAASC,0BAA0B,QAAQ,yBAAyB;AAGpE,MAAMC,uBAAuB,GAAGC,IAAA,IAAmE;EAAA,IAAlE;IAAEC,aAAa;IAAE,GAAGC;EAAwC,CAAC,GAAAF,IAAA;EAC5F,MAAM;IACJG,OAAO;IACPC,mBAAmB,GAAG,CAAC;IACvBC,aAAa;IACbC,gBAAgB;IAChBC;EACF,CAAC,GAAGZ,UAAU,CAACG,0BAA0B,CAACU,QAAQ,CAAC;EAEnD,MAAMC,kBAAkB,GAAGb,iCAAiC,CAACO,OAAO,CAAC;EAErE,oBACET,KAAA,CAAAgB,aAAA,CAACb,YAAY,EAAAc,QAAA;IACXR,OAAO,EAAEA,OAAQ;IACjBE,aAAa,EAAEA,aAAc;IAC7BC,gBAAgB,EAAEA,gBAAiB;IACnCM,gBAAgB,EAAEL,aAAc;IAChCH,mBAAmB,EAAEA,mBAAoB;IACzCS,UAAU,EAAEJ,kBAAkB,CAACK,KAAM;IACrCC,WAAW,EAAEN,kBAAkB,CAACO,MAAO;IACvCf,aAAa,EAAEA,aAAa,IAAIQ,kBAAkB,CAACQ,QAAS;IAC5DC,qBAAqB,EAAEA,CAAA,KAAM;MAC3B,OAAO,IAAI;IACb;EAAE,GACEhB,KAAK,EACT;AAEN,CAAC;AAED,4BAAeR,KAAK,CAACyB,IAAI,CAACpB,uBAAuB,CAAC"}

package/lib/module/domain/groupChannelThread/component/GroupChannelThreadMessageList.js

@@ -0,0 +1,117 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { useContext, useEffect, useLayoutEffect, useRef } from 'react';
+import { useChannelHandler } from '@sendbird/uikit-chat-hooks';
+import { isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';
+import ChannelThreadMessageList from '../../../components/ChannelThreadMessageList';
+import { useSendbirdChat } from '../../../hooks/useContext';
+import { GroupChannelThreadContexts } from '../module/moduleContext';
+const GroupChannelThreadMessageList = props => {
+  const {
+    sdk
+  } = useSendbirdChat();
+  const {
+    setMessageToEdit
+  } = useContext(GroupChannelThreadContexts.Fragment);
+  const {
+    subscribe
+  } = useContext(GroupChannelThreadContexts.PubSub);
+  const {
+    flatListRef,
+    lazyScrollToBottom,
+    lazyScrollToIndex
+  } = useContext(GroupChannelThreadContexts.MessageList);
+  const id = useUniqHandlerId('GroupChannelThreadMessageList');
+  const ignorePropReached = useRef(false);
+  const _onTopReached = () => {
+    if (!ignorePropReached.current) {
+      props.onTopReached();
+    }
+  };
+  const _onBottomReached = () => {
+    if (!ignorePropReached.current) {
+      props.onBottomReached();
+    }
+  };
+  const scrollToBottom = useFreshCallback(async function () {
+    let animated = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    if (props.hasNext()) {
+      props.onScrolledAwayFromBottom(false);
+      await props.onResetMessageList();
+      props.onScrolledAwayFromBottom(false);
+      lazyScrollToBottom({
+        animated
+      });
+    } else {
+      lazyScrollToBottom({
+        animated
+      });
+    }
+  });
+  useLayoutEffect(() => {
+    if (props.startingPoint) {
+      const foundMessageIndex = props.messages.findIndex(it => it.createdAt === props.startingPoint);
+      const isIncludedInList = foundMessageIndex > -1;
+      if (isIncludedInList) {
+        ignorePropReached.current = true;
+        const timeout = 300;
+        lazyScrollToIndex({
+          index: foundMessageIndex,
+          animated: true,
+          timeout: timeout
+        });
+        setTimeout(() => {
+          ignorePropReached.current = false;
+        }, timeout + 50);
+      }
+    }
+  }, [props.startingPoint]);
+  useChannelHandler(sdk, id, {
+    onReactionUpdated(channel, event) {
+      if (isDifferentChannel(channel, props.channel)) return;
+      const recentMessage = props.messages[0];
+      const isRecentMessage = recentMessage && recentMessage.messageId === event.messageId;
+      const scrollReachedBottomAndCanScroll = !props.scrolledAwayFromBottom && !props.hasNext();
+      if (isRecentMessage && scrollReachedBottomAndCanScroll) {
+        lazyScrollToBottom({
+          animated: true,
+          timeout: 250
+        });
+      }
+    }
+  });
+  useEffect(() => {
+    return subscribe(_ref => {
+      let {
+        type
+      } = _ref;
+      switch (type) {
+        case 'TYPING_BUBBLE_RENDERED':
+        case 'MESSAGES_RECEIVED':
+          {
+            if (!props.scrolledAwayFromBottom) {
+              scrollToBottom(true);
+            }
+            break;
+          }
+        case 'MESSAGE_SENT_SUCCESS':
+        case 'MESSAGE_SENT_PENDING':
+          {
+            scrollToBottom(false);
+            break;
+          }
+      }
+    });
+  }, [props.scrolledAwayFromBottom]);
+  return /*#__PURE__*/React.createElement(ChannelThreadMessageList, _extends({}, props, {
+    ref: flatListRef,
+    onTopReached: _onTopReached,
+    onBottomReached: _onBottomReached,
+    onEditMessage: setMessageToEdit,
+    onPressNewMessagesButton: scrollToBottom,
+    onPressScrollToBottomButton: scrollToBottom,
+    renderNewMessagesButton: null,
+    renderScrollToBottomButton: null
+  }));
+};
+export default /*#__PURE__*/React.memo(GroupChannelThreadMessageList);
+//# sourceMappingURL=GroupChannelThreadMessageList.js.map

package/lib/module/domain/groupChannelThread/component/GroupChannelThreadMessageList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","useEffect","useLayoutEffect","useRef","useChannelHandler","isDifferentChannel","useFreshCallback","useUniqHandlerId","ChannelThreadMessageList","useSendbirdChat","GroupChannelThreadContexts","GroupChannelThreadMessageList","props","sdk","setMessageToEdit","Fragment","subscribe","PubSub","flatListRef","lazyScrollToBottom","lazyScrollToIndex","MessageList","id","ignorePropReached","_onTopReached","current","onTopReached","_onBottomReached","onBottomReached","scrollToBottom","animated","arguments","length","undefined","hasNext","onScrolledAwayFromBottom","onResetMessageList","startingPoint","foundMessageIndex","messages","findIndex","it","createdAt","isIncludedInList","timeout","index","setTimeout","onReactionUpdated","channel","event","recentMessage","isRecentMessage","messageId","scrollReachedBottomAndCanScroll","scrolledAwayFromBottom","_ref","type","createElement","_extends","ref","onEditMessage","onPressNewMessagesButton","onPressScrollToBottomButton","renderNewMessagesButton","renderScrollToBottomButton","memo"],"sources":["GroupChannelThreadMessageList.tsx"],"sourcesContent":["import React, { useContext, useEffect, useLayoutEffect, useRef } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport ChannelThreadMessageList from '../../../components/ChannelThreadMessageList';\nimport { useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelThreadContexts } from '../module/moduleContext';\nimport type { GroupChannelThreadProps } from '../types';\n\nconst GroupChannelThreadMessageList = (props: GroupChannelThreadProps['MessageList']) => {\n  const { sdk } = useSendbirdChat();\n  const { setMessageToEdit } = useContext(GroupChannelThreadContexts.Fragment);\n  const { subscribe } = useContext(GroupChannelThreadContexts.PubSub);\n  const { flatListRef, lazyScrollToBottom, lazyScrollToIndex } = useContext(GroupChannelThreadContexts.MessageList);\n\n  const id = useUniqHandlerId('GroupChannelThreadMessageList');\n  const ignorePropReached = useRef(false);\n\n  const _onTopReached = () => {\n    if (!ignorePropReached.current) {\n      props.onTopReached();\n    }\n  };\n\n  const _onBottomReached = () => {\n    if (!ignorePropReached.current) {\n      props.onBottomReached();\n    }\n  };\n\n  const scrollToBottom = useFreshCallback(async (animated = false) => {\n    if (props.hasNext()) {\n      props.onScrolledAwayFromBottom(false);\n\n      await props.onResetMessageList();\n      props.onScrolledAwayFromBottom(false);\n      lazyScrollToBottom({ animated });\n    } else {\n      lazyScrollToBottom({ animated });\n    }\n  });\n\n  useLayoutEffect(() => {\n    if (props.startingPoint) {\n      const foundMessageIndex = props.messages.findIndex((it) => it.createdAt === props.startingPoint);\n      const isIncludedInList = foundMessageIndex > -1;\n      if (isIncludedInList) {\n        ignorePropReached.current = true;\n        const timeout = 300;\n        lazyScrollToIndex({ index: foundMessageIndex, animated: true, timeout: timeout });\n        setTimeout(() => {\n          ignorePropReached.current = false;\n        }, timeout + 50);\n      }\n    }\n  }, [props.startingPoint]);\n\n  useChannelHandler(sdk, id, {\n    onReactionUpdated(channel, event) {\n      if (isDifferentChannel(channel, props.channel)) return;\n      const recentMessage = props.messages[0];\n      const isRecentMessage = recentMessage && recentMessage.messageId === event.messageId;\n      const scrollReachedBottomAndCanScroll = !props.scrolledAwayFromBottom && !props.hasNext();\n      if (isRecentMessage && scrollReachedBottomAndCanScroll) {\n        lazyScrollToBottom({ animated: true, timeout: 250 });\n      }\n    },\n  });\n\n  useEffect(() => {\n    return subscribe(({ type }) => {\n      switch (type) {\n        case 'TYPING_BUBBLE_RENDERED':\n        case 'MESSAGES_RECEIVED': {\n          if (!props.scrolledAwayFromBottom) {\n            scrollToBottom(true);\n          }\n          break;\n        }\n        case 'MESSAGE_SENT_SUCCESS':\n        case 'MESSAGE_SENT_PENDING': {\n          scrollToBottom(false);\n          break;\n        }\n      }\n    });\n  }, [props.scrolledAwayFromBottom]);\n\n  return (\n    <ChannelThreadMessageList\n      {...props}\n      ref={flatListRef}\n      onTopReached={_onTopReached}\n      onBottomReached={_onBottomReached}\n      onEditMessage={setMessageToEdit}\n      onPressNewMessagesButton={scrollToBottom}\n      onPressScrollToBottomButton={scrollToBottom}\n      renderNewMessagesButton={null}\n      renderScrollToBottomButton={null}\n    />\n  );\n};\n\nexport default React.memo(GroupChannelThreadMessageList);\n"],"mappings":"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"}