@sendbird/uikit-react-native 1.0.0-rc.3 → 1.0.1

package/lib/module/components/MessageRenderer/MessageOutgoingStatus.js

@@ -1,116 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { Icon, LoadingSpinner, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { useUniqId } from '@sendbird/uikit-utils';
-import { useSendbirdChat } from '../../hooks/useContext';
-const SIZE = 16;
-
-const MessageOutgoingStatus = _ref => {
-  let {
-    channel,
-    message
-  } = _ref;
-  if (!message.isUserMessage() && !message.isFileMessage()) return null;
-  const handlerId = useUniqId('MessageOutgoingStatus');
-  const {
-    sdk,
-    features
-  } = useSendbirdChat();
-  const {
-    colors
-  } = useUIKitTheme();
-  const [state, setState] = useState(() => ({
-    unreadCount: channel.getUnreadMemberCount(message),
-    undeliveredCount: channel.getUndeliveredMemberCount(message)
-  }));
-
-  const getCounts = (channel, message) => {
-    return {
-      unreadCount: channel.getUnreadMemberCount(message),
-      undeliveredCount: channel.getUndeliveredMemberCount(message)
-    };
-  };
-
-  useEffect(() => {
-    const id = String(handlerId);
-
-    if (message.sendingStatus === 'succeeded' && state.unreadCount === 0 && state.undeliveredCount === 0) {
-      sdk.removeChannelHandler(id);
-    } else {
-      const handler = new sdk.ChannelHandler();
-
-      handler.onReadReceiptUpdated = channel => {
-        if (channel.url === message.channelUrl) setState(getCounts(channel, message));
-      };
-
-      if (features.deliveryReceiptEnabled) {
-        handler.onDeliveryReceiptUpdated = channel => {
-          if (channel.url === message.channelUrl && channel.isGroupChannel()) setState(getCounts(channel, message));
-        };
-      }
-
-      sdk.addChannelHandler(id, handler);
-    }
-
-    return () => {
-      sdk.removeChannelHandler(id);
-    };
-  }, [message.sendingStatus]);
-
-  if (message.sendingStatus === 'pending') {
-    return /*#__PURE__*/React.createElement(LoadingSpinner, {
-      size: SIZE,
-      style: styles.container
-    });
-  }
-
-  if (message.sendingStatus === 'failed') {
-    return /*#__PURE__*/React.createElement(Icon, {
-      icon: 'error',
-      size: SIZE,
-      color: colors.error,
-      style: styles.container
-    });
-  }
-
-  if (state.unreadCount === 0) {
-    return /*#__PURE__*/React.createElement(Icon, {
-      icon: 'done-all',
-      size: SIZE,
-      color: colors.secondary,
-      style: styles.container
-    });
-  }
-
-  if (features.deliveryReceiptEnabled) {
-    if (state.undeliveredCount === 0) {
-      return /*#__PURE__*/React.createElement(Icon, {
-        icon: 'done-all',
-        size: SIZE,
-        color: colors.onBackground03,
-        style: styles.container
-      });
-    }
-
-    return /*#__PURE__*/React.createElement(Icon, {
-      icon: 'done',
-      size: SIZE,
-      color: colors.onBackground03,
-      style: styles.container
-    });
-  }
-
-  return /*#__PURE__*/React.createElement(Icon, {
-    icon: 'done-all',
-    size: SIZE,
-    color: colors.onBackground03,
-    style: styles.container
-  });
-};
-
-const styles = createStyleSheet({
-  container: {
-    marginRight: 4
-  }
-});
-export default /*#__PURE__*/React.memo(MessageOutgoingStatus);
-//# sourceMappingURL=MessageOutgoingStatus.js.map

package/lib/module/components/MessageRenderer/MessageOutgoingStatus.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","useState","Icon","LoadingSpinner","createStyleSheet","useUIKitTheme","useUniqId","useSendbirdChat","SIZE","MessageOutgoingStatus","channel","message","isUserMessage","isFileMessage","handlerId","sdk","features","colors","state","setState","unreadCount","getUnreadMemberCount","undeliveredCount","getUndeliveredMemberCount","getCounts","id","String","sendingStatus","removeChannelHandler","handler","ChannelHandler","onReadReceiptUpdated","url","channelUrl","deliveryReceiptEnabled","onDeliveryReceiptUpdated","isGroupChannel","addChannelHandler","styles","container","error","secondary","onBackground03","marginRight","memo"],"sources":["MessageOutgoingStatus.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport { Icon, LoadingSpinner, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type {\n  SendbirdFileMessage,\n  SendbirdGroupChannel,\n  SendbirdMessage,\n  SendbirdUserMessage,\n} from '@sendbird/uikit-utils';\nimport { useUniqId } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../../hooks/useContext';\n\nconst SIZE = 16;\n\ntype Props = { channel: SendbirdGroupChannel; message: SendbirdMessage };\nconst MessageOutgoingStatus: React.FC<Props> = ({ channel, message }) => {\n  if (!message.isUserMessage() && !message.isFileMessage()) return null;\n\n  const handlerId = useUniqId('MessageOutgoingStatus');\n\n  const { sdk, features } = useSendbirdChat();\n  const { colors } = useUIKitTheme();\n\n  const [state, setState] = useState(() => ({\n    unreadCount: channel.getUnreadMemberCount(message),\n    undeliveredCount: channel.getUndeliveredMemberCount(message),\n  }));\n\n  const getCounts = (channel: SendbirdGroupChannel, message: SendbirdUserMessage | SendbirdFileMessage) => {\n    return {\n      unreadCount: channel.getUnreadMemberCount(message),\n      undeliveredCount: channel.getUndeliveredMemberCount(message),\n    };\n  };\n\n  useEffect(() => {\n    const id = String(handlerId);\n    if (message.sendingStatus === 'succeeded' && state.unreadCount === 0 && state.undeliveredCount === 0) {\n      sdk.removeChannelHandler(id);\n    } else {\n      const handler = new sdk.ChannelHandler();\n      handler.onReadReceiptUpdated = (channel) => {\n        if (channel.url === message.channelUrl) setState(getCounts(channel, message));\n      };\n\n      if (features.deliveryReceiptEnabled) {\n        handler.onDeliveryReceiptUpdated = (channel) => {\n          if (channel.url === message.channelUrl && channel.isGroupChannel()) setState(getCounts(channel, message));\n        };\n      }\n      sdk.addChannelHandler(id, handler);\n    }\n\n    return () => {\n      sdk.removeChannelHandler(id);\n    };\n  }, [message.sendingStatus]);\n\n  if (message.sendingStatus === 'pending') {\n    return <LoadingSpinner size={SIZE} style={styles.container} />;\n  }\n\n  if (message.sendingStatus === 'failed') {\n    return <Icon icon={'error'} size={SIZE} color={colors.error} style={styles.container} />;\n  }\n\n  if (state.unreadCount === 0) {\n    return <Icon icon={'done-all'} size={SIZE} color={colors.secondary} style={styles.container} />;\n  }\n\n  if (features.deliveryReceiptEnabled) {\n    if (state.undeliveredCount === 0) {\n      return <Icon icon={'done-all'} size={SIZE} color={colors.onBackground03} style={styles.container} />;\n    }\n    return <Icon icon={'done'} size={SIZE} color={colors.onBackground03} style={styles.container} />;\n  }\n\n  return <Icon icon={'done-all'} size={SIZE} color={colors.onBackground03} style={styles.container} />;\n};\n\nconst styles = createStyleSheet({\n  container: {\n    marginRight: 4,\n  },\n});\n\nexport default React.memo(MessageOutgoingStatus);\n"],"mappings":"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"}

package/lib/module/components/MessageRenderer/MessageTime.js

@@ -1,28 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-import { Text, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { useLocalization } from '../../hooks/useContext';
-
-const MessageTime = _ref => {
-  let {
-    message,
-    grouping,
-    style
-  } = _ref;
-  const {
-    STRINGS
-  } = useLocalization();
-  const {
-    colors
-  } = useUIKitTheme();
-  if (grouping) return null;
-  return /*#__PURE__*/React.createElement(View, {
-    style: style
-  }, /*#__PURE__*/React.createElement(Text, {
-    caption4: true,
-    color: colors.ui.message.incoming.enabled.textTime
-  }, STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_TIME(message)));
-};
-
-export default MessageTime;
-//# sourceMappingURL=MessageTime.js.map

package/lib/module/components/MessageRenderer/MessageTime.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","Text","useUIKitTheme","useLocalization","MessageTime","message","grouping","style","STRINGS","colors","ui","incoming","enabled","textTime","GROUP_CHANNEL","MESSAGE_BUBBLE_TIME"],"sources":["MessageTime.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport { Text, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from '../../hooks/useContext';\n\ntype Props = { message: SendbirdMessage; grouping: boolean; style?: StyleProp<ViewStyle> };\nconst MessageTime: React.FC<Props> = ({ message, grouping, style }) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  if (grouping) return null;\n\n  return (\n    <View style={style}>\n      <Text caption4 color={colors.ui.message.incoming.enabled.textTime}>\n        {STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_TIME(message)}\n      </Text>\n    </View>\n  );\n};\n\nexport default MessageTime;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAoBC,IAApB,QAA2C,cAA3C;AAEA,SAASC,IAAT,EAAeC,aAAf,QAAoC,yCAApC;AAGA,SAASC,eAAT,QAAgC,wBAAhC;;AAGA,MAAMC,WAA4B,GAAG,QAAkC;EAAA,IAAjC;IAAEC,OAAF;IAAWC,QAAX;IAAqBC;EAArB,CAAiC;EACrE,MAAM;IAAEC;EAAF,IAAcL,eAAe,EAAnC;EACA,MAAM;IAAEM;EAAF,IAAaP,aAAa,EAAhC;EACA,IAAII,QAAJ,EAAc,OAAO,IAAP;EAEd,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEC;EAAb,gBACE,oBAAC,IAAD;IAAM,QAAQ,MAAd;IAAe,KAAK,EAAEE,MAAM,CAACC,EAAP,CAAUL,OAAV,CAAkBM,QAAlB,CAA2BC,OAA3B,CAAmCC;EAAzD,GACGL,OAAO,CAACM,aAAR,CAAsBC,mBAAtB,CAA0CV,OAA1C,CADH,CADF,CADF;AAOD,CAZD;;AAcA,eAAeD,WAAf"}

package/lib/module/components/MessageRenderer/UnknownMessage/index.js

@@ -1,40 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-import { Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { useLocalization } from '../../../hooks/useContext';
-
-const UnknownMessage = _ref => {
-  let {
-    message,
-    variant,
-    pressed
-  } = _ref;
-  const {
-    STRINGS
-  } = useLocalization();
-  const {
-    colors
-  } = useUIKitTheme();
-  const color = colors.ui.message[variant][pressed ? 'pressed' : 'enabled'];
-  return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, {
-      backgroundColor: color.background
-    }]
-  }, /*#__PURE__*/React.createElement(Text, {
-    body3: true,
-    color: colors.onBackground01
-  }, STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_TITLE(message)), /*#__PURE__*/React.createElement(Text, {
-    body3: true,
-    color: colors.onBackground02
-  }, STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_DESC(message)));
-};
-
-const styles = createStyleSheet({
-  container: {
-    paddingHorizontal: 12,
-    paddingVertical: 6,
-    borderRadius: 16
-  }
-});
-export default UnknownMessage;
-//# sourceMappingURL=index.js.map

package/lib/module/components/MessageRenderer/UnknownMessage/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","Text","createStyleSheet","useUIKitTheme","useLocalization","UnknownMessage","message","variant","pressed","STRINGS","colors","color","ui","styles","container","backgroundColor","background","onBackground01","GROUP_CHANNEL","MESSAGE_BUBBLE_UNKNOWN_TITLE","onBackground02","MESSAGE_BUBBLE_UNKNOWN_DESC","paddingHorizontal","paddingVertical","borderRadius"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { MessageRendererInterface } from '../index';\n\nexport type UnknownMessageProps = MessageRendererInterface;\nconst UnknownMessage: React.FC<UnknownMessageProps> = ({ message, variant, pressed }) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.message[variant][pressed ? 'pressed' : 'enabled'];\n  return (\n    <View style={[styles.container, { backgroundColor: color.background }]}>\n      <Text body3 color={colors.onBackground01}>\n        {STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_TITLE(message)}\n      </Text>\n      <Text body3 color={colors.onBackground02}>\n        {STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_DESC(message)}\n      </Text>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingHorizontal: 12,\n    paddingVertical: 6,\n    borderRadius: 16,\n  },\n});\n\nexport default UnknownMessage;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,IAAT,EAAeC,gBAAf,EAAiCC,aAAjC,QAAsD,yCAAtD;AAEA,SAASC,eAAT,QAAgC,2BAAhC;;AAIA,MAAMC,cAA6C,GAAG,QAAmC;EAAA,IAAlC;IAAEC,OAAF;IAAWC,OAAX;IAAoBC;EAApB,CAAkC;EACvF,MAAM;IAAEC;EAAF,IAAcL,eAAe,EAAnC;EACA,MAAM;IAAEM;EAAF,IAAaP,aAAa,EAAhC;EACA,MAAMQ,KAAK,GAAGD,MAAM,CAACE,EAAP,CAAUN,OAAV,CAAkBC,OAAlB,EAA2BC,OAAO,GAAG,SAAH,GAAe,SAAjD,CAAd;EACA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACK,MAAM,CAACC,SAAR,EAAmB;MAAEC,eAAe,EAAEJ,KAAK,CAACK;IAAzB,CAAnB;EAAb,gBACE,oBAAC,IAAD;IAAM,KAAK,MAAX;IAAY,KAAK,EAAEN,MAAM,CAACO;EAA1B,GACGR,OAAO,CAACS,aAAR,CAAsBC,4BAAtB,CAAmDb,OAAnD,CADH,CADF,eAIE,oBAAC,IAAD;IAAM,KAAK,MAAX;IAAY,KAAK,EAAEI,MAAM,CAACU;EAA1B,GACGX,OAAO,CAACS,aAAR,CAAsBG,2BAAtB,CAAkDf,OAAlD,CADH,CAJF,CADF;AAUD,CAdD;;AAgBA,MAAMO,MAAM,GAAGX,gBAAgB,CAAC;EAC9BY,SAAS,EAAE;IACTQ,iBAAiB,EAAE,EADV;IAETC,eAAe,EAAE,CAFR;IAGTC,YAAY,EAAE;EAHL;AADmB,CAAD,CAA/B;AAQA,eAAenB,cAAf"}

