npm - stream-chat-react-native-core - Versions diffs - 3.9.2 → 3.10.1 - Mend

stream-chat-react-native-core 3.9.2 → 3.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (28) hide show

package/lib/commonjs/components/Attachment/Attachment.js CHANGED Viewed

@@ -92,15 +92,16 @@ var AttachmentWithContext = function AttachmentWithContext(props) {
     });
   }
-  if (attachment.type === 'video' && attachment.asset_url && attachment.image_url) {
-    return _react["default"].createElement(Card, (0, _extends2["default"])({}, attachment, {
+  if (attachment.type === 'video' && attachment.asset_url) {
+    return _react["default"].createElement(FileAttachment, {
+      attachment: attachment,
       __self: _this,
       __source: {
         fileName: _jsxFileName,
         lineNumber: 90,
         columnNumber: 7
       }
-    }));
+    });
   }
   if (hasAttachmentActions) {

package/lib/commonjs/components/Attachment/Attachment.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Attachment.tsx"],"names":["AttachmentWithContext","props","attachment","AttachmentActions","Card","FileAttachment","Gallery","Giphy","UrlPreview","hasAttachmentActions","actions","length","type","title_link","og_scrape_url","image_url","thumb_url","id","asset_url","areEqual","prevProps","nextProps","prevAttachment","nextAttachment","attachmentEqual","MemoizedAttachment","React","memo","Attachment","PropAttachmentActions","PropCard","PropFileAttachment","PropGallery","PropGiphy","PropUrlPreview","ContextAttachmentActions","ContextCard","ContextFileAttachment","ContextGallery","ContextGiphy","ContextUrlPreview","AttachmentActionsDefault","CardDefault","FileAttachmentDefault","GalleryDefault","GiphyDefault"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { AttachmentActions as AttachmentActionsDefault } from '../../components/Attachment/AttachmentActions';\nimport { Card as CardDefault } from '../../components/Attachment/Card';\nimport { Gallery as GalleryDefault } from '../../components/Attachment/Gallery';\nimport { Giphy as GiphyDefault } from '../../components/Attachment/Giphy';\nimport { FileAttachment as FileAttachmentDefault } from '../../components/Attachment/FileAttachment';\nimport {\n MessagesContextValue,\n useMessagesContext,\n} from '../../contexts/messagesContext/MessagesContext';\n\nimport type { Attachment as AttachmentType } from 'stream-chat';\n\nimport type {\n DefaultAttachmentType,\n DefaultChannelType,\n DefaultCommandType,\n DefaultEventType,\n DefaultMessageType,\n DefaultReactionType,\n DefaultUserType,\n UnknownType,\n} from '../../types/types';\n\nexport type ActionHandler = (name: string, value: string) => void;\n\nexport type AttachmentPropsWithContext<\n At extends UnknownType = DefaultAttachmentType,\n Ch extends UnknownType = DefaultChannelType,\n Co extends string = DefaultCommandType,\n Ev extends UnknownType = DefaultEventType,\n Me extends UnknownType = DefaultMessageType,\n Re extends UnknownType = DefaultReactionType,\n Us extends UnknownType = DefaultUserType,\n> = Pick<\n MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n 'AttachmentActions' \| 'Card' \| 'FileAttachment' \| 'Gallery' \| 'Giphy' \| 'UrlPreview'\n> & {\n /*\n The attachment to render\n /\n attachment: AttachmentType<At>;\n};\n\nconst AttachmentWithContext = <\n At extends UnknownType = DefaultAttachmentType,\n Ch extends UnknownType = DefaultChannelType,\n Co extends string = DefaultCommandType,\n Ev extends UnknownType = DefaultEventType,\n Me extends UnknownType = DefaultMessageType,\n Re extends UnknownType = DefaultReactionType,\n Us extends UnknownType = DefaultUserType,\n>(\n props: AttachmentPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n const { attachment, AttachmentActions, Card, FileAttachment, Gallery, Giphy, UrlPreview } = props;\n\n const hasAttachmentActions = !!attachment.actions?.length;\n\n if (attachment.type === 'giphy' \|\| attachment.type === 'imgur') {\n return <Giphy attachment={attachment} />;\n }\n\n if (\n (attachment.title_link \|\| attachment.og_scrape_url) &&\n (attachment.image_url \|\| attachment.thumb_url)\n ) {\n return <UrlPreview {...attachment} />;\n }\n\n if (attachment.type === 'image') {\n return (\n <>\n <Gallery images={[attachment]} />\n {hasAttachmentActions && (\n <AttachmentActions key={`key-actions-${attachment.id}`} {...attachment} />\n )}\n </>\n );\n }\n\n if (attachment.type === 'file' \|\| attachment.type === 'audio') {\n return <FileAttachment attachment={attachment} />;\n }\n\n if (attachment.type === 'video' && attachment.asset_url && attachment.image_url) {\n return (\n // TODO: Put in video component\n <Card {...attachment} />\n );\n }\n\n if (hasAttachmentActions) {\n return (\n <>\n <Card {...attachment} />\n <AttachmentActions key={`key-actions-${attachment.id}`} {...attachment} />\n </>\n );\n } else {\n return <Card {...attachment} />;\n }\n};\n\nconst areEqual = <\n At extends UnknownType = DefaultAttachmentType,\n Ch extends UnknownType = DefaultChannelType,\n Co extends string = DefaultCommandType,\n Ev extends UnknownType = DefaultEventType,\n Me extends UnknownType = DefaultMessageType,\n Re extends UnknownType = DefaultReactionType,\n Us extends UnknownType = DefaultUserType,\n>(\n prevProps: AttachmentPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n nextProps: AttachmentPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n const { attachment: prevAttachment } = prevProps;\n const { attachment: nextAttachment } = nextProps;\n\n const attachmentEqual =\n prevAttachment.actions?.length === nextAttachment.actions?.length &&\n prevAttachment.image_url === nextAttachment.image_url &&\n prevAttachment.thumb_url === nextAttachment.thumb_url;\n\n return attachmentEqual;\n};\n\nconst MemoizedAttachment = React.memo(\n AttachmentWithContext,\n areEqual,\n) as typeof AttachmentWithContext;\n\nexport type AttachmentProps<\n At extends UnknownType = DefaultAttachmentType,\n Ch extends UnknownType = DefaultChannelType,\n Co extends string = DefaultCommandType,\n Ev extends UnknownType = DefaultEventType,\n Me extends UnknownType = DefaultMessageType,\n Re extends UnknownType = DefaultReactionType,\n Us extends UnknownType = DefaultUserType,\n> = Partial<\n Pick<\n MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n 'AttachmentActions' \| 'Card' \| 'FileAttachment' \| 'Gallery' \| 'Giphy' \| 'UrlPreview'\n >\n> &\n Pick<AttachmentPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>, 'attachment'>;\n\n/\n Attachment - The message attachment\n */\nexport const Attachment = <\n At extends UnknownType = DefaultAttachmentType,\n Ch extends UnknownType = DefaultChannelType,\n Co extends string = DefaultCommandType,\n Ev extends UnknownType = DefaultEventType,\n Me extends UnknownType = DefaultMessageType,\n Re extends UnknownType = DefaultReactionType,\n Us extends UnknownType = DefaultUserType,\n>(\n props: AttachmentProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n const {\n attachment,\n AttachmentActions: PropAttachmentActions,\n Card: PropCard,\n FileAttachment: PropFileAttachment,\n Gallery: PropGallery,\n Giphy: PropGiphy,\n UrlPreview: PropUrlPreview,\n } = props;\n\n const {\n AttachmentActions: ContextAttachmentActions,\n Card: ContextCard,\n FileAttachment: ContextFileAttachment,\n Gallery: ContextGallery,\n Giphy: ContextGiphy,\n UrlPreview: ContextUrlPreview,\n } = useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n if (!attachment) {\n return null;\n }\n\n const AttachmentActions =\n PropAttachmentActions \|\| ContextAttachmentActions \|\| AttachmentActionsDefault;\n const Card = PropCard \|\| ContextCard \|\| CardDefault;\n const FileAttachment = PropFileAttachment \|\| ContextFileAttachment \|\| FileAttachmentDefault;\n const Gallery = PropGallery \|\| ContextGallery \|\| GalleryDefault;\n const Giphy = PropGiphy \|\| ContextGiphy \|\| GiphyDefault;\n const UrlPreview = PropUrlPreview \|\| ContextUrlPreview \|\| CardDefault;\n\n return (\n <MemoizedAttachment\n {...{\n attachment,\n AttachmentActions,\n Card,\n FileAttachment,\n Gallery,\n Giphy,\n UrlPreview,\n }}\n />\n );\n};\n"]}
1	+ {"version":3,"sources":["Attachment.tsx"],"names":["AttachmentWithContext","props","attachment","AttachmentActions","Card","FileAttachment","Gallery","Giphy","UrlPreview","hasAttachmentActions","actions","length","type","title_link","og_scrape_url","image_url","thumb_url","id","asset_url","areEqual","prevProps","nextProps","prevAttachment","nextAttachment","attachmentEqual","MemoizedAttachment","React","memo","Attachment","PropAttachmentActions","PropCard","PropFileAttachment","PropGallery","PropGiphy","PropUrlPreview","ContextAttachmentActions","ContextCard","ContextFileAttachment","ContextGallery","ContextGiphy","ContextUrlPreview","AttachmentActionsDefault","CardDefault","FileAttachmentDefault","GalleryDefault","GiphyDefault"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { AttachmentActions as AttachmentActionsDefault } from '../../components/Attachment/AttachmentActions';\nimport { Card as CardDefault } from '../../components/Attachment/Card';\nimport { Gallery as GalleryDefault } from '../../components/Attachment/Gallery';\nimport { Giphy as GiphyDefault } from '../../components/Attachment/Giphy';\nimport { FileAttachment as FileAttachmentDefault } from '../../components/Attachment/FileAttachment';\nimport {\n MessagesContextValue,\n useMessagesContext,\n} from '../../contexts/messagesContext/MessagesContext';\n\nimport type { Attachment as AttachmentType } from 'stream-chat';\n\nimport type {\n DefaultAttachmentType,\n DefaultChannelType,\n DefaultCommandType,\n DefaultEventType,\n DefaultMessageType,\n DefaultReactionType,\n DefaultUserType,\n UnknownType,\n} from '../../types/types';\n\nexport type ActionHandler = (name: string, value: string) => void;\n\nexport type AttachmentPropsWithContext<\n At extends UnknownType = DefaultAttachmentType,\n Ch extends UnknownType = DefaultChannelType,\n Co extends string = DefaultCommandType,\n Ev extends UnknownType = DefaultEventType,\n Me extends UnknownType = DefaultMessageType,\n Re extends UnknownType = DefaultReactionType,\n Us extends UnknownType = DefaultUserType,\n> = Pick<\n MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n 'AttachmentActions' \| 'Card' \| 'FileAttachment' \| 'Gallery' \| 'Giphy' \| 'UrlPreview'\n> & {\n /*\n The attachment to render\n /\n attachment: AttachmentType<At>;\n};\n\nconst AttachmentWithContext = <\n At extends UnknownType = DefaultAttachmentType,\n Ch extends UnknownType = DefaultChannelType,\n Co extends string = DefaultCommandType,\n Ev extends UnknownType = DefaultEventType,\n Me extends UnknownType = DefaultMessageType,\n Re extends UnknownType = DefaultReactionType,\n Us extends UnknownType = DefaultUserType,\n>(\n props: AttachmentPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n const { attachment, AttachmentActions, Card, FileAttachment, Gallery, Giphy, UrlPreview } = props;\n\n const hasAttachmentActions = !!attachment.actions?.length;\n\n if (attachment.type === 'giphy' \|\| attachment.type === 'imgur') {\n return <Giphy attachment={attachment} />;\n }\n\n if (\n (attachment.title_link \|\| attachment.og_scrape_url) &&\n (attachment.image_url \|\| attachment.thumb_url)\n ) {\n return <UrlPreview {...attachment} />;\n }\n\n if (attachment.type === 'image') {\n return (\n <>\n <Gallery images={[attachment]} />\n {hasAttachmentActions && (\n <AttachmentActions key={`key-actions-${attachment.id}`} {...attachment} />\n )}\n </>\n );\n }\n\n if (attachment.type === 'file' \|\| attachment.type === 'audio') {\n return <FileAttachment attachment={attachment} />;\n }\n\n if (attachment.type === 'video' && attachment.asset_url) {\n return (\n // TODO: Put in video component\n <FileAttachment attachment={attachment} />\n );\n }\n\n if (hasAttachmentActions) {\n return (\n <>\n <Card {...attachment} />\n <AttachmentActions key={`key-actions-${attachment.id}`} {...attachment} />\n </>\n );\n } else {\n return <Card {...attachment} />;\n }\n};\n\nconst areEqual = <\n At extends UnknownType = DefaultAttachmentType,\n Ch extends UnknownType = DefaultChannelType,\n Co extends string = DefaultCommandType,\n Ev extends UnknownType = DefaultEventType,\n Me extends UnknownType = DefaultMessageType,\n Re extends UnknownType = DefaultReactionType,\n Us extends UnknownType = DefaultUserType,\n>(\n prevProps: AttachmentPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n nextProps: AttachmentPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n const { attachment: prevAttachment } = prevProps;\n const { attachment: nextAttachment } = nextProps;\n\n const attachmentEqual =\n prevAttachment.actions?.length === nextAttachment.actions?.length &&\n prevAttachment.image_url === nextAttachment.image_url &&\n prevAttachment.thumb_url === nextAttachment.thumb_url;\n\n return attachmentEqual;\n};\n\nconst MemoizedAttachment = React.memo(\n AttachmentWithContext,\n areEqual,\n) as typeof AttachmentWithContext;\n\nexport type AttachmentProps<\n At extends UnknownType = DefaultAttachmentType,\n Ch extends UnknownType = DefaultChannelType,\n Co extends string = DefaultCommandType,\n Ev extends UnknownType = DefaultEventType,\n Me extends UnknownType = DefaultMessageType,\n Re extends UnknownType = DefaultReactionType,\n Us extends UnknownType = DefaultUserType,\n> = Partial<\n Pick<\n MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n 'AttachmentActions' \| 'Card' \| 'FileAttachment' \| 'Gallery' \| 'Giphy' \| 'UrlPreview'\n >\n> &\n Pick<AttachmentPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>, 'attachment'>;\n\n/\n Attachment - The message attachment\n */\nexport const Attachment = <\n At extends UnknownType = DefaultAttachmentType,\n Ch extends UnknownType = DefaultChannelType,\n Co extends string = DefaultCommandType,\n Ev extends UnknownType = DefaultEventType,\n Me extends UnknownType = DefaultMessageType,\n Re extends UnknownType = DefaultReactionType,\n Us extends UnknownType = DefaultUserType,\n>(\n props: AttachmentProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n const {\n attachment,\n AttachmentActions: PropAttachmentActions,\n Card: PropCard,\n FileAttachment: PropFileAttachment,\n Gallery: PropGallery,\n Giphy: PropGiphy,\n UrlPreview: PropUrlPreview,\n } = props;\n\n const {\n AttachmentActions: ContextAttachmentActions,\n Card: ContextCard,\n FileAttachment: ContextFileAttachment,\n Gallery: ContextGallery,\n Giphy: ContextGiphy,\n UrlPreview: ContextUrlPreview,\n } = useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n if (!attachment) {\n return null;\n }\n\n const AttachmentActions =\n PropAttachmentActions \|\| ContextAttachmentActions \|\| AttachmentActionsDefault;\n const Card = PropCard \|\| ContextCard \|\| CardDefault;\n const FileAttachment = PropFileAttachment \|\| ContextFileAttachment \|\| FileAttachmentDefault;\n const Gallery = PropGallery \|\| ContextGallery \|\| GalleryDefault;\n const Giphy = PropGiphy \|\| ContextGiphy \|\| GiphyDefault;\n const UrlPreview = PropUrlPreview \|\| ContextUrlPreview \|\| CardDefault;\n\n return (\n <MemoizedAttachment\n {...{\n attachment,\n AttachmentActions,\n Card,\n FileAttachment,\n Gallery,\n Giphy,\n UrlPreview,\n }}\n />\n );\n};\n"]}

package/lib/commonjs/components/ChannelList/Skeleton.js CHANGED Viewed

@@ -57,6 +57,7 @@ var Skeleton = function Skeleton() {
       gradientStop = _useTheme$theme$chann.gradientStop,
       _useTheme$theme$chann3 = _useTheme$theme$chann.height,
       height = _useTheme$theme$chann3 === void 0 ? 64 : _useTheme$theme$chann3,
+      maskFillColor = _useTheme$theme$chann.maskFillColor,
       _useTheme$theme$color = _useTheme$theme.colors,
       border = _useTheme$theme$color.border,
       grey_gainsboro = _useTheme$theme$color.grey_gainsboro,
@@ -92,7 +93,7 @@ var Skeleton = function Skeleton() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 116,
+      lineNumber: 117,
       columnNumber: 5
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -102,7 +103,7 @@ var Skeleton = function Skeleton() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 120,
+      lineNumber: 121,
       columnNumber: 7
     }
   }), _react["default"].createElement(_reactNativeReanimated["default"].View, {
@@ -110,7 +111,7 @@ var Skeleton = function Skeleton() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 121,
+      lineNumber: 122,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNativeSvg.Svg, {
@@ -119,7 +120,7 @@ var Skeleton = function Skeleton() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 122,
+      lineNumber: 123,
       columnNumber: 9
     }
   }, _react["default"].createElement(_reactNativeSvg.Rect, {
@@ -131,14 +132,14 @@ var Skeleton = function Skeleton() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 123,
+      lineNumber: 124,
       columnNumber: 11
     }
   }), _react["default"].createElement(_reactNativeSvg.Defs, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 124,
+      lineNumber: 125,
       columnNumber: 11
     }
   }, _react["default"].createElement(_reactNativeSvg.LinearGradient, {
@@ -151,7 +152,7 @@ var Skeleton = function Skeleton() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 125,
+      lineNumber: 126,
       columnNumber: 13
     }
   }, _react["default"].createElement(_reactNativeSvg.Stop, (0, _extends2["default"])({
@@ -161,7 +162,7 @@ var Skeleton = function Skeleton() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 133,
+      lineNumber: 134,
       columnNumber: 15
     }
   })), _react["default"].createElement(_reactNativeSvg.Stop, (0, _extends2["default"])({
@@ -171,7 +172,7 @@ var Skeleton = function Skeleton() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
+      lineNumber: 135,
       columnNumber: 15
     }
   })), _react["default"].createElement(_reactNativeSvg.Stop, (0, _extends2["default"])({
@@ -181,7 +182,7 @@ var Skeleton = function Skeleton() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 135,
+      lineNumber: 136,
       columnNumber: 15
     }
   })))))), _react["default"].createElement(_reactNativeSvg.Svg, {
@@ -190,16 +191,16 @@ var Skeleton = function Skeleton() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 140,
+      lineNumber: 141,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNativeSvg.Path, {
     d: d.value,
-    fill: white_snow,
+    fill: maskFillColor || white_snow,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 141,
+      lineNumber: 142,
       columnNumber: 9
     }
   })));

