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

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

@@ -1 +1 @@
-{"version":3,"names":["ImageFileMessage","props","onPress","onLongPress","rest","uri","getAvailableUriFromFileMessage","message","styles","container","createStyleSheet","maxWidth","height"],"sources":["Message.file.image.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdFileMessage } from '@sendbird/uikit-utils';\nimport { getAvailableUriFromFileMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport ImageWithPlaceholder from '../../components/ImageWithPlaceholder';\nimport PressBox from '../../components/PressBox';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport MessageContainer from './MessageContainer';\nimport type { OpenChannelMessageProps } from './index';\n\nconst ImageFileMessage = (props: OpenChannelMessageProps<SendbirdFileMessage>) => {\n  const { onPress, onLongPress, ...rest } = props;\n  const uri = getAvailableUriFromFileMessage(props.message);\n  return (\n    <MessageContainer {...rest}>\n      <Box borderRadius={8} overflow={'hidden'} style={styles.container}>\n        <PressBox style={styles.container} activeOpacity={0.8} onPress={onPress} onLongPress={onLongPress}>\n          <ImageWithPlaceholder source={{ uri }} width={'100%'} height={'100%'} />\n        </PressBox>\n      </Box>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    maxWidth: 296,\n    height: 196,\n  },\n});\n\nexport default ImageFileMessage;\n"],"mappings":";;;;;;;AAAA;;AAGA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAGA,MAAMA,gBAAgB,GAAIC,KAAD,IAAyD;EAChF,MAAM;IAAEC,OAAF;IAAWC,WAAX;IAAwB,GAAGC;EAA3B,IAAoCH,KAA1C;EACA,MAAMI,GAAG,GAAG,IAAAC,0CAAA,EAA+BL,KAAK,CAACM,OAArC,CAAZ;EACA,oBACE,6BAAC,yBAAD,EAAsBH,IAAtB,eACE,6BAAC,YAAD;IAAK,YAAY,EAAE,CAAnB;IAAsB,QAAQ,EAAE,QAAhC;IAA0C,KAAK,EAAEI,MAAM,CAACC;EAAxD,gBACE,6BAAC,iBAAD;IAAU,KAAK,EAAED,MAAM,CAACC,SAAxB;IAAmC,aAAa,EAAE,GAAlD;IAAuD,OAAO,EAAEP,OAAhE;IAAyE,WAAW,EAAEC;EAAtF,gBACE,6BAAC,6BAAD;IAAsB,MAAM,EAAE;MAAEE;IAAF,CAA9B;IAAuC,KAAK,EAAE,MAA9C;IAAsD,MAAM,EAAE;EAA9D,EADF,CADF,CADF,CADF;AASD,CAZD;;AAcA,MAAMG,MAAM,GAAG,IAAAE,yBAAA,EAAiB;EAC9BD,SAAS,EAAE;IACTE,QAAQ,EAAE,GADD;IAETC,MAAM,EAAE;EAFC;AADmB,CAAjB,CAAf;eAOeZ,gB"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_Box","_ImageWithPlaceholder","_PressBox","_createStyleSheet","_MessageContainer","obj","__esModule","default","ImageFileMessage","props","onPress","onLongPress","rest","uri","getAvailableUriFromFileMessage","message","createElement","borderRadius","overflow","style","styles","container","activeOpacity","source","width","height","createStyleSheet","maxWidth","_default","exports"],"sources":["Message.file.image.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdFileMessage } from '@sendbird/uikit-utils';\nimport { getAvailableUriFromFileMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport ImageWithPlaceholder from '../../components/ImageWithPlaceholder';\nimport PressBox from '../../components/PressBox';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport MessageContainer from './MessageContainer';\nimport type { OpenChannelMessageProps } from './index';\n\nconst ImageFileMessage = (props: OpenChannelMessageProps<SendbirdFileMessage>) => {\n  const { onPress, onLongPress, ...rest } = props;\n  const uri = getAvailableUriFromFileMessage(props.message);\n  return (\n    <MessageContainer {...rest}>\n      <Box borderRadius={8} overflow={'hidden'} style={styles.container}>\n        <PressBox style={styles.container} activeOpacity={0.8} onPress={onPress} onLongPress={onLongPress}>\n          <ImageWithPlaceholder source={{ uri }} width={'100%'} height={'100%'} />\n        </PressBox>\n      </Box>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    maxWidth: 296,\n    height: 196,\n  },\n});\n\nexport default ImageFileMessage;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,IAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,qBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,iBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,iBAAA,GAAAP,sBAAA,CAAAC,OAAA;AAAkD,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAGlD,MAAMG,gBAAgB,GAAIC,KAAmD,IAAK;EAChF,MAAM;IAAEC,OAAO;IAAEC,WAAW;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAC/C,MAAMI,GAAG,GAAG,IAAAC,0CAA8B,EAACL,KAAK,CAACM,OAAO,CAAC;EACzD,oBACEnB,MAAA,CAAAW,OAAA,CAAAS,aAAA,CAACZ,iBAAA,CAAAG,OAAgB,EAAKK,IAAI,eACxBhB,MAAA,CAAAW,OAAA,CAAAS,aAAA,CAAChB,IAAA,CAAAO,OAAG;IAACU,YAAY,EAAE,CAAE;IAACC,QAAQ,EAAE,QAAS;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAChEzB,MAAA,CAAAW,OAAA,CAAAS,aAAA,CAACd,SAAA,CAAAK,OAAQ;IAACY,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,aAAa,EAAE,GAAI;IAACZ,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,gBAChGf,MAAA,CAAAW,OAAA,CAAAS,aAAA,CAACf,qBAAA,CAAAM,OAAoB;IAACgB,MAAM,EAAE;MAAEV;IAAI,CAAE;IAACW,KAAK,EAAE,MAAO;IAACC,MAAM,EAAE;EAAO,EAAG,CAC/D,CACP,CACW;AAEvB,CAAC;AAED,MAAML,MAAM,GAAG,IAAAM,yBAAgB,EAAC;EAC9BL,SAAS,EAAE;IACTM,QAAQ,EAAE,GAAG;IACbF,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAAC,IAAAG,QAAA,GAEYpB,gBAAgB;AAAAqB,OAAA,CAAAtB,OAAA,GAAAqB,QAAA"}

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

