droplinked-chatbot-next 1.0.2

package/dist/components/ErrorMessage.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, HStack, VStack, Button } from "@chakra-ui/react";
+import { useState } from "react";
+import { Refresh2Sm } from '../assets/icons/Action/Refresh2/Refresh2Sm';
+import { WarningMd } from '../assets/icons/Sign/Warning/WarningMd';
+function ErrorMessage({ onRetry, showRetry = true, }) {
+    const [isRetrying, setIsRetrying] = useState(false);
+    const handleRetry = async () => {
+        if (onRetry) {
+            setIsRetrying(true);
+            try {
+                onRetry();
+            }
+            finally {
+                setIsRetrying(false);
+            }
+        }
+    };
+    return (_jsxs(Box, { alignSelf: "stretch", p: 4, bg: "rgba(244, 63, 94, 0.05)", borderRadius: "lg", border: "1px solid", borderColor: "rgb(244, 63, 94)", display: "flex", alignItems: "flex-start", gap: 4, children: [_jsxs(HStack, { flex: 1, align: "flex-start", gap: 2, children: [_jsx(WarningMd, { color: "#F24" }), _jsxs(VStack, { flex: 1, align: "flex-start", gap: 1, children: [_jsx(Text, { w: "full", color: "white", fontSize: "sm", fontWeight: "bold", lineHeight: "tight", children: "Connection Lost" }), _jsx(Text, { w: "full", color: "white", fontSize: "sm", fontWeight: "normal", lineHeight: "tight", children: "Chatbot encountered connected issues." })] })] }), showRetry && onRetry && (_jsx(Button, { px: "14px", py: "10px", bg: "black", borderRadius: "lg", color: "white", fontSize: "sm", fontWeight: "medium", lineHeight: "tight", isLoading: isRetrying, onClick: handleRetry, _hover: {
+                    bg: "gray.800",
+                }, children: _jsxs(HStack, { children: [_jsx(Refresh2Sm, {}), _jsx(Text, { children: "Retry" })] }) }))] }));
+}
+export default ErrorMessage;
+//# sourceMappingURL=ErrorMessage.js.map

package/dist/components/ErrorMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../src/components/ErrorMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAC,UAAU,EAAC,MAAM,4CAA4C,CAAA;AACrE,OAAO,EAAE,SAAS,EAAC,MAAM,wCAAwC,CAAA;AAOjE,SAAS,YAAY,CAAC,EAClB,OAAO,EACP,SAAS,GAAG,IAAI,GACA;IAChB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;QAC3B,IAAI,OAAO,EAAE,CAAC;YACV,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,IAAI,CAAC;gBACD,OAAO,EAAE,CAAC;YACd,CAAC;oBAAS,CAAC;gBACP,aAAa,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;QACL,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,GAAG,IACA,SAAS,EAAC,SAAS,EACnB,CAAC,EAAE,CAAC,EACJ,EAAE,EAAC,yBAAyB,EAC5B,YAAY,EAAC,IAAI,EACjB,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,kBAAkB,EAC9B,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,YAAY,EACvB,GAAG,EAAE,CAAC,aAEN,MAAC,MAAM,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,YAAY,EAAC,GAAG,EAAE,CAAC,aAEtC,KAAC,SAAS,IAAC,KAAK,EAAC,MAAM,GAAE,EAGzB,MAAC,MAAM,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,YAAY,EAAC,GAAG,EAAE,CAAC,aACtC,KAAC,IAAI,IACD,CAAC,EAAC,MAAM,EACR,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,MAAM,EAEjB,UAAU,EAAC,OAAO,gCAGf,EACP,KAAC,IAAI,IACD,CAAC,EAAC,MAAM,EACR,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,QAAQ,EAEnB,UAAU,EAAC,OAAO,sDAGf,IACF,IACJ,EAGR,SAAS,IAAI,OAAO,IAAI,CACrB,KAAC,MAAM,IACH,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,OAAO,EACV,YAAY,EAAC,IAAI,EACjB,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,QAAQ,EAEnB,UAAU,EAAC,OAAO,EAClB,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE;oBACJ,EAAE,EAAE,UAAU;iBACjB,YAED,MAAC,MAAM,eACH,KAAC,UAAU,KAAE,EACb,KAAC,IAAI,wBAAa,IACb,GACJ,CACZ,IACC,CACT,CAAC;AACN,CAAC;AAED,eAAe,YAAY,CAAC"}

package/dist/components/FloatingChatButton.d.ts

@@ -0,0 +1,6 @@
+interface FloatingChatButtonProps {
+    onClick: () => void;
+    isVisible?: boolean;
+}
+declare function FloatingChatButton({ onClick, isVisible }: FloatingChatButtonProps): import("react/jsx-runtime").JSX.Element | null;
+export default FloatingChatButton;

