@eshal-bot/chat-widget 0.1.11 → 0.1.13

package/dist/chat-widget.js

@@ -1296,6 +1296,7 @@
       darkMode,
       enableVoiceInteraction = false,
       onboardingQuestions = [],
+      onboardingEnabled = false,
       collectionPrompt
     } = _ref2;
     const [isOpen, setIsOpen] = reactExports.useState(autoOpen);
@@ -1694,8 +1695,8 @@
         return;
       }
 
-      // Case 1: No onboarding questions OR onboarding already completed
-      if (questions.length === 0 || onboardingCompleted) {
+      // Case 1: No onboarding questions OR onboarding already completed OR onboarding disabled
+      if (questions.length === 0 || onboardingCompleted || !onboardingEnabled) {
         await sendMessage(trimmedInput);
         return;
       }
@@ -1755,8 +1756,8 @@
       }
       const questions = getOnboardingQuestions(onboardingQuestions);
 
-      // Case 1: No onboarding questions OR onboarding already completed
-      if (questions.length === 0 || onboardingCompleted) {
+      // Case 1: No onboarding questions OR onboarding already completed OR onboarding disabled
+      if (questions.length === 0 || onboardingCompleted || !onboardingEnabled) {
         await sendMessage(trimmedQuestion);
         return;
       }
@@ -2024,10 +2025,12 @@
           messageId: currentInputMessageIdRef.current
         });
         currentInputMessageIdRef.current = null;