@@ -4,34 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _Box = _interopRequireDefault(require("../../components/Box"));
-
 var _Icon = _interopRequireDefault(require("../../components/Icon"));
-
 var _PressBox = _interopRequireDefault(require("../../components/PressBox"));
-
 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 }; }
-
 const iconMapper = {
   audio: 'file-audio',
   image: 'photo',
   video: 'play',
   file: 'file-document'
 };
-
 const FileMessage = props => {
   const {
     colors
@@ -48,7 +36,6 @@ const FileMessage = props => {
     onLongPress: onLongPress
   }, _ref => {
     var _props$strings;
-
     let {
       pressed
     } = _ref;
@@ -79,7 +66,6 @@ const FileMessage = props => {
     }, ((_props$strings = props.strings) === null || _props$strings === void 0 ? void 0 : _props$strings.fileName) || props.message.name));
   }));
 };
-
 const styles = (0, _createStyleSheet.default)({
   fileName: {
     flexShrink: 1

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

@@ -1 +1 @@
-{"version":3,"names":["iconMapper","audio","image","video","file","FileMessage","props","colors","useUIKitTheme","onPress","onLongPress","rest","type","getFileTypeFromMessage","message","color","ui","openChannelMessage","default","pressed","backgroundColor","bubbleBackground","enabled","background","textMsg","styles","fileName","strings","name","createStyleSheet","flexShrink"],"sources":["Message.file.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SendbirdFileMessage, getFileTypeFromMessage } 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 MessageContainer from './MessageContainer';\nimport type { OpenChannelMessageProps } from './index';\n\nconst iconMapper = { audio: 'file-audio', image: 'photo', video: 'play', file: 'file-document' } as const;\n\ntype Props = {};\nconst FileMessage = (props: OpenChannelMessageProps<SendbirdFileMessage, Props>) => {\n  const { colors } = useUIKitTheme();\n  const { onPress, onLongPress, ...rest } = props;\n  const type = getFileTypeFromMessage(props.message);\n  const color = colors.ui.openChannelMessage.default;\n\n  return (\n    <MessageContainer {...rest}>\n      <PressBox onPress={onPress} onLongPress={onLongPress}>\n        {({ pressed }) => {\n          return (\n            <Box\n              padding={8}\n              borderRadius={8}\n              flexDirection={'row'}\n              alignItems={'center'}\n              justifyContent={'flex-start'}\n              style={{ backgroundColor: pressed ? color.pressed.bubbleBackground : color.enabled.bubbleBackground }}\n            >\n              <Box\n                padding={4}\n                marginRight={8}\n                borderRadius={8}\n                alignItems={'flex-start'}\n                backgroundColor={colors.background}\n              >\n                <Icon icon={iconMapper[type]} size={32} />\n              </Box>\n              <Text\n                body3\n                numberOfLines={1}\n                ellipsizeMode={'middle'}\n                color={color.enabled.textMsg}\n                style={styles.fileName}\n              >\n                {props.strings?.fileName || props.message.name}\n              </Text>\n            </Box>\n          );\n        }}\n      </PressBox>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  fileName: {\n    flexShrink: 1,\n  },\n});\nexport default FileMessage;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAGA,MAAMA,UAAU,GAAG;EAAEC,KAAK,EAAE,YAAT;EAAuBC,KAAK,EAAE,OAA9B;EAAuCC,KAAK,EAAE,MAA9C;EAAsDC,IAAI,EAAE;AAA5D,CAAnB;;AAGA,MAAMC,WAAW,GAAIC,KAAD,IAAgE;EAClF,MAAM;IAAEC;EAAF,IAAa,IAAAC,sBAAA,GAAnB;EACA,MAAM;IAAEC,OAAF;IAAWC,WAAX;IAAwB,GAAGC;EAA3B,IAAoCL,KAA1C;EACA,MAAMM,IAAI,GAAG,IAAAC,kCAAA,EAAuBP,KAAK,CAACQ,OAA7B,CAAb;EACA,MAAMC,KAAK,GAAGR,MAAM,CAACS,EAAP,CAAUC,kBAAV,CAA6BC,OAA3C;EAEA,oBACE,6BAAC,yBAAD,EAAsBP,IAAtB,eACE,6BAAC,iBAAD;IAAU,OAAO,EAAEF,OAAnB;IAA4B,WAAW,EAAEC;EAAzC,GACG,QAAiB;IAAA;;IAAA,IAAhB;MAAES;IAAF,CAAgB;IAChB,oBACE,6BAAC,YAAD;MACE,OAAO,EAAE,CADX;MAEE,YAAY,EAAE,CAFhB;MAGE,aAAa,EAAE,KAHjB;MAIE,UAAU,EAAE,QAJd;MAKE,cAAc,EAAE,YALlB;MAME,KAAK,EAAE;QAAEC,eAAe,EAAED,OAAO,GAAGJ,KAAK,CAACI,OAAN,CAAcE,gBAAjB,GAAoCN,KAAK,CAACO,OAAN,CAAcD;MAA5E;IANT,gBAQE,6BAAC,YAAD;MACE,OAAO,EAAE,CADX;MAEE,WAAW,EAAE,CAFf;MAGE,YAAY,EAAE,CAHhB;MAIE,UAAU,EAAE,YAJd;MAKE,eAAe,EAAEd,MAAM,CAACgB;IAL1B,gBAOE,6BAAC,aAAD;MAAM,IAAI,EAAEvB,UAAU,CAACY,IAAD,CAAtB;MAA8B,IAAI,EAAE;IAApC,EAPF,CARF,eAiBE,6BAAC,aAAD;MACE,KAAK,MADP;MAEE,aAAa,EAAE,CAFjB;MAGE,aAAa,EAAE,QAHjB;MAIE,KAAK,EAAEG,KAAK,CAACO,OAAN,CAAcE,OAJvB;MAKE,KAAK,EAAEC,MAAM,CAACC;IALhB,GAOG,mBAAApB,KAAK,CAACqB,OAAN,kEAAeD,QAAf,KAA2BpB,KAAK,CAACQ,OAAN,CAAcc,IAP5C,CAjBF,CADF;EA6BD,CA/BH,CADF,CADF;AAqCD,CA3CD;;AA6CA,MAAMH,MAAM,GAAG,IAAAI,yBAAA,EAAiB;EAC9BH,QAAQ,EAAE;IACRI,UAAU,EAAE;EADJ;AADoB,CAAjB,CAAf;eAKezB,W"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_Box","_Icon","_PressBox","_Text","_createStyleSheet","_useUIKitTheme","_MessageContainer","obj","__esModule","default","iconMapper","audio","image","video","file","FileMessage","props","colors","useUIKitTheme","onPress","onLongPress","rest","type","getFileTypeFromMessage","message","color","ui","openChannelMessage","createElement","_ref","_props$strings","pressed","padding","borderRadius","flexDirection","alignItems","justifyContent","style","backgroundColor","bubbleBackground","enabled","marginRight","background","icon","size","body3","numberOfLines","ellipsizeMode","textMsg","styles","fileName","strings","name","createStyleSheet","flexShrink","_default","exports"],"sources":["Message.file.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SendbirdFileMessage, getFileTypeFromMessage } 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 MessageContainer from './MessageContainer';\nimport type { OpenChannelMessageProps } from './index';\n\nconst iconMapper = { audio: 'file-audio', image: 'photo', video: 'play', file: 'file-document' } as const;\n\ntype Props = {};\nconst FileMessage = (props: OpenChannelMessageProps<SendbirdFileMessage, Props>) => {\n  const { colors } = useUIKitTheme();\n  const { onPress, onLongPress, ...rest } = props;\n  const type = getFileTypeFromMessage(props.message);\n  const color = colors.ui.openChannelMessage.default;\n\n  return (\n    <MessageContainer {...rest}>\n      <PressBox onPress={onPress} onLongPress={onLongPress}>\n        {({ pressed }) => {\n          return (\n            <Box\n              padding={8}\n              borderRadius={8}\n              flexDirection={'row'}\n              alignItems={'center'}\n              justifyContent={'flex-start'}\n              style={{ backgroundColor: pressed ? color.pressed.bubbleBackground : color.enabled.bubbleBackground }}\n            >\n              <Box\n                padding={4}\n                marginRight={8}\n                borderRadius={8}\n                alignItems={'flex-start'}\n                backgroundColor={colors.background}\n              >\n                <Icon icon={iconMapper[type]} size={32} />\n              </Box>\n              <Text\n                body3\n                numberOfLines={1}\n                ellipsizeMode={'middle'}\n                color={color.enabled.textMsg}\n                style={styles.fileName}\n              >\n                {props.strings?.fileName || props.message.name}\n              </Text>\n            </Box>\n          );\n        }}\n      </PressBox>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  fileName: {\n    flexShrink: 1,\n  },\n});\nexport default FileMessage;\n"],"mappings":"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"}

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

@@ -4,31 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(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 _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,
@@ -78,7 +65,6 @@ const VideoFileMessage = props => {
     }]
   })))));
 };
