@linktr.ee/messaging-react 4.2.1 → 4.3.0-rc-1787410254

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Cd-uS2hf.cjs");exports.ActionButton=e.ActionButton;exports.Avatar=e.Avatar;exports.ChannelEmptyState=e.ChannelEmptyState;exports.ChannelList=e.ChannelList;exports.ChannelView=e.ChannelView;exports.CustomMessageProvider=e.CustomMessageProvider;exports.FaqList=e.FaqList;exports.FaqListItem=e.FaqListItem;exports.LinkAttachment=e.LinkAttachment;exports.LockedAttachment=e.LockedAttachment;exports.MediaMessage=e.MediaMessage;exports.MessageAttachment=e.MessageAttachment;exports.MessageBubble=e.MessageBubble;exports.MessagingLoggerProvider=e.MessagingLoggerProvider;exports.MessagingProvider=e.MessagingProvider;exports.MessagingShell=e.MessagingShell;exports.RichCard=e.RichCard;exports.TipMessage=e.TipMessage;exports.buildCompactMetaLabel=e.buildCompactMetaLabel;exports.formatFileSize=e.formatFileSize;exports.formatRelativeTime=e.formatRelativeTime;exports.getFileExtensionLabel=e.getFileExtensionLabel;exports.getMessageDisplayText=e.getMessageDisplayText;exports.isLinkAttachment=e.isLinkAttachment;exports.isTipMessage=e.isTipMessage;exports.isUuidLike=e.isUuidLike;exports.messageAttachmentGroupPositionFromStream=e.bubbleGroupPositionFromStream;exports.normalizeLanguageCode=e.normalizeLanguageCode;exports.optimizeMessagingAttachmentUrl=e.optimizeMessagingAttachmentUrl;exports.resolveConversationParticipant=e.resolveConversationParticipant;exports.resolveLinkAttachment=e.resolveLinkAttachment;exports.resolveMediaFromMessage=e.resolveMediaFromMessage;exports.resolveParticipantDisplayName=e.resolveParticipantDisplayName;exports.useComposerLocked=e.useComposerLocked;exports.useCustomMessage=e.useCustomMessage;exports.useMessaging=e.useMessaging;exports.useMessagingLogger=e.useMessagingLogger;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-C04QXCa0.cjs");exports.ActionButton=e.ActionButton;exports.Avatar=e.Avatar;exports.ChannelEmptyState=e.ChannelEmptyState;exports.ChannelList=e.ChannelList;exports.ChannelView=e.ChannelView;exports.CustomMessageProvider=e.CustomMessageProvider;exports.FaqList=e.FaqList;exports.FaqListItem=e.FaqListItem;exports.LinkAttachment=e.LinkAttachment;exports.LockedAttachment=e.LockedAttachment;exports.MessageAttachment=e.MessageAttachment;exports.MessageBubble=e.MessageBubble;exports.MessagingLoggerProvider=e.MessagingLoggerProvider;exports.MessagingProvider=e.MessagingProvider;exports.MessagingShell=e.MessagingShell;exports.RichCard=e.RichCard;exports.TipMessage=e.TipMessage;exports.buildCompactMetaLabel=e.buildCompactMetaLabel;exports.formatFileSize=e.formatFileSize;exports.formatRelativeTime=e.formatRelativeTime;exports.getFileExtensionLabel=e.getFileExtensionLabel;exports.getMessageDisplayText=e.getMessageDisplayText;exports.isLinkAttachment=e.isLinkAttachment;exports.isTipMessage=e.isTipMessage;exports.isUuidLike=e.isUuidLike;exports.messageAttachmentGroupPositionFromStream=e.bubbleGroupPositionFromStream;exports.normalizeLanguageCode=e.normalizeLanguageCode;exports.optimizeMessagingAttachmentUrl=e.optimizeMessagingAttachmentUrl;exports.resolveConversationParticipant=e.resolveConversationParticipant;exports.resolveParticipantDisplayName=e.resolveParticipantDisplayName;exports.useComposerLocked=e.useComposerLocked;exports.useCustomMessage=e.useCustomMessage;exports.useMessaging=e.useMessaging;exports.useMessagingLogger=e.useMessagingLogger;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.ts