+        setIsLoading(true);
       }
     }, []);
     const appendAssistantContent = reactExports.useCallback(function (text) {
       let finished = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      setIsLoading(false);
       console.log("[BIDI] appendAssistantContent called", {
         text: text === null || text === void 0 ? void 0 : text.substring(0, 50),
         finished,
@@ -2302,6 +2305,7 @@
       }
     }, [appendAssistantContent]);
     const handleTurnComplete = reactExports.useCallback(() => {
+      setIsLoading(false);
       console.log("[BIDI] handleTurnComplete called", {
         currentAssistantId: currentAssistantMessageIdRef.current,
         currentInputId: currentInputMessageIdRef.current
@@ -2327,6 +2331,7 @@
       currentInputMessageIdRef.current = null;
     }, []);
     const handleInterrupted = reactExports.useCallback(() => {
+      setIsLoading(false);
       if (audioPlayerNodeRef.current) {
         audioPlayerNodeRef.current.port.postMessage({
           command: "endOfAudio"
@@ -2496,10 +2501,12 @@
         ws.onerror = () => {
           setVoiceStatus("error");
           setVoiceError("Voice session connection error");
+          setIsLoading(false);
         };
         ws.onclose = () => {
           websocketRef.current = null;
           setVoiceStatus("idle");
+          setIsLoading(false);
           if (isVoiceSessionActiveRef.current) {
             setTimeout(() => {
               connectWebsocket();
@@ -2557,6 +2564,7 @@
     const stopVoiceSession = reactExports.useCallback(() => {
       var _audioPlayerNodeRef$c, _audioPlayerContextRe, _audioRecorderNodeRef, _audioRecorderContext;
       setIsVoiceSessionActive(false);
+      setIsLoading(false);
       isVoiceSessionActiveRef.current = false;
       setVoiceStatus("idle");
       setVoiceError(null);
@@ -2606,6 +2614,7 @@
         type: "text",
         text: trimmed
       }));
+      setIsLoading(true);
       const userMessage = createMessage({
         id: "bidi-user-".concat(Date.now()),
         role: "user",
@@ -57037,6 +57046,8 @@
       textColor,
       assistantTextColor,
       fontFamily,
+      agentMessageBubbleFontFamily,
+      agentMessageBubbleFontSize,
       fontSize,
       isRtl,
       onDecision,
@@ -57048,8 +57059,8 @@
     const isTypingMessage = message.isProcessing && (!displayContent || displayContent.length === 0);
     const bubbleColor = agentMessageBubbleColor !== undefined && agentMessageBubbleColor !== null ? agentMessageBubbleColor : isDark ? "#1f2937" : "#FFFFFF";
     const messageTextColor = assistantTextColor !== undefined && assistantTextColor !== null ? assistantTextColor : textColor !== undefined && textColor !== null ? textColor : isDark ? "#f3f4f6" : "#1A1A1A";
-    const messageFontFamily = fontFamily !== undefined && fontFamily !== null ? fontFamily : "Inter";
-    const messageFontSize = fontSize !== undefined && fontSize !== null ? fontSize : "14px";
+    const messageFontFamily = agentMessageBubbleFontFamily !== undefined && agentMessageBubbleFontFamily !== null ? agentMessageBubbleFontFamily : fontFamily !== undefined && fontFamily !== null ? fontFamily : "Inter";
+    const messageFontSize = agentMessageBubbleFontSize !== undefined && agentMessageBubbleFontSize !== null ? agentMessageBubbleFontSize : fontSize !== undefined && fontSize !== null ? fontSize : "14px";
     useGoogleFont(messageFontFamily);
     return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
       className: "flex gap-3 flex-row animate-in",
@@ -57142,14 +57153,16 @@
       textColor,
       userTextColor,
       fontFamily,
+      userMessageBubbleFontFamily,
+      userMessageBubbleFontSize,
       fontSize,
       isDark,
       isRtl
     } = _ref16;
     const primary = userMessageBoxColor !== undefined && userMessageBoxColor !== null ? userMessageBoxColor : primaryColor !== undefined && primaryColor !== null ? primaryColor : "#2563eb";
     const messageTextColor = userTextColor !== undefined && userTextColor !== null ? userTextColor : textColor !== undefined && textColor !== null ? textColor : "#FFFFFF";
-    const messageFontFamily = fontFamily !== undefined && fontFamily !== null ? fontFamily : "Inter";
-    const messageFontSize = fontSize !== undefined && fontSize !== null ? fontSize : "14px";
+    const messageFontFamily = userMessageBubbleFontFamily !== undefined && userMessageBubbleFontFamily !== null ? userMessageBubbleFontFamily : fontFamily !== undefined && fontFamily !== null ? fontFamily : "Inter";
+    const messageFontSize = userMessageBubbleFontSize !== undefined && userMessageBubbleFontSize !== null ? userMessageBubbleFontSize : fontSize !== undefined && fontSize !== null ? fontSize : "14px";
     useGoogleFont(messageFontFamily);
     return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
       className: "flex gap-3 flex-row-reverse animate-in",
@@ -57203,6 +57216,10 @@
       assistantTextColor,
       userTextColor,
       fontFamily,
+      agentMessageBubbleFontFamily,
+      agentMessageBubbleFontSize,
+      userMessageBubbleFontFamily,
+      userMessageBubbleFontSize,
       fontSize,
       formatTime,
       isRtl,
@@ -57223,6 +57240,8 @@
         textColor: textColor,
         userTextColor: userTextColor,
         fontFamily: fontFamily,
+        userMessageBubbleFontFamily: userMessageBubbleFontFamily,
+        userMessageBubbleFontSize: userMessageBubbleFontSize,
         fontSize: fontSize,
         isDark: isDark,
         isRtl: isRtl
@@ -57237,6 +57256,8 @@
       textColor: textColor,
       assistantTextColor: assistantTextColor,
       fontFamily: fontFamily,
+      agentMessageBubbleFontFamily: agentMessageBubbleFontFamily,
+      agentMessageBubbleFontSize: agentMessageBubbleFontSize,
       fontSize: fontSize,
       isRtl: isRtl,
       onDecision: onDecision,
@@ -57551,6 +57572,10 @@
       assistantTextColor,
       userTextColor,
       fontFamily,
+      agentMessageBubbleFontFamily,
+      agentMessageBubbleFontSize,
+      userMessageBubbleFontFamily,
+      userMessageBubbleFontSize,
       fontSize,
       formatTime,
       isRtl = false,
@@ -57651,6 +57676,10 @@
         assistantTextColor: assistantTextColor,
         userTextColor: userTextColor,
         fontFamily: fontFamily,
+        agentMessageBubbleFontFamily: agentMessageBubbleFontFamily,
+        agentMessageBubbleFontSize: agentMessageBubbleFontSize,
+        userMessageBubbleFontFamily: userMessageBubbleFontFamily,
+        userMessageBubbleFontSize: userMessageBubbleFontSize,
         fontSize: fontSize,
         formatTime: formatTime,
         isRtl: isRtl,
@@ -57673,6 +57702,10 @@
             assistantTextColor: assistantTextColor,
             userTextColor: userTextColor,
             fontFamily: fontFamily,
+            agentMessageBubbleFontFamily: agentMessageBubbleFontFamily,
+            agentMessageBubbleFontSize: agentMessageBubbleFontSize,
+            userMessageBubbleFontFamily: userMessageBubbleFontFamily,
+            userMessageBubbleFontSize: userMessageBubbleFontSize,
             fontSize: fontSize,
             formatTime: formatTime,
             isRtl: isRtl,
@@ -57706,6 +57739,7 @@
     });
   };
 
+  const ESHAL_LOGO_URL = "https://app.eshal.ai/brand/logos/full/logo-full-light.svg";
   const ChatInput = _ref => {
     let {
       inputValue,
@@ -57729,22 +57763,28 @@
       onBidiSubmit,
       disclaimerText,
       disclaimerPosition = "top",
+      showPoweredBy = true,
       onboardingQuestions = [],
       onboardingActive = false,
-      onboardingCompleted = false
+      onboardingCompleted = false,
+      userMessageBubbleFontFamily
     } = _ref;
+    const [isFocused, setIsFocused] = reactExports.useState(false);
     const [showTooltip, setShowTooltip] = reactExports.useState(false);
     const [tooltipPosition, setTooltipPosition] = reactExports.useState({
       top: 0,
       left: 0,
-      placement: 'top',
+      placement: "top",
       arrowOffset: 0
     });
+    const [logoImageLoaded, setLogoImageLoaded] = reactExports.useState(false);
+    const [logoImageError, setLogoImageError] = reactExports.useState(false);
     const tooltipTimeoutRef = reactExports.useRef(null);
     const textareaRef = reactExports.useRef(null);
     const voiceButtonRef = reactExports.useRef(null);
     const tooltipRef = reactExports.useRef(null);
     useGoogleFont(fontFamily);
+    useGoogleFont(userMessageBubbleFontFamily);
     reactExports.useEffect(() => {
       if (isOpen && !isMinimized) {
         var _textareaRef$current;
@@ -57780,7 +57820,6 @@
       setInputValue(event.target.value);
     };
     const isDisabled = !inputValue.trim() || isLoading;
-    const separatorColor = isDark ? "#374151" : "#e5e7eb";
 
     // Check if onboarding flow exists and is not completed
     const hasOnboardingQuestions = onboardingQuestions && onboardingQuestions.length > 0;
@@ -57814,12 +57853,12 @@
       // Try to position above first (preferred)
       const spaceAbove = buttonRect.top;
       const spaceBelow = window.innerHeight - buttonRect.bottom;
-      let placement = 'top';
+      let placement = "top";
       let top = 0;
       let left = 0;
       if (spaceAbove >= tooltipHeight + arrowHeight + spacing) {
         // Position above
-        placement = 'top';
+        placement = "top";
         top = buttonRect.top - tooltipHeight - arrowHeight - spacing;
         left = buttonRect.right - tooltipWidth; // Right-align with button
 
@@ -57833,7 +57872,7 @@
         }
       } else if (spaceBelow >= tooltipHeight + spacing) {
         // Position below as fallback
-        placement = 'bottom';
+        placement = "bottom";
         top = buttonRect.bottom + spacing;
         left = buttonRect.right - tooltipWidth;
 
@@ -57846,7 +57885,7 @@
         }
       } else {
         // Not enough space above or below, position above anyway (may be partially visible)
-        placement = 'top';
+        placement = "top";
         top = Math.max(10, buttonRect.top - tooltipHeight - arrowHeight - spacing);
         left = buttonRect.right - tooltipWidth;
         if (left < 10) {
@@ -57896,11 +57935,11 @@
           const position = calculateTooltipPosition();
           setTooltipPosition(position);
         };
-        window.addEventListener('scroll', updatePosition, true);
-        window.addEventListener('resize', updatePosition);
+        window.addEventListener("scroll", updatePosition, true);
+        window.addEventListener("resize", updatePosition);
         return () => {
-          window.removeEventListener('scroll', updatePosition, true);
-          window.removeEventListener('resize', updatePosition);
+          window.removeEventListener("scroll", updatePosition, true);
+          window.removeEventListener("resize", updatePosition);
         };
       }
     }, [showTooltip, tooltipMessage]);
@@ -57912,26 +57951,26 @@
       };
     }, []);
     return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
-      className: "px-5 py-4 border-t flex-shrink-0 relative ".concat(isDark ? "border-gray-700 bg-gray-900" : "border-gray-200 bg-white"),
+      className: "px-5 py-4 flex-shrink-0 relative ".concat(isDark ? "bg-gray-900" : "bg-white"),
       style: {
-        borderTopColor: separatorColor,
-        borderTopWidth: "1px",
-        borderTopStyle: "solid",
         overflow: "visible"
       },
       children: [/*#__PURE__*/jsxRuntimeExports.jsxs("div", {
         className: "flex items-center gap-1.5",
         children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
-          className: "flex-1 flex items-center min-h-[48px] ".concat(isDark ? "bg-gray-800" : "bg-gray-50", " rounded-2xl border transition-all duration-200"),
+          className: "flex-1 flex items-center min-h-[48px] ".concat(isDark ? "bg-gray-800" : "bg-gray-50", " rounded-2xl transition-all duration-200"),
           style: {
-            borderColor: inputValue ? primaryColor : isDark ? "#374151" : "#e5e7eb",
-            borderWidth: inputValue ? "2px" : "1px"
+            borderStyle: "solid",
+            borderColor: inputValue && inputValue.trim().length > 0 ? primaryColor || "#2563eb" : "transparent",
+            borderWidth: "2px"
           },
           children: /*#__PURE__*/jsxRuntimeExports.jsx("textarea", {
             id: "chat-widget-input",
             ref: textareaRef,
             value: inputValue,
             onChange: handleChange,
+            onFocus: () => setIsFocused(true),
+            onBlur: () => setIsFocused(false),
             onKeyDown: handleKeyPress,
             placeholder: placeholder || "Type your message...",
             rows: 1,
@@ -57945,8 +57984,8 @@
               paddingTop: inputValue.trim().length > 0 ? "12px" : "0px",
               paddingBottom: inputValue.trim().length > 0 ? "12px" : "0px",
               lineHeight: inputValue.trim().length > 0 ? "1.4" : "48px",
-              fontFamily: fontFamily || "Inter",
-              fontSize: fontSize || "14px",
+              fontFamily: userMessageBubbleFontFamily || fontFamily || "Inter",
+              fontSize: "14px",
               color: isDark ? "#FFFFFF" : "#000000",
               textAlign: isRtl ? "right" : "left",
               direction: isRtl ? "rtl" : "ltr",
@@ -57959,6 +57998,9 @@
           onMouseEnter: handleMouseEnter,
           onMouseLeave: handleMouseLeave,
           children: [/*#__PURE__*/jsxRuntimeExports.jsx("button", {
+            style: {
+              border: "none"
+            },
             ref: voiceButtonRef,
             type: "button",
             onClick: onVoiceToggle,
@@ -57969,7 +58011,7 @@
             }) : /*#__PURE__*/jsxRuntimeExports.jsx(AudioLines, {
               className: "w-4 h-4"
             })
-          }), showTooltip && tooltipMessage && typeof document !== 'undefined' && /*#__PURE__*/reactDomExports.createPortal(/*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+          }), showTooltip && tooltipMessage && typeof document !== "undefined" && /*#__PURE__*/reactDomExports.createPortal(/*#__PURE__*/jsxRuntimeExports.jsxs("div", {
             ref: tooltipRef,
             className: "px-3 py-1.5 text-xs shadow-md pointer-events-none",
             style: {
@@ -57984,14 +58026,14 @@
               backgroundColor: isDark ? "#1f2937" : "#ffffff",
               color: isDark ? "#f3f4f6" : "#111827",
               border: isDark ? "1px solid #374151" : "1px solid #e5e7eb",
-              borderRadius: tooltipPosition.placement === 'top' ? "6px 6px 6px 6px" : "6px",
+              borderRadius: tooltipPosition.placement === "top" ? "6px 6px 6px 6px" : "6px",
               boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
               overflow: "visible"
             },
             children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
               className: "text-left leading-relaxed",
               children: tooltipMessage
-            }), tooltipPosition.placement === 'top' && /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+            }), tooltipPosition.placement === "top" && /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
               children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
                 style: {
                   position: "absolute",
@@ -58020,7 +58062,7 @@
                   pointerEvents: "none"
                 }
               })]
-            }), tooltipPosition.placement === 'bottom' && /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+            }), tooltipPosition.placement === "bottom" && /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
               children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
                 className: "absolute bottom-full",
                 style: {
@@ -58052,7 +58094,8 @@
           className: "h-10 w-10 rounded-xl transition-all duration-200 flex items-center justify-center shadow-md disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none ".concat(inputValue.trim() ? "scale-100" : "scale-95"),
           style: {
             backgroundColor: inputValue.trim() ? primaryColor : isDark ? "#374151" : "#e5e7eb",
-            color: inputValue.trim() ? "white" : "#9ca3af"
+            color: inputValue.trim() ? "white" : "#9ca3af",
+            border: "none"
           },
           "aria-label": "Send message",
           children: /*#__PURE__*/jsxRuntimeExports.jsx(Send, {
@@ -58080,6 +58123,54 @@
         },
         dir: isRtl ? "rtl" : "ltr",
         children: disclaimerText
+      }), showPoweredBy && /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+        className: "mt-1.5 flex justify-center relative",
+        style: {
+          direction: isRtl ? "rtl" : "ltr",
+          fontFamily: "Inter"
+        },
+        dir: isRtl ? "rtl" : "ltr",
+        children: [!logoImageLoaded && !logoImageError && /*#__PURE__*/jsxRuntimeExports.jsx("img", {
+          src: ESHAL_LOGO_URL,
+          alt: "",
+          "aria-hidden": true,
+          className: "absolute opacity-0 pointer-events-none",
+          style: {
+            width: 0,
+            height: 0
+          },
+          onLoad: () => setLogoImageLoaded(true),
+          onError: () => setLogoImageError(true)
+        }), (logoImageLoaded || logoImageError) && /*#__PURE__*/jsxRuntimeExports.jsxs("span", {
+          className: "inline-flex items-center gap-1.5 rounded-lg py-2 px-3",
+          style: {
+            backgroundColor: "#000000"
+          },
+          children: [/*#__PURE__*/jsxRuntimeExports.jsx("span", {
+            style: {
+              color: "#ffffff",
+              fontFamily: "Inter",
+              fontSize: "12px",
+              fontWeight: 500
+            },
+            children: "Powered by"
+          }), logoImageError ? /*#__PURE__*/jsxRuntimeExports.jsx("span", {
+            style: {
+              color: "#ffffff",
+              fontFamily: "Inter",
+              fontSize: "12px",
+              fontWeight: 500
+            },
+            children: "ESHAL"
+          }) : /*#__PURE__*/jsxRuntimeExports.jsx("img", {
+            src: ESHAL_LOGO_URL,
+            alt: "ESHAL",
+            className: "h-3.5 w-auto",
+            style: {
+              filter: "brightness(0) invert(1)"
+            }
+          })]
+        })]
       })]
     });
   };
