stream-chat-react-native-core 4.3.0-beta.3 → 4.3.0

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

@@ -44,7 +44,7 @@ var AttachmentWithContext = function AttachmentWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 56,
+        lineNumber: 57,
         columnNumber: 12
       }
     });
@@ -55,7 +55,7 @@ var AttachmentWithContext = function AttachmentWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 63,
+        lineNumber: 64,
         columnNumber: 12
       }
     }));
@@ -67,7 +67,7 @@ var AttachmentWithContext = function AttachmentWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 69,
+        lineNumber: 70,
         columnNumber: 9
       }
     }), hasAttachmentActions && _react["default"].createElement(AttachmentActions, (0, _extends2["default"])({
@@ -76,7 +76,7 @@ var AttachmentWithContext = function AttachmentWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 71,
+        lineNumber: 72,
         columnNumber: 11
       }
     })));
@@ -88,7 +88,7 @@ var AttachmentWithContext = function AttachmentWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 78,
+        lineNumber: 79,
         columnNumber: 12
       }
     });
@@ -100,7 +100,7 @@ var AttachmentWithContext = function AttachmentWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 84,
+        lineNumber: 85,
         columnNumber: 7
       }
     });
@@ -111,7 +111,7 @@ var AttachmentWithContext = function AttachmentWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 91,
+        lineNumber: 92,
         columnNumber: 9
       }
     })), _react["default"].createElement(AttachmentActions, (0, _extends2["default"])({
@@ -120,7 +120,7 @@ var AttachmentWithContext = function AttachmentWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 92,
+        lineNumber: 93,
         columnNumber: 9
       }
     })));
@@ -129,7 +129,7 @@ var AttachmentWithContext = function AttachmentWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 96,
+        lineNumber: 97,
         columnNumber: 12
       }
     }));
