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

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

@@ -1,178 +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, shouldRenderReaction, useIIFE } from '@sendbird/uikit-utils';
-import { DEFAULT_LONG_PRESS_DELAY } from '../../constants';
-import { useSendbirdChat } from '../../hooks/useContext';
-import { ReactionAddons } from '../ReactionAddons';
-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 {
-    features
-  } = useSendbirdChat();
-  const reactionChildren = useIIFE(() => {
-    if (shouldRenderReaction(channel, features.reactionEnabled) && message.reactions && message.reactions.length > 0) {
-      return /*#__PURE__*/React.createElement(ReactionAddons.Message, {
-        channel: channel,
-        message: message
-      });
-    }
-    return null;
-  });
-  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,
-          onLongPressURL: onLongPress,
-          onLongPressMentionedUser: onLongPress
-        }, messageProps), reactionChildren);
-      });
-    }
-    if (message.isFileMessage()) {
-      return /*#__PURE__*/React.createElement(Pressable, pressableProps, _ref3 => {
-        let {
-          pressed
-        } = _ref3;
-        return /*#__PURE__*/React.createElement(FileMessage, _extends({
-          message: message,
-          pressed: pressed
-        }, messageProps), reactionChildren);
-      });
-    }
-    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, {
-    style: styles.bubbleContainer
-  }, isIncoming && /*#__PURE__*/React.createElement(MessageIncomingSenderName, {
-    message: message,
-    grouping: groupWithPrev
-  }), /*#__PURE__*/React.createElement(View, {
-    style: styles.bubbleWrapper
-  }, 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: {
-    flexShrink: 1
-  },
-  bubbleWrapper: {
-    flexDirection: 'row',
-    alignItems: 'flex-end'
-  },
-  outgoingContainer: {
-    flexDirection: 'row',
-    alignItems: 'flex-end',
-    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","shouldRenderReaction","useIIFE","DEFAULT_LONG_PRESS_DELAY","useSendbirdChat","ReactionAddons","AdminMessage","FileMessage","MessageContainer","MessageDateSeparator","MessageIncomingAvatar","MessageIncomingSenderName","MessageOutgoingStatus","MessageTime","UnknownMessage","UserMessage","MessageRenderer","_ref","currentUserId","channel","message","onPress","onLongPress","rest","variant","isOutgoing","isIncoming","variantContainerStyle","incoming","styles","chatIncoming","outgoing","chatOutgoing","groupWithPrev","groupWithNext","Boolean","enableMessageGrouping","prevMessage","nextMessage","features","reactionChildren","reactionEnabled","reactions","length","createElement","Message","messageComponent","pressableProps","style","msgContainer","disabled","delayLongPress","messageProps","isUserMessage","_ref2","pressed","_extends","onLongPressURL","onLongPressMentionedUser","isFileMessage","_ref3","isAdminMessage","_ref4","chatGroup","chatNonGroup","chatLastMessage","outgoingContainer","grouping","timeOutgoing","bubbleContainer","bubbleWrapper","timeIncoming","flexDirection","justifyContent","alignItems","marginLeft","marginRight","marginBottom","maxWidth","flexShrink","memo"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, PressableProps, View } from 'react-native';\n\nimport { createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\nimport {\n  calcMessageGrouping,\n  conditionChaining,\n  isMyMessage,\n  shouldRenderReaction,\n  useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport { DEFAULT_LONG_PRESS_DELAY } from '../../constants';\nimport type { GroupChannelProps } from '../../domain/groupChannel/types';\nimport { useSendbirdChat } from '../../hooks/useContext';\nimport { ReactionAddons } from '../ReactionAddons';\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 type MessageRendererInterface<T = SendbirdMessage, AdditionalProps = unknown> = {\n  message: T;\n  prevMessage?: SendbirdMessage;\n  nextMessage?: SendbirdMessage;\n  variant: MessageStyleVariant;\n  groupWithPrev: boolean;\n  groupWithNext: boolean;\n  pressed: boolean;\n  children?: React.ReactElement | null;\n} & AdditionalProps;\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 { features } = useSendbirdChat();\n\n  const reactionChildren = useIIFE(() => {\n    if (shouldRenderReaction(channel, features.reactionEnabled) && message.reactions && message.reactions.length > 0) {\n      return <ReactionAddons.Message channel={channel} message={message} />;\n    }\n    return null;\n  });\n\n  const messageComponent = useIIFE(() => {\n    const pressableProps: 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 }) => (\n            <UserMessage\n              message={message}\n              pressed={pressed}\n              onLongPressURL={onLongPress}\n              onLongPressMentionedUser={onLongPress}\n              {...messageProps}\n            >\n              {reactionChildren}\n            </UserMessage>\n          )}\n        </Pressable>\n      );\n    }\n\n    if (message.isFileMessage()) {\n      return (\n        <Pressable {...pressableProps}>\n          {({ pressed }) => (\n            <FileMessage message={message} pressed={pressed} {...messageProps}>\n              {reactionChildren}\n            </FileMessage>\n          )}\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 style={styles.bubbleContainer}>\n            {isIncoming && <MessageIncomingSenderName message={message} grouping={groupWithPrev} />}\n            <View style={styles.bubbleWrapper}>\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    flexShrink: 1,\n  },\n  bubbleWrapper: {\n    flexDirection: 'row',\n    alignItems: 'flex-end',\n  },\n  outgoingContainer: {\n    flexDirection: 'row',\n    alignItems: 'flex-end',\n    justifyContent: 'center',\n  },\n});\n\nexport default React.memo(MessageRenderer);\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAkBC,IAAI,QAAQ,cAAc;AAE9D,SAASC,gBAAgB,QAAQ,yCAAyC;AAE1E,SACEC,mBAAmB,EACnBC,iBAAiB,EACjBC,WAAW,EACXC,oBAAoB,EACpBC,OAAO,QACF,uBAAuB;AAE9B,SAASC,wBAAwB,QAAQ,iBAAiB;AAE1D,SAASC,eAAe,QAAQ,wBAAwB;AACxD,SAASC,cAAc,QAAQ,mBAAmB;AAClD,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,OAAOC,yBAAyB,MAAM,6BAA6B;AACnE,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,WAAW,MAAM,eAAe;AAcvC,MAAMC,eAA+D,GAAGC,IAAA,IAOlE;EAAA,IAPmE;IACvEC,aAAa;IACbC,OAAO;IACPC,OAAO;IACPC,OAAO;IACPC,WAAW;IACX,GAAGC;EACL,CAAC,GAAAN,IAAA;EACC,MAAMO,OAA4B,GAAGxB,WAAW,CAACoB,OAAO,EAAEF,aAAa,CAAC,GAAG,UAAU,GAAG,UAAU;EAClG,MAAMO,UAAU,GAAGD,OAAO,KAAK,UAAU;EACzC,MAAME,UAAU,GAAGF,OAAO,KAAK,UAAU;EACzC,MAAMG,qBAAqB,GAAG;IAAEC,QAAQ,EAAEC,MAAM,CAACC,YAAY;IAAEC,QAAQ,EAAEF,MAAM,CAACG;EAAa,CAAC,CAACR,OAAO,CAAC;EAEvG,MAAM;IAAES,aAAa;IAAEC;EAAc,CAAC,GAAGpC,mBAAmB,CAC1DqC,OAAO,CAACZ,IAAI,CAACa,qBAAqB,CAAC,EACnChB,OAAO,EACPG,IAAI,CAACc,WAAW,EAChBd,IAAI,CAACe,WAAW,CACjB;EAED,MAAM;IAAEC;EAAS,CAAC,GAAGnC,eAAe,EAAE;EAEtC,MAAMoC,gBAAgB,GAAGtC,OAAO,CAAC,MAAM;IACrC,IAAID,oBAAoB,CAACkB,OAAO,EAAEoB,QAAQ,CAACE,eAAe,CAAC,IAAIrB,OAAO,CAACsB,SAAS,IAAItB,OAAO,CAACsB,SAAS,CAACC,MAAM,GAAG,CAAC,EAAE;MAChH,oBAAOjD,KAAA,CAAAkD,aAAA,CAACvC,cAAc,CAACwC,OAAO;QAAC1B,OAAO,EAAEA,OAAQ;QAACC,OAAO,EAAEA;MAAQ,EAAG;IACvE;IACA,OAAO,IAAI;EACb,CAAC,CAAC;EAEF,MAAM0B,gBAAgB,GAAG5C,OAAO,CAAC,MAAM;IACrC,MAAM6C,cAA8B,GAAG;MACrCC,KAAK,EAAEnB,MAAM,CAACoB,YAAY;MAC1BC,QAAQ,EAAE,CAAC7B,OAAO,IAAI,CAACC,WAAW;MAClCD,OAAO;MACPC,WAAW;MACX6B,cAAc,EAAEhD;IAClB,CAAC;IACD,MAAMiD,YAAY,GAAG;MAAE,GAAG7B,IAAI;MAAEC,OAAO;MAAEU,aAAa;MAAED;IAAc,CAAC;IAEvE,IAAIb,OAAO,CAACiC,aAAa,EAAE,EAAE;MAC3B,oBACE3D,KAAA,CAAAkD,aAAA,CAACjD,SAAS,EAAKoD,cAAc,EAC1BO,KAAA;QAAA,IAAC;UAAEC;QAAQ,CAAC,GAAAD,KAAA;QAAA,oBACX5D,KAAA,CAAAkD,aAAA,CAAC7B,WAAW,EAAAyC,QAAA;UACVpC,OAAO,EAAEA,OAAQ;UACjBmC,OAAO,EAAEA,OAAQ;UACjBE,cAAc,EAAEnC,WAAY;UAC5BoC,wBAAwB,EAAEpC;QAAY,GAClC8B,YAAY,GAEfZ,gBAAgB,CACL;MAAA,CACf,CACS;IAEhB;IAEA,IAAIpB,OAAO,CAACuC,aAAa,EAAE,EAAE;MAC3B,oBACEjE,KAAA,CAAAkD,aAAA,CAACjD,SAAS,EAAKoD,cAAc,EAC1Ba,KAAA;QAAA,IAAC;UAAEL;QAAQ,CAAC,GAAAK,KAAA;QAAA,oBACXlE,KAAA,CAAAkD,aAAA,CAACrC,WAAW,EAAAiD,QAAA;UAACpC,OAAO,EAAEA,OAAQ;UAACmC,OAAO,EAAEA;QAAQ,GAAKH,YAAY,GAC9DZ,gBAAgB,CACL;MAAA,CACf,CACS;IAEhB;IAEA,IAAIpB,OAAO,CAACyC,cAAc,EAAE,EAAE;MAC5B,oBAAOnE,KAAA,CAAAkD,aAAA,CAACtC,YAAY,EAAAkD,QAAA;QAACpC,OAAO,EAAEA,OAAQ;QAACmC,OAAO,EAAE;MAAM,GAAKH,YAAY,EAAI;IAC7E;IAEA,oBACE1D,KAAA,CAAAkD,aAAA,CAACjD,SAAS,EAAKoD,cAAc,EAC1Be,KAAA;MAAA,IAAC;QAAEP;MAAQ,CAAC,GAAAO,KAAA;MAAA,oBAAKpE,KAAA,CAAAkD,aAAA,CAAC9B,cAAc,EAAA0C,QAAA;QAACpC,OAAO,EAAEA,OAAQ;QAACmC,OAAO,EAAEA;MAAQ,GAAKH,YAAY,EAAI;IAAA,EAChF;EAEhB,CAAC,CAAC;EAEF,oBACE1D,KAAA,CAAAkD,aAAA,CAACpC,gBAAgB,qBACfd,KAAA,CAAAkD,aAAA,CAACnC,oBAAoB;IAACW,OAAO,EAAEA,OAAQ;IAACiB,WAAW,EAAEd,IAAI,CAACc;EAAY,EAAG,EACxEjB,OAAO,CAACyC,cAAc,EAAE,IAAIf,gBAAgB,EAC5C,CAAC1B,OAAO,CAACyC,cAAc,EAAE,iBACxBnE,KAAA,CAAAkD,aAAA,CAAChD,IAAI;IACHoD,KAAK,EAAE,CACLrB,qBAAqB,EACrB5B,iBAAiB,CACf,CAACmC,aAAa,EAAEC,OAAO,CAACZ,IAAI,CAACe,WAAW,CAAC,CAAC,EAC1C,CAACT,MAAM,CAACkC,SAAS,EAAElC,MAAM,CAACmC,YAAY,EAAEnC,MAAM,CAACoC,eAAe,CAAC,CAChE;EACD,GAEDxC,UAAU,iBACT/B,KAAA,CAAAkD,aAAA,CAAChD,IAAI;IAACoD,KAAK,EAAEnB,MAAM,CAACqC;EAAkB,gBACpCxE,KAAA,CAAAkD,aAAA,CAAChC,qBAAqB;IAACO,OAAO,EAAEA,OAAQ;IAACC,OAAO,EAAEA;EAAQ,EAAG,eAC7D1B,KAAA,CAAAkD,aAAA,CAAC/B,WAAW;IAACO,OAAO,EAAEA,OAAQ;IAAC+C,QAAQ,EAAEjC,aAAc;IAACc,KAAK,EAAEnB,MAAM,CAACuC;EAAa,EAAG,CAEzF,EACA1C,UAAU,iBAAIhC,KAAA,CAAAkD,aAAA,CAAClC,qBAAqB;IAACU,OAAO,EAAEA,OAAQ;IAAC+C,QAAQ,EAAEjC;EAAc,EAAG,eACnFxC,KAAA,CAAAkD,aAAA,CAAChD,IAAI;IAACoD,KAAK,EAAEnB,MAAM,CAACwC;EAAgB,GACjC3C,UAAU,iBAAIhC,KAAA,CAAAkD,aAAA,CAACjC,yBAAyB;IAACS,OAAO,EAAEA,OAAQ;IAAC+C,QAAQ,EAAElC;EAAc,EAAG,eACvFvC,KAAA,CAAAkD,aAAA,CAAChD,IAAI;IAACoD,KAAK,EAAEnB,MAAM,CAACyC;EAAc,GAC/BxB,gBAAgB,EAChBpB,UAAU,iBAAIhC,KAAA,CAAAkD,aAAA,CAAC/B,WAAW;IAACO,OAAO,EAAEA,OAAQ;IAAC+C,QAAQ,EAAEjC,aAAc;IAACc,KAAK,EAAEnB,MAAM,CAAC0C;EAAa,EAAG,CAChG,CACF,CAEV,CACgB;AAEvB,CAAC;AAED,MAAM1C,MAAM,GAAGhC,gBAAgB,CAAC;EAC9BiC,YAAY,EAAE;IACZ0C,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE;EACd,CAAC;EACD1C,YAAY,EAAE;IACZwC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,UAAU;IAC1BC,UAAU,EAAE;EACd,CAAC;EACDH,YAAY,EAAE;IACZI,UAAU,EAAE;EACd,CAAC;EACDP,YAAY,EAAE;IACZQ,WAAW,EAAE;EACf,CAAC;EACDb,SAAS,EAAE;IACTc,YAAY,EAAE;EAChB,CAAC;EACDb,YAAY,EAAE;IACZa,YAAY,EAAE;EAChB,CAAC;EACDZ,eAAe,EAAE;IACfY,YAAY,EAAE;EAChB,CAAC;EACD5B,YAAY,EAAE;IACZ6B,QAAQ,EAAE;EACZ,CAAC;EACDT,eAAe,EAAE;IACfU,UAAU,EAAE;EACd,CAAC;EACDT,aAAa,EAAE;IACbE,aAAa,EAAE,KAAK;IACpBE,UAAU,EAAE;EACd,CAAC;EACDR,iBAAiB,EAAE;IACjBM,aAAa,EAAE,KAAK;IACpBE,UAAU,EAAE,UAAU;IACtBD,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,4BAAe/E,KAAK,CAACsF,IAAI,CAAChE,eAAe,CAAC"}

package/lib/typescript/src/components/MessageRenderer/AdminMessage/index.d.ts

@@ -1,5 +0,0 @@
-import type { SendbirdAdminMessage } from '@sendbird/uikit-utils';
-import type { MessageRendererInterface } from '../index';
-export type AdminMessageProps = MessageRendererInterface<SendbirdAdminMessage>;
-declare const AdminMessage: ({ message, nextMessage }: AdminMessageProps) => JSX.Element;
-export default AdminMessage;

package/lib/typescript/src/components/MessageRenderer/FileMessage/BaseFileMessage.d.ts

@@ -1,6 +0,0 @@
-import type { FileMessageProps } from './index';
-type Props = FileMessageProps & {
-    type: 'image' | 'audio' | 'video' | 'file';
-};
-declare const BaseFileMessage: ({ message, variant, pressed, type, children }: Props) => JSX.Element;
-export default BaseFileMessage;

package/lib/typescript/src/components/MessageRenderer/FileMessage/ImageFileMessage.d.ts

@@ -1,3 +0,0 @@
-import type { FileMessageProps } from './index';
-declare const ImageFileMessage: ({ message, children, variant }: FileMessageProps) => JSX.Element;
-export default ImageFileMessage;

package/lib/typescript/src/components/MessageRenderer/FileMessage/VideoFileMessage.d.ts

@@ -1,3 +0,0 @@
-import type { FileMessageProps } from './index';
-declare const VideoFileMessage: ({ message, variant, children }: FileMessageProps) => JSX.Element;
-export default VideoFileMessage;

package/lib/typescript/src/components/MessageRenderer/FileMessage/index.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { SendbirdFileMessage } from '@sendbird/uikit-utils';
-import type { MessageRendererInterface } from '../index';
-export type FileMessageProps = MessageRendererInterface<SendbirdFileMessage>;
-declare const _default: React.MemoExoticComponent<(props: {
-    message: import("@sendbird/chat/message").FileMessage;
-    prevMessage?: import("@sendbird/uikit-utils").SendbirdMessage | undefined;
-    nextMessage?: import("@sendbird/uikit-utils").SendbirdMessage | undefined;
-    variant: "incoming" | "outgoing";
-    groupWithPrev: boolean;
-    groupWithNext: boolean;
-    pressed: boolean;
-    children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
-}) => JSX.Element>;
-export default _default;

package/lib/typescript/src/components/MessageRenderer/MessageContainer.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const MessageContainer: ({ children }: React.PropsWithChildren) => JSX.Element;
-export default MessageContainer;

package/lib/typescript/src/components/MessageRenderer/MessageDateSeparator.d.ts

@@ -1,7 +0,0 @@
-import type { SendbirdMessage } from '@sendbird/uikit-utils';
-type Props = {
-    message: SendbirdMessage;
-    prevMessage?: SendbirdMessage;
-};
-declare const MessageDateSeparator: ({ message, prevMessage }: Props) => JSX.Element | null;
-export default MessageDateSeparator;

package/lib/typescript/src/components/MessageRenderer/MessageIncomingAvatar.d.ts

@@ -1,7 +0,0 @@
-import type { SendbirdMessage } from '@sendbird/uikit-utils';
-type Props = {
-    message: SendbirdMessage;
-    grouping: boolean;
-};
-declare const MessageIncomingAvatar: ({ message, grouping }: Props) => JSX.Element;
-export default MessageIncomingAvatar;

package/lib/typescript/src/components/MessageRenderer/MessageIncomingSenderName.d.ts

@@ -1,7 +0,0 @@
-import type { SendbirdMessage } from '@sendbird/uikit-utils';
-type Props = {
-    message: SendbirdMessage;
-    grouping: boolean;
-};
-declare const MessageIncomingSenderName: ({ message, grouping }: Props) => JSX.Element | null;
-export default MessageIncomingSenderName;

package/lib/typescript/src/components/MessageRenderer/MessageTime.d.ts

@@ -1,9 +0,0 @@
-import { StyleProp, ViewStyle } from 'react-native';
-import type { SendbirdMessage } from '@sendbird/uikit-utils';
-type Props = {
-    message: SendbirdMessage;
-    grouping: boolean;
-    style?: StyleProp<ViewStyle>;
-};
-declare const MessageTime: ({ message, grouping, style }: Props) => JSX.Element | null;
-export default MessageTime;

package/lib/typescript/src/components/MessageRenderer/UnknownMessage/index.d.ts

@@ -1,4 +0,0 @@
-import type { MessageRendererInterface } from '../index';
-export type UnknownMessageProps = MessageRendererInterface;
-declare const UnknownMessage: ({ message, variant, pressed }: UnknownMessageProps) => JSX.Element;
-export default UnknownMessage;

package/lib/typescript/src/components/MessageRenderer/UserMessage/BaseUserMessage.d.ts

@@ -1,3 +0,0 @@
-import type { UserMessageProps } from './index';
-declare const BaseUserMessage: ({ message, variant, pressed, children, onLongPressMentionedUser, onLongPressURL, }: UserMessageProps) => JSX.Element;
-export default BaseUserMessage;

package/lib/typescript/src/components/MessageRenderer/UserMessage/OpenGraphUserMessage.d.ts

@@ -1,7 +0,0 @@
-import type { OGMetaData } from '@sendbird/chat/message';
-import type { UserMessageProps } from './index';
-type Props = UserMessageProps & {
-    ogMetaData: OGMetaData;
-};
-declare const OpenGraphUserMessage: ({ message, variant, pressed, ogMetaData, children, onLongPressMentionedUser, onLongPressURL, }: Props) => JSX.Element;
-export default OpenGraphUserMessage;

package/lib/typescript/src/components/MessageRenderer/UserMessage/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { SendbirdUserMessage } from '@sendbird/uikit-utils';
-import type { MessageRendererInterface } from '../index';
-export type UserMessageProps = MessageRendererInterface<SendbirdUserMessage, {
-    onLongPressMentionedUser?: () => void;
-    onLongPressURL?: () => void;
-}>;
-declare const _default: React.MemoExoticComponent<(props: UserMessageProps) => JSX.Element>;
-export default _default;

package/src/components/MessageRenderer/AdminMessage/index.tsx

@@ -1,40 +0,0 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-
-import { Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import type { SendbirdAdminMessage } from '@sendbird/uikit-utils';
-
-import type { MessageRendererInterface } from '../index';
-
-export type AdminMessageProps = MessageRendererInterface<SendbirdAdminMessage>;
-const AdminMessage = ({ message, nextMessage }: AdminMessageProps) => {
-  const { colors } = useUIKitTheme();
-
-  const isNextAdmin = nextMessage?.isAdminMessage();
-  return (
-    <View style={StyleSheet.flatten([styles.container, isNextAdmin ? styles.nextAdminType : styles.next])}>
-      <Text caption2 color={colors.onBackground02} style={styles.text}>
-        {message.message}
-      </Text>
-    </View>
-  );
-};
-
-const styles = createStyleSheet({
-  container: {
-    width: 300,
-    alignSelf: 'center',
-    alignItems: 'center',
-  },
-  nextAdminType: {
-    marginBottom: 8,
-  },
-  next: {
-    marginBottom: 16,
-  },
-  text: {
-    textAlign: 'center',
-  },
-});
-
-export default AdminMessage;

package/src/components/MessageRenderer/FileMessage/BaseFileMessage.tsx

@@ -1,51 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-
-import { Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-
-import { useLocalization } from '../../../hooks/useContext';
-import type { FileMessageProps } from './index';
-
-const iconMapper = { audio: 'file-audio', image: 'photo', video: 'play', file: 'file-document' } as const;
-
-type Props = FileMessageProps & {
-  type: 'image' | 'audio' | 'video' | 'file';
-};
-const BaseFileMessage = ({ message, variant, pressed, type, children }: Props) => {
-  const { STRINGS } = useLocalization();
-  const { colors } = useUIKitTheme();
-  const color = colors.ui.groupChannelMessage[variant][pressed ? 'pressed' : 'enabled'];
-  return (
-    <View style={[styles.bubbleContainer, { backgroundColor: color.background }]}>
-      <View style={styles.container}>
-        <Icon
-          icon={iconMapper[type]}
-          size={24}
-          containerStyle={{ backgroundColor: colors.background, padding: 2, borderRadius: 8, marginRight: 8 }}
-        />
-        <Text body3 ellipsizeMode={'middle'} numberOfLines={1} color={color.textMsg} style={styles.name}>
-          {STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_FILE_TITLE(message)}
-        </Text>
-      </View>
-      {children}
-    </View>
-  );
-};
-
-const styles = createStyleSheet({
-  bubbleContainer: {
-    borderRadius: 16,
-    overflow: 'hidden',
-  },
-  container: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingHorizontal: 12,
-    paddingVertical: 6,
-  },
-  name: {
-    flexShrink: 1,
-  },
-});
-
-export default BaseFileMessage;

package/src/components/MessageRenderer/FileMessage/ImageFileMessage.tsx

@@ -1,98 +0,0 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { Platform, StyleSheet, View } from 'react-native';
-
-import { Icon, Image, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { getAvailableUriFromFileMessage, useForceUpdate } from '@sendbird/uikit-utils';
-
-import type { FileMessageProps } from './index';
-
-const useRetry = (hasError: boolean, retryCount = 5) => {
-  if (Platform.OS === 'android') return '';
-
-  const forceUpdate = useForceUpdate();
-  const retryCountRef = useRef(1);
-  const retryTimeoutRef = useRef<NodeJS.Timeout>();
-
-  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 = ({ message, children, variant }: FileMessageProps) => {
-  const { colors } = useUIKitTheme();
-  const [imageNotFound, setImageNotFound] = useState(false);
-
-  const fileUrl = getAvailableUriFromFileMessage(message);
-  const style = [styles.image, { backgroundColor: colors.onBackground04 }];
-
-  const key = useRetry(imageNotFound);
-
-  return (
-    <View
-      style={[
-        styles.bubbleContainer,
-        {
-          backgroundColor: imageNotFound
-            ? colors.onBackground04
-            : colors.ui.groupChannelMessage[variant].enabled.background,
-        },
-      ]}
-    >
-      <View style={style}>
-        <Image
-          key={key}
-          source={{ uri: fileUrl }}
-          style={[StyleSheet.absoluteFill, imageNotFound && styles.hide]}
-          resizeMode={'cover'}
-          resizeMethod={'resize'}
-          onError={() => setImageNotFound(true)}
-          onLoad={() => setImageNotFound(false)}
-        />
-        {imageNotFound && (
-          <Icon
-            containerStyle={StyleSheet.absoluteFill}
-            icon={'thumbnail-none'}
-            size={48}
-            color={colors.onBackground02}
-          />
-        )}
-      </View>
-      {children}
-    </View>
-  );
-};
-
-const styles = createStyleSheet({
-  bubbleContainer: {
-    borderRadius: 16,
-    overflow: 'hidden',
-  },
-  image: {
-    width: 240,
-    maxWidth: 240,
-    height: 160,
-    borderRadius: 16,
-    overflow: 'hidden',
-  },
-  hide: {
-    display: 'none',
-  },
-});
-
-export default ImageFileMessage;

package/src/components/MessageRenderer/FileMessage/VideoFileMessage.tsx

@@ -1,113 +0,0 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { View } from 'react-native';
-
-import { Icon, Image, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { getAvailableUriFromFileMessage } from '@sendbird/uikit-utils';
-
-import { usePlatformService } from '../../../hooks/useContext';
-import type { FileMessageProps } from './index';
-
-const useRetry = (videoFileUrl: string, retryCount = 5) => {
-  const [state, setState] = useState({ thumbnail: null as null | string, loading: true });
-  const retryCountRef = useRef(0);
-  const retryTimeoutRef = useRef<NodeJS.Timeout>();
-
-  const { mediaService } = usePlatformService();
-
-  const fetchThumbnail = () => {
-    return mediaService.getVideoThumbnail({ url: videoFileUrl, timeMills: 1000 }).then((result) => {
-      setState({ loading: false, thumbnail: result?.path ?? null });
-    });
-  };
-
-  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 = ({ message, variant, children }: FileMessageProps) => {
-  const { colors } = useUIKitTheme();
-
-  const fileUrl = getAvailableUriFromFileMessage(message);
-  const style = [styles.video, { backgroundColor: colors.onBackground04 }];
-
-  const { loading, thumbnail } = useRetry(fileUrl);
-
-  if (loading) {
-    return (
-      <View
-        style={[styles.bubbleContainer, { backgroundColor: colors.ui.groupChannelMessage[variant].enabled.background }]}
-      >
-        <View style={[styles.bubbleContainer, styles.bubbleInnerContainer]}>
-          <View style={style} />
-          <PlayIcon />
-        </View>
-        {children}
-      </View>
-    );
-  }
-
-  return (
-    <View
-      style={[styles.bubbleContainer, { backgroundColor: colors.ui.groupChannelMessage[variant].enabled.background }]}
-    >
-      <View style={[styles.bubbleContainer, styles.bubbleInnerContainer]}>
-        <Image source={{ uri: thumbnail || fileUrl }} style={style} resizeMode={'cover'} resizeMethod={'resize'} />
-        <PlayIcon />
-      </View>
-      {children}
-    </View>
-  );
-};
-
-const PlayIcon = () => {
-  const { colors } = useUIKitTheme();
-
-  return (
-    <Icon
-      icon={'play'}
-      size={28}
-      color={colors.onBackground02}
-      containerStyle={[styles.playIcon, { backgroundColor: colors.onBackgroundReverse01 }]}
-    />
-  );
-};
-
-const styles = 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,
-  },
-});
-
-export default VideoFileMessage;

package/src/components/MessageRenderer/FileMessage/index.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-
-import { SendbirdFileMessage, getFileExtension, getFileType } from '@sendbird/uikit-utils';
-
-import type { MessageRendererInterface } from '../index';
-import BaseFileMessage from './BaseFileMessage';
-import ImageFileMessage from './ImageFileMessage';
-import VideoFileMessage from './VideoFileMessage';
-
-export type FileMessageProps = MessageRendererInterface<SendbirdFileMessage>;
-const FileMessage = (props: FileMessageProps) => {
-  const fileType = getFileType(props.message.type || getFileExtension(props.message.name));
-
-  if (fileType === 'image') return <ImageFileMessage {...props} />;
-  if (fileType === 'video') return <VideoFileMessage {...props} />;
-
-  return <BaseFileMessage {...props} type={fileType} />;
-};
-
-export default React.memo(FileMessage);

package/src/components/MessageRenderer/MessageContainer.tsx

@@ -1,17 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-
-import { createStyleSheet } from '@sendbird/uikit-react-native-foundation';
-
-const MessageContainer = ({ children }: React.PropsWithChildren) => {
-  return <View style={styles.container}>{children}</View>;
-};
-
-const styles = createStyleSheet({
-  container: {
-    flexDirection: 'column',
-    paddingHorizontal: 16,
-  },
-});
-
-export default MessageContainer;