npm - @sendbird/uikit-react-native-foundation - Versions diffs - 3.7.6 → 3.8.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (336) hide show

package/lib/commonjs/ui/OpenChannelMessage/Message.user.og.js CHANGED Viewed

@@ -14,8 +14,8 @@ var _Text = _interopRequireDefault(require("../../components/Text"));
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
 var _MessageContainer = _interopRequireDefault(require("./MessageContainer"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const OpenGraphUserMessage = props => {
   const {
     colors
@@ -30,41 +30,49 @@ const OpenGraphUserMessage = props => {
   return /*#__PURE__*/_react.default.createElement(_Box.default, null, /*#__PURE__*/_react.default.createElement(_PressBox.default, {
     onPress: onPress,
     onLongPress: onLongPress
-  }, _ref => {
+  }, ({
+    pressed
+  }) => {
     var _props$strings;
-    let {
-      pressed
-    } = _ref;
     return /*#__PURE__*/_react.default.createElement(_MessageContainer.default, _extends({
       pressed: pressed
-    }, rest), /*#__PURE__*/_react.default.createElement(_Text.default, {
+    }, rest), /*#__PURE__*/_react.default.createElement(_Box.default, {
+      alignItems: 'flex-start'
+    }, /*#__PURE__*/_react.default.createElement(_Text.default, {
       body3: true,
-      color: color.enabled.textMsg
+      color: color.enabled.textMsg,
+      suppressHighlighting: true,
+      supportRTLAlign: true,
+      originalText: props.message.message
     }, /*#__PURE__*/_react.default.createElement(_RegexText.default, {
       body3: true,
+      suppressHighlighting: true,
+      supportRTLAlign: true,
+      originalText: props.message.message,
       color: color.enabled.textMsg,
       patterns: [{
         regex: _uikitUtils.urlRegexRough,
-        replacer(_ref2) {
-          let {
-            match,
-            parentProps,
-            keyPrefix,
-            index
-          } = _ref2;
+        replacer({
+          match,
+          parentProps,
+          keyPrefix,
+          index
+        }) {
           return /*#__PURE__*/_react.default.createElement(_Text.default, _extends({}, parentProps, {
             key: `${keyPrefix}-${index}`,
             onPress: () => onPressURL === null || onPressURL === void 0 ? void 0 : onPressURL(match),
             onLongPress: onLongPress,
             color: colors.primary,
-            style: parentProps === null || parentProps === void 0 ? void 0 : parentProps.style
+            style: parentProps === null || parentProps === void 0 ? void 0 : parentProps.style,
+            supportRTLAlign: true,
+            originalText: match
           }), match);
         }
       }]
     }, props.message.message), Boolean(props.message.updatedAt) && /*#__PURE__*/_react.default.createElement(_Text.default, {
       body3: true,
       color: color.enabled.textMsgPostfix
-    }, ((_props$strings = props.strings) === null || _props$strings === void 0 ? void 0 : _props$strings.edited) ?? ' (edited)')));
+    }, ((_props$strings = props.strings) === null || _props$strings === void 0 ? void 0 : _props$strings.edited) ?? ' (edited)'))));
   }), props.message.ogMetaData && /*#__PURE__*/_react.default.createElement(_MessageContainer.default, _extends({}, rest, {
     grouped: true
   }), /*#__PURE__*/_react.default.createElement(_PressBox.default, {
@@ -74,36 +82,34 @@ const OpenGraphUserMessage = props => {
       return ((_props$message$ogMeta = props.message.ogMetaData) === null || _props$message$ogMeta === void 0 ? void 0 : _props$message$ogMeta.url) && (onPressURL === null || onPressURL === void 0 ? void 0 : onPressURL(props.message.ogMetaData.url));
     },
     onLongPress: onLongPress
-  }, _ref3 => {
-    let {
-      pressed
-    } = _ref3;
-    return props.message.ogMetaData && /*#__PURE__*/_react.default.createElement(_Box.default, {
-      padding: 8,
-      borderRadius: 8,
-      style: styles.ogContainer,
-      backgroundColor: pressed ? color.pressed.bubbleBackground : color.enabled.bubbleBackground
-    }, /*#__PURE__*/_react.default.createElement(_Text.default, {
-      numberOfLines: 1,
-      caption2: true,
-      color: colors.onBackground02,
-      style: styles.ogUrl
-    }, props.message.ogMetaData.url), /*#__PURE__*/_react.default.createElement(_Text.default, {
-      numberOfLines: 2,
-      body2: true,
-      color: colors.primary,
-      style: styles.ogTitle
-    }, props.message.ogMetaData.title), Boolean(props.message.ogMetaData.description) && /*#__PURE__*/_react.default.createElement(_Text.default, {
-      numberOfLines: 2,
-      caption2: true,
-      color: colors.onBackground01
-    }, props.message.ogMetaData.description), !!props.message.ogMetaData.defaultImage && /*#__PURE__*/_react.default.createElement(_ImageWithPlaceholder.default, {
-      style: styles.ogImage,
-      source: {
-        uri: props.message.ogMetaData.defaultImage.url
-      }
-    }));
-  })));
+  }, ({
+    pressed
+  }) => props.message.ogMetaData && /*#__PURE__*/_react.default.createElement(_Box.default, {
+    padding: 8,
+    borderRadius: 8,
+    style: styles.ogContainer,
+    backgroundColor: pressed ? color.pressed.bubbleBackground : color.enabled.bubbleBackground,
+    alignItems: 'flex-start'
+  }, /*#__PURE__*/_react.default.createElement(_Text.default, {
+    numberOfLines: 1,
+    caption2: true,
+    color: colors.onBackground02,
+    style: styles.ogUrl
+  }, props.message.ogMetaData.url), /*#__PURE__*/_react.default.createElement(_Text.default, {
+    numberOfLines: 2,
+    body2: true,
+    color: colors.primary,
+    style: styles.ogTitle
+  }, props.message.ogMetaData.title), Boolean(props.message.ogMetaData.description) && /*#__PURE__*/_react.default.createElement(_Text.default, {
+    numberOfLines: 2,
+    caption2: true,
+    color: colors.onBackground01
+  }, props.message.ogMetaData.description), !!props.message.ogMetaData.defaultImage && /*#__PURE__*/_react.default.createElement(_ImageWithPlaceholder.default, {
+    style: styles.ogImage,
+    source: {
+      uri: props.message.ogMetaData.defaultImage.url
+    }
+  })))));
 };
 const styles = (0, _createStyleSheet.default)({
   ogContainer: {
@@ -121,6 +127,5 @@ const styles = (0, _createStyleSheet.default)({
     marginTop: 12
   }
 });
-var _default = OpenGraphUserMessage;
-exports.default = _default;
+var _default = exports.default = OpenGraphUserMessage;
 //# sourceMappingURL=Message.user.og.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_Box","_ImageWithPlaceholder","_PressBox","_RegexText","_Text","_createStyleSheet","_useUIKitTheme","_MessageContainer","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","OpenGraphUserMessage","props","colors","useUIKitTheme","onPress","onLongPress","onPressURL","rest","color","ui","openChannelMessage","createElement","_ref","_props$strings","pressed","body3","enabled","textMsg","patterns","regex","urlRegexRough","replacer","_ref2","match","parentProps","keyPrefix","index","primary","style","message","Boolean","updatedAt","textMsgPostfix","strings","edited","ogMetaData","grouped","styles","ogContainer","_props$message$ogMeta","url","_ref3","padding","borderRadius","backgroundColor","bubbleBackground","numberOfLines","caption2","onBackground02","ogUrl","body2","ogTitle","title","description","onBackground01","defaultImage","ogImage","uri","createStyleSheet","maxWidth","marginBottom","width","height","marginTop","_default","exports"],"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?.(match)}\n onLongPress={onLongPress}\n color={colors.primary}\n style={parentProps?.style}\n >\n {match}\n </Text>\n );\n },\n },\n ]}\n >\n {props.message.message}\n </RegexText>\n {Boolean(props.message.updatedAt) && (\n <Text body3 color={color.enabled.textMsgPostfix}>\n {props.strings?.edited ?? ' (edited)'}\n </Text>\n )}\n </Text>\n </MessageContainer>\n )}\n </PressBox>\n {props.message.ogMetaData && (\n <MessageContainer {...rest} grouped>\n <PressBox\n style={styles.ogContainer}\n onPress={() => props.message.ogMetaData?.url && onPressURL?.(props.message.ogMetaData.url)}\n onLongPress={onLongPress}\n >\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 {!!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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"}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_Box","_ImageWithPlaceholder","_PressBox","_RegexText","_Text","_createStyleSheet","_useUIKitTheme","_MessageContainer","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","OpenGraphUserMessage","props","colors","useUIKitTheme","onPress","onLongPress","onPressURL","rest","color","ui","openChannelMessage","createElement","pressed","_props$strings","alignItems","body3","enabled","textMsg","suppressHighlighting","supportRTLAlign","originalText","message","patterns","regex","urlRegexRough","replacer","match","parentProps","keyPrefix","index","key","primary","style","Boolean","updatedAt","textMsgPostfix","strings","edited","ogMetaData","grouped","styles","ogContainer","_props$message$ogMeta","url","padding","borderRadius","backgroundColor","bubbleBackground","numberOfLines","caption2","onBackground02","ogUrl","body2","ogTitle","title","description","onBackground01","defaultImage","ogImage","source","uri","createStyleSheet","maxWidth","marginBottom","width","height","marginTop","_default","exports"],"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 <Box alignItems={'flex-start'}>\n <Text\n body3\n color={color.enabled.textMsg}\n suppressHighlighting\n supportRTLAlign\n originalText={props.message.message}\n >\n <RegexText\n body3\n suppressHighlighting\n supportRTLAlign\n originalText={props.message.message}\n color={color.enabled.textMsg}\n patterns={[\n {\n regex: urlRegexRough,\n replacer({ match, parentProps, keyPrefix, index }) {\n return (\n <Text\n {...parentProps}\n key={`${keyPrefix}-${index}`}\n onPress={() => onPressURL?.(match)}\n onLongPress={onLongPress}\n color={colors.primary}\n style={parentProps?.style}\n supportRTLAlign\n originalText={match}\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 </Box>\n </MessageContainer>\n )}\n </PressBox>\n {props.message.ogMetaData && (\n <MessageContainer {...rest} grouped>\n <PressBox\n style={styles.ogContainer}\n onPress={() => props.message.ogMetaData?.url && onPressURL?.(props.message.ogMetaData.url)}\n onLongPress={onLongPress}\n >\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 alignItems={'flex-start'}\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 {!!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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","ignoreList":[]}

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

@@ -15,16 +15,15 @@ var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyle
 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 => {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MessageContainer = ({
+  children,
+  channel,
+  grouped,
+  pressed,
+  ...props
+}) => {
   var _props$strings, _props$strings2;
-  let {
-    children,
-    channel,
-    grouped,
-    pressed,
-    ...props
-  } = _ref;
   const {
     colors
   } = (0, _useUIKitTheme.default)();
@@ -56,11 +55,11 @@ const MessageContainer = _ref => {
   return /*#__PURE__*/_react.default.createElement(_Box.default, {
     flexDirection: 'row',
     paddingVertical: grouped ? 5 : 6,
-    paddingLeft: 12,
-    paddingRight: 12,
+    paddingStart: 12,
+    paddingEnd: 12,
     backgroundColor: pressed ? color.pressed.background : color.enabled.background
   }, /*#__PURE__*/_react.default.createElement(_Box.default, {
-    marginRight: 12
+    marginEnd: 12
   }, !grouped && 'sender' in props.message ? /*#__PURE__*/_react.default.createElement(_PressBox.default, {
     onPress: props.onPressAvatar
   }, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
@@ -78,7 +77,7 @@ const MessageContainer = _ref => {
     alignItems: 'center',
     marginBottom: 2
   }, /*#__PURE__*/_react.default.createElement(_Box.default, {
-    marginRight: 4,
+    marginEnd: 4,
     flexShrink: 1
   }, /*#__PURE__*/_react.default.createElement(_Text.default, {
     caption1: true,
@@ -92,10 +91,9 @@ const MessageContainer = _ref => {
     style: styles.message
   }, children), renderSendingStatus()));
 };
-const SendingStatusContainer = _ref2 => {
-  let {
-    children
-  } = _ref2;
+const SendingStatusContainer = ({
+  children
+}) => {
   return /*#__PURE__*/_react.default.createElement(_Box.default, {
     flexDirection: 'row'
   }, /*#__PURE__*/_react.default.createElement(_Box.default, {
@@ -110,6 +108,5 @@ const styles = (0, _createStyleSheet.default)({
     width: '100%'
   }
 });
-var _default = MessageContainer;
-exports.default = _default;
+var _default = exports.default = MessageContainer;
 //# sourceMappingURL=MessageContainer.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_message","_uikitUtils","_Box","_Icon","_PressBox","_Text","_createStyleSheet","_useUIKitTheme","_Avatar","_LoadingSpinner","~~obj~~","__esModule","default","MessageContainer","~~_ref~~","~~_props$strings~~","~~_props$strings2~~","~~children~~","~~channel~~","~~grouped~~","~~pressed~~","~~props","~~colors","useUIKitTheme","color","ui","openChannelMessage","renderSendingStatus","message","sendingStatus","SendingStatus","PENDING","createElement","SendingStatusContainer","primary","size","FAILED","icon","error","flexDirection","paddingVertical","~~paddingLeft~~","~~paddingRight~~","backgroundColor","background","enabled","~~marginRight~~","onPress","onPressAvatar","styles","avatar","width","uri","sender","profileUrl","style","flexShrink","flex","alignItems","marginBottom","caption1","ellipsizeMode","numberOfLines","isOperator","userId","textOperator","textSenderName","strings","senderName","nickname","caption4","textTime","sentDate","getMessageTimeFormat","Date","createdAt","~~_ref2","~~marginTop","createStyleSheet","_default","exports"],"sources":["MessageContainer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SendingStatus } from '@sendbird/chat/message';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\nimport { getMessageTimeFormat } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport Icon from '../../components/Icon';\nimport PressBox from '../../components/PressBox';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Avatar from '../Avatar';\nimport LoadingSpinner from '../LoadingSpinner';\nimport type { OpenChannelMessageProps } from './index';\n\ntype Props = {\n pressed?: boolean;\n};\n\nconst MessageContainer = ({\n children,\n channel,\n grouped,\n pressed,\n ...props\n}: OpenChannelMessageProps<SendbirdMessage, Props>) => {\n const { colors } = useUIKitTheme();\n const color = colors.ui.openChannelMessage.default;\n\n const renderSendingStatus = () => {\n if (!('sendingStatus' in props.message)) return null;\n\n switch (props.message.sendingStatus) {\n case SendingStatus.PENDING: {\n return (\n <SendingStatusContainer>\n <LoadingSpinner color={colors.primary} size={16} />\n </SendingStatusContainer>\n );\n }\n case SendingStatus.FAILED: {\n return (\n <SendingStatusContainer>\n <Icon icon={'error'} color={colors.error} size={16} />\n </SendingStatusContainer>\n );\n }\n default: {\n return null;\n }\n }\n };\n\n return (\n <Box\n flexDirection={'row'}\n paddingVertical={grouped ? 5 : 6}\n ~~paddingLeft~~={12}\n ~~paddingRight~~={12}\n backgroundColor={pressed ? color.pressed.background : color.enabled.background}\n >\n <Box ~~marginRight~~={12}>\n {!grouped && 'sender' in props.message ? (\n <PressBox onPress={props.onPressAvatar}>\n <Avatar size={styles.avatar.width} uri={props.message.sender.profileUrl} />\n </PressBox>\n ) : (\n <Box style={styles.avatar} />\n )}\n </Box>\n <Box flexShrink={1} flex={1} flexDirection={'column'} alignItems={'flex-start'}>\n {!grouped && 'sender' in props.message && (\n <Box flexDirection={'row'} alignItems={'center'} marginBottom={2}>\n <Box ~~marginRight~~={4} flexShrink={1}>\n <Text\n caption1\n ellipsizeMode={'middle'}\n numberOfLines={1}\n color={\n channel.isOperator(props.message.sender.userId)\n ? color.enabled.textOperator\n : color.enabled.textSenderName\n }\n >\n {props.strings?.senderName ?? props.message.sender.nickname}\n </Text>\n </Box>\n <Box>\n <Text caption4 color={color.enabled.textTime}>\n {props.strings?.sentDate ?? getMessageTimeFormat(new Date(props.message.createdAt))}\n </Text>\n </Box>\n </Box>\n )}\n <Box style={styles.message}>{children}</Box>\n\n {renderSendingStatus()}\n </Box>\n </Box>\n );\n};\n\nconst SendingStatusContainer = ({ children }: { children: React.ReactNode }) => {\n return (\n <Box flexDirection={'row'}>\n <Box marginTop={2}>{children}</Box>\n </Box>\n );\n};\n\nconst styles = createStyleSheet({\n avatar: {\n width: 28,\n },\n message: {\n width: '100%',\n },\n});\n\nexport default MessageContainer;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,IAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,KAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,SAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,KAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,iBAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,cAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,OAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,eAAA,GAAAX,sBAAA,CAAAC,OAAA;AAA+C,SAAAD,uBAAAY,~~GAAA~~,WAAAA,~~GAAA~~,IAAAA,~~GAAA~~,CAAAC,UAAA,GAAAD,~~GAAA~~,KAAAE,OAAA,EAAAF,~~GAAA~~;AAO/C,MAAMG,gBAAgB,~~GAAGC~~,~~IAAA,IAM8B~~;~~EAAA~~,~~IAAAC,cAAA,EAAAC,eAAA;EAAA,IAN7B;IACxBC,~~QAAQ;~~IACRC~~,OAAO;~~IACPC~~,OAAO;~~IACPC~~,OAAO;~~IACP~~,GAAGC;~~EAC4C~~,CAAC,~~GAAAP~~,~~IAAA~~;~~EAChD~~,MAAM;~~IAAEQ~~;EAAO,CAAC,GAAG,IAAAC,sBAAa,~~GAAE~~;EAClC,MAAMC,KAAK,GAAGF,MAAM,CAACG,EAAE,CAACC,kBAAkB,~~CAACd~~,OAAO;EAElD,~~MAAMe~~,mBAAmB,GAAGA,CAAA,KAAM;IAChC,IAAI,EAAE,eAAe,~~IAAIN~~,KAAK,~~CAACO~~,OAAO,CAAC,EAAE,OAAO,IAAI;IAEpD,~~QAAQP~~,KAAK,~~CAACO~~,OAAO,CAACC,aAAa;MACjC,KAAKC,sBAAa,CAACC,OAAO;QAAE;UAC1B,~~oBACElC~~,MAAA,CAAAe,OAAA,~~CAAAoB~~,aAAA,CAACC,sBAAsB,~~qBACrBpC~~,MAAA,CAAAe,OAAA,~~CAAAoB~~,aAAA,~~CAACvB~~,eAAA,CAAAG,OAAc;~~YAACY~~,KAAK,EAAEF,MAAM,CAACY,OAAQ;YAACC,IAAI,EAAE;UAAG,~~EAAG~~,CAC5B;QAE7B;MACA,KAAKL,sBAAa,CAACM,MAAM;QAAE;UACzB,~~oBACEvC~~,MAAA,CAAAe,OAAA,~~CAAAoB~~,aAAA,CAACC,sBAAsB,~~qBACrBpC~~,MAAA,CAAAe,OAAA,~~CAAAoB~~,aAAA,~~CAAC7B~~,KAAA,CAAAS,OAAI;~~YAACyB~~,IAAI,EAAE,OAAQ;YAACb,KAAK,EAAEF,MAAM,CAACgB,KAAM;YAACH,IAAI,EAAE;UAAG,~~EAAG~~,CAC/B;QAE7B;MACA;QAAS;UACP,OAAO,IAAI;QACb;~~IAAC~~;~~EAEL~~,CAAC;EAED,~~oBACEtC~~,MAAA,CAAAe,OAAA,~~CAAAoB~~,aAAA,~~CAAC9B~~,IAAA,CAAAU,OAAG;~~IACF2B~~,aAAa,EAAE,KAAM;IACrBC,eAAe,~~EAAErB~~,OAAO,GAAG,CAAC,GAAG,CAAE;~~IACjCsB~~,~~WAAW~~,EAAE,EAAG;~~IAChBC~~,~~YAAY~~,EAAE,EAAG;~~IACjBC~~,eAAe,~~EAAEvB~~,OAAO,~~GAAGI~~,KAAK,~~CAACJ~~,OAAO,~~CAACwB~~,UAAU,GAAGpB,KAAK,CAACqB,OAAO,CAACD;EAAW,gBAE/~~E/C~~,MAAA,CAAAe,OAAA,~~CAAAoB~~,aAAA,~~CAAC9B~~,IAAA,CAAAU,OAAG;~~IAACkC~~,~~WAAW~~,EAAE;EAAG,~~GAClB~~,~~CAAC3B~~,OAAO,IAAI,QAAQ,IAAIE,KAAK,~~CAACO~~,OAAO,~~gBACpC/B~~,MAAA,CAAAe,OAAA,~~CAAAoB~~,aAAA,~~CAAC5B~~,SAAA,CAAAQ,OAAQ;~~IAACmC~~,OAAO,~~EAAE1B~~,KAAK,~~CAAC2B~~;EAAc,~~gBACrCnD~~,MAAA,CAAAe,OAAA,~~CAAAoB~~,aAAA,~~CAACxB~~,OAAA,CAAAI,OAAM;~~IAACuB~~,IAAI,EAAEc,MAAM,CAACC,MAAM,CAACC,KAAM;IAACC,GAAG,~~EAAE/B~~,KAAK,~~CAACO~~,OAAO,CAACyB,MAAM,CAACC;EAAW,~~EAAG~~,CAClE,~~gBAEXzD~~,MAAA,CAAAe,OAAA,~~CAAAoB~~,aAAA,~~CAAC9B~~,IAAA,CAAAU,OAAG;~~IAAC2C~~,KAAK,EAAEN,MAAM,CAACC;EAAO,~~EAC3B~~,~~CACG~~,~~eACNrD~~,MAAA,CAAAe,OAAA,~~CAAAoB~~,aAAA,~~CAAC9B~~,IAAA,CAAAU,OAAG;~~IAAC4C~~,UAAU,EAAE,CAAE;IAACC,IAAI,EAAE,CAAE;IAAClB,aAAa,EAAE,QAAS;IAACmB,UAAU,EAAE;EAAa,GAC5E,~~CAACvC~~,OAAO,IAAI,QAAQ,IAAIE,KAAK,~~CAACO~~,OAAO,~~iBACpC/B~~,MAAA,CAAAe,OAAA,~~CAAAoB~~,aAAA,~~CAAC9B~~,IAAA,CAAAU,OAAG;~~IAAC2B~~,aAAa,EAAE,KAAM;IAACmB,UAAU,EAAE,QAAS;IAACC,YAAY,EAAE;EAAE,gBAC/~~D9D~~,MAAA,CAAAe,OAAA,~~CAAAoB~~,aAAA,~~CAAC9B~~,IAAA,CAAAU,OAAG;~~IAACkC~~,~~WAAW~~,EAAE,CAAE;IAACU,UAAU,EAAE;EAAE,~~gBACjC3D~~,MAAA,CAAAe,OAAA,~~CAAAoB~~,aAAA,~~CAAC3B~~,KAAA,CAAAO,OAAI;~~IACHgD~~,QAAQ;IACRC,aAAa,EAAE,QAAS;IACxBC,aAAa,EAAE,CAAE;IACjBtC,KAAK,~~EACHN~~,OAAO,~~CAAC6C~~,UAAU,~~CAAC1C~~,KAAK,~~CAACO~~,OAAO,CAACyB,MAAM,CAACW,MAAM,CAAC,GAC3CxC,KAAK,CAACqB,OAAO,CAACoB,YAAY,GAC1BzC,KAAK,CAACqB,OAAO,CAACqB;EACnB,GAEA,~~EAAAnD~~,cAAA,~~GAAAM~~,KAAK,~~CAAC8C~~,OAAO,~~cAAApD~~,cAAA,uBAAbA,cAAA,~~CAAeqD~~,UAAU,~~KAAI/C~~,KAAK,~~CAACO~~,OAAO,CAACyB,MAAM,CAACgB,~~QAAQ~~,~~CACtD,~~CACH,~~eACNxE~~,MAAA,CAAAe,OAAA,~~CAAAoB~~,aAAA,~~CAAC9B~~,IAAA,CAAAU,OAAG,qBACFf,MAAA,CAAAe,OAAA,~~CAAAoB~~,aAAA,~~CAAC3B~~,KAAA,CAAAO,OAAI;~~IAAC0D~~,QAAQ;IAAC9C,KAAK,EAAEA,KAAK,CAACqB,OAAO,CAAC0B;EAAS,GAC1C,~~EAAAvD~~,eAAA,~~GAAAK~~,KAAK,~~CAAC8C~~,OAAO,~~cAAAnD~~,eAAA,uBAAbA,eAAA,~~CAAewD~~,QAAQ,KAAI,IAAAC,gCAAoB,EAAC,IAAIC,IAAI,~~CAACrD~~,KAAK,~~CAACO~~,OAAO,CAAC+C,SAAS,CAAC,~~CAAC,~~CAC9E,CACH,~~CAET~~,~~eACD9E~~,MAAA,CAAAe,OAAA,~~CAAAoB~~,aAAA,~~CAAC9B~~,IAAA,CAAAU,OAAG;~~IAAC2C~~,KAAK,EAAEN,MAAM,CAACrB;EAAQ,~~GAAEX~~,~~QAAQ~~,~~CAAO~~,~~EAE3CU~~,mBAAmB,~~EAAE~~,CAClB,CACF;AAEV,CAAC;AAED,MAAMM,sBAAsB,~~GAAG2C~~,~~KAAA,IAAiD~~;~~EAAA,IAAhD~~;~~IAAE3D;EAAwC~~,CAAC,~~GAAA2D,KAAA~~;~~EACzE~~,~~oBACE/E~~,MAAA,CAAAe,OAAA,~~CAAAoB~~,aAAA,~~CAAC9B~~,IAAA,CAAAU,OAAG;~~IAAC2B~~,aAAa,EAAE;EAAM,~~gBACxB1C~~,MAAA,CAAAe,OAAA,~~CAAAoB~~,aAAA,~~CAAC9B~~,IAAA,CAAAU,OAAG;~~IAACiE~~,SAAS,EAAE;EAAE,~~GAAE5D~~,~~QAAQ~~,~~CAAO,~~CAC/B;AAEV,CAAC;AAED,~~MAAMgC~~,MAAM,GAAG,~~IAAA6B~~,yBAAgB,EAAC;~~EAC9B5B~~,MAAM,EAAE;IACNC,KAAK,EAAE;EACT,CAAC;EACDvB,OAAO,EAAE;IACPuB,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAAC,~~IAAA4B~~,QAAA,~~GAEYlE~~,~~gBAAgB;AAAAmE,~~OAAA,~~CAAApE~~,OAAA,~~GAAAmE~~,~~QAAA~~"}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_message","_uikitUtils","_Box","_Icon","_PressBox","_Text","_createStyleSheet","_useUIKitTheme","_Avatar","_LoadingSpinner","e","__esModule","default","MessageContainer","children","channel","grouped","pressed","props","_props$strings","_props$strings2","colors","useUIKitTheme","color","ui","openChannelMessage","renderSendingStatus","message","sendingStatus","SendingStatus","PENDING","createElement","SendingStatusContainer","primary","size","FAILED","icon","error","flexDirection","paddingVertical","paddingStart","paddingEnd","backgroundColor","background","enabled","marginEnd","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","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 paddingStart={12}\n paddingEnd={12}\n backgroundColor={pressed ? color.pressed.background : color.enabled.background}\n >\n <Box marginEnd={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 marginEnd={4} flexShrink={1}>\n <Text\n caption1\n ellipsizeMode={'middle'}\n numberOfLines={1}\n color={\n channel.isOperator(props.message.sender.userId)\n ? color.enabled.textOperator\n : color.enabled.textSenderName\n }\n >\n {props.strings?.senderName ?? props.message.sender.nickname}\n </Text>\n </Box>\n <Box>\n <Text caption4 color={color.enabled.textTime}>\n {props.strings?.sentDate ?? getMessageTimeFormat(new Date(props.message.createdAt))}\n </Text>\n </Box>\n </Box>\n )}\n <Box style={styles.message}>{children}</Box>\n\n {renderSendingStatus()}\n </Box>\n </Box>\n );\n};\n\nconst SendingStatusContainer = ({ children }: { children: React.ReactNode }) => {\n return (\n <Box flexDirection={'row'}>\n <Box marginTop={2}>{children}</Box>\n </Box>\n );\n};\n\nconst styles = createStyleSheet({\n avatar: {\n width: 28,\n },\n message: {\n width: '100%',\n },\n});\n\nexport default MessageContainer;\n"],"mappings":"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","ignoreList":[]}

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

@@ -11,7 +11,7 @@ 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 }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const OpenChannelMessage = {
   User: _Message4.default,
   OpenGraphUser: _MessageUser.default,
@@ -21,6 +21,5 @@ const OpenChannelMessage = {
   Admin: _Message.default,
   Unknown: _Message3.default
 };
-var _default = OpenChannelMessage;
-exports.default = _default;
+var _default = exports.default = OpenChannelMessage;
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"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?: (url: string) => 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~~"}
1	+ {"version":3,"names":["_Message","_interopRequireDefault","require","_Message2","_MessageFile","_MessageFile2","_Message3","_Message4","_MessageUser","e","__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?: (url: string) => 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,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;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,GAAAC,OAAA,CAAAjB,OAAA,GAEaC,kBAAkB","ignoreList":[]}

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

@@ -12,15 +12,14 @@ 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;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const OpenChannelPreview = ({
+  customCover,
+  coverUrl,
+  participantsCount = 0,
+  title,
+  frozen
+}) => {
   const {
     colors
   } = (0, _useUIKitTheme.default)();
@@ -37,7 +36,7 @@ const OpenChannelPreview = _ref => {
     height: styles.channelCover.height,
     borderRadius: styles.channelCover.width,
     overflow: 'hidden',
-    marginRight: 16
+    marginEnd: 16
   }, (0, _uikitUtils.conditionChaining)([Boolean(customCover)], [customCover, /*#__PURE__*/_react.default.createElement(_Image.default, {
     resizeMode: 'cover',
     style: [styles.channelCover, {
@@ -64,7 +63,7 @@ const OpenChannelPreview = _ref => {
     size: 16,
     icon: 'freeze',
     color: color.frozenIcon,
-    containerStyle: styles.marginLeft
+    containerStyle: styles.marginStart
   })), /*#__PURE__*/_react.default.createElement(_Box.default, {
     flexDirection: 'row',
     flexShrink: 1,
@@ -77,7 +76,7 @@ const OpenChannelPreview = _ref => {
     size: 16,
     icon: 'members',
     color: color.participantsIcon,
-    containerStyle: styles.marginRight
+    containerStyle: styles.marginEnd
   }), /*#__PURE__*/_react.default.createElement(_Text.default, {
     caption2: true,
     color: color.textParticipants
@@ -85,16 +84,13 @@ const OpenChannelPreview = _ref => {
     color: color.separator
   })));
 };
-const Separator = _ref2 => {
-  let {
-    color
-  } = _ref2;
-  return /*#__PURE__*/_react.default.createElement(_Box.default, {
-    style: [styles.separator, {
-      backgroundColor: color
-    }]
-  });
-};
+const Separator = ({
+  color
+}) => /*#__PURE__*/_react.default.createElement(_Box.default, {
+  style: [styles.separator, {
+    backgroundColor: color
+  }]
+});
 const styles = (0, _createStyleSheet.default)({
   channelCover: {
     width: 32,
@@ -103,20 +99,19 @@ const styles = (0, _createStyleSheet.default)({
   channelInfoTitle: {
     flexShrink: 1
   },
-  marginRight: {
-    marginRight: 4
+  marginEnd: {
+    marginEnd: 4
   },
-  marginLeft: {
-    marginLeft: 4
+  marginStart: {
+    marginStart: 4
   },
   separator: {
     position: 'absolute',
-    left: 0,
-    right: -16,
+    start: 0,
+    end: -16,
     bottom: 0,
     height: 1
   }
 });
-var _default = OpenChannelPreview;
-exports.default = _default;
+var _default = exports.default = OpenChannelPreview;
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_Box","_Icon","_Image","_Text","_createStyleSheet","_useUIKitTheme","~~obj~~","__esModule","default","OpenChannelPreview","~~_ref","~~customCover","coverUrl","participantsCount","title","frozen","colors","useUIKitTheme","color","ui","openChannelPreview","none","createElement","backgroundColor","background","width","height","flexDirection","alignItems","paddingHorizontal","styles","channelCover","borderRadius","overflow","~~marginRight~~","conditionChaining","Boolean","resizeMode","style","coverBackground","source","uri","flex","justifyContent","flexShrink","marginBottom","subtitle1","channelInfoTitle","numberOfLines","textTitle","size","icon","frozenIcon","containerStyle","~~marginLeft~~","participantsIcon","caption2","textParticipants","truncatedCount","Separator","separator","~~_ref2","~~createStyleSheet","position","~~left~~","~~right~~","bottom","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { conditionChaining, truncatedCount } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport Icon from '../../components/Icon';\nimport Image from '../../components/Image';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = {\n customCover?: React.ReactNode;\n coverUrl: string;\n title: string;\n participantsCount?: number;\n frozen?: boolean;\n};\nconst OpenChannelPreview = ({ customCover, coverUrl, participantsCount = 0, title, frozen }: Props) => {\n const { colors } = useUIKitTheme();\n const color = colors.ui.openChannelPreview.default.none;\n\n return (\n <Box\n backgroundColor={color.background}\n width={'100%'}\n height={62}\n flexDirection={'row'}\n alignItems={'center'}\n paddingHorizontal={16}\n >\n <Box\n width={styles.channelCover.width}\n height={styles.channelCover.height}\n borderRadius={styles.channelCover.width}\n overflow={'hidden'}\n ~~marginRight~~={16}\n >\n {conditionChaining(\n [Boolean(customCover)],\n [\n customCover,\n <Image\n resizeMode={'cover'}\n style={[styles.channelCover, { backgroundColor: color.coverBackground }]}\n source={{ uri: coverUrl }}\n />,\n ],\n )}\n </Box>\n <Box flex={1} height={'100%'} justifyContent={'center'}>\n <Box flexDirection={'row'} flexShrink={1} marginBottom={4} alignItems={'center'}>\n <Text subtitle1 style={styles.channelInfoTitle} numberOfLines={1} color={color.textTitle}>\n {title}\n </Text>\n {frozen && <Icon size={16} icon={'freeze'} color={color.frozenIcon} containerStyle={styles.~~marginLeft~~} />}\n </Box>\n <Box flexDirection={'row'} flexShrink={1} alignItems={'center'} justifyContent={'flex-start'}>\n <Box flexDirection={'row'} alignItems={'center'}>\n <Icon size={16} icon={'members'} color={color.participantsIcon} containerStyle={styles.~~marginRight~~} />\n <Text caption2 color={color.textParticipants}>\n {truncatedCount(participantsCount, 999)}\n </Text>\n </Box>\n </Box>\n <Separator color={color.separator} />\n </Box>\n </Box>\n );\n};\n\nconst Separator = ({ color }: { color: string }) => <Box style={[styles.separator, { backgroundColor: color }]} />;\n\nconst styles = createStyleSheet({\n channelCover: {\n width: 32,\n height: 32,\n },\n channelInfoTitle: {\n flexShrink: 1,\n },\n ~~marginRight~~: {\n ~~marginRight~~: 4,\n },\n ~~marginLeft~~: {\n ~~marginLeft~~: 4,\n },\n separator: {\n position: 'absolute',\n ~~left~~: 0,\n ~~right~~: -16,\n bottom: 0,\n height: 1,\n },\n});\n\nexport default OpenChannelPreview;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,IAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,KAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,iBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,cAAA,GAAAR,sBAAA,CAAAC,OAAA;AAAsD,SAAAD,uBAAAS,~~GAAA~~,WAAAA,~~GAAA~~,IAAAA,~~GAAA~~,CAAAC,UAAA,GAAAD,~~GAAA~~,KAAAE,OAAA,EAAAF,~~GAAA~~;AAStD,MAAMG,kBAAkB,~~GAAGC~~,~~IAAA,IAA4E~~;~~EAAA~~,~~IAA3E;IAAEC,~~WAAW;~~IAAEC~~,QAAQ;~~IAAEC~~,iBAAiB,GAAG,CAAC;~~IAAEC~~,KAAK;~~IAAEC~~;~~EAAc~~,CAAC,~~GAAAL,IAAA~~;~~EAChG~~,MAAM;~~IAAEM~~;EAAO,CAAC,GAAG,IAAAC,sBAAa,~~GAAE~~;EAClC,MAAMC,KAAK,GAAGF,MAAM,CAACG,EAAE,CAACC,kBAAkB,~~CAACZ~~,OAAO,~~CAACa~~,IAAI;EAEvD,~~oBACEzB~~,MAAA,CAAAY,OAAA,~~CAAAc~~,aAAA,~~CAACtB~~,IAAA,CAAAQ,OAAG;~~IACFe~~,eAAe,EAAEL,KAAK,CAACM,UAAW;IAClCC,KAAK,EAAE,MAAO;IACdC,MAAM,EAAE,EAAG;IACXC,aAAa,EAAE,KAAM;IACrBC,UAAU,EAAE,QAAS;IACrBC,iBAAiB,EAAE;EAAG,~~gBAEtBjC~~,MAAA,CAAAY,OAAA,~~CAAAc~~,aAAA,~~CAACtB~~,IAAA,CAAAQ,OAAG;~~IACFiB~~,KAAK,EAAEK,MAAM,CAACC,YAAY,CAACN,KAAM;IACjCC,MAAM,EAAEI,MAAM,CAACC,YAAY,CAACL,MAAO;IACnCM,YAAY,EAAEF,MAAM,CAACC,YAAY,CAACN,KAAM;IACxCQ,QAAQ,EAAE,QAAS;IACnBC,~~WAAW~~,EAAE;EAAG,~~GAEf~~,IAAAC,6BAAiB,EAChB,CAACC,OAAO,CAACzB,WAAW,CAAC,CAAC,EACtB,CACEA,WAAW,~~eACXf~~,MAAA,CAAAY,OAAA,~~CAAAc~~,aAAA,~~CAACpB~~,MAAA,CAAAM,OAAK;~~IACJ6B~~,UAAU,EAAE,OAAQ;IACpBC,KAAK,EAAE,CAACR,MAAM,CAACC,YAAY,EAAE;MAAER,eAAe,EAAEL,KAAK,CAACqB;IAAgB,CAAC,CAAE;IACzEC,MAAM,EAAE;MAAEC,GAAG,EAAE7B;IAAS;EAAE,~~EAC1B~~,~~CACH~~,~~CACF~~,CACG,~~eACNhB~~,MAAA,CAAAY,OAAA,~~CAAAc~~,aAAA,~~CAACtB~~,IAAA,CAAAQ,OAAG;~~IAACkC~~,IAAI,EAAE,CAAE;IAAChB,MAAM,EAAE,MAAO;IAACiB,cAAc,EAAE;EAAS,~~gBACrD/C~~,MAAA,CAAAY,OAAA,~~CAAAc~~,aAAA,~~CAACtB~~,IAAA,CAAAQ,OAAG;~~IAACmB~~,aAAa,EAAE,KAAM;IAACiB,UAAU,EAAE,CAAE;IAACC,YAAY,EAAE,CAAE;IAACjB,UAAU,EAAE;EAAS,~~gBAC9EhC~~,MAAA,CAAAY,OAAA,~~CAAAc~~,aAAA,~~CAACnB~~,KAAA,CAAAK,OAAI;~~IAACsC~~,SAAS;IAACR,KAAK,EAAER,MAAM,CAACiB,gBAAiB;IAACC,aAAa,EAAE,CAAE;IAAC9B,KAAK,EAAEA,KAAK,CAAC+B;EAAU,GACtFnC,~~KAAK~~,~~CACD~~,EACNC,MAAM,~~iBAAInB~~,MAAA,CAAAY,OAAA,~~CAAAc~~,aAAA,~~CAACrB~~,KAAA,CAAAO,OAAI;~~IAAC0C~~,IAAI,EAAE,EAAG;IAACC,IAAI,EAAE,QAAS;IAACjC,KAAK,EAAEA,KAAK,CAACkC,UAAW;IAACC,cAAc,EAAEvB,MAAM,CAACwB;~~EAAW~~,~~EAAG~~,~~CACrG~~,~~eACN1D~~,MAAA,CAAAY,OAAA,~~CAAAc~~,aAAA,~~CAACtB~~,IAAA,CAAAQ,OAAG;~~IAACmB~~,aAAa,EAAE,KAAM;IAACiB,UAAU,EAAE,CAAE;IAAChB,UAAU,EAAE,QAAS;IAACe,cAAc,EAAE;EAAa,~~gBAC3F/C~~,MAAA,CAAAY,OAAA,~~CAAAc~~,aAAA,~~CAACtB~~,IAAA,CAAAQ,OAAG;~~IAACmB~~,aAAa,EAAE,KAAM;IAACC,UAAU,EAAE;EAAS,~~gBAC9ChC~~,MAAA,CAAAY,OAAA,~~CAAAc~~,aAAA,~~CAACrB~~,KAAA,CAAAO,OAAI;~~IAAC0C~~,IAAI,EAAE,EAAG;IAACC,IAAI,EAAE,SAAU;IAACjC,KAAK,EAAEA,KAAK,CAACqC,gBAAiB;IAACF,cAAc,EAAEvB,MAAM,CAACI;~~EAAY~~,~~EAAG~~,~~eACtGtC~~,MAAA,CAAAY,OAAA,~~CAAAc~~,aAAA,~~CAACnB~~,KAAA,CAAAK,OAAI;~~IAACgD~~,QAAQ;IAACtC,KAAK,EAAEA,KAAK,CAACuC;EAAiB,GAC1C,IAAAC,0BAAc,EAAC7C,iBAAiB,EAAE,GAAG,~~CAAC,~~CAClC,CACH,CACF,~~eACNjB~~,MAAA,CAAAY,OAAA,~~CAAAc~~,aAAA,CAACqC,SAAS;IAACzC,KAAK,EAAEA,KAAK,CAAC0C;EAAU,~~EAAG~~,CACjC,CACF;AAEV,CAAC;AAED,MAAMD,SAAS,~~GAAGE~~,~~KAAA~~;~~EAAA,IAAC~~;~~IAAE3C;EAAyB~~,CAAC,~~GAAA2C~~,~~KAAA;EAAA,oBAAKjE,~~MAAA,CAAAY,OAAA,~~CAAAc~~,aAAA,~~CAACtB~~,IAAA,CAAAQ,OAAG;~~IAAC8B~~,KAAK,EAAE,CAACR,MAAM,CAAC8B,SAAS,EAAE;~~MAAErC~~,eAAe,EAAEL;~~IAAM~~,CAAC;~~EAAE~~,~~EAAG~~;~~AAAA;~~AAElH,MAAMY,MAAM,GAAG,~~IAAAgC~~,yBAAgB,EAAC;~~EAC9B/B~~,YAAY,EAAE;IACZN,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDqB,gBAAgB,EAAE;IAChBH,UAAU,EAAE;EACd,CAAC;EACDV,~~WAAW~~,EAAE;~~IACXA~~,~~WAAW~~,EAAE;~~EACf~~,CAAC;EACDoB,~~UAAU~~,EAAE;~~IACVA~~,~~UAAU~~,EAAE;~~EACd~~,CAAC;EACDM,SAAS,EAAE;~~IACTG~~,QAAQ,EAAE,UAAU;IACpBC,~~IAAI~~,EAAE,CAAC;~~IACPC~~,~~KAAK~~,EAAE,CAAC,EAAE;~~IACVC~~,MAAM,EAAE,CAAC;~~IACTxC~~,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAAC,~~IAAAyC~~,QAAA,~~GAEY1D~~,~~kBAAkB;AAAA2D,~~OAAA,~~CAAA5D~~,OAAA,~~GAAA2D~~,~~QAAA~~"}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_Box","_Icon","_Image","_Text","_createStyleSheet","_useUIKitTheme","e","__esModule","default","OpenChannelPreview","customCover","coverUrl","participantsCount","title","frozen","colors","useUIKitTheme","color","ui","openChannelPreview","none","createElement","backgroundColor","background","width","height","flexDirection","alignItems","paddingHorizontal","styles","channelCover","borderRadius","overflow","marginEnd","conditionChaining","Boolean","resizeMode","style","coverBackground","source","uri","flex","justifyContent","flexShrink","marginBottom","subtitle1","channelInfoTitle","numberOfLines","textTitle","size","icon","frozenIcon","containerStyle","marginStart","participantsIcon","caption2","textParticipants","truncatedCount","Separator","separator","createStyleSheet","position","start","end","bottom","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { conditionChaining, truncatedCount } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport Icon from '../../components/Icon';\nimport Image from '../../components/Image';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = {\n customCover?: React.ReactNode;\n coverUrl: string;\n title: string;\n participantsCount?: number;\n frozen?: boolean;\n};\nconst OpenChannelPreview = ({ customCover, coverUrl, participantsCount = 0, title, frozen }: Props) => {\n const { colors } = useUIKitTheme();\n const color = colors.ui.openChannelPreview.default.none;\n\n return (\n <Box\n backgroundColor={color.background}\n width={'100%'}\n height={62}\n flexDirection={'row'}\n alignItems={'center'}\n paddingHorizontal={16}\n >\n <Box\n width={styles.channelCover.width}\n height={styles.channelCover.height}\n borderRadius={styles.channelCover.width}\n overflow={'hidden'}\n marginEnd={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.marginStart} />}\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.marginEnd} />\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 marginEnd: {\n marginEnd: 4,\n },\n marginStart: {\n marginStart: 4,\n },\n separator: {\n position: 'absolute',\n start: 0,\n end: -16,\n bottom: 0,\n height: 1,\n },\n});\n\nexport default OpenChannelPreview;\n"],"mappings":"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","ignoreList":[]}

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

@@ -9,13 +9,12 @@ 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,
-    onPress,
-    containerStyle
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const OutlinedButton = ({
+  children,
+  onPress,
+  containerStyle
+}) => {
   const {
     colors
   } = (0, _useUIKitTheme.default)();
@@ -44,6 +43,5 @@ const styles = (0, _createStyleSheet.default)({
     width: '100%'
   }
 });
-var _default = OutlinedButton;
-exports.default = _default;
+var _default = exports.default = OutlinedButton;
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"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~~"}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Text","_createStyleSheet","_useUIKitTheme","e","__esModule","default","OutlinedButton","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,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQtD,MAAMG,cAAc,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,OAAO;EAAEC;AAAoC,CAAC,KAAK;EACrF,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAa,EAAC,CAAC;EAClC,oBACEf,MAAA,CAAAS,OAAA,CAAAO,aAAA,CAACb,YAAA,CAAAc,SAAS;IACRL,OAAO,EAAEA,OAAQ;IACjBM,KAAK,EAAE,CAACC,MAAM,CAACC,cAAc,EAAE;MAAEC,WAAW,EAAEP,MAAM,CAACQ;IAAe,CAAC,EAAET,cAAc;EAAE,gBAEvFb,MAAA,CAAAS,OAAA,CAAAO,aAAA,CAACZ,KAAA,CAAAK,OAAI;IAACc,MAAM;IAACC,KAAK,EAAEV,MAAM,CAACQ,cAAe;IAACG,aAAa,EAAE,CAAE;IAACP,KAAK,EAAEC,MAAM,CAACO;EAAmB,GAC3Ff,QACG,CACG,CAAC;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,GAAAC,OAAA,CAAA3B,OAAA,GAEYC,cAAc","ignoreList":[]}

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

@@ -13,15 +13,14 @@ var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyle
 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,
-    loading = false,
-    message = '',
-    errorRetryLabel,
-    onPressRetry
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Placeholder = ({
+  icon,
+  loading = false,
+  message = '',
+  errorRetryLabel,
+  onPressRetry
+}) => {
   const {
     colors
   } = (0, _useUIKitTheme.default)();
@@ -66,6 +65,5 @@ const styles = (0, _createStyleSheet.default)({
     justifyContent: 'center'
   }
 });
-var _default = Placeholder;
-exports.default = _default;
+var _default = exports.default = Placeholder;
 //# sourceMappingURL=index.js.map