@@ -58192,7 +58283,7 @@
       textColor
     };
     return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
-      className: "text-white ".concat(isMinimized ? "px-4 py-2.5" : "px-5 py-4", " flex items-center justify-between relative overflow-hidden rounded-t-2xl"),
+      className: "text-white ".concat(isMinimized ? "px-4 py-2.5" : "px-2 py-4", " flex items-center justify-between relative overflow-hidden rounded-t-2xl"),
       style: {
         background: "linear-gradient(135deg, ".concat(primaryColor, " 0%, ").concat(primaryColor, "dd 100%)"),
         fontFamily
@@ -58356,6 +58447,10 @@
       assistantTextColor,
       userTextColor,
       fontFamily = "Inter",
+      agentMessageBubbleFontFamily,
+      agentMessageBubbleFontSize,
+      userMessageBubbleFontFamily,
+      userMessageBubbleFontSize,
       fontSize = "14px",
       defaultLanguage = "en",
       onDecision,
@@ -58369,6 +58464,7 @@
       onBidiSubmit,
       disclaimerText,
       disclaimerPosition = "top",
+      showPoweredBy = true,
       apiBaseUrl,
       apiKey,
       organizationId,
@@ -58453,6 +58549,10 @@
             assistantTextColor: assistantTextColor,
             userTextColor: userTextColor,
             fontFamily: fontFamily,
+            agentMessageBubbleFontFamily: agentMessageBubbleFontFamily,
+            agentMessageBubbleFontSize: agentMessageBubbleFontSize,
+            userMessageBubbleFontFamily: userMessageBubbleFontFamily,
+            userMessageBubbleFontSize: userMessageBubbleFontSize,
             fontSize: fontSize,
             formatTime: formatTime,
             isRtl: isRtlLanguage,
@@ -58485,6 +58585,8 @@
           placeholder: placeholder,
           textColor: resolvedTextColor,
           fontFamily: fontFamily,
+          userMessageBubbleFontFamily: userMessageBubbleFontFamily,
+          userMessageBubbleFontSize: userMessageBubbleFontSize,
           fontSize: fontSize,
           isRtl: isRtlLanguage,
           enableVoiceInteraction: enableVoiceInteraction,
@@ -58495,6 +58597,7 @@
           onBidiSubmit: onBidiSubmit,
           disclaimerText: disclaimerText,
           disclaimerPosition: disclaimerPosition,
+          showPoweredBy: showPoweredBy,
           onboardingQuestions: onboardingQuestions,
           onboardingActive: onboardingActive,
           onboardingCompleted: onboardingCompleted
@@ -58516,7 +58619,8 @@
       className: "group relative w-16 h-16 rounded-full shadow-2xl transition-all duration-300 flex items-center justify-center text-white overflow-hidden ".concat(isOpen ? "rotate-0 scale-100" : "hover:scale-110"),
       style: {
         background: isOpen ? isDark ? "#1f2937" : "#374151" : "linear-gradient(135deg, ".concat(primaryColor, " 0%, ").concat(primaryColor, "dd 100%)"),
-        boxShadow: isOpen ? "0 10px 30px rgba(0,0,0,0.3)" : "0 10px 30px ".concat(primaryColor, "40")
+        boxShadow: isOpen ? "0 10px 30px rgba(0,0,0,0.3)" : "0 10px 30px ".concat(primaryColor, "40"),
+        border: "none"
       },
       "aria-label": isOpen ? "Close chat" : "Open chat",
       children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
@@ -58525,16 +58629,13 @@
         className: "relative z-10 transition-transform duration-300",
         children: isOpen ? /*#__PURE__*/jsxRuntimeExports.jsx(X, {
           className: "w-7 h-7"
-        }) : /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-          children: [/*#__PURE__*/jsxRuntimeExports.jsx(MessageCircle, {
+        }) : /*#__PURE__*/jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+          children: /*#__PURE__*/jsxRuntimeExports.jsx(MessageCircle, {
             className: "w-7 h-7",
             style: {
               color: textColor
             }
-          }), /*#__PURE__*/jsxRuntimeExports.jsx("div", {
-            className: "absolute -top-1 -right-1 w-5 h-5 bg-red-500 rounded-full flex items-center justify-center text-[10px] font-bold border-2 border-white animate-pulse",
-            children: "1"
-          })]
+          })
         })
       })]
     });
