@sendbird/uikit-react-native-foundation 2.3.0 → 2.4.1

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

@@ -0,0 +1 @@
+{"version":3,"names":["OpenGraphUserMessage","props","colors","useUIKitTheme","onPress","onLongPress","onPressURL","rest","color","ui","openChannelMessage","default","pressed","enabled","textMsg","regex","urlRegexRough","replacer","match","parentProps","keyPrefix","index","primary","style","message","Boolean","updatedAt","textMsgPostfix","strings","edited","ogMetaData","styles","ogContainer","bubbleBackground","onBackground02","ogUrl","url","ogTitle","title","description","onBackground01","defaultImage","ogImage","uri","createStyleSheet","maxWidth","marginBottom","width","height","marginTop"],"sources":["Message.user.og.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdUserMessage } from '@sendbird/uikit-utils';\nimport { urlRegexRough } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport ImageWithPlaceholder from '../../components/ImageWithPlaceholder';\nimport PressBox from '../../components/PressBox';\nimport RegexText from '../../components/RegexText';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageContainer from './MessageContainer';\nimport type { OpenChannelMessageProps } from './index';\n\ntype Props = {};\nconst OpenGraphUserMessage = (props: OpenChannelMessageProps<SendbirdUserMessage, Props>) => {\n  const { colors } = useUIKitTheme();\n  const { onPress, onLongPress, onPressURL, ...rest } = props;\n  const color = colors.ui.openChannelMessage.default;\n\n  return (\n    <Box>\n      <PressBox onPress={onPress} onLongPress={onLongPress}>\n        {({ pressed }) => (\n          <MessageContainer pressed={pressed} {...rest}>\n            <Text body3 color={color.enabled.textMsg}>\n              <RegexText\n                body3\n                color={color.enabled.textMsg}\n                patterns={[\n                  {\n                    regex: urlRegexRough,\n                    replacer({ match, parentProps, keyPrefix, index }) {\n                      return (\n                        <Text\n                          {...parentProps}\n                          key={`${keyPrefix}-${index}`}\n                          onPress={onPressURL}\n                          onLongPress={onLongPress}\n                          color={colors.primary}\n                          style={parentProps?.style}\n                        >\n                          {match}\n                        </Text>\n                      );\n                    },\n                  },\n                ]}\n              >\n                {props.message.message}\n              </RegexText>\n              {Boolean(props.message.updatedAt) && (\n                <Text body3 color={color.enabled.textMsgPostfix}>\n                  {props.strings?.edited ?? ' (edited)'}\n                </Text>\n              )}\n            </Text>\n          </MessageContainer>\n        )}\n      </PressBox>\n      {props.message.ogMetaData && (\n        <MessageContainer {...rest} grouped>\n          <PressBox style={styles.ogContainer} onPress={onPressURL} onLongPress={onLongPress}>\n            {({ pressed }) =>\n              props.message.ogMetaData && (\n                <Box\n                  padding={8}\n                  borderRadius={8}\n                  style={styles.ogContainer}\n                  backgroundColor={pressed ? color.pressed.bubbleBackground : color.enabled.bubbleBackground}\n                >\n                  <Text numberOfLines={1} caption2 color={colors.onBackground02} style={styles.ogUrl}>\n                    {props.message.ogMetaData.url}\n                  </Text>\n\n                  <Text numberOfLines={2} body2 color={colors.primary} style={styles.ogTitle}>\n                    {props.message.ogMetaData.title}\n                  </Text>\n\n                  {Boolean(props.message.ogMetaData.description) && (\n                    <Text numberOfLines={2} caption2 color={colors.onBackground01}>\n                      {props.message.ogMetaData.description}\n                    </Text>\n                  )}\n\n                  {Boolean(props.message.ogMetaData.defaultImage) && (\n                    <ImageWithPlaceholder\n                      style={styles.ogImage}\n                      source={{ uri: props.message.ogMetaData.defaultImage.url }}\n                    />\n                  )}\n                </Box>\n              )\n            }\n          </PressBox>\n        </MessageContainer>\n      )}\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  ogContainer: {\n    maxWidth: 296,\n  },\n  ogUrl: {\n    marginBottom: 4,\n  },\n  ogTitle: {\n    marginBottom: 8,\n  },\n  ogImage: {\n    width: '100%',\n    height: 156,\n    marginTop: 12,\n  },\n});\n\nexport default OpenGraphUserMessage;\n"],"mappings":"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"}

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

