@sendbird/uikit-react-native-foundation 2.4.1 → 2.5.0-rc.0

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

@@ -1 +1 @@
-{"version":3,"names":["MessageContainer","children","channel","grouped","pressed","props","colors","useUIKitTheme","color","ui","openChannelMessage","default","renderSendingStatus","message","sendingStatus","SendingStatus","PENDING","primary","FAILED","error","background","enabled","onPressAvatar","styles","avatar","width","sender","profileUrl","isOperator","userId","textOperator","textSenderName","strings","senderName","nickname","textTime","sentDate","getMessageTimeFormat","Date","createdAt","SendingStatusContainer","createStyleSheet"],"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.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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"}

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

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _Message = _interopRequireDefault(require("./Message.admin"));
-
 var _Message2 = _interopRequireDefault(require("./Message.file"));
-
 var _MessageFile = _interopRequireDefault(require("./Message.file.image"));
-
 var _MessageFile2 = _interopRequireDefault(require("./Message.file.video"));
-
 var _Message3 = _interopRequireDefault(require("./Message.unknown"));
-
 var _Message4 = _interopRequireDefault(require("./Message.user"));
-
 var _MessageUser = _interopRequireDefault(require("./Message.user.og"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const OpenChannelMessage = {
   User: _Message4.default,
   OpenGraphUser: _MessageUser.default,

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

@@ -1 +1 @@
-{"version":3,"names":["OpenChannelMessage","User","UserMessage","OpenGraphUser","OpenGraphUserMessage","File","FileMessage","ImageFile","ImageFileMessage","VideoFile","VideoFileMessage","Admin","AdminMessage","Unknown","UnknownMessage"],"sources":["index.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { SendbirdMessage, SendbirdOpenChannel } from '@sendbird/uikit-utils';\n\nimport AdminMessage from './Message.admin';\nimport FileMessage from './Message.file';\nimport ImageFileMessage from './Message.file.image';\nimport VideoFileMessage from './Message.file.video';\nimport UnknownMessage from './Message.unknown';\nimport UserMessage from './Message.user';\nimport OpenGraphUserMessage from './Message.user.og';\n\nexport type OpenChannelMessageProps<T extends SendbirdMessage, AdditionalProps = unknown> = {\n  channel: SendbirdOpenChannel;\n  message: T;\n  strings?: {\n    senderName?: string;\n    sentDate?: string;\n    edited?: string;\n    fileName?: string;\n    unknownTitle?: string;\n    unknownDescription?: string;\n  };\n  children?: React.ReactNode;\n  grouped?: boolean;\n  onPress?: () => void;\n  onLongPress?: () => void;\n  onPressAvatar?: () => void;\n  onPressURL?: () => void;\n} & AdditionalProps;\n\nconst OpenChannelMessage = {\n  User: UserMessage,\n  OpenGraphUser: OpenGraphUserMessage,\n  File: FileMessage,\n  ImageFile: ImageFileMessage,\n  VideoFile: VideoFileMessage,\n  Admin: AdminMessage,\n  Unknown: UnknownMessage,\n};\n\nexport default OpenChannelMessage;\n"],"mappings":";;;;;;;AAIA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAqBA,MAAMA,kBAAkB,GAAG;EACzBC,IAAI,EAAEC,iBADmB;EAEzBC,aAAa,EAAEC,oBAFU;EAGzBC,IAAI,EAAEC,iBAHmB;EAIzBC,SAAS,EAAEC,oBAJc;EAKzBC,SAAS,EAAEC,qBALc;EAMzBC,KAAK,EAAEC,gBANkB;EAOzBC,OAAO,EAAEC;AAPgB,CAA3B;eAUed,kB"}
+{"version":3,"names":["_Message","_interopRequireDefault","require","_Message2","_MessageFile","_MessageFile2","_Message3","_Message4","_MessageUser","obj","__esModule","default","OpenChannelMessage","User","UserMessage","OpenGraphUser","OpenGraphUserMessage","File","FileMessage","ImageFile","ImageFileMessage","VideoFile","VideoFileMessage","Admin","AdminMessage","Unknown","UnknownMessage","_default","exports"],"sources":["index.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { SendbirdMessage, SendbirdOpenChannel } from '@sendbird/uikit-utils';\n\nimport AdminMessage from './Message.admin';\nimport FileMessage from './Message.file';\nimport ImageFileMessage from './Message.file.image';\nimport VideoFileMessage from './Message.file.video';\nimport UnknownMessage from './Message.unknown';\nimport UserMessage from './Message.user';\nimport OpenGraphUserMessage from './Message.user.og';\n\nexport type OpenChannelMessageProps<T extends SendbirdMessage, AdditionalProps = unknown> = {\n  channel: SendbirdOpenChannel;\n  message: T;\n  strings?: {\n    senderName?: string;\n    sentDate?: string;\n    edited?: string;\n    fileName?: string;\n    unknownTitle?: string;\n    unknownDescription?: string;\n  };\n  children?: React.ReactNode;\n  grouped?: boolean;\n  onPress?: () => void;\n  onLongPress?: () => void;\n  onPressAvatar?: () => void;\n  onPressURL?: () => void;\n} & AdditionalProps;\n\nconst OpenChannelMessage = {\n  User: UserMessage,\n  OpenGraphUser: OpenGraphUserMessage,\n  File: FileMessage,\n  ImageFile: ImageFileMessage,\n  VideoFile: VideoFileMessage,\n  Admin: AdminMessage,\n  Unknown: UnknownMessage,\n};\n\nexport default OpenChannelMessage;\n"],"mappings":";;;;;;AAIA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,SAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,YAAA,GAAAP,sBAAA,CAAAC,OAAA;AAAqD,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAqBrD,MAAMG,kBAAkB,GAAG;EACzBC,IAAI,EAAEC,iBAAW;EACjBC,aAAa,EAAEC,oBAAoB;EACnCC,IAAI,EAAEC,iBAAW;EACjBC,SAAS,EAAEC,oBAAgB;EAC3BC,SAAS,EAAEC,qBAAgB;EAC3BC,KAAK,EAAEC,gBAAY;EACnBC,OAAO,EAAEC;AACX,CAAC;AAAC,IAAAC,QAAA,GAEaf,kBAAkB;AAAAgB,OAAA,CAAAjB,OAAA,GAAAgB,QAAA"}

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

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _Box = _interopRequireDefault(require("../../components/Box"));
-
 var _Icon = _interopRequireDefault(require("../../components/Icon"));
-
 var _Image = _interopRequireDefault(require("../../components/Image"));
-
 var _Text = _interopRequireDefault(require("../../components/Text"));
-
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
-
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const OpenChannelPreview = _ref => {
   let {
     customCover,
@@ -95,7 +85,6 @@ const OpenChannelPreview = _ref => {
     color: color.separator
   })));
 };
-
 const Separator = _ref2 => {
   let {
     color
@@ -106,7 +95,6 @@ const Separator = _ref2 => {
     }]
   });
 };