package/dist/components/FloatingChatButton.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Flex, Text } from "@chakra-ui/react";
+import { AIMd } from "../assets/icons/AI/AI/AIMd";
+function FloatingChatButton({ onClick, isVisible = true }) {
+    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" })] })] }));
+}
+export default FloatingChatButton;
+//# sourceMappingURL=FloatingChatButton.js.map

package/dist/components/FloatingChatButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingChatButton.js","sourceRoot":"","sources":["../../src/components/FloatingChatButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAA;AAOjD,SAAS,kBAAkB,CAAC,EAAE,OAAO,EAAE,SAAS,GAAG,IAAI,EAA2B;IAC9E,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAA;IAE3B,OAAO,CACH,MAAC,GAAG,IACA,QAAQ,EAAC,OAAO,EAChB,MAAM,EAAE,CAAC,EACT,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAC,SAAS,EAChB,GAAG,EAAE;YACD,sBAAsB,EAAE;gBACpB,SAAS,EAAE,UAAU;aACxB;YACD,qBAAqB,EAAE;gBACnB,KAAK,EAAE,OAAO;aACjB;SACJ,aAGD,KAAC,GAAG,IACA,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE,CAAC,EACR,YAAY,EAAC,MAAM,EACnB,EAAE,EAAC,yBAAyB,EAC5B,MAAM,EAAC,oCAAoC,EAC3C,cAAc,EAAC,YAAY,EAC3B,UAAU,EAAC,UAAU,GACvB,EAGF,KAAC,GAAG,IACA,SAAS,EAAC,aAAa,EACvB,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE,CAAC,EACR,YAAY,EAAC,MAAM,EACnB,EAAE,EAAC,SAAS,EACZ,SAAS,EAAC,UAAU,EACpB,eAAe,EAAC,aAAa,EAC7B,UAAU,EAAC,qDAAqD,GAClE,EAEF,MAAC,IAAI,IACD,OAAO,EAAC,aAAa,EACrB,cAAc,EAAC,YAAY,EAC3B,UAAU,EAAC,QAAQ,EACnB,QAAQ,EAAC,UAAU,EACnB,MAAM,EAAE,CAAC,EACT,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,GAAG,EAAE,CAAC,aAGN,KAAC,GAAG,IACA,QAAQ,EAAC,UAAU,EACnB,IAAI,EAAC,KAAK,EACV,GAAG,EAAC,KAAK,EACT,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,YAAY,EAAC,MAAM,EACnB,EAAE,EAAC,SAAS,GACd,EAGF,KAAC,IAAI,IACD,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAC,QAAQ,EACnB,QAAQ,EAAC,UAAU,EACnB,MAAM,EAAE,CAAC,EACT,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,CAAC,EAAE,CAAC,EACJ,YAAY,EAAC,MAAM,EACnB,EAAE,EAAC,SAAS,YAEZ,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,GAAG,GACnB,EAGP,KAAC,IAAI,IACD,SAAS,EAAC,YAAY,EACtB,QAAQ,EAAC,UAAU,EACnB,MAAM,EAAE,CAAC,EACT,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,QAAQ,EACnB,UAAU,EAAC,OAAO,EAClB,UAAU,EAAC,iDAAiD,6BAGzD,IACJ,IACL,CAET,CAAA;AACL,CAAC;AAED,eAAe,kBAAkB,CAAA"}

package/dist/components/GradualMessageDisplay.d.ts

@@ -0,0 +1,9 @@
+interface GradualMessageDisplayProps {
+    message: string;
+    isBot: boolean;
+    onComplete?: () => void;
+    enableMarkdown?: boolean;
+    isHistoryMessage?: boolean;
+}
+declare function GradualMessageDisplay({ message, isBot, onComplete, isHistoryMessage, }: GradualMessageDisplayProps): import("react/jsx-runtime").JSX.Element;
+export default GradualMessageDisplay;

package/dist/components/GradualMessageDisplay.js