@@ -599,6 +599,11 @@ declare interface ImageAttachmentSharedProps extends MessageAttachmentBaseProps
 /** Loading hint forwarded to the underlying `<img>` element. */
 declare type ImageLoadingMode = 'lazy' | 'eager';
 
+/**
+ * True when an attachment is a link preview (OG card) rather than media:
+ * either Stream's native `link` type, or a non-empty (trimmed) `og_scrape_url`
+ * with no `asset_url`. A whitespace-only `og_scrape_url` is not a link.
+ */
 export declare function isLinkAttachment(a: Attachment): boolean;
 
 /** Check if a message is a tip based on metadata */
@@ -943,28 +948,6 @@ declare interface MediaCardSentBaseProps extends MediaCardBaseProps {
     onFetchSource?: FetchSourceHandler;
 }
 
-export declare const MediaMessage: default_2.FC<MediaMessageProps> & {
-    Creator: default_2.FC<{
-        message: LocalMessage;
-    }>;
-    Visitor: default_2.FC<{
-        message: LocalMessage;
-    }>;
-};
-
-export declare interface MediaMessageProps {
-    message: LocalMessage;
-    isMyMessage?: boolean;
-}
-
-export declare interface MediaMessageResolved {
-    resolvedUrl: string;
-    resolvedType: string;
-    title?: string;
-    fileSize?: number;
-    thumbnailUrl?: string;
-}
-
 /** Preload hint forwarded to the underlying `<video>` / `<audio>` element. */
 declare type MediaPreloadMode = 'none' | 'metadata' | 'auto';
 
@@ -1665,10 +1648,6 @@ export declare type ResolvedOutbound = {
     name?: string;
 };
 
