droplinked-chatbot-next 1.0.6 → 1.0.8

package/dist/components/Chatbot.d.ts

@@ -2,8 +2,8 @@ import { ChatbotUser } from "../types";
 interface ChatbotProps {
     apiBaseUrl: string;
     apiKey?: string;
-    buttonType?: "floating" | "solid";
     user?: Partial<ChatbotUser> | null;
+    drawerTrigger: (onClick: () => void) => React.ReactNode;
 }
-declare function Chatbot({ apiBaseUrl, apiKey, buttonType, user: initialUser, }: ChatbotProps): import("react/jsx-runtime").JSX.Element;
+declare function Chatbot({ apiBaseUrl, apiKey, user: initialUser, drawerTrigger, }: ChatbotProps): import("react/jsx-runtime").JSX.Element;
 export default Chatbot;

package/dist/components/EmbeddedChatButton.d.ts

@@ -1,5 +1,6 @@
 interface SolidChatButtonProps {
+    showIconOnly: boolean;
     onClick: () => void;
 }
-declare function EmbeddedChatButton({ onClick }: SolidChatButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function EmbeddedChatButton({ showIconOnly, onClick }: SolidChatButtonProps): import("react/jsx-runtime").JSX.Element;
 export default EmbeddedChatButton;

package/dist/index.d.ts

@@ -1,19 +1,17 @@
 export { default as Chatbot } from './components/Chatbot';
+export { default as ChatDrawer } from './components/ChatDrawer';
+export { default as ChatHeader } from './components/ChatHeader';
+export { default as GradualMessageDisplay } from './components/GradualMessageDisplay';
 export { default as MessageInput } from './components/input/MessageInput';
+export { default as MarkdownRenderer } from './components/MarkdownRenderer';
 export { default as MessageList } from './components/MessageList';
 export { default as TypingIndicator } from './components/TypingIndicator';
-export { default as GradualMessageDisplay } from './components/GradualMessageDisplay';
-export { default as MarkdownRenderer } from './components/MarkdownRenderer';
-export { default as FloatingChatButton } from './components/FloatingChatButton';
-export { default as SolidChatButton } from './components/EmbeddedChatButton';
-export { default as ChatDrawer } from './components/ChatDrawer';
-export { default as ChatHeader } from './components/ChatHeader';
-export { default as HelloPage } from './views/HelloPage';
 export { default as ChatPage } from './views/ChatPage';
+export { default as HelloPage } from './views/HelloPage';
 export { useChatbot } from './hooks/useChatbot';
 export type { UseChatbotProps } from './hooks/useChatbot';
-export type { Message, ChatbotUser, NavigationLink, MessageSuggestion, ChatbotView, ApiResponse, StartChatResponse, SendMessageResponse, ConversationMessage, Pagination, ChatHistoryResponse } from './types';
-export { isValidEmail, generateMessageId, formatTimestamp, sanitizeText, truncateText, isExternalUrl } from './utils/helpers';
-export { ChatbotAPI } from './services/client';
+export type { ApiResponse, ChatbotUser, ChatbotView, ChatHistoryResponse, ConversationMessage, Message, MessageSuggestion, NavigationLink, Pagination, SendMessageResponse, StartChatResponse } from './types';
+export { formatTimestamp, generateMessageId, isExternalUrl, isValidEmail, sanitizeText, truncateText } from './utils/helpers';
 export { ApiError } from './services/axiosClient';
-export type { StartChatRequest, SendMessageRequest, GetHistoryParams } from './services/client';
+export { ChatbotAPI } from './services/client';
+export type { GetHistoryParams, SendMessageRequest, StartChatRequest } from './services/client';

package/dist/index.esm.js

@@ -66256,280 +66256,12 @@ function ChatHeader(_ref) {
   });
 }
 