@@ -58622,6 +58723,10 @@
       fontSize,
       defaultLanguage,
       apiKey,
+      agentMessageBubbleFontFamily,
+      agentMessageBubbleFontSize,
+      userMessageBubbleFontFamily,
+      userMessageBubbleFontSize,
       autoOpen = false,
       openDelay = 0,
       locale,
@@ -58631,9 +58736,11 @@
       enableVoiceInteraction,
       disclaimerText,
       disclaimerPosition,
+      showPoweredBy,
       onboardingQuestions,
       collectionPrompt,
-      allowedDomains
+      allowedDomains,
+      onboardingEnabled
     } = _ref;
     const [agentConfig, setAgentConfig] = reactExports.useState(null);
     const [isLoadingConfig, setIsLoadingConfig] = reactExports.useState(true);
@@ -58664,7 +58771,7 @@
 
     // Map API response to widget props (use props as overrides if provided)
     const widgetConfig = reactExports.useMemo(() => {
-      var _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref0, _ref1, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _ref20, _ref21;
+      var _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref0, _ref1, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _ref20, _ref21, _ref22, _ref23, _ref24, _ref25, _ref26, _ref27, _ref28, _ref29, _ref30, _ref31, _ref32, _ref33, _ref34, _ref35;
       if (!agentConfig) {
         return null;
       }
@@ -58691,12 +58798,18 @@
         enableVoiceInteraction: (_ref18 = enableVoiceInteraction !== null && enableVoiceInteraction !== void 0 ? enableVoiceInteraction : agentConfig.enableVoiceInteraction) !== null && _ref18 !== void 0 ? _ref18 : false,
         disclaimerText: disclaimerText !== null && disclaimerText !== void 0 ? disclaimerText : agentConfig.disclaimerText,
         disclaimerPosition: (_ref19 = disclaimerPosition !== null && disclaimerPosition !== void 0 ? disclaimerPosition : agentConfig.disclaimerPosition) !== null && _ref19 !== void 0 ? _ref19 : "top",
-        onboardingQuestions: (_ref20 = onboardingQuestions !== null && onboardingQuestions !== void 0 ? onboardingQuestions : agentConfig.onboardingQuestions) !== null && _ref20 !== void 0 ? _ref20 : [],
+        showPoweredBy: (_ref20 = showPoweredBy !== null && showPoweredBy !== void 0 ? showPoweredBy : agentConfig.showPoweredBy) !== null && _ref20 !== void 0 ? _ref20 : true,
+        onboardingQuestions: (_ref21 = onboardingQuestions !== null && onboardingQuestions !== void 0 ? onboardingQuestions : agentConfig.onboardingQuestions) !== null && _ref21 !== void 0 ? _ref21 : [],
         collectionPrompt: collectionPrompt !== null && collectionPrompt !== void 0 ? collectionPrompt : agentConfig.collapsiblePrompt,
         allowedDomains: finalAllowedDomains,
-        launcherPosition: (_ref21 = position !== null && position !== void 0 ? position : agentConfig.launcherPosition) !== null && _ref21 !== void 0 ? _ref21 : "bottom-right"
+        launcherPosition: (_ref22 = position !== null && position !== void 0 ? position : agentConfig.launcherPosition) !== null && _ref22 !== void 0 ? _ref22 : "bottom-right",
+        onboardingEnabled: (_ref23 = onboardingEnabled !== null && onboardingEnabled !== void 0 ? onboardingEnabled : agentConfig.onboardingEnabled) !== null && _ref23 !== void 0 ? _ref23 : false,
+        agentMessageBubbleFontFamily: (_ref24 = (_ref25 = (_ref26 = agentMessageBubbleFontFamily !== null && agentMessageBubbleFontFamily !== void 0 ? agentMessageBubbleFontFamily : agentConfig.agentMessageBubbleFontFamily) !== null && _ref26 !== void 0 ? _ref26 : fontFamily) !== null && _ref25 !== void 0 ? _ref25 : agentConfig.fontFamily) !== null && _ref24 !== void 0 ? _ref24 : "Inter",
+        agentMessageBubbleFontSize: (_ref27 = (_ref28 = (_ref29 = agentMessageBubbleFontSize !== null && agentMessageBubbleFontSize !== void 0 ? agentMessageBubbleFontSize : agentConfig.agentMessageBubbleFontSize) !== null && _ref29 !== void 0 ? _ref29 : fontSize) !== null && _ref28 !== void 0 ? _ref28 : agentConfig.fontSize) !== null && _ref27 !== void 0 ? _ref27 : "14px",
+        userMessageBubbleFontFamily: (_ref30 = (_ref31 = (_ref32 = userMessageBubbleFontFamily !== null && userMessageBubbleFontFamily !== void 0 ? userMessageBubbleFontFamily : agentConfig.userMessageBubbleFontFamily) !== null && _ref32 !== void 0 ? _ref32 : fontFamily) !== null && _ref31 !== void 0 ? _ref31 : agentConfig.fontFamily) !== null && _ref30 !== void 0 ? _ref30 : "Inter",
+        userMessageBubbleFontSize: (_ref33 = (_ref34 = (_ref35 = userMessageBubbleFontSize !== null && userMessageBubbleFontSize !== void 0 ? userMessageBubbleFontSize : agentConfig.userMessageBubbleFontSize) !== null && _ref35 !== void 0 ? _ref35 : fontSize) !== null && _ref34 !== void 0 ? _ref34 : agentConfig.fontSize) !== null && _ref33 !== void 0 ? _ref33 : "14px"
       };
-    }, [agentConfig, darkMode, primaryColor, position, companyName, conciergeName, companyLogo, welcomeMessage, quickQuestions, textColor, agentMessageBubbleColor, userMessageBoxColor, assistantTextColor, userTextColor, fontFamily, fontSize, defaultLanguage, orgId, headerTextBold, headerTextItalic, enableVoiceInteraction, disclaimerText, disclaimerPosition, onboardingQuestions, collectionPrompt, allowedDomains]);
+    }, [agentConfig, darkMode, primaryColor, position, companyName, conciergeName, companyLogo, welcomeMessage, quickQuestions, textColor, agentMessageBubbleColor, userMessageBoxColor, assistantTextColor, userTextColor, fontFamily, fontSize, defaultLanguage, orgId, headerTextBold, headerTextItalic, enableVoiceInteraction, disclaimerText, disclaimerPosition, showPoweredBy, onboardingQuestions, onboardingEnabled, collectionPrompt, allowedDomains, agentMessageBubbleFontFamily, agentMessageBubbleFontSize, userMessageBubbleFontFamily, userMessageBubbleFontSize]);
 
     // Check if current domain is allowed
     const isAllowed = reactExports.useMemo(() => {
@@ -58718,6 +58831,7 @@
       darkMode: false,
       enableVoiceInteraction: false,
       onboardingQuestions: [],
+      onboardingEnabled: false,
       collectionPrompt: undefined
     }), [apiBaseUrl, apiKey, orgId]);
 