-
 const useRetry = function (fetch) {
   let retryCount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5;
   const [state, setState] = (0, _react.useState)({
@@ -105,7 +91,6 @@ const useRetry = function (fetch) {
           }, retryCountRef.current * 5000);
         }
       };
-
       return reloadReservation();
     } else {
       return clearTimeout(retryTimeoutRef.current);
@@ -113,7 +98,6 @@ const useRetry = function (fetch) {
   }, [state.thumbnail]);
   return state;
 };
-
 const styles = (0, _createStyleSheet.default)({
   container: {
     maxWidth: 296,

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

@@ -1 +1 @@
-{"version":3,"names":["VideoFileMessage","props","colors","palette","useUIKitTheme","onPress","onLongPress","rest","uri","getAvailableUriFromFileMessage","message","thumbnail","loading","useRetry","fetchThumbnailFromVideoSource","styles","container","onBackground04","width","height","iconContainer","onBackgroundLight02","playIcon","backgroundColor","onBackgroundDark01","fetch","retryCount","state","setState","useState","retryCountRef","useRef","retryTimeoutRef","fetchThumbnail","current","useEffect","reloadReservation","setTimeout","then","result","path","clearTimeout","createStyleSheet","maxWidth","position","padding","borderRadius"],"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":";;;;;;;AAAA;;AAGA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAMA,MAAMA,gBAAgB,GAAIC,KAAD,IAAgE;EACvF,MAAM;IAAEC,MAAF;IAAUC;EAAV,IAAsB,IAAAC,sBAAA,GAA5B;EACA,MAAM;IAAEC,OAAF;IAAWC,WAAX;IAAwB,GAAGC;EAA3B,IAAoCN,KAA1C;EACA,MAAMO,GAAG,GAAG,IAAAC,0CAAA,EAA+BR,KAAK,CAACS,OAArC,CAAZ;EACA,MAAM;IAAEC,SAAF;IAAaC;EAAb,IAAyBC,QAAQ,CAAC,MAAMZ,KAAK,CAACa,6BAAN,CAAoCN,GAApC,CAAP,CAAvC;EAEA,oBACE,6BAAC,yBAAD,EAAsBD,IAAtB,eACE,6BAAC,iBAAD;IAAU,KAAK,EAAEQ,MAAM,CAACC,SAAxB;IAAmC,aAAa,EAAE,GAAlD;IAAuD,OAAO,EAAEX,OAAhE;IAAyE,WAAW,EAAEC;EAAtF,gBACE,6BAAC,YAAD;IAAK,YAAY,EAAE,CAAnB;IAAsB,QAAQ,EAAE,QAAhC;IAA0C,KAAK,EAAES,MAAM,CAACC;EAAxD,GACGJ,OAAO,gBACN,6BAAC,YAAD;IAAK,eAAe,EAAEV,MAAM,CAACe,cAA7B;IAA6C,KAAK,EAAE;MAAEC,KAAK,EAAE,MAAT;MAAiBC,MAAM,EAAE;IAAzB;EAApD,EADM,gBAGN,6BAAC,6BAAD;IAAsB,MAAM,EAAE;MAAEX,GAAG,EAAEG,SAAS,IAAI;IAApB,CAA9B;IAAqE,KAAK,EAAE,MAA5E;IAAoF,MAAM,EAAE;EAA5F,EAJJ,EAOG,CAACC,OAAO,IAAID,SAAS,KAAK,IAA1B,kBACC,6BAAC,YAAD;IAAK,KAAK,EAAEI,MAAM,CAACK,aAAnB;IAAkC,UAAU,EAAE,QAA9C;IAAwD,cAAc,EAAE;EAAxE,gBACE,6BAAC,aAAD;IACE,IAAI,EAAE,MADR;IAEE,IAAI,EAAE,EAFR;IAGE,KAAK,EAAEjB,OAAO,CAACkB,mBAHjB;IAIE,cAAc,EAAE,CAACN,MAAM,CAACO,QAAR,EAAkB;MAAEC,eAAe,EAAEpB,OAAO,CAACqB;IAA3B,CAAlB;EAJlB,EADF,CARJ,CADF,CADF,CADF;AAwBD,CA9BD;;AA+BA,MAAMX,QAAQ,GAAG,UAACY,KAAD,EAAmE;EAAA,IAAnBC,UAAmB,uEAAN,CAAM;EAClF,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,IAAAC,eAAA,EAAS;IAAElB,SAAS,EAAE,IAAb;IAAoCC,OAAO,EAAE;EAA7C,CAAT,CAA1B;EACA,MAAMkB,aAAa,GAAG,IAAAC,aAAA,EAAO,CAAP,CAAtB;EACA,MAAMC,eAAe,GAAG,IAAAD,aAAA,GAAxB;EACA,MAAME,cAAc,GAAG,IAAAF,aAAA,EAAON,KAAP,CAAvB;EACAQ,cAAc,CAACC,OAAf,GAAyBT,KAAzB;EAEA,IAAAU,gBAAA,EAAU,MAAM;IACd,IAAI,CAACR,KAAK,CAAChB,SAAX,EAAsB;MACpB,MAAMyB,iBAAiB,GAAG,MAAM;QAC9B,IAAIN,aAAa,CAACI,OAAd,GAAwBR,UAA5B,EAAwC;UACtCM,eAAe,CAACE,OAAhB,GAA0BG,UAAU,CAAC,MAAM;YACzCP,aAAa,CAACI,OAAd;YACAE,iBAAiB;YACjBH,cAAc,CAACC,OAAf,GAAyBI,IAAzB,CAA+BC,MAAD,IAAY;cACxCX,QAAQ,CAAC;gBAAEhB,OAAO,EAAE,KAAX;gBAAkBD,SAAS,EAAE,CAAA4B,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEC,IAAR,KAAgB;cAA7C,CAAD,CAAR;YACD,CAFD;UAGD,CANmC,EAMjCV,aAAa,CAACI,OAAd,GAAwB,IANS,CAApC;QAOD;MACF,CAVD;;MAYA,OAAOE,iBAAiB,EAAxB;IACD,CAdD,MAcO;MACL,OAAOK,YAAY,CAACT,eAAe,CAACE,OAAjB,CAAnB;IACD;EACF,CAlBD,EAkBG,CAACP,KAAK,CAAChB,SAAP,CAlBH;EAoBA,OAAOgB,KAAP;AACD,CA5BD;;AA6BA,MAAMZ,MAAM,GAAG,IAAA2B,yBAAA,EAAiB;EAC9B1B,SAAS,EAAE;IACT2B,QAAQ,EAAE,GADD;IAETxB,MAAM,EAAE;EAFC,CADmB;EAK9BC,aAAa,EAAE;IACbwB,QAAQ,EAAE,UADG;IAEb1B,KAAK,EAAE,MAFM;IAGbC,MAAM,EAAE;EAHK,CALe;EAU9BG,QAAQ,EAAE;IACRuB,OAAO,EAAE,EADD;IAERC,YAAY,EAAE;EAFN;AAVoB,CAAjB,CAAf;eAee9C,gB"}
+{"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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"}

package/lib/commonjs/ui/OpenChannelMessage/Message.unknown.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _PressBox = _interopRequireDefault(require("../../components/PressBox"));
-
 var _Text = _interopRequireDefault(require("../../components/Text"));
-
 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); }
-
 const UnknownMessage = props => {
   const {
     colors
@@ -34,7 +26,6 @@ const UnknownMessage = props => {
     onLongPress: onLongPress
   }, _ref => {
     var _props$strings, _props$strings2;
-
     let {
       pressed
     } = _ref;
@@ -49,7 +40,6 @@ const UnknownMessage = props => {
     }, ((_props$strings2 = props.strings) === null || _props$strings2 === void 0 ? void 0 : _props$strings2.unknownDescription) ?? 'Cannot read this message.'));
   });
 };
