@droppii-org/chat-mobile 0.2.106 → 0.2.107

package/lib/module/utils/inlineTruncation.js

@@ -0,0 +1,51 @@
+"use strict";
+
+/**
+ * Cut-point arithmetic for the inline `... Xem thêm` preview. Everything here
+ * works on the lines RN reports from `onTextLayout`, whose `text` includes the
+ * line's trailing break — so joining them reproduces the rendered string and a
+ * running length is a valid character offset into it.
+ */
+
+// How far back a shrink may look for a word boundary before accepting a
+// mid-word cut. One long unbroken token (a URL) must still be cuttable.
+const WORD_SNAP_WINDOW = 20;
+const isSpace = char => !!char && /\s/.test(char);
+const isHighSurrogate = code => code >= 0xd800 && code <= 0xdbff;
+export const joinLines = lines => lines.map(line => line.text).join('');
+
+/**
+ * Backs `cut` off trailing whitespace — a kept `\n` would push the suffix onto
+ * a line of its own — and off half an emoji, which would render as a tofu box.
+ */
+export const settleCut = (full, cut) => {
+  let next = Math.max(0, Math.min(cut, full.length));
+  if (next > 0 && isHighSurrogate(full.charCodeAt(next - 1))) next -= 1;
+  while (next > 0 && isSpace(full[next - 1])) next -= 1;
+  return next;
+};
+
+/** First guess: everything on the first `maxLines` lines. */
+export const initialCut = (lines, maxLines) => {
+  const full = joinLines(lines);
+  return settleCut(full, joinLines(lines.slice(0, maxLines)).length);
+};
+
+/**
+ * The suffix did not fit and wrapped past `maxLines`. Drop at least as many
+ * characters as spilled over — the spill includes the suffix itself, so this
+ * converges in one or two passes — then prefer ending on a word.
+ */
+export const shrinkCut = (full, cut, fittedLines, maxLines) => {
+  const overflow = joinLines(fittedLines.slice(maxLines)).length;
+  let next = Math.max(0, cut - Math.max(overflow, 1));
+  const floor = Math.max(0, next - WORD_SNAP_WINDOW);
+  for (let i = next; i > floor; i -= 1) {
+    if (isSpace(full[i - 1])) {
+      next = i;
+      break;
+    }
+  }
+  return settleCut(full, next);
+};
+//# sourceMappingURL=inlineTruncation.js.map

package/lib/module/utils/inlineTruncation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["WORD_SNAP_WINDOW","isSpace","char","test","isHighSurrogate","code","joinLines","lines","map","line","text","join","settleCut","full","cut","next","Math","max","min","length","charCodeAt","initialCut","maxLines","slice","shrinkCut","fittedLines","overflow","floor","i"],"sourceRoot":"../../../src","sources":["utils/inlineTruncation.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;AAKA;AACA;AACA,MAAMA,gBAAgB,GAAG,EAAE;AAE3B,MAAMC,OAAO,GAAIC,IAAwB,IAAK,CAAC,CAACA,IAAI,IAAI,IAAI,CAACC,IAAI,CAACD,IAAI,CAAC;AAEvE,MAAME,eAAe,GAAIC,IAAY,IAAKA,IAAI,IAAI,MAAM,IAAIA,IAAI,IAAI,MAAM;AAE1E,OAAO,MAAMC,SAAS,GAAIC,KAA8B,IACtDA,KAAK,CAACC,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAACC,IAAI,CAAC,CAACC,IAAI,CAAC,EAAE,CAAC;;AAEzC;AACA;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAGA,CAACC,IAAY,EAAEC,GAAW,KAAK;EACtD,IAAIC,IAAI,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAACJ,GAAG,EAAED,IAAI,CAACM,MAAM,CAAC,CAAC;EAClD,IAAIJ,IAAI,GAAG,CAAC,IAAIX,eAAe,CAACS,IAAI,CAACO,UAAU,CAACL,IAAI,GAAG,CAAC,CAAC,CAAC,EAAEA,IAAI,IAAI,CAAC;EACrE,OAAOA,IAAI,GAAG,CAAC,IAAId,OAAO,CAACY,IAAI,CAACE,IAAI,GAAG,CAAC,CAAC,CAAC,EAAEA,IAAI,IAAI,CAAC;EACrD,OAAOA,IAAI;AACb,CAAC;;AAED;AACA,OAAO,MAAMM,UAAU,GAAGA,CACxBd,KAA8B,EAC9Be,QAAgB,KACb;EACH,MAAMT,IAAI,GAAGP,SAAS,CAACC,KAAK,CAAC;EAC7B,OAAOK,SAAS,CAACC,IAAI,EAAEP,SAAS,CAACC,KAAK,CAACgB,KAAK,CAAC,CAAC,EAAED,QAAQ,CAAC,CAAC,CAACH,MAAM,CAAC;AACpE,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMK,SAAS,GAAGA,CACvBX,IAAY,EACZC,GAAW,EACXW,WAAoC,EACpCH,QAAgB,KACb;EACH,MAAMI,QAAQ,GAAGpB,SAAS,CAACmB,WAAW,CAACF,KAAK,CAACD,QAAQ,CAAC,CAAC,CAACH,MAAM;EAC9D,IAAIJ,IAAI,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEH,GAAG,GAAGE,IAAI,CAACC,GAAG,CAACS,QAAQ,EAAE,CAAC,CAAC,CAAC;EAEnD,MAAMC,KAAK,GAAGX,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEF,IAAI,GAAGf,gBAAgB,CAAC;EAClD,KAAK,IAAI4B,CAAC,GAAGb,IAAI,EAAEa,CAAC,GAAGD,KAAK,EAAEC,CAAC,IAAI,CAAC,EAAE;IACpC,IAAI3B,OAAO,CAACY,IAAI,CAACe,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;MACxBb,IAAI,GAAGa,CAAC;MACR;IACF;EACF;EAEA,OAAOhB,SAAS,CAACC,IAAI,EAAEE,IAAI,CAAC;AAC9B,CAAC","ignoreList":[]}