@@ -58757,6 +58871,7 @@
       darkMode: widgetConfig.darkMode,
       enableVoiceInteraction: widgetConfig.enableVoiceInteraction,
       onboardingQuestions: widgetConfig.onboardingQuestions,
+      onboardingEnabled: widgetConfig.onboardingEnabled,
       collectionPrompt: widgetConfig.collectionPrompt
     } : defaultConfig);
 
@@ -58819,6 +58934,10 @@
         assistantTextColor: widgetConfig.assistantTextColor,
         userTextColor: widgetConfig.userTextColor,
         fontFamily: widgetConfig.fontFamily,
+        agentMessageBubbleFontFamily: widgetConfig.agentMessageBubbleFontFamily,
+        agentMessageBubbleFontSize: widgetConfig.agentMessageBubbleFontSize,
+        userMessageBubbleFontFamily: widgetConfig.userMessageBubbleFontFamily,
+        userMessageBubbleFontSize: widgetConfig.userMessageBubbleFontSize,
         fontSize: widgetConfig.fontSize,
         defaultLanguage: widgetConfig.defaultLanguage || locale,
         onDecision: handleDecision,
@@ -58832,6 +58951,7 @@
         onBidiSubmit: () => sendBidiTextMessage(inputValue),
         disclaimerText: widgetConfig.disclaimerText,
         disclaimerPosition: widgetConfig.disclaimerPosition,
