@linktr.ee/messaging-react 3.6.2-rc-1783314663 → 3.6.2-rc-1783332217

package/src/components/CustomMessage/MessageDeliveryStatus.test.tsx

@@ -1,60 +0,0 @@
-import type { LocalMessage } from 'stream-chat'
-import { describe, expect, it } from 'vitest'
-
-import { renderWithProviders, screen } from '../../test/utils'
-
-import { MessageDeliveryStatus } from './MessageDeliveryStatus'
-
-const receivedMessage = {
-  id: 'message-1',
-  status: 'received',
-  type: 'regular',
-} as unknown as LocalMessage
-
-const render = (
-  props: Partial<{ message: LocalMessage; endOfGroup: boolean }> = {}
-) =>
-  renderWithProviders(
-    <MessageDeliveryStatus
-      message={props.message ?? receivedMessage}
-      endOfGroup={props.endOfGroup ?? true}
-    />
-  )
-
-describe('MessageDeliveryStatus', () => {
-  it('renders "Delivered" at the end of a group for a stored message', () => {
-    render()
-
-    expect(screen.getByTestId('message-delivery-status')).toHaveTextContent(
-      'Delivered'
-    )
-  })
-
-  it('renders nothing for messages that are not the end of their group', () => {
-    const { container } = render({ endOfGroup: false })
-
-    expect(container).toBeEmptyDOMElement()
-  })
-
-  it.each(['sending', 'failed'] as const)(
-    'renders nothing while the message status is %s',
-    (status) => {
-      const { container } = render({
-        message: { ...receivedMessage, status } as unknown as LocalMessage,
-      })
-
-      expect(container).toBeEmptyDOMElement()
-    }
-  )
-
-  it('renders nothing for error messages', () => {
-    const { container } = render({
-      message: {
-        ...receivedMessage,
-        type: 'error',
-      } as unknown as LocalMessage,
-    })
-
-    expect(container).toBeEmptyDOMElement()
-  })
-})

package/src/components/CustomMessage/MessageDeliveryStatus.tsx

@@ -1,43 +0,0 @@
-import { ChecksIcon } from '@phosphor-icons/react'
-import type { LocalMessage } from 'stream-chat'
-
-interface MessageDeliveryStatusProps {
-  message: LocalMessage
-  /**
-   * stream's end-of-group flag — the last message in a run of consecutive
-   * messages from the same author.
-   */
-  endOfGroup?: boolean
-}
-
-/**
- * "✓✓ Delivered" status shown beneath the last bubble of every message group,
- * on both the sent (right) and received (left) sides (MES-1036). The design
- * displays the status per group rather than only on the most recent message,
- * so it's gated on `endOfGroup` rather than "last own message".
- *
- * `endOfGroup` is compared by both stream's `Message` memo
- * (`areMessagePropsEqual`) and `CustomMessage`'s memo (`areMessageUIPropsEqual`),
- * so the status reliably appears/updates as groups form and re-form — no
- * stale-memo caveats. It renders only once a message is stored
- * (`status === 'received'`, true for incoming messages too) and never on
- * errors. Left/right alignment comes from the outer grid (see `styles.css`).
- */
-export const MessageDeliveryStatus = ({
-  message,
-  endOfGroup,
-}: MessageDeliveryStatusProps) => {
-  if (!endOfGroup || message.type === 'error' || message.status !== 'received') {
-    return null
-  }
-
-  return (
-    <div
-      className="str-chat__message-delivery-status"
-      data-testid="message-delivery-status"
-    >
-      <ChecksIcon size={14} weight="bold" aria-hidden="true" />
-      <span>Delivered</span>
-    </div>
-  )
-}