@sendbird/uikit-react-native-foundation 3.0.4 → 3.1.1

package/lib/commonjs/ui/OpenChannelMessage/Message.file.video.js

@@ -4,104 +4,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _uikitUtils = require("@sendbird/uikit-utils");
-var _Box = _interopRequireDefault(require("../../components/Box"));
-var _Icon = _interopRequireDefault(require("../../components/Icon"));
-var _ImageWithPlaceholder = _interopRequireDefault(require("../../components/ImageWithPlaceholder"));
 var _PressBox = _interopRequireDefault(require("../../components/PressBox"));
+var _VideoThumbnail = require("../../components/VideoThumbnail");
 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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const VideoFileMessage = props => {
-  const {
-    colors,
-    palette
-  } = (0, _useUIKitTheme.default)();
   const {
     onPress,
     onLongPress,
     ...rest
   } = props;
-  const uri = (0, _uikitUtils.getAvailableUriFromFileMessage)(props.message);
-  const {
-    thumbnail,
-    loading
-  } = useRetry(() => props.fetchThumbnailFromVideoSource(uri));
+  const uri = (0, _uikitUtils.getThumbnailUriFromFileMessage)(props.message);
   return /*#__PURE__*/_react.default.createElement(_MessageContainer.default, rest, /*#__PURE__*/_react.default.createElement(_PressBox.default, {
     style: styles.container,
     activeOpacity: 0.8,
     onPress: onPress,
     onLongPress: onLongPress
-  }, /*#__PURE__*/_react.default.createElement(_Box.default, {
-    borderRadius: 8,
-    overflow: 'hidden',
-    style: styles.container
-  }, loading ? /*#__PURE__*/_react.default.createElement(_Box.default, {
-    backgroundColor: colors.onBackground04,
-    style: {
-      width: '100%',
-      height: '100%'
-    }
-  }) : /*#__PURE__*/_react.default.createElement(_ImageWithPlaceholder.default, {
-    source: {
-      uri: thumbnail ?? 'invalid-image'
-    },
-    width: '100%',
-    height: '100%'
-  }), (loading || thumbnail !== null) && /*#__PURE__*/_react.default.createElement(_Box.default, {
-    style: styles.iconContainer,
-    alignItems: 'center',
-    justifyContent: 'center'
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    icon: 'play',
-    size: 28,
-    color: palette.onBackgroundLight02,
-    containerStyle: [styles.playIcon, {
-      backgroundColor: palette.onBackgroundDark01
-    }]
-  })))));
-};
-const useRetry = function (fetch) {
-  let retryCount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5;
-  const [state, setState] = (0, _react.useState)({
-    thumbnail: null,
-    loading: true
-  });
-  const retryCountRef = (0, _react.useRef)(0);
-  const retryTimeoutRef = (0, _react.useRef)();
-  const fetchThumbnail = (0, _react.useRef)(fetch);
-  fetchThumbnail.current = fetch;
-  (0, _react.useEffect)(() => {
-    if (!state.thumbnail) {
-      const reloadReservation = () => {
-        if (retryCountRef.current < retryCount) {
-          retryTimeoutRef.current = setTimeout(() => {
-            retryCountRef.current++;
-            reloadReservation();
-            fetchThumbnail.current().then(result => {
-              setState({
-                loading: false,
-                thumbnail: (result === null || result === void 0 ? void 0 : result.path) ?? null
-              });
-            });
-          }, retryCountRef.current * 5000);
-        }
-      };
-      return reloadReservation();
-    } else {
-      return clearTimeout(retryTimeoutRef.current);
-    }
-  }, [state.thumbnail]);
-  return state;
+  }, /*#__PURE__*/_react.default.createElement(_VideoThumbnail.VideoThumbnail, {
+    style: styles.container,
+    source: uri,
+    fetchThumbnailFromVideoSource: props.fetchThumbnailFromVideoSource
+  })));
 };
 const styles = (0, _createStyleSheet.default)({
   container: {
     maxWidth: 296,
-    height: 196
+    height: 196,
+    borderRadius: 8,
+    overflow: 'hidden'
   },
   iconContainer: {
     position: 'absolute',

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_uikitUtils","_Box","_interopRequireDefault","_Icon","_ImageWithPlaceholder","_PressBox","_createStyleSheet","_useUIKitTheme","_MessageContainer","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","VideoFileMessage","props","colors","palette","useUIKitTheme","onPress","onLongPress","rest","uri","getAvailableUriFromFileMessage","message","thumbnail","loading","useRetry","fetchThumbnailFromVideoSource","createElement","style","styles","container","activeOpacity","borderRadius","overflow","backgroundColor","onBackground04","width","height","source","iconContainer","alignItems","justifyContent","icon","size","color","onBackgroundLight02","containerStyle","playIcon","onBackgroundDark01","fetch","retryCount","arguments","length","undefined","state","setState","useState","retryCountRef","useRef","retryTimeoutRef","fetchThumbnail","current","useEffect","reloadReservation","setTimeout","then","result","path","clearTimeout","createStyleSheet","maxWidth","position","padding","_default","exports"],"sources":["Message.file.video.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport type { SendbirdFileMessage } from '@sendbird/uikit-utils';\nimport { getAvailableUriFromFileMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport Icon from '../../components/Icon';\nimport ImageWithPlaceholder from '../../components/ImageWithPlaceholder';\nimport PressBox from '../../components/PressBox';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageContainer from './MessageContainer';\nimport type { OpenChannelMessageProps } from './index';\n\ntype Props = {\n  fetchThumbnailFromVideoSource: (uri: string) => Promise<{ path: string } | null>;\n};\nconst VideoFileMessage = (props: OpenChannelMessageProps<SendbirdFileMessage, Props>) => {\n  const { colors, palette } = useUIKitTheme();\n  const { onPress, onLongPress, ...rest } = props;\n  const uri = getAvailableUriFromFileMessage(props.message);\n  const { thumbnail, loading } = useRetry(() => props.fetchThumbnailFromVideoSource(uri));\n\n  return (\n    <MessageContainer {...rest}>\n      <PressBox style={styles.container} activeOpacity={0.8} onPress={onPress} onLongPress={onLongPress}>\n        <Box borderRadius={8} overflow={'hidden'} style={styles.container}>\n          {loading ? (\n            <Box backgroundColor={colors.onBackground04} style={{ width: '100%', height: '100%' }} />\n          ) : (\n            <ImageWithPlaceholder source={{ uri: thumbnail ?? 'invalid-image' }} width={'100%'} height={'100%'} />\n          )}\n\n          {(loading || thumbnail !== null) && (\n            <Box style={styles.iconContainer} alignItems={'center'} justifyContent={'center'}>\n              <Icon\n                icon={'play'}\n                size={28}\n                color={palette.onBackgroundLight02}\n                containerStyle={[styles.playIcon, { backgroundColor: palette.onBackgroundDark01 }]}\n              />\n            </Box>\n          )}\n        </Box>\n      </PressBox>\n    </MessageContainer>\n  );\n};\nconst useRetry = (fetch: () => Promise<{ path: string } | null>, retryCount = 5) => {\n  const [state, setState] = useState({ thumbnail: null as null | string, loading: true });\n  const retryCountRef = useRef(0);\n  const retryTimeoutRef = useRef<NodeJS.Timeout>();\n  const fetchThumbnail = useRef(fetch);\n  fetchThumbnail.current = fetch;\n\n  useEffect(() => {\n    if (!state.thumbnail) {\n      const reloadReservation = () => {\n        if (retryCountRef.current < retryCount) {\n          retryTimeoutRef.current = setTimeout(() => {\n            retryCountRef.current++;\n            reloadReservation();\n            fetchThumbnail.current().then((result) => {\n              setState({ loading: false, thumbnail: result?.path ?? null });\n            });\n          }, retryCountRef.current * 5000);\n        }\n      };\n\n      return reloadReservation();\n    } else {\n      return clearTimeout(retryTimeoutRef.current);\n    }\n  }, [state.thumbnail]);\n\n  return state;\n};\nconst styles = createStyleSheet({\n  container: {\n    maxWidth: 296,\n    height: 196,\n  },\n  iconContainer: {\n    position: 'absolute',\n    width: '100%',\n    height: '100%',\n  },\n  playIcon: {\n    padding: 10,\n    borderRadius: 50,\n  },\n});\nexport default VideoFileMessage;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_PressBox","_VideoThumbnail","_createStyleSheet","_MessageContainer","obj","__esModule","default","VideoFileMessage","props","onPress","onLongPress","rest","uri","getThumbnailUriFromFileMessage","message","createElement","style","styles","container","activeOpacity","VideoThumbnail","source","fetchThumbnailFromVideoSource","createStyleSheet","maxWidth","height","borderRadius","overflow","iconContainer","position","width","playIcon","padding","_default","exports"],"sources":["Message.file.video.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdFileMessage } from '@sendbird/uikit-utils';\nimport { getThumbnailUriFromFileMessage } from '@sendbird/uikit-utils';\n\nimport PressBox from '../../components/PressBox';\nimport { VideoThumbnail } from '../../components/VideoThumbnail';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport MessageContainer from './MessageContainer';\nimport type { OpenChannelMessageProps } from './index';\n\ntype Props = {\n  fetchThumbnailFromVideoSource: (uri: string) => Promise<{ path: string } | null>;\n};\n\nconst VideoFileMessage = (props: OpenChannelMessageProps<SendbirdFileMessage, Props>) => {\n  const { onPress, onLongPress, ...rest } = props;\n  const uri = getThumbnailUriFromFileMessage(props.message);\n\n  return (\n    <MessageContainer {...rest}>\n      <PressBox style={styles.container} activeOpacity={0.8} onPress={onPress} onLongPress={onLongPress}>\n        <VideoThumbnail\n          style={styles.container}\n          source={uri}\n          fetchThumbnailFromVideoSource={props.fetchThumbnailFromVideoSource}\n        />\n      </PressBox>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    maxWidth: 296,\n    height: 196,\n    borderRadius: 8,\n    overflow: 'hidden',\n  },\n  iconContainer: {\n    position: 'absolute',\n    width: '100%',\n    height: '100%',\n  },\n  playIcon: {\n    padding: 10,\n    borderRadius: 50,\n  },\n});\nexport default VideoFileMessage;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,iBAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAkD,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAOlD,MAAMG,gBAAgB,GAAIC,KAA0D,IAAK;EACvF,MAAM;IAAEC,OAAO;IAAEC,WAAW;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAC/C,MAAMI,GAAG,GAAG,IAAAC,0CAA8B,EAACL,KAAK,CAACM,OAAO,CAAC;EAEzD,oBACElB,MAAA,CAAAU,OAAA,CAAAS,aAAA,CAACZ,iBAAA,CAAAG,OAAgB,EAAKK,IAAI,eACxBf,MAAA,CAAAU,OAAA,CAAAS,aAAA,CAACf,SAAA,CAAAM,OAAQ;IAACU,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,aAAa,EAAE,GAAI;IAACV,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,gBAChGd,MAAA,CAAAU,OAAA,CAAAS,aAAA,CAACd,eAAA,CAAAmB,cAAc;IACbJ,KAAK,EAAEC,MAAM,CAACC,SAAU;IACxBG,MAAM,EAAET,GAAI;IACZU,6BAA6B,EAAEd,KAAK,CAACc;EAA8B,EACnE,CACO,CACM;AAEvB,CAAC;AAED,MAAML,MAAM,GAAG,IAAAM,yBAAgB,EAAC;EAC9BL,SAAS,EAAE;IACTM,QAAQ,EAAE,GAAG;IACbC,MAAM,EAAE,GAAG;IACXC,YAAY,EAAE,CAAC;IACfC,QAAQ,EAAE;EACZ,CAAC;EACDC,aAAa,EAAE;IACbC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,MAAM;IACbL,MAAM,EAAE;EACV,CAAC;EACDM,QAAQ,EAAE;IACRC,OAAO,EAAE,EAAE;IACXN,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAAC,IAAAO,QAAA,GACY1B,gBAAgB;AAAA2B,OAAA,CAAA5B,OAAA,GAAA2B,QAAA"}

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

@@ -97,7 +97,7 @@ const OpenGraphUserMessage = props => {
       numberOfLines: 2,
       caption2: true,
       color: colors.onBackground01
-    }, props.message.ogMetaData.description), Boolean(props.message.ogMetaData.defaultImage) && /*#__PURE__*/_react.default.createElement(_ImageWithPlaceholder.default, {
+    }, props.message.ogMetaData.description), !!props.message.ogMetaData.defaultImage && /*#__PURE__*/_react.default.createElement(_ImageWithPlaceholder.default, {
       style: styles.ogImage,
       source: {
         uri: props.message.ogMetaData.defaultImage.url

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

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

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

@@ -1,5 +1,7 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { Image, StyleSheet, View } from 'react-native';
+import { convertFileTypeToMessageType, getFileIconFromMessageType } from '@sendbird/uikit-utils';
 import IconAssets from '../../assets/icon';
 import createStyleSheet from '../../styles/createStyleSheet';
 import useUIKitTheme from '../../theme/useUIKitTheme';
@@ -28,6 +30,15 @@ const Icon = _ref => {
     }, sizeStyle, style]
   }));
 };