@@ -139,10 +139,17 @@ var AttachmentWithContext = function AttachmentWithContext(props) {
 var areEqual = function areEqual(prevProps, nextProps) {
   var _prevAttachment$actio, _nextAttachment$actio;
 
-  var prevAttachment = prevProps.attachment;
+  var prevAttachment = prevProps.attachment,
+      isAttachmentEqual = prevProps.isAttachmentEqual;
   var nextAttachment = nextProps.attachment;
   var attachmentEqual = ((_prevAttachment$actio = prevAttachment.actions) == null ? void 0 : _prevAttachment$actio.length) === ((_nextAttachment$actio = nextAttachment.actions) == null ? void 0 : _nextAttachment$actio.length) && prevAttachment.image_url === nextAttachment.image_url && prevAttachment.thumb_url === nextAttachment.thumb_url;
-  return attachmentEqual;
+  if (!attachmentEqual) return false;
+
+  if (isAttachmentEqual) {
+    return isAttachmentEqual(prevAttachment, nextAttachment);
+  }
+
+  return true;
 };
 
 var MemoizedAttachment = _react["default"].memo(AttachmentWithContext, areEqual);
@@ -164,6 +171,7 @@ var Attachment = function Attachment(props) {
       ContextGallery = _useMessagesContext.Gallery,
       ContextGiphy = _useMessagesContext.Giphy,
       ContextGiphyVersion = _useMessagesContext.giphyVersion,
+      isAttachmentEqual = _useMessagesContext.isAttachmentEqual,
       ContextUrlPreview = _useMessagesContext.UrlPreview;
 
   if (!attachment) {
@@ -185,11 +193,12 @@ var Attachment = function Attachment(props) {
     Gallery: Gallery,
     Giphy: Giphy,
     giphyVersion: giphyVersion,
+    isAttachmentEqual: isAttachmentEqual,
     UrlPreview: UrlPreview,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 179,
+      lineNumber: 187,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"version":3,"sources":["Attachment.tsx"],"names":["AttachmentWithContext","props","attachment","AttachmentActions","Card","FileAttachment","Gallery","Giphy","giphyVersion","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","PropGiphyVersion","PropUrlPreview","ContextAttachmentActions","ContextCard","ContextFileAttachment","ContextGallery","ContextGiphy","ContextGiphyVersion","ContextUrlPreview","AttachmentActionsDefault","CardDefault","FileAttachmentDefault","GalleryDefault","GiphyDefault"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type { Attachment as AttachmentType } from 'stream-chat';\n\nimport { AttachmentActions as AttachmentActionsDefault } from '../../components/Attachment/AttachmentActions';\nimport { Card as CardDefault } from '../../components/Attachment/Card';\nimport { FileAttachment as FileAttachmentDefault } from '../../components/Attachment/FileAttachment';\nimport { Gallery as GalleryDefault } from '../../components/Attachment/Gallery';\nimport { Giphy as GiphyDefault } from '../../components/Attachment/Giphy';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../contexts/messagesContext/MessagesContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nexport type ActionHandler = (name: string, value: string) => void;\n\nexport type AttachmentPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessagesContextValue<StreamChatGenerics>,\n  | 'AttachmentActions'\n  | 'Card'\n  | 'FileAttachment'\n  | 'Gallery'\n  | 'giphyVersion'\n  | 'Giphy'\n  | 'UrlPreview'\n> & {\n  /**\n   * The attachment to render\n   */\n  attachment: AttachmentType<StreamChatGenerics>;\n};\n\nconst AttachmentWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: AttachmentPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    attachment,\n    AttachmentActions,\n    Card,\n    FileAttachment,\n    Gallery,\n    Giphy,\n    giphyVersion,\n    UrlPreview,\n  } = props;\n\n  const hasAttachmentActions = !!attachment.actions?.length;\n\n  if (attachment.type === 'giphy' || attachment.type === 'imgur') {\n    return <Giphy attachment={attachment} giphyVersion={giphyVersion} />;\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 = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: AttachmentPropsWithContext<StreamChatGenerics>,\n  nextProps: AttachmentPropsWithContext<StreamChatGenerics>,\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  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<\n  Pick<\n    MessagesContextValue<StreamChatGenerics>,\n    | 'AttachmentActions'\n    | 'Card'\n    | 'FileAttachment'\n    | 'Gallery'\n    | 'Giphy'\n    | 'giphyVersion'\n    | 'UrlPreview'\n  >\n> &\n  Pick<AttachmentPropsWithContext<StreamChatGenerics>, 'attachment'>;\n\n/**\n * Attachment - The message attachment\n */\nexport const Attachment = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: AttachmentProps<StreamChatGenerics>,\n) => {\n  const {\n    attachment,\n    AttachmentActions: PropAttachmentActions,\n    Card: PropCard,\n    FileAttachment: PropFileAttachment,\n    Gallery: PropGallery,\n    Giphy: PropGiphy,\n    giphyVersion: PropGiphyVersion,\n    UrlPreview: PropUrlPreview,\n  } = props;\n\n  const {\n    AttachmentActions: ContextAttachmentActions,\n    Card: ContextCard,\n    FileAttachment: ContextFileAttachment,\n    Gallery: ContextGallery,\n    Giphy: ContextGiphy,\n    giphyVersion: ContextGiphyVersion,\n    UrlPreview: ContextUrlPreview,\n  } = useMessagesContext<StreamChatGenerics>();\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  const giphyVersion = PropGiphyVersion || ContextGiphyVersion;\n\n  return (\n    <MemoizedAttachment\n      {...{\n        attachment,\n        AttachmentActions,\n        Card,\n        FileAttachment,\n        Gallery,\n        Giphy,\n        giphyVersion,\n        UrlPreview,\n      }}\n    />\n  );\n};\n"]}
+{"version":3,"sources":["Attachment.tsx"],"names":["AttachmentWithContext","props","attachment","AttachmentActions","Card","FileAttachment","Gallery","Giphy","giphyVersion","UrlPreview","hasAttachmentActions","actions","length","type","title_link","og_scrape_url","image_url","thumb_url","id","asset_url","areEqual","prevProps","nextProps","prevAttachment","isAttachmentEqual","nextAttachment","attachmentEqual","MemoizedAttachment","React","memo","Attachment","PropAttachmentActions","PropCard","PropFileAttachment","PropGallery","PropGiphy","PropGiphyVersion","PropUrlPreview","ContextAttachmentActions","ContextCard","ContextFileAttachment","ContextGallery","ContextGiphy","ContextGiphyVersion","ContextUrlPreview","AttachmentActionsDefault","CardDefault","FileAttachmentDefault","GalleryDefault","GiphyDefault"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type { Attachment as AttachmentType } from 'stream-chat';\n\nimport { AttachmentActions as AttachmentActionsDefault } from '../../components/Attachment/AttachmentActions';\nimport { Card as CardDefault } from '../../components/Attachment/Card';\nimport { FileAttachment as FileAttachmentDefault } from '../../components/Attachment/FileAttachment';\nimport { Gallery as GalleryDefault } from '../../components/Attachment/Gallery';\nimport { Giphy as GiphyDefault } from '../../components/Attachment/Giphy';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../contexts/messagesContext/MessagesContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nexport type ActionHandler = (name: string, value: string) => void;\n\nexport type AttachmentPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessagesContextValue<StreamChatGenerics>,\n  | 'AttachmentActions'\n  | 'Card'\n  | 'FileAttachment'\n  | 'Gallery'\n  | 'giphyVersion'\n  | 'Giphy'\n  | 'isAttachmentEqual'\n  | 'UrlPreview'\n> & {\n  /**\n   * The attachment to render\n   */\n  attachment: AttachmentType<StreamChatGenerics>;\n};\n\nconst AttachmentWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: AttachmentPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    attachment,\n    AttachmentActions,\n    Card,\n    FileAttachment,\n    Gallery,\n    Giphy,\n    giphyVersion,\n    UrlPreview,\n  } = props;\n\n  const hasAttachmentActions = !!attachment.actions?.length;\n\n  if (attachment.type === 'giphy' || attachment.type === 'imgur') {\n    return <Giphy attachment={attachment} giphyVersion={giphyVersion} />;\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 = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: AttachmentPropsWithContext<StreamChatGenerics>,\n  nextProps: AttachmentPropsWithContext<StreamChatGenerics>,\n) => {\n  const { attachment: prevAttachment, isAttachmentEqual } = 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  if (!attachmentEqual) return false;\n\n  if (isAttachmentEqual) {\n    return isAttachmentEqual(prevAttachment, nextAttachment);\n  }\n\n  return true;\n};\n\nconst MemoizedAttachment = React.memo(\n  AttachmentWithContext,\n  areEqual,\n) as typeof AttachmentWithContext;\n\nexport type AttachmentProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<\n  Pick<\n    MessagesContextValue<StreamChatGenerics>,\n    | 'AttachmentActions'\n    | 'Card'\n    | 'FileAttachment'\n    | 'Gallery'\n    | 'Giphy'\n    | 'giphyVersion'\n    | 'UrlPreview'\n    | 'isAttachmentEqual'\n  >\n> &\n  Pick<AttachmentPropsWithContext<StreamChatGenerics>, 'attachment'>;\n\n/**\n * Attachment - The message attachment\n */\nexport const Attachment = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: AttachmentProps<StreamChatGenerics>,\n) => {\n  const {\n    attachment,\n    AttachmentActions: PropAttachmentActions,\n    Card: PropCard,\n    FileAttachment: PropFileAttachment,\n    Gallery: PropGallery,\n    Giphy: PropGiphy,\n    giphyVersion: PropGiphyVersion,\n    UrlPreview: PropUrlPreview,\n  } = props;\n\n  const {\n    AttachmentActions: ContextAttachmentActions,\n    Card: ContextCard,\n    FileAttachment: ContextFileAttachment,\n    Gallery: ContextGallery,\n    Giphy: ContextGiphy,\n    giphyVersion: ContextGiphyVersion,\n    isAttachmentEqual,\n    UrlPreview: ContextUrlPreview,\n  } = useMessagesContext<StreamChatGenerics>();\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  const giphyVersion = PropGiphyVersion || ContextGiphyVersion;\n\n  return (\n    <MemoizedAttachment\n      {...{\n        attachment,\n        AttachmentActions,\n        Card,\n        FileAttachment,\n        Gallery,\n        Giphy,\n        giphyVersion,\n        isAttachmentEqual,\n        UrlPreview,\n      }}\n    />\n  );\n};\n"]}

package/lib/commonjs/components/Channel/Channel.js

@@ -343,6 +343,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       InputGiphySearch = _props$InputGiphySear === void 0 ? _InputGiphySearch.InputGiphySearch : _props$InputGiphySear,
       _props$InputReplyStat = props.InputReplyStateHeader,
       InputReplyStateHeader = _props$InputReplyStat === void 0 ? _InputReplyStateHeader.InputReplyStateHeader : _props$InputReplyStat,
+      isAttachmentEqual = props.isAttachmentEqual,
       keyboardBehavior = props.keyboardBehavior,
       _props$KeyboardCompat = props.KeyboardCompatibleView,
       KeyboardCompatibleView = _props$KeyboardCompat === void 0 ? _KeyboardCompatibleView.KeyboardCompatibleView : _props$KeyboardCompat,
@@ -1976,6 +1977,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     initialScrollToFirstUnreadMessage: initialScrollToFirstUnreadMessage,
     InlineDateSeparator: InlineDateSeparator,
     InlineUnreadIndicator: InlineUnreadIndicator,
+    isAttachmentEqual: isAttachmentEqual,
     legacyImageViewerSwipeBehaviour: legacyImageViewerSwipeBehaviour,
     markdownRules: markdownRules,
     Message: Message,
@@ -2044,7 +2046,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1767,
+        lineNumber: 1770,
         columnNumber: 12
       }
     });
@@ -2059,7 +2061,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1772,
+        lineNumber: 1775,
         columnNumber: 7
       }
     }, t('Please select a channel first'));
