framepexls-ui-lib 2.2.0 → 2.2.1

package/dist/Sidebar.mjs

@@ -1474,13 +1474,20 @@ function WorkspaceSwitcher({
   variant = "standalone",
   color = "accent"
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const [open, setOpen] = useState(false);
+  const [workspaceQuery, setWorkspaceQuery] = useState("");
   const triggerRef = useRef(null);
+  const searchRef = useRef(null);
   const popoverRef = useRef(null);
   const [mounted, setMounted] = useState(false);
   const portalRoot = typeof document !== "undefined" ? document.body : null;
-  const [menuPos, setMenuPos] = useState({ top: 0, left: 0, width: 0 });
+  const [menuPos, setMenuPos] = useState({
+    top: 0,
+    left: 0,
+    width: 0,
+    maxHeight: 420
+  });
   const current = useMemo(() => {
     var _a2, _b2;
     const list = (workspaces != null ? workspaces : []).filter((w) => !w.disabled);
@@ -1496,6 +1503,17 @@ function WorkspaceSwitcher({
     }
     return { primary: p, secondary: s };
   }, [workspaces]);
+  const normalizedWorkspaceQuery = workspaceQuery.trim().toLocaleLowerCase();
+  const matchesWorkspaceQuery = React.useCallback(
+    (workspace) => {
+      if (!normalizedWorkspaceQuery) return true;
+      return [workspace.name, workspace.subtitle, workspace.badge, workspace.initials].filter(Boolean).some((value) => String(value).toLocaleLowerCase().includes(normalizedWorkspaceQuery));
+    },
+    [normalizedWorkspaceQuery]
+  );
+  const filteredPrimary = useMemo(() => primary.filter(matchesWorkspaceQuery), [matchesWorkspaceQuery, primary]);
+  const filteredSecondary = useMemo(() => secondary.filter(matchesWorkspaceQuery), [matchesWorkspaceQuery, secondary]);
+  const hasFilteredWorkspaces = filteredPrimary.length > 0 || filteredSecondary.length > 0;
   useEffect(() => {
     if (!open) return;
     const onDown = (e) => {
@@ -1518,6 +1536,17 @@ function WorkspaceSwitcher({
   useEffect(() => {
     if (collapsed) setOpen(false);
   }, [collapsed]);
+  useEffect(() => {
+    if (!open) {
+      setWorkspaceQuery("");
+      return;
+    }
+    const id = window.setTimeout(() => {
+      var _a2;
+      return (_a2 = searchRef.current) == null ? void 0 : _a2.focus({ preventScroll: true });
+    }, 40);
+    return () => window.clearTimeout(id);
+  }, [open]);
   useEffect(() => {
     setMounted(true);
   }, []);
@@ -1526,21 +1555,29 @@ function WorkspaceSwitcher({
     if (!el) return;
     const r = el.getBoundingClientRect();
     const viewportPad = 12;
-    const w = Math.max(240, Math.min(340, window.innerWidth - viewportPad * 2));
+    const w = Math.min(380, Math.max(180, window.innerWidth - viewportPad * 2));
+    const maxPreferredHeight = Math.min(520, Math.max(120, window.innerHeight - viewportPad * 2));
     if (collapsed) {
       let left2 = r.right + 12;
       if (left2 + w > window.innerWidth - viewportPad) left2 = Math.max(viewportPad, window.innerWidth - viewportPad - w);
-      let top2 = r.top;
-      const maxTop = Math.max(viewportPad, window.innerHeight - viewportPad - 420);
-      if (top2 > maxTop) top2 = maxTop;
-      if (top2 < viewportPad) top2 = viewportPad;
-      setMenuPos({ left: left2, top: top2, width: w });
+      let top = r.top;
+      const maxTop = Math.max(viewportPad, window.innerHeight - viewportPad - maxPreferredHeight);
+      if (top > maxTop) top = maxTop;
+      if (top < viewportPad) top = viewportPad;
+      setMenuPos({ left: left2, top, width: w, maxHeight: maxPreferredHeight });
       return;
     }
     let left = r.left;
     if (left + w > window.innerWidth - viewportPad) left = Math.max(viewportPad, window.innerWidth - viewportPad - w);
-    const top = r.bottom + 8;
-    setMenuPos({ left, top, width: w });
+    const belowTop = r.bottom + 8;
+    const belowSpace = Math.max(80, window.innerHeight - belowTop - viewportPad);
+    const aboveSpace = Math.max(80, r.top - viewportPad - 8);
+    if (belowSpace < 260 && aboveSpace > belowSpace) {
+      const maxHeight = Math.min(maxPreferredHeight, aboveSpace);
+      setMenuPos({ left, top: Math.max(viewportPad, r.top - 8 - maxHeight), width: w, maxHeight });
+      return;
+    }
+    setMenuPos({ left, top: belowTop, width: w, maxHeight: Math.min(maxPreferredHeight, belowSpace) });
   }, [collapsed]);
   useLayoutEffect(() => {
     if (!open) return;
@@ -1563,9 +1600,11 @@ function WorkspaceSwitcher({
   const labelSecondary = (_c = labels == null ? void 0 : labels.secondary) != null ? _c : "Secundarios";
   const labelManage = (_d = labels == null ? void 0 : labels.manage) != null ? _d : "Administrar espacios";
   const labelManageHint = (_e = labels == null ? void 0 : labels.manageHint) != null ? _e : "Agrega slots para sub-empresas.";
+  const labelSearchPlaceholder = (_f = labels == null ? void 0 : labels.searchPlaceholder) != null ? _f : "Buscar empresa o workspace...";
+  const labelEmpty = (_g = labels == null ? void 0 : labels.empty) != null ? _g : "No hay espacios que coincidan.";
   const tooltipContent = /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
     /* @__PURE__ */ jsx("div", { className: "truncate text-[0.75rem] font-semibold", children: current.name }),
-    /* @__PURE__ */ jsx("div", { className: "mt-0.5 truncate text-[0.6875rem] text-white/70", children: (_f = current.subtitle) != null ? _f : labelTitle })
+    /* @__PURE__ */ jsx("div", { className: "mt-0.5 truncate text-[0.6875rem] text-white/70", children: (_h = current.subtitle) != null ? _h : labelTitle })
   ] });
   const renderRow = (w) => {
     var _a2, _b2, _c2;
@@ -1581,7 +1620,7 @@ function WorkspaceSwitcher({
         },
         disabled: w.disabled,
         className: [
-          "flex w-full items-center gap-3 rounded-2xl px-2.5 py-2 text-left",
+          "grid w-full min-w-0 grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-3 rounded-2xl px-2.5 py-2 text-left",
           w.disabled ? "cursor-not-allowed opacity-50" : "hover:bg-[color-mix(in_oklab,var(--surface)_70%,transparent)]",
           active ? "bg-[color-mix(in_oklab,var(--primary)_10%,transparent)] ring-1 ring-inset ring-[color-mix(in_oklab,var(--ring)_22%,transparent)]" : ""
         ].join(" "),
@@ -1594,13 +1633,14 @@ function WorkspaceSwitcher({
               alt: w.name,
               initials: (_b2 = w.initials) != null ? _b2 : computeInitials(w.name),
               radiusClass: "rounded-2xl",
-              color: (_c2 = w.color) != null ? _c2 : color
+              color: (_c2 = w.color) != null ? _c2 : color,
+              className: "shrink-0"
             }
           ),
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx("div", { className: "min-w-0 truncate text-sm font-semibold text-[var(--foreground)]", children: w.name }),
-              w.badge ? /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded-full border border-[var(--border)] bg-[color-mix(in_oklab,var(--surface)_70%,transparent)] px-2 py-0.5 text-[0.6875rem] font-semibold text-[var(--muted)]", children: w.badge }) : null
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 overflow-hidden", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+              /* @__PURE__ */ jsx("div", { className: "block min-w-0 max-w-full flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-[var(--foreground)]", children: w.name }),
+              w.badge ? /* @__PURE__ */ jsx("span", { className: "max-w-[5.75rem] shrink-0 truncate rounded-full border border-[var(--border)] bg-[color-mix(in_oklab,var(--surface)_70%,transparent)] px-2 py-0.5 text-[0.6875rem] font-semibold text-[var(--muted)]", children: w.badge }) : null
             ] }),
             w.subtitle ? /* @__PURE__ */ jsx("div", { className: "truncate text-xs text-[var(--muted)] text-left", children: w.subtitle }) : null
           ] }),
@@ -1625,7 +1665,8 @@ function WorkspaceSwitcher({
         "aria-expanded": open,
         title: void 0,
         className: [
-          "group flex w-full items-center gap-3 rounded-2xl",
+          "group w-full min-w-0 items-center gap-3 rounded-2xl",
+          collapsed ? "flex" : "grid grid-cols-[auto_minmax(0,1fr)_auto]",
           variant === "panel" ? "border-0 bg-transparent shadow-none hover:bg-[color-mix(in_oklab,var(--surface)_70%,transparent)]" : "border border-[var(--border)] bg-[var(--card)] shadow-sm hover:bg-[color-mix(in_oklab,var(--surface)_70%,transparent)]",
           collapsed ? "justify-center p-2" : "px-2.5 py-2",
           "active:scale-[0.99]"
@@ -1635,20 +1676,21 @@ function WorkspaceSwitcher({
             AvatarSquare,
             {
               size: collapsed ? 44 : 34,
-              src: (_g = current.avatarUrl) != null ? _g : void 0,
+              src: (_i = current.avatarUrl) != null ? _i : void 0,
               alt: current.name,
-              initials: (_h = current.initials) != null ? _h : computeInitials(current.name),
+              initials: (_j = current.initials) != null ? _j : computeInitials(current.name),
               radiusClass: collapsed ? "rounded-2xl" : "rounded-2xl",
-              color: (_i = current.color) != null ? _i : color
+              color: (_k = current.color) != null ? _k : color,
+              className: "shrink-0"
             }
           ),
           !collapsed && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx("div", { className: "min-w-0 truncate text-sm font-semibold", children: current.name }),
-                current.badge ? /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded-full border border-[var(--border)] bg-[color-mix(in_oklab,var(--surface)_70%,transparent)] px-2 py-0.5 text-[0.6875rem] font-semibold text-[var(--muted)]", children: current.badge }) : null
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 overflow-hidden", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+                /* @__PURE__ */ jsx("div", { className: "block min-w-0 max-w-full flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-left text-sm font-semibold", children: current.name }),
+                current.badge ? /* @__PURE__ */ jsx("span", { className: "max-w-[5.75rem] shrink-0 truncate rounded-full border border-[var(--border)] bg-[color-mix(in_oklab,var(--surface)_70%,transparent)] px-2 py-0.5 text-[0.6875rem] font-semibold text-[var(--muted)]", children: current.badge }) : null
               ] }),
-              /* @__PURE__ */ jsx("div", { className: "truncate text-xs text-[var(--muted)] text-left", children: (_j = current.subtitle) != null ? _j : labelTitle })
+              /* @__PURE__ */ jsx("div", { className: "truncate text-xs text-[var(--muted)] text-left", children: (_l = current.subtitle) != null ? _l : labelTitle })
             ] }),
             /* @__PURE__ */ jsx("div", { className: "shrink-0 text-[var(--muted)] group-hover:text-[var(--foreground)]", children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: `transition-transform ${open ? "rotate-180" : ""}`, "aria-hidden": true }) })
           ] })
