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

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/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;

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

@@ -0,0 +1,191 @@
+import type React from 'react';
+import type { SendbirdGroupChannel, SendbirdMessage, SendbirdUser } from '@sendbird/uikit-utils';
+export type GroupChannelMessageProps<T extends SendbirdMessage, AdditionalProps = unknown> = {
+    channel: SendbirdGroupChannel;
+    message: T;
+    variant?: 'outgoing' | 'incoming';
+    strings?: {
+        senderName?: string;
+        sentDate?: string;
+        edited?: string;
+        fileName?: string;
+        unknownTitle?: string;
+        unknownDescription?: string;
+    };
+    children?: React.ReactNode;
+    sendingStatus?: React.ReactNode;
+    groupedWithPrev: boolean;
+    groupedWithNext: boolean;
+    onPress?: () => void;
+    onLongPress?: () => void;
+    onPressAvatar?: () => void;
+    onPressURL?: (url: string) => void;
+    onPressMentionedUser?: (mentionedUser?: SendbirdUser) => void;
+} & AdditionalProps;
+declare const GroupChannelMessage: {
+    User: (props: {
+        channel: SendbirdGroupChannel;
+        message: import("@sendbird/chat/message").UserMessage;
+        variant?: "incoming" | "outgoing" | undefined;
+        strings?: {
+            senderName?: string | undefined;
+            sentDate?: string | undefined;
+            edited?: string | undefined;
+            fileName?: string | undefined;
+            unknownTitle?: string | undefined;
+            unknownDescription?: string | undefined;
+        } | undefined;
+        children?: React.ReactNode;
+        sendingStatus?: React.ReactNode;
+        groupedWithPrev: boolean;
+        groupedWithNext: boolean;
+        onPress?: (() => void) | undefined;
+        onLongPress?: (() => void) | undefined;
+        onPressAvatar?: (() => void) | undefined;
+        onPressURL?: ((url: string) => void) | undefined;
+        onPressMentionedUser?: ((mentionedUser?: SendbirdUser) => void) | undefined;
+    } & {
+        regexTextPatterns?: import("../..").RegexTextPattern[] | undefined;
+        renderRegexTextChildren?: ((message: import("@sendbird/chat/message").UserMessage) => string) | undefined;
+    }) => JSX.Element;
+    OpenGraphUser: (props: {
+        channel: SendbirdGroupChannel;
+        message: import("@sendbird/chat/message").UserMessage;
+        variant?: "incoming" | "outgoing" | undefined;
+        strings?: {
+            senderName?: string | undefined;
+            sentDate?: string | undefined;
+            edited?: string | undefined;
+            fileName?: string | undefined;
+            unknownTitle?: string | undefined;
+            unknownDescription?: string | undefined;
+        } | undefined;
+        children?: React.ReactNode;
+        sendingStatus?: React.ReactNode;
+        groupedWithPrev: boolean;
+        groupedWithNext: boolean;
+        onPress?: (() => void) | undefined;
+        onLongPress?: (() => void) | undefined;
+        onPressAvatar?: (() => void) | undefined;
+        onPressURL?: ((url: string) => void) | undefined;
+        onPressMentionedUser?: ((mentionedUser?: SendbirdUser) => void) | undefined;
+    } & {
+        regexTextPatterns?: import("../..").RegexTextPattern[] | undefined;
+        renderRegexTextChildren?: ((message: import("@sendbird/chat/message").UserMessage) => string) | undefined;
+    }) => JSX.Element;
+    File: (props: {
+        channel: SendbirdGroupChannel;
+        message: import("@sendbird/chat/message").FileMessage;
+        variant?: "incoming" | "outgoing" | undefined;
+        strings?: {
+            senderName?: string | undefined;
+            sentDate?: string | undefined;
+            edited?: string | undefined;
+            fileName?: string | undefined;
+            unknownTitle?: string | undefined;
+            unknownDescription?: string | undefined;
+        } | undefined;
+        children?: React.ReactNode;
+        sendingStatus?: React.ReactNode;
+        groupedWithPrev: boolean;
+        groupedWithNext: boolean;
+        onPress?: (() => void) | undefined;
+        onLongPress?: (() => void) | undefined;
+        onPressAvatar?: (() => void) | undefined;
+        onPressURL?: ((url: string) => void) | undefined;
+        onPressMentionedUser?: ((mentionedUser?: SendbirdUser) => void) | undefined;
+    }) => JSX.Element;
+    ImageFile: (props: {
+        channel: SendbirdGroupChannel;
+        message: import("@sendbird/chat/message").FileMessage;
+        variant?: "incoming" | "outgoing" | undefined;
+        strings?: {
+            senderName?: string | undefined;
+            sentDate?: string | undefined;
+            edited?: string | undefined;
+            fileName?: string | undefined;
+            unknownTitle?: string | undefined;
+            unknownDescription?: string | undefined;
+        } | undefined;
+        children?: React.ReactNode;
+        sendingStatus?: React.ReactNode;
+        groupedWithPrev: boolean;
+        groupedWithNext: boolean;
+        onPress?: (() => void) | undefined;
+        onLongPress?: (() => void) | undefined;
+        onPressAvatar?: (() => void) | undefined;
+        onPressURL?: ((url: string) => void) | undefined;
+        onPressMentionedUser?: ((mentionedUser?: SendbirdUser) => void) | undefined;
+    }) => JSX.Element;
+    VideoFile: (props: {
+        channel: SendbirdGroupChannel;
+        message: import("@sendbird/chat/message").FileMessage;
+        variant?: "incoming" | "outgoing" | undefined;
+        strings?: {
+            senderName?: string | undefined;
+            sentDate?: string | undefined;
+            edited?: string | undefined;
+            fileName?: string | undefined;
+            unknownTitle?: string | undefined;
+            unknownDescription?: string | undefined;
+        } | undefined;
+        children?: React.ReactNode;
+        sendingStatus?: React.ReactNode;
+        groupedWithPrev: boolean;
+        groupedWithNext: boolean;
+        onPress?: (() => void) | undefined;
+        onLongPress?: (() => void) | undefined;
+        onPressAvatar?: (() => void) | undefined;
+        onPressURL?: ((url: string) => void) | undefined;
+        onPressMentionedUser?: ((mentionedUser?: SendbirdUser) => void) | undefined;
+    } & {
+        fetchThumbnailFromVideoSource: (uri: string) => Promise<{
+            path: string;
+        } | null>;
+    }) => JSX.Element;
+    Admin: (props: {
+        channel: SendbirdGroupChannel;
+        message: import("@sendbird/chat/message").AdminMessage;
+        variant?: "incoming" | "outgoing" | undefined;
+        strings?: {
+            senderName?: string | undefined;
+            sentDate?: string | undefined;
+            edited?: string | undefined;
+            fileName?: string | undefined;
+            unknownTitle?: string | undefined;
+            unknownDescription?: string | undefined;
+        } | undefined;
+        children?: React.ReactNode;
+        sendingStatus?: React.ReactNode;
+        groupedWithPrev: boolean;
+        groupedWithNext: boolean;
+        onPress?: (() => void) | undefined;
+        onLongPress?: (() => void) | undefined;
+        onPressAvatar?: (() => void) | undefined;
+        onPressURL?: ((url: string) => void) | undefined;
+        onPressMentionedUser?: ((mentionedUser?: SendbirdUser) => void) | undefined;
+    }) => JSX.Element;
+    Unknown: (props: {
+        channel: SendbirdGroupChannel;
+        message: SendbirdMessage;
+        variant?: "incoming" | "outgoing" | undefined;
+        strings?: {
+            senderName?: string | undefined;
+            sentDate?: string | undefined;
+            edited?: string | undefined;
+            fileName?: string | undefined;
+            unknownTitle?: string | undefined;
+            unknownDescription?: string | undefined;
+        } | undefined;
+        children?: React.ReactNode;
+        sendingStatus?: React.ReactNode;
+        groupedWithPrev: boolean;
+        groupedWithNext: boolean;
+        onPress?: (() => void) | undefined;
+        onLongPress?: (() => void) | undefined;
+        onPressAvatar?: (() => void) | undefined;
+        onPressURL?: ((url: string) => void) | undefined;
+        onPressMentionedUser?: ((mentionedUser?: SendbirdUser) => void) | undefined;
+    }) => JSX.Element;
+};
+export default GroupChannelMessage;

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