@@ -0,0 +1,141 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from "@chakra-ui/react";
+import { useEffect, useRef, useState } from "react";
+import MarkdownRenderer from "./MarkdownRenderer";
+import TypingIndicator from "./TypingIndicator";
+function GradualMessageDisplay({ message, isBot, onComplete, isHistoryMessage = false, }) {
+    const [phase, setPhase] = useState("typing");
+    const [displayedLines, setDisplayedLines] = useState([]);
+    const [currentLineIndex, setCurrentLineIndex] = useState(0);
+    const [lineProgress, setLineProgress] = useState(0);
+    const intervalRef = useRef(null);
+    const onCompleteRef = useRef(onComplete);
+    const messageLines = useRef([]);
+    useEffect(() => {
+        onCompleteRef.current = onComplete;
+    }, [onComplete]);
+    useEffect(() => {
+        if (!isBot || isHistoryMessage) {
+            setDisplayedLines([message]);
+            setPhase("complete");
+            onCompleteRef.current?.();
+            return;
+        }
+        messageLines.current = message.split("\n");
+        setDisplayedLines([]);
+        setCurrentLineIndex(0);
+        setLineProgress(0);
+        setPhase("typing");
+        if (intervalRef.current) {
+            clearInterval(intervalRef.current);
+            intervalRef.current = null;
+        }
+        const typingTimer = setTimeout(() => {
+            setPhase("revealing");
+            let currentLine = 0;
+            const showNextLine = () => {
+                if (currentLine < messageLines.current.length) {
+                    setDisplayedLines((prev) => {
+                        const newLine = messageLines.current[currentLine];
+                        if (newLine !== undefined) {
+                            return [...prev, newLine];
+                        }
+                        return prev;
+                    });
+                    setCurrentLineIndex(currentLine);
+                    setLineProgress(0);
+                    let progress = 0;
+                    const lineInterval = setInterval(() => {
+                        progress += 4;
+                        setLineProgress(progress);
+                        if (progress >= 100) {
+                            clearInterval(lineInterval);
+                            currentLine++;
+                            if (currentLine < messageLines.current.length) {
+                                showNextLine();
+                            }
+                            else {
+                                setPhase("complete");
+                                onCompleteRef.current?.();
+                            }
+                        }
+                    }, 15);
+                    intervalRef.current = lineInterval;
+                }
+            };
+            showNextLine();
+        }, 1500);
+        return () => {
+            clearTimeout(typingTimer);
+            if (intervalRef.current) {
+                clearInterval(intervalRef.current);
+                intervalRef.current = null;
+            }
+        };
+    }, [message, isBot, isHistoryMessage]);
+    if (!isBot || isHistoryMessage) {
+        return (_jsx(Box, { alignSelf: "flex-start", mb: 4, children: _jsx(Box, { p: 4, borderRadius: "12px", borderBottomLeftRadius: "6px", children: _jsx(MarkdownRenderer, { content: message, fontSize: "sm", lineHeight: "1.4", color: "white" }) }) }));
+    }
+    return (_jsx(Box, { alignSelf: "flex-end", mb: 4, children: _jsxs(Box, { display: "flex", flexDirection: "column", gap: 2, children: [(phase === "typing" || phase === "revealing") && (_jsx(TypingIndicator, { isVisible: true, size: "normal", state: phase === "typing" ? "typing" : "completed" })), (phase === "revealing" || phase === "complete") && (_jsx(Box, { position: "relative", borderRadius: "12px", _before: {
+                        content: '""',
+                        position: 'absolute',
+                        zIndex: -1,
+                        width: 'calc(100% + 1px)',
+                        height: 'calc(100% + 1px)',
+                        top: 0,
+                        left: 0,
+                        borderRadius: '12px',
+                        backgroundSize: '400% 400%',
+                        opacity: phase === "revealing" ? 1 : 0,
+                        transition: 'opacity 0.3s ease',
+                    }, _after: {
+                        content: '""',
+                        position: 'absolute',
+                        zIndex: -1,
+                        width: 'calc(100% + 1px)',
+                        height: 'calc(100% + 1px)',
+                        top: 0,
+                        left: 0,
+                        borderRadius: '12px',
+                        backgroundSize: '400% 400%',
+                        opacity: phase === "revealing" ? 1 : 0,
+                        transition: 'opacity 0.3s ease',
+                        filter: 'blur(100px)',
+                    }, children: _jsx(Box, { borderRadius: "11px", p: "12px 16px", position: "relative", zIndex: 1, children: displayedLines.map((line, lineIndex) => {
+                            const isCurrentLine = lineIndex === currentLineIndex &&
+                                phase === "revealing";
+                            return (_jsxs(Box, { position: "relative", css: isCurrentLine
+                                    ? {
+                                        maskImage: `linear-gradient(to right, 
+                                                black 0%, 
+                                                black ${Math.max(0, lineProgress - 10)}%, 
+                                                transparent ${lineProgress}%, 
+                                                transparent 100%)`,
+                                        WebkitMaskImage: `linear-gradient(to right, 
+                                                black 0%, 
+                                                black ${Math.max(0, lineProgress - 10)}%, 
+                                                transparent ${lineProgress}%, 
+                                                transparent 100%)`,
+                                    }
+                                    : {}, children: [isCurrentLine && (_jsxs(_Fragment, { children: [_jsx(Box, { position: "absolute", top: 0, left: 0, right: 0, css: {
+                                                    filter: "blur(800px)",
+                                                    opacity: 0,
+                                                    transform: "scale(500)",
+                                                }, children: _jsx(MarkdownRenderer, { content: line || " ", fontSize: "sm", lineHeight: "1.4", color: "white" }) }), _jsx(Box, { position: "absolute", top: 0, left: 0, right: 0, css: {
+                                                    filter: "blur(8px)",
+                                                    opacity: 0.7,
+                                                }, children: _jsx(MarkdownRenderer, { content: line || " ", fontSize: "sm", lineHeight: "1.4", color: "white" }) })] })), _jsx(Box, { position: "relative", css: {
+                                            filter: isCurrentLine
+                                                ? `blur(${Math.max(0, 6 -
+                                                    (lineProgress /
+                                                        100) *
+                                                        6)}px)`
+                                                : "blur(0px)",
+                                            opacity: isCurrentLine
+                                                ? Math.min(1, lineProgress / 70)
+                                                : 1,
+                                        }, children: _jsx(MarkdownRenderer, { content: line || " ", fontSize: "sm", lineHeight: "1.4", color: "white" }) })] }, lineIndex));
+                        }) }) }))] }) }));
+}
+export default GradualMessageDisplay;
+//# sourceMappingURL=GradualMessageDisplay.js.map