+        showPoweredBy: widgetConfig.showPoweredBy,
         apiBaseUrl: apiBaseUrl,
         apiKey: apiKey,
         organizationId: widgetConfig.organizationId,
@@ -58886,16 +59006,18 @@
       enableVoiceInteraction: false,
       disclaimerText: undefined,
       disclaimerPosition: 'top',
+      showPoweredBy: true,
       onboardingQuestions: [],
+      onboardingEnabled: false,
       collectionPrompt: undefined,
       allowedDomains: [],
       onOpen: null,
       onClose: null
     };
     const API = {
-      /**
-       * Initialize the chat widget
-       * @param {Object} options - Configuration options
+      /**
+       * Initialize the chat widget
+       * @param {Object} options - Configuration options
        */
       init: async function () {
         let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -58927,7 +59049,7 @@
         // Render component
         // If orgId and apiBaseUrl are provided, use dynamic config
         // Otherwise, use the old static config approach for backward compatibility
-        const widgetProps = config.orgId && config.apiBaseUrl ? _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
+        const widgetProps = config.orgId && config.apiBaseUrl ? _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
           // Required props
           orgId: config.orgId,
           apiBaseUrl: config.apiBaseUrl
@@ -58979,6 +59101,10 @@
           disclaimerPosition: config.disclaimerPosition
         }), options.onboardingQuestions !== undefined && {
           onboardingQuestions: config.onboardingQuestions
+        }), options.onboardingEnabled !== undefined && {
+          onboardingEnabled: config.onboardingEnabled
+        }), options.showPoweredBy !== undefined && {
+          showPoweredBy: config.showPoweredBy
         }), options.collectionPrompt !== undefined && {
           collectionPrompt: config.collectionPrompt
         }), options.allowedDomains !== undefined && options.allowedDomains.length > 0 && {
@@ -59003,17 +59129,17 @@
         }
         return API;
       },
