@sendbird/uikit-react-native 3.7.6 → 3.8.0

package/lib/commonjs/components/ThreadChatFlatList/index.js

@@ -9,26 +9,25 @@ var _reactNative = require("react-native");
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
 var _uikitUtils = require("@sendbird/uikit-utils");
 var _FlatListInternal = _interopRequireDefault(require("../ChatFlatList/FlatListInternal"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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); }
 const BOTTOM_DETECT_THRESHOLD = 50;
 const UNREACHABLE_THRESHOLD = Number.MIN_SAFE_INTEGER;
-const ThreadChatFlatList = /*#__PURE__*/(0, _react.forwardRef)(function ThreadChatFlatList(_ref, ref) {
-  let {
-    onTopReached,
-    onBottomReached,
-    onScrolledAwayFromBottom,
-    onScroll,
-    ...props
-  } = _ref;
+const ThreadChatFlatList = /*#__PURE__*/(0, _react.forwardRef)(function ThreadChatFlatList({
+  onTopReached,
+  onBottomReached,
+  onScrolledAwayFromBottom,
+  onScroll,
+  ...props
+}, ref) {
   const {
     select
   } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
   const contentOffsetY = (0, _react.useRef)(0);
   const _onScroll = (0, _uikitUtils.useFreshCallback)(event => {
-    onScroll === null || onScroll === void 0 ? void 0 : onScroll(event);
+    onScroll === null || onScroll === void 0 || onScroll(event);
     const {
       contentOffset,
       contentSize,
@@ -71,6 +70,5 @@ const ThreadChatFlatList = /*#__PURE__*/(0, _react.forwardRef)(function ThreadCh
     }
   }));
 });
-var _default = ThreadChatFlatList;
-exports.default = _default;
+var _default = exports.default = ThreadChatFlatList;
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/ThreadChatFlatList/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","_FlatListInternal","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","BOTTOM_DETECT_THRESHOLD","UNREACHABLE_THRESHOLD","Number","MIN_SAFE_INTEGER","ThreadChatFlatList","forwardRef","_ref","ref","onTopReached","onBottomReached","onScrolledAwayFromBottom","onScroll","props","select","useUIKitTheme","contentOffsetY","useRef","_onScroll","useFreshCallback","event","contentOffset","contentSize","layoutMeasurement","nativeEvent","prevOffsetY","current","currOffsetY","y","bottomDetectThreshold","height","createElement","bounces","removeClippedSubviews","keyboardDismissMode","keyboardShouldPersistTaps","indicatorStyle","light","dark","onEndReached","onScrollToIndexFailed","NOOP","onStartReached","scrollEventThrottle","keyExtractor","getMessageUniqId","style","flex","StyleSheet","flatten","maintainVisibleContentPosition","minIndexForVisible","autoscrollToTopThreshold","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { FlatListProps, FlatList as RNFlatList, StyleSheet } from 'react-native';\n\nimport { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, SendbirdMessage, getMessageUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport FlatListInternal from '../ChatFlatList/FlatListInternal';\n\nconst BOTTOM_DETECT_THRESHOLD = 50;\nconst UNREACHABLE_THRESHOLD = Number.MIN_SAFE_INTEGER;\n\ntype Props = Omit<FlatListProps<SendbirdMessage>, 'onEndReached'> & {\n  onBottomReached: () => void;\n  onTopReached: () => void;\n  onScrolledAwayFromBottom: (value: boolean) => void;\n};\nconst ThreadChatFlatList = forwardRef<RNFlatList, Props>(function ThreadChatFlatList(\n  { onTopReached, onBottomReached, onScrolledAwayFromBottom, onScroll, ...props },\n  ref,\n) {\n  const { select } = useUIKitTheme();\n  const contentOffsetY = useRef(0);\n\n  const _onScroll = useFreshCallback<NonNullable<Props['onScroll']>>((event) => {\n    onScroll?.(event);\n\n    const { contentOffset, contentSize, layoutMeasurement } = event.nativeEvent;\n\n    const prevOffsetY = contentOffsetY.current;\n    const currOffsetY = contentOffset.y;\n\n    const bottomDetectThreshold = contentSize.height - layoutMeasurement.height - BOTTOM_DETECT_THRESHOLD;\n    if (bottomDetectThreshold < prevOffsetY && currOffsetY <= bottomDetectThreshold) {\n      onScrolledAwayFromBottom(true);\n    } else if (bottomDetectThreshold < currOffsetY && prevOffsetY <= bottomDetectThreshold) {\n      onScrolledAwayFromBottom(false);\n    }\n\n    contentOffsetY.current = contentOffset.y;\n  });\n\n  return (\n    <FlatListInternal\n      bounces={false}\n      removeClippedSubviews\n      keyboardDismissMode={'on-drag'}\n      keyboardShouldPersistTaps={'handled'}\n      indicatorStyle={select({ light: 'black', dark: 'white' })}\n      {...props}\n      ref={ref}\n      onEndReached={onBottomReached}\n      onScrollToIndexFailed={NOOP}\n      onStartReached={onTopReached}\n      scrollEventThrottle={16}\n      onScroll={_onScroll}\n      keyExtractor={getMessageUniqId}\n      style={{ flex: 1, ...StyleSheet.flatten(props.style) }}\n      maintainVisibleContentPosition={{ minIndexForVisible: 0, autoscrollToTopThreshold: UNREACHABLE_THRESHOLD }}\n    />\n  );\n});\n\nexport default ThreadChatFlatList;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","_FlatListInternal","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","BOTTOM_DETECT_THRESHOLD","UNREACHABLE_THRESHOLD","Number","MIN_SAFE_INTEGER","ThreadChatFlatList","forwardRef","onTopReached","onBottomReached","onScrolledAwayFromBottom","onScroll","props","ref","select","useUIKitTheme","contentOffsetY","useRef","_onScroll","useFreshCallback","event","contentOffset","contentSize","layoutMeasurement","nativeEvent","prevOffsetY","current","currOffsetY","y","bottomDetectThreshold","height","createElement","bounces","removeClippedSubviews","keyboardDismissMode","keyboardShouldPersistTaps","indicatorStyle","light","dark","onEndReached","onScrollToIndexFailed","NOOP","onStartReached","scrollEventThrottle","keyExtractor","getMessageUniqId","style","flex","StyleSheet","flatten","maintainVisibleContentPosition","minIndexForVisible","autoscrollToTopThreshold","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { FlatListProps, FlatList as RNFlatList, StyleSheet } from 'react-native';\n\nimport { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, SendbirdMessage, getMessageUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport FlatListInternal from '../ChatFlatList/FlatListInternal';\n\nconst BOTTOM_DETECT_THRESHOLD = 50;\nconst UNREACHABLE_THRESHOLD = Number.MIN_SAFE_INTEGER;\n\ntype Props = Omit<FlatListProps<SendbirdMessage>, 'onEndReached'> & {\n  onBottomReached: () => void;\n  onTopReached: () => void;\n  onScrolledAwayFromBottom: (value: boolean) => void;\n};\nconst ThreadChatFlatList = forwardRef<RNFlatList, Props>(function ThreadChatFlatList(\n  { onTopReached, onBottomReached, onScrolledAwayFromBottom, onScroll, ...props },\n  ref,\n) {\n  const { select } = useUIKitTheme();\n  const contentOffsetY = useRef(0);\n\n  const _onScroll = useFreshCallback<NonNullable<Props['onScroll']>>((event) => {\n    onScroll?.(event);\n\n    const { contentOffset, contentSize, layoutMeasurement } = event.nativeEvent;\n\n    const prevOffsetY = contentOffsetY.current;\n    const currOffsetY = contentOffset.y;\n\n    const bottomDetectThreshold = contentSize.height - layoutMeasurement.height - BOTTOM_DETECT_THRESHOLD;\n    if (bottomDetectThreshold < prevOffsetY && currOffsetY <= bottomDetectThreshold) {\n      onScrolledAwayFromBottom(true);\n    } else if (bottomDetectThreshold < currOffsetY && prevOffsetY <= bottomDetectThreshold) {\n      onScrolledAwayFromBottom(false);\n    }\n\n    contentOffsetY.current = contentOffset.y;\n  });\n\n  return (\n    <FlatListInternal\n      bounces={false}\n      removeClippedSubviews\n      keyboardDismissMode={'on-drag'}\n      keyboardShouldPersistTaps={'handled'}\n      indicatorStyle={select({ light: 'black', dark: 'white' })}\n      {...props}\n      ref={ref}\n      onEndReached={onBottomReached}\n      onScrollToIndexFailed={NOOP}\n      onStartReached={onTopReached}\n      scrollEventThrottle={16}\n      onScroll={_onScroll}\n      keyExtractor={getMessageUniqId}\n      style={{ flex: 1, ...StyleSheet.flatten(props.style) }}\n      maintainVisibleContentPosition={{ minIndexForVisible: 0, autoscrollToTopThreshold: UNREACHABLE_THRESHOLD }}\n    />\n  );\n});\n\nexport default ThreadChatFlatList;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ThreadParentMessageRenderer/ThreadParentMessage.file.image.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
 var _uikitUtils = require("@sendbird/uikit-utils");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ThreadParentMessageFileImage = props => {
   const fileMessage = props.parentMessage;
   if (!fileMessage) return null;
@@ -36,6 +36,5 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     overflow: 'hidden'
   }
 });
-var _default = ThreadParentMessageFileImage;
-exports.default = _default;
+var _default = exports.default = ThreadParentMessageFileImage;
 //# sourceMappingURL=ThreadParentMessage.file.image.js.map

package/lib/commonjs/components/ThreadParentMessageRenderer/ThreadParentMessage.file.image.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikitReactNativeFoundation","_uikitUtils","obj","__esModule","default","ThreadParentMessageFileImage","props","fileMessage","parentMessage","createElement","Box","style","styles","container","PressBox","onPress","onLongPress","ImageWithPlaceholder","source","uri","getThumbnailUriFromFileMessage","image","createStyleSheet","borderRadius","overflow","maxWidth","width","height","_default","exports"],"sources":["ThreadParentMessage.file.image.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box, PressBox, createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport { ImageWithPlaceholder } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdFileMessage, getThumbnailUriFromFileMessage } from '@sendbird/uikit-utils';\n\nimport { ThreadParentMessageRendererProps } from './index';\n\nconst ThreadParentMessageFileImage = (props: ThreadParentMessageRendererProps) => {\n  const fileMessage: SendbirdFileMessage = props.parentMessage as SendbirdFileMessage;\n  if (!fileMessage) return null;\n\n  return (\n    <Box style={styles.container}>\n      <PressBox onPress={props.onPress} onLongPress={props.onLongPress}>\n        <ImageWithPlaceholder source={{ uri: getThumbnailUriFromFileMessage(fileMessage) }} style={styles.image} />\n      </PressBox>\n    </Box>\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 ThreadParentMessageFileImage;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,2BAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAA4F,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAI5F,MAAMG,4BAA4B,GAAIC,KAAuC,IAAK;EAChF,MAAMC,WAAgC,GAAGD,KAAK,CAACE,aAAoC;EACnF,IAAI,CAACD,WAAW,EAAE,OAAO,IAAI;EAE7B,oBACEV,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,2BAAA,CAAAU,GAAG;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC3BhB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,2BAAA,CAAAc,QAAQ;IAACC,OAAO,EAAET,KAAK,CAACS,OAAQ;IAACC,WAAW,EAAEV,KAAK,CAACU;EAAY,gBAC/DnB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,2BAAA,CAAAiB,oBAAoB;IAACC,MAAM,EAAE;MAAEC,GAAG,EAAE,IAAAC,0CAA8B,EAACb,WAAW;IAAE,CAAE;IAACI,KAAK,EAAEC,MAAM,CAACS;EAAM,EAAG,CAClG,CACP;AAEV,CAAC;AAED,MAAMT,MAAM,GAAG,IAAAU,4CAAgB,EAAC;EAC9BT,SAAS,EAAE;IACTU,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE;EACZ,CAAC;EACDH,KAAK,EAAE;IACLI,QAAQ,EAAE,GAAG;IACbC,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,GAAG;IACXJ,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAAC,IAAAI,QAAA,GAEYvB,4BAA4B;AAAAwB,OAAA,CAAAzB,OAAA,GAAAwB,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitReactNativeFoundation","_uikitUtils","e","__esModule","default","ThreadParentMessageFileImage","props","fileMessage","parentMessage","createElement","Box","style","styles","container","PressBox","onPress","onLongPress","ImageWithPlaceholder","source","uri","getThumbnailUriFromFileMessage","image","createStyleSheet","borderRadius","overflow","maxWidth","width","height","_default","exports"],"sources":["ThreadParentMessage.file.image.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box, PressBox, createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport { ImageWithPlaceholder } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdFileMessage, getThumbnailUriFromFileMessage } from '@sendbird/uikit-utils';\n\nimport { ThreadParentMessageRendererProps } from './index';\n\nconst ThreadParentMessageFileImage = (props: ThreadParentMessageRendererProps) => {\n  const fileMessage: SendbirdFileMessage = props.parentMessage as SendbirdFileMessage;\n  if (!fileMessage) return null;\n\n  return (\n    <Box style={styles.container}>\n      <PressBox onPress={props.onPress} onLongPress={props.onLongPress}>\n        <ImageWithPlaceholder source={{ uri: getThumbnailUriFromFileMessage(fileMessage) }} style={styles.image} />\n      </PressBox>\n    </Box>\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 ThreadParentMessageFileImage;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,2BAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAA4F,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAI5F,MAAMG,4BAA4B,GAAIC,KAAuC,IAAK;EAChF,MAAMC,WAAgC,GAAGD,KAAK,CAACE,aAAoC;EACnF,IAAI,CAACD,WAAW,EAAE,OAAO,IAAI;EAE7B,oBACEV,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,2BAAA,CAAAU,GAAG;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC3BhB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,2BAAA,CAAAc,QAAQ;IAACC,OAAO,EAAET,KAAK,CAACS,OAAQ;IAACC,WAAW,EAAEV,KAAK,CAACU;EAAY,gBAC/DnB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,2BAAA,CAAAiB,oBAAoB;IAACC,MAAM,EAAE;MAAEC,GAAG,EAAE,IAAAC,0CAA8B,EAACb,WAAW;IAAE,CAAE;IAACI,KAAK,EAAEC,MAAM,CAACS;EAAM,CAAE,CAClG,CACP,CAAC;AAEV,CAAC;AAED,MAAMT,MAAM,GAAG,IAAAU,4CAAgB,EAAC;EAC9BT,SAAS,EAAE;IACTU,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE;EACZ,CAAC;EACDH,KAAK,EAAE;IACLI,QAAQ,EAAE,GAAG;IACbC,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,GAAG;IACXJ,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAzB,OAAA,GAEYC,4BAA4B","ignoreList":[]}

package/lib/commonjs/components/ThreadParentMessageRenderer/ThreadParentMessage.file.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
 var _uikitUtils = require("@sendbird/uikit-utils");
 var _useContext = require("./../../hooks/useContext");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ThreadParentMessageFile = props => {
   const fileMessage = props.parentMessage;
   if (!fileMessage) return null;
@@ -66,9 +66,8 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   },
   name: {
     flexShrink: 1,
-    marginLeft: 8
+    marginStart: 8
   }
 });
-var _default = ThreadParentMessageFile;
-exports.default = _default;
+var _default = exports.default = ThreadParentMessageFile;
 //# sourceMappingURL=ThreadParentMessage.file.js.map

package/lib/commonjs/components/ThreadParentMessageRenderer/ThreadParentMessage.file.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikitReactNativeFoundation","_uikitUtils","_useContext","obj","__esModule","default","ThreadParentMessageFile","props","fileMessage","parentMessage","STRINGS","useLocalization","select","colors","palette","useUIKitTheme","fileType","getFileType","type","getFileExtension","name","fileName","GROUP_CHANNEL","MESSAGE_BUBBLE_FILE_TITLE","createElement","Box","style","styles","fileBubbleContainer","backgroundColor","light","background100","dark","background400","PressBox","onPress","onLongPress","iconBackground","Icon","File","size","containerStyle","background50","borderRadius","Text","body3","numberOfLines","color","onBackground01","truncate","mode","maxLen","createStyleSheet","alignSelf","overflow","flexDirection","alignItems","paddingHorizontal","paddingVertical","flexShrink","marginLeft","_default","exports"],"sources":["ThreadParentMessage.file.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box, Icon, PressBox, Text, createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdFileMessage, getFileExtension, getFileType, truncate } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from './../../hooks/useContext';\nimport { ThreadParentMessageRendererProps } from './index';\n\nconst ThreadParentMessageFile = (props: ThreadParentMessageRendererProps) => {\n  const fileMessage: SendbirdFileMessage = props.parentMessage as SendbirdFileMessage;\n  if (!fileMessage) return null;\n\n  const { STRINGS } = useLocalization();\n  const { select, colors, palette } = useUIKitTheme();\n\n  const fileType = getFileType(fileMessage.type || getFileExtension(fileMessage.name));\n  const fileName = STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_FILE_TITLE(fileMessage) ?? fileMessage.name;\n\n  return (\n    <Box\n      style={styles.fileBubbleContainer}\n      backgroundColor={select({ light: palette.background100, dark: palette.background400 })}\n    >\n      <PressBox onPress={props.onPress} onLongPress={props.onLongPress}>\n        <Box style={styles.iconBackground}>\n          <Icon.File\n            fileType={fileType}\n            size={24}\n            containerStyle={{ backgroundColor: palette.background50, borderRadius: 8 }}\n          />\n          <Text body3 numberOfLines={1} color={colors.onBackground01} style={styles.name}>\n            {truncate(fileName, { mode: 'mid', maxLen: 30 })}\n          </Text>\n        </Box>\n      </PressBox>\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  fileBubbleContainer: {\n    alignSelf: 'flex-start',\n    overflow: 'hidden',\n    flexDirection: 'row',\n    alignItems: 'center',\n    borderRadius: 16,\n    paddingHorizontal: 12,\n    paddingVertical: 8,\n  },\n  iconBackground: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  name: {\n    flexShrink: 1,\n    marginLeft: 8,\n  },\n});\n\nexport default ThreadParentMessageFile;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,2BAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AAA2D,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAG3D,MAAMG,uBAAuB,GAAIC,KAAuC,IAAK;EAC3E,MAAMC,WAAgC,GAAGD,KAAK,CAACE,aAAoC;EACnF,IAAI,CAACD,WAAW,EAAE,OAAO,IAAI;EAE7B,MAAM;IAAEE;EAAQ,CAAC,GAAG,IAAAC,2BAAe,GAAE;EACrC,MAAM;IAAEC,MAAM;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,yCAAa,GAAE;EAEnD,MAAMC,QAAQ,GAAG,IAAAC,uBAAW,EAACT,WAAW,CAACU,IAAI,IAAI,IAAAC,4BAAgB,EAACX,WAAW,CAACY,IAAI,CAAC,CAAC;EACpF,MAAMC,QAAQ,GAAGX,OAAO,CAACY,aAAa,CAACC,yBAAyB,CAACf,WAAW,CAAC,IAAIA,WAAW,CAACY,IAAI;EAEjG,oBACEvB,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACxB,2BAAA,CAAAyB,GAAG;IACFC,KAAK,EAAEC,MAAM,CAACC,mBAAoB;IAClCC,eAAe,EAAEjB,MAAM,CAAC;MAAEkB,KAAK,EAAEhB,OAAO,CAACiB,aAAa;MAAEC,IAAI,EAAElB,OAAO,CAACmB;IAAc,CAAC;EAAE,gBAEvFpC,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACxB,2BAAA,CAAAkC,QAAQ;IAACC,OAAO,EAAE5B,KAAK,CAAC4B,OAAQ;IAACC,WAAW,EAAE7B,KAAK,CAAC6B;EAAY,gBAC/DvC,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACxB,2BAAA,CAAAyB,GAAG;IAACC,KAAK,EAAEC,MAAM,CAACU;EAAe,gBAChCxC,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACxB,2BAAA,CAAAsC,IAAI,CAACC,IAAI;IACRvB,QAAQ,EAAEA,QAAS;IACnBwB,IAAI,EAAE,EAAG;IACTC,cAAc,EAAE;MAAEZ,eAAe,EAAEf,OAAO,CAAC4B,YAAY;MAAEC,YAAY,EAAE;IAAE;EAAE,EAC3E,eACF9C,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACxB,2BAAA,CAAA4C,IAAI;IAACC,KAAK;IAACC,aAAa,EAAE,CAAE;IAACC,KAAK,EAAElC,MAAM,CAACmC,cAAe;IAACtB,KAAK,EAAEC,MAAM,CAACP;EAAK,GAC5E,IAAA6B,oBAAQ,EAAC5B,QAAQ,EAAE;IAAE6B,IAAI,EAAE,KAAK;IAAEC,MAAM,EAAE;EAAG,CAAC,CAAC,CAC3C,CACH,CACG,CACP;AAEV,CAAC;AAED,MAAMxB,MAAM,GAAG,IAAAyB,4CAAgB,EAAC;EAC9BxB,mBAAmB,EAAE;IACnByB,SAAS,EAAE,YAAY;IACvBC,QAAQ,EAAE,QAAQ;IAClBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBb,YAAY,EAAE,EAAE;IAChBc,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE;EACnB,CAAC;EACDrB,cAAc,EAAE;IACdkB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDpC,IAAI,EAAE;IACJuC,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYvD,uBAAuB;AAAAwD,OAAA,CAAAzD,OAAA,GAAAwD,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitReactNativeFoundation","_uikitUtils","_useContext","e","__esModule","default","ThreadParentMessageFile","props","fileMessage","parentMessage","STRINGS","useLocalization","select","colors","palette","useUIKitTheme","fileType","getFileType","type","getFileExtension","name","fileName","GROUP_CHANNEL","MESSAGE_BUBBLE_FILE_TITLE","createElement","Box","style","styles","fileBubbleContainer","backgroundColor","light","background100","dark","background400","PressBox","onPress","onLongPress","iconBackground","Icon","File","size","containerStyle","background50","borderRadius","Text","body3","numberOfLines","color","onBackground01","truncate","mode","maxLen","createStyleSheet","alignSelf","overflow","flexDirection","alignItems","paddingHorizontal","paddingVertical","flexShrink","marginStart","_default","exports"],"sources":["ThreadParentMessage.file.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box, Icon, PressBox, Text, createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdFileMessage, getFileExtension, getFileType, truncate } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from './../../hooks/useContext';\nimport { ThreadParentMessageRendererProps } from './index';\n\nconst ThreadParentMessageFile = (props: ThreadParentMessageRendererProps) => {\n  const fileMessage: SendbirdFileMessage = props.parentMessage as SendbirdFileMessage;\n  if (!fileMessage) return null;\n\n  const { STRINGS } = useLocalization();\n  const { select, colors, palette } = useUIKitTheme();\n\n  const fileType = getFileType(fileMessage.type || getFileExtension(fileMessage.name));\n  const fileName = STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_FILE_TITLE(fileMessage) ?? fileMessage.name;\n\n  return (\n    <Box\n      style={styles.fileBubbleContainer}\n      backgroundColor={select({ light: palette.background100, dark: palette.background400 })}\n    >\n      <PressBox onPress={props.onPress} onLongPress={props.onLongPress}>\n        <Box style={styles.iconBackground}>\n          <Icon.File\n            fileType={fileType}\n            size={24}\n            containerStyle={{ backgroundColor: palette.background50, borderRadius: 8 }}\n          />\n          <Text body3 numberOfLines={1} color={colors.onBackground01} style={styles.name}>\n            {truncate(fileName, { mode: 'mid', maxLen: 30 })}\n          </Text>\n        </Box>\n      </PressBox>\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  fileBubbleContainer: {\n    alignSelf: 'flex-start',\n    overflow: 'hidden',\n    flexDirection: 'row',\n    alignItems: 'center',\n    borderRadius: 16,\n    paddingHorizontal: 12,\n    paddingVertical: 8,\n  },\n  iconBackground: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  name: {\n    flexShrink: 1,\n    marginStart: 8,\n  },\n});\n\nexport default ThreadParentMessageFile;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,2BAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AAA2D,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG3D,MAAMG,uBAAuB,GAAIC,KAAuC,IAAK;EAC3E,MAAMC,WAAgC,GAAGD,KAAK,CAACE,aAAoC;EACnF,IAAI,CAACD,WAAW,EAAE,OAAO,IAAI;EAE7B,MAAM;IAAEE;EAAQ,CAAC,GAAG,IAAAC,2BAAe,EAAC,CAAC;EACrC,MAAM;IAAEC,MAAM;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,yCAAa,EAAC,CAAC;EAEnD,MAAMC,QAAQ,GAAG,IAAAC,uBAAW,EAACT,WAAW,CAACU,IAAI,IAAI,IAAAC,4BAAgB,EAACX,WAAW,CAACY,IAAI,CAAC,CAAC;EACpF,MAAMC,QAAQ,GAAGX,OAAO,CAACY,aAAa,CAACC,yBAAyB,CAACf,WAAW,CAAC,IAAIA,WAAW,CAACY,IAAI;EAEjG,oBACEvB,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACxB,2BAAA,CAAAyB,GAAG;IACFC,KAAK,EAAEC,MAAM,CAACC,mBAAoB;IAClCC,eAAe,EAAEjB,MAAM,CAAC;MAAEkB,KAAK,EAAEhB,OAAO,CAACiB,aAAa;MAAEC,IAAI,EAAElB,OAAO,CAACmB;IAAc,CAAC;EAAE,gBAEvFpC,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACxB,2BAAA,CAAAkC,QAAQ;IAACC,OAAO,EAAE5B,KAAK,CAAC4B,OAAQ;IAACC,WAAW,EAAE7B,KAAK,CAAC6B;EAAY,gBAC/DvC,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACxB,2BAAA,CAAAyB,GAAG;IAACC,KAAK,EAAEC,MAAM,CAACU;EAAe,gBAChCxC,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACxB,2BAAA,CAAAsC,IAAI,CAACC,IAAI;IACRvB,QAAQ,EAAEA,QAAS;IACnBwB,IAAI,EAAE,EAAG;IACTC,cAAc,EAAE;MAAEZ,eAAe,EAAEf,OAAO,CAAC4B,YAAY;MAAEC,YAAY,EAAE;IAAE;EAAE,CAC5E,CAAC,eACF9C,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACxB,2BAAA,CAAA4C,IAAI;IAACC,KAAK;IAACC,aAAa,EAAE,CAAE;IAACC,KAAK,EAAElC,MAAM,CAACmC,cAAe;IAACtB,KAAK,EAAEC,MAAM,CAACP;EAAK,GAC5E,IAAA6B,oBAAQ,EAAC5B,QAAQ,EAAE;IAAE6B,IAAI,EAAE,KAAK;IAAEC,MAAM,EAAE;EAAG,CAAC,CAC3C,CACH,CACG,CACP,CAAC;AAEV,CAAC;AAED,MAAMxB,MAAM,GAAG,IAAAyB,4CAAgB,EAAC;EAC9BxB,mBAAmB,EAAE;IACnByB,SAAS,EAAE,YAAY;IACvBC,QAAQ,EAAE,QAAQ;IAClBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBb,YAAY,EAAE,EAAE;IAChBc,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE;EACnB,CAAC;EACDrB,cAAc,EAAE;IACdkB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDpC,IAAI,EAAE;IACJuC,UAAU,EAAE,CAAC;IACbC,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAzD,OAAA,GAEYC,uBAAuB","ignoreList":[]}