package/dist/components/GradualMessageDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradualMessageDisplay.js","sourceRoot":"","sources":["../../src/components/GradualMessageDisplay.tsx"],"names":[],"mappings":"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"}

package/dist/components/HeaderIconButton.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+interface HeaderIconButtonProps {
+    onClick?: () => void;
+    borderColor?: string;
+    children: ReactNode;
+    cursor?: string;
+}
+export default function HeaderIconButton({ onClick, borderColor, children, cursor }: HeaderIconButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/HeaderIconButton.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Center, Box } from '@chakra-ui/react';
+export default function HeaderIconButton({ onClick, borderColor = '#2BCFA11A', children, cursor = 'pointer' }) {
+    return (_jsx(Center, { onClick: onClick, w: 10, h: 10, borderRadius: "lg", border: "1px solid", borderColor: borderColor, cursor: cursor, children: _jsx(Box, { w: 5, h: 5, position: "relative", overflow: "hidden", children: children }) }));
+}
+//# sourceMappingURL=HeaderIconButton.js.map

package/dist/components/HeaderIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderIconButton.js","sourceRoot":"","sources":["../../src/components/HeaderIconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAU9C,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,OAAO,EAAE,WAAW,GAAG,WAAW,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,EAAyB;IAClI,OAAO,CACL,KAAC,MAAM,IAEL,OAAO,EAAE,OAAO,EAEhB,CAAC,EAAE,EAAE,EACL,CAAC,EAAE,EAAE,EACL,YAAY,EAAC,IAAI,EACjB,MAAM,EAAC,WAAW,EAClB,WAAW,EAAE,WAAW,EAExB,MAAM,EAAE,MAAM,YAEd,KAAC,GAAG,IAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,QAAQ,YACnD,QAAQ,GACL,GACC,CACV,CAAA;AACH,CAAC"}

package/dist/components/HelloPage.d.ts

@@ -0,0 +1,10 @@
+import { NavigationLink } from "../types";
+interface HelloPageProps {
+    userName?: string;
+    onStartChat: () => void;
+    isStartingChat?: boolean;
+    navigationLinks?: NavigationLink[];
+    externalLinks?: NavigationLink[];
+}
+declare function HelloPage({ userName, onStartChat, isStartingChat, }: HelloPageProps): import("react/jsx-runtime").JSX.Element;
+export default HelloPage;

package/dist/components/MarkdownRenderer.d.ts

@@ -0,0 +1,8 @@
+interface MarkdownRendererProps {
+    content: string;
+    fontSize?: string;
+    lineHeight?: string | number;
+    color?: string;
+}
+declare function MarkdownRenderer({ content, fontSize, lineHeight, color }: MarkdownRendererProps): import("react/jsx-runtime").JSX.Element;
+export default MarkdownRenderer;

