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

package/lib/module/ui/GroupChannelMessage/MessageContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","getMessageTimeFormat","Box","Text","createStyleSheet","useUIKitTheme","Avatar","MessageContainer","props","variant","createElement","Incoming","Outgoing","MessageContainerIncoming","_ref","_message$sender","children","groupedWithNext","groupedWithPrev","message","onPressAvatar","strings","colors","color","ui","groupChannelMessage","incoming","flexDirection","justifyContent","alignItems","width","marginRight","isFileMessage","isUserMessage","onPress","size","uri","sender","profileUrl","flexShrink","marginLeft","marginBottom","caption1","enabled","textSenderName","numberOfLines","senderName","nickname","style","styles","bubble","caption4","textTime","sentDate","Date","createdAt","MessageContainerOutgoing","_ref2","sendingStatus","outgoing","maxWidth","overflow"],"sources":["MessageContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable } from 'react-native';\n\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\nimport { getMessageTimeFormat } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Avatar from '../Avatar';\nimport type { GroupChannelMessageProps } from './index';\n\ntype Props = GroupChannelMessageProps<SendbirdMessage>;\n\nconst MessageContainer = (props: Props) => {\n  if (props.variant === 'incoming') {\n    return <MessageContainer.Incoming {...props} />;\n  } else {\n    return <MessageContainer.Outgoing {...props} />;\n  }\n};\n\nMessageContainer.Incoming = function MessageContainerIncoming({\n  children,\n  groupedWithNext,\n  groupedWithPrev,\n  message,\n  onPressAvatar,\n  strings,\n}: Props) {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage.incoming;\n\n  return (\n    <Box flexDirection={'row'} justifyContent={'flex-start'} alignItems={'flex-end'}>\n      <Box width={26} marginRight={12}>\n        {(message.isFileMessage() || message.isUserMessage()) && !groupedWithNext && (\n          <Pressable onPress={onPressAvatar}>\n            <Avatar size={26} uri={message.sender?.profileUrl} />\n          </Pressable>\n        )}\n      </Box>\n      <Box flexShrink={1}>\n        {!groupedWithPrev && (\n          <Box marginLeft={12} marginBottom={4}>\n            {(message.isFileMessage() || message.isUserMessage()) && (\n              <Text caption1 color={color.enabled.textSenderName} numberOfLines={1}>\n                {strings?.senderName ?? message.sender.nickname}\n              </Text>\n            )}\n          </Box>\n        )}\n\n        <Box flexDirection={'row'} alignItems={'flex-end'}>\n          <Box style={styles.bubble}>{children}</Box>\n          {!groupedWithNext && (\n            <Box marginLeft={4}>\n              <Text caption4 color={color.enabled.textTime}>\n                {strings?.sentDate ?? getMessageTimeFormat(new Date(message.createdAt))}\n              </Text>\n            </Box>\n          )}\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n\nMessageContainer.Outgoing = function MessageContainerOutgoing({\n  children,\n  message,\n  groupedWithNext,\n  strings,\n  sendingStatus,\n}: Props) {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage.outgoing;\n\n  return (\n    <Box flexDirection={'row'} justifyContent={'flex-end'} alignItems={'flex-end'}>\n      <Box flexDirection={'row'} alignItems={'flex-end'} justifyContent={'center'}>\n        {sendingStatus && <Box marginRight={4}>{sendingStatus}</Box>}\n\n        {!groupedWithNext && (\n          <Box marginRight={4}>\n            <Text caption4 color={color.enabled.textTime}>\n              {strings?.sentDate ?? getMessageTimeFormat(new Date(message.createdAt))}\n            </Text>\n          </Box>\n        )}\n      </Box>\n      <Box style={styles.bubble}>{children}</Box>\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  bubble: {\n    maxWidth: 240,\n    overflow: 'hidden',\n    flexShrink: 1,\n  },\n});\n\nexport default MessageContainer;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,cAAc;AAGxC,SAASC,oBAAoB,QAAQ,uBAAuB;AAE5D,OAAOC,GAAG,MAAM,sBAAsB;AACtC,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,MAAM,MAAM,WAAW;AAK9B,MAAMC,gBAAgB,GAAIC,KAAY,IAAK;EACzC,IAAIA,KAAK,CAACC,OAAO,KAAK,UAAU,EAAE;IAChC,oBAAOV,KAAA,CAAAW,aAAA,CAACH,gBAAgB,CAACI,QAAQ,EAAKH,KAAK,CAAI;EACjD,CAAC,MAAM;IACL,oBAAOT,KAAA,CAAAW,aAAA,CAACH,gBAAgB,CAACK,QAAQ,EAAKJ,KAAK,CAAI;EACjD;AACF,CAAC;AAEDD,gBAAgB,CAACI,QAAQ,GAAG,SAASE,wBAAwBA,CAAAC,IAAA,EAOnD;EAAA,IAAAC,eAAA;EAAA,IAPoD;IAC5DC,QAAQ;IACRC,eAAe;IACfC,eAAe;IACfC,OAAO;IACPC,aAAa;IACbC;EACK,CAAC,GAAAP,IAAA;EACN,MAAM;IAAEQ;EAAO,CAAC,GAAGjB,aAAa,EAAE;EAClC,MAAMkB,KAAK,GAAGD,MAAM,CAACE,EAAE,CAACC,mBAAmB,CAACC,QAAQ;EAEpD,oBACE3B,KAAA,CAAAW,aAAA,CAACR,GAAG;IAACyB,aAAa,EAAE,KAAM;IAACC,cAAc,EAAE,YAAa;IAACC,UAAU,EAAE;EAAW,gBAC9E9B,KAAA,CAAAW,aAAA,CAACR,GAAG;IAAC4B,KAAK,EAAE,EAAG;IAACC,WAAW,EAAE;EAAG,GAC7B,CAACZ,OAAO,CAACa,aAAa,EAAE,IAAIb,OAAO,CAACc,aAAa,EAAE,KAAK,CAAChB,eAAe,iBACvElB,KAAA,CAAAW,aAAA,CAACV,SAAS;IAACkC,OAAO,EAAEd;EAAc,gBAChCrB,KAAA,CAAAW,aAAA,CAACJ,MAAM;IAAC6B,IAAI,EAAE,EAAG;IAACC,GAAG,GAAArB,eAAA,GAAEI,OAAO,CAACkB,MAAM,cAAAtB,eAAA,uBAAdA,eAAA,CAAgBuB;EAAW,EAAG,CAExD,CACG,eACNvC,KAAA,CAAAW,aAAA,CAACR,GAAG;IAACqC,UAAU,EAAE;EAAE,GAChB,CAACrB,eAAe,iBACfnB,KAAA,CAAAW,aAAA,CAACR,GAAG;IAACsC,UAAU,EAAE,EAAG;IAACC,YAAY,EAAE;EAAE,GAClC,CAACtB,OAAO,CAACa,aAAa,EAAE,IAAIb,OAAO,CAACc,aAAa,EAAE,kBAClDlC,KAAA,CAAAW,aAAA,CAACP,IAAI;IAACuC,QAAQ;IAACnB,KAAK,EAAEA,KAAK,CAACoB,OAAO,CAACC,cAAe;IAACC,aAAa,EAAE;EAAE,GAClE,CAAAxB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEyB,UAAU,KAAI3B,OAAO,CAACkB,MAAM,CAACU,QAAQ,CAElD,CAEJ,eAEDhD,KAAA,CAAAW,aAAA,CAACR,GAAG;IAACyB,aAAa,EAAE,KAAM;IAACE,UAAU,EAAE;EAAW,gBAChD9B,KAAA,CAAAW,aAAA,CAACR,GAAG;IAAC8C,KAAK,EAAEC,MAAM,CAACC;EAAO,GAAElC,QAAQ,CAAO,EAC1C,CAACC,eAAe,iBACflB,KAAA,CAAAW,aAAA,CAACR,GAAG;IAACsC,UAAU,EAAE;EAAE,gBACjBzC,KAAA,CAAAW,aAAA,CAACP,IAAI;IAACgD,QAAQ;IAAC5B,KAAK,EAAEA,KAAK,CAACoB,OAAO,CAACS;EAAS,GAC1C,CAAA/B,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEgC,QAAQ,KAAIpD,oBAAoB,CAAC,IAAIqD,IAAI,CAACnC,OAAO,CAACoC,SAAS,CAAC,CAAC,CAClE,CAEV,CACG,CACF,CACF;AAEV,CAAC;AAEDhD,gBAAgB,CAACK,QAAQ,GAAG,SAAS4C,wBAAwBA,CAAAC,KAAA,EAMnD;EAAA,IANoD;IAC5DzC,QAAQ;IACRG,OAAO;IACPF,eAAe;IACfI,OAAO;IACPqC;EACK,CAAC,GAAAD,KAAA;EACN,MAAM;IAAEnC;EAAO,CAAC,GAAGjB,aAAa,EAAE;EAClC,MAAMkB,KAAK,GAAGD,MAAM,CAACE,EAAE,CAACC,mBAAmB,CAACkC,QAAQ;EAEpD,oBACE5D,KAAA,CAAAW,aAAA,CAACR,GAAG;IAACyB,aAAa,EAAE,KAAM;IAACC,cAAc,EAAE,UAAW;IAACC,UAAU,EAAE;EAAW,gBAC5E9B,KAAA,CAAAW,aAAA,CAACR,GAAG;IAACyB,aAAa,EAAE,KAAM;IAACE,UAAU,EAAE,UAAW;IAACD,cAAc,EAAE;EAAS,GACzE8B,aAAa,iBAAI3D,KAAA,CAAAW,aAAA,CAACR,GAAG;IAAC6B,WAAW,EAAE;EAAE,GAAE2B,aAAa,CAAO,EAE3D,CAACzC,eAAe,iBACflB,KAAA,CAAAW,aAAA,CAACR,GAAG;IAAC6B,WAAW,EAAE;EAAE,gBAClBhC,KAAA,CAAAW,aAAA,CAACP,IAAI;IAACgD,QAAQ;IAAC5B,KAAK,EAAEA,KAAK,CAACoB,OAAO,CAACS;EAAS,GAC1C,CAAA/B,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEgC,QAAQ,KAAIpD,oBAAoB,CAAC,IAAIqD,IAAI,CAACnC,OAAO,CAACoC,SAAS,CAAC,CAAC,CAClE,CAEV,CACG,eACNxD,KAAA,CAAAW,aAAA,CAACR,GAAG;IAAC8C,KAAK,EAAEC,MAAM,CAACC;EAAO,GAAElC,QAAQ,CAAO,CACvC;AAEV,CAAC;AAED,MAAMiC,MAAM,GAAG7C,gBAAgB,CAAC;EAC9B8C,MAAM,EAAE;IACNU,QAAQ,EAAE,GAAG;IACbC,QAAQ,EAAE,QAAQ;IAClBtB,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAehC,gBAAgB"}

package/lib/module/ui/GroupChannelMessage/MessageOpenGraph.js

@@ -0,0 +1,83 @@
+import React from 'react';
+import Box from '../../components/Box';
+import ImageWithPlaceholder from '../../components/ImageWithPlaceholder';
+import PressBox from '../../components/PressBox';
+import Text from '../../components/Text';
+import createStyleSheet from '../../styles/createStyleSheet';
+import useUIKitTheme from '../../theme/useUIKitTheme';
+const MessageOpenGraph = _ref => {
+  let {
+    onPressURL,
+    onLongPress,
+    ogMetaData,
+    variant
+  } = _ref;
+  const {
+    palette,
+    select,
+    colors
+  } = useUIKitTheme();
+  const color = colors.ui.groupChannelMessage[variant];
+  return /*#__PURE__*/React.createElement(PressBox, {
+    activeOpacity: 0.85,
+    onPress: () => typeof (ogMetaData === null || ogMetaData === void 0 ? void 0 : ogMetaData.url) === 'string' && (onPressURL === null || onPressURL === void 0 ? void 0 : onPressURL(ogMetaData.url)),
+    onLongPress: onLongPress
+  }, _ref2 => {
+    let {
+      pressed
+    } = _ref2;
+    return /*#__PURE__*/React.createElement(Box, {
+      backgroundColor: pressed ? color.pressed.background : color.enabled.background
+    }, Boolean(ogMetaData.defaultImage) && /*#__PURE__*/React.createElement(ImageWithPlaceholder, {
+      style: styles.ogImage,
+      source: {
+        uri: ogMetaData.defaultImage.url
+      }
+    }), /*#__PURE__*/React.createElement(Box, {
+      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({
+  ogContainer: {
+    overflow: 'hidden',
+    paddingHorizontal: 12,
+    paddingTop: 8,
+    paddingBottom: 12
+  },
+  ogImage: {
+    maxWidth: 240,
+    width: 240,
+    height: 136
+  },
+  ogUrl: {
+    marginBottom: 4
+  },
+  ogTitle: {
+    marginBottom: 4
+  },
+  ogDesc: {
+    lineHeight: 14,
+    marginBottom: 8
+  }
+});
+export default MessageOpenGraph;
+//# sourceMappingURL=MessageOpenGraph.js.map

package/lib/module/ui/GroupChannelMessage/MessageOpenGraph.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Box","ImageWithPlaceholder","PressBox","Text","createStyleSheet","useUIKitTheme","MessageOpenGraph","_ref","onPressURL","onLongPress","ogMetaData","variant","palette","select","colors","color","ui","groupChannelMessage","createElement","activeOpacity","onPress","url","_ref2","pressed","backgroundColor","background","enabled","Boolean","defaultImage","style","styles","ogImage","source","uri","ogContainer","dark","background400","light","background100","numberOfLines","body2","onBackground01","ogTitle","title","description","caption2","ogDesc","onBackground02","overflow","paddingHorizontal","paddingTop","paddingBottom","maxWidth","width","height","ogUrl","marginBottom","lineHeight"],"sources":["MessageOpenGraph.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport ImageWithPlaceholder from '../../components/ImageWithPlaceholder';\nimport PressBox from '../../components/PressBox';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\nconst MessageOpenGraph = ({\n  onPressURL,\n  onLongPress,\n  ogMetaData,\n  variant,\n}: {\n  ogMetaData: Required<SendbirdUserMessage>['ogMetaData'];\n  variant: 'outgoing' | 'incoming';\n  onPressURL?: (url: string) => void;\n  onLongPress?: () => void;\n}) => {\n  const { palette, select, colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage[variant];\n\n  return (\n    <PressBox\n      activeOpacity={0.85}\n      onPress={() => typeof ogMetaData?.url === 'string' && onPressURL?.(ogMetaData.url)}\n      onLongPress={onLongPress}\n    >\n      {({ pressed }) => (\n        <Box backgroundColor={pressed ? color.pressed.background : color.enabled.background}>\n          {Boolean(ogMetaData.defaultImage) && (\n            <ImageWithPlaceholder style={styles.ogImage} source={{ uri: ogMetaData.defaultImage.url }} />\n          )}\n\n          <Box\n            style={styles.ogContainer}\n            backgroundColor={select({ dark: palette.background400, light: palette.background100 })}\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          </Box>\n        </Box>\n      )}\n    </PressBox>\n  );\n};\n\nconst styles = createStyleSheet({\n  ogContainer: {\n    overflow: 'hidden',\n    paddingHorizontal: 12,\n    paddingTop: 8,\n    paddingBottom: 12,\n  },\n  ogImage: {\n    maxWidth: 240,\n    width: 240,\n    height: 136,\n  },\n  ogUrl: {\n    marginBottom: 4,\n  },\n  ogTitle: {\n    marginBottom: 4,\n  },\n  ogDesc: {\n    lineHeight: 14,\n    marginBottom: 8,\n  },\n});\n\nexport default MessageOpenGraph;\n"],"mappings":"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"}

package/lib/module/ui/GroupChannelMessage/index.js

@@ -0,0 +1,18 @@
+import AdminMessage from './Message.admin';
+import FileMessage from './Message.file';
+import ImageFileMessage from './Message.file.image';
+import VideoFileMessage from './Message.file.video';
+import UnknownMessage from './Message.unknown';
+import UserMessage from './Message.user';
+import OpenGraphUser from './Message.user.og';
+const GroupChannelMessage = {
+  User: UserMessage,
+  OpenGraphUser: OpenGraphUser,
+  File: FileMessage,
+  ImageFile: ImageFileMessage,
+  VideoFile: VideoFileMessage,
+  Admin: AdminMessage,
+  Unknown: UnknownMessage
+};
+export default GroupChannelMessage;
+//# sourceMappingURL=index.js.map

package/lib/module/ui/GroupChannelMessage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AdminMessage","FileMessage","ImageFileMessage","VideoFileMessage","UnknownMessage","UserMessage","OpenGraphUser","GroupChannelMessage","User","File","ImageFile","VideoFile","Admin","Unknown"],"sources":["index.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { SendbirdGroupChannel, SendbirdMessage, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport AdminMessage from './Message.admin';\nimport FileMessage from './Message.file';\nimport ImageFileMessage from './Message.file.image';\nimport VideoFileMessage from './Message.file.video';\nimport UnknownMessage from './Message.unknown';\nimport UserMessage from './Message.user';\nimport OpenGraphUser from './Message.user.og';\n\nexport type GroupChannelMessageProps<T extends SendbirdMessage, AdditionalProps = unknown> = {\n  channel: SendbirdGroupChannel;\n  message: T;\n  variant?: 'outgoing' | 'incoming';\n  strings?: {\n    senderName?: string;\n    sentDate?: string;\n    edited?: string;\n    fileName?: string;\n    unknownTitle?: string;\n    unknownDescription?: string;\n  };\n\n  children?: React.ReactNode;\n  sendingStatus?: React.ReactNode;\n\n  groupedWithPrev: boolean;\n  groupedWithNext: boolean;\n  onPress?: () => void;\n  onLongPress?: () => void;\n  onPressAvatar?: () => void;\n  onPressURL?: (url: string) => void;\n  onPressMentionedUser?: (mentionedUser?: SendbirdUser) => void;\n} & AdditionalProps;\n\nconst GroupChannelMessage = {\n  User: UserMessage,\n  OpenGraphUser: OpenGraphUser,\n  File: FileMessage,\n  ImageFile: ImageFileMessage,\n  VideoFile: VideoFileMessage,\n  Admin: AdminMessage,\n  Unknown: UnknownMessage,\n};\n\nexport default GroupChannelMessage;\n"],"mappings":"AAIA,OAAOA,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,gBAAgB,MAAM,sBAAsB;AACnD,OAAOC,gBAAgB,MAAM,sBAAsB;AACnD,OAAOC,cAAc,MAAM,mBAAmB;AAC9C,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,aAAa,MAAM,mBAAmB;AA2B7C,MAAMC,mBAAmB,GAAG;EAC1BC,IAAI,EAAEH,WAAW;EACjBC,aAAa,EAAEA,aAAa;EAC5BG,IAAI,EAAER,WAAW;EACjBS,SAAS,EAAER,gBAAgB;EAC3BS,SAAS,EAAER,gBAAgB;EAC3BS,KAAK,EAAEZ,YAAY;EACnBa,OAAO,EAAET;AACX,CAAC;AAED,eAAeG,mBAAmB"}

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

@@ -44,7 +44,7 @@ const UserMessage = props => {
           } = _ref2;
           return /*#__PURE__*/React.createElement(Text, _extends({}, parentProps, {
             key: `${keyPrefix}-${index}`,
-            onPress: onPressURL,
+            onPress: () => onPressURL === null || onPressURL === void 0 ? void 0 : onPressURL(match),
             onLongPress: onLongPress,
             color: colors.primary,
             style: parentProps === null || parentProps === void 0 ? void 0 : parentProps.style

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

@@ -1 +1 @@
-{"version":3,"names":["React","urlRegexStrict","PressBox","RegexText","Text","useUIKitTheme","MessageContainer","UserMessage","props","colors","onPress","onLongPress","onPressURL","rest","color","ui","openChannelMessage","default","createElement","_ref","_props$strings","pressed","_extends","body3","enabled","textMsg","patterns","regex","replacer","_ref2","match","parentProps","keyPrefix","index","key","primary","style","message","Boolean","updatedAt","textMsgPostfix","strings","edited"],"sources":["Message.user.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdUserMessage } from '@sendbird/uikit-utils';\nimport { urlRegexStrict } from '@sendbird/uikit-utils';\n\nimport PressBox from '../../components/PressBox';\nimport RegexText from '../../components/RegexText';\nimport Text from '../../components/Text';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageContainer from './MessageContainer';\nimport type { OpenChannelMessageProps } from './index';\n\ntype Props = {};\nconst UserMessage = (props: OpenChannelMessageProps<SendbirdUserMessage, Props>) => {\n  const { colors } = useUIKitTheme();\n  const { onPress, onLongPress, onPressURL, ...rest } = props;\n  const color = colors.ui.openChannelMessage.default;\n\n  return (\n    <PressBox onPress={onPress} onLongPress={onLongPress}>\n      {({ pressed }) => (\n        <MessageContainer pressed={pressed} {...rest}>\n          <Text body3 color={color.enabled.textMsg}>\n            <RegexText\n              body3\n              color={color.enabled.textMsg}\n              patterns={[\n                {\n                  regex: urlRegexStrict,\n                  replacer({ match, parentProps, keyPrefix, index }) {\n                    return (\n                      <Text\n                        {...parentProps}\n                        key={`${keyPrefix}-${index}`}\n                        onPress={onPressURL}\n                        onLongPress={onLongPress}\n                        color={colors.primary}\n                        style={parentProps?.style}\n                      >\n                        {match}\n                      </Text>\n                    );\n                  },\n                },\n              ]}\n            >\n              {props.message.message}\n            </RegexText>\n            {Boolean(props.message.updatedAt) && (\n              <Text body3 color={color.enabled.textMsgPostfix}>\n                {props.strings?.edited ?? ' (edited)'}\n              </Text>\n            )}\n          </Text>\n        </MessageContainer>\n      )}\n    </PressBox>\n  );\n};\n\nexport default UserMessage;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,cAAc,QAAQ,uBAAuB;AAEtD,OAAOC,QAAQ,MAAM,2BAA2B;AAChD,OAAOC,SAAS,MAAM,4BAA4B;AAClD,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,gBAAgB,MAAM,oBAAoB;AAIjD,MAAMC,WAAW,GAAIC,KAA0D,IAAK;EAClF,MAAM;IAAEC;EAAO,CAAC,GAAGJ,aAAa,EAAE;EAClC,MAAM;IAAEK,OAAO;IAAEC,WAAW;IAAEC,UAAU;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EAC3D,MAAMM,KAAK,GAAGL,MAAM,CAACM,EAAE,CAACC,kBAAkB,CAACC,OAAO;EAElD,oBACEjB,KAAA,CAAAkB,aAAA,CAAChB,QAAQ;IAACQ,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,GAClDQ,IAAA;IAAA,IAAAC,cAAA;IAAA,IAAC;MAAEC;IAAQ,CAAC,GAAAF,IAAA;IAAA,oBACXnB,KAAA,CAAAkB,aAAA,CAACZ,gBAAgB,EAAAgB,QAAA;MAACD,OAAO,EAAEA;IAAQ,GAAKR,IAAI,gBAC1Cb,KAAA,CAAAkB,aAAA,CAACd,IAAI;MAACmB,KAAK;MAACT,KAAK,EAAEA,KAAK,CAACU,OAAO,CAACC;IAAQ,gBACvCzB,KAAA,CAAAkB,aAAA,CAACf,SAAS;MACRoB,KAAK;MACLT,KAAK,EAAEA,KAAK,CAACU,OAAO,CAACC,OAAQ;MAC7BC,QAAQ,EAAE,CACR;QACEC,KAAK,EAAE1B,cAAc;QACrB2B,QAAQA,CAAAC,KAAA,EAA2C;UAAA,IAA1C;YAAEC,KAAK;YAAEC,WAAW;YAAEC,SAAS;YAAEC;UAAM,CAAC,GAAAJ,KAAA;UAC/C,oBACE7B,KAAA,CAAAkB,aAAA,CAACd,IAAI,EAAAkB,QAAA,KACCS,WAAW;YACfG,GAAG,EAAG,GAAEF,SAAU,IAAGC,KAAM,EAAE;YAC7BvB,OAAO,EAAEE,UAAW;YACpBD,WAAW,EAAEA,WAAY;YACzBG,KAAK,EAAEL,MAAM,CAAC0B,OAAQ;YACtBC,KAAK,EAAEL,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEK;UAAM,IAEzBN,KAAK,CACD;QAEX;MACF,CAAC;IACD,GAEDtB,KAAK,CAAC6B,OAAO,CAACA,OAAO,CACZ,EACXC,OAAO,CAAC9B,KAAK,CAAC6B,OAAO,CAACE,SAAS,CAAC,iBAC/BvC,KAAA,CAAAkB,aAAA,CAACd,IAAI;MAACmB,KAAK;MAACT,KAAK,EAAEA,KAAK,CAACU,OAAO,CAACgB;IAAe,GAC7C,EAAApB,cAAA,GAAAZ,KAAK,CAACiC,OAAO,cAAArB,cAAA,uBAAbA,cAAA,CAAesB,MAAM,KAAI,WAAW,CAExC,CACI,CACU;EAAA,CACpB,CACQ;AAEf,CAAC;AAED,eAAenC,WAAW"}
+{"version":3,"names":["React","urlRegexStrict","PressBox","RegexText","Text","useUIKitTheme","MessageContainer","UserMessage","props","colors","onPress","onLongPress","onPressURL","rest","color","ui","openChannelMessage","default","createElement","_ref","_props$strings","pressed","_extends","body3","enabled","textMsg","patterns","regex","replacer","_ref2","match","parentProps","keyPrefix","index","key","primary","style","message","Boolean","updatedAt","textMsgPostfix","strings","edited"],"sources":["Message.user.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdUserMessage } from '@sendbird/uikit-utils';\nimport { urlRegexStrict } from '@sendbird/uikit-utils';\n\nimport PressBox from '../../components/PressBox';\nimport RegexText from '../../components/RegexText';\nimport Text from '../../components/Text';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageContainer from './MessageContainer';\nimport type { OpenChannelMessageProps } from './index';\n\ntype Props = {};\nconst UserMessage = (props: OpenChannelMessageProps<SendbirdUserMessage, Props>) => {\n  const { colors } = useUIKitTheme();\n  const { onPress, onLongPress, onPressURL, ...rest } = props;\n  const color = colors.ui.openChannelMessage.default;\n\n  return (\n    <PressBox onPress={onPress} onLongPress={onLongPress}>\n      {({ pressed }) => (\n        <MessageContainer pressed={pressed} {...rest}>\n          <Text body3 color={color.enabled.textMsg}>\n            <RegexText\n              body3\n              color={color.enabled.textMsg}\n              patterns={[\n                {\n                  regex: urlRegexStrict,\n                  replacer({ match, parentProps, keyPrefix, index }) {\n                    return (\n                      <Text\n                        {...parentProps}\n                        key={`${keyPrefix}-${index}`}\n                        onPress={() => onPressURL?.(match)}\n                        onLongPress={onLongPress}\n                        color={colors.primary}\n                        style={parentProps?.style}\n                      >\n                        {match}\n                      </Text>\n                    );\n                  },\n                },\n              ]}\n            >\n              {props.message.message}\n            </RegexText>\n            {Boolean(props.message.updatedAt) && (\n              <Text body3 color={color.enabled.textMsgPostfix}>\n                {props.strings?.edited ?? ' (edited)'}\n              </Text>\n            )}\n          </Text>\n        </MessageContainer>\n      )}\n    </PressBox>\n  );\n};\n\nexport default UserMessage;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,cAAc,QAAQ,uBAAuB;AAEtD,OAAOC,QAAQ,MAAM,2BAA2B;AAChD,OAAOC,SAAS,MAAM,4BAA4B;AAClD,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,gBAAgB,MAAM,oBAAoB;AAIjD,MAAMC,WAAW,GAAIC,KAA0D,IAAK;EAClF,MAAM;IAAEC;EAAO,CAAC,GAAGJ,aAAa,EAAE;EAClC,MAAM;IAAEK,OAAO;IAAEC,WAAW;IAAEC,UAAU;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EAC3D,MAAMM,KAAK,GAAGL,MAAM,CAACM,EAAE,CAACC,kBAAkB,CAACC,OAAO;EAElD,oBACEjB,KAAA,CAAAkB,aAAA,CAAChB,QAAQ;IAACQ,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,GAClDQ,IAAA;IAAA,IAAAC,cAAA;IAAA,IAAC;MAAEC;IAAQ,CAAC,GAAAF,IAAA;IAAA,oBACXnB,KAAA,CAAAkB,aAAA,CAACZ,gBAAgB,EAAAgB,QAAA;MAACD,OAAO,EAAEA;IAAQ,GAAKR,IAAI,gBAC1Cb,KAAA,CAAAkB,aAAA,CAACd,IAAI;MAACmB,KAAK;MAACT,KAAK,EAAEA,KAAK,CAACU,OAAO,CAACC;IAAQ,gBACvCzB,KAAA,CAAAkB,aAAA,CAACf,SAAS;MACRoB,KAAK;MACLT,KAAK,EAAEA,KAAK,CAACU,OAAO,CAACC,OAAQ;MAC7BC,QAAQ,EAAE,CACR;QACEC,KAAK,EAAE1B,cAAc;QACrB2B,QAAQA,CAAAC,KAAA,EAA2C;UAAA,IAA1C;YAAEC,KAAK;YAAEC,WAAW;YAAEC,SAAS;YAAEC;UAAM,CAAC,GAAAJ,KAAA;UAC/C,oBACE7B,KAAA,CAAAkB,aAAA,CAACd,IAAI,EAAAkB,QAAA,KACCS,WAAW;YACfG,GAAG,EAAG,GAAEF,SAAU,IAAGC,KAAM,EAAE;YAC7BvB,OAAO,EAAEA,CAAA,KAAME,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAGkB,KAAK,CAAE;YACnCnB,WAAW,EAAEA,WAAY;YACzBG,KAAK,EAAEL,MAAM,CAAC0B,OAAQ;YACtBC,KAAK,EAAEL,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEK;UAAM,IAEzBN,KAAK,CACD;QAEX;MACF,CAAC;IACD,GAEDtB,KAAK,CAAC6B,OAAO,CAACA,OAAO,CACZ,EACXC,OAAO,CAAC9B,KAAK,CAAC6B,OAAO,CAACE,SAAS,CAAC,iBAC/BvC,KAAA,CAAAkB,aAAA,CAACd,IAAI;MAACmB,KAAK;MAACT,KAAK,EAAEA,KAAK,CAACU,OAAO,CAACgB;IAAe,GAC7C,EAAApB,cAAA,GAAAZ,KAAK,CAACiC,OAAO,cAAArB,cAAA,uBAAbA,cAAA,CAAesB,MAAM,KAAI,WAAW,CAExC,CACI,CACU;EAAA,CACpB,CACQ;AAEf,CAAC;AAED,eAAenC,WAAW"}

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

@@ -47,7 +47,7 @@ const OpenGraphUserMessage = props => {
           } = _ref2;
           return /*#__PURE__*/React.createElement(Text, _extends({}, parentProps, {
             key: `${keyPrefix}-${index}`,
-            onPress: onPressURL,
+            onPress: () => onPressURL === null || onPressURL === void 0 ? void 0 : onPressURL(match),
             onLongPress: onLongPress,
             color: colors.primary,
             style: parentProps === null || parentProps === void 0 ? void 0 : parentProps.style
@@ -62,7 +62,10 @@ const OpenGraphUserMessage = props => {
     grouped: true
   }), /*#__PURE__*/React.createElement(PressBox, {
     style: styles.ogContainer,
-    onPress: onPressURL,
+    onPress: () => {
+      var _props$message$ogMeta;
+      return ((_props$message$ogMeta = props.message.ogMetaData) === null || _props$message$ogMeta === void 0 ? void 0 : _props$message$ogMeta.url) && (onPressURL === null || onPressURL === void 0 ? void 0 : onPressURL(props.message.ogMetaData.url));
+    },
     onLongPress: onLongPress
   }, _ref3 => {
     let {

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

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

package/lib/module/ui/OpenChannelMessage/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["AdminMessage","FileMessage","ImageFileMessage","VideoFileMessage","UnknownMessage","UserMessage","OpenGraphUserMessage","OpenChannelMessage","User","OpenGraphUser","File","ImageFile","VideoFile","Admin","Unknown"],"sources":["index.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { SendbirdMessage, SendbirdOpenChannel } from '@sendbird/uikit-utils';\n\nimport AdminMessage from './Message.admin';\nimport FileMessage from './Message.file';\nimport ImageFileMessage from './Message.file.image';\nimport VideoFileMessage from './Message.file.video';\nimport UnknownMessage from './Message.unknown';\nimport UserMessage from './Message.user';\nimport OpenGraphUserMessage from './Message.user.og';\n\nexport type OpenChannelMessageProps<T extends SendbirdMessage, AdditionalProps = unknown> = {\n  channel: SendbirdOpenChannel;\n  message: T;\n  strings?: {\n    senderName?: string;\n    sentDate?: string;\n    edited?: string;\n    fileName?: string;\n    unknownTitle?: string;\n    unknownDescription?: string;\n  };\n  children?: React.ReactNode;\n  grouped?: boolean;\n  onPress?: () => void;\n  onLongPress?: () => void;\n  onPressAvatar?: () => void;\n  onPressURL?: () => void;\n} & AdditionalProps;\n\nconst OpenChannelMessage = {\n  User: UserMessage,\n  OpenGraphUser: OpenGraphUserMessage,\n  File: FileMessage,\n  ImageFile: ImageFileMessage,\n  VideoFile: VideoFileMessage,\n  Admin: AdminMessage,\n  Unknown: UnknownMessage,\n};\n\nexport default OpenChannelMessage;\n"],"mappings":"AAIA,OAAOA,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,gBAAgB,MAAM,sBAAsB;AACnD,OAAOC,gBAAgB,MAAM,sBAAsB;AACnD,OAAOC,cAAc,MAAM,mBAAmB;AAC9C,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,oBAAoB,MAAM,mBAAmB;AAqBpD,MAAMC,kBAAkB,GAAG;EACzBC,IAAI,EAAEH,WAAW;EACjBI,aAAa,EAAEH,oBAAoB;EACnCI,IAAI,EAAET,WAAW;EACjBU,SAAS,EAAET,gBAAgB;EAC3BU,SAAS,EAAET,gBAAgB;EAC3BU,KAAK,EAAEb,YAAY;EACnBc,OAAO,EAAEV;AACX,CAAC;AAED,eAAeG,kBAAkB"}
+{"version":3,"names":["AdminMessage","FileMessage","ImageFileMessage","VideoFileMessage","UnknownMessage","UserMessage","OpenGraphUserMessage","OpenChannelMessage","User","OpenGraphUser","File","ImageFile","VideoFile","Admin","Unknown"],"sources":["index.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { SendbirdMessage, SendbirdOpenChannel } from '@sendbird/uikit-utils';\n\nimport AdminMessage from './Message.admin';\nimport FileMessage from './Message.file';\nimport ImageFileMessage from './Message.file.image';\nimport VideoFileMessage from './Message.file.video';\nimport UnknownMessage from './Message.unknown';\nimport UserMessage from './Message.user';\nimport OpenGraphUserMessage from './Message.user.og';\n\nexport type OpenChannelMessageProps<T extends SendbirdMessage, AdditionalProps = unknown> = {\n  channel: SendbirdOpenChannel;\n  message: T;\n  strings?: {\n    senderName?: string;\n    sentDate?: string;\n    edited?: string;\n    fileName?: string;\n    unknownTitle?: string;\n    unknownDescription?: string;\n  };\n  children?: React.ReactNode;\n  grouped?: boolean;\n  onPress?: () => void;\n  onLongPress?: () => void;\n  onPressAvatar?: () => void;\n  onPressURL?: (url: string) => void;\n} & AdditionalProps;\n\nconst OpenChannelMessage = {\n  User: UserMessage,\n  OpenGraphUser: OpenGraphUserMessage,\n  File: FileMessage,\n  ImageFile: ImageFileMessage,\n  VideoFile: VideoFileMessage,\n  Admin: AdminMessage,\n  Unknown: UnknownMessage,\n};\n\nexport default OpenChannelMessage;\n"],"mappings":"AAIA,OAAOA,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,gBAAgB,MAAM,sBAAsB;AACnD,OAAOC,gBAAgB,MAAM,sBAAsB;AACnD,OAAOC,cAAc,MAAM,mBAAmB;AAC9C,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,oBAAoB,MAAM,mBAAmB;AAqBpD,MAAMC,kBAAkB,GAAG;EACzBC,IAAI,EAAEH,WAAW;EACjBI,aAAa,EAAEH,oBAAoB;EACnCI,IAAI,EAAET,WAAW;EACjBU,SAAS,EAAET,gBAAgB;EAC3BU,SAAS,EAAET,gBAAgB;EAC3BU,KAAK,EAAEb,YAAY;EACnBc,OAAO,EAAEV;AACX,CAAC;AAED,eAAeG,kBAAkB"}

package/lib/typescript/src/components/Image/FastImageInternal.d.ts

@@ -0,0 +1,3 @@
+import type { FastImageProps } from 'react-native-fast-image';
+declare let FastImageInternal: (props: FastImageProps) => JSX.Element | null;
+export default FastImageInternal;

package/lib/typescript/src/components/RegexText/index.d.ts

@@ -1,5 +1,5 @@
 import { TextProps } from '../Text';
-interface Pattern {
+export interface RegexTextPattern {
     regex: RegExp;
     replacer(params: {
         match: string;
@@ -10,7 +10,7 @@ interface Pattern {
     }): string | JSX.Element;
 }
 type Props = {
-    patterns: Pattern[];
+    patterns: RegexTextPattern[];
 } & TextProps;
 declare const RegexText: ({ children, patterns, ...props }: Props) => JSX.Element;
 export default RegexText;

package/lib/typescript/src/index.d.ts

@@ -9,10 +9,10 @@ export { default as ImageWithPlaceholder } from './components/ImageWithPlacehold
 export { default as Modal } from './components/Modal';
 export { default as PressBox } from './components/PressBox';
 export { default as RegexText } from './components/RegexText';
+export type { RegexTextPattern } from './components/RegexText';
 export { default as Switch } from './components/Switch';
 export { default as Text } from './components/Text';
 export { default as TextInput } from './components/TextInput';
-export { default as URLParsedText } from './components/URLParsedText';
 /** UI **/
 export { default as ActionMenu } from './ui/ActionMenu';
 export { default as Alert } from './ui/Alert';
@@ -22,11 +22,13 @@ export { default as BottomSheet } from './ui/BottomSheet';
 export { default as Button } from './ui/Button';
 export { default as ChannelFrozenBanner } from './ui/ChannelFrozenBanner';
 export { DialogProvider, useActionMenu, useAlert, usePrompt, useBottomSheet } from './ui/Dialog';
-export { default as GroupChannelPreview } from './ui/GroupChannelPreview';
 export { default as Header } from './ui/Header';
 export { default as LoadingSpinner } from './ui/LoadingSpinner';
 export { default as MenuBar } from './ui/MenuBar';
 export type { MenuBarProps } from './ui/MenuBar';
+export { default as GroupChannelMessage } from './ui/GroupChannelMessage';
+export type { GroupChannelMessageProps } from './ui/GroupChannelMessage';
+export { default as GroupChannelPreview } from './ui/GroupChannelPreview';
 export { default as OpenChannelMessage } from './ui/OpenChannelMessage';
 export type { OpenChannelMessageProps } from './ui/OpenChannelMessage';
 export { default as OpenChannelPreview } from './ui/OpenChannelPreview';

package/lib/typescript/src/types.d.ts

@@ -26,7 +26,7 @@ export interface UIKitTheme {
     colors: UIKitColors;
     typography: UIKitTypography;
 }
-export type Component = 'Header' | 'Button' | 'Dialog' | 'Input' | 'Badge' | 'Placeholder' | 'DateSeparator' | 'GroupChannelMessage' | 'GroupChannelPreview' | 'ProfileCard' | 'Reaction' | 'OpenChannelMessage' | 'OpenChannelPreview' | 'Message';
+export type Component = 'Header' | 'Button' | 'Dialog' | 'Input' | 'Badge' | 'Placeholder' | 'DateSeparator' | 'GroupChannelMessage' | 'GroupChannelPreview' | 'ProfileCard' | 'Reaction' | 'OpenChannelMessage' | 'OpenChannelPreview';
 export type GetColorTree<Tree extends {
     Variant: {
         [key in Component]: string;
@@ -53,8 +53,6 @@ export type ComponentColorTree = GetColorTree<{
         Reaction: 'default' | 'rounded';
         OpenChannelMessage: 'default';
         OpenChannelPreview: 'default';
-        /** @deprecated **/
-        Message: 'incoming' | 'outgoing';
     };
     State: {
         Header: 'none';
@@ -70,8 +68,6 @@ export type ComponentColorTree = GetColorTree<{
         Reaction: 'enabled' | 'selected';
         OpenChannelMessage: 'enabled' | 'pressed';
         OpenChannelPreview: 'none';
-        /** @deprecated **/
-        Message: 'enabled' | 'pressed';
     };
     ColorPart: {
         Header: 'background' | 'borderBottom';
@@ -87,8 +83,6 @@ export type ComponentColorTree = GetColorTree<{
         Reaction: 'background' | 'highlight';
         OpenChannelMessage: 'textMsg' | 'textMsgPostfix' | 'textSenderName' | 'textTime' | 'textOperator' | 'background' | 'bubbleBackground' | 'adminBackground';
         OpenChannelPreview: 'textTitle' | 'textParticipants' | 'frozenIcon' | 'participantsIcon' | 'background' | 'coverBackground' | 'separator';
-        /** @deprecated **/
-        Message: 'textMsg' | 'textEdited' | 'textSenderName' | 'textTime' | 'background';
     };
 }>;
 export type ComponentColors<T extends Component> = {
@@ -135,8 +129,6 @@ export interface UIKitColors {
         reaction: ComponentColors<'Reaction'>;
         openChannelMessage: ComponentColors<'OpenChannelMessage'>;
         openChannelPreview: ComponentColors<'OpenChannelPreview'>;
-        /** @deprecated Please use `colors.ui.groupChannelMessage` **/
-        message: ComponentColors<'Message'>;
     };
 }
 export type HeaderElement = string | ReactElement | null;

package/lib/typescript/src/ui/GroupChannelMessage/Message.admin.d.ts

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

package/lib/typescript/src/ui/GroupChannelMessage/Message.file.d.ts

@@ -0,0 +1,5 @@
+import { SendbirdFileMessage } from '@sendbird/uikit-utils';
+import type { GroupChannelMessageProps } from './index';
+type Props = GroupChannelMessageProps<SendbirdFileMessage>;
+declare const FileMessage: (props: Props) => JSX.Element;
+export default FileMessage;

package/lib/typescript/src/ui/GroupChannelMessage/Message.file.image.d.ts

@@ -0,0 +1,4 @@
+import type { SendbirdFileMessage } from '@sendbird/uikit-utils';
+import type { GroupChannelMessageProps } from './index';
+declare const ImageFileMessage: (props: GroupChannelMessageProps<SendbirdFileMessage>) => JSX.Element;
+export default ImageFileMessage;

package/lib/typescript/src/ui/GroupChannelMessage/Message.file.video.d.ts

@@ -0,0 +1,9 @@
+import type { SendbirdFileMessage } from '@sendbird/uikit-utils';
+import type { GroupChannelMessageProps } from './index';
+type Props = GroupChannelMessageProps<SendbirdFileMessage, {
+    fetchThumbnailFromVideoSource: (uri: string) => Promise<{
+        path: string;
+    } | null>;
+}>;
+declare const VideoFileMessage: (props: Props) => JSX.Element;
+export default VideoFileMessage;

package/lib/typescript/src/ui/GroupChannelMessage/Message.unknown.d.ts

@@ -0,0 +1,4 @@
+import type { SendbirdMessage } from '@sendbird/uikit-utils';
+import type { GroupChannelMessageProps } from './index';
+declare const UnknownMessage: (props: GroupChannelMessageProps<SendbirdMessage>) => JSX.Element;
+export default UnknownMessage;

package/lib/typescript/src/ui/GroupChannelMessage/Message.user.d.ts

@@ -0,0 +1,9 @@
+import type { SendbirdUserMessage } from '@sendbird/uikit-utils';
+import type { RegexTextPattern } from '../../components/RegexText';
+import type { GroupChannelMessageProps } from './index';
+type Props = GroupChannelMessageProps<SendbirdUserMessage, {
+    regexTextPatterns?: RegexTextPattern[];
+    renderRegexTextChildren?: (message: SendbirdUserMessage) => string;
+}>;
+declare const UserMessage: (props: Props) => JSX.Element;
+export default UserMessage;

package/lib/typescript/src/ui/GroupChannelMessage/Message.user.og.d.ts

@@ -0,0 +1,9 @@
+import type { SendbirdUserMessage } from '@sendbird/uikit-utils';
+import type { RegexTextPattern } from '../../components/RegexText';
+import type { GroupChannelMessageProps } from './index';
+type Props = GroupChannelMessageProps<SendbirdUserMessage, {
+    regexTextPatterns?: RegexTextPattern[];
+    renderRegexTextChildren?: (message: SendbirdUserMessage) => string;
+}>;
+declare const OpenGraphUserMessage: (props: Props) => JSX.Element;
+export default OpenGraphUserMessage;

package/lib/typescript/src/ui/GroupChannelMessage/MessageBubbleWithText.d.ts

@@ -0,0 +1,10 @@
+import { SendbirdUserMessage } from '@sendbird/uikit-utils';
+import { RegexTextPattern } from '../../components/RegexText';
+import type { GroupChannelMessageProps } from './index';
+type Props = GroupChannelMessageProps<SendbirdUserMessage, {
+    backgroundColor?: string;
+    regexTextPatterns?: RegexTextPattern[];
+    renderRegexTextChildren?: (message: SendbirdUserMessage) => string;
+}>;
+declare const MessageBubbleWithText: ({ backgroundColor, message, onPressURL, onLongPress, strings, variant, regexTextPatterns, renderRegexTextChildren, }: Props) => JSX.Element;
+export default MessageBubbleWithText;

package/lib/typescript/src/ui/GroupChannelMessage/MessageContainer.d.ts

@@ -0,0 +1,9 @@
+import type { SendbirdMessage } from '@sendbird/uikit-utils';
+import type { GroupChannelMessageProps } from './index';
+type Props = GroupChannelMessageProps<SendbirdMessage>;
+declare const MessageContainer: {
+    (props: Props): JSX.Element;
+    Incoming({ children, groupedWithNext, groupedWithPrev, message, onPressAvatar, strings, }: Props): JSX.Element;
+    Outgoing({ children, message, groupedWithNext, strings, sendingStatus, }: Props): JSX.Element;
+};
+export default MessageContainer;

package/lib/typescript/src/ui/GroupChannelMessage/MessageOpenGraph.d.ts

@@ -0,0 +1,8 @@
+import type { SendbirdUserMessage } from '@sendbird/uikit-utils';
+declare const MessageOpenGraph: ({ onPressURL, onLongPress, ogMetaData, variant, }: {
+    ogMetaData: Required<SendbirdUserMessage>['ogMetaData'];
+    variant: 'outgoing' | 'incoming';
+    onPressURL?: ((url: string) => void) | undefined;
+    onLongPress?: (() => void) | undefined;
+}) => JSX.Element;
+export default MessageOpenGraph;