-function EmbeddedChatButton(_ref) {
-  var onClick = _ref.onClick;
-  return jsxs(Button, {
-    onClick: onClick,
-    bg: "transparent",
-    color: "white",
-    borderRadius: "12px",
-    px: "12px",
-    py: "8px",
-    h: "36px",
-    minW: "36px",
-    fontWeight: "500",
-    fontSize: "14px",
-    lineHeight: "20px",
-    transition: "all 0.2s ease-in-out",
-    position: "relative",
-    overflow: "hidden",
-    leftIcon: jsx(AIMd, {
-      color: "currentColor"
-    }),
-    _hover: {
-      bg: "#2BCFA1",
-      color: "#FFFFFF"
-    },
-    _active: {
-      bg: "#26B894",
-      color: "#FFFFFF"
-    },
-    _focus: {
-      boxShadow: "none"
-    },
-    _focusVisible: {
-      boxShadow: "0 0 0 2px rgba(43, 207, 161, 0.3)"
-    },
-    children: ["AI Assistant", jsx(Box, {
-      position: "absolute",
-      bottom: 0,
-      left: 0,
-      right: 0,
-      width: "100%",
-      height: "36px",
-      pointerEvents: "none",
-      opacity: 0,
-      transition: "opacity 0.2s ease-in-out",
-      sx: {
-        '.chakra-button:hover &': {
-          opacity: 1
-        },
-        '.chakra-button:active &': {
-          opacity: 1
-        }
-      },
-      children: jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "100%",
-        height: "100%",
-        viewBox: "0 0 188 48",
-        fill: "none",
-        preserveAspectRatio: "none",
-        children: [jsxs("g", {
-          clipPath: "url(#clip0_ai_overlay)",
-          children: [jsx("rect", {
-            width: "188",
-            height: "48",
-            rx: "12",
-            fill: "url(#paint0_radial_ai_overlay)"
-          }), jsx("g", {
-            style: {
-              mixBlendMode: "hard-light"
-            },
-            filter: "url(#filter0_f_ai_overlay)",
-            children: jsx("path", {
-              d: "M221.009 20.167C224.17 22.8539 225.861 25.6847 225.861 28.6104C225.861 45.9462 166.533 60 93.3477 60C20.1622 60 -39.167 45.9462 -39.167 28.6104C-39.1668 25.6847 -37.4754 22.8539 -34.3145 20.167C-18.7449 33.4011 32.5139 43.1123 93.3477 43.1123C154.181 43.1123 205.439 33.401 221.009 20.167Z",
-              fill: "#2BCFA1"
-            })
-          }), jsx("g", {
-            style: {
-              mixBlendMode: "color-dodge"
-            },
-            filter: "url(#filter1_f_ai_overlay)",
-            children: jsx("path", {
-              d: "M229.808 46.167C233.191 47.0105 234.999 47.8979 235 48.8164C235 54.2565 171.58 58.667 93.3474 58.667C15.1147 58.667 -48.3049 54.2565 -48.3049 48.8164C-48.3045 47.8979 -46.4965 47.0105 -43.1145 46.167C-26.4654 50.3193 28.3245 53.3672 93.3474 53.3672C158.369 53.3672 213.158 50.3192 229.808 46.167Z",
-              fill: "white"
-            })
-          }), jsx("g", {
-            style: {
-              mixBlendMode: "plus-lighter"
-            },
-            filter: "url(#filter2_f_ai_overlay)",
-            children: jsx("path", {
-              d: "M200.885 39.5C203.548 40.8829 204.972 42.3399 204.972 43.8457C204.972 52.7675 154.996 60 93.3469 60C31.6984 60 -18.2778 52.7675 -18.2781 43.8457C-18.2781 42.3401 -16.8545 40.8827 -14.1921 39.5C-1.07789 46.3111 42.1018 51.3086 93.3469 51.3086C144.591 51.3086 187.769 46.3108 200.885 39.5Z",
-              fill: "white"
-            })
-          })]
-        }), jsxs("defs", {
-          children: [jsxs("filter", {
-            id: "filter0_f_ai_overlay",
-            x: "-58.067",
-            y: "1.26699",
-            width: "302.828",
-            height: "77.633",
-            filterUnits: "userSpaceOnUse",
-            colorInterpolationFilters: "sRGB",
-            children: [jsx("feFlood", {
-              floodOpacity: "0",
-              result: "BackgroundImageFix"
-            }), jsx("feBlend", {
-              mode: "normal",
-              "in": "SourceGraphic",
-              in2: "BackgroundImageFix",
-              result: "shape"
-            }), jsx("feGaussianBlur", {
-              stdDeviation: "9.45",
-              result: "effect1_foregroundBlur_ai_overlay"
-            })]
-          }), jsxs("filter", {
-            id: "filter1_f_ai_overlay",
-            x: "-61.1716",
-            y: "33.3003",
-            width: "309.038",
-            height: "38.2333",
-            filterUnits: "userSpaceOnUse",
-            colorInterpolationFilters: "sRGB",
-            children: [jsx("feFlood", {
-              floodOpacity: "0",
-              result: "BackgroundImageFix"
-            }), jsx("feBlend", {
-              mode: "normal",
-              "in": "SourceGraphic",
-              in2: "BackgroundImageFix",
-              result: "shape"
-            }), jsx("feGaussianBlur", {
-              stdDeviation: "6.43333",
-              result: "effect1_foregroundBlur_ai_overlay"
-            })]
-          }), jsxs("filter", {
-            id: "filter2_f_ai_overlay",
-            x: "-30.5781",
-            y: "27.2",
-            width: "247.85",
-            height: "45.1",
-            filterUnits: "userSpaceOnUse",
-            colorInterpolationFilters: "sRGB",
-            children: [jsx("feFlood", {
-              floodOpacity: "0",
-              result: "BackgroundImageFix"
-            }), jsx("feBlend", {
-              mode: "normal",
-              "in": "SourceGraphic",
-              in2: "BackgroundImageFix",
-              result: "shape"
-            }), jsx("feGaussianBlur", {
-              stdDeviation: "6.15",
-              result: "effect1_foregroundBlur_ai_overlay"
-            })]
-          }), jsxs("radialGradient", {
-            id: "paint0_radial_ai_overlay",
-            cx: "0",
-            cy: "0",
-            r: "1",
-            gradientUnits: "userSpaceOnUse",
-            gradientTransform: "translate(94 -5.33333) rotate(90) scale(70.8333 150.489)",
-            children: [jsx("stop", {
-              offset: "0.707302",
-              stopOpacity: "0"
-            }), jsx("stop", {
-              offset: "0.897964",
-              stopColor: "#2BCFA1"
-            })]
-          }), jsx("clipPath", {
-            id: "clip0_ai_overlay",
-            children: jsx("rect", {
-              width: "188",
-              height: "48",
-              rx: "12",
-              fill: "white"
-            })
-          })]
-        })]
-      })
-    })]
-  });
-}
-
-function FloatingChatButton(_ref) {
-  var onClick = _ref.onClick,
-    _ref$isVisible = _ref.isVisible,
-    isVisible = _ref$isVisible === void 0 ? true : _ref$isVisible;
-  if (!isVisible) return null;
-  return jsxs(Box, {
-    position: "fixed",
-    bottom: 6,
-    right: 6,
-    zIndex: 1000,
-    onClick: onClick,
-    cursor: "pointer",
-    css: {
-      "&:hover .animated-bg": {
-        transform: "scale(1)"
-      },
-      "&:hover .text-label": {
-        color: "black"
-      }
-    },
-    children: [jsx(Box, {
-      position: "absolute",
-      inset: 0,
-      borderRadius: "32px",
-      bg: "rgba(43, 207, 161, 0.2)",
-      border: "1px solid rgba(43, 207, 161, 0.10)",
-      backdropFilter: "blur(24px)",
-      transition: "all 0.2s"
-    }), jsx(Box, {
-      className: "animated-bg",
-      position: "absolute",
-      inset: 0,
-      borderRadius: "32px",
-      bg: "#2BCFA1",
-      transform: "scale(0)",
-      transformOrigin: "20px center",
-      transition: "transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)"
-    }), jsxs(Flex, {
-      display: "inline-flex",
-      justifyContent: "flex-start",
-      alignItems: "center",
-      position: "relative",
-      zIndex: 1,
-      pl: 1,
-      pr: 4,
-      py: 1,
-      gap: 2,
-      children: [jsx(Box, {
-        position: "absolute",
-        left: "4px",
-        top: "4px",
-        w: "32px",
-        h: "32px",
-        borderRadius: "24px",
-        bg: "#2BCFA1"
-      }), jsx(Flex, {
-        justifyContent: "center",
-        alignItems: "center",
-        position: "relative",
-        zIndex: 1,
-        w: "32px",
-        h: "32px",
-        p: 2,
-        borderRadius: "24px",
-        bg: "#2BCFA1",
-        children: jsx(AIMd, {
-          color: "black"
-        })
-      }), jsx(Text, {
-        className: "text-label",
-        position: "relative",
-        zIndex: 1,
-        color: "white",
-        fontSize: "sm",
-        fontWeight: "medium",
-        lineHeight: "tight",
-        transition: "color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)",
-        children: "AI Assistant"
-      })]
-    })]
-  });
-}
-
 function Chatbot(_ref) {
   var apiBaseUrl = _ref.apiBaseUrl,
     apiKey = _ref.apiKey,
-    _ref$buttonType = _ref.buttonType,
-    buttonType = _ref$buttonType === void 0 ? "floating" : _ref$buttonType,
     _ref$user = _ref.user,
-    initialUser = _ref$user === void 0 ? null : _ref$user;
+    initialUser = _ref$user === void 0 ? null : _ref$user,
+    drawerTrigger = _ref.drawerTrigger;
   var _useDisclosure = useDisclosure(),
     isOpen = _useDisclosure.isOpen,
     onOpen = _useDisclosure.onOpen,
@@ -66555,11 +66287,7 @@ function Chatbot(_ref) {
     handleRetryLastMessage = _useChatbot.handleRetryLastMessage,
     clearProcessingMessageId = _useChatbot.clearProcessingMessageId;
   return jsxs(Fragment, {
-    children: [buttonType === "floating" ? jsx(FloatingChatButton, {
-      onClick: onOpen
-    }) : jsx(EmbeddedChatButton, {
-      onClick: onOpen
-    }), jsxs(ChatDrawer, {
+    children: [drawerTrigger(onOpen), jsxs(ChatDrawer, {
       isOpen: isOpen,
       onClose: onClose,
       currentView: currentView,
@@ -66597,5 +66325,5 @@ function Chatbot(_ref) {
   });
 }
 
-export { ApiError, ChatDrawer, ChatHeader, ChatPage, Chatbot, ChatbotAPI, FloatingChatButton, GradualMessageDisplay, HelloPage, MarkdownRenderer, MessageInput, MessageList, EmbeddedChatButton as SolidChatButton, TypingIndicator, formatTimestamp, generateMessageId, isExternalUrl, isValidEmail, sanitizeText, truncateText, useChatbot };
+export { ApiError, ChatDrawer, ChatHeader, ChatPage, Chatbot, ChatbotAPI, GradualMessageDisplay, HelloPage, MarkdownRenderer, MessageInput, MessageList, TypingIndicator, formatTimestamp, generateMessageId, isExternalUrl, isValidEmail, sanitizeText, truncateText, useChatbot };
 //# sourceMappingURL=index.esm.js.map