package/dist/components/MarkdownRenderer.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Link, Text } from '@chakra-ui/react';
+import ReactMarkdown from 'react-markdown';
+import rehypeRaw from 'rehype-raw';
+import remarkGfm from 'remark-gfm';
+function MarkdownRenderer({ content, fontSize = "14", lineHeight = "20px", color = "white" }) {
+    return (_jsx(Box, { css: {
+            '& > *:first-of-type': {
+                marginTop: 0,
+            },
+            '& > *:last-child': {
+                marginBottom: 0,
+            },
+        }, children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], rehypePlugins: [rehypeRaw], components: {
+                p: ({ children }) => (_jsx(Text, { fontSize: fontSize, lineHeight: lineHeight, color: color, mb: 2, children: children })),
+                a: ({ href, children }) => (_jsx(Link, { href: href, color: "#179EF8", textDecoration: "underline", textUnderlineOffset: "2px", _hover: {
+                        transform: "translateY(-1px)",
+                        transition: "all 0.2s ease"
+                    }, target: href?.startsWith('http') ? '_blank' : undefined, rel: href?.startsWith('http') ? 'noopener noreferrer' : undefined, fontSize: fontSize, fontWeight: "medium", cursor: "pointer", transition: "all 0.2s ease", children: children })),
+                ul: ({ children }) => (_jsx(Box, { as: "ul", pl: 4, mb: 2, color: color, fontSize: fontSize, lineHeight: lineHeight, css: {
+                        listStyleType: 'disc',
+                        listStylePosition: 'outside'
+                    }, children: children })),
+                ol: ({ children }) => (_jsx(Box, { as: "ol", pl: 4, mb: 2, color: color, fontSize: fontSize, lineHeight: lineHeight, css: {
+                        listStyleType: 'decimal',
+                        listStylePosition: 'outside'
+                    }, children: children })),
+                li: ({ children }) => (_jsx(Box, { as: "li", mb: 1, color: color, fontSize: fontSize, lineHeight: lineHeight, css: {
+                        display: 'list-item'
+                    }, children: children })),
+                strong: ({ children }) => (_jsx(Text, { as: "strong", fontWeight: "bold", color: color, fontSize: fontSize, children: children })),
+                em: ({ children }) => (_jsx(Text, { as: "em", fontStyle: "italic", color: color, fontSize: fontSize, children: children })),
+                h1: ({ children }) => (_jsx(Text, { fontSize: "lg", fontWeight: "bold", color: color, mb: 2, lineHeight: lineHeight, children: children })),
+                h2: ({ children }) => (_jsx(Text, { fontSize: "md", fontWeight: "bold", color: color, mb: 2, lineHeight: lineHeight, children: children })),
+                h3: ({ children }) => (_jsx(Text, { fontSize: fontSize, fontWeight: "bold", color: color, mb: 2, lineHeight: lineHeight, children: children })),
+                br: () => _jsx("br", {}),
+            }, children: content }) }));
+}
+export default MarkdownRenderer;
+//# sourceMappingURL=MarkdownRenderer.js.map

package/dist/components/MarkdownRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.js","sourceRoot":"","sources":["../../src/components/MarkdownRenderer.tsx"],"names":[],"mappings":"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"}

package/dist/components/MessageInput.d.ts

@@ -0,0 +1,11 @@
+import { ChatbotUser, Message } from "../types";
+interface MessageInputProps {
+    onSend: (text: string) => void;
+    user: ChatbotUser;
+    onEmailSubmit: (email: string) => void;
+    isLoading?: boolean;
+    isEmailSubmitting?: boolean;
+    messages?: Message[];
+}
+declare function MessageInput({ onSend, user, onEmailSubmit, isLoading, isEmailSubmitting, messages, }: MessageInputProps): import("react/jsx-runtime").JSX.Element;
+export default MessageInput;

package/dist/components/MessageInput.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, HStack, IconButton, Image, Input, VStack, Spacer } from "@chakra-ui/react";
+import { useState } from "react";
+import { SendSm } from "../assets/icons/Action/Send/SendSm";
+import EmailCapture from "./input/EmailCapture";
+import SuggestionChips from "./input/SuggestionChips";
+const messageSuggestions = [
+    { id: "1", text: "How do I get started?" },
+    { id: "2", text: "What services do you offer?" },
+    { id: "3", text: "I need help with my account" },
+    { id: "4", text: "Billing questions" },
+];
+function MessageInput({ onSend, user, onEmailSubmit, isLoading = false, isEmailSubmitting = false, messages = [], }) {
+    const [input, setInput] = useState("");
+    const handleSend = () => {
+        if (!input.trim())
+            return;
+        onSend(input);
+        setInput("");
+    };
+    const handleEmailSubmit = (email) => {
+        onEmailSubmit(email);
+    };
+    const handleSuggestionClick = (suggestion) => {
+        setInput(suggestion.text);
+    };
+    if (!user.isLoggedIn) {
+        return _jsx(EmailCapture, { onSubmit: handleEmailSubmit, isSubmitting: isEmailSubmitting });
+    }
+    return (_jsxs(_Fragment, { children: [messages.length === 0 && (_jsx(SuggestionChips, { suggestions: messageSuggestions, onPick: (text) => setInput(text) })), _jsx(Box, { w: "full", p: 4, borderTop: "1px solid", borderColor: "#27272A", borderBottomRadius: 16, children: _jsx(VStack, { gap: 6, w: "full", align: "stretch", children: _jsxs(VStack, { gap: 4, w: "full", children: [_jsx(Box, { w: "full", position: "relative", children: _jsx(Input, { value: input, onChange: (e) => setInput(e.target.value), onKeyDown: (e) => e.key === "Enter" && handleSend(), placeholder: "  Send a message", bg: "transparent", color: "white", border: "none", outline: "none", _placeholder: { color: "#737373" }, _focus: {
+                                        border: "none",
+                                        outline: "none",
+                                        boxShadow: "none",
+                                    }, _active: {
+                                        border: "none",
+                                        outline: "none",
+                                        boxShadow: "none",
+                                    }, p: 3, fontSize: "sm" }) }), _jsxs(HStack, { p: 2, align: "center", w: "full", children: [user.logoUrl && (_jsx(HStack, { gap: 3, children: _jsx(Image, { boxSize: "40px", src: user.logoUrl, alt: "User avatar", border: "1px solid", borderColor: "#27272A", borderRadius: "24px" }) })), _jsx(Spacer, {}), _jsx(IconButton, { "aria-label": "Send message", onClick: handleSend, isDisabled: !input.trim() || isLoading, isLoading: isLoading, size: "sm", bg: !input.trim() || isLoading
+                                            ? "#262626"
+                                            : "#2BCFA1", _hover: {
+                                            bg: !input.trim() || isLoading
+                                                ? "#262626"
+                                                : "#22B890",
+                                        }, _disabled: {
+                                            bg: "#262626",
+                                            cursor: "not-allowed",
+                                        }, borderRadius: "lg", border: "none", children: _jsx(SendSm, { color: !input.trim() || isLoading
+                                                ? "#525252"
+                                                : "white" }) })] })] }) }) })] }));
+}
+export default MessageInput;
+//# sourceMappingURL=MessageInput.js.map