-      /**
-       * Update configuration
-       * @param {Object} newConfig - New configuration options
+      /**
+       * Update configuration
+       * @param {Object} newConfig - New configuration options
        */
       updateConfig: function (newConfig) {
         config = _objectSpread2(_objectSpread2({}, config), newConfig);
         this.init(config);
         return API;
       },
-      /**
-       * Open the chat widget
+      /**
+       * Open the chat widget
        */
       open: function () {
         // Trigger open by updating config
@@ -59024,8 +59150,8 @@
         if (config.onOpen) config.onOpen();
         return API;
       },
-      /**
-       * Close the chat widget
+      /**
+       * Close the chat widget
        */
       close: function () {
         this.updateConfig({
@@ -59034,8 +59160,8 @@
         if (config.onClose) config.onClose();
         return API;
       },
-      /**
-       * Toggle dark mode
+      /**
+       * Toggle dark mode
        */
       toggleTheme: function () {
         config.darkMode = !config.darkMode;
@@ -59044,8 +59170,8 @@
         });
         return API;
       },
-      /**
-       * Destroy the widget
+      /**
+       * Destroy the widget
        */
       destroy: function () {
         if (root) {
@@ -59060,8 +59186,8 @@
         config = {};
         return API;
       },
-      /**
-       * Get current configuration
+      /**
+       * Get current configuration
        */
       getConfig: function () {
         return _objectSpread2({}, config);