@@ -2073,7 +2075,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1779,
+      lineNumber: 1782,
       columnNumber: 5
     }
   }), _react["default"].createElement(_ChannelContext.ChannelProvider, {
@@ -2081,7 +2083,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1785,
+      lineNumber: 1788,
       columnNumber: 7
     }
   }, _react["default"].createElement(_OwnCapabilitiesContext.OwnCapabilitiesProvider, {
@@ -2089,7 +2091,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1786,
+      lineNumber: 1789,
       columnNumber: 9
     }
   }, _react["default"].createElement(_TypingContext.TypingProvider, {
@@ -2097,7 +2099,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1787,
+      lineNumber: 1790,
       columnNumber: 11
     }
   }, _react["default"].createElement(_PaginatedMessageListContext.PaginatedMessageListProvider, {
@@ -2105,7 +2107,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1788,
+      lineNumber: 1791,
       columnNumber: 13
     }
   }, _react["default"].createElement(_MessagesContext.MessagesProvider, {
@@ -2113,7 +2115,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1789,
+      lineNumber: 1792,
       columnNumber: 15
     }
   }, _react["default"].createElement(_ThreadContext.ThreadProvider, {
@@ -2121,7 +2123,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1790,
+      lineNumber: 1793,
       columnNumber: 17
     }
   }, _react["default"].createElement(_SuggestionsContext.SuggestionsProvider, {
@@ -2129,7 +2131,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1791,
+      lineNumber: 1794,
       columnNumber: 19
     }
   }, _react["default"].createElement(_MessageInputContext.MessageInputProvider, {
@@ -2137,7 +2139,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1792,
+      lineNumber: 1795,
       columnNumber: 21
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -2147,7 +2149,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1793,
+      lineNumber: 1796,
       columnNumber: 23
     }
   }, children))))))))));
@@ -2202,7 +2204,7 @@ var Channel = function Channel(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1850,
+      lineNumber: 1853,
       columnNumber: 5
     }
   }));