+const FileIcon = _ref2 => {
+  let {
+    fileType,
+    ...props
+  } = _ref2;
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    icon: getFileIconFromMessageType(convertFileTypeToMessageType(fileType))
+  }, props));
+};
 const containerStyles = StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -57,5 +68,6 @@ const sizeStyles = createStyleSheet({
   }
 });
 Icon.Assets = IconAssets;
+Icon.File = FileIcon;
 export default Icon;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,105 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { StyleSheet } from 'react-native';
+import { isImage } from '@sendbird/uikit-utils';
+import createStyleSheet from '../../styles/createStyleSheet';
+import useUIKitTheme from '../../theme/useUIKitTheme';
+import Box from '../Box';
+import Icon from '../Icon';
+import ImageWithPlaceholder from '../ImageWithPlaceholder';
+export const VideoThumbnail = _ref => {
+  let {
+    fetchThumbnailFromVideoSource,
+    style,
+    source,
+    videoSource,
+    iconSize = 28
+  } = _ref;
+  const {
+    palette,
+    select
+  } = useUIKitTheme();
+  const {
+    thumbnail,
+    loading
+  } = useRetry(async () => {
+    if (isImage(source ?? videoSource)) return {
+      path: source ?? videoSource
+    };
+    return fetchThumbnailFromVideoSource(source ?? videoSource);
+  });
+  return /*#__PURE__*/React.createElement(Box, {
+    style: style
+  }, loading ? /*#__PURE__*/React.createElement(Box, {
+    style: StyleSheet.absoluteFill,
+    backgroundColor: select({
+      dark: palette.background400,
+      light: palette.background100
+    })
+  }) : /*#__PURE__*/React.createElement(ImageWithPlaceholder, {
+    source: {
+      uri: thumbnail ?? 'invalid-image'
+    },
+    style: StyleSheet.absoluteFill
+  }), (loading || thumbnail !== null) && iconSize > 0 && /*#__PURE__*/React.createElement(Box, {
+    style: StyleSheet.absoluteFill,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: 'play',
+    size: iconSize,
+    color: palette.onBackgroundLight02,
+    containerStyle: [styles.playIcon, {
+      backgroundColor: palette.onBackgroundDark01
+    }]
+  })));
+};
+const useRetry = function (fetch) {
+  let retryCount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5;
+  const [state, setState] = useState({
+    thumbnail: null,
+    loading: true
+  });
+  const retryCountRef = useRef(0);
+  const fetchThumbnail = useRef(fetch);
+  fetchThumbnail.current = fetch;
+  useEffect(() => {
+    let _timeout;
+    let _cancelled = false;
+    if (!state.thumbnail) {
+      const tryFetchThumbnail = timeout => {
+        const retry = () => {
+          retryCountRef.current++;
+          tryFetchThumbnail(timeout + 5000);
+        };
+        const finish = path => {
+          if (!_cancelled) setState({
+            loading: false,
+            thumbnail: path
+          });
+        };
+        if (retryCountRef.current < retryCount) {
+          _timeout = setTimeout(() => {
+            fetchThumbnail.current().then(result => {
+              if (result === null) retry();else finish(result.path);
+            }).catch(() => retry());
+          }, timeout);
+        } else {
+          finish(null);
+        }
+      };
+      tryFetchThumbnail(0);
+    }
+    return () => {
+      _cancelled = true;
+      clearTimeout(_timeout);
+    };
+  }, [state.thumbnail]);
+  return state;
+};
+const styles = createStyleSheet({
+  playIcon: {
+    padding: 10,
+    borderRadius: 50
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","useState","StyleSheet","isImage","createStyleSheet","useUIKitTheme","Box","Icon","ImageWithPlaceholder","VideoThumbnail","_ref","fetchThumbnailFromVideoSource","style","source","videoSource","iconSize","palette","select","thumbnail","loading","useRetry","path","createElement","absoluteFill","backgroundColor","dark","background400","light","background100","uri","alignItems","justifyContent","icon","size","color","onBackgroundLight02","containerStyle","styles","playIcon","onBackgroundDark01","fetch","retryCount","arguments","length","undefined","state","setState","retryCountRef","fetchThumbnail","current","_timeout","_cancelled","tryFetchThumbnail","timeout","retry","finish","setTimeout","then","result","catch","clearTimeout","padding","borderRadius"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { StyleProp, StyleSheet, ViewStyle } from 'react-native';\n\nimport { isImage } from '@sendbird/uikit-utils';\n\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Box from '../Box';\nimport Icon from '../Icon';\nimport ImageWithPlaceholder from '../ImageWithPlaceholder';\n\ntype Props = {\n  source: string;\n  fetchThumbnailFromVideoSource: (uri: string) => Promise<{ path: string } | null>;\n\n  style?: StyleProp<ViewStyle>;\n  iconSize?: number;\n  /** @deprecated please use `source` prop **/\n  videoSource?: string;\n};\n\nexport const VideoThumbnail = ({ fetchThumbnailFromVideoSource, style, source, videoSource, iconSize = 28 }: Props) => {\n  const { palette, select } = useUIKitTheme();\n  const { thumbnail, loading } = useRetry(async () => {\n    if (isImage(source ?? videoSource)) return { path: source ?? videoSource };\n    return fetchThumbnailFromVideoSource(source ?? videoSource);\n  });\n\n  return (\n    <Box style={style}>\n      {loading ? (\n        <Box\n          style={StyleSheet.absoluteFill}\n          backgroundColor={select({ dark: palette.background400, light: palette.background100 })}\n        />\n      ) : (\n        <ImageWithPlaceholder source={{ uri: thumbnail ?? 'invalid-image' }} style={StyleSheet.absoluteFill} />\n      )}\n\n      {(loading || thumbnail !== null) && iconSize > 0 && (\n        <Box style={StyleSheet.absoluteFill} alignItems={'center'} justifyContent={'center'}>\n          <Icon\n            icon={'play'}\n            size={iconSize}\n            color={palette.onBackgroundLight02}\n            containerStyle={[styles.playIcon, { backgroundColor: palette.onBackgroundDark01 }]}\n          />\n        </Box>\n      )}\n    </Box>\n  );\n};\n\nconst useRetry = (fetch: () => Promise<{ path: string } | null>, retryCount = 5) => {\n  const [state, setState] = useState({ thumbnail: null as null | string, loading: true });\n  const retryCountRef = useRef(0);\n  const fetchThumbnail = useRef(fetch);\n  fetchThumbnail.current = fetch;\n\n  useEffect(() => {\n    let _timeout: NodeJS.Timeout;\n    let _cancelled = false;\n\n    if (!state.thumbnail) {\n      const tryFetchThumbnail = (timeout: number) => {\n        const retry = () => {\n          retryCountRef.current++;\n          tryFetchThumbnail(timeout + 5000);\n        };\n\n        const finish = (path: string | null) => {\n          if (!_cancelled) setState({ loading: false, thumbnail: path });\n        };\n\n        if (retryCountRef.current < retryCount) {\n          _timeout = setTimeout(() => {\n            fetchThumbnail\n              .current()\n              .then((result) => {\n                if (result === null) retry();\n                else finish(result.path);\n              })\n              .catch(() => retry());\n          }, timeout);\n        } else {\n          finish(null);\n        }\n      };\n\n      tryFetchThumbnail(0);\n    }\n\n    return () => {\n      _cancelled = true;\n      clearTimeout(_timeout);\n    };\n  }, [state.thumbnail]);\n\n  return state;\n};\n\nconst styles = createStyleSheet({\n  playIcon: {\n    padding: 10,\n    borderRadius: 50,\n  },\n});\n"],"mappings":"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"}

package/lib/module/index.js

@@ -13,6 +13,7 @@ export { default as RegexText } from './components/RegexText';
 export { default as Switch } from './components/Switch';
 export { default as Text } from './components/Text';
 export { default as TextInput } from './components/TextInput';
+export { VideoThumbnail } from './components/VideoThumbnail';
 
 /** UI **/
 export { default as ActionMenu } from './ui/ActionMenu';

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","IconAssets","Box","Divider","Icon","Image","ImageWithPlaceholder","Modal","PressBox","RegexText","Switch","Text","TextInput","ActionMenu","Alert","Avatar","Badge","BottomSheet","Button","ChannelFrozenBanner","DialogProvider","useActionMenu","useAlert","usePrompt","useBottomSheet","Header","LoadingSpinner","MenuBar","GroupChannelMessage","GroupChannelPreview","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 type { RegexTextPattern } from './components/RegexText';\nexport { default as Switch } from './components/Switch';\nexport { default as Text } from './components/Text';\nexport { default as TextInput } from './components/TextInput';\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 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 GroupChannelMessage } from './ui/GroupChannelMessage';\nexport type { GroupChannelMessageProps } from './ui/GroupChannelMessage';\nexport { default as GroupChannelPreview } from './ui/GroupChannelPreview';\n\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":"AAAA;AACA,SAASA,OAAO,IAAIC,UAAU,QAAQ,eAAe;;AAErD;AACA,SAASD,OAAO,IAAIE,GAAG,QAAQ,kBAAkB;AACjD,SAASF,OAAO,IAAIG,OAAO,QAAQ,sBAAsB;AACzD,SAASH,OAAO,IAAII,IAAI,QAAQ,mBAAmB;AACnD,SAASJ,OAAO,IAAIK,KAAK,QAAQ,oBAAoB;AACrD,SAASL,OAAO,IAAIM,oBAAoB,QAAQ,mCAAmC;AACnF,SAASN,OAAO,IAAIO,KAAK,QAAQ,oBAAoB;AACrD,SAASP,OAAO,IAAIQ,QAAQ,QAAQ,uBAAuB;AAC3D,SAASR,OAAO,IAAIS,SAAS,QAAQ,wBAAwB;AAE7D,SAAST,OAAO,IAAIU,MAAM,QAAQ,qBAAqB;AACvD,SAASV,OAAO,IAAIW,IAAI,QAAQ,mBAAmB;AACnD,SAASX,OAAO,IAAIY,SAAS,QAAQ,wBAAwB;;AAE7D;AACA,SAASZ,OAAO,IAAIa,UAAU,QAAQ,iBAAiB;AACvD,SAASb,OAAO,IAAIc,KAAK,QAAQ,YAAY;AAC7C,SAASd,OAAO,IAAIe,MAAM,QAAQ,aAAa;AAC/C,SAASf,OAAO,IAAIgB,KAAK,QAAQ,YAAY;AAC7C,SAAShB,OAAO,IAAIiB,WAAW,QAAQ,kBAAkB;AACzD,SAASjB,OAAO,IAAIkB,MAAM,QAAQ,aAAa;AAC/C,SAASlB,OAAO,IAAImB,mBAAmB,QAAQ,0BAA0B;AACzE,SAASC,cAAc,EAAEC,aAAa,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,cAAc,QAAQ,aAAa;AAChG,SAASxB,OAAO,IAAIyB,MAAM,QAAQ,aAAa;AAC/C,SAASzB,OAAO,IAAI0B,cAAc,QAAQ,qBAAqB;AAC/D,SAAS1B,OAAO,IAAI2B,OAAO,QAAQ,cAAc;AAEjD,SAAS3B,OAAO,IAAI4B,mBAAmB,QAAQ,0BAA0B;AAEzE,SAAS5B,OAAO,IAAI6B,mBAAmB,QAAQ,0BAA0B;AAEzE,SAAS7B,OAAO,IAAI8B,kBAAkB,QAAQ,yBAAyB;AAEvE,SAAS9B,OAAO,IAAI+B,kBAAkB,QAAQ,yBAAyB;AACvE,SAAS/B,OAAO,IAAIgC,cAAc,QAAQ,qBAAqB;AAC/D,SAAShC,OAAO,IAAIiC,WAAW,QAAQ,kBAAkB;AACzD,SAASjC,OAAO,IAAIkC,WAAW,QAAQ,kBAAkB;AACzD,SAASlC,OAAO,IAAImC,MAAM,QAAQ,aAAa;AAC/C,SAASnC,OAAO,IAAIoC,KAAK,EAAEC,QAAQ,EAAEC,aAAa,QAAQ,YAAY;;AAEtE;AACA,SAAStC,OAAO,IAAIuC,yBAAyB,QAAQ,oCAAoC;AACzF,SAASvC,OAAO,IAAIwC,iBAAiB,QAAQ,4BAA4B;AACzE,SAASxC,OAAO,IAAIyC,gBAAgB,QAAQ,2BAA2B;AACvE,SAASzC,OAAO,IAAI0C,gBAAgB,QAAQ,2BAA2B;AACvE,SAAS1C,OAAO,IAAI2C,sBAAsB,QAAQ,iCAAiC;AACnF,SAASC,kBAAkB,EAAEC,mBAAmB,QAAQ,6BAA6B;AACrF,SAAS7C,OAAO,IAAI8C,cAAc,QAAQ,yBAAyB;;AAEnE;AACA,SAAS9C,OAAO,IAAI+C,WAAW,QAAQ,qBAAqB;AAC5D,SAAS/C,OAAO,IAAIgD,cAAc,QAAQ,wBAAwB;AAClE,SAAShD,OAAO,IAAIiD,eAAe,QAAQ,yBAAyB;AACpE,SAASjD,OAAO,IAAIkD,OAAO,QAAQ,iBAAiB;AACpD,SAASlD,OAAO,IAAImD,iBAAiB,QAAQ,2BAA2B;AACxE,SAASnD,OAAO,IAAIoD,kBAAkB,QAAQ,4BAA4B;AAC1E,SAASpD,OAAO,IAAIqD,aAAa,QAAQ,uBAAuB;;AAEhE"}
+{"version":3,"names":["default","IconAssets","Box","Divider","Icon","Image","ImageWithPlaceholder","Modal","PressBox","RegexText","Switch","Text","TextInput","VideoThumbnail","ActionMenu","Alert","Avatar","Badge","BottomSheet","Button","ChannelFrozenBanner","DialogProvider","useActionMenu","useAlert","usePrompt","useBottomSheet","Header","LoadingSpinner","MenuBar","GroupChannelMessage","GroupChannelPreview","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 type { RegexTextPattern } 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 { VideoThumbnail } from './components/VideoThumbnail';\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 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 GroupChannelMessage } from './ui/GroupChannelMessage';\nexport type { GroupChannelMessageProps } from './ui/GroupChannelMessage';\nexport { default as GroupChannelPreview } from './ui/GroupChannelPreview';\n\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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"}

package/lib/module/theme/DarkUIKitTheme.js

@@ -96,7 +96,8 @@ const DarkUIKitTheme = createTheme({
               text: palette.onBackgroundDark01,
               message: palette.onBackgroundDark02,
               highlight: palette.primary200,
-              destructive: palette.error300
+              destructive: palette.error300,
+              blurred: palette.onBackgroundDark04
             }
           }
         },