package/lib/module/components/MessageRenderer/UserMessage/BaseUserMessage.js

@@ -1,41 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-import { Text, URLParsedText, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { useLocalization } from '../../../hooks/useContext';
-
-const BaseUserMessage = _ref => {
-  let {
-    message,
-    variant,
-    pressed
-  } = _ref;
-  const {
-    colors
-  } = useUIKitTheme();
-  const color = colors.ui.message[variant][pressed ? 'pressed' : 'enabled'];
-  const {
-    STRINGS
-  } = useLocalization();
-  return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, {
-      backgroundColor: color.background
-    }]
-  }, /*#__PURE__*/React.createElement(URLParsedText, {
-    body3: true,
-    strict: true,
-    color: color.textMsg
-  }, message.message, Boolean(message.updatedAt) && /*#__PURE__*/React.createElement(Text, {
-    body3: true,
-    color: color.textEdited
-  }, STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_EDITED_POSTFIX)));
-};
-
-const styles = createStyleSheet({
-  container: {
-    paddingHorizontal: 12,
-    paddingVertical: 6,
-    borderRadius: 16
-  }
-});
-export default BaseUserMessage;
-//# sourceMappingURL=BaseUserMessage.js.map

package/lib/module/components/MessageRenderer/UserMessage/BaseUserMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","Text","URLParsedText","createStyleSheet","useUIKitTheme","useLocalization","BaseUserMessage","message","variant","pressed","colors","color","ui","STRINGS","styles","container","backgroundColor","background","textMsg","Boolean","updatedAt","textEdited","GROUP_CHANNEL","MESSAGE_BUBBLE_EDITED_POSTFIX","paddingHorizontal","paddingVertical","borderRadius"],"sources":["BaseUserMessage.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { Text, URLParsedText, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { UserMessageProps } from './index';\n\nconst BaseUserMessage: React.FC<UserMessageProps> = ({ message, variant, pressed }) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.message[variant][pressed ? 'pressed' : 'enabled'];\n  const { STRINGS } = useLocalization();\n  return (\n    <View style={[styles.container, { backgroundColor: color.background }]}>\n      <URLParsedText body3 strict color={color.textMsg}>\n        {message.message}\n        {Boolean(message.updatedAt) && (\n          <Text body3 color={color.textEdited}>\n            {STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_EDITED_POSTFIX}\n          </Text>\n        )}\n      </URLParsedText>\n    </View>\n  );\n};\nconst styles = createStyleSheet({\n  container: {\n    paddingHorizontal: 12,\n    paddingVertical: 6,\n    borderRadius: 16,\n  },\n});\n\nexport default BaseUserMessage;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,IAAT,EAAeC,aAAf,EAA8BC,gBAA9B,EAAgDC,aAAhD,QAAqE,yCAArE;AAEA,SAASC,eAAT,QAAgC,2BAAhC;;AAGA,MAAMC,eAA2C,GAAG,QAAmC;EAAA,IAAlC;IAAEC,OAAF;IAAWC,OAAX;IAAoBC;EAApB,CAAkC;EACrF,MAAM;IAAEC;EAAF,IAAaN,aAAa,EAAhC;EACA,MAAMO,KAAK,GAAGD,MAAM,CAACE,EAAP,CAAUL,OAAV,CAAkBC,OAAlB,EAA2BC,OAAO,GAAG,SAAH,GAAe,SAAjD,CAAd;EACA,MAAM;IAAEI;EAAF,IAAcR,eAAe,EAAnC;EACA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACS,MAAM,CAACC,SAAR,EAAmB;MAAEC,eAAe,EAAEL,KAAK,CAACM;IAAzB,CAAnB;EAAb,gBACE,oBAAC,aAAD;IAAe,KAAK,MAApB;IAAqB,MAAM,MAA3B;IAA4B,KAAK,EAAEN,KAAK,CAACO;EAAzC,GACGX,OAAO,CAACA,OADX,EAEGY,OAAO,CAACZ,OAAO,CAACa,SAAT,CAAP,iBACC,oBAAC,IAAD;IAAM,KAAK,MAAX;IAAY,KAAK,EAAET,KAAK,CAACU;EAAzB,GACGR,OAAO,CAACS,aAAR,CAAsBC,6BADzB,CAHJ,CADF,CADF;AAYD,CAhBD;;AAiBA,MAAMT,MAAM,GAAGX,gBAAgB,CAAC;EAC9BY,SAAS,EAAE;IACTS,iBAAiB,EAAE,EADV;IAETC,eAAe,EAAE,CAFR;IAGTC,YAAY,EAAE;EAHL;AADmB,CAAD,CAA/B;AAQA,eAAepB,eAAf"}