package/dist/components/MessageInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageInput.js","sourceRoot":"","sources":["../../src/components/MessageInput.tsx"],"names":[],"mappings":"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"}

package/dist/components/MessageList.d.ts

@@ -0,0 +1,12 @@
+import { Message, ChatbotUser } from "../types";
+interface MessageListProps {
+    messages: Message[];
+    user: ChatbotUser;
+    isTyping?: boolean;
+    historyMessageIds?: Set<string>;
+    currentlyProcessingMessageId?: string | null;
+    clearProcessingMessageId?: () => void;
+    onRetryMessage?: () => void;
+}
+declare function MessageList({ messages, user, isTyping, historyMessageIds, currentlyProcessingMessageId, clearProcessingMessageId, onRetryMessage, }: MessageListProps): import("react/jsx-runtime").JSX.Element;
+export default MessageList;

package/dist/components/MessageList.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Text, VStack } from "@chakra-ui/react";
+import { useEffect, useRef, useState } from "react";
+import TypingIndicator from "./TypingIndicator";
+import MessageItem from "./messages/MessageItem";
+import { AIMd } from "../assets/icons/AI/AI/AIMd";
+import Lottie from "lottie-react";
+import animationData from "../assets/animations/chat-greeting.json";
+function MessageList({ messages, user, isTyping = false, historyMessageIds, currentlyProcessingMessageId, clearProcessingMessageId, onRetryMessage, }) {
+    const scrollContainerRef = useRef(null);
+    const [completedMessages, setCompletedMessages] = useState(new Set());
+    const [currentlyDisplayingMessage, setCurrentlyDisplayingMessage] = useState(null);
+    const handleMessageComplete = (messageId) => {
+        setCompletedMessages((prev) => {
+            const newSet = new Set(Array.from(prev));
+            newSet.add(messageId);
+            return newSet;
+        });
+        setCurrentlyDisplayingMessage(null);
+    };
+    useEffect(() => {
+        const latestBotMessage = messages
+            .filter((msg) => msg.sender === "bot")
+            .slice(-1)[0];
+        if (latestBotMessage && !completedMessages.has(latestBotMessage.id)) {
+            setCurrentlyDisplayingMessage(latestBotMessage.id);
+        }
+    }, [messages, completedMessages]);
+    useEffect(() => {
+        if (scrollContainerRef.current) {
+            scrollContainerRef.current.scrollTo({
+                top: scrollContainerRef.current.scrollHeight,
+                behavior: "smooth",
+            });
+        }
+    }, [messages, isTyping]);
+    return (_jsx(Box, { ref: scrollContainerRef, h: "full", w: "full", overflowY: "auto", overflowX: "hidden", p: 4, css: {
+            "&::-webkit-scrollbar": {
+                width: "6px",
+            },
+            "&::-webkit-scrollbar-track": {
+                background: "rgba(255, 255, 255, 0.1)",
+                borderRadius: "3px",
+            },
+            "&::-webkit-scrollbar-thumb": {
+                background: "rgba(255, 255, 255, 0.3)",
+                borderRadius: "3px",
+            },
+            "&::-webkit-scrollbar-thumb:hover": {
+                background: "rgba(255, 255, 255, 0.5)",
+            },
+            scrollBehavior: "smooth",
+        }, children: _jsx(VStack, { align: "stretch", gap: 4, minH: "full", children: messages.length === 0 ? (_jsx(VStack, { w: "full", pt: 12, gap: 6, align: "center", justify: "center", children: _jsxs(VStack, { w: "full", gap: 2, align: "center", children: [_jsx(Box, { p: "10px", bg: "rgba(43, 207, 161, 0.1)", borderRadius: "lg", border: "1px solid", borderColor: "rgba(43, 207, 161, 0.1)", display: "flex", alignItems: "center", justifyContent: "center", overflow: "hidden", children: _jsx(AIMd, { color: "#2BCFA1" }) }), _jsxs(VStack, { w: "full", align: "stretch", children: [_jsxs(Text, { textAlign: "center", color: "#2BCFA1", fontSize: "2xl", fontWeight: "bold", children: ["Hi ", user.name, " \uD83D\uDC4B\uD83C\uDFFB"] }), _jsx(Text, { textAlign: "center", color: "white", fontSize: "2xl", fontWeight: "bold", children: "How can I help today?" }), !user.isLoggedIn && (_jsx(Box, { w: 64, h: 64, alignSelf: "center", children: _jsx(Lottie, { animationData: animationData, loop: true, autoplay: true, style: {
+                                            width: "100%",
+                                            height: "100%",
+                                        } }) }))] })] }) })) : (_jsxs(_Fragment, { children: [messages.map((message) => {
+                        const isCurrentlyDisplaying = currentlyDisplayingMessage === message.id;
+                        const isHistoryMessage = historyMessageIds?.has(message.id) || false;
+                        const shouldAnimate = currentlyProcessingMessageId === message.id;
+                        return (_jsx(MessageItem, { message: message, isHistoryMessage: isHistoryMessage, shouldAnimate: !!shouldAnimate, onComplete: handleMessageComplete, onRetry: onRetryMessage, clearProcessingMessageId: clearProcessingMessageId }, message.id));
+                    }), isTyping && !currentlyDisplayingMessage && (_jsx(TypingIndicator, { isVisible: true, size: "normal" }))] })) }) }));
+}
+export default MessageList;
+//# sourceMappingURL=MessageList.js.map

