@sendbird/uikit-react-native-foundation 3.7.6 → 3.8.0

package/lib/commonjs/ui/LoadingSpinner/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Icon","_interopRequireDefault","_useUIKitTheme","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","LoadingSpinner","_ref","size","color","style","colors","useUIKitTheme","createElement","Rotate","icon","primary","useLoopAnimated","duration","useNativeDriver","arguments","length","undefined","animated","useRef","Animated","Value","current","useEffect","loop","timing","toValue","easing","Easing","inOut","linear","resetBeforeIteration","start","stopAnimation","setValue","_ref2","children","rotate","interpolate","inputRange","outputRange","View","transform","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { Animated, Easing, StyleProp, ViewStyle } from 'react-native';\n\nimport Icon from '../../components/Icon';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = {\n  size?: number;\n  color?: string;\n  style?: StyleProp<ViewStyle>;\n};\n\nconst LoadingSpinner = ({ size = 24, color, style }: Props) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <Rotate style={style}>\n      <Icon icon={'spinner'} size={size} color={color ?? colors.primary} />\n    </Rotate>\n  );\n};\n\nconst useLoopAnimated = (duration: number, useNativeDriver = true) => {\n  const animated = useRef(new Animated.Value(0)).current;\n\n  useEffect(() => {\n    Animated.loop(\n      Animated.timing(animated, { toValue: 1, duration, useNativeDriver, easing: Easing.inOut(Easing.linear) }),\n      { resetBeforeIteration: true },\n    ).start();\n\n    return () => {\n      animated.stopAnimation();\n      animated.setValue(0);\n    };\n  }, []);\n\n  return animated;\n};\n\nconst Rotate = ({ children, style }: React.PropsWithChildren<{ style: StyleProp<ViewStyle> }>) => {\n  const loop = useLoopAnimated(1000);\n  const rotate = loop.interpolate({ inputRange: [0, 1], outputRange: ['0deg', '360deg'] });\n  return <Animated.View style={[style, { transform: [{ rotate }] }]}>{children}</Animated.View>;\n};\n\nexport default LoadingSpinner;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Icon","_interopRequireDefault","_useUIKitTheme","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","LoadingSpinner","size","color","style","colors","useUIKitTheme","createElement","Rotate","icon","primary","useLoopAnimated","duration","useNativeDriver","animated","useRef","Animated","Value","current","useEffect","loop","timing","toValue","easing","Easing","inOut","linear","resetBeforeIteration","start","stopAnimation","setValue","children","rotate","interpolate","inputRange","outputRange","View","transform","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { Animated, Easing, StyleProp, ViewStyle } from 'react-native';\n\nimport Icon from '../../components/Icon';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = {\n  size?: number;\n  color?: string;\n  style?: StyleProp<ViewStyle>;\n};\n\nconst LoadingSpinner = ({ size = 24, color, style }: Props) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <Rotate style={style}>\n      <Icon icon={'spinner'} size={size} color={color ?? colors.primary} />\n    </Rotate>\n  );\n};\n\nconst useLoopAnimated = (duration: number, useNativeDriver = true) => {\n  const animated = useRef(new Animated.Value(0)).current;\n\n  useEffect(() => {\n    Animated.loop(\n      Animated.timing(animated, { toValue: 1, duration, useNativeDriver, easing: Easing.inOut(Easing.linear) }),\n      { resetBeforeIteration: true },\n    ).start();\n\n    return () => {\n      animated.stopAnimation();\n      animated.setValue(0);\n    };\n  }, []);\n\n  return animated;\n};\n\nconst Rotate = ({ children, style }: React.PropsWithChildren<{ style: StyleProp<ViewStyle> }>) => {\n  const loop = useLoopAnimated(1000);\n  const rotate = loop.interpolate({ inputRange: [0, 1], outputRange: ['0deg', '360deg'] });\n  return <Animated.View style={[style, { transform: [{ rotate }] }]}>{children}</Animated.View>;\n};\n\nexport default LoadingSpinner;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/MenuBar/index.js

