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

package/src/libs/MentionManager.tsx

@@ -11,7 +11,7 @@ class MentionManager {
   private _invalidStartsKeywords: string[];
   private _templateRegex: RegExp;
 
-  constructor(public config: MentionConfigInterface, public mentionEnabled: boolean) {
+  constructor(public config: MentionConfigInterface) {
     this._invalidStartsKeywords = [this.config.trigger, this.config.delimiter];
     this._templateRegex = createMentionTemplateRegex(this.config.trigger);
   }
@@ -120,8 +120,8 @@ class MentionManager {
   /**
    * @description Bold @user.nickname
    * */
-  public textToMentionedComponents = (text: string, mentionedUsers: MentionedUser[]) => {
-    if (!this.mentionEnabled || mentionedUsers.length === 0) return text;
+  public textToMentionedComponents = (text: string, mentionedUsers: MentionedUser[], mentionEnabled: boolean) => {
+    if (!mentionEnabled || mentionedUsers.length === 0) return text;
 
     const { leftText, components } = mentionedUsers
       .sort((a, b) => b.range.start - a.range.start)
@@ -148,8 +148,8 @@ class MentionManager {
     return [leftText, ...components];
   };
 
-  public textToMentionedMessageTemplate = (text: string, mentionedUsers: MentionedUser[]) => {
-    if (!this.mentionEnabled) return text;
+  public textToMentionedMessageTemplate = (text: string, mentionedUsers: MentionedUser[], mentionEnabled: boolean) => {
+    if (!mentionEnabled) return text;
 
     const { leftText, strings } = mentionedUsers
       .sort((a, b) => b.range.start - a.range.start)
@@ -216,12 +216,13 @@ class MentionManager {
 
   public shouldUseMentionedMessageTemplate = (
     message?: SendbirdUserMessage | SendbirdFileMessage,
+    mentionEnabled?: boolean,
   ): message is RequiredSpecific<
     SendbirdUserMessage | SendbirdFileMessage,
     'mentionedMessageTemplate' | 'mentionedUsers' | 'mentionedUserIds' | 'mentionType'
   > => {
     return Boolean(
-      this.mentionEnabled &&
+      mentionEnabled &&
         message?.mentionedMessageTemplate &&
         message?.mentionedUsers &&
         message?.mentionedUsers.length > 0,
@@ -234,7 +235,7 @@ type RequiredSpecific<T, K extends keyof T> = T & {
 };
 
 const styles = createStyleSheet({
-  mentionedText: { fontWeight: 'bold' },
+  mentionedText: { fontWeight: '700' },
 });
 
 export default MentionManager;

package/src/libs/SBUUtils.ts

@@ -9,9 +9,13 @@ export default class SBUUtils {
     });
   }
 
-  static openURL(url: string) {
-    const targetUrl = url.startsWith('http') ? url : 'https://' + url;
-    Linking.openURL(targetUrl).catch((err) => Logger.warn('Cannot open url', err));
+  static async openURL(url: string) {
+    try {
+      const targetUrl = url.startsWith('http') ? url : 'https://' + url;
+      await Linking.openURL(targetUrl);
+    } catch (e) {
+      Logger.warn('Cannot open url', e);
+    }
   }
 
   static getImageSize(uri: string): Promise<{ width: number; height: number }> {

package/src/localization/StringSet.type.ts

@@ -30,9 +30,6 @@ export interface StringSet {
     MESSAGE_BUBBLE_EDITED_POSTFIX: string;
     MESSAGE_BUBBLE_UNKNOWN_TITLE: (message: SendbirdMessage) => string;
     MESSAGE_BUBBLE_UNKNOWN_DESC: (message: SendbirdMessage) => string;
-
-    /** @deprecated Please use LABELS.CHANNEL_MESSAGE_LIST_FROZEN **/
-    LIST_BANNER_FROZEN: string;
   };
   OPEN_CHANNEL_PARTICIPANTS: {
     /** OpenChannelParticipants > Header */
@@ -128,43 +125,6 @@ export interface StringSet {
 
     /** GroupChannel > Suggested mention list */
     MENTION_LIMITED: (mentionLimit: number) => string;
-
-    /** @deprecated Please use LABELS.CHANNEL_MESSAGE_LIST_FROZEN **/
-    LIST_BANNER_FROZEN: string;
-    /** @deprecated Please use LABELS.CHANNEL_MESSAGE_COPY **/
-    DIALOG_MESSAGE_COPY: string;
-    /** @deprecated Please use LABELS.CHANNEL_MESSAGE_EDIT **/
-    DIALOG_MESSAGE_EDIT: string;
-    /** @deprecated Please use LABELS.CHANNEL_MESSAGE_SAVE **/
-    DIALOG_MESSAGE_SAVE: string;
-    /** @deprecated Please use LABELS.CHANNEL_MESSAGE_DELETE **/
-    DIALOG_MESSAGE_DELETE: string;
-    /** @deprecated Please use LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE **/
-    DIALOG_MESSAGE_DELETE_CONFIRM_TITLE: string;
-    /** @deprecated Please use LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK **/
-    DIALOG_MESSAGE_DELETE_CONFIRM_OK: string;
-    /** @deprecated Please use LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL **/
-    DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL: string;
-    /** @deprecated Please use LABELS.CHANNEL_MESSAGE_FAILED_RETRY **/
-    DIALOG_MESSAGE_FAILED_RETRY: string;
-    /** @deprecated Please use LABELS.CHANNEL_MESSAGE_FAILED_REMOVE **/
-    DIALOG_MESSAGE_FAILED_REMOVE: string;
-    /** @deprecated Please use LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA **/
-    DIALOG_ATTACHMENT_CAMERA: string;
-    /** @deprecated Please use LABELS.CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY **/
-    DIALOG_ATTACHMENT_PHOTO_LIBRARY: string;
-    /** @deprecated Please use LABELS.CHANNEL_INPUT_ATTACHMENT_FILES **/
-    DIALOG_ATTACHMENT_FILES: string;
-    /** @deprecated Please use LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE **/
-    INPUT_PLACEHOLDER_ACTIVE: string;
-    /** @deprecated Please use LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED **/
-    INPUT_PLACEHOLDER_DISABLED: string;
-    /** @deprecated Please use LABELS.CHANNEL_INPUT_PLACEHOLDER_MUTED **/
-    INPUT_PLACEHOLDER_MUTED: string;
-    /** @deprecated Please use LABELS.CHANNEL_INPUT_EDIT_OK **/
-    INPUT_EDIT_OK: string;
-    /** @deprecated Please use LABELS.CHANNEL_INPUT_EDIT_CANCEL **/
-    INPUT_EDIT_CANCEL: string;
   };
   GROUP_CHANNEL_SETTINGS: {
     /** GroupChannelSettings > Header */
@@ -253,11 +213,6 @@ export interface StringSet {
   GROUP_CHANNEL_MEMBERS: {
     /** GroupChannelMembers > Header */
     HEADER_TITLE: string;
-
-    /** @deprecated Please use LABELS.USER_BAR_ME_POSTFIX **/
-    USER_BAR_ME_POSTFIX: string;
-    /** @deprecated Please use LABELS.USER_BAR_OPERATOR **/
-    USER_BAR_OPERATOR: string;
   };
   GROUP_CHANNEL_INVITE: {
     /** GroupChannelInvite > Header */
@@ -309,7 +264,8 @@ export interface StringSet {
     CHANNEL_INPUT_EDIT_OK: string;
     CHANNEL_INPUT_EDIT_CANCEL: string;
     /** ChannelInput > Attachments **/
-    CHANNEL_INPUT_ATTACHMENT_CAMERA: string;
+    CHANNEL_INPUT_ATTACHMENT_CAMERA_PHOTO: string;
+    CHANNEL_INPUT_ATTACHMENT_CAMERA_VIDEO: string;
     CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY: string;
     CHANNEL_INPUT_ATTACHMENT_FILES: string;
 

package/src/localization/createBaseStringSet.ts

@@ -41,9 +41,6 @@ export const createBaseStringSet = ({ dateLocale, overrides }: StringSetCreateOp
       MESSAGE_BUBBLE_EDITED_POSTFIX: ' (edited)',
       MESSAGE_BUBBLE_UNKNOWN_TITLE: () => '(Unknown message type)',
       MESSAGE_BUBBLE_UNKNOWN_DESC: () => 'Cannot read this message.',
-
-      /** @deprecated Please use LABELS.CHANNEL_MESSAGE_LIST_FROZEN **/
-      LIST_BANNER_FROZEN: 'Channel is frozen',
       ...overrides?.OPEN_CHANNEL,
     },
     OPEN_CHANNEL_PARTICIPANTS: {
@@ -125,43 +122,6 @@ export const createBaseStringSet = ({ dateLocale, overrides }: StringSetCreateOp
       MESSAGE_BUBBLE_UNKNOWN_DESC: () => 'Cannot read this message.',
 
       MENTION_LIMITED: (mentionLimit) => `You can have up to ${mentionLimit} mentions per message.`,
-
-      /** @deprecated Please use LABELS.CHANNEL_MESSAGE_LIST_FROZEN **/
-      LIST_BANNER_FROZEN: 'Channel is frozen',
-      /** @deprecated Please use LABELS.CHANNEL_MESSAGE_COPY **/
-      DIALOG_MESSAGE_COPY: 'Copy',
-      /** @deprecated Please use LABELS.CHANNEL_MESSAGE_EDIT **/
-      DIALOG_MESSAGE_EDIT: 'Edit',
-      /** @deprecated Please use LABELS.CHANNEL_MESSAGE_SAVE **/
-      DIALOG_MESSAGE_SAVE: 'Save',
-      /** @deprecated Please use LABELS.CHANNEL_MESSAGE_DELETE **/
-      DIALOG_MESSAGE_DELETE: 'Delete',
-      /** @deprecated Please use LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE **/
-      DIALOG_MESSAGE_DELETE_CONFIRM_TITLE: 'Delete message?',
-      /** @deprecated Please use LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK **/
-      DIALOG_MESSAGE_DELETE_CONFIRM_OK: 'Delete',
-      /** @deprecated Please use LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL **/
-      DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL: 'Cancel',
-      /** @deprecated Please use LABELS.CHANNEL_MESSAGE_FAILED_RETRY **/
-      DIALOG_MESSAGE_FAILED_RETRY: 'Retry',
-      /** @deprecated Please use LABELS.CHANNEL_MESSAGE_FAILED_REMOVE **/
-      DIALOG_MESSAGE_FAILED_REMOVE: 'Remove',
-      /** @deprecated Please use LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA **/
-      DIALOG_ATTACHMENT_CAMERA: 'Camera',
-      /** @deprecated Please use LABELS.CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY **/
-      DIALOG_ATTACHMENT_PHOTO_LIBRARY: 'Photo library',
-      /** @deprecated Please use LABELS.CHANNEL_INPUT_ATTACHMENT_FILES **/
-      DIALOG_ATTACHMENT_FILES: 'Files',
-      /** @deprecated Please use LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE **/
-      INPUT_PLACEHOLDER_ACTIVE: 'Enter message',
-      /** @deprecated Please use LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED **/
-      INPUT_PLACEHOLDER_DISABLED: 'Chat not available in this channel.',
-      /** @deprecated Please use LABELS.CHANNEL_INPUT_PLACEHOLDER_MUTED **/
-      INPUT_PLACEHOLDER_MUTED: "You're muted by the operator.",
-      /** @deprecated Please use LABELS.CHANNEL_INPUT_EDIT_OK **/
-      INPUT_EDIT_OK: 'Save',
-      /** @deprecated Please use LABELS.CHANNEL_INPUT_EDIT_CANCEL **/
-      INPUT_EDIT_CANCEL: 'Cancel',
       ...overrides?.GROUP_CHANNEL,
     },
     GROUP_CHANNEL_SETTINGS: {
@@ -246,10 +206,6 @@ export const createBaseStringSet = ({ dateLocale, overrides }: StringSetCreateOp
     },
     GROUP_CHANNEL_MEMBERS: {
       HEADER_TITLE: 'Members',
-      /** @deprecated Please use LABELS.USER_BAR_ME_POSTFIX **/
-      USER_BAR_ME_POSTFIX: ' (You)',
-      /** @deprecated Please use LABELS.USER_BAR_OPERATOR **/
-      USER_BAR_OPERATOR: 'Operator',
       ...overrides?.GROUP_CHANNEL_MEMBERS,
     },
     GROUP_CHANNEL_CREATE: {
@@ -300,33 +256,25 @@ export const createBaseStringSet = ({ dateLocale, overrides }: StringSetCreateOp
       UNMUTE: 'Unmute',
       BAN: 'Ban',
       UNBAN: 'Unban',
-
-      // Deprecation backward
-      CHANNEL_MESSAGE_LIST_FROZEN:
-        overrides?.GROUP_CHANNEL?.LIST_BANNER_FROZEN ??
-        overrides?.OPEN_CHANNEL?.LIST_BANNER_FROZEN ??
-        'Channel is frozen',
-      CHANNEL_MESSAGE_COPY: overrides?.GROUP_CHANNEL?.DIALOG_MESSAGE_COPY ?? 'Copy',
-      CHANNEL_MESSAGE_EDIT: overrides?.GROUP_CHANNEL?.DIALOG_MESSAGE_EDIT ?? 'Edit',
-      CHANNEL_MESSAGE_SAVE: overrides?.GROUP_CHANNEL?.DIALOG_MESSAGE_SAVE ?? 'Save',
-      CHANNEL_MESSAGE_DELETE: overrides?.GROUP_CHANNEL?.DIALOG_MESSAGE_DELETE ?? 'Delete',
-      CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE:
-        overrides?.GROUP_CHANNEL?.DIALOG_MESSAGE_DELETE_CONFIRM_TITLE ?? 'Delete message?',
-      CHANNEL_MESSAGE_DELETE_CONFIRM_OK: overrides?.GROUP_CHANNEL?.DIALOG_MESSAGE_DELETE_CONFIRM_OK ?? 'Delete',
-      CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL: overrides?.GROUP_CHANNEL?.DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL ?? 'Cancel',
-      CHANNEL_MESSAGE_FAILED_RETRY: overrides?.GROUP_CHANNEL?.DIALOG_MESSAGE_FAILED_RETRY ?? 'Retry',
-      CHANNEL_MESSAGE_FAILED_REMOVE: overrides?.GROUP_CHANNEL?.DIALOG_MESSAGE_FAILED_REMOVE ?? 'Remove',
-      CHANNEL_INPUT_ATTACHMENT_CAMERA: overrides?.GROUP_CHANNEL?.DIALOG_ATTACHMENT_CAMERA ?? 'Camera',
-      CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY:
-        overrides?.GROUP_CHANNEL?.DIALOG_ATTACHMENT_PHOTO_LIBRARY ?? 'Photo library',
-      CHANNEL_INPUT_ATTACHMENT_FILES: overrides?.GROUP_CHANNEL?.DIALOG_ATTACHMENT_FILES ?? 'Files',
-      CHANNEL_INPUT_PLACEHOLDER_ACTIVE: overrides?.GROUP_CHANNEL?.INPUT_PLACEHOLDER_ACTIVE ?? 'Enter message',
-      CHANNEL_INPUT_PLACEHOLDER_DISABLED:
-        overrides?.GROUP_CHANNEL?.INPUT_PLACEHOLDER_DISABLED ?? 'Chat not available in this channel.',
-      CHANNEL_INPUT_PLACEHOLDER_MUTED:
-        overrides?.GROUP_CHANNEL?.INPUT_PLACEHOLDER_MUTED ?? "You're muted by the operator.",
-      CHANNEL_INPUT_EDIT_OK: overrides?.GROUP_CHANNEL?.INPUT_EDIT_OK ?? 'Save',
-      CHANNEL_INPUT_EDIT_CANCEL: overrides?.GROUP_CHANNEL?.INPUT_EDIT_CANCEL ?? 'Cancel',
+      CHANNEL_MESSAGE_LIST_FROZEN: 'Channel is frozen',
+      CHANNEL_MESSAGE_COPY: 'Copy',
+      CHANNEL_MESSAGE_EDIT: 'Edit',
+      CHANNEL_MESSAGE_SAVE: 'Save',
+      CHANNEL_MESSAGE_DELETE: 'Delete',
+      CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE: 'Delete message?',
+      CHANNEL_MESSAGE_DELETE_CONFIRM_OK: 'Delete',
+      CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL: 'Cancel',
+      CHANNEL_MESSAGE_FAILED_RETRY: 'Retry',
+      CHANNEL_MESSAGE_FAILED_REMOVE: 'Remove',
+      CHANNEL_INPUT_ATTACHMENT_CAMERA_PHOTO: 'Take a photo',
+      CHANNEL_INPUT_ATTACHMENT_CAMERA_VIDEO: 'Take a video',
+      CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY: 'Photo library',
+      CHANNEL_INPUT_ATTACHMENT_FILES: 'Files',
+      CHANNEL_INPUT_PLACEHOLDER_ACTIVE: 'Enter message',
+      CHANNEL_INPUT_PLACEHOLDER_DISABLED: 'Chat not available in this channel.',
+      CHANNEL_INPUT_PLACEHOLDER_MUTED: "You're muted by the operator.",
+      CHANNEL_INPUT_EDIT_OK: 'Save',
+      CHANNEL_INPUT_EDIT_CANCEL: 'Cancel',
       ...overrides?.LABELS,
     },
     FILE_VIEWER: {

package/src/version.ts

@@ -1,2 +1,2 @@
-const VERSION = '2.5.0';
+const VERSION = '3.0.0-rc.0';
 export default VERSION;

package/lib/commonjs/components/MessageRenderer/AdminMessage/index.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const AdminMessage = _ref => {
-  let {
-    message,
-    nextMessage
-  } = _ref;
-  const {
-    colors
-  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
-  const isNextAdmin = nextMessage === null || nextMessage === void 0 ? void 0 : nextMessage.isAdminMessage();
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _reactNative.StyleSheet.flatten([styles.container, isNextAdmin ? styles.nextAdminType : styles.next])
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
-    caption2: true,
-    color: colors.onBackground02,
-    style: styles.text
-  }, message.message));
-};
-const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
-  container: {
-    width: 300,
-    alignSelf: 'center',
-    alignItems: 'center'
-  },
-  nextAdminType: {
-    marginBottom: 8
-  },
-  next: {
-    marginBottom: 16
-  },
-  text: {
-    textAlign: 'center'
-  }
-});
-var _default = AdminMessage;
-exports.default = _default;
-//# sourceMappingURL=index.js.map

package/lib/commonjs/components/MessageRenderer/AdminMessage/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","obj","__esModule","default","AdminMessage","_ref","message","nextMessage","colors","useUIKitTheme","isNextAdmin","isAdminMessage","createElement","View","style","StyleSheet","flatten","styles","container","nextAdminType","next","Text","caption2","color","onBackground02","text","createStyleSheet","width","alignSelf","alignItems","marginBottom","textAlign","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdAdminMessage } from '@sendbird/uikit-utils';\n\nimport type { MessageRendererInterface } from '../index';\n\nexport type AdminMessageProps = MessageRendererInterface<SendbirdAdminMessage>;\nconst AdminMessage = ({ message, nextMessage }: AdminMessageProps) => {\n  const { colors } = useUIKitTheme();\n\n  const isNextAdmin = nextMessage?.isAdminMessage();\n  return (\n    <View style={StyleSheet.flatten([styles.container, isNextAdmin ? styles.nextAdminType : styles.next])}>\n      <Text caption2 color={colors.onBackground02} style={styles.text}>\n        {message.message}\n      </Text>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    width: 300,\n    alignSelf: 'center',\n    alignItems: 'center',\n  },\n  nextAdminType: {\n    marginBottom: 8,\n  },\n  next: {\n    marginBottom: 16,\n  },\n  text: {\n    textAlign: 'center',\n  },\n});\n\nexport default AdminMessage;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AAAgG,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAMhG,MAAMG,YAAY,GAAGC,IAAA,IAAiD;EAAA,IAAhD;IAAEC,OAAO;IAAEC;EAA+B,CAAC,GAAAF,IAAA;EAC/D,MAAM;IAAEG;EAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;EAElC,MAAMC,WAAW,GAAGH,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEI,cAAc,EAAE;EACjD,oBACEf,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACb,YAAA,CAAAc,IAAI;IAACC,KAAK,EAAEC,uBAAU,CAACC,OAAO,CAAC,CAACC,MAAM,CAACC,SAAS,EAAER,WAAW,GAAGO,MAAM,CAACE,aAAa,GAAGF,MAAM,CAACG,IAAI,CAAC;EAAE,gBACpGxB,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACZ,2BAAA,CAAAqB,IAAI;IAACC,QAAQ;IAACC,KAAK,EAAEf,MAAM,CAACgB,cAAe;IAACV,KAAK,EAAEG,MAAM,CAACQ;EAAK,GAC7DnB,OAAO,CAACA,OAAO,CACX,CACF;AAEX,CAAC;AAED,MAAMW,MAAM,GAAG,IAAAS,4CAAgB,EAAC;EAC9BR,SAAS,EAAE;IACTS,KAAK,EAAE,GAAG;IACVC,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE;EACd,CAAC;EACDV,aAAa,EAAE;IACbW,YAAY,EAAE;EAChB,CAAC;EACDV,IAAI,EAAE;IACJU,YAAY,EAAE;EAChB,CAAC;EACDL,IAAI,EAAE;IACJM,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEY5B,YAAY;AAAA6B,OAAA,CAAA9B,OAAA,GAAA6B,QAAA"}

package/lib/commonjs/components/MessageRenderer/FileMessage/BaseFileMessage.js

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-var _useContext = require("../../../hooks/useContext");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const iconMapper = {
-  audio: 'file-audio',
-  image: 'photo',
-  video: 'play',
-  file: 'file-document'
-};
-const BaseFileMessage = _ref => {
-  let {
-    message,
-    variant,
-    pressed,
-    type,
-    children
-  } = _ref;
-  const {
-    STRINGS
-  } = (0, _useContext.useLocalization)();
-  const {
-    colors
-  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
-  const color = colors.ui.groupChannelMessage[variant][pressed ? 'pressed' : 'enabled'];
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.bubbleContainer, {
-      backgroundColor: color.background
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.container
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
-    icon: iconMapper[type],
-    size: 24,
-    containerStyle: {
-      backgroundColor: colors.background,
-      padding: 2,
-      borderRadius: 8,
-      marginRight: 8
-    }
-  }), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
-    body3: true,
-    ellipsizeMode: 'middle',
-    numberOfLines: 1,
-    color: color.textMsg,
-    style: styles.name
-  }, STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_FILE_TITLE(message))), children);
-};
-const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
-  bubbleContainer: {
-    borderRadius: 16,
-    overflow: 'hidden'
-  },
-  container: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingHorizontal: 12,
-    paddingVertical: 6
-  },
-  name: {
-    flexShrink: 1
-  }
-});
-var _default = BaseFileMessage;
-exports.default = _default;
-//# sourceMappingURL=BaseFileMessage.js.map

package/lib/commonjs/components/MessageRenderer/FileMessage/BaseFileMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_useContext","obj","__esModule","default","iconMapper","audio","image","video","file","BaseFileMessage","_ref","message","variant","pressed","type","children","STRINGS","useLocalization","colors","useUIKitTheme","color","ui","groupChannelMessage","createElement","View","style","styles","bubbleContainer","backgroundColor","background","container","Icon","icon","size","containerStyle","padding","borderRadius","marginRight","Text","body3","ellipsizeMode","numberOfLines","textMsg","name","GROUP_CHANNEL","MESSAGE_BUBBLE_FILE_TITLE","createStyleSheet","overflow","flexDirection","alignItems","paddingHorizontal","paddingVertical","flexShrink","_default","exports"],"sources":["BaseFileMessage.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { FileMessageProps } from './index';\n\nconst iconMapper = { audio: 'file-audio', image: 'photo', video: 'play', file: 'file-document' } as const;\n\ntype Props = FileMessageProps & {\n  type: 'image' | 'audio' | 'video' | 'file';\n};\nconst BaseFileMessage = ({ message, variant, pressed, type, children }: Props) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage[variant][pressed ? 'pressed' : 'enabled'];\n  return (\n    <View style={[styles.bubbleContainer, { backgroundColor: color.background }]}>\n      <View style={styles.container}>\n        <Icon\n          icon={iconMapper[type]}\n          size={24}\n          containerStyle={{ backgroundColor: colors.background, padding: 2, borderRadius: 8, marginRight: 8 }}\n        />\n        <Text body3 ellipsizeMode={'middle'} numberOfLines={1} color={color.textMsg} style={styles.name}>\n          {STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_FILE_TITLE(message)}\n        </Text>\n      </View>\n      {children}\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  bubbleContainer: {\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  container: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingHorizontal: 12,\n    paddingVertical: 6,\n  },\n  name: {\n    flexShrink: 1,\n  },\n});\n\nexport default BaseFileMessage;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AAA4D,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAG5D,MAAMG,UAAU,GAAG;EAAEC,KAAK,EAAE,YAAY;EAAEC,KAAK,EAAE,OAAO;EAAEC,KAAK,EAAE,MAAM;EAAEC,IAAI,EAAE;AAAgB,CAAU;AAKzG,MAAMC,eAAe,GAAGC,IAAA,IAA0D;EAAA,IAAzD;IAAEC,OAAO;IAAEC,OAAO;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAgB,CAAC,GAAAL,IAAA;EAC3E,MAAM;IAAEM;EAAQ,CAAC,GAAG,IAAAC,2BAAe,GAAE;EACrC,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;EAClC,MAAMC,KAAK,GAAGF,MAAM,CAACG,EAAE,CAACC,mBAAmB,CAACV,OAAO,CAAC,CAACC,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;EACrF,oBACElB,MAAA,CAAAQ,OAAA,CAAAoB,aAAA,CAACzB,YAAA,CAAA0B,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,eAAe,EAAE;MAAEC,eAAe,EAAER,KAAK,CAACS;IAAW,CAAC;EAAE,gBAC3ElC,MAAA,CAAAQ,OAAA,CAAAoB,aAAA,CAACzB,YAAA,CAAA0B,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACI;EAAU,gBAC5BnC,MAAA,CAAAQ,OAAA,CAAAoB,aAAA,CAACxB,2BAAA,CAAAgC,IAAI;IACHC,IAAI,EAAE5B,UAAU,CAACU,IAAI,CAAE;IACvBmB,IAAI,EAAE,EAAG;IACTC,cAAc,EAAE;MAAEN,eAAe,EAAEV,MAAM,CAACW,UAAU;MAAEM,OAAO,EAAE,CAAC;MAAEC,YAAY,EAAE,CAAC;MAAEC,WAAW,EAAE;IAAE;EAAE,EACpG,eACF1C,MAAA,CAAAQ,OAAA,CAAAoB,aAAA,CAACxB,2BAAA,CAAAuC,IAAI;IAACC,KAAK;IAACC,aAAa,EAAE,QAAS;IAACC,aAAa,EAAE,CAAE;IAACrB,KAAK,EAAEA,KAAK,CAACsB,OAAQ;IAACjB,KAAK,EAAEC,MAAM,CAACiB;EAAK,GAC7F3B,OAAO,CAAC4B,aAAa,CAACC,yBAAyB,CAAClC,OAAO,CAAC,CACpD,CACF,EACNI,QAAQ,CACJ;AAEX,CAAC;AAED,MAAMW,MAAM,GAAG,IAAAoB,4CAAgB,EAAC;EAC9BnB,eAAe,EAAE;IACfS,YAAY,EAAE,EAAE;IAChBW,QAAQ,EAAE;EACZ,CAAC;EACDjB,SAAS,EAAE;IACTkB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE;EACnB,CAAC;EACDR,IAAI,EAAE;IACJS,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEY5C,eAAe;AAAA6C,OAAA,CAAAnD,OAAA,GAAAkD,QAAA"}

package/lib/commonjs/components/MessageRenderer/FileMessage/ImageFileMessage.js

@@ -1,93 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-var _uikitUtils = require("@sendbird/uikit-utils");
-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 useRetry = function (hasError) {
-  let retryCount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5;
-  if (_reactNative.Platform.OS === 'android') return '';
-  const forceUpdate = (0, _uikitUtils.useForceUpdate)();
-  const retryCountRef = (0, _react.useRef)(1);
-  const retryTimeoutRef = (0, _react.useRef)();
-  (0, _react.useEffect)(() => {
-    if (hasError) {
-      const reloadReservation = () => {
-        if (retryCountRef.current < retryCount) {
-          retryTimeoutRef.current = setTimeout(() => {
-            retryCountRef.current++;
-            reloadReservation();
-            forceUpdate();
-          }, retryCountRef.current * 5000);
-        }
-      };
-      return reloadReservation();
-    } else {
-      return clearTimeout(retryTimeoutRef.current);
-    }
-  }, [hasError]);
-  return retryCountRef.current;
-};
-const ImageFileMessage = _ref => {
-  let {
-    message,
-    children,
-    variant
-  } = _ref;
-  const {
-    colors
-  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
-  const [imageNotFound, setImageNotFound] = (0, _react.useState)(false);
-  const fileUrl = (0, _uikitUtils.getAvailableUriFromFileMessage)(message);
-  const style = [styles.image, {
-    backgroundColor: colors.onBackground04
-  }];
-  const key = useRetry(imageNotFound);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.bubbleContainer, {
-      backgroundColor: imageNotFound ? colors.onBackground04 : colors.ui.groupChannelMessage[variant].enabled.background
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: style
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Image, {
-    key: key,
-    source: {
-      uri: fileUrl
-    },
-    style: [_reactNative.StyleSheet.absoluteFill, imageNotFound && styles.hide],
-    resizeMode: 'cover',
-    resizeMethod: 'resize',
-    onError: () => setImageNotFound(true),
-    onLoad: () => setImageNotFound(false)
-  }), imageNotFound && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
-    containerStyle: _reactNative.StyleSheet.absoluteFill,
-    icon: 'thumbnail-none',
-    size: 48,
-    color: colors.onBackground02
-  })), children);
-};
-const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
-  bubbleContainer: {
-    borderRadius: 16,
-    overflow: 'hidden'
-  },
-  image: {
-    width: 240,
-    maxWidth: 240,
-    height: 160,
-    borderRadius: 16,
-    overflow: 'hidden'
-  },
-  hide: {
-    display: 'none'
-  }
-});
-var _default = ImageFileMessage;
-exports.default = _default;
-//# sourceMappingURL=ImageFileMessage.js.map