-
 var _default = UnknownMessage;
 exports.default = _default;
 //# sourceMappingURL=Message.unknown.js.map

package/lib/commonjs/ui/OpenChannelMessage/Message.unknown.js.map

@@ -1 +1 @@
-{"version":3,"names":["UnknownMessage","props","colors","useUIKitTheme","onPress","onLongPress","rest","color","ui","openChannelMessage","default","pressed","enabled","textMsg","strings","unknownTitle","textMsgPostfix","unknownDescription"],"sources":["Message.unknown.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport PressBox from '../../components/PressBox';\nimport Text from '../../components/Text';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageContainer from './MessageContainer';\nimport type { OpenChannelMessageProps } from './index';\n\nconst UnknownMessage = (props: OpenChannelMessageProps<SendbirdMessage>) => {\n  const { colors } = useUIKitTheme();\n  const { onPress, onLongPress, ...rest } = props;\n  const color = colors.ui.openChannelMessage.default;\n  return (\n    <PressBox onPress={onPress} onLongPress={onLongPress}>\n      {({ pressed }) => (\n        <MessageContainer pressed={pressed} {...rest}>\n          <Text body3 color={color.enabled.textMsg}>\n            {props.strings?.unknownTitle ?? '(Unknown message type)'}\n          </Text>\n          <Text body3 color={color.enabled.textMsgPostfix}>\n            {props.strings?.unknownDescription ?? 'Cannot read this message.'}\n          </Text>\n        </MessageContainer>\n      )}\n    </PressBox>\n  );\n};\n\nexport default UnknownMessage;\n"],"mappings":";;;;;;;AAAA;;AAIA;;AACA;;AACA;;AACA;;;;;;AAGA,MAAMA,cAAc,GAAIC,KAAD,IAAqD;EAC1E,MAAM;IAAEC;EAAF,IAAa,IAAAC,sBAAA,GAAnB;EACA,MAAM;IAAEC,OAAF;IAAWC,WAAX;IAAwB,GAAGC;EAA3B,IAAoCL,KAA1C;EACA,MAAMM,KAAK,GAAGL,MAAM,CAACM,EAAP,CAAUC,kBAAV,CAA6BC,OAA3C;EACA,oBACE,6BAAC,iBAAD;IAAU,OAAO,EAAEN,OAAnB;IAA4B,WAAW,EAAEC;EAAzC,GACG;IAAA;;IAAA,IAAC;MAAEM;IAAF,CAAD;IAAA,oBACC,6BAAC,yBAAD;MAAkB,OAAO,EAAEA;IAA3B,GAAwCL,IAAxC,gBACE,6BAAC,aAAD;MAAM,KAAK,MAAX;MAAY,KAAK,EAAEC,KAAK,CAACK,OAAN,CAAcC;IAAjC,GACG,mBAAAZ,KAAK,CAACa,OAAN,kEAAeC,YAAf,KAA+B,wBADlC,CADF,eAIE,6BAAC,aAAD;MAAM,KAAK,MAAX;MAAY,KAAK,EAAER,KAAK,CAACK,OAAN,CAAcI;IAAjC,GACG,oBAAAf,KAAK,CAACa,OAAN,oEAAeG,kBAAf,KAAqC,2BADxC,CAJF,CADD;EAAA,CADH,CADF;AAcD,CAlBD;;eAoBejB,c"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_PressBox","_Text","_useUIKitTheme","_MessageContainer","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","UnknownMessage","props","colors","useUIKitTheme","onPress","onLongPress","rest","color","ui","openChannelMessage","createElement","_ref","_props$strings","_props$strings2","pressed","body3","enabled","textMsg","strings","unknownTitle","textMsgPostfix","unknownDescription","_default","exports"],"sources":["Message.unknown.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport PressBox from '../../components/PressBox';\nimport Text from '../../components/Text';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageContainer from './MessageContainer';\nimport type { OpenChannelMessageProps } from './index';\n\nconst UnknownMessage = (props: OpenChannelMessageProps<SendbirdMessage>) => {\n  const { colors } = useUIKitTheme();\n  const { onPress, onLongPress, ...rest } = props;\n  const color = colors.ui.openChannelMessage.default;\n  return (\n    <PressBox onPress={onPress} onLongPress={onLongPress}>\n      {({ pressed }) => (\n        <MessageContainer pressed={pressed} {...rest}>\n          <Text body3 color={color.enabled.textMsg}>\n            {props.strings?.unknownTitle ?? '(Unknown message type)'}\n          </Text>\n          <Text body3 color={color.enabled.textMsgPostfix}>\n            {props.strings?.unknownDescription ?? 'Cannot read this message.'}\n          </Text>\n        </MessageContainer>\n      )}\n    </PressBox>\n  );\n};\n\nexport default UnknownMessage;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,cAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,iBAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAkD,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAGlD,MAAMQ,cAAc,GAAIC,KAA+C,IAAK;EAC1E,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAa,GAAE;EAClC,MAAM;IAAEC,OAAO;IAAEC,WAAW;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EAC/C,MAAMM,KAAK,GAAGL,MAAM,CAACM,EAAE,CAACC,kBAAkB,CAACxB,OAAO;EAClD,oBACET,MAAA,CAAAS,OAAA,CAAAyB,aAAA,CAAC/B,SAAA,CAAAM,OAAQ;IAACmB,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,GAClDM,IAAA;IAAA,IAAAC,cAAA,EAAAC,eAAA;IAAA,IAAC;MAAEC;IAAQ,CAAC,GAAAH,IAAA;IAAA,oBACXnC,MAAA,CAAAS,OAAA,CAAAyB,aAAA,CAAC5B,iBAAA,CAAAG,OAAgB,EAAAC,QAAA;MAAC4B,OAAO,EAAEA;IAAQ,GAAKR,IAAI,gBAC1C9B,MAAA,CAAAS,OAAA,CAAAyB,aAAA,CAAC9B,KAAA,CAAAK,OAAI;MAAC8B,KAAK;MAACR,KAAK,EAAEA,KAAK,CAACS,OAAO,CAACC;IAAQ,GACtC,EAAAL,cAAA,GAAAX,KAAK,CAACiB,OAAO,cAAAN,cAAA,uBAAbA,cAAA,CAAeO,YAAY,KAAI,wBAAwB,CACnD,eACP3C,MAAA,CAAAS,OAAA,CAAAyB,aAAA,CAAC9B,KAAA,CAAAK,OAAI;MAAC8B,KAAK;MAACR,KAAK,EAAEA,KAAK,CAACS,OAAO,CAACI;IAAe,GAC7C,EAAAP,eAAA,GAAAZ,KAAK,CAACiB,OAAO,cAAAL,eAAA,uBAAbA,eAAA,CAAeQ,kBAAkB,KAAI,2BAA2B,CAC5D,CACU;EAAA,CACpB,CACQ;AAEf,CAAC;AAAC,IAAAC,QAAA,GAEatB,cAAc;AAAAuB,OAAA,CAAAtC,OAAA,GAAAqC,QAAA"}

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

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _PressBox = _interopRequireDefault(require("../../components/PressBox"));
-
 var _RegexText = _interopRequireDefault(require("../../components/RegexText"));
-
 var _Text = _interopRequireDefault(require("../../components/Text"));
-
 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); }