-export declare function resolveLinkAttachment(message: LocalMessage): Attachment | undefined;
-
-export declare function resolveMediaFromMessage(message: LocalMessage): MediaMessageResolved | null;
-
 /**
  * Resolves a human-readable participant label from Stream user fields.
  * Never falls back to user.id. UUID-like names are treated as missing.

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a as e, b as t, C as i, c as n, d as o, e as g, F as r, f as m, L as l, h as M, M as c, i as L, j as h, k as p, l as u, m as d, R as v, T as C, n as A, p as k, q as F, s as b, t as P, u as T, v as f, w as x, x as y, y as z, o as S, z as q, B, D, E, G as R, H as w, I as G, J as I } from "./index-wG3iH9e6.js";
+import { A as e, a as t, C as i, b as n, c as o, d as g, F as r, e as m, L as l, f as M, M as c, h as L, i as p, j as u, k as h, R as C, T as d, l as v, m as A, n as b, p as k, q as F, s as P, t as T, u as f, v as x, w as y, o as z, x as S, y as q, z as B, B as D, D as E, E as R } from "./index-Cc8BzIhS.js";
 export {
   e as ActionButton,
   t as Avatar,
@@ -10,32 +10,29 @@ export {
   m as FaqListItem,
   l as LinkAttachment,
   M as LockedAttachment,
-  c as MediaMessage,
-  L as MessageAttachment,
-  h as MessageBubble,
+  c as MessageAttachment,
+  L as MessageBubble,
   p as MessagingLoggerProvider,
   u as MessagingProvider,
-  d as MessagingShell,
-  v as RichCard,
-  C as TipMessage,
-  A as buildCompactMetaLabel,
-  k as formatFileSize,
-  F as formatRelativeTime,
-  b as getFileExtensionLabel,
-  P as getMessageDisplayText,
-  T as isLinkAttachment,
-  f as isTipMessage,
-  x as isUuidLike,
-  y as messageAttachmentGroupPositionFromStream,
-  z as normalizeLanguageCode,
-  S as optimizeMessagingAttachmentUrl,
-  q as resolveConversationParticipant,
-  B as resolveLinkAttachment,
-  D as resolveMediaFromMessage,
-  E as resolveParticipantDisplayName,
-  R as useComposerLocked,
-  w as useCustomMessage,
-  G as useMessaging,
-  I as useMessagingLogger
+  h as MessagingShell,
+  C as RichCard,
+  d as TipMessage,
+  v as buildCompactMetaLabel,
+  A as formatFileSize,
+  b as formatRelativeTime,
+  k as getFileExtensionLabel,
+  F as getMessageDisplayText,
+  P as isLinkAttachment,
+  T as isTipMessage,
+  f as isUuidLike,
+  x as messageAttachmentGroupPositionFromStream,
+  y as normalizeLanguageCode,
+  z as optimizeMessagingAttachmentUrl,
+  S as resolveConversationParticipant,
+  q as resolveParticipantDisplayName,
+  B as useComposerLocked,
+  D as useCustomMessage,
+  E as useMessaging,
+  R as useMessagingLogger
 };
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "4.2.1",
+  "version": "4.3.0-rc-1787410254",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.cjs",
@@ -50,7 +50,7 @@
     "chromatic:local": "yarn storybook:build && chromatic"
   },
   "dependencies": {
-    "@linktr.ee/messaging-core": "^2.5.0",
+    "@linktr.ee/messaging-core": "2.5.0-rc-1787410254",
     "@linktr.ee/messaging-taxonomy": "^0.10.0",
     "@phosphor-icons/react": "^2.1.10"
   },

package/src/components/MediaMessage/index.tsx

@@ -1,427 +1,10 @@
-import {
-  CircleNotchIcon,
-  DownloadSimpleIcon,
-  LinkIcon,
-} from '@phosphor-icons/react'
-import React, { useState } from 'react'
-import type { Attachment, LocalMessage } from 'stream-chat'
-
-import { optimizeMessagingAttachmentUrl } from '../../utils/cdnImageUrl'
-import AttachmentCard, {
-  AttachmentThumbnail,
-  getSourceType,
-} from '../AttachmentCard'
-import { Avatar } from '../Avatar'
-
-function formatBytes(bytes: number): string {
-  if (bytes < 1024) return `${bytes} B`
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`
-  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`
-}
-
-function linkCardShellClass(isMyMessage: boolean) {
-  const bg = isMyMessage ? 'bg-[#1e2330]' : 'bg-[#F3F3F1]'
-  return `w-[280px] select-none overflow-hidden rounded-[24px] ${bg} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`
-}
-
-function linkThumbnailBg(isMyMessage: boolean) {
-  return isMyMessage ? 'bg-white/10' : 'bg-black/5'
-}
-
-function linkPrimaryText(isMyMessage: boolean) {
-  return isMyMessage ? 'text-white' : 'text-black'
-}
-
-function linkSecondaryText(isMyMessage: boolean) {
-  return isMyMessage ? 'text-white/55' : 'text-black/55'
-}
-
-function linkTertiaryText(isMyMessage: boolean) {
-  return isMyMessage ? 'text-white/40' : 'text-black/40'
-}
-
-function linkIconColor(isMyMessage: boolean) {
-  return isMyMessage ? 'text-white/20' : 'text-black/20'
-}
-
-/** Link preview (OG) — no download; opens in a new tab. */
-const LinkCard: React.FC<{
-  attachment: Attachment
-  isMyMessage: boolean
-}> = ({ attachment, isMyMessage }) => {
-  const { title, text, image_url, og_scrape_url, title_link } = attachment
-  const rawUrl = og_scrape_url ?? title_link
-  const url =
-    typeof rawUrl === 'string' && rawUrl.trim() !== '' ? rawUrl : undefined
-
-  const body = (
-    <React.Fragment>
-      <div className="p-2">
-        {image_url ? (
-          <img
-            src={optimizeMessagingAttachmentUrl(image_url) ?? image_url}
-            alt={title ?? ''}
-            className="aspect-video w-full rounded-[20px] object-cover"
-          />
-        ) : (
-          <div
-            className={`aspect-video w-full rounded-[20px] ${linkThumbnailBg(isMyMessage)} flex items-center justify-center`}
-          >
-            <LinkIcon className={`size-12 ${linkIconColor(isMyMessage)}`} />
-          </div>
-        )}
-      </div>
-      <div className="px-3 pb-3">
-        {title && (
-          <p
-            className={`truncate text-[14px] font-medium leading-5 ${linkPrimaryText(isMyMessage)}`}
-          >
-            {title}
-          </p>
-        )}
-        {text && (
-          <p
-            className={`truncate text-[12px] leading-4 ${linkSecondaryText(isMyMessage)}`}
-          >
-            {text}
-          </p>
-        )}
-        {url && (
-          <p
-            className={`mt-1 truncate text-[12px] leading-4 ${linkTertiaryText(isMyMessage)}`}
-          >
-            {url}
-          </p>
-        )}
-      </div>
-    </React.Fragment>
-  )
-
-  if (url) {
-    return (
-      <a
-        href={url}
-        target="_blank"
-        rel="noopener noreferrer"
-        className="block no-underline"
-      >
-        {body}
-      </a>
-    )
-  }
-
-  return <div className="block">{body}</div>
-}
-
-export function isLinkAttachment(a: Attachment): boolean {
-  return a.type === 'link' || (!!a.og_scrape_url?.trim() && !a.asset_url)
-}
-
-export function resolveLinkAttachment(
-  message: LocalMessage
-): Attachment | undefined {
-  return message.attachments?.find(isLinkAttachment)
-}
-
-async function triggerDownload(url: string, filename?: string): Promise<void> {
-  let name: string
-  try {
-    name = filename ?? new URL(url).pathname.split('/').pop() ?? 'download'
-  } catch {
-    name = filename ?? 'download'
-  }
-  const res = await fetch(url, { mode: 'cors' })
-  if (!res.ok) throw new Error(`HTTP ${res.status}`)
-  const blob = await res.blob()
-  const objectUrl = URL.createObjectURL(blob)
-  const a = document.createElement('a')
-  a.href = objectUrl
-  a.download = name
-  a.style.display = 'none'
-  document.body.appendChild(a)
-  a.click()
-  document.body.removeChild(a)
-  URL.revokeObjectURL(objectUrl)
-}
-
-const DownloadAction: React.FC<{ url: string; filename?: string }> = ({
-  url,
-  filename,
-}) => {
-  const [busy, setBusy] = useState(false)
-
-  const handleClick = (e: React.MouseEvent) => {
-    e.stopPropagation()
-    const fallback = window.open('', '_blank', 'noopener,noreferrer')
-    setBusy(true)
-    triggerDownload(url, filename)
-      .then(() => {
-        fallback?.close()
-      })
-      .catch(() => {
-        if (fallback) fallback.location.href = url
-      })
-      .finally(() => setBusy(false))
-  }
-
-  return (
-    <button
-      type="button"
-      onClick={handleClick}
-      disabled={busy}
-      className="mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70"
-    >
-      {busy ? (
-        <CircleNotchIcon
-          className="size-4 animate-spin text-white"
-          weight="bold"
-        />
-      ) : (
-        <React.Fragment>
-          <DownloadSimpleIcon className="size-4 text-white" weight="bold" />
-          Download
-        </React.Fragment>
-      )}
-    </button>
-  )
-}
-
-export interface MediaMessageResolved {
-  resolvedUrl: string
-  resolvedType: string
-  title?: string
-  fileSize?: number
-  thumbnailUrl?: string
-}
-
-export function resolveMediaFromMessage(
-  message: LocalMessage
-): MediaMessageResolved | null {
-  const videoAttachment = message.attachments?.find(
-    (a) => a.type === 'video' && a.asset_url
-  )
-  const imageAttachment = message.attachments?.find(
-    (a) => a.type === 'image' && (a as { image_url?: string }).image_url
-  )
-  const audioAttachment = message.attachments?.find(
-    (a) => a.type === 'audio' && a.asset_url
-  )
-  const fileAttachment = message.attachments?.find(
-    (a) => a.type === 'file' && a.asset_url
-  )
-
-  const activeAttachment =
-    videoAttachment ?? imageAttachment ?? audioAttachment ?? fileAttachment
-
-  const resolvedUrl =
-    videoAttachment?.asset_url ??
-    (imageAttachment as { image_url?: string } | undefined)?.image_url ??
-    audioAttachment?.asset_url ??
-    fileAttachment?.asset_url
-
-  if (!resolvedUrl) return null
-
-  const resolvedType =
-    activeAttachment?.mime_type ??
-    (activeAttachment?.type === 'image'
-      ? 'image/jpeg'
-      : activeAttachment?.type === 'video'
-        ? 'video/mp4'
-        : activeAttachment?.type === 'audio'
-          ? 'audio/mpeg'
-          : 'application/octet-stream')
-
-  const title = (activeAttachment as { title?: string } | undefined)?.title
-  const fileSize = (activeAttachment as { file_size?: number } | undefined)
-    ?.file_size
-  const thumbnailUrl = (videoAttachment as { thumb_url?: string } | undefined)
-    ?.thumb_url
-
-  return {
-    resolvedUrl,
-    resolvedType,
-    title,
-    fileSize,
-    thumbnailUrl,
-  }
-}
-
-/** Dark card (sent / own message) — matches LockedAttachment.Sent preview without toggle. */
-const Creator: React.FC<MediaMessageResolved> = ({
-  resolvedUrl,
-  resolvedType,
-  title,
-  fileSize,
-  thumbnailUrl,
-}) => {
-  const detail = fileSize !== undefined ? formatBytes(fileSize) : undefined
-
-  return (
-    <AttachmentCard
-      variant="dark"
-      title={title}
-      placeholderTitle=""
-      mimeType={resolvedType}
-      detail={detail}
-      thumbnail={
-        <AttachmentThumbnail
-          mimeType={resolvedType}
-          sourceUrl={resolvedUrl}
-          thumbnailUrl={thumbnailUrl}
-          title={title}
-          variant="dark"
-        />
-      }
-    />
-  )
-}
-
-/** Light card (received) — matches LockedAttachment.Received unlocked without Purchased copy. */
-const Visitor: React.FC<MediaMessageResolved> = ({
-  resolvedUrl,
-  resolvedType,
-  title,
-  fileSize,
-  thumbnailUrl,
-}) => {
-  const sourceType = getSourceType(resolvedType)
-  const detail = fileSize !== undefined ? formatBytes(fileSize) : undefined
-
-  return (
-    <AttachmentCard
-      variant="light"
-      title={title}
-      mimeType={resolvedType}
-      detail={detail}
-      thumbnail={
-        <AttachmentThumbnail
-          mimeType={resolvedType}
-          sourceUrl={resolvedUrl}
-          thumbnailUrl={thumbnailUrl}
-          title={title}
-          variant="light"
-          containedImage={sourceType === 'image' || sourceType === 'document'}
-        />
-      }
-      action={<DownloadAction url={resolvedUrl} filename={title} />}
-    />
-  )
-}
-
-export interface MediaMessageProps {
-  message: LocalMessage
-  isMyMessage?: boolean
-}
+import type { Attachment } from 'stream-chat'
 
 /**
- * @deprecated Slated for removal once the profile repo is migrated to
- * `LinkAttachment` (and its forthcoming media-only Attachment variants).
- * New consumers should reach for `LinkAttachment.Composer`,
- * `LinkAttachment.Sent`, or `LinkAttachment.Received` instead.
+ * True when an attachment is a link preview (OG card) rather than media:
+ * either Stream's native `link` type, or a non-empty (trimmed) `og_scrape_url`
+ * with no `asset_url`. A whitespace-only `og_scrape_url` is not a link.
  */
