droplinked-chatbot-next 1.0.7 → 1.0.9

package/dist/index.js

@@ -66276,282 +66276,12 @@ function ChatHeader(_ref) {
   });
 }
 
-function EmbeddedChatButton(_ref) {
-  var showIconOnly = _ref.showIconOnly,
-    onClick = _ref.onClick;
-  return jsxRuntime.jsxs(Chakra.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: jsxRuntime.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: [!showIconOnly && "AI Assistant", jsxRuntime.jsx(Chakra.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: jsxRuntime.jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "100%",
-        height: "100%",
-        viewBox: "0 0 188 48",
-        fill: "none",
-        preserveAspectRatio: "none",
-        children: [jsxRuntime.jsxs("g", {
-          clipPath: "url(#clip0_ai_overlay)",
-          children: [jsxRuntime.jsx("rect", {
-            width: "188",
-            height: "48",
-            rx: "12",
-            fill: "url(#paint0_radial_ai_overlay)"
-          }), jsxRuntime.jsx("g", {
-            style: {
-              mixBlendMode: "hard-light"
-            },
-            filter: "url(#filter0_f_ai_overlay)",
-            children: jsxRuntime.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"
-            })
-          }), jsxRuntime.jsx("g", {
-            style: {
-              mixBlendMode: "color-dodge"
-            },
-            filter: "url(#filter1_f_ai_overlay)",
-            children: jsxRuntime.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"
-            })
-          }), jsxRuntime.jsx("g", {
-            style: {
-              mixBlendMode: "plus-lighter"
-            },
-            filter: "url(#filter2_f_ai_overlay)",
-            children: jsxRuntime.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"
-            })
-          })]
-        }), jsxRuntime.jsxs("defs", {
-          children: [jsxRuntime.jsxs("filter", {
-            id: "filter0_f_ai_overlay",
-            x: "-58.067",
-            y: "1.26699",
-            width: "302.828",
-            height: "77.633",
-            filterUnits: "userSpaceOnUse",
-            colorInterpolationFilters: "sRGB",
-            children: [jsxRuntime.jsx("feFlood", {
-              floodOpacity: "0",
-              result: "BackgroundImageFix"
-            }), jsxRuntime.jsx("feBlend", {
-              mode: "normal",
-              "in": "SourceGraphic",
-              in2: "BackgroundImageFix",
-              result: "shape"
-            }), jsxRuntime.jsx("feGaussianBlur", {
-              stdDeviation: "9.45",
-              result: "effect1_foregroundBlur_ai_overlay"
-            })]
-          }), jsxRuntime.jsxs("filter", {
-            id: "filter1_f_ai_overlay",
-            x: "-61.1716",
-            y: "33.3003",
-            width: "309.038",
-            height: "38.2333",
-            filterUnits: "userSpaceOnUse",
-            colorInterpolationFilters: "sRGB",
-            children: [jsxRuntime.jsx("feFlood", {
-              floodOpacity: "0",
-              result: "BackgroundImageFix"
-            }), jsxRuntime.jsx("feBlend", {
-              mode: "normal",
-              "in": "SourceGraphic",
-              in2: "BackgroundImageFix",
-              result: "shape"
-            }), jsxRuntime.jsx("feGaussianBlur", {
-              stdDeviation: "6.43333",
-              result: "effect1_foregroundBlur_ai_overlay"
-            })]
-          }), jsxRuntime.jsxs("filter", {
-            id: "filter2_f_ai_overlay",
-            x: "-30.5781",
-            y: "27.2",
-            width: "247.85",
-            height: "45.1",
-            filterUnits: "userSpaceOnUse",
-            colorInterpolationFilters: "sRGB",
-            children: [jsxRuntime.jsx("feFlood", {
-              floodOpacity: "0",
-              result: "BackgroundImageFix"
-            }), jsxRuntime.jsx("feBlend", {
-              mode: "normal",
-              "in": "SourceGraphic",
-              in2: "BackgroundImageFix",
-              result: "shape"
-            }), jsxRuntime.jsx("feGaussianBlur", {
-              stdDeviation: "6.15",
-              result: "effect1_foregroundBlur_ai_overlay"
-            })]
-          }), jsxRuntime.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: [jsxRuntime.jsx("stop", {
-              offset: "0.707302",
-              stopOpacity: "0"
-            }), jsxRuntime.jsx("stop", {
-              offset: "0.897964",
-              stopColor: "#2BCFA1"
-            })]
-          }), jsxRuntime.jsx("clipPath", {
-            id: "clip0_ai_overlay",
-            children: jsxRuntime.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 jsxRuntime.jsxs(Chakra.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: [jsxRuntime.jsx(Chakra.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"
-    }), jsxRuntime.jsx(Chakra.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)"
-    }), jsxRuntime.jsxs(Chakra.Flex, {
-      display: "inline-flex",
-      justifyContent: "flex-start",
-      alignItems: "center",
-      position: "relative",
-      zIndex: 1,
-      pl: 1,
-      pr: 4,
-      py: 1,
-      gap: 2,
-      children: [jsxRuntime.jsx(Chakra.Box, {
-        position: "absolute",
-        left: "4px",
-        top: "4px",
-        w: "32px",
-        h: "32px",
-        borderRadius: "24px",
-        bg: "#2BCFA1"
-      }), jsxRuntime.jsx(Chakra.Flex, {
-        justifyContent: "center",
-        alignItems: "center",
-        position: "relative",
-        zIndex: 1,
-        w: "32px",
-        h: "32px",
-        p: 2,
-        borderRadius: "24px",
-        bg: "#2BCFA1",
-        children: jsxRuntime.jsx(AIMd, {
-          color: "black"
-        })
-      }), jsxRuntime.jsx(Chakra.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 _useBreakpointValue;
   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 = Chakra.useDisclosure(),
     isOpen = _useDisclosure.isOpen,
     onOpen = _useDisclosure.onOpen,
@@ -66576,17 +66306,8 @@ function Chatbot(_ref) {
     handleSendMessage = _useChatbot.handleSendMessage,
     handleRetryLastMessage = _useChatbot.handleRetryLastMessage,
     clearProcessingMessageId = _useChatbot.clearProcessingMessageId;
-  var showIconOnly = (_useBreakpointValue = Chakra.useBreakpointValue({
-    base: true,
-    md: false
-  })) !== null && _useBreakpointValue !== void 0 ? _useBreakpointValue : false;
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [buttonType === "floating" ? jsxRuntime.jsx(FloatingChatButton, {
-      onClick: onOpen
-    }) : jsxRuntime.jsx(EmbeddedChatButton, {
-      showIconOnly: showIconOnly,
-      onClick: onOpen
-    }), jsxRuntime.jsxs(ChatDrawer, {
+    children: [drawerTrigger(onOpen), jsxRuntime.jsxs(ChatDrawer, {
       isOpen: isOpen,
       onClose: onClose,
       currentView: currentView,
@@ -66630,13 +66351,11 @@ exports.ChatHeader = ChatHeader;
 exports.ChatPage = ChatPage;
 exports.Chatbot = Chatbot;
 exports.ChatbotAPI = ChatbotAPI;
-exports.FloatingChatButton = FloatingChatButton;
 exports.GradualMessageDisplay = GradualMessageDisplay;
 exports.HelloPage = HelloPage;
 exports.MarkdownRenderer = MarkdownRenderer;
 exports.MessageInput = MessageInput;
 exports.MessageList = MessageList;
-exports.SolidChatButton = EmbeddedChatButton;
 exports.TypingIndicator = TypingIndicator;
 exports.formatTimestamp = formatTimestamp;
 exports.generateMessageId = generateMessageId;