-
 const UserMessage = props => {
   const {
     colors
@@ -39,7 +29,6 @@ const UserMessage = props => {
     onLongPress: onLongPress
   }, _ref => {
     var _props$strings;
-
     let {
       pressed
     } = _ref;
@@ -53,7 +42,6 @@ const UserMessage = props => {
       color: color.enabled.textMsg,
       patterns: [{
         regex: _uikitUtils.urlRegexStrict,
-
         replacer(_ref2) {
           let {
             match,
@@ -69,7 +57,6 @@ const UserMessage = props => {
             style: parentProps === null || parentProps === void 0 ? void 0 : parentProps.style
           }), match);
         }
-
       }]
     }, props.message.message), Boolean(props.message.updatedAt) && /*#__PURE__*/_react.default.createElement(_Text.default, {
       body3: true,
@@ -77,7 +64,6 @@ const UserMessage = props => {
     }, ((_props$strings = props.strings) === null || _props$strings === void 0 ? void 0 : _props$strings.edited) ?? ' (edited)')));
   });
 };
-
 var _default = UserMessage;
 exports.default = _default;
 //# sourceMappingURL=Message.user.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["UserMessage","props","colors","useUIKitTheme","onPress","onLongPress","onPressURL","rest","color","ui","openChannelMessage","default","pressed","enabled","textMsg","regex","urlRegexStrict","replacer","match","parentProps","keyPrefix","index","primary","style","message","Boolean","updatedAt","textMsgPostfix","strings","edited"],"sources":["Message.user.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdUserMessage } from '@sendbird/uikit-utils';\nimport { urlRegexStrict } from '@sendbird/uikit-utils';\n\nimport PressBox from '../../components/PressBox';\nimport RegexText from '../../components/RegexText';\nimport Text from '../../components/Text';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageContainer from './MessageContainer';\nimport type { OpenChannelMessageProps } from './index';\n\ntype Props = {};\nconst UserMessage = (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    <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: urlRegexStrict,\n                  replacer({ match, parentProps, keyPrefix, index }) {\n                    return (\n                      <Text\n                        {...parentProps}\n                        key={`${keyPrefix}-${index}`}\n                        onPress={onPressURL}\n                        onLongPress={onLongPress}\n                        color={colors.primary}\n                        style={parentProps?.style}\n                      >\n                        {match}\n                      </Text>\n                    );\n                  },\n                },\n              ]}\n            >\n              {props.message.message}\n            </RegexText>\n            {Boolean(props.message.updatedAt) && (\n              <Text body3 color={color.enabled.textMsgPostfix}>\n                {props.strings?.edited ?? ' (edited)'}\n              </Text>\n            )}\n          </Text>\n        </MessageContainer>\n      )}\n    </PressBox>\n  );\n};\n\nexport default UserMessage;\n"],"mappings":";;;;;;;AAAA;;AAGA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;AAIA,MAAMA,WAAW,GAAIC,KAAD,IAAgE;EAClF,MAAM;IAAEC;EAAF,IAAa,IAAAC,sBAAA,GAAnB;EACA,MAAM;IAAEC,OAAF;IAAWC,WAAX;IAAwBC,UAAxB;IAAoC,GAAGC;EAAvC,IAAgDN,KAAtD;EACA,MAAMO,KAAK,GAAGN,MAAM,CAACO,EAAP,CAAUC,kBAAV,CAA6BC,OAA3C;EAEA,oBACE,6BAAC,iBAAD;IAAU,OAAO,EAAEP,OAAnB;IAA4B,WAAW,EAAEC;EAAzC,GACG;IAAA;;IAAA,IAAC;MAAEO;IAAF,CAAD;IAAA,oBACC,6BAAC,yBAAD;MAAkB,OAAO,EAAEA;IAA3B,GAAwCL,IAAxC,gBACE,6BAAC,aAAD;MAAM,KAAK,MAAX;MAAY,KAAK,EAAEC,KAAK,CAACK,OAAN,CAAcC;IAAjC,gBACE,6BAAC,kBAAD;MACE,KAAK,MADP;MAEE,KAAK,EAAEN,KAAK,CAACK,OAAN,CAAcC,OAFvB;MAGE,QAAQ,EAAE,CACR;QACEC,KAAK,EAAEC,0BADT;;QAEEC,QAAQ,QAA2C;UAAA,IAA1C;YAAEC,KAAF;YAASC,WAAT;YAAsBC,SAAtB;YAAiCC;UAAjC,CAA0C;UACjD,oBACE,6BAAC,aAAD,eACMF,WADN;YAEE,GAAG,EAAG,GAAEC,SAAU,IAAGC,KAAM,EAF7B;YAGE,OAAO,EAAEf,UAHX;YAIE,WAAW,EAAED,WAJf;YAKE,KAAK,EAAEH,MAAM,CAACoB,OALhB;YAME,KAAK,EAAEH,WAAF,aAAEA,WAAF,uBAAEA,WAAW,CAAEI;UANtB,IAQGL,KARH,CADF;QAYD;;MAfH,CADQ;IAHZ,GAuBGjB,KAAK,CAACuB,OAAN,CAAcA,OAvBjB,CADF,EA0BGC,OAAO,CAACxB,KAAK,CAACuB,OAAN,CAAcE,SAAf,CAAP,iBACC,6BAAC,aAAD;MAAM,KAAK,MAAX;MAAY,KAAK,EAAElB,KAAK,CAACK,OAAN,CAAcc;IAAjC,GACG,mBAAA1B,KAAK,CAAC2B,OAAN,kEAAeC,MAAf,KAAyB,WAD5B,CA3BJ,CADF,CADD;EAAA,CADH,CADF;AAwCD,CA7CD;;eA+Ce7B,W"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_PressBox","_RegexText","_Text","_useUIKitTheme","_MessageContainer","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","UserMessage","props","colors","useUIKitTheme","onPress","onLongPress","onPressURL","rest","color","ui","openChannelMessage","createElement","_ref","_props$strings","pressed","body3","enabled","textMsg","patterns","regex","urlRegexStrict","replacer","_ref2","match","parentProps","keyPrefix","index","primary","style","message","Boolean","updatedAt","textMsgPostfix","strings","edited","_default","exports"],"sources":["Message.user.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdUserMessage } from '@sendbird/uikit-utils';\nimport { urlRegexStrict } from '@sendbird/uikit-utils';\n\nimport PressBox from '../../components/PressBox';\nimport RegexText from '../../components/RegexText';\nimport Text from '../../components/Text';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageContainer from './MessageContainer';\nimport type { OpenChannelMessageProps } from './index';\n\ntype Props = {};\nconst UserMessage = (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    <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: urlRegexStrict,\n                  replacer({ match, parentProps, keyPrefix, index }) {\n                    return (\n                      <Text\n                        {...parentProps}\n                        key={`${keyPrefix}-${index}`}\n                        onPress={onPressURL}\n                        onLongPress={onLongPress}\n                        color={colors.primary}\n                        style={parentProps?.style}\n                      >\n                        {match}\n                      </Text>\n                    );\n                  },\n                },\n              ]}\n            >\n              {props.message.message}\n            </RegexText>\n            {Boolean(props.message.updatedAt) && (\n              <Text body3 color={color.enabled.textMsgPostfix}>\n                {props.strings?.edited ?? ' (edited)'}\n              </Text>\n            )}\n          </Text>\n        </MessageContainer>\n      )}\n    </PressBox>\n  );\n};\n\nexport default UserMessage;\n"],"mappings":"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"}

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

