@kesha-antonov/react-native-chat 5.0.0 → 6.0.0

package/lib/components/MarkdownMessageText.js

@@ -1,35 +1,283 @@
+import { c as _c } from "react/compiler-runtime";
 import React from 'react';
-import { Text, View } from 'react-native';
+import { StyleSheet, Text, View } from 'react-native';
+import { devHint } from '../logging';
+import { getStreamdown } from '../optional';
 import { StreamingCursor } from './StreamingCursor';
+
 // Optional markdown renderer for AI/streamed replies. Resolved through a
-// try/catch require so the bundle works whether or not the consumer installed
+// optional-peer registry (`src/optional`) so the bundle works whether or not the consumer installed
 // `react-native-streamdown` (Metro treats try/catch-wrapped requires as optional
 // dependencies). Streamdown renders streaming-incomplete markdown gracefully
 // (unterminated code fences, half-written bold, partial tables).
-let streamdown = null;
-try {
-    streamdown = require('react-native-streamdown');
-}
-catch {
-    streamdown = null;
+//
+// Two shapes are supported: `StreamdownText` (0.3+, a `markdown` string prop and a
+// `markdownStyle` object, rendered natively by react-native-enriched-markdown), and the
+// older `Streamdown` / default export that took the text as children and a `style`.
+const streamdown = getStreamdown();
+const StreamdownText = streamdown?.StreamdownText ?? null;
+const LegacyStreamdown = StreamdownText ? null : streamdown?.Streamdown ?? streamdown?.default ?? null;
+
+// `StreamdownText` runs remend on a worklet runtime, which only works under react-native-worklets'
+// Bundle Mode (the Babel plugin's `bundleMode: true` flips this global). Without it the first
+// render throws "Tried to synchronously call a Remote Function" from the remend runtime and takes
+// the screen down, so the built-in renderer stays in charge until the app has opted in.
+const isBundleMode = () => globalThis._WORKLETS_BUNDLE_MODE_ENABLED === true;
+
+/** Whether react-native-streamdown is installed and able to render here. */
+export const canUseStreamdown = () => {
+  if (LegacyStreamdown) return true;
+  if (!StreamdownText) return false;
+  if (isBundleMode()) return true;
+  devHint('streamdown-bundle-mode', 'MessageText: `react-native-streamdown` is installed but react-native-worklets Bundle Mode is off, so markdown uses the built-in renderer. Enable `bundleMode` with `importForwarding: { moduleNames: [\'remend\'] }` in the worklets Babel plugin to use it.');
+  return false;
+};
+export const isMarkdownAvailable = !!(StreamdownText || LegacyStreamdown);
+
+/**
+ * How often a streaming reply's text reaches the renderer. `StreamdownText` processes each text
+ * on a worklet and drops every result older than the newest text, so a reply growing every few
+ * milliseconds showed nothing until it stopped. Fed at this pace, each step lands.
+ */
+export const STREAM_RENDER_MS = 250;
+
+/** The text, updated at most every `STREAM_RENDER_MS` while streaming, and at once when it ends. */
+export const useStreamThrottledText = (text, isStreaming) => {
+  const $ = _c(6);
+  const [shown, setShown] = React.useState(text);
+  const latestRef = React.useRef(text);
+  const timerRef = React.useRef(null);
+  const lastAtRef = React.useRef(0);
+  let t0;
+  let t1;
+  if ($[0] !== isStreaming || $[1] !== text) {
+    t0 = () => {
+      latestRef.current = text;
+      if (!isStreaming) {
+        if (timerRef.current) {
+          clearTimeout(timerRef.current);
+          timerRef.current = null;
+        }
+        setShown(text);
+        return;
+      }
+      if (timerRef.current) {
+        return;
+      }
+      const wait = Math.max(0, lastAtRef.current + STREAM_RENDER_MS - Date.now());
+      timerRef.current = setTimeout(() => {
+        timerRef.current = null;
+        lastAtRef.current = Date.now();
+        setShown(latestRef.current);
+      }, wait);
+    };
+    t1 = [text, isStreaming];
+    $[0] = isStreaming;
+    $[1] = text;
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t0 = $[2];
+    t1 = $[3];
+  }
+  React.useEffect(t0, t1);
+  let t2;
+  let t3;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => () => {
+      if (timerRef.current) {
+        clearTimeout(timerRef.current);
+      }
+    };
+    t3 = [];
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t2 = $[4];
+    t3 = $[5];
+  }
+  React.useEffect(t2, t3);
+  return isStreaming ? shown : text;
+};
+// The native renderer takes plain values per element, not a React Native text style, so the
+// bubble's text style is translated into the blocks a chat reply actually uses.
+export function buildMarkdownStyle(textStyle, linkStyle, override) {
+  const text = StyleSheet.flatten(textStyle) ?? {};
+  const link = StyleSheet.flatten(linkStyle) ?? {};
+  const color = typeof text.color === 'string' ? text.color : undefined;
+  const base = {
+    ...(color != null && {
+      color
+    }),
+    ...(text.fontSize != null && {
+      fontSize: text.fontSize
+    }),
+    ...(text.fontFamily != null && {
+      fontFamily: text.fontFamily
+    })
+  };
+  const block = {
+    ...base,
+    ...(text.lineHeight != null && {
+      lineHeight: text.lineHeight
+    })
+  };
+  const fontSize = text.fontSize ?? 16;
+  const heading = scale => ({
+    ...base,
+    fontSize: Math.round(fontSize * scale),
+    fontWeight: '700'
+  });
+  const style = {
+    paragraph: {
+      ...block,
+      marginTop: 0,
+      marginBottom: 4
+    },
+    h1: heading(1.25),
+    h2: heading(1.15),
+    h3: heading(1.05),
+    h4: heading(1),
+    h5: heading(1),
+    h6: heading(1),
+    list: {
+      ...block,
+      ...(color != null && {
+        bulletColor: color,
+        markerColor: color
+      })
+    },
+    codeBlock: {
+      marginBottom: 4,
+      borderRadius: 6,
+      padding: 10
+    },
+    blockquote: {
+      ...block,
+      ...(color != null && {
+        borderColor: color
+      })
+    },
+    link: {
+      ...(typeof link.color === 'string' ? {
+        color: link.color
+      } : color != null ? {
+        color
+      } : {}),
+      underline: link.textDecorationLine === 'underline'
+    },
+    ...(color != null && {
+      strong: {
+        color
+      },
+      em: {
+        color
+      }
+    })
+  };
+  if (override) for (const key of Object.keys(override)) style[key] = {
+    ...style[key],
+    ...override[key]
+  };
+  return style;
 }