package/lib/module/components/MessageRenderer/UserMessage/OpenGraphUserMessage.js

@@ -1,115 +0,0 @@
-import React, { useState } from 'react';
-import { Linking, TouchableOpacity, View } from 'react-native';
-import { Icon, Image, Text, URLParsedText, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { conditionChaining } from '@sendbird/uikit-utils';
-import { useLocalization } from '../../../hooks/useContext';
-
-const OpenGraphUserMessage = _ref => {
-  var _ogMetaData$defaultIm;
-
-  let {
-    message,
-    variant,
-    pressed,
-    ogMetaData
-  } = _ref;
-  const {
-    STRINGS
-  } = useLocalization();
-  const {
-    colors,
-    select,
-    palette
-  } = useUIKitTheme();
-  const color = colors.ui.message[variant][pressed ? 'pressed' : 'enabled'];
-  const [imageNotFound, setImageNotFound] = useState(false);
-  return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, {
-      backgroundColor: color.background
-    }]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.messageContainer
-  }, /*#__PURE__*/React.createElement(URLParsedText, {
-    body3: true,
-    color: color.textMsg
-  }, message.message, Boolean(message.updatedAt) && /*#__PURE__*/React.createElement(Text, {
-    body3: true,
-    color: color.textEdited
-  }, STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_EDITED_POSTFIX))), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    activeOpacity: 0.7,
-    onPress: () => Linking.openURL(ogMetaData.url).catch()
-  }, /*#__PURE__*/React.createElement(View, {
-    style: [styles.ogImageContainer, {
-      backgroundColor: select({
-        dark: palette.background500,
-        light: palette.background200
-      })
-    }]
-  }, conditionChaining([imageNotFound], [/*#__PURE__*/React.createElement(Icon, {
-    containerStyle: styles.ogImage,
-    icon: 'thumbnail-none',
-    size: 48,
-    color: colors.onBackground02
-  }), /*#__PURE__*/React.createElement(Image, {
-    source: {
-      uri: (_ogMetaData$defaultIm = ogMetaData.defaultImage) === null || _ogMetaData$defaultIm === void 0 ? void 0 : _ogMetaData$defaultIm.url
-    },
-    style: styles.ogImage,
-    resizeMode: 'cover',
-    onError: () => setImageNotFound(true)
-  })])), /*#__PURE__*/React.createElement(View, {
-    style: [styles.ogContainer, {
-      backgroundColor: select({
-        dark: palette.background400,
-        light: palette.background100
-      })
-    }]
-  }, /*#__PURE__*/React.createElement(Text, {
-    numberOfLines: 3,
-    body2: true,
-    color: colors.onBackground01,
-    style: styles.ogTitle
-  }, ogMetaData.title), Boolean(ogMetaData.description) && /*#__PURE__*/React.createElement(Text, {
-    numberOfLines: 1,
-    caption2: true,
-    color: colors.onBackground01,
-    style: styles.ogDesc
-  }, ogMetaData.description), /*#__PURE__*/React.createElement(Text, {
-    numberOfLines: 1,
-    caption2: true,
-    color: colors.onBackground02
-  }, ogMetaData.url))));
-};
-
-const styles = createStyleSheet({
-  container: {
-    borderRadius: 16,
-    overflow: 'hidden'
-  },
-  messageContainer: {
-    paddingVertical: 6,
-    paddingHorizontal: 12
-  },
-  ogContainer: {
-    paddingHorizontal: 12,
-    paddingTop: 8,
-    paddingBottom: 12
-  },
-  ogImageContainer: {
-    width: 240,
-    height: 136
-  },
-  ogImage: {
-    width: '100%',
-    height: '100%'
-  },
-  ogTitle: {
-    marginBottom: 4
-  },
-  ogDesc: {
-    lineHeight: 14,
-    marginBottom: 8
-  }
-});
-export default OpenGraphUserMessage;
-//# sourceMappingURL=OpenGraphUserMessage.js.map