@@ -16,7 +16,7 @@ export type OpenChannelMessageProps<T extends SendbirdMessage, AdditionalProps =
     onPress?: () => void;
     onLongPress?: () => void;
     onPressAvatar?: () => void;
-    onPressURL?: () => void;
+    onPressURL?: (url: string) => void;
 } & AdditionalProps;
 declare const OpenChannelMessage: {
     User: (props: {
@@ -35,7 +35,7 @@ declare const OpenChannelMessage: {
         onPress?: (() => void) | undefined;
         onLongPress?: (() => void) | undefined;
         onPressAvatar?: (() => void) | undefined;
-        onPressURL?: (() => void) | undefined;
+        onPressURL?: ((url: string) => void) | undefined;
     }) => JSX.Element;
     OpenGraphUser: (props: {
         channel: SendbirdOpenChannel;
@@ -53,7 +53,7 @@ declare const OpenChannelMessage: {
         onPress?: (() => void) | undefined;
         onLongPress?: (() => void) | undefined;
         onPressAvatar?: (() => void) | undefined;
-        onPressURL?: (() => void) | undefined;
+        onPressURL?: ((url: string) => void) | undefined;
     }) => JSX.Element;
     File: (props: {
         channel: SendbirdOpenChannel;
@@ -71,7 +71,7 @@ declare const OpenChannelMessage: {
         onPress?: (() => void) | undefined;
         onLongPress?: (() => void) | undefined;
         onPressAvatar?: (() => void) | undefined;
-        onPressURL?: (() => void) | undefined;
+        onPressURL?: ((url: string) => void) | undefined;
     }) => JSX.Element;
     ImageFile: (props: {
         channel: SendbirdOpenChannel;
@@ -89,7 +89,7 @@ declare const OpenChannelMessage: {
         onPress?: (() => void) | undefined;
         onLongPress?: (() => void) | undefined;
         onPressAvatar?: (() => void) | undefined;
-        onPressURL?: (() => void) | undefined;
+        onPressURL?: ((url: string) => void) | undefined;
     }) => JSX.Element;
     VideoFile: (props: OpenChannelMessageProps<import("@sendbird/chat/message").FileMessage, {
         fetchThumbnailFromVideoSource: (uri: string) => Promise<{
@@ -112,7 +112,7 @@ declare const OpenChannelMessage: {
         onPress?: (() => void) | undefined;
         onLongPress?: (() => void) | undefined;
         onPressAvatar?: (() => void) | undefined;
-        onPressURL?: (() => void) | undefined;
+        onPressURL?: ((url: string) => void) | undefined;
     }) => JSX.Element;
     Unknown: (props: {
         channel: SendbirdOpenChannel;
@@ -130,7 +130,7 @@ declare const OpenChannelMessage: {
         onPress?: (() => void) | undefined;
         onLongPress?: (() => void) | undefined;
         onPressAvatar?: (() => void) | undefined;
-        onPressURL?: (() => void) | undefined;
+        onPressURL?: ((url: string) => void) | undefined;
     }) => JSX.Element;
 };
 export default OpenChannelMessage;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendbird/uikit-react-native-foundation",
-  "version": "2.5.0",
+  "version": "3.0.0-rc.0",
   "description": "A foundational UI kit for building chat-enabled React Native apps.",
   "keywords": [
     "sendbird",
@@ -46,7 +46,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@sendbird/uikit-utils": "2.5.0"
+    "@sendbird/uikit-utils": "3.0.0-rc.0"
   },
   "devDependencies": {
     "@types/react": "*",
@@ -59,8 +59,8 @@
     "typescript": "4.9.4"
   },
   "peerDependencies": {
-    "react": ">=16.13.1",
-    "react-native": ">=0.63.3",
+    "react": ">=17.0.2",
+    "react-native": ">=0.65.0",
     "react-native-fast-image": ">=8.5.11",
     "react-native-safe-area-context": ">=3.3.2"
   },
@@ -87,6 +87,5 @@
     "entryPoint": "./src/index.ts",
     "readmeFile": "./README.md",
     "displayName": "@sendbird/uikit-react-native-foundation"
-  },
-  "gitHead": "4e2d6a30075a8fb6cf2615c5c20d50a0d0ddfcda"
+  }
 }

package/src/components/ImageWithPlaceholder/index.tsx

@@ -10,6 +10,7 @@ import Icon from '../Icon';
 import Image from '../Image';
 
 const useRetry = (hasError: boolean, retryCount = 5) => {
+  // NOTE: Glide(fast-image) will retry automatically on Android
   if (Platform.OS === 'android') return '';
 
   const forceUpdate = useForceUpdate();
@@ -44,14 +45,14 @@ type Props = {
   style?: StyleProp<ViewStyle>;
 };
 const ImageWithPlaceholder = (props: Props) => {
-  const { colors } = useUIKitTheme();
+  const { palette, select, colors } = useUIKitTheme();
   const [imageNotFound, setImageNotFound] = useState(false);
 
   const key = useRetry(imageNotFound);
   return (
     <Box
       style={[{ overflow: 'hidden', width: props.width, height: props.height }, props.style]}
-      backgroundColor={colors.onBackground04}
+      backgroundColor={select({ dark: palette.background400, light: palette.background100 })}
     >
       <Image
         key={key}

package/src/components/RegexText/index.tsx

@@ -4,7 +4,7 @@ import { replaceWithRegex } from '@sendbird/uikit-utils';
 
 import Text, { TextProps } from '../Text';
 
-interface Pattern {
+export interface RegexTextPattern {
   regex: RegExp;
   replacer(params: {
     match: string;
@@ -15,7 +15,7 @@ interface Pattern {
   }): string | JSX.Element;
 }
 
-type Props = { patterns: Pattern[] } & TextProps;
+type Props = { patterns: RegexTextPattern[] } & TextProps;
 
 const RegexText = ({ children, patterns, ...props }: Props) => {
   if (patterns.length === 0 || typeof children !== 'string') return <>{children}</>;