@@ -4,31 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _Box = _interopRequireDefault(require("../../components/Box"));
-
 var _ImageWithPlaceholder = _interopRequireDefault(require("../../components/ImageWithPlaceholder"));
-
 var _PressBox = _interopRequireDefault(require("../../components/PressBox"));
-
 var _RegexText = _interopRequireDefault(require("../../components/RegexText"));
-
 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); }
-
 const OpenGraphUserMessage = props => {
   const {
     colors
@@ -45,7 +32,6 @@ const OpenGraphUserMessage = props => {
     onLongPress: onLongPress
   }, _ref => {
     var _props$strings;
-
     let {
       pressed
     } = _ref;
@@ -59,7 +45,6 @@ const OpenGraphUserMessage = props => {
       color: color.enabled.textMsg,
       patterns: [{
         regex: _uikitUtils.urlRegexRough,
-
         replacer(_ref2) {
           let {
             match,
@@ -75,7 +60,6 @@ const OpenGraphUserMessage = props => {
             style: parentProps === null || parentProps === void 0 ? void 0 : parentProps.style
           }), match);
         }
-
       }]
     }, props.message.message), Boolean(props.message.updatedAt) && /*#__PURE__*/_react.default.createElement(_Text.default, {
       body3: true,
@@ -118,7 +102,6 @@ const OpenGraphUserMessage = props => {
     }));
   })));
 };
