@smwb/ui-solid 0.1.0

package/dist/components/dataDisplay/carousel/utils.js

@@ -0,0 +1,52 @@
+function c(t, n) {
+  const r = Math.floor(t / n);
+  return t % n === 0 ? r - 1 : r;
+}
+function o(t, n, r, f) {
+  const e = c(r, n);
+  return t === r + n ? 0 : f || t < n && t !== 0 ? e : t === 0 ? r % n === 0 ? e : e - 1 : n > 0 ? Math.floor(t / n) - 1 : 0;
+}
+function g(t) {
+  return t instanceof MouseEvent;
+}
+function u(t) {
+  return typeof TouchEvent < "u" && t instanceof TouchEvent;
+}
+function a(t) {
+  return u(t) ? t.changedTouches[0]?.clientX ?? 0 : t.clientX;
+}
+function h(t) {
+  return u(t) ? t.changedTouches[0]?.clientY ?? 0 : t.clientY;
+}
+function M(t) {
+  const n = t.target;
+  (n.tagName === "A" || n.tagName === "IMG") && t.preventDefault();
+}
+function i(t) {
+  return 100 / t;
+}
+function E(t) {
+  return { width: `${i(t)}%` };
+}
+function p(t, n) {
+  return t <= 0 || n === 0 ? 1 : t > n ? n : t;
+}
+function m(t, n) {
+  if (t <= 0 || n === 0) return 0;
+  const r = n - 1;
+  return t > r ? r : t;
+}
+export {
+  a as coordX,
+  h as coordY,
+  M as dragPrevent,
+  c as getActiveSlideDotsLength,
+  o as getSlideIndexForMultipleParts,
+  E as getSlideStyle,
+  i as getSlideWidth,
+  p as getSlidesToShow,
+  m as getStartSlide,
+  g as isMouseEvent,
+  u as isTouchEvent
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/dataDisplay/carousel/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/dataDisplay/carousel/utils.ts"],"sourcesContent":["import type { JSX } from \"solid-js\";\n\nexport function getActiveSlideDotsLength(slidesCount: number, slidesToShow: number): number {\n  const dots = Math.floor(slidesCount / slidesToShow);\n  return slidesCount % slidesToShow === 0 ? dots - 1 : dots;\n}\n\nexport function getSlideIndexForMultipleParts(\n  activeIndex: number,\n  slidesToShow: number,\n  slidesCount: number,\n  isNextSlideDisabled: boolean\n): number {\n  const dotsLength = getActiveSlideDotsLength(slidesCount, slidesToShow);\n  if (activeIndex === slidesCount + slidesToShow) return 0;\n  if (isNextSlideDisabled || (activeIndex < slidesToShow && activeIndex !== 0)) return dotsLength;\n  if (activeIndex === 0) return slidesCount % slidesToShow === 0 ? dotsLength : dotsLength - 1;\n  return slidesToShow > 0 ? Math.floor(activeIndex / slidesToShow) - 1 : 0;\n}\n\nexport function isMouseEvent(event: Event): event is MouseEvent {\n  return event instanceof MouseEvent;\n}\n\nexport function isTouchEvent(event: Event): event is TouchEvent {\n  return typeof TouchEvent !== \"undefined\" && event instanceof TouchEvent;\n}\n\nexport function coordX(event: MouseEvent | TouchEvent): number {\n  if (isTouchEvent(event)) return event.changedTouches[0]?.clientX ?? 0;\n  return event.clientX;\n}\n\nexport function coordY(event: MouseEvent | TouchEvent): number {\n  if (isTouchEvent(event)) return event.changedTouches[0]?.clientY ?? 0;\n  return event.clientY;\n}\n\nexport function dragPrevent(event: Event): void {\n  const target = event.target as HTMLElement;\n  if (target.tagName === \"A\" || target.tagName === \"IMG\") {\n    event.preventDefault();\n  }\n}\n\nexport function getSlideWidth(slidesToShow: number): number {\n  return 100 / slidesToShow;\n}\n\nexport function getSlideStyle(slidesToShow: number): JSX.CSSProperties {\n  return { width: `${getSlideWidth(slidesToShow)}%` };\n}\n\nexport function getSlidesToShow(slidesToShow: number, slidesCount: number): number {\n  if (slidesToShow <= 0 || slidesCount === 0) return 1;\n  if (slidesToShow > slidesCount) return slidesCount;\n  return slidesToShow;\n}\n\nexport function getStartSlide(startSlide: number, slidesCount: number): number {\n  if (startSlide <= 0 || slidesCount === 0) return 0;\n  const maxIndex = slidesCount - 1;\n  if (startSlide > maxIndex) return maxIndex;\n  return startSlide;\n}\n"],"names":["getActiveSlideDotsLength","slidesCount","slidesToShow","dots","getSlideIndexForMultipleParts","activeIndex","isNextSlideDisabled","dotsLength","isMouseEvent","event","isTouchEvent","coordX","coordY","dragPrevent","target","getSlideWidth","getSlideStyle","getSlidesToShow","getStartSlide","startSlide","maxIndex"],"mappings":"AAEO,SAASA,EAAyBC,GAAqBC,GAA8B;AAC1F,QAAMC,IAAO,KAAK,MAAMF,IAAcC,CAAY;AAClD,SAAOD,IAAcC,MAAiB,IAAIC,IAAO,IAAIA;AACvD;AAEO,SAASC,EACdC,GACAH,GACAD,GACAK,GACQ;AACR,QAAMC,IAAaP,EAAyBC,GAAaC,CAAY;AACrE,SAAIG,MAAgBJ,IAAcC,IAAqB,IACnDI,KAAwBD,IAAcH,KAAgBG,MAAgB,IAAWE,IACjFF,MAAgB,IAAUJ,IAAcC,MAAiB,IAAIK,IAAaA,IAAa,IACpFL,IAAe,IAAI,KAAK,MAAMG,IAAcH,CAAY,IAAI,IAAI;AACzE;AAEO,SAASM,EAAaC,GAAmC;AAC9D,SAAOA,aAAiB;AAC1B;AAEO,SAASC,EAAaD,GAAmC;AAC9D,SAAO,OAAO,aAAe,OAAeA,aAAiB;AAC/D;AAEO,SAASE,EAAOF,GAAwC;AAC7D,SAAIC,EAAaD,CAAK,IAAUA,EAAM,eAAe,CAAC,GAAG,WAAW,IAC7DA,EAAM;AACf;AAEO,SAASG,EAAOH,GAAwC;AAC7D,SAAIC,EAAaD,CAAK,IAAUA,EAAM,eAAe,CAAC,GAAG,WAAW,IAC7DA,EAAM;AACf;AAEO,SAASI,EAAYJ,GAAoB;AAC9C,QAAMK,IAASL,EAAM;AACrB,GAAIK,EAAO,YAAY,OAAOA,EAAO,YAAY,UAC/CL,EAAM,eAAA;AAEV;AAEO,SAASM,EAAcb,GAA8B;AAC1D,SAAO,MAAMA;AACf;AAEO,SAASc,EAAcd,GAAyC;AACrE,SAAO,EAAE,OAAO,GAAGa,EAAcb,CAAY,CAAC,IAAA;AAChD;AAEO,SAASe,EAAgBf,GAAsBD,GAA6B;AACjF,SAAIC,KAAgB,KAAKD,MAAgB,IAAU,IAC/CC,IAAeD,IAAoBA,IAChCC;AACT;AAEO,SAASgB,EAAcC,GAAoBlB,GAA6B;AAC7E,MAAIkB,KAAc,KAAKlB,MAAgB,EAAG,QAAO;AACjD,QAAMmB,IAAWnB,IAAc;AAC/B,SAAIkB,IAAaC,IAAiBA,IAC3BD;AACT;"}

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