-const MediaMessageRoot: React.FC<MediaMessageProps> = ({
-  message,
-  isMyMessage = false,
-}) => {
-  const linkAttachment = resolveLinkAttachment(message)
-  const resolved = resolveMediaFromMessage(message)
-  if (!linkAttachment && !resolved) return null
-
-  const messageClass = isMyMessage
-    ? 'str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me'
-    : 'str-chat__message str-chat__message-simple str-chat__message--other'
-
-  return (
-    <div className={messageClass} data-dd-privacy="mask">
-      {!isMyMessage && message.user && (
-        <Avatar
-          className="str-chat__avatar str-chat__message-sender-avatar"
-          id={message.user.id}
-          image={message.user.image}
-          name={message.user.name ?? message.user.id}
-        />
-      )}
-      <div
-        className="str-chat__message-inner"
-        style={{ marginInlineEnd: 0, marginInlineStart: 0 }}
-      >
-        <div className="str-chat__message-bubble-wrapper">
-          <div
-            className="str-chat__message-bubble"
-            // The visible child is a self-contained AttachmentCard (white /
-            // #1e2330 card with its own shadow + radius), not a speech
-            // bubble, and this wrapper is transparent. Mark it so the
-            // received/sent tail in `styles.css` skips it — otherwise a
-            // tail tinted from the text-bubble surface (#f2f1ef) hangs off
-            // a white card and reads as a detached grey nub.
-            data-attachment-bubble="true"
-            style={{
-              padding: 0,
-              borderRadius: 0,
-              overflow: 'visible',
-              background: 'transparent',
-            }}
-          >
-            {linkAttachment ? (
-              <div className={linkCardShellClass(isMyMessage)}>
-                <LinkCard
-                  attachment={linkAttachment}
-                  isMyMessage={isMyMessage}
-                />
-              </div>
-            ) : isMyMessage ? (
-              <Creator {...resolved!} />
-            ) : (
-              <Visitor {...resolved!} />
-            )}
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-const MediaMessageCreatorEntry: React.FC<{ message: LocalMessage }> = ({
-  message,
-}) => {
-  const linkAttachment = resolveLinkAttachment(message)
-  if (linkAttachment) {
-    return (
-      <div className={linkCardShellClass(true)} data-dd-privacy="mask">
-        <LinkCard attachment={linkAttachment} isMyMessage={true} />
-      </div>
-    )
-  }
-  const resolved = resolveMediaFromMessage(message)
-  if (!resolved) return null
-  return (
-    <div style={{ display: 'contents' }} data-dd-privacy="mask">
-      <Creator {...resolved} />
-    </div>
-  )
-}
-
-const MediaMessageVisitorEntry: React.FC<{ message: LocalMessage }> = ({
-  message,
-}) => {
-  const linkAttachment = resolveLinkAttachment(message)
-  if (linkAttachment) {
-    return (
-      <div className={linkCardShellClass(false)} data-dd-privacy="mask">
-        <LinkCard attachment={linkAttachment} isMyMessage={false} />
-      </div>
-    )
-  }
-  const resolved = resolveMediaFromMessage(message)
-  if (!resolved) return null
-  return (
-    <div style={{ display: 'contents' }} data-dd-privacy="mask">
-      <Visitor {...resolved} />
-    </div>
-  )
+export function isLinkAttachment(a: Attachment): boolean {
+  return a.type === 'link' || (!!a.og_scrape_url?.trim() && !a.asset_url)
 }
-
-export const MediaMessage = Object.assign(MediaMessageRoot, {
-  Creator: MediaMessageCreatorEntry,
-  Visitor: MediaMessageVisitorEntry,
-})

package/src/components/MediaMessage/isLinkAttachment.test.ts

@@ -0,0 +1,33 @@
+import type { Attachment } from 'stream-chat'
+import { describe, expect, it } from 'vitest'
+
+import { isLinkAttachment } from '.'
+
+describe('isLinkAttachment', () => {
+  it('is true for a Stream link-type attachment', () => {
+    expect(isLinkAttachment({ type: 'link' } as Attachment)).toBe(true)
+  })
+
+  it('is true for an og_scrape_url with no asset_url', () => {
+    expect(
+      isLinkAttachment({ og_scrape_url: 'https://example.com' } as Attachment)
+    ).toBe(true)
+  })
+
+  it('ignores a whitespace-only og_scrape_url', () => {
+    expect(isLinkAttachment({ og_scrape_url: '   ' } as Attachment)).toBe(false)
+  })
+
+  it('is false when og_scrape_url accompanies an asset_url (media, not a link)', () => {
+    expect(
+      isLinkAttachment({
+        og_scrape_url: 'https://example.com',
+        asset_url: 'https://cdn.example.com/file.mp4',
+      } as Attachment)
+    ).toBe(false)
+  })
+
+  it('is false for a plain attachment with neither', () => {
+    expect(isLinkAttachment({ type: 'image' } as Attachment)).toBe(false)
+  })
+})

package/src/index.ts

@@ -16,16 +16,7 @@ export { default as MessageBubble } from './components/MessageBubble'
 export { FaqList } from './components/FaqList'
 export { FaqListItem } from './components/FaqList/FaqListItem'
 export { ChannelEmptyState } from './components/MessagingShell/ChannelEmptyState'
-export {
-  MediaMessage,
-  isLinkAttachment,
-  resolveLinkAttachment,
-  resolveMediaFromMessage,
-} from './components/MediaMessage'
-export type {
-  MediaMessageProps,
-  MediaMessageResolved,
-} from './components/MediaMessage'
+export { isLinkAttachment } from './components/MediaMessage'
 
 // Providers
 export { MessagingProvider } from './providers/MessagingProvider'