@@ -1666,23 +1708,37 @@ function WorkspaceSwitcher({
           exit: { opacity: 0, y: 6, scale: 0.985 },
           transition: { duration: 0.14, ease: "easeOut" },
           className: [
-            "fixed z-50 overflow-hidden rounded-3xl border border-[var(--border)] bg-[var(--card)] shadow-2xl",
+            "fixed z-50 flex flex-col overflow-hidden rounded-3xl border border-[var(--border)] bg-[var(--card)] shadow-2xl",
             mobile ? "max-w-[18rem]" : ""
           ].join(" "),
-          style: { top: menuPos.top, left: menuPos.left, width: menuPos.width },
+          style: { top: menuPos.top, left: menuPos.left, width: menuPos.width, maxHeight: menuPos.maxHeight },
           children: [
-            /* @__PURE__ */ jsx("div", { className: "px-3 py-2", children: /* @__PURE__ */ jsx("div", { className: "text-[0.6875rem] font-semibold uppercase tracking-wider text-[var(--muted)]", children: labelTitle }) }),
-            /* @__PURE__ */ jsxs("div", { className: "px-2 pb-2", children: [
-              primary.length ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "shrink-0 px-3 py-2", children: /* @__PURE__ */ jsx("div", { className: "text-[0.6875rem] font-semibold uppercase tracking-wider text-[var(--muted)]", children: labelTitle }) }),
+            /* @__PURE__ */ jsx("div", { className: "shrink-0 px-3 pb-2", children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                ref: searchRef,
+                type: "search",
+                value: workspaceQuery,
+                onChange: (event) => setWorkspaceQuery(event.currentTarget.value),
+                placeholder: labelSearchPlaceholder,
+                leftSlot: /* @__PURE__ */ jsx(MagnifyingGlassIcon, { className: "size-4", "aria-hidden": true }),
+                clearable: true,
+                onClear: () => setWorkspaceQuery(""),
+                className: "h-9 rounded-2xl py-2 text-xs shadow-none"
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto overflow-x-hidden px-2 pb-2 [scrollbar-width:thin]", children: hasFilteredWorkspaces ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              filteredPrimary.length ? /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsx("div", { className: "px-2 pb-1 pt-1 text-[0.6875rem] font-semibold uppercase tracking-wider text-slate-400", children: labelPrimary }),
-                /* @__PURE__ */ jsx("div", { className: "space-y-1", children: primary.map(renderRow) })
+                /* @__PURE__ */ jsx("div", { className: "space-y-1", children: filteredPrimary.map(renderRow) })
               ] }) : null,
-              secondary.length ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              filteredSecondary.length ? /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsx("div", { className: "mt-3 px-2 pb-1 pt-1 text-[0.6875rem] font-semibold uppercase tracking-wider text-slate-400", children: labelSecondary }),
-                /* @__PURE__ */ jsx("div", { className: "space-y-1", children: secondary.map(renderRow) })
+                /* @__PURE__ */ jsx("div", { className: "space-y-1", children: filteredSecondary.map(renderRow) })
               ] }) : null
