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

package/lib/module/ui/Header/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","TouchableOpacity","View","useSafeAreaInsets","conditionChaining","Text","createStyleSheet","useHeaderStyle","useUIKitTheme","AlignMapper","left","center","right","Header","_ref","children","titleAlign","title","onPressLeft","onPressRight","clearTitleMargin","clearStatusBarTopInset","statusBarTopInsetAs","topInset","defaultTitleAlign","defaultHeight","colors","paddingLeft","paddingRight","actualTitleAlign","actualTopInset","createElement","style","paddingTop","backgroundColor","ui","header","nav","none","background","styles","container","paddingHorizontal","borderBottomColor","borderBottom","height","LeftSide","marginHorizontal","justifyContent","HeaderTitle","RightSide","_ref2","HeaderButton","onPress","_ref3","_ref4","props","_extends","h1","numberOfLines","HeaderSubtitle","_ref5","color","onBackground03","caption2","_ref6","disabled","button","e","activeOpacity","borderBottomWidth","flexDirection","flex","alignItems","minWidth","marginRight","marginLeft","padding","Object","assign","Button","Title","Subtitle"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, TouchableOpacityProps, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Text, { TextProps } from '../../components/Text';\nimport type { BaseHeaderProps, HeaderElement } from '../../index';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\nexport type HeaderProps = BaseHeaderProps<\n  {\n    title?: HeaderElement;\n    left?: HeaderElement;\n    right?: HeaderElement;\n    onPressLeft?: () => void;\n    onPressRight?: () => void;\n  },\n  {\n    clearTitleMargin?: boolean;\n    clearStatusBarTopInset?: boolean;\n    statusBarTopInsetAs?: 'padding' | 'margin';\n  }\n>;\n\nconst AlignMapper = { left: 'flex-start', center: 'center', right: 'flex-end' } as const;\nconst Header = ({\n  children,\n  titleAlign,\n  title = null,\n  left = null,\n  right = null,\n  onPressLeft,\n  onPressRight,\n  clearTitleMargin = false,\n  clearStatusBarTopInset = false,\n  statusBarTopInsetAs = 'padding',\n}: HeaderProps) => {\n  const { topInset, defaultTitleAlign, defaultHeight } = useHeaderStyle();\n\n  const { colors } = useUIKitTheme();\n  const { left: paddingLeft, right: paddingRight } = useSafeAreaInsets();\n\n  const actualTitleAlign = titleAlign ?? defaultTitleAlign;\n  const actualTopInset = clearStatusBarTopInset ? 0 : topInset;\n\n  if (!title && !left && !right) {\n    return (\n      <View style={{ paddingTop: actualTopInset, backgroundColor: colors.ui.header.nav.none.background }}>\n        {children}\n      </View>\n    );\n  }\n\n  return (\n    <View\n      style={[\n        styles.container,\n        {\n          [statusBarTopInsetAs === 'padding' ? 'paddingTop' : 'marginTop']: actualTopInset,\n          paddingLeft: paddingLeft + styles.container.paddingHorizontal,\n          paddingRight: paddingRight + styles.container.paddingHorizontal,\n          backgroundColor: colors.ui.header.nav.none.background,\n          borderBottomColor: colors.ui.header.nav.none.borderBottom,\n        },\n      ]}\n    >\n      <View style={[styles.header, { height: defaultHeight }]}>\n        <LeftSide titleAlign={actualTitleAlign} left={left} onPressLeft={onPressLeft} />\n        <View\n          style={[\n            styles.title,\n            clearTitleMargin && { marginHorizontal: 0 },\n            { justifyContent: AlignMapper[actualTitleAlign] },\n          ]}\n        >\n          {typeof title === 'string' ? <HeaderTitle>{title}</HeaderTitle> : title}\n        </View>\n        <RightSide titleAlign={actualTitleAlign} right={right} onPressRight={onPressRight} />\n      </View>\n      {children}\n    </View>\n  );\n};\n\nconst LeftSide = ({ titleAlign, onPressLeft, left }: HeaderProps) => {\n  if (titleAlign === 'center') {\n    return <View style={styles.left}>{left && <HeaderButton onPress={onPressLeft}>{left}</HeaderButton>}</View>;\n  }\n  if (!left) return null;\n  return (\n    <View style={styles.left}>\n      <HeaderButton onPress={onPressLeft}>{left}</HeaderButton>\n    </View>\n  );\n};\n\nconst RightSide = ({ titleAlign, onPressRight, right }: HeaderProps) => {\n  if (titleAlign === 'center') {\n    return <View style={styles.right}>{right && <HeaderButton onPress={onPressRight}>{right}</HeaderButton>}</View>;\n  }\n  if (!right) return null;\n  return (\n    <View style={styles.right}>\n      <HeaderButton onPress={onPressRight}>{right}</HeaderButton>\n    </View>\n  );\n};\n\nconst HeaderTitle = ({ children, style, ...props }: TextProps) => {\n  return (\n    <Text {...props} h1 numberOfLines={1} style={style}>\n      {children}\n    </Text>\n  );\n};\nconst HeaderSubtitle = ({ children, style, ...props }: TextProps) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <Text color={colors.onBackground03} {...props} caption2 numberOfLines={1} style={style}>\n      {children}\n    </Text>\n  );\n};\nconst HeaderButton = ({ children, disabled, onPress, color, ...props }: TouchableOpacityProps & { color?: string }) => {\n  return (\n    <TouchableOpacity\n      style={styles.button}\n      {...props}\n      disabled={!onPress || disabled}\n      onPress={(e) => onPress?.(e)}\n      activeOpacity={0.7}\n    >\n      {conditionChaining(\n        [typeof children === 'string' || typeof children === 'number'],\n        [\n          <Text button numberOfLines={1} color={color}>\n            {children}\n          </Text>,\n          children,\n        ],\n      )}\n    </TouchableOpacity>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingHorizontal: 12,\n    borderBottomWidth: 1,\n  },\n  header: {\n    flexDirection: 'row',\n  },\n  title: {\n    flex: 1,\n    flexDirection: 'row',\n    alignItems: 'center',\n    marginHorizontal: 12,\n  },\n  left: {\n    height: '100%',\n    minWidth: 32,\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginRight: 12,\n  },\n  right: {\n    height: '100%',\n    minWidth: 32,\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginLeft: 12,\n  },\n  button: {\n    padding: 4,\n  },\n});\n\nexport default Object.assign(Header, {\n  Button: HeaderButton,\n  Title: HeaderTitle,\n  Subtitle: HeaderSubtitle,\n});\n"],"mappings":"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"}
+{"version":3,"names":["React","TouchableOpacity","View","conditionChaining","useSafeAreaPadding","Text","createStyleSheet","useHeaderStyle","useUIKitTheme","AlignMapper","left","center","right","Header","children","titleAlign","title","onPressLeft","onPressRight","clearTitleMargin","clearStatusBarTopInset","statusBarTopInsetAs","topInset","defaultTitleAlign","defaultHeight","colors","safeArea","actualTitleAlign","actualTopInset","createElement","style","paddingTop","backgroundColor","ui","header","nav","none","background","styles","container","paddingStart","paddingHorizontal","paddingEnd","borderBottomColor","borderBottom","height","LeftSide","marginHorizontal","justifyContent","HeaderTitle","RightSide","HeaderButton","onPress","props","_extends","h1","numberOfLines","HeaderSubtitle","color","onBackground03","caption2","disabled","button","e","activeOpacity","borderBottomWidth","flexDirection","flex","alignItems","minWidth","marginRight","marginLeft","padding","Object","assign","Button","Title","Subtitle"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, TouchableOpacityProps, View } from 'react-native';\n\nimport { conditionChaining, useSafeAreaPadding } from '@sendbird/uikit-utils';\n\nimport Text, { TextProps } from '../../components/Text';\nimport type { BaseHeaderProps, HeaderElement } from '../../index';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\nexport type HeaderProps = BaseHeaderProps<\n  {\n    title?: HeaderElement;\n    left?: HeaderElement;\n    right?: HeaderElement;\n    onPressLeft?: () => void;\n    onPressRight?: () => void;\n  },\n  {\n    clearTitleMargin?: boolean;\n    clearStatusBarTopInset?: boolean;\n    statusBarTopInsetAs?: 'padding' | 'margin';\n  }\n>;\n\nconst AlignMapper = { left: 'flex-start', center: 'center', right: 'flex-end' } as const;\nconst Header = ({\n  children,\n  titleAlign,\n  title = null,\n  left = null,\n  right = null,\n  onPressLeft,\n  onPressRight,\n  clearTitleMargin = false,\n  clearStatusBarTopInset = false,\n  statusBarTopInsetAs = 'padding',\n}: HeaderProps) => {\n  const { topInset, defaultTitleAlign, defaultHeight } = useHeaderStyle();\n\n  const { colors } = useUIKitTheme();\n  const safeArea = useSafeAreaPadding(['left', 'right']);\n\n  const actualTitleAlign = titleAlign ?? defaultTitleAlign;\n  const actualTopInset = clearStatusBarTopInset ? 0 : topInset;\n\n  if (!title && !left && !right) {\n    return (\n      <View style={{ paddingTop: actualTopInset, backgroundColor: colors.ui.header.nav.none.background }}>\n        {children}\n      </View>\n    );\n  }\n\n  return (\n    <View\n      style={[\n        styles.container,\n        {\n          [statusBarTopInsetAs === 'padding' ? 'paddingTop' : 'marginTop']: actualTopInset,\n          paddingStart: safeArea.paddingStart + styles.container.paddingHorizontal,\n          paddingEnd: safeArea.paddingEnd + styles.container.paddingHorizontal,\n          backgroundColor: colors.ui.header.nav.none.background,\n          borderBottomColor: colors.ui.header.nav.none.borderBottom,\n        },\n      ]}\n    >\n      <View style={[styles.header, { height: defaultHeight }]}>\n        <LeftSide titleAlign={actualTitleAlign} left={left} onPressLeft={onPressLeft} />\n        <View\n          style={[\n            styles.title,\n            clearTitleMargin && { marginHorizontal: 0 },\n            { justifyContent: AlignMapper[actualTitleAlign] },\n          ]}\n        >\n          {typeof title === 'string' ? <HeaderTitle>{title}</HeaderTitle> : title}\n        </View>\n        <RightSide titleAlign={actualTitleAlign} right={right} onPressRight={onPressRight} />\n      </View>\n      {children}\n    </View>\n  );\n};\n\nconst LeftSide = ({ titleAlign, onPressLeft, left }: HeaderProps) => {\n  if (titleAlign === 'center') {\n    return <View style={styles.left}>{left && <HeaderButton onPress={onPressLeft}>{left}</HeaderButton>}</View>;\n  }\n  if (!left) return null;\n  return (\n    <View style={styles.left}>\n      <HeaderButton onPress={onPressLeft}>{left}</HeaderButton>\n    </View>\n  );\n};\n\nconst RightSide = ({ titleAlign, onPressRight, right }: HeaderProps) => {\n  if (titleAlign === 'center') {\n    return <View style={styles.right}>{right && <HeaderButton onPress={onPressRight}>{right}</HeaderButton>}</View>;\n  }\n  if (!right) return null;\n  return (\n    <View style={styles.right}>\n      <HeaderButton onPress={onPressRight}>{right}</HeaderButton>\n    </View>\n  );\n};\n\nconst HeaderTitle = ({ children, style, ...props }: TextProps) => {\n  return (\n    <Text {...props} h1 numberOfLines={1} style={style}>\n      {children}\n    </Text>\n  );\n};\nconst HeaderSubtitle = ({ children, style, ...props }: TextProps) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <Text color={colors.onBackground03} {...props} caption2 numberOfLines={1} style={style}>\n      {children}\n    </Text>\n  );\n};\nconst HeaderButton = ({ children, disabled, onPress, color, ...props }: TouchableOpacityProps & { color?: string }) => {\n  return (\n    <TouchableOpacity\n      style={styles.button}\n      {...props}\n      disabled={!onPress || disabled}\n      onPress={(e) => onPress?.(e)}\n      activeOpacity={0.7}\n    >\n      {conditionChaining(\n        [typeof children === 'string' || typeof children === 'number'],\n        [\n          <Text button numberOfLines={1} color={color}>\n            {children}\n          </Text>,\n          children,\n        ],\n      )}\n    </TouchableOpacity>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingHorizontal: 12,\n    borderBottomWidth: 1,\n  },\n  header: {\n    flexDirection: 'row',\n  },\n  title: {\n    flex: 1,\n    flexDirection: 'row',\n    alignItems: 'center',\n    marginHorizontal: 12,\n  },\n  left: {\n    height: '100%',\n    minWidth: 32,\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginRight: 12,\n  },\n  right: {\n    height: '100%',\n    minWidth: 32,\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginLeft: 12,\n  },\n  button: {\n    padding: 4,\n  },\n});\n\nexport default Object.assign(Header, {\n  Button: HeaderButton,\n  Title: HeaderTitle,\n  Subtitle: HeaderSubtitle,\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/LoadingSpinner/index.js

@@ -2,12 +2,11 @@ import React, { useEffect, useRef } from 'react';
 import { Animated, Easing } from 'react-native';
 import Icon from '../../components/Icon';
 import useUIKitTheme from '../../theme/useUIKitTheme';
-const LoadingSpinner = _ref => {
-  let {
-    size = 24,
-    color,
-    style
-  } = _ref;
+const LoadingSpinner = ({
+  size = 24,
+  color,
+  style
+}) => {
   const {
     colors
   } = useUIKitTheme();
@@ -19,8 +18,7 @@ const LoadingSpinner = _ref => {
     color: color ?? colors.primary
   }));
 };
-const useLoopAnimated = function (duration) {
-  let useNativeDriver = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+const useLoopAnimated = (duration, useNativeDriver = true) => {
   const animated = useRef(new Animated.Value(0)).current;
   useEffect(() => {
     Animated.loop(Animated.timing(animated, {
@@ -38,11 +36,10 @@ const useLoopAnimated = function (duration) {
   }, []);
   return animated;
 };
-const Rotate = _ref2 => {
-  let {
-    children,
-    style
-  } = _ref2;
+const Rotate = ({
+  children,
+  style
+}) => {
   const loop = useLoopAnimated(1000);
   const rotate = loop.interpolate({
     inputRange: [0, 1],

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","Animated","Easing","Icon","useUIKitTheme","LoadingSpinner","_ref","size","color","style","colors","createElement","Rotate","icon","primary","useLoopAnimated","duration","useNativeDriver","arguments","length","undefined","animated","Value","current","loop","timing","toValue","easing","inOut","linear","resetBeforeIteration","start","stopAnimation","setValue","_ref2","children","rotate","interpolate","inputRange","outputRange","View","transform"],"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":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SAASC,QAAQ,EAAEC,MAAM,QAA8B,cAAc;AAErE,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,aAAa,MAAM,2BAA2B;AAQrD,MAAMC,cAAc,GAAGC,IAAA,IAAwC;EAAA,IAAvC;IAAEC,IAAI,GAAG,EAAE;IAAEC,KAAK;IAAEC;EAAa,CAAC,GAAAH,IAAA;EACxD,MAAM;IAAEI;EAAO,CAAC,GAAGN,aAAa,EAAE;EAClC,oBACEN,KAAA,CAAAa,aAAA,CAACC,MAAM;IAACH,KAAK,EAAEA;EAAM,gBACnBX,KAAA,CAAAa,aAAA,CAACR,IAAI;IAACU,IAAI,EAAE,SAAU;IAACN,IAAI,EAAEA,IAAK;IAACC,KAAK,EAAEA,KAAK,IAAIE,MAAM,CAACI;EAAQ,EAAG,CAC9D;AAEb,CAAC;AAED,MAAMC,eAAe,GAAG,SAAAA,CAACC,QAAgB,EAA6B;EAAA,IAA3BC,eAAe,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAC/D,MAAMG,QAAQ,GAAGrB,MAAM,CAAC,IAAIC,QAAQ,CAACqB,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAEtDxB,SAAS,CAAC,MAAM;IACdE,QAAQ,CAACuB,IAAI,CACXvB,QAAQ,CAACwB,MAAM,CAACJ,QAAQ,EAAE;MAAEK,OAAO,EAAE,CAAC;MAAEV,QAAQ;MAAEC,eAAe;MAAEU,MAAM,EAAEzB,MAAM,CAAC0B,KAAK,CAAC1B,MAAM,CAAC2B,MAAM;IAAE,CAAC,CAAC,EACzG;MAAEC,oBAAoB,EAAE;IAAK,CAAC,CAC/B,CAACC,KAAK,EAAE;IAET,OAAO,MAAM;MACXV,QAAQ,CAACW,aAAa,EAAE;MACxBX,QAAQ,CAACY,QAAQ,CAAC,CAAC,CAAC;IACtB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOZ,QAAQ;AACjB,CAAC;AAED,MAAMT,MAAM,GAAGsB,KAAA,IAAmF;EAAA,IAAlF;IAAEC,QAAQ;IAAE1B;EAAgE,CAAC,GAAAyB,KAAA;EAC3F,MAAMV,IAAI,GAAGT,eAAe,CAAC,IAAI,CAAC;EAClC,MAAMqB,MAAM,GAAGZ,IAAI,CAACa,WAAW,CAAC;IAAEC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAAEC,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ;EAAE,CAAC,CAAC;EACxF,oBAAOzC,KAAA,CAAAa,aAAA,CAACV,QAAQ,CAACuC,IAAI;IAAC/B,KAAK,EAAE,CAACA,KAAK,EAAE;MAAEgC,SAAS,EAAE,CAAC;QAAEL;MAAO,CAAC;IAAE,CAAC;EAAE,GAAED,QAAQ,CAAiB;AAC/F,CAAC;AAED,eAAe9B,cAAc"}
+{"version":3,"names":["React","useEffect","useRef","Animated","Easing","Icon","useUIKitTheme","LoadingSpinner","size","color","style","colors","createElement","Rotate","icon","primary","useLoopAnimated","duration","useNativeDriver","animated","Value","current","loop","timing","toValue","easing","inOut","linear","resetBeforeIteration","start","stopAnimation","setValue","children","rotate","interpolate","inputRange","outputRange","View","transform"],"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":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SAASC,QAAQ,EAAEC,MAAM,QAA8B,cAAc;AAErE,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,aAAa,MAAM,2BAA2B;AAQrD,MAAMC,cAAc,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK;EAAEC;AAAa,CAAC,KAAK;EAC7D,MAAM;IAAEC;EAAO,CAAC,GAAGL,aAAa,CAAC,CAAC;EAClC,oBACEN,KAAA,CAAAY,aAAA,CAACC,MAAM;IAACH,KAAK,EAAEA;EAAM,gBACnBV,KAAA,CAAAY,aAAA,CAACP,IAAI;IAACS,IAAI,EAAE,SAAU;IAACN,IAAI,EAAEA,IAAK;IAACC,KAAK,EAAEA,KAAK,IAAIE,MAAM,CAACI;EAAQ,CAAE,CAC9D,CAAC;AAEb,CAAC;AAED,MAAMC,eAAe,GAAGA,CAACC,QAAgB,EAAEC,eAAe,GAAG,IAAI,KAAK;EACpE,MAAMC,QAAQ,GAAGjB,MAAM,CAAC,IAAIC,QAAQ,CAACiB,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAEtDpB,SAAS,CAAC,MAAM;IACdE,QAAQ,CAACmB,IAAI,CACXnB,QAAQ,CAACoB,MAAM,CAACJ,QAAQ,EAAE;MAAEK,OAAO,EAAE,CAAC;MAAEP,QAAQ;MAAEC,eAAe;MAAEO,MAAM,EAAErB,MAAM,CAACsB,KAAK,CAACtB,MAAM,CAACuB,MAAM;IAAE,CAAC,CAAC,EACzG;MAAEC,oBAAoB,EAAE;IAAK,CAC/B,CAAC,CAACC,KAAK,CAAC,CAAC;IAET,OAAO,MAAM;MACXV,QAAQ,CAACW,aAAa,CAAC,CAAC;MACxBX,QAAQ,CAACY,QAAQ,CAAC,CAAC,CAAC;IACtB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOZ,QAAQ;AACjB,CAAC;AAED,MAAMN,MAAM,GAAGA,CAAC;EAAEmB,QAAQ;EAAEtB;AAAgE,CAAC,KAAK;EAChG,MAAMY,IAAI,GAAGN,eAAe,CAAC,IAAI,CAAC;EAClC,MAAMiB,MAAM,GAAGX,IAAI,CAACY,WAAW,CAAC;IAAEC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAAEC,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ;EAAE,CAAC,CAAC;EACxF,oBAAOpC,KAAA,CAAAY,aAAA,CAACT,QAAQ,CAACkC,IAAI;IAAC3B,KAAK,EAAE,CAACA,KAAK,EAAE;MAAE4B,SAAS,EAAE,CAAC;QAAEL;MAAO,CAAC;IAAE,CAAC;EAAE,GAAED,QAAwB,CAAC;AAC/F,CAAC;AAED,eAAezB,cAAc","ignoreList":[]}

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

@@ -1,24 +1,24 @@
 import React from 'react';
 import { Pressable, View } from 'react-native';
 import { conditionChaining } from '@sendbird/uikit-utils';
+import Box from '../../components/Box';
 import Divider from '../../components/Divider';
 import Icon from '../../components/Icon';
 import Text from '../../components/Text';
 import createStyleSheet from '../../styles/createStyleSheet';
 import useUIKitTheme from '../../theme/useUIKitTheme';
-const MenuBar = _ref => {
-  let {
-    variant = 'default',
-    disabled,
-    visible = true,
-    onPress,
-    name,
-    icon,
-    iconColor,
-    iconBackgroundColor,
-    actionLabel,
-    actionItem = null
-  } = _ref;
+const MenuBar = ({
+  variant = 'default',
+  disabled,
+  visible = true,
+  onPress,
+  name,
+  icon,
+  iconColor,
+  iconBackgroundColor,
+  actionLabel,
+  actionItem = null
+}) => {
   const {
     palette,
     colors
@@ -35,11 +35,14 @@ const MenuBar = _ref => {
     containerStyle: [styles.icon, variant === 'contained' && styles.containedIcon, variant === 'contained' && {
       backgroundColor: iconBackgroundColor ?? palette.background400
     }]
-  }), /*#__PURE__*/React.createElement(Text, {
+  }), /*#__PURE__*/React.createElement(Box, {
+    flex: 1,
+    alignItems: 'flex-start'
+  }, /*#__PURE__*/React.createElement(Text, {
     subtitle2: true,
     numberOfLines: 1,
     style: styles.name
-  }, name), Boolean(actionLabel) && /*#__PURE__*/React.createElement(Text, {
+  }, name)), Boolean(actionLabel) && /*#__PURE__*/React.createElement(Text, {
     subtitle2: true,
     numberOfLines: 1,
     color: colors.onBackground02,
@@ -54,17 +57,17 @@ const styles = createStyleSheet({
   },
   name: {
     flex: 1,
-    marginRight: 8
+    marginEnd: 8
   },
   icon: {
-    marginRight: 16
+    marginEnd: 16
   },
   containedIcon: {
     borderRadius: 24,
     padding: 4
   },
   actionLabel: {
-    marginRight: 4
+    marginEnd: 4
   }
 });
 export default MenuBar;

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

@@ -1 +1 @@
-{"version":3,"names":["React","Pressable","View","conditionChaining","Divider","Icon","Text","createStyleSheet","useUIKitTheme","MenuBar","_ref","variant","disabled","visible","onPress","name","icon","iconColor","iconBackgroundColor","actionLabel","actionItem","palette","colors","createElement","style","styles","container","size","color","background50","primary","containerStyle","containedIcon","backgroundColor","background400","subtitle2","numberOfLines","Boolean","onBackground02","paddingVertical","flexDirection","alignItems","flex","marginRight","borderRadius","padding"],"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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAE9C,SAASC,iBAAiB,QAAQ,uBAAuB;AAEzD,OAAOC,OAAO,MAAM,0BAA0B;AAC9C,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AAiBrD,MAAMC,OAAO,GAAGC,IAAA,IAWI;EAAA,IAXH;IACfC,OAAO,GAAG,SAAS;IACnBC,QAAQ;IACRC,OAAO,GAAG,IAAI;IACdC,OAAO;IACPC,IAAI;IACJC,IAAI;IACJC,SAAS;IACTC,mBAAmB;IACnBC,WAAW;IACXC,UAAU,GAAG;EACD,CAAC,GAAAV,IAAA;EACb,MAAM;IAAEW,OAAO;IAAEC;EAAO,CAAC,GAAGd,aAAa,EAAE;EAE3C,IAAI,CAACK,OAAO,EAAE,OAAO,IAAI;EAEzB,oBACEb,KAAA,CAAAuB,aAAA,CAACrB,IAAI,qBACHF,KAAA,CAAAuB,aAAA,CAACtB,SAAS;IAACW,QAAQ,EAAEA,QAAS;IAACE,OAAO,EAAEA,OAAQ;IAACU,KAAK,EAAEC,MAAM,CAACC;EAAU,GACtEV,IAAI,iBACHhB,KAAA,CAAAuB,aAAA,CAAClB,IAAI;IACHW,IAAI,EAAEA,IAAK;IACXW,IAAI,EAAEhB,OAAO,KAAK,WAAW,GAAG,EAAE,GAAG,EAAG;IACxCiB,KAAK,EAAEzB,iBAAiB,CACtB,CAACQ,OAAO,KAAK,WAAW,EAAEM,SAAS,CAAC,EACpC,CAACI,OAAO,CAACQ,YAAY,EAAEZ,SAAS,EAAEK,MAAM,CAACQ,OAAO,CAAC,CACjD;IACFC,cAAc,EAAE,CACdN,MAAM,CAACT,IAAI,EACXL,OAAO,KAAK,WAAW,IAAIc,MAAM,CAACO,aAAa,EAC/CrB,OAAO,KAAK,WAAW,IAAI;MAAEsB,eAAe,EAAEf,mBAAmB,IAAIG,OAAO,CAACa;IAAc,CAAC;EAC5F,EAEL,eACDlC,KAAA,CAAAuB,aAAA,CAACjB,IAAI;IAAC6B,SAAS;IAACC,aAAa,EAAE,CAAE;IAACZ,KAAK,EAAEC,MAAM,CAACV;EAAK,GAClDA,IAAI,CACA,EACNsB,OAAO,CAAClB,WAAW,CAAC,iBACnBnB,KAAA,CAAAuB,aAAA,CAACjB,IAAI;IAAC6B,SAAS;IAACC,aAAa,EAAE,CAAE;IAACR,KAAK,EAAEN,MAAM,CAACgB,cAAe;IAACd,KAAK,EAAEC,MAAM,CAACN;EAAY,GACvFA,WAAW,CAEf,EACAC,UAAU,CACD,eACZpB,KAAA,CAAAuB,aAAA,CAACnB,OAAO,OAAG,CACN;AAEX,CAAC;AAED,MAAMqB,MAAM,GAAGlB,gBAAgB,CAAC;EAC9BmB,SAAS,EAAE;IACTa,eAAe,EAAE,EAAE;IACnBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACD1B,IAAI,EAAE;IACJ2B,IAAI,EAAE,CAAC;IACPC,WAAW,EAAE;EACf,CAAC;EACD3B,IAAI,EAAE;IACJ2B,WAAW,EAAE;EACf,CAAC;EACDX,aAAa,EAAE;IACbY,YAAY,EAAE,EAAE;IAChBC,OAAO,EAAE;EACX,CAAC;EACD1B,WAAW,EAAE;IACXwB,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAEF,eAAelC,OAAO"}
+{"version":3,"names":["React","Pressable","View","conditionChaining","Box","Divider","Icon","Text","createStyleSheet","useUIKitTheme","MenuBar","variant","disabled","visible","onPress","name","icon","iconColor","iconBackgroundColor","actionLabel","actionItem","palette","colors","createElement","style","styles","container","size","color","background50","primary","containerStyle","containedIcon","backgroundColor","background400","flex","alignItems","subtitle2","numberOfLines","Boolean","onBackground02","paddingVertical","flexDirection","marginEnd","borderRadius","padding"],"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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAE9C,SAASC,iBAAiB,QAAQ,uBAAuB;AAEzD,OAAOC,GAAG,MAAM,sBAAsB;AACtC,OAAOC,OAAO,MAAM,0BAA0B;AAC9C,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AAiBrD,MAAMC,OAAO,GAAGA,CAAC;EACfC,OAAO,GAAG,SAAS;EACnBC,QAAQ;EACRC,OAAO,GAAG,IAAI;EACdC,OAAO;EACPC,IAAI;EACJC,IAAI;EACJC,SAAS;EACTC,mBAAmB;EACnBC,WAAW;EACXC,UAAU,GAAG;AACD,CAAC,KAAK;EAClB,MAAM;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAGb,aAAa,CAAC,CAAC;EAE3C,IAAI,CAACI,OAAO,EAAE,OAAO,IAAI;EAEzB,oBACEb,KAAA,CAAAuB,aAAA,CAACrB,IAAI,qBACHF,KAAA,CAAAuB,aAAA,CAACtB,SAAS;IAACW,QAAQ,EAAEA,QAAS;IAACE,OAAO,EAAEA,OAAQ;IAACU,KAAK,EAAEC,MAAM,CAACC;EAAU,GACtEV,IAAI,iBACHhB,KAAA,CAAAuB,aAAA,CAACjB,IAAI;IACHU,IAAI,EAAEA,IAAK;IACXW,IAAI,EAAEhB,OAAO,KAAK,WAAW,GAAG,EAAE,GAAG,EAAG;IACxCiB,KAAK,EAAEzB,iBAAiB,CACtB,CAACQ,OAAO,KAAK,WAAW,EAAEM,SAAS,CAAC,EACpC,CAACI,OAAO,CAACQ,YAAY,EAAEZ,SAAS,EAAEK,MAAM,CAACQ,OAAO,CAClD,CAAE;IACFC,cAAc,EAAE,CACdN,MAAM,CAACT,IAAI,EACXL,OAAO,KAAK,WAAW,IAAIc,MAAM,CAACO,aAAa,EAC/CrB,OAAO,KAAK,WAAW,IAAI;MAAEsB,eAAe,EAAEf,mBAAmB,IAAIG,OAAO,CAACa;IAAc,CAAC;EAC5F,CACH,CACF,eACDlC,KAAA,CAAAuB,aAAA,CAACnB,GAAG;IAAC+B,IAAI,EAAE,CAAE;IAACC,UAAU,EAAE;EAAa,gBACrCpC,KAAA,CAAAuB,aAAA,CAAChB,IAAI;IAAC8B,SAAS;IAACC,aAAa,EAAE,CAAE;IAACd,KAAK,EAAEC,MAAM,CAACV;EAAK,GAClDA,IACG,CACH,CAAC,EACLwB,OAAO,CAACpB,WAAW,CAAC,iBACnBnB,KAAA,CAAAuB,aAAA,CAAChB,IAAI;IAAC8B,SAAS;IAACC,aAAa,EAAE,CAAE;IAACV,KAAK,EAAEN,MAAM,CAACkB,cAAe;IAAChB,KAAK,EAAEC,MAAM,CAACN;EAAY,GACvFA,WACG,CACP,EACAC,UACQ,CAAC,eACZpB,KAAA,CAAAuB,aAAA,CAAClB,OAAO,MAAE,CACN,CAAC;AAEX,CAAC;AAED,MAAMoB,MAAM,GAAGjB,gBAAgB,CAAC;EAC9BkB,SAAS,EAAE;IACTe,eAAe,EAAE,EAAE;IACnBC,aAAa,EAAE,KAAK;IACpBN,UAAU,EAAE;EACd,CAAC;EACDrB,IAAI,EAAE;IACJoB,IAAI,EAAE,CAAC;IACPQ,SAAS,EAAE;EACb,CAAC;EACD3B,IAAI,EAAE;IACJ2B,SAAS,EAAE;EACb,CAAC;EACDX,aAAa,EAAE;IACbY,YAAY,EAAE,EAAE;IAChBC,OAAO,EAAE;EACX,CAAC;EACD1B,WAAW,EAAE;IACXwB,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAejC,OAAO","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["React","Box","Text","useUIKitTheme","AdminMessage","props","colors","color","ui","openChannelMessage","default","createElement","marginVertical","paddingHorizontal","backgroundColor","background","borderRadius","paddingVertical","enabled","adminBackground","caption2","onBackground02","message"],"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,OAAOA,KAAK,MAAM,OAAO;AAIzB,OAAOC,GAAG,MAAM,sBAAsB;AACtC,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,aAAa,MAAM,2BAA2B;AAGrD,MAAMC,YAAY,GAAIC,KAAoD,IAAK;EAC7E,MAAM;IAAEC;EAAO,CAAC,GAAGH,aAAa,EAAE;EAClC,MAAMI,KAAK,GAAGD,MAAM,CAACE,EAAE,CAACC,kBAAkB,CAACC,OAAO;EAClD,oBACEV,KAAA,CAAAW,aAAA,CAACV,GAAG;IAACW,cAAc,EAAE,CAAE;IAACC,iBAAiB,EAAE,EAAG;IAACC,eAAe,EAAER,MAAM,CAACS;EAAW,gBAChFf,KAAA,CAAAW,aAAA,CAACV,GAAG;IAACe,YAAY,EAAE,CAAE;IAACH,iBAAiB,EAAE,EAAG;IAACI,eAAe,EAAE,EAAG;IAACH,eAAe,EAAEP,KAAK,CAACW,OAAO,CAACC;EAAgB,gBAC/GnB,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACkB,QAAQ;IAACb,KAAK,EAAED,MAAM,CAACe;EAAe,GACzChB,KAAK,CAACiB,OAAO,CAACA,OAAO,CACjB,CACH,CACF;AAEV,CAAC;AAED,eAAelB,YAAY"}
+{"version":3,"names":["React","Box","Text","useUIKitTheme","AdminMessage","props","colors","color","ui","openChannelMessage","default","createElement","marginVertical","paddingHorizontal","backgroundColor","background","borderRadius","paddingVertical","enabled","adminBackground","caption2","onBackground02","message"],"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,OAAOA,KAAK,MAAM,OAAO;AAIzB,OAAOC,GAAG,MAAM,sBAAsB;AACtC,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,aAAa,MAAM,2BAA2B;AAGrD,MAAMC,YAAY,GAAIC,KAAoD,IAAK;EAC7E,MAAM;IAAEC;EAAO,CAAC,GAAGH,aAAa,CAAC,CAAC;EAClC,MAAMI,KAAK,GAAGD,MAAM,CAACE,EAAE,CAACC,kBAAkB,CAACC,OAAO;EAClD,oBACEV,KAAA,CAAAW,aAAA,CAACV,GAAG;IAACW,cAAc,EAAE,CAAE;IAACC,iBAAiB,EAAE,EAAG;IAACC,eAAe,EAAER,MAAM,CAACS;EAAW,gBAChFf,KAAA,CAAAW,aAAA,CAACV,GAAG;IAACe,YAAY,EAAE,CAAE;IAACH,iBAAiB,EAAE,EAAG;IAACI,eAAe,EAAE,EAAG;IAACH,eAAe,EAAEP,KAAK,CAACW,OAAO,CAACC;EAAgB,gBAC/GnB,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACkB,QAAQ;IAACb,KAAK,EAAED,MAAM,CAACe;EAAe,GACzChB,KAAK,CAACiB,OAAO,CAACA,OACX,CACH,CACF,CAAC;AAEV,CAAC;AAED,eAAelB,YAAY","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["React","getThumbnailUriFromFileMessage","Box","ImageWithPlaceholder","PressBox","createStyleSheet","MessageContainer","ImageFileMessage","props","onPress","onLongPress","rest","uri","message","createElement","borderRadius","overflow","style","styles","container","activeOpacity","source","width","height","maxWidth"],"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,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,8BAA8B,QAAQ,uBAAuB;AAEtE,OAAOC,GAAG,MAAM,sBAAsB;AACtC,OAAOC,oBAAoB,MAAM,uCAAuC;AACxE,OAAOC,QAAQ,MAAM,2BAA2B;AAChD,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,gBAAgB,MAAM,oBAAoB;AAGjD,MAAMC,gBAAgB,GAAIC,KAAmD,IAAK;EAChF,MAAM;IAAEC,OAAO;IAAEC,WAAW;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAC/C,MAAMI,GAAG,GAAGX,8BAA8B,CAACO,KAAK,CAACK,OAAO,CAAC;EACzD,oBACEb,KAAA,CAAAc,aAAA,CAACR,gBAAgB,EAAKK,IAAI,eACxBX,KAAA,CAAAc,aAAA,CAACZ,GAAG;IAACa,YAAY,EAAE,CAAE;IAACC,QAAQ,EAAE,QAAS;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAChEnB,KAAA,CAAAc,aAAA,CAACV,QAAQ;IAACa,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,aAAa,EAAE,GAAI;IAACX,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,gBAChGV,KAAA,CAAAc,aAAA,CAACX,oBAAoB;IAACkB,MAAM,EAAE;MAAET;IAAI,CAAE;IAACU,KAAK,EAAE,MAAO;IAACC,MAAM,EAAE;EAAO,EAAG,CAC/D,CACP,CACW;AAEvB,CAAC;AAED,MAAML,MAAM,GAAGb,gBAAgB,CAAC;EAC9Bc,SAAS,EAAE;IACTK,QAAQ,EAAE,GAAG;IACbD,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAehB,gBAAgB"}
+{"version":3,"names":["React","getThumbnailUriFromFileMessage","Box","ImageWithPlaceholder","PressBox","createStyleSheet","MessageContainer","ImageFileMessage","props","onPress","onLongPress","rest","uri","message","createElement","borderRadius","overflow","style","styles","container","activeOpacity","source","width","height","maxWidth"],"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,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,8BAA8B,QAAQ,uBAAuB;AAEtE,OAAOC,GAAG,MAAM,sBAAsB;AACtC,OAAOC,oBAAoB,MAAM,uCAAuC;AACxE,OAAOC,QAAQ,MAAM,2BAA2B;AAChD,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,gBAAgB,MAAM,oBAAoB;AAGjD,MAAMC,gBAAgB,GAAIC,KAAmD,IAAK;EAChF,MAAM;IAAEC,OAAO;IAAEC,WAAW;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAC/C,MAAMI,GAAG,GAAGX,8BAA8B,CAACO,KAAK,CAACK,OAAO,CAAC;EACzD,oBACEb,KAAA,CAAAc,aAAA,CAACR,gBAAgB,EAAKK,IAAI,eACxBX,KAAA,CAAAc,aAAA,CAACZ,GAAG;IAACa,YAAY,EAAE,CAAE;IAACC,QAAQ,EAAE,QAAS;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAChEnB,KAAA,CAAAc,aAAA,CAACV,QAAQ;IAACa,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,aAAa,EAAE,GAAI;IAACX,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,gBAChGV,KAAA,CAAAc,aAAA,CAACX,oBAAoB;IAACkB,MAAM,EAAE;MAAET;IAAI,CAAE;IAACU,KAAK,EAAE,MAAO;IAACC,MAAM,EAAE;EAAO,CAAE,CAC/D,CACP,CACW,CAAC;AAEvB,CAAC;AAED,MAAML,MAAM,GAAGb,gBAAgB,CAAC;EAC9Bc,SAAS,EAAE;IACTK,QAAQ,EAAE,GAAG;IACbD,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAehB,gBAAgB","ignoreList":[]}

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

@@ -21,11 +21,10 @@ const FileMessage = props => {
   return /*#__PURE__*/React.createElement(MessageContainer, rest, /*#__PURE__*/React.createElement(PressBox, {
     onPress: onPress,
     onLongPress: onLongPress
-  }, _ref => {
+  }, ({
+    pressed
+  }) => {
     var _props$strings;
-    let {
-      pressed
-    } = _ref;
     return /*#__PURE__*/React.createElement(Box, {
       padding: 8,
       borderRadius: 8,
@@ -37,7 +36,7 @@ const FileMessage = props => {
       }
     }, /*#__PURE__*/React.createElement(Box, {
       padding: 4,
-      marginRight: 8,
+      marginEnd: 8,
       borderRadius: 8,
       alignItems: 'flex-start',
       backgroundColor: colors.background

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

@@ -1 +1 @@
-{"version":3,"names":["React","getFileTypeFromMessage","Box","Icon","PressBox","Text","createStyleSheet","useUIKitTheme","MessageContainer","FileMessage","props","colors","onPress","onLongPress","rest","type","message","color","ui","openChannelMessage","default","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","flexShrink"],"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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAA8BC,sBAAsB,QAAQ,uBAAuB;AAEnF,OAAOC,GAAG,MAAM,sBAAsB;AACtC,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,QAAQ,MAAM,2BAA2B;AAChD,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,gBAAgB,MAAM,oBAAoB;AAIjD,MAAMC,WAAW,GAAIC,KAA0D,IAAK;EAClF,MAAM;IAAEC;EAAO,CAAC,GAAGJ,aAAa,EAAE;EAClC,MAAM;IAAEK,OAAO;IAAEC,WAAW;IAAE,GAAGC;EAAK,CAAC,GAAGJ,KAAK;EAC/C,MAAMK,IAAI,GAAGd,sBAAsB,CAACS,KAAK,CAACM,OAAO,CAAC;EAClD,MAAMC,KAAK,GAAGN,MAAM,CAACO,EAAE,CAACC,kBAAkB,CAACC,OAAO;EAElD,oBACEpB,KAAA,CAAAqB,aAAA,CAACb,gBAAgB,EAAKM,IAAI,eACxBd,KAAA,CAAAqB,aAAA,CAACjB,QAAQ;IAACQ,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,GAClDS,IAAA,IAAiB;IAAA,IAAAC,cAAA;IAAA,IAAhB;MAAEC;IAAQ,CAAC,GAAAF,IAAA;IACX,oBACEtB,KAAA,CAAAqB,aAAA,CAACnB,GAAG;MACFuB,OAAO,EAAE,CAAE;MACXC,YAAY,EAAE,CAAE;MAChBC,aAAa,EAAE,KAAM;MACrBC,UAAU,EAAE,QAAS;MACrBC,cAAc,EAAE,YAAa;MAC7BC,KAAK,EAAE;QAAEC,eAAe,EAAEP,OAAO,GAAGP,KAAK,CAACO,OAAO,CAACQ,gBAAgB,GAAGf,KAAK,CAACgB,OAAO,CAACD;MAAiB;IAAE,gBAEtGhC,KAAA,CAAAqB,aAAA,CAACnB,GAAG;MACFuB,OAAO,EAAE,CAAE;MACXS,WAAW,EAAE,CAAE;MACfR,YAAY,EAAE,CAAE;MAChBE,UAAU,EAAE,YAAa;MACzBG,eAAe,EAAEpB,MAAM,CAACwB;IAAW,gBAEnCnC,KAAA,CAAAqB,aAAA,CAAClB,IAAI,CAACiC,IAAI;MAACC,QAAQ,EAAEtB,IAAK;MAACuB,IAAI,EAAE;IAAG,EAAG,CACnC,eACNtC,KAAA,CAAAqB,aAAA,CAAChB,IAAI;MACHkC,KAAK;MACLC,aAAa,EAAE,CAAE;MACjBC,aAAa,EAAE,QAAS;MACxBxB,KAAK,EAAEA,KAAK,CAACgB,OAAO,CAACS,OAAQ;MAC7BZ,KAAK,EAAEa,MAAM,CAACC;IAAS,GAEtB,EAAArB,cAAA,GAAAb,KAAK,CAACmC,OAAO,cAAAtB,cAAA,uBAAbA,cAAA,CAAeqB,QAAQ,KAAIlC,KAAK,CAACM,OAAO,CAAC8B,IAAI,CACzC,CACH;EAEV,CAAC,CACQ,CACM;AAEvB,CAAC;AAED,MAAMH,MAAM,GAAGrC,gBAAgB,CAAC;EAC9BsC,QAAQ,EAAE;IACRG,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AACF,eAAetC,WAAW"}
+{"version":3,"names":["React","getFileTypeFromMessage","Box","Icon","PressBox","Text","createStyleSheet","useUIKitTheme","MessageContainer","FileMessage","props","colors","onPress","onLongPress","rest","type","message","color","ui","openChannelMessage","default","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","flexShrink"],"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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAA8BC,sBAAsB,QAAQ,uBAAuB;AAEnF,OAAOC,GAAG,MAAM,sBAAsB;AACtC,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,QAAQ,MAAM,2BAA2B;AAChD,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,gBAAgB,MAAM,oBAAoB;AAIjD,MAAMC,WAAW,GAAIC,KAA0D,IAAK;EAClF,MAAM;IAAEC;EAAO,CAAC,GAAGJ,aAAa,CAAC,CAAC;EAClC,MAAM;IAAEK,OAAO;IAAEC,WAAW;IAAE,GAAGC;EAAK,CAAC,GAAGJ,KAAK;EAC/C,MAAMK,IAAI,GAAGd,sBAAsB,CAACS,KAAK,CAACM,OAAO,CAAC;EAClD,MAAMC,KAAK,GAAGN,MAAM,CAACO,EAAE,CAACC,kBAAkB,CAACC,OAAO;EAElD,oBACEpB,KAAA,CAAAqB,aAAA,CAACb,gBAAgB,EAAKM,IAAI,eACxBd,KAAA,CAAAqB,aAAA,CAACjB,QAAQ;IAACQ,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,GAClD,CAAC;IAAES;EAAQ,CAAC,KAAK;IAAA,IAAAC,cAAA;IAChB,oBACEvB,KAAA,CAAAqB,aAAA,CAACnB,GAAG;MACFsB,OAAO,EAAE,CAAE;MACXC,YAAY,EAAE,CAAE;MAChBC,aAAa,EAAE,KAAM;MACrBC,UAAU,EAAE,QAAS;MACrBC,cAAc,EAAE,YAAa;MAC7BC,KAAK,EAAE;QAAEC,eAAe,EAAER,OAAO,GAAGL,KAAK,CAACK,OAAO,CAACS,gBAAgB,GAAGd,KAAK,CAACe,OAAO,CAACD;MAAiB;IAAE,gBAEtG/B,KAAA,CAAAqB,aAAA,CAACnB,GAAG;MACFsB,OAAO,EAAE,CAAE;MACXS,SAAS,EAAE,CAAE;MACbR,YAAY,EAAE,CAAE;MAChBE,UAAU,EAAE,YAAa;MACzBG,eAAe,EAAEnB,MAAM,CAACuB;IAAW,gBAEnClC,KAAA,CAAAqB,aAAA,CAAClB,IAAI,CAACgC,IAAI;MAACC,QAAQ,EAAErB,IAAK;MAACsB,IAAI,EAAE;IAAG,CAAE,CACnC,CAAC,eACNrC,KAAA,CAAAqB,aAAA,CAAChB,IAAI;MACHiC,KAAK;MACLC,aAAa,EAAE,CAAE;MACjBC,aAAa,EAAE,QAAS;MACxBvB,KAAK,EAAEA,KAAK,CAACe,OAAO,CAACS,OAAQ;MAC7BZ,KAAK,EAAEa,MAAM,CAACC;IAAS,GAEtB,EAAApB,cAAA,GAAAb,KAAK,CAACkC,OAAO,cAAArB,cAAA,uBAAbA,cAAA,CAAeoB,QAAQ,KAAIjC,KAAK,CAACM,OAAO,CAAC6B,IACtC,CACH,CAAC;EAEV,CACQ,CACM,CAAC;AAEvB,CAAC;AAED,MAAMH,MAAM,GAAGpC,gBAAgB,CAAC;EAC9BqC,QAAQ,EAAE;IACRG,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AACF,eAAerC,WAAW","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["React","getThumbnailUriFromFileMessage","PressBox","VideoThumbnail","createStyleSheet","MessageContainer","VideoFileMessage","props","onPress","onLongPress","rest","uri","message","createElement","style","styles","container","activeOpacity","source","fetchThumbnailFromVideoSource","maxWidth","height","borderRadius","overflow","iconContainer","position","width","playIcon","padding"],"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,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,8BAA8B,QAAQ,uBAAuB;AAEtE,OAAOC,QAAQ,MAAM,2BAA2B;AAChD,SAASC,cAAc,QAAQ,iCAAiC;AAChE,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,gBAAgB,MAAM,oBAAoB;AAOjD,MAAMC,gBAAgB,GAAIC,KAA0D,IAAK;EACvF,MAAM;IAAEC,OAAO;IAAEC,WAAW;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAC/C,MAAMI,GAAG,GAAGV,8BAA8B,CAACM,KAAK,CAACK,OAAO,CAAC;EAEzD,oBACEZ,KAAA,CAAAa,aAAA,CAACR,gBAAgB,EAAKK,IAAI,eACxBV,KAAA,CAAAa,aAAA,CAACX,QAAQ;IAACY,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,aAAa,EAAE,GAAI;IAACT,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,gBAChGT,KAAA,CAAAa,aAAA,CAACV,cAAc;IACbW,KAAK,EAAEC,MAAM,CAACC,SAAU;IACxBE,MAAM,EAAEP,GAAI;IACZQ,6BAA6B,EAAEZ,KAAK,CAACY;EAA8B,EACnE,CACO,CACM;AAEvB,CAAC;AAED,MAAMJ,MAAM,GAAGX,gBAAgB,CAAC;EAC9BY,SAAS,EAAE;IACTI,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;AACF,eAAehB,gBAAgB"}
+{"version":3,"names":["React","getThumbnailUriFromFileMessage","PressBox","VideoThumbnail","createStyleSheet","MessageContainer","VideoFileMessage","props","onPress","onLongPress","rest","uri","message","createElement","style","styles","container","activeOpacity","source","fetchThumbnailFromVideoSource","maxWidth","height","borderRadius","overflow","iconContainer","position","width","playIcon","padding"],"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,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,8BAA8B,QAAQ,uBAAuB;AAEtE,OAAOC,QAAQ,MAAM,2BAA2B;AAChD,SAASC,cAAc,QAAQ,iCAAiC;AAChE,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,gBAAgB,MAAM,oBAAoB;AAOjD,MAAMC,gBAAgB,GAAIC,KAA0D,IAAK;EACvF,MAAM;IAAEC,OAAO;IAAEC,WAAW;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAC/C,MAAMI,GAAG,GAAGV,8BAA8B,CAACM,KAAK,CAACK,OAAO,CAAC;EAEzD,oBACEZ,KAAA,CAAAa,aAAA,CAACR,gBAAgB,EAAKK,IAAI,eACxBV,KAAA,CAAAa,aAAA,CAACX,QAAQ;IAACY,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,aAAa,EAAE,GAAI;IAACT,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,gBAChGT,KAAA,CAAAa,aAAA,CAACV,cAAc;IACbW,KAAK,EAAEC,MAAM,CAACC,SAAU;IACxBE,MAAM,EAAEP,GAAI;IACZQ,6BAA6B,EAAEZ,KAAK,CAACY;EAA8B,CACpE,CACO,CACM,CAAC;AAEvB,CAAC;AAED,MAAMJ,MAAM,GAAGX,gBAAgB,CAAC;EAC9BY,SAAS,EAAE;IACTI,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;AACF,eAAehB,gBAAgB","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import PressBox from '../../components/PressBox';
 import Text from '../../components/Text';
@@ -17,11 +17,10 @@ const UnknownMessage = props => {
   return /*#__PURE__*/React.createElement(PressBox, {
     onPress: onPress,
     onLongPress: onLongPress
-  }, _ref => {
+  }, ({
+    pressed
+  }) => {
     var _props$strings, _props$strings2;
-    let {
-      pressed
-    } = _ref;
     return /*#__PURE__*/React.createElement(MessageContainer, _extends({
       pressed: pressed
     }, rest), /*#__PURE__*/React.createElement(Text, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","PressBox","Text","useUIKitTheme","MessageContainer","UnknownMessage","props","colors","onPress","onLongPress","rest","color","ui","openChannelMessage","default","createElement","_ref","_props$strings","_props$strings2","pressed","_extends","body3","enabled","textMsg","strings","unknownTitle","textMsgPostfix","unknownDescription"],"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,OAAOA,KAAK,MAAM,OAAO;AAIzB,OAAOC,QAAQ,MAAM,2BAA2B;AAChD,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,gBAAgB,MAAM,oBAAoB;AAGjD,MAAMC,cAAc,GAAIC,KAA+C,IAAK;EAC1E,MAAM;IAAEC;EAAO,CAAC,GAAGJ,aAAa,EAAE;EAClC,MAAM;IAAEK,OAAO;IAAEC,WAAW;IAAE,GAAGC;EAAK,CAAC,GAAGJ,KAAK;EAC/C,MAAMK,KAAK,GAAGJ,MAAM,CAACK,EAAE,CAACC,kBAAkB,CAACC,OAAO;EAClD,oBACEd,KAAA,CAAAe,aAAA,CAACd,QAAQ;IAACO,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,GAClDO,IAAA;IAAA,IAAAC,cAAA,EAAAC,eAAA;IAAA,IAAC;MAAEC;IAAQ,CAAC,GAAAH,IAAA;IAAA,oBACXhB,KAAA,CAAAe,aAAA,CAACX,gBAAgB,EAAAgB,QAAA;MAACD,OAAO,EAAEA;IAAQ,GAAKT,IAAI,gBAC1CV,KAAA,CAAAe,aAAA,CAACb,IAAI;MAACmB,KAAK;MAACV,KAAK,EAAEA,KAAK,CAACW,OAAO,CAACC;IAAQ,GACtC,EAAAN,cAAA,GAAAX,KAAK,CAACkB,OAAO,cAAAP,cAAA,uBAAbA,cAAA,CAAeQ,YAAY,KAAI,wBAAwB,CACnD,eACPzB,KAAA,CAAAe,aAAA,CAACb,IAAI;MAACmB,KAAK;MAACV,KAAK,EAAEA,KAAK,CAACW,OAAO,CAACI;IAAe,GAC7C,EAAAR,eAAA,GAAAZ,KAAK,CAACkB,OAAO,cAAAN,eAAA,uBAAbA,eAAA,CAAeS,kBAAkB,KAAI,2BAA2B,CAC5D,CACU;EAAA,CACpB,CACQ;AAEf,CAAC;AAED,eAAetB,cAAc"}
+{"version":3,"names":["React","PressBox","Text","useUIKitTheme","MessageContainer","UnknownMessage","props","colors","onPress","onLongPress","rest","color","ui","openChannelMessage","default","createElement","pressed","_props$strings","_props$strings2","_extends","body3","enabled","textMsg","strings","unknownTitle","textMsgPostfix","unknownDescription"],"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,OAAOA,KAAK,MAAM,OAAO;AAIzB,OAAOC,QAAQ,MAAM,2BAA2B;AAChD,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,gBAAgB,MAAM,oBAAoB;AAGjD,MAAMC,cAAc,GAAIC,KAA+C,IAAK;EAC1E,MAAM;IAAEC;EAAO,CAAC,GAAGJ,aAAa,CAAC,CAAC;EAClC,MAAM;IAAEK,OAAO;IAAEC,WAAW;IAAE,GAAGC;EAAK,CAAC,GAAGJ,KAAK;EAC/C,MAAMK,KAAK,GAAGJ,MAAM,CAACK,EAAE,CAACC,kBAAkB,CAACC,OAAO;EAClD,oBACEd,KAAA,CAAAe,aAAA,CAACd,QAAQ;IAACO,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,GAClD,CAAC;IAAEO;EAAQ,CAAC;IAAA,IAAAC,cAAA,EAAAC,eAAA;IAAA,oBACXlB,KAAA,CAAAe,aAAA,CAACX,gBAAgB,EAAAe,QAAA;MAACH,OAAO,EAAEA;IAAQ,GAAKN,IAAI,gBAC1CV,KAAA,CAAAe,aAAA,CAACb,IAAI;MAACkB,KAAK;MAACT,KAAK,EAAEA,KAAK,CAACU,OAAO,CAACC;IAAQ,GACtC,EAAAL,cAAA,GAAAX,KAAK,CAACiB,OAAO,cAAAN,cAAA,uBAAbA,cAAA,CAAeO,YAAY,KAAI,wBAC5B,CAAC,eACPxB,KAAA,CAAAe,aAAA,CAACb,IAAI;MAACkB,KAAK;MAACT,KAAK,EAAEA,KAAK,CAACU,OAAO,CAACI;IAAe,GAC7C,EAAAP,eAAA,GAAAZ,KAAK,CAACiB,OAAO,cAAAL,eAAA,uBAAbA,eAAA,CAAeQ,kBAAkB,KAAI,2BAClC,CACU,CAAC;EAAA,CAEb,CAAC;AAEf,CAAC;AAED,eAAerB,cAAc","ignoreList":[]}

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

@@ -1,6 +1,7 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import { urlRegexStrict } from '@sendbird/uikit-utils';
+import Box from '../../components/Box';
 import PressBox from '../../components/PressBox';
 import RegexText from '../../components/RegexText';
 import Text from '../../components/Text';
@@ -20,28 +21,34 @@ const UserMessage = props => {
   return /*#__PURE__*/React.createElement(PressBox, {
     onPress: onPress,
     onLongPress: onLongPress
-  }, _ref => {
-    var _props$strings;
-    let {
-      pressed
-    } = _ref;
+  }, ({
+    pressed
+  }) => {
+    var _props$strings, _props$strings2;
     return /*#__PURE__*/React.createElement(MessageContainer, _extends({
       pressed: pressed
-    }, rest), /*#__PURE__*/React.createElement(Text, {
+    }, rest), /*#__PURE__*/React.createElement(Box, {
+      alignItems: 'flex-start'
+    }, /*#__PURE__*/React.createElement(Text, {
       body3: true,
-      color: color.enabled.textMsg
+      color: color.enabled.textMsg,
+      suppressHighlighting: true,
+      supportRTLAlign: true,
+      originalText: props.message.message
     }, /*#__PURE__*/React.createElement(RegexText, {
       body3: true,
+      suppressHighlighting: true,
+      supportRTLAlign: true,
+      originalText: props.message.message,
       color: color.enabled.textMsg,
       patterns: [{
         regex: urlRegexStrict,
-        replacer(_ref2) {
-          let {
-            match,
-            parentProps,
-            keyPrefix,
-            index
-          } = _ref2;
+        replacer({
+          match,
+          parentProps,
+          keyPrefix,
+          index
+        }) {
           return /*#__PURE__*/React.createElement(Text, _extends({}, parentProps, {
             key: `${keyPrefix}-${index}`,
             onPress: () => onPressURL === null || onPressURL === void 0 ? void 0 : onPressURL(match),
@@ -53,8 +60,10 @@ const UserMessage = props => {
       }]
     }, props.message.message), Boolean(props.message.updatedAt) && /*#__PURE__*/React.createElement(Text, {
       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)'))));
   });
 };
 export default UserMessage;

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

@@ -1 +1 @@
-{"version":3,"names":["React","urlRegexStrict","PressBox","RegexText","Text","useUIKitTheme","MessageContainer","UserMessage","props","colors","onPress","onLongPress","onPressURL","rest","color","ui","openChannelMessage","default","createElement","_ref","_props$strings","pressed","_extends","body3","enabled","textMsg","patterns","regex","replacer","_ref2","match","parentProps","keyPrefix","index","key","primary","style","message","Boolean","updatedAt","textMsgPostfix","strings","edited"],"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":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,cAAc,QAAQ,uBAAuB;AAEtD,OAAOC,QAAQ,MAAM,2BAA2B;AAChD,OAAOC,SAAS,MAAM,4BAA4B;AAClD,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,gBAAgB,MAAM,oBAAoB;AAIjD,MAAMC,WAAW,GAAIC,KAA0D,IAAK;EAClF,MAAM;IAAEC;EAAO,CAAC,GAAGJ,aAAa,EAAE;EAClC,MAAM;IAAEK,OAAO;IAAEC,WAAW;IAAEC,UAAU;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EAC3D,MAAMM,KAAK,GAAGL,MAAM,CAACM,EAAE,CAACC,kBAAkB,CAACC,OAAO;EAElD,oBACEjB,KAAA,CAAAkB,aAAA,CAAChB,QAAQ;IAACQ,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,GAClDQ,IAAA;IAAA,IAAAC,cAAA;IAAA,IAAC;MAAEC;IAAQ,CAAC,GAAAF,IAAA;IAAA,oBACXnB,KAAA,CAAAkB,aAAA,CAACZ,gBAAgB,EAAAgB,QAAA;MAACD,OAAO,EAAEA;IAAQ,GAAKR,IAAI,gBAC1Cb,KAAA,CAAAkB,aAAA,CAACd,IAAI;MAACmB,KAAK;MAACT,KAAK,EAAEA,KAAK,CAACU,OAAO,CAACC;IAAQ,gBACvCzB,KAAA,CAAAkB,aAAA,CAACf,SAAS;MACRoB,KAAK;MACLT,KAAK,EAAEA,KAAK,CAACU,OAAO,CAACC,OAAQ;MAC7BC,QAAQ,EAAE,CACR;QACEC,KAAK,EAAE1B,cAAc;QACrB2B,QAAQA,CAAAC,KAAA,EAA2C;UAAA,IAA1C;YAAEC,KAAK;YAAEC,WAAW;YAAEC,SAAS;YAAEC;UAAM,CAAC,GAAAJ,KAAA;UAC/C,oBACE7B,KAAA,CAAAkB,aAAA,CAACd,IAAI,EAAAkB,QAAA,KACCS,WAAW;YACfG,GAAG,EAAG,GAAEF,SAAU,IAAGC,KAAM,EAAE;YAC7BvB,OAAO,EAAEA,CAAA,KAAME,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAGkB,KAAK,CAAE;YACnCnB,WAAW,EAAEA,WAAY;YACzBG,KAAK,EAAEL,MAAM,CAAC0B,OAAQ;YACtBC,KAAK,EAAEL,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEK;UAAM,IAEzBN,KAAK,CACD;QAEX;MACF,CAAC;IACD,GAEDtB,KAAK,CAAC6B,OAAO,CAACA,OAAO,CACZ,EACXC,OAAO,CAAC9B,KAAK,CAAC6B,OAAO,CAACE,SAAS,CAAC,iBAC/BvC,KAAA,CAAAkB,aAAA,CAACd,IAAI;MAACmB,KAAK;MAACT,KAAK,EAAEA,KAAK,CAACU,OAAO,CAACgB;IAAe,GAC7C,EAAApB,cAAA,GAAAZ,KAAK,CAACiC,OAAO,cAAArB,cAAA,uBAAbA,cAAA,CAAesB,MAAM,KAAI,WAAW,CAExC,CACI,CACU;EAAA,CACpB,CACQ;AAEf,CAAC;AAED,eAAenC,WAAW"}
+{"version":3,"names":["React","urlRegexStrict","Box","PressBox","RegexText","Text","useUIKitTheme","MessageContainer","UserMessage","props","colors","onPress","onLongPress","onPressURL","rest","color","ui","openChannelMessage","default","createElement","pressed","_props$strings","_props$strings2","_extends","alignItems","body3","enabled","textMsg","suppressHighlighting","supportRTLAlign","originalText","message","patterns","regex","replacer","match","parentProps","keyPrefix","index","key","primary","style","Boolean","updatedAt","textMsgPostfix","strings","edited"],"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":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,cAAc,QAAQ,uBAAuB;AAEtD,OAAOC,GAAG,MAAM,sBAAsB;AACtC,OAAOC,QAAQ,MAAM,2BAA2B;AAChD,OAAOC,SAAS,MAAM,4BAA4B;AAClD,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,gBAAgB,MAAM,oBAAoB;AAIjD,MAAMC,WAAW,GAAIC,KAA0D,IAAK;EAClF,MAAM;IAAEC;EAAO,CAAC,GAAGJ,aAAa,CAAC,CAAC;EAClC,MAAM;IAAEK,OAAO;IAAEC,WAAW;IAAEC,UAAU;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EAC3D,MAAMM,KAAK,GAAGL,MAAM,CAACM,EAAE,CAACC,kBAAkB,CAACC,OAAO;EAElD,oBACElB,KAAA,CAAAmB,aAAA,CAAChB,QAAQ;IAACQ,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,GAClD,CAAC;IAAEQ;EAAQ,CAAC;IAAA,IAAAC,cAAA,EAAAC,eAAA;IAAA,oBACXtB,KAAA,CAAAmB,aAAA,CAACZ,gBAAgB,EAAAgB,QAAA;MAACH,OAAO,EAAEA;IAAQ,GAAKN,IAAI,gBAC1Cd,KAAA,CAAAmB,aAAA,CAACjB,GAAG;MAACsB,UAAU,EAAE;IAAa,gBAC5BxB,KAAA,CAAAmB,aAAA,CAACd,IAAI;MACHoB,KAAK;MACLV,KAAK,EAAEA,KAAK,CAACW,OAAO,CAACC,OAAQ;MAC7BC,oBAAoB;MACpBC,eAAe;MACfC,YAAY,EAAErB,KAAK,CAACsB,OAAO,CAACA;IAAQ,gBAEpC/B,KAAA,CAAAmB,aAAA,CAACf,SAAS;MACRqB,KAAK;MACLG,oBAAoB;MACpBC,eAAe;MACfC,YAAY,EAAErB,KAAK,CAACsB,OAAO,CAACA,OAAQ;MACpChB,KAAK,EAAEA,KAAK,CAACW,OAAO,CAACC,OAAQ;MAC7BK,QAAQ,EAAE,CACR;QACEC,KAAK,EAAEhC,cAAc;QACrBiC,QAAQA,CAAC;UAAEC,KAAK;UAAEC,WAAW;UAAEC,SAAS;UAAEC;QAAM,CAAC,EAAE;UACjD,oBACEtC,KAAA,CAAAmB,aAAA,CAACd,IAAI,EAAAkB,QAAA,KACCa,WAAW;YACfG,GAAG,EAAE,GAAGF,SAAS,IAAIC,KAAK,EAAG;YAC7B3B,OAAO,EAAEA,CAAA,KAAME,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAGsB,KAAK,CAAE;YACnCvB,WAAW,EAAEA,WAAY;YACzBG,KAAK,EAAEL,MAAM,CAAC8B,OAAQ;YACtBC,KAAK,EAAEL,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEK;UAAM,IAEzBN,KACG,CAAC;QAEX;MACF,CAAC;IACD,GAED1B,KAAK,CAACsB,OAAO,CAACA,OACN,CAAC,EACXW,OAAO,CAACjC,KAAK,CAACsB,OAAO,CAACY,SAAS,CAAC,iBAC/B3C,KAAA,CAAAmB,aAAA,CAACd,IAAI;MACHoB,KAAK;MACLV,KAAK,EAAEA,KAAK,CAACW,OAAO,CAACkB,cAAe;MACpCf,eAAe;MACfC,YAAY,EAAE,EAAAT,cAAA,GAAAZ,KAAK,CAACoC,OAAO,cAAAxB,cAAA,uBAAbA,cAAA,CAAeyB,MAAM,KAAI;IAAY,GAElD,EAAAxB,eAAA,GAAAb,KAAK,CAACoC,OAAO,cAAAvB,eAAA,uBAAbA,eAAA,CAAewB,MAAM,KAAI,WACtB,CAEJ,CACH,CACW,CAAC;EAAA,CAEb,CAAC;AAEf,CAAC;AAED,eAAetC,WAAW","ignoreList":[]}