@@ -7,25 +7,25 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _uikitUtils = require("@sendbird/uikit-utils");
+var _Box = _interopRequireDefault(require("../../components/Box"));
 var _Divider = _interopRequireDefault(require("../../components/Divider"));
 var _Icon = _interopRequireDefault(require("../../components/Icon"));
 var _Text = _interopRequireDefault(require("../../components/Text"));
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const MenuBar = _ref => {
-  let {
-    variant = 'default',
-    disabled,
-    visible = true,
-    onPress,
-    name,
-    icon,
-    iconColor,
-    iconBackgroundColor,
-    actionLabel,
-    actionItem = null
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MenuBar = ({
+  variant = 'default',
+  disabled,
+  visible = true,
+  onPress,
+  name,
+  icon,
+  iconColor,
+  iconBackgroundColor,
+  actionLabel,
+  actionItem = null
+}) => {
   const {
     palette,
     colors
@@ -42,11 +42,14 @@ const MenuBar = _ref => {
     containerStyle: [styles.icon, variant === 'contained' && styles.containedIcon, variant === 'contained' && {
       backgroundColor: iconBackgroundColor ?? palette.background400
     }]
-  }), /*#__PURE__*/_react.default.createElement(_Text.default, {
+  }), /*#__PURE__*/_react.default.createElement(_Box.default, {
+    flex: 1,
+    alignItems: 'flex-start'
+  }, /*#__PURE__*/_react.default.createElement(_Text.default, {
     subtitle2: true,
     numberOfLines: 1,
     style: styles.name
-  }, name), Boolean(actionLabel) && /*#__PURE__*/_react.default.createElement(_Text.default, {
+  }, name)), Boolean(actionLabel) && /*#__PURE__*/_react.default.createElement(_Text.default, {
     subtitle2: true,
     numberOfLines: 1,
     color: colors.onBackground02,
@@ -61,19 +64,18 @@ const styles = (0, _createStyleSheet.default)({
   },
   name: {
     flex: 1,
-    marginRight: 8
+    marginEnd: 8
   },
   icon: {
-    marginRight: 16
+    marginEnd: 16
   },
   containedIcon: {
     borderRadius: 24,
     padding: 4
   },
   actionLabel: {
-    marginRight: 4
+    marginEnd: 4
   }
 });
-var _default = MenuBar;
-exports.default = _default;
+var _default = exports.default = MenuBar;
 //# sourceMappingURL=index.js.map

package/lib/commonjs/ui/MenuBar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitUtils","_Divider","_Icon","_Text","_createStyleSheet","_useUIKitTheme","obj","__esModule","default","MenuBar","_ref","variant","disabled","visible","onPress","name","icon","iconColor","iconBackgroundColor","actionLabel","actionItem","palette","colors","useUIKitTheme","createElement","View","Pressable","style","styles","container","size","color","conditionChaining","background50","primary","containerStyle","containedIcon","backgroundColor","background400","subtitle2","numberOfLines","Boolean","onBackground02","createStyleSheet","paddingVertical","flexDirection","alignItems","flex","marginRight","borderRadius","padding","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, View } from 'react-native';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Divider from '../../components/Divider';\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\nexport type MenuBarProps = {\n  variant?: 'default' | 'contained';\n\n  onPress: () => void;\n  disabled?: boolean;\n  visible?: boolean;\n\n  icon: keyof typeof Icon.Assets;\n  iconColor?: string;\n  iconBackgroundColor?: string;\n  name: string;\n\n  actionLabel?: string;\n  actionItem?: React.ReactNode;\n};\nconst MenuBar = ({\n  variant = 'default',\n  disabled,\n  visible = true,\n  onPress,\n  name,\n  icon,\n  iconColor,\n  iconBackgroundColor,\n  actionLabel,\n  actionItem = null,\n}: MenuBarProps) => {\n  const { palette, colors } = useUIKitTheme();\n\n  if (!visible) return null;\n\n  return (\n    <View>\n      <Pressable disabled={disabled} onPress={onPress} style={styles.container}>\n        {icon && (\n          <Icon\n            icon={icon}\n            size={variant === 'contained' ? 16 : 24}\n            color={conditionChaining(\n              [variant === 'contained', iconColor],\n              [palette.background50, iconColor, colors.primary],\n            )}\n            containerStyle={[\n              styles.icon,\n              variant === 'contained' && styles.containedIcon,\n              variant === 'contained' && { backgroundColor: iconBackgroundColor ?? palette.background400 },\n            ]}\n          />\n        )}\n        <Text subtitle2 numberOfLines={1} style={styles.name}>\n          {name}\n        </Text>\n        {Boolean(actionLabel) && (\n          <Text subtitle2 numberOfLines={1} color={colors.onBackground02} style={styles.actionLabel}>\n            {actionLabel}\n          </Text>\n        )}\n        {actionItem}\n      </Pressable>\n      <Divider />\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingVertical: 16,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  name: {\n    flex: 1,\n    marginRight: 8,\n  },\n  icon: {\n    marginRight: 16,\n  },\n  containedIcon: {\n    borderRadius: 24,\n    padding: 4,\n  },\n  actionLabel: {\n    marginRight: 4,\n  },\n});\n\nexport default MenuBar;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitUtils","_Box","_Divider","_Icon","_Text","_createStyleSheet","_useUIKitTheme","e","__esModule","default","MenuBar","variant","disabled","visible","onPress","name","icon","iconColor","iconBackgroundColor","actionLabel","actionItem","palette","colors","useUIKitTheme","createElement","View","Pressable","style","styles","container","size","color","conditionChaining","background50","primary","containerStyle","containedIcon","backgroundColor","background400","flex","alignItems","subtitle2","numberOfLines","Boolean","onBackground02","createStyleSheet","paddingVertical","flexDirection","marginEnd","borderRadius","padding","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, View } from 'react-native';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport Divider from '../../components/Divider';\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\nexport type MenuBarProps = {\n  variant?: 'default' | 'contained';\n\n  onPress: () => void;\n  disabled?: boolean;\n  visible?: boolean;\n\n  icon: keyof typeof Icon.Assets;\n  iconColor?: string;\n  iconBackgroundColor?: string;\n  name: string;\n\n  actionLabel?: string;\n  actionItem?: React.ReactNode;\n};\nconst MenuBar = ({\n  variant = 'default',\n  disabled,\n  visible = true,\n  onPress,\n  name,\n  icon,\n  iconColor,\n  iconBackgroundColor,\n  actionLabel,\n  actionItem = null,\n}: MenuBarProps) => {\n  const { palette, colors } = useUIKitTheme();\n\n  if (!visible) return null;\n\n  return (\n    <View>\n      <Pressable disabled={disabled} onPress={onPress} style={styles.container}>\n        {icon && (\n          <Icon\n            icon={icon}\n            size={variant === 'contained' ? 16 : 24}\n            color={conditionChaining(\n              [variant === 'contained', iconColor],\n              [palette.background50, iconColor, colors.primary],\n            )}\n            containerStyle={[\n              styles.icon,\n              variant === 'contained' && styles.containedIcon,\n              variant === 'contained' && { backgroundColor: iconBackgroundColor ?? palette.background400 },\n            ]}\n          />\n        )}\n        <Box flex={1} alignItems={'flex-start'}>\n          <Text subtitle2 numberOfLines={1} style={styles.name}>\n            {name}\n          </Text>\n        </Box>\n        {Boolean(actionLabel) && (\n          <Text subtitle2 numberOfLines={1} color={colors.onBackground02} style={styles.actionLabel}>\n            {actionLabel}\n          </Text>\n        )}\n        {actionItem}\n      </Pressable>\n      <Divider />\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingVertical: 16,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  name: {\n    flex: 1,\n    marginEnd: 8,\n  },\n  icon: {\n    marginEnd: 16,\n  },\n  containedIcon: {\n    borderRadius: 24,\n    padding: 4,\n  },\n  actionLabel: {\n    marginEnd: 4,\n  },\n});\n\nexport default MenuBar;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/OpenChannelMessage/Message.admin.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _Box = _interopRequireDefault(require("../../components/Box"));
 var _Text = _interopRequireDefault(require("../../components/Text"));
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const AdminMessage = props => {
   const {
     colors
@@ -28,6 +28,5 @@ const AdminMessage = props => {
     color: colors.onBackground02
   }, props.message.message)));
 };
-var _default = AdminMessage;
-exports.default = _default;
+var _default = exports.default = AdminMessage;
 //# sourceMappingURL=Message.admin.js.map