package/lib/module/components/MessageRenderer/UserMessage/OpenGraphUserMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useState","Linking","TouchableOpacity","View","Icon","Image","Text","URLParsedText","createStyleSheet","useUIKitTheme","conditionChaining","useLocalization","OpenGraphUserMessage","message","variant","pressed","ogMetaData","STRINGS","colors","select","palette","color","ui","imageNotFound","setImageNotFound","styles","container","backgroundColor","background","messageContainer","textMsg","Boolean","updatedAt","textEdited","GROUP_CHANNEL","MESSAGE_BUBBLE_EDITED_POSTFIX","openURL","url","catch","ogImageContainer","dark","background500","light","background200","ogImage","onBackground02","uri","defaultImage","ogContainer","background400","background100","onBackground01","ogTitle","title","description","ogDesc","borderRadius","overflow","paddingVertical","paddingHorizontal","paddingTop","paddingBottom","width","height","marginBottom","lineHeight"],"sources":["OpenGraphUserMessage.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Linking, TouchableOpacity, View } from 'react-native';\nimport type Sendbird from 'sendbird';\n\nimport {\n  Icon,\n  Image,\n  Text,\n  URLParsedText,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { UserMessageProps } from './index';\n\ntype Props = UserMessageProps & { ogMetaData: Sendbird.OGMetaData };\nconst OpenGraphUserMessage: React.FC<Props> = ({ message, variant, pressed, ogMetaData }) => {\n  const { STRINGS } = useLocalization();\n  const { colors, select, palette } = useUIKitTheme();\n  const color = colors.ui.message[variant][pressed ? 'pressed' : 'enabled'];\n  const [imageNotFound, setImageNotFound] = useState(false);\n  return (\n    <View style={[styles.container, { backgroundColor: color.background }]}>\n      <View style={styles.messageContainer}>\n        <URLParsedText body3 color={color.textMsg}>\n          {message.message}\n          {Boolean(message.updatedAt) && (\n            <Text body3 color={color.textEdited}>\n              {STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_EDITED_POSTFIX}\n            </Text>\n          )}\n        </URLParsedText>\n      </View>\n      <TouchableOpacity activeOpacity={0.7} onPress={() => Linking.openURL(ogMetaData.url).catch()}>\n        <View\n          style={[\n            styles.ogImageContainer,\n            { backgroundColor: select({ dark: palette.background500, light: palette.background200 }) },\n          ]}\n        >\n          {conditionChaining(\n            [imageNotFound],\n            [\n              <Icon containerStyle={styles.ogImage} icon={'thumbnail-none'} size={48} color={colors.onBackground02} />,\n              <Image\n                source={{ uri: ogMetaData.defaultImage?.url }}\n                style={styles.ogImage}\n                resizeMode={'cover'}\n                onError={() => setImageNotFound(true)}\n              />,\n            ],\n          )}\n        </View>\n        <View\n          style={[\n            styles.ogContainer,\n            { backgroundColor: select({ dark: palette.background400, light: palette.background100 }) },\n          ]}\n        >\n          <Text numberOfLines={3} body2 color={colors.onBackground01} style={styles.ogTitle}>\n            {ogMetaData.title}\n          </Text>\n          {Boolean(ogMetaData.description) && (\n            <Text numberOfLines={1} caption2 color={colors.onBackground01} style={styles.ogDesc}>\n              {ogMetaData.description}\n            </Text>\n          )}\n          <Text numberOfLines={1} caption2 color={colors.onBackground02}>\n            {ogMetaData.url}\n          </Text>\n        </View>\n      </TouchableOpacity>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  messageContainer: {\n    paddingVertical: 6,\n    paddingHorizontal: 12,\n  },\n  ogContainer: {\n    paddingHorizontal: 12,\n    paddingTop: 8,\n    paddingBottom: 12,\n  },\n  ogImageContainer: {\n    width: 240,\n    height: 136,\n  },\n  ogImage: {\n    width: '100%',\n    height: '100%',\n  },\n  ogTitle: {\n    marginBottom: 4,\n  },\n  ogDesc: {\n    lineHeight: 14,\n    marginBottom: 8,\n  },\n});\n\nexport default OpenGraphUserMessage;\n"],"mappings":"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"}

package/lib/module/components/MessageRenderer/UserMessage/index.js

@@ -1,18 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-import BaseUserMessage from './BaseUserMessage';
-import OpenGraphUserMessage from './OpenGraphUserMessage';
-
-const UserMessage = props => {
-  if (props.message.ogMetaData) {
-    return /*#__PURE__*/React.createElement(OpenGraphUserMessage, _extends({}, props, {
-      ogMetaData: props.message.ogMetaData
-    }));
-  }
-
-  return /*#__PURE__*/React.createElement(BaseUserMessage, props);
-};
-
-export default /*#__PURE__*/React.memo(UserMessage);
-//# sourceMappingURL=index.js.map

package/lib/module/components/MessageRenderer/UserMessage/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","BaseUserMessage","OpenGraphUserMessage","UserMessage","props","message","ogMetaData","memo"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport type { MessageRendererInterface } from '../index';\nimport BaseUserMessage from './BaseUserMessage';\nimport OpenGraphUserMessage from './OpenGraphUserMessage';\n\nexport type UserMessageProps = MessageRendererInterface<SendbirdUserMessage>;\nconst UserMessage: React.FC<UserMessageProps> = (props) => {\n  if (props.message.ogMetaData) {\n    return <OpenGraphUserMessage {...props} ogMetaData={props.message.ogMetaData} />;\n  }\n  return <BaseUserMessage {...props} />;\n};\n\nexport default React.memo(UserMessage);\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAOC,eAAP,MAA4B,mBAA5B;AACA,OAAOC,oBAAP,MAAiC,wBAAjC;;AAGA,MAAMC,WAAuC,GAAIC,KAAD,IAAW;EACzD,IAAIA,KAAK,CAACC,OAAN,CAAcC,UAAlB,EAA8B;IAC5B,oBAAO,oBAAC,oBAAD,eAA0BF,KAA1B;MAAiC,UAAU,EAAEA,KAAK,CAACC,OAAN,CAAcC;IAA3D,GAAP;EACD;;EACD,oBAAO,oBAAC,eAAD,EAAqBF,KAArB,CAAP;AACD,CALD;;AAOA,4BAAeJ,KAAK,CAACO,IAAN,CAAWJ,WAAX,CAAf"}

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

