@linktr.ee/messaging-react 4.1.2 → 4.1.3

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-yg1xEb2Y.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.MessagingProvider=e.MessagingProvider;exports.MessagingShell=e.MessagingShell;exports.RichCard=e.RichCard;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.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Bq5DM1Lm.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.MessagingProvider=e.MessagingProvider;exports.MessagingShell=e.MessagingShell;exports.RichCard=e.RichCard;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.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;
 //# sourceMappingURL=index.cjs.map

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 m, F as r, f as l, L as g, h as c, M, i as h, j as L, k as u, l as d, R as p, m as C, n as v, p as A, q as k, s as F, t as b, u as P, v as f, w as x, o as y, x as z, y as S, z as q, B, D, E, G as R } from "./index-C1cbPKI7.js";
+import { a as e, b as t, C as i, c as n, d as o, e as m, F as r, f as l, L as g, h as c, M, i as h, j as L, k as u, l as d, R as p, m as C, n as v, p as A, q as k, s as F, t as b, u as P, v as f, w as x, o as y, x as z, y as S, z as q, B, D, E, G as R } from "./index-DFykbijs.js";
 export {
   e as ActionButton,
   t as Avatar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "4.1.2",
+  "version": "4.1.3",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.cjs",

package/src/components/CustomMessage/StreamAttachmentMessage.tsx

@@ -195,62 +195,13 @@ function messageAttachmentNamespaceForKind(kind: StreamMediaKind) {
   }
 }
 
-function buildMediaClusterRenderProps(
+// Per-attachment render props for a single media kind. Both the single-item and
+// multi-item (cluster) paths shape each attachment the same way, so they share
+// this builder.
+function mediaItemForKind(
   kind: StreamMediaKind,
-  attachments: Attachment[]
+  attachment: Attachment
 ): Record<string, unknown> {
-  if (attachments.length > 1) {
-    switch (kind) {
-      case 'image':
-        return {
-          items: attachments.map((attachment) => ({
-            src: imageSrcFromAttachment(attachment),
-            alt: trimToUndefined((attachment as { title?: string }).title),
-          })),
-        }
-      case 'video':
-        return {
-          items: attachments.map((attachment) => ({
-            src: trimToUndefined(attachment.asset_url) ?? '',
-            poster: trimToUndefined(
-              (attachment as { thumb_url?: string }).thumb_url
-            ),
-            mimeType: trimToUndefined(attachment.mime_type),
-          })),
-        }
-      case 'audio':
-        return {
-          items: attachments.map((attachment) => ({
-            src: trimToUndefined(attachment.asset_url) ?? '',
-            mimeType: trimToUndefined(attachment.mime_type) ?? 'audio/mpeg',
-            filename: trimToUndefined((attachment as { title?: string }).title),
-          })),
-        }
-      case 'pdf':
-        return {
-          items: attachments.map((attachment) => ({
-            src: trimToUndefined(attachment.asset_url) ?? '',
-            filename: trimToUndefined((attachment as { title?: string }).title),
-            fileSize: (attachment as { file_size?: number }).file_size,
-          })),
-        }
-      case 'file':
-        return {
-          items: attachments.map((attachment) => ({
-            src: trimToUndefined(attachment.asset_url) ?? '',
-            filename: trimToUndefined((attachment as { title?: string }).title),
-            fileSize: (attachment as { file_size?: number }).file_size,
-            mimeType:
-              trimToUndefined(attachment.mime_type) ??
-              'application/octet-stream',
-          })),
-        }
-    }
-  }
-
-  const attachment = attachments[0]
-  if (!attachment) return {}
-
   switch (kind) {
     case 'image':
       return {
@@ -288,6 +239,22 @@ function buildMediaClusterRenderProps(
   }
 }
 
+function buildMediaClusterRenderProps(
+  kind: StreamMediaKind,
+  attachments: Attachment[]
+): Record<string, unknown> {
+  if (attachments.length > 1) {
+    return {
+      items: attachments.map((attachment) => mediaItemForKind(kind, attachment)),
+    }
+  }
+
+  const attachment = attachments[0]
+  if (!attachment) return {}
+
+  return mediaItemForKind(kind, attachment)
+}
+
 function MediaClusterBubble({
   groupPosition,
   isMyMessage,