package/lib/commonjs/ui/OpenChannelMessage/Message.admin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Box","_Text","_useUIKitTheme","obj","__esModule","default","AdminMessage","props","colors","useUIKitTheme","color","ui","openChannelMessage","createElement","marginVertical","paddingHorizontal","backgroundColor","background","borderRadius","paddingVertical","enabled","adminBackground","caption2","onBackground02","message","_default","exports"],"sources":["Message.admin.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdAdminMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport Text from '../../components/Text';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport type { OpenChannelMessageProps } from './index';\n\nconst AdminMessage = (props: OpenChannelMessageProps<SendbirdAdminMessage>) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.openChannelMessage.default;\n  return (\n    <Box marginVertical={8} paddingHorizontal={12} backgroundColor={colors.background}>\n      <Box borderRadius={8} paddingHorizontal={16} paddingVertical={14} backgroundColor={color.enabled.adminBackground}>\n        <Text caption2 color={colors.onBackground02}>\n          {props.message.message}\n        </Text>\n      </Box>\n    </Box>\n  );\n};\n\nexport default AdminMessage;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,cAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAsD,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAGtD,MAAMG,YAAY,GAAIC,KAAoD,IAAK;EAC7E,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAa,GAAE;EAClC,MAAMC,KAAK,GAAGF,MAAM,CAACG,EAAE,CAACC,kBAAkB,CAACP,OAAO;EAClD,oBACER,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAACb,IAAA,CAAAK,OAAG;IAACS,cAAc,EAAE,CAAE;IAACC,iBAAiB,EAAE,EAAG;IAACC,eAAe,EAAER,MAAM,CAACS;EAAW,gBAChFpB,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAACb,IAAA,CAAAK,OAAG;IAACa,YAAY,EAAE,CAAE;IAACH,iBAAiB,EAAE,EAAG;IAACI,eAAe,EAAE,EAAG;IAACH,eAAe,EAAEN,KAAK,CAACU,OAAO,CAACC;EAAgB,gBAC/GxB,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAACZ,KAAA,CAAAI,OAAI;IAACiB,QAAQ;IAACZ,KAAK,EAAEF,MAAM,CAACe;EAAe,GACzChB,KAAK,CAACiB,OAAO,CAACA,OAAO,CACjB,CACH,CACF;AAEV,CAAC;AAAC,IAAAC,QAAA,GAEanB,YAAY;AAAAoB,OAAA,CAAArB,OAAA,GAAAoB,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Box","_Text","_useUIKitTheme","e","__esModule","default","AdminMessage","props","colors","useUIKitTheme","color","ui","openChannelMessage","createElement","marginVertical","paddingHorizontal","backgroundColor","background","borderRadius","paddingVertical","enabled","adminBackground","caption2","onBackground02","message","_default","exports"],"sources":["Message.admin.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdAdminMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport Text from '../../components/Text';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport type { OpenChannelMessageProps } from './index';\n\nconst AdminMessage = (props: OpenChannelMessageProps<SendbirdAdminMessage>) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.openChannelMessage.default;\n  return (\n    <Box marginVertical={8} paddingHorizontal={12} backgroundColor={colors.background}>\n      <Box borderRadius={8} paddingHorizontal={16} paddingVertical={14} backgroundColor={color.enabled.adminBackground}>\n        <Text caption2 color={colors.onBackground02}>\n          {props.message.message}\n        </Text>\n      </Box>\n    </Box>\n  );\n};\n\nexport default AdminMessage;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,cAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAsD,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGtD,MAAMG,YAAY,GAAIC,KAAoD,IAAK;EAC7E,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAa,EAAC,CAAC;EAClC,MAAMC,KAAK,GAAGF,MAAM,CAACG,EAAE,CAACC,kBAAkB,CAACP,OAAO;EAClD,oBACER,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAACb,IAAA,CAAAK,OAAG;IAACS,cAAc,EAAE,CAAE;IAACC,iBAAiB,EAAE,EAAG;IAACC,eAAe,EAAER,MAAM,CAACS;EAAW,gBAChFpB,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAACb,IAAA,CAAAK,OAAG;IAACa,YAAY,EAAE,CAAE;IAACH,iBAAiB,EAAE,EAAG;IAACI,eAAe,EAAE,EAAG;IAACH,eAAe,EAAEN,KAAK,CAACU,OAAO,CAACC;EAAgB,gBAC/GxB,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAACZ,KAAA,CAAAI,OAAI;IAACiB,QAAQ;IAACZ,KAAK,EAAEF,MAAM,CAACe;EAAe,GACzChB,KAAK,CAACiB,OAAO,CAACA,OACX,CACH,CACF,CAAC;AAEV,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAArB,OAAA,GAEaC,YAAY","ignoreList":[]}

package/lib/commonjs/ui/OpenChannelMessage/Message.file.image.js