package/dist/components/MessageList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.js","sourceRoot":"","sources":["../../src/components/MessageList.tsx"],"names":[],"mappings":"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"}

package/dist/components/RuledGrid.d.ts

@@ -0,0 +1,6 @@
+import { GridProps } from "@chakra-ui/react";
+export interface RuledGridProps extends GridProps {
+    columns: number;
+}
+declare function RuledGrid({ columns, children, ...rest }: RuledGridProps): import("react/jsx-runtime").JSX.Element;
+export default RuledGrid;

package/dist/components/RuledGrid.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Grid } from "@chakra-ui/react";
+import React from "react";
+function RuledGrid({ columns, children, ...rest }) {
+    const childrenArray = React.Children.toArray(children);
+    return (_jsx(Grid, { templateColumns: `repeat(${columns}, 1fr)`, border: "1px solid", borderColor: "#292929", overflow: "hidden", ...rest, children: childrenArray.map((child, index) => (_jsx(Box, { borderRight: (index % columns !== columns - 1) || (index % columns !== 0) ? "1px solid" : "none", borderBottom: index < childrenArray.length - columns ? "1px solid" : "none", borderColor: rest.borderColor ?? "#292929", children: child }, index))) }));
+}
+export default RuledGrid;
+//# sourceMappingURL=RuledGrid.js.map

package/dist/components/RuledGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuledGrid.js","sourceRoot":"","sources":["../../src/components/RuledGrid.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAa,MAAM,kBAAkB,CAAA;AACvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,SAAS,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAkB;IAG7D,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAEtD,OAAO,CACH,KAAC,IAAI,IACD,eAAe,EAAE,UAAU,OAAO,QAAQ,EAC1C,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,SAAS,EACrB,QAAQ,EAAC,QAAQ,KACb,IAAI,YAEP,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,KAAC,GAAG,IAGA,WAAW,EAAE,CAAC,KAAK,GAAG,OAAO,KAAK,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EAChG,YAAY,EAAE,KAAK,GAAG,aAAa,CAAC,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EAC3E,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,SAAS,YAEzC,KAAK,IAND,KAAK,CAOR,CACT,CAAC,GACC,CACV,CAAA;AACL,CAAC;AAED,eAAe,SAAS,CAAA"}

package/dist/components/TypingIndicator.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface TypingIndicatorProps {
+    isVisible: boolean;
+    size?: "normal" | "small";
+    state?: "typing" | "completed";
+}
+declare const TypingIndicator: React.NamedExoticComponent<TypingIndicatorProps>;
+export default TypingIndicator;

package/dist/components/TypingIndicator.js