@@ -0,0 +1,136 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _message = require("@sendbird/chat/message");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+var _Box = _interopRequireDefault(require("../../components/Box"));
+
+var _Icon = _interopRequireDefault(require("../../components/Icon"));
+
+var _PressBox = _interopRequireDefault(require("../../components/PressBox"));
+
+var _Text = _interopRequireDefault(require("../../components/Text"));
+
+var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
+
+var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
+
+var _Avatar = _interopRequireDefault(require("../Avatar"));
+
+var _LoadingSpinner = _interopRequireDefault(require("../LoadingSpinner"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const MessageContainer = _ref => {
+  var _props$strings, _props$strings2;
+
+  let {
+    children,
+    channel,
+    grouped,
+    pressed,
+    ...props
+  } = _ref;
+  const {
+    colors
+  } = (0, _useUIKitTheme.default)();
+  const color = colors.ui.openChannelMessage.default;
+
+  const renderSendingStatus = () => {
+    if (!('sendingStatus' in props.message)) return null;
+
+    switch (props.message.sendingStatus) {
+      case _message.SendingStatus.PENDING:
+        {
+          return /*#__PURE__*/_react.default.createElement(SendingStatusContainer, null, /*#__PURE__*/_react.default.createElement(_LoadingSpinner.default, {
+            color: colors.primary,
+            size: 16
+          }));
+        }
+
+      case _message.SendingStatus.FAILED:
+        {
+          return /*#__PURE__*/_react.default.createElement(SendingStatusContainer, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+            icon: 'error',
+            color: colors.error,
+            size: 16
+          }));
+        }
+
+      default:
+        {
+          return null;
+        }
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_Box.default, {
+    flexDirection: 'row',
+    paddingVertical: grouped ? 5 : 6,
+    paddingLeft: 12,
+    paddingRight: 12,
+    backgroundColor: pressed ? color.pressed.background : color.enabled.background
+  }, /*#__PURE__*/_react.default.createElement(_Box.default, {
+    marginRight: 12
+  }, !grouped && 'sender' in props.message ? /*#__PURE__*/_react.default.createElement(_PressBox.default, {
+    onPress: props.onPressAvatar
+  }, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
+    size: styles.avatar.width,
+    uri: props.message.sender.profileUrl
+  })) : /*#__PURE__*/_react.default.createElement(_Box.default, {
+    style: styles.avatar
+  })), /*#__PURE__*/_react.default.createElement(_Box.default, {
+    flexShrink: 1,
+    flex: 1,
+    flexDirection: 'column',
+    alignItems: 'flex-start'
+  }, !grouped && 'sender' in props.message && /*#__PURE__*/_react.default.createElement(_Box.default, {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 2
+  }, /*#__PURE__*/_react.default.createElement(_Box.default, {
+    marginRight: 4,
+    flexShrink: 1
+  }, /*#__PURE__*/_react.default.createElement(_Text.default, {
+    caption1: true,
+    ellipsizeMode: 'middle',
+    numberOfLines: 1,
+    color: channel.isOperator(props.message.sender.userId) ? color.enabled.textOperator : color.enabled.textSenderName
+  }, ((_props$strings = props.strings) === null || _props$strings === void 0 ? void 0 : _props$strings.senderName) ?? props.message.sender.nickname)), /*#__PURE__*/_react.default.createElement(_Box.default, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
+    caption4: true,
+    color: color.enabled.textTime
+  }, ((_props$strings2 = props.strings) === null || _props$strings2 === void 0 ? void 0 : _props$strings2.sentDate) ?? (0, _uikitUtils.getMessageTimeFormat)(new Date(props.message.createdAt))))), /*#__PURE__*/_react.default.createElement(_Box.default, {
+    style: styles.message
+  }, children), renderSendingStatus()));
+};
+
+const SendingStatusContainer = _ref2 => {
+  let {
+    children
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement(_Box.default, {
+    flexDirection: 'row'
+  }, /*#__PURE__*/_react.default.createElement(_Box.default, {
+    marginTop: 2
+  }, children));
+};
+
+const styles = (0, _createStyleSheet.default)({
+  avatar: {
+    width: 28
+  },
+  message: {
+    width: '100%'
+  }
+});
+var _default = MessageContainer;
+exports.default = _default;
+//# sourceMappingURL=MessageContainer.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,35 @@
+"use strict";
+
+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,
+  File: _Message2.default,
+  ImageFile: _MessageFile.default,
+  VideoFile: _MessageFile2.default,
+  Admin: _Message.default,
+  Unknown: _Message3.default
+};
+var _default = OpenChannelMessage;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,134 @@
+"use strict";
+
+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,
+    coverUrl,
+    participantsCount = 0,
+    title,
+    frozen
+  } = _ref;
+  const {
+    colors
+  } = (0, _useUIKitTheme.default)();
+  const color = colors.ui.openChannelPreview.default.none;
+  return /*#__PURE__*/_react.default.createElement(_Box.default, {
+    backgroundColor: color.background,
+    width: '100%',
+    height: 62,
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 16
+  }, /*#__PURE__*/_react.default.createElement(_Box.default, {
+    width: styles.channelCover.width,
+    height: styles.channelCover.height,
+    borderRadius: styles.channelCover.width,
+    overflow: 'hidden',
+    marginRight: 16
+  }, (0, _uikitUtils.conditionChaining)([Boolean(customCover)], [customCover, /*#__PURE__*/_react.default.createElement(_Image.default, {
+    resizeMode: 'cover',
+    style: [styles.channelCover, {
+      backgroundColor: color.coverBackground
+    }],
+    source: {
+      uri: coverUrl
+    }
+  })])), /*#__PURE__*/_react.default.createElement(_Box.default, {
+    flex: 1,
+    height: '100%',
+    justifyContent: 'center'
+  }, /*#__PURE__*/_react.default.createElement(_Box.default, {
+    flexDirection: 'row',
+    flexShrink: 1,
+    marginBottom: 4,
+    alignItems: 'center'
+  }, /*#__PURE__*/_react.default.createElement(_Text.default, {
+    subtitle1: true,
+    style: styles.channelInfoTitle,
+    numberOfLines: 1,
+    color: color.textTitle
+  }, title), frozen && /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    size: 16,
+    icon: 'freeze',
+    color: color.frozenIcon,
+    containerStyle: styles.marginLeft
+  })), /*#__PURE__*/_react.default.createElement(_Box.default, {
+    flexDirection: 'row',
+    flexShrink: 1,
+    alignItems: 'center',
+    justifyContent: 'flex-start'
+  }, /*#__PURE__*/_react.default.createElement(_Box.default, {
+    flexDirection: 'row',
+    alignItems: 'center'
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    size: 16,
+    icon: 'members',
+    color: color.participantsIcon,
+    containerStyle: styles.marginRight
+  }), /*#__PURE__*/_react.default.createElement(_Text.default, {
+    caption2: true,
+    color: color.textParticipants
+  }, (0, _uikitUtils.truncatedCount)(participantsCount, 999)))), /*#__PURE__*/_react.default.createElement(Separator, {
+    color: color.separator
+  })));
+};
+
+const Separator = _ref2 => {
+  let {
+    color
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement(_Box.default, {
+    style: [styles.separator, {
+      backgroundColor: color
+    }]
+  });
+};
+
+const styles = (0, _createStyleSheet.default)({
+  channelCover: {
+    width: 32,
+    height: 32
+  },
+  channelInfoTitle: {
+    flexShrink: 1
+  },
+  marginRight: {
+    marginRight: 4
+  },
+  marginLeft: {
+    marginLeft: 4
+  },
+  separator: {
+    position: 'absolute',
+    left: 0,
+    right: -16,
+    bottom: 0,
+    height: 1
+  }
+});
+var _default = OpenChannelPreview;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,33 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { View } from 'react-native';
+import { isFunction } from '@sendbird/uikit-utils';
+import useUIKitTheme from '../../theme/useUIKitTheme';
+
+const Box = _ref => {
+  let {
+    style,
+    children,
+    ...props
+  } = _ref;
+  const boxStyle = useBoxStyle(props);
+  return /*#__PURE__*/React.createElement(View, _extends({
+    style: [boxStyle, style]
+  }, props), children);
+};
+
+const useBoxStyle = props => {
+  const theme = useUIKitTheme();
+  const {
+    backgroundColor,
+    ...rest
+  } = props;
+  return {
+    backgroundColor: isFunction(backgroundColor) ? backgroundColor(theme) : backgroundColor,
+    ...rest
+  };
+};
+
+export default Box;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","isFunction","useUIKitTheme","Box","style","children","props","boxStyle","useBoxStyle","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,KAAP,MAAkB,OAAlB;AACA,SAAoBC,IAApB,QAAsD,cAAtD;AAEA,SAASC,UAAT,QAA2B,uBAA3B;AAEA,OAAOC,aAAP,MAA0B,2BAA1B;;AAsCA,MAAMC,GAAG,GAAG,QAA6C;EAAA,IAA5C;IAAEC,KAAF;IAASC,QAAT;IAAmB,GAAGC;EAAtB,CAA4C;EACvD,MAAMC,QAAQ,GAAGC,WAAW,CAACF,KAAD,CAA5B;EAEA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACC,QAAD,EAAWH,KAAX;EAAb,GAAoCE,KAApC,GACGD,QADH,CADF;AAKD,CARD;;AAUA,MAAMG,WAAW,GAAIF,KAAD,IAA+C;EACjE,MAAMG,KAAK,GAAGP,aAAa,EAA3B;EAEA,MAAM;IAAEQ,eAAF;IAAmB,GAAGC;EAAtB,IAA+BL,KAArC;EAEA,OAAO;IACLI,eAAe,EAAET,UAAU,CAACS,eAAD,CAAV,GAA8BA,eAAe,CAACD,KAAD,CAA7C,GAAuDC,eADnE;IAEL,GAAGC;EAFE,CAAP;AAID,CATD;;AAWA,eAAeR,GAAf"}

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

@@ -0,0 +1,71 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { Platform, StyleSheet } from 'react-native';
+import { useForceUpdate } from '@sendbird/uikit-utils';
+import createStyleSheet from '../../styles/createStyleSheet';
+import useUIKitTheme from '../../theme/useUIKitTheme';
+import Box from '../Box';
+import Icon from '../Icon';
+import Image from '../Image';
+
+const useRetry = function (hasError) {
+  let retryCount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5;
+  if (Platform.OS === 'android') return '';
+  const forceUpdate = useForceUpdate();
+  const retryCountRef = useRef(1);
+  const retryTimeoutRef = useRef();
+  useEffect(() => {
+    if (hasError) {
+      const reloadReservation = () => {
+        if (retryCountRef.current < retryCount) {
+          retryTimeoutRef.current = setTimeout(() => {
+            retryCountRef.current++;
+            reloadReservation();
+            forceUpdate();
+          }, retryCountRef.current * 5000);
+        }
+      };
+
+      return reloadReservation();
+    } else {
+      return clearTimeout(retryTimeoutRef.current);
+    }
+  }, [hasError]);
+  return retryCountRef.current;
+};
+
+const ImageWithPlaceholder = props => {
+  const {
+    colors
+  } = useUIKitTheme();
+  const [imageNotFound, setImageNotFound] = useState(false);
+  const key = useRetry(imageNotFound);
+  return /*#__PURE__*/React.createElement(Box, {
+    style: [{
+      overflow: 'hidden',
+      width: props.width,
+      height: props.height
+    }, props.style],
+    backgroundColor: colors.onBackground04
+  }, /*#__PURE__*/React.createElement(Image, {
+    key: key,
+    source: props.source,
+    style: [StyleSheet.absoluteFill, imageNotFound && styles.hide],
+    resizeMode: 'cover',
+    resizeMethod: 'resize',
+    onError: () => setImageNotFound(true),
+    onLoad: () => setImageNotFound(false)
+  }), imageNotFound && /*#__PURE__*/React.createElement(Icon, {
+    containerStyle: StyleSheet.absoluteFill,
+    icon: 'thumbnail-none',
+    size: 48,
+    color: colors.onBackground02
+  }));
+};
+
+const styles = createStyleSheet({
+  hide: {
+    display: 'none'
+  }
+});
+export default ImageWithPlaceholder;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","useState","Platform","StyleSheet","useForceUpdate","createStyleSheet","useUIKitTheme","Box","Icon","Image","useRetry","hasError","retryCount","OS","forceUpdate","retryCountRef","retryTimeoutRef","reloadReservation","current","setTimeout","clearTimeout","ImageWithPlaceholder","props","colors","imageNotFound","setImageNotFound","key","overflow","width","height","style","onBackground04","source","absoluteFill","styles","hide","onBackground02","display"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Platform, StyleProp, StyleSheet, ViewStyle } from 'react-native';\n\nimport { useForceUpdate } from '@sendbird/uikit-utils';\n\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Box from '../Box';\nimport Icon from '../Icon';\nimport Image from '../Image';\n\nconst useRetry = (hasError: boolean, retryCount = 5) => {\n  if (Platform.OS === 'android') return '';\n\n  const forceUpdate = useForceUpdate();\n  const retryCountRef = useRef(1);\n  const retryTimeoutRef = useRef<NodeJS.Timeout>();\n\n  useEffect(() => {\n    if (hasError) {\n      const reloadReservation = () => {\n        if (retryCountRef.current < retryCount) {\n          retryTimeoutRef.current = setTimeout(() => {\n            retryCountRef.current++;\n            reloadReservation();\n            forceUpdate();\n          }, retryCountRef.current * 5000);\n        }\n      };\n\n      return reloadReservation();\n    } else {\n      return clearTimeout(retryTimeoutRef.current);\n    }\n  }, [hasError]);\n\n  return retryCountRef.current;\n};\n\ntype Props = {\n  source: number | { uri: string };\n  width?: number | string;\n  height?: number | string;\n  style?: StyleProp<ViewStyle>;\n};\nconst ImageWithPlaceholder = (props: Props) => {\n  const { colors } = useUIKitTheme();\n  const [imageNotFound, setImageNotFound] = useState(false);\n\n  const key = useRetry(imageNotFound);\n  return (\n    <Box\n      style={[{ overflow: 'hidden', width: props.width, height: props.height }, props.style]}\n      backgroundColor={colors.onBackground04}\n    >\n      <Image\n        key={key}\n        source={props.source}\n        style={[StyleSheet.absoluteFill, imageNotFound && styles.hide]}\n        resizeMode={'cover'}\n        resizeMethod={'resize'}\n        onError={() => setImageNotFound(true)}\n        onLoad={() => setImageNotFound(false)}\n      />\n      {imageNotFound && (\n        <Icon\n          containerStyle={StyleSheet.absoluteFill}\n          icon={'thumbnail-none'}\n          size={48}\n          color={colors.onBackground02}\n        />\n      )}\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  hide: {\n    display: 'none',\n  },\n});\n\nexport default ImageWithPlaceholder;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,MAA3B,EAAmCC,QAAnC,QAAmD,OAAnD;AACA,SAASC,QAAT,EAA8BC,UAA9B,QAA2D,cAA3D;AAEA,SAASC,cAAT,QAA+B,uBAA/B;AAEA,OAAOC,gBAAP,MAA6B,+BAA7B;AACA,OAAOC,aAAP,MAA0B,2BAA1B;AACA,OAAOC,GAAP,MAAgB,QAAhB;AACA,OAAOC,IAAP,MAAiB,SAAjB;AACA,OAAOC,KAAP,MAAkB,UAAlB;;AAEA,MAAMC,QAAQ,GAAG,UAACC,QAAD,EAAuC;EAAA,IAAnBC,UAAmB,uEAAN,CAAM;EACtD,IAAIV,QAAQ,CAACW,EAAT,KAAgB,SAApB,EAA+B,OAAO,EAAP;EAE/B,MAAMC,WAAW,GAAGV,cAAc,EAAlC;EACA,MAAMW,aAAa,GAAGf,MAAM,CAAC,CAAD,CAA5B;EACA,MAAMgB,eAAe,GAAGhB,MAAM,EAA9B;EAEAD,SAAS,CAAC,MAAM;IACd,IAAIY,QAAJ,EAAc;MACZ,MAAMM,iBAAiB,GAAG,MAAM;QAC9B,IAAIF,aAAa,CAACG,OAAd,GAAwBN,UAA5B,EAAwC;UACtCI,eAAe,CAACE,OAAhB,GAA0BC,UAAU,CAAC,MAAM;YACzCJ,aAAa,CAACG,OAAd;YACAD,iBAAiB;YACjBH,WAAW;UACZ,CAJmC,EAIjCC,aAAa,CAACG,OAAd,GAAwB,IAJS,CAApC;QAKD;MACF,CARD;;MAUA,OAAOD,iBAAiB,EAAxB;IACD,CAZD,MAYO;MACL,OAAOG,YAAY,CAACJ,eAAe,CAACE,OAAjB,CAAnB;IACD;EACF,CAhBQ,EAgBN,CAACP,QAAD,CAhBM,CAAT;EAkBA,OAAOI,aAAa,CAACG,OAArB;AACD,CA1BD;;AAkCA,MAAMG,oBAAoB,GAAIC,KAAD,IAAkB;EAC7C,MAAM;IAAEC;EAAF,IAAajB,aAAa,EAAhC;EACA,MAAM,CAACkB,aAAD,EAAgBC,gBAAhB,IAAoCxB,QAAQ,CAAC,KAAD,CAAlD;EAEA,MAAMyB,GAAG,GAAGhB,QAAQ,CAACc,aAAD,CAApB;EACA,oBACE,oBAAC,GAAD;IACE,KAAK,EAAE,CAAC;MAAEG,QAAQ,EAAE,QAAZ;MAAsBC,KAAK,EAAEN,KAAK,CAACM,KAAnC;MAA0CC,MAAM,EAAEP,KAAK,CAACO;IAAxD,CAAD,EAAmEP,KAAK,CAACQ,KAAzE,CADT;IAEE,eAAe,EAAEP,MAAM,CAACQ;EAF1B,gBAIE,oBAAC,KAAD;IACE,GAAG,EAAEL,GADP;IAEE,MAAM,EAAEJ,KAAK,CAACU,MAFhB;IAGE,KAAK,EAAE,CAAC7B,UAAU,CAAC8B,YAAZ,EAA0BT,aAAa,IAAIU,MAAM,CAACC,IAAlD,CAHT;IAIE,UAAU,EAAE,OAJd;IAKE,YAAY,EAAE,QALhB;IAME,OAAO,EAAE,MAAMV,gBAAgB,CAAC,IAAD,CANjC;IAOE,MAAM,EAAE,MAAMA,gBAAgB,CAAC,KAAD;EAPhC,EAJF,EAaGD,aAAa,iBACZ,oBAAC,IAAD;IACE,cAAc,EAAErB,UAAU,CAAC8B,YAD7B;IAEE,IAAI,EAAE,gBAFR;IAGE,IAAI,EAAE,EAHR;IAIE,KAAK,EAAEV,MAAM,CAACa;EAJhB,EAdJ,CADF;AAwBD,CA7BD;;AA+BA,MAAMF,MAAM,GAAG7B,gBAAgB,CAAC;EAC9B8B,IAAI,EAAE;IACJE,OAAO,EAAE;EADL;AADwB,CAAD,CAA/B;AAMA,eAAehB,oBAAf"}

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

