@linktr.ee/messaging-react 3.5.6-rc-1783060033 → 3.5.6-rc-1783097662

package/dist/{index-BXzwYXLT.js → index-BRV621wo.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-rblNjC58.js")), Qs = $.lazy(() => import("./Card-MBp3Wg6r.js")), ea = $.lazy(() => import("./Card-B5lE5A2D.js")), Qe = () => /* @__PURE__ */ n(
+const Zs = $.lazy(() => import("./Card-CmLNgIdO.js")), Qs = $.lazy(() => import("./Card-mDB7sZiu.js")), ea = $.lazy(() => import("./Card-XSDNvOZf.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-[#121110]" : "bg-white"
+        f ? "bg-[#1e2330]" : "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-[#121110]" : "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-[#1e2330]" : "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,6 +1283,7 @@ 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 })
           }
@@ -1699,7 +1700,7 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
       href: s,
       target: "_blank",
       rel: "noopener noreferrer",
-      className: "relative block w-full rounded-[24px] bg-[#121110] p-2 no-underline transition-opacity hover:opacity-90",
+      className: "relative block w-full rounded-[24px] bg-[#1e2330] p-2 no-underline transition-opacity hover:opacity-90",
       children: [
         r && /* @__PURE__ */ n(
           "img",
@@ -1739,17 +1740,14 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
   ), s = (r) => {
     e.dismissPreview(r);
   };
-  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;
+  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;
 }, at = $.createContext(!1), Ai = () => ye(at), $a = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
@@ -1765,51 +1763,41 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
     SendButton: r = $a,
     AttachmentPreviewList: i = as
   } = Ht("CustomMessageInput");
-  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"
-              }
-            )
-          ] })
-        ]
-      }
-    )
+  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"
+            }
+          )
+        ] })
+      ]
+    }
   );
 }, ja = ({
   renderActions: e,
@@ -1823,13 +1811,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 min-h-0 flex-col gap-4 p-4", children: [
+  ] }) : /* @__PURE__ */ h("div", { className: "flex flex-col gap-4 p-4", children: [
     /* @__PURE__ */ h(
       "div",
       {
         inert: o ? "" : void 0,
         "aria-disabled": o || void 0,
-        className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
+        className: "message-input flex 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 }) })
@@ -3125,7 +3113,7 @@ const hr = {
 }) => {
   const u = s != null || a != null, g = C(
     vr,
-    l ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
+    l ?? (e === "dark" ? "bg-[#1e2330]" : "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.
@@ -3428,11 +3416,11 @@ const hr = {
   Sent: yr,
   Received: _r
 }, Cr = {
-  dark: "bg-[#121110]",
-  light: "bg-[#e9eaed]"
+  dark: "bg-[#1e2330]",
+  light: "bg-[#f2f1ef]"
 }, kr = {
   dark: "text-white",
-  light: "text-[#080707]"
+  light: "text-[#000000]"
 }, Er = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
@@ -4684,4 +4672,4 @@ export {
   st as y,
   Zt as z
 };
-//# sourceMappingURL=index-BXzwYXLT.js.map
+//# sourceMappingURL=index-BRV621wo.js.map