@@ -0,0 +1,45 @@
+import { type JSX, type ParentProps } from "solid-js";
+import { type ChatAnchor, type ChatLayoutMode, type ChatMessage, type ChatMessageRenderContext, type ChatThemeMode } from "./types";
+export interface ChatProps extends ParentProps, Omit<ChatMessageRenderContext, "showAvatars" | "showAttachments"> {
+    class?: string | undefined;
+    messages: ChatMessage[];
+    showAvatars?: boolean | undefined;
+    showAttachments?: boolean | undefined;
+    headerTitle?: JSX.Element;
+    headerSubtitle?: JSX.Element;
+    headerActions?: JSX.Element;
+    footer?: JSX.Element;
+    anchor?: ChatAnchor | undefined;
+    themeMode?: ChatThemeMode | undefined;
+    allowedLayouts?: ChatLayoutMode[] | undefined;
+    layout?: ChatLayoutMode | undefined;
+    defaultLayout?: ChatLayoutMode | undefined;
+    onLayoutChange?: ((layout: ChatLayoutMode) => void) | undefined;
+    open?: boolean | undefined;
+    defaultOpen?: boolean | undefined;
+    onOpenChange?: ((open: boolean) => void) | undefined;
+    floatingTrigger?: boolean | undefined;
+    triggerIcon?: JSX.Element;
+    triggerLabel?: string | undefined;
+    onLoadMore?: (() => void | Promise<void>) | undefined;
+    hasMore?: boolean | undefined;
+    onSendMessage?: ((text: string) => void | Promise<void>) | undefined;
+    composerPlaceholder?: string | undefined;
+    composerDisabled?: boolean | undefined;
+    composerShiftEnterNewline?: boolean | undefined;
+    composerCtrlEnterNewline?: boolean | undefined;
+    fileUpload?: boolean | undefined;
+    onUploadFiles?: ((files: File[]) => void | Promise<void>) | undefined;
+    fileUploadAccept?: Record<string, string[]> | string | undefined;
+    fileUploadMaxFiles?: number | undefined;
+    attachAriaLabel?: string | undefined;
+    loading?: boolean | undefined;
+    loadingMore?: boolean | undefined;
+    loadingSkeletonCount?: number | undefined;
+    renderMessage?: ((message: ChatMessage, ctx: ChatMessageRenderContext) => JSX.Element) | undefined;
+    embedded?: boolean | undefined;
+    overlayContext?: boolean | undefined;
+    showCloseButton?: boolean | undefined;
+}
+export declare function Chat(props: ChatProps): JSX.Element;
+export default Chat;

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