-
 const styles = (0, _createStyleSheet.default)({
   ogContainer: {
     maxWidth: 296

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

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

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

@@ -4,34 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _message = require("@sendbird/chat/message");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _Box = _interopRequireDefault(require("../../components/Box"));
-
 var _Icon = _interopRequireDefault(require("../../components/Icon"));
-
 var _PressBox = _interopRequireDefault(require("../../components/PressBox"));
-
 var _Text = _interopRequireDefault(require("../../components/Text"));
-
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
-
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
-
 var _Avatar = _interopRequireDefault(require("../Avatar"));
-
 var _LoadingSpinner = _interopRequireDefault(require("../LoadingSpinner"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const MessageContainer = _ref => {
   var _props$strings, _props$strings2;
-
   let {
     children,
     channel,
@@ -43,10 +29,8 @@ const MessageContainer = _ref => {
     colors
   } = (0, _useUIKitTheme.default)();
   const color = colors.ui.openChannelMessage.default;
-
   const renderSendingStatus = () => {
     if (!('sendingStatus' in props.message)) return null;
-
     switch (props.message.sendingStatus) {
       case _message.SendingStatus.PENDING:
         {
@@ -55,7 +39,6 @@ const MessageContainer = _ref => {
             size: 16
           }));
         }
-
       case _message.SendingStatus.FAILED:
         {
           return /*#__PURE__*/_react.default.createElement(SendingStatusContainer, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -64,14 +47,12 @@ const MessageContainer = _ref => {
             size: 16
           }));
         }
-
       default:
         {
           return null;
         }
     }
   };
-
   return /*#__PURE__*/_react.default.createElement(_Box.default, {
     flexDirection: 'row',
     paddingVertical: grouped ? 5 : 6,
@@ -111,7 +92,6 @@ const MessageContainer = _ref => {
     style: styles.message
   }, children), renderSendingStatus()));
 };
-
 const SendingStatusContainer = _ref2 => {
   let {
     children
@@ -122,7 +102,6 @@ const SendingStatusContainer = _ref2 => {
     marginTop: 2
   }, children));
 };
-
 const styles = (0, _createStyleSheet.default)({
   avatar: {
     width: 28