-            ] }),
-            onManageWorkspaces ? /* @__PURE__ */ jsx("div", { className: "border-t border-[var(--border)] px-2 py-2", children: /* @__PURE__ */ jsxs(
+            ] }) : /* @__PURE__ */ jsx("div", { className: "px-3 py-8 text-center text-sm text-[var(--muted)]", children: labelEmpty }) }),
+            onManageWorkspaces ? /* @__PURE__ */ jsx("div", { className: "shrink-0 border-t border-[var(--border)] px-2 py-2", children: /* @__PURE__ */ jsxs(
               Button,
               {
                 unstyled: true,
@@ -1691,13 +1747,13 @@ function WorkspaceSwitcher({
                   setOpen(false);
                   onManageWorkspaces();
                 },
-                className: "flex w-full items-center justify-between gap-3 rounded-2xl px-3 py-2 text-left hover:bg-[color-mix(in_oklab,var(--surface)_70%,transparent)]",
+                className: "flex w-full min-w-0 items-center justify-between gap-3 rounded-2xl px-3 py-2 text-left hover:bg-[color-mix(in_oklab,var(--surface)_70%,transparent)]",
                 children: [
-                  /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-                    /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-[var(--foreground)]", children: labelManage }),
-                    /* @__PURE__ */ jsx("div", { className: "text-xs text-[var(--muted)]", children: labelManageHint })
+                  /* @__PURE__ */ jsxs("div", { className: "min-w-0 overflow-hidden", children: [
+                    /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-semibold text-[var(--foreground)]", children: labelManage }),
+                    /* @__PURE__ */ jsx("div", { className: "truncate text-xs text-[var(--muted)]", children: labelManageHint })
                   ] }),
-                  /* @__PURE__ */ jsx(PlusIcon, { className: "text-[var(--muted)]", "aria-hidden": true })
+                  /* @__PURE__ */ jsx(PlusIcon, { className: "shrink-0 text-[var(--muted)]", "aria-hidden": true })
                 ]
               }
             ) }) : null
@@ -2270,7 +2326,7 @@ function SidebarInner({
       ] }) : null,
       sidebarSlotCollapsed ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: sidebarSlotCollapsed }) : null
     ] }) }) : /* @__PURE__ */ jsxs("div", { className: topPanelClass, children: [
-      showWorkspaceInTopPanel ? /* @__PURE__ */ jsxs("div", { className: "px-3 py-3", children: [
+      showWorkspaceInTopPanel ? /* @__PURE__ */ jsxs("div", { className: "min-w-0 overflow-hidden px-3 py-3", children: [
         /* @__PURE__ */ jsx(
           WorkspaceSwitcher,
           {

package/dist/SupportChatWidget.d.mts

@@ -0,0 +1,128 @@
+import React__default from 'react';
+
+type SupportChatMode = "bot" | "live" | "offline";
+type SupportChatRole = "visitor" | "bot" | "agent" | "system";
+type SupportChatActor = {
+    name: string;
+    subtitle?: string;
+    avatarUrl?: string | null;
+    initials?: string | null;
+    color?: "accent" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
+};
+type SupportChatMessage = {
+    id: string;
+    role: SupportChatRole;
+    content: string;
+    createdAt?: string | number | Date;
+    state?: "complete" | "typing" | "sending" | "error";
+    actor?: SupportChatActor;
+    suggestedReplies?: string[];
+    serviceSuggestions?: SupportChatServiceSuggestion[];
+};
+type SupportChatServiceSuggestion = {
+    id: string;
+    title: string;
+    description?: string;
+    meta?: string;
+    priceLabel?: string;
+    ctaLabel?: string;
+    imageUrl?: string | null;
+};
+type SupportChatContactAction = {
+    id: string;
+    label: string;
+    href?: string;
+    kind?: "phone" | "email" | "link";
+    onSelect?: () => void;
+};
+type SupportChatKnowledgeSignal = {
+    id: string;
+    label: string;
+    value?: string;
+};
+type SupportChatTranscriptMode = "recent-text" | "full-html";
+type SupportChatTranscriptPayload = {
+    mode: SupportChatTranscriptMode;
+    messages: SupportChatMessage[];
+    fileName: string;
+    content: string;
+    mimeType: string;
+};
+type SupportChatTranscriptConfig = {
+    enabled?: boolean;
+    fullHistoryAllowed?: boolean;
+    recentMessageLimit?: number;
+    fileName?: string;
+    title?: string;
+    onSave?: (payload: SupportChatTranscriptPayload) => void | Promise<void>;
+};
+type SupportChatSendResult = string | void | SupportChatMessage[] | {
+    reply?: string;
+    messages?: SupportChatMessage[];
+};
+type SupportChatWidgetLabels = {
+    trigger?: string;
+    title?: string;
+    subtitle?: string;
+    botStatus?: string;
+    liveStatus?: string;
+    offlineStatus?: string;
+    composerPlaceholder?: string;
+    offlineComposerPlaceholder?: string;
+    send?: string;
+    close?: string;
+    requestLive?: string;
+    liveUnavailable?: string;
+    servicesTitle?: string;
+    suggestedTitle?: string;
+    contactTitle?: string;
+    saveTranscript?: string;
+    saveRecentTranscript?: string;
+    saveFullTranscript?: string;
+    ratingLabel?: string;
+    poweredBy?: string;
+    defaultWelcomeTitle?: string;
+    defaultWelcomeMessage?: string;
+    errorMessage?: string;
+};
+type SupportChatWidgetProps = {
+    mode?: SupportChatMode;
+    brandName?: string;
+    assistant?: SupportChatActor;
+    agent?: SupportChatActor;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    messages?: SupportChatMessage[];
+    defaultMessages?: SupportChatMessage[];
+    onMessagesChange?: (messages: SupportChatMessage[]) => void;
+    onSendMessage?: (payload: {
+        text: string;
+        messages: SupportChatMessage[];
+        mode: SupportChatMode;
+    }) => Promise<SupportChatSendResult> | SupportChatSendResult;
+    onRequestLive?: () => void | Promise<void>;
+    onSelectService?: (service: SupportChatServiceSuggestion) => void;
+    onQuickReply?: (reply: string) => void;
+    transcript?: SupportChatTranscriptConfig;
+    serviceSuggestions?: SupportChatServiceSuggestion[];
+    suggestedReplies?: string[];
+    contactActions?: SupportChatContactAction[];
+    knowledgeSignals?: SupportChatKnowledgeSignal[];
+    businessHoursLabel?: string;
+    rating?: number;
+    ratingCount?: number;
+    liveAllowed?: boolean;
+    liveAvailable?: boolean;
+    allowOfflineMessages?: boolean;
+    disabled?: boolean;
+    unreadCount?: number;
+    position?: "bottom-right" | "bottom-left" | "inline";
+    zIndex?: number;
+    className?: string;
+    panelClassName?: string;
+    labels?: SupportChatWidgetLabels;
+};
+declare function SupportChatWidget({ mode, brandName, assistant, agent, open: openProp, defaultOpen, onOpenChange, messages: messagesProp, defaultMessages, onMessagesChange, onSendMessage, onRequestLive, onSelectService, onQuickReply, transcript, serviceSuggestions, suggestedReplies, contactActions, knowledgeSignals, businessHoursLabel, rating, ratingCount, liveAllowed, liveAvailable, allowOfflineMessages, disabled, unreadCount, position, zIndex, className, panelClassName, labels, }: SupportChatWidgetProps): React__default.JSX.Element;
+
+export { type SupportChatActor, type SupportChatContactAction, type SupportChatKnowledgeSignal, type SupportChatMessage, type SupportChatMode, type SupportChatRole, type SupportChatSendResult, type SupportChatServiceSuggestion, type SupportChatTranscriptConfig, type SupportChatTranscriptMode, type SupportChatTranscriptPayload, type SupportChatWidgetLabels, type SupportChatWidgetProps, SupportChatWidget as default };

package/dist/SupportChatWidget.d.ts

@@ -0,0 +1,128 @@
+import React__default from 'react';
+
+type SupportChatMode = "bot" | "live" | "offline";
+type SupportChatRole = "visitor" | "bot" | "agent" | "system";
+type SupportChatActor = {
+    name: string;
+    subtitle?: string;
+    avatarUrl?: string | null;
+    initials?: string | null;
+    color?: "accent" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
+};
+type SupportChatMessage = {
+    id: string;
+    role: SupportChatRole;
+    content: string;
+    createdAt?: string | number | Date;
+    state?: "complete" | "typing" | "sending" | "error";
+    actor?: SupportChatActor;
+    suggestedReplies?: string[];
+    serviceSuggestions?: SupportChatServiceSuggestion[];
+};
+type SupportChatServiceSuggestion = {
+    id: string;
+    title: string;
+    description?: string;
+    meta?: string;
+    priceLabel?: string;
+    ctaLabel?: string;
+    imageUrl?: string | null;
+};
+type SupportChatContactAction = {
+    id: string;
+    label: string;
+    href?: string;
+    kind?: "phone" | "email" | "link";
+    onSelect?: () => void;
+};
+type SupportChatKnowledgeSignal = {
+    id: string;
+    label: string;
+    value?: string;
+};
+type SupportChatTranscriptMode = "recent-text" | "full-html";
+type SupportChatTranscriptPayload = {
+    mode: SupportChatTranscriptMode;
+    messages: SupportChatMessage[];
+    fileName: string;
+    content: string;
+    mimeType: string;
+};
+type SupportChatTranscriptConfig = {
+    enabled?: boolean;
+    fullHistoryAllowed?: boolean;
+    recentMessageLimit?: number;
+    fileName?: string;
+    title?: string;
+    onSave?: (payload: SupportChatTranscriptPayload) => void | Promise<void>;
+};
+type SupportChatSendResult = string | void | SupportChatMessage[] | {
+    reply?: string;
+    messages?: SupportChatMessage[];
+};
+type SupportChatWidgetLabels = {
+    trigger?: string;
+    title?: string;
+    subtitle?: string;
+    botStatus?: string;
+    liveStatus?: string;
+    offlineStatus?: string;
+    composerPlaceholder?: string;
+    offlineComposerPlaceholder?: string;
+    send?: string;
+    close?: string;
+    requestLive?: string;
+    liveUnavailable?: string;
+    servicesTitle?: string;
+    suggestedTitle?: string;
+    contactTitle?: string;
+    saveTranscript?: string;
+    saveRecentTranscript?: string;
+    saveFullTranscript?: string;
+    ratingLabel?: string;
+    poweredBy?: string;
+    defaultWelcomeTitle?: string;
+    defaultWelcomeMessage?: string;
+    errorMessage?: string;
+};
+type SupportChatWidgetProps = {
+    mode?: SupportChatMode;
+    brandName?: string;
+    assistant?: SupportChatActor;
+    agent?: SupportChatActor;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    messages?: SupportChatMessage[];
+    defaultMessages?: SupportChatMessage[];
+    onMessagesChange?: (messages: SupportChatMessage[]) => void;
+    onSendMessage?: (payload: {
+        text: string;
+        messages: SupportChatMessage[];
+        mode: SupportChatMode;
+    }) => Promise<SupportChatSendResult> | SupportChatSendResult;
+    onRequestLive?: () => void | Promise<void>;
+    onSelectService?: (service: SupportChatServiceSuggestion) => void;
+    onQuickReply?: (reply: string) => void;
+    transcript?: SupportChatTranscriptConfig;
+    serviceSuggestions?: SupportChatServiceSuggestion[];
+    suggestedReplies?: string[];
+    contactActions?: SupportChatContactAction[];
+    knowledgeSignals?: SupportChatKnowledgeSignal[];
+    businessHoursLabel?: string;
+    rating?: number;
+    ratingCount?: number;
+    liveAllowed?: boolean;
+    liveAvailable?: boolean;
+    allowOfflineMessages?: boolean;
+    disabled?: boolean;
+    unreadCount?: number;
+    position?: "bottom-right" | "bottom-left" | "inline";
+    zIndex?: number;
+    className?: string;
+    panelClassName?: string;
+    labels?: SupportChatWidgetLabels;
+};
+declare function SupportChatWidget({ mode, brandName, assistant, agent, open: openProp, defaultOpen, onOpenChange, messages: messagesProp, defaultMessages, onMessagesChange, onSendMessage, onRequestLive, onSelectService, onQuickReply, transcript, serviceSuggestions, suggestedReplies, contactActions, knowledgeSignals, businessHoursLabel, rating, ratingCount, liveAllowed, liveAvailable, allowOfflineMessages, disabled, unreadCount, position, zIndex, className, panelClassName, labels, }: SupportChatWidgetProps): React__default.JSX.Element;
+
+export { type SupportChatActor, type SupportChatContactAction, type SupportChatKnowledgeSignal, type SupportChatMessage, type SupportChatMode, type SupportChatRole, type SupportChatSendResult, type SupportChatServiceSuggestion, type SupportChatTranscriptConfig, type SupportChatTranscriptMode, type SupportChatTranscriptPayload, type SupportChatWidgetLabels, type SupportChatWidgetProps, SupportChatWidget as default };