@linktr.ee/messaging-react 3.15.0 → 3.15.1-rc-1784866764

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-NcnnPWrl.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.MessageVoteButtons=e.MessageVoteButtons;exports.MessagingProvider=e.MessagingProvider;exports.MessagingShell=e.MessagingShell;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.useMessageVote=e.useMessageVote;exports.useMessaging=e.useMessaging;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-ftxF5ams.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.MessageVoteButtons=e.MessageVoteButtons;exports.MessagingProvider=e.MessagingProvider;exports.MessagingShell=e.MessagingShell;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.useMessageVote=e.useMessageVote;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 o, d as n, e as m, F as r, f as g, L as l, h as M, M as c, i as u, j as L, k as h, l as p, m as d, n as v, p as C, q as A, s as k, t as F, u as b, v as P, w as f, x, o as y, y as z, z as B, B as S, D as q, E as D, G as E, H as V, I as w } from "./index-DdVzOymJ.js";
+import { a as e, b as t, C as i, c as o, d as n, e as m, F as r, f as g, L as l, h as M, M as c, i as u, j as L, k as h, l as p, m as d, n as v, p as C, q as A, s as k, t as F, u as b, v as P, w as f, x, o as y, y as z, z as B, B as S, D as q, E as D, G as E, H as V, I as w } from "./index-BdRJRNr3.js";
 export {
   e as ActionButton,
   t as Avatar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "3.15.0",
+  "version": "3.15.1-rc-1784866764",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.cjs",
@@ -50,7 +50,7 @@
   },
   "dependencies": {
     "@linktr.ee/component-library": "11.8.6",
-    "@linktr.ee/messaging-core": "^2.2.0",
+    "@linktr.ee/messaging-core": "2.3.0-rc-1784866764",
     "@phosphor-icons/react": "^2.1.10"
   },
   "devDependencies": {

package/src/components/CustomMessageInput/CustomMessageInput.test.tsx

@@ -1,12 +1,21 @@
 import React from 'react'
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 
-import { renderWithProviders, screen } from '../../test/utils'
+import { fireEvent, renderWithProviders, screen } from '../../test/utils'
 
 import { CustomMessageInput } from '.'
 
 let mockChannelData: Record<string, unknown> = {}
 
+// Controls whether the composer treats the input as sendable, which in turn
+// enables/disables the send button. Defaults to false to match the existing
+// suite; individual tests flip it to true when they need an enabled button.
+let mockHasSendableData = false
+
+// Stable submit spy so a test can assert the send button still fires it on
+// click (a new vi.fn() per render would be unassertable).
+const mockHandleSubmit = vi.fn()
+
 let mockContextSendButton:
   | React.ComponentType<{
       sendMessage: (...args: unknown[]) => unknown
@@ -40,9 +49,9 @@ vi.mock('stream-chat-react', () => ({
     channel: { data: mockChannelData },
   }),
   useMessageInputContext: () => ({
-    handleSubmit: vi.fn(),
+    handleSubmit: mockHandleSubmit,
   }),
-  useMessageComposerHasSendableData: () => false,
+  useMessageComposerHasSendableData: () => mockHasSendableData,
   useComponentContext: () => ({
     SendButton: mockContextSendButton,
   }),
@@ -54,6 +63,8 @@ vi.mock('../CustomLinkPreviewList', () => ({
 
 describe('CustomMessageInput', () => {
   beforeEach(() => {
+    mockHasSendableData = false
+    mockHandleSubmit.mockClear()
     mockContextSendButton = ({ sendMessage, disabled }) => (
       <button
         type="button"
@@ -168,6 +179,38 @@ describe('CustomMessageInput', () => {
     ).not.toBeInTheDocument()
   })
 
+  // MES-1320: tapping the default send button must not blur the composer, or
+  // the mobile soft keyboard closes after every sent message. The button
+  // prevents the default pointerdown focus shift while leaving the click (and
+  // therefore the send) intact.
+  describe('keeps the composer focused when tapping the default send button (MES-1320)', () => {
+    it('prevents the default pointerdown so focus stays in the textarea', () => {
+      mockChannelData = {}
+      mockContextSendButton = undefined
+      mockHasSendableData = true
+
+      renderWithProviders(<CustomMessageInput />)
+
+      const sendButton = screen.getByTestId('send-button')
+      // fireEvent returns false when the dispatched event was cancelled
+      // (preventDefault was called on a cancelable event).
+      const notCancelled = fireEvent.pointerDown(sendButton)
+      expect(notCancelled).toBe(false)
+    })
+
+    it('still submits on click', () => {
+      mockChannelData = {}
+      mockContextSendButton = undefined
+      mockHasSendableData = true
+
+      renderWithProviders(<CustomMessageInput />)
+
+      const sendButton = screen.getByTestId('send-button')
+      fireEvent.click(sendButton)
+      expect(mockHandleSubmit).toHaveBeenCalledTimes(1)
+    })
+  })
+
   it('preserves disabled state on the send button when there is no sendable data', () => {
     mockChannelData = {}
 
@@ -189,9 +232,7 @@ describe('CustomMessageInput', () => {
     )
 
     // The interactive input is gone entirely — no textarea, no send button.
-    expect(
-      screen.queryByTestId('stream-message-input')
-    ).not.toBeInTheDocument()
+    expect(screen.queryByTestId('stream-message-input')).not.toBeInTheDocument()
     expect(screen.queryByTestId('textarea-composer')).not.toBeInTheDocument()
     expect(container.querySelector('.message-input')).not.toBeInTheDocument()
 

package/src/components/CustomMessageInput/index.tsx

@@ -52,6 +52,15 @@ const DefaultSendButton: React.FC<{
     type="button"
     aria-label="Send"
     disabled={disabled}
+    // Keep the soft keyboard open after tapping send (MES-1320). Pressing a
+    // button moves focus to it, blurring the textarea — on mobile that
+    // dismisses the on-screen keyboard, forcing the visitor to re-tap the
+    // composer for every message. preventDefault on pointerdown suppresses that
+    // focus shift so the textarea stays focused; the click still fires (click is
+    // derived from pointerup, not pointerdown), so `sendMessage` runs as normal.
+    // pointerdown covers both touch and mouse, and keyboard activation (Enter/
+    // Space → click) is unaffected.
+    onPointerDown={(e) => e.preventDefault()}
     onClick={sendMessage}
   >
     <ArrowUpIcon weight="bold" className="size-4" />