@linktr.ee/messaging-react 3.31.1-rc-1785925535 → 3.31.1

package/src/stream-custom-data.ts

@@ -18,6 +18,8 @@ import {
   type DmAgentSystemType,
   type AgeSafetySystemType,
   type EscalationSystemType,
+  type LinktreeChannelData,
+  type LinktreeMessageData,
 } from '@linktr.ee/messaging-taxonomy'
 import type { Attachment, LocalMessage } from 'stream-chat'
 import 'stream-chat'
@@ -93,32 +95,13 @@ declare module 'stream-chat' {
     accent_color?: string
   }
 
-  interface CustomChannelData {
+  interface CustomChannelData extends LinktreeChannelData {
     /**
-     * Whether the channel has at least one visitor-originated message.
-     * Legacy channels may omit this field.
-     */
-    has_visitor_message?: boolean
-    /**
-     * Priority score assigned by backend classification for spotlighting.
-     */
-    priority_score?: number
-    /**
-     * Indicates a paid message is pending creator reply.
-     */
-    pending_earn_message_reply?: boolean
-    /**
-     * Indicates DM agent has deferred and creator follow-up is needed.
-     */
-    agent_deferred?: boolean
-    /**
-     * Whether DM agent auto-replies are paused for this channel.
+     * Whether DM agent auto-replies are paused for this channel. Writer-only
+     * field not read by other clients, so it stays local rather than in the
+     * shared {@link LinktreeChannelData} contract.
      */
     chatbot_paused?: boolean
-    /**
-     * Customer classification tag for this conversation (e.g. CUSTOMER_PAID).
-     */
-    customer_tag?: string
   }
 
   interface CustomMemberData {
@@ -128,7 +111,7 @@ declare module 'stream-chat' {
     is_follower?: boolean
   }
 
-  interface CustomMessageData {
+  interface CustomMessageData extends LinktreeMessageData {
     /**
      * Message metadata from backend.
      * Contains type and payment information.

package/src/styles.css

@@ -1101,26 +1101,6 @@
   }
 }
 
-/* Derived accent surface for `LinkAttachment` cards (MES-1412). React publishes
-   the raw extracted colour as `--accent`; the hue-preserving lightness swap that
-   used to run in JS (culori) runs natively via relative colour syntax. Only
-   where the syntax resolves and an accent was published does the surface paint —
-   every other browser keeps the plain bubble fill from the card's `bg-[…]` class
-   (the same fallback the old JS guard degraded to). The `--surface-l` stops clear
-   4.5:1 against each side's ink at every hue by construction. */
-.messaging-link-card[data-variant='dark'] {
-  --surface-l: 0.3;
-}
-.messaging-link-card[data-variant='light'] {
-  --surface-l: 0.9;
-}
-
-@supports (background: oklch(from red l c h)) {
-  .messaging-link-card[style*='--accent'] {
-    background: oklch(from var(--accent) var(--surface-l) c h);
-  }
-}
-
 /* Bubble tail for `LinkAttachment` cards (MES-1349). Same 20x23 geometry and
    mask path as the text-bubble tails above — the difference is that the fill
    arrives as an inline style, because it is a dominant colour extracted from
@@ -1155,25 +1135,6 @@
   transform-origin: center;
 }
 
-/* The tail paints outside the shell's box, so it can't inherit the shell's
-   computed background — it runs the same derivation itself off its own
-   `--accent`, and falls back to this side's plain bubble fill. Keep these fills
-   in sync with the shell's `bg-[…]` classes and the `--str-chat` bubble vars. */
-.messaging-link-card-tail[data-variant='dark'] {
-  --surface-l: 0.3;
-  background-color: #1e2330;
-}
-.messaging-link-card-tail[data-variant='light'] {
-  --surface-l: 0.9;
-  background-color: #f1f0ee;
-}
-
-@supports (background: oklch(from red l c h)) {
-  .messaging-link-card-tail[style*='--accent'] {
-    background-color: oklch(from var(--accent) var(--surface-l) c h);
-  }
-}
-
 /* Locked attachment wrapper: stack card + text bubble in the correct direction */
 .str-chat__li .str-chat__message--me .str-chat__message-bubble-wrapper {
   display: flex;