stream-chat-react-native-core 9.3.1-beta.1 → 9.3.1-beta.10

package/lib/module/components/Message/MessageItemView/utils/renderText.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.renderText = exports.MarkdownReactiveScrollView = exports.ListOutput = void 0;
 var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeGestureHandler = require("react-native-gesture-handler");
@@ -16,20 +14,20 @@ var _generateMarkdownText = require("./generateMarkdownText");
 var _theme = require("../../../../theme");
 var _utils = require("../../../../utils/utils");
 var _jsxRuntime = require("react/jsx-runtime");
-var _this = this,
-  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageItemView/utils/renderText.tsx";
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageItemView/utils/renderText.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-var MarkdownReactiveScrollView = exports.MarkdownReactiveScrollView = function MarkdownReactiveScrollView(_ref) {
-  var children = _ref.children;
+var MarkdownReactiveScrollView = ({
+  children
+}) => {
   var scrollViewRef = (0, _reactNativeReanimated.useAnimatedRef)();
   var contentWidth = (0, _reactNativeReanimated.useSharedValue)(0);
   var visibleContentWidth = (0, _reactNativeReanimated.useSharedValue)(0);
   var offsetBeforeScroll = (0, _reactNativeReanimated.useSharedValue)(0);
-  var panGesture = _reactNativeGestureHandler.Gesture.Pan().activeOffsetX([-5, 5]).onUpdate(function (event) {
+  var panGesture = _reactNativeGestureHandler.Gesture.Pan().activeOffsetX([-5, 5]).onUpdate(event => {
     var translationX = event.translationX;
     (0, _reactNativeReanimated.scrollTo)(scrollViewRef, offsetBeforeScroll.value - translationX, 0, false);
-  }).onEnd(function (event) {
+  }).onEnd(event => {
     var translationX = event.translationX;
     var velocityEffect = event.velocityX * 0.3;
     var finalPosition = (0, _reactNativeReanimated.clamp)(offsetBeforeScroll.value - translationX - velocityEffect, 0, contentWidth.value - visibleContentWidth.value);
@@ -48,10 +46,10 @@ var MarkdownReactiveScrollView = exports.MarkdownReactiveScrollView = function M
         },
         horizontal: true,
         nestedScrollEnabled: true,
-        onContentSizeChange: function onContentSizeChange(width) {
+        onContentSizeChange: width => {
           contentWidth.value = width;
         },
-        onLayout: function onLayout(e) {
+        onLayout: e => {
           visibleContentWidth.value = e.nativeEvent.layout.width;
         },
         ref: scrollViewRef,
@@ -61,6 +59,7 @@ var MarkdownReactiveScrollView = exports.MarkdownReactiveScrollView = function M
     })
   });
 };
+exports.MarkdownReactiveScrollView = MarkdownReactiveScrollView;
 var defaultMarkdownStyles = {
   codeBlock: {
     fontFamily: _reactNative.Platform.OS === 'ios' ? 'Courier' : 'Monospace',
@@ -69,6 +68,30 @@ var defaultMarkdownStyles = {
     fontSize: _theme.primitives.typographyFontSizeMd,
     lineHeight: _theme.primitives.typographyLineHeightNormal
   },
+  heading1: {
+    fontSize: _theme.primitives.typographyFontSizeMd * 2,
+    lineHeight: _theme.primitives.typographyFontSizeMd * 2 * 1.25
+  },
+  heading2: {
+    fontSize: _theme.primitives.typographyFontSizeMd * 1.5,
+    lineHeight: _theme.primitives.typographyFontSizeMd * 1.5 * 1.25
+  },
+  heading3: {
+    fontSize: _theme.primitives.typographyFontSizeMd * 1.25,
+    lineHeight: _theme.primitives.typographyFontSizeMd * 1.25 * 1.25
+  },
+  heading4: {
+    fontSize: _theme.primitives.typographyFontSizeMd,
+    lineHeight: _theme.primitives.typographyFontSizeMd * 1.25
+  },
+  heading5: {
+    fontSize: _theme.primitives.typographyFontSizeMd * 0.875,
+    lineHeight: _theme.primitives.typographyFontSizeMd * 0.875 * 1.25
+  },
+  heading6: {
+    fontSize: _theme.primitives.typographyFontSizeMd * 0.75,
+    lineHeight: _theme.primitives.typographyFontSizeMd * 0.75 * 1.25
+  },
   inlineCode: {
     padding: _theme.primitives.spacingXxs,
     paddingHorizontal: _theme.primitives.spacingXxs,
@@ -128,12 +151,10 @@ var defaultMarkdownStyles = {
     flex: 1
   }
 };
-var mentionsParseFunction = function mentionsParseFunction(capture, parse, state) {
-  return {
-    content: (0, _simpleMarkdown.parseInline)(parse, capture[0], state)
-  };
-};
-var renderText = exports.renderText = function renderText(params) {
+var mentionsParseFunction = (capture, parse, state) => ({
+  content: (0, _simpleMarkdown.parseInline)(parse, capture[0], state)
+});
+var renderText = params => {
   var semantics = params.semantics,
     markdownRules = params.markdownRules,
     markdownStyles = params.markdownStyles,
@@ -148,111 +169,144 @@ var renderText = exports.renderText = function renderText(params) {
     isMyMessage = params.isMyMessage;
   var text = message.text;
   var markdownText = (0, _generateMarkdownText.generateMarkdownText)(text);
-  var styles = Object.assign({}, defaultMarkdownStyles, markdownStyles, {
-    paragraph: Object.assign({}, onlyEmojis ? {} : {
-      lineHeight: _theme.primitives.typographyLineHeightNormal
-    }, defaultMarkdownStyles.paragraph, markdownStyles == null ? void 0 : markdownStyles.paragraph),
-    paragraphCenter: Object.assign({}, onlyEmojis ? {} : {
-      lineHeight: _theme.primitives.typographyLineHeightNormal
-    }, defaultMarkdownStyles.paragraphCenter, markdownStyles == null ? void 0 : markdownStyles.paragraphCenter),
-    autolink: Object.assign({
+  var styles = {
+    ...defaultMarkdownStyles,
+    ...markdownStyles,
+    paragraph: {
+      ...(onlyEmojis ? {} : {
+        lineHeight: _theme.primitives.typographyLineHeightNormal
+      }),
+      ...defaultMarkdownStyles.paragraph,
+      ...markdownStyles?.paragraph
+    },
+    paragraphCenter: {
+      ...(onlyEmojis ? {} : {
+        lineHeight: _theme.primitives.typographyLineHeightNormal
+      }),
+      ...defaultMarkdownStyles.paragraphCenter,
+      ...markdownStyles?.paragraphCenter
+    },
+    autolink: {
       fontSize: _theme.primitives.typographyFontSizeMd,
-      lineHeight: _theme.primitives.typographyLineHeightNormal
-    }, defaultMarkdownStyles.autolink, {
-      color: semantics.textLink
-    }, markdownStyles == null ? void 0 : markdownStyles.autolink),
-    blockQuoteSection: Object.assign({}, defaultMarkdownStyles.blockQuoteSection, {
+      lineHeight: _theme.primitives.typographyLineHeightNormal,
+      ...defaultMarkdownStyles.autolink,
+      color: semantics.textLink,
+      ...markdownStyles?.autolink
+    },
+    blockQuoteSection: {
+      ...defaultMarkdownStyles.blockQuoteSection,
       flexDirection: 'row',
-      padding: _theme.primitives.spacingXs
-    }, markdownStyles == null ? void 0 : markdownStyles.blockQuoteSection),
-    blockQuoteSectionBar: Object.assign({}, defaultMarkdownStyles.blockQuoteSectionBar, {
+      padding: _theme.primitives.spacingXs,
+      ...markdownStyles?.blockQuoteSection
+    },
+    blockQuoteSectionBar: {
+      ...defaultMarkdownStyles.blockQuoteSectionBar,
       backgroundColor: semantics.borderCoreStrong,
       marginRight: _theme.primitives.spacingXs,
-      width: 2
-    }, markdownStyles == null ? void 0 : markdownStyles.blockQuoteSectionBar),
-    blockQuoteText: Object.assign({
+      width: 2,
+      ...markdownStyles?.blockQuoteSectionBar
+    },
+    blockQuoteText: {
       fontSize: _theme.primitives.typographyFontSizeMd,
-      lineHeight: _theme.primitives.typographyLineHeightNormal
-    }, defaultMarkdownStyles.blockQuoteText, markdownStyles == null ? void 0 : markdownStyles.blockQuoteText),
-    codeBlock: Object.assign({}, defaultMarkdownStyles.codeBlock, {
+      lineHeight: _theme.primitives.typographyLineHeightNormal,
+      ...defaultMarkdownStyles.blockQuoteText,
+      ...markdownStyles?.blockQuoteText
+    },
+    codeBlock: {
+      ...defaultMarkdownStyles.codeBlock,
       backgroundColor: semantics.backgroundCoreSurfaceSubtle,
       color: semantics.textPrimary,
-      padding: _theme.primitives.spacingXs
-    }, markdownStyles == null ? void 0 : markdownStyles.codeBlock),
-    inlineCode: Object.assign({}, defaultMarkdownStyles.inlineCode, {
+      padding: _theme.primitives.spacingXs,
+      ...markdownStyles?.codeBlock
+    },
+    inlineCode: {
+      ...defaultMarkdownStyles.inlineCode,
       backgroundColor: semantics.backgroundCoreSurfaceSubtle,
       borderColor: semantics.borderCoreSubtle,
-      color: semantics.accentError
-    }, markdownStyles == null ? void 0 : markdownStyles.inlineCode),
-    mentions: Object.assign({}, defaultMarkdownStyles.mentions, {
-      color: semantics.accentPrimary
-    }, markdownStyles == null ? void 0 : markdownStyles.mentions),
-    table: Object.assign({}, defaultMarkdownStyles.table, {
+      color: semantics.accentError,
+      ...markdownStyles?.inlineCode
+    },
+    mentions: {
+      ...defaultMarkdownStyles.mentions,
+      color: semantics.accentPrimary,
+      ...markdownStyles?.mentions
+    },
+    table: {
+      ...defaultMarkdownStyles.table,
       borderColor: semantics.borderCoreStrong,
-      marginVertical: _theme.primitives.spacingXs
-    }, markdownStyles == null ? void 0 : markdownStyles.table),
-    tableHeader: Object.assign({}, defaultMarkdownStyles.tableHeader, {
-      backgroundColor: semantics.backgroundCoreSurfaceSubtle
-    }, markdownStyles == null ? void 0 : markdownStyles.tableHeader),
-    tableHeaderCell: Object.assign({
+      marginVertical: _theme.primitives.spacingXs,
+      ...markdownStyles?.table
+    },
+    tableHeader: {
+      ...defaultMarkdownStyles.tableHeader,
+      backgroundColor: semantics.backgroundCoreSurfaceSubtle,
+      ...markdownStyles?.tableHeader
+    },
+    tableHeaderCell: {
       fontSize: _theme.primitives.typographyFontSizeMd,
-      lineHeight: _theme.primitives.typographyLineHeightNormal
-    }, defaultMarkdownStyles.tableHeaderCell, {
-      padding: _theme.primitives.spacingXxs
-    }, markdownStyles == null ? void 0 : markdownStyles.tableHeaderCell),
-    tableRow: Object.assign({}, defaultMarkdownStyles.tableRow, markdownStyles == null ? void 0 : markdownStyles.tableRow),
-    tableRowCell: Object.assign({}, defaultMarkdownStyles.tableRowCell, {
+      lineHeight: _theme.primitives.typographyLineHeightNormal,
+      ...defaultMarkdownStyles.tableHeaderCell,
+      padding: _theme.primitives.spacingXxs,
+      ...markdownStyles?.tableHeaderCell
+    },
+    tableRow: {
+      ...defaultMarkdownStyles.tableRow,
+      ...markdownStyles?.tableRow
+    },
+    tableRowCell: {
+      ...defaultMarkdownStyles.tableRowCell,
       borderColor: semantics.borderCoreStrong,
-      padding: _theme.primitives.spacingXxs
-    }, markdownStyles == null ? void 0 : markdownStyles.tableRowCell),
-    tableRowLast: Object.assign({}, markdownStyles == null ? void 0 : markdownStyles.tableRowLast),
-    text: Object.assign({
-      fontSize: _theme.primitives.typographyFontSizeMd
-    }, onlyEmojis ? {} : {
-      lineHeight: _theme.primitives.typographyLineHeightNormal
-    }, defaultMarkdownStyles.text, {
-      color: isMyMessage ? semantics.chatTextOutgoing : semantics.chatTextIncoming
-    }, markdownStyles == null ? void 0 : markdownStyles.text, {
+      padding: _theme.primitives.spacingXxs,
+      ...markdownStyles?.tableRowCell
+    },
+    tableRowLast: {
+      ...markdownStyles?.tableRowLast
+    },
+    text: {
+      fontSize: _theme.primitives.typographyFontSizeMd,
+      ...(onlyEmojis ? {} : {
+        lineHeight: _theme.primitives.typographyLineHeightNormal
+      }),
+      ...defaultMarkdownStyles.text,
+      color: isMyMessage ? semantics.chatTextOutgoing : semantics.chatTextIncoming,
+      ...markdownStyles?.text,
       writingDirection: _reactNative.I18nManager.isRTL ? 'rtl' : 'ltr'
-    })
-  });
-  var onLink = function onLink(url) {
-    return onLinkParams ? onLinkParams(url) : _reactNative.Linking.canOpenURL(url).then(function (canOpenUrl) {
-      return canOpenUrl && _reactNative.Linking.openURL(url);
-    });
+    }
   };
+  var onLink = url => onLinkParams ? onLinkParams(url) : _reactNative.Linking.canOpenURL(url).then(canOpenUrl => canOpenUrl && _reactNative.Linking.openURL(url));
   var previousLink;
-  var linkReact = function linkReact(node, output, _ref2) {
-    var state = Object.assign({}, ((0, _objectDestructuringEmpty2.default)(_ref2), _ref2));
+  var linkReact = (node, output, {
+    ...state
+  }) => {
     var url;
-    if (state != null && state.withinLink && previousLink) {
+    if (state?.withinLink && previousLink) {
       url = previousLink;
     } else {
       url = node.target;
       previousLink = node.target;
     }
-    var onPress = function onPress(event) {
+    var onPress = event => {
       if (!preventPress && onPressParam) {
         onPressParam({
           additionalInfo: {
-            url: url
+            url
           },
-          defaultHandler: function defaultHandler() {
+          defaultHandler: () => {
             onLink(url);
           },
           emitter: 'textLink',
-          event: event
+          event
         });
       }
     };
-    var onLongPress = function onLongPress(event) {
+    var onLongPress = event => {
       if (!preventPress && onLongPressParam) {
         onLongPressParam({
           additionalInfo: {
-            url: url
+            url
           },
           emitter: 'textLink',
-          event: event
+          event
         });
       }
     };
@@ -261,13 +315,15 @@ var renderText = exports.renderText = function renderText(params) {
       onPress: onPress,
       style: styles.autolink,
       suppressHighlighting: true,
-      children: output(node.content, Object.assign({}, state, {
+      children: output(node.content, {
+        ...state,
         withinLink: true
-      }))
+      })
     }, state.key);
   };
-  var paragraphTextReact = function paragraphTextReact(node, output, _ref3) {
-    var state = Object.assign({}, ((0, _objectDestructuringEmpty2.default)(_ref3), _ref3));
+  var paragraphTextReact = (node, output, {
+    ...state
+  }) => {
     if (messageTextNumberOfLines !== undefined) {
       if (state.key === '0' || state.key === 0) {
         return (0, _jsxRuntime.jsx)(_reactNative.Text, {
@@ -285,40 +341,30 @@ var renderText = exports.renderText = function renderText(params) {
     }, state.key);
   };
   var mentioned_users = message.mentioned_users;
-  var mentionedUsernames = (mentioned_users || []).map(function (user) {
-    return user.name || user.id;
-  }).filter(Boolean).sort(function (a, b) {
-    return b.length - a.length;
-  }).map(_utils.escapeRegExp);
-  var mentionedUsers = mentionedUsernames.map(function (username) {
-    return `@${username}`;
-  }).join('|');
+  var mentionedUsernames = (mentioned_users || []).map(user => user.name || user.id).filter(Boolean).sort((a, b) => b.length - a.length).map(_utils.escapeRegExp);
+  var mentionedUsers = mentionedUsernames.map(username => `@${username}`).join('|');
   var regEx = new RegExp(`^\\B(${mentionedUsers})`, 'g');
-  var mentionsMatchFunction = function mentionsMatchFunction(source) {
-    return regEx.exec(source);
-  };
-  var mentionsReact = function mentionsReact(node, output, _ref4) {
-    var _node$content$;
-    var state = Object.assign({}, ((0, _objectDestructuringEmpty2.default)(_ref4), _ref4));
-    var userName = (_node$content$ = node.content[0]) == null || (_node$content$ = _node$content$.content) == null ? void 0 : _node$content$.substring(1);
-    var onPress = function onPress(event) {
+  var mentionsMatchFunction = source => regEx.exec(source);
+  var mentionsReact = (node, output, {
+    ...state
+  }) => {
+    var userName = node.content[0]?.content?.substring(1);
+    var onPress = event => {
       if (!preventPress && onPressParam) {
         onPressParam({
           additionalInfo: {
-            user: mentioned_users == null ? void 0 : mentioned_users.find(function (user) {
-              return userName === user.name;
-            })
+            user: mentioned_users?.find(user => userName === user.name)
           },
           emitter: 'textMention',
-          event: event
+          event
         });
       }
     };
-    var onLongPress = function onLongPress(event) {
+    var onLongPress = event => {
       if (!preventPress && onLongPressParam) {
         onLongPressParam({
           emitter: 'textMention',
-          event: event
+          event
         });
       }
     };
@@ -326,50 +372,39 @@ var renderText = exports.renderText = function renderText(params) {
       onLongPress: onLongPress,
       onPress: onPress,
       style: styles.mentions,
-      children: Array.isArray(node.content) ? node.content.reduce(function (acc, current) {
-        return acc + current.content;
-      }, '') || '' : output(node.content, state)
+      children: Array.isArray(node.content) ? node.content.reduce((acc, current) => acc + current.content, '') || '' : output(node.content, state)
     }, state.key);
   };
-  var listReact = function listReact(node, output, state) {
-    return (0, _jsxRuntime.jsx)(ListOutput, {
+  var listReact = (node, output, state) => (0, _jsxRuntime.jsx)(ListOutput, {
+    node: node,
+    output: output,
+    state: state,
+    styles: styles
+  }, `list-${state.key}`);
+  var codeBlockReact = (node, _, state) => (0, _jsxRuntime.jsx)(MarkdownReactiveScrollView, {
+    children: (0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.codeBlock,
+      children: node?.content?.trim()
+    })
+  }, state.key);
+  var tableReact = (node, output, state) => (0, _jsxRuntime.jsx)(MarkdownReactiveScrollView, {
+    children: (0, _jsxRuntime.jsx)(MarkdownTable, {
       node: node,
       output: output,
       state: state,
       styles: styles
-    }, `list-${state.key}`);
-  };
-  var codeBlockReact = function codeBlockReact(node, _, state) {
-    var _node$content;
-    return (0, _jsxRuntime.jsx)(MarkdownReactiveScrollView, {
-      children: (0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.codeBlock,
-        children: node == null || (_node$content = node.content) == null ? void 0 : _node$content.trim()
-      })
-    }, state.key);
-  };
-  var tableReact = function tableReact(node, output, state) {
-    return (0, _jsxRuntime.jsx)(MarkdownReactiveScrollView, {
-      children: (0, _jsxRuntime.jsx)(MarkdownTable, {
-        node: node,
-        output: output,
-        state: state,
-        styles: styles
-      })
-    }, state.key);
-  };
-  var blockQuoteReact = function blockQuoteReact(node, output, state) {
-    return (0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.blockQuoteSection,
-      children: [(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.blockQuoteSectionBar
-      }), (0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.blockQuoteText,
-        children: output(node.content, state)
-      })]
-    }, state.key);
-  };
-  var customRules = Object.assign({
+    })
+  }, state.key);
+  var blockQuoteReact = (node, output, state) => (0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.blockQuoteSection,
+    children: [(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.blockQuoteSectionBar
+    }), (0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.blockQuoteText,
+      children: output(node.content, state)
+    })]
+  }, state.key);
+  var customRules = {
     blockQuote: {
       react: blockQuoteReact
     },
@@ -377,9 +412,7 @@ var renderText = exports.renderText = function renderText(params) {
       react: codeBlockReact
     },
     image: {
-      match: function match() {
-        return null;
-      }
+      match: () => null
     },
     link: {
       react: linkReact
@@ -391,145 +424,137 @@ var renderText = exports.renderText = function renderText(params) {
       react: paragraphTextReact
     } : {},
     reflink: {
-      match: function match() {
-        return null;
-      }
+      match: () => null
     },
     sublist: {
       react: listReact
-    }
-  }, mentionedUsers ? {
-    mentions: {
-      match: mentionsMatchFunction,
-      order: _simpleMarkdown.defaultRules.text.order - 0.5,
-      parse: mentionsParseFunction,
-      react: mentionsReact
-    }
-  } : {}, {
+    },
+    ...(mentionedUsers ? {
+      mentions: {
+        match: mentionsMatchFunction,
+        order: _simpleMarkdown.defaultRules.text.order - 0.5,
+        parse: mentionsParseFunction,
+        react: mentionsReact
+      }
+    } : {}),
     table: {
       react: tableReact
     }
-  });
+  };
   return (0, _jsxRuntime.jsx)(_reactNativeMarkdownPackage.default, {
     onLink: onLink,
-    rules: Object.assign({}, customRules, markdownRules),
+    rules: {
+      ...customRules,
+      ...markdownRules
+    },
     styles: styles,
     children: markdownText
   }, `${JSON.stringify(mentioned_users)}-${onlyEmojis}-${messageOverlay ? JSON.stringify(markdownStyles) : undefined}-${JSON.stringify(semantics)}`);
 };
-var ListOutput = exports.ListOutput = function ListOutput(_ref5) {
-  var node = _ref5.node,
-    output = _ref5.output,
-    state = _ref5.state,
-    styles = _ref5.styles;
+exports.renderText = renderText;
+var ListOutput = ({
+  node,
+  output,
+  state,
+  styles
+}) => {
   var isSublist = state.withinList;
   var parentTypes = ['text', 'paragraph', 'strong'];
   return (0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: isSublist ? styles == null ? void 0 : styles.sublist : styles == null ? void 0 : styles.list,
-    children: node.items.map(function (item, index) {
-      var _item$;
+    style: isSublist ? styles?.sublist : styles?.list,
+    children: node.items.map((item, index) => {
       var indexAfterStart = node.start + index;
       if (item === null) {
         return (0, _jsxRuntime.jsx)(ListRow, {
-          style: styles == null ? void 0 : styles.listRow,
+          style: styles?.listRow,
           testID: "list-item",
           children: (0, _jsxRuntime.jsx)(Bullet, {
             index: node.ordered && indexAfterStart,
-            style: node.ordered ? styles == null ? void 0 : styles.listItemNumber : styles == null ? void 0 : styles.listItemBullet
+            style: node.ordered ? styles?.listItemNumber : styles?.listItemBullet
           })
         }, index);
       }
       isSublist = item.length > 1 && item[1].type === 'list';
-      var isSublistWithinText = parentTypes.includes(((_item$ = item[0]) != null ? _item$ : {}).type) && isSublist;
+      var isSublistWithinText = parentTypes.includes((item[0] ?? {}).type) && isSublist;
       var style = isSublistWithinText ? {
         marginBottom: 0
       } : {};
       return (0, _jsxRuntime.jsxs)(ListRow, {
-        style: styles == null ? void 0 : styles.listRow,
+        style: styles?.listRow,
         testID: "list-item",
         children: [(0, _jsxRuntime.jsx)(Bullet, {
           index: node.ordered && indexAfterStart,
-          style: node.ordered ? styles == null ? void 0 : styles.listItemNumber : styles == null ? void 0 : styles.listItemBullet
+          style: node.ordered ? styles?.listItemNumber : styles?.listItemBullet
         }), (0, _jsxRuntime.jsx)(ListItem, {
-          style: [styles == null ? void 0 : styles.listItemText, style],
+          style: [styles?.listItemText, style],
           children: output(item, state)
         }, 1)]
       }, index);
     })
   }, state.key);
 };
-var Bullet = function Bullet(_ref6) {
-  var index = _ref6.index,
-    style = _ref6.style;
-  return (0, _jsxRuntime.jsx)(_reactNative.Text, {
-    style: style,
-    children: index ? `${index}. ` : "\u2022 "
-  }, 0);
-};
-var ListRow = function ListRow(_ref7) {
-  var children = _ref7.children,
-    style = _ref7.style;
-  return (0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: style,
-    children: children
-  });
-};
-var ListItem = function ListItem(_ref8) {
-  var children = _ref8.children,
-    style = _ref8.style;
-  return (0, _jsxRuntime.jsx)(_reactNative.Text, {
-    style: style,
-    children: children
-  });
-};
-var transpose = function transpose(matrix) {
-  return matrix[0].map(function (_, colIndex) {
-    return matrix.map(function (row) {
-      return row[colIndex];
-    });
-  });
-};
-var MarkdownTable = function MarkdownTable(_ref9) {
-  var node = _ref9.node,
-    output = _ref9.output,
-    state = _ref9.state,
-    styles = _ref9.styles;
-  var content = (0, _react.useMemo)(function () {
-    var _node$cells;
-    var nodeContent = [node == null ? void 0 : node.header].concat((0, _toConsumableArray2.default)((_node$cells = node == null ? void 0 : node.cells) != null ? _node$cells : null));
+exports.ListOutput = ListOutput;
+var Bullet = ({
+  index,
+  style
+}) => (0, _jsxRuntime.jsx)(_reactNative.Text, {
+  style: style,
+  children: index ? `${index}. ` : '\u2022 '
+}, 0);
+var ListRow = ({
+  children,
+  style
+}) => (0, _jsxRuntime.jsx)(_reactNative.View, {
+  style: style,
+  children: children
+});
+var ListItem = ({
+  children,
+  style
+}) => (0, _jsxRuntime.jsx)(_reactNative.Text, {
+  style: style,
+  children: children
+});
+var transpose = matrix => matrix[0].map((_, colIndex) => matrix.map(row => row[colIndex]));
+var MarkdownTable = ({
+  node,
+  output,
+  state,
+  styles
+}) => {
+  var content = (0, _react.useMemo)(() => {
+    var nodeContent = [node?.header, ...(node?.cells ?? null)];
     return transpose(nodeContent);
-  }, [node == null ? void 0 : node.cells, node == null ? void 0 : node.header]);
-  var columns = content == null ? void 0 : content.map(function (column, idx) {
-    return (0, _jsxRuntime.jsx)(MarkdownTableColumn, {
-      items: column,
-      output: output,
-      state: state,
-      styles: styles
-    }, `column-${idx}`);
-  });
+  }, [node?.cells, node?.header]);
+  var columns = content?.map((column, idx) => (0, _jsxRuntime.jsx)(MarkdownTableColumn, {
+    items: column,
+    output: output,
+    state: state,
+    styles: styles
+  }, `column-${idx}`));
   return (0, _jsxRuntime.jsx)(_reactNative.View, {
     style: styles.table,
     children: columns
   }, state.key);
 };
-var MarkdownTableColumn = function MarkdownTableColumn(_ref0) {
-  var items = _ref0.items,
-    output = _ref0.output,
-    state = _ref0.state,
-    styles = _ref0.styles;
+var MarkdownTableColumn = ({
+  items,
+  output,
+  state,
+  styles
+}) => {
   var _items = (0, _toArray2.default)(items),
     headerCellContent = _items[0],
     columnCellContents = _arrayLikeToArray(_items).slice(1);
-  var ColumnCell = (0, _react.useCallback)(function (_ref1) {
-    var content = _ref1.content;
-    return content ? (0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.tableRow,
-      children: (0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.tableRowCell,
-        children: output(content, state)
-      })
-    }) : null;
-  }, [output, state, styles]);
+  var ColumnCell = (0, _react.useCallback)(({
+    content
+  }) => content ? (0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.tableRow,
+    children: (0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.tableRowCell,
+      children: output(content, state)
+    })
+  }) : null, [output, state, styles]);
   return (0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: {
       flex: 1,
@@ -541,11 +566,9 @@ var MarkdownTableColumn = function MarkdownTableColumn(_ref0) {
         style: styles.tableHeaderCell,
         children: output(headerCellContent, state)
       })
-    }, -1) : null, columnCellContents && columnCellContents.map(function (content, idx) {
-      return (0, _jsxRuntime.jsx)(ColumnCell, {
-        content: content
-      }, `cell-${idx}`);
-    })]
+    }, -1) : null, columnCellContents && columnCellContents.map((content, idx) => (0, _jsxRuntime.jsx)(ColumnCell, {
+      content: content
+    }, `cell-${idx}`))]
   });
 };
 //# sourceMappingURL=renderText.js.map