@smwb/ui-react 2.7.0 → 2.9.0

package/dist/components/dataDisplay/chat/chat.js

@@ -1,176 +1,205 @@
-import { jsx as t, jsxs as y, Fragment as dt } from "react/jsx-runtime";
+import { jsx as e, jsxs as k, Fragment as Ft } from "react/jsx-runtime";
 import '../../../assets/styles/less/components/chat/chat.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
 /* empty css                                                   */
-import { useMemo as Ct, useId as vt } from "react";
-import wt from "clsx";
-import { FloatingButton as _t } from "../../inputs/floatingButton/floatingButton.js";
-import { Icon as bt } from "../../base/icon/icon.js";
-import { useControllableState as A } from "../../../hooks/useControllableState.js";
-import { ChatComposer as yt } from "./chatComposer.js";
-import { ChatHeader as At } from "./chatHeader.js";
-import { ChatMessages as Bt } from "./chatMessages.js";
-import { ChatShell as Ft } from "./chatShell.js";
-import It from "./useChatFileUpload.js";
-import { CHAT_EXPAND_LAYOUTS as Nt } from "./types.js";
-import { resolveAllowedLayouts as Et, pickInitialLayout as B, shouldShowChatCloseButton as Ot } from "./utils.js";
-function Jt({
-  className: F,
-  messages: I,
-  showAvatars: N = !1,
-  showAttachments: E = !1,
-  headerTitle: O,
-  headerSubtitle: U,
-  headerActions: x,
-  footer: n,
-  children: z,
-  anchor: r = "bottom-right",
-  themeMode: D = "inherit",
-  allowedLayouts: a,
-  layout: H,
-  defaultLayout: f,
-  onLayoutChange: M,
-  open: S,
-  defaultOpen: V = !1,
-  onOpenChange: j,
-  floatingTrigger: i = !1,
-  triggerIcon: c,
-  triggerLabel: h,
-  onLoadMore: k,
-  hasMore: R,
-  onSendMessage: d,
-  composerPlaceholder: X = "message",
-  composerDisabled: C,
-  composerShiftEnterNewline: Y = !0,
-  composerCtrlEnterNewline: $ = !0,
-  fileUpload: q = !1,
-  onUploadFiles: G,
-  fileUploadAccept: J,
-  fileUploadMaxFiles: K,
-  attachAriaLabel: Q,
-  loading: T,
-  loadingMore: W,
-  loadingSkeletonCount: Z,
-  renderMessage: L,
-  embedded: e = !1,
-  overlayContext: m = !1,
-  showStatus: P = !1,
-  statusIcons: g,
-  renderStatus: tt,
-  showCloseButton: et
+import { useMemo as Ht, useId as Vt } from "react";
+import D from "clsx";
+import { FloatingButton as jt } from "../../inputs/floatingButton/floatingButton.js";
+import { Icon as kt } from "../../base/icon/icon.js";
+import { useControllableState as K } from "../../../hooks/useControllableState.js";
+import { Composer as Dt } from "../../inputs/composer/composer.js";
+import { ChatComposer as Kt } from "./chatComposer.js";
+import { ChatHeader as Mt } from "./chatHeader.js";
+import { ChatMessages as Rt } from "./chatMessages.js";
+import { ChatShell as St } from "./chatShell.js";
+import At from "./useChatFileUpload.js";
+import { CHAT_EXPAND_LAYOUTS as Tt } from "./types.js";
+import { resolveAllowedLayouts as Xt, pickInitialLayout as M, shouldShowChatCloseButton as Yt } from "./utils.js";
+function ia({
+  className: R,
+  messages: S,
+  showAvatars: A = !1,
+  showAttachments: T = !1,
+  headerTitle: X,
+  headerSubtitle: Y,
+  headerActions: $,
+  footer: c,
+  children: q,
+  anchor: w = "bottom-right",
+  themeMode: G = "inherit",
+  allowedLayouts: h,
+  layout: J,
+  defaultLayout: x,
+  onLayoutChange: Q,
+  open: W,
+  defaultOpen: Z = !1,
+  onOpenChange: L,
+  floatingTrigger: C = !1,
+  triggerIcon: m,
+  triggerLabel: v,
+  onLoadMore: g,
+  hasMore: U,
+  onSendMessage: n,
+  busy: r,
+  onStop: p,
+  composerProps: t,
+  legacyComposer: P = !1,
+  composerPlaceholder: O = "message",
+  composerDisabled: y,
+  composerShiftEnterNewline: tt = !0,
+  composerCtrlEnterNewline: at = !0,
+  fileUpload: et = !1,
+  onUploadFiles: u,
+  fileUploadAccept: B,
+  fileUploadMaxFiles: lt,
+  attachAriaLabel: d,
+  loading: nt,
+  loadingMore: it,
+  loadingSkeletonCount: ht,
+  renderMessage: ut,
+  embedded: l = !1,
+  overlayContext: b = !1,
+  showStatus: dt = !1,
+  statusIcons: ft,
+  renderStatus: st,
+  showCloseButton: ct
 }) {
-  var b;
-  const u = Ct(
-    () => Et(a != null ? a : Nt),
-    [a]
-  ), [v, p] = A({
-    value: S,
-    defaultValue: V,
-    onChange: j
-  }), [s, w] = A({
-    value: H,
-    defaultValue: B(u, f),
-    onChange: M
-  }), l = e ? "fullHeight" : i ? v ? s : "closed" : s, ot = () => {
-    p(!0), s === "closed" && w(B(u, f));
-  }, at = () => {
-    p(!1);
-  }, st = (ft) => {
-    p(!0), w(ft);
+  var F, H, V, j;
+  const N = Ht(
+    () => Xt(h != null ? h : Tt),
+    [h]
+  ), [I, _] = K({
+    value: W,
+    defaultValue: Z,
+    onChange: L
+  }), [f, E] = K({
+    value: J,
+    defaultValue: M(N, x),
+    onChange: Q
+  }), s = l ? "fullHeight" : C ? I ? f : "closed" : f, Ct = () => {
+    _(!0), f === "closed" && E(M(N, x));
+  }, mt = () => {
+    _(!1);
+  }, vt = (i) => {
+    _(!0), E(i);
   }, {
-    enabled: o,
-    getRootProps: lt,
-    getInputProps: nt,
-    isDragActive: it
-  } = It({
-    enabled: q,
-    accept: J,
-    maxFiles: K,
-    onUploadFiles: G,
-    disabled: C
-  }), _ = vt(), ct = !!d || o, ht = o ? /* @__PURE__ */ t("input", { ...nt({ id: _ }), "data-testid": "chat-file-input" }) : null, mt = (b = n != null ? n : z) != null ? b : ct ? /* @__PURE__ */ y(dt, { children: [
-    ht,
-    /* @__PURE__ */ t(
-      yt,
+    enabled: a,
+    maxFiles: o,
+    getRootProps: yt,
+    getInputProps: bt,
+    isDragActive: Nt
+  } = At({
+    enabled: et,
+    accept: B,
+    maxFiles: lt,
+    onUploadFiles: u,
+    disabled: y
+  }), z = Vt(), _t = !!n || a, wt = P || a && !n, xt = a ? /* @__PURE__ */ e("input", { ...bt({ id: z }), "data-testid": "chat-file-input" }) : null, Ot = /* @__PURE__ */ k(Ft, { children: [
+    xt,
+    /* @__PURE__ */ e(
+      Kt,
       {
-        onSendMessage: d,
-        placeholder: X,
-        disabled: C,
-        shiftEnterNewline: Y,
-        ctrlEnterNewline: $,
-        fileUpload: o,
-        attachInputId: o ? _ : void 0,
-        attachAriaLabel: Q
+        onSendMessage: n,
+        placeholder: O,
+        disabled: y,
+        shiftEnterNewline: tt,
+        ctrlEnterNewline: at,
+        fileUpload: a,
+        attachInputId: a ? z : void 0,
+        attachAriaLabel: d
       }
     )
-  ] }) : void 0, ut = /* @__PURE__ */ t(
-    Bt,
+  ] }), Bt = /* @__PURE__ */ e(
+    Dt,
     {
-      messages: I,
-      showAvatars: N,
-      showAttachments: E,
-      showStatus: P,
-      statusIcons: g,
-      renderStatus: tt,
-      onLoadMore: k,
-      hasMore: R,
-      loading: T,
-      loadingMore: W,
-      loadingSkeletonCount: Z,
-      renderMessage: L
+      ...t,
+      className: D("smwb-chat__composer", t == null ? void 0 : t.className),
+      sendKey: (F = t == null ? void 0 : t.sendKey) != null ? F : "enter",
+      "aria-label": (H = t == null ? void 0 : t["aria-label"]) != null ? H : t != null && t["aria-labelledby"] ? void 0 : "Message",
+      sendLabel: (V = t == null ? void 0 : t.sendLabel) != null ? V : "Send message",
+      attachLabel: d != null ? d : t == null ? void 0 : t.attachLabel,
+      placeholder: O,
+      disabled: y,
+      busy: r,
+      onStop: p,
+      onSend: n ? (i) => void n(i) : void 0,
+      ...a ? {
+        onAttach: (i) => void (u == null ? void 0 : u(i)),
+        accept: B,
+        maxFiles: o,
+        multiple: o > 1,
+        // The shell is the drop target: a drop here has to reach it, not be handled twice.
+        dropTarget: !1
+      } : {}
     }
-  ), pt = o ? lt() : void 0, rt = Ot({
-    floatingTrigger: i,
-    embedded: e,
-    overlayContext: m,
-    effectiveLayout: l,
-    showCloseButton: et
+  ), It = (j = c != null ? c : q) != null ? j : _t ? wt ? Ot : Bt : void 0, Et = /* @__PURE__ */ e(
+    Rt,
+    {
+      messages: S,
+      showAvatars: A,
+      showAttachments: T,
+      showStatus: dt,
+      statusIcons: ft,
+      renderStatus: st,
+      onLoadMore: g,
+      hasMore: U,
+      loading: nt,
+      loadingMore: it,
+      loadingSkeletonCount: ht,
+      renderMessage: ut
+    }
+  ), ot = a ? yt() : void 0, zt = Yt({
+    floatingTrigger: C,
+    embedded: l,
+    overlayContext: b,
+    effectiveLayout: s,
+    showCloseButton: ct
   });
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ k(
     "div",
     {
-      className: wt(
+      className: D(
         "smwb-chat",
-        !e && `smwb-chat_${r}`,
-        e && "smwb-chat_embedded",
-        m && "smwb-chat_overlay-context",
-        F
+        !l && `smwb-chat_${w}`,
+        l && "smwb-chat_embedded",
+        b && "smwb-chat_overlay-context",
+        R
       ),
       "data-testid": "chat",
       children: [
-        i && !e && !v ? /* @__PURE__ */ t(
-          _t,
+        C && !l && !I ? /* @__PURE__ */ e(
+          jt,
           {
             className: "smwb-chat__trigger",
-            "aria-label": h != null ? h : "Open chat",
+            "aria-label": v != null ? v : "Open chat",
             "data-testid": "chat-trigger",
-            onClick: ot,
-            children: c != null ? c : /* @__PURE__ */ t(bt, { name: "chat", size: 24 })
+            onClick: Ct,
+            children: m != null ? m : /* @__PURE__ */ e(kt, { name: "chat", size: 24 })
           }
         ) : null,
-        /* @__PURE__ */ t(
-          Ft,
+        /* @__PURE__ */ e(
+          St,
           {
-            layout: l,
-            anchor: r,
-            themeMode: D,
-            embedded: e,
-            overlayContext: m,
-            fileDropzoneRootProps: pt,
-            fileDropzoneActive: o && it,
-            header: /* @__PURE__ */ t(
-              At,
+            layout: s,
+            anchor: w,
+            themeMode: G,
+            embedded: l,
+            overlayContext: b,
+            fileDropzoneRootProps: ot,
+            fileDropzoneActive: a && Nt,
+            header: /* @__PURE__ */ e(
+              Mt,
               {
-                title: O,
-                subtitle: U,
-                actions: x,
-                layout: l === "closed" ? s : l,
-                allowedLayouts: u,
-                onLayoutChange: st,
-                onClose: rt ? at : void 0
+                title: X,
+                subtitle: Y,
+                actions: $,
+                layout: s === "closed" ? f : s,
+                allowedLayouts: N,
+                onLayoutChange: vt,
+                onClose: zt ? mt : void 0
               }
             ),
-            footer: mt,
-            children: ut
+            footer: It,
+            children: Et
           }
         )
       ]
@@ -178,7 +207,7 @@ function Jt({
   );
 }
 export {
-  Jt as Chat,
-  Jt as default
+  ia as Chat,
+  ia as default
 };
 //# sourceMappingURL=chat.js.map

package/dist/components/dataDisplay/chat/chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat.js","sources":["../../../../src/components/dataDisplay/chat/chat.tsx"],"sourcesContent":["import React, { PropsWithChildren, ReactNode, useId, useMemo } from \"react\";\nimport cn from \"clsx\";\nimport type { Accept } from \"./useChatFileUpload\";\nimport { FloatingButton } from \"../../inputs/floatingButton/floatingButton\";\nimport Icon from \"../../base/icon/icon\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport ChatComposer from \"./chatComposer\";\nimport ChatHeader from \"./chatHeader\";\nimport ChatMessages, { ChatMessagesProps } from \"./chatMessages\";\nimport ChatShell from \"./chatShell\";\nimport useChatFileUpload from \"./useChatFileUpload\";\nimport {\n  ChatAnchor,\n  ChatLayoutMode,\n  ChatMessage,\n  ChatMessageRenderContext,\n  ChatThemeMode,\n  CHAT_EXPAND_LAYOUTS,\n} from \"./types\";\nimport { pickInitialLayout, resolveAllowedLayouts, shouldShowChatCloseButton } from \"./utils\";\n\nexport interface ChatProps\n  extends PropsWithChildren, Omit<ChatMessageRenderContext, \"showAvatars\" | \"showAttachments\"> {\n  className?: string;\n  messages: ChatMessage[];\n  showAvatars?: boolean;\n  showAttachments?: boolean;\n  headerTitle?: ReactNode;\n  headerSubtitle?: ReactNode;\n  headerActions?: ReactNode;\n  footer?: ReactNode;\n  anchor?: ChatAnchor;\n  themeMode?: ChatThemeMode;\n  allowedLayouts?: ChatLayoutMode[];\n  layout?: ChatLayoutMode;\n  defaultLayout?: ChatLayoutMode;\n  onLayoutChange?: (layout: ChatLayoutMode) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  floatingTrigger?: boolean;\n  triggerIcon?: ReactNode;\n  triggerLabel?: string;\n  onLoadMore?: () => void | Promise<void>;\n  hasMore?: boolean;\n  onSendMessage?: (text: string) => void | Promise<void>;\n  composerPlaceholder?: string;\n  composerDisabled?: boolean;\n  composerShiftEnterNewline?: boolean;\n  composerCtrlEnterNewline?: boolean;\n  fileUpload?: boolean;\n  onUploadFiles?: (files: File[]) => void | Promise<void>;\n  fileUploadAccept?: Accept;\n  fileUploadMaxFiles?: number;\n  attachAriaLabel?: string;\n  loading?: boolean;\n  loadingMore?: boolean;\n  loadingSkeletonCount?: number;\n  renderMessage?: ChatMessagesProps[\"renderMessage\"];\n  embedded?: boolean;\n  overlayContext?: boolean;\n  showStatus?: boolean;\n  statusIcons?: ChatMessageRenderContext[\"statusIcons\"];\n  renderStatus?: ChatMessageRenderContext[\"renderStatus\"];\n  showCloseButton?: boolean;\n}\n\nexport function Chat({\n  className,\n  messages,\n  showAvatars = false,\n  showAttachments = false,\n  headerTitle,\n  headerSubtitle,\n  headerActions,\n  footer,\n  children,\n  anchor = \"bottom-right\",\n  themeMode = \"inherit\",\n  allowedLayouts: allowedLayoutsProp,\n  layout: layoutProp,\n  defaultLayout,\n  onLayoutChange,\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  floatingTrigger = false,\n  triggerIcon,\n  triggerLabel,\n  onLoadMore,\n  hasMore,\n  onSendMessage,\n  composerPlaceholder = \"message\",\n  composerDisabled,\n  composerShiftEnterNewline = true,\n  composerCtrlEnterNewline = true,\n  fileUpload = false,\n  onUploadFiles,\n  fileUploadAccept,\n  fileUploadMaxFiles,\n  attachAriaLabel,\n  loading,\n  loadingMore,\n  loadingSkeletonCount,\n  renderMessage,\n  embedded = false,\n  overlayContext = false,\n  showStatus = false,\n  statusIcons,\n  renderStatus,\n  showCloseButton,\n}: ChatProps) {\n  const allowedLayouts = useMemo(\n    () => resolveAllowedLayouts(allowedLayoutsProp ?? CHAT_EXPAND_LAYOUTS),\n    [allowedLayoutsProp]\n  );\n\n  const [open, setOpen] = useControllableState<boolean>({\n    value: openProp,\n    defaultValue: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const [layout, setLayout] = useControllableState<ChatLayoutMode>({\n    value: layoutProp,\n    defaultValue: pickInitialLayout(allowedLayouts, defaultLayout),\n    onChange: onLayoutChange,\n  });\n\n  const effectiveLayout: ChatLayoutMode = embedded\n    ? \"fullHeight\"\n    : floatingTrigger\n      ? open\n        ? layout\n        : \"closed\"\n      : layout;\n\n  const handleOpen = () => {\n    setOpen(true);\n    if (layout === \"closed\") {\n      setLayout(pickInitialLayout(allowedLayouts, defaultLayout));\n    }\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n  };\n\n  const handleLayoutChange = (next: ChatLayoutMode) => {\n    setOpen(true);\n    setLayout(next);\n  };\n\n  const {\n    enabled: fileUploadEnabled,\n    getRootProps,\n    getInputProps,\n    isDragActive,\n  } = useChatFileUpload({\n    enabled: fileUpload,\n    accept: fileUploadAccept,\n    maxFiles: fileUploadMaxFiles,\n    onUploadFiles,\n    disabled: composerDisabled,\n  });\n\n  const attachInputId = useId();\n\n  const showComposer = Boolean(onSendMessage) || fileUploadEnabled;\n\n  const fileInput = fileUploadEnabled ? (\n    <input {...getInputProps({ id: attachInputId })} data-testid=\"chat-file-input\" />\n  ) : null;\n\n  const resolvedFooter =\n    footer ??\n    children ??\n    (showComposer ? (\n      <>\n        {fileInput}\n        <ChatComposer\n          onSendMessage={onSendMessage}\n          placeholder={composerPlaceholder}\n          disabled={composerDisabled}\n          shiftEnterNewline={composerShiftEnterNewline}\n          ctrlEnterNewline={composerCtrlEnterNewline}\n          fileUpload={fileUploadEnabled}\n          attachInputId={fileUploadEnabled ? attachInputId : undefined}\n          attachAriaLabel={attachAriaLabel}\n        />\n      </>\n    ) : undefined);\n\n  const chatMessages = (\n    <ChatMessages\n      messages={messages}\n      showAvatars={showAvatars}\n      showAttachments={showAttachments}\n      showStatus={showStatus}\n      statusIcons={statusIcons}\n      renderStatus={renderStatus}\n      onLoadMore={onLoadMore}\n      hasMore={hasMore}\n      loading={loading}\n      loadingMore={loadingMore}\n      loadingSkeletonCount={loadingSkeletonCount}\n      renderMessage={renderMessage}\n    />\n  );\n\n  const chatBody = chatMessages;\n\n  const fileDropzoneRootProps = fileUploadEnabled ? getRootProps() : undefined;\n\n  const closeButtonVisible = shouldShowChatCloseButton({\n    floatingTrigger,\n    embedded,\n    overlayContext,\n    effectiveLayout,\n    showCloseButton,\n  });\n\n  return (\n    <div\n      className={cn(\n        \"smwb-chat\",\n        !embedded && `smwb-chat_${anchor}`,\n        embedded && \"smwb-chat_embedded\",\n        overlayContext && \"smwb-chat_overlay-context\",\n        className\n      )}\n      data-testid=\"chat\"\n    >\n      {floatingTrigger && !embedded && !open ? (\n        <FloatingButton\n          className=\"smwb-chat__trigger\"\n          aria-label={triggerLabel ?? \"Open chat\"}\n          data-testid=\"chat-trigger\"\n          onClick={handleOpen}\n        >\n          {triggerIcon ?? <Icon name=\"chat\" size={24} />}\n        </FloatingButton>\n      ) : null}\n      <ChatShell\n        layout={effectiveLayout}\n        anchor={anchor}\n        themeMode={themeMode}\n        embedded={embedded}\n        overlayContext={overlayContext}\n        fileDropzoneRootProps={fileDropzoneRootProps}\n        fileDropzoneActive={fileUploadEnabled && isDragActive}\n        header={\n          <ChatHeader\n            title={headerTitle}\n            subtitle={headerSubtitle}\n            actions={headerActions}\n            layout={effectiveLayout === \"closed\" ? layout : effectiveLayout}\n            allowedLayouts={allowedLayouts}\n            onLayoutChange={handleLayoutChange}\n            onClose={closeButtonVisible ? handleClose : undefined}\n          />\n        }\n        footer={resolvedFooter}\n      >\n        {chatBody}\n      </ChatShell>\n    </div>\n  );\n}\n\nexport default Chat;\n"],"names":["Chat","className","messages","showAvatars","showAttachments","headerTitle","headerSubtitle","headerActions","footer","children","anchor","themeMode","allowedLayoutsProp","layoutProp","defaultLayout","onLayoutChange","openProp","defaultOpen","onOpenChange","floatingTrigger","triggerIcon","triggerLabel","onLoadMore","hasMore","onSendMessage","composerPlaceholder","composerDisabled","composerShiftEnterNewline","composerCtrlEnterNewline","fileUpload","onUploadFiles","fileUploadAccept","fileUploadMaxFiles","attachAriaLabel","loading","loadingMore","loadingSkeletonCount","renderMessage","embedded","overlayContext","showStatus","statusIcons","renderStatus","showCloseButton","allowedLayouts","useMemo","resolveAllowedLayouts","CHAT_EXPAND_LAYOUTS","open","setOpen","useControllableState","layout","setLayout","pickInitialLayout","effectiveLayout","handleOpen","handleClose","handleLayoutChange","next","fileUploadEnabled","getRootProps","getInputProps","isDragActive","useChatFileUpload","attachInputId","useId","showComposer","fileInput","jsx","resolvedFooter","_a","jsxs","Fragment","ChatComposer","chatBody","ChatMessages","fileDropzoneRootProps","closeButtonVisible","shouldShowChatCloseButton","cn","FloatingButton","Icon","ChatShell","ChatHeader"],"mappings":"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"}
+{"version":3,"file":"chat.js","sources":["../../../../src/components/dataDisplay/chat/chat.tsx"],"sourcesContent":["import React, { PropsWithChildren, ReactNode, useId, useMemo } from \"react\";\nimport cn from \"clsx\";\nimport type { Accept } from \"./useChatFileUpload\";\nimport { FloatingButton } from \"../../inputs/floatingButton/floatingButton\";\nimport Icon from \"../../base/icon/icon\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport { Composer } from \"../../inputs/composer/composer\";\nimport type { ComposerProps } from \"../../inputs/composer/composer\";\nimport ChatComposer from \"./chatComposer\";\nimport ChatHeader from \"./chatHeader\";\nimport ChatMessages, { ChatMessagesProps } from \"./chatMessages\";\nimport ChatShell from \"./chatShell\";\nimport useChatFileUpload from \"./useChatFileUpload\";\nimport {\n  ChatAnchor,\n  ChatLayoutMode,\n  ChatMessage,\n  ChatMessageRenderContext,\n  ChatThemeMode,\n  CHAT_EXPAND_LAYOUTS,\n} from \"./types\";\nimport { pickInitialLayout, resolveAllowedLayouts, shouldShowChatCloseButton } from \"./utils\";\n\n/**\n * Props for the `Composer` Chat draws as its footer. The props Chat owns itself — `onSendMessage` (the composer's\n * `onSend`), `busy`, `onStop`, `composerPlaceholder` (`placeholder`), `composerDisabled` (`disabled`), the file upload\n * props (`onAttach`, `accept`, `multiple`, `maxFiles`) and `dropTarget` (always `false`: the Chat shell is the drop\n * target) — are left out, Chat passes them and does not let a caller override them.\n */\nexport type ChatFooterComposerProps = Omit<\n  ComposerProps,\n  | \"onSend\"\n  | \"busy\"\n  | \"onStop\"\n  | \"disabled\"\n  | \"placeholder\"\n  | \"onAttach\"\n  | \"accept\"\n  | \"multiple\"\n  | \"maxFiles\"\n  | \"dropTarget\"\n>;\n\nexport interface ChatProps\n  extends PropsWithChildren, Omit<ChatMessageRenderContext, \"showAvatars\" | \"showAttachments\"> {\n  className?: string;\n  messages: ChatMessage[];\n  showAvatars?: boolean;\n  showAttachments?: boolean;\n  headerTitle?: ReactNode;\n  headerSubtitle?: ReactNode;\n  headerActions?: ReactNode;\n  footer?: ReactNode;\n  anchor?: ChatAnchor;\n  themeMode?: ChatThemeMode;\n  allowedLayouts?: ChatLayoutMode[];\n  layout?: ChatLayoutMode;\n  defaultLayout?: ChatLayoutMode;\n  onLayoutChange?: (layout: ChatLayoutMode) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  floatingTrigger?: boolean;\n  triggerIcon?: ReactNode;\n  triggerLabel?: string;\n  onLoadMore?: () => void | Promise<void>;\n  hasMore?: boolean;\n  onSendMessage?: (text: string) => void | Promise<void>;\n  /**\n   * The agent is replying: the composer's send button turns into Stop and calls `onStop`, the keys do not send, the\n   * text stays editable. Not the same as `loading` (the message list skeleton). The default composer only.\n   */\n  busy?: boolean;\n  /** Called when Stop is pressed while `busy` (and not `composerDisabled`). The default composer only. */\n  onStop?: () => void;\n  /**\n   * More props for the built-in `Composer`: `toolbar`, `attachments`, `maxLength`, `counter`, `minRows`, `maxRows`,\n   * `layout`, `sendKey` (default here `\"enter\"`), `value`/`defaultValue`/`onValueChange`, `clearOnSend`, `autoFocus`,\n   * `inputRef`, `aria-*`, `sendLabel`, `stopLabel`, `attachLabel`, `className`, `data-*`, … Chat's own props\n   * (`onSendMessage`, `busy`, `onStop`, `composerPlaceholder`, `composerDisabled`, the file upload props) win.\n   */\n  composerProps?: ChatFooterComposerProps;\n  /**\n   * Deprecated: draws the old `ChatComposer` (Enter sends, TextField DOM, `chat-composer*` test ids) instead of the\n   * built-in `Composer`. Kept for the migration and removed with `ChatComposer` in the next major; `busy`, `onStop`\n   * and `composerProps` are ignored in this mode.\n   *\n   * @deprecated Migrate to the default `Composer`; see the README section \"Migrating from ChatComposer\".\n   */\n  legacyComposer?: boolean;\n  composerPlaceholder?: string;\n  composerDisabled?: boolean;\n  /**\n   * Deprecated: works with `legacyComposer` only — the built-in `Composer` always inserts a newline on Shift+Enter.\n   * Pass it together with `legacyComposer` until that is removed.\n   *\n   * @deprecated Use `legacyComposer`; the default `Composer` has no equivalent flag.\n   */\n  composerShiftEnterNewline?: boolean;\n  /**\n   * Deprecated: works with `legacyComposer` only — with the built-in `Composer` Ctrl/⌘+Enter sends. Pass it together\n   * with `legacyComposer` until that is removed.\n   *\n   * @deprecated Use `legacyComposer`; the default `Composer` has no equivalent flag.\n   */\n  composerCtrlEnterNewline?: boolean;\n  fileUpload?: boolean;\n  onUploadFiles?: (files: File[]) => void | Promise<void>;\n  fileUploadAccept?: Accept;\n  fileUploadMaxFiles?: number;\n  attachAriaLabel?: string;\n  loading?: boolean;\n  loadingMore?: boolean;\n  loadingSkeletonCount?: number;\n  renderMessage?: ChatMessagesProps[\"renderMessage\"];\n  embedded?: boolean;\n  overlayContext?: boolean;\n  showStatus?: boolean;\n  statusIcons?: ChatMessageRenderContext[\"statusIcons\"];\n  renderStatus?: ChatMessageRenderContext[\"renderStatus\"];\n  showCloseButton?: boolean;\n}\n\nexport function Chat({\n  className,\n  messages,\n  showAvatars = false,\n  showAttachments = false,\n  headerTitle,\n  headerSubtitle,\n  headerActions,\n  footer,\n  children,\n  anchor = \"bottom-right\",\n  themeMode = \"inherit\",\n  allowedLayouts: allowedLayoutsProp,\n  layout: layoutProp,\n  defaultLayout,\n  onLayoutChange,\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  floatingTrigger = false,\n  triggerIcon,\n  triggerLabel,\n  onLoadMore,\n  hasMore,\n  onSendMessage,\n  busy,\n  onStop,\n  composerProps,\n  legacyComposer = false,\n  composerPlaceholder = \"message\",\n  composerDisabled,\n  composerShiftEnterNewline = true,\n  composerCtrlEnterNewline = true,\n  fileUpload = false,\n  onUploadFiles,\n  fileUploadAccept,\n  fileUploadMaxFiles,\n  attachAriaLabel,\n  loading,\n  loadingMore,\n  loadingSkeletonCount,\n  renderMessage,\n  embedded = false,\n  overlayContext = false,\n  showStatus = false,\n  statusIcons,\n  renderStatus,\n  showCloseButton,\n}: ChatProps) {\n  const allowedLayouts = useMemo(\n    () => resolveAllowedLayouts(allowedLayoutsProp ?? CHAT_EXPAND_LAYOUTS),\n    [allowedLayoutsProp]\n  );\n\n  const [open, setOpen] = useControllableState<boolean>({\n    value: openProp,\n    defaultValue: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const [layout, setLayout] = useControllableState<ChatLayoutMode>({\n    value: layoutProp,\n    defaultValue: pickInitialLayout(allowedLayouts, defaultLayout),\n    onChange: onLayoutChange,\n  });\n\n  const effectiveLayout: ChatLayoutMode = embedded\n    ? \"fullHeight\"\n    : floatingTrigger\n      ? open\n        ? layout\n        : \"closed\"\n      : layout;\n\n  const handleOpen = () => {\n    setOpen(true);\n    if (layout === \"closed\") {\n      setLayout(pickInitialLayout(allowedLayouts, defaultLayout));\n    }\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n  };\n\n  const handleLayoutChange = (next: ChatLayoutMode) => {\n    setOpen(true);\n    setLayout(next);\n  };\n\n  const {\n    enabled: fileUploadEnabled,\n    maxFiles: resolvedMaxFiles,\n    getRootProps,\n    getInputProps,\n    isDragActive,\n  } = useChatFileUpload({\n    enabled: fileUpload,\n    accept: fileUploadAccept,\n    maxFiles: fileUploadMaxFiles,\n    onUploadFiles,\n    disabled: composerDisabled,\n  });\n\n  const attachInputId = useId();\n\n  const showComposer = Boolean(onSendMessage) || fileUploadEnabled;\n  // Composer has no text-less mode, so an upload without a send handler keeps the old attach-only ChatComposer.\n  const attachOnly = fileUploadEnabled && !onSendMessage;\n  const useLegacyComposer = legacyComposer || attachOnly;\n\n  const fileInput = fileUploadEnabled ? (\n    <input {...getInputProps({ id: attachInputId })} data-testid=\"chat-file-input\" />\n  ) : null;\n\n  const legacyComposerNode = (\n    <>\n      {fileInput}\n      <ChatComposer\n        onSendMessage={onSendMessage}\n        placeholder={composerPlaceholder}\n        disabled={composerDisabled}\n        shiftEnterNewline={composerShiftEnterNewline}\n        ctrlEnterNewline={composerCtrlEnterNewline}\n        fileUpload={fileUploadEnabled}\n        attachInputId={fileUploadEnabled ? attachInputId : undefined}\n        attachAriaLabel={attachAriaLabel}\n      />\n    </>\n  );\n\n  const defaultComposerNode = (\n    <Composer\n      {...composerProps}\n      className={cn(\"smwb-chat__composer\", composerProps?.className)}\n      sendKey={composerProps?.sendKey ?? \"enter\"}\n      aria-label={composerProps?.[\"aria-label\"] ?? (composerProps?.[\"aria-labelledby\"] ? undefined : \"Message\")}\n      sendLabel={composerProps?.sendLabel ?? \"Send message\"}\n      attachLabel={attachAriaLabel ?? composerProps?.attachLabel}\n      placeholder={composerPlaceholder}\n      disabled={composerDisabled}\n      busy={busy}\n      onStop={onStop}\n      onSend={onSendMessage ? (text) => void onSendMessage(text) : undefined}\n      {...(fileUploadEnabled\n        ? {\n            onAttach: (files: File[]) => void onUploadFiles?.(files),\n            accept: fileUploadAccept,\n            maxFiles: resolvedMaxFiles,\n            multiple: resolvedMaxFiles > 1,\n            // The shell is the drop target: a drop here has to reach it, not be handled twice.\n            dropTarget: false,\n          }\n        : {})}\n    />\n  );\n\n  const resolvedFooter =\n    footer ?? children ?? (showComposer ? (useLegacyComposer ? legacyComposerNode : defaultComposerNode) : undefined);\n\n  const chatMessages = (\n    <ChatMessages\n      messages={messages}\n      showAvatars={showAvatars}\n      showAttachments={showAttachments}\n      showStatus={showStatus}\n      statusIcons={statusIcons}\n      renderStatus={renderStatus}\n      onLoadMore={onLoadMore}\n      hasMore={hasMore}\n      loading={loading}\n      loadingMore={loadingMore}\n      loadingSkeletonCount={loadingSkeletonCount}\n      renderMessage={renderMessage}\n    />\n  );\n\n  const chatBody = chatMessages;\n\n  const fileDropzoneRootProps = fileUploadEnabled ? getRootProps() : undefined;\n\n  const closeButtonVisible = shouldShowChatCloseButton({\n    floatingTrigger,\n    embedded,\n    overlayContext,\n    effectiveLayout,\n    showCloseButton,\n  });\n\n  return (\n    <div\n      className={cn(\n        \"smwb-chat\",\n        !embedded && `smwb-chat_${anchor}`,\n        embedded && \"smwb-chat_embedded\",\n        overlayContext && \"smwb-chat_overlay-context\",\n        className\n      )}\n      data-testid=\"chat\"\n    >\n      {floatingTrigger && !embedded && !open ? (\n        <FloatingButton\n          className=\"smwb-chat__trigger\"\n          aria-label={triggerLabel ?? \"Open chat\"}\n          data-testid=\"chat-trigger\"\n          onClick={handleOpen}\n        >\n          {triggerIcon ?? <Icon name=\"chat\" size={24} />}\n        </FloatingButton>\n      ) : null}\n      <ChatShell\n        layout={effectiveLayout}\n        anchor={anchor}\n        themeMode={themeMode}\n        embedded={embedded}\n        overlayContext={overlayContext}\n        fileDropzoneRootProps={fileDropzoneRootProps}\n        fileDropzoneActive={fileUploadEnabled && isDragActive}\n        header={\n          <ChatHeader\n            title={headerTitle}\n            subtitle={headerSubtitle}\n            actions={headerActions}\n            layout={effectiveLayout === \"closed\" ? layout : effectiveLayout}\n            allowedLayouts={allowedLayouts}\n            onLayoutChange={handleLayoutChange}\n            onClose={closeButtonVisible ? handleClose : undefined}\n          />\n        }\n        footer={resolvedFooter}\n      >\n        {chatBody}\n      </ChatShell>\n    </div>\n  );\n}\n\nexport default Chat;\n"],"names":["Chat","className","messages","showAvatars","showAttachments","headerTitle","headerSubtitle","headerActions","footer","children","anchor","themeMode","allowedLayoutsProp","layoutProp","defaultLayout","onLayoutChange","openProp","defaultOpen","onOpenChange","floatingTrigger","triggerIcon","triggerLabel","onLoadMore","hasMore","onSendMessage","busy","onStop","composerProps","legacyComposer","composerPlaceholder","composerDisabled","composerShiftEnterNewline","composerCtrlEnterNewline","fileUpload","onUploadFiles","fileUploadAccept","fileUploadMaxFiles","attachAriaLabel","loading","loadingMore","loadingSkeletonCount","renderMessage","embedded","overlayContext","showStatus","statusIcons","renderStatus","showCloseButton","allowedLayouts","useMemo","resolveAllowedLayouts","CHAT_EXPAND_LAYOUTS","open","setOpen","useControllableState","layout","setLayout","pickInitialLayout","effectiveLayout","handleOpen","handleClose","handleLayoutChange","next","fileUploadEnabled","resolvedMaxFiles","getRootProps","getInputProps","isDragActive","useChatFileUpload","attachInputId","useId","showComposer","useLegacyComposer","fileInput","jsx","legacyComposerNode","jsxs","Fragment","ChatComposer","defaultComposerNode","Composer","cn","_a","_b","_c","text","files","resolvedFooter","_d","chatBody","ChatMessages","fileDropzoneRootProps","closeButtonVisible","shouldShowChatCloseButton","FloatingButton","Icon","ChatShell","ChatHeader"],"mappings":"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"}

package/dist/components/dataDisplay/chat/chatComposer.d.ts

@@ -1,3 +1,12 @@
+/**
+ * Deprecated: the props of the old chat input. Use `ComposerProps` — `Chat` now draws a `Composer` as its footer,
+ * and the standalone `Composer` replaces these props (`onSendMessage` → `onSend`, `sendAriaLabel` → `sendLabel`,
+ * `attachAriaLabel` → `attachLabel`, `fileUpload` + `attachInputId`/`onAttachClick` → `onAttach`,
+ * `shiftEnterNewline` → `sendKey="enter"`; `ctrlEnterNewline` has no equivalent — Ctrl/⌘+Enter always sends).
+ * Removed in the next major.
+ *
+ * @deprecated Use `Composer` (`ComposerProps`); see the README section "Migrating from ChatComposer".
+ */
 export interface ChatComposerProps {
     className?: string;
     onSendMessage?: (text: string) => void | Promise<void>;
@@ -11,5 +20,13 @@ export interface ChatComposerProps {
     onAttachClick?: () => void;
     attachAriaLabel?: string;
 }
+/**
+ * Deprecated: the old chat input — Enter sends, a TextField-based DOM and the `chat-composer*` test ids.
+ * `Chat` draws a `Composer` as its footer now, and the standalone `Composer` replaces this component
+ * (`onSendMessage` → `onSend`, Enter-to-send → `sendKey="enter"`). Kept for the migration and removed in the
+ * next major; to keep this markup inside a Chat while migrating, pass `legacyComposer` to `Chat`.
+ *
+ * @deprecated Use `Composer`; see the README section "Migrating from ChatComposer".
+ */
 export declare function ChatComposer({ className, onSendMessage, placeholder, disabled, sendAriaLabel, shiftEnterNewline, ctrlEnterNewline, fileUpload, attachInputId, onAttachClick, attachAriaLabel, }: ChatComposerProps): import("react/jsx-runtime").JSX.Element;
 export default ChatComposer;

package/dist/components/dataDisplay/chat/chatComposer.js

@@ -1,9 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useState as T, useId as S, useRef as W } from "react";
+import { useState as B, useId as S, useRef as W } from "react";
 import i from "clsx";
 import { Icon as g } from "../../base/icon/icon.js";
 import { TextFieldWrapper as H } from "../../inputs/textField/textFieldWrapper.js";
-import { ChatIconButton as y } from "./chatIconButton.js";
+import { ChatIconButton as T } from "./chatIconButton.js";
 import { shouldComposerNewlineOnEnter as P } from "./utils.js";
 import { TextField as R } from "../../inputs/textField/textField.js";
 function _(o) {
@@ -11,8 +11,8 @@ function _(o) {
 }
 function V(o, n, l) {
   var s, u;
-  const e = (s = o.selectionStart) != null ? s : n.length, h = (u = o.selectionEnd) != null ? u : n.length, m = `${n.slice(0, e)}
-${n.slice(h)}`;
+  const e = (s = o.selectionStart) != null ? s : n.length, f = (u = o.selectionEnd) != null ? u : n.length, m = `${n.slice(0, e)}
+${n.slice(f)}`;
   l(m), requestAnimationFrame(() => {
     o.selectionStart = e + 1, o.selectionEnd = e + 1;
   });
@@ -22,34 +22,36 @@ function J({
   onSendMessage: n,
   placeholder: l = "message",
   disabled: e = !1,
-  sendAriaLabel: h = "Send message",
+  sendAriaLabel: f = "Send message",
   shiftEnterNewline: m = !0,
   ctrlEnterNewline: s = !0,
   fileUpload: u = !1,
-  attachInputId: f,
+  attachInputId: h,
   onAttachClick: b,
   attachAriaLabel: x = "Attach file"
 }) {
-  const [a, d] = T(""), [N, D] = T(!1), C = S(), p = W(null), k = m || s, z = !!n && a.trim().length > 0 && !e, F = u && !!(f || b), A = () => {
+  const [a, d] = B(""), [k, C] = B(!1), D = S(), p = W(null), E = m || s, N = !!n && a.trim().length > 0 && !e, F = u && !!(h || b), y = () => {
     if (!n)
       return;
     const t = a.trim();
     !t || e || (n(t), d(""));
-  }, B = (t) => {
-    if (P(t, { shiftEnterNewline: m, ctrlEnterNewline: s })) {
-      t.currentTarget instanceof HTMLTextAreaElement && (t.preventDefault(), V(t.currentTarget, a, d));
-      return;
+  }, A = (t) => {
+    if (!(t.nativeEvent.isComposing || t.keyCode === 229)) {
+      if (P(t, { shiftEnterNewline: m, ctrlEnterNewline: s })) {
+        t.currentTarget instanceof HTMLTextAreaElement && (t.preventDefault(), V(t.currentTarget, a, d));
+        return;
+      }
+      t.key === "Enter" && (t.preventDefault(), y());
     }
-    t.key === "Enter" && (t.preventDefault(), A());
-  }, E = i(
+  }, z = i(
     "smwb-chat-icon-button",
     "smwb-chat-icon-button_edge-start",
     e && "smwb-chat-icon-button_disabled"
-  ), c = F ? f ? /* @__PURE__ */ r(
+  ), c = F ? h ? /* @__PURE__ */ r(
     "label",
     {
-      htmlFor: e ? void 0 : f,
-      className: E,
+      htmlFor: e ? void 0 : h,
+      className: z,
       "aria-label": x,
       "aria-disabled": e || void 0,
       "data-testid": "chat-composer-attach",
@@ -57,7 +59,7 @@ function J({
       children: /* @__PURE__ */ r(g, { name: "attach_file", size: 24 })
     }
   ) : /* @__PURE__ */ r(
-    y,
+    T,
     {
       edge: "start",
       "aria-label": x,
@@ -68,14 +70,14 @@ function J({
       children: /* @__PURE__ */ r(g, { name: "attach_file", size: 24 })
     }
   ) : null, w = n ? /* @__PURE__ */ r(
-    y,
+    T,
     {
       edge: "end",
       color: "primary",
-      "aria-label": h,
+      "aria-label": f,
       "data-testid": "chat-composer-send",
-      disabled: !z,
-      onClick: A,
+      disabled: !N,
+      onClick: y,
       onMouseDown: _,
       children: /* @__PURE__ */ r(g, { name: "send", size: 24 })
     }
@@ -89,7 +91,7 @@ function J({
         children: c
       }
     );
-  if (!k)
+  if (!E)
     return /* @__PURE__ */ r(
       R,
       {
@@ -102,7 +104,7 @@ function J({
         onChange: (t) => d(t.target.value),
         startAdornment: c,
         endAdornment: w,
-        onKeyDown: B
+        onKeyDown: A
       }
     );
   const K = (t) => {
@@ -116,8 +118,8 @@ function J({
       fullWidth: !0,
       disabled: e,
       isFilledState: a.length > 0,
-      isFocused: N,
-      htmlFor: C,
+      isFocused: k,
+      htmlFor: D,
       shrink: !!c,
       onHolderMouseDown: K,
       startAdornment: c,
@@ -125,7 +127,7 @@ function J({
       children: /* @__PURE__ */ r(
         "textarea",
         {
-          id: C,
+          id: D,
           ref: p,
           className: i(
             "smwb-text-field__input",
@@ -139,9 +141,9 @@ function J({
           placeholder: l,
           rows: 1,
           onChange: (t) => d(t.target.value),
-          onFocus: () => D(!0),
-          onBlur: () => D(!1),
-          onKeyDown: B
+          onFocus: () => C(!0),
+          onBlur: () => C(!1),
+          onKeyDown: A
         }
       )
     }