@@ -0,0 +1,45 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from 'react';
+import { useState } from 'react';
+import { Pressable, TouchableOpacity } from 'react-native';
+import { isFunction } from '@sendbird/uikit-utils';
+export const DEFAULT_LONG_PRESS_DELAY = 350;
+
+const PressBox = props => {
+  if (props.activeOpacity && props.activeOpacity < 1) return /*#__PURE__*/React.createElement(PressBoxWithTouchableOpacity, props);
+  return /*#__PURE__*/React.createElement(PressBoxWithPressable, props);
+};
+
+const PressBoxWithPressable = _ref => {
+  let {
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
+    disabled: !props.onPress && !props.onLongPress,
+    delayLongPress: DEFAULT_LONG_PRESS_DELAY
+  }, props), state => isFunction(children) ? children(state) : children);
+};
+
+const PressBoxWithTouchableOpacity = _ref2 => {
+  let {
+    children,
+    style,
+    ...props
+  } = _ref2;
+  const [pressed, setPressed] = useState(false);
+  const state = {
+    pressed
+  };
+  return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
+    disabled: !props.onPress && !props.onLongPress,
+    delayLongPress: DEFAULT_LONG_PRESS_DELAY,
+    style: isFunction(style) ? style(state) : style,
+    onPressIn: () => setPressed(true),
+    onPressOut: () => setPressed(false)
+  }, props), isFunction(children) ? children(state) : children);
+};
+
+export default PressBox;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Pressable","TouchableOpacity","isFunction","DEFAULT_LONG_PRESS_DELAY","PressBox","props","activeOpacity","PressBoxWithPressable","children","onPress","onLongPress","state","PressBoxWithTouchableOpacity","style","pressed","setPressed"],"sources":["index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useState } from 'react';\nimport type { GestureResponderEvent, StyleProp, ViewStyle } from 'react-native';\nimport { Pressable, TouchableOpacity } from 'react-native';\n\nimport { isFunction } from '@sendbird/uikit-utils';\n\ntype PressBoxStateParams = {\n  pressed: boolean;\n};\n\ntype Props = {\n  onPress?: (event: GestureResponderEvent) => void;\n  onLongPress?: (event: GestureResponderEvent) => void;\n  delayLongPress?: number;\n  activeOpacity?: number;\n  style?: StyleProp<ViewStyle> | ((state: PressBoxStateParams) => StyleProp<ViewStyle>);\n  children?: React.ReactNode | ((params: PressBoxStateParams) => React.ReactNode);\n};\n\nexport const DEFAULT_LONG_PRESS_DELAY = 350;\n\nconst PressBox = (props: Props) => {\n  if (props.activeOpacity && props.activeOpacity < 1) return <PressBoxWithTouchableOpacity {...props} />;\n  return <PressBoxWithPressable {...props} />;\n};\n\nconst PressBoxWithPressable = ({ children, ...props }: Props) => {\n  return (\n    <Pressable disabled={!props.onPress && !props.onLongPress} delayLongPress={DEFAULT_LONG_PRESS_DELAY} {...props}>\n      {(state) => (isFunction(children) ? children(state) : children)}\n    </Pressable>\n  );\n};\n\nconst PressBoxWithTouchableOpacity = ({ children, style, ...props }: Props) => {\n  const [pressed, setPressed] = useState(false);\n  const state: PressBoxStateParams = { pressed };\n  return (\n    <TouchableOpacity\n      disabled={!props.onPress && !props.onLongPress}\n      delayLongPress={DEFAULT_LONG_PRESS_DELAY}\n      style={isFunction(style) ? style(state) : style}\n      onPressIn={() => setPressed(true)}\n      onPressOut={() => setPressed(false)}\n      {...props}\n    >\n      {isFunction(children) ? children(state) : children}\n    </TouchableOpacity>\n  );\n};\n\nexport default PressBox;\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,QAAT,QAAyB,OAAzB;AAEA,SAASC,SAAT,EAAoBC,gBAApB,QAA4C,cAA5C;AAEA,SAASC,UAAT,QAA2B,uBAA3B;AAeA,OAAO,MAAMC,wBAAwB,GAAG,GAAjC;;AAEP,MAAMC,QAAQ,GAAIC,KAAD,IAAkB;EACjC,IAAIA,KAAK,CAACC,aAAN,IAAuBD,KAAK,CAACC,aAAN,GAAsB,CAAjD,EAAoD,oBAAO,oBAAC,4BAAD,EAAkCD,KAAlC,CAAP;EACpD,oBAAO,oBAAC,qBAAD,EAA2BA,KAA3B,CAAP;AACD,CAHD;;AAKA,MAAME,qBAAqB,GAAG,QAAmC;EAAA,IAAlC;IAAEC,QAAF;IAAY,GAAGH;EAAf,CAAkC;EAC/D,oBACE,oBAAC,SAAD;IAAW,QAAQ,EAAE,CAACA,KAAK,CAACI,OAAP,IAAkB,CAACJ,KAAK,CAACK,WAA9C;IAA2D,cAAc,EAAEP;EAA3E,GAAyGE,KAAzG,GACIM,KAAD,IAAYT,UAAU,CAACM,QAAD,CAAV,GAAuBA,QAAQ,CAACG,KAAD,CAA/B,GAAyCH,QADxD,CADF;AAKD,CAND;;AAQA,MAAMI,4BAA4B,GAAG,SAA0C;EAAA,IAAzC;IAAEJ,QAAF;IAAYK,KAAZ;IAAmB,GAAGR;EAAtB,CAAyC;EAC7E,MAAM,CAACS,OAAD,EAAUC,UAAV,IAAwBhB,QAAQ,CAAC,KAAD,CAAtC;EACA,MAAMY,KAA0B,GAAG;IAAEG;EAAF,CAAnC;EACA,oBACE,oBAAC,gBAAD;IACE,QAAQ,EAAE,CAACT,KAAK,CAACI,OAAP,IAAkB,CAACJ,KAAK,CAACK,WADrC;IAEE,cAAc,EAAEP,wBAFlB;IAGE,KAAK,EAAED,UAAU,CAACW,KAAD,CAAV,GAAoBA,KAAK,CAACF,KAAD,CAAzB,GAAmCE,KAH5C;IAIE,SAAS,EAAE,MAAME,UAAU,CAAC,IAAD,CAJ7B;IAKE,UAAU,EAAE,MAAMA,UAAU,CAAC,KAAD;EAL9B,GAMMV,KANN,GAQGH,UAAU,CAACM,QAAD,CAAV,GAAuBA,QAAQ,CAACG,KAAD,CAA/B,GAAyCH,QAR5C,CADF;AAYD,CAfD;;AAiBA,eAAeJ,QAAf"}

