@linktr.ee/messaging-react 3.5.6-rc-1783100793 → 3.5.6

package/dist/{index-BRV621wo.js → index-BXzwYXLT.js}

@@ -645,7 +645,7 @@ function en({
   const s = e == null ? void 0 : e.text, a = Js(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const Zs = $.lazy(() => import("./Card-CmLNgIdO.js")), Qs = $.lazy(() => import("./Card-mDB7sZiu.js")), ea = $.lazy(() => import("./Card-XSDNvOZf.js")), Qe = () => /* @__PURE__ */ n(
+const Zs = $.lazy(() => import("./Card-rblNjC58.js")), Qs = $.lazy(() => import("./Card-MBp3Wg6r.js")), ea = $.lazy(() => import("./Card-B5lE5A2D.js")), Qe = () => /* @__PURE__ */ n(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
@@ -1046,7 +1046,7 @@ const la = (e) => {
       "data-testid": m,
       className: C(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-        f ? "bg-[#1e2330]" : "bg-white"
+        f ? "bg-[#121110]" : "bg-white"
       ),
       children: [
         d ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute left-3 top-3 z-50", children: d }) : null,
@@ -1094,7 +1094,7 @@ function on(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
 function et(e) {
-  return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#1e2330]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
+  return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#121110]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
 function ua(e) {
   return e ? "bg-white/10" : "bg-black/5";
@@ -1283,7 +1283,6 @@ const cn = ({
           "div",
           {
             className: "str-chat__message-bubble",
-            "data-attachment-bubble": "true",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
             children: s ? /* @__PURE__ */ n("div", { className: et(t), children: /* @__PURE__ */ n(tt, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(cn, { ...a }) : /* @__PURE__ */ n(dn, { ...a })
           }
@@ -1700,7 +1699,7 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
       href: s,
       target: "_blank",
       rel: "noopener noreferrer",
-      className: "relative block w-full rounded-[24px] bg-[#1e2330] p-2 no-underline transition-opacity hover:opacity-90",
+      className: "relative block w-full rounded-[24px] bg-[#121110] p-2 no-underline transition-opacity hover:opacity-90",
       children: [
         r && /* @__PURE__ */ n(
           "img",
@@ -1740,14 +1739,17 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
   ), s = (r) => {
     e.dismissPreview(r);
   };
-  return t.length > 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-stretch w-full gap-2 mb-4", children: t.map((r) => /* @__PURE__ */ n(
-    Oa,
-    {
-      link: r,
-      onDismiss: s
-    },
-    r.og_scrape_url
-  )) }) : null;
+  return t.length > 0 ? (
+    // Layout contract: this list is the composer's *shrinkable* region. The
+    // mobile visitor surface sizes itself to the keyboard-shrunk
+    // visualViewport, so when vertical space runs out this container gives
+    // way (min-h-0) and scrolls, while the textarea + send row stays visible
+    // (shrink-0 in CustomMessageInput). Each card is wrapped in a shrink-0
+    // block so it keeps its intrinsic height and the container scrolls — a
+    // bare flex-column child would be shrunk on the column axis and its
+    // fixed-height hero would spill out of the collapsed card box.
+    /* @__PURE__ */ n("div", { className: "messaging-link-preview-list flex min-h-0 flex-col items-stretch w-full gap-2 mb-4 overflow-y-auto overscroll-contain", children: t.map((r) => /* @__PURE__ */ n("div", { className: "w-full shrink-0", children: /* @__PURE__ */ n(Oa, { link: r, onDismiss: s }) }, r.og_scrape_url)) })
+  ) : null;
 }, at = $.createContext(!1), Ai = () => ye(at), $a = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
@@ -1763,41 +1765,51 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
     SendButton: r = $a,
     AttachmentPreviewList: i = as
   } = Ht("CustomMessageInput");
-  return /* @__PURE__ */ h(
-    "div",
-    {
-      className: "central-container flex flex-col gap-2 min-w-0 w-full p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]",
-      "data-dd-privacy": "mask",
-      children: [
-        /* @__PURE__ */ n(rs, {}),
-        /* @__PURE__ */ n(Fa, {}),
-        /* @__PURE__ */ n(i, {}),
-        /* @__PURE__ */ h("div", { className: "flex", children: [
-          /* @__PURE__ */ n("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ n(
-            is,
-            {
-              "aria-disabled": e || void 0,
-              className: "w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",
-              autoFocus: !e,
-              maxRows: 4,
-              readOnly: e,
-              tabIndex: e ? -1 : void 0
-            }
-          ) }),
-          /* @__PURE__ */ n(
-            r,
-            {
-              sendMessage: t,
-              "aria-label": "Send",
-              className: "str-chat__send-button mt-auto flex justify-center items-center flex-shrink-0 rounded-full size-8 bg-[#121110] disabled:bg-[#F1F0EE] disabled:text-black/20 text-white focus-ring",
-              "data-testid": "send-button",
-              disabled: a,
-              type: "button"
-            }
-          )
-        ] })
-      ]
-    }
+  return (
+    // min-h-0 lets the composer shrink under keyboard squeeze (the link
+    // preview list inside is the scrollable region); the textarea + send row
+    // is shrink-0 so it can never be pushed out of view. self-stretch matters
+    // because the parent `.message-input` row uses items-end, which suppresses
+    // the default cross-axis stretch — without it this container keeps its
+    // content height and the squeeze never reaches the preview list. Stream's
+    // <MessageInput> renders its Input directly (context providers only, no
+    // wrapper element), so this is a direct flex item of that row.
+    /* @__PURE__ */ h(
+      "div",
+      {
+        className: "central-container flex min-h-0 flex-col gap-2 min-w-0 w-full self-stretch p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]",
+        "data-dd-privacy": "mask",
+        children: [
+          /* @__PURE__ */ n(rs, {}),
+          /* @__PURE__ */ n(Fa, {}),
+          /* @__PURE__ */ n(i, {}),
+          /* @__PURE__ */ h("div", { className: "flex shrink-0", children: [
+            /* @__PURE__ */ n("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ n(
+              is,
+              {
+                "aria-disabled": e || void 0,
+                className: "w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",
+                autoFocus: !e,
+                maxRows: 4,
+                readOnly: e,
+                tabIndex: e ? -1 : void 0
+              }
+            ) }),
+            /* @__PURE__ */ n(
+              r,
+              {
+                sendMessage: t,
+                "aria-label": "Send",
+                className: "str-chat__send-button mt-auto flex justify-center items-center flex-shrink-0 rounded-full size-8 bg-[#121110] disabled:bg-[#F1F0EE] disabled:text-black/20 text-white focus-ring",
+                "data-testid": "send-button",
+                disabled: a,
+                type: "button"
+              }
+            )
+          ] })
+        ]
+      }
+    )
   );
 }, ja = ({
   renderActions: e,
@@ -1811,13 +1823,13 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
   return s ? /* @__PURE__ */ h(se, { children: [
     /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: a ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: a }) : null }),
     t == null ? void 0 : t()
-  ] }) : /* @__PURE__ */ h("div", { className: "flex flex-col gap-4 p-4", children: [
+  ] }) : /* @__PURE__ */ h("div", { className: "flex min-h-0 flex-col gap-4 p-4", children: [
     /* @__PURE__ */ h(
       "div",
       {
         inert: o ? "" : void 0,
         "aria-disabled": o || void 0,
-        className: "message-input flex items-end gap-4 aria-disabled:opacity-40",
+        className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
           /* @__PURE__ */ n(at.Provider, { value: o, children: /* @__PURE__ */ n(ts, { Input: r ?? Ba }) })
@@ -3113,7 +3125,7 @@ const hr = {
 }) => {
   const u = s != null || a != null, g = C(
     vr,
-    l ?? (e === "dark" ? "bg-[#1e2330]" : "bg-white"),
+    l ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
     // tailwind preset — outline-none + a black 2px focus-visible ring
     // with offset, so keyboard users can see the focused card.
@@ -3416,11 +3428,11 @@ const hr = {
   Sent: yr,
   Received: _r
 }, Cr = {
-  dark: "bg-[#1e2330]",
-  light: "bg-[#f2f1ef]"
+  dark: "bg-[#121110]",
+  light: "bg-[#e9eaed]"
 }, kr = {
   dark: "text-white",
-  light: "text-[#000000]"
+  light: "text-[#080707]"
 }, Er = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
@@ -4672,4 +4684,4 @@ export {
   st as y,
   Zt as z
 };
-//# sourceMappingURL=index-BRV621wo.js.map
+//# sourceMappingURL=index-BXzwYXLT.js.map