@sendbird/uikit-react-native-foundation 3.7.6 → 3.8.0

package/lib/module/ui/GroupChannelMessage/Message.file.video.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","getThumbnailUriFromFileMessage","Box","PressBox","VideoThumbnail","createStyleSheet","useUIKitTheme","MessageContainer","VideoFileMessage","props","onPress","onLongPress","variant","colors","uri","message","createElement","style","styles","container","backgroundColor","ui","groupChannelMessage","enabled","background","activeOpacity","image","source","fetchThumbnailFromVideoSource","children","borderRadius","overflow","maxWidth","width","height","playIcon","padding"],"sources":["Message.file.video.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdFileMessage } from '@sendbird/uikit-utils';\nimport { getThumbnailUriFromFileMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport PressBox from '../../components/PressBox';\nimport { VideoThumbnail } from '../../components/VideoThumbnail';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageContainer from './MessageContainer';\nimport type { GroupChannelMessageProps } from './index';\n\ntype Props = GroupChannelMessageProps<\n  SendbirdFileMessage,\n  { fetchThumbnailFromVideoSource: (uri: string) => Promise<{ path: string } | null> }\n>;\n\nconst VideoFileMessage = (props: Props) => {\n  const { onPress, onLongPress, variant = 'incoming' } = props;\n\n  const { colors } = useUIKitTheme();\n  const uri = getThumbnailUriFromFileMessage(props.message);\n\n  return (\n    <MessageContainer {...props}>\n      <Box style={styles.container} backgroundColor={colors.ui.groupChannelMessage[variant].enabled.background}>\n        <PressBox activeOpacity={0.8} onPress={onPress} onLongPress={onLongPress}>\n          <VideoThumbnail\n            style={styles.image}\n            source={uri}\n            fetchThumbnailFromVideoSource={props.fetchThumbnailFromVideoSource}\n          />\n        </PressBox>\n        {props.children}\n      </Box>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  image: {\n    maxWidth: 240,\n    width: 240,\n    height: 160,\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  playIcon: {\n    padding: 10,\n    borderRadius: 50,\n  },\n});\nexport default VideoFileMessage;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,8BAA8B,QAAQ,uBAAuB;AAEtE,OAAOC,GAAG,MAAM,sBAAsB;AACtC,OAAOC,QAAQ,MAAM,2BAA2B;AAChD,SAASC,cAAc,QAAQ,iCAAiC;AAChE,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,gBAAgB,MAAM,oBAAoB;AAQjD,MAAMC,gBAAgB,GAAIC,KAAY,IAAK;EACzC,MAAM;IAAEC,OAAO;IAAEC,WAAW;IAAEC,OAAO,GAAG;EAAW,CAAC,GAAGH,KAAK;EAE5D,MAAM;IAAEI;EAAO,CAAC,GAAGP,aAAa,EAAE;EAClC,MAAMQ,GAAG,GAAGb,8BAA8B,CAACQ,KAAK,CAACM,OAAO,CAAC;EAEzD,oBACEf,KAAA,CAAAgB,aAAA,CAACT,gBAAgB,EAAKE,KAAK,eACzBT,KAAA,CAAAgB,aAAA,CAACd,GAAG;IAACe,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,eAAe,EAAEP,MAAM,CAACQ,EAAE,CAACC,mBAAmB,CAACV,OAAO,CAAC,CAACW,OAAO,CAACC;EAAW,gBACvGxB,KAAA,CAAAgB,aAAA,CAACb,QAAQ;IAACsB,aAAa,EAAE,GAAI;IAACf,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,gBACvEX,KAAA,CAAAgB,aAAA,CAACZ,cAAc;IACba,KAAK,EAAEC,MAAM,CAACQ,KAAM;IACpBC,MAAM,EAAEb,GAAI;IACZc,6BAA6B,EAAEnB,KAAK,CAACmB;EAA8B,EACnE,CACO,EACVnB,KAAK,CAACoB,QAAQ,CACX,CACW;AAEvB,CAAC;AAED,MAAMX,MAAM,GAAGb,gBAAgB,CAAC;EAC9Bc,SAAS,EAAE;IACTW,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE;EACZ,CAAC;EACDL,KAAK,EAAE;IACLM,QAAQ,EAAE,GAAG;IACbC,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,GAAG;IACXJ,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE;EACZ,CAAC;EACDI,QAAQ,EAAE;IACRC,OAAO,EAAE,EAAE;IACXN,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AACF,eAAetB,gBAAgB"}
+{"version":3,"names":["React","getThumbnailUriFromFileMessage","Box","PressBox","VideoThumbnail","createStyleSheet","useUIKitTheme","MessageContainer","VideoFileMessage","props","onPress","onLongPress","variant","colors","uri","message","createElement","style","styles","container","backgroundColor","ui","groupChannelMessage","enabled","background","activeOpacity","image","source","fetchThumbnailFromVideoSource","children","borderRadius","overflow","maxWidth","width","height","playIcon","padding"],"sources":["Message.file.video.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdFileMessage } from '@sendbird/uikit-utils';\nimport { getThumbnailUriFromFileMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport PressBox from '../../components/PressBox';\nimport { VideoThumbnail } from '../../components/VideoThumbnail';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageContainer from './MessageContainer';\nimport type { GroupChannelMessageProps } from './index';\n\ntype Props = GroupChannelMessageProps<\n  SendbirdFileMessage,\n  { fetchThumbnailFromVideoSource: (uri: string) => Promise<{ path: string } | null> }\n>;\n\nconst VideoFileMessage = (props: Props) => {\n  const { onPress, onLongPress, variant = 'incoming' } = props;\n\n  const { colors } = useUIKitTheme();\n  const uri = getThumbnailUriFromFileMessage(props.message);\n\n  return (\n    <MessageContainer {...props}>\n      <Box style={styles.container} backgroundColor={colors.ui.groupChannelMessage[variant].enabled.background}>\n        <PressBox activeOpacity={0.8} onPress={onPress} onLongPress={onLongPress}>\n          <VideoThumbnail\n            style={styles.image}\n            source={uri}\n            fetchThumbnailFromVideoSource={props.fetchThumbnailFromVideoSource}\n          />\n        </PressBox>\n        {props.children}\n      </Box>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  image: {\n    maxWidth: 240,\n    width: 240,\n    height: 160,\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  playIcon: {\n    padding: 10,\n    borderRadius: 50,\n  },\n});\nexport default VideoFileMessage;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,8BAA8B,QAAQ,uBAAuB;AAEtE,OAAOC,GAAG,MAAM,sBAAsB;AACtC,OAAOC,QAAQ,MAAM,2BAA2B;AAChD,SAASC,cAAc,QAAQ,iCAAiC;AAChE,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,gBAAgB,MAAM,oBAAoB;AAQjD,MAAMC,gBAAgB,GAAIC,KAAY,IAAK;EACzC,MAAM;IAAEC,OAAO;IAAEC,WAAW;IAAEC,OAAO,GAAG;EAAW,CAAC,GAAGH,KAAK;EAE5D,MAAM;IAAEI;EAAO,CAAC,GAAGP,aAAa,CAAC,CAAC;EAClC,MAAMQ,GAAG,GAAGb,8BAA8B,CAACQ,KAAK,CAACM,OAAO,CAAC;EAEzD,oBACEf,KAAA,CAAAgB,aAAA,CAACT,gBAAgB,EAAKE,KAAK,eACzBT,KAAA,CAAAgB,aAAA,CAACd,GAAG;IAACe,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,eAAe,EAAEP,MAAM,CAACQ,EAAE,CAACC,mBAAmB,CAACV,OAAO,CAAC,CAACW,OAAO,CAACC;EAAW,gBACvGxB,KAAA,CAAAgB,aAAA,CAACb,QAAQ;IAACsB,aAAa,EAAE,GAAI;IAACf,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,gBACvEX,KAAA,CAAAgB,aAAA,CAACZ,cAAc;IACba,KAAK,EAAEC,MAAM,CAACQ,KAAM;IACpBC,MAAM,EAAEb,GAAI;IACZc,6BAA6B,EAAEnB,KAAK,CAACmB;EAA8B,CACpE,CACO,CAAC,EACVnB,KAAK,CAACoB,QACJ,CACW,CAAC;AAEvB,CAAC;AAED,MAAMX,MAAM,GAAGb,gBAAgB,CAAC;EAC9Bc,SAAS,EAAE;IACTW,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE;EACZ,CAAC;EACDL,KAAK,EAAE;IACLM,QAAQ,EAAE,GAAG;IACbC,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,GAAG;IACXJ,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE;EACZ,CAAC;EACDI,QAAQ,EAAE;IACRC,OAAO,EAAE,EAAE;IACXN,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AACF,eAAetB,gBAAgB","ignoreList":[]}

package/lib/module/ui/GroupChannelMessage/Message.file.voice.js

@@ -27,7 +27,7 @@ const VoiceFileMessage = props => {
   const [state, setState] = useState(() => {
     var _meta$value;
     const meta = message.metaArrays.find(it => it.key === durationMetaArrayKey);
-    const value = meta === null || meta === void 0 ? void 0 : (_meta$value = meta.value) === null || _meta$value === void 0 ? void 0 : _meta$value[0];
+    const value = meta === null || meta === void 0 || (_meta$value = meta.value) === null || _meta$value === void 0 ? void 0 : _meta$value[0];
     const initialDuration = value ? parseInt(value, 10) : 0;
     return {
       status: 'paused',
@@ -47,9 +47,9 @@ const VoiceFileMessage = props => {
         currentTime
       }));
     };
-    onSubscribeStatus === null || onSubscribeStatus === void 0 ? void 0 : onSubscribeStatus(props.channel.url, props.message.messageId, updateCurrentTime);
+    onSubscribeStatus === null || onSubscribeStatus === void 0 || onSubscribeStatus(props.channel.url, props.message.messageId, updateCurrentTime);
     return () => {
-      onUnsubscribeStatus === null || onUnsubscribeStatus === void 0 ? void 0 : onUnsubscribeStatus(props.channel.url, props.message.messageId, updateCurrentTime);
+      onUnsubscribeStatus === null || onUnsubscribeStatus === void 0 || onUnsubscribeStatus(props.channel.url, props.message.messageId, updateCurrentTime);
     };
   }, []);
   const uiColors = colors.ui.groupChannelMessage[variant];
@@ -89,7 +89,7 @@ const VoiceFileMessage = props => {
       body3: true,
       style: {
         lineHeight: undefined,
-        marginLeft: 6,
+        marginStart: 6,
         opacity: 0.88
       },
       color: uiColors.enabled.textVoicePlaytime

package/lib/module/ui/GroupChannelMessage/Message.file.voice.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","millsToMSS","Box","Icon","PressBox","ProgressBar","Text","createStyleSheet","useUIKitTheme","LoadingSpinner","MessageContainer","VoiceFileMessage","props","onLongPress","variant","onToggleVoiceMessage","message","durationMetaArrayKey","onUnmount","initialCurrentTime","onSubscribeStatus","onUnsubscribeStatus","colors","state","setState","_meta$value","meta","metaArrays","find","it","key","value","initialDuration","parseInt","status","currentTime","duration","updateCurrentTime","prev","channel","url","messageId","uiColors","ui","groupChannelMessage","remainingTime","createElement","style","styles","container","backgroundColor","enabled","background","onPress","current","total","minWidth","height","trackColor","voiceProgressTrack","overlay","flex","flexDirection","alignItems","justifyContent","paddingHorizontal","size","color","voiceSpinner","containerStyle","voiceActionIconBackground","padding","borderRadius","icon","body3","lineHeight","undefined","marginLeft","opacity","textVoicePlaytime","children","overflow","image","maxWidth","width"],"sources":["Message.file.voice.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport type { SendbirdFileMessage } from '@sendbird/uikit-utils';\nimport { millsToMSS } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport Icon from '../../components/Icon';\nimport PressBox from '../../components/PressBox';\nimport ProgressBar from '../../components/ProgressBar';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport LoadingSpinner from '../LoadingSpinner';\nimport MessageContainer from './MessageContainer';\nimport type { GroupChannelMessageProps } from './index';\n\nexport type VoiceFileMessageState = {\n  status: 'preparing' | 'playing' | 'paused';\n  currentTime: number;\n  duration: number;\n};\n\ntype Props = GroupChannelMessageProps<\n  SendbirdFileMessage,\n  {\n    durationMetaArrayKey?: string;\n    onUnmount: () => void;\n    initialCurrentTime?: number;\n    onSubscribeStatus?: (channelUrl: string, messageId: number, subscriber: (currentTime: number) => void) => void;\n    onUnsubscribeStatus?: (channelUrl: string, messageId: number, subscriber: (currentTime: number) => void) => void;\n  }\n>;\nconst VoiceFileMessage = (props: Props) => {\n  const {\n    onLongPress,\n    variant = 'incoming',\n    onToggleVoiceMessage,\n    message,\n    durationMetaArrayKey = 'KEY_VOICE_MESSAGE_DURATION',\n    onUnmount,\n    initialCurrentTime,\n    onSubscribeStatus,\n    onUnsubscribeStatus,\n  } = props;\n\n  const { colors } = useUIKitTheme();\n\n  const [state, setState] = useState<VoiceFileMessageState>(() => {\n    const meta = message.metaArrays.find((it) => it.key === durationMetaArrayKey);\n    const value = meta?.value?.[0];\n    const initialDuration = value ? parseInt(value, 10) : 0;\n    return {\n      status: 'paused',\n      currentTime: initialCurrentTime || 0,\n      duration: initialDuration,\n    };\n  });\n\n  useEffect(() => {\n    return () => {\n      onUnmount();\n    };\n  }, []);\n\n  useEffect(() => {\n    const updateCurrentTime = (currentTime: number) => {\n      setState((prev) => ({ ...prev, currentTime }));\n    };\n    onSubscribeStatus?.(props.channel.url, props.message.messageId, updateCurrentTime);\n    return () => {\n      onUnsubscribeStatus?.(props.channel.url, props.message.messageId, updateCurrentTime);\n    };\n  }, []);\n\n  const uiColors = colors.ui.groupChannelMessage[variant];\n  const remainingTime = state.duration - state.currentTime;\n\n  return (\n    <MessageContainer {...props}>\n      <Box style={styles.container} backgroundColor={uiColors.enabled.background}>\n        <PressBox onPress={() => onToggleVoiceMessage?.(state, setState)} onLongPress={onLongPress}>\n          <ProgressBar\n            current={state.currentTime}\n            total={state.duration}\n            style={{ minWidth: 136, height: 44 }}\n            trackColor={uiColors.enabled.voiceProgressTrack}\n            overlay={\n              <Box\n                flex={1}\n                flexDirection={'row'}\n                alignItems={'center'}\n                justifyContent={'space-between'}\n                paddingHorizontal={12}\n              >\n                {state.status === 'preparing' ? (\n                  <LoadingSpinner size={24} color={uiColors.enabled.voiceSpinner} />\n                ) : (\n                  <Icon\n                    size={16}\n                    containerStyle={{\n                      backgroundColor: uiColors.enabled.voiceActionIconBackground,\n                      padding: 6,\n                      borderRadius: 16,\n                    }}\n                    icon={state.status === 'paused' ? 'play' : 'pause'}\n                  />\n                )}\n                <Text\n                  body3\n                  style={{ lineHeight: undefined, marginLeft: 6, opacity: 0.88 }}\n                  color={uiColors.enabled.textVoicePlaytime}\n                >\n                  {millsToMSS(state.currentTime === 0 ? state.duration : remainingTime)}\n                </Text>\n              </Box>\n            }\n          />\n        </PressBox>\n        {props.children}\n      </Box>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  image: {\n    maxWidth: 240,\n    width: 240,\n    height: 160,\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n});\n\nexport default VoiceFileMessage;\n"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","useState","millsToMSS","Box","Icon","PressBox","ProgressBar","Text","createStyleSheet","useUIKitTheme","LoadingSpinner","MessageContainer","VoiceFileMessage","props","onLongPress","variant","onToggleVoiceMessage","message","durationMetaArrayKey","onUnmount","initialCurrentTime","onSubscribeStatus","onUnsubscribeStatus","colors","state","setState","_meta$value","meta","metaArrays","find","it","key","value","initialDuration","parseInt","status","currentTime","duration","updateCurrentTime","prev","channel","url","messageId","uiColors","ui","groupChannelMessage","remainingTime","createElement","style","styles","container","backgroundColor","enabled","background","onPress","current","total","minWidth","height","trackColor","voiceProgressTrack","overlay","flex","flexDirection","alignItems","justifyContent","paddingHorizontal","size","color","voiceSpinner","containerStyle","voiceActionIconBackground","padding","borderRadius","icon","body3","lineHeight","undefined","marginStart","opacity","textVoicePlaytime","children","overflow","image","maxWidth","width"],"sources":["Message.file.voice.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport type { SendbirdFileMessage } from '@sendbird/uikit-utils';\nimport { millsToMSS } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport Icon from '../../components/Icon';\nimport PressBox from '../../components/PressBox';\nimport ProgressBar from '../../components/ProgressBar';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport LoadingSpinner from '../LoadingSpinner';\nimport MessageContainer from './MessageContainer';\nimport type { GroupChannelMessageProps } from './index';\n\nexport type VoiceFileMessageState = {\n  status: 'preparing' | 'playing' | 'paused';\n  currentTime: number;\n  duration: number;\n};\n\ntype Props = GroupChannelMessageProps<\n  SendbirdFileMessage,\n  {\n    durationMetaArrayKey?: string;\n    onUnmount: () => void;\n    initialCurrentTime?: number;\n    onSubscribeStatus?: (channelUrl: string, messageId: number, subscriber: (currentTime: number) => void) => void;\n    onUnsubscribeStatus?: (channelUrl: string, messageId: number, subscriber: (currentTime: number) => void) => void;\n  }\n>;\nconst VoiceFileMessage = (props: Props) => {\n  const {\n    onLongPress,\n    variant = 'incoming',\n    onToggleVoiceMessage,\n    message,\n    durationMetaArrayKey = 'KEY_VOICE_MESSAGE_DURATION',\n    onUnmount,\n    initialCurrentTime,\n    onSubscribeStatus,\n    onUnsubscribeStatus,\n  } = props;\n\n  const { colors } = useUIKitTheme();\n\n  const [state, setState] = useState<VoiceFileMessageState>(() => {\n    const meta = message.metaArrays.find((it) => it.key === durationMetaArrayKey);\n    const value = meta?.value?.[0];\n    const initialDuration = value ? parseInt(value, 10) : 0;\n    return {\n      status: 'paused',\n      currentTime: initialCurrentTime || 0,\n      duration: initialDuration,\n    };\n  });\n\n  useEffect(() => {\n    return () => {\n      onUnmount();\n    };\n  }, []);\n\n  useEffect(() => {\n    const updateCurrentTime = (currentTime: number) => {\n      setState((prev) => ({ ...prev, currentTime }));\n    };\n    onSubscribeStatus?.(props.channel.url, props.message.messageId, updateCurrentTime);\n    return () => {\n      onUnsubscribeStatus?.(props.channel.url, props.message.messageId, updateCurrentTime);\n    };\n  }, []);\n\n  const uiColors = colors.ui.groupChannelMessage[variant];\n  const remainingTime = state.duration - state.currentTime;\n\n  return (\n    <MessageContainer {...props}>\n      <Box style={styles.container} backgroundColor={uiColors.enabled.background}>\n        <PressBox onPress={() => onToggleVoiceMessage?.(state, setState)} onLongPress={onLongPress}>\n          <ProgressBar\n            current={state.currentTime}\n            total={state.duration}\n            style={{ minWidth: 136, height: 44 }}\n            trackColor={uiColors.enabled.voiceProgressTrack}\n            overlay={\n              <Box\n                flex={1}\n                flexDirection={'row'}\n                alignItems={'center'}\n                justifyContent={'space-between'}\n                paddingHorizontal={12}\n              >\n                {state.status === 'preparing' ? (\n                  <LoadingSpinner size={24} color={uiColors.enabled.voiceSpinner} />\n                ) : (\n                  <Icon\n                    size={16}\n                    containerStyle={{\n                      backgroundColor: uiColors.enabled.voiceActionIconBackground,\n                      padding: 6,\n                      borderRadius: 16,\n                    }}\n                    icon={state.status === 'paused' ? 'play' : 'pause'}\n                  />\n                )}\n                <Text\n                  body3\n                  style={{ lineHeight: undefined, marginStart: 6, opacity: 0.88 }}\n                  color={uiColors.enabled.textVoicePlaytime}\n                >\n                  {millsToMSS(state.currentTime === 0 ? state.duration : remainingTime)}\n                </Text>\n              </Box>\n            }\n          />\n        </PressBox>\n        {props.children}\n      </Box>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  image: {\n    maxWidth: 240,\n    width: 240,\n    height: 160,\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n});\n\nexport default VoiceFileMessage;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/GroupChannelMessage/Message.unknown.js

@@ -18,11 +18,10 @@ const UnknownMessage = props => {
   return /*#__PURE__*/React.createElement(MessageContainer, props, /*#__PURE__*/React.createElement(PressBox, {
     onPress: props.onPress,
     onLongPress: props.onLongPress
-  }, _ref => {
+  }, ({
+    pressed
+  }) => {
     var _props$strings, _props$strings2;
-    let {
-      pressed
-    } = _ref;
     return /*#__PURE__*/React.createElement(Box, {
       style: styles.bubble,
       backgroundColor: pressed ? color.pressed.background : color.enabled.background

package/lib/module/ui/GroupChannelMessage/Message.unknown.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Box","PressBox","Text","createStyleSheet","useUIKitTheme","MessageContainer","UnknownMessage","props","variant","colors","color","ui","groupChannelMessage","titleColor","onBackground01","onBackgroundReverse01","descColor","onBackground02","onBackgroundReverse02","createElement","onPress","onLongPress","_ref","_props$strings","_props$strings2","pressed","style","styles","bubble","backgroundColor","background","enabled","body3","strings","unknownTitle","unknownDescription","paddingVertical","paddingHorizontal","borderRadius"],"sources":["Message.unknown.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport PressBox from '../../components/PressBox';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageContainer from './MessageContainer';\nimport type { GroupChannelMessageProps } from './index';\n\nconst UnknownMessage = (props: GroupChannelMessageProps<SendbirdMessage>) => {\n  const { variant = 'incoming' } = props;\n\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage[variant];\n  const titleColor = variant === 'incoming' ? colors.onBackground01 : colors.onBackgroundReverse01;\n  const descColor = variant === 'incoming' ? colors.onBackground02 : colors.onBackgroundReverse02;\n\n  return (\n    <MessageContainer {...props}>\n      <PressBox onPress={props.onPress} onLongPress={props.onLongPress}>\n        {({ pressed }) => (\n          <Box style={styles.bubble} backgroundColor={pressed ? color.pressed.background : color.enabled.background}>\n            <Text body3 color={titleColor}>\n              {props.strings?.unknownTitle ?? '(Unknown message type)'}\n            </Text>\n            <Text body3 color={descColor}>\n              {props.strings?.unknownDescription ?? 'Cannot read this message.'}\n            </Text>\n          </Box>\n        )}\n      </PressBox>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  bubble: {\n    paddingVertical: 6,\n    paddingHorizontal: 12,\n    borderRadius: 16,\n  },\n});\n\nexport default UnknownMessage;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB,OAAOC,GAAG,MAAM,sBAAsB;AACtC,OAAOC,QAAQ,MAAM,2BAA2B;AAChD,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,gBAAgB,MAAM,oBAAoB;AAGjD,MAAMC,cAAc,GAAIC,KAAgD,IAAK;EAC3E,MAAM;IAAEC,OAAO,GAAG;EAAW,CAAC,GAAGD,KAAK;EAEtC,MAAM;IAAEE;EAAO,CAAC,GAAGL,aAAa,EAAE;EAClC,MAAMM,KAAK,GAAGD,MAAM,CAACE,EAAE,CAACC,mBAAmB,CAACJ,OAAO,CAAC;EACpD,MAAMK,UAAU,GAAGL,OAAO,KAAK,UAAU,GAAGC,MAAM,CAACK,cAAc,GAAGL,MAAM,CAACM,qBAAqB;EAChG,MAAMC,SAAS,GAAGR,OAAO,KAAK,UAAU,GAAGC,MAAM,CAACQ,cAAc,GAAGR,MAAM,CAACS,qBAAqB;EAE/F,oBACEnB,KAAA,CAAAoB,aAAA,CAACd,gBAAgB,EAAKE,KAAK,eACzBR,KAAA,CAAAoB,aAAA,CAAClB,QAAQ;IAACmB,OAAO,EAAEb,KAAK,CAACa,OAAQ;IAACC,WAAW,EAAEd,KAAK,CAACc;EAAY,GAC9DC,IAAA;IAAA,IAAAC,cAAA,EAAAC,eAAA;IAAA,IAAC;MAAEC;IAAQ,CAAC,GAAAH,IAAA;IAAA,oBACXvB,KAAA,CAAAoB,aAAA,CAACnB,GAAG;MAAC0B,KAAK,EAAEC,MAAM,CAACC,MAAO;MAACC,eAAe,EAAEJ,OAAO,GAAGf,KAAK,CAACe,OAAO,CAACK,UAAU,GAAGpB,KAAK,CAACqB,OAAO,CAACD;IAAW,gBACxG/B,KAAA,CAAAoB,aAAA,CAACjB,IAAI;MAAC8B,KAAK;MAACtB,KAAK,EAAEG;IAAW,GAC3B,EAAAU,cAAA,GAAAhB,KAAK,CAAC0B,OAAO,cAAAV,cAAA,uBAAbA,cAAA,CAAeW,YAAY,KAAI,wBAAwB,CACnD,eACPnC,KAAA,CAAAoB,aAAA,CAACjB,IAAI;MAAC8B,KAAK;MAACtB,KAAK,EAAEM;IAAU,GAC1B,EAAAQ,eAAA,GAAAjB,KAAK,CAAC0B,OAAO,cAAAT,eAAA,uBAAbA,eAAA,CAAeW,kBAAkB,KAAI,2BAA2B,CAC5D,CACH;EAAA,CACP,CACQ,CACM;AAEvB,CAAC;AAED,MAAMR,MAAM,GAAGxB,gBAAgB,CAAC;EAC9ByB,MAAM,EAAE;IACNQ,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,eAAehC,cAAc"}
+{"version":3,"names":["React","Box","PressBox","Text","createStyleSheet","useUIKitTheme","MessageContainer","UnknownMessage","props","variant","colors","color","ui","groupChannelMessage","titleColor","onBackground01","onBackgroundReverse01","descColor","onBackground02","onBackgroundReverse02","createElement","onPress","onLongPress","pressed","_props$strings","_props$strings2","style","styles","bubble","backgroundColor","background","enabled","body3","strings","unknownTitle","unknownDescription","paddingVertical","paddingHorizontal","borderRadius"],"sources":["Message.unknown.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport PressBox from '../../components/PressBox';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageContainer from './MessageContainer';\nimport type { GroupChannelMessageProps } from './index';\n\nconst UnknownMessage = (props: GroupChannelMessageProps<SendbirdMessage>) => {\n  const { variant = 'incoming' } = props;\n\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage[variant];\n  const titleColor = variant === 'incoming' ? colors.onBackground01 : colors.onBackgroundReverse01;\n  const descColor = variant === 'incoming' ? colors.onBackground02 : colors.onBackgroundReverse02;\n\n  return (\n    <MessageContainer {...props}>\n      <PressBox onPress={props.onPress} onLongPress={props.onLongPress}>\n        {({ pressed }) => (\n          <Box style={styles.bubble} backgroundColor={pressed ? color.pressed.background : color.enabled.background}>\n            <Text body3 color={titleColor}>\n              {props.strings?.unknownTitle ?? '(Unknown message type)'}\n            </Text>\n            <Text body3 color={descColor}>\n              {props.strings?.unknownDescription ?? 'Cannot read this message.'}\n            </Text>\n          </Box>\n        )}\n      </PressBox>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  bubble: {\n    paddingVertical: 6,\n    paddingHorizontal: 12,\n    borderRadius: 16,\n  },\n});\n\nexport default UnknownMessage;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB,OAAOC,GAAG,MAAM,sBAAsB;AACtC,OAAOC,QAAQ,MAAM,2BAA2B;AAChD,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,gBAAgB,MAAM,oBAAoB;AAGjD,MAAMC,cAAc,GAAIC,KAAgD,IAAK;EAC3E,MAAM;IAAEC,OAAO,GAAG;EAAW,CAAC,GAAGD,KAAK;EAEtC,MAAM;IAAEE;EAAO,CAAC,GAAGL,aAAa,CAAC,CAAC;EAClC,MAAMM,KAAK,GAAGD,MAAM,CAACE,EAAE,CAACC,mBAAmB,CAACJ,OAAO,CAAC;EACpD,MAAMK,UAAU,GAAGL,OAAO,KAAK,UAAU,GAAGC,MAAM,CAACK,cAAc,GAAGL,MAAM,CAACM,qBAAqB;EAChG,MAAMC,SAAS,GAAGR,OAAO,KAAK,UAAU,GAAGC,MAAM,CAACQ,cAAc,GAAGR,MAAM,CAACS,qBAAqB;EAE/F,oBACEnB,KAAA,CAAAoB,aAAA,CAACd,gBAAgB,EAAKE,KAAK,eACzBR,KAAA,CAAAoB,aAAA,CAAClB,QAAQ;IAACmB,OAAO,EAAEb,KAAK,CAACa,OAAQ;IAACC,WAAW,EAAEd,KAAK,CAACc;EAAY,GAC9D,CAAC;IAAEC;EAAQ,CAAC;IAAA,IAAAC,cAAA,EAAAC,eAAA;IAAA,oBACXzB,KAAA,CAAAoB,aAAA,CAACnB,GAAG;MAACyB,KAAK,EAAEC,MAAM,CAACC,MAAO;MAACC,eAAe,EAAEN,OAAO,GAAGZ,KAAK,CAACY,OAAO,CAACO,UAAU,GAAGnB,KAAK,CAACoB,OAAO,CAACD;IAAW,gBACxG9B,KAAA,CAAAoB,aAAA,CAACjB,IAAI;MAAC6B,KAAK;MAACrB,KAAK,EAAEG;IAAW,GAC3B,EAAAU,cAAA,GAAAhB,KAAK,CAACyB,OAAO,cAAAT,cAAA,uBAAbA,cAAA,CAAeU,YAAY,KAAI,wBAC5B,CAAC,eACPlC,KAAA,CAAAoB,aAAA,CAACjB,IAAI;MAAC6B,KAAK;MAACrB,KAAK,EAAEM;IAAU,GAC1B,EAAAQ,eAAA,GAAAjB,KAAK,CAACyB,OAAO,cAAAR,eAAA,uBAAbA,eAAA,CAAeU,kBAAkB,KAAI,2BAClC,CACH,CAAC;EAAA,CAEA,CACM,CAAC;AAEvB,CAAC;AAED,MAAMR,MAAM,GAAGvB,gBAAgB,CAAC;EAC9BwB,MAAM,EAAE;IACNQ,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,eAAe/B,cAAc","ignoreList":[]}

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

@@ -16,15 +16,12 @@ const UserMessage = props => {
   return /*#__PURE__*/React.createElement(MessageContainer, props, /*#__PURE__*/React.createElement(PressBox, {
     onPress: props.onPress,
     onLongPress: props.onLongPress
-  }, _ref => {
-    let {
-      pressed
-    } = _ref;
-    return /*#__PURE__*/React.createElement(Box, {
-      backgroundColor: pressed ? color.pressed.background : color.enabled.background,
-      style: styles.container
-    }, /*#__PURE__*/React.createElement(MessageBubbleWithText, props), props.children);
-  }));
+  }, ({
+    pressed
+  }) => /*#__PURE__*/React.createElement(Box, {
+    backgroundColor: pressed ? color.pressed.background : color.enabled.background,
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(MessageBubbleWithText, props), props.children)));
 };
 const styles = createStyleSheet({
   container: {

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

@@ -1 +1 @@
-{"version":3,"names":["React","Box","PressBox","createStyleSheet","useUIKitTheme","MessageBubbleWithText","MessageContainer","UserMessage","props","variant","colors","color","ui","groupChannelMessage","createElement","onPress","onLongPress","_ref","pressed","backgroundColor","background","enabled","style","styles","container","children","overflow","borderRadius"],"sources":["Message.user.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport PressBox from '../../components/PressBox';\nimport type { RegexTextPattern } from '../../components/RegexText';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageBubbleWithText from './MessageBubbleWithText';\nimport MessageContainer from './MessageContainer';\nimport type { GroupChannelMessageProps } from './index';\n\ntype Props = GroupChannelMessageProps<\n  SendbirdUserMessage,\n  {\n    regexTextPatterns?: RegexTextPattern[];\n    renderRegexTextChildren?: (message: SendbirdUserMessage) => string;\n  }\n>;\n\nconst UserMessage = (props: Props) => {\n  const { variant = 'incoming' } = props;\n\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage[variant];\n\n  return (\n    <MessageContainer {...props}>\n      <PressBox onPress={props.onPress} onLongPress={props.onLongPress}>\n        {({ pressed }) => (\n          <Box backgroundColor={pressed ? color.pressed.background : color.enabled.background} style={styles.container}>\n            <MessageBubbleWithText {...props} />\n            {props.children}\n          </Box>\n        )}\n      </PressBox>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    overflow: 'hidden',\n    borderRadius: 16,\n  },\n});\n\nexport default UserMessage;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB,OAAOC,GAAG,MAAM,sBAAsB;AACtC,OAAOC,QAAQ,MAAM,2BAA2B;AAEhD,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,OAAOC,gBAAgB,MAAM,oBAAoB;AAWjD,MAAMC,WAAW,GAAIC,KAAY,IAAK;EACpC,MAAM;IAAEC,OAAO,GAAG;EAAW,CAAC,GAAGD,KAAK;EAEtC,MAAM;IAAEE;EAAO,CAAC,GAAGN,aAAa,EAAE;EAClC,MAAMO,KAAK,GAAGD,MAAM,CAACE,EAAE,CAACC,mBAAmB,CAACJ,OAAO,CAAC;EAEpD,oBACET,KAAA,CAAAc,aAAA,CAACR,gBAAgB,EAAKE,KAAK,eACzBR,KAAA,CAAAc,aAAA,CAACZ,QAAQ;IAACa,OAAO,EAAEP,KAAK,CAACO,OAAQ;IAACC,WAAW,EAAER,KAAK,CAACQ;EAAY,GAC9DC,IAAA;IAAA,IAAC;MAAEC;IAAQ,CAAC,GAAAD,IAAA;IAAA,oBACXjB,KAAA,CAAAc,aAAA,CAACb,GAAG;MAACkB,eAAe,EAAED,OAAO,GAAGP,KAAK,CAACO,OAAO,CAACE,UAAU,GAAGT,KAAK,CAACU,OAAO,CAACD,UAAW;MAACE,KAAK,EAAEC,MAAM,CAACC;IAAU,gBAC3GxB,KAAA,CAAAc,aAAA,CAACT,qBAAqB,EAAKG,KAAK,CAAI,EACnCA,KAAK,CAACiB,QAAQ,CACX;EAAA,CACP,CACQ,CACM;AAEvB,CAAC;AAED,MAAMF,MAAM,GAAGpB,gBAAgB,CAAC;EAC9BqB,SAAS,EAAE;IACTE,QAAQ,EAAE,QAAQ;IAClBC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,eAAepB,WAAW"}
+{"version":3,"names":["React","Box","PressBox","createStyleSheet","useUIKitTheme","MessageBubbleWithText","MessageContainer","UserMessage","props","variant","colors","color","ui","groupChannelMessage","createElement","onPress","onLongPress","pressed","backgroundColor","background","enabled","style","styles","container","children","overflow","borderRadius"],"sources":["Message.user.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport PressBox from '../../components/PressBox';\nimport type { RegexTextPattern } from '../../components/RegexText';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageBubbleWithText from './MessageBubbleWithText';\nimport MessageContainer from './MessageContainer';\nimport type { GroupChannelMessageProps } from './index';\n\ntype Props = GroupChannelMessageProps<\n  SendbirdUserMessage,\n  {\n    regexTextPatterns?: RegexTextPattern[];\n    renderRegexTextChildren?: (message: SendbirdUserMessage) => string;\n  }\n>;\n\nconst UserMessage = (props: Props) => {\n  const { variant = 'incoming' } = props;\n\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage[variant];\n\n  return (\n    <MessageContainer {...props}>\n      <PressBox onPress={props.onPress} onLongPress={props.onLongPress}>\n        {({ pressed }) => (\n          <Box backgroundColor={pressed ? color.pressed.background : color.enabled.background} style={styles.container}>\n            <MessageBubbleWithText {...props} />\n            {props.children}\n          </Box>\n        )}\n      </PressBox>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    overflow: 'hidden',\n    borderRadius: 16,\n  },\n});\n\nexport default UserMessage;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB,OAAOC,GAAG,MAAM,sBAAsB;AACtC,OAAOC,QAAQ,MAAM,2BAA2B;AAEhD,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,OAAOC,gBAAgB,MAAM,oBAAoB;AAWjD,MAAMC,WAAW,GAAIC,KAAY,IAAK;EACpC,MAAM;IAAEC,OAAO,GAAG;EAAW,CAAC,GAAGD,KAAK;EAEtC,MAAM;IAAEE;EAAO,CAAC,GAAGN,aAAa,CAAC,CAAC;EAClC,MAAMO,KAAK,GAAGD,MAAM,CAACE,EAAE,CAACC,mBAAmB,CAACJ,OAAO,CAAC;EAEpD,oBACET,KAAA,CAAAc,aAAA,CAACR,gBAAgB,EAAKE,KAAK,eACzBR,KAAA,CAAAc,aAAA,CAACZ,QAAQ;IAACa,OAAO,EAAEP,KAAK,CAACO,OAAQ;IAACC,WAAW,EAAER,KAAK,CAACQ;EAAY,GAC9D,CAAC;IAAEC;EAAQ,CAAC,kBACXjB,KAAA,CAAAc,aAAA,CAACb,GAAG;IAACiB,eAAe,EAAED,OAAO,GAAGN,KAAK,CAACM,OAAO,CAACE,UAAU,GAAGR,KAAK,CAACS,OAAO,CAACD,UAAW;IAACE,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC3GvB,KAAA,CAAAc,aAAA,CAACT,qBAAqB,EAAKG,KAAQ,CAAC,EACnCA,KAAK,CAACgB,QACJ,CAEC,CACM,CAAC;AAEvB,CAAC;AAED,MAAMF,MAAM,GAAGnB,gBAAgB,CAAC;EAC9BoB,SAAS,EAAE;IACTE,QAAQ,EAAE,QAAQ;IAClBC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,eAAenB,WAAW","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import Box from '../../components/Box';
 import PressBox from '../../components/PressBox';
@@ -24,22 +24,19 @@ const OpenGraphUserMessage = props => {
   return /*#__PURE__*/React.createElement(MessageContainer, props, /*#__PURE__*/React.createElement(PressBox, {
     onPress: props.onPress,
     onLongPress: props.onLongPress
-  }, _ref => {
-    let {
-      pressed
-    } = _ref;
-    return /*#__PURE__*/React.createElement(Box, {
-      backgroundColor: containerBackgroundColor,
-      style: styles.container
-    }, /*#__PURE__*/React.createElement(MessageBubbleWithText, _extends({
-      backgroundColor: pressed ? color.pressed.background : color.enabled.background
-    }, props)), props.message.ogMetaData && /*#__PURE__*/React.createElement(MessageOpenGraph, {
-      variant: variant,
-      ogMetaData: props.message.ogMetaData,
-      onLongPress: props.onLongPress,
-      onPressURL: props.onPressURL
-    }), props.children);
-  }));
+  }, ({
+    pressed
+  }) => /*#__PURE__*/React.createElement(Box, {
+    backgroundColor: containerBackgroundColor,
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(MessageBubbleWithText, _extends({
+    backgroundColor: pressed ? color.pressed.background : color.enabled.background
+  }, props)), props.message.ogMetaData && /*#__PURE__*/React.createElement(MessageOpenGraph, {
+    variant: variant,
+    ogMetaData: props.message.ogMetaData,
+    onLongPress: props.onLongPress,
+    onPressURL: props.onPressURL
+  }), props.children)));
 };
 const styles = createStyleSheet({
   container: {

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

@@ -1 +1 @@
-{"version":3,"names":["React","Box","PressBox","createStyleSheet","useUIKitTheme","MessageBubbleWithText","MessageContainer","MessageOpenGraph","OpenGraphUserMessage","props","variant","palette","select","colors","color","ui","groupChannelMessage","containerBackgroundColor","dark","background400","light","background100","createElement","onPress","onLongPress","_ref","pressed","backgroundColor","style","styles","container","_extends","background","enabled","message","ogMetaData","onPressURL","children","borderRadius","overflow"],"sources":["Message.user.og.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport PressBox from '../../components/PressBox';\nimport type { RegexTextPattern } from '../../components/RegexText';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageBubbleWithText from './MessageBubbleWithText';\nimport MessageContainer from './MessageContainer';\nimport MessageOpenGraph from './MessageOpenGraph';\nimport type { GroupChannelMessageProps } from './index';\n\ntype Props = GroupChannelMessageProps<\n  SendbirdUserMessage,\n  {\n    regexTextPatterns?: RegexTextPattern[];\n    renderRegexTextChildren?: (message: SendbirdUserMessage) => string;\n  }\n>;\n\nconst OpenGraphUserMessage = (props: Props) => {\n  const { variant = 'incoming' } = props;\n\n  const { palette, select, colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage[variant];\n  const containerBackgroundColor = select({ dark: palette.background400, light: palette.background100 });\n\n  return (\n    <MessageContainer {...props}>\n      <PressBox onPress={props.onPress} onLongPress={props.onLongPress}>\n        {({ pressed }) => (\n          <Box backgroundColor={containerBackgroundColor} style={styles.container}>\n            <MessageBubbleWithText\n              backgroundColor={pressed ? color.pressed.background : color.enabled.background}\n              {...props}\n            />\n            {props.message.ogMetaData && (\n              <MessageOpenGraph\n                variant={variant}\n                ogMetaData={props.message.ogMetaData}\n                onLongPress={props.onLongPress}\n                onPressURL={props.onPressURL}\n              />\n            )}\n            {props.children}\n          </Box>\n        )}\n      </PressBox>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n});\n\nexport default OpenGraphUserMessage;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB,OAAOC,GAAG,MAAM,sBAAsB;AACtC,OAAOC,QAAQ,MAAM,2BAA2B;AAEhD,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,gBAAgB,MAAM,oBAAoB;AAWjD,MAAMC,oBAAoB,GAAIC,KAAY,IAAK;EAC7C,MAAM;IAAEC,OAAO,GAAG;EAAW,CAAC,GAAGD,KAAK;EAEtC,MAAM;IAAEE,OAAO;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAGT,aAAa,EAAE;EACnD,MAAMU,KAAK,GAAGD,MAAM,CAACE,EAAE,CAACC,mBAAmB,CAACN,OAAO,CAAC;EACpD,MAAMO,wBAAwB,GAAGL,MAAM,CAAC;IAAEM,IAAI,EAAEP,OAAO,CAACQ,aAAa;IAAEC,KAAK,EAAET,OAAO,CAACU;EAAc,CAAC,CAAC;EAEtG,oBACErB,KAAA,CAAAsB,aAAA,CAAChB,gBAAgB,EAAKG,KAAK,eACzBT,KAAA,CAAAsB,aAAA,CAACpB,QAAQ;IAACqB,OAAO,EAAEd,KAAK,CAACc,OAAQ;IAACC,WAAW,EAAEf,KAAK,CAACe;EAAY,GAC9DC,IAAA;IAAA,IAAC;MAAEC;IAAQ,CAAC,GAAAD,IAAA;IAAA,oBACXzB,KAAA,CAAAsB,aAAA,CAACrB,GAAG;MAAC0B,eAAe,EAAEV,wBAAyB;MAACW,KAAK,EAAEC,MAAM,CAACC;IAAU,gBACtE9B,KAAA,CAAAsB,aAAA,CAACjB,qBAAqB,EAAA0B,QAAA;MACpBJ,eAAe,EAAED,OAAO,GAAGZ,KAAK,CAACY,OAAO,CAACM,UAAU,GAAGlB,KAAK,CAACmB,OAAO,CAACD;IAAW,GAC3EvB,KAAK,EACT,EACDA,KAAK,CAACyB,OAAO,CAACC,UAAU,iBACvBnC,KAAA,CAAAsB,aAAA,CAACf,gBAAgB;MACfG,OAAO,EAAEA,OAAQ;MACjByB,UAAU,EAAE1B,KAAK,CAACyB,OAAO,CAACC,UAAW;MACrCX,WAAW,EAAEf,KAAK,CAACe,WAAY;MAC/BY,UAAU,EAAE3B,KAAK,CAAC2B;IAAW,EAEhC,EACA3B,KAAK,CAAC4B,QAAQ,CACX;EAAA,CACP,CACQ,CACM;AAEvB,CAAC;AAED,MAAMR,MAAM,GAAG1B,gBAAgB,CAAC;EAC9B2B,SAAS,EAAE;IACTQ,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,eAAe/B,oBAAoB"}
+{"version":3,"names":["React","Box","PressBox","createStyleSheet","useUIKitTheme","MessageBubbleWithText","MessageContainer","MessageOpenGraph","OpenGraphUserMessage","props","variant","palette","select","colors","color","ui","groupChannelMessage","containerBackgroundColor","dark","background400","light","background100","createElement","onPress","onLongPress","pressed","backgroundColor","style","styles","container","_extends","background","enabled","message","ogMetaData","onPressURL","children","borderRadius","overflow"],"sources":["Message.user.og.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport PressBox from '../../components/PressBox';\nimport type { RegexTextPattern } from '../../components/RegexText';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport MessageBubbleWithText from './MessageBubbleWithText';\nimport MessageContainer from './MessageContainer';\nimport MessageOpenGraph from './MessageOpenGraph';\nimport type { GroupChannelMessageProps } from './index';\n\ntype Props = GroupChannelMessageProps<\n  SendbirdUserMessage,\n  {\n    regexTextPatterns?: RegexTextPattern[];\n    renderRegexTextChildren?: (message: SendbirdUserMessage) => string;\n  }\n>;\n\nconst OpenGraphUserMessage = (props: Props) => {\n  const { variant = 'incoming' } = props;\n\n  const { palette, select, colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage[variant];\n  const containerBackgroundColor = select({ dark: palette.background400, light: palette.background100 });\n\n  return (\n    <MessageContainer {...props}>\n      <PressBox onPress={props.onPress} onLongPress={props.onLongPress}>\n        {({ pressed }) => (\n          <Box backgroundColor={containerBackgroundColor} style={styles.container}>\n            <MessageBubbleWithText\n              backgroundColor={pressed ? color.pressed.background : color.enabled.background}\n              {...props}\n            />\n            {props.message.ogMetaData && (\n              <MessageOpenGraph\n                variant={variant}\n                ogMetaData={props.message.ogMetaData}\n                onLongPress={props.onLongPress}\n                onPressURL={props.onPressURL}\n              />\n            )}\n            {props.children}\n          </Box>\n        )}\n      </PressBox>\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n});\n\nexport default OpenGraphUserMessage;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB,OAAOC,GAAG,MAAM,sBAAsB;AACtC,OAAOC,QAAQ,MAAM,2BAA2B;AAEhD,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,gBAAgB,MAAM,oBAAoB;AAWjD,MAAMC,oBAAoB,GAAIC,KAAY,IAAK;EAC7C,MAAM;IAAEC,OAAO,GAAG;EAAW,CAAC,GAAGD,KAAK;EAEtC,MAAM;IAAEE,OAAO;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAGT,aAAa,CAAC,CAAC;EACnD,MAAMU,KAAK,GAAGD,MAAM,CAACE,EAAE,CAACC,mBAAmB,CAACN,OAAO,CAAC;EACpD,MAAMO,wBAAwB,GAAGL,MAAM,CAAC;IAAEM,IAAI,EAAEP,OAAO,CAACQ,aAAa;IAAEC,KAAK,EAAET,OAAO,CAACU;EAAc,CAAC,CAAC;EAEtG,oBACErB,KAAA,CAAAsB,aAAA,CAAChB,gBAAgB,EAAKG,KAAK,eACzBT,KAAA,CAAAsB,aAAA,CAACpB,QAAQ;IAACqB,OAAO,EAAEd,KAAK,CAACc,OAAQ;IAACC,WAAW,EAAEf,KAAK,CAACe;EAAY,GAC9D,CAAC;IAAEC;EAAQ,CAAC,kBACXzB,KAAA,CAAAsB,aAAA,CAACrB,GAAG;IAACyB,eAAe,EAAET,wBAAyB;IAACU,KAAK,EAAEC,MAAM,CAACC;EAAU,gBACtE7B,KAAA,CAAAsB,aAAA,CAACjB,qBAAqB,EAAAyB,QAAA;IACpBJ,eAAe,EAAED,OAAO,GAAGX,KAAK,CAACW,OAAO,CAACM,UAAU,GAAGjB,KAAK,CAACkB,OAAO,CAACD;EAAW,GAC3EtB,KAAK,CACV,CAAC,EACDA,KAAK,CAACwB,OAAO,CAACC,UAAU,iBACvBlC,KAAA,CAAAsB,aAAA,CAACf,gBAAgB;IACfG,OAAO,EAAEA,OAAQ;IACjBwB,UAAU,EAAEzB,KAAK,CAACwB,OAAO,CAACC,UAAW;IACrCV,WAAW,EAAEf,KAAK,CAACe,WAAY;IAC/BW,UAAU,EAAE1B,KAAK,CAAC0B;EAAW,CAC9B,CACF,EACA1B,KAAK,CAAC2B,QACJ,CAEC,CACM,CAAC;AAEvB,CAAC;AAED,MAAMR,MAAM,GAAGzB,gBAAgB,CAAC;EAC9B0B,SAAS,EAAE;IACTQ,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,eAAe9B,oBAAoB","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import { urlRegexStrict } from '@sendbird/uikit-utils';
 import Box from '../../components/Box';
@@ -6,17 +6,16 @@ import RegexText from '../../components/RegexText';
 import Text from '../../components/Text';
 import createStyleSheet from '../../styles/createStyleSheet';
 import useUIKitTheme from '../../theme/useUIKitTheme';
-const MessageBubbleWithText = _ref => {
-  let {
-    backgroundColor,
-    message,
-    onPressURL,
-    onLongPress,
-    strings,
-    variant = 'incoming',
-    regexTextPatterns = [],
-    renderRegexTextChildren = msg => msg.message
-  } = _ref;
+const MessageBubbleWithText = ({
+  backgroundColor,
+  message,
+  onPressURL,
+  onLongPress,
+  strings,
+  variant = 'incoming',
+  regexTextPatterns = [],
+  renderRegexTextChildren = msg => msg.message
+}) => {
   const {
     colors
   } = useUIKitTheme();
@@ -27,19 +26,23 @@ const MessageBubbleWithText = _ref => {
   }, /*#__PURE__*/React.createElement(Text, {
     body3: true,
     color: color.enabled.textMsg,
-    suppressHighlighting: true
+    suppressHighlighting: true,
+    supportRTLAlign: true,
+    originalText: message.message
   }, /*#__PURE__*/React.createElement(RegexText, {
     body3: true,
+    suppressHighlighting: true,
+    supportRTLAlign: true,
+    originalText: message.message,
     color: color.enabled.textMsg,
     patterns: [...regexTextPatterns, {
       regex: urlRegexStrict,
-      replacer(_ref2) {
-        let {
-          match,
-          parentProps,
-          keyPrefix,
-          index
-        } = _ref2;
+      replacer({
+        match,
+        parentProps,
+        keyPrefix,
+        index
+      }) {
         return /*#__PURE__*/React.createElement(Text, _extends({}, parentProps, {
           key: `${keyPrefix}-${index}`,
           onPress: () => onPressURL === null || onPressURL === void 0 ? void 0 : onPressURL(match),
@@ -50,7 +53,9 @@ const MessageBubbleWithText = _ref => {
     }]
   }, renderRegexTextChildren(message)), Boolean(message.updatedAt) && /*#__PURE__*/React.createElement(Text, {
     body3: true,
-    color: color.enabled.textEdited
+    color: color.enabled.textEdited,
+    supportRTLAlign: true,
+    originalText: (strings === null || strings === void 0 ? void 0 : strings.edited) ?? ' (edited)'
   }, (strings === null || strings === void 0 ? void 0 : strings.edited) ?? ' (edited)')));
 };
 const styles = createStyleSheet({

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

@@ -1 +1 @@
-{"version":3,"names":["React","urlRegexStrict","Box","RegexText","Text","createStyleSheet","useUIKitTheme","MessageBubbleWithText","_ref","backgroundColor","message","onPressURL","onLongPress","strings","variant","regexTextPatterns","renderRegexTextChildren","msg","colors","color","ui","groupChannelMessage","createElement","style","styles","bubble","body3","enabled","textMsg","suppressHighlighting","patterns","regex","replacer","_ref2","match","parentProps","keyPrefix","index","_extends","key","onPress","urlText","Boolean","updatedAt","textEdited","edited","paddingHorizontal","paddingVertical","textDecorationLine"],"sources":["MessageBubbleWithText.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SendbirdUserMessage, urlRegexStrict } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport RegexText, { RegexTextPattern } from '../../components/RegexText';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport type { GroupChannelMessageProps } from './index';\n\ntype Props = GroupChannelMessageProps<\n  SendbirdUserMessage,\n  {\n    backgroundColor?: string;\n    regexTextPatterns?: RegexTextPattern[];\n    renderRegexTextChildren?: (message: SendbirdUserMessage) => string;\n  }\n>;\n\nconst MessageBubbleWithText = ({\n  backgroundColor,\n  message,\n  onPressURL,\n  onLongPress,\n  strings,\n  variant = 'incoming',\n  regexTextPatterns = [],\n  renderRegexTextChildren = (msg) => msg.message,\n}: Props) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage[variant];\n  return (\n    <Box backgroundColor={backgroundColor} style={styles.bubble}>\n      <Text body3 color={color.enabled.textMsg} suppressHighlighting>\n        <RegexText\n          body3\n          color={color.enabled.textMsg}\n          patterns={[\n            ...regexTextPatterns,\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                    style={[parentProps?.style, styles.urlText]}\n                  >\n                    {match}\n                  </Text>\n                );\n              },\n            },\n          ]}\n        >\n          {renderRegexTextChildren(message)}\n        </RegexText>\n        {Boolean(message.updatedAt) && (\n          <Text body3 color={color.enabled.textEdited}>\n            {strings?.edited ?? ' (edited)'}\n          </Text>\n        )}\n      </Text>\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  bubble: {\n    paddingHorizontal: 12,\n    paddingVertical: 6,\n  },\n  urlText: {\n    textDecorationLine: 'underline',\n  },\n});\nexport default MessageBubbleWithText;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAA8BC,cAAc,QAAQ,uBAAuB;AAE3E,OAAOC,GAAG,MAAM,sBAAsB;AACtC,OAAOC,SAAS,MAA4B,4BAA4B;AACxE,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AAYrD,MAAMC,qBAAqB,GAAGC,IAAA,IASjB;EAAA,IATkB;IAC7BC,eAAe;IACfC,OAAO;IACPC,UAAU;IACVC,WAAW;IACXC,OAAO;IACPC,OAAO,GAAG,UAAU;IACpBC,iBAAiB,GAAG,EAAE;IACtBC,uBAAuB,GAAIC,GAAG,IAAKA,GAAG,CAACP;EAClC,CAAC,GAAAF,IAAA;EACN,MAAM;IAAEU;EAAO,CAAC,GAAGZ,aAAa,EAAE;EAClC,MAAMa,KAAK,GAAGD,MAAM,CAACE,EAAE,CAACC,mBAAmB,CAACP,OAAO,CAAC;EACpD,oBACEd,KAAA,CAAAsB,aAAA,CAACpB,GAAG;IAACO,eAAe,EAAEA,eAAgB;IAACc,KAAK,EAAEC,MAAM,CAACC;EAAO,gBAC1DzB,KAAA,CAAAsB,aAAA,CAAClB,IAAI;IAACsB,KAAK;IAACP,KAAK,EAAEA,KAAK,CAACQ,OAAO,CAACC,OAAQ;IAACC,oBAAoB;EAAA,gBAC5D7B,KAAA,CAAAsB,aAAA,CAACnB,SAAS;IACRuB,KAAK;IACLP,KAAK,EAAEA,KAAK,CAACQ,OAAO,CAACC,OAAQ;IAC7BE,QAAQ,EAAE,CACR,GAAGf,iBAAiB,EACpB;MACEgB,KAAK,EAAE9B,cAAc;MACrB+B,QAAQA,CAAAC,KAAA,EAA2C;QAAA,IAA1C;UAAEC,KAAK;UAAEC,WAAW;UAAEC,SAAS;UAAEC;QAAM,CAAC,GAAAJ,KAAA;QAC/C,oBACEjC,KAAA,CAAAsB,aAAA,CAAClB,IAAI,EAAAkC,QAAA,KACCH,WAAW;UACfI,GAAG,EAAG,GAAEH,SAAU,IAAGC,KAAM,EAAE;UAC7BG,OAAO,EAAEA,CAAA,KAAM7B,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAGuB,KAAK,CAAE;UACnCtB,WAAW,EAAEA,WAAY;UACzBW,KAAK,EAAE,CAACY,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEZ,KAAK,EAAEC,MAAM,CAACiB,OAAO;QAAE,IAE3CP,KAAK,CACD;MAEX;IACF,CAAC;EACD,GAEDlB,uBAAuB,CAACN,OAAO,CAAC,CACvB,EACXgC,OAAO,CAAChC,OAAO,CAACiC,SAAS,CAAC,iBACzB3C,KAAA,CAAAsB,aAAA,CAAClB,IAAI;IAACsB,KAAK;IAACP,KAAK,EAAEA,KAAK,CAACQ,OAAO,CAACiB;EAAW,GACzC,CAAA/B,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEgC,MAAM,KAAI,WAAW,CAElC,CACI,CACH;AAEV,CAAC;AAED,MAAMrB,MAAM,GAAGnB,gBAAgB,CAAC;EAC9BoB,MAAM,EAAE;IACNqB,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE;EACnB,CAAC;EACDN,OAAO,EAAE;IACPO,kBAAkB,EAAE;EACtB;AACF,CAAC,CAAC;AACF,eAAezC,qBAAqB"}
+{"version":3,"names":["React","urlRegexStrict","Box","RegexText","Text","createStyleSheet","useUIKitTheme","MessageBubbleWithText","backgroundColor","message","onPressURL","onLongPress","strings","variant","regexTextPatterns","renderRegexTextChildren","msg","colors","color","ui","groupChannelMessage","createElement","style","styles","bubble","body3","enabled","textMsg","suppressHighlighting","supportRTLAlign","originalText","patterns","regex","replacer","match","parentProps","keyPrefix","index","_extends","key","onPress","urlText","Boolean","updatedAt","textEdited","edited","paddingHorizontal","paddingVertical","textDecorationLine"],"sources":["MessageBubbleWithText.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SendbirdUserMessage, urlRegexStrict } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport RegexText, { RegexTextPattern } from '../../components/RegexText';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport type { GroupChannelMessageProps } from './index';\n\ntype Props = GroupChannelMessageProps<\n  SendbirdUserMessage,\n  {\n    backgroundColor?: string;\n    regexTextPatterns?: RegexTextPattern[];\n    renderRegexTextChildren?: (message: SendbirdUserMessage) => string;\n  }\n>;\n\nconst MessageBubbleWithText = ({\n  backgroundColor,\n  message,\n  onPressURL,\n  onLongPress,\n  strings,\n  variant = 'incoming',\n  regexTextPatterns = [],\n  renderRegexTextChildren = (msg) => msg.message,\n}: Props) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage[variant];\n  return (\n    <Box backgroundColor={backgroundColor} style={styles.bubble}>\n      <Text body3 color={color.enabled.textMsg} suppressHighlighting supportRTLAlign originalText={message.message}>\n        <RegexText\n          body3\n          suppressHighlighting\n          supportRTLAlign\n          originalText={message.message}\n          color={color.enabled.textMsg}\n          patterns={[\n            ...regexTextPatterns,\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                    style={[parentProps?.style, styles.urlText]}\n                  >\n                    {match}\n                  </Text>\n                );\n              },\n            },\n          ]}\n        >\n          {renderRegexTextChildren(message)}\n        </RegexText>\n        {Boolean(message.updatedAt) && (\n          <Text body3 color={color.enabled.textEdited} supportRTLAlign originalText={strings?.edited ?? ' (edited)'}>\n            {strings?.edited ?? ' (edited)'}\n          </Text>\n        )}\n      </Text>\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  bubble: {\n    paddingHorizontal: 12,\n    paddingVertical: 6,\n  },\n  urlText: {\n    textDecorationLine: 'underline',\n  },\n});\nexport default MessageBubbleWithText;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAA8BC,cAAc,QAAQ,uBAAuB;AAE3E,OAAOC,GAAG,MAAM,sBAAsB;AACtC,OAAOC,SAAS,MAA4B,4BAA4B;AACxE,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,aAAa,MAAM,2BAA2B;AAYrD,MAAMC,qBAAqB,GAAGA,CAAC;EAC7BC,eAAe;EACfC,OAAO;EACPC,UAAU;EACVC,WAAW;EACXC,OAAO;EACPC,OAAO,GAAG,UAAU;EACpBC,iBAAiB,GAAG,EAAE;EACtBC,uBAAuB,GAAIC,GAAG,IAAKA,GAAG,CAACP;AAClC,CAAC,KAAK;EACX,MAAM;IAAEQ;EAAO,CAAC,GAAGX,aAAa,CAAC,CAAC;EAClC,MAAMY,KAAK,GAAGD,MAAM,CAACE,EAAE,CAACC,mBAAmB,CAACP,OAAO,CAAC;EACpD,oBACEb,KAAA,CAAAqB,aAAA,CAACnB,GAAG;IAACM,eAAe,EAAEA,eAAgB;IAACc,KAAK,EAAEC,MAAM,CAACC;EAAO,gBAC1DxB,KAAA,CAAAqB,aAAA,CAACjB,IAAI;IAACqB,KAAK;IAACP,KAAK,EAAEA,KAAK,CAACQ,OAAO,CAACC,OAAQ;IAACC,oBAAoB;IAACC,eAAe;IAACC,YAAY,EAAErB,OAAO,CAACA;EAAQ,gBAC3GT,KAAA,CAAAqB,aAAA,CAAClB,SAAS;IACRsB,KAAK;IACLG,oBAAoB;IACpBC,eAAe;IACfC,YAAY,EAAErB,OAAO,CAACA,OAAQ;IAC9BS,KAAK,EAAEA,KAAK,CAACQ,OAAO,CAACC,OAAQ;IAC7BI,QAAQ,EAAE,CACR,GAAGjB,iBAAiB,EACpB;MACEkB,KAAK,EAAE/B,cAAc;MACrBgC,QAAQA,CAAC;QAAEC,KAAK;QAAEC,WAAW;QAAEC,SAAS;QAAEC;MAAM,CAAC,EAAE;QACjD,oBACErC,KAAA,CAAAqB,aAAA,CAACjB,IAAI,EAAAkC,QAAA,KACCH,WAAW;UACfI,GAAG,EAAE,GAAGH,SAAS,IAAIC,KAAK,EAAG;UAC7BG,OAAO,EAAEA,CAAA,KAAM9B,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAGwB,KAAK,CAAE;UACnCvB,WAAW,EAAEA,WAAY;UACzBW,KAAK,EAAE,CAACa,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEb,KAAK,EAAEC,MAAM,CAACkB,OAAO;QAAE,IAE3CP,KACG,CAAC;MAEX;IACF,CAAC;EACD,GAEDnB,uBAAuB,CAACN,OAAO,CACvB,CAAC,EACXiC,OAAO,CAACjC,OAAO,CAACkC,SAAS,CAAC,iBACzB3C,KAAA,CAAAqB,aAAA,CAACjB,IAAI;IAACqB,KAAK;IAACP,KAAK,EAAEA,KAAK,CAACQ,OAAO,CAACkB,UAAW;IAACf,eAAe;IAACC,YAAY,EAAE,CAAAlB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEiC,MAAM,KAAI;EAAY,GACvG,CAAAjC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEiC,MAAM,KAAI,WAChB,CAEJ,CACH,CAAC;AAEV,CAAC;AAED,MAAMtB,MAAM,GAAGlB,gBAAgB,CAAC;EAC9BmB,MAAM,EAAE;IACNsB,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE;EACnB,CAAC;EACDN,OAAO,EAAE;IACPO,kBAAkB,EAAE;EACtB;AACF,CAAC,CAAC;AACF,eAAezC,qBAAqB","ignoreList":[]}

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

@@ -13,18 +13,17 @@ const MessageContainer = props => {
     return /*#__PURE__*/React.createElement(MessageContainer.Outgoing, props);
   }
 };
-MessageContainer.Incoming = function MessageContainerIncoming(_ref) {
+MessageContainer.Incoming = function MessageContainerIncoming({
+  children,
+  replyInfo,
+  groupedWithNext,
+  groupedWithPrev,
+  message,
+  onPressAvatar,
+  strings,
+  parentMessage
+}) {
   var _message$sender;
-  let {
-    children,
-    replyInfo,
-    groupedWithNext,
-    groupedWithPrev,
-    message,
-    onPressAvatar,
-    strings,
-    parentMessage
-  } = _ref;
   const {
     colors
   } = useUIKitTheme();
@@ -39,16 +38,17 @@ MessageContainer.Incoming = function MessageContainerIncoming(_ref) {
     alignItems: 'flex-end'
   }, /*#__PURE__*/React.createElement(Box, {
     width: 26,
-    marginRight: 12
+    marginEnd: 12
   }, (message.isFileMessage() || message.isUserMessage()) && !groupedWithNext && /*#__PURE__*/React.createElement(Pressable, {
     onPress: onPressAvatar
   }, /*#__PURE__*/React.createElement(Avatar, {
     size: 26,
     uri: (_message$sender = message.sender) === null || _message$sender === void 0 ? void 0 : _message$sender.profileUrl
   }))), /*#__PURE__*/React.createElement(Box, {
-    flexShrink: 1
+    flexShrink: 1,
+    alignItems: 'flex-start'
   }, parentMessage, !groupedWithPrev && !parentMessage && /*#__PURE__*/React.createElement(Box, {
-    marginLeft: 12,
+    marginStart: 12,
     marginBottom: 4
   }, (message.isFileMessage() || message.isUserMessage()) && /*#__PURE__*/React.createElement(Text, {
     caption1: true,
@@ -60,7 +60,7 @@ MessageContainer.Incoming = function MessageContainerIncoming(_ref) {
   }, /*#__PURE__*/React.createElement(Box, {
     style: styles.bubble
   }, children), !groupedWithNext && /*#__PURE__*/React.createElement(Box, {
-    marginLeft: 4
+    marginStart: 4
   }, /*#__PURE__*/React.createElement(Text, {
     caption4: true,
     color: color.enabled.textTime
@@ -69,20 +69,19 @@ MessageContainer.Incoming = function MessageContainerIncoming(_ref) {
     marginTop: 4
   }, /*#__PURE__*/React.createElement(Box, {
     width: 26,
-    marginRight: 12,
+    marginEnd: 12,
     justifyContent: 'flex-start'
   }), replyInfo));
 };
-MessageContainer.Outgoing = function MessageContainerOutgoing(_ref2) {
-  let {
-    children,
-    replyInfo,
-    message,
-    groupedWithNext,
-    strings,
-    sendingStatus,
-    parentMessage
-  } = _ref2;
+MessageContainer.Outgoing = function MessageContainerOutgoing({
+  children,
+  replyInfo,
+  message,
+  groupedWithNext,
+  strings,
+  sendingStatus,
+  parentMessage
+}) {
   const {
     colors
   } = useUIKitTheme();
@@ -96,9 +95,9 @@ MessageContainer.Outgoing = function MessageContainerOutgoing(_ref2) {
     alignItems: 'flex-end',
     justifyContent: 'center'
   }, sendingStatus && /*#__PURE__*/React.createElement(Box, {
-    marginRight: 4
+    marginEnd: 4
   }, sendingStatus), !groupedWithNext && /*#__PURE__*/React.createElement(Box, {
-    marginRight: 4
+    marginEnd: 4
   }, /*#__PURE__*/React.createElement(Text, {
     caption4: true,
     color: color.enabled.textTime

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

@@ -1 +1 @@
-{"version":3,"names":["React","Pressable","getMessageTimeFormat","Box","Text","createStyleSheet","useUIKitTheme","Avatar","MessageContainer","props","variant","createElement","Incoming","Outgoing","MessageContainerIncoming","_ref","_message$sender","children","replyInfo","groupedWithNext","groupedWithPrev","message","onPressAvatar","strings","parentMessage","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","marginTop","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  replyInfo,\n  groupedWithNext,\n  groupedWithPrev,\n  message,\n  onPressAvatar,\n  strings,\n  parentMessage,\n}: Props) {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage.incoming;\n\n  return (\n    <Box flexDirection={'column'} justifyContent={'flex-start'} alignItems={'flex-start'}>\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          {parentMessage}\n          {!groupedWithPrev && !parentMessage && (\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          <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      <Box flexDirection={'row'} marginTop={4}>\n        <Box width={26} marginRight={12} justifyContent={'flex-start'} />\n        {replyInfo}\n      </Box>\n    </Box>\n  );\n};\n\nMessageContainer.Outgoing = function MessageContainerOutgoing({\n  children,\n  replyInfo,\n  message,\n  groupedWithNext,\n  strings,\n  sendingStatus,\n  parentMessage,\n}: Props) {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage.outgoing;\n\n  return (\n    <Box>\n      {parentMessage}\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          {!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      <Box flexDirection={'row'} justifyContent={'flex-end'} marginTop={4}>\n        {replyInfo}\n      </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":"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"}
+{"version":3,"names":["React","Pressable","getMessageTimeFormat","Box","Text","createStyleSheet","useUIKitTheme","Avatar","MessageContainer","props","variant","createElement","Incoming","Outgoing","MessageContainerIncoming","children","replyInfo","groupedWithNext","groupedWithPrev","message","onPressAvatar","strings","parentMessage","_message$sender","colors","color","ui","groupChannelMessage","incoming","flexDirection","justifyContent","alignItems","width","marginEnd","isFileMessage","isUserMessage","onPress","size","uri","sender","profileUrl","flexShrink","marginStart","marginBottom","caption1","enabled","textSenderName","numberOfLines","senderName","nickname","style","styles","bubble","caption4","textTime","sentDate","Date","createdAt","marginTop","MessageContainerOutgoing","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  replyInfo,\n  groupedWithNext,\n  groupedWithPrev,\n  message,\n  onPressAvatar,\n  strings,\n  parentMessage,\n}: Props) {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage.incoming;\n\n  return (\n    <Box flexDirection={'column'} justifyContent={'flex-start'} alignItems={'flex-start'}>\n      <Box flexDirection={'row'} justifyContent={'flex-start'} alignItems={'flex-end'}>\n        <Box width={26} marginEnd={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} alignItems={'flex-start'}>\n          {parentMessage}\n          {!groupedWithPrev && !parentMessage && (\n            <Box marginStart={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          <Box flexDirection={'row'} alignItems={'flex-end'}>\n            <Box style={styles.bubble}>{children}</Box>\n            {!groupedWithNext && (\n              <Box marginStart={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      <Box flexDirection={'row'} marginTop={4}>\n        <Box width={26} marginEnd={12} justifyContent={'flex-start'} />\n        {replyInfo}\n      </Box>\n    </Box>\n  );\n};\n\nMessageContainer.Outgoing = function MessageContainerOutgoing({\n  children,\n  replyInfo,\n  message,\n  groupedWithNext,\n  strings,\n  sendingStatus,\n  parentMessage,\n}: Props) {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelMessage.outgoing;\n\n  return (\n    <Box>\n      {parentMessage}\n      <Box flexDirection={'row'} justifyContent={'flex-end'} alignItems={'flex-end'}>\n        <Box flexDirection={'row'} alignItems={'flex-end'} justifyContent={'center'}>\n          {sendingStatus && <Box marginEnd={4}>{sendingStatus}</Box>}\n          {!groupedWithNext && (\n            <Box marginEnd={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      <Box flexDirection={'row'} justifyContent={'flex-end'} marginTop={4}>\n        {replyInfo}\n      </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,KAAQ,CAAC;EACjD,CAAC,MAAM;IACL,oBAAOT,KAAA,CAAAW,aAAA,CAACH,gBAAgB,CAACK,QAAQ,EAAKJ,KAAQ,CAAC;EACjD;AACF,CAAC;AAEDD,gBAAgB,CAACI,QAAQ,GAAG,SAASE,wBAAwBA,CAAC;EAC5DC,QAAQ;EACRC,SAAS;EACTC,eAAe;EACfC,eAAe;EACfC,OAAO;EACPC,aAAa;EACbC,OAAO;EACPC;AACK,CAAC,EAAE;EAAA,IAAAC,eAAA;EACR,MAAM;IAAEC;EAAO,CAAC,GAAGlB,aAAa,CAAC,CAAC;EAClC,MAAMmB,KAAK,GAAGD,MAAM,CAACE,EAAE,CAACC,mBAAmB,CAACC,QAAQ;EAEpD,oBACE5B,KAAA,CAAAW,aAAA,CAACR,GAAG;IAAC0B,aAAa,EAAE,QAAS;IAACC,cAAc,EAAE,YAAa;IAACC,UAAU,EAAE;EAAa,gBACnF/B,KAAA,CAAAW,aAAA,CAACR,GAAG;IAAC0B,aAAa,EAAE,KAAM;IAACC,cAAc,EAAE,YAAa;IAACC,UAAU,EAAE;EAAW,gBAC9E/B,KAAA,CAAAW,aAAA,CAACR,GAAG;IAAC6B,KAAK,EAAE,EAAG;IAACC,SAAS,EAAE;EAAG,GAC3B,CAACd,OAAO,CAACe,aAAa,CAAC,CAAC,IAAIf,OAAO,CAACgB,aAAa,CAAC,CAAC,KAAK,CAAClB,eAAe,iBACvEjB,KAAA,CAAAW,aAAA,CAACV,SAAS;IAACmC,OAAO,EAAEhB;EAAc,gBAChCpB,KAAA,CAAAW,aAAA,CAACJ,MAAM;IAAC8B,IAAI,EAAE,EAAG;IAACC,GAAG,GAAAf,eAAA,GAAEJ,OAAO,CAACoB,MAAM,cAAAhB,eAAA,uBAAdA,eAAA,CAAgBiB;EAAW,CAAE,CAC3C,CAEV,CAAC,eACNxC,KAAA,CAAAW,aAAA,CAACR,GAAG;IAACsC,UAAU,EAAE,CAAE;IAACV,UAAU,EAAE;EAAa,GAC1CT,aAAa,EACb,CAACJ,eAAe,IAAI,CAACI,aAAa,iBACjCtB,KAAA,CAAAW,aAAA,CAACR,GAAG;IAACuC,WAAW,EAAE,EAAG;IAACC,YAAY,EAAE;EAAE,GACnC,CAACxB,OAAO,CAACe,aAAa,CAAC,CAAC,IAAIf,OAAO,CAACgB,aAAa,CAAC,CAAC,kBAClDnC,KAAA,CAAAW,aAAA,CAACP,IAAI;IAACwC,QAAQ;IAACnB,KAAK,EAAEA,KAAK,CAACoB,OAAO,CAACC,cAAe;IAACC,aAAa,EAAE;EAAE,GAClE,CAAA1B,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAE2B,UAAU,KAAI7B,OAAO,CAACoB,MAAM,CAACU,QACnC,CAEL,CACN,eACDjD,KAAA,CAAAW,aAAA,CAACR,GAAG;IAAC0B,aAAa,EAAE,KAAM;IAACE,UAAU,EAAE;EAAW,gBAChD/B,KAAA,CAAAW,aAAA,CAACR,GAAG;IAAC+C,KAAK,EAAEC,MAAM,CAACC;EAAO,GAAErC,QAAc,CAAC,EAC1C,CAACE,eAAe,iBACfjB,KAAA,CAAAW,aAAA,CAACR,GAAG;IAACuC,WAAW,EAAE;EAAE,gBAClB1C,KAAA,CAAAW,aAAA,CAACP,IAAI;IAACiD,QAAQ;IAAC5B,KAAK,EAAEA,KAAK,CAACoB,OAAO,CAACS;EAAS,GAC1C,CAAAjC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEkC,QAAQ,KAAIrD,oBAAoB,CAAC,IAAIsD,IAAI,CAACrC,OAAO,CAACsC,SAAS,CAAC,CAClE,CACH,CAEJ,CACF,CACF,CAAC,eACNzD,KAAA,CAAAW,aAAA,CAACR,GAAG;IAAC0B,aAAa,EAAE,KAAM;IAAC6B,SAAS,EAAE;EAAE,gBACtC1D,KAAA,CAAAW,aAAA,CAACR,GAAG;IAAC6B,KAAK,EAAE,EAAG;IAACC,SAAS,EAAE,EAAG;IAACH,cAAc,EAAE;EAAa,CAAE,CAAC,EAC9Dd,SACE,CACF,CAAC;AAEV,CAAC;AAEDR,gBAAgB,CAACK,QAAQ,GAAG,SAAS8C,wBAAwBA,CAAC;EAC5D5C,QAAQ;EACRC,SAAS;EACTG,OAAO;EACPF,eAAe;EACfI,OAAO;EACPuC,aAAa;EACbtC;AACK,CAAC,EAAE;EACR,MAAM;IAAEE;EAAO,CAAC,GAAGlB,aAAa,CAAC,CAAC;EAClC,MAAMmB,KAAK,GAAGD,MAAM,CAACE,EAAE,CAACC,mBAAmB,CAACkC,QAAQ;EAEpD,oBACE7D,KAAA,CAAAW,aAAA,CAACR,GAAG,QACDmB,aAAa,eACdtB,KAAA,CAAAW,aAAA,CAACR,GAAG;IAAC0B,aAAa,EAAE,KAAM;IAACC,cAAc,EAAE,UAAW;IAACC,UAAU,EAAE;EAAW,gBAC5E/B,KAAA,CAAAW,aAAA,CAACR,GAAG;IAAC0B,aAAa,EAAE,KAAM;IAACE,UAAU,EAAE,UAAW;IAACD,cAAc,EAAE;EAAS,GACzE8B,aAAa,iBAAI5D,KAAA,CAAAW,aAAA,CAACR,GAAG;IAAC8B,SAAS,EAAE;EAAE,GAAE2B,aAAmB,CAAC,EACzD,CAAC3C,eAAe,iBACfjB,KAAA,CAAAW,aAAA,CAACR,GAAG;IAAC8B,SAAS,EAAE;EAAE,gBAChBjC,KAAA,CAAAW,aAAA,CAACP,IAAI;IAACiD,QAAQ;IAAC5B,KAAK,EAAEA,KAAK,CAACoB,OAAO,CAACS;EAAS,GAC1C,CAAAjC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEkC,QAAQ,KAAIrD,oBAAoB,CAAC,IAAIsD,IAAI,CAACrC,OAAO,CAACsC,SAAS,CAAC,CAClE,CACH,CAEJ,CAAC,eACNzD,KAAA,CAAAW,aAAA,CAACR,GAAG;IAAC+C,KAAK,EAAEC,MAAM,CAACC;EAAO,GAAErC,QAAc,CACvC,CAAC,eACNf,KAAA,CAAAW,aAAA,CAACR,GAAG;IAAC0B,aAAa,EAAE,KAAM;IAACC,cAAc,EAAE,UAAW;IAAC4B,SAAS,EAAE;EAAE,GACjE1C,SACE,CACF,CAAC;AAEV,CAAC;AAED,MAAMmC,MAAM,GAAG9C,gBAAgB,CAAC;EAC9B+C,MAAM,EAAE;IACNU,QAAQ,EAAE,GAAG;IACbC,QAAQ,EAAE,QAAQ;IAClBtB,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAejC,gBAAgB","ignoreList":[]}