package/lib/commonjs/components/MessageRenderer/FileMessage/ImageFileMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","useRetry","hasError","retryCount","arguments","length","undefined","Platform","OS","forceUpdate","useForceUpdate","retryCountRef","useRef","retryTimeoutRef","useEffect","reloadReservation","current","setTimeout","clearTimeout","ImageFileMessage","_ref","message","children","variant","colors","useUIKitTheme","imageNotFound","setImageNotFound","useState","fileUrl","getAvailableUriFromFileMessage","style","styles","image","backgroundColor","onBackground04","createElement","View","bubbleContainer","ui","groupChannelMessage","enabled","background","Image","source","uri","StyleSheet","absoluteFill","hide","resizeMode","resizeMethod","onError","onLoad","Icon","containerStyle","icon","size","color","onBackground02","createStyleSheet","borderRadius","overflow","width","maxWidth","height","display","_default","exports"],"sources":["ImageFileMessage.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Platform, StyleSheet, View } from 'react-native';\n\nimport { Icon, Image, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { getAvailableUriFromFileMessage, useForceUpdate } from '@sendbird/uikit-utils';\n\nimport type { FileMessageProps } from './index';\n\nconst useRetry = (hasError: boolean, retryCount = 5) => {\n  if (Platform.OS === 'android') return '';\n\n  const forceUpdate = useForceUpdate();\n  const retryCountRef = useRef(1);\n  const retryTimeoutRef = useRef<NodeJS.Timeout>();\n\n  useEffect(() => {\n    if (hasError) {\n      const reloadReservation = () => {\n        if (retryCountRef.current < retryCount) {\n          retryTimeoutRef.current = setTimeout(() => {\n            retryCountRef.current++;\n            reloadReservation();\n            forceUpdate();\n          }, retryCountRef.current * 5000);\n        }\n      };\n\n      return reloadReservation();\n    } else {\n      return clearTimeout(retryTimeoutRef.current);\n    }\n  }, [hasError]);\n\n  return retryCountRef.current;\n};\n\nconst ImageFileMessage = ({ message, children, variant }: FileMessageProps) => {\n  const { colors } = useUIKitTheme();\n  const [imageNotFound, setImageNotFound] = useState(false);\n\n  const fileUrl = getAvailableUriFromFileMessage(message);\n  const style = [styles.image, { backgroundColor: colors.onBackground04 }];\n\n  const key = useRetry(imageNotFound);\n\n  return (\n    <View\n      style={[\n        styles.bubbleContainer,\n        {\n          backgroundColor: imageNotFound\n            ? colors.onBackground04\n            : colors.ui.groupChannelMessage[variant].enabled.background,\n        },\n      ]}\n    >\n      <View style={style}>\n        <Image\n          key={key}\n          source={{ uri: fileUrl }}\n          style={[StyleSheet.absoluteFill, imageNotFound && styles.hide]}\n          resizeMode={'cover'}\n          resizeMethod={'resize'}\n          onError={() => setImageNotFound(true)}\n          onLoad={() => setImageNotFound(false)}\n        />\n        {imageNotFound && (\n          <Icon\n            containerStyle={StyleSheet.absoluteFill}\n            icon={'thumbnail-none'}\n            size={48}\n            color={colors.onBackground02}\n          />\n        )}\n      </View>\n      {children}\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  bubbleContainer: {\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  image: {\n    width: 240,\n    maxWidth: 240,\n    height: 160,\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  hide: {\n    display: 'none',\n  },\n});\n\nexport default ImageFileMessage;\n"],"mappings":"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"}

package/lib/commonjs/components/MessageRenderer/FileMessage/VideoFileMessage.js

@@ -1,132 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-var _uikitUtils = require("@sendbird/uikit-utils");
-var _useContext = require("../../../hooks/useContext");
-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 useRetry = function (videoFileUrl) {
-  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 {
-    mediaService
-  } = (0, _useContext.usePlatformService)();
-  const fetchThumbnail = () => {
-    return mediaService.getVideoThumbnail({
-      url: videoFileUrl,
-      timeMills: 1000
-    }).then(result => {
-      setState({
-        loading: false,
-        thumbnail: (result === null || result === void 0 ? void 0 : result.path) ?? null
-      });
-    });
-  };
-  (0, _react.useEffect)(() => {
-    if (!state.thumbnail) {
-      const reloadReservation = () => {
-        if (retryCountRef.current < retryCount) {
-          retryTimeoutRef.current = setTimeout(() => {
-            retryCountRef.current++;
-            reloadReservation();
-            fetchThumbnail();
-          }, retryCountRef.current * 5000);
-        }
-      };
-      return reloadReservation();
-    } else {
-      return clearTimeout(retryTimeoutRef.current);
-    }
-  }, [state.thumbnail]);
-  return state;
-};
-const VideoFileMessage = _ref => {
-  let {
-    message,
-    variant,
-    children
-  } = _ref;
-  const {
-    colors
-  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
-  const fileUrl = (0, _uikitUtils.getAvailableUriFromFileMessage)(message);
-  const style = [styles.video, {
-    backgroundColor: colors.onBackground04
-  }];
-  const {
-    loading,
-    thumbnail
-  } = useRetry(fileUrl);
-  if (loading) {
-    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: [styles.bubbleContainer, {
-        backgroundColor: colors.ui.groupChannelMessage[variant].enabled.background
-      }]
-    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: [styles.bubbleContainer, styles.bubbleInnerContainer]
-    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: style
-    }), /*#__PURE__*/_react.default.createElement(PlayIcon, null)), children);
-  }
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.bubbleContainer, {
-      backgroundColor: colors.ui.groupChannelMessage[variant].enabled.background
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.bubbleContainer, styles.bubbleInnerContainer]
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Image, {
-    source: {
-      uri: thumbnail || fileUrl
-    },
-    style: style,
-    resizeMode: 'cover',
-    resizeMethod: 'resize'
-  }), /*#__PURE__*/_react.default.createElement(PlayIcon, null)), children);
-};
-const PlayIcon = () => {
-  const {
-    colors
-  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
-  return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
-    icon: 'play',
-    size: 28,
-    color: colors.onBackground02,
-    containerStyle: [styles.playIcon, {
-      backgroundColor: colors.onBackgroundReverse01
-    }]
-  });
-};
-const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
-  bubbleContainer: {
-    borderRadius: 16,
-    overflow: 'hidden'
-  },
-  bubbleInnerContainer: {
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  video: {
-    width: 240,
-    maxWidth: 240,
-    height: 160
-  },
-  playIcon: {
-    position: 'absolute',
-    padding: 10,
-    borderRadius: 50
-  }
-});
-var _default = VideoFileMessage;
-exports.default = _default;
-//# sourceMappingURL=VideoFileMessage.js.map