@@ -1,163 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-import { Pressable, View } from 'react-native';
-import { createStyleSheet } from '@sendbird/uikit-react-native-foundation';
-import { calcMessageGrouping, conditionChaining, isMyMessage, useIIFE } from '@sendbird/uikit-utils';
-import { DEFAULT_LONG_PRESS_DELAY } from '../../constants';
-import AdminMessage from './AdminMessage';
-import FileMessage from './FileMessage';
-import MessageContainer from './MessageContainer';
-import MessageDateSeparator from './MessageDateSeparator';
-import MessageIncomingAvatar from './MessageIncomingAvatar';
-import MessageIncomingSenderName from './MessageIncomingSenderName';
-import MessageOutgoingStatus from './MessageOutgoingStatus';
-import MessageTime from './MessageTime';
-import UnknownMessage from './UnknownMessage';
-import UserMessage from './UserMessage';
-
-const MessageRenderer = _ref => {
-  let {
-    currentUserId,
-    channel,
-    message,
-    onPress,
-    onLongPress,
-    ...rest
-  } = _ref;
-  const variant = isMyMessage(message, currentUserId) ? 'outgoing' : 'incoming';
-  const isOutgoing = variant === 'outgoing';
-  const isIncoming = variant === 'incoming';
-  const variantContainerStyle = {
-    incoming: styles.chatIncoming,
-    outgoing: styles.chatOutgoing
-  }[variant];
-  const {
-    groupWithPrev,
-    groupWithNext
-  } = calcMessageGrouping(Boolean(rest.enableMessageGrouping), message, rest.prevMessage, rest.nextMessage);
-  const messageComponent = useIIFE(() => {
-    const pressableProps = {
-      style: styles.msgContainer,
-      disabled: !onPress && !onLongPress,
-      onPress,
-      onLongPress,
-      delayLongPress: DEFAULT_LONG_PRESS_DELAY
-    };
-    const messageProps = { ...rest,
-      variant,
-      groupWithNext,
-      groupWithPrev
-    };
-
-    if (message.isUserMessage()) {
-      return /*#__PURE__*/React.createElement(Pressable, pressableProps, _ref2 => {
-        let {
-          pressed
-        } = _ref2;
-        return /*#__PURE__*/React.createElement(UserMessage, _extends({
-          message: message,
-          pressed: pressed
-        }, messageProps));
-      });
-    }
-
-    if (message.isFileMessage()) {
-      return /*#__PURE__*/React.createElement(Pressable, pressableProps, _ref3 => {
-        let {
-          pressed
-        } = _ref3;
-        return /*#__PURE__*/React.createElement(FileMessage, _extends({
-          message: message,
-          pressed: pressed
-        }, messageProps));
-      });
-    }
-
-    if (message.isAdminMessage()) {
-      return /*#__PURE__*/React.createElement(AdminMessage, _extends({
-        message: message,
-        pressed: false
-      }, messageProps));
-    }
-
-    return /*#__PURE__*/React.createElement(Pressable, pressableProps, _ref4 => {
-      let {
-        pressed
-      } = _ref4;
-      return /*#__PURE__*/React.createElement(UnknownMessage, _extends({
-        message: message,
-        pressed: pressed
-      }, messageProps));
-    });
-  });
-  return /*#__PURE__*/React.createElement(MessageContainer, null, /*#__PURE__*/React.createElement(MessageDateSeparator, {
-    message: message,
-    prevMessage: rest.prevMessage
-  }), message.isAdminMessage() && messageComponent, !message.isAdminMessage() && /*#__PURE__*/React.createElement(View, {
-    style: [variantContainerStyle, conditionChaining([groupWithNext, Boolean(rest.nextMessage)], [styles.chatGroup, styles.chatNonGroup, styles.chatLastMessage])]
-  }, isOutgoing && /*#__PURE__*/React.createElement(View, {
-    style: styles.outgoingContainer
-  }, /*#__PURE__*/React.createElement(MessageOutgoingStatus, {
-    channel: channel,
-    message: message
-  }), /*#__PURE__*/React.createElement(MessageTime, {
-    message: message,
-    grouping: groupWithNext,
-    style: styles.timeOutgoing
-  })), isIncoming && /*#__PURE__*/React.createElement(MessageIncomingAvatar, {
-    message: message,
-    grouping: groupWithNext
-  }), /*#__PURE__*/React.createElement(View, null, isIncoming && /*#__PURE__*/React.createElement(MessageIncomingSenderName, {
-    message: message,
-    grouping: groupWithPrev
-  }), /*#__PURE__*/React.createElement(View, {
-    style: styles.bubbleContainer
-  }, messageComponent, isIncoming && /*#__PURE__*/React.createElement(MessageTime, {
-    message: message,
-    grouping: groupWithNext,
-    style: styles.timeIncoming
-  })))));
-};
-
-const styles = createStyleSheet({
-  chatIncoming: {
-    flexDirection: 'row',
-    justifyContent: 'flex-start',
-    alignItems: 'flex-end'
-  },
-  chatOutgoing: {
-    flexDirection: 'row',
-    justifyContent: 'flex-end',
-    alignItems: 'flex-end'
-  },
-  timeIncoming: {
-    marginLeft: 4
-  },
-  timeOutgoing: {
-    marginRight: 4
-  },
-  chatGroup: {
-    marginBottom: 2
-  },
-  chatNonGroup: {
-    marginBottom: 16
-  },
-  chatLastMessage: {
-    marginBottom: 16
-  },
-  msgContainer: {
-    maxWidth: 240
-  },
-  bubbleContainer: {
-    flexDirection: 'row',
-    alignItems: 'flex-end'
-  },
-  outgoingContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center'
-  }
-});
-export default /*#__PURE__*/React.memo(MessageRenderer);
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","Pressable","View","createStyleSheet","calcMessageGrouping","conditionChaining","isMyMessage","useIIFE","DEFAULT_LONG_PRESS_DELAY","AdminMessage","FileMessage","MessageContainer","MessageDateSeparator","MessageIncomingAvatar","MessageIncomingSenderName","MessageOutgoingStatus","MessageTime","UnknownMessage","UserMessage","MessageRenderer","currentUserId","channel","message","onPress","onLongPress","rest","variant","isOutgoing","isIncoming","variantContainerStyle","incoming","styles","chatIncoming","outgoing","chatOutgoing","groupWithPrev","groupWithNext","Boolean","enableMessageGrouping","prevMessage","nextMessage","messageComponent","pressableProps","style","msgContainer","disabled","delayLongPress","messageProps","isUserMessage","pressed","isFileMessage","isAdminMessage","chatGroup","chatNonGroup","chatLastMessage","outgoingContainer","timeOutgoing","bubbleContainer","timeIncoming","flexDirection","justifyContent","alignItems","marginLeft","marginRight","marginBottom","maxWidth","memo"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, View } from 'react-native';\n\nimport { createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\nimport { calcMessageGrouping, conditionChaining, isMyMessage, useIIFE } from '@sendbird/uikit-utils';\n\nimport { DEFAULT_LONG_PRESS_DELAY } from '../../constants';\nimport type { GroupChannelProps } from '../../domain/groupChannel/types';\nimport AdminMessage from './AdminMessage';\nimport FileMessage from './FileMessage';\nimport MessageContainer from './MessageContainer';\nimport MessageDateSeparator from './MessageDateSeparator';\nimport MessageIncomingAvatar from './MessageIncomingAvatar';\nimport MessageIncomingSenderName from './MessageIncomingSenderName';\nimport MessageOutgoingStatus from './MessageOutgoingStatus';\nimport MessageTime from './MessageTime';\nimport UnknownMessage from './UnknownMessage';\nimport UserMessage from './UserMessage';\n\ntype MessageStyleVariant = 'outgoing' | 'incoming';\nexport interface MessageRendererInterface<T = SendbirdMessage> {\n  message: T;\n  prevMessage?: SendbirdMessage;\n  nextMessage?: SendbirdMessage;\n  variant: MessageStyleVariant;\n  groupWithPrev: boolean;\n  groupWithNext: boolean;\n  pressed: boolean;\n}\n\nconst MessageRenderer: GroupChannelProps['Fragment']['renderMessage'] = ({\n  currentUserId,\n  channel,\n  message,\n  onPress,\n  onLongPress,\n  ...rest\n}) => {\n  const variant: MessageStyleVariant = isMyMessage(message, currentUserId) ? 'outgoing' : 'incoming';\n  const isOutgoing = variant === 'outgoing';\n  const isIncoming = variant === 'incoming';\n  const variantContainerStyle = { incoming: styles.chatIncoming, outgoing: styles.chatOutgoing }[variant];\n\n  const { groupWithPrev, groupWithNext } = calcMessageGrouping(\n    Boolean(rest.enableMessageGrouping),\n    message,\n    rest.prevMessage,\n    rest.nextMessage,\n  );\n\n  const messageComponent = useIIFE(() => {\n    const pressableProps = {\n      style: styles.msgContainer,\n      disabled: !onPress && !onLongPress,\n      onPress,\n      onLongPress,\n      delayLongPress: DEFAULT_LONG_PRESS_DELAY,\n    };\n    const messageProps = { ...rest, variant, groupWithNext, groupWithPrev };\n\n    if (message.isUserMessage()) {\n      return (\n        <Pressable {...pressableProps}>\n          {({ pressed }) => <UserMessage message={message} pressed={pressed} {...messageProps} />}\n        </Pressable>\n      );\n    }\n\n    if (message.isFileMessage()) {\n      return (\n        <Pressable {...pressableProps}>\n          {({ pressed }) => <FileMessage message={message} pressed={pressed} {...messageProps} />}\n        </Pressable>\n      );\n    }\n\n    if (message.isAdminMessage()) {\n      return <AdminMessage message={message} pressed={false} {...messageProps} />;\n    }\n\n    return (\n      <Pressable {...pressableProps}>\n        {({ pressed }) => <UnknownMessage message={message} pressed={pressed} {...messageProps} />}\n      </Pressable>\n    );\n  });\n\n  return (\n    <MessageContainer>\n      <MessageDateSeparator message={message} prevMessage={rest.prevMessage} />\n      {message.isAdminMessage() && messageComponent}\n      {!message.isAdminMessage() && (\n        <View\n          style={[\n            variantContainerStyle,\n            conditionChaining(\n              [groupWithNext, Boolean(rest.nextMessage)],\n              [styles.chatGroup, styles.chatNonGroup, styles.chatLastMessage],\n            ),\n          ]}\n        >\n          {isOutgoing && (\n            <View style={styles.outgoingContainer}>\n              <MessageOutgoingStatus channel={channel} message={message} />\n              <MessageTime message={message} grouping={groupWithNext} style={styles.timeOutgoing} />\n            </View>\n          )}\n          {isIncoming && <MessageIncomingAvatar message={message} grouping={groupWithNext} />}\n          <View>\n            {isIncoming && <MessageIncomingSenderName message={message} grouping={groupWithPrev} />}\n            <View style={styles.bubbleContainer}>\n              {messageComponent}\n              {isIncoming && <MessageTime message={message} grouping={groupWithNext} style={styles.timeIncoming} />}\n            </View>\n          </View>\n        </View>\n      )}\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  chatIncoming: {\n    flexDirection: 'row',\n    justifyContent: 'flex-start',\n    alignItems: 'flex-end',\n  },\n  chatOutgoing: {\n    flexDirection: 'row',\n    justifyContent: 'flex-end',\n    alignItems: 'flex-end',\n  },\n  timeIncoming: {\n    marginLeft: 4,\n  },\n  timeOutgoing: {\n    marginRight: 4,\n  },\n  chatGroup: {\n    marginBottom: 2,\n  },\n  chatNonGroup: {\n    marginBottom: 16,\n  },\n  chatLastMessage: {\n    marginBottom: 16,\n  },\n  msgContainer: {\n    maxWidth: 240,\n  },\n  bubbleContainer: {\n    flexDirection: 'row',\n    alignItems: 'flex-end',\n  },\n  outgoingContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport default React.memo(MessageRenderer);\n"],"mappings":"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"}