package/lib/commonjs/components/ChannelList/Skeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Skeleton.tsx"],"names":["paddingLarge","paddingMedium","paddingSmall","styles","StyleSheet","create","background","height","position","width","container","borderBottomWidth","flexDirection","Skeleton","startOffset","theme","channelListSkeleton","animationTime","gradientStart","gradientStop","colors","border","grey_gainsboro","white_snow","value","duration","easing","Easing","linear","animatedStyle","transform","translateX","d","useableHeight","boneHeight","boneRadius","circleRadius","avatarBoneWidth","detailsBonesWidth","borderBottomColor","backgroundColor","displayName"],"mappings":"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","sourcesContent":["import React, { useEffect } from 'react';\nimport { StyleSheet, useWindowDimensions, View } from 'react-native';\nimport Animated, {\n Easing,\n useAnimatedStyle,\n useDerivedValue,\n useSharedValue,\n withRepeat,\n withTiming,\n} from 'react-native-reanimated';\nimport { Defs, LinearGradient, Path, Rect, Stop, Svg } from 'react-native-svg';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nconst paddingLarge = 16;\nconst paddingMedium = 12;\nconst paddingSmall = 8;\n\nconst styles = StyleSheet.create({\n background: {\n height: 64,\n position: 'absolute',\n width: '100%',\n },\n container: {\n borderBottomWidth: 1,\n flexDirection: 'row',\n },\n});\n\nexport const Skeleton: React.FC = () => {\n const width = useWindowDimensions().width;\n const startOffset = useSharedValue(-width);\n\n const {\n theme: {\n channelListSkeleton: {\n animationTime = 1800,\n background,\n container,\n gradientStart,\n gradientStop,\n height = 64,\n },\n colors: { border, grey_gainsboro, white_snow },\n },\n } = useTheme();\n\n useEffect(() => {\n startOffset.value = withRepeat(\n withTiming(width, {\n duration: animationTime,\n easing: Easing.linear,\n }),\n -1,\n );\n }, []);\n\n const animatedStyle = useAnimatedStyle(\n () => ({\n transform: [{ translateX: startOffset.value }],\n }),\n [],\n );\n\n const d = useDerivedValue(() => {\n const useableHeight = height - paddingMedium * 2;\n const boneHeight = (useableHeight - 8) / 2;\n const boneRadius = boneHeight / 2;\n const circleRadius = useableHeight / 2;\n const avatarBoneWidth = circleRadius * 2 + paddingSmall * 2;\n const detailsBonesWidth = width - avatarBoneWidth;\n\n return `M0 0 h${width} v${height} h-${width}z M${paddingSmall} ${\n height / 2\n } a${circleRadius} ${circleRadius} 0 1 0 ${\n circleRadius * 2\n } 0 a${circleRadius} ${circleRadius} 0 1 0 -${circleRadius * 2} 0z M${\n avatarBoneWidth + boneRadius\n } ${paddingMedium} a${boneRadius} ${boneRadius} 0 1 0 0 ${boneHeight}z M${\n avatarBoneWidth - boneRadius + detailsBonesWidth * 0.25\n } ${paddingMedium} h-${detailsBonesWidth * 0.25 - boneRadius * 2} v${boneHeight} h${\n detailsBonesWidth * 0.25 - boneRadius * 2\n }z M${avatarBoneWidth - boneRadius + detailsBonesWidth * 0.25} ${\n paddingMedium + boneHeight\n } a${boneRadius} ${boneRadius} 0 1 0 0 -${boneHeight}z M${avatarBoneWidth + boneRadius} ${\n paddingMedium + boneHeight + paddingSmall\n } a${boneRadius} ${boneRadius} 0 1 0 0 ${boneHeight}z M${\n avatarBoneWidth + detailsBonesWidth * 0.8 - boneRadius\n } ${paddingMedium + boneHeight + paddingSmall} h-${\n detailsBonesWidth * 0.8 - boneRadius * 2\n } v${boneHeight} h${detailsBonesWidth * 0.8 - boneRadius * 2}z M${\n avatarBoneWidth + detailsBonesWidth * 0.8 - boneRadius\n } ${height - paddingMedium} a${boneRadius} ${boneRadius} 0 1 0 0 -${boneHeight}z M${\n avatarBoneWidth + detailsBonesWidth * 0.8 + boneRadius + paddingLarge\n } ${\n paddingMedium + boneHeight + paddingSmall\n } a${boneRadius} ${boneRadius} 0 1 0 0 ${boneHeight}z M${width - paddingSmall - boneRadius} ${\n paddingMedium + boneHeight + paddingSmall\n } h-${\n width -\n paddingSmall -\n boneRadius -\n (avatarBoneWidth + detailsBonesWidth * 0.8 + boneRadius + paddingLarge)\n } v${boneHeight} h${\n width -\n paddingSmall -\n boneRadius -\n (avatarBoneWidth + detailsBonesWidth * 0.8 + boneRadius + paddingLarge)\n }z M${width - paddingSmall * 2} ${\n height - paddingMedium\n } a${boneRadius} ${boneRadius} 0 1 0 0 -${boneHeight}z`;\n }, []);\n\n return (\n <View\n style={[styles.container, { borderBottomColor: border }, container]}\n testID='channel-preview-skeleton'\n >\n <View style={[styles.background, { backgroundColor: white_snow }, background]} />\n <Animated.View style={[animatedStyle, styles.background]}>\n <Svg height={height} width={width}>\n <Rect fill='url(#gradient)' height={height} width={width} x={0} y={0} />\n <Defs>\n <LinearGradient\n gradientUnits='userSpaceOnUse'\n id='gradient'\n x1={0}\n x2={width}\n y1={0}\n y2={0}\n >\n <Stop offset={1} stopColor={grey_gainsboro} {...gradientStart} />\n <Stop offset={0.5} stopColor={grey_gainsboro} {...gradientStop} />\n <Stop offset={0} stopColor={grey_gainsboro} {...gradientStart} />\n </LinearGradient>\n </Defs>\n </Svg>\n </Animated.View>\n <Svg height={height} width={width}>\n <Path d={d.value} fill={white_snow} />\n </Svg>\n </View>\n );\n};\n\nSkeleton.displayName = 'Skeleton{channelListSkeleton}';\n"]}
1	+ {"version":3,"sources":["Skeleton.tsx"],"names":["paddingLarge","paddingMedium","paddingSmall","styles","StyleSheet","create","background","height","position","width","container","borderBottomWidth","flexDirection","Skeleton","startOffset","theme","channelListSkeleton","animationTime","gradientStart","gradientStop","maskFillColor","colors","border","grey_gainsboro","white_snow","value","duration","easing","Easing","linear","animatedStyle","transform","translateX","d","useableHeight","boneHeight","boneRadius","circleRadius","avatarBoneWidth","detailsBonesWidth","borderBottomColor","backgroundColor","displayName"],"mappings":"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","sourcesContent":["import React, { useEffect } from 'react';\nimport { StyleSheet, useWindowDimensions, View } from 'react-native';\nimport Animated, {\n Easing,\n useAnimatedStyle,\n useDerivedValue,\n useSharedValue,\n withRepeat,\n withTiming,\n} from 'react-native-reanimated';\nimport { Defs, LinearGradient, Path, Rect, Stop, Svg } from 'react-native-svg';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nconst paddingLarge = 16;\nconst paddingMedium = 12;\nconst paddingSmall = 8;\n\nconst styles = StyleSheet.create({\n background: {\n height: 64,\n position: 'absolute',\n width: '100%',\n },\n container: {\n borderBottomWidth: 1,\n flexDirection: 'row',\n },\n});\n\nexport const Skeleton: React.FC = () => {\n const width = useWindowDimensions().width;\n const startOffset = useSharedValue(-width);\n\n const {\n theme: {\n channelListSkeleton: {\n animationTime = 1800,\n background,\n container,\n gradientStart,\n gradientStop,\n height = 64,\n maskFillColor,\n },\n colors: { border, grey_gainsboro, white_snow },\n },\n } = useTheme();\n\n useEffect(() => {\n startOffset.value = withRepeat(\n withTiming(width, {\n duration: animationTime,\n easing: Easing.linear,\n }),\n -1,\n );\n }, []);\n\n const animatedStyle = useAnimatedStyle(\n () => ({\n transform: [{ translateX: startOffset.value }],\n }),\n [],\n );\n\n const d = useDerivedValue(() => {\n const useableHeight = height - paddingMedium * 2;\n const boneHeight = (useableHeight - 8) / 2;\n const boneRadius = boneHeight / 2;\n const circleRadius = useableHeight / 2;\n const avatarBoneWidth = circleRadius * 2 + paddingSmall * 2;\n const detailsBonesWidth = width - avatarBoneWidth;\n\n return `M0 0 h${width} v${height} h-${width}z M${paddingSmall} ${\n height / 2\n } a${circleRadius} ${circleRadius} 0 1 0 ${\n circleRadius * 2\n } 0 a${circleRadius} ${circleRadius} 0 1 0 -${circleRadius * 2} 0z M${\n avatarBoneWidth + boneRadius\n } ${paddingMedium} a${boneRadius} ${boneRadius} 0 1 0 0 ${boneHeight}z M${\n avatarBoneWidth - boneRadius + detailsBonesWidth * 0.25\n } ${paddingMedium} h-${detailsBonesWidth * 0.25 - boneRadius * 2} v${boneHeight} h${\n detailsBonesWidth * 0.25 - boneRadius * 2\n }z M${avatarBoneWidth - boneRadius + detailsBonesWidth * 0.25} ${\n paddingMedium + boneHeight\n } a${boneRadius} ${boneRadius} 0 1 0 0 -${boneHeight}z M${avatarBoneWidth + boneRadius} ${\n paddingMedium + boneHeight + paddingSmall\n } a${boneRadius} ${boneRadius} 0 1 0 0 ${boneHeight}z M${\n avatarBoneWidth + detailsBonesWidth * 0.8 - boneRadius\n } ${paddingMedium + boneHeight + paddingSmall} h-${\n detailsBonesWidth * 0.8 - boneRadius * 2\n } v${boneHeight} h${detailsBonesWidth * 0.8 - boneRadius * 2}z M${\n avatarBoneWidth + detailsBonesWidth * 0.8 - boneRadius\n } ${height - paddingMedium} a${boneRadius} ${boneRadius} 0 1 0 0 -${boneHeight}z M${\n avatarBoneWidth + detailsBonesWidth * 0.8 + boneRadius + paddingLarge\n } ${\n paddingMedium + boneHeight + paddingSmall\n } a${boneRadius} ${boneRadius} 0 1 0 0 ${boneHeight}z M${width - paddingSmall - boneRadius} ${\n paddingMedium + boneHeight + paddingSmall\n } h-${\n width -\n paddingSmall -\n boneRadius -\n (avatarBoneWidth + detailsBonesWidth * 0.8 + boneRadius + paddingLarge)\n } v${boneHeight} h${\n width -\n paddingSmall -\n boneRadius -\n (avatarBoneWidth + detailsBonesWidth * 0.8 + boneRadius + paddingLarge)\n }z M${width - paddingSmall * 2} ${\n height - paddingMedium\n } a${boneRadius} ${boneRadius} 0 1 0 0 -${boneHeight}z`;\n }, []);\n\n return (\n <View\n style={[styles.container, { borderBottomColor: border }, container]}\n testID='channel-preview-skeleton'\n >\n <View style={[styles.background, { backgroundColor: white_snow }, background]} />\n <Animated.View style={[animatedStyle, styles.background]}>\n <Svg height={height} width={width}>\n <Rect fill='url(#gradient)' height={height} width={width} x={0} y={0} />\n <Defs>\n <LinearGradient\n gradientUnits='userSpaceOnUse'\n id='gradient'\n x1={0}\n x2={width}\n y1={0}\n y2={0}\n >\n <Stop offset={1} stopColor={grey_gainsboro} {...gradientStart} />\n <Stop offset={0.5} stopColor={grey_gainsboro} {...gradientStop} />\n <Stop offset={0} stopColor={grey_gainsboro} {...gradientStart} />\n </LinearGradient>\n </Defs>\n </Svg>\n </Animated.View>\n <Svg height={height} width={width}>\n <Path d={d.value} fill={maskFillColor \|\| white_snow} />\n </Svg>\n </View>\n );\n};\n\nSkeleton.displayName = 'Skeleton{channelListSkeleton}';\n"]}

package/lib/commonjs/components/Message/Message.js CHANGED Viewed

@@ -271,7 +271,7 @@ var MessageWithContext = function MessageWithContext(props) {
   var alignment = forceAlignMessages && (forceAlignMessages === 'left' || forceAlignMessages === 'right') ? forceAlignMessages : isMyMessage ? 'right' : 'left';
   var attachments = !message.deleted_at && Array.isArray(message.attachments) ? message.attachments.reduce(function (acc, cur) {
-    if (cur.type === 'file') {
+    if (cur.type === 'file' || cur.type === 'video') {
       acc.files.push(cur);
       acc.other = [];
     } else if (cur.type === 'image' && !cur.title_link && !cur.og_scrape_url) {