@sendbird/uikit-react-native 3.7.5 → 3.8.0

package/lib/commonjs/components/FileViewer/index.js

@@ -13,21 +13,20 @@ var _useContext = require("../../hooks/useContext");
 var _FileViewerContent = _interopRequireDefault(require("./FileViewerContent"));
 var _FileViewerFooter = _interopRequireDefault(require("./FileViewerFooter"));
 var _FileViewerHeader = _interopRequireDefault(require("./FileViewerHeader"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const FileViewer = _ref => {
-  let {
-    headerShown = true,
-    maxZoom = 3,
-    minZoom = 1,
-    headerTopInset,
-    fileMessage,
-    onClose,
-    onPressDownload,
-    onPressDelete,
-    deleteMessage
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const FileViewer = ({
+  headerShown = true,
+  maxZoom = 3,
+  minZoom = 1,
+  headerTopInset,
+  fileMessage,
+  onClose,
+  onPressDownload,
+  onPressDelete,
+  deleteMessage
+}) => {
   const {
     topInset,
     statusBarTranslucent
@@ -128,6 +127,5 @@ const FileViewer = _ref => {
     onPressDownload: onPressDownloadButton
   }));
 };
-var _default = FileViewer;
-exports.default = _default;
+var _default = exports.default = FileViewer;
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/FileViewer/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_uikitReactNativeFoundation","_uikitUtils","_useContext","_FileViewerContent","_interopRequireDefault","_FileViewerFooter","_FileViewerHeader","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","FileViewer","_ref","headerShown","maxZoom","minZoom","headerTopInset","fileMessage","onClose","onPressDownload","onPressDelete","deleteMessage","topInset","statusBarTranslucent","useHeaderStyle","bottom","useSafeAreaInsets","palette","useUIKitTheme","alert","useAlert","show","useToast","fileService","usePlatformService","currentUser","useSendbirdChat","STRINGS","useLocalization","fileType","getFileType","type","getFileExtension","url","canDelete","isMyMessage","userId","basicTopInset","onPressDeleteButton","title","LABELS","CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE","buttons","text","CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL","CHANNEL_MESSAGE_DELETE_CONFIRM_OK","style","onPress","then","catch","TOAST","DELETE_MSG_ERROR","onPressDownloadButton","toMegabyte","size","DOWNLOAD_START","save","fileUrl","fileName","name","response","DOWNLOAD_OK","Logger","log","err","DOWNLOAD_ERROR","useEffect","createElement","Box","flex","backgroundColor","background700","StatusBar","barStyle","animated","FILE_VIEWER","TITLE","subtitle","SUBTITLE","bottomInset","src","deleteShown","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { StatusBar } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { Box, useAlert, useHeaderStyle, useToast, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage } from '@sendbird/uikit-utils';\nimport { Logger, getFileExtension, getFileType, isMyMessage, toMegabyte } from '@sendbird/uikit-utils';\n\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';\nimport FileViewerContent from './FileViewerContent';\nimport FileViewerFooter from './FileViewerFooter';\nimport FileViewerHeader from './FileViewerHeader';\n\ntype Props = {\n  fileMessage: SendbirdFileMessage;\n  deleteMessage: () => Promise<void>;\n\n  onClose: () => void;\n  onPressDownload?: (message: SendbirdFileMessage) => void;\n  onPressDelete?: (message: SendbirdFileMessage) => void;\n\n  headerShown?: boolean;\n  headerTopInset?: number;\n\n  /** This prop is only available on the Image viewer */\n  minZoom?: number;\n  /** This prop is only available on the Image viewer */\n  maxZoom?: number;\n};\n\nconst FileViewer = ({\n  headerShown = true,\n  maxZoom = 3,\n  minZoom = 1,\n  headerTopInset,\n  fileMessage,\n  onClose,\n  onPressDownload,\n  onPressDelete,\n  deleteMessage,\n}: Props) => {\n  const { topInset, statusBarTranslucent } = useHeaderStyle();\n  const { bottom } = useSafeAreaInsets();\n  const { palette } = useUIKitTheme();\n  const { alert } = useAlert();\n  const { show } = useToast();\n\n  const { fileService } = usePlatformService();\n  const { currentUser } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n\n  const fileType = getFileType(fileMessage.type || getFileExtension(fileMessage.url));\n  const canDelete = isMyMessage(fileMessage, currentUser?.userId);\n  const basicTopInset = statusBarTranslucent ? topInset : 0;\n\n  const onPressDeleteButton = () => {\n    if (!canDelete) return;\n\n    if (onPressDelete) {\n      onPressDelete(fileMessage);\n    } else {\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: () => {\n              deleteMessage()\n                .then(() => {\n                  onClose();\n                })\n                .catch(() => {\n                  show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error');\n                });\n            },\n          },\n        ],\n      });\n    }\n  };\n\n  const onPressDownloadButton = () => {\n    if (onPressDownload) {\n      onPressDownload(fileMessage);\n    } else {\n      if (toMegabyte(fileMessage.size) > 4) {\n        show(STRINGS.TOAST.DOWNLOAD_START, 'success');\n      }\n\n      fileService\n        .save({ fileUrl: fileMessage.url, fileName: fileMessage.name, fileType: fileMessage.type })\n        .then((response) => {\n          show(STRINGS.TOAST.DOWNLOAD_OK, 'success');\n          Logger.log('File saved to', response);\n        })\n        .catch((err) => {\n          show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');\n          Logger.log('File save failure', err);\n        });\n    }\n  };\n\n  useEffect(() => {\n    if (fileType === 'file') onClose();\n  }, []);\n\n  return (\n    <Box flex={1} backgroundColor={palette.background700}>\n      <StatusBar barStyle={'light-content'} animated />\n      <FileViewerHeader\n        topInset={headerTopInset ?? basicTopInset}\n        headerShown={headerShown}\n        title={STRINGS.FILE_VIEWER.TITLE(fileMessage)}\n        subtitle={STRINGS.FILE_VIEWER.SUBTITLE(fileMessage)}\n        onClose={onClose}\n      />\n      <FileViewerContent\n        topInset={headerTopInset ?? basicTopInset}\n        bottomInset={bottom}\n        type={fileType}\n        src={fileMessage.url}\n        maxZoom={maxZoom}\n        minZoom={minZoom}\n      />\n      <FileViewerFooter\n        bottomInset={bottom}\n        deleteShown={canDelete}\n        onPressDelete={onPressDeleteButton}\n        onPressDownload={onPressDownloadButton}\n      />\n    </Box>\n  );\n};\n\nexport default FileViewer;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_uikitReactNativeFoundation","_uikitUtils","_useContext","_FileViewerContent","_interopRequireDefault","_FileViewerFooter","_FileViewerHeader","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FileViewer","headerShown","maxZoom","minZoom","headerTopInset","fileMessage","onClose","onPressDownload","onPressDelete","deleteMessage","topInset","statusBarTranslucent","useHeaderStyle","bottom","useSafeAreaInsets","palette","useUIKitTheme","alert","useAlert","show","useToast","fileService","usePlatformService","currentUser","useSendbirdChat","STRINGS","useLocalization","fileType","getFileType","type","getFileExtension","url","canDelete","isMyMessage","userId","basicTopInset","onPressDeleteButton","title","LABELS","CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE","buttons","text","CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL","CHANNEL_MESSAGE_DELETE_CONFIRM_OK","style","onPress","then","catch","TOAST","DELETE_MSG_ERROR","onPressDownloadButton","toMegabyte","size","DOWNLOAD_START","save","fileUrl","fileName","name","response","DOWNLOAD_OK","Logger","log","err","DOWNLOAD_ERROR","useEffect","createElement","Box","flex","backgroundColor","background700","StatusBar","barStyle","animated","FILE_VIEWER","TITLE","subtitle","SUBTITLE","bottomInset","src","deleteShown","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { StatusBar } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { Box, useAlert, useHeaderStyle, useToast, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage } from '@sendbird/uikit-utils';\nimport { Logger, getFileExtension, getFileType, isMyMessage, toMegabyte } from '@sendbird/uikit-utils';\n\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';\nimport FileViewerContent from './FileViewerContent';\nimport FileViewerFooter from './FileViewerFooter';\nimport FileViewerHeader from './FileViewerHeader';\n\ntype Props = {\n  fileMessage: SendbirdFileMessage;\n  deleteMessage: () => Promise<void>;\n\n  onClose: () => void;\n  onPressDownload?: (message: SendbirdFileMessage) => void;\n  onPressDelete?: (message: SendbirdFileMessage) => void;\n\n  headerShown?: boolean;\n  headerTopInset?: number;\n\n  /** This prop is only available on the Image viewer */\n  minZoom?: number;\n  /** This prop is only available on the Image viewer */\n  maxZoom?: number;\n};\n\nconst FileViewer = ({\n  headerShown = true,\n  maxZoom = 3,\n  minZoom = 1,\n  headerTopInset,\n  fileMessage,\n  onClose,\n  onPressDownload,\n  onPressDelete,\n  deleteMessage,\n}: Props) => {\n  const { topInset, statusBarTranslucent } = useHeaderStyle();\n  const { bottom } = useSafeAreaInsets();\n  const { palette } = useUIKitTheme();\n  const { alert } = useAlert();\n  const { show } = useToast();\n\n  const { fileService } = usePlatformService();\n  const { currentUser } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n\n  const fileType = getFileType(fileMessage.type || getFileExtension(fileMessage.url));\n  const canDelete = isMyMessage(fileMessage, currentUser?.userId);\n  const basicTopInset = statusBarTranslucent ? topInset : 0;\n\n  const onPressDeleteButton = () => {\n    if (!canDelete) return;\n\n    if (onPressDelete) {\n      onPressDelete(fileMessage);\n    } else {\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: () => {\n              deleteMessage()\n                .then(() => {\n                  onClose();\n                })\n                .catch(() => {\n                  show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error');\n                });\n            },\n          },\n        ],\n      });\n    }\n  };\n\n  const onPressDownloadButton = () => {\n    if (onPressDownload) {\n      onPressDownload(fileMessage);\n    } else {\n      if (toMegabyte(fileMessage.size) > 4) {\n        show(STRINGS.TOAST.DOWNLOAD_START, 'success');\n      }\n\n      fileService\n        .save({ fileUrl: fileMessage.url, fileName: fileMessage.name, fileType: fileMessage.type })\n        .then((response) => {\n          show(STRINGS.TOAST.DOWNLOAD_OK, 'success');\n          Logger.log('File saved to', response);\n        })\n        .catch((err) => {\n          show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');\n          Logger.log('File save failure', err);\n        });\n    }\n  };\n\n  useEffect(() => {\n    if (fileType === 'file') onClose();\n  }, []);\n\n  return (\n    <Box flex={1} backgroundColor={palette.background700}>\n      <StatusBar barStyle={'light-content'} animated />\n      <FileViewerHeader\n        topInset={headerTopInset ?? basicTopInset}\n        headerShown={headerShown}\n        title={STRINGS.FILE_VIEWER.TITLE(fileMessage)}\n        subtitle={STRINGS.FILE_VIEWER.SUBTITLE(fileMessage)}\n        onClose={onClose}\n      />\n      <FileViewerContent\n        topInset={headerTopInset ?? basicTopInset}\n        bottomInset={bottom}\n        type={fileType}\n        src={fileMessage.url}\n        maxZoom={maxZoom}\n        minZoom={minZoom}\n      />\n      <FileViewerFooter\n        bottomInset={bottom}\n        deleteShown={canDelete}\n        onPressDelete={onPressDeleteButton}\n        onPressDownload={onPressDownloadButton}\n      />\n    </Box>\n  );\n};\n\nexport default FileViewer;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageDateSeparator.js

@@ -9,12 +9,11 @@ var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
 var _useContext = require("../../hooks/useContext");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const GroupChannelMessageDateSeparator = _ref => {
-  let {
-    message,
-    prevMessage
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const GroupChannelMessageDateSeparator = ({
+  message,
+  prevMessage
+}) => {
   const {
     STRINGS
   } = (0, _useContext.useLocalization)();
@@ -45,6 +44,5 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     paddingHorizontal: 10
   }
 });
-var _default = GroupChannelMessageDateSeparator;
-exports.default = _default;
+var _default = exports.default = GroupChannelMessageDateSeparator;
 //# sourceMappingURL=GroupChannelMessageDateSeparator.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_dateFns","require","_react","_interopRequireDefault","_reactNative","_uikitReactNativeFoundation","_useContext","obj","__esModule","default","GroupChannelMessageDateSeparator","_ref","message","prevMessage","STRINGS","useLocalization","colors","useUIKitTheme","sameDay","isSameDay","createdAt","createElement","View","style","styles","container","view","backgroundColor","ui","dateSeparator","none","background","Text","caption1","color","text","GROUP_CHANNEL","LIST_DATE_SEPARATOR","Date","createStyleSheet","alignItems","marginVertical","borderRadius","paddingVertical","paddingHorizontal","_default","exports"],"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,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAEA,IAAAI,2BAAA,GAAAJ,OAAA;AAGA,IAAAK,WAAA,GAAAL,OAAA;AAAyD,SAAAE,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEzD,MAAMG,gCAAgC,GAAGC,IAAA,IAMnC;EAAA,IANoC;IACxCC,OAAO;IACPC;EAIF,CAAC,GAAAF,IAAA;EACC,MAAM;IAAEG;EAAQ,CAAC,GAAG,IAAAC,2BAAe,GAAE;EACrC,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;EAElC,MAAMC,OAAO,GAAG,IAAAC,kBAAS,EAACP,OAAO,CAACQ,SAAS,EAAE,CAAAP,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEO,SAAS,KAAI,CAAC,CAAC;EACzE,IAAIF,OAAO,EAAE,OAAO,IAAI;EAExB,oBACEhB,MAAA,CAAAO,OAAA,CAAAY,aAAA,CAACjB,YAAA,CAAAkB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BvB,MAAA,CAAAO,OAAA,CAAAY,aAAA,CAACjB,YAAA,CAAAkB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACE,IAAI,EAAE;MAAEC,eAAe,EAAEX,MAAM,CAACY,EAAE,CAACC,aAAa,CAACpB,OAAO,CAACqB,IAAI,CAACC;IAAW,CAAC;EAAE,gBAC/F7B,MAAA,CAAAO,OAAA,CAAAY,aAAA,CAAChB,2BAAA,CAAA2B,IAAI;IAACC,QAAQ;IAACC,KAAK,EAAElB,MAAM,CAACY,EAAE,CAACC,aAAa,CAACpB,OAAO,CAACqB,IAAI,CAACK;EAAK,GAC7DrB,OAAO,CAACsB,aAAa,CAACC,mBAAmB,CAAC,IAAIC,IAAI,CAAC1B,OAAO,CAACQ,SAAS,CAAC,CAAC,CAClE,CACF,CACF;AAEX,CAAC;AAED,MAAMI,MAAM,GAAG,IAAAe,4CAAgB,EAAC;EAC9Bd,SAAS,EAAE;IACTe,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDf,IAAI,EAAE;IACJgB,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYnC,gCAAgC;AAAAoC,OAAA,CAAArC,OAAA,GAAAoC,QAAA"}
+{"version":3,"names":["_dateFns","require","_react","_interopRequireDefault","_reactNative","_uikitReactNativeFoundation","_useContext","e","__esModule","default","GroupChannelMessageDateSeparator","message","prevMessage","STRINGS","useLocalization","colors","useUIKitTheme","sameDay","isSameDay","createdAt","createElement","View","style","styles","container","view","backgroundColor","ui","dateSeparator","none","background","Text","caption1","color","text","GROUP_CHANNEL","LIST_DATE_SEPARATOR","Date","createStyleSheet","alignItems","marginVertical","borderRadius","paddingVertical","paddingHorizontal","_default","exports"],"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,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAEA,IAAAI,2BAAA,GAAAJ,OAAA;AAGA,IAAAK,WAAA,GAAAL,OAAA;AAAyD,SAAAE,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEzD,MAAMG,gCAAgC,GAAGA,CAAC;EACxCC,OAAO;EACPC;AAIF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,2BAAe,EAAC,CAAC;EACrC,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,yCAAa,EAAC,CAAC;EAElC,MAAMC,OAAO,GAAG,IAAAC,kBAAS,EAACP,OAAO,CAACQ,SAAS,EAAE,CAAAP,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEO,SAAS,KAAI,CAAC,CAAC;EACzE,IAAIF,OAAO,EAAE,OAAO,IAAI;EAExB,oBACEf,MAAA,CAAAO,OAAA,CAAAW,aAAA,CAAChB,YAAA,CAAAiB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BtB,MAAA,CAAAO,OAAA,CAAAW,aAAA,CAAChB,YAAA,CAAAiB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACE,IAAI,EAAE;MAAEC,eAAe,EAAEX,MAAM,CAACY,EAAE,CAACC,aAAa,CAACnB,OAAO,CAACoB,IAAI,CAACC;IAAW,CAAC;EAAE,gBAC/F5B,MAAA,CAAAO,OAAA,CAAAW,aAAA,CAACf,2BAAA,CAAA0B,IAAI;IAACC,QAAQ;IAACC,KAAK,EAAElB,MAAM,CAACY,EAAE,CAACC,aAAa,CAACnB,OAAO,CAACoB,IAAI,CAACK;EAAK,GAC7DrB,OAAO,CAACsB,aAAa,CAACC,mBAAmB,CAAC,IAAIC,IAAI,CAAC1B,OAAO,CAACQ,SAAS,CAAC,CAClE,CACF,CACF,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAG,IAAAe,4CAAgB,EAAC;EAC9Bd,SAAS,EAAE;IACTe,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDf,IAAI,EAAE;IACJgB,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAApC,OAAA,GAEYC,gCAAgC","ignoreList":[]}

package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.js

@@ -8,8 +8,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _uikitUtils = require("@sendbird/uikit-utils");
 var _constants = require("../../constants");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const GroupChannelMessageFocusAnimation = props => {
   const isFirstMount = (0, _uikitUtils.useIsFirstMount)();
   const translateY = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
@@ -45,6 +45,5 @@ const GroupChannelMessageFocusAnimation = props => {
     }
   }, props.children);
 };
-var _default = GroupChannelMessageFocusAnimation;
-exports.default = _default;
+var _default = exports.default = GroupChannelMessageFocusAnimation;
 //# sourceMappingURL=GroupChannelMessageFocusAnimation.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitUtils","_constants","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","GroupChannelMessageFocusAnimation","props","isFirstMount","useIsFirstMount","translateY","useRef","Animated","Value","current","useEffect","focused","delay","MESSAGE_FOCUS_ANIMATION_DELAY","MESSAGE_SEARCH_SAFE_SCROLL_DELAY","setTimeout","sequence","toValue","duration","map","value","timing","useNativeDriver","easing","Easing","inOut","ease","start","createElement","View","style","transform","children","_default","exports"],"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":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitUtils","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","GroupChannelMessageFocusAnimation","props","isFirstMount","useIsFirstMount","translateY","useRef","Animated","Value","current","useEffect","focused","delay","MESSAGE_FOCUS_ANIMATION_DELAY","MESSAGE_SEARCH_SAFE_SCROLL_DELAY","setTimeout","sequence","toValue","duration","map","value","timing","useNativeDriver","easing","Easing","inOut","ease","start","createElement","View","style","transform","children","_default","exports"],"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":"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","ignoreList":[]}

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

@@ -8,14 +8,13 @@ var _react = _interopRequireDefault(require("react"));
 var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
 var _useContext = require("../../hooks/useContext");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const SIZE = 16;
-const GroupChannelMessageOutgoingStatus = _ref => {
-  let {
-    channel,
-    message,
-    style
-  } = _ref;
+const GroupChannelMessageOutgoingStatus = ({
+  channel,
+  message,
+  style
+}) => {
   const {
     sdk
   } = (0, _useContext.useSendbirdChat)();
@@ -65,6 +64,5 @@ const GroupChannelMessageOutgoingStatus = _ref => {
   }
   return null;
 };
-var _default = /*#__PURE__*/_react.default.memo(GroupChannelMessageOutgoingStatus);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/_react.default.memo(GroupChannelMessageOutgoingStatus);
 //# sourceMappingURL=GroupChannelMessageOutgoingStatus.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikitChatHooks","_uikitReactNativeFoundation","_useContext","obj","__esModule","default","SIZE","GroupChannelMessageOutgoingStatus","_ref","channel","message","style","sdk","useSendbirdChat","colors","useUIKitTheme","outgoingStatus","useMessageOutgoingStatus","isUserMessage","isFileMessage","isEphemeral","createElement","LoadingSpinner","size","Icon","icon","color","error","secondary","onBackground03","_default","React","memo","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAGA,IAAAG,WAAA,GAAAH,OAAA;AAAyD,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEzD,MAAMG,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,GAAG,IAAAC,2BAAe,GAAE;EACjC,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;EAClC,MAAMC,cAAc,GAAG,IAAAC,wCAAwB,EAACL,GAAG,EAAEH,OAAO,EAAEC,OAAO,CAAC;EAEtE,IAAI,CAACA,OAAO,CAACQ,aAAa,EAAE,IAAI,CAACR,OAAO,CAACS,aAAa,EAAE,EAAE,OAAO,IAAI;EACrE,IAAIV,OAAO,CAACW,WAAW,EAAE,OAAO,IAAI;EAEpC,IAAIJ,cAAc,KAAK,SAAS,EAAE;IAChC,oBAAOnB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA,CAACpB,2BAAA,CAAAqB,cAAc;MAACC,IAAI,EAAEjB,IAAK;MAACK,KAAK,EAAEA;IAAM,EAAG;EACrD;EAEA,IAAIK,cAAc,KAAK,QAAQ,EAAE;IAC/B,oBAAOnB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA,CAACpB,2BAAA,CAAAuB,IAAI;MAACC,IAAI,EAAE,OAAQ;MAACF,IAAI,EAAEjB,IAAK;MAACoB,KAAK,EAAEZ,MAAM,CAACa,KAAM;MAAChB,KAAK,EAAEA;IAAM,EAAG;EAC/E;EAEA,IAAIK,cAAc,KAAK,MAAM,EAAE;IAC7B,oBAAOnB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA,CAACpB,2BAAA,CAAAuB,IAAI;MAACC,IAAI,EAAE,UAAW;MAACF,IAAI,EAAEjB,IAAK;MAACoB,KAAK,EAAEZ,MAAM,CAACc,SAAU;MAACjB,KAAK,EAAEA;IAAM,EAAG;EACtF;EAEA,IAAIK,cAAc,KAAK,QAAQ,IAAIA,cAAc,KAAK,WAAW,EAAE;IACjE,oBAAOnB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA,CAACpB,2BAAA,CAAAuB,IAAI;MAACC,IAAI,EAAE,UAAW;MAACF,IAAI,EAAEjB,IAAK;MAACoB,KAAK,EAAEZ,MAAM,CAACe,cAAe;MAAClB,KAAK,EAAEA;IAAM,EAAG;EAC3F;EAEA,IAAIK,cAAc,KAAK,aAAa,EAAE;IACpC,oBAAOnB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA,CAACpB,2BAAA,CAAAuB,IAAI;MAACC,IAAI,EAAE,MAAO;MAACF,IAAI,EAAEjB,IAAK;MAACoB,KAAK,EAAEZ,MAAM,CAACe,cAAe;MAAClB,KAAK,EAAEA;IAAM,EAAG;EACvF;EAEA,OAAO,IAAI;AACb,CAAC;AAAC,IAAAmB,QAAA,gBAEaC,cAAK,CAACC,IAAI,CAACzB,iCAAiC,CAAC;AAAA0B,OAAA,CAAA5B,OAAA,GAAAyB,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitChatHooks","_uikitReactNativeFoundation","_useContext","e","__esModule","default","SIZE","GroupChannelMessageOutgoingStatus","channel","message","style","sdk","useSendbirdChat","colors","useUIKitTheme","outgoingStatus","useMessageOutgoingStatus","isUserMessage","isFileMessage","isEphemeral","createElement","LoadingSpinner","size","Icon","icon","color","error","secondary","onBackground03","_default","exports","React","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAGA,IAAAG,WAAA,GAAAH,OAAA;AAAyD,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEzD,MAAMG,IAAI,GAAG,EAAE;AAOf,MAAMC,iCAAiC,GAAGA,CAAC;EAAEC,OAAO;EAAEC,OAAO;EAAEC;AAAa,CAAC,KAAK;EAChF,MAAM;IAAEC;EAAI,CAAC,GAAG,IAAAC,2BAAe,EAAC,CAAC;EACjC,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,yCAAa,EAAC,CAAC;EAClC,MAAMC,cAAc,GAAG,IAAAC,wCAAwB,EAACL,GAAG,EAAEH,OAAO,EAAEC,OAAO,CAAC;EAEtE,IAAI,CAACA,OAAO,CAACQ,aAAa,CAAC,CAAC,IAAI,CAACR,OAAO,CAACS,aAAa,CAAC,CAAC,EAAE,OAAO,IAAI;EACrE,IAAIV,OAAO,CAACW,WAAW,EAAE,OAAO,IAAI;EAEpC,IAAIJ,cAAc,KAAK,SAAS,EAAE;IAChC,oBAAOlB,MAAA,CAAAQ,OAAA,CAAAe,aAAA,CAACnB,2BAAA,CAAAoB,cAAc;MAACC,IAAI,EAAEhB,IAAK;MAACI,KAAK,EAAEA;IAAM,CAAE,CAAC;EACrD;EAEA,IAAIK,cAAc,KAAK,QAAQ,EAAE;IAC/B,oBAAOlB,MAAA,CAAAQ,OAAA,CAAAe,aAAA,CAACnB,2BAAA,CAAAsB,IAAI;MAACC,IAAI,EAAE,OAAQ;MAACF,IAAI,EAAEhB,IAAK;MAACmB,KAAK,EAAEZ,MAAM,CAACa,KAAM;MAAChB,KAAK,EAAEA;IAAM,CAAE,CAAC;EAC/E;EAEA,IAAIK,cAAc,KAAK,MAAM,EAAE;IAC7B,oBAAOlB,MAAA,CAAAQ,OAAA,CAAAe,aAAA,CAACnB,2BAAA,CAAAsB,IAAI;MAACC,IAAI,EAAE,UAAW;MAACF,IAAI,EAAEhB,IAAK;MAACmB,KAAK,EAAEZ,MAAM,CAACc,SAAU;MAACjB,KAAK,EAAEA;IAAM,CAAE,CAAC;EACtF;EAEA,IAAIK,cAAc,KAAK,QAAQ,IAAIA,cAAc,KAAK,WAAW,EAAE;IACjE,oBAAOlB,MAAA,CAAAQ,OAAA,CAAAe,aAAA,CAACnB,2BAAA,CAAAsB,IAAI;MAACC,IAAI,EAAE,UAAW;MAACF,IAAI,EAAEhB,IAAK;MAACmB,KAAK,EAAEZ,MAAM,CAACe,cAAe;MAAClB,KAAK,EAAEA;IAAM,CAAE,CAAC;EAC3F;EAEA,IAAIK,cAAc,KAAK,aAAa,EAAE;IACpC,oBAAOlB,MAAA,CAAAQ,OAAA,CAAAe,aAAA,CAACnB,2BAAA,CAAAsB,IAAI;MAACC,IAAI,EAAE,MAAO;MAACF,IAAI,EAAEhB,IAAK;MAACmB,KAAK,EAAEZ,MAAM,CAACe,cAAe;MAAClB,KAAK,EAAEA;IAAM,CAAE,CAAC;EACvF;EAEA,OAAO,IAAI;AACb,CAAC;AAAC,IAAAmB,QAAA,GAAAC,OAAA,CAAAzB,OAAA,gBAEa0B,cAAK,CAACC,IAAI,CAACzB,iCAAiC,CAAC","ignoreList":[]}

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

@@ -9,16 +9,15 @@ var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundati
 var _uikitUtils = require("@sendbird/uikit-utils");
 var _moduleContext = require("../../domain/groupChannel/module/moduleContext");
 var _useContext = require("../../hooks/useContext");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const GroupChannelMessageParentMessage = _ref => {
-  let {
-    variant,
-    channel,
-    message,
-    childMessage,
-    onPress
-  } = _ref;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const GroupChannelMessageParentMessage = ({
+  variant,
+  channel,
+  message,
+  childMessage,
+  onPress
+}) => {
   const {
     currentUser
   } = (0, _useContext.useSendbirdChat)();
@@ -37,11 +36,10 @@ const GroupChannelMessageParentMessage = _ref => {
   const [parentMessage, setParentMessage] = (0, _react.useState)(() => message);
   const type = (0, _uikitUtils.getMessageType)(parentMessage);
   (0, _react.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;
@@ -141,8 +139,8 @@ const GroupChannelMessageParentMessage = _ref => {
   });
   return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, null, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.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.default.createElement(_uikitReactNativeFoundation.PressBox, {
     onPress: () => onPress === null || onPress === void 0 ? void 0 : onPress(parentMessage, childMessage),
     style: styles.senderLabel
@@ -151,7 +149,7 @@ const GroupChannelMessageParentMessage = _ref => {
     size: 13,
     color: colors.onBackground03,
     containerStyle: {
-      marginRight: 4
+      marginEnd: 4
     }
   }), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
     caption1: true,
@@ -190,13 +188,12 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     width: 16,
     height: 16,
     borderRadius: 10,
-    marginRight: 4,
+    marginEnd: 4,
     marginTop: 2
   },
   senderLabel: {
     flexDirection: 'row'
   }
 });
-var _default = GroupChannelMessageParentMessage;
-exports.default = _default;
+var _default = exports.default = GroupChannelMessageParentMessage;
 //# sourceMappingURL=GroupChannelMessageParentMessage.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_uikitReactNativeFoundation","_uikitUtils","_moduleContext","_useContext","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","GroupChannelMessageParentMessage","_ref","variant","channel","message","childMessage","onPress","currentUser","useSendbirdChat","groupChannelPubSub","useContext","GroupChannelContexts","PubSub","select","colors","palette","useUIKitTheme","STRINGS","useLocalization","mediaService","usePlatformService","parentMessage","setParentMessage","useState","type","getMessageType","useEffect","subscribe","_ref2","data","updatedParent","messages","find","it","messageId","renderMessageWithText","createElement","Box","style","styles","bubbleContainer","backgroundColor","light","background100","dark","background400","Text","body3","color","onBackground03","suppressHighlighting","numberOfLines","ellipsizeMode","renderFileMessageAsVideoThumbnail","url","VideoThumbnail","image","iconSize","source","fetchThumbnailFromVideoSource","uri","getVideoThumbnail","timeMills","renderFileMessageAsPreview","ImageWithPlaceholder","renderFileMessageAsDownloadable","name","Icon","icon","getFileIconFromMessageType","size","containerStyle","fileIcon","truncate","mode","maxLen","parentMessageComponent","useIIFE","messageOffsetTimestamp","createdAt","LABELS","MESSAGE_UNAVAILABLE","getThumbnailUriFromFileMessage","VOICE_MESSAGE","alignItems","paddingLeft","paddingRight","PressBox","senderLabel","marginRight","caption1","REPLY_FROM_SENDER_TO_RECEIVER","userId","flexDirection","justifyContent","messageContainer","createStyleSheet","opacity","marginTop","marginBottom","maxWidth","overflow","borderRadius","paddingHorizontal","paddingBottom","paddingTop","width","height","_default","exports"],"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","_interopRequireWildcard","require","_uikitReactNativeFoundation","_uikitUtils","_moduleContext","_useContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","GroupChannelMessageParentMessage","variant","channel","message","childMessage","onPress","currentUser","useSendbirdChat","groupChannelPubSub","useContext","GroupChannelContexts","PubSub","select","colors","palette","useUIKitTheme","STRINGS","useLocalization","mediaService","usePlatformService","parentMessage","setParentMessage","useState","type","getMessageType","useEffect","subscribe","data","updatedParent","messages","find","it","messageId","renderMessageWithText","createElement","Box","style","styles","bubbleContainer","backgroundColor","light","background100","dark","background400","Text","body3","color","onBackground03","suppressHighlighting","numberOfLines","ellipsizeMode","renderFileMessageAsVideoThumbnail","url","VideoThumbnail","image","iconSize","source","fetchThumbnailFromVideoSource","uri","getVideoThumbnail","timeMills","renderFileMessageAsPreview","ImageWithPlaceholder","renderFileMessageAsDownloadable","name","Icon","icon","getFileIconFromMessageType","size","containerStyle","fileIcon","truncate","mode","maxLen","parentMessageComponent","useIIFE","messageOffsetTimestamp","createdAt","LABELS","MESSAGE_UNAVAILABLE","getThumbnailUriFromFileMessage","VOICE_MESSAGE","alignItems","paddingStart","paddingEnd","PressBox","senderLabel","marginEnd","caption1","REPLY_FROM_SENDER_TO_RECEIVER","userId","flexDirection","justifyContent","messageContainer","createStyleSheet","opacity","marginTop","marginBottom","maxWidth","overflow","borderRadius","paddingHorizontal","paddingBottom","paddingTop","width","height","_default","exports"],"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/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageReplyInfo.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
 var _useContext = require("../../hooks/useContext");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const AVATAR_LIMIT = 5;
 const createRepliedUserAvatars = mostRepliedUsers => {
   if (!mostRepliedUsers || mostRepliedUsers.length === 0) return null;
@@ -42,12 +42,11 @@ const createRepliedUserAvatars = mostRepliedUsers => {
     }
   });
 };
-const GroupChannelMessageReplyInfo = _ref => {
-  let {
-    channel,
-    message,
-    onPress
-  } = _ref;
+const GroupChannelMessageReplyInfo = ({
+  channel,
+  message,
+  onPress
+}) => {
   const {
     STRINGS
   } = (0, _useContext.useLocalization)();
@@ -58,7 +57,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.default.createElement(_uikitReactNativeFoundation.PressBox, {
     onPress: onPressReply,
@@ -77,24 +76,23 @@ const styles = (0, _uikitReactNativeFoundation.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
   }
 });
-var _default = /*#__PURE__*/_react.default.memo(GroupChannelMessageReplyInfo);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/_react.default.memo(GroupChannelMessageReplyInfo);
 //# sourceMappingURL=GroupChannelMessageReplyInfo.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikitReactNativeFoundation","_useContext","obj","__esModule","default","AVATAR_LIMIT","createRepliedUserAvatars","mostRepliedUsers","length","palette","useUIKitTheme","slice","map","user","index","createElement","Box","style","styles","avatarContainer","key","Avatar","size","uri","profileUrl","avatarOverlay","backgroundColor","overlay01","Icon","icon","plusIcon","color","GroupChannelMessageReplyInfo","_ref","channel","message","onPress","STRINGS","useLocalization","select","threadInfo","replyCount","replyCountText","GROUP_CHANNEL_THREAD","REPLY_COUNT","onPressReply","PressBox","replyContainer","Text","caption3","light","primary300","dark","primary200","createStyleSheet","flexDirection","alignItems","marginRight","position","top","left","right","bottom","borderRadius","_default","React","memo","exports"],"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","_interopRequireDefault","require","_uikitReactNativeFoundation","_useContext","e","__esModule","default","AVATAR_LIMIT","createRepliedUserAvatars","mostRepliedUsers","length","palette","useUIKitTheme","slice","map","user","index","createElement","Box","style","styles","avatarContainer","key","Avatar","size","uri","profileUrl","avatarOverlay","backgroundColor","overlay01","Icon","icon","plusIcon","color","GroupChannelMessageReplyInfo","channel","message","onPress","STRINGS","useLocalization","select","threadInfo","replyCount","replyCountText","GROUP_CHANNEL_THREAD","REPLY_COUNT","onPressReply","PressBox","replyContainer","Text","caption3","light","primary300","dark","primary200","createStyleSheet","flexDirection","alignItems","marginEnd","position","top","start","end","bottom","borderRadius","_default","exports","React","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":"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","ignoreList":[]}