@@ -0,0 +1,92 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, HStack } from "@chakra-ui/react";
+import React from "react";
+const typingIndicatorStyles = `
+@keyframes typingDotBounce {
+    0%, 60%, 100% {
+        transform: translateY(0);
+        opacity: 0.6;
+    }
+    10%, 30% {
+        transform: translateY(-6px);
+        opacity: 1;
+    }
+    50%, 70% {
+        transform: translateY(6px);
+        opacity: 1;
+    }
+}
+
+@keyframes scaleIn {
+    0% {
+        transform: scale(0);
+        opacity: 0;
+    }
+    100% {
+        transform: scale(1);
+        opacity: 1;
+    }
+}
+
+@keyframes scaleOut {
+    0% {
+        transform: scale(1);
+        opacity: 1;
+    }
+    100% {
+        transform: scale(0);
+        opacity: 0;
+    }
+}
+`;
+if (typeof document !== "undefined" &&
+    !document.getElementById("typing-indicator-styles")) {
+    const styleElement = document.createElement("style");
+    styleElement.id = "typing-indicator-styles";
+    styleElement.textContent = typingIndicatorStyles;
+    document.head.appendChild(styleElement);
+}
+const TypingIndicator = React.memo(function TypingIndicator({ isVisible, size = "normal", state = "typing", }) {
+    const getDotStyle = React.useMemo(() => (index, delay, small) => {
+        const animationDelay = `${index * 0.2 + delay * 0.5}s`;
+        return {
+            animation: `typingDotBounce 1.6s ease-in-out infinite`,
+            animationDelay,
+            transformOrigin: "center",
+        };
+    }, []);
+    const containerAnimationStyle = {
+        animation: isVisible ? 'scaleIn 0.5s ease-out forwards' : 'scaleOut 0.5s ease-in forwards',
+        transformOrigin: 'bottom left',
+    };
+    const [shouldRender, setShouldRender] = React.useState(isVisible);
+    React.useEffect(() => {
+        let timer = null;
+        if (isVisible) {
+            setShouldRender(true);
+        }
+        else {
+            timer = setTimeout(() => setShouldRender(false), 300);
+        }
+        return () => {
+            if (timer) {
+                clearTimeout(timer);
+            }
+        };
+    }, [isVisible]);
+    if (!shouldRender)
+        return null;
+    const isSmall = size === "small";
+    const dotSize = isSmall ? "6px" : "8px";
+    const smallDotSize = isSmall ? "5px" : "6px";
+    const containerPadding = isSmall ? "8px 12px" : "12px 16px";
+    const smallContainerPadding = isSmall ? "6px 10px" : "8px 12px";
+    const isCompleted = state === "completed";
+    const TypingDots = React.useMemo(() => React.memo(({ delay = 0, small = false, }) => (_jsx(HStack, { gap: small ? "4px" : "6px", justify: "center", children: [0, 1, 2].map((index) => (_jsx(Box, { w: small ? smallDotSize : dotSize, h: small ? smallDotSize : dotSize, bg: "#2BCFA1", borderRadius: "full", style: getDotStyle(index, delay, small) }, index))) }))), [getDotStyle, dotSize, smallDotSize]);
+    if (isCompleted) {
+        return (_jsx(Box, { alignSelf: "flex-start", maxW: "80%", mb: isSmall ? 2 : 4, style: containerAnimationStyle, children: _jsx(Box, { bg: "rgba(43, 207, 161, 0.15)", p: smallContainerPadding, borderRadius: "16px", w: "fit-content", border: "1px solid rgba(43, 207, 161, 0.2)", backdropFilter: "blur(10px)", boxShadow: "0 4px 12px rgba(0, 0, 0, 0.1)", children: _jsx(TypingDots, { delay: 0.1, small: true }) }) }));
+    }
+    return (_jsx(Box, { alignSelf: "flex-start", maxW: "80%", mb: isSmall ? 2 : 4, style: containerAnimationStyle, children: _jsxs(Box, { display: "flex", flexDirection: "column", gap: 2, children: [_jsx(Box, { bg: "rgba(34, 197, 94, 0.2)", p: containerPadding, borderRadius: "20px", w: "fit-content", border: "1px solid rgba(34, 197, 94, 0.3)", backdropFilter: "blur(10px)", boxShadow: "0 4px 12px rgba(0, 0, 0, 0.1)", children: _jsx(TypingDots, {}) }), _jsx(Box, { bg: "rgba(34, 197, 94, 0.2)", p: smallContainerPadding, borderRadius: "16px", w: "fit-content", border: "1px solid rgba(34, 197, 94, 0.3)", backdropFilter: "blur(10px)", boxShadow: "0 4px 12px rgba(0, 0, 0, 0.1)", children: _jsx(TypingDots, { delay: 0.1, small: true }) })] }) }));
+});
+export default TypingIndicator;
+//# sourceMappingURL=TypingIndicator.js.map