package/lib/module/theme/DarkUIKitTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["createTheme","DarkUIKitTheme","colorScheme","colors","palette","groupChannelMessage","incoming","enabled","textMsg","onBackgroundDark01","textEdited","onBackgroundDark02","textTime","onBackgroundDark03","textSenderName","background","background400","pressed","primary500","outgoing","onBackgroundLight01","onBackgroundLight02","transparent","primary200","primary300","primary","secondary","secondary200","error","error200","background600","text","onBackground01","onBackground02","onBackground03","onBackground04","onBackgroundDark04","onBackgroundReverse01","onBackgroundReverse02","onBackgroundReverse03","onBackgroundLight03","onBackgroundReverse04","onBackgroundLight04","ui","header","nav","none","background500","borderBottom","button","contained","content","disabled","dialog","default","message","highlight","destructive","error300","input","active","placeholder","underline","badge","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel","reaction","selected","rounded","openChannelMessage","bubbleBackground","adminBackground","textMsgPostfix","textOperator","background700","openChannelPreview","textParticipants","frozenIcon","participantsIcon","background300"],"sources":["DarkUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst DarkUIKitTheme = createTheme({\n  colorScheme: 'dark',\n  colors: (palette) => {\n    const groupChannelMessage = {\n      incoming: {\n        enabled: {\n          textMsg: palette.onBackgroundDark01,\n          textEdited: palette.onBackgroundDark02,\n          textTime: palette.onBackgroundDark03,\n          textSenderName: palette.onBackgroundDark02,\n          background: palette.background400,\n        },\n        pressed: {\n          textMsg: palette.onBackgroundDark01,\n          textEdited: palette.onBackgroundDark02,\n          textTime: palette.onBackgroundDark03,\n          textSenderName: palette.onBackgroundDark02,\n          background: palette.primary500,\n        },\n      },\n      outgoing: {\n        enabled: {\n          textMsg: palette.onBackgroundLight01,\n          textEdited: palette.onBackgroundLight02,\n          textTime: palette.onBackgroundDark03,\n          textSenderName: palette.transparent,\n          background: palette.primary200,\n        },\n        pressed: {\n          textMsg: palette.onBackgroundLight01,\n          textEdited: palette.onBackgroundLight02,\n          textTime: palette.onBackgroundDark03,\n          textSenderName: palette.transparent,\n          background: palette.primary300,\n        },\n      },\n    };\n\n    return {\n      primary: palette.primary200,\n      secondary: palette.secondary200,\n      error: palette.error200,\n      background: palette.background600,\n      text: palette.onBackgroundDark01,\n      onBackground01: palette.onBackgroundDark01,\n      onBackground02: palette.onBackgroundDark02,\n      onBackground03: palette.onBackgroundDark03,\n      onBackground04: palette.onBackgroundDark04,\n      onBackgroundReverse01: palette.onBackgroundLight01,\n      onBackgroundReverse02: palette.onBackgroundLight02,\n      onBackgroundReverse03: palette.onBackgroundLight03,\n      onBackgroundReverse04: palette.onBackgroundLight04,\n      ui: {\n        header: {\n          nav: {\n            none: {\n              background: palette.background500,\n              borderBottom: palette.onBackgroundDark04,\n            },\n          },\n        },\n        button: {\n          contained: {\n            enabled: {\n              background: palette.primary200,\n              content: palette.onBackgroundLight01,\n            },\n            pressed: {\n              background: palette.primary300,\n              content: palette.onBackgroundLight01,\n            },\n            disabled: {\n              background: palette.background500,\n              content: palette.onBackgroundDark04,\n            },\n          },\n          text: {\n            enabled: {\n              background: palette.transparent,\n              content: palette.primary200,\n            },\n            pressed: {\n              background: palette.background400,\n              content: palette.primary200,\n            },\n            disabled: {\n              background: palette.transparent,\n              content: palette.onBackgroundDark04,\n            },\n          },\n        },\n        dialog: {\n          default: {\n            none: {\n              background: palette.background500,\n              text: palette.onBackgroundDark01,\n              message: palette.onBackgroundDark02,\n              highlight: palette.primary200,\n              destructive: palette.error300,\n            },\n          },\n        },\n        input: {\n          default: {\n            active: {\n              text: palette.onBackgroundDark01,\n              placeholder: palette.onBackgroundDark03,\n              background: palette.background400,\n              highlight: palette.primary200,\n            },\n            disabled: {\n              text: palette.onBackgroundDark04,\n              placeholder: palette.onBackgroundDark04,\n              background: palette.background400,\n              highlight: palette.onBackgroundDark04,\n            },\n          },\n          underline: {\n            active: {\n              text: palette.onBackgroundDark01,\n              placeholder: palette.onBackgroundDark03,\n              background: palette.transparent,\n              highlight: palette.primary200,\n            },\n            disabled: {\n              text: palette.onBackgroundDark04,\n              placeholder: palette.onBackgroundDark04,\n              background: palette.transparent,\n              highlight: palette.onBackgroundDark04,\n            },\n          },\n        },\n        badge: {\n          default: {\n            none: {\n              text: palette.background600,\n              background: palette.primary200,\n            },\n          },\n        },\n        placeholder: {\n          default: {\n            none: {\n              content: palette.onBackgroundDark03,\n              highlight: palette.primary200,\n            },\n          },\n        },\n        message: groupChannelMessage,\n        dateSeparator: {\n          default: {\n            none: {\n              text: palette.onBackgroundDark02,\n              background: palette.overlay02,\n            },\n          },\n        },\n        groupChannelMessage,\n        groupChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundDark01,\n              textTitleCaption: palette.onBackgroundDark03,\n              textBody: palette.onBackgroundDark03,\n              bodyIcon: palette.onBackgroundDark02,\n              memberCount: palette.onBackgroundDark02,\n              background: palette.background600,\n              coverBackground: palette.onBackgroundDark04,\n              bodyIconBackground: palette.background500,\n              separator: palette.onBackgroundDark04,\n            },\n          },\n        },\n        profileCard: {\n          default: {\n            none: {\n              textUsername: palette.onBackgroundDark01,\n              textBodyLabel: palette.onBackgroundDark02,\n              textBody: palette.onBackgroundDark01,\n              background: palette.background500,\n            },\n          },\n        },\n        reaction: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              highlight: palette.onBackgroundDark03,\n            },\n            selected: {\n              background: palette.primary500,\n              highlight: palette.primary200,\n            },\n          },\n          rounded: {\n            enabled: {\n              background: palette.background400,\n              highlight: palette.transparent,\n            },\n            selected: {\n              background: palette.primary500,\n              highlight: palette.transparent,\n            },\n          },\n        },\n        openChannelMessage: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              bubbleBackground: palette.background500,\n              adminBackground: palette.background500,\n              textMsg: palette.onBackgroundDark01,\n              textMsgPostfix: palette.onBackgroundDark02,\n              textSenderName: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundDark03,\n              textOperator: palette.secondary200,\n            },\n            pressed: {\n              background: palette.background500,\n              bubbleBackground: palette.background700,\n              adminBackground: palette.background500,\n              textMsg: palette.onBackgroundDark01,\n              textMsgPostfix: palette.onBackgroundDark02,\n              textSenderName: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundDark03,\n              textOperator: palette.secondary200,\n            },\n          },\n        },\n        openChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundDark01,\n              textParticipants: palette.onBackgroundDark02,\n              frozenIcon: palette.primary200,\n              participantsIcon: palette.onBackgroundDark02,\n              background: palette.background600,\n              coverBackground: palette.background300,\n              separator: palette.onBackgroundDark04,\n            },\n          },\n        },\n      },\n    };\n  },\n});\n\nexport default DarkUIKitTheme;\n"],"mappings":"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"}
+{"version":3,"names":["createTheme","DarkUIKitTheme","colorScheme","colors","palette","groupChannelMessage","incoming","enabled","textMsg","onBackgroundDark01","textEdited","onBackgroundDark02","textTime","onBackgroundDark03","textSenderName","background","background400","pressed","primary500","outgoing","onBackgroundLight01","onBackgroundLight02","transparent","primary200","primary300","primary","secondary","secondary200","error","error200","background600","text","onBackground01","onBackground02","onBackground03","onBackground04","onBackgroundDark04","onBackgroundReverse01","onBackgroundReverse02","onBackgroundReverse03","onBackgroundLight03","onBackgroundReverse04","onBackgroundLight04","ui","header","nav","none","background500","borderBottom","button","contained","content","disabled","dialog","default","message","highlight","destructive","error300","blurred","input","active","placeholder","underline","badge","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel","reaction","selected","rounded","openChannelMessage","bubbleBackground","adminBackground","textMsgPostfix","textOperator","background700","openChannelPreview","textParticipants","frozenIcon","participantsIcon","background300"],"sources":["DarkUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst DarkUIKitTheme = createTheme({\n  colorScheme: 'dark',\n  colors: (palette) => {\n    const groupChannelMessage = {\n      incoming: {\n        enabled: {\n          textMsg: palette.onBackgroundDark01,\n          textEdited: palette.onBackgroundDark02,\n          textTime: palette.onBackgroundDark03,\n          textSenderName: palette.onBackgroundDark02,\n          background: palette.background400,\n        },\n        pressed: {\n          textMsg: palette.onBackgroundDark01,\n          textEdited: palette.onBackgroundDark02,\n          textTime: palette.onBackgroundDark03,\n          textSenderName: palette.onBackgroundDark02,\n          background: palette.primary500,\n        },\n      },\n      outgoing: {\n        enabled: {\n          textMsg: palette.onBackgroundLight01,\n          textEdited: palette.onBackgroundLight02,\n          textTime: palette.onBackgroundDark03,\n          textSenderName: palette.transparent,\n          background: palette.primary200,\n        },\n        pressed: {\n          textMsg: palette.onBackgroundLight01,\n          textEdited: palette.onBackgroundLight02,\n          textTime: palette.onBackgroundDark03,\n          textSenderName: palette.transparent,\n          background: palette.primary300,\n        },\n      },\n    };\n\n    return {\n      primary: palette.primary200,\n      secondary: palette.secondary200,\n      error: palette.error200,\n      background: palette.background600,\n      text: palette.onBackgroundDark01,\n      onBackground01: palette.onBackgroundDark01,\n      onBackground02: palette.onBackgroundDark02,\n      onBackground03: palette.onBackgroundDark03,\n      onBackground04: palette.onBackgroundDark04,\n      onBackgroundReverse01: palette.onBackgroundLight01,\n      onBackgroundReverse02: palette.onBackgroundLight02,\n      onBackgroundReverse03: palette.onBackgroundLight03,\n      onBackgroundReverse04: palette.onBackgroundLight04,\n      ui: {\n        header: {\n          nav: {\n            none: {\n              background: palette.background500,\n              borderBottom: palette.onBackgroundDark04,\n            },\n          },\n        },\n        button: {\n          contained: {\n            enabled: {\n              background: palette.primary200,\n              content: palette.onBackgroundLight01,\n            },\n            pressed: {\n              background: palette.primary300,\n              content: palette.onBackgroundLight01,\n            },\n            disabled: {\n              background: palette.background500,\n              content: palette.onBackgroundDark04,\n            },\n          },\n          text: {\n            enabled: {\n              background: palette.transparent,\n              content: palette.primary200,\n            },\n            pressed: {\n              background: palette.background400,\n              content: palette.primary200,\n            },\n            disabled: {\n              background: palette.transparent,\n              content: palette.onBackgroundDark04,\n            },\n          },\n        },\n        dialog: {\n          default: {\n            none: {\n              background: palette.background500,\n              text: palette.onBackgroundDark01,\n              message: palette.onBackgroundDark02,\n              highlight: palette.primary200,\n              destructive: palette.error300,\n              blurred: palette.onBackgroundDark04,\n            },\n          },\n        },\n        input: {\n          default: {\n            active: {\n              text: palette.onBackgroundDark01,\n              placeholder: palette.onBackgroundDark03,\n              background: palette.background400,\n              highlight: palette.primary200,\n            },\n            disabled: {\n              text: palette.onBackgroundDark04,\n              placeholder: palette.onBackgroundDark04,\n              background: palette.background400,\n              highlight: palette.onBackgroundDark04,\n            },\n          },\n          underline: {\n            active: {\n              text: palette.onBackgroundDark01,\n              placeholder: palette.onBackgroundDark03,\n              background: palette.transparent,\n              highlight: palette.primary200,\n            },\n            disabled: {\n              text: palette.onBackgroundDark04,\n              placeholder: palette.onBackgroundDark04,\n              background: palette.transparent,\n              highlight: palette.onBackgroundDark04,\n            },\n          },\n        },\n        badge: {\n          default: {\n            none: {\n              text: palette.background600,\n              background: palette.primary200,\n            },\n          },\n        },\n        placeholder: {\n          default: {\n            none: {\n              content: palette.onBackgroundDark03,\n              highlight: palette.primary200,\n            },\n          },\n        },\n        message: groupChannelMessage,\n        dateSeparator: {\n          default: {\n            none: {\n              text: palette.onBackgroundDark02,\n              background: palette.overlay02,\n            },\n          },\n        },\n        groupChannelMessage,\n        groupChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundDark01,\n              textTitleCaption: palette.onBackgroundDark03,\n              textBody: palette.onBackgroundDark03,\n              bodyIcon: palette.onBackgroundDark02,\n              memberCount: palette.onBackgroundDark02,\n              background: palette.background600,\n              coverBackground: palette.onBackgroundDark04,\n              bodyIconBackground: palette.background500,\n              separator: palette.onBackgroundDark04,\n            },\n          },\n        },\n        profileCard: {\n          default: {\n            none: {\n              textUsername: palette.onBackgroundDark01,\n              textBodyLabel: palette.onBackgroundDark02,\n              textBody: palette.onBackgroundDark01,\n              background: palette.background500,\n            },\n          },\n        },\n        reaction: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              highlight: palette.onBackgroundDark03,\n            },\n            selected: {\n              background: palette.primary500,\n              highlight: palette.primary200,\n            },\n          },\n          rounded: {\n            enabled: {\n              background: palette.background400,\n              highlight: palette.transparent,\n            },\n            selected: {\n              background: palette.primary500,\n              highlight: palette.transparent,\n            },\n          },\n        },\n        openChannelMessage: {\n          default: {\n            enabled: {\n              background: palette.transparent,\n              bubbleBackground: palette.background500,\n              adminBackground: palette.background500,\n              textMsg: palette.onBackgroundDark01,\n              textMsgPostfix: palette.onBackgroundDark02,\n              textSenderName: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundDark03,\n              textOperator: palette.secondary200,\n            },\n            pressed: {\n              background: palette.background500,\n              bubbleBackground: palette.background700,\n              adminBackground: palette.background500,\n              textMsg: palette.onBackgroundDark01,\n              textMsgPostfix: palette.onBackgroundDark02,\n              textSenderName: palette.onBackgroundDark02,\n              textTime: palette.onBackgroundDark03,\n              textOperator: palette.secondary200,\n            },\n          },\n        },\n        openChannelPreview: {\n          default: {\n            none: {\n              textTitle: palette.onBackgroundDark01,\n              textParticipants: palette.onBackgroundDark02,\n              frozenIcon: palette.primary200,\n              participantsIcon: palette.onBackgroundDark02,\n              background: palette.background600,\n              coverBackground: palette.background300,\n              separator: palette.onBackgroundDark04,\n            },\n          },\n        },\n      },\n    };\n  },\n});\n\nexport default DarkUIKitTheme;\n"],"mappings":"AAAA,OAAOA,WAAW,MAAM,eAAe;AAEvC,MAAMC,cAAc,GAAGD,WAAW,CAAC;EACjCE,WAAW,EAAE,MAAM;EACnBC,MAAM,EAAGC,OAAO,IAAK;IACnB,MAAMC,mBAAmB,GAAG;MAC1BC,QAAQ,EAAE;QACRC,OAAO,EAAE;UACPC,OAAO,EAAEJ,OAAO,CAACK,kBAAkB;UACnCC,UAAU,EAAEN,OAAO,CAACO,kBAAkB;UACtCC,QAAQ,EAAER,OAAO,CAACS,kBAAkB;UACpCC,cAAc,EAAEV,OAAO,CAACO,kBAAkB;UAC1CI,UAAU,EAAEX,OAAO,CAACY;QACtB,CAAC;QACDC,OAAO,EAAE;UACPT,OAAO,EAAEJ,OAAO,CAACK,kBAAkB;UACnCC,UAAU,EAAEN,OAAO,CAACO,kBAAkB;UACtCC,QAAQ,EAAER,OAAO,CAACS,kBAAkB;UACpCC,cAAc,EAAEV,OAAO,CAACO,kBAAkB;UAC1CI,UAAU,EAAEX,OAAO,CAACc;QACtB;MACF,CAAC;MACDC,QAAQ,EAAE;QACRZ,OAAO,EAAE;UACPC,OAAO,EAAEJ,OAAO,CAACgB,mBAAmB;UACpCV,UAAU,EAAEN,OAAO,CAACiB,mBAAmB;UACvCT,QAAQ,EAAER,OAAO,CAACS,kBAAkB;UACpCC,cAAc,EAAEV,OAAO,CAACkB,WAAW;UACnCP,UAAU,EAAEX,OAAO,CAACmB;QACtB,CAAC;QACDN,OAAO,EAAE;UACPT,OAAO,EAAEJ,OAAO,CAACgB,mBAAmB;UACpCV,UAAU,EAAEN,OAAO,CAACiB,mBAAmB;UACvCT,QAAQ,EAAER,OAAO,CAACS,kBAAkB;UACpCC,cAAc,EAAEV,OAAO,CAACkB,WAAW;UACnCP,UAAU,EAAEX,OAAO,CAACoB;QACtB;MACF;IACF,CAAC;IAED,OAAO;MACLC,OAAO,EAAErB,OAAO,CAACmB,UAAU;MAC3BG,SAAS,EAAEtB,OAAO,CAACuB,YAAY;MAC/BC,KAAK,EAAExB,OAAO,CAACyB,QAAQ;MACvBd,UAAU,EAAEX,OAAO,CAAC0B,aAAa;MACjCC,IAAI,EAAE3B,OAAO,CAACK,kBAAkB;MAChCuB,cAAc,EAAE5B,OAAO,CAACK,kBAAkB;MAC1CwB,cAAc,EAAE7B,OAAO,CAACO,kBAAkB;MAC1CuB,cAAc,EAAE9B,OAAO,CAACS,kBAAkB;MAC1CsB,cAAc,EAAE/B,OAAO,CAACgC,kBAAkB;MAC1CC,qBAAqB,EAAEjC,OAAO,CAACgB,mBAAmB;MAClDkB,qBAAqB,EAAElC,OAAO,CAACiB,mBAAmB;MAClDkB,qBAAqB,EAAEnC,OAAO,CAACoC,mBAAmB;MAClDC,qBAAqB,EAAErC,OAAO,CAACsC,mBAAmB;MAClDC,EAAE,EAAE;QACFC,MAAM,EAAE;UACNC,GAAG,EAAE;YACHC,IAAI,EAAE;cACJ/B,UAAU,EAAEX,OAAO,CAAC2C,aAAa;cACjCC,YAAY,EAAE5C,OAAO,CAACgC;YACxB;UACF;QACF,CAAC;QACDa,MAAM,EAAE;UACNC,SAAS,EAAE;YACT3C,OAAO,EAAE;cACPQ,UAAU,EAAEX,OAAO,CAACmB,UAAU;cAC9B4B,OAAO,EAAE/C,OAAO,CAACgB;YACnB,CAAC;YACDH,OAAO,EAAE;cACPF,UAAU,EAAEX,OAAO,CAACoB,UAAU;cAC9B2B,OAAO,EAAE/C,OAAO,CAACgB;YACnB,CAAC;YACDgC,QAAQ,EAAE;cACRrC,UAAU,EAAEX,OAAO,CAAC2C,aAAa;cACjCI,OAAO,EAAE/C,OAAO,CAACgC;YACnB;UACF,CAAC;UACDL,IAAI,EAAE;YACJxB,OAAO,EAAE;cACPQ,UAAU,EAAEX,OAAO,CAACkB,WAAW;cAC/B6B,OAAO,EAAE/C,OAAO,CAACmB;YACnB,CAAC;YACDN,OAAO,EAAE;cACPF,UAAU,EAAEX,OAAO,CAACY,aAAa;cACjCmC,OAAO,EAAE/C,OAAO,CAACmB;YACnB,CAAC;YACD6B,QAAQ,EAAE;cACRrC,UAAU,EAAEX,OAAO,CAACkB,WAAW;cAC/B6B,OAAO,EAAE/C,OAAO,CAACgC;YACnB;UACF;QACF,CAAC;QACDiB,MAAM,EAAE;UACNC,OAAO,EAAE;YACPR,IAAI,EAAE;cACJ/B,UAAU,EAAEX,OAAO,CAAC2C,aAAa;cACjChB,IAAI,EAAE3B,OAAO,CAACK,kBAAkB;cAChC8C,OAAO,EAAEnD,OAAO,CAACO,kBAAkB;cACnC6C,SAAS,EAAEpD,OAAO,CAACmB,UAAU;cAC7BkC,WAAW,EAAErD,OAAO,CAACsD,QAAQ;cAC7BC,OAAO,EAAEvD,OAAO,CAACgC;YACnB;UACF;QACF,CAAC;QACDwB,KAAK,EAAE;UACLN,OAAO,EAAE;YACPO,MAAM,EAAE;cACN9B,IAAI,EAAE3B,OAAO,CAACK,kBAAkB;cAChCqD,WAAW,EAAE1D,OAAO,CAACS,kBAAkB;cACvCE,UAAU,EAAEX,OAAO,CAACY,aAAa;cACjCwC,SAAS,EAAEpD,OAAO,CAACmB;YACrB,CAAC;YACD6B,QAAQ,EAAE;cACRrB,IAAI,EAAE3B,OAAO,CAACgC,kBAAkB;cAChC0B,WAAW,EAAE1D,OAAO,CAACgC,kBAAkB;cACvCrB,UAAU,EAAEX,OAAO,CAACY,aAAa;cACjCwC,SAAS,EAAEpD,OAAO,CAACgC;YACrB;UACF,CAAC;UACD2B,SAAS,EAAE;YACTF,MAAM,EAAE;cACN9B,IAAI,EAAE3B,OAAO,CAACK,kBAAkB;cAChCqD,WAAW,EAAE1D,OAAO,CAACS,kBAAkB;cACvCE,UAAU,EAAEX,OAAO,CAACkB,WAAW;cAC/BkC,SAAS,EAAEpD,OAAO,CAACmB;YACrB,CAAC;YACD6B,QAAQ,EAAE;cACRrB,IAAI,EAAE3B,OAAO,CAACgC,kBAAkB;cAChC0B,WAAW,EAAE1D,OAAO,CAACgC,kBAAkB;cACvCrB,UAAU,EAAEX,OAAO,CAACkB,WAAW;cAC/BkC,SAAS,EAAEpD,OAAO,CAACgC;YACrB;UACF;QACF,CAAC;QACD4B,KAAK,EAAE;UACLV,OAAO,EAAE;YACPR,IAAI,EAAE;cACJf,IAAI,EAAE3B,OAAO,CAAC0B,aAAa;cAC3Bf,UAAU,EAAEX,OAAO,CAACmB;YACtB;UACF;QACF,CAAC;QACDuC,WAAW,EAAE;UACXR,OAAO,EAAE;YACPR,IAAI,EAAE;cACJK,OAAO,EAAE/C,OAAO,CAACS,kBAAkB;cACnC2C,SAAS,EAAEpD,OAAO,CAACmB;YACrB;UACF;QACF,CAAC;QACDgC,OAAO,EAAElD,mBAAmB;QAC5B4D,aAAa,EAAE;UACbX,OAAO,EAAE;YACPR,IAAI,EAAE;cACJf,IAAI,EAAE3B,OAAO,CAACO,kBAAkB;cAChCI,UAAU,EAAEX,OAAO,CAAC8D;YACtB;UACF;QACF,CAAC;QACD7D,mBAAmB;QACnB8D,mBAAmB,EAAE;UACnBb,OAAO,EAAE;YACPR,IAAI,EAAE;cACJsB,SAAS,EAAEhE,OAAO,CAACK,kBAAkB;cACrC4D,gBAAgB,EAAEjE,OAAO,CAACS,kBAAkB;cAC5CyD,QAAQ,EAAElE,OAAO,CAACS,kBAAkB;cACpC0D,QAAQ,EAAEnE,OAAO,CAACO,kBAAkB;cACpC6D,WAAW,EAAEpE,OAAO,CAACO,kBAAkB;cACvCI,UAAU,EAAEX,OAAO,CAAC0B,aAAa;cACjC2C,eAAe,EAAErE,OAAO,CAACgC,kBAAkB;cAC3CsC,kBAAkB,EAAEtE,OAAO,CAAC2C,aAAa;cACzC4B,SAAS,EAAEvE,OAAO,CAACgC;YACrB;UACF;QACF,CAAC;QACDwC,WAAW,EAAE;UACXtB,OAAO,EAAE;YACPR,IAAI,EAAE;cACJ+B,YAAY,EAAEzE,OAAO,CAACK,kBAAkB;cACxCqE,aAAa,EAAE1E,OAAO,CAACO,kBAAkB;cACzC2D,QAAQ,EAAElE,OAAO,CAACK,kBAAkB;cACpCM,UAAU,EAAEX,OAAO,CAAC2C;YACtB;UACF;QACF,CAAC;QACDgC,QAAQ,EAAE;UACRzB,OAAO,EAAE;YACP/C,OAAO,EAAE;cACPQ,UAAU,EAAEX,OAAO,CAACkB,WAAW;cAC/BkC,SAAS,EAAEpD,OAAO,CAACS;YACrB,CAAC;YACDmE,QAAQ,EAAE;cACRjE,UAAU,EAAEX,OAAO,CAACc,UAAU;cAC9BsC,SAAS,EAAEpD,OAAO,CAACmB;YACrB;UACF,CAAC;UACD0D,OAAO,EAAE;YACP1E,OAAO,EAAE;cACPQ,UAAU,EAAEX,OAAO,CAACY,aAAa;cACjCwC,SAAS,EAAEpD,OAAO,CAACkB;YACrB,CAAC;YACD0D,QAAQ,EAAE;cACRjE,UAAU,EAAEX,OAAO,CAACc,UAAU;cAC9BsC,SAAS,EAAEpD,OAAO,CAACkB;YACrB;UACF;QACF,CAAC;QACD4D,kBAAkB,EAAE;UAClB5B,OAAO,EAAE;YACP/C,OAAO,EAAE;cACPQ,UAAU,EAAEX,OAAO,CAACkB,WAAW;cAC/B6D,gBAAgB,EAAE/E,OAAO,CAAC2C,aAAa;cACvCqC,eAAe,EAAEhF,OAAO,CAAC2C,aAAa;cACtCvC,OAAO,EAAEJ,OAAO,CAACK,kBAAkB;cACnC4E,cAAc,EAAEjF,OAAO,CAACO,kBAAkB;cAC1CG,cAAc,EAAEV,OAAO,CAACO,kBAAkB;cAC1CC,QAAQ,EAAER,OAAO,CAACS,kBAAkB;cACpCyE,YAAY,EAAElF,OAAO,CAACuB;YACxB,CAAC;YACDV,OAAO,EAAE;cACPF,UAAU,EAAEX,OAAO,CAAC2C,aAAa;cACjCoC,gBAAgB,EAAE/E,OAAO,CAACmF,aAAa;cACvCH,eAAe,EAAEhF,OAAO,CAAC2C,aAAa;cACtCvC,OAAO,EAAEJ,OAAO,CAACK,kBAAkB;cACnC4E,cAAc,EAAEjF,OAAO,CAACO,kBAAkB;cAC1CG,cAAc,EAAEV,OAAO,CAACO,kBAAkB;cAC1CC,QAAQ,EAAER,OAAO,CAACS,kBAAkB;cACpCyE,YAAY,EAAElF,OAAO,CAACuB;YACxB;UACF;QACF,CAAC;QACD6D,kBAAkB,EAAE;UAClBlC,OAAO,EAAE;YACPR,IAAI,EAAE;cACJsB,SAAS,EAAEhE,OAAO,CAACK,kBAAkB;cACrCgF,gBAAgB,EAAErF,OAAO,CAACO,kBAAkB;cAC5C+E,UAAU,EAAEtF,OAAO,CAACmB,UAAU;cAC9BoE,gBAAgB,EAAEvF,OAAO,CAACO,kBAAkB;cAC5CI,UAAU,EAAEX,OAAO,CAAC0B,aAAa;cACjC2C,eAAe,EAAErE,OAAO,CAACwF,aAAa;cACtCjB,SAAS,EAAEvE,OAAO,CAACgC;YACrB;UACF;QACF;MACF;IACF,CAAC;EACH;AACF,CAAC,CAAC;AAEF,eAAenC,cAAc"}

package/lib/module/theme/LightUIKitTheme.js

@@ -96,7 +96,8 @@ const LightUIKitTheme = createTheme({
               text: palette.onBackgroundLight01,
               message: palette.onBackgroundLight02,
               highlight: palette.primary300,
-              destructive: palette.error300
+              destructive: palette.error300,
+              blurred: palette.onBackgroundLight04
             }
           }
         },