@@ -0,0 +1,222 @@
+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 '../../../assets/styles/less/components/chat/chat.entry.css';/* empty css                                                   */
+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 le(b) {
+  const e = U({
+    showAvatars: !1,
+    showAttachments: !1,
+    anchor: "bottom-right",
+    themeMode: "inherit",
+    defaultOpen: !1,
+    floatingTrigger: !1,
+    composerPlaceholder: "message",
+    composerShiftEnterNewline: !0,
+    composerCtrlEnterNewline: !0,
+    fileUpload: !1,
+    embedded: !1,
+    overlayContext: !1,
+    showStatus: !1
+  }, b), s = P(() => k(e.allowedLayouts ?? $)), [u, d] = m({
+    value: () => e.open,
+    defaultValue: e.defaultOpen,
+    onChange: e.onOpenChange
+  }), [n, g] = m({
+    value: () => e.layout,
+    defaultValue: p(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({
+    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, {
+    get when() {
+      return t.enabled();
+    },
+    get children() {
+      var r = R();
+      return _(r, x(() => t.getInputProps({
+        id: c
+      }), {
+        "data-testid": "chat-file-input"
+      }), !1, !1), r;
+    }
+  }), S = () => e.footer ?? e.children ?? (y() ? [a(L), o(B, {
+    get onSendMessage() {
+      return e.onSendMessage;
+    },
+    get placeholder() {
+      return e.composerPlaceholder;
+    },
+    get disabled() {
+      return e.composerDisabled;
+    },
+    get shiftEnterNewline() {
+      return e.composerShiftEnterNewline;
+    },
+    get ctrlEnterNewline() {
+      return e.composerCtrlEnterNewline;
+    },
+    get fileUpload() {
+      return t.enabled();
+    },
+    get attachInputId() {
+      return t.enabled() ? c : void 0;
+    },
+    get attachAriaLabel() {
+      return e.attachAriaLabel;
+    }
+  })] : void 0), M = () => z({
+    floatingTrigger: e.floatingTrigger,
+    embedded: e.embedded,
+    overlayContext: e.overlayContext,
+    effectiveLayout: l(),
+    showCloseButton: e.showCloseButton
+  });
+  return (() => {
+    var r = X();
+    return h(r, o(i, {
+      get when() {
+        return a(() => !!(e.floatingTrigger && !e.embedded))() && !u();
+      },
+      get children() {
+        return o(H, {
+          class: "smwb-chat__trigger",
+          get "aria-label"() {
+            return e.triggerLabel ?? "Open chat";
+          },
+          "data-testid": "chat-trigger",
+          onClick: C,
+          get children() {
+            return o(i, {
+              get when() {
+                return e.triggerIcon;
+              },
+              get fallback() {
+                return o(V, {
+                  name: "chat",
+                  size: 24
+                });
+              },
+              get children() {
+                return e.triggerIcon;
+              }
+            });
+          }
+        });
+      }
+    }), null), h(r, o(O, {
+      get layout() {
+        return l();
+      },
+      get anchor() {
+        return e.anchor;
+      },
+      get themeMode() {
+        return e.themeMode;
+      },
+      get embedded() {
+        return e.embedded;
+      },
+      get overlayContext() {
+        return e.overlayContext;
+      },
+      get fileDropzoneRootProps() {
+        return a(() => !!t.enabled())() ? t.getRootProps() : void 0;
+      },
+      get fileDropzoneActive() {
+        return a(() => !!t.enabled())() && t.isDragActive();
+      },
+      get header() {
+        return o(E, {
+          get title() {
+            return e.headerTitle;
+          },
+          get subtitle() {
+            return e.headerSubtitle;
+          },
+          get actions() {
+            return e.headerActions;
+          },
+          get layout() {
+            return a(() => l() === "closed")() ? n() : l();
+          },
+          get allowedLayouts() {
+            return s();
+          },
+          onLayoutChange: v,
+          get onClose() {
+            return M() ? w : void 0;
+          }
+        });
+      },
+      get footer() {
+        return S();
+      },
+      get children() {
+        return o(F, {
+          get messages() {
+            return e.messages;
+          },
+          get showAvatars() {
+            return e.showAvatars;
+          },
+          get showAttachments() {
+            return e.showAttachments;
+          },
+          get showStatus() {
+            return e.showStatus;
+          },
+          get statusIcons() {
+            return e.statusIcons;
+          },
+          get renderStatus() {
+            return e.renderStatus;
+          },
+          get onLoadMore() {
+            return e.onLoadMore;
+          },
+          get hasMore() {
+            return e.hasMore;
+          },
+          get loading() {
+            return e.loading;
+          },
+          get loadingMore() {
+            return e.loadingMore;
+          },
+          get loadingSkeletonCount() {
+            return e.loadingSkeletonCount;
+          },
+          get renderMessage() {
+            return e.renderMessage;
+          }
+        });
+      }
+    }), 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;
+  })();
+}
+export {
+  le as Chat
+};
+//# sourceMappingURL=chat.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,8 @@
+import { type JSX } from "solid-js";
+import type { ChatAttachment } from "./types";
+export interface ChatAttachmentImageProps {
+    attachment: ChatAttachment;
+    class?: string | undefined;
+}
+export declare function ChatAttachmentImage(props: ChatAttachmentImageProps): JSX.Element;
+export default ChatAttachmentImage;

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

@@ -0,0 +1,63 @@
+import { createComponent as l, effect as d, className as g, setAttribute as r, Portal as _, template as f, delegateEvents as y } from "solid-js/web";
+import { createSignal as k, Show as u } from "solid-js";
+import b from "clsx";
+import { createCssTransition as C } from "../../../primitives/createCssTransition.js";
+var $ = /* @__PURE__ */ f("<button type=button data-testid=chat-attachment-image><img class=smwb-chat-attachment-image__img>"), A = /* @__PURE__ */ f("<div role=dialog aria-modal=true data-testid=chat-attachment-image-overlay><img class=smwb-chat-attachment-image__overlay-img>");
+function D(a) {
+  const [w, s] = k(!1), h = C({
+    in: w,
+    timeout: {
+      enter: 150,
+      exit: 150
+    },
+    classNames: {
+      enterActive: "smwb-chat-attachment-image__overlay_enter-active",
+      enterDone: "smwb-chat-attachment-image__overlay_enter-done"
+    }
+  });
+  return l(u, {
+    get when() {
+      return a.attachment.url;
+    },
+    children: (v) => [(() => {
+      var e = $(), n = e.firstChild;
+      return e.$$click = () => s(!0), d((t) => {
+        var m = b("smwb-chat-attachment-image", a.class), i = a.attachment.name, c = v(), o = a.attachment.name;
+        return m !== t.e && g(e, t.e = m), i !== t.t && r(e, "aria-label", t.t = i), c !== t.a && r(n, "src", t.a = c), o !== t.o && r(n, "alt", t.o = o), t;
+      }, {
+        e: void 0,
+        t: void 0,
+        a: void 0,
+        o: void 0
+      }), e;
+    })(), l(u, {
+      get when() {
+        return h.mounted();
+      },
+      get children() {
+        return l(_, {
+          get mount() {
+            return document.body;
+          },
+          get children() {
+            var e = A(), n = e.firstChild;
+            return e.$$click = () => s(!1), n.$$click = (t) => t.stopPropagation(), d((t) => {
+              var m = b("smwb-chat-attachment-image__overlay", "smwb-dark", h.classes()), i = a.attachment.name, c = v(), o = a.attachment.name;
+              return m !== t.e && g(e, t.e = m), i !== t.t && r(e, "aria-label", t.t = i), c !== t.a && r(n, "src", t.a = c), o !== t.o && r(n, "alt", t.o = o), t;
+            }, {
+              e: void 0,
+              t: void 0,
+              a: void 0,
+              o: void 0
+            }), e;
+          }
+        });
+      }
+    })]
+  });
+}
+y(["click"]);
+export {
+  D as ChatAttachmentImage
+};
+//# sourceMappingURL=chatAttachmentImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chatAttachmentImage.js","sources":["../../../../src/components/dataDisplay/chat/chatAttachmentImage.tsx"],"sourcesContent":["import { type JSX, Show, createSignal } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { createCssTransition } from \"../../../primitives/createCssTransition\";\nimport type { ChatAttachment } from \"./types\";\n\nexport interface ChatAttachmentImageProps {\n  attachment: ChatAttachment;\n  class?: string | undefined;\n}\n\nexport function ChatAttachmentImage(props: ChatAttachmentImageProps): JSX.Element {\n  const [open, setOpen] = createSignal(false);\n\n  const transition = createCssTransition({\n    in: open,\n    timeout: { enter: 150, exit: 150 },\n    classNames: {\n      enterActive: \"smwb-chat-attachment-image__overlay_enter-active\",\n      enterDone: \"smwb-chat-attachment-image__overlay_enter-done\",\n    },\n  });\n\n  return (\n    <Show when={props.attachment.url}>\n      {(url) => (\n        <>\n          <button\n            type=\"button\"\n            class={cn(\"smwb-chat-attachment-image\", props.class)}\n            onClick={() => setOpen(true)}\n            data-testid=\"chat-attachment-image\"\n            aria-label={props.attachment.name}\n          >\n            <img src={url()} alt={props.attachment.name} class=\"smwb-chat-attachment-image__img\" />\n          </button>\n          <Show when={transition.mounted()}>\n            <Portal mount={document.body}>\n              <div\n                class={cn(\"smwb-chat-attachment-image__overlay\", \"smwb-dark\", transition.classes())}\n                role=\"dialog\"\n                aria-modal=\"true\"\n                aria-label={props.attachment.name}\n                data-testid=\"chat-attachment-image-overlay\"\n                onClick={() => setOpen(false)}\n              >\n                <img\n                  src={url()}\n                  alt={props.attachment.name}\n                  class=\"smwb-chat-attachment-image__overlay-img\"\n                  onClick={(event) => event.stopPropagation()}\n                />\n              </div>\n            </Portal>\n          </Show>\n        </>\n      )}\n    </Show>\n  );\n}\n\nexport default ChatAttachmentImage;\n"],"names":["ChatAttachmentImage","props","open","setOpen","createSignal","transition","createCssTransition","in","timeout","enter","exit","classNames","enterActive","enterDone","_$createComponent","Show","when","attachment","url","children","_el$","_tmpl$","_el$2","firstChild","$$click","_$effect","_p$","_v$","cn","class","_v$2","name","_v$3","_v$4","e","_$className","t","_$setAttribute","a","o","undefined","mounted","Portal","mount","document","body","_el$3","_tmpl$2","_el$4","event","stopPropagation","_v$5","classes","_v$6","_v$7","_v$8","_$delegateEvents"],"mappings":";;;;;AAWO,SAASA,EAAoBC,GAA8C;AAChF,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAa,EAAK,GAEpCC,IAAaC,EAAoB;AAAA,IACrCC,IAAIL;AAAAA,IACJM,SAAS;AAAA,MAAEC,OAAO;AAAA,MAAKC,MAAM;AAAA,IAAA;AAAA,IAC7BC,YAAY;AAAA,MACVC,aAAa;AAAA,MACbC,WAAW;AAAA,IAAA;AAAA,EACb,CACD;AAED,SAAAC,EACGC,GAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAEf,EAAMgB,WAAWC;AAAAA,IAAG;AAAA,IAAAC,UAC5BD,CAAAA,MAAG,EAAA,MAAA;AAAA,UAAAE,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG;AAAAH,aAAAA,EAAAI,UAKU,MAAMrB,EAAQ,EAAI,GAACsB,EAAAC,CAAAA,MAAA;AAAA,YAAAC,IADrBC,EAAG,8BAA8B3B,EAAM4B,KAAK,GAACC,IAGxC7B,EAAMgB,WAAWc,MAAIC,IAEvBd,EAAAA,GAAKe,IAAOhC,EAAMgB,WAAWc;AAAIJ,eAAAA,MAAAD,EAAAQ,KAAAC,EAAAf,GAAAM,EAAAQ,IAAAP,CAAA,GAAAG,MAAAJ,EAAAU,KAAAC,EAAAjB,GAAA,cAAAM,EAAAU,IAAAN,CAAA,GAAAE,MAAAN,EAAAY,KAAAD,EAAAf,GAAA,OAAAI,EAAAY,IAAAN,CAAA,GAAAC,MAAAP,EAAAa,KAAAF,EAAAf,GAAA,OAAAI,EAAAa,IAAAN,CAAA,GAAAP;AAAAA,MAAA,GAAA;AAAA,QAAAQ,GAAAM;AAAAA,QAAAJ,GAAAI;AAAAA,QAAAF,GAAAE;AAAAA,QAAAD,GAAAC;AAAAA,MAAAA,CAAA,GAAApB;AAAAA,IAAA,GAAA,GAAAN,EAE5CC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEX,EAAWoC,QAAAA;AAAAA,MAAS;AAAA,MAAA,IAAAtB,WAAA;AAAA,eAAAL,EAC7B4B,GAAM;AAAA,UAAA,IAACC,QAAK;AAAA,mBAAEC,SAASC;AAAAA,UAAI;AAAA,UAAA,IAAA1B,WAAA;AAAA,gBAAA2B,IAAAC,EAAAA,GAAAC,IAAAF,EAAAvB;AAAAuB,mBAAAA,EAAAtB,UAOf,MAAMrB,EAAQ,EAAK,GAAC6C,EAAAxB,UAMjByB,CAAAA,MAAUA,EAAMC,gBAAAA,GAAiBzB,EAAAC,CAAAA,MAAA;AAAA,kBAAAyB,IAXtCvB,EAAG,uCAAuC,aAAavB,EAAW+C,SAAS,GAACC,IAGvEpD,EAAMgB,WAAWc,MAAIuB,IAK1BpC,KAAKqC,IACLtD,EAAMgB,WAAWc;AAAIoB,qBAAAA,MAAAzB,EAAAQ,KAAAC,EAAAW,GAAApB,EAAAQ,IAAAiB,CAAA,GAAAE,MAAA3B,EAAAU,KAAAC,EAAAS,GAAA,cAAApB,EAAAU,IAAAiB,CAAA,GAAAC,MAAA5B,EAAAY,KAAAD,EAAAW,GAAA,OAAAtB,EAAAY,IAAAgB,CAAA,GAAAC,MAAA7B,EAAAa,KAAAF,EAAAW,GAAA,OAAAtB,EAAAa,IAAAgB,CAAA,GAAA7B;AAAAA,YAAA,GAAA;AAAA,cAAAQ,GAAAM;AAAAA,cAAAJ,GAAAI;AAAAA,cAAAF,GAAAE;AAAAA,cAAAD,GAAAC;AAAAA,YAAAA,CAAA,GAAAM;AAAAA,UAAA;AAAA,QAAA,CAAA;AAAA,MAAA;AAAA,IAAA,CAAA,CAAA;AAAA,EAAA,CAQrC;AAGP;AAEmCU,EAAA,CAAA,OAAA,CAAA;"}

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

@@ -0,0 +1,9 @@
+import { type JSX } from "solid-js";
+import type { ChatAttachment } from "./types";
+export interface ChatAttachmentsProps {
+    attachments?: ChatAttachment[] | undefined;
+    class?: string | undefined;
+    enabled?: boolean | undefined;
+}
+export declare function ChatAttachments(props: ChatAttachmentsProps): JSX.Element;
+export default ChatAttachments;

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

@@ -0,0 +1,48 @@
+import { createComponent as n, insert as o, effect as i, setAttribute as h, className as g, template as d } from "solid-js/web";
+import { Show as s, For as v } from "solid-js";
+import b from "clsx";
+import { isImageAttachment as w } from "./utils.js";
+import { ChatAttachmentImage as _ } from "./chatAttachmentImage.js";
+var A = /* @__PURE__ */ d("<div data-testid=chat-attachments>"), C = /* @__PURE__ */ d("<a class=smwb-chat-attachments__file target=_blank rel=noreferrer data-testid=chat-attachment-file>");
+function F(r) {
+  const f = () => r.enabled ?? !0, u = () => f() && !!r.attachments?.length;
+  return n(s, {
+    get when() {
+      return u();
+    },
+    get children() {
+      var m = A();
+      return o(m, n(v, {
+        get each() {
+          return r.attachments;
+        },
+        children: (t) => n(s, {
+          get when() {
+            return w(t);
+          },
+          get fallback() {
+            return (() => {
+              var a = C();
+              return o(a, () => t.name), i((e) => {
+                var l = t.url, c = t.name;
+                return l !== e.e && h(a, "href", e.e = l), c !== e.t && h(a, "download", e.t = c), e;
+              }, {
+                e: void 0,
+                t: void 0
+              }), a;
+            })();
+          },
+          get children() {
+            return n(_, {
+              attachment: t
+            });
+          }
+        })
+      })), i(() => g(m, b("smwb-chat-attachments", r.class))), m;
+    }
+  });
+}
+export {
+  F as ChatAttachments
+};
+//# sourceMappingURL=chatAttachments.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chatAttachments.js","sources":["../../../../src/components/dataDisplay/chat/chatAttachments.tsx"],"sourcesContent":["import { type JSX, For, Show } from \"solid-js\";\nimport cn from \"clsx\";\nimport type { ChatAttachment } from \"./types\";\nimport { isImageAttachment } from \"./utils\";\nimport { ChatAttachmentImage } from \"./chatAttachmentImage\";\n\nexport interface ChatAttachmentsProps {\n  attachments?: ChatAttachment[] | undefined;\n  class?: string | undefined;\n  enabled?: boolean | undefined;\n}\n\nexport function ChatAttachments(props: ChatAttachmentsProps): JSX.Element {\n  const enabled = (): boolean => props.enabled ?? true;\n  const visible = (): boolean => enabled() && Boolean(props.attachments?.length);\n\n  return (\n    <Show when={visible()}>\n      <div class={cn(\"smwb-chat-attachments\", props.class)} data-testid=\"chat-attachments\">\n        <For each={props.attachments}>\n          {(attachment) => (\n            <Show\n              when={isImageAttachment(attachment)}\n              fallback={\n                <a\n                  class=\"smwb-chat-attachments__file\"\n                  href={attachment.url}\n                  download={attachment.name}\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                  data-testid=\"chat-attachment-file\"\n                >\n                  {attachment.name}\n                </a>\n              }\n            >\n              <ChatAttachmentImage attachment={attachment} />\n            </Show>\n          )}\n        </For>\n      </div>\n    </Show>\n  );\n}\n\nexport default ChatAttachments;\n"],"names":["ChatAttachments","props","enabled","visible","Boolean","attachments","length","_$createComponent","Show","when","children","_el$","_tmpl$","_$insert","For","each","attachment","isImageAttachment","fallback","_el$2","_tmpl$2","name","_$effect","_p$","_v$","url","_v$2","e","_$setAttribute","t","undefined","ChatAttachmentImage","_$className","cn","class"],"mappings":";;;;;;AAYO,SAASA,EAAgBC,GAA0C;AACxE,QAAMC,IAAUA,MAAeD,EAAMC,WAAW,IAC1CC,IAAUA,MAAeD,EAAAA,KAAaE,EAAQH,EAAMI,aAAaC;AAEvE,SAAAC,EACGC,GAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAEN,EAAAA;AAAAA,IAAS;AAAA,IAAA,IAAAO,WAAA;AAAA,UAAAC,IAAAC,EAAAA;AAAAC,aAAAA,EAAAF,GAAAJ,EAEhBO,GAAG;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAEd,EAAMI;AAAAA,QAAW;AAAA,QAAAK,UACxBM,CAAAA,MAAUT,EACTC,GAAI;AAAA,UAAA,IACHC,OAAI;AAAA,mBAAEQ,EAAkBD,CAAU;AAAA,UAAC;AAAA,UAAA,IACnCE,WAAQ;AAAA,oBAAA,MAAA;AAAA,kBAAAC,IAAAC,EAAAA;AAAAP,qBAAAA,EAAAM,GAAA,MASHH,EAAWK,IAAI,GAAAC,EAAAC,CAAAA,MAAA;AAAA,oBAAAC,IANVR,EAAWS,KAAGC,IACVV,EAAWK;AAAIG,uBAAAA,MAAAD,EAAAI,KAAAC,EAAAT,GAAA,QAAAI,EAAAI,IAAAH,CAAA,GAAAE,MAAAH,EAAAM,KAAAD,EAAAT,GAAA,YAAAI,EAAAM,IAAAH,CAAA,GAAAH;AAAAA,cAAA,GAAA;AAAA,gBAAAI,GAAAG;AAAAA,gBAAAD,GAAAC;AAAAA,cAAAA,CAAA,GAAAX;AAAAA,YAAA,GAAA;AAAA,UAAA;AAAA,UAAA,IAAAT,WAAA;AAAA,mBAAAH,EAS5BwB,GAAmB;AAAA,cAACf,YAAAA;AAAAA,YAAAA,CAAsB;AAAA,UAAA;AAAA,QAAA,CAAA;AAAA,MAAA,CAE9C,CAAA,GAAAM,EAAA,MAAAU,EAAArB,GApBOsB,EAAG,yBAAyBhC,EAAMiC,KAAK,CAAC,CAAA,GAAAvB;AAAAA,IAAA;AAAA,EAAA,CAAA;AAyB1D;"}

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

@@ -0,0 +1,16 @@
+import { type JSX } from "solid-js";
+export interface ChatComposerProps {
+    class?: string | undefined;
+    onSendMessage?: ((text: string) => void | Promise<void>) | undefined;
+    placeholder?: string | undefined;
+    disabled?: boolean | undefined;
+    sendAriaLabel?: string | undefined;
+    shiftEnterNewline?: boolean | undefined;
+    ctrlEnterNewline?: boolean | undefined;
+    fileUpload?: boolean | undefined;
+    attachInputId?: string | undefined;
+    onAttachClick?: (() => void) | undefined;
+    attachAriaLabel?: string | undefined;
+}
+export declare function ChatComposer(props: ChatComposerProps): JSX.Element;
+export default ChatComposer;