@smwb/ui-solid 0.11.2 → 0.12.0

package/dist/headless/components/dataDisplay/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["../../../../../src/components/dataDisplay/card/card.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { callHandler } from \"../../../primitives/callHandler\";\n\nexport interface CardProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  variant?: \"filled\" | \"elevated\" | \"outlined\";\n  disabled?: boolean;\n  title?: string;\n  /** Footer slot rendered after the content. */\n  footer?: JSX.Element;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function Card(props: ParentProps<CardProps>): JSX.Element {\n  const merged = mergeProps({ variant: \"elevated\" as const }, props);\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"variant\",\n    \"children\",\n    \"disabled\",\n    \"title\",\n    \"footer\",\n    \"onClick\",\n    \"onKeyDown\",\n    \"ref\",\n  ]);\n\n  const interactive = (): boolean => !!local.onClick && !local.disabled;\n\n  const handleKeyDown: JSX.EventHandler<HTMLDivElement, KeyboardEvent> = (event) => {\n    callHandler(local.onKeyDown, event);\n    if (interactive() && (event.key === \"Enter\" || event.key === \" \")) {\n      event.preventDefault();\n      callHandler(local.onClick, event as unknown as MouseEvent & { currentTarget: HTMLDivElement; target: Element });\n    }\n  };\n\n  return (\n    <div\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid=\"card\"\n      class={cn(\"smwb-card\", `smwb-card_${local.variant}`, local.class, {\n        card_disabled: local.disabled,\n        \"smwb-card_interactive\": interactive(),\n      })}\n      role={interactive() ? \"button\" : undefined}\n      tabindex={interactive() ? 0 : undefined}\n      aria-disabled={local.disabled || undefined}\n      onClick={interactive() ? local.onClick : undefined}\n      onKeyDown={handleKeyDown}\n    >\n      <Show when={local.title}>\n        <div class=\"smwb-card__title\">{local.title}</div>\n      </Show>\n      {local.children}\n      <Show when={local.footer}>\n        <div class=\"smwb-card__footer\">{local.footer}</div>\n      </Show>\n    </div>\n  );\n}\n\nexport default Card;\n"],"names":["Card","props","merged","mergeProps","variant","local","rest","splitProps","interactive","onClick","disabled","handleKeyDown","event","callHandler","onKeyDown","key","preventDefault","_el$","_tmpl$3","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","card_disabled","role","undefined","tabindex","_$memo","_$insert","_$createComponent","Show","when","title","children","_el$2","_tmpl$","footer","_el$3","_tmpl$2"],"mappings":";;;;;;AAcO,SAASA,EAAKC,GAA4C;AAC/D,QAAMC,IAASC,EAAW;AAAA,IAAEC,SAAS;AAAA,EAAA,GAAuBH,CAAK,GAC3D,CAACI,GAAOC,CAAI,IAAIC,EAAWL,GAAQ,CACvC,SACA,WACA,YACA,YACA,SACA,UACA,WACA,aACA,KAAK,CACN,GAEKM,IAAcA,MAAe,CAAC,CAACH,EAAMI,WAAW,CAACJ,EAAMK,UAEvDC,IAAkEC,CAAAA,MAAU;AAChFC,IAAAA,EAAYR,EAAMS,WAAWF,CAAK,GAC9BJ,QAAkBI,EAAMG,QAAQ,WAAWH,EAAMG,QAAQ,SAC3DH,EAAMI,eAAAA,GACNH,EAAYR,EAAMI,SAASG,CAAmF;AAAA,EAElH;AAEA,UAAA,MAAA;AAAA,QAAAK,IAAAC,EAAAA,GAAAC,IAGSC,EAAUf,EAAMgB,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBlB,GAAI;AAAA,MAAA,eAEI;AAAA,MAAM,IAAA,QAAA;AAAA,eACXmB,EAAG,aAAa,aAAapB,EAAMD,OAAO,IAAIC,EAAMqB,OAAO;AAAA,UAChEC,eAAetB,EAAMK;AAAAA,UACrB,yBAAyBF,EAAAA;AAAAA,QAAY,CACtC;AAAA,MAAC;AAAA,MAAA,IACFoB,OAAI;AAAA,eAAEpB,EAAAA,IAAgB,WAAWqB;AAAAA,MAAS;AAAA,MAAA,IAC1CC,WAAQ;AAAA,eAAEtB,EAAAA,IAAgB,IAAIqB;AAAAA,MAAS;AAAA,MAAA,IAAA,kBAAA;AAAA,eACxBxB,EAAMK,YAAYmB;AAAAA,MAAS;AAAA,MAAA,IAC1CpB,UAAO;AAAA,eAAEsB,EAAA,MAAA,CAAA,CAAAvB,GAAa,MAAGH,EAAMI,UAAUoB;AAAAA,MAAS;AAAA,MAAA,WACvClB;AAAAA,IAAAA,CAAa,GAAA,IAAA,EAAA,GAAAqB,EAAAf,GAAAgB,EAEvBC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE9B,EAAM+B;AAAAA,MAAK;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAAC,IAAAC,EAAAA;AAAAP,eAAAA,EAAAM,GAAA,MACUjC,EAAM+B,KAAK,GAAAE;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAN,EAAAf,GAAA,MAE3CZ,EAAMgC,UAAQ,IAAA,GAAAL,EAAAf,GAAAgB,EACdC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE9B,EAAMmC;AAAAA,MAAM;AAAA,MAAA,IAAAH,WAAA;AAAA,YAAAI,IAAAC,EAAAA;AAAAV,eAAAA,EAAAS,GAAA,MACUpC,EAAMmC,MAAM,GAAAC;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAxB;AAAAA,EAAA,GAAA;AAIpD;"}
+{"version":3,"file":"card.js","sources":["../../../../../src/components/dataDisplay/card/card.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, children, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { callHandler } from \"../../../primitives/callHandler\";\n\nexport interface CardProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  variant?: \"filled\" | \"elevated\" | \"outlined\";\n  disabled?: boolean;\n  title?: string;\n  /** Footer slot rendered after the content. */\n  footer?: JSX.Element;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function Card(props: ParentProps<CardProps>): JSX.Element {\n  const merged = mergeProps({ variant: \"elevated\" as const }, props);\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"variant\",\n    \"children\",\n    \"disabled\",\n    \"title\",\n    \"footer\",\n    \"onClick\",\n    \"onKeyDown\",\n    \"ref\",\n  ]);\n\n  // Read the footer once: markup passed as a prop is created anew on every read,\n  // and during hydration a copy the server never rendered has no DOM node.\n  const footer = children(() => local.footer);\n  const interactive = (): boolean => !!local.onClick && !local.disabled;\n\n  const handleKeyDown: JSX.EventHandler<HTMLDivElement, KeyboardEvent> = (event) => {\n    callHandler(local.onKeyDown, event);\n    if (interactive() && (event.key === \"Enter\" || event.key === \" \")) {\n      event.preventDefault();\n      callHandler(local.onClick, event as unknown as MouseEvent & { currentTarget: HTMLDivElement; target: Element });\n    }\n  };\n\n  return (\n    <div\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid=\"card\"\n      class={cn(\"smwb-card\", `smwb-card_${local.variant}`, local.class, {\n        card_disabled: local.disabled,\n        \"smwb-card_interactive\": interactive(),\n      })}\n      role={interactive() ? \"button\" : undefined}\n      tabindex={interactive() ? 0 : undefined}\n      aria-disabled={local.disabled || undefined}\n      onClick={interactive() ? local.onClick : undefined}\n      onKeyDown={handleKeyDown}\n    >\n      <Show when={local.title}>\n        <div class=\"smwb-card__title\">{local.title}</div>\n      </Show>\n      {local.children}\n      <Show when={footer()}>\n        <div class=\"smwb-card__footer\">{footer()}</div>\n      </Show>\n    </div>\n  );\n}\n\nexport default Card;\n"],"names":["Card","props","merged","mergeProps","variant","local","rest","splitProps","footer","children","interactive","onClick","disabled","handleKeyDown","event","callHandler","onKeyDown","key","preventDefault","_el$","_tmpl$3","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","card_disabled","role","undefined","tabindex","_$memo","_$insert","_$createComponent","Show","when","title","_el$2","_tmpl$","_el$3","_tmpl$2"],"mappings":";;;;;;AAcO,SAASA,EAAKC,GAA4C;AAC/D,QAAMC,IAASC,EAAW;AAAA,IAAEC,SAAS;AAAA,EAAA,GAAuBH,CAAK,GAC3D,CAACI,GAAOC,CAAI,IAAIC,EAAWL,GAAQ,CACvC,SACA,WACA,YACA,YACA,SACA,UACA,WACA,aACA,KAAK,CACN,GAIKM,IAASC,EAAS,MAAMJ,EAAMG,MAAM,GACpCE,IAAcA,MAAe,CAAC,CAACL,EAAMM,WAAW,CAACN,EAAMO,UAEvDC,IAAkEC,CAAAA,MAAU;AAChFC,IAAAA,EAAYV,EAAMW,WAAWF,CAAK,GAC9BJ,QAAkBI,EAAMG,QAAQ,WAAWH,EAAMG,QAAQ,SAC3DH,EAAMI,eAAAA,GACNH,EAAYV,EAAMM,SAASG,CAAmF;AAAA,EAElH;AAEA,UAAA,MAAA;AAAA,QAAAK,IAAAC,EAAAA,GAAAC,IAGSC,EAAUjB,EAAMkB,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBpB,GAAI;AAAA,MAAA,eAEI;AAAA,MAAM,IAAA,QAAA;AAAA,eACXqB,EAAG,aAAa,aAAatB,EAAMD,OAAO,IAAIC,EAAMuB,OAAO;AAAA,UAChEC,eAAexB,EAAMO;AAAAA,UACrB,yBAAyBF,EAAAA;AAAAA,QAAY,CACtC;AAAA,MAAC;AAAA,MAAA,IACFoB,OAAI;AAAA,eAAEpB,EAAAA,IAAgB,WAAWqB;AAAAA,MAAS;AAAA,MAAA,IAC1CC,WAAQ;AAAA,eAAEtB,EAAAA,IAAgB,IAAIqB;AAAAA,MAAS;AAAA,MAAA,IAAA,kBAAA;AAAA,eACxB1B,EAAMO,YAAYmB;AAAAA,MAAS;AAAA,MAAA,IAC1CpB,UAAO;AAAA,eAAEsB,EAAA,MAAA,CAAA,CAAAvB,GAAa,MAAGL,EAAMM,UAAUoB;AAAAA,MAAS;AAAA,MAAA,WACvClB;AAAAA,IAAAA,CAAa,GAAA,IAAA,EAAA,GAAAqB,EAAAf,GAAAgB,EAEvBC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEhC,EAAMiC;AAAAA,MAAK;AAAA,MAAA,IAAA7B,WAAA;AAAA,YAAA8B,IAAAC,EAAAA;AAAAN,eAAAA,EAAAK,GAAA,MACUlC,EAAMiC,KAAK,GAAAC;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAL,EAAAf,GAAA,MAE3Cd,EAAMI,UAAQ,IAAA,GAAAyB,EAAAf,GAAAgB,EACdC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE7B,EAAAA;AAAAA,MAAQ;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAAgC,IAAAC,EAAAA;AAAAR,eAAAA,EAAAO,GACcjC,CAAM,GAAAiC;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAtB;AAAAA,EAAA,GAAA;AAI9C;"}

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