package/lib/module/utils/truncateTextChildren.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import { cloneElement, isValidElement } from 'react';
+/**
+ * Walks a `<Text>` children tree — plain strings, mention runs, linkified
+ * runs, nested `<Text>` — and keeps the first `budget` characters of rendered
+ * text, preserving every element's styling and press handler up to the cut.
+ * Character counts line up with `onTextLayout` because RN renders exactly the
+ * concatenation of the string leaves.
+ */
+const take = (node, budget) => {
+  if (budget <= 0 || node == null || typeof node === 'boolean') {
+    return [null, 0];
+  }
+  if (typeof node === 'string' || typeof node === 'number') {
+    const text = String(node);
+    return text.length <= budget ? [node, text.length] : [text.slice(0, budget), budget];
+  }
+  if (Array.isArray(node)) {
+    const kept = [];
+    let used = 0;
+    for (const child of node) {
+      if (used >= budget) break;
+      const [part, count] = take(child, budget - used);
+      kept.push(part);
+      used += count;
+    }
+    return [kept, used];
+  }
+  if (/*#__PURE__*/isValidElement(node)) {
+    if (node.props.children === undefined) return [node, 0];
+    const [children, used] = take(node.props.children, budget);
+    return [/*#__PURE__*/cloneElement(node, undefined, children), used];
+  }
+  return [node, 0];
+};
+export const truncateTextChildren = (node, limit) => take(node, limit)[0];
+//# sourceMappingURL=truncateTextChildren.js.map

package/lib/module/utils/truncateTextChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cloneElement","isValidElement","take","node","budget","text","String","length","slice","Array","isArray","kept","used","child","part","count","push","props","children","undefined","truncateTextChildren","limit"],"sourceRoot":"../../../src","sources":["utils/truncateTextChildren.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,cAAc,QAAwB,OAAO;AAIpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,IAAI,GAAGA,CAACC,IAAe,EAAEC,MAAc,KAAY;EACvD,IAAIA,MAAM,IAAI,CAAC,IAAID,IAAI,IAAI,IAAI,IAAI,OAAOA,IAAI,KAAK,SAAS,EAAE;IAC5D,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;EAClB;EAEA,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;IACxD,MAAME,IAAI,GAAGC,MAAM,CAACH,IAAI,CAAC;IACzB,OAAOE,IAAI,CAACE,MAAM,IAAIH,MAAM,GACxB,CAACD,IAAI,EAAEE,IAAI,CAACE,MAAM,CAAC,GACnB,CAACF,IAAI,CAACG,KAAK,CAAC,CAAC,EAAEJ,MAAM,CAAC,EAAEA,MAAM,CAAC;EACrC;EAEA,IAAIK,KAAK,CAACC,OAAO,CAACP,IAAI,CAAC,EAAE;IACvB,MAAMQ,IAAiB,GAAG,EAAE;IAC5B,IAAIC,IAAI,GAAG,CAAC;IACZ,KAAK,MAAMC,KAAK,IAAIV,IAAI,EAAE;MACxB,IAAIS,IAAI,IAAIR,MAAM,EAAE;MACpB,MAAM,CAACU,IAAI,EAAEC,KAAK,CAAC,GAAGb,IAAI,CAACW,KAAK,EAAET,MAAM,GAAGQ,IAAI,CAAC;MAChDD,IAAI,CAACK,IAAI,CAACF,IAAI,CAAC;MACfF,IAAI,IAAIG,KAAK;IACf;IACA,OAAO,CAACJ,IAAI,EAAEC,IAAI,CAAC;EACrB;EAEA,iBAAIX,cAAc,CAA2BE,IAAI,CAAC,EAAE;IAClD,IAAIA,IAAI,CAACc,KAAK,CAACC,QAAQ,KAAKC,SAAS,EAAE,OAAO,CAAChB,IAAI,EAAE,CAAC,CAAC;IACvD,MAAM,CAACe,QAAQ,EAAEN,IAAI,CAAC,GAAGV,IAAI,CAACC,IAAI,CAACc,KAAK,CAACC,QAAQ,EAAEd,MAAM,CAAC;IAC1D,OAAO,cAACJ,YAAY,CAACG,IAAI,EAAEgB,SAAS,EAAED,QAAQ,CAAC,EAAEN,IAAI,CAAC;EACxD;EAEA,OAAO,CAACT,IAAI,EAAE,CAAC,CAAC;AAClB,CAAC;AAED,OAAO,MAAMiB,oBAAoB,GAAGA,CAACjB,IAAe,EAAEkB,KAAa,KACjEnB,IAAI,CAACC,IAAI,EAAEkB,KAAK,CAAC,CAAC,CAAC,CAAC","ignoreList":[]}