package/lib/module/index.js

@@ -2,10 +2,13 @@
 export { default as IconAssets } from './assets/icon';
 /** Component **/
 
+export { default as Box } from './components/Box';
 export { default as Divider } from './components/Divider';
 export { default as Icon } from './components/Icon';
 export { default as Image } from './components/Image';
+export { default as ImageWithPlaceholder } from './components/ImageWithPlaceholder';
 export { default as Modal } from './components/Modal';
+export { default as PressBox } from './components/PressBox';
 export { default as RegexText } from './components/RegexText';
 export { default as Switch } from './components/Switch';
 export { default as Text } from './components/Text';
@@ -24,7 +27,9 @@ export { DialogProvider, useActionMenu, useAlert, usePrompt, useBottomSheet } fr
 export { default as GroupChannelPreview } from './ui/GroupChannelPreview';
 export { default as Header } from './ui/Header';
 export { default as LoadingSpinner } from './ui/LoadingSpinner';
-export { default as MenuBar, MenuBarProps } from './ui/MenuBar';
+export { default as MenuBar } from './ui/MenuBar';
+export { default as OpenChannelMessage } from './ui/OpenChannelMessage';
+export { default as OpenChannelPreview } from './ui/OpenChannelPreview';
 export { default as OutlinedButton } from './ui/OutlinedButton';
 export { default as Placeholder } from './ui/Placeholder';
 export { default as ProfileCard } from './ui/ProfileCard';

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","IconAssets","Divider","Icon","Image","Modal","RegexText","Switch","Text","TextInput","URLParsedText","ActionMenu","Alert","Avatar","Badge","BottomSheet","Button","ChannelFrozenBanner","DialogProvider","useActionMenu","useAlert","usePrompt","useBottomSheet","GroupChannelPreview","Header","LoadingSpinner","MenuBar","MenuBarProps","OutlinedButton","Placeholder","ProfileCard","Prompt","Toast","useToast","ToastProvider","createSelectByColorScheme","createScaleFactor","createStyleSheet","createTypography","getDefaultHeaderHeight","HeaderStyleContext","HeaderStyleProvider","useHeaderStyle","createTheme","DarkUIKitTheme","LightUIKitTheme","Palette","UIKitThemeContext","UIKitThemeProvider","useUIKitTheme"],"sources":["index.ts"],"sourcesContent":["/** Assets **/\nexport { default as IconAssets } from './assets/icon';\n\n/** Component **/\nexport { default as Divider } from './components/Divider';\nexport { default as Icon } from './components/Icon';\nexport { default as Image } from './components/Image';\nexport { default as Modal } from './components/Modal';\nexport { default as RegexText } from './components/RegexText';\nexport { default as Switch } from './components/Switch';\nexport { default as Text } from './components/Text';\nexport { default as TextInput } from './components/TextInput';\nexport { default as URLParsedText } from './components/URLParsedText';\n\n/** UI **/\nexport { default as ActionMenu } from './ui/ActionMenu';\nexport { default as Alert } from './ui/Alert';\nexport { default as Avatar } from './ui/Avatar';\nexport { default as Badge } from './ui/Badge';\nexport { default as BottomSheet } from './ui/BottomSheet';\nexport { default as Button } from './ui/Button';\nexport { default as ChannelFrozenBanner } from './ui/ChannelFrozenBanner';\nexport { DialogProvider, useActionMenu, useAlert, usePrompt, useBottomSheet } from './ui/Dialog';\nexport { default as GroupChannelPreview } from './ui/GroupChannelPreview';\nexport { default as Header } from './ui/Header';\nexport { default as LoadingSpinner } from './ui/LoadingSpinner';\nexport { default as MenuBar, MenuBarProps } from './ui/MenuBar';\nexport { default as OutlinedButton } from './ui/OutlinedButton';\nexport { default as Placeholder } from './ui/Placeholder';\nexport { default as ProfileCard } from './ui/ProfileCard';\nexport { default as Prompt } from './ui/Prompt';\nexport { default as Toast, useToast, ToastProvider } from './ui/Toast';\n\n/** Styles **/\nexport { default as createSelectByColorScheme } from './styles/createSelectByColorScheme';\nexport { default as createScaleFactor } from './styles/createScaleFactor';\nexport { default as createStyleSheet } from './styles/createStyleSheet';\nexport { default as createTypography } from './styles/createTypography';\nexport { default as getDefaultHeaderHeight } from './styles/getDefaultHeaderHeight';\nexport { HeaderStyleContext, HeaderStyleProvider } from './styles/HeaderStyleContext';\nexport { default as useHeaderStyle } from './styles/useHeaderStyle';\n\n/** Theme **/\nexport { default as createTheme } from './theme/createTheme';\nexport { default as DarkUIKitTheme } from './theme/DarkUIKitTheme';\nexport { default as LightUIKitTheme } from './theme/LightUIKitTheme';\nexport { default as Palette } from './theme/Palette';\nexport { default as UIKitThemeContext } from './theme/UIKitThemeContext';\nexport { default as UIKitThemeProvider } from './theme/UIKitThemeProvider';\nexport { default as useUIKitTheme } from './theme/useUIKitTheme';\n\n/** Types **/\nexport type {\n  TypoName,\n  UIKitTheme,\n  UIKitTypography,\n  FontAttributes,\n  BaseHeaderProps,\n  UIKitColorScheme,\n  UIKitColors,\n  ComponentColorTree,\n  UIKitPalette,\n  HeaderElement,\n  HeaderPartProps,\n  ComponentColors,\n  Component,\n  GetColorTree,\n} from './types';\nexport type { ActionMenuItem } from './ui/ActionMenu';\nexport type { BottomSheetItem } from './ui/BottomSheet';\nexport type { UIKitTypographyOverrides } from './styles/createTypography';\nexport type { HeaderStyleContextType } from './styles/HeaderStyleContext';\n"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,UAApB,QAAsC,eAAtC;AAEA;;AACA,SAASD,OAAO,IAAIE,OAApB,QAAmC,sBAAnC;AACA,SAASF,OAAO,IAAIG,IAApB,QAAgC,mBAAhC;AACA,SAASH,OAAO,IAAII,KAApB,QAAiC,oBAAjC;AACA,SAASJ,OAAO,IAAIK,KAApB,QAAiC,oBAAjC;AACA,SAASL,OAAO,IAAIM,SAApB,QAAqC,wBAArC;AACA,SAASN,OAAO,IAAIO,MAApB,QAAkC,qBAAlC;AACA,SAASP,OAAO,IAAIQ,IAApB,QAAgC,mBAAhC;AACA,SAASR,OAAO,IAAIS,SAApB,QAAqC,wBAArC;AACA,SAAST,OAAO,IAAIU,aAApB,QAAyC,4BAAzC;AAEA;;AACA,SAASV,OAAO,IAAIW,UAApB,QAAsC,iBAAtC;AACA,SAASX,OAAO,IAAIY,KAApB,QAAiC,YAAjC;AACA,SAASZ,OAAO,IAAIa,MAApB,QAAkC,aAAlC;AACA,SAASb,OAAO,IAAIc,KAApB,QAAiC,YAAjC;AACA,SAASd,OAAO,IAAIe,WAApB,QAAuC,kBAAvC;AACA,SAASf,OAAO,IAAIgB,MAApB,QAAkC,aAAlC;AACA,SAAShB,OAAO,IAAIiB,mBAApB,QAA+C,0BAA/C;AACA,SAASC,cAAT,EAAyBC,aAAzB,EAAwCC,QAAxC,EAAkDC,SAAlD,EAA6DC,cAA7D,QAAmF,aAAnF;AACA,SAAStB,OAAO,IAAIuB,mBAApB,QAA+C,0BAA/C;AACA,SAASvB,OAAO,IAAIwB,MAApB,QAAkC,aAAlC;AACA,SAASxB,OAAO,IAAIyB,cAApB,QAA0C,qBAA1C;AACA,SAASzB,OAAO,IAAI0B,OAApB,EAA6BC,YAA7B,QAAiD,cAAjD;AACA,SAAS3B,OAAO,IAAI4B,cAApB,QAA0C,qBAA1C;AACA,SAAS5B,OAAO,IAAI6B,WAApB,QAAuC,kBAAvC;AACA,SAAS7B,OAAO,IAAI8B,WAApB,QAAuC,kBAAvC;AACA,SAAS9B,OAAO,IAAI+B,MAApB,QAAkC,aAAlC;AACA,SAAS/B,OAAO,IAAIgC,KAApB,EAA2BC,QAA3B,EAAqCC,aAArC,QAA0D,YAA1D;AAEA;;AACA,SAASlC,OAAO,IAAImC,yBAApB,QAAqD,oCAArD;AACA,SAASnC,OAAO,IAAIoC,iBAApB,QAA6C,4BAA7C;AACA,SAASpC,OAAO,IAAIqC,gBAApB,QAA4C,2BAA5C;AACA,SAASrC,OAAO,IAAIsC,gBAApB,QAA4C,2BAA5C;AACA,SAAStC,OAAO,IAAIuC,sBAApB,QAAkD,iCAAlD;AACA,SAASC,kBAAT,EAA6BC,mBAA7B,QAAwD,6BAAxD;AACA,SAASzC,OAAO,IAAI0C,cAApB,QAA0C,yBAA1C;AAEA;;AACA,SAAS1C,OAAO,IAAI2C,WAApB,QAAuC,qBAAvC;AACA,SAAS3C,OAAO,IAAI4C,cAApB,QAA0C,wBAA1C;AACA,SAAS5C,OAAO,IAAI6C,eAApB,QAA2C,yBAA3C;AACA,SAAS7C,OAAO,IAAI8C,OAApB,QAAmC,iBAAnC;AACA,SAAS9C,OAAO,IAAI+C,iBAApB,QAA6C,2BAA7C;AACA,SAAS/C,OAAO,IAAIgD,kBAApB,QAA8C,4BAA9C;AACA,SAAShD,OAAO,IAAIiD,aAApB,QAAyC,uBAAzC;AAEA"}
+{"version":3,"names":["default","IconAssets","Box","Divider","Icon","Image","ImageWithPlaceholder","Modal","PressBox","RegexText","Switch","Text","TextInput","URLParsedText","ActionMenu","Alert","Avatar","Badge","BottomSheet","Button","ChannelFrozenBanner","DialogProvider","useActionMenu","useAlert","usePrompt","useBottomSheet","GroupChannelPreview","Header","LoadingSpinner","MenuBar","OpenChannelMessage","OpenChannelPreview","OutlinedButton","Placeholder","ProfileCard","Prompt","Toast","useToast","ToastProvider","createSelectByColorScheme","createScaleFactor","createStyleSheet","createTypography","getDefaultHeaderHeight","HeaderStyleContext","HeaderStyleProvider","useHeaderStyle","createTheme","DarkUIKitTheme","LightUIKitTheme","Palette","UIKitThemeContext","UIKitThemeProvider","useUIKitTheme"],"sources":["index.ts"],"sourcesContent":["/** Assets **/\nexport { default as IconAssets } from './assets/icon';\n\n/** Component **/\nexport { default as Box } from './components/Box';\nexport { default as Divider } from './components/Divider';\nexport { default as Icon } from './components/Icon';\nexport { default as Image } from './components/Image';\nexport { default as ImageWithPlaceholder } from './components/ImageWithPlaceholder';\nexport { default as Modal } from './components/Modal';\nexport { default as PressBox } from './components/PressBox';\nexport { default as RegexText } from './components/RegexText';\nexport { default as Switch } from './components/Switch';\nexport { default as Text } from './components/Text';\nexport { default as TextInput } from './components/TextInput';\nexport { default as URLParsedText } from './components/URLParsedText';\n\n/** UI **/\nexport { default as ActionMenu } from './ui/ActionMenu';\nexport { default as Alert } from './ui/Alert';\nexport { default as Avatar } from './ui/Avatar';\nexport { default as Badge } from './ui/Badge';\nexport { default as BottomSheet } from './ui/BottomSheet';\nexport { default as Button } from './ui/Button';\nexport { default as ChannelFrozenBanner } from './ui/ChannelFrozenBanner';\nexport { DialogProvider, useActionMenu, useAlert, usePrompt, useBottomSheet } from './ui/Dialog';\nexport { default as GroupChannelPreview } from './ui/GroupChannelPreview';\nexport { default as Header } from './ui/Header';\nexport { default as LoadingSpinner } from './ui/LoadingSpinner';\nexport { default as MenuBar } from './ui/MenuBar';\nexport type { MenuBarProps } from './ui/MenuBar';\nexport { default as OpenChannelMessage } from './ui/OpenChannelMessage';\nexport type { OpenChannelMessageProps } from './ui/OpenChannelMessage';\nexport { default as OpenChannelPreview } from './ui/OpenChannelPreview';\nexport { default as OutlinedButton } from './ui/OutlinedButton';\nexport { default as Placeholder } from './ui/Placeholder';\nexport { default as ProfileCard } from './ui/ProfileCard';\nexport { default as Prompt } from './ui/Prompt';\nexport { default as Toast, useToast, ToastProvider } from './ui/Toast';\n\n/** Styles **/\nexport { default as createSelectByColorScheme } from './styles/createSelectByColorScheme';\nexport { default as createScaleFactor } from './styles/createScaleFactor';\nexport { default as createStyleSheet } from './styles/createStyleSheet';\nexport { default as createTypography } from './styles/createTypography';\nexport { default as getDefaultHeaderHeight } from './styles/getDefaultHeaderHeight';\nexport { HeaderStyleContext, HeaderStyleProvider } from './styles/HeaderStyleContext';\nexport { default as useHeaderStyle } from './styles/useHeaderStyle';\n\n/** Theme **/\nexport { default as createTheme } from './theme/createTheme';\nexport { default as DarkUIKitTheme } from './theme/DarkUIKitTheme';\nexport { default as LightUIKitTheme } from './theme/LightUIKitTheme';\nexport { default as Palette } from './theme/Palette';\nexport { default as UIKitThemeContext } from './theme/UIKitThemeContext';\nexport { default as UIKitThemeProvider } from './theme/UIKitThemeProvider';\nexport { default as useUIKitTheme } from './theme/useUIKitTheme';\n\n/** Types **/\nexport type {\n  TypoName,\n  UIKitTheme,\n  UIKitTypography,\n  FontAttributes,\n  BaseHeaderProps,\n  UIKitColorScheme,\n  UIKitColors,\n  ComponentColorTree,\n  UIKitPalette,\n  HeaderElement,\n  HeaderPartProps,\n  ComponentColors,\n  Component,\n  GetColorTree,\n} from './types';\nexport type { ActionMenuItem } from './ui/ActionMenu';\nexport type { BottomSheetItem } from './ui/BottomSheet';\nexport type { UIKitTypographyOverrides } from './styles/createTypography';\nexport type { HeaderStyleContextType } from './styles/HeaderStyleContext';\n"],"mappings":"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"}