@sendbird/uikit-react-native 2.4.0 → 2.4.2

package/lib/module/contexts/UserProfileCtx.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useContext","useState","useSafeAreaInsets","Modal","OutlinedButton","ProfileCard","createStyleSheet","Logger","PASS","getDefaultGroupChannelCreateParams","useIIFE","LocalizationContext","SendbirdChatContext","WARN_onCreateChannel","UserProfileContext","createContext","UserProfileProvider","children","onCreateChannel","onBeforeCreateChannel","statusBarTranslucent","chatContext","localizationContext","Error","__DEV__","warn","bottom","left","right","user","setUser","visible","setVisible","hideMessageButton","setHideMessageButton","show","options","Boolean","hide","onDismiss","undefined","userProfileButton","isMe","currentUser","userId","onPressMessageButton","params","invitedUserIds","currentUserId","processedParams","channel","sdk","groupChannel","createChannel","STRINGS","PROFILE_CARD","BUTTON_MESSAGE","styles","modal","profileCardContainer","paddingLeft","paddingRight","paddingBottom","profileUrl","nickname","LABELS","USER_NO_NAME","BODY_LABEL","BODY","justifyContent","borderTopLeftRadius","borderTopRightRadius"],"sources":["UserProfileCtx.tsx"],"sourcesContent":["import React, { useCallback, useContext, useState } from 'react';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { Modal, OutlinedButton, ProfileCard, createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport type {\n  SendbirdGroupChannel,\n  SendbirdGroupChannelCreateParams,\n  SendbirdMember,\n  SendbirdUser,\n} from '@sendbird/uikit-utils';\nimport { Logger, PASS, getDefaultGroupChannelCreateParams, useIIFE } from '@sendbird/uikit-utils';\n\nimport { LocalizationContext } from '../contexts/LocalizationCtx';\nimport { SendbirdChatContext } from '../contexts/SendbirdChatCtx';\n\ntype OnCreateChannel = (channel: SendbirdGroupChannel) => void;\ntype OnBeforeCreateChannel = (\n  channelParams: SendbirdGroupChannelCreateParams,\n  users: SendbirdUser[] | SendbirdMember[],\n) => SendbirdGroupChannelCreateParams | Promise<SendbirdGroupChannelCreateParams>;\n\ntype ShowOptions = {\n  hideMessageButton?: boolean;\n};\n\nexport type UserProfileContextType = {\n  show(user: SendbirdUser | SendbirdMember, options?: ShowOptions): void;\n  hide(): void;\n};\n\ntype Props = React.PropsWithChildren<{\n  onCreateChannel?: OnCreateChannel;\n  onBeforeCreateChannel?: OnBeforeCreateChannel;\n  statusBarTranslucent?: boolean;\n}>;\n\nlet WARN_onCreateChannel = false;\n\nexport const UserProfileContext = React.createContext<UserProfileContextType | null>(null);\nexport const UserProfileProvider = ({\n  children,\n  onCreateChannel,\n  onBeforeCreateChannel = PASS,\n  statusBarTranslucent = true,\n}: Props) => {\n  const chatContext = useContext(SendbirdChatContext);\n  const localizationContext = useContext(LocalizationContext);\n\n  if (!chatContext) throw new Error('SendbirdChatContext is not provided');\n  if (!localizationContext) throw new Error('LocalizationContext is not provided');\n\n  if (__DEV__ && !WARN_onCreateChannel && !onCreateChannel) {\n    Logger.warn(\n      'You should pass `userProfile.onCreateChannel` prop to SendbirdUIKitContainer if want to use message in a user profile',\n    );\n    WARN_onCreateChannel = true;\n  }\n\n  const { bottom, left, right } = useSafeAreaInsets();\n\n  const [user, setUser] = useState<SendbirdUser | SendbirdMember>();\n  const [visible, setVisible] = useState(false);\n  const [hideMessageButton, setHideMessageButton] = useState(false);\n\n  const show: UserProfileContextType['show'] = useCallback((user, options) => {\n    setUser(user);\n    setVisible(true);\n    setHideMessageButton(Boolean(options?.hideMessageButton));\n  }, []);\n\n  const hide: UserProfileContextType['hide'] = useCallback(() => {\n    setVisible(false);\n  }, []);\n\n  const onDismiss = () => {\n    setUser(undefined);\n    setHideMessageButton(false);\n  };\n\n  const userProfileButton = useIIFE(() => {\n    const isMe = chatContext.currentUser && user?.userId === chatContext.currentUser.userId;\n    if (isMe) return undefined;\n    if (hideMessageButton) return undefined;\n\n    const onPressMessageButton = async () => {\n      if (user) {\n        const params = getDefaultGroupChannelCreateParams({\n          invitedUserIds: [user.userId],\n          currentUserId: chatContext.currentUser?.userId,\n        });\n\n        const processedParams = await onBeforeCreateChannel(params, [user]);\n        hide();\n        const channel = await chatContext.sdk.groupChannel.createChannel(processedParams);\n\n        if (onCreateChannel) {\n          onCreateChannel(channel);\n        } else {\n          Logger.warn(\n            'Please set `onCreateChannel` before message to user from profile card, see `userProfile` prop in the `SendbirdUIKitContainer` props',\n          );\n        }\n      }\n    };\n\n    return (\n      <OutlinedButton onPress={onPressMessageButton}>\n        {localizationContext.STRINGS.PROFILE_CARD.BUTTON_MESSAGE}\n      </OutlinedButton>\n    );\n  });\n\n  return (\n    <UserProfileContext.Provider value={{ show, hide }}>\n      {children}\n      <Modal\n        type={'slide'}\n        onClose={hide}\n        onDismiss={onDismiss}\n        visible={visible && Boolean(user)}\n        backgroundStyle={styles.modal}\n        statusBarTranslucent={statusBarTranslucent}\n      >\n        {user && (\n          <ProfileCard\n            containerStyle={[\n              styles.profileCardContainer,\n              { paddingLeft: left, paddingRight: right, paddingBottom: bottom },\n            ]}\n            uri={user.profileUrl}\n            username={user.nickname || localizationContext.STRINGS.LABELS.USER_NO_NAME}\n            bodyLabel={localizationContext.STRINGS.PROFILE_CARD.BODY_LABEL}\n            body={localizationContext.STRINGS.PROFILE_CARD.BODY(user)}\n            button={userProfileButton}\n          />\n        )}\n      </Modal>\n    </UserProfileContext.Provider>\n  );\n};\n\nconst styles = createStyleSheet({\n  modal: {\n    justifyContent: 'flex-end',\n  },\n  profileCardContainer: {\n    borderTopLeftRadius: 8,\n    borderTopRightRadius: 8,\n  },\n});\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,UAA7B,EAAyCC,QAAzC,QAAyD,OAAzD;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,SAASC,KAAT,EAAgBC,cAAhB,EAAgCC,WAAhC,EAA6CC,gBAA7C,QAAqE,yCAArE;AAOA,SAASC,MAAT,EAAiBC,IAAjB,EAAuBC,kCAAvB,EAA2DC,OAA3D,QAA0E,uBAA1E;AAEA,SAASC,mBAAT,QAAoC,6BAApC;AACA,SAASC,mBAAT,QAAoC,6BAApC;AAuBA,IAAIC,oBAAoB,GAAG,KAA3B;AAEA,OAAO,MAAMC,kBAAkB,gBAAGhB,KAAK,CAACiB,aAAN,CAAmD,IAAnD,CAA3B;AACP,OAAO,MAAMC,mBAAmB,GAAG,QAKtB;EAAA,IALuB;IAClCC,QADkC;IAElCC,eAFkC;IAGlCC,qBAAqB,GAAGX,IAHU;IAIlCY,oBAAoB,GAAG;EAJW,CAKvB;EACX,MAAMC,WAAW,GAAGrB,UAAU,CAACY,mBAAD,CAA9B;EACA,MAAMU,mBAAmB,GAAGtB,UAAU,CAACW,mBAAD,CAAtC;EAEA,IAAI,CAACU,WAAL,EAAkB,MAAM,IAAIE,KAAJ,CAAU,qCAAV,CAAN;EAClB,IAAI,CAACD,mBAAL,EAA0B,MAAM,IAAIC,KAAJ,CAAU,qCAAV,CAAN;;EAE1B,IAAIC,OAAO,IAAI,CAACX,oBAAZ,IAAoC,CAACK,eAAzC,EAA0D;IACxDX,MAAM,CAACkB,IAAP,CACE,uHADF;IAGAZ,oBAAoB,GAAG,IAAvB;EACD;;EAED,MAAM;IAAEa,MAAF;IAAUC,IAAV;IAAgBC;EAAhB,IAA0B1B,iBAAiB,EAAjD;EAEA,MAAM,CAAC2B,IAAD,EAAOC,OAAP,IAAkB7B,QAAQ,EAAhC;EACA,MAAM,CAAC8B,OAAD,EAAUC,UAAV,IAAwB/B,QAAQ,CAAC,KAAD,CAAtC;EACA,MAAM,CAACgC,iBAAD,EAAoBC,oBAApB,IAA4CjC,QAAQ,CAAC,KAAD,CAA1D;EAEA,MAAMkC,IAAoC,GAAGpC,WAAW,CAAC,CAAC8B,IAAD,EAAOO,OAAP,KAAmB;IAC1EN,OAAO,CAACD,IAAD,CAAP;IACAG,UAAU,CAAC,IAAD,CAAV;IACAE,oBAAoB,CAACG,OAAO,CAACD,OAAD,aAACA,OAAD,uBAACA,OAAO,CAAEH,iBAAV,CAAR,CAApB;EACD,CAJuD,EAIrD,EAJqD,CAAxD;EAMA,MAAMK,IAAoC,GAAGvC,WAAW,CAAC,MAAM;IAC7DiC,UAAU,CAAC,KAAD,CAAV;EACD,CAFuD,EAErD,EAFqD,CAAxD;;EAIA,MAAMO,SAAS,GAAG,MAAM;IACtBT,OAAO,CAACU,SAAD,CAAP;IACAN,oBAAoB,CAAC,KAAD,CAApB;EACD,CAHD;;EAKA,MAAMO,iBAAiB,GAAG/B,OAAO,CAAC,MAAM;IACtC,MAAMgC,IAAI,GAAGrB,WAAW,CAACsB,WAAZ,IAA2B,CAAAd,IAAI,SAAJ,IAAAA,IAAI,WAAJ,YAAAA,IAAI,CAAEe,MAAN,MAAiBvB,WAAW,CAACsB,WAAZ,CAAwBC,MAAjF;IACA,IAAIF,IAAJ,EAAU,OAAOF,SAAP;IACV,IAAIP,iBAAJ,EAAuB,OAAOO,SAAP;;IAEvB,MAAMK,oBAAoB,GAAG,YAAY;MACvC,IAAIhB,IAAJ,EAAU;QAAA;;QACR,MAAMiB,MAAM,GAAGrC,kCAAkC,CAAC;UAChDsC,cAAc,EAAE,CAAClB,IAAI,CAACe,MAAN,CADgC;UAEhDI,aAAa,2BAAE3B,WAAW,CAACsB,WAAd,0DAAE,sBAAyBC;QAFQ,CAAD,CAAjD;QAKA,MAAMK,eAAe,GAAG,MAAM9B,qBAAqB,CAAC2B,MAAD,EAAS,CAACjB,IAAD,CAAT,CAAnD;QACAS,IAAI;QACJ,MAAMY,OAAO,GAAG,MAAM7B,WAAW,CAAC8B,GAAZ,CAAgBC,YAAhB,CAA6BC,aAA7B,CAA2CJ,eAA3C,CAAtB;;QAEA,IAAI/B,eAAJ,EAAqB;UACnBA,eAAe,CAACgC,OAAD,CAAf;QACD,CAFD,MAEO;UACL3C,MAAM,CAACkB,IAAP,CACE,qIADF;QAGD;MACF;IACF,CAnBD;;IAqBA,oBACE,oBAAC,cAAD;MAAgB,OAAO,EAAEoB;IAAzB,GACGvB,mBAAmB,CAACgC,OAApB,CAA4BC,YAA5B,CAAyCC,cAD5C,CADF;EAKD,CA/BgC,CAAjC;EAiCA,oBACE,oBAAC,kBAAD,CAAoB,QAApB;IAA6B,KAAK,EAAE;MAAErB,IAAF;MAAQG;IAAR;EAApC,GACGrB,QADH,eAEE,oBAAC,KAAD;IACE,IAAI,EAAE,OADR;IAEE,OAAO,EAAEqB,IAFX;IAGE,SAAS,EAAEC,SAHb;IAIE,OAAO,EAAER,OAAO,IAAIM,OAAO,CAACR,IAAD,CAJ7B;IAKE,eAAe,EAAE4B,MAAM,CAACC,KAL1B;IAME,oBAAoB,EAAEtC;EANxB,GAQGS,IAAI,iBACH,oBAAC,WAAD;IACE,cAAc,EAAE,CACd4B,MAAM,CAACE,oBADO,EAEd;MAAEC,WAAW,EAAEjC,IAAf;MAAqBkC,YAAY,EAAEjC,KAAnC;MAA0CkC,aAAa,EAAEpC;IAAzD,CAFc,CADlB;IAKE,GAAG,EAAEG,IAAI,CAACkC,UALZ;IAME,QAAQ,EAAElC,IAAI,CAACmC,QAAL,IAAiB1C,mBAAmB,CAACgC,OAApB,CAA4BW,MAA5B,CAAmCC,YANhE;IAOE,SAAS,EAAE5C,mBAAmB,CAACgC,OAApB,CAA4BC,YAA5B,CAAyCY,UAPtD;IAQE,IAAI,EAAE7C,mBAAmB,CAACgC,OAApB,CAA4BC,YAA5B,CAAyCa,IAAzC,CAA8CvC,IAA9C,CARR;IASE,MAAM,EAAEY;EATV,EATJ,CAFF,CADF;AA2BD,CApGM;AAsGP,MAAMgB,MAAM,GAAGnD,gBAAgB,CAAC;EAC9BoD,KAAK,EAAE;IACLW,cAAc,EAAE;EADX,CADuB;EAI9BV,oBAAoB,EAAE;IACpBW,mBAAmB,EAAE,CADD;IAEpBC,oBAAoB,EAAE;EAFF;AAJQ,CAAD,CAA/B"}
+{"version":3,"names":["React","useCallback","useContext","useState","useSafeAreaInsets","Modal","OutlinedButton","ProfileCard","createStyleSheet","Logger","PASS","getDefaultGroupChannelCreateParams","useIIFE","LocalizationContext","SendbirdChatContext","WARN_onCreateChannel","UserProfileContext","createContext","UserProfileProvider","_ref","children","onCreateChannel","onBeforeCreateChannel","statusBarTranslucent","chatContext","localizationContext","Error","__DEV__","warn","bottom","left","right","user","setUser","visible","setVisible","hideMessageButton","setHideMessageButton","show","options","Boolean","hide","onDismiss","undefined","userProfileButton","isMe","currentUser","userId","onPressMessageButton","_chatContext$currentU","params","invitedUserIds","currentUserId","processedParams","channel","sdk","groupChannel","createChannel","createElement","onPress","STRINGS","PROFILE_CARD","BUTTON_MESSAGE","Provider","value","type","onClose","backgroundStyle","styles","modal","containerStyle","profileCardContainer","paddingLeft","paddingRight","paddingBottom","uri","profileUrl","username","nickname","LABELS","USER_NO_NAME","bodyLabel","BODY_LABEL","body","BODY","button","justifyContent","borderTopLeftRadius","borderTopRightRadius"],"sources":["UserProfileCtx.tsx"],"sourcesContent":["import React, { useCallback, useContext, useState } from 'react';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { Modal, OutlinedButton, ProfileCard, createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport type {\n  SendbirdGroupChannel,\n  SendbirdGroupChannelCreateParams,\n  SendbirdMember,\n  SendbirdUser,\n} from '@sendbird/uikit-utils';\nimport { Logger, PASS, getDefaultGroupChannelCreateParams, useIIFE } from '@sendbird/uikit-utils';\n\nimport { LocalizationContext } from '../contexts/LocalizationCtx';\nimport { SendbirdChatContext } from '../contexts/SendbirdChatCtx';\n\ntype OnCreateChannel = (channel: SendbirdGroupChannel) => void;\ntype OnBeforeCreateChannel = (\n  channelParams: SendbirdGroupChannelCreateParams,\n  users: SendbirdUser[] | SendbirdMember[],\n) => SendbirdGroupChannelCreateParams | Promise<SendbirdGroupChannelCreateParams>;\n\ntype ShowOptions = {\n  hideMessageButton?: boolean;\n};\n\nexport type UserProfileContextType = {\n  show(user: SendbirdUser | SendbirdMember, options?: ShowOptions): void;\n  hide(): void;\n};\n\ntype Props = React.PropsWithChildren<{\n  onCreateChannel?: OnCreateChannel;\n  onBeforeCreateChannel?: OnBeforeCreateChannel;\n  statusBarTranslucent?: boolean;\n}>;\n\nlet WARN_onCreateChannel = false;\n\nexport const UserProfileContext = React.createContext<UserProfileContextType | null>(null);\nexport const UserProfileProvider = ({\n  children,\n  onCreateChannel,\n  onBeforeCreateChannel = PASS,\n  statusBarTranslucent = true,\n}: Props) => {\n  const chatContext = useContext(SendbirdChatContext);\n  const localizationContext = useContext(LocalizationContext);\n\n  if (!chatContext) throw new Error('SendbirdChatContext is not provided');\n  if (!localizationContext) throw new Error('LocalizationContext is not provided');\n\n  if (__DEV__ && !WARN_onCreateChannel && !onCreateChannel) {\n    Logger.warn(\n      'You should pass `userProfile.onCreateChannel` prop to SendbirdUIKitContainer if want to use message in a user profile',\n    );\n    WARN_onCreateChannel = true;\n  }\n\n  const { bottom, left, right } = useSafeAreaInsets();\n\n  const [user, setUser] = useState<SendbirdUser | SendbirdMember>();\n  const [visible, setVisible] = useState(false);\n  const [hideMessageButton, setHideMessageButton] = useState(false);\n\n  const show: UserProfileContextType['show'] = useCallback((user, options) => {\n    setUser(user);\n    setVisible(true);\n    setHideMessageButton(Boolean(options?.hideMessageButton));\n  }, []);\n\n  const hide: UserProfileContextType['hide'] = useCallback(() => {\n    setVisible(false);\n  }, []);\n\n  const onDismiss = () => {\n    setUser(undefined);\n    setHideMessageButton(false);\n  };\n\n  const userProfileButton = useIIFE(() => {\n    const isMe = chatContext.currentUser && user?.userId === chatContext.currentUser.userId;\n    if (isMe) return undefined;\n    if (hideMessageButton) return undefined;\n\n    const onPressMessageButton = async () => {\n      if (user) {\n        const params = getDefaultGroupChannelCreateParams({\n          invitedUserIds: [user.userId],\n          currentUserId: chatContext.currentUser?.userId,\n        });\n\n        const processedParams = await onBeforeCreateChannel(params, [user]);\n        hide();\n        const channel = await chatContext.sdk.groupChannel.createChannel(processedParams);\n\n        if (onCreateChannel) {\n          onCreateChannel(channel);\n        } else {\n          Logger.warn(\n            'Please set `onCreateChannel` before message to user from profile card, see `userProfile` prop in the `SendbirdUIKitContainer` props',\n          );\n        }\n      }\n    };\n\n    return (\n      <OutlinedButton onPress={onPressMessageButton}>\n        {localizationContext.STRINGS.PROFILE_CARD.BUTTON_MESSAGE}\n      </OutlinedButton>\n    );\n  });\n\n  return (\n    <UserProfileContext.Provider value={{ show, hide }}>\n      {children}\n      <Modal\n        type={'slide'}\n        onClose={hide}\n        onDismiss={onDismiss}\n        visible={visible && Boolean(user)}\n        backgroundStyle={styles.modal}\n        statusBarTranslucent={statusBarTranslucent}\n      >\n        {user && (\n          <ProfileCard\n            containerStyle={[\n              styles.profileCardContainer,\n              { paddingLeft: left, paddingRight: right, paddingBottom: bottom },\n            ]}\n            uri={user.profileUrl}\n            username={user.nickname || localizationContext.STRINGS.LABELS.USER_NO_NAME}\n            bodyLabel={localizationContext.STRINGS.PROFILE_CARD.BODY_LABEL}\n            body={localizationContext.STRINGS.PROFILE_CARD.BODY(user)}\n            button={userProfileButton}\n          />\n        )}\n      </Modal>\n    </UserProfileContext.Provider>\n  );\n};\n\nconst styles = createStyleSheet({\n  modal: {\n    justifyContent: 'flex-end',\n  },\n  profileCardContainer: {\n    borderTopLeftRadius: 8,\n    borderTopRightRadius: 8,\n  },\n});\n"],"mappings":"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"}

package/lib/module/domain/groupChannel/component/GroupChannelHeader.js

@@ -4,7 +4,6 @@ import { Header, Icon, createStyleSheet, useHeaderStyle } from '@sendbird/uikit-
 import ChannelCover from '../../../components/ChannelCover';
 import { useLocalization } from '../../../hooks/useContext';
 import { GroupChannelContexts } from '../module/moduleContext';
-
 const GroupChannelHeader = _ref => {
   let {
     onPressHeaderLeft,
@@ -51,7 +50,6 @@ const GroupChannelHeader = _ref => {
     onPressRight: onPressHeaderRight
   });
 };
-
 const styles = createStyleSheet({
   titleContainer: {
     maxWidth: '100%',

package/lib/module/domain/groupChannel/component/GroupChannelHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","View","Header","Icon","createStyleSheet","useHeaderStyle","ChannelCover","useLocalization","GroupChannelContexts","GroupChannelHeader","onPressHeaderLeft","onPressHeaderRight","headerTitle","channel","Fragment","typingUsers","TypingIndicator","STRINGS","HeaderComponent","subtitle","LABELS","TYPING_INDICATOR_TYPINGS","styles","titleContainer","avatarGroup","flexShrink","Boolean","maxWidth","flexDirection","alignItems","marginRight","marginTop"],"sources":["GroupChannelHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { Header, Icon, createStyleSheet, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';\n\nimport ChannelCover from '../../../components/ChannelCover';\nimport { useLocalization } from '../../../hooks/useContext';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst GroupChannelHeader = ({ onPressHeaderLeft, onPressHeaderRight }: GroupChannelProps['Header']) => {\n  const { headerTitle, channel } = useContext(GroupChannelContexts.Fragment);\n  const { typingUsers } = useContext(GroupChannelContexts.TypingIndicator);\n  const { STRINGS } = useLocalization();\n  const { HeaderComponent } = useHeaderStyle();\n  const subtitle = STRINGS.LABELS.TYPING_INDICATOR_TYPINGS(typingUsers);\n\n  return (\n    <HeaderComponent\n      clearTitleMargin\n      title={\n        <View style={styles.titleContainer}>\n          <ChannelCover channel={channel} size={34} containerStyle={styles.avatarGroup} />\n          <View style={{ flexShrink: 1 }}>\n            <Header.Title h2>{headerTitle}</Header.Title>\n            {Boolean(subtitle) && subtitle && <Header.Subtitle style={styles.subtitle}>{subtitle}</Header.Subtitle>}\n          </View>\n        </View>\n      }\n      left={<Icon icon={'arrow-left'} />}\n      onPressLeft={onPressHeaderLeft}\n      right={<Icon icon={'info'} />}\n      onPressRight={onPressHeaderRight}\n    />\n  );\n};\n\nconst styles = createStyleSheet({\n  titleContainer: {\n    maxWidth: '100%',\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  avatarGroup: {\n    marginRight: 8,\n  },\n  subtitle: {\n    marginTop: 2,\n  },\n});\n\nexport default GroupChannelHeader;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,MAAT,EAAiBC,IAAjB,EAAuBC,gBAAvB,EAAyCC,cAAzC,QAA+D,yCAA/D;AAEA,OAAOC,YAAP,MAAyB,kCAAzB;AACA,SAASC,eAAT,QAAgC,2BAAhC;AACA,SAASC,oBAAT,QAAqC,yBAArC;;AAGA,MAAMC,kBAAkB,GAAG,QAA4E;EAAA,IAA3E;IAAEC,iBAAF;IAAqBC;EAArB,CAA2E;EACrG,MAAM;IAAEC,WAAF;IAAeC;EAAf,IAA2Bb,UAAU,CAACQ,oBAAoB,CAACM,QAAtB,CAA3C;EACA,MAAM;IAAEC;EAAF,IAAkBf,UAAU,CAACQ,oBAAoB,CAACQ,eAAtB,CAAlC;EACA,MAAM;IAAEC;EAAF,IAAcV,eAAe,EAAnC;EACA,MAAM;IAAEW;EAAF,IAAsBb,cAAc,EAA1C;EACA,MAAMc,QAAQ,GAAGF,OAAO,CAACG,MAAR,CAAeC,wBAAf,CAAwCN,WAAxC,CAAjB;EAEA,oBACE,oBAAC,eAAD;IACE,gBAAgB,MADlB;IAEE,KAAK,eACH,oBAAC,IAAD;MAAM,KAAK,EAAEO,MAAM,CAACC;IAApB,gBACE,oBAAC,YAAD;MAAc,OAAO,EAAEV,OAAvB;MAAgC,IAAI,EAAE,EAAtC;MAA0C,cAAc,EAAES,MAAM,CAACE;IAAjE,EADF,eAEE,oBAAC,IAAD;MAAM,KAAK,EAAE;QAAEC,UAAU,EAAE;MAAd;IAAb,gBACE,oBAAC,MAAD,CAAQ,KAAR;MAAc,EAAE;IAAhB,GAAkBb,WAAlB,CADF,EAEGc,OAAO,CAACP,QAAD,CAAP,IAAqBA,QAArB,iBAAiC,oBAAC,MAAD,CAAQ,QAAR;MAAiB,KAAK,EAAEG,MAAM,CAACH;IAA/B,GAA0CA,QAA1C,CAFpC,CAFF,CAHJ;IAWE,IAAI,eAAE,oBAAC,IAAD;MAAM,IAAI,EAAE;IAAZ,EAXR;IAYE,WAAW,EAAET,iBAZf;IAaE,KAAK,eAAE,oBAAC,IAAD;MAAM,IAAI,EAAE;IAAZ,EAbT;IAcE,YAAY,EAAEC;EAdhB,EADF;AAkBD,CAzBD;;AA2BA,MAAMW,MAAM,GAAGlB,gBAAgB,CAAC;EAC9BmB,cAAc,EAAE;IACdI,QAAQ,EAAE,MADI;IAEdC,aAAa,EAAE,KAFD;IAGdC,UAAU,EAAE;EAHE,CADc;EAM9BL,WAAW,EAAE;IACXM,WAAW,EAAE;EADF,CANiB;EAS9BX,QAAQ,EAAE;IACRY,SAAS,EAAE;EADH;AAToB,CAAD,CAA/B;AAcA,eAAetB,kBAAf"}
+{"version":3,"names":["React","useContext","View","Header","Icon","createStyleSheet","useHeaderStyle","ChannelCover","useLocalization","GroupChannelContexts","GroupChannelHeader","_ref","onPressHeaderLeft","onPressHeaderRight","headerTitle","channel","Fragment","typingUsers","TypingIndicator","STRINGS","HeaderComponent","subtitle","LABELS","TYPING_INDICATOR_TYPINGS","createElement","clearTitleMargin","title","style","styles","titleContainer","size","containerStyle","avatarGroup","flexShrink","Title","h2","Boolean","Subtitle","left","icon","onPressLeft","right","onPressRight","maxWidth","flexDirection","alignItems","marginRight","marginTop"],"sources":["GroupChannelHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { Header, Icon, createStyleSheet, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';\n\nimport ChannelCover from '../../../components/ChannelCover';\nimport { useLocalization } from '../../../hooks/useContext';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst GroupChannelHeader = ({ onPressHeaderLeft, onPressHeaderRight }: GroupChannelProps['Header']) => {\n  const { headerTitle, channel } = useContext(GroupChannelContexts.Fragment);\n  const { typingUsers } = useContext(GroupChannelContexts.TypingIndicator);\n  const { STRINGS } = useLocalization();\n  const { HeaderComponent } = useHeaderStyle();\n  const subtitle = STRINGS.LABELS.TYPING_INDICATOR_TYPINGS(typingUsers);\n\n  return (\n    <HeaderComponent\n      clearTitleMargin\n      title={\n        <View style={styles.titleContainer}>\n          <ChannelCover channel={channel} size={34} containerStyle={styles.avatarGroup} />\n          <View style={{ flexShrink: 1 }}>\n            <Header.Title h2>{headerTitle}</Header.Title>\n            {Boolean(subtitle) && subtitle && <Header.Subtitle style={styles.subtitle}>{subtitle}</Header.Subtitle>}\n          </View>\n        </View>\n      }\n      left={<Icon icon={'arrow-left'} />}\n      onPressLeft={onPressHeaderLeft}\n      right={<Icon icon={'info'} />}\n      onPressRight={onPressHeaderRight}\n    />\n  );\n};\n\nconst styles = createStyleSheet({\n  titleContainer: {\n    maxWidth: '100%',\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  avatarGroup: {\n    marginRight: 8,\n  },\n  subtitle: {\n    marginTop: 2,\n  },\n});\n\nexport default GroupChannelHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,MAAM,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,cAAc,QAAQ,yCAAyC;AAExG,OAAOC,YAAY,MAAM,kCAAkC;AAC3D,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,oBAAoB,QAAQ,yBAAyB;AAG9D,MAAMC,kBAAkB,GAAGC,IAAA,IAA4E;EAAA,IAA3E;IAAEC,iBAAiB;IAAEC;EAAgD,CAAC,GAAAF,IAAA;EAChG,MAAM;IAAEG,WAAW;IAAEC;EAAQ,CAAC,GAAGd,UAAU,CAACQ,oBAAoB,CAACO,QAAQ,CAAC;EAC1E,MAAM;IAAEC;EAAY,CAAC,GAAGhB,UAAU,CAACQ,oBAAoB,CAACS,eAAe,CAAC;EACxE,MAAM;IAAEC;EAAQ,CAAC,GAAGX,eAAe,EAAE;EACrC,MAAM;IAAEY;EAAgB,CAAC,GAAGd,cAAc,EAAE;EAC5C,MAAMe,QAAQ,GAAGF,OAAO,CAACG,MAAM,CAACC,wBAAwB,CAACN,WAAW,CAAC;EAErE,oBACEjB,KAAA,CAAAwB,aAAA,CAACJ,eAAe;IACdK,gBAAgB;IAChBC,KAAK,eACH1B,KAAA,CAAAwB,aAAA,CAACtB,IAAI;MAACyB,KAAK,EAAEC,MAAM,CAACC;IAAe,gBACjC7B,KAAA,CAAAwB,aAAA,CAACjB,YAAY;MAACQ,OAAO,EAAEA,OAAQ;MAACe,IAAI,EAAE,EAAG;MAACC,cAAc,EAAEH,MAAM,CAACI;IAAY,EAAG,eAChFhC,KAAA,CAAAwB,aAAA,CAACtB,IAAI;MAACyB,KAAK,EAAE;QAAEM,UAAU,EAAE;MAAE;IAAE,gBAC7BjC,KAAA,CAAAwB,aAAA,CAACrB,MAAM,CAAC+B,KAAK;MAACC,EAAE;IAAA,GAAErB,WAAW,CAAgB,EAC5CsB,OAAO,CAACf,QAAQ,CAAC,IAAIA,QAAQ,iBAAIrB,KAAA,CAAAwB,aAAA,CAACrB,MAAM,CAACkC,QAAQ;MAACV,KAAK,EAAEC,MAAM,CAACP;IAAS,GAAEA,QAAQ,CAAmB,CAClG,CAEV;IACDiB,IAAI,eAAEtC,KAAA,CAAAwB,aAAA,CAACpB,IAAI;MAACmC,IAAI,EAAE;IAAa,EAAI;IACnCC,WAAW,EAAE5B,iBAAkB;IAC/B6B,KAAK,eAAEzC,KAAA,CAAAwB,aAAA,CAACpB,IAAI;MAACmC,IAAI,EAAE;IAAO,EAAI;IAC9BG,YAAY,EAAE7B;EAAmB,EACjC;AAEN,CAAC;AAED,MAAMe,MAAM,GAAGvB,gBAAgB,CAAC;EAC9BwB,cAAc,EAAE;IACdc,QAAQ,EAAE,MAAM;IAChBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDb,WAAW,EAAE;IACXc,WAAW,EAAE;EACf,CAAC;EACDzB,QAAQ,EAAE;IACR0B,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAerC,kBAAkB"}

package/lib/module/domain/groupChannel/component/GroupChannelInput.js

@@ -2,7 +2,6 @@ import React, { useContext } from 'react';
 import { getGroupChannelChatAvailableState } from '@sendbird/uikit-utils';
 import ChannelInput from '../../../components/ChannelInput';
 import { GroupChannelContexts } from '../module/moduleContext';
-
 const GroupChannelInput = props => {
   const {
     channel,
@@ -31,6 +30,5 @@ const GroupChannelInput = props => {
     onUpdateUserMessage: props.onUpdateUserMessage
   });
 };
-
 export default /*#__PURE__*/React.memo(GroupChannelInput);
 //# sourceMappingURL=GroupChannelInput.js.map

package/lib/module/domain/groupChannel/component/GroupChannelInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","getGroupChannelChatAvailableState","ChannelInput","GroupChannelContexts","GroupChannelInput","props","channel","messageToEdit","setMessageToEdit","keyboardAvoidOffset","Fragment","chatAvailableState","muted","frozen","disabled","shouldRenderInput","onPressSendUserMessage","onPressSendFileMessage","onPressUpdateUserMessage","onPressUpdateFileMessage","SuggestedMentionList","onSendFileMessage","onSendUserMessage","onUpdateFileMessage","onUpdateUserMessage","memo"],"sources":["GroupChannelInput.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { getGroupChannelChatAvailableState } from '@sendbird/uikit-utils';\n\nimport ChannelInput from '../../../components/ChannelInput';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst GroupChannelInput = (props: GroupChannelProps['Input']) => {\n  const {\n    channel,\n    messageToEdit,\n    setMessageToEdit,\n    keyboardAvoidOffset = 0,\n  } = useContext(GroupChannelContexts.Fragment);\n\n  const chatAvailableState = getGroupChannelChatAvailableState(channel);\n\n  return (\n    <ChannelInput\n      channel={channel}\n      messageToEdit={messageToEdit}\n      setMessageToEdit={setMessageToEdit}\n      inputMuted={chatAvailableState.muted}\n      inputFrozen={chatAvailableState.frozen}\n      inputDisabled={chatAvailableState.disabled}\n      keyboardAvoidOffset={keyboardAvoidOffset}\n      shouldRenderInput={props.shouldRenderInput}\n      onPressSendUserMessage={props.onPressSendUserMessage}\n      onPressSendFileMessage={props.onPressSendFileMessage}\n      onPressUpdateUserMessage={props.onPressUpdateUserMessage}\n      onPressUpdateFileMessage={props.onPressUpdateFileMessage}\n      SuggestedMentionList={props.SuggestedMentionList}\n      onSendFileMessage={props.onSendFileMessage}\n      onSendUserMessage={props.onSendUserMessage}\n      onUpdateFileMessage={props.onUpdateFileMessage}\n      onUpdateUserMessage={props.onUpdateUserMessage}\n    />\n  );\n};\n\nexport default React.memo(GroupChannelInput);\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AAEA,SAASC,iCAAT,QAAkD,uBAAlD;AAEA,OAAOC,YAAP,MAAyB,kCAAzB;AACA,SAASC,oBAAT,QAAqC,yBAArC;;AAGA,MAAMC,iBAAiB,GAAIC,KAAD,IAAuC;EAC/D,MAAM;IACJC,OADI;IAEJC,aAFI;IAGJC,gBAHI;IAIJC,mBAAmB,GAAG;EAJlB,IAKFT,UAAU,CAACG,oBAAoB,CAACO,QAAtB,CALd;EAOA,MAAMC,kBAAkB,GAAGV,iCAAiC,CAACK,OAAD,CAA5D;EAEA,oBACE,oBAAC,YAAD;IACE,OAAO,EAAEA,OADX;IAEE,aAAa,EAAEC,aAFjB;IAGE,gBAAgB,EAAEC,gBAHpB;IAIE,UAAU,EAAEG,kBAAkB,CAACC,KAJjC;IAKE,WAAW,EAAED,kBAAkB,CAACE,MALlC;IAME,aAAa,EAAEF,kBAAkB,CAACG,QANpC;IAOE,mBAAmB,EAAEL,mBAPvB;IAQE,iBAAiB,EAAEJ,KAAK,CAACU,iBAR3B;IASE,sBAAsB,EAAEV,KAAK,CAACW,sBAThC;IAUE,sBAAsB,EAAEX,KAAK,CAACY,sBAVhC;IAWE,wBAAwB,EAAEZ,KAAK,CAACa,wBAXlC;IAYE,wBAAwB,EAAEb,KAAK,CAACc,wBAZlC;IAaE,oBAAoB,EAAEd,KAAK,CAACe,oBAb9B;IAcE,iBAAiB,EAAEf,KAAK,CAACgB,iBAd3B;IAeE,iBAAiB,EAAEhB,KAAK,CAACiB,iBAf3B;IAgBE,mBAAmB,EAAEjB,KAAK,CAACkB,mBAhB7B;IAiBE,mBAAmB,EAAElB,KAAK,CAACmB;EAjB7B,EADF;AAqBD,CA/BD;;AAiCA,4BAAezB,KAAK,CAAC0B,IAAN,CAAWrB,iBAAX,CAAf"}
+{"version":3,"names":["React","useContext","getGroupChannelChatAvailableState","ChannelInput","GroupChannelContexts","GroupChannelInput","props","channel","messageToEdit","setMessageToEdit","keyboardAvoidOffset","Fragment","chatAvailableState","createElement","inputMuted","muted","inputFrozen","frozen","inputDisabled","disabled","shouldRenderInput","onPressSendUserMessage","onPressSendFileMessage","onPressUpdateUserMessage","onPressUpdateFileMessage","SuggestedMentionList","onSendFileMessage","onSendUserMessage","onUpdateFileMessage","onUpdateUserMessage","memo"],"sources":["GroupChannelInput.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { getGroupChannelChatAvailableState } from '@sendbird/uikit-utils';\n\nimport ChannelInput from '../../../components/ChannelInput';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst GroupChannelInput = (props: GroupChannelProps['Input']) => {\n  const {\n    channel,\n    messageToEdit,\n    setMessageToEdit,\n    keyboardAvoidOffset = 0,\n  } = useContext(GroupChannelContexts.Fragment);\n\n  const chatAvailableState = getGroupChannelChatAvailableState(channel);\n\n  return (\n    <ChannelInput\n      channel={channel}\n      messageToEdit={messageToEdit}\n      setMessageToEdit={setMessageToEdit}\n      inputMuted={chatAvailableState.muted}\n      inputFrozen={chatAvailableState.frozen}\n      inputDisabled={chatAvailableState.disabled}\n      keyboardAvoidOffset={keyboardAvoidOffset}\n      shouldRenderInput={props.shouldRenderInput}\n      onPressSendUserMessage={props.onPressSendUserMessage}\n      onPressSendFileMessage={props.onPressSendFileMessage}\n      onPressUpdateUserMessage={props.onPressUpdateUserMessage}\n      onPressUpdateFileMessage={props.onPressUpdateFileMessage}\n      SuggestedMentionList={props.SuggestedMentionList}\n      onSendFileMessage={props.onSendFileMessage}\n      onSendUserMessage={props.onSendUserMessage}\n      onUpdateFileMessage={props.onUpdateFileMessage}\n      onUpdateUserMessage={props.onUpdateUserMessage}\n    />\n  );\n};\n\nexport default React.memo(GroupChannelInput);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,iCAAiC,QAAQ,uBAAuB;AAEzE,OAAOC,YAAY,MAAM,kCAAkC;AAC3D,SAASC,oBAAoB,QAAQ,yBAAyB;AAG9D,MAAMC,iBAAiB,GAAIC,KAAiC,IAAK;EAC/D,MAAM;IACJC,OAAO;IACPC,aAAa;IACbC,gBAAgB;IAChBC,mBAAmB,GAAG;EACxB,CAAC,GAAGT,UAAU,CAACG,oBAAoB,CAACO,QAAQ,CAAC;EAE7C,MAAMC,kBAAkB,GAAGV,iCAAiC,CAACK,OAAO,CAAC;EAErE,oBACEP,KAAA,CAAAa,aAAA,CAACV,YAAY;IACXI,OAAO,EAAEA,OAAQ;IACjBC,aAAa,EAAEA,aAAc;IAC7BC,gBAAgB,EAAEA,gBAAiB;IACnCK,UAAU,EAAEF,kBAAkB,CAACG,KAAM;IACrCC,WAAW,EAAEJ,kBAAkB,CAACK,MAAO;IACvCC,aAAa,EAAEN,kBAAkB,CAACO,QAAS;IAC3CT,mBAAmB,EAAEA,mBAAoB;IACzCU,iBAAiB,EAAEd,KAAK,CAACc,iBAAkB;IAC3CC,sBAAsB,EAAEf,KAAK,CAACe,sBAAuB;IACrDC,sBAAsB,EAAEhB,KAAK,CAACgB,sBAAuB;IACrDC,wBAAwB,EAAEjB,KAAK,CAACiB,wBAAyB;IACzDC,wBAAwB,EAAElB,KAAK,CAACkB,wBAAyB;IACzDC,oBAAoB,EAAEnB,KAAK,CAACmB,oBAAqB;IACjDC,iBAAiB,EAAEpB,KAAK,CAACoB,iBAAkB;IAC3CC,iBAAiB,EAAErB,KAAK,CAACqB,iBAAkB;IAC3CC,mBAAmB,EAAEtB,KAAK,CAACsB,mBAAoB;IAC/CC,mBAAmB,EAAEvB,KAAK,CAACuB;EAAoB,EAC/C;AAEN,CAAC;AAED,4BAAe7B,KAAK,CAAC8B,IAAI,CAACzB,iBAAiB,CAAC"}

package/lib/module/domain/groupChannel/component/GroupChannelMessageList.js

@@ -1,5 +1,4 @@
 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, { useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { Platform, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
@@ -14,7 +13,6 @@ import { GroupChannelContexts } from '../module/moduleContext';
 const HANDLE_NEXT_MSG_SEPARATELY = Platform.select({
   default: true
 });
-
 const GroupChannelMessageList = _ref => {
   let {
     currentUserId,
@@ -79,17 +77,14 @@ const GroupChannelMessageList = _ref => {
       currentUserId
     });
   });
-
   if (!HANDLE_NEXT_MSG_SEPARATELY) {
     useEffect(() => {
       if (newMessagesInternalBuffer.length !== 0) {
         setNewMessagesInternalBuffer(prev => prev.concat(newMessagesFromMembers));
       }
-
       onBottomReached();
     }, [newMessagesFromMembers]);
   }
-
   const onLeaveScrollBottom = useCallback(val => {
     if (!HANDLE_NEXT_MSG_SEPARATELY) setNewMessagesInternalBuffer([]);
     setScrollLeaveBottom(val);
@@ -109,12 +104,12 @@ const GroupChannelMessageList = _ref => {
     onLeaveScrollBottom: onLeaveScrollBottom,
     currentUserId: currentUserId
   }, flatListProps, {
-    listKey: `group-channel-messages-${channel.url}`,
     ref: scrollRef,
     data: messages,
     renderItem: renderItem,
     keyExtractor: messageKeyExtractor,
-    contentContainerStyle: [// { minHeight: '100%', justifyContent: 'flex-end' },
+    contentContainerStyle: [
+    // { minHeight: '100%', justifyContent: 'flex-end' },
     channel.isFrozen && styles.frozenListPadding, flatListProps === null || flatListProps === void 0 ? void 0 : flatListProps.contentContainerStyle]
   })), renderNewMessagesButton && /*#__PURE__*/React.createElement(View, {
     style: [styles.newMsgButton, safeAreaLayout]
@@ -122,7 +117,6 @@ const GroupChannelMessageList = _ref => {
     visible: scrollLeaveBottom,
     onPress: () => {
       var _scrollRef$current;
-
       return (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollToBottom(false);
     },
     newMessages: !HANDLE_NEXT_MSG_SEPARATELY ? newMessagesInternalBuffer : newMessagesFromMembers
@@ -133,12 +127,10 @@ const GroupChannelMessageList = _ref => {
     visible: scrollLeaveBottom,
     onPress: () => {
       var _scrollRef$current2;
-
       return (_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.scrollToBottom(false);
     }
   })));
 };
-
 const useGetMessagePressActions = _ref3 => {
   let {
     channel,
@@ -171,7 +163,6 @@ const useGetMessagePressActions = _ref3 => {
   const {
     setMessageToEdit
   } = useContext(GroupChannelContexts.Fragment);
-
   const handleFailedMessage = message => {
     openSheet({
       sheetItems: [{
@@ -184,7 +175,6 @@ const useGetMessagePressActions = _ref3 => {
       }]
     });
   };
-
   const confirmDelete = message => {
     alert({
       title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE,
@@ -197,7 +187,6 @@ const useGetMessagePressActions = _ref3 => {
       }]
     });
   };
-
   return msg => {
     if (!msg.isUserMessage() && !msg.isFileMessage()) {
       return {
@@ -205,13 +194,11 @@ const useGetMessagePressActions = _ref3 => {
         onLongPress: undefined
       };
     }
-
     const sheetItems = [];
     const response = {
       onPress: undefined,
       onLongPress: undefined
     };
-
     if (msg.isUserMessage()) {
       sheetItems.push({
         icon: 'copy',
@@ -221,7 +208,6 @@ const useGetMessagePressActions = _ref3 => {
           toast.show(STRINGS.TOAST.COPY_OK, 'success');
         }
       });
-
       if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {
         sheetItems.push({
           icon: 'edit',
@@ -234,7 +220,6 @@ const useGetMessagePressActions = _ref3 => {
         });
       }
     }
-
     if (msg.isFileMessage()) {
       sheetItems.push({
         icon: 'download',
@@ -243,7 +228,6 @@ const useGetMessagePressActions = _ref3 => {
           if (toMegabyte(msg.size) > 4) {
             toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');
           }
-
           fileService.save({
             fileUrl: msg.url,
             fileName: msg.name,
@@ -257,7 +241,6 @@ const useGetMessagePressActions = _ref3 => {
           });
         }
       });
-
       if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {
         sheetItems.push({
           icon: 'delete',
@@ -265,9 +248,7 @@ const useGetMessagePressActions = _ref3 => {
           onPress: () => confirmDelete(msg)
         });
       }
-
       const fileType = getFileType(msg.type || getFileExtension(msg.name));
-
       switch (fileType) {
         case 'image':
         case 'video':
@@ -278,22 +259,17 @@ const useGetMessagePressActions = _ref3 => {
                 Logger.warn(DEPRECATION_WARNING.GROUP_CHANNEL.ON_PRESS_IMAGE_MESSAGE);
                 onPressImageMessage(msg, getAvailableUriFromFileMessage(msg));
               }
-
               onPressMediaMessage === null || onPressMediaMessage === void 0 ? void 0 : onPressMediaMessage(msg, () => onDeleteMessage(msg), getAvailableUriFromFileMessage(msg));
             };
-
             break;
           }
-
         default:
           {
             response.onPress = () => SBUUtils.openURL(msg.url);
-
             break;
           }
       }
     }
-
     if (sheetItems.length > 0) {
       response.onLongPress = () => {
         openSheet({
@@ -311,24 +287,19 @@ const useGetMessagePressActions = _ref3 => {
         });
       };
     }
-
     if (msg.sendingStatus === 'failed') {
       response.onLongPress = () => handleFailedMessage(msg);
-
       response.onPress = () => {
         onResendFailedMessage(msg).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'));
       };
     }
-
     if (msg.sendingStatus === 'pending') {
       response.onLongPress = undefined;
       response.onPress = undefined;
     }
-
     return response;
   };
 };
-
 const styles = createStyleSheet({
   frozenBanner: {
     position: 'absolute',

package/lib/module/domain/groupChannel/component/GroupChannelMessageList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useContext","useEffect","useRef","useState","Platform","View","useSafeAreaInsets","ChannelFrozenBanner","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","Logger","getAvailableUriFromFileMessage","getFileExtension","getFileType","isMyMessage","messageKeyExtractor","shouldRenderReaction","toMegabyte","useFreshCallback","ChatFlatList","ReactionAddons","DEPRECATION_WARNING","useLocalization","usePlatformService","useSendbirdChat","SBUUtils","GroupChannelContexts","HANDLE_NEXT_MSG_SEPARATELY","select","default","GroupChannelMessageList","currentUserId","channel","messages","renderMessage","nextMessages","newMessagesFromMembers","onBottomReached","onTopReached","renderNewMessagesButton","renderScrollToBottomButton","onResendFailedMessage","onDeleteMessage","onPressImageMessage","onPressMediaMessage","flatListProps","enableMessageGrouping","STRINGS","colors","left","right","scrollLeaveBottom","setScrollLeaveBottom","scrollRef","newMessagesInternalBuffer","setNewMessagesInternalBuffer","getMessagePressActions","useGetMessagePressActions","safeAreaLayout","paddingLeft","paddingRight","renderItem","item","index","onPress","onLongPress","message","prevMessage","nextMessage","length","prev","concat","onLeaveScrollBottom","val","flex","backgroundColor","background","isFrozen","styles","frozenBanner","GROUP_CHANNEL","LIST_BANNER_FROZEN","url","frozenListPadding","contentContainerStyle","newMsgButton","visible","current","scrollToBottom","newMessages","scrollButton","toast","openSheet","alert","clipboardService","fileService","features","setMessageToEdit","Fragment","handleFailedMessage","sheetItems","title","LABELS","CHANNEL_MESSAGE_FAILED_RETRY","catch","show","TOAST","RESEND_MSG_ERROR","CHANNEL_MESSAGE_FAILED_REMOVE","titleColor","ui","dialog","none","destructive","confirmDelete","CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE","buttons","text","CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL","CHANNEL_MESSAGE_DELETE_CONFIRM_OK","style","DELETE_MSG_ERROR","msg","isUserMessage","isFileMessage","undefined","response","push","icon","CHANNEL_MESSAGE_COPY","setString","COPY_OK","sendingStatus","CHANNEL_MESSAGE_EDIT","CHANNEL_MESSAGE_DELETE","CHANNEL_MESSAGE_SAVE","size","DOWNLOAD_START","save","fileUrl","fileName","name","fileType","type","then","DOWNLOAD_OK","log","err","DOWNLOAD_ERROR","warn","ON_PRESS_IMAGE_MESSAGE","openURL","HeaderComponent","reactionEnabled","onClose","position","zIndex","top","paddingBottom","bottom","alignSelf","memo"],"sources":["GroupChannelMessageList.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { ListRenderItem, Platform, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type { BottomSheetItem } from '@sendbird/uikit-react-native-foundation';\nimport {\n  ChannelFrozenBanner,\n  createStyleSheet,\n  useAlert,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage, SendbirdMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';\nimport {\n  Logger,\n  getAvailableUriFromFileMessage,\n  getFileExtension,\n  getFileType,\n  isMyMessage,\n  messageKeyExtractor,\n  shouldRenderReaction,\n  toMegabyte,\n  useFreshCallback,\n} from '@sendbird/uikit-utils';\n\nimport type { ChatFlatListRef } from '../../../components/ChatFlatList';\nimport ChatFlatList from '../../../components/ChatFlatList';\nimport { ReactionAddons } from '../../../components/ReactionAddons';\nimport { DEPRECATION_WARNING } from '../../../constants';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst HANDLE_NEXT_MSG_SEPARATELY = Platform.select({ default: true });\n\nconst GroupChannelMessageList = ({\n  currentUserId,\n  channel,\n  messages,\n  renderMessage,\n  nextMessages,\n  newMessagesFromMembers,\n  onBottomReached,\n  onTopReached,\n  renderNewMessagesButton,\n  renderScrollToBottomButton,\n  onResendFailedMessage,\n  onDeleteMessage,\n  onPressImageMessage,\n  onPressMediaMessage,\n  flatListProps,\n  enableMessageGrouping,\n}: GroupChannelProps['MessageList']) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const { left, right } = useSafeAreaInsets();\n  const [scrollLeaveBottom, setScrollLeaveBottom] = useState(false);\n  const scrollRef = useRef<ChatFlatListRef>(null);\n  const [newMessagesInternalBuffer, setNewMessagesInternalBuffer] = useState(() => newMessagesFromMembers);\n  const getMessagePressActions = useGetMessagePressActions({\n    channel,\n    currentUserId,\n    onDeleteMessage,\n    onResendFailedMessage,\n    onPressImageMessage,\n    onPressMediaMessage,\n  });\n\n  const safeAreaLayout = { paddingLeft: left, paddingRight: right };\n\n  const renderItem: ListRenderItem<SendbirdMessage> = useFreshCallback(({ item, index }) => {\n    const { onPress, onLongPress } = getMessagePressActions(item);\n    return renderMessage({\n      message: item,\n      prevMessage: messages[index + 1],\n      nextMessage: messages[index - 1],\n      onPress,\n      onLongPress,\n      enableMessageGrouping,\n      channel,\n      currentUserId,\n    });\n  });\n\n  if (!HANDLE_NEXT_MSG_SEPARATELY) {\n    useEffect(() => {\n      if (newMessagesInternalBuffer.length !== 0) {\n        setNewMessagesInternalBuffer((prev) => prev.concat(newMessagesFromMembers));\n      }\n      onBottomReached();\n    }, [newMessagesFromMembers]);\n  }\n\n  const onLeaveScrollBottom = useCallback((val: boolean) => {\n    if (!HANDLE_NEXT_MSG_SEPARATELY) setNewMessagesInternalBuffer([]);\n    setScrollLeaveBottom(val);\n  }, []);\n\n  return (\n    <View style={[{ flex: 1, backgroundColor: colors.background }, safeAreaLayout]}>\n      {channel.isFrozen && (\n        <ChannelFrozenBanner style={styles.frozenBanner} text={STRINGS.GROUP_CHANNEL.LIST_BANNER_FROZEN} />\n      )}\n      <ChatFlatList\n        nextMessages={nextMessages}\n        onBottomReached={onBottomReached}\n        onTopReached={onTopReached}\n        onLeaveScrollBottom={onLeaveScrollBottom}\n        currentUserId={currentUserId}\n        {...flatListProps}\n        listKey={`group-channel-messages-${channel.url}`}\n        ref={scrollRef}\n        data={messages}\n        renderItem={renderItem}\n        keyExtractor={messageKeyExtractor}\n        contentContainerStyle={[\n          // { minHeight: '100%', justifyContent: 'flex-end' },\n          channel.isFrozen && styles.frozenListPadding,\n          flatListProps?.contentContainerStyle,\n        ]}\n      />\n      {renderNewMessagesButton && (\n        <View style={[styles.newMsgButton, safeAreaLayout]}>\n          {renderNewMessagesButton({\n            visible: scrollLeaveBottom,\n            onPress: () => scrollRef.current?.scrollToBottom(false),\n            newMessages: !HANDLE_NEXT_MSG_SEPARATELY ? newMessagesInternalBuffer : newMessagesFromMembers,\n          })}\n        </View>\n      )}\n      {renderScrollToBottomButton && (\n        <View pointerEvents={scrollLeaveBottom ? 'auto' : 'none'} style={[styles.scrollButton, safeAreaLayout]}>\n          {renderScrollToBottomButton({\n            visible: scrollLeaveBottom,\n            onPress: () => scrollRef.current?.scrollToBottom(false),\n          })}\n        </View>\n      )}\n    </View>\n  );\n};\n\ntype HandleableMessage = SendbirdUserMessage | SendbirdFileMessage;\nconst useGetMessagePressActions = ({\n  channel,\n  currentUserId,\n  onResendFailedMessage,\n  onDeleteMessage,\n  onPressImageMessage,\n  onPressMediaMessage,\n}: Pick<\n  GroupChannelProps['MessageList'],\n  | 'channel'\n  | 'currentUserId'\n  | 'onResendFailedMessage'\n  | 'onDeleteMessage'\n  | 'onPressImageMessage'\n  | 'onPressMediaMessage'\n>) => {\n  const { colors } = useUIKitTheme();\n  const { STRINGS } = useLocalization();\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { alert } = useAlert();\n  const { clipboardService, fileService } = usePlatformService();\n  const { features } = useSendbirdChat();\n  const { setMessageToEdit } = useContext(GroupChannelContexts.Fragment);\n\n  const handleFailedMessage = (message: HandleableMessage) => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_RETRY,\n          onPress: () =>\n            onResendFailedMessage(message).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error')),\n        },\n        {\n          title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_REMOVE,\n          titleColor: colors.ui.dialog.default.none.destructive,\n          onPress: () => confirmDelete(message),\n        },\n      ],\n    });\n  };\n  const confirmDelete = (message: HandleableMessage) => {\n    alert({\n      title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE,\n      buttons: [\n        {\n          text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL,\n        },\n        {\n          text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK,\n          style: 'destructive',\n          onPress: () => onDeleteMessage(message).catch(() => toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error')),\n        },\n      ],\n    });\n  };\n\n  return (msg: SendbirdMessage) => {\n    if (!msg.isUserMessage() && !msg.isFileMessage()) {\n      return { onPress: undefined, onLongPress: undefined };\n    }\n\n    const sheetItems: BottomSheetItem['sheetItems'] = [];\n    const response: { onPress?: () => void; onLongPress?: () => void } = {\n      onPress: undefined,\n      onLongPress: undefined,\n    };\n\n    if (msg.isUserMessage()) {\n      sheetItems.push({\n        icon: 'copy',\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_COPY,\n        onPress: () => {\n          clipboardService.setString(msg.message || '');\n          toast.show(STRINGS.TOAST.COPY_OK, 'success');\n        },\n      });\n\n      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {\n        sheetItems.push(\n          {\n            icon: 'edit',\n            title: STRINGS.LABELS.CHANNEL_MESSAGE_EDIT,\n            onPress: () => setMessageToEdit(msg),\n          },\n          {\n            icon: 'delete',\n            title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,\n            onPress: () => confirmDelete(msg),\n          },\n        );\n      }\n    }\n\n    if (msg.isFileMessage()) {\n      sheetItems.push({\n        icon: 'download',\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_SAVE,\n        onPress: async () => {\n          if (toMegabyte(msg.size) > 4) {\n            toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');\n          }\n\n          fileService\n            .save({ fileUrl: msg.url, fileName: msg.name, fileType: msg.type })\n            .then((response) => {\n              toast.show(STRINGS.TOAST.DOWNLOAD_OK, 'success');\n              Logger.log('File saved to', response);\n            })\n            .catch((err) => {\n              toast.show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');\n              Logger.log('File save failure', err);\n            });\n        },\n      });\n\n      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {\n        sheetItems.push({\n          icon: 'delete',\n          title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,\n          onPress: () => confirmDelete(msg),\n        });\n      }\n\n      const fileType = getFileType(msg.type || getFileExtension(msg.name));\n      switch (fileType) {\n        case 'image':\n        case 'video':\n        case 'audio': {\n          response.onPress = () => {\n            if (onPressImageMessage && fileType === 'image') {\n              Logger.warn(DEPRECATION_WARNING.GROUP_CHANNEL.ON_PRESS_IMAGE_MESSAGE);\n              onPressImageMessage(msg, getAvailableUriFromFileMessage(msg));\n            }\n            onPressMediaMessage?.(msg, () => onDeleteMessage(msg), getAvailableUriFromFileMessage(msg));\n          };\n          break;\n        }\n        default: {\n          response.onPress = () => SBUUtils.openURL(msg.url);\n          break;\n        }\n      }\n    }\n\n    if (sheetItems.length > 0) {\n      response.onLongPress = () => {\n        openSheet({\n          sheetItems,\n          HeaderComponent: shouldRenderReaction(channel, features.reactionEnabled)\n            ? ({ onClose }) => <ReactionAddons.BottomSheet message={msg} channel={channel} onClose={onClose} />\n            : undefined,\n        });\n      };\n    }\n\n    if (msg.sendingStatus === 'failed') {\n      response.onLongPress = () => handleFailedMessage(msg);\n      response.onPress = () => {\n        onResendFailedMessage(msg).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'));\n      };\n    }\n\n    if (msg.sendingStatus === 'pending') {\n      response.onLongPress = undefined;\n      response.onPress = undefined;\n    }\n\n    return response;\n  };\n};\n\nconst styles = createStyleSheet({\n  frozenBanner: {\n    position: 'absolute',\n    zIndex: 999,\n    top: 8,\n    left: 8,\n    right: 8,\n  },\n  frozenListPadding: {\n    paddingBottom: 32,\n  },\n  newMsgButton: {\n    position: 'absolute',\n    zIndex: 999,\n    bottom: 10,\n    alignSelf: 'center',\n  },\n  scrollButton: {\n    position: 'absolute',\n    zIndex: 998,\n    bottom: 10,\n    right: 16,\n  },\n});\n\nexport default React.memo(GroupChannelMessageList);\n"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useContext","useEffect","useRef","useState","Platform","View","useSafeAreaInsets","ChannelFrozenBanner","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","Logger","getAvailableUriFromFileMessage","getFileExtension","getFileType","isMyMessage","messageKeyExtractor","shouldRenderReaction","toMegabyte","useFreshCallback","ChatFlatList","ReactionAddons","DEPRECATION_WARNING","useLocalization","usePlatformService","useSendbirdChat","SBUUtils","GroupChannelContexts","HANDLE_NEXT_MSG_SEPARATELY","select","default","GroupChannelMessageList","_ref","currentUserId","channel","messages","renderMessage","nextMessages","newMessagesFromMembers","onBottomReached","onTopReached","renderNewMessagesButton","renderScrollToBottomButton","onResendFailedMessage","onDeleteMessage","onPressImageMessage","onPressMediaMessage","flatListProps","enableMessageGrouping","STRINGS","colors","left","right","scrollLeaveBottom","setScrollLeaveBottom","scrollRef","newMessagesInternalBuffer","setNewMessagesInternalBuffer","getMessagePressActions","useGetMessagePressActions","safeAreaLayout","paddingLeft","paddingRight","renderItem","_ref2","item","index","onPress","onLongPress","message","prevMessage","nextMessage","length","prev","concat","onLeaveScrollBottom","val","createElement","style","flex","backgroundColor","background","isFrozen","styles","frozenBanner","text","GROUP_CHANNEL","LIST_BANNER_FROZEN","_extends","ref","data","keyExtractor","contentContainerStyle","frozenListPadding","newMsgButton","visible","_scrollRef$current","current","scrollToBottom","newMessages","pointerEvents","scrollButton","_scrollRef$current2","_ref3","toast","openSheet","alert","clipboardService","fileService","features","setMessageToEdit","Fragment","handleFailedMessage","sheetItems","title","LABELS","CHANNEL_MESSAGE_FAILED_RETRY","catch","show","TOAST","RESEND_MSG_ERROR","CHANNEL_MESSAGE_FAILED_REMOVE","titleColor","ui","dialog","none","destructive","confirmDelete","CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE","buttons","CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL","CHANNEL_MESSAGE_DELETE_CONFIRM_OK","DELETE_MSG_ERROR","msg","isUserMessage","isFileMessage","undefined","response","push","icon","CHANNEL_MESSAGE_COPY","setString","COPY_OK","sendingStatus","CHANNEL_MESSAGE_EDIT","CHANNEL_MESSAGE_DELETE","CHANNEL_MESSAGE_SAVE","size","DOWNLOAD_START","save","fileUrl","url","fileName","name","fileType","type","then","DOWNLOAD_OK","log","err","DOWNLOAD_ERROR","warn","ON_PRESS_IMAGE_MESSAGE","openURL","HeaderComponent","reactionEnabled","_ref4","onClose","BottomSheet","position","zIndex","top","paddingBottom","bottom","alignSelf","memo"],"sources":["GroupChannelMessageList.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { ListRenderItem, Platform, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type { BottomSheetItem } from '@sendbird/uikit-react-native-foundation';\nimport {\n  ChannelFrozenBanner,\n  createStyleSheet,\n  useAlert,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage, SendbirdMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';\nimport {\n  Logger,\n  getAvailableUriFromFileMessage,\n  getFileExtension,\n  getFileType,\n  isMyMessage,\n  messageKeyExtractor,\n  shouldRenderReaction,\n  toMegabyte,\n  useFreshCallback,\n} from '@sendbird/uikit-utils';\n\nimport type { ChatFlatListRef } from '../../../components/ChatFlatList';\nimport ChatFlatList from '../../../components/ChatFlatList';\nimport { ReactionAddons } from '../../../components/ReactionAddons';\nimport { DEPRECATION_WARNING } from '../../../constants';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst HANDLE_NEXT_MSG_SEPARATELY = Platform.select({ default: true });\n\nconst GroupChannelMessageList = ({\n  currentUserId,\n  channel,\n  messages,\n  renderMessage,\n  nextMessages,\n  newMessagesFromMembers,\n  onBottomReached,\n  onTopReached,\n  renderNewMessagesButton,\n  renderScrollToBottomButton,\n  onResendFailedMessage,\n  onDeleteMessage,\n  onPressImageMessage,\n  onPressMediaMessage,\n  flatListProps,\n  enableMessageGrouping,\n}: GroupChannelProps['MessageList']) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const { left, right } = useSafeAreaInsets();\n  const [scrollLeaveBottom, setScrollLeaveBottom] = useState(false);\n  const scrollRef = useRef<ChatFlatListRef>(null);\n  const [newMessagesInternalBuffer, setNewMessagesInternalBuffer] = useState(() => newMessagesFromMembers);\n  const getMessagePressActions = useGetMessagePressActions({\n    channel,\n    currentUserId,\n    onDeleteMessage,\n    onResendFailedMessage,\n    onPressImageMessage,\n    onPressMediaMessage,\n  });\n\n  const safeAreaLayout = { paddingLeft: left, paddingRight: right };\n\n  const renderItem: ListRenderItem<SendbirdMessage> = useFreshCallback(({ item, index }) => {\n    const { onPress, onLongPress } = getMessagePressActions(item);\n    return renderMessage({\n      message: item,\n      prevMessage: messages[index + 1],\n      nextMessage: messages[index - 1],\n      onPress,\n      onLongPress,\n      enableMessageGrouping,\n      channel,\n      currentUserId,\n    });\n  });\n\n  if (!HANDLE_NEXT_MSG_SEPARATELY) {\n    useEffect(() => {\n      if (newMessagesInternalBuffer.length !== 0) {\n        setNewMessagesInternalBuffer((prev) => prev.concat(newMessagesFromMembers));\n      }\n      onBottomReached();\n    }, [newMessagesFromMembers]);\n  }\n\n  const onLeaveScrollBottom = useCallback((val: boolean) => {\n    if (!HANDLE_NEXT_MSG_SEPARATELY) setNewMessagesInternalBuffer([]);\n    setScrollLeaveBottom(val);\n  }, []);\n\n  return (\n    <View style={[{ flex: 1, backgroundColor: colors.background }, safeAreaLayout]}>\n      {channel.isFrozen && (\n        <ChannelFrozenBanner style={styles.frozenBanner} text={STRINGS.GROUP_CHANNEL.LIST_BANNER_FROZEN} />\n      )}\n      <ChatFlatList\n        nextMessages={nextMessages}\n        onBottomReached={onBottomReached}\n        onTopReached={onTopReached}\n        onLeaveScrollBottom={onLeaveScrollBottom}\n        currentUserId={currentUserId}\n        {...flatListProps}\n        ref={scrollRef}\n        data={messages}\n        renderItem={renderItem}\n        keyExtractor={messageKeyExtractor}\n        contentContainerStyle={[\n          // { minHeight: '100%', justifyContent: 'flex-end' },\n          channel.isFrozen && styles.frozenListPadding,\n          flatListProps?.contentContainerStyle,\n        ]}\n      />\n      {renderNewMessagesButton && (\n        <View style={[styles.newMsgButton, safeAreaLayout]}>\n          {renderNewMessagesButton({\n            visible: scrollLeaveBottom,\n            onPress: () => scrollRef.current?.scrollToBottom(false),\n            newMessages: !HANDLE_NEXT_MSG_SEPARATELY ? newMessagesInternalBuffer : newMessagesFromMembers,\n          })}\n        </View>\n      )}\n      {renderScrollToBottomButton && (\n        <View pointerEvents={scrollLeaveBottom ? 'auto' : 'none'} style={[styles.scrollButton, safeAreaLayout]}>\n          {renderScrollToBottomButton({\n            visible: scrollLeaveBottom,\n            onPress: () => scrollRef.current?.scrollToBottom(false),\n          })}\n        </View>\n      )}\n    </View>\n  );\n};\n\ntype HandleableMessage = SendbirdUserMessage | SendbirdFileMessage;\nconst useGetMessagePressActions = ({\n  channel,\n  currentUserId,\n  onResendFailedMessage,\n  onDeleteMessage,\n  onPressImageMessage,\n  onPressMediaMessage,\n}: Pick<\n  GroupChannelProps['MessageList'],\n  | 'channel'\n  | 'currentUserId'\n  | 'onResendFailedMessage'\n  | 'onDeleteMessage'\n  | 'onPressImageMessage'\n  | 'onPressMediaMessage'\n>) => {\n  const { colors } = useUIKitTheme();\n  const { STRINGS } = useLocalization();\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { alert } = useAlert();\n  const { clipboardService, fileService } = usePlatformService();\n  const { features } = useSendbirdChat();\n  const { setMessageToEdit } = useContext(GroupChannelContexts.Fragment);\n\n  const handleFailedMessage = (message: HandleableMessage) => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_RETRY,\n          onPress: () =>\n            onResendFailedMessage(message).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error')),\n        },\n        {\n          title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_REMOVE,\n          titleColor: colors.ui.dialog.default.none.destructive,\n          onPress: () => confirmDelete(message),\n        },\n      ],\n    });\n  };\n  const confirmDelete = (message: HandleableMessage) => {\n    alert({\n      title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE,\n      buttons: [\n        {\n          text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL,\n        },\n        {\n          text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK,\n          style: 'destructive',\n          onPress: () => onDeleteMessage(message).catch(() => toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error')),\n        },\n      ],\n    });\n  };\n\n  return (msg: SendbirdMessage) => {\n    if (!msg.isUserMessage() && !msg.isFileMessage()) {\n      return { onPress: undefined, onLongPress: undefined };\n    }\n\n    const sheetItems: BottomSheetItem['sheetItems'] = [];\n    const response: { onPress?: () => void; onLongPress?: () => void } = {\n      onPress: undefined,\n      onLongPress: undefined,\n    };\n\n    if (msg.isUserMessage()) {\n      sheetItems.push({\n        icon: 'copy',\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_COPY,\n        onPress: () => {\n          clipboardService.setString(msg.message || '');\n          toast.show(STRINGS.TOAST.COPY_OK, 'success');\n        },\n      });\n\n      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {\n        sheetItems.push(\n          {\n            icon: 'edit',\n            title: STRINGS.LABELS.CHANNEL_MESSAGE_EDIT,\n            onPress: () => setMessageToEdit(msg),\n          },\n          {\n            icon: 'delete',\n            title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,\n            onPress: () => confirmDelete(msg),\n          },\n        );\n      }\n    }\n\n    if (msg.isFileMessage()) {\n      sheetItems.push({\n        icon: 'download',\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_SAVE,\n        onPress: async () => {\n          if (toMegabyte(msg.size) > 4) {\n            toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');\n          }\n\n          fileService\n            .save({ fileUrl: msg.url, fileName: msg.name, fileType: msg.type })\n            .then((response) => {\n              toast.show(STRINGS.TOAST.DOWNLOAD_OK, 'success');\n              Logger.log('File saved to', response);\n            })\n            .catch((err) => {\n              toast.show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');\n              Logger.log('File save failure', err);\n            });\n        },\n      });\n\n      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {\n        sheetItems.push({\n          icon: 'delete',\n          title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,\n          onPress: () => confirmDelete(msg),\n        });\n      }\n\n      const fileType = getFileType(msg.type || getFileExtension(msg.name));\n      switch (fileType) {\n        case 'image':\n        case 'video':\n        case 'audio': {\n          response.onPress = () => {\n            if (onPressImageMessage && fileType === 'image') {\n              Logger.warn(DEPRECATION_WARNING.GROUP_CHANNEL.ON_PRESS_IMAGE_MESSAGE);\n              onPressImageMessage(msg, getAvailableUriFromFileMessage(msg));\n            }\n            onPressMediaMessage?.(msg, () => onDeleteMessage(msg), getAvailableUriFromFileMessage(msg));\n          };\n          break;\n        }\n        default: {\n          response.onPress = () => SBUUtils.openURL(msg.url);\n          break;\n        }\n      }\n    }\n\n    if (sheetItems.length > 0) {\n      response.onLongPress = () => {\n        openSheet({\n          sheetItems,\n          HeaderComponent: shouldRenderReaction(channel, features.reactionEnabled)\n            ? ({ onClose }) => <ReactionAddons.BottomSheet message={msg} channel={channel} onClose={onClose} />\n            : undefined,\n        });\n      };\n    }\n\n    if (msg.sendingStatus === 'failed') {\n      response.onLongPress = () => handleFailedMessage(msg);\n      response.onPress = () => {\n        onResendFailedMessage(msg).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'));\n      };\n    }\n\n    if (msg.sendingStatus === 'pending') {\n      response.onLongPress = undefined;\n      response.onPress = undefined;\n    }\n\n    return response;\n  };\n};\n\nconst styles = createStyleSheet({\n  frozenBanner: {\n    position: 'absolute',\n    zIndex: 999,\n    top: 8,\n    left: 8,\n    right: 8,\n  },\n  frozenListPadding: {\n    paddingBottom: 32,\n  },\n  newMsgButton: {\n    position: 'absolute',\n    zIndex: 999,\n    bottom: 10,\n    alignSelf: 'center',\n  },\n  scrollButton: {\n    position: 'absolute',\n    zIndex: 998,\n    bottom: 10,\n    right: 16,\n  },\n});\n\nexport default React.memo(GroupChannelMessageList);\n"],"mappings":"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"}

package/lib/module/domain/groupChannel/component/GroupChannelStatusEmpty.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import TypedPlaceholder from '../../../components/TypedPlaceholder';
-
 const GroupChannelStatusEmpty = () => {
   return /*#__PURE__*/React.createElement(View, {
     style: styles.container
@@ -9,7 +8,6 @@ const GroupChannelStatusEmpty = () => {
     type: 'no-messages'
   }));
 };
-
 const styles = StyleSheet.create({
   container: {
     flex: 1,

package/lib/module/domain/groupChannel/component/GroupChannelStatusEmpty.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","GroupChannelStatusEmpty","styles","container","create","flex","justifyContent","alignItems"],"sources":["GroupChannelStatusEmpty.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst GroupChannelStatusEmpty = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'no-messages'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default GroupChannelStatusEmpty;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,OAAOC,gBAAP,MAA6B,sCAA7B;;AAEA,MAAMC,uBAAuB,GAAG,MAAM;EACpC,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,oBAAC,gBAAD;IAAkB,IAAI,EAAE;EAAxB,EADF,CADF;AAKD,CAND;;AAQA,MAAMD,MAAM,GAAGJ,UAAU,CAACM,MAAX,CAAkB;EAC/BD,SAAS,EAAE;IAAEE,IAAI,EAAE,CAAR;IAAWC,cAAc,EAAE,QAA3B;IAAqCC,UAAU,EAAE;EAAjD;AADoB,CAAlB,CAAf;AAIA,eAAeN,uBAAf"}
+{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","GroupChannelStatusEmpty","createElement","style","styles","container","type","create","flex","justifyContent","alignItems"],"sources":["GroupChannelStatusEmpty.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst GroupChannelStatusEmpty = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'no-messages'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default GroupChannelStatusEmpty;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,OAAOC,gBAAgB,MAAM,sCAAsC;AAEnE,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EACpC,oBACEJ,KAAA,CAAAK,aAAA,CAACH,IAAI;IAACI,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BR,KAAA,CAAAK,aAAA,CAACF,gBAAgB;IAACM,IAAI,EAAE;EAAc,EAAG,CACpC;AAEX,CAAC;AAED,MAAMF,MAAM,GAAGN,UAAU,CAACS,MAAM,CAAC;EAC/BF,SAAS,EAAE;IAAEG,IAAI,EAAE,CAAC;IAAEC,cAAc,EAAE,QAAQ;IAAEC,UAAU,EAAE;EAAS;AACvE,CAAC,CAAC;AAEF,eAAeT,uBAAuB"}

package/lib/module/domain/groupChannel/component/GroupChannelStatusLoading.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import TypedPlaceholder from '../../../components/TypedPlaceholder';
-
 const GroupChannelStatusLoading = () => {
   return /*#__PURE__*/React.createElement(View, {
     style: styles.container
@@ -9,7 +8,6 @@ const GroupChannelStatusLoading = () => {
     type: 'loading'
   }));
 };
-
 const styles = StyleSheet.create({
   container: {
     flex: 1,

package/lib/module/domain/groupChannel/component/GroupChannelStatusLoading.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","GroupChannelStatusLoading","styles","container","create","flex","justifyContent","alignItems"],"sources":["GroupChannelStatusLoading.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst GroupChannelStatusLoading = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'loading'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default GroupChannelStatusLoading;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,OAAOC,gBAAP,MAA6B,sCAA7B;;AAEA,MAAMC,yBAAyB,GAAG,MAAM;EACtC,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,oBAAC,gBAAD;IAAkB,IAAI,EAAE;EAAxB,EADF,CADF;AAKD,CAND;;AAQA,MAAMD,MAAM,GAAGJ,UAAU,CAACM,MAAX,CAAkB;EAC/BD,SAAS,EAAE;IAAEE,IAAI,EAAE,CAAR;IAAWC,cAAc,EAAE,QAA3B;IAAqCC,UAAU,EAAE;EAAjD;AADoB,CAAlB,CAAf;AAIA,eAAeN,yBAAf"}
+{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","GroupChannelStatusLoading","createElement","style","styles","container","type","create","flex","justifyContent","alignItems"],"sources":["GroupChannelStatusLoading.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst GroupChannelStatusLoading = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'loading'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default GroupChannelStatusLoading;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,OAAOC,gBAAgB,MAAM,sCAAsC;AAEnE,MAAMC,yBAAyB,GAAGA,CAAA,KAAM;EACtC,oBACEJ,KAAA,CAAAK,aAAA,CAACH,IAAI;IAACI,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BR,KAAA,CAAAK,aAAA,CAACF,gBAAgB;IAACM,IAAI,EAAE;EAAU,EAAG,CAChC;AAEX,CAAC;AAED,MAAMF,MAAM,GAAGN,UAAU,CAACS,MAAM,CAAC;EAC/BF,SAAS,EAAE;IAAEG,IAAI,EAAE,CAAC;IAAEC,cAAc,EAAE,QAAQ;IAAEC,UAAU,EAAE;EAAS;AACvE,CAAC,CAAC;AAEF,eAAeT,yBAAyB"}

package/lib/module/domain/groupChannel/component/GroupChannelSuggestedMentionList.js

@@ -7,7 +7,6 @@ import { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
 import useKeyboardStatus from '../../../hooks/useKeyboardStatus';
 import useMentionSuggestion from '../../../hooks/useMentionSuggestion';
 import { GroupChannelContexts } from '../module/moduleContext';
-
 const GroupChannelSuggestedMentionList = _ref => {
   let {
     text,
@@ -56,7 +55,6 @@ const GroupChannelSuggestedMentionList = _ref => {
   const isShortened = isLandscape && keyboard.visible;
   const canRenderMembers = members.length > 0;
   const maxHeight = isShortened ? screenHeight - (topInset + inputHeight + keyboard.height) : styles.suggestion.height;
-
   const renderLimitGuide = () => {
     return /*#__PURE__*/React.createElement(View, {
       style: [styles.searchLimited, {
@@ -74,7 +72,6 @@ const GroupChannelSuggestedMentionList = _ref => {
       color: colors.onBackground02
     }, STRINGS.GROUP_CHANNEL.MENTION_LIMITED(mentionManager.config.mentionLimit)));
   };
-
   const renderMembers = () => {
     return /*#__PURE__*/React.createElement(View, null, members.map(member => {
       return /*#__PURE__*/React.createElement(Pressable, {
@@ -108,7 +105,6 @@ const GroupChannelSuggestedMentionList = _ref => {
       })));
     }));
   };
-
   return /*#__PURE__*/React.createElement(Pressable, {
     onPress: reset,
     pointerEvents: canRenderMembers ? 'auto' : 'none',
@@ -133,7 +129,6 @@ const GroupChannelSuggestedMentionList = _ref => {
     }
   }, conditionChaining([searchLimited, canRenderMembers], [renderLimitGuide(), renderMembers(), null])));
 };
-
 const styles = createStyleSheet({
   suggestion: {
     height: 196