package/lib/typescript/src/components/messages/ExpandableMessageText.d.ts

@@ -0,0 +1,25 @@
+import type { ComponentProps, ReactNode } from 'react';
+import { KLabel } from '@droppii/libs';
+import type { MessageSurface } from '../../store/expandedMessage';
+type TypoType = ComponentProps<typeof KLabel.Text>['typo'];
+interface ExpandableMessageTextProps {
+    messageId: string;
+    surface: MessageSurface;
+    /** Raw body text — drives the length/newline pre-check only. */
+    text: string;
+    /**
+     * The already-rendered body. Taken as children rather than re-derived from
+     * `text` because the three call sites build structurally different bodies
+     * (plain run, mention segments, linkified runs) and re-tokenising them here
+     * would duplicate three parsers.
+     */
+    children: ReactNode;
+    typo?: TypoType;
+    color?: string;
+}
+export declare const ExpandableMessageText: {
+    ({ messageId, surface, text, children, typo, color, }: ExpandableMessageTextProps): import("react").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=ExpandableMessageText.d.ts.map

package/lib/typescript/src/components/messages/ExpandableMessageText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableMessageText.d.ts","sourceRoot":"","sources":["../../../../../src/components/messages/ExpandableMessageText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAuB,MAAM,EAAE,MAAM,eAAe,CAAC;AAQ5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAElE,KAAK,QAAQ,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;AAe3D,UAAU,0BAA0B;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,cAAc,CAAC;IACxB,gEAAgE;IAChE,IAAI,EAAE,MAAM,CAAC;IACb;;;;;OAKG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,qBAAqB;2DAO/B,0BAA0B;;CA0E5B,CAAC"}

package/lib/typescript/src/components/messages/PreviewScrollableText.d.ts

@@ -0,0 +1,29 @@
+import { type ReactNode } from 'react';
+/**
+ * Set by the toolbox overlay around its clone. `maxHeight` is the space the
+ * clone may take; `contentHeight` is how tall the clone currently is.
+ * `onScrollableChange` reports whether the text is capped (and so scrolls),
+ * because the overlay's tap-to-dismiss would otherwise block that scroll.
+ */
+export interface ClonePreviewBudget {
+    maxHeight: number;
+    contentHeight: number;
+    onScrollableChange: (scrollable: boolean) => void;
+}
+export declare const ClonePreviewBudgetContext: import("react").Context<ClonePreviewBudget>;
+/**
+ * An expanded message can be taller than the overlay. Scrolling the whole
+ * clone clips the bubble along a straight edge — square corners — so inside
+ * the overlay the text region scrolls instead and the bubble keeps its shape.
+ *
+ * Budget: whatever the rest of the clone (padding, quote strip, link card,
+ * time row) does not use. `contentHeight` and this box's height arrive from
+ * native at different moments, and mixing a fresh one with a stale one makes
+ * the cap swing between two sizes indefinitely. So the rest is read only from
+ * a consistent pair — while uncapped, when the box equals the natural height —
+ * and frozen once a cap is applied, which breaks the feedback loop.
+ */
+export declare const PreviewScrollableText: ({ children, }: {
+    children: ReactNode;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=PreviewScrollableText.d.ts.map

package/lib/typescript/src/components/messages/PreviewScrollableText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewScrollableText.d.ts","sourceRoot":"","sources":["../../../../../src/components/messages/PreviewScrollableText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf;;;;;GAKG;AACH,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,yBAAyB,6CACU,CAAC;AAKjD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,qBAAqB,GAAI,eAEnC;IACD,QAAQ,EAAE,SAAS,CAAC;CACrB,gCAqDA,CAAC"}

package/lib/typescript/src/components/messages/linkMessage/index.d.ts

@@ -1,5 +1,5 @@
 import { type BaseLegendMessageProps } from '../types';
-export declare const LinkMessage: import("react").MemoExoticComponent<({ message, isOutgoing, createdAtTime, onPressUrl, isHighlighted, isTimeRevealed, groupPosition, }: BaseLegendMessageProps & {
+export declare const LinkMessage: import("react").MemoExoticComponent<({ message, messageId, surface, isOutgoing, createdAtTime, onPressUrl, isHighlighted, isTimeRevealed, groupPosition, }: BaseLegendMessageProps & {
     onPressUrl?: (url: string) => void;
 }) => import("react").JSX.Element>;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/messages/linkMessage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/messages/linkMessage/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAmC1E,eAAO,MAAM,WAAW,0IASnB,sBAAsB,GAAG;IAAE,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,iCAgDnE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/messages/linkMessage/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAmC1E,eAAO,MAAM,WAAW,8JAWnB,sBAAsB,GAAG;IAAE,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,iCAuDnE,CAAC"}

package/lib/typescript/src/components/messages/quotedMessage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/messages/quotedMessage/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAwB1E,UAAU,kBAAmB,SAAQ,sBAAsB;IACzD,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,QAAA,MAAM,aAAa,8CAAgB,kBAAkB,iCAkJnD,CAAC;AAIH,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/messages/quotedMessage/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAyB1E,UAAU,kBAAmB,SAAQ,sBAAsB;IACzD,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,QAAA,MAAM,aAAa,8CAAgB,kBAAkB,iCA6JnD,CAAC;AAIH,eAAe,aAAa,CAAC"}

package/lib/typescript/src/components/messages/textMessage/index.d.ts

@@ -1,5 +1,5 @@
 import { type BaseLegendMessageProps } from '../types';
-export declare const TextMessage: import("react").MemoExoticComponent<({ message, isOutgoing, createdAtTime, isHighlighted, isTimeRevealed, onPressUrl, groupPosition, }: BaseLegendMessageProps & {
+export declare const TextMessage: import("react").MemoExoticComponent<({ message, messageId, surface, isOutgoing, createdAtTime, isHighlighted, isTimeRevealed, onPressUrl, groupPosition, }: BaseLegendMessageProps & {
     onPressUrl?: (url: string) => void;
 }) => import("react").JSX.Element>;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/messages/textMessage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/messages/textMessage/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAkB1E,eAAO,MAAM,WAAW,0IASnB,sBAAsB,GAAG;IAAE,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,iCA6HnE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/messages/textMessage/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAmB1E,eAAO,MAAM,WAAW,8JAWnB,sBAAsB,GAAG;IAAE,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,iCAmInE,CAAC"}

package/lib/typescript/src/components/messages/types.d.ts

@@ -1,8 +1,26 @@
 import type { MediaItem } from '../../hooks/useMediaViewer';
 import type { MessageItem } from '@droppii/openim-rn-client-sdk';
 import type { GroupPosition } from '../../utils/legendListMessage';
+import type { MessageSurface } from '../../store/expandedMessage';
 export interface BaseLegendMessageProps {
     message: MessageItem;
+    /**
+     * Resolved once by the caller and threaded down — never re-derived here.
+     * The timeline, the pin sheet and the toolbox overlay each compute a
+     * message's id differently, and a mismatch silently splits its expansion
+     * state across surfaces.
+     */
+    messageId: string;
+    /** Expansion is scoped per surface (BR-003): the same message collapsed in
+     * Pin Management while expanded in the timeline, and vice versa. */
+    surface: MessageSurface;
+    /**
+     * Rendered as the toolbox overlay's clone. The clone is touchable so that
+     * `Xem thêm` works there (D1), which makes every other press target in the
+     * bubble live too — components with a self-contained handler must disable
+     * it when this is set.
+     */
+    isPreview?: boolean;
     isOutgoing: boolean;
     createdAtTime: number;
     isHighlighted?: boolean;

package/lib/typescript/src/components/messages/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/messages/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAEnE,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,WAAW,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wEAAwE;IACxE,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7D;AAED,eAAO,MAAM,iBAAiB,GAAI,WAAW,MAAM,WAWlD,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/messages/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAElE,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,WAAW,CAAC;IACrB;;;;;OAKG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;wEACoE;IACpE,OAAO,EAAE,cAAc,CAAC;IACxB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wEAAwE;IACxE,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7D;AAED,eAAO,MAAM,iBAAiB,GAAI,WAAW,MAAM,WAWlD,CAAC"}

package/lib/typescript/src/hooks/useExpandableText.d.ts

@@ -0,0 +1,13 @@
+import { type TextLayoutEvent } from 'react-native';
+import { COLLAPSED_LINES, type MessageSurface } from '../utils/expandableText';
+export { COLLAPSED_LINES };
+export declare const clearExpandableTextCache: () => void;
+export type ExpandableTextMode = 'plain' | 'measuring' | 'fitting' | 'collapsed';
+export declare function useExpandableText(messageId: string, text: string, surface: MessageSurface): {
+    mode: ExpandableTextMode;
+    cut: number;
+    expand: () => void;
+    onMeasureTextLayout: ({ nativeEvent: { lines } }: TextLayoutEvent) => void;
+    onFitTextLayout: ({ nativeEvent: { lines } }: TextLayoutEvent) => void;
+};
+//# sourceMappingURL=useExpandableText.d.ts.map

package/lib/typescript/src/hooks/useExpandableText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpandableText.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useExpandableText.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,EACL,eAAe,EAGf,KAAK,cAAc,EACpB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,eAAe,EAAE,CAAC;AAiB3B,eAAO,MAAM,wBAAwB,YAA6B,CAAC;AAsBnE,MAAM,MAAM,kBAAkB,GAC1B,OAAO,GACP,WAAW,GACX,SAAS,GACT,WAAW,CAAC;AAEhB,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,cAAc;;;;sDAwCQ,eAAe;kDAgBf,eAAe;EAuB/C"}

package/lib/typescript/src/screens/chat-detail/ChatDetail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatDetail.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat-detail/ChatDetail.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkV/C,QAAA,MAAM,YAAY,GAAI,OAAO,eAAe,gCAS3C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ChatDetail.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat-detail/ChatDetail.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA2V/C,QAAA,MAAM,YAAY,GAAI,OAAO,eAAe,gCAS3C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/typescript/src/screens/chat-detail/PinnedMessagesSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PinnedMessagesSheet.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat-detail/PinnedMessagesSheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAwL9E,MAAM,WAAW,6BAA6B;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7D,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,SAAS,CAAC;IAC5D,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,uBAAuB,GAAI,4EAKrC,6BAA6B,SAmB/B,CAAC"}
+{"version":3,"file":"PinnedMessagesSheet.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat-detail/PinnedMessagesSheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AA0L9E,MAAM,WAAW,6BAA6B;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7D,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,SAAS,CAAC;IAC5D,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,uBAAuB,GAAI,4EAKrC,6BAA6B,SAyB/B,CAAC"}

package/lib/typescript/src/screens/chat-detail/legend/LegendChatMessage.d.ts

@@ -2,6 +2,7 @@ import type { ReactNode } from 'react';
 import type { MessageItem } from '@droppii/openim-rn-client-sdk';
 import type { MediaItem } from '../../../hooks/useMediaViewer';
 import type { GroupPosition } from '../../../utils/legendListMessage';
+import type { MessageSurface } from '../../../store/expandedMessage';
 interface LegendChatMessageProps {
     message: MessageItem;
     /** Stable per-row id (see getMessageRenderId) — bound into onPress/onLongPress locally so those callbacks stay referentially stable across unrelated list re-renders. */
@@ -38,7 +39,16 @@ interface LegendChatMessageProps {
     showSenderGutter?: boolean;
     /** Position within its same-sender cluster — drives the bubble tail. */
     groupPosition?: GroupPosition;
+    /**
+     * Which surface is rendering this message. Expansion state is scoped by it
+     * (BR-003), so Pin Management must pass `'pin'` explicitly — the default
+     * keeps the timeline and the toolbox overlay sharing one scope, which is
+     * what makes the overlay clone mirror the row it lifted from.
+     */
+    surface?: MessageSurface;
+    /** Toolbox overlay clone — see `BaseLegendMessageProps.isPreview`. */
+    isPreview?: boolean;
 }
-export declare const LegendChatMessage: import("react").MemoExoticComponent<({ message, messageId, isOutgoing, createdAtTime, onMediaPress, onPressUrl, onRetry, onPress, alwaysHandlePress, onLongPress, customMessageItemFactory, isHighlighted, isTimeRevealed, showName, showAvatar, showSenderGutter, groupPosition, }: LegendChatMessageProps) => string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode>> | import("react").JSX.Element>;
+export declare const LegendChatMessage: import("react").MemoExoticComponent<({ message, messageId, isOutgoing, createdAtTime, onMediaPress, onPressUrl, onRetry, onPress, alwaysHandlePress, onLongPress, customMessageItemFactory, isHighlighted, isTimeRevealed, showName, showAvatar, showSenderGutter, groupPosition, surface, isPreview, }: LegendChatMessageProps) => string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode>> | import("react").JSX.Element>;
 export {};
 //# sourceMappingURL=LegendChatMessage.d.ts.map

package/lib/typescript/src/screens/chat-detail/legend/LegendChatMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LegendChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/legend/LegendChatMessage.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAoC,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAGjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAe/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAStE,UAAU,sBAAsB;IAC9B,OAAO,EAAE,WAAW,CAAC;IACrB,yKAAyK;IACzK,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;;;;;;;OAQG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAChE,wBAAwB,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,SAAS,CAAC;IACzD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wEAAwE;IACxE,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAsCD,eAAO,MAAM,iBAAiB,uRAmBzB,sBAAsB,wRA8G1B,CAAC"}
+{"version":3,"file":"LegendChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/legend/LegendChatMessage.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAoC,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAGjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAe/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AASrE,UAAU,sBAAsB;IAC9B,OAAO,EAAE,WAAW,CAAC;IACrB,yKAAyK;IACzK,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;;;;;;;OAQG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAChE,wBAAwB,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,SAAS,CAAC;IACzD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wEAAwE;IACxE,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,sEAAsE;IACtE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAsCD,eAAO,MAAM,iBAAiB,2SAqBzB,sBAAsB,wRAsH1B,CAAC"}

package/lib/typescript/src/screens/chat-detail/messageToolbox/MessageToolboxOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageToolboxOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/messageToolbox/MessageToolboxOverlay.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAEV,iBAAiB,EAElB,MAAM,SAAS,CAAC;AAEjB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG3D,OAAO,EAEL,KAAK,WAAW,EACjB,MAAM,+BAA+B,CAAC;AAcvC,UAAU,0BAA0B;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,SAAS,CAAC;IAC5D,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAIhD,MAAM,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAC/B;AAED,eAAO,MAAM,qBAAqB,0HAsNjC,CAAC"}
+{"version":3,"file":"MessageToolboxOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/messageToolbox/MessageToolboxOverlay.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAEV,iBAAiB,EAElB,MAAM,SAAS,CAAC;AAEjB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG3D,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,+BAA+B,CAAC;AAqBvC,UAAU,0BAA0B;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,SAAS,CAAC;IAC5D,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAIhD,MAAM,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAC/B;AAED,eAAO,MAAM,qBAAqB,0HAiOjC,CAAC"}

package/lib/typescript/src/screens/chat-detail/messageToolbox/MessageToolboxWrapper.d.ts

@@ -3,9 +3,22 @@ type MessageToolboxWrapperProps = {
     isOutgoing?: boolean;
     rect: MeasuredRect;
     message?: React.ReactNode;
+    /**
+     * Lets touches reach the clone's own press targets — needed for `Xem thêm`
+     * (D1). Off by default: types like FileMessage and consumer custom nodes
+     * have self-contained handlers that must stay inert here.
+     */
+    isCloneInteractive?: boolean;
+    /**
+     * Tapping the bubble used to fall through to the backdrop and dismiss. The
+     * ScrollView below is hit-testable and swallows that, so the gesture is
+     * reinstated explicitly. A touch that a press target inside the clone
+     * claims (`Xem thêm`) never reaches it.
+     */
+    onDismiss?: () => void;
     reaction?: React.ReactNode;
     toolbox?: React.ReactNode;
 };
-export declare const MessageToolboxWrapper: import("react").MemoExoticComponent<({ isOutgoing, rect, message, reaction, toolbox, }: MessageToolboxWrapperProps) => import("react").JSX.Element>;
+export declare const MessageToolboxWrapper: import("react").MemoExoticComponent<({ isOutgoing, rect, message, isCloneInteractive, onDismiss, reaction, toolbox, }: MessageToolboxWrapperProps) => import("react").JSX.Element>;
 export {};
 //# sourceMappingURL=MessageToolboxWrapper.d.ts.map

package/lib/typescript/src/screens/chat-detail/messageToolbox/MessageToolboxWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageToolboxWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/messageToolbox/MessageToolboxWrapper.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAO5C,KAAK,0BAA0B,GAAG;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,qBAAqB,0FAO7B,0BAA0B,iCAgF9B,CAAC"}
+{"version":3,"file":"MessageToolboxWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/messageToolbox/MessageToolboxWrapper.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAY5C,KAAK,0BAA0B,GAAG;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,qBAAqB,yHAS7B,0BAA0B,iCAuI9B,CAAC"}

package/lib/typescript/src/screens/chat-detail/messageToolbox/useClonePreview.d.ts

@@ -0,0 +1,18 @@
+import type { ClonePreviewBudget } from '../../../components/messages/PreviewScrollableText';
+/**
+ * Wiring between the overlay's clone and the expanded text that scrolls
+ * inside it (see `PreviewScrollableText`).
+ *
+ * `dismissDisabled`: the clone sits in a tap-to-dismiss Pressable. On iOS a
+ * ScrollView refuses to scroll while an ANCESTOR holds the JS responder
+ * (`RCTScrollView _shouldDisableScrollInteraction`), so with the Pressable
+ * enabled a drag on the text never scrolls — it ends as a tap and closes the
+ * overlay. While the text is scrollable the Pressable stands down; the
+ * backdrop and the menu still dismiss.
+ */
+export declare const useClonePreview: (maxHeight: number) => {
+    budget: ClonePreviewBudget;
+    onContentSizeChange: (_width: number, height: number) => void;
+    dismissDisabled: boolean;
+};
+//# sourceMappingURL=useClonePreview.d.ts.map

package/lib/typescript/src/screens/chat-detail/messageToolbox/useClonePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClonePreview.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/messageToolbox/useClonePreview.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AAE7F;;;;;;;;;;GAUG;AACH,eAAO,MAAM,eAAe,GAAI,WAAW,MAAM;;kCAKpC,MAAM,UAAU,MAAM;;CAclC,CAAC"}

package/lib/typescript/src/store/expandedMessage.d.ts

@@ -0,0 +1,15 @@
+import { expandedKey, type MessageSurface } from '../utils/expandableText';
+export type { MessageSurface };
+export { expandedKey };
+export interface ExpandedMessageStore {
+    /**
+     * Flat record rather than a Set so a row can subscribe with a cheap boolean
+     * selector — `useExpandedMessageStore(s => !!s.expanded[key])` — which stays
+     * referentially stable for every message the change didn't touch.
+     */
+    expanded: Record<string, true>;
+    expand: (surface: MessageSurface, messageId: string) => void;
+    clearSurface: (surface: MessageSurface) => void;
+}
+export declare const useExpandedMessageStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ExpandedMessageStore>>;
+//# sourceMappingURL=expandedMessage.d.ts.map

package/lib/typescript/src/store/expandedMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expandedMessage.d.ts","sourceRoot":"","sources":["../../../../src/store/expandedMessage.ts"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EAEX,KAAK,cAAc,EACpB,MAAM,yBAAyB,CAAC;AAEjC,YAAY,EAAE,cAAc,EAAE,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,MAAM,WAAW,oBAAoB;IACnC;;;;OAIG;IACH,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC/B,MAAM,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,YAAY,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,uBAAuB,mFAoBnC,CAAC"}

package/lib/typescript/src/utils/expandableText.d.ts

@@ -0,0 +1,18 @@
+export type MessageSurface = 'timeline' | 'pin';
+export declare const COLLAPSED_LINES = 5;
+export declare const expandedKey: (surface: MessageSurface, messageId: string) => string;
+/**
+ * Character count alone is not an approximation of rendered lines — it is
+ * wrong for the shapes this chat carries most (pasted addresses, order lists),
+ * where an eight-line message can be under 70 characters. Newlines cost one
+ * character and a whole line, so both signals are needed. Message text is
+ * sender-controlled, so a length-only gate is also trivially defeated.
+ */
+export declare const isMeasurementCandidate: (text: string) => boolean;
+/**
+ * Returns a copy without the entries belonging to `surface`, or the original
+ * reference when nothing matched — callers use that identity to skip a
+ * pointless store update.
+ */
+export declare const withoutSurface: (expanded: Record<string, true>, surface: MessageSurface) => Record<string, true>;
+//# sourceMappingURL=expandableText.d.ts.map

package/lib/typescript/src/utils/expandableText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expandableText.d.ts","sourceRoot":"","sources":["../../../../src/utils/expandableText.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,KAAK,CAAC;AAEhD,eAAO,MAAM,eAAe,IAAI,CAAC;AAIjC,eAAO,MAAM,WAAW,GAAI,SAAS,cAAc,EAAE,WAAW,MAAM,WAC3C,CAAC;AAU5B;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,GAAI,MAAM,MAAM,YAEX,CAAC;AAEzC;;;;GAIG;AACH,eAAO,MAAM,cAAc,GACzB,UAAU,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,EAC9B,SAAS,cAAc,KACtB,MAAM,CAAC,MAAM,EAAE,IAAI,CAcrB,CAAC"}

package/lib/typescript/src/utils/inlineTruncation.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Cut-point arithmetic for the inline `... Xem thêm` preview. Everything here
+ * works on the lines RN reports from `onTextLayout`, whose `text` includes the
+ * line's trailing break — so joining them reproduces the rendered string and a
+ * running length is a valid character offset into it.
+ */
+export interface RenderedLine {
+    text: string;
+}
+export declare const joinLines: (lines: readonly RenderedLine[]) => string;
+/**
+ * Backs `cut` off trailing whitespace — a kept `\n` would push the suffix onto
+ * a line of its own — and off half an emoji, which would render as a tofu box.
+ */
+export declare const settleCut: (full: string, cut: number) => number;
+/** First guess: everything on the first `maxLines` lines. */
+export declare const initialCut: (lines: readonly RenderedLine[], maxLines: number) => number;
+/**
+ * The suffix did not fit and wrapped past `maxLines`. Drop at least as many
+ * characters as spilled over — the spill includes the suffix itself, so this
+ * converges in one or two passes — then prefer ending on a word.
+ */
+export declare const shrinkCut: (full: string, cut: number, fittedLines: readonly RenderedLine[], maxLines: number) => number;
+//# sourceMappingURL=inlineTruncation.d.ts.map

package/lib/typescript/src/utils/inlineTruncation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inlineTruncation.d.ts","sourceRoot":"","sources":["../../../../src/utils/inlineTruncation.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;CACd;AAUD,eAAO,MAAM,SAAS,GAAI,OAAO,SAAS,YAAY,EAAE,WACf,CAAC;AAE1C;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,MAAM,MAAM,EAAE,KAAK,MAAM,WAKlD,CAAC;AAEF,6DAA6D;AAC7D,eAAO,MAAM,UAAU,GACrB,OAAO,SAAS,YAAY,EAAE,EAC9B,UAAU,MAAM,WAIjB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,SAAS,GACpB,MAAM,MAAM,EACZ,KAAK,MAAM,EACX,aAAa,SAAS,YAAY,EAAE,EACpC,UAAU,MAAM,WAcjB,CAAC"}

package/lib/typescript/src/utils/truncateTextChildren.d.ts

@@ -0,0 +1,3 @@
+import { type ReactNode } from 'react';
+export declare const truncateTextChildren: (node: ReactNode, limit: number) => ReactNode;
+//# sourceMappingURL=truncateTextChildren.d.ts.map

package/lib/typescript/src/utils/truncateTextChildren.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"truncateTextChildren.d.ts","sourceRoot":"","sources":["../../../../src/utils/truncateTextChildren.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA4CrE,eAAO,MAAM,oBAAoB,GAAI,MAAM,SAAS,EAAE,OAAO,MAAM,cAC7C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@droppii-org/chat-mobile",
-  "version": "0.2.106",
+  "version": "0.2.107",
   "description": "Droppii chat mobile",
   "keywords": [
     "react-native",

package/src/components/messages/ExpandableMessageText.tsx

@@ -0,0 +1,145 @@
+import type { ComponentProps, ReactNode } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { KColors, KContainer, KLabel } from '@droppii/libs';
+import { trans } from '../../translation';
+import {
+  COLLAPSED_LINES,
+  useExpandableText,
+} from '../../hooks/useExpandableText';
+import { truncateTextChildren } from '../../utils/truncateTextChildren';
+import { PreviewScrollableText } from './PreviewScrollableText';
+import type { MessageSurface } from '../../store/expandedMessage';
+
+type TypoType = ComponentProps<typeof KLabel.Text>['typo'];
+
+// Values from `@droppii/libs`' Typography.tsx (`generateTextStyle`'s third
+// argument), not looked up at runtime — the package does not cleanly
+// re-export a way to do that. All three call sites use `TextMdNormal` today;
+// add an entry here before passing any other `typo` to this component.
+const TYPO_LINE_HEIGHT: Record<string, number> = {
+  TextMdNormal: 25.6,
+};
+const DEFAULT_LINE_HEIGHT = 22.4;
+
+// Figma (Live Chat, node 15389-207764): `…và... Xem thêm` — the ellipsis in
+// the body colour, the control inline on the last visible line.
+const ELLIPSIS = '... ';
+
+interface ExpandableMessageTextProps {
+  messageId: string;
+  surface: MessageSurface;
+  /** Raw body text — drives the length/newline pre-check only. */
+  text: string;
+  /**
+   * The already-rendered body. Taken as children rather than re-derived from
+   * `text` because the three call sites build structurally different bodies
+   * (plain run, mention segments, linkified runs) and re-tokenising them here
+   * would duplicate three parsers.
+   */
+  children: ReactNode;
+  typo?: TypoType;
+  color?: string;
+}
+
+export const ExpandableMessageText = ({
+  messageId,
+  surface,
+  text,
+  children,
+  typo = 'TextMdNormal',
+  color,
+}: ExpandableMessageTextProps) => {
+  const { mode, cut, expand, onMeasureTextLayout, onFitTextLayout } =
+    useExpandableText(messageId, text, surface);
+
+  if (mode === 'plain') {
+    // Only the overlay provides a budget; everywhere else this is a no-op.
+    return (
+      <PreviewScrollableText>
+        <KLabel.Text typo={typo} color={color}>
+          {children}
+        </KLabel.Text>
+      </PreviewScrollableText>
+    );
+  }
+
+  const label = trans('chat:info_view_more') || 'Xem thêm';
+
+  if (mode === 'measuring') {
+    // One layout pass. The visible copy is clipped to N lines by height so the
+    // bubble does not flash at full length; the hidden copy is unconstrained,
+    // which is what makes its `onTextLayout` report every line on iOS too.
+    const lineHeight =
+      TYPO_LINE_HEIGHT[typo ?? 'TextMdNormal'] ?? DEFAULT_LINE_HEIGHT;
+    return (
+      <KContainer.View>
+        <View
+          style={[
+            styles.clampedBox,
+            { maxHeight: lineHeight * COLLAPSED_LINES },
+          ]}
+        >
+          <KLabel.Text typo={typo} color={color}>
+            {children}
+          </KLabel.Text>
+        </View>
+        <View
+          style={styles.measuringCopy}
+          pointerEvents="none"
+          accessibilityElementsHidden
+          importantForAccessibility="no-hide-descendants"
+        >
+          <KLabel.Text
+            typo={typo}
+            color={color}
+            onTextLayout={onMeasureTextLayout}
+          >
+            {children}
+          </KLabel.Text>
+        </View>
+      </KContainer.View>
+    );
+  }
+
+  // 'fitting' re-checks that the suffix still fits in N lines; 'collapsed'
+  // renders a cut that already passed that check.
+  return (
+    <KLabel.Text
+      typo={typo}
+      color={color}
+      onTextLayout={mode === 'fitting' ? onFitTextLayout : undefined}
+    >
+      {truncateTextChildren(children, cut)}
+      {ELLIPSIS}
+      <KLabel.Text
+        typo="TextMdMedium"
+        color={KColors.primary.normal}
+        onPress={expand}
+        accessibilityRole="button"
+        accessibilityLabel={label}
+      >
+        {label}
+      </KLabel.Text>
+    </KLabel.Text>
+  );
+};
+
+ExpandableMessageText.displayName = 'ExpandableMessageText';
+
+const styles = StyleSheet.create({
+  clampedBox: {
+    overflow: 'hidden',
+  },
+  // `left`+`right` take the container's width in the same layout pass, so the
+  // copy wraps exactly like the visible one without a round trip through
+  // `onLayout`. No `bottom`: pinning it (i.e. absoluteFill) would make this
+  // inherit the clamped parent's height, and iOS would lay out only the lines
+  // that fit — reporting a clamped message as short.
+  measuringCopy: {
+    opacity: 0,
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+  },
+});