@@ -1,20 +1,20 @@
-import { insert as h, createComponent as o, memo as a, effect as A, className as I, template as f, spread as _, mergeProps as x } from "solid-js/web";
-import { mergeProps as U, createMemo as P, Show as i } from "solid-js";
-import N from "clsx";
-import { createControllableState as m } from "../../../primitives/createControllableState.js";
-import { createId as T } from "../../../primitives/createId.js";
-import { ChatComposer as B } from "./chatComposer.js";
-import { ChatHeader as E } from "./chatHeader.js";
-import { ChatMessages as F } from "./chatMessages.js";
-import { ChatShell as O } from "./chatShell.js";
-import { createChatFileUpload as D } from "./useChatFileUpload.js";
-import { CHAT_EXPAND_LAYOUTS as $ } from "./types.js";
-import { resolveAllowedLayouts as k, pickInitialLayout as p, shouldShowChatCloseButton as z } from "./utils.js";
-import { FloatingButton as H } from "../../inputs/floatingButton/floatingButton.js";
-import { Icon as V } from "../../base/icon/icon.js";
-var R = /* @__PURE__ */ f("<input>"), X = /* @__PURE__ */ f("<div data-testid=chat>");
-function ne(b) {
-  const e = U({
+import { insert as m, createComponent as o, memo as a, effect as I, className as _, template as b, spread as x, mergeProps as U } from "solid-js/web";
+import { mergeProps as P, createMemo as T, children as N, Show as u } from "solid-js";
+import B from "clsx";
+import { createControllableState as p } from "../../../primitives/createControllableState.js";
+import { createId as E } from "../../../primitives/createId.js";
+import { ChatComposer as F } from "./chatComposer.js";
+import { ChatHeader as O } from "./chatHeader.js";
+import { ChatMessages as D } from "./chatMessages.js";
+import { ChatShell as $ } from "./chatShell.js";
+import { createChatFileUpload as k } from "./useChatFileUpload.js";
+import { CHAT_EXPAND_LAYOUTS as z } from "./types.js";
+import { resolveAllowedLayouts as H, pickInitialLayout as f, shouldShowChatCloseButton as V } from "./utils.js";
+import { FloatingButton as R } from "../../inputs/floatingButton/floatingButton.js";
+import { Icon as X } from "../../base/icon/icon.js";
+var Y = /* @__PURE__ */ b("<input>"), j = /* @__PURE__ */ b("<div data-testid=chat>");
+function se(C) {
+  const e = P({
     showAvatars: !1,
     showAttachments: !1,
     anchor: "bottom-right",
@@ -28,39 +28,39 @@ function ne(b) {
     embedded: !1,
     overlayContext: !1,
     showStatus: !1
-  }, b), s = P(() => k(e.allowedLayouts ?? $)), [u, d] = m({
+  }, C), s = T(() => H(e.allowedLayouts ?? z)), [d, i] = p({
     value: () => e.open,
     defaultValue: e.defaultOpen,
     onChange: e.onOpenChange
-  }), [n, g] = m({
+  }), [n, g] = p({
     value: () => e.layout,
-    defaultValue: p(s(), e.defaultLayout),
+    defaultValue: f(s(), e.defaultLayout),
     onChange: e.onLayoutChange
-  }), l = () => e.embedded ? "fullHeight" : e.floatingTrigger ? u() ? n() : "closed" : n(), C = () => {
-    d(!0), n() === "closed" && g(p(s(), e.defaultLayout));
-  }, w = () => {
-    d(!1);
-  }, v = (r) => {
-    d(!0), g(r);
-  }, t = D({
+  }), l = () => e.embedded ? "fullHeight" : e.floatingTrigger ? d() ? n() : "closed" : n(), w = () => {
+    i(!0), n() === "closed" && g(f(s(), e.defaultLayout));
+  }, v = () => {
+    i(!1);
+  }, y = (r) => {
+    i(!0), g(r);
+  }, t = k({
     enabled: () => e.fileUpload,
     accept: e.fileUploadAccept,
     maxFiles: e.fileUploadMaxFiles,
     onUploadFiles: e.onUploadFiles,
     disabled: () => !!e.composerDisabled
-  }), c = T(), y = () => !!e.onSendMessage || t.enabled(), L = () => o(i, {
+  }), c = E(), L = () => !!e.onSendMessage || t.enabled(), S = () => o(u, {
     get when() {
       return t.enabled();
     },
     get children() {
-      var r = R();
-      return _(r, x(() => t.getInputProps({
+      var r = Y();
+      return x(r, U(() => t.getInputProps({
         id: c
       }), {
         "data-testid": "chat-file-input"
       }), !1, !1), r;
     }
-  }), S = () => e.footer ?? e.children ?? (y() ? [a(L), o(B, {
+  }), M = () => e.footer ?? e.children ?? (L() ? [a(S), o(F, {
     get onSendMessage() {
       return e.onSendMessage;
     },
@@ -85,46 +85,46 @@ function ne(b) {
     get attachAriaLabel() {
       return e.attachAriaLabel;
     }
-  })] : void 0), M = () => z({
+  })] : void 0), A = () => V({
     floatingTrigger: e.floatingTrigger,
     embedded: e.embedded,
     overlayContext: e.overlayContext,
     effectiveLayout: l(),
     showCloseButton: e.showCloseButton
-  });
+  }), h = N(() => e.floatingTrigger && !e.embedded && !d() ? e.triggerIcon : void 0);
   return (() => {
-    var r = X();
-    return h(r, o(i, {
+    var r = j();
+    return m(r, o(u, {
       get when() {
-        return a(() => !!(e.floatingTrigger && !e.embedded))() && !u();
+        return a(() => !!(e.floatingTrigger && !e.embedded))() && !d();
       },
       get children() {
-        return o(H, {
+        return o(R, {
           class: "smwb-chat__trigger",
           get "aria-label"() {
             return e.triggerLabel ?? "Open chat";
           },
           "data-testid": "chat-trigger",
-          onClick: C,
+          onClick: w,
           get children() {
-            return o(i, {
+            return o(u, {
               get when() {
-                return e.triggerIcon;
+                return h();
               },
               get fallback() {
-                return o(V, {
+                return o(X, {
                   name: "chat",
                   size: 24
                 });
               },
               get children() {
-                return e.triggerIcon;
+                return h();
               }
             });
           }
         });
       }
-    }), null), h(r, o(O, {
+    }), null), m(r, o($, {
       get layout() {
         return l();
       },
@@ -147,7 +147,7 @@ function ne(b) {
         return a(() => !!t.enabled())() && t.isDragActive();
       },
       get header() {
-        return o(E, {
+        return o(O, {
           get title() {
             return e.headerTitle;
           },
@@ -163,17 +163,17 @@ function ne(b) {
           get allowedLayouts() {
             return s();
           },
-          onLayoutChange: v,
+          onLayoutChange: y,
           get onClose() {
-            return M() ? w : void 0;
+            return A() ? v : void 0;
           }
         });
       },
       get footer() {
-        return S();
+        return M();
       },
       get children() {
-        return o(F, {
+        return o(D, {
           get messages() {
             return e.messages;
           },
@@ -212,10 +212,10 @@ function ne(b) {
           }
         });
       }
-    }), null), A(() => I(r, N("smwb-chat", !e.embedded && `smwb-chat_${e.anchor}`, e.embedded && "smwb-chat_embedded", e.overlayContext && "smwb-chat_overlay-context", e.class))), r;
+    }), null), I(() => _(r, B("smwb-chat", !e.embedded && `smwb-chat_${e.anchor}`, e.embedded && "smwb-chat_embedded", e.overlayContext && "smwb-chat_overlay-context", e.class))), r;
   })();
 }
 export {
-  ne as Chat
+  se as Chat
 };
 //# sourceMappingURL=chat.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chat.js","sources":["../../../../../src/components/dataDisplay/chat/chat.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, createMemo, mergeProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { FloatingButton } from \"../../inputs/floatingButton\";\nimport { Icon } from \"../../base/icon\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { createId } from \"../../../primitives/createId\";\nimport { ChatComposer } from \"./chatComposer\";\nimport { ChatHeader } from \"./chatHeader\";\nimport { ChatMessages } from \"./chatMessages\";\nimport { ChatShell } from \"./chatShell\";\nimport { createChatFileUpload } from \"./useChatFileUpload\";\nimport {\n  type ChatAnchor,\n  type ChatLayoutMode,\n  type ChatMessage,\n  type ChatMessageRenderContext,\n  type ChatThemeMode,\n  CHAT_EXPAND_LAYOUTS,\n} from \"./types\";\nimport { pickInitialLayout, resolveAllowedLayouts, shouldShowChatCloseButton } from \"./utils\";\n\nexport interface ChatProps extends ParentProps, Omit<ChatMessageRenderContext, \"showAvatars\" | \"showAttachments\"> {\n  class?: string | undefined;\n  messages: ChatMessage[];\n  showAvatars?: boolean | undefined;\n  showAttachments?: boolean | undefined;\n  headerTitle?: JSX.Element;\n  headerSubtitle?: JSX.Element;\n  headerActions?: JSX.Element;\n  footer?: JSX.Element;\n  anchor?: ChatAnchor | undefined;\n  themeMode?: ChatThemeMode | undefined;\n  allowedLayouts?: ChatLayoutMode[] | undefined;\n  layout?: ChatLayoutMode | undefined;\n  defaultLayout?: ChatLayoutMode | undefined;\n  onLayoutChange?: ((layout: ChatLayoutMode) => void) | undefined;\n  open?: boolean | undefined;\n  defaultOpen?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  floatingTrigger?: boolean | undefined;\n  triggerIcon?: JSX.Element;\n  triggerLabel?: string | undefined;\n  onLoadMore?: (() => void | Promise<void>) | undefined;\n  hasMore?: boolean | undefined;\n  onSendMessage?: ((text: string) => void | Promise<void>) | undefined;\n  composerPlaceholder?: string | undefined;\n  composerDisabled?: boolean | undefined;\n  composerShiftEnterNewline?: boolean | undefined;\n  composerCtrlEnterNewline?: boolean | undefined;\n  fileUpload?: boolean | undefined;\n  onUploadFiles?: ((files: File[]) => void | Promise<void>) | undefined;\n  fileUploadAccept?: Record<string, string[]> | string | undefined;\n  fileUploadMaxFiles?: number | undefined;\n  attachAriaLabel?: string | undefined;\n  loading?: boolean | undefined;\n  loadingMore?: boolean | undefined;\n  loadingSkeletonCount?: number | undefined;\n  renderMessage?: ((message: ChatMessage, ctx: ChatMessageRenderContext) => JSX.Element) | undefined;\n  embedded?: boolean | undefined;\n  overlayContext?: boolean | undefined;\n  showCloseButton?: boolean | undefined;\n}\n\nexport function Chat(props: ChatProps): JSX.Element {\n  const p = mergeProps(\n    {\n      showAvatars: false,\n      showAttachments: false,\n      anchor: \"bottom-right\" as const,\n      themeMode: \"inherit\" as const,\n      defaultOpen: false,\n      floatingTrigger: false,\n      composerPlaceholder: \"message\",\n      composerShiftEnterNewline: true,\n      composerCtrlEnterNewline: true,\n      fileUpload: false,\n      embedded: false,\n      overlayContext: false,\n      showStatus: false,\n    },\n    props\n  );\n\n  const allowedLayouts = createMemo(() => resolveAllowedLayouts(p.allowedLayouts ?? CHAT_EXPAND_LAYOUTS));\n\n  const [open, setOpen] = createControllableState<boolean>({\n    value: () => p.open,\n    defaultValue: p.defaultOpen,\n    onChange: p.onOpenChange,\n  });\n\n  const [layout, setLayout] = createControllableState<ChatLayoutMode>({\n    value: () => p.layout,\n    defaultValue: pickInitialLayout(allowedLayouts(), p.defaultLayout),\n    onChange: p.onLayoutChange,\n  });\n\n  const effectiveLayout = (): ChatLayoutMode =>\n    p.embedded ? \"fullHeight\" : p.floatingTrigger ? (open() ? layout() : \"closed\") : layout();\n\n  const handleOpen = (): void => {\n    setOpen(true);\n    if (layout() === \"closed\") {\n      setLayout(pickInitialLayout(allowedLayouts(), p.defaultLayout));\n    }\n  };\n\n  const handleClose = (): void => {\n    setOpen(false);\n  };\n\n  const handleLayoutChange = (next: ChatLayoutMode): void => {\n    setOpen(true);\n    setLayout(next);\n  };\n\n  const fileUpload = createChatFileUpload({\n    enabled: () => p.fileUpload,\n    accept: p.fileUploadAccept,\n    maxFiles: p.fileUploadMaxFiles,\n    onUploadFiles: p.onUploadFiles,\n    disabled: () => Boolean(p.composerDisabled),\n  });\n\n  const attachInputId = createId();\n\n  const showComposer = (): boolean => Boolean(p.onSendMessage) || fileUpload.enabled();\n\n  const fileInput = (): JSX.Element => (\n    <Show when={fileUpload.enabled()}>\n      <input {...fileUpload.getInputProps({ id: attachInputId })} data-testid=\"chat-file-input\" />\n    </Show>\n  );\n\n  const resolvedFooter = (): JSX.Element =>\n    p.footer ??\n    p.children ??\n    (showComposer() ? (\n      <>\n        {fileInput()}\n        <ChatComposer\n          onSendMessage={p.onSendMessage}\n          placeholder={p.composerPlaceholder}\n          disabled={p.composerDisabled}\n          shiftEnterNewline={p.composerShiftEnterNewline}\n          ctrlEnterNewline={p.composerCtrlEnterNewline}\n          fileUpload={fileUpload.enabled()}\n          attachInputId={fileUpload.enabled() ? attachInputId : undefined}\n          attachAriaLabel={p.attachAriaLabel}\n        />\n      </>\n    ) : undefined);\n\n  const closeButtonVisible = (): boolean =>\n    shouldShowChatCloseButton({\n      floatingTrigger: p.floatingTrigger,\n      embedded: p.embedded,\n      overlayContext: p.overlayContext,\n      effectiveLayout: effectiveLayout(),\n      showCloseButton: p.showCloseButton,\n    });\n\n  return (\n    <div\n      class={cn(\n        \"smwb-chat\",\n        !p.embedded && `smwb-chat_${p.anchor}`,\n        p.embedded && \"smwb-chat_embedded\",\n        p.overlayContext && \"smwb-chat_overlay-context\",\n        p.class\n      )}\n      data-testid=\"chat\"\n    >\n      <Show when={p.floatingTrigger && !p.embedded && !open()}>\n        <FloatingButton\n          class=\"smwb-chat__trigger\"\n          aria-label={p.triggerLabel ?? \"Open chat\"}\n          data-testid=\"chat-trigger\"\n          onClick={handleOpen}\n        >\n          <Show when={p.triggerIcon} fallback={<Icon name=\"chat\" size={24} />}>\n            {p.triggerIcon}\n          </Show>\n        </FloatingButton>\n      </Show>\n      <ChatShell\n        layout={effectiveLayout()}\n        anchor={p.anchor}\n        themeMode={p.themeMode}\n        embedded={p.embedded}\n        overlayContext={p.overlayContext}\n        fileDropzoneRootProps={fileUpload.enabled() ? fileUpload.getRootProps() : undefined}\n        fileDropzoneActive={fileUpload.enabled() && fileUpload.isDragActive()}\n        header={\n          <ChatHeader\n            title={p.headerTitle}\n            subtitle={p.headerSubtitle}\n            actions={p.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        <ChatMessages\n          messages={p.messages}\n          showAvatars={p.showAvatars}\n          showAttachments={p.showAttachments}\n          showStatus={p.showStatus}\n          statusIcons={p.statusIcons}\n          renderStatus={p.renderStatus}\n          onLoadMore={p.onLoadMore}\n          hasMore={p.hasMore}\n          loading={p.loading}\n          loadingMore={p.loadingMore}\n          loadingSkeletonCount={p.loadingSkeletonCount}\n          renderMessage={p.renderMessage}\n        />\n      </ChatShell>\n    </div>\n  );\n}\n\nexport default Chat;\n"],"names":["Chat","props","p","mergeProps","showAvatars","showAttachments","anchor","themeMode","defaultOpen","floatingTrigger","composerPlaceholder","composerShiftEnterNewline","composerCtrlEnterNewline","fileUpload","embedded","overlayContext","showStatus","allowedLayouts","createMemo","resolveAllowedLayouts","CHAT_EXPAND_LAYOUTS","open","setOpen","createControllableState","value","defaultValue","onChange","onOpenChange","layout","setLayout","pickInitialLayout","defaultLayout","onLayoutChange","effectiveLayout","handleOpen","handleClose","handleLayoutChange","next","createChatFileUpload","enabled","accept","fileUploadAccept","maxFiles","fileUploadMaxFiles","onUploadFiles","disabled","Boolean","composerDisabled","attachInputId","createId","showComposer","onSendMessage","fileInput","_$createComponent","Show","when","children","_el$","_tmpl$","_$spread","_$mergeProps","getInputProps","id","resolvedFooter","footer","_$memo","ChatComposer","placeholder","shiftEnterNewline","ctrlEnterNewline","undefined","attachAriaLabel","closeButtonVisible","shouldShowChatCloseButton","showCloseButton","_el$2","_tmpl$2","_$insert","FloatingButton","triggerLabel","onClick","triggerIcon","fallback","Icon","name","size","ChatShell","fileDropzoneRootProps","getRootProps","fileDropzoneActive","isDragActive","header","ChatHeader","title","headerTitle","subtitle","headerSubtitle","actions","headerActions","onClose","ChatMessages","messages","statusIcons","renderStatus","onLoadMore","hasMore","loading","loadingMore","loadingSkeletonCount","renderMessage","_$effect","_$className","cn","class"],"mappings":"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"}
+{"version":3,"file":"chat.js","sources":["../../../../../src/components/dataDisplay/chat/chat.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, children, createMemo, mergeProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { FloatingButton } from \"../../inputs/floatingButton\";\nimport { Icon } from \"../../base/icon\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { createId } from \"../../../primitives/createId\";\nimport { ChatComposer } from \"./chatComposer\";\nimport { ChatHeader } from \"./chatHeader\";\nimport { ChatMessages } from \"./chatMessages\";\nimport { ChatShell } from \"./chatShell\";\nimport { createChatFileUpload } from \"./useChatFileUpload\";\nimport {\n  type ChatAnchor,\n  type ChatLayoutMode,\n  type ChatMessage,\n  type ChatMessageRenderContext,\n  type ChatThemeMode,\n  CHAT_EXPAND_LAYOUTS,\n} from \"./types\";\nimport { pickInitialLayout, resolveAllowedLayouts, shouldShowChatCloseButton } from \"./utils\";\n\nexport interface ChatProps extends ParentProps, Omit<ChatMessageRenderContext, \"showAvatars\" | \"showAttachments\"> {\n  class?: string | undefined;\n  messages: ChatMessage[];\n  showAvatars?: boolean | undefined;\n  showAttachments?: boolean | undefined;\n  headerTitle?: JSX.Element;\n  headerSubtitle?: JSX.Element;\n  headerActions?: JSX.Element;\n  footer?: JSX.Element;\n  anchor?: ChatAnchor | undefined;\n  themeMode?: ChatThemeMode | undefined;\n  allowedLayouts?: ChatLayoutMode[] | undefined;\n  layout?: ChatLayoutMode | undefined;\n  defaultLayout?: ChatLayoutMode | undefined;\n  onLayoutChange?: ((layout: ChatLayoutMode) => void) | undefined;\n  open?: boolean | undefined;\n  defaultOpen?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  floatingTrigger?: boolean | undefined;\n  triggerIcon?: JSX.Element;\n  triggerLabel?: string | undefined;\n  onLoadMore?: (() => void | Promise<void>) | undefined;\n  hasMore?: boolean | undefined;\n  onSendMessage?: ((text: string) => void | Promise<void>) | undefined;\n  composerPlaceholder?: string | undefined;\n  composerDisabled?: boolean | undefined;\n  composerShiftEnterNewline?: boolean | undefined;\n  composerCtrlEnterNewline?: boolean | undefined;\n  fileUpload?: boolean | undefined;\n  onUploadFiles?: ((files: File[]) => void | Promise<void>) | undefined;\n  fileUploadAccept?: Record<string, string[]> | string | undefined;\n  fileUploadMaxFiles?: number | undefined;\n  attachAriaLabel?: string | undefined;\n  loading?: boolean | undefined;\n  loadingMore?: boolean | undefined;\n  loadingSkeletonCount?: number | undefined;\n  renderMessage?: ((message: ChatMessage, ctx: ChatMessageRenderContext) => JSX.Element) | undefined;\n  embedded?: boolean | undefined;\n  overlayContext?: boolean | undefined;\n  showCloseButton?: boolean | undefined;\n}\n\nexport function Chat(props: ChatProps): JSX.Element {\n  const p = mergeProps(\n    {\n      showAvatars: false,\n      showAttachments: false,\n      anchor: \"bottom-right\" as const,\n      themeMode: \"inherit\" as const,\n      defaultOpen: false,\n      floatingTrigger: false,\n      composerPlaceholder: \"message\",\n      composerShiftEnterNewline: true,\n      composerCtrlEnterNewline: true,\n      fileUpload: false,\n      embedded: false,\n      overlayContext: false,\n      showStatus: false,\n    },\n    props\n  );\n\n  const allowedLayouts = createMemo(() => resolveAllowedLayouts(p.allowedLayouts ?? CHAT_EXPAND_LAYOUTS));\n\n  const [open, setOpen] = createControllableState<boolean>({\n    value: () => p.open,\n    defaultValue: p.defaultOpen,\n    onChange: p.onOpenChange,\n  });\n\n  const [layout, setLayout] = createControllableState<ChatLayoutMode>({\n    value: () => p.layout,\n    defaultValue: pickInitialLayout(allowedLayouts(), p.defaultLayout),\n    onChange: p.onLayoutChange,\n  });\n\n  const effectiveLayout = (): ChatLayoutMode =>\n    p.embedded ? \"fullHeight\" : p.floatingTrigger ? (open() ? layout() : \"closed\") : layout();\n\n  const handleOpen = (): void => {\n    setOpen(true);\n    if (layout() === \"closed\") {\n      setLayout(pickInitialLayout(allowedLayouts(), p.defaultLayout));\n    }\n  };\n\n  const handleClose = (): void => {\n    setOpen(false);\n  };\n\n  const handleLayoutChange = (next: ChatLayoutMode): void => {\n    setOpen(true);\n    setLayout(next);\n  };\n\n  const fileUpload = createChatFileUpload({\n    enabled: () => p.fileUpload,\n    accept: p.fileUploadAccept,\n    maxFiles: p.fileUploadMaxFiles,\n    onUploadFiles: p.onUploadFiles,\n    disabled: () => Boolean(p.composerDisabled),\n  });\n\n  const attachInputId = createId();\n\n  const showComposer = (): boolean => Boolean(p.onSendMessage) || fileUpload.enabled();\n\n  const fileInput = (): JSX.Element => (\n    <Show when={fileUpload.enabled()}>\n      <input {...fileUpload.getInputProps({ id: attachInputId })} data-testid=\"chat-file-input\" />\n    </Show>\n  );\n\n  const resolvedFooter = (): JSX.Element =>\n    p.footer ??\n    p.children ??\n    (showComposer() ? (\n      <>\n        {fileInput()}\n        <ChatComposer\n          onSendMessage={p.onSendMessage}\n          placeholder={p.composerPlaceholder}\n          disabled={p.composerDisabled}\n          shiftEnterNewline={p.composerShiftEnterNewline}\n          ctrlEnterNewline={p.composerCtrlEnterNewline}\n          fileUpload={fileUpload.enabled()}\n          attachInputId={fileUpload.enabled() ? attachInputId : undefined}\n          attachAriaLabel={p.attachAriaLabel}\n        />\n      </>\n    ) : undefined);\n\n  const closeButtonVisible = (): boolean =>\n    shouldShowChatCloseButton({\n      floatingTrigger: p.floatingTrigger,\n      embedded: p.embedded,\n      overlayContext: p.overlayContext,\n      effectiveLayout: effectiveLayout(),\n      showCloseButton: p.showCloseButton,\n    });\n\n  // The trigger icon is read once, and only while the trigger is drawn: markup\n  // passed as a prop is created anew on every read, and during hydration a copy\n  // the server never rendered has no DOM node.\n  const triggerIcon = children(() => (p.floatingTrigger && !p.embedded && !open() ? p.triggerIcon : undefined));\n\n  return (\n    <div\n      class={cn(\n        \"smwb-chat\",\n        !p.embedded && `smwb-chat_${p.anchor}`,\n        p.embedded && \"smwb-chat_embedded\",\n        p.overlayContext && \"smwb-chat_overlay-context\",\n        p.class\n      )}\n      data-testid=\"chat\"\n    >\n      <Show when={p.floatingTrigger && !p.embedded && !open()}>\n        <FloatingButton\n          class=\"smwb-chat__trigger\"\n          aria-label={p.triggerLabel ?? \"Open chat\"}\n          data-testid=\"chat-trigger\"\n          onClick={handleOpen}\n        >\n          <Show when={triggerIcon()} fallback={<Icon name=\"chat\" size={24} />}>\n            {triggerIcon()}\n          </Show>\n        </FloatingButton>\n      </Show>\n      <ChatShell\n        layout={effectiveLayout()}\n        anchor={p.anchor}\n        themeMode={p.themeMode}\n        embedded={p.embedded}\n        overlayContext={p.overlayContext}\n        fileDropzoneRootProps={fileUpload.enabled() ? fileUpload.getRootProps() : undefined}\n        fileDropzoneActive={fileUpload.enabled() && fileUpload.isDragActive()}\n        header={\n          <ChatHeader\n            title={p.headerTitle}\n            subtitle={p.headerSubtitle}\n            actions={p.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        <ChatMessages\n          messages={p.messages}\n          showAvatars={p.showAvatars}\n          showAttachments={p.showAttachments}\n          showStatus={p.showStatus}\n          statusIcons={p.statusIcons}\n          renderStatus={p.renderStatus}\n          onLoadMore={p.onLoadMore}\n          hasMore={p.hasMore}\n          loading={p.loading}\n          loadingMore={p.loadingMore}\n          loadingSkeletonCount={p.loadingSkeletonCount}\n          renderMessage={p.renderMessage}\n        />\n      </ChatShell>\n    </div>\n  );\n}\n\nexport default Chat;\n"],"names":["Chat","props","p","mergeProps","showAvatars","showAttachments","anchor","themeMode","defaultOpen","floatingTrigger","composerPlaceholder","composerShiftEnterNewline","composerCtrlEnterNewline","fileUpload","embedded","overlayContext","showStatus","allowedLayouts","createMemo","resolveAllowedLayouts","CHAT_EXPAND_LAYOUTS","open","setOpen","createControllableState","value","defaultValue","onChange","onOpenChange","layout","setLayout","pickInitialLayout","defaultLayout","onLayoutChange","effectiveLayout","handleOpen","handleClose","handleLayoutChange","next","createChatFileUpload","enabled","accept","fileUploadAccept","maxFiles","fileUploadMaxFiles","onUploadFiles","disabled","Boolean","composerDisabled","attachInputId","createId","showComposer","onSendMessage","fileInput","_$createComponent","Show","when","children","_el$","_tmpl$","_$spread","_$mergeProps","getInputProps","id","resolvedFooter","footer","_$memo","ChatComposer","placeholder","shiftEnterNewline","ctrlEnterNewline","undefined","attachAriaLabel","closeButtonVisible","shouldShowChatCloseButton","showCloseButton","triggerIcon","_el$2","_tmpl$2","_$insert","FloatingButton","triggerLabel","onClick","fallback","Icon","name","size","ChatShell","fileDropzoneRootProps","getRootProps","fileDropzoneActive","isDragActive","header","ChatHeader","title","headerTitle","subtitle","headerSubtitle","actions","headerActions","onClose","ChatMessages","messages","statusIcons","renderStatus","onLoadMore","hasMore","loading","loadingMore","loadingSkeletonCount","renderMessage","_$effect","_$className","cn","class"],"mappings":"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"}

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

@@ -1,61 +1,61 @@
-import { insert as n, createComponent as l, effect as g, className as m, template as o } from "solid-js/web";
-import { Show as a, For as _ } from "solid-js";
-import f from "clsx";
-import { ChatIconButton as h } from "./chatIconButton.js";
-import { getChatLayoutActions as w } from "./utils.js";
-import { Icon as s } from "../../base/icon/icon.js";
-var b = /* @__PURE__ */ o("<div class=smwb-chat-header__title>"), C = /* @__PURE__ */ o("<div class=smwb-chat-header__subtitle>"), y = /* @__PURE__ */ o("<div data-testid=chat-header><div class=smwb-chat-header__main></div><div class=smwb-chat-header__actions>");
-const v = {
+import { insert as n, createComponent as l, effect as f, className as w, template as o } from "solid-js/web";
+import { children as d, Show as a, For as b } from "solid-js";
+import C from "clsx";
+import { ChatIconButton as g } from "./chatIconButton.js";
+import { getChatLayoutActions as y } from "./utils.js";
+import { Icon as m } from "../../base/icon/icon.js";
+var v = /* @__PURE__ */ o("<div class=smwb-chat-header__title>"), $ = /* @__PURE__ */ o("<div class=smwb-chat-header__subtitle>"), L = /* @__PURE__ */ o("<div data-testid=chat-header><div class=smwb-chat-header__main></div><div class=smwb-chat-header__actions>");
+const A = {
   floating: "picture_in_picture",
   fullHeight: "fit_screen",
   fullscreen: "open_in_full"
-}, $ = {
+}, F = {
   floating: "Floating window",
   fullHeight: "Full height",
   fullscreen: "Fullscreen"
 };
-function x(t) {
-  const u = () => w(t.allowedLayouts ?? ["floating"], t.layout), d = () => !!t.onLayoutChange && u().length > 0;
+function S(t) {
+  const u = d(() => t.title), s = d(() => t.subtitle), h = () => y(t.allowedLayouts ?? ["floating"], t.layout), _ = () => !!t.onLayoutChange && h().length > 0;
   return (() => {
-    var r = y(), i = r.firstChild, c = i.nextSibling;
+    var r = L(), i = r.firstChild, c = i.nextSibling;
     return n(i, l(a, {
       get when() {
-        return t.title;
+        return u();
       },
       get children() {
-        var e = b();
-        return n(e, () => t.title), e;
+        var e = v();
+        return n(e, u), e;
       }
     }), null), n(i, l(a, {
       get when() {
-        return t.subtitle;
+        return s();
       },
       get children() {
-        var e = C();
-        return n(e, () => t.subtitle), e;
+        var e = $();
+        return n(e, s), e;
       }
     }), null), n(c, () => t.actions, null), n(c, l(a, {
       get when() {
-        return d();
+        return _();
       },
       get children() {
-        return l(_, {
+        return l(b, {
           get each() {
-            return u();
+            return h();
           },
-          children: (e) => l(h, {
+          children: (e) => l(g, {
             get "aria-pressed"() {
               return t.layout === e;
             },
             get "aria-label"() {
-              return $[e];
+              return F[e];
             },
             "data-testid": `chat-layout-${e}`,
             onClick: () => t.onLayoutChange?.(e),
             get children() {
-              return l(s, {
+              return l(m, {
                 get name() {
-                  return v[e];
+                  return A[e];
                 },
                 size: 18
               });
@@ -68,22 +68,22 @@ function x(t) {
         return t.onClose;
       },
       get children() {
-        return l(h, {
+        return l(g, {
           "aria-label": "Close chat",
           "data-testid": "chat-close",
           onClick: () => t.onClose?.(),
           get children() {
-            return l(s, {
+            return l(m, {
               name: "close",
               size: 18
             });
           }
         });
       }
-    }), null), g(() => m(r, f("smwb-chat-header", t.class))), r;
+    }), null), f(() => w(r, C("smwb-chat-header", t.class))), r;
   })();
 }
 export {
-  x as ChatHeader
+  S as ChatHeader
 };
 //# sourceMappingURL=chatHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chatHeader.js","sources":["../../../../../src/components/dataDisplay/chat/chatHeader.tsx"],"sourcesContent":["import { type JSX, For, Show } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { ChatIconButton } from \"./chatIconButton\";\nimport type { ChatLayoutMode } from \"./types\";\nimport { getChatLayoutActions } from \"./utils\";\n\nexport interface ChatHeaderProps {\n  class?: string | undefined;\n  title?: JSX.Element;\n  subtitle?: JSX.Element;\n  actions?: JSX.Element;\n  layout?: ChatLayoutMode | undefined;\n  allowedLayouts?: ChatLayoutMode[] | undefined;\n  onLayoutChange?: ((layout: ChatLayoutMode) => void) | undefined;\n  onClose?: (() => void) | undefined;\n}\n\nconst layoutIcons: Record<Exclude<ChatLayoutMode, \"closed\">, string> = {\n  floating: \"picture_in_picture\",\n  fullHeight: \"fit_screen\",\n  fullscreen: \"open_in_full\",\n};\n\nconst layoutAriaLabels: Record<Exclude<ChatLayoutMode, \"closed\">, string> = {\n  floating: \"Floating window\",\n  fullHeight: \"Full height\",\n  fullscreen: \"Fullscreen\",\n};\n\nexport function ChatHeader(props: ChatHeaderProps): JSX.Element {\n  const layoutActions = (): Exclude<ChatLayoutMode, \"closed\">[] =>\n    getChatLayoutActions(props.allowedLayouts ?? [\"floating\"], props.layout);\n  const showLayoutActions = (): boolean => Boolean(props.onLayoutChange) && layoutActions().length > 0;\n\n  return (\n    <div class={cn(\"smwb-chat-header\", props.class)} data-testid=\"chat-header\">\n      <div class=\"smwb-chat-header__main\">\n        <Show when={props.title}>\n          <div class=\"smwb-chat-header__title\">{props.title}</div>\n        </Show>\n        <Show when={props.subtitle}>\n          <div class=\"smwb-chat-header__subtitle\">{props.subtitle}</div>\n        </Show>\n      </div>\n      <div class=\"smwb-chat-header__actions\">\n        {props.actions}\n        <Show when={showLayoutActions()}>\n          <For each={layoutActions()}>\n            {(mode) => (\n              <ChatIconButton\n                aria-pressed={props.layout === mode}\n                aria-label={layoutAriaLabels[mode]}\n                data-testid={`chat-layout-${mode}`}\n                onClick={() => props.onLayoutChange?.(mode)}\n              >\n                <Icon name={layoutIcons[mode]} size={18} />\n              </ChatIconButton>\n            )}\n          </For>\n        </Show>\n        <Show when={props.onClose}>\n          <ChatIconButton aria-label=\"Close chat\" data-testid=\"chat-close\" onClick={() => props.onClose?.()}>\n            <Icon name=\"close\" size={18} />\n          </ChatIconButton>\n        </Show>\n      </div>\n    </div>\n  );\n}\n\nexport default ChatHeader;\n"],"names":["layoutIcons","floating","fullHeight","fullscreen","layoutAriaLabels","ChatHeader","props","layoutActions","getChatLayoutActions","allowedLayouts","layout","showLayoutActions","Boolean","onLayoutChange","length","_el$","_tmpl$3","_el$2","firstChild","_el$5","nextSibling","_$insert","_$createComponent","Show","when","title","children","_el$3","_tmpl$","subtitle","_el$4","_tmpl$2","actions","For","each","mode","ChatIconButton","onClick","Icon","name","size","onClose","_$effect","_$className","cn","class"],"mappings":";;;;;;;AAkBA,MAAMA,IAAiE;AAAA,EACrEC,UAAU;AAAA,EACVC,YAAY;AAAA,EACZC,YAAY;AACd,GAEMC,IAAsE;AAAA,EAC1EH,UAAU;AAAA,EACVC,YAAY;AAAA,EACZC,YAAY;AACd;AAEO,SAASE,EAAWC,GAAqC;AAC9D,QAAMC,IAAgBA,MACpBC,EAAqBF,EAAMG,kBAAkB,CAAC,UAAU,GAAGH,EAAMI,MAAM,GACnEC,IAAoBA,MAAeC,EAAQN,EAAMO,kBAAmBN,EAAAA,EAAgBO,SAAS;AAEnG,UAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAG;AAAAC,WAAAA,EAAAJ,GAAAK,EAGOC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAElB,EAAMmB;AAAAA,MAAK;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAAC,IAAAC,EAAAA;AAAAP,eAAAA,EAAAM,GAAA,MACiBrB,EAAMmB,KAAK,GAAAE;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAN,EAAAJ,GAAAK,EAElDC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAElB,EAAMuB;AAAAA,MAAQ;AAAA,MAAA,IAAAH,WAAA;AAAA,YAAAI,IAAAC,EAAAA;AAAAV,eAAAA,EAAAS,GAAA,MACiBxB,EAAMuB,QAAQ,GAAAC;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAT,EAAAF,GAAA,MAIxDb,EAAM0B,SAAO,IAAA,GAAAX,EAAAF,GAAAG,EACbC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEb,EAAAA;AAAAA,MAAmB;AAAA,MAAA,IAAAe,WAAA;AAAA,eAAAJ,EAC5BW,GAAG;AAAA,UAAA,IAACC,OAAI;AAAA,mBAAE3B,EAAAA;AAAAA,UAAe;AAAA,UAAAmB,UACtBS,CAAAA,MAAIb,EACHc,GAAc;AAAA,YAAA,IAAA,iBAAA;AAAA,qBACC9B,EAAMI,WAAWyB;AAAAA,YAAI;AAAA,YAAA,IAAA,eAAA;AAAA,qBACvB/B,EAAiB+B,CAAI;AAAA,YAAC;AAAA,YAAA,eACrB,eAAeA,CAAI;AAAA,YAChCE,SAASA,MAAM/B,EAAMO,iBAAiBsB,CAAI;AAAA,YAAC,IAAAT,WAAA;AAAA,qBAAAJ,EAE1CgB,GAAI;AAAA,gBAAA,IAACC,OAAI;AAAA,yBAAEvC,EAAYmC,CAAI;AAAA,gBAAC;AAAA,gBAAEK,MAAM;AAAA,cAAA,CAAE;AAAA,YAAA;AAAA,UAAA,CAAA;AAAA,QAAA,CAE1C;AAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAnB,EAAAF,GAAAG,EAGJC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAElB,EAAMmC;AAAAA,MAAO;AAAA,MAAA,IAAAf,WAAA;AAAA,eAAAJ,EACtBc,GAAc;AAAA,UAAA,cAAA;AAAA,UAAA,eAAA;AAAA,UAAkDC,SAASA,MAAM/B,EAAMmC,UAAAA;AAAAA,UAAW,IAAAf,WAAA;AAAA,mBAAAJ,EAC9FgB,GAAI;AAAA,cAACC,MAAI;AAAA,cAASC,MAAM;AAAA,YAAA,CAAE;AAAA,UAAA;AAAA,QAAA,CAAA;AAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAE,EAAA,MAAAC,EAAA5B,GA3BvB6B,EAAG,oBAAoBtC,EAAMuC,KAAK,CAAC,CAAA,GAAA9B;AAAAA,EAAA,GAAA;AAiCnD;"}
+{"version":3,"file":"chatHeader.js","sources":["../../../../../src/components/dataDisplay/chat/chatHeader.tsx"],"sourcesContent":["import { type JSX, For, Show, children } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { ChatIconButton } from \"./chatIconButton\";\nimport type { ChatLayoutMode } from \"./types\";\nimport { getChatLayoutActions } from \"./utils\";\n\nexport interface ChatHeaderProps {\n  class?: string | undefined;\n  title?: JSX.Element;\n  subtitle?: JSX.Element;\n  actions?: JSX.Element;\n  layout?: ChatLayoutMode | undefined;\n  allowedLayouts?: ChatLayoutMode[] | undefined;\n  onLayoutChange?: ((layout: ChatLayoutMode) => void) | undefined;\n  onClose?: (() => void) | undefined;\n}\n\nconst layoutIcons: Record<Exclude<ChatLayoutMode, \"closed\">, string> = {\n  floating: \"picture_in_picture\",\n  fullHeight: \"fit_screen\",\n  fullscreen: \"open_in_full\",\n};\n\nconst layoutAriaLabels: Record<Exclude<ChatLayoutMode, \"closed\">, string> = {\n  floating: \"Floating window\",\n  fullHeight: \"Full height\",\n  fullscreen: \"Fullscreen\",\n};\n\nexport function ChatHeader(props: ChatHeaderProps): JSX.Element {\n  // Read each slot once: markup passed as a prop is created anew on every read,\n  // and during hydration a copy the server never rendered has no DOM node.\n  const title = children(() => props.title);\n  const subtitle = children(() => props.subtitle);\n  const layoutActions = (): Exclude<ChatLayoutMode, \"closed\">[] =>\n    getChatLayoutActions(props.allowedLayouts ?? [\"floating\"], props.layout);\n  const showLayoutActions = (): boolean => Boolean(props.onLayoutChange) && layoutActions().length > 0;\n\n  return (\n    <div class={cn(\"smwb-chat-header\", props.class)} data-testid=\"chat-header\">\n      <div class=\"smwb-chat-header__main\">\n        <Show when={title()}>\n          <div class=\"smwb-chat-header__title\">{title()}</div>\n        </Show>\n        <Show when={subtitle()}>\n          <div class=\"smwb-chat-header__subtitle\">{subtitle()}</div>\n        </Show>\n      </div>\n      <div class=\"smwb-chat-header__actions\">\n        {props.actions}\n        <Show when={showLayoutActions()}>\n          <For each={layoutActions()}>\n            {(mode) => (\n              <ChatIconButton\n                aria-pressed={props.layout === mode}\n                aria-label={layoutAriaLabels[mode]}\n                data-testid={`chat-layout-${mode}`}\n                onClick={() => props.onLayoutChange?.(mode)}\n              >\n                <Icon name={layoutIcons[mode]} size={18} />\n              </ChatIconButton>\n            )}\n          </For>\n        </Show>\n        <Show when={props.onClose}>\n          <ChatIconButton aria-label=\"Close chat\" data-testid=\"chat-close\" onClick={() => props.onClose?.()}>\n            <Icon name=\"close\" size={18} />\n          </ChatIconButton>\n        </Show>\n      </div>\n    </div>\n  );\n}\n\nexport default ChatHeader;\n"],"names":["layoutIcons","floating","fullHeight","fullscreen","layoutAriaLabels","ChatHeader","props","title","children","subtitle","layoutActions","getChatLayoutActions","allowedLayouts","layout","showLayoutActions","Boolean","onLayoutChange","length","_el$","_tmpl$3","_el$2","firstChild","_el$5","nextSibling","_$insert","_$createComponent","Show","when","_el$3","_tmpl$","_el$4","_tmpl$2","actions","For","each","mode","ChatIconButton","onClick","Icon","name","size","onClose","_$effect","_$className","cn","class"],"mappings":";;;;;;;AAkBA,MAAMA,IAAiE;AAAA,EACrEC,UAAU;AAAA,EACVC,YAAY;AAAA,EACZC,YAAY;AACd,GAEMC,IAAsE;AAAA,EAC1EH,UAAU;AAAA,EACVC,YAAY;AAAA,EACZC,YAAY;AACd;AAEO,SAASE,EAAWC,GAAqC;AAG9D,QAAMC,IAAQC,EAAS,MAAMF,EAAMC,KAAK,GAClCE,IAAWD,EAAS,MAAMF,EAAMG,QAAQ,GACxCC,IAAgBA,MACpBC,EAAqBL,EAAMM,kBAAkB,CAAC,UAAU,GAAGN,EAAMO,MAAM,GACnEC,IAAoBA,MAAeC,EAAQT,EAAMU,kBAAmBN,EAAAA,EAAgBO,SAAS;AAEnG,UAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAG;AAAAC,WAAAA,EAAAJ,GAAAK,EAGOC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEpB,EAAAA;AAAAA,MAAO;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAAoB,IAAAC,EAAAA;AAAAL,eAAAA,EAAAI,GACqBrB,CAAK,GAAAqB;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAJ,EAAAJ,GAAAK,EAE5CC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAElB,EAAAA;AAAAA,MAAU;AAAA,MAAA,IAAAD,WAAA;AAAA,YAAAsB,IAAAC,EAAAA;AAAAP,eAAAA,EAAAM,GACqBrB,CAAQ,GAAAqB;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAN,EAAAF,GAAA,MAIlDhB,EAAM0B,SAAO,IAAA,GAAAR,EAAAF,GAAAG,EACbC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEb,EAAAA;AAAAA,MAAmB;AAAA,MAAA,IAAAN,WAAA;AAAA,eAAAiB,EAC5BQ,GAAG;AAAA,UAAA,IAACC,OAAI;AAAA,mBAAExB,EAAAA;AAAAA,UAAe;AAAA,UAAAF,UACtB2B,CAAAA,MAAIV,EACHW,GAAc;AAAA,YAAA,IAAA,iBAAA;AAAA,qBACC9B,EAAMO,WAAWsB;AAAAA,YAAI;AAAA,YAAA,IAAA,eAAA;AAAA,qBACvB/B,EAAiB+B,CAAI;AAAA,YAAC;AAAA,YAAA,eACrB,eAAeA,CAAI;AAAA,YAChCE,SAASA,MAAM/B,EAAMU,iBAAiBmB,CAAI;AAAA,YAAC,IAAA3B,WAAA;AAAA,qBAAAiB,EAE1Ca,GAAI;AAAA,gBAAA,IAACC,OAAI;AAAA,yBAAEvC,EAAYmC,CAAI;AAAA,gBAAC;AAAA,gBAAEK,MAAM;AAAA,cAAA,CAAE;AAAA,YAAA;AAAA,UAAA,CAAA;AAAA,QAAA,CAE1C;AAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAhB,EAAAF,GAAAG,EAGJC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAErB,EAAMmC;AAAAA,MAAO;AAAA,MAAA,IAAAjC,WAAA;AAAA,eAAAiB,EACtBW,GAAc;AAAA,UAAA,cAAA;AAAA,UAAA,eAAA;AAAA,UAAkDC,SAASA,MAAM/B,EAAMmC,UAAAA;AAAAA,UAAW,IAAAjC,WAAA;AAAA,mBAAAiB,EAC9Fa,GAAI;AAAA,cAACC,MAAI;AAAA,cAASC,MAAM;AAAA,YAAA,CAAE;AAAA,UAAA;AAAA,QAAA,CAAA;AAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAE,EAAA,MAAAC,EAAAzB,GA3BvB0B,EAAG,oBAAoBtC,EAAMuC,KAAK,CAAC,CAAA,GAAA3B;AAAAA,EAAA,GAAA;AAiCnD;"}

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

@@ -1,22 +1,22 @@
-import { insert as r, createComponent as a, effect as f, className as o, setAttribute as C, template as i } from "solid-js/web";
-import { Show as n } from "solid-js";
-import v from "clsx";
-import { ChatAttachments as S } from "./chatAttachments.js";
-import { ChatMessageAvatar as w } from "./chatMessageAvatar.js";
-import { ChatMessageStatus as $ } from "./chatMessageStatus.js";
-import { formatChatTimestamp as A } from "./utils.js";
-import { Typography as b } from "../typography/typography.js";
-var x = /* @__PURE__ */ i("<div class=smwb-chat-message__text>"), y = /* @__PURE__ */ i("<div class=smwb-chat-message__meta data-testid=chat-message-meta>"), M = /* @__PURE__ */ i("<div><div class=smwb-chat-message__content><div>");
-function D(t) {
-  const h = () => A(t.timestamp), _ = () => t.status ?? t.message.status, g = () => t.showStatus && t.align === "end" ? _() : void 0;
+import { insert as r, createComponent as a, effect as C, className as v, setAttribute as S, template as i } from "solid-js/web";
+import { children as $, Show as n } from "solid-js";
+import w from "clsx";
+import { ChatAttachments as A } from "./chatAttachments.js";
+import { ChatMessageAvatar as b } from "./chatMessageAvatar.js";
+import { ChatMessageStatus as x } from "./chatMessageStatus.js";
+import { formatChatTimestamp as y } from "./utils.js";
+import { Typography as _ } from "../typography/typography.js";
+var M = /* @__PURE__ */ i("<div class=smwb-chat-message__text>"), T = /* @__PURE__ */ i("<div class=smwb-chat-message__meta data-testid=chat-message-meta>"), I = /* @__PURE__ */ i("<div><div class=smwb-chat-message__content><div>");
+function F(t) {
+  const g = $(() => t.text), h = () => y(t.timestamp), f = () => t.status ?? t.message.status, c = () => t.showStatus && t.align === "end" ? f() : void 0;
   return (() => {
-    var s = M(), m = s.firstChild, u = m.firstChild;
+    var s = I(), m = s.firstChild, u = m.firstChild;
     return r(s, a(n, {
       get when() {
         return t.align === "start";
       },
       get children() {
-        return a(w, {
+        return a(b, {
           get author() {
             return t.author;
           },
@@ -30,7 +30,7 @@ function D(t) {
         return t.author?.name;
       },
       get children() {
-        return a(b, {
+        return a(_, {
           variant: "caption",
           class: "smwb-chat-message__author",
           get children() {
@@ -40,13 +40,13 @@ function D(t) {
       }
     }), u), r(u, a(n, {
       get when() {
-        return t.text;
+        return g();
       },
       get children() {
-        var e = x();
-        return r(e, () => t.text), e;
+        var e = M();
+        return r(e, g), e;
       }
-    }), null), r(u, a(S, {
+    }), null), r(u, a(A, {
       get attachments() {
         return t.attachments;
       },
@@ -55,16 +55,16 @@ function D(t) {
       }
     }), null), r(m, a(n, {
       get when() {
-        return h() || g();
+        return h() || c();
       },
       get children() {
-        var e = y();
+        var e = T();
         return r(e, a(n, {
           get when() {
             return h();
           },
           get children() {
-            return a(b, {
+            return a(_, {
               variant: "caption",
               class: "smwb-chat-message__time",
               get children() {
@@ -74,9 +74,9 @@ function D(t) {
           }
         }), null), r(e, a(n, {
           get when() {
-            return g();
+            return c();
           },
-          children: (l) => a($, {
+          children: (l) => a(x, {
             get message() {
               return t.message;
             },
@@ -97,7 +97,7 @@ function D(t) {
         return t.align === "end";
       },
       get children() {
-        return a(w, {
+        return a(b, {
           get author() {
             return t.author;
           },
@@ -106,9 +106,9 @@ function D(t) {
           }
         });
       }
-    }), null), f((e) => {
-      var l = v("smwb-chat-message", `smwb-chat-message_${t.align}`, t.class), c = `chat-message-${t.align}`, d = v("smwb-chat-message__bubble", t.bubbleClass);
-      return l !== e.e && o(s, e.e = l), c !== e.t && C(s, "data-testid", e.t = c), d !== e.a && o(u, e.a = d), e;
+    }), null), C((e) => {
+      var l = w("smwb-chat-message", `smwb-chat-message_${t.align}`, t.class), d = `chat-message-${t.align}`, o = w("smwb-chat-message__bubble", t.bubbleClass);
+      return l !== e.e && v(s, e.e = l), d !== e.t && S(s, "data-testid", e.t = d), o !== e.a && v(u, e.a = o), e;
     }, {
       e: void 0,
       t: void 0,
@@ -117,6 +117,6 @@ function D(t) {
   })();
 }
 export {
-  D as ChatMessageBubble
+  F as ChatMessageBubble
 };
 //# sourceMappingURL=chatMessageBubble.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chatMessageBubble.js","sources":["../../../../../src/components/dataDisplay/chat/chatMessageBubble.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Typography } from \"../typography\";\nimport { ChatAttachments } from \"./chatAttachments\";\nimport { ChatMessageAvatar } from \"./chatMessageAvatar\";\nimport { ChatMessageStatus } from \"./chatMessageStatus\";\nimport type {\n  ChatAttachment,\n  ChatAuthor,\n  ChatMessage,\n  ChatMessageStatusIcons,\n  ChatMessageStatusRenderContext,\n  ChatMessageStatus as ChatMessageStatusValue,\n} from \"./types\";\nimport { formatChatTimestamp } from \"./utils\";\n\nexport interface ChatMessageBubbleProps {\n  class?: string | undefined;\n  align: \"start\" | \"end\";\n  message: ChatMessage;\n  author?: ChatAuthor | undefined;\n  text?: JSX.Element;\n  attachments?: ChatAttachment[] | undefined;\n  timestamp?: string | Date | undefined;\n  status?: ChatMessageStatusValue | undefined;\n  showAvatars?: boolean | undefined;\n  showAttachments?: boolean | undefined;\n  showStatus?: boolean | undefined;\n  statusIcons?: (ChatMessageStatusIcons & Record<string, string | undefined>) | undefined;\n  renderStatus?: ((ctx: ChatMessageStatusRenderContext) => JSX.Element) | undefined;\n  bubbleClass?: string | undefined;\n}\n\nexport function ChatMessageBubble(props: ChatMessageBubbleProps): JSX.Element {\n  const time = (): string => formatChatTimestamp(props.timestamp);\n  const deliveryStatus = (): ChatMessageStatusValue | undefined => props.status ?? props.message.status;\n  const statusToShow = (): ChatMessageStatusValue | undefined =>\n    props.showStatus && props.align === \"end\" ? deliveryStatus() : undefined;\n\n  return (\n    <div class={cn(\"smwb-chat-message\", `smwb-chat-message_${props.align}`, props.class)} data-testid={`chat-message-${props.align}`}>\n      <Show when={props.align === \"start\"}>\n        <ChatMessageAvatar author={props.author} enabled={props.showAvatars} />\n      </Show>\n      <div class=\"smwb-chat-message__content\">\n        <Show when={props.author?.name}>\n          <Typography variant=\"caption\" class=\"smwb-chat-message__author\">\n            {props.author?.name}\n          </Typography>\n        </Show>\n        <div class={cn(\"smwb-chat-message__bubble\", props.bubbleClass)}>\n          <Show when={props.text}>\n            <div class=\"smwb-chat-message__text\">{props.text}</div>\n          </Show>\n          <ChatAttachments attachments={props.attachments} enabled={props.showAttachments} />\n        </div>\n        <Show when={time() || statusToShow()}>\n          <div class=\"smwb-chat-message__meta\" data-testid=\"chat-message-meta\">\n            <Show when={time()}>\n              <Typography variant=\"caption\" class=\"smwb-chat-message__time\">\n                {time()}\n              </Typography>\n            </Show>\n            <Show when={statusToShow()}>\n              {(status) => (\n                <ChatMessageStatus\n                  message={props.message}\n                  status={status()}\n                  statusIcons={props.statusIcons}\n                  renderStatus={props.renderStatus}\n                />\n              )}\n            </Show>\n          </div>\n        </Show>\n      </div>\n      <Show when={props.align === \"end\"}>\n        <ChatMessageAvatar author={props.author} enabled={props.showAvatars} />\n      </Show>\n    </div>\n  );\n}\n\nexport default ChatMessageBubble;\n"],"names":["ChatMessageBubble","props","time","formatChatTimestamp","timestamp","deliveryStatus","status","message","statusToShow","showStatus","align","undefined","_el$","_tmpl$3","_el$2","firstChild","_el$3","_$insert","_$createComponent","Show","when","children","ChatMessageAvatar","author","enabled","showAvatars","name","Typography","variant","text","_el$4","_tmpl$","ChatAttachments","attachments","showAttachments","_el$5","_tmpl$2","ChatMessageStatus","statusIcons","renderStatus","_$effect","_p$","_v$","cn","class","_v$2","_v$3","bubbleClass","e","_$className","t","_$setAttribute","a"],"mappings":"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"}
+{"version":3,"file":"chatMessageBubble.js","sources":["../../../../../src/components/dataDisplay/chat/chatMessageBubble.tsx"],"sourcesContent":["import { type JSX, Show, children } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Typography } from \"../typography\";\nimport { ChatAttachments } from \"./chatAttachments\";\nimport { ChatMessageAvatar } from \"./chatMessageAvatar\";\nimport { ChatMessageStatus } from \"./chatMessageStatus\";\nimport type {\n  ChatAttachment,\n  ChatAuthor,\n  ChatMessage,\n  ChatMessageStatusIcons,\n  ChatMessageStatusRenderContext,\n  ChatMessageStatus as ChatMessageStatusValue,\n} from \"./types\";\nimport { formatChatTimestamp } from \"./utils\";\n\nexport interface ChatMessageBubbleProps {\n  class?: string | undefined;\n  align: \"start\" | \"end\";\n  message: ChatMessage;\n  author?: ChatAuthor | undefined;\n  text?: JSX.Element;\n  attachments?: ChatAttachment[] | undefined;\n  timestamp?: string | Date | undefined;\n  status?: ChatMessageStatusValue | undefined;\n  showAvatars?: boolean | undefined;\n  showAttachments?: boolean | undefined;\n  showStatus?: boolean | undefined;\n  statusIcons?: (ChatMessageStatusIcons & Record<string, string | undefined>) | undefined;\n  renderStatus?: ((ctx: ChatMessageStatusRenderContext) => JSX.Element) | undefined;\n  bubbleClass?: string | undefined;\n}\n\nexport function ChatMessageBubble(props: ChatMessageBubbleProps): JSX.Element {\n  // Read the text once: markup passed as a prop is created anew on every read,\n  // and during hydration a copy the server never rendered has no DOM node.\n  const text = children(() => props.text);\n  const time = (): string => formatChatTimestamp(props.timestamp);\n  const deliveryStatus = (): ChatMessageStatusValue | undefined => props.status ?? props.message.status;\n  const statusToShow = (): ChatMessageStatusValue | undefined =>\n    props.showStatus && props.align === \"end\" ? deliveryStatus() : undefined;\n\n  return (\n    <div class={cn(\"smwb-chat-message\", `smwb-chat-message_${props.align}`, props.class)} data-testid={`chat-message-${props.align}`}>\n      <Show when={props.align === \"start\"}>\n        <ChatMessageAvatar author={props.author} enabled={props.showAvatars} />\n      </Show>\n      <div class=\"smwb-chat-message__content\">\n        <Show when={props.author?.name}>\n          <Typography variant=\"caption\" class=\"smwb-chat-message__author\">\n            {props.author?.name}\n          </Typography>\n        </Show>\n        <div class={cn(\"smwb-chat-message__bubble\", props.bubbleClass)}>\n          <Show when={text()}>\n            <div class=\"smwb-chat-message__text\">{text()}</div>\n          </Show>\n          <ChatAttachments attachments={props.attachments} enabled={props.showAttachments} />\n        </div>\n        <Show when={time() || statusToShow()}>\n          <div class=\"smwb-chat-message__meta\" data-testid=\"chat-message-meta\">\n            <Show when={time()}>\n              <Typography variant=\"caption\" class=\"smwb-chat-message__time\">\n                {time()}\n              </Typography>\n            </Show>\n            <Show when={statusToShow()}>\n              {(status) => (\n                <ChatMessageStatus\n                  message={props.message}\n                  status={status()}\n                  statusIcons={props.statusIcons}\n                  renderStatus={props.renderStatus}\n                />\n              )}\n            </Show>\n          </div>\n        </Show>\n      </div>\n      <Show when={props.align === \"end\"}>\n        <ChatMessageAvatar author={props.author} enabled={props.showAvatars} />\n      </Show>\n    </div>\n  );\n}\n\nexport default ChatMessageBubble;\n"],"names":["ChatMessageBubble","props","text","children","time","formatChatTimestamp","timestamp","deliveryStatus","status","message","statusToShow","showStatus","align","undefined","_el$","_tmpl$3","_el$2","firstChild","_el$3","_$insert","_$createComponent","Show","when","ChatMessageAvatar","author","enabled","showAvatars","name","Typography","variant","_el$4","_tmpl$","ChatAttachments","attachments","showAttachments","_el$5","_tmpl$2","ChatMessageStatus","statusIcons","renderStatus","_$effect","_p$","_v$","cn","class","_v$2","_v$3","bubbleClass","e","_$className","t","_$setAttribute","a"],"mappings":";;;;;;;;;AAiCO,SAASA,EAAkBC,GAA4C;AAG5E,QAAMC,IAAOC,EAAS,MAAMF,EAAMC,IAAI,GAChCE,IAAOA,MAAcC,EAAoBJ,EAAMK,SAAS,GACxDC,IAAiBA,MAA0CN,EAAMO,UAAUP,EAAMQ,QAAQD,QACzFE,IAAeA,MACnBT,EAAMU,cAAcV,EAAMW,UAAU,QAAQL,MAAmBM;AAEjE,UAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAC;AAAAE,WAAAA,EAAAL,GAAAM,EAEKC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAErB,EAAMW,UAAU;AAAA,MAAO;AAAA,MAAA,IAAAT,WAAA;AAAA,eAAAiB,EAChCG,GAAiB;AAAA,UAAA,IAACC,SAAM;AAAA,mBAAEvB,EAAMuB;AAAAA,UAAM;AAAA,UAAA,IAAEC,UAAO;AAAA,mBAAExB,EAAMyB;AAAAA,UAAW;AAAA,QAAA,CAAA;AAAA,MAAA;AAAA,IAAA,CAAA,GAAAV,CAAA,GAAAG,EAAAH,GAAAI,EAGlEC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAErB,EAAMuB,QAAQG;AAAAA,MAAI;AAAA,MAAA,IAAAxB,WAAA;AAAA,eAAAiB,EAC3BQ,GAAU;AAAA,UAACC,SAAO;AAAA,UAAA,OAAA;AAAA,UAAA,IAAA1B,WAAA;AAAA,mBAChBF,EAAMuB,QAAQG;AAAAA,UAAI;AAAA,QAAA,CAAA;AAAA,MAAA;AAAA,IAAA,CAAA,GAAAT,CAAA,GAAAC,EAAAD,GAAAE,EAIpBC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEpB,EAAAA;AAAAA,MAAM;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAA2B,IAAAC,EAAAA;AAAAZ,eAAAA,EAAAW,GACsB5B,CAAI,GAAA4B;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAX,EAAAD,GAAAE,EAE3CY,GAAe;AAAA,MAAA,IAACC,cAAW;AAAA,eAAEhC,EAAMgC;AAAAA,MAAW;AAAA,MAAA,IAAER,UAAO;AAAA,eAAExB,EAAMiC;AAAAA,MAAe;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAf,EAAAH,GAAAI,EAEhFC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAElB,EAAAA,KAAUM,EAAAA;AAAAA,MAAc;AAAA,MAAA,IAAAP,WAAA;AAAA,YAAAgC,IAAAC,EAAAA;AAAAjB,eAAAA,EAAAgB,GAAAf,EAE/BC,GAAI;AAAA,UAAA,IAACC,OAAI;AAAA,mBAAElB,EAAAA;AAAAA,UAAM;AAAA,UAAA,IAAAD,WAAA;AAAA,mBAAAiB,EACfQ,GAAU;AAAA,cAACC,SAAO;AAAA,cAAA,OAAA;AAAA,cAAA,IAAA1B,WAAA;AAAA,uBAChBC,EAAAA;AAAAA,cAAM;AAAA,YAAA,CAAA;AAAA,UAAA;AAAA,QAAA,CAAA,GAAA,IAAA,GAAAe,EAAAgB,GAAAf,EAGVC,GAAI;AAAA,UAAA,IAACC,OAAI;AAAA,mBAAEZ,EAAAA;AAAAA,UAAc;AAAA,UAAAP,UACtBK,CAAAA,MAAMY,EACLiB,GAAiB;AAAA,YAAA,IAChB5B,UAAO;AAAA,qBAAER,EAAMQ;AAAAA,YAAO;AAAA,YAAA,IACtBD,SAAM;AAAA,qBAAEA,EAAAA;AAAAA,YAAQ;AAAA,YAAA,IAChB8B,cAAW;AAAA,qBAAErC,EAAMqC;AAAAA,YAAW;AAAA,YAAA,IAC9BC,eAAY;AAAA,qBAAEtC,EAAMsC;AAAAA,YAAY;AAAA,UAAA,CAAA;AAAA,QAAA,CAEnC,GAAA,IAAA,GAAAJ;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAhB,EAAAL,GAAAM,EAKRC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAErB,EAAMW,UAAU;AAAA,MAAK;AAAA,MAAA,IAAAT,WAAA;AAAA,eAAAiB,EAC9BG,GAAiB;AAAA,UAAA,IAACC,SAAM;AAAA,mBAAEvB,EAAMuB;AAAAA,UAAM;AAAA,UAAA,IAAEC,UAAO;AAAA,mBAAExB,EAAMyB;AAAAA,UAAW;AAAA,QAAA,CAAA;AAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAc,EAAAC,CAAAA,MAAA;AAAA,UAAAC,IArC3DC,EAAG,qBAAqB,qBAAqB1C,EAAMW,KAAK,IAAIX,EAAM2C,KAAK,GAACC,IAAe,gBAAgB5C,EAAMW,KAAK,IAAEkC,IAUhHH,EAAG,6BAA6B1C,EAAM8C,WAAW;AAACL,aAAAA,MAAAD,EAAAO,KAAAC,EAAAnC,GAAA2B,EAAAO,IAAAN,CAAA,GAAAG,MAAAJ,EAAAS,KAAAC,EAAArC,GAAA,eAAA2B,EAAAS,IAAAL,CAAA,GAAAC,MAAAL,EAAAW,KAAAH,EAAA/B,GAAAuB,EAAAW,IAAAN,CAAA,GAAAL;AAAAA,IAAA,GAAA;AAAA,MAAAO,GAAAnC;AAAAA,MAAAqC,GAAArC;AAAAA,MAAAuC,GAAAvC;AAAAA,IAAAA,CAAA,GAAAC;AAAAA,EAAA,GAAA;AA+BtE;"}