@sendbird/uikit-react-native-foundation 3.1.2 → 3.3.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_uikitUtils","_Text","_createStyleSheet","_useHeaderStyle","_useUIKitTheme","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","AlignMapper","left","center","right","Header","_ref","children","titleAlign","title","onPressLeft","onPressRight","clearTitleMargin","clearStatusBarTopInset","statusBarTopInsetAs","topInset","defaultTitleAlign","defaultHeight","useHeaderStyle","colors","useUIKitTheme","paddingLeft","paddingRight","useSafeAreaInsets","actualTitleAlign","actualTopInset","createElement","View","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","h1","numberOfLines","HeaderSubtitle","_ref5","color","onBackground03","caption2","_ref6","disabled","TouchableOpacity","button","e","activeOpacity","conditionChaining","createStyleSheet","borderBottomWidth","flexDirection","flex","alignItems","minWidth","marginRight","marginLeft","padding","Button","Title","Subtitle","_default","exports"],"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 } from '../../index';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype HeaderElement = string | React.ReactElement | null;\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: ((props: HeaderProps) => JSX.Element) & {\n  Button: typeof HeaderButton;\n  Title: typeof HeaderTitle;\n  Subtitle: typeof HeaderSubtitle;\n} = ({\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}) => {\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\nHeader.Button = HeaderButton;\nHeader.Title = HeaderTitle;\nHeader.Subtitle = HeaderSubtitle;\nexport default Header;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_uikitUtils","_Text","_createStyleSheet","_useHeaderStyle","_useUIKitTheme","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","AlignMapper","left","center","right","Header","_ref","children","titleAlign","title","onPressLeft","onPressRight","clearTitleMargin","clearStatusBarTopInset","statusBarTopInsetAs","topInset","defaultTitleAlign","defaultHeight","useHeaderStyle","colors","useUIKitTheme","paddingLeft","paddingRight","useSafeAreaInsets","actualTitleAlign","actualTopInset","createElement","View","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","h1","numberOfLines","HeaderSubtitle","_ref5","color","onBackground03","caption2","_ref6","disabled","TouchableOpacity","button","e","activeOpacity","conditionChaining","createStyleSheet","borderBottomWidth","flexDirection","flex","alignItems","minWidth","marginRight","marginLeft","padding","_default","Button","Title","Subtitle","exports"],"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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"}

package/lib/commonjs/ui/OpenChannelMessage/MessageContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_message","_uikitUtils","_Box","_Icon","_PressBox","_Text","_createStyleSheet","_useUIKitTheme","_Avatar","_LoadingSpinner","obj","__esModule","default","MessageContainer","_ref","_props$strings","_props$strings2","children","channel","grouped","pressed","props","colors","useUIKitTheme","color","ui","openChannelMessage","renderSendingStatus","message","sendingStatus","SendingStatus","PENDING","createElement","SendingStatusContainer","primary","size","FAILED","icon","error","flexDirection","paddingVertical","paddingLeft","paddingRight","backgroundColor","background","enabled","marginRight","onPress","onPressAvatar","styles","avatar","width","uri","sender","profileUrl","style","flexShrink","flex","alignItems","marginBottom","caption1","ellipsizeMode","numberOfLines","isOperator","userId","textOperator","textSenderName","strings","senderName","nickname","caption4","textTime","sentDate","getMessageTimeFormat","Date","createdAt","_ref2","marginTop","createStyleSheet","_default","exports"],"sources":["MessageContainer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SendingStatus } from '@sendbird/chat/message';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\nimport { getMessageTimeFormat } 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 Avatar from '../Avatar';\nimport LoadingSpinner from '../LoadingSpinner';\nimport type { OpenChannelMessageProps } from './index';\n\ntype Props = {\n  pressed?: boolean;\n};\n\nconst MessageContainer = ({\n  children,\n  channel,\n  grouped,\n  pressed,\n  ...props\n}: OpenChannelMessageProps<SendbirdMessage, Props>) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.openChannelMessage.default;\n\n  const renderSendingStatus = () => {\n    if (!('sendingStatus' in props.message)) return null;\n\n    switch (props.message.sendingStatus) {\n      case SendingStatus.PENDING: {\n        return (\n          <SendingStatusContainer>\n            <LoadingSpinner color={colors.primary} size={16} />\n          </SendingStatusContainer>\n        );\n      }\n      case SendingStatus.FAILED: {\n        return (\n          <SendingStatusContainer>\n            <Icon icon={'error'} color={colors.error} size={16} />\n          </SendingStatusContainer>\n        );\n      }\n      default: {\n        return null;\n      }\n    }\n  };\n\n  return (\n    <Box\n      flexDirection={'row'}\n      paddingVertical={grouped ? 5 : 6}\n      paddingLeft={12}\n      paddingRight={12}\n      backgroundColor={pressed ? color.pressed.background : color.enabled.background}\n    >\n      <Box marginRight={12}>\n        {!grouped && 'sender' in props.message ? (\n          <PressBox onPress={props.onPressAvatar}>\n            <Avatar size={styles.avatar.width} uri={props.message.sender.profileUrl} />\n          </PressBox>\n        ) : (\n          <Box style={styles.avatar} />\n        )}\n      </Box>\n      <Box flexShrink={1} flex={1} flexDirection={'column'} alignItems={'flex-start'}>\n        {!grouped && 'sender' in props.message && (\n          <Box flexDirection={'row'} alignItems={'center'} marginBottom={2}>\n            <Box marginRight={4} flexShrink={1}>\n              <Text\n                caption1\n                ellipsizeMode={'middle'}\n                numberOfLines={1}\n                color={\n                  channel.isOperator(props.message.sender.userId)\n                    ? color.enabled.textOperator\n                    : color.enabled.textSenderName\n                }\n              >\n                {props.strings?.senderName ?? props.message.sender.nickname}\n              </Text>\n            </Box>\n            <Box>\n              <Text caption4 color={color.enabled.textTime}>\n                {props.strings?.sentDate ?? getMessageTimeFormat(new Date(props.message.createdAt))}\n              </Text>\n            </Box>\n          </Box>\n        )}\n        <Box style={styles.message}>{children}</Box>\n\n        {renderSendingStatus()}\n      </Box>\n    </Box>\n  );\n};\n\nconst SendingStatusContainer = ({ children }: { children: React.ReactElement }) => {\n  return (\n    <Box flexDirection={'row'}>\n      <Box marginTop={2}>{children}</Box>\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  avatar: {\n    width: 28,\n  },\n  message: {\n    width: '100%',\n  },\n});\n\nexport default MessageContainer;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_message","_uikitUtils","_Box","_Icon","_PressBox","_Text","_createStyleSheet","_useUIKitTheme","_Avatar","_LoadingSpinner","obj","__esModule","default","MessageContainer","_ref","_props$strings","_props$strings2","children","channel","grouped","pressed","props","colors","useUIKitTheme","color","ui","openChannelMessage","renderSendingStatus","message","sendingStatus","SendingStatus","PENDING","createElement","SendingStatusContainer","primary","size","FAILED","icon","error","flexDirection","paddingVertical","paddingLeft","paddingRight","backgroundColor","background","enabled","marginRight","onPress","onPressAvatar","styles","avatar","width","uri","sender","profileUrl","style","flexShrink","flex","alignItems","marginBottom","caption1","ellipsizeMode","numberOfLines","isOperator","userId","textOperator","textSenderName","strings","senderName","nickname","caption4","textTime","sentDate","getMessageTimeFormat","Date","createdAt","_ref2","marginTop","createStyleSheet","_default","exports"],"sources":["MessageContainer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SendingStatus } from '@sendbird/chat/message';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\nimport { getMessageTimeFormat } 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 Avatar from '../Avatar';\nimport LoadingSpinner from '../LoadingSpinner';\nimport type { OpenChannelMessageProps } from './index';\n\ntype Props = {\n  pressed?: boolean;\n};\n\nconst MessageContainer = ({\n  children,\n  channel,\n  grouped,\n  pressed,\n  ...props\n}: OpenChannelMessageProps<SendbirdMessage, Props>) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.openChannelMessage.default;\n\n  const renderSendingStatus = () => {\n    if (!('sendingStatus' in props.message)) return null;\n\n    switch (props.message.sendingStatus) {\n      case SendingStatus.PENDING: {\n        return (\n          <SendingStatusContainer>\n            <LoadingSpinner color={colors.primary} size={16} />\n          </SendingStatusContainer>\n        );\n      }\n      case SendingStatus.FAILED: {\n        return (\n          <SendingStatusContainer>\n            <Icon icon={'error'} color={colors.error} size={16} />\n          </SendingStatusContainer>\n        );\n      }\n      default: {\n        return null;\n      }\n    }\n  };\n\n  return (\n    <Box\n      flexDirection={'row'}\n      paddingVertical={grouped ? 5 : 6}\n      paddingLeft={12}\n      paddingRight={12}\n      backgroundColor={pressed ? color.pressed.background : color.enabled.background}\n    >\n      <Box marginRight={12}>\n        {!grouped && 'sender' in props.message ? (\n          <PressBox onPress={props.onPressAvatar}>\n            <Avatar size={styles.avatar.width} uri={props.message.sender.profileUrl} />\n          </PressBox>\n        ) : (\n          <Box style={styles.avatar} />\n        )}\n      </Box>\n      <Box flexShrink={1} flex={1} flexDirection={'column'} alignItems={'flex-start'}>\n        {!grouped && 'sender' in props.message && (\n          <Box flexDirection={'row'} alignItems={'center'} marginBottom={2}>\n            <Box marginRight={4} flexShrink={1}>\n              <Text\n                caption1\n                ellipsizeMode={'middle'}\n                numberOfLines={1}\n                color={\n                  channel.isOperator(props.message.sender.userId)\n                    ? color.enabled.textOperator\n                    : color.enabled.textSenderName\n                }\n              >\n                {props.strings?.senderName ?? props.message.sender.nickname}\n              </Text>\n            </Box>\n            <Box>\n              <Text caption4 color={color.enabled.textTime}>\n                {props.strings?.sentDate ?? getMessageTimeFormat(new Date(props.message.createdAt))}\n              </Text>\n            </Box>\n          </Box>\n        )}\n        <Box style={styles.message}>{children}</Box>\n\n        {renderSendingStatus()}\n      </Box>\n    </Box>\n  );\n};\n\nconst SendingStatusContainer = ({ children }: { children: React.ReactNode }) => {\n  return (\n    <Box flexDirection={'row'}>\n      <Box marginTop={2}>{children}</Box>\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  avatar: {\n    width: 28,\n  },\n  message: {\n    width: '100%',\n  },\n});\n\nexport default MessageContainer;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_Box","_Icon","_Image","_Text","_createStyleSheet","_useUIKitTheme","obj","__esModule","default","OpenChannelPreview","_ref","customCover","coverUrl","participantsCount","title","frozen","colors","useUIKitTheme","color","ui","openChannelPreview","none","createElement","backgroundColor","background","width","height","flexDirection","alignItems","paddingHorizontal","styles","channelCover","borderRadius","overflow","marginRight","conditionChaining","Boolean","resizeMode","style","coverBackground","source","uri","flex","justifyContent","flexShrink","marginBottom","subtitle1","channelInfoTitle","numberOfLines","textTitle","size","icon","frozenIcon","containerStyle","marginLeft","participantsIcon","caption2","textParticipants","truncatedCount","Separator","separator","_ref2","createStyleSheet","position","left","right","bottom","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { conditionChaining, truncatedCount } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport Icon from '../../components/Icon';\nimport Image from '../../components/Image';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = {\n  customCover?: React.ReactElement;\n  coverUrl: string;\n  title: string;\n  participantsCount?: number;\n  frozen?: boolean;\n};\nconst OpenChannelPreview = ({ customCover, coverUrl, participantsCount = 0, title, frozen }: Props) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.openChannelPreview.default.none;\n\n  return (\n    <Box\n      backgroundColor={color.background}\n      width={'100%'}\n      height={62}\n      flexDirection={'row'}\n      alignItems={'center'}\n      paddingHorizontal={16}\n    >\n      <Box\n        width={styles.channelCover.width}\n        height={styles.channelCover.height}\n        borderRadius={styles.channelCover.width}\n        overflow={'hidden'}\n        marginRight={16}\n      >\n        {conditionChaining(\n          [Boolean(customCover)],\n          [\n            customCover,\n            <Image\n              resizeMode={'cover'}\n              style={[styles.channelCover, { backgroundColor: color.coverBackground }]}\n              source={{ uri: coverUrl }}\n            />,\n          ],\n        )}\n      </Box>\n      <Box flex={1} height={'100%'} justifyContent={'center'}>\n        <Box flexDirection={'row'} flexShrink={1} marginBottom={4} alignItems={'center'}>\n          <Text subtitle1 style={styles.channelInfoTitle} numberOfLines={1} color={color.textTitle}>\n            {title}\n          </Text>\n          {frozen && <Icon size={16} icon={'freeze'} color={color.frozenIcon} containerStyle={styles.marginLeft} />}\n        </Box>\n        <Box flexDirection={'row'} flexShrink={1} alignItems={'center'} justifyContent={'flex-start'}>\n          <Box flexDirection={'row'} alignItems={'center'}>\n            <Icon size={16} icon={'members'} color={color.participantsIcon} containerStyle={styles.marginRight} />\n            <Text caption2 color={color.textParticipants}>\n              {truncatedCount(participantsCount, 999)}\n            </Text>\n          </Box>\n        </Box>\n        <Separator color={color.separator} />\n      </Box>\n    </Box>\n  );\n};\n\nconst Separator = ({ color }: { color: string }) => <Box style={[styles.separator, { backgroundColor: color }]} />;\n\nconst styles = createStyleSheet({\n  channelCover: {\n    width: 32,\n    height: 32,\n  },\n  channelInfoTitle: {\n    flexShrink: 1,\n  },\n  marginRight: {\n    marginRight: 4,\n  },\n  marginLeft: {\n    marginLeft: 4,\n  },\n  separator: {\n    position: 'absolute',\n    left: 0,\n    right: -16,\n    bottom: 0,\n    height: 1,\n  },\n});\n\nexport default OpenChannelPreview;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_Box","_Icon","_Image","_Text","_createStyleSheet","_useUIKitTheme","obj","__esModule","default","OpenChannelPreview","_ref","customCover","coverUrl","participantsCount","title","frozen","colors","useUIKitTheme","color","ui","openChannelPreview","none","createElement","backgroundColor","background","width","height","flexDirection","alignItems","paddingHorizontal","styles","channelCover","borderRadius","overflow","marginRight","conditionChaining","Boolean","resizeMode","style","coverBackground","source","uri","flex","justifyContent","flexShrink","marginBottom","subtitle1","channelInfoTitle","numberOfLines","textTitle","size","icon","frozenIcon","containerStyle","marginLeft","participantsIcon","caption2","textParticipants","truncatedCount","Separator","separator","_ref2","createStyleSheet","position","left","right","bottom","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { conditionChaining, truncatedCount } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport Icon from '../../components/Icon';\nimport Image from '../../components/Image';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = {\n  customCover?: React.ReactNode;\n  coverUrl: string;\n  title: string;\n  participantsCount?: number;\n  frozen?: boolean;\n};\nconst OpenChannelPreview = ({ customCover, coverUrl, participantsCount = 0, title, frozen }: Props) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.openChannelPreview.default.none;\n\n  return (\n    <Box\n      backgroundColor={color.background}\n      width={'100%'}\n      height={62}\n      flexDirection={'row'}\n      alignItems={'center'}\n      paddingHorizontal={16}\n    >\n      <Box\n        width={styles.channelCover.width}\n        height={styles.channelCover.height}\n        borderRadius={styles.channelCover.width}\n        overflow={'hidden'}\n        marginRight={16}\n      >\n        {conditionChaining(\n          [Boolean(customCover)],\n          [\n            customCover,\n            <Image\n              resizeMode={'cover'}\n              style={[styles.channelCover, { backgroundColor: color.coverBackground }]}\n              source={{ uri: coverUrl }}\n            />,\n          ],\n        )}\n      </Box>\n      <Box flex={1} height={'100%'} justifyContent={'center'}>\n        <Box flexDirection={'row'} flexShrink={1} marginBottom={4} alignItems={'center'}>\n          <Text subtitle1 style={styles.channelInfoTitle} numberOfLines={1} color={color.textTitle}>\n            {title}\n          </Text>\n          {frozen && <Icon size={16} icon={'freeze'} color={color.frozenIcon} containerStyle={styles.marginLeft} />}\n        </Box>\n        <Box flexDirection={'row'} flexShrink={1} alignItems={'center'} justifyContent={'flex-start'}>\n          <Box flexDirection={'row'} alignItems={'center'}>\n            <Icon size={16} icon={'members'} color={color.participantsIcon} containerStyle={styles.marginRight} />\n            <Text caption2 color={color.textParticipants}>\n              {truncatedCount(participantsCount, 999)}\n            </Text>\n          </Box>\n        </Box>\n        <Separator color={color.separator} />\n      </Box>\n    </Box>\n  );\n};\n\nconst Separator = ({ color }: { color: string }) => <Box style={[styles.separator, { backgroundColor: color }]} />;\n\nconst styles = createStyleSheet({\n  channelCover: {\n    width: 32,\n    height: 32,\n  },\n  channelInfoTitle: {\n    flexShrink: 1,\n  },\n  marginRight: {\n    marginRight: 4,\n  },\n  marginLeft: {\n    marginLeft: 4,\n  },\n  separator: {\n    position: 'absolute',\n    left: 0,\n    right: -16,\n    bottom: 0,\n    height: 1,\n  },\n});\n\nexport default OpenChannelPreview;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Divider","_Text","_createStyleSheet","_useUIKitTheme","_Avatar","obj","__esModule","default","ProfileCard","_ref","uri","username","bodyLabel","body","button","containerStyle","colors","useUIKitTheme","color","ui","profileCard","none","createElement","View","style","styles","container","backgroundColor","background","profileContainer","size","profileAvatar","h1","textUsername","numberOfLines","messageButtonArea","space","profileInfoContainer","body2","textBodyLabel","profileInfoBodyLabel","body3","textBody","createStyleSheet","paddingTop","width","alignItems","paddingHorizontal","marginBottom","padding","marginHorizontal","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport Divider from '../../components/Divider';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Avatar from '../Avatar';\n\ntype Props = {\n  uri: string;\n  username: string;\n\n  button?: JSX.Element;\n\n  bodyLabel: string;\n  body: string;\n\n  containerStyle?: StyleProp<ViewStyle>;\n};\n\nconst ProfileCard = ({ uri, username, bodyLabel, body, button, containerStyle }: Props) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.profileCard.default.none;\n\n  return (\n    <View style={[styles.container, { backgroundColor: color.background }, containerStyle]}>\n      <View style={styles.profileContainer}>\n        <Avatar uri={uri} size={80} containerStyle={styles.profileAvatar} />\n        <Text h1 color={color.textUsername} numberOfLines={1}>\n          {username}\n        </Text>\n      </View>\n      {button && <View style={styles.messageButtonArea}>{button}</View>}\n      <Divider space={16} />\n      <View style={styles.profileInfoContainer}>\n        <Text body2 color={color.textBodyLabel} style={styles.profileInfoBodyLabel}>\n          {bodyLabel}\n        </Text>\n        <Text body3 numberOfLines={1} color={color.textBody}>\n          {body}\n        </Text>\n      </View>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingTop: 32,\n    width: '100%',\n  },\n  profileContainer: {\n    alignItems: 'center',\n    paddingHorizontal: 16,\n    marginBottom: 24,\n  },\n  profileAvatar: {\n    marginBottom: 8,\n  },\n  profileInfoContainer: {\n    padding: 16,\n  },\n  profileInfoBodyLabel: {\n    marginBottom: 4,\n  },\n  messageButtonArea: {\n    marginHorizontal: 24,\n    marginBottom: 24,\n  },\n});\n\nexport default ProfileCard;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Divider","_Text","_createStyleSheet","_useUIKitTheme","_Avatar","obj","__esModule","default","ProfileCard","_ref","uri","username","bodyLabel","body","button","containerStyle","colors","useUIKitTheme","color","ui","profileCard","none","createElement","View","style","styles","container","backgroundColor","background","profileContainer","size","profileAvatar","h1","textUsername","numberOfLines","messageButtonArea","space","profileInfoContainer","body2","textBodyLabel","profileInfoBodyLabel","body3","textBody","createStyleSheet","paddingTop","width","alignItems","paddingHorizontal","marginBottom","padding","marginHorizontal","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport Divider from '../../components/Divider';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Avatar from '../Avatar';\n\ntype Props = {\n  uri: string;\n  username: string;\n\n  button?: ReactNode;\n\n  bodyLabel: string;\n  body: string;\n\n  containerStyle?: StyleProp<ViewStyle>;\n};\n\nconst ProfileCard = ({ uri, username, bodyLabel, body, button, containerStyle }: Props) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.profileCard.default.none;\n\n  return (\n    <View style={[styles.container, { backgroundColor: color.background }, containerStyle]}>\n      <View style={styles.profileContainer}>\n        <Avatar uri={uri} size={80} containerStyle={styles.profileAvatar} />\n        <Text h1 color={color.textUsername} numberOfLines={1}>\n          {username}\n        </Text>\n      </View>\n      {button && <View style={styles.messageButtonArea}>{button}</View>}\n      <Divider space={16} />\n      <View style={styles.profileInfoContainer}>\n        <Text body2 color={color.textBodyLabel} style={styles.profileInfoBodyLabel}>\n          {bodyLabel}\n        </Text>\n        <Text body3 numberOfLines={1} color={color.textBody}>\n          {body}\n        </Text>\n      </View>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingTop: 32,\n    width: '100%',\n  },\n  profileContainer: {\n    alignItems: 'center',\n    paddingHorizontal: 16,\n    marginBottom: 24,\n  },\n  profileAvatar: {\n    marginBottom: 8,\n  },\n  profileInfoContainer: {\n    padding: 16,\n  },\n  profileInfoBodyLabel: {\n    marginBottom: 4,\n  },\n  messageButtonArea: {\n    marginHorizontal: 24,\n    marginBottom: 24,\n  },\n});\n\nexport default ProfileCard;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,iBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,OAAA,GAAAP,sBAAA,CAAAC,OAAA;AAA+B,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAc/B,MAAMG,WAAW,GAAGC,IAAA,IAAuE;EAAA,IAAtE;IAAEC,GAAG;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,IAAI;IAAEC,MAAM;IAAEC;EAAsB,CAAC,GAAAN,IAAA;EACpF,MAAM;IAAEO;EAAO,CAAC,GAAG,IAAAC,sBAAa,GAAE;EAClC,MAAMC,KAAK,GAAGF,MAAM,CAACG,EAAE,CAACC,WAAW,CAACb,OAAO,CAACc,IAAI;EAEhD,oBACEzB,MAAA,CAAAW,OAAA,CAAAe,aAAA,CAACvB,YAAA,CAAAwB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAET,KAAK,CAACU;IAAW,CAAC,EAAEb,cAAc;EAAE,gBACrFnB,MAAA,CAAAW,OAAA,CAAAe,aAAA,CAACvB,YAAA,CAAAwB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACI;EAAiB,gBACnCjC,MAAA,CAAAW,OAAA,CAAAe,aAAA,CAAClB,OAAA,CAAAG,OAAM;IAACG,GAAG,EAAEA,GAAI;IAACoB,IAAI,EAAE,EAAG;IAACf,cAAc,EAAEU,MAAM,CAACM;EAAc,EAAG,eACpEnC,MAAA,CAAAW,OAAA,CAAAe,aAAA,CAACrB,KAAA,CAAAM,OAAI;IAACyB,EAAE;IAACd,KAAK,EAAEA,KAAK,CAACe,YAAa;IAACC,aAAa,EAAE;EAAE,GAClDvB,QAAQ,CACJ,CACF,EACNG,MAAM,iBAAIlB,MAAA,CAAAW,OAAA,CAAAe,aAAA,CAACvB,YAAA,CAAAwB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACU;EAAkB,GAAErB,MAAM,CAAQ,eACjElB,MAAA,CAAAW,OAAA,CAAAe,aAAA,CAACtB,QAAA,CAAAO,OAAO;IAAC6B,KAAK,EAAE;EAAG,EAAG,eACtBxC,MAAA,CAAAW,OAAA,CAAAe,aAAA,CAACvB,YAAA,CAAAwB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACY;EAAqB,gBACvCzC,MAAA,CAAAW,OAAA,CAAAe,aAAA,CAACrB,KAAA,CAAAM,OAAI;IAAC+B,KAAK;IAACpB,KAAK,EAAEA,KAAK,CAACqB,aAAc;IAACf,KAAK,EAAEC,MAAM,CAACe;EAAqB,GACxE5B,SAAS,CACL,eACPhB,MAAA,CAAAW,OAAA,CAAAe,aAAA,CAACrB,KAAA,CAAAM,OAAI;IAACkC,KAAK;IAACP,aAAa,EAAE,CAAE;IAAChB,KAAK,EAAEA,KAAK,CAACwB;EAAS,GACjD7B,IAAI,CACA,CACF,CACF;AAEX,CAAC;AAED,MAAMY,MAAM,GAAG,IAAAkB,yBAAgB,EAAC;EAC9BjB,SAAS,EAAE;IACTkB,UAAU,EAAE,EAAE;IACdC,KAAK,EAAE;EACT,CAAC;EACDhB,gBAAgB,EAAE;IAChBiB,UAAU,EAAE,QAAQ;IACpBC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE;EAChB,CAAC;EACDjB,aAAa,EAAE;IACbiB,YAAY,EAAE;EAChB,CAAC;EACDX,oBAAoB,EAAE;IACpBY,OAAO,EAAE;EACX,CAAC;EACDT,oBAAoB,EAAE;IACpBQ,YAAY,EAAE;EAChB,CAAC;EACDb,iBAAiB,EAAE;IACjBe,gBAAgB,EAAE,EAAE;IACpBF,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAAC,IAAAG,QAAA,GAEY3C,WAAW;AAAA4C,OAAA,CAAA7C,OAAA,GAAA4C,QAAA"}

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

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _Box = _interopRequireDefault(require("../../components/Box"));
+var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
+var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
+var _Avatar = _interopRequireDefault(require("../Avatar"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const TypingIndicatorBubble = _ref => {
+  let {
+    typingUsers,
+    containerStyle,
+    maxAvatar
+  } = _ref;
+  const {
+    select,
+    palette,
+    colors
+  } = (0, _useUIKitTheme.default)();
+  if (typingUsers.length === 0) return null;
+  return /*#__PURE__*/_react.default.createElement(_Box.default, {
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+    alignItems: 'center',
+    style: containerStyle
+  }, /*#__PURE__*/_react.default.createElement(_Avatar.default.Stack, {
+    size: 26,
+    maxAvatar: maxAvatar,
+    styles: {
+      remainsTextColor: colors.onBackground02,
+      remainsBackgroundColor: select({
+        light: palette.background100,
+        dark: palette.background400
+      })
+    },
+    containerStyle: {
+      marginRight: 12
+    }
+  }, typingUsers.map((user, index) => /*#__PURE__*/_react.default.createElement(_Avatar.default, {
+    key: index,
+    uri: user.profileUrl
+  }))), /*#__PURE__*/_react.default.createElement(TypingDots, {
+    dotColor: select({
+      light: palette.background100,
+      dark: palette.background400
+    }),
+    backgroundColor: colors.onBackground02
+  }));
+};
+const TypingDots = _ref2 => {
+  let {
+    dotColor,
+    backgroundColor
+  } = _ref2;
+  const animation = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const dots = matrix.map(_ref3 => {
+    let [timeline, scale, opacity] = _ref3;
+    return [animation.interpolate({
+      inputRange: timeline,
+      outputRange: scale,
+      extrapolate: 'clamp'
+    }), animation.interpolate({
+      inputRange: timeline,
+      outputRange: opacity,
+      extrapolate: 'clamp'
+    })];
+  });
+  (0, _react.useEffect)(() => {
+    const animated = _reactNative.Animated.loop(_reactNative.Animated.timing(animation, {
+      toValue: 1.4,
+      duration: 1400,
+      easing: _reactNative.Easing.linear,
+      useNativeDriver: true
+    }));
+    animated.start();
+    return () => animated.reset();
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_Box.default, {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: 16,
+    paddingHorizontal: 12,
+    height: 34,
+    backgroundColor: dotColor
+  }, dots.map((_ref4, index) => {
+    let [scale, opacity] = _ref4;
+    return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+      key: index,
+      style: [styles.dot, {
+        marginRight: index === dots.length - 1 ? 0 : 6,
+        opacity: opacity,
+        transform: [{
+          scale: scale
+        }],
+        backgroundColor: backgroundColor
+      }]
+    });
+  }));
+};
+const matrix = [[[0.4, 0.7, 1.0], [1.0, 1.2, 1.0], [0.12, 0.38, 0.12]], [[0.6, 0.9, 1.2], [1.0, 1.2, 1.0], [0.12, 0.38, 0.12]], [[0.8, 1.1, 1.4], [1.0, 1.2, 1.0], [0.12, 0.38, 0.12]]];
+const styles = (0, _createStyleSheet.default)({
+  dot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4
+  }
+});
+var _default = TypingIndicatorBubble;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Box","_interopRequireDefault","_createStyleSheet","_useUIKitTheme","_Avatar","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","TypingIndicatorBubble","_ref","typingUsers","containerStyle","maxAvatar","select","palette","colors","useUIKitTheme","length","createElement","flexDirection","justifyContent","alignItems","style","Stack","size","styles","remainsTextColor","onBackground02","remainsBackgroundColor","light","background100","dark","background400","marginRight","map","user","index","uri","profileUrl","TypingDots","dotColor","backgroundColor","_ref2","animation","useRef","Animated","Value","current","dots","matrix","_ref3","timeline","scale","opacity","interpolate","inputRange","outputRange","extrapolate","useEffect","animated","loop","timing","toValue","duration","easing","Easing","linear","useNativeDriver","start","reset","borderRadius","paddingHorizontal","height","_ref4","View","dot","transform","createStyleSheet","width","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { Animated, Easing, StyleProp, ViewStyle } from 'react-native';\n\nimport type { SendbirdUser } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Avatar from '../Avatar';\n\ntype Props = {\n  typingUsers: SendbirdUser[];\n  containerStyle?: StyleProp<ViewStyle>;\n  maxAvatar?: number;\n};\n\nconst TypingIndicatorBubble = ({ typingUsers, containerStyle, maxAvatar }: Props) => {\n  const { select, palette, colors } = useUIKitTheme();\n\n  if (typingUsers.length === 0) return null;\n\n  return (\n    <Box flexDirection={'row'} justifyContent={'flex-start'} alignItems={'center'} style={containerStyle}>\n      <Avatar.Stack\n        size={26}\n        maxAvatar={maxAvatar}\n        styles={{\n          remainsTextColor: colors.onBackground02,\n          remainsBackgroundColor: select({ light: palette.background100, dark: palette.background400 }),\n        }}\n        containerStyle={{ marginRight: 12 }}\n      >\n        {typingUsers.map((user, index) => (\n          <Avatar key={index} uri={user.profileUrl} />\n        ))}\n      </Avatar.Stack>\n      <TypingDots\n        dotColor={select({ light: palette.background100, dark: palette.background400 })}\n        backgroundColor={colors.onBackground02}\n      />\n    </Box>\n  );\n};\n\ntype TypingDotsProps = {\n  dotColor: string;\n  backgroundColor: string;\n};\nconst TypingDots = ({ dotColor, backgroundColor }: TypingDotsProps) => {\n  const animation = useRef(new Animated.Value(0)).current;\n  const dots = matrix.map(([timeline, scale, opacity]) => [\n    animation.interpolate({ inputRange: timeline, outputRange: scale, extrapolate: 'clamp' }),\n    animation.interpolate({ inputRange: timeline, outputRange: opacity, extrapolate: 'clamp' }),\n  ]);\n\n  useEffect(() => {\n    const animated = Animated.loop(\n      Animated.timing(animation, { toValue: 1.4, duration: 1400, easing: Easing.linear, useNativeDriver: true }),\n    );\n    animated.start();\n    return () => animated.reset();\n  }, []);\n\n  return (\n    <Box\n      flexDirection={'row'}\n      alignItems={'center'}\n      justifyContent={'center'}\n      borderRadius={16}\n      paddingHorizontal={12}\n      height={34}\n      backgroundColor={dotColor}\n    >\n      {dots.map(([scale, opacity], index) => {\n        return (\n          <Animated.View\n            key={index}\n            style={[\n              styles.dot,\n              {\n                marginRight: index === dots.length - 1 ? 0 : 6,\n                opacity: opacity,\n                transform: [{ scale: scale }],\n                backgroundColor: backgroundColor,\n              },\n            ]}\n          />\n        );\n      })}\n    </Box>\n  );\n};\n\nconst matrix = [\n  [\n    [0.4, 0.7, 1.0],\n    [1.0, 1.2, 1.0],\n    [0.12, 0.38, 0.12],\n  ],\n  [\n    [0.6, 0.9, 1.2],\n    [1.0, 1.2, 1.0],\n    [0.12, 0.38, 0.12],\n  ],\n  [\n    [0.8, 1.1, 1.4],\n    [1.0, 1.2, 1.0],\n    [0.12, 0.38, 0.12],\n  ],\n];\n\nconst styles = createStyleSheet({\n  dot: {\n    width: 8,\n    height: 8,\n    borderRadius: 4,\n  },\n});\n\nexport default TypingIndicatorBubble;\n"],"mappings":"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"}