-
 const styles = (0, _createStyleSheet.default)({
   channelCover: {
     width: 32,

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

@@ -1 +1 @@
-{"version":3,"names":["OpenChannelPreview","customCover","coverUrl","participantsCount","title","frozen","colors","useUIKitTheme","color","ui","openChannelPreview","default","none","background","styles","channelCover","width","height","conditionChaining","Boolean","backgroundColor","coverBackground","uri","channelInfoTitle","textTitle","frozenIcon","marginLeft","participantsIcon","marginRight","textParticipants","truncatedCount","separator","Separator","createStyleSheet","flexShrink","position","left","right","bottom"],"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.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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"}

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

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _Text = _interopRequireDefault(require("../../components/Text"));
-
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
-
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const OutlinedButton = _ref => {
   let {
     children,
@@ -38,7 +31,6 @@ const OutlinedButton = _ref => {
     style: styles.outlinedButtonText
   }, children));
 };
-
 const styles = (0, _createStyleSheet.default)({
   outlinedButton: {
     borderRadius: 4,

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

@@ -1 +1 @@
-{"version":3,"names":["OutlinedButton","children","onPress","containerStyle","colors","useUIKitTheme","styles","outlinedButton","borderColor","onBackground01","outlinedButtonText","createStyleSheet","borderRadius","padding","borderWidth","alignItems","justifyContent","textAlign","width"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, StyleProp, ViewStyle } from 'react-native';\n\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype OutlinedButtonProps = {\n  children: string;\n  containerStyle?: StyleProp<ViewStyle>;\n  onPress?: () => void;\n};\n\nconst OutlinedButton = ({ children, onPress, containerStyle }: OutlinedButtonProps) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <Pressable\n      onPress={onPress}\n      style={[styles.outlinedButton, { borderColor: colors.onBackground01 }, containerStyle]}\n    >\n      <Text button color={colors.onBackground01} numberOfLines={1} style={styles.outlinedButtonText}>\n        {children}\n      </Text>\n    </Pressable>\n  );\n};\n\nconst styles = createStyleSheet({\n  outlinedButton: {\n    borderRadius: 4,\n    padding: 16,\n    borderWidth: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  outlinedButtonText: {\n    textAlign: 'center',\n    width: '100%',\n  },\n});\n\nexport default OutlinedButton;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;AAQA,MAAMA,cAAc,GAAG,QAAgE;EAAA,IAA/D;IAAEC,QAAF;IAAYC,OAAZ;IAAqBC;EAArB,CAA+D;EACrF,MAAM;IAAEC;EAAF,IAAa,IAAAC,sBAAA,GAAnB;EACA,oBACE,6BAAC,sBAAD;IACE,OAAO,EAAEH,OADX;IAEE,KAAK,EAAE,CAACI,MAAM,CAACC,cAAR,EAAwB;MAAEC,WAAW,EAAEJ,MAAM,CAACK;IAAtB,CAAxB,EAAgEN,cAAhE;EAFT,gBAIE,6BAAC,aAAD;IAAM,MAAM,MAAZ;IAAa,KAAK,EAAEC,MAAM,CAACK,cAA3B;IAA2C,aAAa,EAAE,CAA1D;IAA6D,KAAK,EAAEH,MAAM,CAACI;EAA3E,GACGT,QADH,CAJF,CADF;AAUD,CAZD;;AAcA,MAAMK,MAAM,GAAG,IAAAK,yBAAA,EAAiB;EAC9BJ,cAAc,EAAE;IACdK,YAAY,EAAE,CADA;IAEdC,OAAO,EAAE,EAFK;IAGdC,WAAW,EAAE,CAHC;IAIdC,UAAU,EAAE,QAJE;IAKdC,cAAc,EAAE;EALF,CADc;EAQ9BN,kBAAkB,EAAE;IAClBO,SAAS,EAAE,QADO;IAElBC,KAAK,EAAE;EAFW;AARU,CAAjB,CAAf;eAcelB,c"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Text","_createStyleSheet","_useUIKitTheme","obj","__esModule","default","OutlinedButton","_ref","children","onPress","containerStyle","colors","useUIKitTheme","createElement","Pressable","style","styles","outlinedButton","borderColor","onBackground01","button","color","numberOfLines","outlinedButtonText","createStyleSheet","borderRadius","padding","borderWidth","alignItems","justifyContent","textAlign","width","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, StyleProp, ViewStyle } from 'react-native';\n\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype OutlinedButtonProps = {\n  children: string;\n  containerStyle?: StyleProp<ViewStyle>;\n  onPress?: () => void;\n};\n\nconst OutlinedButton = ({ children, onPress, containerStyle }: OutlinedButtonProps) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <Pressable\n      onPress={onPress}\n      style={[styles.outlinedButton, { borderColor: colors.onBackground01 }, containerStyle]}\n    >\n      <Text button color={colors.onBackground01} numberOfLines={1} style={styles.outlinedButtonText}>\n        {children}\n      </Text>\n    </Pressable>\n  );\n};\n\nconst styles = createStyleSheet({\n  outlinedButton: {\n    borderRadius: 4,\n    padding: 16,\n    borderWidth: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  outlinedButtonText: {\n    textAlign: 'center',\n    width: '100%',\n  },\n});\n\nexport default OutlinedButton;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,iBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,cAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAsD,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAQtD,MAAMG,cAAc,GAAGC,IAAA,IAAgE;EAAA,IAA/D;IAAEC,QAAQ;IAAEC,OAAO;IAAEC;EAAoC,CAAC,GAAAH,IAAA;EAChF,MAAM;IAAEI;EAAO,CAAC,GAAG,IAAAC,sBAAa,GAAE;EAClC,oBACEhB,MAAA,CAAAS,OAAA,CAAAQ,aAAA,CAACd,YAAA,CAAAe,SAAS;IACRL,OAAO,EAAEA,OAAQ;IACjBM,KAAK,EAAE,CAACC,MAAM,CAACC,cAAc,EAAE;MAAEC,WAAW,EAAEP,MAAM,CAACQ;IAAe,CAAC,EAAET,cAAc;EAAE,gBAEvFd,MAAA,CAAAS,OAAA,CAAAQ,aAAA,CAACb,KAAA,CAAAK,OAAI;IAACe,MAAM;IAACC,KAAK,EAAEV,MAAM,CAACQ,cAAe;IAACG,aAAa,EAAE,CAAE;IAACP,KAAK,EAAEC,MAAM,CAACO;EAAmB,GAC3Ff,QAAQ,CACJ,CACG;AAEhB,CAAC;AAED,MAAMQ,MAAM,GAAG,IAAAQ,yBAAgB,EAAC;EAC9BP,cAAc,EAAE;IACdQ,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE,EAAE;IACXC,WAAW,EAAE,CAAC;IACdC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDN,kBAAkB,EAAE;IAClBO,SAAS,EAAE,QAAQ;IACnBC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEY1B,cAAc;AAAA2B,OAAA,CAAA5B,OAAA,GAAA2B,QAAA"}

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

@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _Icon = _interopRequireDefault(require("../../components/Icon"));
-
 var _Text = _interopRequireDefault(require("../../components/Text"));
-
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
-
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 var _LoadingSpinner = _interopRequireDefault(require("../LoadingSpinner"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const Placeholder = _ref => {
   let {
     icon,
@@ -35,8 +24,9 @@ const Placeholder = _ref => {
   } = _ref;
   const {
     colors
-  } = (0, _useUIKitTheme.default)(); // loading ? styles.containerLoading : errorRetryLabel ? styles.containerError : styles.container
+  } = (0, _useUIKitTheme.default)();
 
+  // loading ? styles.containerLoading : errorRetryLabel ? styles.containerError : styles.container
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: (0, _uikitUtils.conditionChaining)([loading, errorRetryLabel], [styles.containerLoading, styles.containerError, styles.container])
   }, (0, _uikitUtils.conditionChaining)([loading], [/*#__PURE__*/_react.default.createElement(_LoadingSpinner.default, {
@@ -56,7 +46,6 @@ const Placeholder = _ref => {
     icon: 'refresh'
   }, errorRetryLabel));
 };
-
 const styles = (0, _createStyleSheet.default)({
   container: {
     width: 200,

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

@@ -1 +1 @@
-{"version":3,"names":["Placeholder","icon","loading","message","errorRetryLabel","onPressRetry","colors","useUIKitTheme","conditionChaining","styles","containerLoading","containerError","container","ui","placeholder","default","none","highlight","content","Boolean","createStyleSheet","width","height","alignItems","justifyContent"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Button from '../Button';\nimport LoadingSpinner from '../LoadingSpinner';\n\ntype Props = {\n  loading?: boolean;\n\n  icon: keyof typeof Icon.Assets;\n  message?: string;\n  errorRetryLabel?: string;\n  onPressRetry?: () => void;\n};\n\nconst Placeholder = ({ icon, loading = false, message = '', errorRetryLabel, onPressRetry }: Props) => {\n  const { colors } = useUIKitTheme();\n\n  // loading ? styles.containerLoading : errorRetryLabel ? styles.containerError : styles.container\n  return (\n    <View\n      style={conditionChaining(\n        [loading, errorRetryLabel],\n        [styles.containerLoading, styles.containerError, styles.container],\n      )}\n    >\n      {conditionChaining(\n        [loading],\n        [\n          <LoadingSpinner size={64} color={colors.ui.placeholder.default.none.highlight} />,\n          <Icon icon={icon} size={64} color={colors.ui.placeholder.default.none.content} />,\n        ],\n      )}\n      {Boolean(message) && !loading && (\n        <Text body3 color={colors.ui.placeholder.default.none.content}>\n          {message}\n        </Text>\n      )}\n      {Boolean(errorRetryLabel) && !loading && (\n        <Button\n          variant={'text'}\n          onPress={onPressRetry}\n          contentColor={colors.ui.placeholder.default.none.highlight}\n          icon={'refresh'}\n        >\n          {errorRetryLabel}\n        </Button>\n      )}\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    width: 200,\n    height: 100,\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  containerError: {\n    width: 200,\n    height: 148,\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  containerLoading: {\n    width: 200,\n    height: 100,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport default Placeholder;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAWA,MAAMA,WAAW,GAAG,QAAmF;EAAA,IAAlF;IAAEC,IAAF;IAAQC,OAAO,GAAG,KAAlB;IAAyBC,OAAO,GAAG,EAAnC;IAAuCC,eAAvC;IAAwDC;EAAxD,CAAkF;EACrG,MAAM;IAAEC;EAAF,IAAa,IAAAC,sBAAA,GAAnB,CADqG,CAGrG;;EACA,oBACE,6BAAC,iBAAD;IACE,KAAK,EAAE,IAAAC,6BAAA,EACL,CAACN,OAAD,EAAUE,eAAV,CADK,EAEL,CAACK,MAAM,CAACC,gBAAR,EAA0BD,MAAM,CAACE,cAAjC,EAAiDF,MAAM,CAACG,SAAxD,CAFK;EADT,GAMG,IAAAJ,6BAAA,EACC,CAACN,OAAD,CADD,EAEC,cACE,6BAAC,uBAAD;IAAgB,IAAI,EAAE,EAAtB;IAA0B,KAAK,EAAEI,MAAM,CAACO,EAAP,CAAUC,WAAV,CAAsBC,OAAtB,CAA8BC,IAA9B,CAAmCC;EAApE,EADF,eAEE,6BAAC,aAAD;IAAM,IAAI,EAAEhB,IAAZ;IAAkB,IAAI,EAAE,EAAxB;IAA4B,KAAK,EAAEK,MAAM,CAACO,EAAP,CAAUC,WAAV,CAAsBC,OAAtB,CAA8BC,IAA9B,CAAmCE;EAAtE,EAFF,CAFD,CANH,EAaGC,OAAO,CAAChB,OAAD,CAAP,IAAoB,CAACD,OAArB,iBACC,6BAAC,aAAD;IAAM,KAAK,MAAX;IAAY,KAAK,EAAEI,MAAM,CAACO,EAAP,CAAUC,WAAV,CAAsBC,OAAtB,CAA8BC,IAA9B,CAAmCE;EAAtD,GACGf,OADH,CAdJ,EAkBGgB,OAAO,CAACf,eAAD,CAAP,IAA4B,CAACF,OAA7B,iBACC,6BAAC,eAAD;IACE,OAAO,EAAE,MADX;IAEE,OAAO,EAAEG,YAFX;IAGE,YAAY,EAAEC,MAAM,CAACO,EAAP,CAAUC,WAAV,CAAsBC,OAAtB,CAA8BC,IAA9B,CAAmCC,SAHnD;IAIE,IAAI,EAAE;EAJR,GAMGb,eANH,CAnBJ,CADF;AA+BD,CAnCD;;AAqCA,MAAMK,MAAM,GAAG,IAAAW,yBAAA,EAAiB;EAC9BR,SAAS,EAAE;IACTS,KAAK,EAAE,GADE;IAETC,MAAM,EAAE,GAFC;IAGTC,UAAU,EAAE,QAHH;IAITC,cAAc,EAAE;EAJP,CADmB;EAO9Bb,cAAc,EAAE;IACdU,KAAK,EAAE,GADO;IAEdC,MAAM,EAAE,GAFM;IAGdC,UAAU,EAAE,QAHE;IAIdC,cAAc,EAAE;EAJF,CAPc;EAa9Bd,gBAAgB,EAAE;IAChBW,KAAK,EAAE,GADS;IAEhBC,MAAM,EAAE,GAFQ;IAGhBC,UAAU,EAAE,QAHI;IAIhBC,cAAc,EAAE;EAJA;AAbY,CAAjB,CAAf;eAqBexB,W"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitUtils","_Icon","_Text","_createStyleSheet","_useUIKitTheme","_Button","_LoadingSpinner","obj","__esModule","default","Placeholder","_ref","icon","loading","message","errorRetryLabel","onPressRetry","colors","useUIKitTheme","createElement","View","style","conditionChaining","styles","containerLoading","containerError","container","size","color","ui","placeholder","none","highlight","content","Boolean","body3","variant","onPress","contentColor","createStyleSheet","width","height","alignItems","justifyContent","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Button from '../Button';\nimport LoadingSpinner from '../LoadingSpinner';\n\ntype Props = {\n  loading?: boolean;\n\n  icon: keyof typeof Icon.Assets;\n  message?: string;\n  errorRetryLabel?: string;\n  onPressRetry?: () => void;\n};\n\nconst Placeholder = ({ icon, loading = false, message = '', errorRetryLabel, onPressRetry }: Props) => {\n  const { colors } = useUIKitTheme();\n\n  // loading ? styles.containerLoading : errorRetryLabel ? styles.containerError : styles.container\n  return (\n    <View\n      style={conditionChaining(\n        [loading, errorRetryLabel],\n        [styles.containerLoading, styles.containerError, styles.container],\n      )}\n    >\n      {conditionChaining(\n        [loading],\n        [\n          <LoadingSpinner size={64} color={colors.ui.placeholder.default.none.highlight} />,\n          <Icon icon={icon} size={64} color={colors.ui.placeholder.default.none.content} />,\n        ],\n      )}\n      {Boolean(message) && !loading && (\n        <Text body3 color={colors.ui.placeholder.default.none.content}>\n          {message}\n        </Text>\n      )}\n      {Boolean(errorRetryLabel) && !loading && (\n        <Button\n          variant={'text'}\n          onPress={onPressRetry}\n          contentColor={colors.ui.placeholder.default.none.highlight}\n          icon={'refresh'}\n        >\n          {errorRetryLabel}\n        </Button>\n      )}\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    width: 200,\n    height: 100,\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  containerError: {\n    width: 200,\n    height: 148,\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  containerLoading: {\n    width: 200,\n    height: 100,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport default Placeholder;\n"],"mappings":"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"}

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

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _Divider = _interopRequireDefault(require("../../components/Divider"));
-
 var _Text = _interopRequireDefault(require("../../components/Text"));
-
 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 }; }
-
 const ProfileCard = _ref => {
   let {
     uri,
@@ -64,7 +55,6 @@ const ProfileCard = _ref => {
     color: color.textBody
   }, body)));
 };
-
 const styles = (0, _createStyleSheet.default)({
   container: {
     paddingTop: 32,

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

@@ -1 +1 @@
-{"version":3,"names":["ProfileCard","uri","username","bodyLabel","body","button","containerStyle","colors","useUIKitTheme","color","ui","profileCard","default","none","styles","container","backgroundColor","background","profileContainer","profileAvatar","textUsername","messageButtonArea","profileInfoContainer","textBodyLabel","profileInfoBodyLabel","textBody","createStyleSheet","paddingTop","width","alignItems","paddingHorizontal","marginBottom","padding","marginHorizontal"],"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":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAcA,MAAMA,WAAW,GAAG,QAAuE;EAAA,IAAtE;IAAEC,GAAF;IAAOC,QAAP;IAAiBC,SAAjB;IAA4BC,IAA5B;IAAkCC,MAAlC;IAA0CC;EAA1C,CAAsE;EACzF,MAAM;IAAEC;EAAF,IAAa,IAAAC,sBAAA,GAAnB;EACA,MAAMC,KAAK,GAAGF,MAAM,CAACG,EAAP,CAAUC,WAAV,CAAsBC,OAAtB,CAA8BC,IAA5C;EAEA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmB;MAAEC,eAAe,EAAEP,KAAK,CAACQ;IAAzB,CAAnB,EAA0DX,cAA1D;EAAb,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEQ,MAAM,CAACI;EAApB,gBACE,6BAAC,eAAD;IAAQ,GAAG,EAAEjB,GAAb;IAAkB,IAAI,EAAE,EAAxB;IAA4B,cAAc,EAAEa,MAAM,CAACK;EAAnD,EADF,eAEE,6BAAC,aAAD;IAAM,EAAE,MAAR;IAAS,KAAK,EAAEV,KAAK,CAACW,YAAtB;IAAoC,aAAa,EAAE;EAAnD,GACGlB,QADH,CAFF,CADF,EAOGG,MAAM,iBAAI,6BAAC,iBAAD;IAAM,KAAK,EAAES,MAAM,CAACO;EAApB,GAAwChB,MAAxC,CAPb,eAQE,6BAAC,gBAAD;IAAS,KAAK,EAAE;EAAhB,EARF,eASE,6BAAC,iBAAD;IAAM,KAAK,EAAES,MAAM,CAACQ;EAApB,gBACE,6BAAC,aAAD;IAAM,KAAK,MAAX;IAAY,KAAK,EAAEb,KAAK,CAACc,aAAzB;IAAwC,KAAK,EAAET,MAAM,CAACU;EAAtD,GACGrB,SADH,CADF,eAIE,6BAAC,aAAD;IAAM,KAAK,MAAX;IAAY,aAAa,EAAE,CAA3B;IAA8B,KAAK,EAAEM,KAAK,CAACgB;EAA3C,GACGrB,IADH,CAJF,CATF,CADF;AAoBD,CAxBD;;AA0BA,MAAMU,MAAM,GAAG,IAAAY,yBAAA,EAAiB;EAC9BX,SAAS,EAAE;IACTY,UAAU,EAAE,EADH;IAETC,KAAK,EAAE;EAFE,CADmB;EAK9BV,gBAAgB,EAAE;IAChBW,UAAU,EAAE,QADI;IAEhBC,iBAAiB,EAAE,EAFH;IAGhBC,YAAY,EAAE;EAHE,CALY;EAU9BZ,aAAa,EAAE;IACbY,YAAY,EAAE;EADD,CAVe;EAa9BT,oBAAoB,EAAE;IACpBU,OAAO,EAAE;EADW,CAbQ;EAgB9BR,oBAAoB,EAAE;IACpBO,YAAY,EAAE;EADM,CAhBQ;EAmB9BV,iBAAiB,EAAE;IACjBY,gBAAgB,EAAE,EADD;IAEjBF,YAAY,EAAE;EAFG;AAnBW,CAAjB,CAAf;eAyBe/B,W"}
+{"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":";;;;;;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/Prompt/index.js

@@ -4,35 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _Modal = _interopRequireDefault(require("../../components/Modal"));
-
 var _Text = _interopRequireDefault(require("../../components/Text"));
-
 var _TextInput = _interopRequireDefault(require("../../components/TextInput"));
-
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
-
 var _useHeaderStyle = _interopRequireDefault(require("../../styles/useHeaderStyle"));
-
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 var _DialogBox = _interopRequireDefault(require("../Dialog/DialogBox"));
-
 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 Prompt = _ref => {
   let {
     onDismiss,
@@ -65,18 +50,18 @@ const Prompt = _ref => {
     text: submitLabel,
     onPress: () => onSubmit(text)
   }];
-  const [text, setText] = (0, _react.useState)(defaultValue); // FIXME: autoFocus trick with modal
+  const [text, setText] = (0, _react.useState)(defaultValue);
+
+  // FIXME: autoFocus trick with modal
   // Android
   // - InputProps.autoFocus is not trigger keyboard appearing.
   // - InputRef.focus() is trigger keyboard appearing, but position of keyboard selection is always the start of text.
   // iOS
   // - InputProps.autoFocus is trigger weird UI behavior on landscape mode.
-
   (0, _react.useEffect)(() => {
     if (autoFocus && visible) {
       setTimeout(() => {
         var _inputRef$current, _inputRef$current2;
-
         if (_reactNative.Platform.OS === 'android') (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.blur();
         (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
       }, 250);
@@ -134,7 +119,6 @@ const Prompt = _ref => {
       contentColor: colors.ui.dialog.default.none.highlight,
       onPress: () => {
         _reactNative.Keyboard.dismiss();
-
         try {
           onPress === null || onPress === void 0 ? void 0 : onPress();
         } finally {
@@ -144,7 +128,6 @@ const Prompt = _ref => {
     }, text);
   }))));
 };
-
 const styles = (0, _createStyleSheet.default)({
   container: {
     paddingTop: 8

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

@@ -1 +1 @@
-{"version":3,"names":["Prompt","onDismiss","visible","onHide","autoFocus","title","defaultValue","placeholder","onSubmit","NOOP","onCancel","submitLabel","cancelLabel","statusBarTranslucent","useHeaderStyle","colors","useUIKitTheme","inputRef","useRef","width","height","useWindowDimensions","buttons","text","onPress","setText","useState","useEffect","setTimeout","Platform","OS","current","blur","focus","alignItems","justifyContent","styles","container","Boolean","titleContainer","ui","dialog","default","none","flex","inputContainer","paddingHorizontal","paddingVertical","buttonContainer","map","index","button","highlight","Keyboard","dismiss","createStyleSheet","paddingTop","marginBottom","flexDirection","padding","marginLeft"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Keyboard, Platform, TextInput as RNTextInput, View, useWindowDimensions } from 'react-native';\n\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport Modal from '../../components/Modal';\nimport Text from '../../components/Text';\nimport TextInput from '../../components/TextInput';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Button from '../Button';\nimport DialogBox from '../Dialog/DialogBox';\n\nexport type PromptItem = {\n  title: string;\n  placeholder?: string;\n  defaultValue?: string;\n  onSubmit?: (text: string) => void;\n  submitLabel?: string;\n  onCancel?: () => void;\n  cancelLabel?: string;\n};\n\ntype Props = {\n  visible: boolean;\n  onHide: () => void;\n  onDismiss?: () => void;\n  autoFocus?: boolean;\n} & PromptItem;\nconst Prompt = ({\n  onDismiss,\n  visible,\n  onHide,\n  autoFocus = true,\n  title,\n  defaultValue = '',\n  placeholder = 'Enter',\n  onSubmit = NOOP,\n  onCancel = NOOP,\n  submitLabel = 'Submit',\n  cancelLabel = 'Cancel',\n}: Props) => {\n  const { statusBarTranslucent } = useHeaderStyle();\n  const { colors } = useUIKitTheme();\n  const inputRef = useRef<RNTextInput>(null);\n  const { width, height } = useWindowDimensions();\n\n  const buttons = [\n    { text: cancelLabel, onPress: onCancel },\n    { text: submitLabel, onPress: () => onSubmit(text) },\n  ];\n\n  const [text, setText] = useState(defaultValue);\n\n  // FIXME: autoFocus trick with modal\n  // Android\n  // - InputProps.autoFocus is not trigger keyboard appearing.\n  // - InputRef.focus() is trigger keyboard appearing, but position of keyboard selection is always the start of text.\n  // iOS\n  // - InputProps.autoFocus is trigger weird UI behavior on landscape mode.\n  useEffect(() => {\n    if (autoFocus && visible) {\n      setTimeout(() => {\n        if (Platform.OS === 'android') inputRef.current?.blur();\n        inputRef.current?.focus();\n      }, 250);\n    }\n  }, [autoFocus, visible, `${width}-${height}`]);\n\n  return (\n    <Modal\n      enableKeyboardAvoid\n      disableBackgroundClose\n      onClose={onHide}\n      onDismiss={() => {\n        setText('');\n        onDismiss?.();\n      }}\n      statusBarTranslucent={statusBarTranslucent}\n      visible={visible}\n      backgroundStyle={{ alignItems: 'center', justifyContent: 'center' }}\n    >\n      <DialogBox style={styles.container}>\n        {Boolean(title) && (\n          <View style={styles.titleContainer}>\n            <Text h1 color={colors.ui.dialog.default.none.text} numberOfLines={1} style={{ flex: 1 }}>\n              {title}\n            </Text>\n          </View>\n        )}\n\n        <View style={styles.inputContainer}>\n          <TextInput\n            autoFocus={autoFocus && Platform.OS === 'android'}\n            ref={inputRef}\n            placeholder={placeholder}\n            variant={'underline'}\n            value={text}\n            onChangeText={setText}\n            style={{ paddingHorizontal: 0, paddingVertical: 10 }}\n          />\n        </View>\n\n        <View style={styles.buttonContainer}>\n          {buttons.map(({ text, onPress }, index) => {\n            return (\n              <Button\n                key={text + index}\n                variant={'text'}\n                style={styles.button}\n                contentColor={colors.ui.dialog.default.none.highlight}\n                onPress={() => {\n                  Keyboard.dismiss();\n                  try {\n                    onPress?.();\n                  } finally {\n                    onHide();\n                  }\n                }}\n              >\n                {text}\n              </Button>\n            );\n          })}\n        </View>\n      </DialogBox>\n    </Modal>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingTop: 8,\n  },\n  titleContainer: {\n    marginBottom: 12,\n    paddingVertical: 12,\n    paddingHorizontal: 24,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  inputContainer: {\n    paddingHorizontal: 24,\n    marginBottom: 12,\n  },\n  buttonContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n    padding: 12,\n  },\n  button: {\n    marginLeft: 8,\n  },\n});\n\nexport default Prompt;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitUtils","_Modal","_interopRequireDefault","_Text","_TextInput","_createStyleSheet","_useHeaderStyle","_useUIKitTheme","_Button","_DialogBox","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Prompt","_ref","onDismiss","visible","onHide","autoFocus","title","defaultValue","placeholder","onSubmit","NOOP","onCancel","submitLabel","cancelLabel","statusBarTranslucent","useHeaderStyle","colors","useUIKitTheme","inputRef","useRef","width","height","useWindowDimensions","buttons","text","onPress","setText","useState","useEffect","setTimeout","_inputRef$current","_inputRef$current2","Platform","OS","current","blur","focus","createElement","enableKeyboardAvoid","disableBackgroundClose","onClose","backgroundStyle","alignItems","justifyContent","style","styles","container","Boolean","View","titleContainer","h1","color","ui","dialog","none","numberOfLines","flex","inputContainer","ref","variant","value","onChangeText","paddingHorizontal","paddingVertical","buttonContainer","map","_ref2","index","button","contentColor","highlight","Keyboard","dismiss","createStyleSheet","paddingTop","marginBottom","flexDirection","padding","marginLeft","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Keyboard, Platform, TextInput as RNTextInput, View, useWindowDimensions } from 'react-native';\n\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport Modal from '../../components/Modal';\nimport Text from '../../components/Text';\nimport TextInput from '../../components/TextInput';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Button from '../Button';\nimport DialogBox from '../Dialog/DialogBox';\n\nexport type PromptItem = {\n  title: string;\n  placeholder?: string;\n  defaultValue?: string;\n  onSubmit?: (text: string) => void;\n  submitLabel?: string;\n  onCancel?: () => void;\n  cancelLabel?: string;\n};\n\ntype Props = {\n  visible: boolean;\n  onHide: () => void;\n  onDismiss?: () => void;\n  autoFocus?: boolean;\n} & PromptItem;\nconst Prompt = ({\n  onDismiss,\n  visible,\n  onHide,\n  autoFocus = true,\n  title,\n  defaultValue = '',\n  placeholder = 'Enter',\n  onSubmit = NOOP,\n  onCancel = NOOP,\n  submitLabel = 'Submit',\n  cancelLabel = 'Cancel',\n}: Props) => {\n  const { statusBarTranslucent } = useHeaderStyle();\n  const { colors } = useUIKitTheme();\n  const inputRef = useRef<RNTextInput>(null);\n  const { width, height } = useWindowDimensions();\n\n  const buttons = [\n    { text: cancelLabel, onPress: onCancel },\n    { text: submitLabel, onPress: () => onSubmit(text) },\n  ];\n\n  const [text, setText] = useState(defaultValue);\n\n  // FIXME: autoFocus trick with modal\n  // Android\n  // - InputProps.autoFocus is not trigger keyboard appearing.\n  // - InputRef.focus() is trigger keyboard appearing, but position of keyboard selection is always the start of text.\n  // iOS\n  // - InputProps.autoFocus is trigger weird UI behavior on landscape mode.\n  useEffect(() => {\n    if (autoFocus && visible) {\n      setTimeout(() => {\n        if (Platform.OS === 'android') inputRef.current?.blur();\n        inputRef.current?.focus();\n      }, 250);\n    }\n  }, [autoFocus, visible, `${width}-${height}`]);\n\n  return (\n    <Modal\n      enableKeyboardAvoid\n      disableBackgroundClose\n      onClose={onHide}\n      onDismiss={() => {\n        setText('');\n        onDismiss?.();\n      }}\n      statusBarTranslucent={statusBarTranslucent}\n      visible={visible}\n      backgroundStyle={{ alignItems: 'center', justifyContent: 'center' }}\n    >\n      <DialogBox style={styles.container}>\n        {Boolean(title) && (\n          <View style={styles.titleContainer}>\n            <Text h1 color={colors.ui.dialog.default.none.text} numberOfLines={1} style={{ flex: 1 }}>\n              {title}\n            </Text>\n          </View>\n        )}\n\n        <View style={styles.inputContainer}>\n          <TextInput\n            autoFocus={autoFocus && Platform.OS === 'android'}\n            ref={inputRef}\n            placeholder={placeholder}\n            variant={'underline'}\n            value={text}\n            onChangeText={setText}\n            style={{ paddingHorizontal: 0, paddingVertical: 10 }}\n          />\n        </View>\n\n        <View style={styles.buttonContainer}>\n          {buttons.map(({ text, onPress }, index) => {\n            return (\n              <Button\n                key={text + index}\n                variant={'text'}\n                style={styles.button}\n                contentColor={colors.ui.dialog.default.none.highlight}\n                onPress={() => {\n                  Keyboard.dismiss();\n                  try {\n                    onPress?.();\n                  } finally {\n                    onHide();\n                  }\n                }}\n              >\n                {text}\n              </Button>\n            );\n          })}\n        </View>\n      </DialogBox>\n    </Modal>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingTop: 8,\n  },\n  titleContainer: {\n    marginBottom: 12,\n    paddingVertical: 12,\n    paddingHorizontal: 24,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  inputContainer: {\n    paddingHorizontal: 24,\n    marginBottom: 12,\n  },\n  buttonContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n    padding: 12,\n  },\n  button: {\n    marginLeft: 8,\n  },\n});\n\nexport default Prompt;\n"],"mappings":"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"}

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

@@ -4,32 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useToast = exports.default = exports.ToastProvider = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-
 var _Icon = _interopRequireDefault(require("../../components/Icon"));
-
 var _Text = _interopRequireDefault(require("../../components/Text"));
-
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
-
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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 ToastContext = /*#__PURE__*/(0, _react.createContext)(null);
-
 const useOpacity = () => {
   const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
-
   const transition = value => {
     _reactNative.Animated.timing(opacity, {
       toValue: value,
@@ -37,14 +24,12 @@ const useOpacity = () => {
       useNativeDriver: true
     }).start();
   };
-
   return {
     opacity,
     show: () => transition(1),
     hide: () => transition(0)
   };
 };
-
 const Toast = _ref => {
   let {
     visible,
@@ -70,14 +55,12 @@ const Toast = _ref => {
         light: palette.error200
       });
     }
-
     if (type === 'success') {
       return select({
         dark: palette.secondary300,
         light: palette.secondary200
       });
     }
-
     return 'transparent';
   }, [type, select]);
   const backgroundColor = (0, _react.useMemo)(() => {
@@ -108,9 +91,7 @@ const Toast = _ref => {
     style: styles.text
   }, children));
 };
-
 const VISIBLE_MS = 3000;
-
 const ToastProvider = _ref2 => {
   let {
     children,
@@ -127,7 +108,8 @@ const ToastProvider = _ref2 => {
   (0, _react.useEffect)(() => {
     if (!state.visible) return;
     const hideTimeout = setTimeout(() => {
-      setState(prev => ({ ...prev,
+      setState(prev => ({
+        ...prev,
         visible: false
       }));
     }, dismissTimeout);
@@ -154,15 +136,12 @@ const ToastProvider = _ref2 => {
     bottom: bottom + styles.toastPosition.bottom
   }, state.text)));
 };
-
 exports.ToastProvider = ToastProvider;
-
 const useToast = () => {
   const context = (0, _react.useContext)(ToastContext);
   if (!context) throw new Error('ToastContext is not provided, wrap your app with ToastProvider');
   return context;
 };
-
 exports.useToast = useToast;
 const styles = (0, _createStyleSheet.default)({
   toast: {