-const Streamdown = streamdown?.Streamdown ?? streamdown?.default ?? null;
-export const isMarkdownAvailable = !!Streamdown;
+
 /**
  * Renders message text as markdown via react-native-streamdown. Only used when
  * the package is installed and markdown is enabled; otherwise MessageText falls
- * back to its plain-text LinkParser path.
+ * back to the built-in renderer.
  */
-export const MarkdownMessageText = ({ text, isStreaming, textStyle, containerStyle, componentProps, }) => {
-    if (!Streamdown)
-        return null;
-    return (<View style={containerStyle}>
-      <Streamdown style={textStyle} {...componentProps}>
-        {text}
-      </Streamdown>
-      {isStreaming && (<Text style={textStyle}>
-          <StreamingCursor />
-        </Text>)}
-    </View>);
+export const MarkdownMessageText = t0 => {
+  const $ = _c(26);
+  const {
+    text,
+    isStreaming,
+    textStyle,
+    linkStyle,
+    onLinkPress,
+    containerStyle,
+    componentProps
+  } = t0;
+  let t1;
+  if ($[0] !== componentProps) {
+    t1 = componentProps ?? {};
+    $[0] = componentProps;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const t2 = t1;
+  let markdownStyleProp;
+  let restProps;
+  if ($[2] !== t2) {
+    ({
+      markdownStyle: markdownStyleProp,
+      ...restProps
+    } = t2);
+    $[2] = t2;
+    $[3] = markdownStyleProp;
+    $[4] = restProps;
+  } else {
+    markdownStyleProp = $[3];
+    restProps = $[4];
+  }
+  let t3;
+  if ($[5] !== linkStyle || $[6] !== markdownStyleProp || $[7] !== textStyle) {
+    t3 = StreamdownText ? buildMarkdownStyle(textStyle, linkStyle, markdownStyleProp) : undefined;
+    $[5] = linkStyle;
+    $[6] = markdownStyleProp;
+    $[7] = textStyle;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  const markdownStyle = t3;
+  const renderedText = useStreamThrottledText(text, !!isStreaming);
+  let t4;
+  if ($[9] !== onLinkPress) {
+    t4 = onLinkPress ? event => event?.url && onLinkPress(event.url) : undefined;
+    $[9] = onLinkPress;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  const handleLinkPress = t4;
+  if (!StreamdownText && !LegacyStreamdown) {
+    return null;
+  }
+  let t5;
+  if ($[11] !== componentProps || $[12] !== handleLinkPress || $[13] !== markdownStyle || $[14] !== renderedText || $[15] !== restProps || $[16] !== text || $[17] !== textStyle) {
+    t5 = StreamdownText ? <StreamdownText markdown={renderedText} markdownStyle={markdownStyle} onLinkPress={handleLinkPress} {...restProps} /> : <LegacyStreamdown style={textStyle} {...componentProps}>{text}</LegacyStreamdown>;
+    $[11] = componentProps;
+    $[12] = handleLinkPress;
+    $[13] = markdownStyle;
+    $[14] = renderedText;
+    $[15] = restProps;
+    $[16] = text;
+    $[17] = textStyle;
+    $[18] = t5;
+  } else {
+    t5 = $[18];
+  }
+  let t6;
+  if ($[19] !== isStreaming || $[20] !== textStyle) {
+    t6 = isStreaming && <Text style={textStyle}><StreamingCursor /></Text>;
+    $[19] = isStreaming;
+    $[20] = textStyle;
+    $[21] = t6;
+  } else {
+    t6 = $[21];
+  }
+  let t7;
+  if ($[22] !== containerStyle || $[23] !== t5 || $[24] !== t6) {
+    t7 = <View style={containerStyle}>{t5}{t6}</View>;
+    $[22] = containerStyle;
+    $[23] = t5;
+    $[24] = t6;
+    $[25] = t7;
+  } else {
+    t7 = $[25];
+  }
+  return t7;
 };
 //# sourceMappingURL=MarkdownMessageText.js.map

package/lib/components/MarkdownMessageText.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownMessageText.js","sourceRoot":"","sources":["../../src/components/MarkdownMessageText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAa,IAAI,EAAa,IAAI,EAAa,MAAM,cAAc,CAAA;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,yEAAyE;AACzE,8EAA8E;AAC9E,iFAAiF;AACjF,6EAA6E;AAC7E,iEAAiE;AACjE,IAAI,UAAU,GAAQ,IAAI,CAAA;AAC1B,IAAI,CAAC;IACH,UAAU,GAAG,OAAO,CAAC,yBAAyB,CAAC,CAAA;AACjD,CAAC;AAAC,MAAM,CAAC;IACP,UAAU,GAAG,IAAI,CAAA;AACnB,CAAC;AAED,MAAM,UAAU,GAAG,UAAU,EAAE,UAAU,IAAI,UAAU,EAAE,OAAO,IAAI,IAAI,CAAA;AAExE,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,CAAC,UAAU,CAAA;AAY/C;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,IAAI,EACJ,WAAW,EACX,SAAS,EACT,cAAc,EACd,cAAc,GACW,EAAE,EAAE;IAC7B,IAAI,CAAC,UAAU;QACb,OAAO,IAAI,CAAA;IAEb,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAC1B;MAAA,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,cAAc,CAAC,CAC/C;QAAA,CAAC,IAAI,CACP;MAAA,EAAE,UAAU,CACZ;MAAA,CAAC,WAAW,IAAI,CACd,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CACrB;UAAA,CAAC,eAAe,CAAC,AAAD,EAClB;QAAA,EAAE,IAAI,CAAC,CACR,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"MarkdownMessageText.js","names":["React","StyleSheet","Text","View","devHint","getStreamdown","StreamingCursor","streamdown","StreamdownText","LegacyStreamdown","Streamdown","default","isBundleMode","globalThis","_WORKLETS_BUNDLE_MODE_ENABLED","canUseStreamdown","isMarkdownAvailable","STREAM_RENDER_MS","useStreamThrottledText","text","isStreaming","$","_c","shown","setShown","useState","latestRef","useRef","timerRef","lastAtRef","t0","t1","current","clearTimeout","wait","Math","max","Date","now","setTimeout","useEffect","t2","t3","Symbol","for","buildMarkdownStyle","textStyle","linkStyle","override","flatten","link","color","undefined","base","fontSize","fontFamily","block","lineHeight","heading","scale","round","fontWeight","style","paragraph","marginTop","marginBottom","h1","h2","h3","h4","h5","h6","list","bulletColor","markerColor","codeBlock","borderRadius","padding","blockquote","borderColor","underline","textDecorationLine","strong","em","key","Object","keys","MarkdownMessageText","onLinkPress","containerStyle","componentProps","markdownStyleProp","restProps","markdownStyle","renderedText","t4","event","url","handleLinkPress","t5","t6","t7"],"sources":["../../src/components/MarkdownMessageText.tsx"],"sourcesContent":["import React from 'react'\nimport { StyleProp, StyleSheet, Text, TextStyle, View, ViewStyle } from 'react-native'\nimport { devHint } from '../logging'\nimport { getStreamdown } from '../optional'\nimport { StreamingCursor } from './StreamingCursor'\n\n// Optional markdown renderer for AI/streamed replies. Resolved through a\n// optional-peer registry (`src/optional`) so the bundle works whether or not the consumer installed\n// `react-native-streamdown` (Metro treats try/catch-wrapped requires as optional\n// dependencies). Streamdown renders streaming-incomplete markdown gracefully\n// (unterminated code fences, half-written bold, partial tables).\n//\n// Two shapes are supported: `StreamdownText` (0.3+, a `markdown` string prop and a\n// `markdownStyle` object, rendered natively by react-native-enriched-markdown), and the\n// older `Streamdown` / default export that took the text as children and a `style`.\nconst streamdown = getStreamdown()\n\nconst StreamdownText = streamdown?.StreamdownText ?? null\nconst LegacyStreamdown = StreamdownText ? null : (streamdown?.Streamdown ?? streamdown?.default ?? null)\n\n// `StreamdownText` runs remend on a worklet runtime, which only works under react-native-worklets'\n// Bundle Mode (the Babel plugin's `bundleMode: true` flips this global). Without it the first\n// render throws \"Tried to synchronously call a Remote Function\" from the remend runtime and takes\n// the screen down, so the built-in renderer stays in charge until the app has opted in.\nconst isBundleMode = () => (globalThis as { _WORKLETS_BUNDLE_MODE_ENABLED?: boolean })._WORKLETS_BUNDLE_MODE_ENABLED === true\n\n/** Whether react-native-streamdown is installed and able to render here. */\nexport const canUseStreamdown = (): boolean => {\n  if (LegacyStreamdown)\n    return true\n  if (!StreamdownText)\n    return false\n  if (isBundleMode())\n    return true\n  devHint('streamdown-bundle-mode', 'MessageText: `react-native-streamdown` is installed but react-native-worklets Bundle Mode is off, so markdown uses the built-in renderer. Enable `bundleMode` with `importForwarding: { moduleNames: [\\'remend\\'] }` in the worklets Babel plugin to use it.')\n  return false\n}\n\nexport const isMarkdownAvailable = !!(StreamdownText || LegacyStreamdown)\n\n/**\n * How often a streaming reply's text reaches the renderer. `StreamdownText` processes each text\n * on a worklet and drops every result older than the newest text, so a reply growing every few\n * milliseconds showed nothing until it stopped. Fed at this pace, each step lands.\n */\nexport const STREAM_RENDER_MS = 250\n\n/** The text, updated at most every `STREAM_RENDER_MS` while streaming, and at once when it ends. */\nexport const useStreamThrottledText = (text: string, isStreaming: boolean) => {\n  const [shown, setShown] = React.useState(text)\n  const latestRef = React.useRef(text)\n  const timerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n  const lastAtRef = React.useRef(0)\n\n  React.useEffect(() => {\n    // Read by the pending timer, which takes whatever the text is when it fires. This effect\n    // runs on every text change, so the ref is never behind.\n    latestRef.current = text\n    if (!isStreaming) {\n      if (timerRef.current) {\n        clearTimeout(timerRef.current)\n        timerRef.current = null\n      }\n      setShown(text)\n      return\n    }\n    // One pending update at a time, which takes whatever the text is when it fires.\n    if (timerRef.current)\n      return\n    const wait = Math.max(0, lastAtRef.current + STREAM_RENDER_MS - Date.now())\n    timerRef.current = setTimeout(() => {\n      timerRef.current = null\n      lastAtRef.current = Date.now()\n      setShown(latestRef.current)\n    }, wait)\n  }, [text, isStreaming])\n\n  React.useEffect(() => () => {\n    if (timerRef.current)\n      clearTimeout(timerRef.current)\n  }, [])\n\n  return isStreaming ? shown : text\n}\n\nexport interface MarkdownMessageTextProps {\n  text: string\n  isStreaming?: boolean\n  /** Base text style (color/size) derived from the theme. */\n  textStyle?: StyleProp<TextStyle>\n  /** Link style derived from the theme; its color tints markdown links. */\n  linkStyle?: StyleProp<TextStyle>\n  /** Called with the URL when a markdown link is pressed. */\n  onLinkPress?: (url: string) => void\n  containerStyle?: StyleProp<ViewStyle>\n  /** Escape hatch: extra props forwarded to the Streamdown component (theming, rules, etc.). */\n  componentProps?: Record<string, unknown>\n}\n\n// The native renderer takes plain values per element, not a React Native text style, so the\n// bubble's text style is translated into the blocks a chat reply actually uses.\nexport function buildMarkdownStyle (\n  textStyle: StyleProp<TextStyle>,\n  linkStyle: StyleProp<TextStyle>,\n  override?: Record<string, any>\n): Record<string, any> {\n  const text = StyleSheet.flatten(textStyle) ?? {}\n  const link = StyleSheet.flatten(linkStyle) ?? {}\n  const color = typeof text.color === 'string' ? text.color : undefined\n  const base = {\n    ...(color != null && { color }),\n    ...(text.fontSize != null && { fontSize: text.fontSize }),\n    ...(text.fontFamily != null && { fontFamily: text.fontFamily }),\n  }\n  const block = {\n    ...base,\n    ...(text.lineHeight != null && { lineHeight: text.lineHeight }),\n  }\n  const fontSize = text.fontSize ?? 16\n  const heading = (scale: number) => ({\n    ...base,\n    fontSize: Math.round(fontSize * scale),\n    fontWeight: '700',\n  })\n\n  const style: Record<string, any> = {\n    paragraph: { ...block, marginTop: 0, marginBottom: 4 },\n    h1: heading(1.25),\n    h2: heading(1.15),\n    h3: heading(1.05),\n    h4: heading(1),\n    h5: heading(1),\n    h6: heading(1),\n    list: { ...block, ...(color != null && { bulletColor: color, markerColor: color }) },\n    codeBlock: { marginBottom: 4, borderRadius: 6, padding: 10 },\n    blockquote: { ...block, ...(color != null && { borderColor: color }) },\n    link: {\n      ...(typeof link.color === 'string' ? { color: link.color } : color != null ? { color } : {}),\n      underline: link.textDecorationLine === 'underline',\n    },\n    ...(color != null && { strong: { color }, em: { color } }),\n  }\n\n  if (override)\n    for (const key of Object.keys(override))\n      style[key] = { ...style[key], ...override[key] }\n\n  return style\n}\n\n/**\n * Renders message text as markdown via react-native-streamdown. Only used when\n * the package is installed and markdown is enabled; otherwise MessageText falls\n * back to the built-in renderer.\n */\nexport const MarkdownMessageText = ({\n  text,\n  isStreaming,\n  textStyle,\n  linkStyle,\n  onLinkPress,\n  containerStyle,\n  componentProps,\n}: MarkdownMessageTextProps) => {\n  const { markdownStyle: markdownStyleProp, ...restProps } = (componentProps ?? {}) as { markdownStyle?: Record<string, any> }\n\n  const markdownStyle = React.useMemo(\n    () => StreamdownText ? buildMarkdownStyle(textStyle, linkStyle, markdownStyleProp) : undefined,\n    [textStyle, linkStyle, markdownStyleProp]\n  )\n\n  const renderedText = useStreamThrottledText(text, !!isStreaming)\n\n  const handleLinkPress = React.useMemo(\n    () => onLinkPress ? (event: { url?: string }) => event?.url && onLinkPress(event.url) : undefined,\n    [onLinkPress]\n  )\n\n  if (!StreamdownText && !LegacyStreamdown)\n    return null\n\n  return (\n    <View style={containerStyle}>\n      {StreamdownText\n        ? (\n          <StreamdownText\n            markdown={renderedText}\n            markdownStyle={markdownStyle}\n            onLinkPress={handleLinkPress}\n            {...restProps}\n          />\n        )\n        : (\n          <LegacyStreamdown style={textStyle} {...componentProps}>\n            {text}\n          </LegacyStreamdown>\n        )}\n      {isStreaming && (\n        <Text style={textStyle}>\n          <StreamingCursor />\n        </Text>\n      )}\n    </View>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/components/MediaCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MediaCard.d.ts","sourceRoot":"","sources":["../../src/components/MediaCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAsB,SAAS,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAA;AAS/F,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,GAAG,OAAO,CAAA;IACvB,gFAAgF;IAChF,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAED;;;;;GAKG;AACH,eAAO,MAAM,SAAS,GAAI,gDAAyD,cAAc,sBA6ChG,CAAA"}
+{"version":3,"file":"MediaCard.d.ts","sourceRoot":"","sources":["../../src/components/MediaCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAsB,SAAS,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAA;AAU/F,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,GAAG,OAAO,CAAA;IACvB,gFAAgF;IAChF,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAED;;;;;GAKG;AACH,eAAO,MAAM,SAAS,GAAI,gDAAyD,cAAc,sBA+ChG,CAAA"}

package/lib/components/MediaCard.js

@@ -1,3 +1,4 @@
+import { c as _c } from "react/compiler-runtime";
 import React, { useCallback } from 'react';
 import { Linking, Pressable, StyleSheet, Text, View } from 'react-native';
 import { useLabels } from '../hooks/useLabels';
@@ -5,98 +6,235 @@ import { useThemedStyles } from '../hooks/useTheme';
 import { Icon } from './Icon';
 import { PlayIcon } from './MediaControls';
 import { getMediaPalette } from './mediaPalette';
+import { suppressPressAfterHold } from './messagePress';
 /**
  * Lightweight, dependency-free media placeholder used when the optional
  * expo-video / expo-audio players are not installed. It is a real, usable
  * default: tapping plays the media in the system player via Linking (or fires
  * the supplied onPress).
  */
-export const MediaCard = ({ kind, uri, position = 'left', label, onPress, style }) => {
-    const styles = useThemedStyles(position === 'right' ? createRightStyles : createLeftStyles);
-    const labels = useLabels();
-    const handlePress = useCallback(() => {
-        if (onPress) {
-            onPress();
-            return;
-        }
-        if (uri)
-            Linking.openURL(uri).catch(() => { });
-    }, [onPress, uri]);
-    const defaultLabel = kind === 'video' ? labels.video : labels.voiceMessage;
-    if (kind === 'video')
-        return (<Pressable onPress={handlePress} accessibilityRole='button' accessibilityLabel={label ?? defaultLabel} style={[styles.videoCard, style]}>
-        <View style={styles.playCircleLarge}>
-          <Icon name='play' color={styles.glyphColor.color} size={20} fallback={<PlayIcon color={styles.glyphColor.color} size={20}/>}/>
-        </View>
-        <Text style={styles.videoLabel} numberOfLines={1}>{label ?? defaultLabel}</Text>
-      </Pressable>);
-    return (<Pressable onPress={handlePress} accessibilityRole='button' accessibilityLabel={label ?? defaultLabel} style={[styles.audioRow, style]}>
-      <View style={styles.playCircle}>
-        <Icon name='play' color={styles.glyphColor.color} size={14} fallback={<PlayIcon color={styles.glyphColor.color} size={14}/>}/>
-      </View>
-      <View style={styles.audioTrack}/>
-      <Text style={styles.audioLabel} numberOfLines={1}>{label ?? defaultLabel}</Text>
-    </Pressable>);
+export const MediaCard = t0 => {
+  const $ = _c(46);
+  const {
+    kind,
+    uri,
+    position: t1,
+    label,
+    onPress,
+    style
+  } = t0;
+  const position = t1 === undefined ? "left" : t1;
+  const styles = useThemedStyles(position === "right" ? createRightStyles : createLeftStyles);
+  const labels = useLabels();
+  let t2;
+  if ($[0] !== onPress || $[1] !== uri) {
+    t2 = () => {
+      if (onPress) {
+        onPress();
+        return;
+      }
+      if (uri) {
+        Linking.openURL(uri).catch(_temp);
+      }
+    };
+    $[0] = onPress;
+    $[1] = uri;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const handlePress = t2;
+  const defaultLabel = kind === "video" ? labels.video : labels.voiceMessage;
+  if (kind === "video") {
+    const t3 = label ?? defaultLabel;
+    let t4;
+    if ($[3] !== style || $[4] !== styles.videoCard) {
+      t4 = [styles.videoCard, style];
+      $[3] = style;
+      $[4] = styles.videoCard;
+      $[5] = t4;
+    } else {
+      t4 = $[5];
+    }
+    let t5;
+    if ($[6] !== styles.glyphColor.color) {
+      t5 = <PlayIcon color={styles.glyphColor.color} size={20} />;
+      $[6] = styles.glyphColor.color;
+      $[7] = t5;
+    } else {
+      t5 = $[7];
+    }
+    let t6;
+    if ($[8] !== styles.glyphColor.color || $[9] !== t5) {
+      t6 = <Icon name="play" color={styles.glyphColor.color} size={20} fallback={t5} />;
+      $[8] = styles.glyphColor.color;
+      $[9] = t5;
+      $[10] = t6;
+    } else {
+      t6 = $[10];
+    }
+    let t7;
+    if ($[11] !== styles.playCircleLarge || $[12] !== t6) {
+      t7 = <View style={styles.playCircleLarge}>{t6}</View>;
+      $[11] = styles.playCircleLarge;
+      $[12] = t6;
+      $[13] = t7;
+    } else {
+      t7 = $[13];
+    }
+    const t8 = label ?? defaultLabel;
+    let t9;
+    if ($[14] !== styles.videoLabel || $[15] !== t8) {
+      t9 = <Text style={styles.videoLabel} numberOfLines={1}>{t8}</Text>;
+      $[14] = styles.videoLabel;
+      $[15] = t8;
+      $[16] = t9;
+    } else {
+      t9 = $[16];
+    }
+    let t10;
+    if ($[17] !== handlePress || $[18] !== t3 || $[19] !== t4 || $[20] !== t7 || $[21] !== t9) {
+      t10 = <Pressable onPress={handlePress} {...suppressPressAfterHold} accessibilityRole="button" accessibilityLabel={t3} style={t4}>{t7}{t9}</Pressable>;
+      $[17] = handlePress;
+      $[18] = t3;
+      $[19] = t4;
+      $[20] = t7;
+      $[21] = t9;
+      $[22] = t10;
+    } else {
+      t10 = $[22];
+    }
+    return t10;
+  }
+  const t3 = label ?? defaultLabel;
+  let t4;
+  if ($[23] !== style || $[24] !== styles.audioRow) {
+    t4 = [styles.audioRow, style];
+    $[23] = style;
+    $[24] = styles.audioRow;
+    $[25] = t4;
+  } else {
+    t4 = $[25];
+  }
+  let t5;
+  if ($[26] !== styles.glyphColor.color) {
+    t5 = <PlayIcon color={styles.glyphColor.color} size={14} />;
+    $[26] = styles.glyphColor.color;
+    $[27] = t5;
+  } else {
+    t5 = $[27];
+  }
+  let t6;
+  if ($[28] !== styles.glyphColor.color || $[29] !== t5) {
+    t6 = <Icon name="play" color={styles.glyphColor.color} size={14} fallback={t5} />;
+    $[28] = styles.glyphColor.color;
+    $[29] = t5;
+    $[30] = t6;
+  } else {
+    t6 = $[30];
+  }
+  let t7;
+  if ($[31] !== styles.playCircle || $[32] !== t6) {
+    t7 = <View style={styles.playCircle}>{t6}</View>;
+    $[31] = styles.playCircle;
+    $[32] = t6;
+    $[33] = t7;
+  } else {
+    t7 = $[33];
+  }
+  let t8;
+  if ($[34] !== styles.audioTrack) {
+    t8 = <View style={styles.audioTrack} />;
+    $[34] = styles.audioTrack;
+    $[35] = t8;
+  } else {
+    t8 = $[35];
+  }
+  const t9 = label ?? defaultLabel;
+  let t10;
+  if ($[36] !== styles.audioLabel || $[37] !== t9) {
+    t10 = <Text style={styles.audioLabel} numberOfLines={1}>{t9}</Text>;
+    $[36] = styles.audioLabel;
+    $[37] = t9;
+    $[38] = t10;
+  } else {
+    t10 = $[38];
+  }
+  let t11;
+  if ($[39] !== handlePress || $[40] !== t10 || $[41] !== t3 || $[42] !== t4 || $[43] !== t7 || $[44] !== t8) {
+    t11 = <Pressable onPress={handlePress} {...suppressPressAfterHold} accessibilityRole="button" accessibilityLabel={t3} style={t4}>{t7}{t8}{t10}</Pressable>;
+    $[39] = handlePress;
+    $[40] = t10;
+    $[41] = t3;
+    $[42] = t4;
+    $[43] = t7;
+    $[44] = t8;
+    $[45] = t11;
+  } else {
+    t11 = $[45];
+  }
+  return t11;
 };
 const makeStyles = (theme, position) => {
-    const overlay = position === 'right' ? theme.colors.outgoingOverlay : theme.colors.reactionBackground;
-    const textColor = position === 'right' ? theme.colors.outgoingText : theme.colors.incomingText;
-    const palette = getMediaPalette(theme, position);
-    return StyleSheet.create({
-        // Carries the glyph color out of JSX and into the stylesheet.
-        glyphColor: {
-            color: palette.glyph,
-        },
-        videoCard: {
-            width: 220,
-            height: 140,
-            borderRadius: 12,
-            backgroundColor: overlay,
-            alignItems: 'center',
-            justifyContent: 'center',
-            margin: 6,
-        },
-        videoLabel: {
-            marginTop: 8,
-            fontSize: 13,
-            color: textColor,
-        },
-        playCircleLarge: {
-            width: 52,
-            height: 52,
-            borderRadius: 26,
-            backgroundColor: palette.control,
-            alignItems: 'center',
-            justifyContent: 'center',
-        },
-        audioRow: {
-            flexDirection: 'row',
-            alignItems: 'center',
-            paddingVertical: 6,
-            paddingHorizontal: 8,
-            minWidth: 180,
-            gap: 10,
-        },
-        playCircle: {
-            width: 36,
-            height: 36,
-            borderRadius: 18,
-            backgroundColor: palette.control,
-            alignItems: 'center',
-            justifyContent: 'center',
-        },
-        audioTrack: {
-            flex: 1,
-            height: 3,
-            borderRadius: 2,
-            backgroundColor: overlay,
-        },
-        audioLabel: {
-            fontSize: 12,
-            color: textColor,
-        },
-    });
+  const overlay = position === 'right' ? theme.colors.outgoingOverlay : theme.colors.reactionBackground;
+  const textColor = position === 'right' ? theme.colors.outgoingText : theme.colors.incomingText;
+  const palette = getMediaPalette(theme, position);
+  return StyleSheet.create({
+    // Carries the glyph color out of JSX and into the stylesheet.
+    glyphColor: {
+      color: palette.glyph
+    },
+    videoCard: {
+      width: 220,
+      height: 140,
+      borderRadius: 12,
+      backgroundColor: overlay,
+      alignItems: 'center',
+      justifyContent: 'center',
+      margin: 6
+    },
+    videoLabel: {
+      marginTop: 8,
+      fontSize: 13,
+      color: textColor
+    },
+    playCircleLarge: {
+      width: 52,
+      height: 52,
+      borderRadius: 26,
+      backgroundColor: palette.control,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    audioRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      paddingVertical: 6,
+      paddingHorizontal: 8,
+      minWidth: 180,
+      gap: 10
+    },
+    playCircle: {
+      width: 36,
+      height: 36,
+      borderRadius: 18,
+      backgroundColor: palette.control,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    audioTrack: {
+      flex: 1,
+      height: 3,
+      borderRadius: 2,
+      backgroundColor: overlay
+    },
+    audioLabel: {
+      fontSize: 12,
+      color: textColor
+    }
+  });
 };
-const createLeftStyles = (theme) => makeStyles(theme, 'left');
-const createRightStyles = (theme) => makeStyles(theme, 'right');
+const createLeftStyles = theme => makeStyles(theme, 'left');
+const createRightStyles = theme => makeStyles(theme, 'right');
+function _temp() {}
 //# sourceMappingURL=MediaCard.js.map