package/lib/commonjs/components/ThreadParentMessageRenderer/ThreadParentMessage.file.video.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
 var _uikitUtils = require("@sendbird/uikit-utils");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ThreadParentMessageFileVideo = props => {
   const fileMessage = props.parentMessage;
   if (!fileMessage) return null;
@@ -37,6 +37,5 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     overflow: 'hidden'
   }
 });
-var _default = ThreadParentMessageFileVideo;
-exports.default = _default;
+var _default = exports.default = ThreadParentMessageFileVideo;
 //# sourceMappingURL=ThreadParentMessage.file.video.js.map

package/lib/commonjs/components/ThreadParentMessageRenderer/ThreadParentMessage.file.video.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikitReactNativeFoundation","_uikitUtils","obj","__esModule","default","ThreadParentMessageFileVideo","props","fileMessage","parentMessage","uri","getThumbnailUriFromFileMessage","createElement","Box","style","styles","container","PressBox","activeOpacity","onPress","onLongPress","VideoThumbnail","image","source","fetchThumbnailFromVideoSource","createStyleSheet","borderRadius","overflow","maxWidth","width","height","_default","exports"],"sources":["ThreadParentMessage.file.video.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box, PressBox, VideoThumbnail, createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdFileMessage, getThumbnailUriFromFileMessage } from '@sendbird/uikit-utils';\n\nimport { ThreadParentMessageRendererProps } from './index';\n\ntype Props = ThreadParentMessageRendererProps<{\n  fetchThumbnailFromVideoSource: (uri: string) => Promise<{ path: string } | null>;\n}>;\n\nconst ThreadParentMessageFileVideo = (props: Props) => {\n  const fileMessage: SendbirdFileMessage = props.parentMessage as SendbirdFileMessage;\n  if (!fileMessage) return null;\n\n  const uri = getThumbnailUriFromFileMessage(fileMessage);\n\n  return (\n    <Box style={styles.container}>\n      <PressBox activeOpacity={0.8} onPress={props.onPress} onLongPress={props.onLongPress}>\n        <VideoThumbnail\n          style={styles.image}\n          source={uri}\n          fetchThumbnailFromVideoSource={props.fetchThumbnailFromVideoSource}\n        />\n      </PressBox>\n    </Box>\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 ThreadParentMessageFileVideo;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,2BAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAA4F,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAQ5F,MAAMG,4BAA4B,GAAIC,KAAY,IAAK;EACrD,MAAMC,WAAgC,GAAGD,KAAK,CAACE,aAAoC;EACnF,IAAI,CAACD,WAAW,EAAE,OAAO,IAAI;EAE7B,MAAME,GAAG,GAAG,IAAAC,0CAA8B,EAACH,WAAW,CAAC;EAEvD,oBACEV,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,2BAAA,CAAAY,GAAG;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC3BlB,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,2BAAA,CAAAgB,QAAQ;IAACC,aAAa,EAAE,GAAI;IAACC,OAAO,EAAEZ,KAAK,CAACY,OAAQ;IAACC,WAAW,EAAEb,KAAK,CAACa;EAAY,gBACnFtB,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,2BAAA,CAAAoB,cAAc;IACbP,KAAK,EAAEC,MAAM,CAACO,KAAM;IACpBC,MAAM,EAAEb,GAAI;IACZc,6BAA6B,EAAEjB,KAAK,CAACiB;EAA8B,EACnE,CACO,CACP;AAEV,CAAC;AAED,MAAMT,MAAM,GAAG,IAAAU,4CAAgB,EAAC;EAC9BT,SAAS,EAAE;IACTU,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;AACF,CAAC,CAAC;AAAC,IAAAI,QAAA,GAEYzB,4BAA4B;AAAA0B,OAAA,CAAA3B,OAAA,GAAA0B,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitReactNativeFoundation","_uikitUtils","e","__esModule","default","ThreadParentMessageFileVideo","props","fileMessage","parentMessage","uri","getThumbnailUriFromFileMessage","createElement","Box","style","styles","container","PressBox","activeOpacity","onPress","onLongPress","VideoThumbnail","image","source","fetchThumbnailFromVideoSource","createStyleSheet","borderRadius","overflow","maxWidth","width","height","_default","exports"],"sources":["ThreadParentMessage.file.video.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box, PressBox, VideoThumbnail, createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdFileMessage, getThumbnailUriFromFileMessage } from '@sendbird/uikit-utils';\n\nimport { ThreadParentMessageRendererProps } from './index';\n\ntype Props = ThreadParentMessageRendererProps<{\n  fetchThumbnailFromVideoSource: (uri: string) => Promise<{ path: string } | null>;\n}>;\n\nconst ThreadParentMessageFileVideo = (props: Props) => {\n  const fileMessage: SendbirdFileMessage = props.parentMessage as SendbirdFileMessage;\n  if (!fileMessage) return null;\n\n  const uri = getThumbnailUriFromFileMessage(fileMessage);\n\n  return (\n    <Box style={styles.container}>\n      <PressBox activeOpacity={0.8} onPress={props.onPress} onLongPress={props.onLongPress}>\n        <VideoThumbnail\n          style={styles.image}\n          source={uri}\n          fetchThumbnailFromVideoSource={props.fetchThumbnailFromVideoSource}\n        />\n      </PressBox>\n    </Box>\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 ThreadParentMessageFileVideo;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,2BAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAA4F,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQ5F,MAAMG,4BAA4B,GAAIC,KAAY,IAAK;EACrD,MAAMC,WAAgC,GAAGD,KAAK,CAACE,aAAoC;EACnF,IAAI,CAACD,WAAW,EAAE,OAAO,IAAI;EAE7B,MAAME,GAAG,GAAG,IAAAC,0CAA8B,EAACH,WAAW,CAAC;EAEvD,oBACEV,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,2BAAA,CAAAY,GAAG;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC3BlB,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,2BAAA,CAAAgB,QAAQ;IAACC,aAAa,EAAE,GAAI;IAACC,OAAO,EAAEZ,KAAK,CAACY,OAAQ;IAACC,WAAW,EAAEb,KAAK,CAACa;EAAY,gBACnFtB,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,2BAAA,CAAAoB,cAAc;IACbP,KAAK,EAAEC,MAAM,CAACO,KAAM;IACpBC,MAAM,EAAEb,GAAI;IACZc,6BAA6B,EAAEjB,KAAK,CAACiB;EAA8B,CACpE,CACO,CACP,CAAC;AAEV,CAAC;AAED,MAAMT,MAAM,GAAG,IAAAU,4CAAgB,EAAC;EAC9BT,SAAS,EAAE;IACTU,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;AACF,CAAC,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAA3B,OAAA,GAEYC,4BAA4B","ignoreList":[]}

package/lib/commonjs/components/ThreadParentMessageRenderer/ThreadParentMessage.file.voice.js

@@ -7,15 +7,16 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
 var _uikitUtils = require("@sendbird/uikit-utils");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const ThreadParentMessageFileVoice = props => {
   const {
     onLongPress,
     onToggleVoiceMessage,
     parentMessage,
     durationMetaArrayKey = 'KEY_VOICE_MESSAGE_DURATION',
-    onUnmount
+    onUnmount,
+    initialCurrentTime
   } = props;
   const fileMessage = parentMessage;
   if (!fileMessage) return null;
@@ -25,11 +26,11 @@ const ThreadParentMessageFileVoice = props => {
   const [state, setState] = (0, _react.useState)(() => {
     var _meta$value;
     const meta = fileMessage.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',
-      currentTime: 0,
+      currentTime: initialCurrentTime || 0,
       duration: initialDuration
     };
   });
@@ -75,7 +76,7 @@ const ThreadParentMessageFileVoice = props => {
       body3: true,
       style: {
         lineHeight: undefined,
-        marginLeft: 6,
+        marginStart: 6,
         opacity: 0.88
       },
       color: uiColors.enabled.textVoicePlaytime
@@ -89,6 +90,5 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     maxWidth: 136
   }
 });
-var _default = ThreadParentMessageFileVoice;
-exports.default = _default;
+var _default = exports.default = ThreadParentMessageFileVoice;
 //# sourceMappingURL=ThreadParentMessage.file.voice.js.map

package/lib/commonjs/components/ThreadParentMessageRenderer/ThreadParentMessage.file.voice.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_uikitReactNativeFoundation","_uikitUtils","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ThreadParentMessageFileVoice","props","onLongPress","onToggleVoiceMessage","parentMessage","durationMetaArrayKey","onUnmount","fileMessage","colors","useUIKitTheme","state","setState","useState","_meta$value","meta","metaArrays","find","it","value","initialDuration","parseInt","status","currentTime","duration","useEffect","uiColors","ui","groupChannelMessage","remainingTime","createElement","Box","style","styles","container","backgroundColor","enabled","background","PressBox","onPress","ProgressBar","current","total","minWidth","height","trackColor","voiceProgressTrack","overlay","flex","flexDirection","alignItems","justifyContent","paddingHorizontal","LoadingSpinner","size","color","voiceSpinner","Icon","containerStyle","voiceActionIconBackground","padding","borderRadius","icon","Text","body3","lineHeight","undefined","marginLeft","opacity","textVoicePlaytime","millsToMSS","createStyleSheet","overflow","maxWidth","_default","exports"],"sources":["ThreadParentMessage.file.voice.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport { Box, Icon, PressBox, Text, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { LoadingSpinner, ProgressBar } from '@sendbird/uikit-react-native-foundation';\nimport { createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdFileMessage, millsToMSS } from '@sendbird/uikit-utils';\n\nimport { ThreadParentMessageRendererProps } from './index';\n\nexport type VoiceFileMessageState = {\n  status: 'preparing' | 'playing' | 'paused';\n  currentTime: number;\n  duration: number;\n};\n\ntype Props = ThreadParentMessageRendererProps<{\n  durationMetaArrayKey?: string;\n  onUnmount: () => void;\n}>;\n\nconst ThreadParentMessageFileVoice = (props: Props) => {\n  const {\n    onLongPress,\n    onToggleVoiceMessage,\n    parentMessage,\n    durationMetaArrayKey = 'KEY_VOICE_MESSAGE_DURATION',\n    onUnmount,\n  } = props;\n\n  const fileMessage: SendbirdFileMessage = parentMessage as SendbirdFileMessage;\n  if (!fileMessage) return null;\n\n  const { colors } = useUIKitTheme();\n\n  const [state, setState] = useState<VoiceFileMessageState>(() => {\n    const meta = fileMessage.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: 0,\n      duration: initialDuration,\n    };\n  });\n\n  useEffect(() => {\n    return () => {\n      onUnmount();\n    };\n  }, []);\n\n  const uiColors = colors.ui.groupChannelMessage['incoming'];\n  const remainingTime = state.duration - state.currentTime;\n\n  return (\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    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    borderRadius: 16,\n    overflow: 'hidden',\n    maxWidth: 136,\n  },\n});\n\nexport default ThreadParentMessageFileVoice;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikitReactNativeFoundation","_uikitUtils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ThreadParentMessageFileVoice","props","onLongPress","onToggleVoiceMessage","parentMessage","durationMetaArrayKey","onUnmount","initialCurrentTime","fileMessage","colors","useUIKitTheme","state","setState","useState","_meta$value","meta","metaArrays","find","it","key","value","initialDuration","parseInt","status","currentTime","duration","useEffect","uiColors","ui","groupChannelMessage","remainingTime","createElement","Box","style","styles","container","backgroundColor","enabled","background","PressBox","onPress","ProgressBar","current","total","minWidth","height","trackColor","voiceProgressTrack","overlay","flex","flexDirection","alignItems","justifyContent","paddingHorizontal","LoadingSpinner","size","color","voiceSpinner","Icon","containerStyle","voiceActionIconBackground","padding","borderRadius","icon","Text","body3","lineHeight","undefined","marginStart","opacity","textVoicePlaytime","millsToMSS","createStyleSheet","overflow","maxWidth","_default","exports"],"sources":["ThreadParentMessage.file.voice.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport { Box, Icon, PressBox, Text, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { LoadingSpinner, ProgressBar } from '@sendbird/uikit-react-native-foundation';\nimport { createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdFileMessage, millsToMSS } from '@sendbird/uikit-utils';\n\nimport { ThreadParentMessageRendererProps } from './index';\n\nexport type VoiceFileMessageState = {\n  status: 'preparing' | 'playing' | 'paused';\n  currentTime: number;\n  duration: number;\n};\n\ntype Props = ThreadParentMessageRendererProps<{\n  durationMetaArrayKey?: string;\n  onUnmount: () => void;\n  initialCurrentTime?: number;\n}>;\n\nconst ThreadParentMessageFileVoice = (props: Props) => {\n  const {\n    onLongPress,\n    onToggleVoiceMessage,\n    parentMessage,\n    durationMetaArrayKey = 'KEY_VOICE_MESSAGE_DURATION',\n    onUnmount,\n    initialCurrentTime,\n  } = props;\n\n  const fileMessage: SendbirdFileMessage = parentMessage as SendbirdFileMessage;\n  if (!fileMessage) return null;\n\n  const { colors } = useUIKitTheme();\n\n  const [state, setState] = useState<VoiceFileMessageState>(() => {\n    const meta = fileMessage.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  const uiColors = colors.ui.groupChannelMessage['incoming'];\n  const remainingTime = state.duration - state.currentTime;\n\n  return (\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    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    borderRadius: 16,\n    overflow: 'hidden',\n    maxWidth: 136,\n  },\n});\n\nexport default ThreadParentMessageFileVoice;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ThreadParentMessageRenderer/ThreadParentMessage.user.js

@@ -7,8 +7,8 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
 var _uikitUtils = require("@sendbird/uikit-utils");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
 const ThreadParentMessageUser = props => {
   var _props$renderRegexTex;
   const userMessage = props.parentMessage;
@@ -16,22 +16,29 @@ const ThreadParentMessageUser = props => {
   const {
     colors
   } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
-  return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+  return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    flex: 1,
+    alignItems: 'flex-start'
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
     body3: true,
     color: colors.onBackground01,
-    suppressHighlighting: true
+    suppressHighlighting: true,
+    supportRTLAlign: true,
+    originalText: userMessage.message
   }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.RegexText, {
     body3: true,
+    suppressHighlighting: true,
+    supportRTLAlign: true,
+    originalText: userMessage.message,
     color: colors.onBackground01,
     patterns: [...(props.regexTextPatterns ?? []), {
       regex: _uikitUtils.urlRegexStrict,
-      replacer(_ref) {
-        let {
-          match,
-          parentProps,
-          keyPrefix,
-          index
-        } = _ref;
+      replacer({
+        match,
+        parentProps,
+        keyPrefix,
+        index
+      }) {
         return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, _extends({}, parentProps, {
           key: `${keyPrefix}-${index}`,
           onPress: () => {
@@ -45,7 +52,7 @@ const ThreadParentMessageUser = props => {
   }, (_props$renderRegexTex = props.renderRegexTextChildren) === null || _props$renderRegexTex === void 0 ? void 0 : _props$renderRegexTex.call(props, userMessage)), Boolean(userMessage.updatedAt) && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
     body3: true,
     color: colors.onBackground02
-  }, ' (edited)'));
+  }, ' (edited)')));
 };
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   bubble: {
@@ -56,6 +63,5 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     textDecorationLine: 'underline'
   }
 });
-var _default = ThreadParentMessageUser;
-exports.default = _default;
+var _default = exports.default = ThreadParentMessageUser;
 //# sourceMappingURL=ThreadParentMessage.user.js.map

package/lib/commonjs/components/ThreadParentMessageRenderer/ThreadParentMessage.user.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikitReactNativeFoundation","_uikitUtils","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ThreadParentMessageUser","props","_props$renderRegexTex","userMessage","parentMessage","colors","useUIKitTheme","createElement","Text","body3","color","onBackground01","suppressHighlighting","RegexText","patterns","regexTextPatterns","regex","urlRegexStrict","replacer","_ref","match","parentProps","keyPrefix","index","onPress","_props$onPressURL","onPressURL","style","styles","urlText","renderRegexTextChildren","Boolean","updatedAt","onBackground02","createStyleSheet","bubble","paddingHorizontal","paddingVertical","textDecorationLine","_default","exports"],"sources":["ThreadParentMessage.user.tsx"],"sourcesContent":["import React from 'react';\n\nimport { type RegexTextPattern, Text, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { RegexText, createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdUserMessage, urlRegexStrict } from '@sendbird/uikit-utils';\n\nimport { ThreadParentMessageRendererProps } from './index';\n\ntype Props = ThreadParentMessageRendererProps<{\n  regexTextPatterns?: RegexTextPattern[];\n  renderRegexTextChildren?: (message: SendbirdUserMessage) => string;\n}>;\n\nconst ThreadParentMessageUser = (props: Props) => {\n  const userMessage: SendbirdUserMessage = props.parentMessage as SendbirdUserMessage;\n  if (!userMessage) return null;\n\n  const { colors } = useUIKitTheme();\n\n  return (\n    <Text body3 color={colors.onBackground01} suppressHighlighting>\n      <RegexText\n        body3\n        color={colors.onBackground01}\n        patterns={[\n          ...(props.regexTextPatterns ?? []),\n          {\n            regex: urlRegexStrict,\n            replacer({ match, parentProps, keyPrefix, index }) {\n              return (\n                <Text\n                  {...parentProps}\n                  key={`${keyPrefix}-${index}`}\n                  onPress={() => props.onPressURL?.(match)}\n                  style={[parentProps?.style, styles.urlText]}\n                >\n                  {match}\n                </Text>\n              );\n            },\n          },\n        ]}\n      >\n        {props.renderRegexTextChildren?.(userMessage)}\n      </RegexText>\n      {Boolean(userMessage.updatedAt) && (\n        <Text body3 color={colors.onBackground02}>\n          {' (edited)'}\n        </Text>\n      )}\n    </Text>\n  );\n};\n\nconst styles = createStyleSheet({\n  bubble: {\n    paddingHorizontal: 12,\n    paddingVertical: 6,\n  },\n  urlText: {\n    textDecorationLine: 'underline',\n  },\n});\n\nexport default ThreadParentMessageUser;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitReactNativeFoundation","_uikitUtils","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ThreadParentMessageUser","props","_props$renderRegexTex","userMessage","parentMessage","colors","useUIKitTheme","createElement","Box","flex","alignItems","Text","body3","color","onBackground01","suppressHighlighting","supportRTLAlign","originalText","message","RegexText","patterns","regexTextPatterns","regex","urlRegexStrict","replacer","match","parentProps","keyPrefix","index","key","onPress","_props$onPressURL","onPressURL","style","styles","urlText","renderRegexTextChildren","Boolean","updatedAt","onBackground02","createStyleSheet","bubble","paddingHorizontal","paddingVertical","textDecorationLine","_default","exports"],"sources":["ThreadParentMessage.user.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box, type RegexTextPattern, Text, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { RegexText, createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdUserMessage, urlRegexStrict } from '@sendbird/uikit-utils';\n\nimport { ThreadParentMessageRendererProps } from './index';\n\ntype Props = ThreadParentMessageRendererProps<{\n  regexTextPatterns?: RegexTextPattern[];\n  renderRegexTextChildren?: (message: SendbirdUserMessage) => string;\n}>;\n\nconst ThreadParentMessageUser = (props: Props) => {\n  const userMessage: SendbirdUserMessage = props.parentMessage as SendbirdUserMessage;\n  if (!userMessage) return null;\n\n  const { colors } = useUIKitTheme();\n\n  return (\n    <Box flex={1} alignItems={'flex-start'}>\n      <Text body3 color={colors.onBackground01} suppressHighlighting supportRTLAlign originalText={userMessage.message}>\n        <RegexText\n          body3\n          suppressHighlighting\n          supportRTLAlign\n          originalText={userMessage.message}\n          color={colors.onBackground01}\n          patterns={[\n            ...(props.regexTextPatterns ?? []),\n            {\n              regex: urlRegexStrict,\n              replacer({ match, parentProps, keyPrefix, index }) {\n                return (\n                  <Text\n                    {...parentProps}\n                    key={`${keyPrefix}-${index}`}\n                    onPress={() => props.onPressURL?.(match)}\n                    style={[parentProps?.style, styles.urlText]}\n                  >\n                    {match}\n                  </Text>\n                );\n              },\n            },\n          ]}\n        >\n          {props.renderRegexTextChildren?.(userMessage)}\n        </RegexText>\n        {Boolean(userMessage.updatedAt) && (\n          <Text body3 color={colors.onBackground02}>\n            {/*FIXME: edited to string set*/}\n            {' (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});\n\nexport default ThreadParentMessageUser;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ThreadParentMessageRenderer/ThreadParentMessage.user.og.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
 var _uikitUtils = require("@sendbird/uikit-utils");
 var _useContext = require("./../../hooks/useContext");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
 const ThreadParentMessageUserOg = props => {
   var _props$renderRegexTex;
   const userMessage = props.parentMessage;
@@ -27,25 +27,32 @@ const ThreadParentMessageUserOg = props => {
     var _userMessage$ogMetaDa, _props$onPressURL;
     typeof ((_userMessage$ogMetaDa = userMessage.ogMetaData) === null || _userMessage$ogMetaDa === void 0 ? void 0 : _userMessage$ogMetaDa.url) === 'string' && ((_props$onPressURL = props.onPressURL) === null || _props$onPressURL === void 0 ? void 0 : _props$onPressURL.call(props, userMessage.ogMetaData.url));
   });
-  return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, null, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.PressBox, {
+  return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    flex: 1,
+    alignItems: 'flex-start'
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.PressBox, {
     activeOpacity: 0.85,
     onPress: onPressMessage(userMessage)
   }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
     body3: true,
-    color: colors.onBackground01,
-    suppressHighlighting: true
+    suppressHighlighting: true,
+    supportRTLAlign: true,
+    originalText: userMessage.message,
+    color: colors.onBackground01
   }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.RegexText, {
     body3: true,
+    suppressHighlighting: true,
+    supportRTLAlign: true,
+    originalText: userMessage.message,
     color: colors.onBackground01,
     patterns: [...(props.regexTextPatterns ?? []), {
       regex: _uikitUtils.urlRegexStrict,
-      replacer(_ref) {
-        let {
-          match,
-          parentProps,
-          keyPrefix,
-          index
-        } = _ref;
+      replacer({
+        match,
+        parentProps,
+        keyPrefix,
+        index
+      }) {
         return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, _extends({}, parentProps, {
           key: `${keyPrefix}-${index}`,
           onPress: () => {
@@ -99,14 +106,14 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     paddingTop: 8,
     paddingBottom: 12,
     maxWidth: 240,
-    borderBottomLeftRadius: 16,
-    borderBottomRightRadius: 16
+    borderBottomStartRadius: 16,
+    borderBottomEndRadius: 16
   },
   ogImage: {
     width: 240,
     height: 136,
-    borderTopLeftRadius: 16,
-    borderTopRightRadius: 16
+    borderTopStartRadius: 16,
+    borderTopEndRadius: 16
   },
   ogUrl: {
     marginBottom: 4
@@ -122,6 +129,5 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     textDecorationLine: 'underline'
   }
 });
-var _default = ThreadParentMessageUserOg;
-exports.default = _default;
+var _default = exports.default = ThreadParentMessageUserOg;
 //# sourceMappingURL=ThreadParentMessage.user.og.js.map

package/lib/commonjs/components/ThreadParentMessageRenderer/ThreadParentMessage.user.og.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikitReactNativeFoundation","_uikitUtils","_useContext","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ThreadParentMessageUserOg","props","_props$renderRegexTex","userMessage","parentMessage","sbOptions","useSendbirdChat","select","colors","palette","useUIKitTheme","enableOgtag","uikitWithAppInfo","groupChannel","channel","onPressMessage","useFreshCallback","_userMessage$ogMetaDa","_props$onPressURL","ogMetaData","url","onPressURL","createElement","Box","PressBox","activeOpacity","onPress","Text","body3","color","onBackground01","suppressHighlighting","RegexText","patterns","regexTextPatterns","regex","urlRegexStrict","replacer","_ref","match","parentProps","keyPrefix","index","_props$onPressURL2","style","styles","urlText","renderRegexTextChildren","Boolean","updatedAt","onBackground02","container","defaultImage","ImageWithPlaceholder","ogImage","uri","ogContainer","backgroundColor","dark","background400","light","background100","numberOfLines","body2","ogTitle","title","description","caption2","ogDesc","createStyleSheet","borderRadius","overflow","paddingHorizontal","paddingTop","paddingBottom","maxWidth","borderBottomLeftRadius","borderBottomRightRadius","width","height","borderTopLeftRadius","borderTopRightRadius","ogUrl","marginBottom","lineHeight","textDecorationLine","_default","exports"],"sources":["ThreadParentMessage.user.og.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  Box,\n  ImageWithPlaceholder,\n  PressBox,\n  RegexText,\n  type RegexTextPattern,\n  Text,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdUserMessage, urlRegexStrict, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from './../../hooks/useContext';\nimport { ThreadParentMessageRendererProps } from './index';\n\ntype Props = ThreadParentMessageRendererProps<{\n  regexTextPatterns?: RegexTextPattern[];\n  renderRegexTextChildren?: (message: SendbirdUserMessage) => string;\n}>;\n\nconst ThreadParentMessageUserOg = (props: Props) => {\n  const userMessage: SendbirdUserMessage = props.parentMessage as SendbirdUserMessage;\n  if (!userMessage) return null;\n\n  const { sbOptions } = useSendbirdChat();\n  const { select, colors, palette } = useUIKitTheme();\n  const enableOgtag = sbOptions.uikitWithAppInfo.groupChannel.channel.enableOgtag;\n  const onPressMessage = (userMessage: SendbirdUserMessage) =>\n    useFreshCallback(() => {\n      typeof userMessage.ogMetaData?.url === 'string' && props.onPressURL?.(userMessage.ogMetaData.url);\n    });\n\n  return (\n    <Box>\n      <PressBox activeOpacity={0.85} onPress={onPressMessage(userMessage)}>\n        <Text body3 color={colors.onBackground01} suppressHighlighting>\n          <RegexText\n            body3\n            color={colors.onBackground01}\n            patterns={[\n              ...(props.regexTextPatterns ?? []),\n              {\n                regex: urlRegexStrict,\n                replacer({ match, parentProps, keyPrefix, index }) {\n                  return (\n                    <Text\n                      {...parentProps}\n                      key={`${keyPrefix}-${index}`}\n                      onPress={() => props.onPressURL?.(match)}\n                      style={[parentProps?.style, styles.urlText]}\n                    >\n                      {match}\n                    </Text>\n                  );\n                },\n              },\n            ]}\n          >\n            {props.renderRegexTextChildren?.(userMessage)}\n          </RegexText>\n          {Boolean(userMessage.updatedAt) && (\n            <Text body3 color={colors.onBackground02}>\n              {' (edited)'}\n            </Text>\n          )}\n        </Text>\n      </PressBox>\n      {userMessage.ogMetaData && enableOgtag && (\n        <PressBox onPress={onPressMessage(userMessage)} style={styles.container}>\n          <Box>\n            {!!userMessage.ogMetaData.defaultImage && (\n              <ImageWithPlaceholder style={styles.ogImage} source={{ uri: userMessage.ogMetaData.defaultImage.url }} />\n            )}\n            <Box\n              style={styles.ogContainer}\n              backgroundColor={select({ dark: palette.background400, light: palette.background100 })}\n            >\n              <Text numberOfLines={3} body2 color={colors.onBackground01} style={styles.ogTitle}>\n                {userMessage.ogMetaData.title}\n              </Text>\n              {!!userMessage.ogMetaData.description && (\n                <Text numberOfLines={1} caption2 color={colors.onBackground01} style={styles.ogDesc}>\n                  {userMessage.ogMetaData.description}\n                </Text>\n              )}\n              <Text numberOfLines={1} caption2 color={colors.onBackground02}>\n                {userMessage.ogMetaData.url}\n              </Text>\n            </Box>\n          </Box>\n        </PressBox>\n      )}\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  ogContainer: {\n    paddingHorizontal: 12,\n    paddingTop: 8,\n    paddingBottom: 12,\n    maxWidth: 240,\n    borderBottomLeftRadius: 16,\n    borderBottomRightRadius: 16,\n  },\n  ogImage: {\n    width: 240,\n    height: 136,\n    borderTopLeftRadius: 16,\n    borderTopRightRadius: 16,\n  },\n  ogUrl: {\n    marginBottom: 4,\n  },\n  ogTitle: {\n    marginBottom: 4,\n  },\n  ogDesc: {\n    lineHeight: 14,\n    marginBottom: 8,\n  },\n  urlText: {\n    textDecorationLine: 'underline',\n  },\n});\n\nexport default ThreadParentMessageUserOg;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitReactNativeFoundation","_uikitUtils","_useContext","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ThreadParentMessageUserOg","props","_props$renderRegexTex","userMessage","parentMessage","sbOptions","useSendbirdChat","select","colors","palette","useUIKitTheme","enableOgtag","uikitWithAppInfo","groupChannel","channel","onPressMessage","useFreshCallback","_userMessage$ogMetaDa","_props$onPressURL","ogMetaData","url","onPressURL","createElement","Box","flex","alignItems","PressBox","activeOpacity","onPress","Text","body3","suppressHighlighting","supportRTLAlign","originalText","message","color","onBackground01","RegexText","patterns","regexTextPatterns","regex","urlRegexStrict","replacer","match","parentProps","keyPrefix","index","key","_props$onPressURL2","style","styles","urlText","renderRegexTextChildren","Boolean","updatedAt","onBackground02","container","defaultImage","ImageWithPlaceholder","ogImage","source","uri","ogContainer","backgroundColor","dark","background400","light","background100","numberOfLines","body2","ogTitle","title","description","caption2","ogDesc","createStyleSheet","borderRadius","overflow","paddingHorizontal","paddingTop","paddingBottom","maxWidth","borderBottomStartRadius","borderBottomEndRadius","width","height","borderTopStartRadius","borderTopEndRadius","ogUrl","marginBottom","lineHeight","textDecorationLine","_default","exports"],"sources":["ThreadParentMessage.user.og.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  Box,\n  ImageWithPlaceholder,\n  PressBox,\n  RegexText,\n  type RegexTextPattern,\n  Text,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdUserMessage, urlRegexStrict, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from './../../hooks/useContext';\nimport { ThreadParentMessageRendererProps } from './index';\n\ntype Props = ThreadParentMessageRendererProps<{\n  regexTextPatterns?: RegexTextPattern[];\n  renderRegexTextChildren?: (message: SendbirdUserMessage) => string;\n}>;\n\nconst ThreadParentMessageUserOg = (props: Props) => {\n  const userMessage: SendbirdUserMessage = props.parentMessage as SendbirdUserMessage;\n  if (!userMessage) return null;\n\n  const { sbOptions } = useSendbirdChat();\n  const { select, colors, palette } = useUIKitTheme();\n  const enableOgtag = sbOptions.uikitWithAppInfo.groupChannel.channel.enableOgtag;\n  const onPressMessage = (userMessage: SendbirdUserMessage) =>\n    useFreshCallback(() => {\n      typeof userMessage.ogMetaData?.url === 'string' && props.onPressURL?.(userMessage.ogMetaData.url);\n    });\n\n  return (\n    <Box flex={1} alignItems={'flex-start'}>\n      <PressBox activeOpacity={0.85} onPress={onPressMessage(userMessage)}>\n        <Text\n          body3\n          suppressHighlighting\n          supportRTLAlign\n          originalText={userMessage.message}\n          color={colors.onBackground01}\n        >\n          <RegexText\n            body3\n            suppressHighlighting\n            supportRTLAlign\n            originalText={userMessage.message}\n            color={colors.onBackground01}\n            patterns={[\n              ...(props.regexTextPatterns ?? []),\n              {\n                regex: urlRegexStrict,\n                replacer({ match, parentProps, keyPrefix, index }) {\n                  return (\n                    <Text\n                      {...parentProps}\n                      key={`${keyPrefix}-${index}`}\n                      onPress={() => props.onPressURL?.(match)}\n                      style={[parentProps?.style, styles.urlText]}\n                    >\n                      {match}\n                    </Text>\n                  );\n                },\n              },\n            ]}\n          >\n            {props.renderRegexTextChildren?.(userMessage)}\n          </RegexText>\n          {Boolean(userMessage.updatedAt) && (\n            <Text body3 color={colors.onBackground02}>\n              {' (edited)'}\n            </Text>\n          )}\n        </Text>\n      </PressBox>\n      {userMessage.ogMetaData && enableOgtag && (\n        <PressBox onPress={onPressMessage(userMessage)} style={styles.container}>\n          <Box>\n            {!!userMessage.ogMetaData.defaultImage && (\n              <ImageWithPlaceholder style={styles.ogImage} source={{ uri: userMessage.ogMetaData.defaultImage.url }} />\n            )}\n            <Box\n              style={styles.ogContainer}\n              backgroundColor={select({ dark: palette.background400, light: palette.background100 })}\n            >\n              <Text numberOfLines={3} body2 color={colors.onBackground01} style={styles.ogTitle}>\n                {userMessage.ogMetaData.title}\n              </Text>\n              {!!userMessage.ogMetaData.description && (\n                <Text numberOfLines={1} caption2 color={colors.onBackground01} style={styles.ogDesc}>\n                  {userMessage.ogMetaData.description}\n                </Text>\n              )}\n              <Text numberOfLines={1} caption2 color={colors.onBackground02}>\n                {userMessage.ogMetaData.url}\n              </Text>\n            </Box>\n          </Box>\n        </PressBox>\n      )}\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  ogContainer: {\n    paddingHorizontal: 12,\n    paddingTop: 8,\n    paddingBottom: 12,\n    maxWidth: 240,\n    borderBottomStartRadius: 16,\n    borderBottomEndRadius: 16,\n  },\n  ogImage: {\n    width: 240,\n    height: 136,\n    borderTopStartRadius: 16,\n    borderTopEndRadius: 16,\n  },\n  ogUrl: {\n    marginBottom: 4,\n  },\n  ogTitle: {\n    marginBottom: 4,\n  },\n  ogDesc: {\n    lineHeight: 14,\n    marginBottom: 8,\n  },\n  urlText: {\n    textDecorationLine: 'underline',\n  },\n});\n\nexport default ThreadParentMessageUserOg;\n"],"mappings":"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","ignoreList":[]}