package/lib/module/assets/icon/index.js

@@ -4,6 +4,10 @@ const IconAssets = {
   'add': require('./icon-add.png'),
   'archive': require('./icon-archive.png'),
   'arrow-left': require('./icon-arrow-left.png'),
+  'audio-off-filled': require('./icon-audio-off-filled.png'),
+  'audio-off': require('./icon-audio-off.png'),
+  'audio-on-filled': require('./icon-audio-on-filled.png'),
+  'audio-on': require('./icon-audio-on.png'),
   'ban': require('./icon-ban.png'),
   'broadcast': require('./icon-broadcast.png'),
   'camera': require('./icon-camera.png'),
@@ -40,12 +44,14 @@ const IconAssets = {
   'notifications-off-filled': require('./icon-notifications-off-filled.png'),
   'notifications': require('./icon-notifications.png'),
   'operator': require('./icon-operator.png'),
+  'pause': require('./icon-pause.png'),
   'photo': require('./icon-photo.png'),
   'play': require('./icon-play.png'),
   'plus': require('./icon-plus.png'),
   'question': require('./icon-question.png'),
   'radio-off': require('./icon-radio-off.png'),
   'radio-on': require('./icon-radio-on.png'),
+  'recording': require('./icon-recording.png'),
   'refresh': require('./icon-refresh.png'),
   'remove': require('./icon-remove.png'),
   'reply-filled': require('./icon-reply-filled.png'),
@@ -54,6 +60,7 @@ const IconAssets = {
   'send': require('./icon-send.png'),
   'settings-filled': require('./icon-settings-filled.png'),
   'spinner': require('./icon-spinner.png'),
+  'stop': require('./icon-stop.png'),
   'streaming': require('./icon-streaming.png'),
   'supergroup': require('./icon-supergroup.png'),
   'theme': require('./icon-theme.png'),

package/lib/module/assets/icon/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["IconAssets","require"],"sources":["index.ts"],"sourcesContent":["const IconAssets = {\n  'chat-hide': require('./ic-chat-hide.png'),\n  'chat-show': require('./ic-chat-show.png'),\n  'add': require('./icon-add.png'),\n  'archive': require('./icon-archive.png'),\n  'arrow-left': require('./icon-arrow-left.png'),\n  'ban': require('./icon-ban.png'),\n  'broadcast': require('./icon-broadcast.png'),\n  'camera': require('./icon-camera.png'),\n  'channels': require('./icon-channels.png'),\n  'chat-filled': require('./icon-chat-filled.png'),\n  'chat': require('./icon-chat.png'),\n  'checkbox-off': require('./icon-checkbox-off.png'),\n  'checkbox-on': require('./icon-checkbox-on.png'),\n  'chevron-down': require('./icon-chevron-down.png'),\n  'chevron-right': require('./icon-chevron-right.png'),\n  'close': require('./icon-close.png'),\n  'copy': require('./icon-copy.png'),\n  'create': require('./icon-create.png'),\n  'delete': require('./icon-delete.png'),\n  'document': require('./icon-document.png'),\n  'done-all': require('./icon-done-all.png'),\n  'done': require('./icon-done.png'),\n  'download': require('./icon-download.png'),\n  'edit': require('./icon-edit.png'),\n  'emoji-more': require('./icon-emoji-more.png'),\n  'error': require('./icon-error.png'),\n  'file-audio': require('./icon-file-audio.png'),\n  'file-document': require('./icon-file-document.png'),\n  'freeze': require('./icon-freeze.png'),\n  'gif': require('./icon-gif.png'),\n  'info': require('./icon-info.png'),\n  'leave': require('./icon-leave.png'),\n  'members': require('./icon-members.png'),\n  'message': require('./icon-message.png'),\n  'moderation': require('./icon-moderation.png'),\n  'more': require('./icon-more.png'),\n  'mute': require('./icon-mute.png'),\n  'notifications-filled': require('./icon-notifications-filled.png'),\n  'notifications-off-filled': require('./icon-notifications-off-filled.png'),\n  'notifications': require('./icon-notifications.png'),\n  'operator': require('./icon-operator.png'),\n  'photo': require('./icon-photo.png'),\n  'play': require('./icon-play.png'),\n  'plus': require('./icon-plus.png'),\n  'question': require('./icon-question.png'),\n  'radio-off': require('./icon-radio-off.png'),\n  'radio-on': require('./icon-radio-on.png'),\n  'refresh': require('./icon-refresh.png'),\n  'remove': require('./icon-remove.png'),\n  'reply-filled': require('./icon-reply-filled.png'),\n  'reply': require('./icon-reply.png'),\n  'search': require('./icon-search.png'),\n  'send': require('./icon-send.png'),\n  'settings-filled': require('./icon-settings-filled.png'),\n  'spinner': require('./icon-spinner.png'),\n  'streaming': require('./icon-streaming.png'),\n  'supergroup': require('./icon-supergroup.png'),\n  'theme': require('./icon-theme.png'),\n  'thumbnail-none': require('./icon-thumbnail-none.png'),\n  'unarchive': require('./icon-unarchive.png'),\n  'user': require('./icon-user.png'),\n};\nexport default IconAssets;\n"],"mappings":"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"}
+{"version":3,"names":["IconAssets","require"],"sources":["index.ts"],"sourcesContent":["const IconAssets = {\n  'chat-hide': require('./ic-chat-hide.png'),\n  'chat-show': require('./ic-chat-show.png'),\n  'add': require('./icon-add.png'),\n  'archive': require('./icon-archive.png'),\n  'arrow-left': require('./icon-arrow-left.png'),\n  'audio-off-filled': require('./icon-audio-off-filled.png'),\n  'audio-off': require('./icon-audio-off.png'),\n  'audio-on-filled': require('./icon-audio-on-filled.png'),\n  'audio-on': require('./icon-audio-on.png'),\n  'ban': require('./icon-ban.png'),\n  'broadcast': require('./icon-broadcast.png'),\n  'camera': require('./icon-camera.png'),\n  'channels': require('./icon-channels.png'),\n  'chat-filled': require('./icon-chat-filled.png'),\n  'chat': require('./icon-chat.png'),\n  'checkbox-off': require('./icon-checkbox-off.png'),\n  'checkbox-on': require('./icon-checkbox-on.png'),\n  'chevron-down': require('./icon-chevron-down.png'),\n  'chevron-right': require('./icon-chevron-right.png'),\n  'close': require('./icon-close.png'),\n  'copy': require('./icon-copy.png'),\n  'create': require('./icon-create.png'),\n  'delete': require('./icon-delete.png'),\n  'document': require('./icon-document.png'),\n  'done-all': require('./icon-done-all.png'),\n  'done': require('./icon-done.png'),\n  'download': require('./icon-download.png'),\n  'edit': require('./icon-edit.png'),\n  'emoji-more': require('./icon-emoji-more.png'),\n  'error': require('./icon-error.png'),\n  'file-audio': require('./icon-file-audio.png'),\n  'file-document': require('./icon-file-document.png'),\n  'freeze': require('./icon-freeze.png'),\n  'gif': require('./icon-gif.png'),\n  'info': require('./icon-info.png'),\n  'leave': require('./icon-leave.png'),\n  'members': require('./icon-members.png'),\n  'message': require('./icon-message.png'),\n  'moderation': require('./icon-moderation.png'),\n  'more': require('./icon-more.png'),\n  'mute': require('./icon-mute.png'),\n  'notifications-filled': require('./icon-notifications-filled.png'),\n  'notifications-off-filled': require('./icon-notifications-off-filled.png'),\n  'notifications': require('./icon-notifications.png'),\n  'operator': require('./icon-operator.png'),\n  'pause': require('./icon-pause.png'),\n  'photo': require('./icon-photo.png'),\n  'play': require('./icon-play.png'),\n  'plus': require('./icon-plus.png'),\n  'question': require('./icon-question.png'),\n  'radio-off': require('./icon-radio-off.png'),\n  'radio-on': require('./icon-radio-on.png'),\n  'recording': require('./icon-recording.png'),\n  'refresh': require('./icon-refresh.png'),\n  'remove': require('./icon-remove.png'),\n  'reply-filled': require('./icon-reply-filled.png'),\n  'reply': require('./icon-reply.png'),\n  'search': require('./icon-search.png'),\n  'send': require('./icon-send.png'),\n  'settings-filled': require('./icon-settings-filled.png'),\n  'spinner': require('./icon-spinner.png'),\n  'stop': require('./icon-stop.png'),\n  'streaming': require('./icon-streaming.png'),\n  'supergroup': require('./icon-supergroup.png'),\n  'theme': require('./icon-theme.png'),\n  'thumbnail-none': require('./icon-thumbnail-none.png'),\n  'unarchive': require('./icon-unarchive.png'),\n  'user': require('./icon-user.png'),\n};\nexport default IconAssets;\n"],"mappings":"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"}

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

@@ -10,9 +10,9 @@ const Box = _ref => {
     ...props
   } = _ref;
   const boxStyle = useBoxStyle(props);
-  return /*#__PURE__*/React.createElement(View, _extends({
+  return /*#__PURE__*/React.createElement(View, _extends({}, props, {
     style: [boxStyle, style]
-  }, props), children);
+  }), children);
 };
 const useBoxStyle = props => {
   const theme = useUIKitTheme();

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","isFunction","useUIKitTheme","Box","_ref","style","children","props","boxStyle","useBoxStyle","createElement","_extends","theme","backgroundColor","rest"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewProps, ViewStyle } from 'react-native';\n\nimport { isFunction } from '@sendbird/uikit-utils';\n\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport type { UIKitColors, UIKitPalette } from '../../types';\n\ntype BaseBoxProps = Pick<\n  ViewStyle,\n  | 'flex'\n  | 'flexShrink'\n  | 'flexGrow'\n  | 'flexDirection'\n  | 'alignItems'\n  | 'justifyContent'\n  | 'borderRadius'\n  | 'borderWidth'\n  | 'borderColor'\n  | 'borderBottomColor'\n  | 'borderBottomWidth'\n  | 'margin'\n  | 'marginHorizontal'\n  | 'marginVertical'\n  | 'marginLeft'\n  | 'marginRight'\n  | 'marginTop'\n  | 'marginBottom'\n  | 'padding'\n  | 'paddingHorizontal'\n  | 'paddingVertical'\n  | 'paddingLeft'\n  | 'paddingRight'\n  | 'paddingTop'\n  | 'paddingBottom'\n  | 'overflow'\n  | 'width'\n  | 'height'\n> & {\n  backgroundColor?: string | ((theme: { colors: UIKitColors; palette: UIKitPalette }) => string);\n};\n\ntype BoxProps = BaseBoxProps & ViewProps;\nconst Box = ({ style, children, ...props }: BoxProps) => {\n  const boxStyle = useBoxStyle(props);\n\n  return (\n    <View style={[boxStyle, style]} {...props}>\n      {children}\n    </View>\n  );\n};\n\nconst useBoxStyle = (props: BaseBoxProps): StyleProp<ViewStyle> => {\n  const theme = useUIKitTheme();\n\n  const { backgroundColor, ...rest } = props;\n\n  return {\n    backgroundColor: isFunction(backgroundColor) ? backgroundColor(theme) : backgroundColor,\n    ...rest,\n  };\n};\n\nexport default Box;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAoBC,IAAI,QAA8B,cAAc;AAEpE,SAASC,UAAU,QAAQ,uBAAuB;AAElD,OAAOC,aAAa,MAAM,2BAA2B;AAsCrD,MAAMC,GAAG,GAAGC,IAAA,IAA6C;EAAA,IAA5C;IAAEC,KAAK;IAAEC,QAAQ;IAAE,GAAGC;EAAgB,CAAC,GAAAH,IAAA;EAClD,MAAMI,QAAQ,GAAGC,WAAW,CAACF,KAAK,CAAC;EAEnC,oBACER,KAAA,CAAAW,aAAA,CAACV,IAAI,EAAAW,QAAA;IAACN,KAAK,EAAE,CAACG,QAAQ,EAAEH,KAAK;EAAE,GAAKE,KAAK,GACtCD,QAAQ,CACJ;AAEX,CAAC;AAED,MAAMG,WAAW,GAAIF,KAAmB,IAA2B;EACjE,MAAMK,KAAK,GAAGV,aAAa,EAAE;EAE7B,MAAM;IAAEW,eAAe;IAAE,GAAGC;EAAK,CAAC,GAAGP,KAAK;EAE1C,OAAO;IACLM,eAAe,EAAEZ,UAAU,CAACY,eAAe,CAAC,GAAGA,eAAe,CAACD,KAAK,CAAC,GAAGC,eAAe;IACvF,GAAGC;EACL,CAAC;AACH,CAAC;AAED,eAAeX,GAAG"}
+{"version":3,"names":["React","View","isFunction","useUIKitTheme","Box","_ref","style","children","props","boxStyle","useBoxStyle","createElement","_extends","theme","backgroundColor","rest"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewProps, ViewStyle } from 'react-native';\n\nimport { isFunction } from '@sendbird/uikit-utils';\n\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport type { UIKitColors, UIKitPalette } from '../../types';\n\ntype BaseBoxProps = Pick<\n  ViewStyle,\n  | 'flex'\n  | 'flexShrink'\n  | 'flexGrow'\n  | 'flexDirection'\n  | 'alignItems'\n  | 'justifyContent'\n  | 'borderRadius'\n  | 'borderWidth'\n  | 'borderColor'\n  | 'borderBottomColor'\n  | 'borderBottomWidth'\n  | 'margin'\n  | 'marginHorizontal'\n  | 'marginVertical'\n  | 'marginLeft'\n  | 'marginRight'\n  | 'marginTop'\n  | 'marginBottom'\n  | 'padding'\n  | 'paddingHorizontal'\n  | 'paddingVertical'\n  | 'paddingLeft'\n  | 'paddingRight'\n  | 'paddingTop'\n  | 'paddingBottom'\n  | 'overflow'\n  | 'width'\n  | 'height'\n> & {\n  backgroundColor?: string | ((theme: { colors: UIKitColors; palette: UIKitPalette }) => string);\n};\n\ntype BoxProps = BaseBoxProps & ViewProps;\nconst Box = ({ style, children, ...props }: BoxProps) => {\n  const boxStyle = useBoxStyle(props);\n\n  return (\n    <View {...props} style={[boxStyle, style]}>\n      {children}\n    </View>\n  );\n};\n\nconst useBoxStyle = (props: BaseBoxProps): StyleProp<ViewStyle> => {\n  const theme = useUIKitTheme();\n\n  const { backgroundColor, ...rest } = props;\n\n  return {\n    backgroundColor: isFunction(backgroundColor) ? backgroundColor(theme) : backgroundColor,\n    ...rest,\n  };\n};\n\nexport default Box;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAoBC,IAAI,QAA8B,cAAc;AAEpE,SAASC,UAAU,QAAQ,uBAAuB;AAElD,OAAOC,aAAa,MAAM,2BAA2B;AAsCrD,MAAMC,GAAG,GAAGC,IAAA,IAA6C;EAAA,IAA5C;IAAEC,KAAK;IAAEC,QAAQ;IAAE,GAAGC;EAAgB,CAAC,GAAAH,IAAA;EAClD,MAAMI,QAAQ,GAAGC,WAAW,CAACF,KAAK,CAAC;EAEnC,oBACER,KAAA,CAAAW,aAAA,CAACV,IAAI,EAAAW,QAAA,KAAKJ,KAAK;IAAEF,KAAK,EAAE,CAACG,QAAQ,EAAEH,KAAK;EAAE,IACvCC,QAAQ,CACJ;AAEX,CAAC;AAED,MAAMG,WAAW,GAAIF,KAAmB,IAA2B;EACjE,MAAMK,KAAK,GAAGV,aAAa,EAAE;EAE7B,MAAM;IAAEW,eAAe;IAAE,GAAGC;EAAK,CAAC,GAAGP,KAAK;EAE1C,OAAO;IACLM,eAAe,EAAEZ,UAAU,CAACY,eAAe,CAAC,GAAGA,eAAe,CAACD,KAAK,CAAC,GAAGC,eAAe;IACvF,GAAGC;EACL,CAAC;AACH,CAAC;AAED,eAAeX,GAAG"}

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

@@ -67,7 +67,8 @@ const sizeStyles = createStyleSheet({
     height: 32
   }
 });
-Icon.Assets = IconAssets;
-Icon.File = FileIcon;
-export default Icon;
+export default Object.assign(Icon, {
+  Assets: IconAssets,
+  File: FileIcon
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","View","convertFileTypeToMessageType","getFileIconFromMessageType","IconAssets","createStyleSheet","useUIKitTheme","Icon","_ref","icon","color","size","containerStyle","style","sizeStyle","sizeStyles","width","height","colors","createElement","containerStyles","container","resizeMode","source","tintColor","primary","FileIcon","_ref2","fileType","props","_extends","create","alignItems","justifyContent","Assets","File"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Image, ImageStyle, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { FileType, convertFileTypeToMessageType, getFileIconFromMessageType } from '@sendbird/uikit-utils';\n\nimport IconAssets from '../../assets/icon';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype IconNames = keyof typeof IconAssets;\ntype SizeFactor = keyof typeof sizeStyles;\n\ntype Props = {\n  icon: IconNames;\n  color?: string;\n  size?: number;\n  style?: StyleProp<ImageStyle>;\n  containerStyle?: StyleProp<ViewStyle>;\n};\nconst Icon: ((props: Props) => JSX.Element) & {\n  Assets: typeof IconAssets;\n  File: typeof FileIcon;\n} = ({ icon, color, size = 24, containerStyle, style }) => {\n  const sizeStyle = sizeStyles[size as SizeFactor] ?? { width: size, height: size };\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[containerStyle, containerStyles.container]}>\n      <Image\n        resizeMode={'contain'}\n        source={IconAssets[icon]}\n        style={[{ tintColor: color ?? colors.primary }, sizeStyle, style]}\n      />\n    </View>\n  );\n};\n\nconst FileIcon = ({ fileType, ...props }: Omit<Props, 'icon'> & { fileType: FileType }) => {\n  return <Icon icon={getFileIconFromMessageType(convertFileTypeToMessageType(fileType))} {...props} />;\n};\n\nconst containerStyles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nconst sizeStyles = createStyleSheet({\n  16: {\n    width: 16,\n    height: 16,\n  },\n  20: {\n    width: 20,\n    height: 20,\n  },\n  24: {\n    width: 24,\n    height: 24,\n  },\n  28: {\n    width: 28,\n    height: 28,\n  },\n  32: {\n    width: 32,\n    height: 32,\n  },\n});\n\nIcon.Assets = IconAssets;\nIcon.File = FileIcon;\nexport default Icon;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAyBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAExF,SAAmBC,4BAA4B,EAAEC,0BAA0B,QAAQ,uBAAuB;AAE1G,OAAOC,UAAU,MAAM,mBAAmB;AAC1C,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AAYrD,MAAMC,IAGL,GAAGC,IAAA,IAAuD;EAAA,IAAtD;IAAEC,IAAI;IAAEC,KAAK;IAAEC,IAAI,GAAG,EAAE;IAAEC,cAAc;IAAEC;EAAM,CAAC,GAAAL,IAAA;EACpD,MAAMM,SAAS,GAAGC,UAAU,CAACJ,IAAI,CAAe,IAAI;IAAEK,KAAK,EAAEL,IAAI;IAAEM,MAAM,EAAEN;EAAK,CAAC;EACjF,MAAM;IAAEO;EAAO,CAAC,GAAGZ,aAAa,EAAE;EAClC,oBACER,KAAA,CAAAqB,aAAA,CAAClB,IAAI;IAACY,KAAK,EAAE,CAACD,cAAc,EAAEQ,eAAe,CAACC,SAAS;EAAE,gBACvDvB,KAAA,CAAAqB,aAAA,CAACpB,KAAK;IACJuB,UAAU,EAAE,SAAU;IACtBC,MAAM,EAAEnB,UAAU,CAACK,IAAI,CAAE;IACzBI,KAAK,EAAE,CAAC;MAAEW,SAAS,EAAEd,KAAK,IAAIQ,MAAM,CAACO;IAAQ,CAAC,EAAEX,SAAS,EAAED,KAAK;EAAE,EAClE,CACG;AAEX,CAAC;AAED,MAAMa,QAAQ,GAAGC,KAAA,IAA0E;EAAA,IAAzE;IAAEC,QAAQ;IAAE,GAAGC;EAAoD,CAAC,GAAAF,KAAA;EACpF,oBAAO7B,KAAA,CAAAqB,aAAA,CAACZ,IAAI,EAAAuB,QAAA;IAACrB,IAAI,EAAEN,0BAA0B,CAACD,4BAA4B,CAAC0B,QAAQ,CAAC;EAAE,GAAKC,KAAK,EAAI;AACtG,CAAC;AAED,MAAMT,eAAe,GAAGpB,UAAU,CAAC+B,MAAM,CAAC;EACxCV,SAAS,EAAE;IACTW,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,MAAMlB,UAAU,GAAGV,gBAAgB,CAAC;EAClC,EAAE,EAAE;IACFW,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACD,EAAE,EAAE;IACFD,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACD,EAAE,EAAE;IACFD,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACD,EAAE,EAAE;IACFD,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACD,EAAE,EAAE;IACFD,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEFV,IAAI,CAAC2B,MAAM,GAAG9B,UAAU;AACxBG,IAAI,CAAC4B,IAAI,GAAGT,QAAQ;AACpB,eAAenB,IAAI"}
+{"version":3,"names":["React","Image","StyleSheet","View","convertFileTypeToMessageType","getFileIconFromMessageType","IconAssets","createStyleSheet","useUIKitTheme","Icon","_ref","icon","color","size","containerStyle","style","sizeStyle","sizeStyles","width","height","colors","createElement","containerStyles","container","resizeMode","source","tintColor","primary","FileIcon","_ref2","fileType","props","_extends","create","alignItems","justifyContent","Object","assign","Assets","File"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Image, ImageStyle, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { FileType, convertFileTypeToMessageType, getFileIconFromMessageType } from '@sendbird/uikit-utils';\n\nimport IconAssets from '../../assets/icon';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype IconNames = keyof typeof IconAssets;\ntype SizeFactor = keyof typeof sizeStyles;\n\ntype Props = {\n  icon: IconNames;\n  color?: string;\n  size?: number;\n  style?: StyleProp<ImageStyle>;\n  containerStyle?: StyleProp<ViewStyle>;\n};\n\nconst Icon = ({ icon, color, size = 24, containerStyle, style }: Props) => {\n  const sizeStyle = sizeStyles[size as SizeFactor] ?? { width: size, height: size };\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[containerStyle, containerStyles.container]}>\n      <Image\n        resizeMode={'contain'}\n        source={IconAssets[icon]}\n        style={[{ tintColor: color ?? colors.primary }, sizeStyle, style]}\n      />\n    </View>\n  );\n};\n\nconst FileIcon = ({ fileType, ...props }: Omit<Props, 'icon'> & { fileType: FileType }) => {\n  return <Icon icon={getFileIconFromMessageType(convertFileTypeToMessageType(fileType))} {...props} />;\n};\n\nconst containerStyles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nconst sizeStyles = createStyleSheet({\n  16: {\n    width: 16,\n    height: 16,\n  },\n  20: {\n    width: 20,\n    height: 20,\n  },\n  24: {\n    width: 24,\n    height: 24,\n  },\n  28: {\n    width: 28,\n    height: 28,\n  },\n  32: {\n    width: 32,\n    height: 32,\n  },\n});\n\nexport default Object.assign(Icon, {\n  Assets: IconAssets,\n  File: FileIcon,\n});\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAyBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAExF,SAAmBC,4BAA4B,EAAEC,0BAA0B,QAAQ,uBAAuB;AAE1G,OAAOC,UAAU,MAAM,mBAAmB;AAC1C,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AAarD,MAAMC,IAAI,GAAGC,IAAA,IAA8D;EAAA,IAA7D;IAAEC,IAAI;IAAEC,KAAK;IAAEC,IAAI,GAAG,EAAE;IAAEC,cAAc;IAAEC;EAAa,CAAC,GAAAL,IAAA;EACpE,MAAMM,SAAS,GAAGC,UAAU,CAACJ,IAAI,CAAe,IAAI;IAAEK,KAAK,EAAEL,IAAI;IAAEM,MAAM,EAAEN;EAAK,CAAC;EACjF,MAAM;IAAEO;EAAO,CAAC,GAAGZ,aAAa,EAAE;EAClC,oBACER,KAAA,CAAAqB,aAAA,CAAClB,IAAI;IAACY,KAAK,EAAE,CAACD,cAAc,EAAEQ,eAAe,CAACC,SAAS;EAAE,gBACvDvB,KAAA,CAAAqB,aAAA,CAACpB,KAAK;IACJuB,UAAU,EAAE,SAAU;IACtBC,MAAM,EAAEnB,UAAU,CAACK,IAAI,CAAE;IACzBI,KAAK,EAAE,CAAC;MAAEW,SAAS,EAAEd,KAAK,IAAIQ,MAAM,CAACO;IAAQ,CAAC,EAAEX,SAAS,EAAED,KAAK;EAAE,EAClE,CACG;AAEX,CAAC;AAED,MAAMa,QAAQ,GAAGC,KAAA,IAA0E;EAAA,IAAzE;IAAEC,QAAQ;IAAE,GAAGC;EAAoD,CAAC,GAAAF,KAAA;EACpF,oBAAO7B,KAAA,CAAAqB,aAAA,CAACZ,IAAI,EAAAuB,QAAA;IAACrB,IAAI,EAAEN,0BAA0B,CAACD,4BAA4B,CAAC0B,QAAQ,CAAC;EAAE,GAAKC,KAAK,EAAI;AACtG,CAAC;AAED,MAAMT,eAAe,GAAGpB,UAAU,CAAC+B,MAAM,CAAC;EACxCV,SAAS,EAAE;IACTW,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,MAAMlB,UAAU,GAAGV,gBAAgB,CAAC;EAClC,EAAE,EAAE;IACFW,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACD,EAAE,EAAE;IACFD,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACD,EAAE,EAAE;IACFD,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACD,EAAE,EAAE;IACFD,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACD,EAAE,EAAE;IACFD,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAeiB,MAAM,CAACC,MAAM,CAAC5B,IAAI,EAAE;EACjC6B,MAAM,EAAEhC,UAAU;EAClBiC,IAAI,EAAEX;AACR,CAAC,CAAC"}

package/lib/module/components/Image/FastImageInternal.js.map

@@ -1 +1 @@
-{"version":3,"names":["FastImageInternal","require"],"sources":["FastImageInternal.tsx"],"sourcesContent":["import type { FastImageProps } from 'react-native-fast-image';\n\nlet FastImageInternal: (props: FastImageProps) => JSX.Element | null = () => null;\n\ntry {\n  FastImageInternal = require('react-native-fast-image') as (props: FastImageProps) => JSX.Element;\n} catch {}\n\nexport default FastImageInternal;\n"],"mappings":"AAEA,IAAIA,iBAAgE,GAAGA,CAAA,KAAM,IAAI;AAEjF,IAAI;EACFA,iBAAiB,GAAGC,OAAO,CAAC,yBAAyB,CAA2C;AAClG,CAAC,CAAC,MAAM,CAAC;AAET,eAAeD,iBAAiB"}
+{"version":3,"names":["FastImageInternal","require"],"sources":["FastImageInternal.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { FastImageProps } from 'react-native-fast-image';\n\nlet FastImageInternal: (props: FastImageProps) => ReactNode | null = () => null;\n\ntry {\n  FastImageInternal = require('react-native-fast-image') as (props: FastImageProps) => ReactNode;\n} catch {}\n\nexport default FastImageInternal;\n"],"mappings":"AAGA,IAAIA,iBAA8D,GAAGA,CAAA,KAAM,IAAI;AAE/E,IAAI;EACFA,iBAAiB,GAAGC,OAAO,CAAC,yBAAyB,CAAyC;AAChG,CAAC,CAAC,MAAM,CAAC;AAET,eAAeD,iBAAiB"}

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

@@ -1 +1 @@
-{"version":3,"names":["NativeModules","getImageModule","hasFastImage","Boolean","FastImageView","require","default","e"],"sources":["index.ts"],"sourcesContent":["import type { ImageProps as NativeImageProps } from 'react-native';\nimport { NativeModules } from 'react-native';\n\nexport interface SendbirdImageProps extends Omit<NativeImageProps, 'onLoad' | 'onError'> {\n  onLoad?: (event: { width: number; height: number }) => void;\n  onError?: (event: { error?: unknown }) => void;\n  tintColor?: string;\n}\n\nexport type SendbirdImageComponent = (props: SendbirdImageProps) => JSX.Element;\n\nfunction getImageModule(): SendbirdImageComponent {\n  const hasFastImage = Boolean(NativeModules.FastImageView);\n  if (hasFastImage) {\n    try {\n      return require('./Image.fastimage').default;\n    } catch (e) {\n      return require('./Image.reactnative').default;\n    }\n  } else {\n    return require('./Image.reactnative').default;\n  }\n}\n\nexport default getImageModule();\n"],"mappings":"AACA,SAASA,aAAa,QAAQ,cAAc;AAU5C,SAASC,cAAcA,CAAA,EAA2B;EAChD,MAAMC,YAAY,GAAGC,OAAO,CAACH,aAAa,CAACI,aAAa,CAAC;EACzD,IAAIF,YAAY,EAAE;IAChB,IAAI;MACF,OAAOG,OAAO,CAAC,mBAAmB,CAAC,CAACC,OAAO;IAC7C,CAAC,CAAC,OAAOC,CAAC,EAAE;MACV,OAAOF,OAAO,CAAC,qBAAqB,CAAC,CAACC,OAAO;IAC/C;EACF,CAAC,MAAM;IACL,OAAOD,OAAO,CAAC,qBAAqB,CAAC,CAACC,OAAO;EAC/C;AACF;AAEA,eAAeL,cAAc,EAAE"}
+{"version":3,"names":["NativeModules","getImageModule","hasFastImage","Boolean","FastImageView","require","default","e"],"sources":["index.ts"],"sourcesContent":["import { ReactNode } from 'react';\nimport type { ImageProps as NativeImageProps } from 'react-native';\nimport { NativeModules } from 'react-native';\n\nexport interface SendbirdImageProps extends Omit<NativeImageProps, 'onLoad' | 'onError'> {\n  onLoad?: (event: { width: number; height: number }) => void;\n  onError?: (event: { error?: unknown }) => void;\n  tintColor?: string;\n}\n\nexport type SendbirdImageComponent = (props: SendbirdImageProps) => ReactNode;\n\nfunction getImageModule(): SendbirdImageComponent {\n  const hasFastImage = Boolean(NativeModules.FastImageView);\n  if (hasFastImage) {\n    try {\n      return require('./Image.fastimage').default;\n    } catch (e) {\n      return require('./Image.reactnative').default;\n    }\n  } else {\n    return require('./Image.reactnative').default;\n  }\n}\n\nexport default getImageModule();\n"],"mappings":"AAEA,SAASA,aAAa,QAAQ,cAAc;AAU5C,SAASC,cAAcA,CAAA,EAA2B;EAChD,MAAMC,YAAY,GAAGC,OAAO,CAACH,aAAa,CAACI,aAAa,CAAC;EACzD,IAAIF,YAAY,EAAE;IAChB,IAAI;MACF,OAAOG,OAAO,CAAC,mBAAmB,CAAC,CAACC,OAAO;IAC7C,CAAC,CAAC,OAAOC,CAAC,EAAE;MACV,OAAOF,OAAO,CAAC,qBAAqB,CAAC,CAACC,OAAO;IAC/C;EACF,CAAC,MAAM;IACL,OAAOD,OAAO,CAAC,qBAAqB,CAAC,CAACC,OAAO;EAC/C;AACF;AAEA,eAAeL,cAAc,EAAE"}

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

@@ -69,7 +69,7 @@ const Modal = _ref => {
   // NOTE: This is trick for Android.
   //  When orientation is changed on Android, the offset that to avoid soft-keyboard is not updated normally.
   , {
-    key: `${width}-${height}`,
+    key: Platform.OS === 'android' && enableKeyboardAvoid ? `${width}-${height}` : undefined,
     enabled: enableKeyboardAvoid,
     style: styles.background,
     behavior: Platform.select({