@@ -11,7 +11,7 @@ var _ImageWithPlaceholder = _interopRequireDefault(require("../../components/Ima
 var _PressBox = _interopRequireDefault(require("../../components/PressBox"));
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
 var _MessageContainer = _interopRequireDefault(require("./MessageContainer"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ImageFileMessage = props => {
   const {
     onPress,
@@ -42,6 +42,5 @@ const styles = (0, _createStyleSheet.default)({
     height: 196
   }
 });
-var _default = ImageFileMessage;
-exports.default = _default;
+var _default = exports.default = ImageFileMessage;
 //# sourceMappingURL=Message.file.image.js.map

package/lib/commonjs/ui/OpenChannelMessage/Message.file.image.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_Box","_ImageWithPlaceholder","_PressBox","_createStyleSheet","_MessageContainer","obj","__esModule","default","ImageFileMessage","props","onPress","onLongPress","rest","uri","getThumbnailUriFromFileMessage","message","createElement","borderRadius","overflow","style","styles","container","activeOpacity","source","width","height","createStyleSheet","maxWidth","_default","exports"],"sources":["Message.file.image.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdFileMessage } from '@sendbird/uikit-utils';\nimport { getThumbnailUriFromFileMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport ImageWithPlaceholder from '../../components/ImageWithPlaceholder';\nimport PressBox from '../../components/PressBox';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport MessageContainer from './MessageContainer';\nimport type { OpenChannelMessageProps } from './index';\n\nconst ImageFileMessage = (props: OpenChannelMessageProps<SendbirdFileMessage>) => {\n  const { onPress, onLongPress, ...rest } = props;\n  const uri = getThumbnailUriFromFileMessage(props.message);\n  return (\n    <MessageContainer {...rest}>\n      <Box borderRadius={8} overflow={'hidden'} style={styles.container}>\n        <PressBox style={styles.container} activeOpacity={0.8} onPress={onPress} onLongPress={onLongPress}>\n          <ImageWithPlaceholder source={{ uri }} width={'100%'} height={'100%'} />\n        </PressBox>\n      </Box>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    maxWidth: 296,\n    height: 196,\n  },\n});\n\nexport default ImageFileMessage;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,IAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,qBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,iBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,iBAAA,GAAAP,sBAAA,CAAAC,OAAA;AAAkD,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAGlD,MAAMG,gBAAgB,GAAIC,KAAmD,IAAK;EAChF,MAAM;IAAEC,OAAO;IAAEC,WAAW;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAC/C,MAAMI,GAAG,GAAG,IAAAC,0CAA8B,EAACL,KAAK,CAACM,OAAO,CAAC;EACzD,oBACEnB,MAAA,CAAAW,OAAA,CAAAS,aAAA,CAACZ,iBAAA,CAAAG,OAAgB,EAAKK,IAAI,eACxBhB,MAAA,CAAAW,OAAA,CAAAS,aAAA,CAAChB,IAAA,CAAAO,OAAG;IAACU,YAAY,EAAE,CAAE;IAACC,QAAQ,EAAE,QAAS;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAChEzB,MAAA,CAAAW,OAAA,CAAAS,aAAA,CAACd,SAAA,CAAAK,OAAQ;IAACY,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,aAAa,EAAE,GAAI;IAACZ,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,gBAChGf,MAAA,CAAAW,OAAA,CAAAS,aAAA,CAACf,qBAAA,CAAAM,OAAoB;IAACgB,MAAM,EAAE;MAAEV;IAAI,CAAE;IAACW,KAAK,EAAE,MAAO;IAACC,MAAM,EAAE;EAAO,EAAG,CAC/D,CACP,CACW;AAEvB,CAAC;AAED,MAAML,MAAM,GAAG,IAAAM,yBAAgB,EAAC;EAC9BL,SAAS,EAAE;IACTM,QAAQ,EAAE,GAAG;IACbF,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAAC,IAAAG,QAAA,GAEYpB,gBAAgB;AAAAqB,OAAA,CAAAtB,OAAA,GAAAqB,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_Box","_ImageWithPlaceholder","_PressBox","_createStyleSheet","_MessageContainer","e","__esModule","default","ImageFileMessage","props","onPress","onLongPress","rest","uri","getThumbnailUriFromFileMessage","message","createElement","borderRadius","overflow","style","styles","container","activeOpacity","source","width","height","createStyleSheet","maxWidth","_default","exports"],"sources":["Message.file.image.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdFileMessage } from '@sendbird/uikit-utils';\nimport { getThumbnailUriFromFileMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport ImageWithPlaceholder from '../../components/ImageWithPlaceholder';\nimport PressBox from '../../components/PressBox';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport MessageContainer from './MessageContainer';\nimport type { OpenChannelMessageProps } from './index';\n\nconst ImageFileMessage = (props: OpenChannelMessageProps<SendbirdFileMessage>) => {\n  const { onPress, onLongPress, ...rest } = props;\n  const uri = getThumbnailUriFromFileMessage(props.message);\n  return (\n    <MessageContainer {...rest}>\n      <Box borderRadius={8} overflow={'hidden'} style={styles.container}>\n        <PressBox style={styles.container} activeOpacity={0.8} onPress={onPress} onLongPress={onLongPress}>\n          <ImageWithPlaceholder source={{ uri }} width={'100%'} height={'100%'} />\n        </PressBox>\n      </Box>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    maxWidth: 296,\n    height: 196,\n  },\n});\n\nexport default ImageFileMessage;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,IAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,qBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,iBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,iBAAA,GAAAP,sBAAA,CAAAC,OAAA;AAAkD,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGlD,MAAMG,gBAAgB,GAAIC,KAAmD,IAAK;EAChF,MAAM;IAAEC,OAAO;IAAEC,WAAW;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAC/C,MAAMI,GAAG,GAAG,IAAAC,0CAA8B,EAACL,KAAK,CAACM,OAAO,CAAC;EACzD,oBACEnB,MAAA,CAAAW,OAAA,CAAAS,aAAA,CAACZ,iBAAA,CAAAG,OAAgB,EAAKK,IAAI,eACxBhB,MAAA,CAAAW,OAAA,CAAAS,aAAA,CAAChB,IAAA,CAAAO,OAAG;IAACU,YAAY,EAAE,CAAE;IAACC,QAAQ,EAAE,QAAS;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAChEzB,MAAA,CAAAW,OAAA,CAAAS,aAAA,CAACd,SAAA,CAAAK,OAAQ;IAACY,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,aAAa,EAAE,GAAI;IAACZ,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,gBAChGf,MAAA,CAAAW,OAAA,CAAAS,aAAA,CAACf,qBAAA,CAAAM,OAAoB;IAACgB,MAAM,EAAE;MAAEV;IAAI,CAAE;IAACW,KAAK,EAAE,MAAO;IAACC,MAAM,EAAE;EAAO,CAAE,CAC/D,CACP,CACW,CAAC;AAEvB,CAAC;AAED,MAAML,MAAM,GAAG,IAAAM,yBAAgB,EAAC;EAC9BL,SAAS,EAAE;IACTM,QAAQ,EAAE,GAAG;IACbF,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GAEYC,gBAAgB","ignoreList":[]}

package/lib/commonjs/ui/OpenChannelMessage/Message.file.js

@@ -13,7 +13,7 @@ var _Text = _interopRequireDefault(require("../../components/Text"));
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
 var _MessageContainer = _interopRequireDefault(require("./MessageContainer"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const FileMessage = props => {
   const {
     colors
@@ -28,11 +28,10 @@ const FileMessage = props => {
   return /*#__PURE__*/_react.default.createElement(_MessageContainer.default, rest, /*#__PURE__*/_react.default.createElement(_PressBox.default, {
     onPress: onPress,
     onLongPress: onLongPress
-  }, _ref => {
+  }, ({
+    pressed
+  }) => {
     var _props$strings;
-    let {
-      pressed
-    } = _ref;
     return /*#__PURE__*/_react.default.createElement(_Box.default, {
       padding: 8,
       borderRadius: 8,
@@ -44,7 +43,7 @@ const FileMessage = props => {
       }
     }, /*#__PURE__*/_react.default.createElement(_Box.default, {
       padding: 4,
-      marginRight: 8,
+      marginEnd: 8,
       borderRadius: 8,
       alignItems: 'flex-start',
       backgroundColor: colors.background
@@ -65,6 +64,5 @@ const styles = (0, _createStyleSheet.default)({
     flexShrink: 1
   }
 });
-var _default = FileMessage;
-exports.default = _default;
+var _default = exports.default = FileMessage;
 //# sourceMappingURL=Message.file.js.map

package/lib/commonjs/ui/OpenChannelMessage/Message.file.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_Box","_Icon","_PressBox","_Text","_createStyleSheet","_useUIKitTheme","_MessageContainer","obj","__esModule","default","FileMessage","props","colors","useUIKitTheme","onPress","onLongPress","rest","type","getFileTypeFromMessage","message","color","ui","openChannelMessage","createElement","_ref","_props$strings","pressed","padding","borderRadius","flexDirection","alignItems","justifyContent","style","backgroundColor","bubbleBackground","enabled","marginRight","background","File","fileType","size","body3","numberOfLines","ellipsizeMode","textMsg","styles","fileName","strings","name","createStyleSheet","flexShrink","_default","exports"],"sources":["Message.file.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SendbirdFileMessage, getFileTypeFromMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport Icon from '../../components/Icon';\nimport PressBox from '../../components/PressBox';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageContainer from './MessageContainer';\nimport type { OpenChannelMessageProps } from './index';\n\ntype Props = {};\nconst FileMessage = (props: OpenChannelMessageProps<SendbirdFileMessage, Props>) => {\n  const { colors } = useUIKitTheme();\n  const { onPress, onLongPress, ...rest } = props;\n  const type = getFileTypeFromMessage(props.message);\n  const color = colors.ui.openChannelMessage.default;\n\n  return (\n    <MessageContainer {...rest}>\n      <PressBox onPress={onPress} onLongPress={onLongPress}>\n        {({ pressed }) => {\n          return (\n            <Box\n              padding={8}\n              borderRadius={8}\n              flexDirection={'row'}\n              alignItems={'center'}\n              justifyContent={'flex-start'}\n              style={{ backgroundColor: pressed ? color.pressed.bubbleBackground : color.enabled.bubbleBackground }}\n            >\n              <Box\n                padding={4}\n                marginRight={8}\n                borderRadius={8}\n                alignItems={'flex-start'}\n                backgroundColor={colors.background}\n              >\n                <Icon.File fileType={type} size={32} />\n              </Box>\n              <Text\n                body3\n                numberOfLines={1}\n                ellipsizeMode={'middle'}\n                color={color.enabled.textMsg}\n                style={styles.fileName}\n              >\n                {props.strings?.fileName || props.message.name}\n              </Text>\n            </Box>\n          );\n        }}\n      </PressBox>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  fileName: {\n    flexShrink: 1,\n  },\n});\nexport default FileMessage;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_Box","_Icon","_PressBox","_Text","_createStyleSheet","_useUIKitTheme","_MessageContainer","e","__esModule","default","FileMessage","props","colors","useUIKitTheme","onPress","onLongPress","rest","type","getFileTypeFromMessage","message","color","ui","openChannelMessage","createElement","pressed","_props$strings","padding","borderRadius","flexDirection","alignItems","justifyContent","style","backgroundColor","bubbleBackground","enabled","marginEnd","background","File","fileType","size","body3","numberOfLines","ellipsizeMode","textMsg","styles","fileName","strings","name","createStyleSheet","flexShrink","_default","exports"],"sources":["Message.file.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SendbirdFileMessage, getFileTypeFromMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport Icon from '../../components/Icon';\nimport PressBox from '../../components/PressBox';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageContainer from './MessageContainer';\nimport type { OpenChannelMessageProps } from './index';\n\ntype Props = {};\nconst FileMessage = (props: OpenChannelMessageProps<SendbirdFileMessage, Props>) => {\n  const { colors } = useUIKitTheme();\n  const { onPress, onLongPress, ...rest } = props;\n  const type = getFileTypeFromMessage(props.message);\n  const color = colors.ui.openChannelMessage.default;\n\n  return (\n    <MessageContainer {...rest}>\n      <PressBox onPress={onPress} onLongPress={onLongPress}>\n        {({ pressed }) => {\n          return (\n            <Box\n              padding={8}\n              borderRadius={8}\n              flexDirection={'row'}\n              alignItems={'center'}\n              justifyContent={'flex-start'}\n              style={{ backgroundColor: pressed ? color.pressed.bubbleBackground : color.enabled.bubbleBackground }}\n            >\n              <Box\n                padding={4}\n                marginEnd={8}\n                borderRadius={8}\n                alignItems={'flex-start'}\n                backgroundColor={colors.background}\n              >\n                <Icon.File fileType={type} size={32} />\n              </Box>\n              <Text\n                body3\n                numberOfLines={1}\n                ellipsizeMode={'middle'}\n                color={color.enabled.textMsg}\n                style={styles.fileName}\n              >\n                {props.strings?.fileName || props.message.name}\n              </Text>\n            </Box>\n          );\n        }}\n      </PressBox>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  fileName: {\n    flexShrink: 1,\n  },\n});\nexport default FileMessage;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/OpenChannelMessage/Message.file.video.js

@@ -10,7 +10,7 @@ var _PressBox = _interopRequireDefault(require("../../components/PressBox"));
 var _VideoThumbnail = require("../../components/VideoThumbnail");
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
 var _MessageContainer = _interopRequireDefault(require("./MessageContainer"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const VideoFileMessage = props => {
   const {
     onPress,
@@ -46,6 +46,5 @@ const styles = (0, _createStyleSheet.default)({
     borderRadius: 50
   }
 });
-var _default = VideoFileMessage;
-exports.default = _default;
+var _default = exports.default = VideoFileMessage;
 //# sourceMappingURL=Message.file.video.js.map

package/lib/commonjs/ui/OpenChannelMessage/Message.file.video.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_PressBox","_VideoThumbnail","_createStyleSheet","_MessageContainer","obj","__esModule","default","VideoFileMessage","props","onPress","onLongPress","rest","uri","getThumbnailUriFromFileMessage","message","createElement","style","styles","container","activeOpacity","VideoThumbnail","source","fetchThumbnailFromVideoSource","createStyleSheet","maxWidth","height","borderRadius","overflow","iconContainer","position","width","playIcon","padding","_default","exports"],"sources":["Message.file.video.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdFileMessage } from '@sendbird/uikit-utils';\nimport { getThumbnailUriFromFileMessage } from '@sendbird/uikit-utils';\n\nimport PressBox from '../../components/PressBox';\nimport { VideoThumbnail } from '../../components/VideoThumbnail';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport MessageContainer from './MessageContainer';\nimport type { OpenChannelMessageProps } from './index';\n\ntype Props = {\n  fetchThumbnailFromVideoSource: (uri: string) => Promise<{ path: string } | null>;\n};\n\nconst VideoFileMessage = (props: OpenChannelMessageProps<SendbirdFileMessage, Props>) => {\n  const { onPress, onLongPress, ...rest } = props;\n  const uri = getThumbnailUriFromFileMessage(props.message);\n\n  return (\n    <MessageContainer {...rest}>\n      <PressBox style={styles.container} activeOpacity={0.8} onPress={onPress} onLongPress={onLongPress}>\n        <VideoThumbnail\n          style={styles.container}\n          source={uri}\n          fetchThumbnailFromVideoSource={props.fetchThumbnailFromVideoSource}\n        />\n      </PressBox>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    maxWidth: 296,\n    height: 196,\n    borderRadius: 8,\n    overflow: 'hidden',\n  },\n  iconContainer: {\n    position: 'absolute',\n    width: '100%',\n    height: '100%',\n  },\n  playIcon: {\n    padding: 10,\n    borderRadius: 50,\n  },\n});\nexport default VideoFileMessage;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,iBAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAkD,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAOlD,MAAMG,gBAAgB,GAAIC,KAA0D,IAAK;EACvF,MAAM;IAAEC,OAAO;IAAEC,WAAW;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAC/C,MAAMI,GAAG,GAAG,IAAAC,0CAA8B,EAACL,KAAK,CAACM,OAAO,CAAC;EAEzD,oBACElB,MAAA,CAAAU,OAAA,CAAAS,aAAA,CAACZ,iBAAA,CAAAG,OAAgB,EAAKK,IAAI,eACxBf,MAAA,CAAAU,OAAA,CAAAS,aAAA,CAACf,SAAA,CAAAM,OAAQ;IAACU,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,aAAa,EAAE,GAAI;IAACV,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,gBAChGd,MAAA,CAAAU,OAAA,CAAAS,aAAA,CAACd,eAAA,CAAAmB,cAAc;IACbJ,KAAK,EAAEC,MAAM,CAACC,SAAU;IACxBG,MAAM,EAAET,GAAI;IACZU,6BAA6B,EAAEd,KAAK,CAACc;EAA8B,EACnE,CACO,CACM;AAEvB,CAAC;AAED,MAAML,MAAM,GAAG,IAAAM,yBAAgB,EAAC;EAC9BL,SAAS,EAAE;IACTM,QAAQ,EAAE,GAAG;IACbC,MAAM,EAAE,GAAG;IACXC,YAAY,EAAE,CAAC;IACfC,QAAQ,EAAE;EACZ,CAAC;EACDC,aAAa,EAAE;IACbC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,MAAM;IACbL,MAAM,EAAE;EACV,CAAC;EACDM,QAAQ,EAAE;IACRC,OAAO,EAAE,EAAE;IACXN,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAAC,IAAAO,QAAA,GACY1B,gBAAgB;AAAA2B,OAAA,CAAA5B,OAAA,GAAA2B,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_PressBox","_VideoThumbnail","_createStyleSheet","_MessageContainer","e","__esModule","default","VideoFileMessage","props","onPress","onLongPress","rest","uri","getThumbnailUriFromFileMessage","message","createElement","style","styles","container","activeOpacity","VideoThumbnail","source","fetchThumbnailFromVideoSource","createStyleSheet","maxWidth","height","borderRadius","overflow","iconContainer","position","width","playIcon","padding","_default","exports"],"sources":["Message.file.video.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdFileMessage } from '@sendbird/uikit-utils';\nimport { getThumbnailUriFromFileMessage } from '@sendbird/uikit-utils';\n\nimport PressBox from '../../components/PressBox';\nimport { VideoThumbnail } from '../../components/VideoThumbnail';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport MessageContainer from './MessageContainer';\nimport type { OpenChannelMessageProps } from './index';\n\ntype Props = {\n  fetchThumbnailFromVideoSource: (uri: string) => Promise<{ path: string } | null>;\n};\n\nconst VideoFileMessage = (props: OpenChannelMessageProps<SendbirdFileMessage, Props>) => {\n  const { onPress, onLongPress, ...rest } = props;\n  const uri = getThumbnailUriFromFileMessage(props.message);\n\n  return (\n    <MessageContainer {...rest}>\n      <PressBox style={styles.container} activeOpacity={0.8} onPress={onPress} onLongPress={onLongPress}>\n        <VideoThumbnail\n          style={styles.container}\n          source={uri}\n          fetchThumbnailFromVideoSource={props.fetchThumbnailFromVideoSource}\n        />\n      </PressBox>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    maxWidth: 296,\n    height: 196,\n    borderRadius: 8,\n    overflow: 'hidden',\n  },\n  iconContainer: {\n    position: 'absolute',\n    width: '100%',\n    height: '100%',\n  },\n  playIcon: {\n    padding: 10,\n    borderRadius: 50,\n  },\n});\nexport default VideoFileMessage;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,iBAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAkD,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOlD,MAAMG,gBAAgB,GAAIC,KAA0D,IAAK;EACvF,MAAM;IAAEC,OAAO;IAAEC,WAAW;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAC/C,MAAMI,GAAG,GAAG,IAAAC,0CAA8B,EAACL,KAAK,CAACM,OAAO,CAAC;EAEzD,oBACElB,MAAA,CAAAU,OAAA,CAAAS,aAAA,CAACZ,iBAAA,CAAAG,OAAgB,EAAKK,IAAI,eACxBf,MAAA,CAAAU,OAAA,CAAAS,aAAA,CAACf,SAAA,CAAAM,OAAQ;IAACU,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,aAAa,EAAE,GAAI;IAACV,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,gBAChGd,MAAA,CAAAU,OAAA,CAAAS,aAAA,CAACd,eAAA,CAAAmB,cAAc;IACbJ,KAAK,EAAEC,MAAM,CAACC,SAAU;IACxBG,MAAM,EAAET,GAAI;IACZU,6BAA6B,EAAEd,KAAK,CAACc;EAA8B,CACpE,CACO,CACM,CAAC;AAEvB,CAAC;AAED,MAAML,MAAM,GAAG,IAAAM,yBAAgB,EAAC;EAC9BL,SAAS,EAAE;IACTM,QAAQ,EAAE,GAAG;IACbC,MAAM,EAAE,GAAG;IACXC,YAAY,EAAE,CAAC;IACfC,QAAQ,EAAE;EACZ,CAAC;EACDC,aAAa,EAAE;IACbC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,MAAM;IACbL,MAAM,EAAE;EACV,CAAC;EACDM,QAAQ,EAAE;IACRC,OAAO,EAAE,EAAE;IACXN,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GACYC,gBAAgB","ignoreList":[]}

package/lib/commonjs/ui/OpenChannelMessage/Message.unknown.js

@@ -9,8 +9,8 @@ var _PressBox = _interopRequireDefault(require("../../components/PressBox"));
 var _Text = _interopRequireDefault(require("../../components/Text"));
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
 var _MessageContainer = _interopRequireDefault(require("./MessageContainer"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
 const UnknownMessage = props => {
   const {
     colors
@@ -24,11 +24,10 @@ const UnknownMessage = props => {
   return /*#__PURE__*/_react.default.createElement(_PressBox.default, {
     onPress: onPress,
     onLongPress: onLongPress
-  }, _ref => {
+  }, ({
+    pressed
+  }) => {
     var _props$strings, _props$strings2;
-    let {
-      pressed
-    } = _ref;
     return /*#__PURE__*/_react.default.createElement(_MessageContainer.default, _extends({
       pressed: pressed
     }, rest), /*#__PURE__*/_react.default.createElement(_Text.default, {
@@ -40,6 +39,5 @@ const UnknownMessage = props => {
     }, ((_props$strings2 = props.strings) === null || _props$strings2 === void 0 ? void 0 : _props$strings2.unknownDescription) ?? 'Cannot read this message.'));
   });
 };
-var _default = UnknownMessage;
-exports.default = _default;
+var _default = exports.default = UnknownMessage;
 //# sourceMappingURL=Message.unknown.js.map

package/lib/commonjs/ui/OpenChannelMessage/Message.unknown.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_PressBox","_Text","_useUIKitTheme","_MessageContainer","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","UnknownMessage","props","colors","useUIKitTheme","onPress","onLongPress","rest","color","ui","openChannelMessage","createElement","_ref","_props$strings","_props$strings2","pressed","body3","enabled","textMsg","strings","unknownTitle","textMsgPostfix","unknownDescription","_default","exports"],"sources":["Message.unknown.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport PressBox from '../../components/PressBox';\nimport Text from '../../components/Text';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageContainer from './MessageContainer';\nimport type { OpenChannelMessageProps } from './index';\n\nconst UnknownMessage = (props: OpenChannelMessageProps<SendbirdMessage>) => {\n  const { colors } = useUIKitTheme();\n  const { onPress, onLongPress, ...rest } = props;\n  const color = colors.ui.openChannelMessage.default;\n  return (\n    <PressBox onPress={onPress} onLongPress={onLongPress}>\n      {({ pressed }) => (\n        <MessageContainer pressed={pressed} {...rest}>\n          <Text body3 color={color.enabled.textMsg}>\n            {props.strings?.unknownTitle ?? '(Unknown message type)'}\n          </Text>\n          <Text body3 color={color.enabled.textMsgPostfix}>\n            {props.strings?.unknownDescription ?? 'Cannot read this message.'}\n          </Text>\n        </MessageContainer>\n      )}\n    </PressBox>\n  );\n};\n\nexport default UnknownMessage;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,cAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,iBAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAkD,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAGlD,MAAMQ,cAAc,GAAIC,KAA+C,IAAK;EAC1E,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAa,GAAE;EAClC,MAAM;IAAEC,OAAO;IAAEC,WAAW;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EAC/C,MAAMM,KAAK,GAAGL,MAAM,CAACM,EAAE,CAACC,kBAAkB,CAACxB,OAAO;EAClD,oBACET,MAAA,CAAAS,OAAA,CAAAyB,aAAA,CAAC/B,SAAA,CAAAM,OAAQ;IAACmB,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,GAClDM,IAAA;IAAA,IAAAC,cAAA,EAAAC,eAAA;IAAA,IAAC;MAAEC;IAAQ,CAAC,GAAAH,IAAA;IAAA,oBACXnC,MAAA,CAAAS,OAAA,CAAAyB,aAAA,CAAC5B,iBAAA,CAAAG,OAAgB,EAAAC,QAAA;MAAC4B,OAAO,EAAEA;IAAQ,GAAKR,IAAI,gBAC1C9B,MAAA,CAAAS,OAAA,CAAAyB,aAAA,CAAC9B,KAAA,CAAAK,OAAI;MAAC8B,KAAK;MAACR,KAAK,EAAEA,KAAK,CAACS,OAAO,CAACC;IAAQ,GACtC,EAAAL,cAAA,GAAAX,KAAK,CAACiB,OAAO,cAAAN,cAAA,uBAAbA,cAAA,CAAeO,YAAY,KAAI,wBAAwB,CACnD,eACP3C,MAAA,CAAAS,OAAA,CAAAyB,aAAA,CAAC9B,KAAA,CAAAK,OAAI;MAAC8B,KAAK;MAACR,KAAK,EAAEA,KAAK,CAACS,OAAO,CAACI;IAAe,GAC7C,EAAAP,eAAA,GAAAZ,KAAK,CAACiB,OAAO,cAAAL,eAAA,uBAAbA,eAAA,CAAeQ,kBAAkB,KAAI,2BAA2B,CAC5D,CACU;EAAA,CACpB,CACQ;AAEf,CAAC;AAAC,IAAAC,QAAA,GAEatB,cAAc;AAAAuB,OAAA,CAAAtC,OAAA,GAAAqC,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_PressBox","_Text","_useUIKitTheme","_MessageContainer","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","UnknownMessage","props","colors","useUIKitTheme","onPress","onLongPress","rest","color","ui","openChannelMessage","createElement","pressed","_props$strings","_props$strings2","body3","enabled","textMsg","strings","unknownTitle","textMsgPostfix","unknownDescription","_default","exports"],"sources":["Message.unknown.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport PressBox from '../../components/PressBox';\nimport Text from '../../components/Text';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageContainer from './MessageContainer';\nimport type { OpenChannelMessageProps } from './index';\n\nconst UnknownMessage = (props: OpenChannelMessageProps<SendbirdMessage>) => {\n  const { colors } = useUIKitTheme();\n  const { onPress, onLongPress, ...rest } = props;\n  const color = colors.ui.openChannelMessage.default;\n  return (\n    <PressBox onPress={onPress} onLongPress={onLongPress}>\n      {({ pressed }) => (\n        <MessageContainer pressed={pressed} {...rest}>\n          <Text body3 color={color.enabled.textMsg}>\n            {props.strings?.unknownTitle ?? '(Unknown message type)'}\n          </Text>\n          <Text body3 color={color.enabled.textMsgPostfix}>\n            {props.strings?.unknownDescription ?? 'Cannot read this message.'}\n          </Text>\n        </MessageContainer>\n      )}\n    </PressBox>\n  );\n};\n\nexport default UnknownMessage;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,cAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,iBAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAkD,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAGlD,MAAMO,cAAc,GAAIC,KAA+C,IAAK;EAC1E,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAa,EAAC,CAAC;EAClC,MAAM;IAAEC,OAAO;IAAEC,WAAW;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EAC/C,MAAMM,KAAK,GAAGL,MAAM,CAACM,EAAE,CAACC,kBAAkB,CAACtB,OAAO;EAClD,oBACET,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC7B,SAAA,CAAAM,OAAQ;IAACiB,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,GAClD,CAAC;IAAEM;EAAQ,CAAC;IAAA,IAAAC,cAAA,EAAAC,eAAA;IAAA,oBACXnC,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC1B,iBAAA,CAAAG,OAAgB,EAAAC,QAAA;MAACuB,OAAO,EAAEA;IAAQ,GAAKL,IAAI,gBAC1C5B,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC5B,KAAA,CAAAK,OAAI;MAAC2B,KAAK;MAACP,KAAK,EAAEA,KAAK,CAACQ,OAAO,CAACC;IAAQ,GACtC,EAAAJ,cAAA,GAAAX,KAAK,CAACgB,OAAO,cAAAL,cAAA,uBAAbA,cAAA,CAAeM,YAAY,KAAI,wBAC5B,CAAC,eACPxC,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC5B,KAAA,CAAAK,OAAI;MAAC2B,KAAK;MAACP,KAAK,EAAEA,KAAK,CAACQ,OAAO,CAACI;IAAe,GAC7C,EAAAN,eAAA,GAAAZ,KAAK,CAACgB,OAAO,cAAAJ,eAAA,uBAAbA,eAAA,CAAeO,kBAAkB,KAAI,2BAClC,CACU,CAAC;EAAA,CAEb,CAAC;AAEf,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnC,OAAA,GAEaa,cAAc","ignoreList":[]}

package/lib/commonjs/ui/OpenChannelMessage/Message.user.js

@@ -6,13 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _uikitUtils = require("@sendbird/uikit-utils");
+var _Box = _interopRequireDefault(require("../../components/Box"));
 var _PressBox = _interopRequireDefault(require("../../components/PressBox"));
 var _RegexText = _interopRequireDefault(require("../../components/RegexText"));
 var _Text = _interopRequireDefault(require("../../components/Text"));
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
 var _MessageContainer = _interopRequireDefault(require("./MessageContainer"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
 const UserMessage = props => {
   const {
     colors
@@ -27,28 +28,34 @@ const UserMessage = props => {
   return /*#__PURE__*/_react.default.createElement(_PressBox.default, {
     onPress: onPress,
     onLongPress: onLongPress
-  }, _ref => {
-    var _props$strings;
-    let {
-      pressed
-    } = _ref;
+  }, ({
+    pressed
+  }) => {
+    var _props$strings, _props$strings2;
     return /*#__PURE__*/_react.default.createElement(_MessageContainer.default, _extends({
       pressed: pressed
-    }, rest), /*#__PURE__*/_react.default.createElement(_Text.default, {
+    }, rest), /*#__PURE__*/_react.default.createElement(_Box.default, {
+      alignItems: 'flex-start'
+    }, /*#__PURE__*/_react.default.createElement(_Text.default, {
       body3: true,
-      color: color.enabled.textMsg
+      color: color.enabled.textMsg,
+      suppressHighlighting: true,
+      supportRTLAlign: true,
+      originalText: props.message.message
     }, /*#__PURE__*/_react.default.createElement(_RegexText.default, {
       body3: true,
+      suppressHighlighting: true,
+      supportRTLAlign: true,
+      originalText: props.message.message,
       color: color.enabled.textMsg,
       patterns: [{
         regex: _uikitUtils.urlRegexStrict,
-        replacer(_ref2) {
-          let {
-            match,
-            parentProps,
-            keyPrefix,
-            index
-          } = _ref2;
+        replacer({
+          match,
+          parentProps,
+          keyPrefix,
+          index
+        }) {
           return /*#__PURE__*/_react.default.createElement(_Text.default, _extends({}, parentProps, {
             key: `${keyPrefix}-${index}`,
             onPress: () => onPressURL === null || onPressURL === void 0 ? void 0 : onPressURL(match),
@@ -60,10 +67,11 @@ const UserMessage = props => {
       }]
     }, props.message.message), Boolean(props.message.updatedAt) && /*#__PURE__*/_react.default.createElement(_Text.default, {
       body3: true,
-      color: color.enabled.textMsgPostfix
-    }, ((_props$strings = props.strings) === null || _props$strings === void 0 ? void 0 : _props$strings.edited) ?? ' (edited)')));
+      color: color.enabled.textMsgPostfix,
+      supportRTLAlign: true,
+      originalText: ((_props$strings = props.strings) === null || _props$strings === void 0 ? void 0 : _props$strings.edited) ?? ' (edited)'
+    }, ((_props$strings2 = props.strings) === null || _props$strings2 === void 0 ? void 0 : _props$strings2.edited) ?? ' (edited)'))));
   });
 };
-var _default = UserMessage;
-exports.default = _default;
+var _default = exports.default = UserMessage;
 //# sourceMappingURL=Message.user.js.map

package/lib/commonjs/ui/OpenChannelMessage/Message.user.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_PressBox","_RegexText","_Text","_useUIKitTheme","_MessageContainer","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","UserMessage","props","colors","useUIKitTheme","onPress","onLongPress","onPressURL","rest","color","ui","openChannelMessage","createElement","_ref","_props$strings","pressed","body3","enabled","textMsg","patterns","regex","urlRegexStrict","replacer","_ref2","match","parentProps","keyPrefix","index","primary","style","message","Boolean","updatedAt","textMsgPostfix","strings","edited","_default","exports"],"sources":["Message.user.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdUserMessage } from '@sendbird/uikit-utils';\nimport { urlRegexStrict } from '@sendbird/uikit-utils';\n\nimport PressBox from '../../components/PressBox';\nimport RegexText from '../../components/RegexText';\nimport Text from '../../components/Text';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageContainer from './MessageContainer';\nimport type { OpenChannelMessageProps } from './index';\n\ntype Props = {};\nconst UserMessage = (props: OpenChannelMessageProps<SendbirdUserMessage, Props>) => {\n  const { colors } = useUIKitTheme();\n  const { onPress, onLongPress, onPressURL, ...rest } = props;\n  const color = colors.ui.openChannelMessage.default;\n\n  return (\n    <PressBox onPress={onPress} onLongPress={onLongPress}>\n      {({ pressed }) => (\n        <MessageContainer pressed={pressed} {...rest}>\n          <Text body3 color={color.enabled.textMsg}>\n            <RegexText\n              body3\n              color={color.enabled.textMsg}\n              patterns={[\n                {\n                  regex: urlRegexStrict,\n                  replacer({ match, parentProps, keyPrefix, index }) {\n                    return (\n                      <Text\n                        {...parentProps}\n                        key={`${keyPrefix}-${index}`}\n                        onPress={() => onPressURL?.(match)}\n                        onLongPress={onLongPress}\n                        color={colors.primary}\n                        style={parentProps?.style}\n                      >\n                        {match}\n                      </Text>\n                    );\n                  },\n                },\n              ]}\n            >\n              {props.message.message}\n            </RegexText>\n            {Boolean(props.message.updatedAt) && (\n              <Text body3 color={color.enabled.textMsgPostfix}>\n                {props.strings?.edited ?? ' (edited)'}\n              </Text>\n            )}\n          </Text>\n        </MessageContainer>\n      )}\n    </PressBox>\n  );\n};\n\nexport default UserMessage;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_Box","_PressBox","_RegexText","_Text","_useUIKitTheme","_MessageContainer","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","UserMessage","props","colors","useUIKitTheme","onPress","onLongPress","onPressURL","rest","color","ui","openChannelMessage","createElement","pressed","_props$strings","_props$strings2","alignItems","body3","enabled","textMsg","suppressHighlighting","supportRTLAlign","originalText","message","patterns","regex","urlRegexStrict","replacer","match","parentProps","keyPrefix","index","key","primary","style","Boolean","updatedAt","textMsgPostfix","strings","edited","_default","exports"],"sources":["Message.user.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdUserMessage } from '@sendbird/uikit-utils';\nimport { urlRegexStrict } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport PressBox from '../../components/PressBox';\nimport RegexText from '../../components/RegexText';\nimport Text from '../../components/Text';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageContainer from './MessageContainer';\nimport type { OpenChannelMessageProps } from './index';\n\ntype Props = {};\nconst UserMessage = (props: OpenChannelMessageProps<SendbirdUserMessage, Props>) => {\n  const { colors } = useUIKitTheme();\n  const { onPress, onLongPress, onPressURL, ...rest } = props;\n  const color = colors.ui.openChannelMessage.default;\n\n  return (\n    <PressBox onPress={onPress} onLongPress={onLongPress}>\n      {({ pressed }) => (\n        <MessageContainer pressed={pressed} {...rest}>\n          <Box alignItems={'flex-start'}>\n            <Text\n              body3\n              color={color.enabled.textMsg}\n              suppressHighlighting\n              supportRTLAlign\n              originalText={props.message.message}\n            >\n              <RegexText\n                body3\n                suppressHighlighting\n                supportRTLAlign\n                originalText={props.message.message}\n                color={color.enabled.textMsg}\n                patterns={[\n                  {\n                    regex: urlRegexStrict,\n                    replacer({ match, parentProps, keyPrefix, index }) {\n                      return (\n                        <Text\n                          {...parentProps}\n                          key={`${keyPrefix}-${index}`}\n                          onPress={() => onPressURL?.(match)}\n                          onLongPress={onLongPress}\n                          color={colors.primary}\n                          style={parentProps?.style}\n                        >\n                          {match}\n                        </Text>\n                      );\n                    },\n                  },\n                ]}\n              >\n                {props.message.message}\n              </RegexText>\n              {Boolean(props.message.updatedAt) && (\n                <Text\n                  body3\n                  color={color.enabled.textMsgPostfix}\n                  supportRTLAlign\n                  originalText={props.strings?.edited ?? ' (edited)'}\n                >\n                  {props.strings?.edited ?? ' (edited)'}\n                </Text>\n              )}\n            </Text>\n          </Box>\n        </MessageContainer>\n      )}\n    </PressBox>\n  );\n};\n\nexport default UserMessage;\n"],"mappings":"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","ignoreList":[]}