@sendbird/uikit-react-native 3.7.5 → 3.8.0

package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageDateSeparator.js.map

@@ -1 +1 @@
-{"version":3,"names":["isSameDay","React","View","Text","createStyleSheet","useUIKitTheme","useLocalization","GroupChannelMessageDateSeparator","_ref","message","prevMessage","STRINGS","colors","sameDay","createdAt","createElement","style","styles","container","view","backgroundColor","ui","dateSeparator","default","none","background","caption1","color","text","GROUP_CHANNEL","LIST_DATE_SEPARATOR","Date","alignItems","marginVertical","borderRadius","paddingVertical","paddingHorizontal"],"sources":["GroupChannelMessageDateSeparator.tsx"],"sourcesContent":["import { isSameDay } from 'date-fns';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from '../../hooks/useContext';\n\nconst GroupChannelMessageDateSeparator = ({\n  message,\n  prevMessage,\n}: {\n  message: SendbirdMessage;\n  prevMessage?: SendbirdMessage;\n}) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  const sameDay = isSameDay(message.createdAt, prevMessage?.createdAt ?? 0);\n  if (sameDay) return null;\n\n  return (\n    <View style={styles.container}>\n      <View style={[styles.view, { backgroundColor: colors.ui.dateSeparator.default.none.background }]}>\n        <Text caption1 color={colors.ui.dateSeparator.default.none.text}>\n          {STRINGS.GROUP_CHANNEL.LIST_DATE_SEPARATOR(new Date(message.createdAt))}\n        </Text>\n      </View>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    alignItems: 'center',\n    marginVertical: 16,\n  },\n  view: {\n    borderRadius: 10,\n    paddingVertical: 4,\n    paddingHorizontal: 10,\n  },\n});\n\nexport default GroupChannelMessageDateSeparator;\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,UAAU;AACpC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,IAAI,EAAEC,gBAAgB,EAAEC,aAAa,QAAQ,yCAAyC;AAG/F,SAASC,eAAe,QAAQ,wBAAwB;AAExD,MAAMC,gCAAgC,GAAGC,IAAA,IAMnC;EAAA,IANoC;IACxCC,OAAO;IACPC;EAIF,CAAC,GAAAF,IAAA;EACC,MAAM;IAAEG;EAAQ,CAAC,GAAGL,eAAe,EAAE;EACrC,MAAM;IAAEM;EAAO,CAAC,GAAGP,aAAa,EAAE;EAElC,MAAMQ,OAAO,GAAGb,SAAS,CAACS,OAAO,CAACK,SAAS,EAAE,CAAAJ,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEI,SAAS,KAAI,CAAC,CAAC;EACzE,IAAID,OAAO,EAAE,OAAO,IAAI;EAExB,oBACEZ,KAAA,CAAAc,aAAA,CAACb,IAAI;IAACc,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BjB,KAAA,CAAAc,aAAA,CAACb,IAAI;IAACc,KAAK,EAAE,CAACC,MAAM,CAACE,IAAI,EAAE;MAAEC,eAAe,EAAER,MAAM,CAACS,EAAE,CAACC,aAAa,CAACC,OAAO,CAACC,IAAI,CAACC;IAAW,CAAC;EAAE,gBAC/FxB,KAAA,CAAAc,aAAA,CAACZ,IAAI;IAACuB,QAAQ;IAACC,KAAK,EAAEf,MAAM,CAACS,EAAE,CAACC,aAAa,CAACC,OAAO,CAACC,IAAI,CAACI;EAAK,GAC7DjB,OAAO,CAACkB,aAAa,CAACC,mBAAmB,CAAC,IAAIC,IAAI,CAACtB,OAAO,CAACK,SAAS,CAAC,CAAC,CAClE,CACF,CACF;AAEX,CAAC;AAED,MAAMG,MAAM,GAAGb,gBAAgB,CAAC;EAC9Bc,SAAS,EAAE;IACTc,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDd,IAAI,EAAE;IACJe,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAEF,eAAe7B,gCAAgC"}
+{"version":3,"names":["isSameDay","React","View","Text","createStyleSheet","useUIKitTheme","useLocalization","GroupChannelMessageDateSeparator","message","prevMessage","STRINGS","colors","sameDay","createdAt","createElement","style","styles","container","view","backgroundColor","ui","dateSeparator","default","none","background","caption1","color","text","GROUP_CHANNEL","LIST_DATE_SEPARATOR","Date","alignItems","marginVertical","borderRadius","paddingVertical","paddingHorizontal"],"sources":["GroupChannelMessageDateSeparator.tsx"],"sourcesContent":["import { isSameDay } from 'date-fns';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from '../../hooks/useContext';\n\nconst GroupChannelMessageDateSeparator = ({\n  message,\n  prevMessage,\n}: {\n  message: SendbirdMessage;\n  prevMessage?: SendbirdMessage;\n}) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  const sameDay = isSameDay(message.createdAt, prevMessage?.createdAt ?? 0);\n  if (sameDay) return null;\n\n  return (\n    <View style={styles.container}>\n      <View style={[styles.view, { backgroundColor: colors.ui.dateSeparator.default.none.background }]}>\n        <Text caption1 color={colors.ui.dateSeparator.default.none.text}>\n          {STRINGS.GROUP_CHANNEL.LIST_DATE_SEPARATOR(new Date(message.createdAt))}\n        </Text>\n      </View>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    alignItems: 'center',\n    marginVertical: 16,\n  },\n  view: {\n    borderRadius: 10,\n    paddingVertical: 4,\n    paddingHorizontal: 10,\n  },\n});\n\nexport default GroupChannelMessageDateSeparator;\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,UAAU;AACpC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,IAAI,EAAEC,gBAAgB,EAAEC,aAAa,QAAQ,yCAAyC;AAG/F,SAASC,eAAe,QAAQ,wBAAwB;AAExD,MAAMC,gCAAgC,GAAGA,CAAC;EACxCC,OAAO;EACPC;AAIF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAQ,CAAC,GAAGJ,eAAe,CAAC,CAAC;EACrC,MAAM;IAAEK;EAAO,CAAC,GAAGN,aAAa,CAAC,CAAC;EAElC,MAAMO,OAAO,GAAGZ,SAAS,CAACQ,OAAO,CAACK,SAAS,EAAE,CAAAJ,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEI,SAAS,KAAI,CAAC,CAAC;EACzE,IAAID,OAAO,EAAE,OAAO,IAAI;EAExB,oBACEX,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BhB,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAE,CAACC,MAAM,CAACE,IAAI,EAAE;MAAEC,eAAe,EAAER,MAAM,CAACS,EAAE,CAACC,aAAa,CAACC,OAAO,CAACC,IAAI,CAACC;IAAW,CAAC;EAAE,gBAC/FvB,KAAA,CAAAa,aAAA,CAACX,IAAI;IAACsB,QAAQ;IAACC,KAAK,EAAEf,MAAM,CAACS,EAAE,CAACC,aAAa,CAACC,OAAO,CAACC,IAAI,CAACI;EAAK,GAC7DjB,OAAO,CAACkB,aAAa,CAACC,mBAAmB,CAAC,IAAIC,IAAI,CAACtB,OAAO,CAACK,SAAS,CAAC,CAClE,CACF,CACF,CAAC;AAEX,CAAC;AAED,MAAMG,MAAM,GAAGZ,gBAAgB,CAAC;EAC9Ba,SAAS,EAAE;IACTc,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDd,IAAI,EAAE;IACJe,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAEF,eAAe5B,gCAAgC","ignoreList":[]}

package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","Animated","Easing","useIsFirstMount","MESSAGE_FOCUS_ANIMATION_DELAY","MESSAGE_SEARCH_SAFE_SCROLL_DELAY","GroupChannelMessageFocusAnimation","props","isFirstMount","translateY","Value","current","focused","delay","setTimeout","sequence","toValue","duration","map","value","timing","useNativeDriver","easing","inOut","ease","start","createElement","View","style","transform","children"],"sources":["GroupChannelMessageFocusAnimation.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { Animated, Easing } from 'react-native';\n\nimport { useIsFirstMount } from '@sendbird/uikit-utils';\n\nimport { MESSAGE_FOCUS_ANIMATION_DELAY, MESSAGE_SEARCH_SAFE_SCROLL_DELAY } from '../../constants';\n\nconst GroupChannelMessageFocusAnimation = (props: React.PropsWithChildren<{ focused: boolean }>) => {\n  const isFirstMount = useIsFirstMount();\n  const translateY = useRef(new Animated.Value(0)).current;\n\n  useEffect(() => {\n    if (props.focused) {\n      const delay = MESSAGE_FOCUS_ANIMATION_DELAY + (isFirstMount ? MESSAGE_SEARCH_SAFE_SCROLL_DELAY : 0);\n      setTimeout(() => {\n        Animated.sequence(\n          [\n            { toValue: -10, duration: 500 },\n            { toValue: 0, duration: 100 },\n            { toValue: -10, duration: 200 },\n            { toValue: 0, duration: 100 },\n          ].map((value) =>\n            Animated.timing(translateY, { ...value, useNativeDriver: true, easing: Easing.inOut(Easing.ease) }),\n          ),\n        ).start();\n      }, delay);\n    }\n  }, [props.focused]);\n\n  return <Animated.View style={{ transform: [{ translateY }] }}>{props.children}</Animated.View>;\n};\n\nexport default GroupChannelMessageFocusAnimation;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SAASC,QAAQ,EAAEC,MAAM,QAAQ,cAAc;AAE/C,SAASC,eAAe,QAAQ,uBAAuB;AAEvD,SAASC,6BAA6B,EAAEC,gCAAgC,QAAQ,iBAAiB;AAEjG,MAAMC,iCAAiC,GAAIC,KAAoD,IAAK;EAClG,MAAMC,YAAY,GAAGL,eAAe,EAAE;EACtC,MAAMM,UAAU,GAAGT,MAAM,CAAC,IAAIC,QAAQ,CAACS,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAExDZ,SAAS,CAAC,MAAM;IACd,IAAIQ,KAAK,CAACK,OAAO,EAAE;MACjB,MAAMC,KAAK,GAAGT,6BAA6B,IAAII,YAAY,GAAGH,gCAAgC,GAAG,CAAC,CAAC;MACnGS,UAAU,CAAC,MAAM;QACfb,QAAQ,CAACc,QAAQ,CACf,CACE;UAAEC,OAAO,EAAE,CAAC,EAAE;UAAEC,QAAQ,EAAE;QAAI,CAAC,EAC/B;UAAED,OAAO,EAAE,CAAC;UAAEC,QAAQ,EAAE;QAAI,CAAC,EAC7B;UAAED,OAAO,EAAE,CAAC,EAAE;UAAEC,QAAQ,EAAE;QAAI,CAAC,EAC/B;UAAED,OAAO,EAAE,CAAC;UAAEC,QAAQ,EAAE;QAAI,CAAC,CAC9B,CAACC,GAAG,CAAEC,KAAK,IACVlB,QAAQ,CAACmB,MAAM,CAACX,UAAU,EAAE;UAAE,GAAGU,KAAK;UAAEE,eAAe,EAAE,IAAI;UAAEC,MAAM,EAAEpB,MAAM,CAACqB,KAAK,CAACrB,MAAM,CAACsB,IAAI;QAAE,CAAC,CAAC,CACpG,CACF,CAACC,KAAK,EAAE;MACX,CAAC,EAAEZ,KAAK,CAAC;IACX;EACF,CAAC,EAAE,CAACN,KAAK,CAACK,OAAO,CAAC,CAAC;EAEnB,oBAAOd,KAAA,CAAA4B,aAAA,CAACzB,QAAQ,CAAC0B,IAAI;IAACC,KAAK,EAAE;MAAEC,SAAS,EAAE,CAAC;QAAEpB;MAAW,CAAC;IAAE;EAAE,GAAEF,KAAK,CAACuB,QAAQ,CAAiB;AAChG,CAAC;AAED,eAAexB,iCAAiC"}
+{"version":3,"names":["React","useEffect","useRef","Animated","Easing","useIsFirstMount","MESSAGE_FOCUS_ANIMATION_DELAY","MESSAGE_SEARCH_SAFE_SCROLL_DELAY","GroupChannelMessageFocusAnimation","props","isFirstMount","translateY","Value","current","focused","delay","setTimeout","sequence","toValue","duration","map","value","timing","useNativeDriver","easing","inOut","ease","start","createElement","View","style","transform","children"],"sources":["GroupChannelMessageFocusAnimation.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { Animated, Easing } from 'react-native';\n\nimport { useIsFirstMount } from '@sendbird/uikit-utils';\n\nimport { MESSAGE_FOCUS_ANIMATION_DELAY, MESSAGE_SEARCH_SAFE_SCROLL_DELAY } from '../../constants';\n\nconst GroupChannelMessageFocusAnimation = (props: React.PropsWithChildren<{ focused: boolean }>) => {\n  const isFirstMount = useIsFirstMount();\n  const translateY = useRef(new Animated.Value(0)).current;\n\n  useEffect(() => {\n    if (props.focused) {\n      const delay = MESSAGE_FOCUS_ANIMATION_DELAY + (isFirstMount ? MESSAGE_SEARCH_SAFE_SCROLL_DELAY : 0);\n      setTimeout(() => {\n        Animated.sequence(\n          [\n            { toValue: -10, duration: 500 },\n            { toValue: 0, duration: 100 },\n            { toValue: -10, duration: 200 },\n            { toValue: 0, duration: 100 },\n          ].map((value) =>\n            Animated.timing(translateY, { ...value, useNativeDriver: true, easing: Easing.inOut(Easing.ease) }),\n          ),\n        ).start();\n      }, delay);\n    }\n  }, [props.focused]);\n\n  return <Animated.View style={{ transform: [{ translateY }] }}>{props.children}</Animated.View>;\n};\n\nexport default GroupChannelMessageFocusAnimation;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SAASC,QAAQ,EAAEC,MAAM,QAAQ,cAAc;AAE/C,SAASC,eAAe,QAAQ,uBAAuB;AAEvD,SAASC,6BAA6B,EAAEC,gCAAgC,QAAQ,iBAAiB;AAEjG,MAAMC,iCAAiC,GAAIC,KAAoD,IAAK;EAClG,MAAMC,YAAY,GAAGL,eAAe,CAAC,CAAC;EACtC,MAAMM,UAAU,GAAGT,MAAM,CAAC,IAAIC,QAAQ,CAACS,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAExDZ,SAAS,CAAC,MAAM;IACd,IAAIQ,KAAK,CAACK,OAAO,EAAE;MACjB,MAAMC,KAAK,GAAGT,6BAA6B,IAAII,YAAY,GAAGH,gCAAgC,GAAG,CAAC,CAAC;MACnGS,UAAU,CAAC,MAAM;QACfb,QAAQ,CAACc,QAAQ,CACf,CACE;UAAEC,OAAO,EAAE,CAAC,EAAE;UAAEC,QAAQ,EAAE;QAAI,CAAC,EAC/B;UAAED,OAAO,EAAE,CAAC;UAAEC,QAAQ,EAAE;QAAI,CAAC,EAC7B;UAAED,OAAO,EAAE,CAAC,EAAE;UAAEC,QAAQ,EAAE;QAAI,CAAC,EAC/B;UAAED,OAAO,EAAE,CAAC;UAAEC,QAAQ,EAAE;QAAI,CAAC,CAC9B,CAACC,GAAG,CAAEC,KAAK,IACVlB,QAAQ,CAACmB,MAAM,CAACX,UAAU,EAAE;UAAE,GAAGU,KAAK;UAAEE,eAAe,EAAE,IAAI;UAAEC,MAAM,EAAEpB,MAAM,CAACqB,KAAK,CAACrB,MAAM,CAACsB,IAAI;QAAE,CAAC,CACpG,CACF,CAAC,CAACC,KAAK,CAAC,CAAC;MACX,CAAC,EAAEZ,KAAK,CAAC;IACX;EACF,CAAC,EAAE,CAACN,KAAK,CAACK,OAAO,CAAC,CAAC;EAEnB,oBAAOd,KAAA,CAAA4B,aAAA,CAACzB,QAAQ,CAAC0B,IAAI;IAACC,KAAK,EAAE;MAAEC,SAAS,EAAE,CAAC;QAAEpB;MAAW,CAAC;IAAE;EAAE,GAAEF,KAAK,CAACuB,QAAwB,CAAC;AAChG,CAAC;AAED,eAAexB,iCAAiC","ignoreList":[]}

package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageOutgoingStatus.js

@@ -3,12 +3,11 @@ import { useMessageOutgoingStatus } from '@sendbird/uikit-chat-hooks';
 import { Icon, LoadingSpinner, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { useSendbirdChat } from '../../hooks/useContext';
 const SIZE = 16;
-const GroupChannelMessageOutgoingStatus = _ref => {
-  let {
-    channel,
-    message,
-    style
-  } = _ref;
+const GroupChannelMessageOutgoingStatus = ({
+  channel,
+  message,
+  style
+}) => {
   const {
     sdk
   } = useSendbirdChat();

package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageOutgoingStatus.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMessageOutgoingStatus","Icon","LoadingSpinner","useUIKitTheme","useSendbirdChat","SIZE","GroupChannelMessageOutgoingStatus","_ref","channel","message","style","sdk","colors","outgoingStatus","isUserMessage","isFileMessage","isEphemeral","createElement","size","icon","color","error","secondary","onBackground03","memo"],"sources":["GroupChannelMessageOutgoingStatus.tsx"],"sourcesContent":["import React from 'react';\nimport type { ImageStyle, StyleProp } from 'react-native';\n\nimport { useMessageOutgoingStatus } from '@sendbird/uikit-chat-hooks';\nimport { Icon, LoadingSpinner, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdGroupChannel, SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../../hooks/useContext';\n\nconst SIZE = 16;\n\ntype Props = {\n  channel: SendbirdGroupChannel;\n  message: SendbirdMessage;\n  style?: StyleProp<ImageStyle>;\n};\nconst GroupChannelMessageOutgoingStatus = ({ channel, message, style }: Props) => {\n  const { sdk } = useSendbirdChat();\n  const { colors } = useUIKitTheme();\n  const outgoingStatus = useMessageOutgoingStatus(sdk, channel, message);\n\n  if (!message.isUserMessage() && !message.isFileMessage()) return null;\n  if (channel.isEphemeral) return null;\n\n  if (outgoingStatus === 'PENDING') {\n    return <LoadingSpinner size={SIZE} style={style} />;\n  }\n\n  if (outgoingStatus === 'FAILED') {\n    return <Icon icon={'error'} size={SIZE} color={colors.error} style={style} />;\n  }\n\n  if (outgoingStatus === 'READ') {\n    return <Icon icon={'done-all'} size={SIZE} color={colors.secondary} style={style} />;\n  }\n\n  if (outgoingStatus === 'UNREAD' || outgoingStatus === 'DELIVERED') {\n    return <Icon icon={'done-all'} size={SIZE} color={colors.onBackground03} style={style} />;\n  }\n\n  if (outgoingStatus === 'UNDELIVERED') {\n    return <Icon icon={'done'} size={SIZE} color={colors.onBackground03} style={style} />;\n  }\n\n  return null;\n};\n\nexport default React.memo(GroupChannelMessageOutgoingStatus);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,IAAI,EAAEC,cAAc,EAAEC,aAAa,QAAQ,yCAAyC;AAG7F,SAASC,eAAe,QAAQ,wBAAwB;AAExD,MAAMC,IAAI,GAAG,EAAE;AAOf,MAAMC,iCAAiC,GAAGC,IAAA,IAAwC;EAAA,IAAvC;IAAEC,OAAO;IAAEC,OAAO;IAAEC;EAAa,CAAC,GAAAH,IAAA;EAC3E,MAAM;IAAEI;EAAI,CAAC,GAAGP,eAAe,EAAE;EACjC,MAAM;IAAEQ;EAAO,CAAC,GAAGT,aAAa,EAAE;EAClC,MAAMU,cAAc,GAAGb,wBAAwB,CAACW,GAAG,EAAEH,OAAO,EAAEC,OAAO,CAAC;EAEtE,IAAI,CAACA,OAAO,CAACK,aAAa,EAAE,IAAI,CAACL,OAAO,CAACM,aAAa,EAAE,EAAE,OAAO,IAAI;EACrE,IAAIP,OAAO,CAACQ,WAAW,EAAE,OAAO,IAAI;EAEpC,IAAIH,cAAc,KAAK,SAAS,EAAE;IAChC,oBAAOd,KAAA,CAAAkB,aAAA,CAACf,cAAc;MAACgB,IAAI,EAAEb,IAAK;MAACK,KAAK,EAAEA;IAAM,EAAG;EACrD;EAEA,IAAIG,cAAc,KAAK,QAAQ,EAAE;IAC/B,oBAAOd,KAAA,CAAAkB,aAAA,CAAChB,IAAI;MAACkB,IAAI,EAAE,OAAQ;MAACD,IAAI,EAAEb,IAAK;MAACe,KAAK,EAAER,MAAM,CAACS,KAAM;MAACX,KAAK,EAAEA;IAAM,EAAG;EAC/E;EAEA,IAAIG,cAAc,KAAK,MAAM,EAAE;IAC7B,oBAAOd,KAAA,CAAAkB,aAAA,CAAChB,IAAI;MAACkB,IAAI,EAAE,UAAW;MAACD,IAAI,EAAEb,IAAK;MAACe,KAAK,EAAER,MAAM,CAACU,SAAU;MAACZ,KAAK,EAAEA;IAAM,EAAG;EACtF;EAEA,IAAIG,cAAc,KAAK,QAAQ,IAAIA,cAAc,KAAK,WAAW,EAAE;IACjE,oBAAOd,KAAA,CAAAkB,aAAA,CAAChB,IAAI;MAACkB,IAAI,EAAE,UAAW;MAACD,IAAI,EAAEb,IAAK;MAACe,KAAK,EAAER,MAAM,CAACW,cAAe;MAACb,KAAK,EAAEA;IAAM,EAAG;EAC3F;EAEA,IAAIG,cAAc,KAAK,aAAa,EAAE;IACpC,oBAAOd,KAAA,CAAAkB,aAAA,CAAChB,IAAI;MAACkB,IAAI,EAAE,MAAO;MAACD,IAAI,EAAEb,IAAK;MAACe,KAAK,EAAER,MAAM,CAACW,cAAe;MAACb,KAAK,EAAEA;IAAM,EAAG;EACvF;EAEA,OAAO,IAAI;AACb,CAAC;AAED,4BAAeX,KAAK,CAACyB,IAAI,CAAClB,iCAAiC,CAAC"}
+{"version":3,"names":["React","useMessageOutgoingStatus","Icon","LoadingSpinner","useUIKitTheme","useSendbirdChat","SIZE","GroupChannelMessageOutgoingStatus","channel","message","style","sdk","colors","outgoingStatus","isUserMessage","isFileMessage","isEphemeral","createElement","size","icon","color","error","secondary","onBackground03","memo"],"sources":["GroupChannelMessageOutgoingStatus.tsx"],"sourcesContent":["import React from 'react';\nimport type { ImageStyle, StyleProp } from 'react-native';\n\nimport { useMessageOutgoingStatus } from '@sendbird/uikit-chat-hooks';\nimport { Icon, LoadingSpinner, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdGroupChannel, SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../../hooks/useContext';\n\nconst SIZE = 16;\n\ntype Props = {\n  channel: SendbirdGroupChannel;\n  message: SendbirdMessage;\n  style?: StyleProp<ImageStyle>;\n};\nconst GroupChannelMessageOutgoingStatus = ({ channel, message, style }: Props) => {\n  const { sdk } = useSendbirdChat();\n  const { colors } = useUIKitTheme();\n  const outgoingStatus = useMessageOutgoingStatus(sdk, channel, message);\n\n  if (!message.isUserMessage() && !message.isFileMessage()) return null;\n  if (channel.isEphemeral) return null;\n\n  if (outgoingStatus === 'PENDING') {\n    return <LoadingSpinner size={SIZE} style={style} />;\n  }\n\n  if (outgoingStatus === 'FAILED') {\n    return <Icon icon={'error'} size={SIZE} color={colors.error} style={style} />;\n  }\n\n  if (outgoingStatus === 'READ') {\n    return <Icon icon={'done-all'} size={SIZE} color={colors.secondary} style={style} />;\n  }\n\n  if (outgoingStatus === 'UNREAD' || outgoingStatus === 'DELIVERED') {\n    return <Icon icon={'done-all'} size={SIZE} color={colors.onBackground03} style={style} />;\n  }\n\n  if (outgoingStatus === 'UNDELIVERED') {\n    return <Icon icon={'done'} size={SIZE} color={colors.onBackground03} style={style} />;\n  }\n\n  return null;\n};\n\nexport default React.memo(GroupChannelMessageOutgoingStatus);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,IAAI,EAAEC,cAAc,EAAEC,aAAa,QAAQ,yCAAyC;AAG7F,SAASC,eAAe,QAAQ,wBAAwB;AAExD,MAAMC,IAAI,GAAG,EAAE;AAOf,MAAMC,iCAAiC,GAAGA,CAAC;EAAEC,OAAO;EAAEC,OAAO;EAAEC;AAAa,CAAC,KAAK;EAChF,MAAM;IAAEC;EAAI,CAAC,GAAGN,eAAe,CAAC,CAAC;EACjC,MAAM;IAAEO;EAAO,CAAC,GAAGR,aAAa,CAAC,CAAC;EAClC,MAAMS,cAAc,GAAGZ,wBAAwB,CAACU,GAAG,EAAEH,OAAO,EAAEC,OAAO,CAAC;EAEtE,IAAI,CAACA,OAAO,CAACK,aAAa,CAAC,CAAC,IAAI,CAACL,OAAO,CAACM,aAAa,CAAC,CAAC,EAAE,OAAO,IAAI;EACrE,IAAIP,OAAO,CAACQ,WAAW,EAAE,OAAO,IAAI;EAEpC,IAAIH,cAAc,KAAK,SAAS,EAAE;IAChC,oBAAOb,KAAA,CAAAiB,aAAA,CAACd,cAAc;MAACe,IAAI,EAAEZ,IAAK;MAACI,KAAK,EAAEA;IAAM,CAAE,CAAC;EACrD;EAEA,IAAIG,cAAc,KAAK,QAAQ,EAAE;IAC/B,oBAAOb,KAAA,CAAAiB,aAAA,CAACf,IAAI;MAACiB,IAAI,EAAE,OAAQ;MAACD,IAAI,EAAEZ,IAAK;MAACc,KAAK,EAAER,MAAM,CAACS,KAAM;MAACX,KAAK,EAAEA;IAAM,CAAE,CAAC;EAC/E;EAEA,IAAIG,cAAc,KAAK,MAAM,EAAE;IAC7B,oBAAOb,KAAA,CAAAiB,aAAA,CAACf,IAAI;MAACiB,IAAI,EAAE,UAAW;MAACD,IAAI,EAAEZ,IAAK;MAACc,KAAK,EAAER,MAAM,CAACU,SAAU;MAACZ,KAAK,EAAEA;IAAM,CAAE,CAAC;EACtF;EAEA,IAAIG,cAAc,KAAK,QAAQ,IAAIA,cAAc,KAAK,WAAW,EAAE;IACjE,oBAAOb,KAAA,CAAAiB,aAAA,CAACf,IAAI;MAACiB,IAAI,EAAE,UAAW;MAACD,IAAI,EAAEZ,IAAK;MAACc,KAAK,EAAER,MAAM,CAACW,cAAe;MAACb,KAAK,EAAEA;IAAM,CAAE,CAAC;EAC3F;EAEA,IAAIG,cAAc,KAAK,aAAa,EAAE;IACpC,oBAAOb,KAAA,CAAAiB,aAAA,CAACf,IAAI;MAACiB,IAAI,EAAE,MAAO;MAACD,IAAI,EAAEZ,IAAK;MAACc,KAAK,EAAER,MAAM,CAACW,cAAe;MAACb,KAAK,EAAEA;IAAM,CAAE,CAAC;EACvF;EAEA,OAAO,IAAI;AACb,CAAC;AAED,4BAAeV,KAAK,CAACwB,IAAI,CAACjB,iCAAiC,CAAC","ignoreList":[]}

package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageParentMessage.js

@@ -3,14 +3,13 @@ import { Box, Icon, ImageWithPlaceholder, PressBox, Text, VideoThumbnail, create
 import { getFileIconFromMessageType, getMessageType, getThumbnailUriFromFileMessage, truncate, useIIFE } from '@sendbird/uikit-utils';
 import { GroupChannelContexts } from '../../domain/groupChannel/module/moduleContext';
 import { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';
-const GroupChannelMessageParentMessage = _ref => {
-  let {
-    variant,
-    channel,
-    message,
-    childMessage,
-    onPress
-  } = _ref;
+const GroupChannelMessageParentMessage = ({
+  variant,
+  channel,
+  message,
+  childMessage,
+  onPress
+}) => {
   const {
     currentUser
   } = useSendbirdChat();
@@ -29,11 +28,10 @@ const GroupChannelMessageParentMessage = _ref => {
   const [parentMessage, setParentMessage] = useState(() => message);
   const type = getMessageType(parentMessage);
   useEffect(() => {
-    return groupChannelPubSub.subscribe(_ref2 => {
-      let {
-        type,
-        data
-      } = _ref2;
+    return groupChannelPubSub.subscribe(({
+      type,
+      data
+    }) => {
       if (type === 'MESSAGES_UPDATED') {
         const updatedParent = data.messages.find(it => {
           return it.messageId === parentMessage.messageId;
@@ -133,8 +131,8 @@ const GroupChannelMessageParentMessage = _ref => {
   });
   return /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Box, {
     alignItems: variant === 'outgoing' ? 'flex-end' : 'flex-start',
-    paddingLeft: variant === 'outgoing' ? 0 : 12,
-    paddingRight: variant === 'outgoing' ? 12 : 0
+    paddingStart: variant === 'outgoing' ? 0 : 12,
+    paddingEnd: variant === 'outgoing' ? 12 : 0
   }, /*#__PURE__*/React.createElement(PressBox, {
     onPress: () => onPress === null || onPress === void 0 ? void 0 : onPress(parentMessage, childMessage),
     style: styles.senderLabel
@@ -143,7 +141,7 @@ const GroupChannelMessageParentMessage = _ref => {
     size: 13,
     color: colors.onBackground03,
     containerStyle: {
-      marginRight: 4
+      marginEnd: 4
     }
   }), /*#__PURE__*/React.createElement(Text, {
     caption1: true,
@@ -182,7 +180,7 @@ const styles = createStyleSheet({
     width: 16,
     height: 16,
     borderRadius: 10,
-    marginRight: 4,
+    marginEnd: 4,
     marginTop: 2
   },
   senderLabel: {

package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageParentMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useEffect","useState","Box","Icon","ImageWithPlaceholder","PressBox","Text","VideoThumbnail","createStyleSheet","useUIKitTheme","getFileIconFromMessageType","getMessageType","getThumbnailUriFromFileMessage","truncate","useIIFE","GroupChannelContexts","useLocalization","usePlatformService","useSendbirdChat","GroupChannelMessageParentMessage","_ref","variant","channel","message","childMessage","onPress","currentUser","groupChannelPubSub","PubSub","select","colors","palette","STRINGS","mediaService","parentMessage","setParentMessage","type","subscribe","_ref2","data","updatedParent","messages","find","it","messageId","renderMessageWithText","createElement","style","styles","bubbleContainer","backgroundColor","light","background100","dark","background400","body3","color","onBackground03","suppressHighlighting","numberOfLines","ellipsizeMode","renderFileMessageAsVideoThumbnail","url","image","iconSize","source","fetchThumbnailFromVideoSource","uri","getVideoThumbnail","timeMills","renderFileMessageAsPreview","renderFileMessageAsDownloadable","name","icon","size","containerStyle","fileIcon","mode","maxLen","parentMessageComponent","messageOffsetTimestamp","createdAt","LABELS","MESSAGE_UNAVAILABLE","VOICE_MESSAGE","alignItems","paddingLeft","paddingRight","senderLabel","marginRight","caption1","REPLY_FROM_SENDER_TO_RECEIVER","userId","flexDirection","justifyContent","messageContainer","opacity","marginTop","marginBottom","maxWidth","overflow","borderRadius","paddingHorizontal","paddingBottom","paddingTop","width","height"],"sources":["GroupChannelMessageParentMessage.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\n\nimport {\n  Box,\n  Icon,\n  ImageWithPlaceholder,\n  PressBox,\n  Text,\n  VideoThumbnail,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdFileMessage,\n  SendbirdGroupChannel,\n  SendbirdMessage,\n  SendbirdUserMessage,\n  getFileIconFromMessageType,\n  getMessageType,\n  getThumbnailUriFromFileMessage,\n  truncate,\n  useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport { GroupChannelContexts } from '../../domain/groupChannel/module/moduleContext';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';\n\ntype Props = {\n  variant: 'outgoing' | 'incoming';\n  channel: SendbirdGroupChannel;\n  message: SendbirdUserMessage | SendbirdFileMessage;\n  childMessage: SendbirdUserMessage | SendbirdFileMessage;\n  onPress?: (parentMessage: SendbirdMessage, childMessage: SendbirdUserMessage | SendbirdFileMessage) => void;\n};\n\nconst GroupChannelMessageParentMessage = ({ variant, channel, message, childMessage, onPress }: Props) => {\n  const { currentUser } = useSendbirdChat();\n  const groupChannelPubSub = useContext(GroupChannelContexts.PubSub);\n  const { select, colors, palette } = useUIKitTheme();\n  const { STRINGS } = useLocalization();\n  const { mediaService } = usePlatformService();\n\n  const [parentMessage, setParentMessage] = useState(() => message);\n  const type = getMessageType(parentMessage);\n\n  useEffect(() => {\n    return groupChannelPubSub.subscribe(({ type, data }) => {\n      if (type === 'MESSAGES_UPDATED') {\n        const updatedParent = data.messages.find((it): it is SendbirdUserMessage | SendbirdFileMessage => {\n          return it.messageId === parentMessage.messageId;\n        });\n        if (updatedParent) setParentMessage(updatedParent);\n      }\n    });\n  }, []);\n\n  const renderMessageWithText = (message: string) => {\n    return (\n      <Box\n        style={styles.bubbleContainer}\n        backgroundColor={select({ light: palette.background100, dark: palette.background400 })}\n      >\n        <Text body3 color={colors.onBackground03} suppressHighlighting numberOfLines={2} ellipsizeMode={'tail'}>\n          {message}\n        </Text>\n      </Box>\n    );\n  };\n\n  const renderFileMessageAsVideoThumbnail = (url: string) => {\n    return (\n      <VideoThumbnail\n        style={styles.image}\n        iconSize={18}\n        source={url}\n        fetchThumbnailFromVideoSource={(uri) => mediaService.getVideoThumbnail({ url: uri, timeMills: 1000 })}\n      />\n    );\n  };\n  const renderFileMessageAsPreview = (url: string) => {\n    return <ImageWithPlaceholder style={styles.image} source={{ uri: url }} />;\n  };\n  const renderFileMessageAsDownloadable = (name: string) => {\n    return (\n      <Box\n        style={styles.bubbleContainer}\n        backgroundColor={select({ light: palette.background100, dark: palette.background400 })}\n      >\n        <Icon\n          icon={getFileIconFromMessageType(type)}\n          size={16}\n          color={colors.onBackground03}\n          containerStyle={styles.fileIcon}\n        />\n        <Text body3 color={colors.onBackground03} numberOfLines={1} ellipsizeMode={'middle'}>\n          {truncate(name, { mode: 'mid', maxLen: 20 })}\n        </Text>\n      </Box>\n    );\n  };\n\n  const parentMessageComponent = useIIFE(() => {\n    if (channel.messageOffsetTimestamp > parentMessage.createdAt) {\n      return renderMessageWithText(STRINGS.LABELS.MESSAGE_UNAVAILABLE);\n    }\n\n    switch (type) {\n      case 'user':\n      case 'user.opengraph': {\n        return renderMessageWithText((parentMessage as SendbirdUserMessage).message);\n      }\n      case 'file':\n      case 'file.audio': {\n        return renderFileMessageAsDownloadable((parentMessage as SendbirdFileMessage).name);\n      }\n      case 'file.video': {\n        return renderFileMessageAsVideoThumbnail(getThumbnailUriFromFileMessage(parentMessage as SendbirdFileMessage));\n      }\n      case 'file.image': {\n        return renderFileMessageAsPreview(getThumbnailUriFromFileMessage(parentMessage as SendbirdFileMessage));\n      }\n      case 'file.voice': {\n        return renderMessageWithText(STRINGS.LABELS.VOICE_MESSAGE);\n      }\n      default: {\n        return null;\n      }\n    }\n  });\n\n  return (\n    <Box>\n      <Box\n        alignItems={variant === 'outgoing' ? 'flex-end' : 'flex-start'}\n        paddingLeft={variant === 'outgoing' ? 0 : 12}\n        paddingRight={variant === 'outgoing' ? 12 : 0}\n      >\n        <PressBox onPress={() => onPress?.(parentMessage, childMessage)} style={styles.senderLabel}>\n          <Icon icon={'reply-filled'} size={13} color={colors.onBackground03} containerStyle={{ marginRight: 4 }} />\n          <Text caption1 color={colors.onBackground03}>\n            {STRINGS.LABELS.REPLY_FROM_SENDER_TO_RECEIVER(childMessage, parentMessage, currentUser?.userId)}\n          </Text>\n        </PressBox>\n      </Box>\n      <Box\n        flexDirection={'row'}\n        justifyContent={variant === 'outgoing' ? 'flex-end' : 'flex-start'}\n        style={styles.messageContainer}\n      >\n        <PressBox onPress={() => onPress?.(parentMessage, childMessage)}>{parentMessageComponent}</PressBox>\n      </Box>\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  messageContainer: {\n    opacity: 0.5,\n    marginTop: 4,\n    marginBottom: -6,\n  },\n  bubbleContainer: {\n    maxWidth: 220,\n    overflow: 'hidden',\n    flexDirection: 'row',\n    alignItems: 'center',\n    borderRadius: 16,\n    paddingHorizontal: 12,\n    paddingBottom: 12,\n    paddingTop: 6,\n  },\n  image: {\n    width: 156,\n    height: 104,\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  fileIcon: {\n    width: 16,\n    height: 16,\n    borderRadius: 10,\n    marginRight: 4,\n    marginTop: 2,\n  },\n  senderLabel: {\n    flexDirection: 'row',\n  },\n});\n\nexport default GroupChannelMessageParentMessage;\n"],"mappings":"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"}
+{"version":3,"names":["React","useContext","useEffect","useState","Box","Icon","ImageWithPlaceholder","PressBox","Text","VideoThumbnail","createStyleSheet","useUIKitTheme","getFileIconFromMessageType","getMessageType","getThumbnailUriFromFileMessage","truncate","useIIFE","GroupChannelContexts","useLocalization","usePlatformService","useSendbirdChat","GroupChannelMessageParentMessage","variant","channel","message","childMessage","onPress","currentUser","groupChannelPubSub","PubSub","select","colors","palette","STRINGS","mediaService","parentMessage","setParentMessage","type","subscribe","data","updatedParent","messages","find","it","messageId","renderMessageWithText","createElement","style","styles","bubbleContainer","backgroundColor","light","background100","dark","background400","body3","color","onBackground03","suppressHighlighting","numberOfLines","ellipsizeMode","renderFileMessageAsVideoThumbnail","url","image","iconSize","source","fetchThumbnailFromVideoSource","uri","getVideoThumbnail","timeMills","renderFileMessageAsPreview","renderFileMessageAsDownloadable","name","icon","size","containerStyle","fileIcon","mode","maxLen","parentMessageComponent","messageOffsetTimestamp","createdAt","LABELS","MESSAGE_UNAVAILABLE","VOICE_MESSAGE","alignItems","paddingStart","paddingEnd","senderLabel","marginEnd","caption1","REPLY_FROM_SENDER_TO_RECEIVER","userId","flexDirection","justifyContent","messageContainer","opacity","marginTop","marginBottom","maxWidth","overflow","borderRadius","paddingHorizontal","paddingBottom","paddingTop","width","height"],"sources":["GroupChannelMessageParentMessage.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\n\nimport {\n  Box,\n  Icon,\n  ImageWithPlaceholder,\n  PressBox,\n  Text,\n  VideoThumbnail,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdFileMessage,\n  SendbirdGroupChannel,\n  SendbirdMessage,\n  SendbirdUserMessage,\n  getFileIconFromMessageType,\n  getMessageType,\n  getThumbnailUriFromFileMessage,\n  truncate,\n  useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport { GroupChannelContexts } from '../../domain/groupChannel/module/moduleContext';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';\n\ntype Props = {\n  variant: 'outgoing' | 'incoming';\n  channel: SendbirdGroupChannel;\n  message: SendbirdUserMessage | SendbirdFileMessage;\n  childMessage: SendbirdUserMessage | SendbirdFileMessage;\n  onPress?: (parentMessage: SendbirdMessage, childMessage: SendbirdUserMessage | SendbirdFileMessage) => void;\n};\n\nconst GroupChannelMessageParentMessage = ({ variant, channel, message, childMessage, onPress }: Props) => {\n  const { currentUser } = useSendbirdChat();\n  const groupChannelPubSub = useContext(GroupChannelContexts.PubSub);\n  const { select, colors, palette } = useUIKitTheme();\n  const { STRINGS } = useLocalization();\n  const { mediaService } = usePlatformService();\n\n  const [parentMessage, setParentMessage] = useState(() => message);\n  const type = getMessageType(parentMessage);\n\n  useEffect(() => {\n    return groupChannelPubSub.subscribe(({ type, data }) => {\n      if (type === 'MESSAGES_UPDATED') {\n        const updatedParent = data.messages.find((it): it is SendbirdUserMessage | SendbirdFileMessage => {\n          return it.messageId === parentMessage.messageId;\n        });\n        if (updatedParent) setParentMessage(updatedParent);\n      }\n    });\n  }, []);\n\n  const renderMessageWithText = (message: string) => {\n    return (\n      <Box\n        style={styles.bubbleContainer}\n        backgroundColor={select({ light: palette.background100, dark: palette.background400 })}\n      >\n        <Text body3 color={colors.onBackground03} suppressHighlighting numberOfLines={2} ellipsizeMode={'tail'}>\n          {message}\n        </Text>\n      </Box>\n    );\n  };\n\n  const renderFileMessageAsVideoThumbnail = (url: string) => {\n    return (\n      <VideoThumbnail\n        style={styles.image}\n        iconSize={18}\n        source={url}\n        fetchThumbnailFromVideoSource={(uri) => mediaService.getVideoThumbnail({ url: uri, timeMills: 1000 })}\n      />\n    );\n  };\n  const renderFileMessageAsPreview = (url: string) => {\n    return <ImageWithPlaceholder style={styles.image} source={{ uri: url }} />;\n  };\n  const renderFileMessageAsDownloadable = (name: string) => {\n    return (\n      <Box\n        style={styles.bubbleContainer}\n        backgroundColor={select({ light: palette.background100, dark: palette.background400 })}\n      >\n        <Icon\n          icon={getFileIconFromMessageType(type)}\n          size={16}\n          color={colors.onBackground03}\n          containerStyle={styles.fileIcon}\n        />\n        <Text body3 color={colors.onBackground03} numberOfLines={1} ellipsizeMode={'middle'}>\n          {truncate(name, { mode: 'mid', maxLen: 20 })}\n        </Text>\n      </Box>\n    );\n  };\n\n  const parentMessageComponent = useIIFE(() => {\n    if (channel.messageOffsetTimestamp > parentMessage.createdAt) {\n      return renderMessageWithText(STRINGS.LABELS.MESSAGE_UNAVAILABLE);\n    }\n\n    switch (type) {\n      case 'user':\n      case 'user.opengraph': {\n        return renderMessageWithText((parentMessage as SendbirdUserMessage).message);\n      }\n      case 'file':\n      case 'file.audio': {\n        return renderFileMessageAsDownloadable((parentMessage as SendbirdFileMessage).name);\n      }\n      case 'file.video': {\n        return renderFileMessageAsVideoThumbnail(getThumbnailUriFromFileMessage(parentMessage as SendbirdFileMessage));\n      }\n      case 'file.image': {\n        return renderFileMessageAsPreview(getThumbnailUriFromFileMessage(parentMessage as SendbirdFileMessage));\n      }\n      case 'file.voice': {\n        return renderMessageWithText(STRINGS.LABELS.VOICE_MESSAGE);\n      }\n      default: {\n        return null;\n      }\n    }\n  });\n\n  return (\n    <Box>\n      <Box\n        alignItems={variant === 'outgoing' ? 'flex-end' : 'flex-start'}\n        paddingStart={variant === 'outgoing' ? 0 : 12}\n        paddingEnd={variant === 'outgoing' ? 12 : 0}\n      >\n        <PressBox onPress={() => onPress?.(parentMessage, childMessage)} style={styles.senderLabel}>\n          <Icon icon={'reply-filled'} size={13} color={colors.onBackground03} containerStyle={{ marginEnd: 4 }} />\n          <Text caption1 color={colors.onBackground03}>\n            {STRINGS.LABELS.REPLY_FROM_SENDER_TO_RECEIVER(childMessage, parentMessage, currentUser?.userId)}\n          </Text>\n        </PressBox>\n      </Box>\n      <Box\n        flexDirection={'row'}\n        justifyContent={variant === 'outgoing' ? 'flex-end' : 'flex-start'}\n        style={styles.messageContainer}\n      >\n        <PressBox onPress={() => onPress?.(parentMessage, childMessage)}>{parentMessageComponent}</PressBox>\n      </Box>\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  messageContainer: {\n    opacity: 0.5,\n    marginTop: 4,\n    marginBottom: -6,\n  },\n  bubbleContainer: {\n    maxWidth: 220,\n    overflow: 'hidden',\n    flexDirection: 'row',\n    alignItems: 'center',\n    borderRadius: 16,\n    paddingHorizontal: 12,\n    paddingBottom: 12,\n    paddingTop: 6,\n  },\n  image: {\n    width: 156,\n    height: 104,\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  fileIcon: {\n    width: 16,\n    height: 16,\n    borderRadius: 10,\n    marginEnd: 4,\n    marginTop: 2,\n  },\n  senderLabel: {\n    flexDirection: 'row',\n  },\n});\n\nexport default GroupChannelMessageParentMessage;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageReplyInfo.js

@@ -35,12 +35,11 @@ const createRepliedUserAvatars = mostRepliedUsers => {
     }
   });
 };
-const GroupChannelMessageReplyInfo = _ref => {
-  let {
-    channel,
-    message,
-    onPress
-  } = _ref;
+const GroupChannelMessageReplyInfo = ({
+  channel,
+  message,
+  onPress
+}) => {
   const {
     STRINGS
   } = useLocalization();
@@ -51,7 +50,7 @@ const GroupChannelMessageReplyInfo = _ref => {
   if (!channel || !message.threadInfo || !message.threadInfo.replyCount) return null;
   const replyCountText = STRINGS.GROUP_CHANNEL_THREAD.REPLY_COUNT(message.threadInfo.replyCount || 0, 99);
   const onPressReply = () => {
-    onPress === null || onPress === void 0 ? void 0 : onPress(message);
+    onPress === null || onPress === void 0 || onPress(message);
   };
   return /*#__PURE__*/React.createElement(PressBox, {
     onPress: onPressReply,
@@ -70,21 +69,21 @@ const styles = createStyleSheet({
     alignItems: 'center'
   },
   avatarContainer: {
-    marginRight: 4
+    marginEnd: 4
   },
   avatarOverlay: {
     position: 'absolute',
     top: 0,
-    left: 0,
-    right: 0,
+    start: 0,
+    end: 0,
     bottom: 0,
     borderRadius: 10
   },
   plusIcon: {
     position: 'absolute',
     top: 3,
-    left: 3,
-    right: 0,
+    start: 3,
+    end: 0,
     bottom: 0
   }
 });

package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageReplyInfo.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Avatar","Box","Icon","PressBox","Text","createStyleSheet","useUIKitTheme","useLocalization","AVATAR_LIMIT","createRepliedUserAvatars","mostRepliedUsers","length","palette","slice","map","user","index","createElement","style","styles","avatarContainer","key","size","uri","profileUrl","avatarOverlay","backgroundColor","overlay01","icon","plusIcon","color","GroupChannelMessageReplyInfo","_ref","channel","message","onPress","STRINGS","select","threadInfo","replyCount","replyCountText","GROUP_CHANNEL_THREAD","REPLY_COUNT","onPressReply","replyContainer","caption3","light","primary300","dark","primary200","flexDirection","alignItems","marginRight","position","top","left","right","bottom","borderRadius","memo"],"sources":["GroupChannelMessageReplyInfo.tsx"],"sourcesContent":["import React from 'react';\n\nimport { User } from '@sendbird/chat';\nimport {\n  Avatar,\n  Box,\n  Icon,\n  PressBox,\n  Text,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdFileMessage, SendbirdGroupChannel, SendbirdMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from '../../hooks/useContext';\n\nconst AVATAR_LIMIT = 5;\n\ntype Props = {\n  channel: SendbirdGroupChannel;\n  message: SendbirdMessage;\n  onPress?: (message: SendbirdUserMessage | SendbirdFileMessage) => void;\n};\n\nconst createRepliedUserAvatars = (mostRepliedUsers: User[]) => {\n  if (!mostRepliedUsers || mostRepliedUsers.length === 0) return null;\n\n  const { palette } = useUIKitTheme();\n\n  return mostRepliedUsers.slice(0, AVATAR_LIMIT).map((user, index) => {\n    if (index < AVATAR_LIMIT - 1) {\n      return (\n        <Box style={styles.avatarContainer} key={index}>\n          <Avatar size={20} uri={user?.profileUrl}></Avatar>\n        </Box>\n      );\n    } else {\n      return (\n        <Box style={styles.avatarContainer} key={index}>\n          <Avatar size={20} uri={user?.profileUrl}></Avatar>\n          <Box style={styles.avatarOverlay} backgroundColor={palette.overlay01}>\n            <Icon icon={'plus'} size={14} style={styles.plusIcon} color={'white'} />\n          </Box>\n        </Box>\n      );\n    }\n  });\n};\n\nconst GroupChannelMessageReplyInfo = ({ channel, message, onPress }: Props) => {\n  const { STRINGS } = useLocalization();\n  const { select, palette } = useUIKitTheme();\n\n  if (!channel || !message.threadInfo || !message.threadInfo.replyCount) return null;\n\n  const replyCountText = STRINGS.GROUP_CHANNEL_THREAD.REPLY_COUNT(message.threadInfo.replyCount || 0, 99);\n  const onPressReply = () => {\n    onPress?.(message as SendbirdUserMessage | SendbirdFileMessage);\n  };\n\n  return (\n    <PressBox onPress={onPressReply} style={styles.replyContainer}>\n      {createRepliedUserAvatars(message.threadInfo.mostRepliedUsers)}\n      <Text caption3 color={select({ light: palette.primary300, dark: palette.primary200 })}>\n        {replyCountText}\n      </Text>\n    </PressBox>\n  );\n};\n\nconst styles = createStyleSheet({\n  replyContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  avatarContainer: {\n    marginRight: 4,\n  },\n  avatarOverlay: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    borderRadius: 10,\n  },\n  plusIcon: {\n    position: 'absolute',\n    top: 3,\n    left: 3,\n    right: 0,\n    bottom: 0,\n  },\n});\n\nexport default React.memo(GroupChannelMessageReplyInfo);\n"],"mappings":"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"}
+{"version":3,"names":["React","Avatar","Box","Icon","PressBox","Text","createStyleSheet","useUIKitTheme","useLocalization","AVATAR_LIMIT","createRepliedUserAvatars","mostRepliedUsers","length","palette","slice","map","user","index","createElement","style","styles","avatarContainer","key","size","uri","profileUrl","avatarOverlay","backgroundColor","overlay01","icon","plusIcon","color","GroupChannelMessageReplyInfo","channel","message","onPress","STRINGS","select","threadInfo","replyCount","replyCountText","GROUP_CHANNEL_THREAD","REPLY_COUNT","onPressReply","replyContainer","caption3","light","primary300","dark","primary200","flexDirection","alignItems","marginEnd","position","top","start","end","bottom","borderRadius","memo"],"sources":["GroupChannelMessageReplyInfo.tsx"],"sourcesContent":["import React from 'react';\n\nimport { User } from '@sendbird/chat';\nimport {\n  Avatar,\n  Box,\n  Icon,\n  PressBox,\n  Text,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdFileMessage, SendbirdGroupChannel, SendbirdMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from '../../hooks/useContext';\n\nconst AVATAR_LIMIT = 5;\n\ntype Props = {\n  channel: SendbirdGroupChannel;\n  message: SendbirdMessage;\n  onPress?: (message: SendbirdUserMessage | SendbirdFileMessage) => void;\n};\n\nconst createRepliedUserAvatars = (mostRepliedUsers: User[]) => {\n  if (!mostRepliedUsers || mostRepliedUsers.length === 0) return null;\n\n  const { palette } = useUIKitTheme();\n\n  return mostRepliedUsers.slice(0, AVATAR_LIMIT).map((user, index) => {\n    if (index < AVATAR_LIMIT - 1) {\n      return (\n        <Box style={styles.avatarContainer} key={index}>\n          <Avatar size={20} uri={user?.profileUrl}></Avatar>\n        </Box>\n      );\n    } else {\n      return (\n        <Box style={styles.avatarContainer} key={index}>\n          <Avatar size={20} uri={user?.profileUrl}></Avatar>\n          <Box style={styles.avatarOverlay} backgroundColor={palette.overlay01}>\n            <Icon icon={'plus'} size={14} style={styles.plusIcon} color={'white'} />\n          </Box>\n        </Box>\n      );\n    }\n  });\n};\n\nconst GroupChannelMessageReplyInfo = ({ channel, message, onPress }: Props) => {\n  const { STRINGS } = useLocalization();\n  const { select, palette } = useUIKitTheme();\n\n  if (!channel || !message.threadInfo || !message.threadInfo.replyCount) return null;\n\n  const replyCountText = STRINGS.GROUP_CHANNEL_THREAD.REPLY_COUNT(message.threadInfo.replyCount || 0, 99);\n  const onPressReply = () => {\n    onPress?.(message as SendbirdUserMessage | SendbirdFileMessage);\n  };\n\n  return (\n    <PressBox onPress={onPressReply} style={styles.replyContainer}>\n      {createRepliedUserAvatars(message.threadInfo.mostRepliedUsers)}\n      <Text caption3 color={select({ light: palette.primary300, dark: palette.primary200 })}>\n        {replyCountText}\n      </Text>\n    </PressBox>\n  );\n};\n\nconst styles = createStyleSheet({\n  replyContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  avatarContainer: {\n    marginEnd: 4,\n  },\n  avatarOverlay: {\n    position: 'absolute',\n    top: 0,\n    start: 0,\n    end: 0,\n    bottom: 0,\n    borderRadius: 10,\n  },\n  plusIcon: {\n    position: 'absolute',\n    top: 3,\n    start: 3,\n    end: 0,\n    bottom: 0,\n  },\n});\n\nexport default React.memo(GroupChannelMessageReplyInfo);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SACEC,MAAM,EACNC,GAAG,EACHC,IAAI,EACJC,QAAQ,EACRC,IAAI,EACJC,gBAAgB,EAChBC,aAAa,QACR,yCAAyC;AAGhD,SAASC,eAAe,QAAQ,wBAAwB;AAExD,MAAMC,YAAY,GAAG,CAAC;AAQtB,MAAMC,wBAAwB,GAAIC,gBAAwB,IAAK;EAC7D,IAAI,CAACA,gBAAgB,IAAIA,gBAAgB,CAACC,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAEnE,MAAM;IAAEC;EAAQ,CAAC,GAAGN,aAAa,CAAC,CAAC;EAEnC,OAAOI,gBAAgB,CAACG,KAAK,CAAC,CAAC,EAAEL,YAAY,CAAC,CAACM,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;IAClE,IAAIA,KAAK,GAAGR,YAAY,GAAG,CAAC,EAAE;MAC5B,oBACET,KAAA,CAAAkB,aAAA,CAAChB,GAAG;QAACiB,KAAK,EAAEC,MAAM,CAACC,eAAgB;QAACC,GAAG,EAAEL;MAAM,gBAC7CjB,KAAA,CAAAkB,aAAA,CAACjB,MAAM;QAACsB,IAAI,EAAE,EAAG;QAACC,GAAG,EAAER,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAES;MAAW,CAAS,CAC9C,CAAC;IAEV,CAAC,MAAM;MACL,oBACEzB,KAAA,CAAAkB,aAAA,CAAChB,GAAG;QAACiB,KAAK,EAAEC,MAAM,CAACC,eAAgB;QAACC,GAAG,EAAEL;MAAM,gBAC7CjB,KAAA,CAAAkB,aAAA,CAACjB,MAAM;QAACsB,IAAI,EAAE,EAAG;QAACC,GAAG,EAAER,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAES;MAAW,CAAS,CAAC,eAClDzB,KAAA,CAAAkB,aAAA,CAAChB,GAAG;QAACiB,KAAK,EAAEC,MAAM,CAACM,aAAc;QAACC,eAAe,EAAEd,OAAO,CAACe;MAAU,gBACnE5B,KAAA,CAAAkB,aAAA,CAACf,IAAI;QAAC0B,IAAI,EAAE,MAAO;QAACN,IAAI,EAAE,EAAG;QAACJ,KAAK,EAAEC,MAAM,CAACU,QAAS;QAACC,KAAK,EAAE;MAAQ,CAAE,CACpE,CACF,CAAC;IAEV;EACF,CAAC,CAAC;AACJ,CAAC;AAED,MAAMC,4BAA4B,GAAGA,CAAC;EAAEC,OAAO;EAAEC,OAAO;EAAEC;AAAe,CAAC,KAAK;EAC7E,MAAM;IAAEC;EAAQ,CAAC,GAAG5B,eAAe,CAAC,CAAC;EACrC,MAAM;IAAE6B,MAAM;IAAExB;EAAQ,CAAC,GAAGN,aAAa,CAAC,CAAC;EAE3C,IAAI,CAAC0B,OAAO,IAAI,CAACC,OAAO,CAACI,UAAU,IAAI,CAACJ,OAAO,CAACI,UAAU,CAACC,UAAU,EAAE,OAAO,IAAI;EAElF,MAAMC,cAAc,GAAGJ,OAAO,CAACK,oBAAoB,CAACC,WAAW,CAACR,OAAO,CAACI,UAAU,CAACC,UAAU,IAAI,CAAC,EAAE,EAAE,CAAC;EACvG,MAAMI,YAAY,GAAGA,CAAA,KAAM;IACzBR,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAGD,OAAoD,CAAC;EACjE,CAAC;EAED,oBACElC,KAAA,CAAAkB,aAAA,CAACd,QAAQ;IAAC+B,OAAO,EAAEQ,YAAa;IAACxB,KAAK,EAAEC,MAAM,CAACwB;EAAe,GAC3DlC,wBAAwB,CAACwB,OAAO,CAACI,UAAU,CAAC3B,gBAAgB,CAAC,eAC9DX,KAAA,CAAAkB,aAAA,CAACb,IAAI;IAACwC,QAAQ;IAACd,KAAK,EAAEM,MAAM,CAAC;MAAES,KAAK,EAAEjC,OAAO,CAACkC,UAAU;MAAEC,IAAI,EAAEnC,OAAO,CAACoC;IAAW,CAAC;EAAE,GACnFT,cACG,CACE,CAAC;AAEf,CAAC;AAED,MAAMpB,MAAM,GAAGd,gBAAgB,CAAC;EAC9BsC,cAAc,EAAE;IACdM,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACD9B,eAAe,EAAE;IACf+B,SAAS,EAAE;EACb,CAAC;EACD1B,aAAa,EAAE;IACb2B,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,GAAG,EAAE,CAAC;IACNC,MAAM,EAAE,CAAC;IACTC,YAAY,EAAE;EAChB,CAAC;EACD5B,QAAQ,EAAE;IACRuB,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,GAAG,EAAE,CAAC;IACNC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,4BAAezD,KAAK,CAAC2D,IAAI,CAAC3B,4BAA4B,CAAC","ignoreList":[]}

package/lib/module/components/GroupChannelMessageRenderer/index.js

@@ -1,4 +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); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useContext, useEffect, useRef } from 'react';
 import { Box, GroupChannelMessage, Text, TypingIndicatorBubble, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { calcMessageGrouping, getMessageType, isMyMessage, isVoiceMessage, shouldRenderParentMessage, shouldRenderReaction, useIIFE } from '@sendbird/uikit-utils';
@@ -12,21 +12,20 @@ import GroupChannelMessageFocusAnimation from './GroupChannelMessageFocusAnimati
 import GroupChannelMessageOutgoingStatus from './GroupChannelMessageOutgoingStatus';
 import GroupChannelMessageParentMessage from './GroupChannelMessageParentMessage';
 import GroupChannelMessageReplyInfo from './GroupChannelMessageReplyInfo';
-const GroupChannelMessageRenderer = _ref => {
-  let {
-    channel,
-    message,
-    onPress,
-    onLongPress,
-    onPressParentMessage,
-    onShowUserProfile,
-    onReplyInThreadMessage,
-    enableMessageGrouping,
-    focused,
-    prevMessage,
-    nextMessage,
-    hideParentMessage
-  } = _ref;
+const GroupChannelMessageRenderer = ({
+  channel,
+  message,
+  onPress,
+  onLongPress,
+  onPressParentMessage,
+  onShowUserProfile,
+  onReplyInThreadMessage,
+  enableMessageGrouping,
+  focused,
+  prevMessage,
+  nextMessage,
+  hideParentMessage
+}) => {
   const handlers = useSBUHandlers();
   const playerUnsubscribes = useRef([]);
   const {
@@ -85,10 +84,10 @@ const GroupChannelMessageRenderer = _ref => {
     onLongPress,
     onPressURL: url => handlers.onOpenURL(url),
     onPressAvatar: () => {
-      if ('sender' in message) onShowUserProfile === null || onShowUserProfile === void 0 ? void 0 : onShowUserProfile(message.sender);
+      if ('sender' in message) onShowUserProfile === null || onShowUserProfile === void 0 || onShowUserProfile(message.sender);
     },
     onPressMentionedUser: mentionedUser => {
-      if (mentionedUser) onShowUserProfile === null || onShowUserProfile === void 0 ? void 0 : onShowUserProfile(mentionedUser);
+      if (mentionedUser) onShowUserProfile === null || onShowUserProfile === void 0 || onShowUserProfile(mentionedUser);
     },
     onToggleVoiceMessage: async (state, setState) => {
       if (isVoiceMessage(message) && message.sendingStatus === 'succeeded') {
@@ -104,13 +103,12 @@ const GroupChannelMessageRenderer = _ref => {
           }
           const shouldSeekToTime = state.duration > state.currentTime && state.currentTime > 0;
           let seekFinished = !shouldSeekToTime;
-          const forPlayback = playerService.addPlaybackListener(_ref2 => {
-            let {
-              stopped,
-              currentTime,
-              duration
-            } = _ref2;
-            voiceMessageStatusManager.setCurrentTime(message.channelUrl, message.messageId, currentTime);
+          const forPlayback = playerService.addPlaybackListener(({
+            stopped,
+            currentTime,
+            duration
+          }) => {
+            voiceMessageStatusManager.setCurrentTime(message.channelUrl, message.messageId, stopped ? 0 : currentTime);
             if (seekFinished) {
               setState(prevState => ({
                 ...prevState,
@@ -186,22 +184,21 @@ const GroupChannelMessageRenderer = _ref => {
   const userMessageProps = {
     renderRegexTextChildren: message => {
       if (mentionManager.shouldUseMentionedMessageTemplate(message, sbOptions.uikit.groupChannel.channel.enableMention)) {
-        return message.mentionedMessageTemplate;
+        return message.mentionedMessageTemplate ?? '';
       } else {
         return message.message;
       }
     },
     regexTextPatterns: [{
       regex: mentionManager.templateRegex,
-      replacer(_ref3) {
+      replacer({
+        match,
+        groups,
+        parentProps,
+        index,
+        keyPrefix
+      }) {
         var _message$mentionedUse;
-        let {
-          match,
-          groups,
-          parentProps,
-          index,
-          keyPrefix
-        } = _ref3;
         const user = (_message$mentionedUse = message.mentionedUsers) === null || _message$mentionedUse === void 0 ? void 0 : _message$mentionedUse.find(it => it.userId === groups[2]);
         if (user) {
           const mentionColor = !isMyMessage(message, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) && user.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ? palette.onBackgroundLight01 : parentProps === null || parentProps === void 0 ? void 0 : parentProps.color;
@@ -213,6 +210,7 @@ const GroupChannelMessageRenderer = _ref => {
               return (_messageProps$onPress = messageProps.onPressMentionedUser) === null || _messageProps$onPress === void 0 ? void 0 : _messageProps$onPress.call(messageProps, user);
             },
             onLongPress: messageProps.onLongPress,
+            suppressHighlighting: true,
             style: [parentProps === null || parentProps === void 0 ? void 0 : parentProps.style, {
               fontWeight: '700'
             }, user.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) && {

package/lib/module/components/GroupChannelMessageRenderer/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useEffect","useRef","Box","GroupChannelMessage","Text","TypingIndicatorBubble","useUIKitTheme","calcMessageGrouping","getMessageType","isMyMessage","isVoiceMessage","shouldRenderParentMessage","shouldRenderReaction","useIIFE","VOICE_MESSAGE_META_ARRAY_DURATION_KEY","GroupChannelContexts","useLocalization","usePlatformService","useSBUHandlers","useSendbirdChat","TypingIndicatorType","ReactionAddons","GroupChannelMessageDateSeparator","GroupChannelMessageFocusAnimation","GroupChannelMessageOutgoingStatus","GroupChannelMessageParentMessage","GroupChannelMessageReplyInfo","GroupChannelMessageRenderer","_ref","channel","message","onPress","onLongPress","onPressParentMessage","onShowUserProfile","onReplyInThreadMessage","enableMessageGrouping","focused","prevMessage","nextMessage","hideParentMessage","handlers","playerUnsubscribes","palette","sbOptions","currentUser","mentionManager","voiceMessageStatusManager","STRINGS","mediaService","playerService","groupWithPrev","groupWithNext","Boolean","uikit","groupChannel","replyType","variant","userId","reactionChildren","configs","uikitWithAppInfo","isSuper","enableReactionsSupergroup","enableReactions","reactions","length","createElement","Message","replyInfo","threadInfo","replyCount","resetPlayer","current","forEach","unsubscribe","reset","messageProps","onPressURL","url","onOpenURL","onPressAvatar","sender","onPressMentionedUser","mentionedUser","onToggleVoiceMessage","state","setState","sendingStatus","uri","pause","play","shouldSeekToTime","duration","currentTime","seekFinished","forPlayback","addPlaybackListener","_ref2","stopped","setCurrentTime","channelUrl","messageId","prevState","forState","addStateListener","status","push","seek","groupedWithPrev","groupedWithNext","children","parentMessage","childMessage","strings","edited","GROUP_CHANNEL","MESSAGE_BUBBLE_EDITED_POSTFIX","senderName","nickname","LABELS","USER_NO_NAME","sentDate","MESSAGE_BUBBLE_TIME","fileName","isFileMessage","MESSAGE_BUBBLE_FILE_TITLE","unknownTitle","MESSAGE_BUBBLE_UNKNOWN_TITLE","unknownDescription","MESSAGE_BUBBLE_UNKNOWN_DESC","userMessageProps","renderRegexTextChildren","shouldUseMentionedMessageTemplate","enableMention","mentionedMessageTemplate","regexTextPatterns","regex","templateRegex","replacer","_ref3","_message$mentionedUse","match","groups","parentProps","index","keyPrefix","user","mentionedUsers","find","it","mentionColor","onBackgroundLight01","color","_extends","key","_messageProps$onPress","call","style","fontWeight","backgroundColor","highlight","asMentionedMessageText","renderMessage","Admin","ogMetaData","enableOgtag","OpenGraphUser","User","File","ImageFile","VideoFile","fetchThumbnailFromVideoSource","getVideoThumbnail","timeMills","VoiceFile","durationMetaArrayKey","initialCurrentTime","getCurrentTime","onSubscribeStatus","subscribe","onUnsubscribeStatus","onUnmount","catch","_","Unknown","messageGap","isAdminMessage","paddingHorizontal","marginBottom","GroupChannelTypingIndicatorBubble","publish","PubSub","typingUsers","TypingIndicator","shouldRenderBubble","enableTypingIndicator","typingIndicatorTypes","has","Bubble","type","marginTop","memo"],"sources":["index.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef } from 'react';\n\nimport type { GroupChannelMessageProps, RegexTextPattern } from '@sendbird/uikit-react-native-foundation';\nimport {\n  Box,\n  GroupChannelMessage,\n  Text,\n  TypingIndicatorBubble,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdAdminMessage,\n  SendbirdFileMessage,\n  SendbirdMessage,\n  SendbirdUserMessage,\n  calcMessageGrouping,\n  getMessageType,\n  isMyMessage,\n  isVoiceMessage,\n  shouldRenderParentMessage,\n  shouldRenderReaction,\n  useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport { VOICE_MESSAGE_META_ARRAY_DURATION_KEY } from '../../constants';\nimport { GroupChannelContexts } from '../../domain/groupChannel/module/moduleContext';\nimport type { GroupChannelProps } from '../../domain/groupChannel/types';\nimport { useLocalization, usePlatformService, useSBUHandlers, useSendbirdChat } from '../../hooks/useContext';\nimport { TypingIndicatorType } from '../../types';\nimport { ReactionAddons } from '../ReactionAddons';\nimport GroupChannelMessageDateSeparator from './GroupChannelMessageDateSeparator';\nimport GroupChannelMessageFocusAnimation from './GroupChannelMessageFocusAnimation';\nimport GroupChannelMessageOutgoingStatus from './GroupChannelMessageOutgoingStatus';\nimport GroupChannelMessageParentMessage from './GroupChannelMessageParentMessage';\nimport GroupChannelMessageReplyInfo from './GroupChannelMessageReplyInfo';\n\nconst GroupChannelMessageRenderer: GroupChannelProps['Fragment']['renderMessage'] = ({\n  channel,\n  message,\n  onPress,\n  onLongPress,\n  onPressParentMessage,\n  onShowUserProfile,\n  onReplyInThreadMessage,\n  enableMessageGrouping,\n  focused,\n  prevMessage,\n  nextMessage,\n  hideParentMessage,\n}) => {\n  const handlers = useSBUHandlers();\n  const playerUnsubscribes = useRef<(() => void)[]>([]);\n  const { palette } = useUIKitTheme();\n  const { sbOptions, currentUser, mentionManager, voiceMessageStatusManager } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { mediaService, playerService } = usePlatformService();\n  const { groupWithPrev, groupWithNext } = calcMessageGrouping(\n    Boolean(enableMessageGrouping),\n    message,\n    prevMessage,\n    nextMessage,\n    sbOptions.uikit.groupChannel.channel.replyType === 'thread',\n    shouldRenderParentMessage(message, hideParentMessage),\n  );\n\n  const variant = isMyMessage(message, currentUser?.userId) ? 'outgoing' : 'incoming';\n\n  const reactionChildren = useIIFE(() => {\n    const configs = sbOptions.uikitWithAppInfo.groupChannel.channel;\n    if (\n      shouldRenderReaction(channel, channel.isSuper ? configs.enableReactionsSupergroup : configs.enableReactions) &&\n      message.reactions &&\n      message.reactions.length > 0\n    ) {\n      return <ReactionAddons.Message channel={channel} message={message} />;\n    }\n    return null;\n  });\n\n  const replyInfo = useIIFE(() => {\n    if (sbOptions.uikit.groupChannel.channel.replyType !== 'thread') return null;\n    if (!channel || !message.threadInfo || !message.threadInfo.replyCount) return null;\n    return <GroupChannelMessageReplyInfo channel={channel} message={message} onPress={onReplyInThreadMessage} />;\n  });\n\n  const resetPlayer = async () => {\n    playerUnsubscribes.current.forEach((unsubscribe) => {\n      try {\n        unsubscribe();\n      } catch {}\n    });\n    playerUnsubscribes.current.length = 0;\n    await playerService.reset();\n  };\n\n  const messageProps: Omit<GroupChannelMessageProps<SendbirdMessage>, 'message'> = {\n    channel,\n    variant,\n    onPress,\n    onLongPress,\n    onPressURL: (url) => handlers.onOpenURL(url),\n    onPressAvatar: () => {\n      if ('sender' in message) onShowUserProfile?.(message.sender);\n    },\n    onPressMentionedUser: (mentionedUser) => {\n      if (mentionedUser) onShowUserProfile?.(mentionedUser);\n    },\n    onToggleVoiceMessage: async (state, setState) => {\n      if (isVoiceMessage(message) && message.sendingStatus === 'succeeded') {\n        if (playerService.uri === message.url) {\n          if (playerService.state === 'playing') {\n            await playerService.pause();\n          } else {\n            await playerService.play(message.url);\n          }\n        } else {\n          if (playerService.state !== 'idle') {\n            await resetPlayer();\n          }\n\n          const shouldSeekToTime = state.duration > state.currentTime && state.currentTime > 0;\n          let seekFinished = !shouldSeekToTime;\n\n          const forPlayback = playerService.addPlaybackListener(({ stopped, currentTime, duration }) => {\n            voiceMessageStatusManager.setCurrentTime(message.channelUrl, message.messageId, currentTime);\n            if (seekFinished) {\n              setState((prevState) => ({ ...prevState, currentTime: stopped ? 0 : currentTime, duration }));\n            }\n          });\n          const forState = playerService.addStateListener((state) => {\n            switch (state) {\n              case 'preparing':\n                setState((prevState) => ({ ...prevState, status: 'preparing' }));\n                break;\n              case 'playing':\n                setState((prevState) => ({ ...prevState, status: 'playing' }));\n                break;\n              case 'idle':\n              case 'paused': {\n                setState((prevState) => ({ ...prevState, status: 'paused' }));\n                break;\n              }\n              case 'stopped':\n                setState((prevState) => ({ ...prevState, status: 'paused' }));\n                break;\n            }\n          });\n          playerUnsubscribes.current.push(forPlayback, forState);\n\n          await playerService.play(message.url);\n          if (shouldSeekToTime) {\n            await playerService.seek(state.currentTime);\n            seekFinished = true;\n          }\n        }\n      }\n    },\n    groupedWithPrev: groupWithPrev,\n    groupedWithNext: groupWithNext,\n    children: reactionChildren,\n    replyInfo: replyInfo,\n    sendingStatus: isMyMessage(message, currentUser?.userId) ? (\n      <GroupChannelMessageOutgoingStatus channel={channel} message={message} />\n    ) : null,\n    parentMessage: shouldRenderParentMessage(message, hideParentMessage) ? (\n      <GroupChannelMessageParentMessage\n        channel={channel}\n        message={message.parentMessage}\n        variant={variant}\n        childMessage={message}\n        onPress={onPressParentMessage}\n      />\n    ) : null,\n    strings: {\n      edited: STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_EDITED_POSTFIX,\n      senderName: ('sender' in message && message.sender.nickname) || STRINGS.LABELS.USER_NO_NAME,\n      sentDate: STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_TIME(message),\n      fileName: message.isFileMessage() ? STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_FILE_TITLE(message) : '',\n      unknownTitle: STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_TITLE(message),\n      unknownDescription: STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_DESC(message),\n    },\n  };\n\n  const userMessageProps: {\n    renderRegexTextChildren: (message: SendbirdUserMessage) => string;\n    regexTextPatterns: RegexTextPattern[];\n  } = {\n    renderRegexTextChildren: (message) => {\n      if (\n        mentionManager.shouldUseMentionedMessageTemplate(message, sbOptions.uikit.groupChannel.channel.enableMention)\n      ) {\n        return message.mentionedMessageTemplate;\n      } else {\n        return message.message;\n      }\n    },\n    regexTextPatterns: [\n      {\n        regex: mentionManager.templateRegex,\n        replacer({ match, groups, parentProps, index, keyPrefix }) {\n          const user = message.mentionedUsers?.find((it) => it.userId === groups[2]);\n          if (user) {\n            const mentionColor =\n              !isMyMessage(message, currentUser?.userId) && user.userId === currentUser?.userId\n                ? palette.onBackgroundLight01\n                : parentProps?.color;\n\n            return (\n              <Text\n                {...parentProps}\n                key={`${keyPrefix}-${index}`}\n                color={mentionColor}\n                onPress={() => messageProps.onPressMentionedUser?.(user)}\n                onLongPress={messageProps.onLongPress}\n                style={[\n                  parentProps?.style,\n                  { fontWeight: '700' },\n                  user.userId === currentUser?.userId && { backgroundColor: palette.highlight },\n                ]}\n              >\n                {`${mentionManager.asMentionedMessageText(user)}`}\n              </Text>\n            );\n          }\n          return match;\n        },\n      },\n    ],\n  };\n\n  const renderMessage = () => {\n    switch (getMessageType(message)) {\n      case 'admin': {\n        return <GroupChannelMessage.Admin message={message as SendbirdAdminMessage} {...messageProps} />;\n      }\n      case 'user':\n      case 'user.opengraph': {\n        if (message.ogMetaData && sbOptions.uikitWithAppInfo.groupChannel.channel.enableOgtag) {\n          return (\n            <GroupChannelMessage.OpenGraphUser\n              message={message as SendbirdUserMessage}\n              {...userMessageProps}\n              {...messageProps}\n            />\n          );\n        } else {\n          return (\n            <GroupChannelMessage.User\n              message={message as SendbirdUserMessage}\n              {...userMessageProps}\n              {...messageProps}\n            />\n          );\n        }\n      }\n      case 'file':\n      case 'file.audio': {\n        return <GroupChannelMessage.File message={message as SendbirdFileMessage} {...messageProps} />;\n      }\n      case 'file.image': {\n        return <GroupChannelMessage.ImageFile message={message as SendbirdFileMessage} {...messageProps} />;\n      }\n      case 'file.video': {\n        return (\n          <GroupChannelMessage.VideoFile\n            message={message as SendbirdFileMessage}\n            fetchThumbnailFromVideoSource={(uri) => mediaService.getVideoThumbnail({ url: uri, timeMills: 1000 })}\n            {...messageProps}\n          />\n        );\n      }\n      case 'file.voice': {\n        return (\n          <GroupChannelMessage.VoiceFile\n            message={message as SendbirdFileMessage}\n            durationMetaArrayKey={VOICE_MESSAGE_META_ARRAY_DURATION_KEY}\n            initialCurrentTime={voiceMessageStatusManager.getCurrentTime(message.channelUrl, message.messageId)}\n            onSubscribeStatus={voiceMessageStatusManager.subscribe}\n            onUnsubscribeStatus={voiceMessageStatusManager.unsubscribe}\n            onUnmount={() => {\n              if (isVoiceMessage(message) && playerService.uri === message.url) {\n                resetPlayer().catch((_) => {});\n              }\n            }}\n            {...messageProps}\n          />\n        );\n      }\n      case 'unknown':\n      default: {\n        return <GroupChannelMessage.Unknown message={message} {...messageProps} />;\n      }\n    }\n  };\n\n  const messageGap = useIIFE(() => {\n    if (message.isAdminMessage()) {\n      if (nextMessage?.isAdminMessage()) {\n        return 8;\n      } else {\n        return 16;\n      }\n    } else if (nextMessage && shouldRenderParentMessage(nextMessage, hideParentMessage)) {\n      return 16;\n    } else if (groupWithNext) {\n      return 2;\n    } else {\n      return 16;\n    }\n  });\n\n  return (\n    <Box paddingHorizontal={16} marginBottom={messageGap}>\n      <GroupChannelMessageDateSeparator message={message} prevMessage={prevMessage} />\n      <GroupChannelMessageFocusAnimation focused={focused}>{renderMessage()}</GroupChannelMessageFocusAnimation>\n    </Box>\n  );\n};\n\nexport const GroupChannelTypingIndicatorBubble = () => {\n  const { sbOptions } = useSendbirdChat();\n  const { publish } = useContext(GroupChannelContexts.PubSub);\n  const { typingUsers } = useContext(GroupChannelContexts.TypingIndicator);\n\n  const shouldRenderBubble = useIIFE(() => {\n    if (typingUsers.length === 0) return false;\n    if (!sbOptions.uikit.groupChannel.channel.enableTypingIndicator) return false;\n    if (!sbOptions.uikit.groupChannel.channel.typingIndicatorTypes.has(TypingIndicatorType.Bubble)) return false;\n    return true;\n  });\n\n  useEffect(() => {\n    if (shouldRenderBubble) publish({ type: 'TYPING_BUBBLE_RENDERED' });\n  }, [shouldRenderBubble]);\n\n  if (!shouldRenderBubble) return null;\n  return (\n    <Box paddingHorizontal={16} marginTop={4} marginBottom={16}>\n      <TypingIndicatorBubble typingUsers={typingUsers} />\n    </Box>\n  );\n};\n\nexport default React.memo(GroupChannelMessageRenderer);\n"],"mappings":"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"}
+{"version":3,"names":["React","useContext","useEffect","useRef","Box","GroupChannelMessage","Text","TypingIndicatorBubble","useUIKitTheme","calcMessageGrouping","getMessageType","isMyMessage","isVoiceMessage","shouldRenderParentMessage","shouldRenderReaction","useIIFE","VOICE_MESSAGE_META_ARRAY_DURATION_KEY","GroupChannelContexts","useLocalization","usePlatformService","useSBUHandlers","useSendbirdChat","TypingIndicatorType","ReactionAddons","GroupChannelMessageDateSeparator","GroupChannelMessageFocusAnimation","GroupChannelMessageOutgoingStatus","GroupChannelMessageParentMessage","GroupChannelMessageReplyInfo","GroupChannelMessageRenderer","channel","message","onPress","onLongPress","onPressParentMessage","onShowUserProfile","onReplyInThreadMessage","enableMessageGrouping","focused","prevMessage","nextMessage","hideParentMessage","handlers","playerUnsubscribes","palette","sbOptions","currentUser","mentionManager","voiceMessageStatusManager","STRINGS","mediaService","playerService","groupWithPrev","groupWithNext","Boolean","uikit","groupChannel","replyType","variant","userId","reactionChildren","configs","uikitWithAppInfo","isSuper","enableReactionsSupergroup","enableReactions","reactions","length","createElement","Message","replyInfo","threadInfo","replyCount","resetPlayer","current","forEach","unsubscribe","reset","messageProps","onPressURL","url","onOpenURL","onPressAvatar","sender","onPressMentionedUser","mentionedUser","onToggleVoiceMessage","state","setState","sendingStatus","uri","pause","play","shouldSeekToTime","duration","currentTime","seekFinished","forPlayback","addPlaybackListener","stopped","setCurrentTime","channelUrl","messageId","prevState","forState","addStateListener","status","push","seek","groupedWithPrev","groupedWithNext","children","parentMessage","childMessage","strings","edited","GROUP_CHANNEL","MESSAGE_BUBBLE_EDITED_POSTFIX","senderName","nickname","LABELS","USER_NO_NAME","sentDate","MESSAGE_BUBBLE_TIME","fileName","isFileMessage","MESSAGE_BUBBLE_FILE_TITLE","unknownTitle","MESSAGE_BUBBLE_UNKNOWN_TITLE","unknownDescription","MESSAGE_BUBBLE_UNKNOWN_DESC","userMessageProps","renderRegexTextChildren","shouldUseMentionedMessageTemplate","enableMention","mentionedMessageTemplate","regexTextPatterns","regex","templateRegex","replacer","match","groups","parentProps","index","keyPrefix","_message$mentionedUse","user","mentionedUsers","find","it","mentionColor","onBackgroundLight01","color","_extends","key","_messageProps$onPress","call","suppressHighlighting","style","fontWeight","backgroundColor","highlight","asMentionedMessageText","renderMessage","Admin","ogMetaData","enableOgtag","OpenGraphUser","User","File","ImageFile","VideoFile","fetchThumbnailFromVideoSource","getVideoThumbnail","timeMills","VoiceFile","durationMetaArrayKey","initialCurrentTime","getCurrentTime","onSubscribeStatus","subscribe","onUnsubscribeStatus","onUnmount","catch","_","Unknown","messageGap","isAdminMessage","paddingHorizontal","marginBottom","GroupChannelTypingIndicatorBubble","publish","PubSub","typingUsers","TypingIndicator","shouldRenderBubble","enableTypingIndicator","typingIndicatorTypes","has","Bubble","type","marginTop","memo"],"sources":["index.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef } from 'react';\n\nimport type { GroupChannelMessageProps, RegexTextPattern } from '@sendbird/uikit-react-native-foundation';\nimport {\n  Box,\n  GroupChannelMessage,\n  Text,\n  TypingIndicatorBubble,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdAdminMessage,\n  SendbirdFileMessage,\n  SendbirdMessage,\n  SendbirdUserMessage,\n  calcMessageGrouping,\n  getMessageType,\n  isMyMessage,\n  isVoiceMessage,\n  shouldRenderParentMessage,\n  shouldRenderReaction,\n  useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport { VOICE_MESSAGE_META_ARRAY_DURATION_KEY } from '../../constants';\nimport { GroupChannelContexts } from '../../domain/groupChannel/module/moduleContext';\nimport type { GroupChannelProps } from '../../domain/groupChannel/types';\nimport { useLocalization, usePlatformService, useSBUHandlers, useSendbirdChat } from '../../hooks/useContext';\nimport { TypingIndicatorType } from '../../types';\nimport { ReactionAddons } from '../ReactionAddons';\nimport GroupChannelMessageDateSeparator from './GroupChannelMessageDateSeparator';\nimport GroupChannelMessageFocusAnimation from './GroupChannelMessageFocusAnimation';\nimport GroupChannelMessageOutgoingStatus from './GroupChannelMessageOutgoingStatus';\nimport GroupChannelMessageParentMessage from './GroupChannelMessageParentMessage';\nimport GroupChannelMessageReplyInfo from './GroupChannelMessageReplyInfo';\n\nconst GroupChannelMessageRenderer: GroupChannelProps['Fragment']['renderMessage'] = ({\n  channel,\n  message,\n  onPress,\n  onLongPress,\n  onPressParentMessage,\n  onShowUserProfile,\n  onReplyInThreadMessage,\n  enableMessageGrouping,\n  focused,\n  prevMessage,\n  nextMessage,\n  hideParentMessage,\n}) => {\n  const handlers = useSBUHandlers();\n  const playerUnsubscribes = useRef<(() => void)[]>([]);\n  const { palette } = useUIKitTheme();\n  const { sbOptions, currentUser, mentionManager, voiceMessageStatusManager } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { mediaService, playerService } = usePlatformService();\n  const { groupWithPrev, groupWithNext } = calcMessageGrouping(\n    Boolean(enableMessageGrouping),\n    message,\n    prevMessage,\n    nextMessage,\n    sbOptions.uikit.groupChannel.channel.replyType === 'thread',\n    shouldRenderParentMessage(message, hideParentMessage),\n  );\n\n  const variant = isMyMessage(message, currentUser?.userId) ? 'outgoing' : 'incoming';\n\n  const reactionChildren = useIIFE(() => {\n    const configs = sbOptions.uikitWithAppInfo.groupChannel.channel;\n    if (\n      shouldRenderReaction(channel, channel.isSuper ? configs.enableReactionsSupergroup : configs.enableReactions) &&\n      message.reactions &&\n      message.reactions.length > 0\n    ) {\n      return <ReactionAddons.Message channel={channel} message={message} />;\n    }\n    return null;\n  });\n\n  const replyInfo = useIIFE(() => {\n    if (sbOptions.uikit.groupChannel.channel.replyType !== 'thread') return null;\n    if (!channel || !message.threadInfo || !message.threadInfo.replyCount) return null;\n    return <GroupChannelMessageReplyInfo channel={channel} message={message} onPress={onReplyInThreadMessage} />;\n  });\n\n  const resetPlayer = async () => {\n    playerUnsubscribes.current.forEach((unsubscribe) => {\n      try {\n        unsubscribe();\n      } catch {}\n    });\n    playerUnsubscribes.current.length = 0;\n    await playerService.reset();\n  };\n\n  const messageProps: Omit<GroupChannelMessageProps<SendbirdMessage>, 'message'> = {\n    channel,\n    variant,\n    onPress,\n    onLongPress,\n    onPressURL: (url) => handlers.onOpenURL(url),\n    onPressAvatar: () => {\n      if ('sender' in message) onShowUserProfile?.(message.sender);\n    },\n    onPressMentionedUser: (mentionedUser) => {\n      if (mentionedUser) onShowUserProfile?.(mentionedUser);\n    },\n    onToggleVoiceMessage: async (state, setState) => {\n      if (isVoiceMessage(message) && message.sendingStatus === 'succeeded') {\n        if (playerService.uri === message.url) {\n          if (playerService.state === 'playing') {\n            await playerService.pause();\n          } else {\n            await playerService.play(message.url);\n          }\n        } else {\n          if (playerService.state !== 'idle') {\n            await resetPlayer();\n          }\n\n          const shouldSeekToTime = state.duration > state.currentTime && state.currentTime > 0;\n          let seekFinished = !shouldSeekToTime;\n\n          const forPlayback = playerService.addPlaybackListener(({ stopped, currentTime, duration }) => {\n            voiceMessageStatusManager.setCurrentTime(message.channelUrl, message.messageId, stopped ? 0 : currentTime);\n            if (seekFinished) {\n              setState((prevState) => ({ ...prevState, currentTime: stopped ? 0 : currentTime, duration }));\n            }\n          });\n          const forState = playerService.addStateListener((state) => {\n            switch (state) {\n              case 'preparing':\n                setState((prevState) => ({ ...prevState, status: 'preparing' }));\n                break;\n              case 'playing':\n                setState((prevState) => ({ ...prevState, status: 'playing' }));\n                break;\n              case 'idle':\n              case 'paused': {\n                setState((prevState) => ({ ...prevState, status: 'paused' }));\n                break;\n              }\n              case 'stopped':\n                setState((prevState) => ({ ...prevState, status: 'paused' }));\n                break;\n            }\n          });\n          playerUnsubscribes.current.push(forPlayback, forState);\n\n          await playerService.play(message.url);\n          if (shouldSeekToTime) {\n            await playerService.seek(state.currentTime);\n            seekFinished = true;\n          }\n        }\n      }\n    },\n    groupedWithPrev: groupWithPrev,\n    groupedWithNext: groupWithNext,\n    children: reactionChildren,\n    replyInfo: replyInfo,\n    sendingStatus: isMyMessage(message, currentUser?.userId) ? (\n      <GroupChannelMessageOutgoingStatus channel={channel} message={message} />\n    ) : null,\n    parentMessage: shouldRenderParentMessage(message, hideParentMessage) ? (\n      <GroupChannelMessageParentMessage\n        channel={channel}\n        message={message.parentMessage}\n        variant={variant}\n        childMessage={message}\n        onPress={onPressParentMessage}\n      />\n    ) : null,\n    strings: {\n      edited: STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_EDITED_POSTFIX,\n      senderName: ('sender' in message && message.sender.nickname) || STRINGS.LABELS.USER_NO_NAME,\n      sentDate: STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_TIME(message),\n      fileName: message.isFileMessage() ? STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_FILE_TITLE(message) : '',\n      unknownTitle: STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_TITLE(message),\n      unknownDescription: STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_DESC(message),\n    },\n  };\n\n  const userMessageProps: {\n    renderRegexTextChildren: (message: SendbirdUserMessage) => string;\n    regexTextPatterns: RegexTextPattern[];\n  } = {\n    renderRegexTextChildren: (message) => {\n      if (\n        mentionManager.shouldUseMentionedMessageTemplate(message, sbOptions.uikit.groupChannel.channel.enableMention)\n      ) {\n        return message.mentionedMessageTemplate ?? '';\n      } else {\n        return message.message;\n      }\n    },\n    regexTextPatterns: [\n      {\n        regex: mentionManager.templateRegex,\n        replacer({ match, groups, parentProps, index, keyPrefix }) {\n          const user = message.mentionedUsers?.find((it) => it.userId === groups[2]);\n          if (user) {\n            const mentionColor =\n              !isMyMessage(message, currentUser?.userId) && user.userId === currentUser?.userId\n                ? palette.onBackgroundLight01\n                : parentProps?.color;\n\n            return (\n              <Text\n                {...parentProps}\n                key={`${keyPrefix}-${index}`}\n                color={mentionColor}\n                onPress={() => messageProps.onPressMentionedUser?.(user)}\n                onLongPress={messageProps.onLongPress}\n                suppressHighlighting\n                style={[\n                  parentProps?.style,\n                  { fontWeight: '700' },\n                  user.userId === currentUser?.userId && { backgroundColor: palette.highlight },\n                ]}\n              >\n                {`${mentionManager.asMentionedMessageText(user)}`}\n              </Text>\n            );\n          }\n          return match;\n        },\n      },\n    ],\n  };\n\n  const renderMessage = () => {\n    switch (getMessageType(message)) {\n      case 'admin': {\n        return <GroupChannelMessage.Admin message={message as SendbirdAdminMessage} {...messageProps} />;\n      }\n      case 'user':\n      case 'user.opengraph': {\n        if (message.ogMetaData && sbOptions.uikitWithAppInfo.groupChannel.channel.enableOgtag) {\n          return (\n            <GroupChannelMessage.OpenGraphUser\n              message={message as SendbirdUserMessage}\n              {...userMessageProps}\n              {...messageProps}\n            />\n          );\n        } else {\n          return (\n            <GroupChannelMessage.User\n              message={message as SendbirdUserMessage}\n              {...userMessageProps}\n              {...messageProps}\n            />\n          );\n        }\n      }\n      case 'file':\n      case 'file.audio': {\n        return <GroupChannelMessage.File message={message as SendbirdFileMessage} {...messageProps} />;\n      }\n      case 'file.image': {\n        return <GroupChannelMessage.ImageFile message={message as SendbirdFileMessage} {...messageProps} />;\n      }\n      case 'file.video': {\n        return (\n          <GroupChannelMessage.VideoFile\n            message={message as SendbirdFileMessage}\n            fetchThumbnailFromVideoSource={(uri) => mediaService.getVideoThumbnail({ url: uri, timeMills: 1000 })}\n            {...messageProps}\n          />\n        );\n      }\n      case 'file.voice': {\n        return (\n          <GroupChannelMessage.VoiceFile\n            message={message as SendbirdFileMessage}\n            durationMetaArrayKey={VOICE_MESSAGE_META_ARRAY_DURATION_KEY}\n            initialCurrentTime={voiceMessageStatusManager.getCurrentTime(message.channelUrl, message.messageId)}\n            onSubscribeStatus={voiceMessageStatusManager.subscribe}\n            onUnsubscribeStatus={voiceMessageStatusManager.unsubscribe}\n            onUnmount={() => {\n              if (isVoiceMessage(message) && playerService.uri === message.url) {\n                resetPlayer().catch((_) => {});\n              }\n            }}\n            {...messageProps}\n          />\n        );\n      }\n      case 'unknown':\n      default: {\n        return <GroupChannelMessage.Unknown message={message} {...messageProps} />;\n      }\n    }\n  };\n\n  const messageGap = useIIFE(() => {\n    if (message.isAdminMessage()) {\n      if (nextMessage?.isAdminMessage()) {\n        return 8;\n      } else {\n        return 16;\n      }\n    } else if (nextMessage && shouldRenderParentMessage(nextMessage, hideParentMessage)) {\n      return 16;\n    } else if (groupWithNext) {\n      return 2;\n    } else {\n      return 16;\n    }\n  });\n\n  return (\n    <Box paddingHorizontal={16} marginBottom={messageGap}>\n      <GroupChannelMessageDateSeparator message={message} prevMessage={prevMessage} />\n      <GroupChannelMessageFocusAnimation focused={focused}>{renderMessage()}</GroupChannelMessageFocusAnimation>\n    </Box>\n  );\n};\n\nexport const GroupChannelTypingIndicatorBubble = () => {\n  const { sbOptions } = useSendbirdChat();\n  const { publish } = useContext(GroupChannelContexts.PubSub);\n  const { typingUsers } = useContext(GroupChannelContexts.TypingIndicator);\n\n  const shouldRenderBubble = useIIFE(() => {\n    if (typingUsers.length === 0) return false;\n    if (!sbOptions.uikit.groupChannel.channel.enableTypingIndicator) return false;\n    if (!sbOptions.uikit.groupChannel.channel.typingIndicatorTypes.has(TypingIndicatorType.Bubble)) return false;\n    return true;\n  });\n\n  useEffect(() => {\n    if (shouldRenderBubble) publish({ type: 'TYPING_BUBBLE_RENDERED' });\n  }, [shouldRenderBubble]);\n\n  if (!shouldRenderBubble) return null;\n  return (\n    <Box paddingHorizontal={16} marginTop={4} marginBottom={16}>\n      <TypingIndicatorBubble typingUsers={typingUsers} />\n    </Box>\n  );\n};\n\nexport default React.memo(GroupChannelMessageRenderer);\n"],"mappings":"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","ignoreList":[]}