@brainfish-ai/components 0.18.7 → 0.19.0

package/dist/chat-search.d.ts

@@ -58,7 +58,12 @@ declare enum ActionType {
     CallPhone = "call_phone",
     OpenUrl = "open_url",
     SendEmail = "send_email",
-    RunCallback = "run_callback"
+    RunCallback = "run_callback",
+    LaunchIntercomChat = "launch_intercom_chat",
+    LaunchZendeskChat = "launch_zendesk_chat",
+    LaunchZendeskMessenger = "launch_zendesk_messenger",
+    LaunchFreshdesk = "launch_freshdesk",
+    LaunchSupportTicketForm = "launch_support_ticket_form"
 }
 
 declare type AddActionButtons = {
@@ -94,6 +99,7 @@ export declare interface Answer {
     uncertaintyFallbackText?: string;
     searchIntentId?: string;
     actions?: Action[];
+    hasError?: boolean;
 }
 
 declare type AnswerBlock = MarkdownTextBlock | ActionButtonsBlock | ActionInputFormBlock;
@@ -327,7 +333,11 @@ declare enum NextBestActionType {
     Email = "email",
     Phone = "phone",
     Callback = "callback",
-    Function = "function"
+    Function = "function",
+    ZendeskChat = "zendesk_chat",
+    ZendeskMessenger = "zendesk_messenger",
+    IntercomChat = "intercom_chat",
+    Freshdesk = "freshdesk"
 }
 
 declare type NoArticlesFound = {

package/dist/esm/chunks/{ChatSearch.DSB-T76c.js → ChatSearch.g9-_lvsz.js}

@@ -1,4 +1,4 @@
-import React__default, { useState, useCallback, useMemo, createContext, useContext, Fragment, useRef, useEffect, forwardRef, useImperativeHandle } from 'react';
+import React__default, { useState, useCallback, useMemo, createContext, useContext, useRef, useEffect, forwardRef, useImperativeHandle } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
 import rehypeRaw from 'rehype-raw';
 import remarkGfm from 'remark-gfm';
@@ -3677,7 +3677,9 @@ const reducer = (draft, action) => {
       const answer = getTargetAnswer(draft, action.payload.index ?? -1);
       const block = answer && getLastTextBlock(answer);
       if (block && isMarkdownTextBlock(block)) {
-        block.text += action.payload.error;
+        block.text = action.payload.error;
+        answer.state = "completed";
+        answer.hasError = true;
       }
       return;
     }
@@ -3691,7 +3693,8 @@ const reducer = (draft, action) => {
     case AnswersActions.COMPLETE_ANSWER: {
       const answer = getTargetAnswer(draft, action.payload.index);
       if (answer) {
-        if (answer.state === "streaming") {
+        const shouldComplete = answer.state === "streaming" || answer.state === "fetching-search-results" || answer.state === "fetching-stream";
+        if (shouldComplete) {
           answer.state = "completed";
         }
       }
@@ -3917,7 +3920,51 @@ function AnswerBlock({ block, redirectRules, state }) {
   }
 }
 
+var ActionType = /* @__PURE__ */ ((ActionType2) => {
+  ActionType2["CallPhone"] = "call_phone";
+  ActionType2["OpenUrl"] = "open_url";
+  ActionType2["SendEmail"] = "send_email";
+  ActionType2["RunCallback"] = "run_callback";
+  ActionType2["LaunchIntercomChat"] = "launch_intercom_chat";
+  ActionType2["LaunchZendeskChat"] = "launch_zendesk_chat";
+  ActionType2["LaunchZendeskMessenger"] = "launch_zendesk_messenger";
+  ActionType2["LaunchFreshdesk"] = "launch_freshdesk";
+  ActionType2["LaunchSupportTicketForm"] = "launch_support_ticket_form";
+  return ActionType2;
+})(ActionType || {});
+var NextBestActionType = /* @__PURE__ */ ((NextBestActionType2) => {
+  NextBestActionType2["Link"] = "link";
+  NextBestActionType2["Email"] = "email";
+  NextBestActionType2["Phone"] = "phone";
+  NextBestActionType2["Callback"] = "callback";
+  NextBestActionType2["Function"] = "function";
+  NextBestActionType2["ZendeskChat"] = "zendesk_chat";
+  NextBestActionType2["ZendeskMessenger"] = "zendesk_messenger";
+  NextBestActionType2["IntercomChat"] = "intercom_chat";
+  NextBestActionType2["Freshdesk"] = "freshdesk";
+  return NextBestActionType2;
+})(NextBestActionType || {});
+
 const MotionButton$1 = motion(Button);
+const closeBrainfishWidget = () => {
+  if (window.Brainfish?.HelpWidget?.close) {
+    window.Brainfish.HelpWidget.close();
+  }
+};
+const ActionButton = ({ icon, label, index, onClick, showArrowOut = false, asChild = false, children }) => /* @__PURE__ */ React__default.createElement(
+  MotionButton$1,
+  {
+    initial: { opacity: 0, x: -20 },
+    animate: { opacity: 1, x: 0 },
+    transition: { delay: index * 0.1 },
+    className: "w-full text-left h-12 text-base [&_svg]:size-6",
+    variant: "ghost",
+    onClick,
+    asChild
+  },
+  asChild ? children : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, icon && /* @__PURE__ */ React__default.createElement(MemoizedIcon, { iconName: icon }), /* @__PURE__ */ React__default.createElement("span", { className: "flex-grow" }, label), showArrowOut && /* @__PURE__ */ React__default.createElement(MemoizedIcon, { iconName: "ArrowSquareOut" }))
+);
+const ActionLink = ({ href, icon, label, index, onClick }) => /* @__PURE__ */ React__default.createElement(ActionButton, { icon, label, index, onClick, asChild: true }, /* @__PURE__ */ React__default.createElement("a", { href, target: "_blank", rel: "noopener noreferrer" }, icon && /* @__PURE__ */ React__default.createElement(MemoizedIcon, { iconName: icon }), /* @__PURE__ */ React__default.createElement("span", { className: "flex-grow" }, label), /* @__PURE__ */ React__default.createElement(MemoizedIcon, { iconName: "ArrowSquareOut" })));
 const NextBestActions = ({ nextBestActions, onActionClick }) => {
   if (!nextBestActions.length) return null;
   return /* @__PURE__ */ React__default.createElement(
@@ -3929,102 +3976,155 @@ const NextBestActions = ({ nextBestActions, onActionClick }) => {
       className: "w-full"
     },
     /* @__PURE__ */ React__default.createElement("div", { className: "rounded-lg overflow-hidden bg-card border  divide-y divide-dark-300" }, nextBestActions.map((action, index) => {
-      const handleClick = () => {
-        onActionClick(action);
+      const handleClick = (success) => {
+        onActionClick(action, success);
       };
-      const className = "w-full h-12 py-2 px-4 inline-flex items-center justify-center gap-2 whitespace-nowrap text-base font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-6 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground";
       const key = `${action.label}-${index}`.replace(/\s+/g, "-");
       switch (action.type) {
-        case "email":
+        case NextBestActionType.Email:
           return /* @__PURE__ */ React__default.createElement(
-            motion.a,
+            ActionLink,
             {
               key,
-              initial: { opacity: 0, x: -20 },
-              animate: { opacity: 1, x: 0 },
-              transition: { delay: index * 0.1 },
               href: `mailto:${action.value}`,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className,
+              icon: action.icon,
+              label: action.label,
+              index,
               onClick: () => handleClick()
-            },
-            action.icon && /* @__PURE__ */ React__default.createElement(MemoizedIcon, { iconName: action.icon }),
-            /* @__PURE__ */ React__default.createElement("span", { className: "flex-grow" }, action.label),
-            /* @__PURE__ */ React__default.createElement(MemoizedIcon, { iconName: "ArrowSquareOut" })
+            }
           );
-        case "link":
+        case NextBestActionType.Link:
           return /* @__PURE__ */ React__default.createElement(
-            motion.a,
+            ActionLink,
             {
               key,
-              initial: { opacity: 0, x: -20 },
-              animate: { opacity: 1, x: 0 },
-              transition: { delay: index * 0.1 },
               href: addPopupWidgetUtm(action.value),
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className,
+              icon: action.icon,
+              label: action.label,
+              index,
               onClick: () => handleClick()
-            },
-            action.icon && /* @__PURE__ */ React__default.createElement(MemoizedIcon, { iconName: action.icon }),
-            /* @__PURE__ */ React__default.createElement("span", { className: "flex-grow" }, action.label),
-            /* @__PURE__ */ React__default.createElement(MemoizedIcon, { iconName: "ArrowSquareOut" })
+            }
           );
-        case "phone":
+        case NextBestActionType.Phone:
           return /* @__PURE__ */ React__default.createElement(
-            motion.a,
+            ActionLink,
             {
               key,
-              initial: { opacity: 0, x: -20 },
-              animate: { opacity: 1, x: 0 },
-              transition: { delay: index * 0.1 },
               href: `tel:${action.value}`,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className,
+              icon: action.icon,
+              label: action.label,
+              index,
               onClick: () => handleClick()
-            },
-            action.icon && /* @__PURE__ */ React__default.createElement(MemoizedIcon, { iconName: action.icon }),
-            /* @__PURE__ */ React__default.createElement("span", { className: "flex-grow" }, action.label),
-            /* @__PURE__ */ React__default.createElement(MemoizedIcon, { iconName: "ArrowSquareOut" })
+            }
+          );
+        case NextBestActionType.ZendeskChat:
+          return /* @__PURE__ */ React__default.createElement(
+            ActionButton,
+            {
+              key,
+              icon: action.icon,
+              label: action.label,
+              index,
+              onClick: () => {
+                if (window.zE) {
+                  closeBrainfishWidget();
+                  window.zE("webWidget", "open");
+                  handleClick(true);
+                } else {
+                  console.error(
+                    "Zendesk Chat is not loaded. Make sure you've included the Zendesk Chat script in your website."
+                  );
+                  handleClick(false);
+                }
+              }
+            }
+          );
+        case NextBestActionType.ZendeskMessenger:
+          return /* @__PURE__ */ React__default.createElement(
+            ActionButton,
+            {
+              key,
+              icon: action.icon,
+              label: action.label,
+              index,
+              onClick: () => {
+                if (window.zE) {
+                  closeBrainfishWidget();
+                  window.zE("messenger", "open");
+                  handleClick(true);
+                } else {
+                  console.error(
+                    "Zendesk Messenger is not loaded. Make sure you've included the Zendesk Messenger script in your website."
+                  );
+                  handleClick(false);
+                }
+              }
+            }
+          );
+        case NextBestActionType.IntercomChat:
+          return /* @__PURE__ */ React__default.createElement(
+            ActionButton,
+            {
+              key,
+              icon: action.icon,
+              label: action.label,
+              index,
+              onClick: () => {
+                if (window.Intercom) {
+                  closeBrainfishWidget();
+                  window.Intercom("show");
+                  handleClick(true);
+                } else {
+                  console.error(
+                    "Intercom is not loaded. Make sure you've included the Intercom script in your website."
+                  );
+                  handleClick(false);
+                }
+              }
+            }
+          );
+        case NextBestActionType.Freshdesk:
+          return /* @__PURE__ */ React__default.createElement(
+            ActionButton,
+            {
+              key,
+              icon: action.icon,
+              label: action.label,
+              index,
+              onClick: () => {
+                if (window.fcWidget) {
+                  closeBrainfishWidget();
+                  setTimeout(() => {
+                    window.fcWidget.open();
+                    window.fcWidget.show();
+                  }, 300);
+                  handleClick(true);
+                } else {
+                  console.error(
+                    "Freshdesk is not loaded. Make sure you've included the Freshdesk script in your website."
+                  );
+                  handleClick(false);
+                }
+              }
+            }
           );
         default:
-          return /* @__PURE__ */ React__default.createElement(Fragment, { key }, /* @__PURE__ */ React__default.createElement(
-            MotionButton$1,
+          return /* @__PURE__ */ React__default.createElement(
+            ActionButton,
             {
-              initial: { opacity: 0, x: -20 },
-              animate: { opacity: 1, x: 0 },
-              transition: { delay: index * 0.1 },
-              className: "w-full text-left h-12 rounded-none [&_svg]:pointer-events-none [&_svg]:size-6 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground text-base font-medium",
-              variant: "ghost",
-              onClick: () => handleClick()
-            },
-            /* @__PURE__ */ React__default.createElement(MemoizedIcon, { iconName: "ArrowCircleRight" }),
-            /* @__PURE__ */ React__default.createElement("span", { className: "flex-grow" }, action.label),
-            /* @__PURE__ */ React__default.createElement(MemoizedIcon, { iconName: "ArrowSquareOut" })
-          ));
+              key,
+              icon: "ArrowCircleRight",
+              label: action.label,
+              index,
+              onClick: () => handleClick(),
+              showArrowOut: true
+            }
+          );
       }
     }))
   );
 };
 
-var ActionType = /* @__PURE__ */ ((ActionType2) => {
-  ActionType2["CallPhone"] = "call_phone";
-  ActionType2["OpenUrl"] = "open_url";
-  ActionType2["SendEmail"] = "send_email";
-  ActionType2["RunCallback"] = "run_callback";
-  return ActionType2;
-})(ActionType || {});
-var NextBestActionType = /* @__PURE__ */ ((NextBestActionType2) => {
-  NextBestActionType2["Link"] = "link";
-  NextBestActionType2["Email"] = "email";
-  NextBestActionType2["Phone"] = "phone";
-  NextBestActionType2["Callback"] = "callback";
-  NextBestActionType2["Function"] = "function";
-  return NextBestActionType2;
-})(NextBestActionType || {});
-
 const getActionMapping = (action) => {
   const actionMapping = {
     [ActionType.CallPhone]: {
@@ -4055,6 +4155,36 @@ const getActionMapping = (action) => {
         });
       },
       getLabel: (a) => a.action?.options?.title || "Run Action"
+    },
+    [ActionType.LaunchZendeskChat]: {
+      type: NextBestActionType.ZendeskChat,
+      icon: "ChatCircleDots",
+      getValue: (a) => a.action?.options?.embedKey || a.id,
+      getLabel: (a) => a.action?.options?.title || "Chat with us"
+    },
+    [ActionType.LaunchZendeskMessenger]: {
+      type: NextBestActionType.ZendeskMessenger,
+      icon: "ChatCircleDots",
+      getValue: (a) => a.action?.options?.embedKey || a.id,
+      getLabel: (a) => a.action?.options?.title || "Chat with us"
+    },
+    [ActionType.LaunchIntercomChat]: {
+      type: NextBestActionType.IntercomChat,
+      icon: "ChatCircleDots",
+      getValue: (a) => a.action?.options?.appId || a.id,
+      getLabel: (a) => a.action?.options?.title || "Chat with us"
+    },
+    [ActionType.LaunchFreshdesk]: {
+      type: NextBestActionType.Freshdesk,
+      icon: "ChatCircleDots",
+      getValue: (a) => a.action?.options?.token || a.id,
+      getLabel: (a) => a.action?.options?.title || "Chat with us"
+    },
+    [ActionType.LaunchSupportTicketForm]: {
+      type: NextBestActionType.Link,
+      icon: "Notepad",
+      getValue: (a) => a.action?.options?.formUrl || a.id,
+      getLabel: (a) => a.action?.options?.title || "Submit a ticket"
     }
   };
   const mapping = actionMapping[action.type] || {
@@ -4109,13 +4239,14 @@ const AnswerActions = ({
     NextBestActions,
     {
       nextBestActions: mappedActions,
-      onActionClick: (action) => {
+      onActionClick: (action, success) => {
         if (action) {
           handleActionClick?.({
             action,
             searchQueryId: searchQueryId || "",
             query: question,
-            answer
+            answer,
+            success
           });
         }
       }
@@ -4447,7 +4578,9 @@ const useConversationLoader = ({ loadConversationEndpoint, headers, mergedTextCo
         answerListDispatch(clearAll());
         clearConversationId();
         setShowResults(false);
-        setLoadError(mergedTextConfig.errorText || "An error occurred");
+        setLoadError(
+          mergedTextConfig.errorText || "Sorry, we were unable to process the request right now. Please try again in a moment."
+        );
       }).finally(() => {
         setIsLoadingConversation(false);
       });
@@ -4648,7 +4781,8 @@ function Answer({
   handleActionClick,
   nextBestActions,
   isLastAnswer,
-  onFeedbackReasonSubmit
+  onFeedbackReasonSubmit,
+  hasError = false
 }) {
   const [isCopied, setIsCopied] = useState(false);
   const [isExpanded, setIsExpanded] = useState(false);
@@ -4658,6 +4792,7 @@ function Answer({
   const isFetchingSearchResults = state === "fetching-search-results";
   const isIdle = state === "getting-action-inputs" || state === "completed";
   const isCompleted = state === "completed";
+  const showError = hasError && isCompleted;
   const handleCopy = async () => {
     try {
       await navigator.clipboard.writeText(answer);
@@ -4692,10 +4827,20 @@ function Answer({
       "data-name": "SearchResults",
       "data-index": index
     },
-    /* @__PURE__ */ React__default.createElement("div", { className: "px-4 pt-4 pb-2" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex items-start justify-between gap-2 min-h-9" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex gap-1" }, /* @__PURE__ */ React__default.createElement(GeneratingStar, { loading: !isIdle }), /* @__PURE__ */ React__default.createElement("h2", { className: "leading-normal font-semibold m-0 text-foreground self-center text-lg" }, question)), isCompleted && /* @__PURE__ */ React__default.createElement(TooltipProvider, null, /* @__PURE__ */ React__default.createElement(Tooltip, null, /* @__PURE__ */ React__default.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => void handleCopy(), className: "-mt-1 flex-shrink-0" }, isCopied ? /* @__PURE__ */ React__default.createElement(Check, { className: "text-feedback-positive", weight: "bold" }) : /* @__PURE__ */ React__default.createElement(Copy, { className: "text-secondary-foreground", weight: "bold" }))), /* @__PURE__ */ React__default.createElement(TooltipContent, null, /* @__PURE__ */ React__default.createElement("p", null, isCopied ? "Copied!" : "Copy")))))),
-    isFetchingInitialAnswer && /* @__PURE__ */ React__default.createElement("div", { className: "space-y-4 mt-2 px-4" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React__default.createElement("div", { className: "size-5 rounded-full bg-primary/30" }), /* @__PURE__ */ React__default.createElement("div", { className: "flex items-center gap-2 text-sm text-foreground" }, isFetchingSearchResults ? textConfig.loadingSearchText : textConfig.loadingAnswerText))),
-    /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col" }, blocks?.map((block, i) => /* @__PURE__ */ React__default.createElement("div", { key: i, className: "p-4 border-b last:border-b-0 border-dashed" }, /* @__PURE__ */ React__default.createElement(AnswerBlock, { block, redirectRules, state })))),
-    isCompleted && /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement("div", { className: "px-4 pt-4 pb-2" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex items-start justify-between gap-2 min-h-9" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex gap-1" }, /* @__PURE__ */ React__default.createElement(GeneratingStar, { loading: !isIdle }), /* @__PURE__ */ React__default.createElement("h2", { className: "leading-normal font-semibold m-0 text-foreground self-center text-lg" }, question)), isCompleted && !showError && /* @__PURE__ */ React__default.createElement(TooltipProvider, null, /* @__PURE__ */ React__default.createElement(Tooltip, null, /* @__PURE__ */ React__default.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => void handleCopy(), className: "-mt-1 flex-shrink-0" }, isCopied ? /* @__PURE__ */ React__default.createElement(Check, { className: "text-feedback-positive", weight: "bold" }) : /* @__PURE__ */ React__default.createElement(Copy, { className: "text-secondary-foreground", weight: "bold" }))), /* @__PURE__ */ React__default.createElement(TooltipContent, null, /* @__PURE__ */ React__default.createElement("p", null, isCopied ? "Copied!" : "Copy")))))),
+    isFetchingInitialAnswer && /* @__PURE__ */ React__default.createElement("div", { className: "px-4 pt-0 pb-2" }, /* @__PURE__ */ React__default.createElement("p", { className: "text-sm text-muted-foreground" }, isFetchingSearchResults ? textConfig.loadingSearchText : textConfig.loadingAnswerText)),
+    /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col" }, blocks?.map((block, i) => /* @__PURE__ */ React__default.createElement(
+      "div",
+      {
+        key: i,
+        className: cn(
+          "px-4 pt-0 pb-2 border-b last:border-b-0 border-dashed",
+          showError && "text-muted-foreground"
+        )
+      },
+      /* @__PURE__ */ React__default.createElement(AnswerBlock, { block, redirectRules, state })
+    ))),
+    isCompleted && !showError && /* @__PURE__ */ React__default.createElement(
       AnswerActions,
       {
         actions,
@@ -4708,7 +4853,7 @@ function Answer({
         answer
       }
     ),
-    isCompleted && !disableFeedback && /* @__PURE__ */ React__default.createElement("div", { className: "p-4 pt-0" }, /* @__PURE__ */ React__default.createElement(
+    isCompleted && !disableFeedback && !showError && /* @__PURE__ */ React__default.createElement("div", { className: "p-4 pt-0" }, /* @__PURE__ */ React__default.createElement(
       Feedback,
       {
         feedback,
@@ -5449,7 +5594,7 @@ const defaultTextConfig = {
   allDocumentsText: "All documents",
   loadingSearchText: "Searching for relevant content...",
   loadingAnswerText: "Crafting a response...",
-  errorText: "Sorry, there was an error generating the answer.",
+  errorText: "Sorry, we were unable to process the request right now. Please try again in a moment.",
   followUpPlaceholder: "Type your response or follow-up",
   positiveAnswerText: "Helpful",
   negativeAnswerText: "Not helpful",
@@ -5863,7 +6008,11 @@ const ChatSearchComponent = forwardRef(
         }
       } catch (e) {
         console.error("Error generating answer for query:", e);
-        answerListDispatch(setAnswerError({ error: mergedTextConfig.errorText || "An error occurred." }));
+        answerListDispatch(
+          setAnswerError({
+            error: mergedTextConfig.errorText || "Sorry, we were unable to process the request right now. Please try again in a moment."
+          })
+        );
       } finally {
         answerListDispatch(completeAnswer());
       }
@@ -5898,7 +6047,11 @@ const ChatSearchComponent = forwardRef(
         });
       } catch (e) {
         console.error("Error generating answer for action:", e);
-        answerListDispatch(setAnswerError({ error: mergedTextConfig.errorText || "An error occurred." }));
+        answerListDispatch(
+          setAnswerError({
+            error: mergedTextConfig.errorText || "Sorry, we were unable to process the request right now. Please try again in a moment."
+          })
+        );
       } finally {
         answerListDispatch(completeAnswer());
         setIsSearching(false);
@@ -5934,7 +6087,11 @@ const ChatSearchComponent = forwardRef(
         });
       } catch (e) {
         console.error("Error generating answer for action:", e);
-        answerListDispatch(setAnswerError({ error: mergedTextConfig.errorText || "An error occurred." }));
+        answerListDispatch(
+          setAnswerError({
+            error: mergedTextConfig.errorText || "Sorry, we were unable to process the request right now. Please try again in a moment."
+          })
+        );
       } finally {
         answerListDispatch(completeAnswer());
         setIsSearching(false);
@@ -6017,7 +6174,11 @@ const ChatSearchComponent = forwardRef(
           searchQuery,
           ...event.metaData
         });
-        answerListDispatch(setAnswerError({ error: mergedTextConfig.errorText || "An error occurred." }));
+        answerListDispatch(
+          setAnswerError({
+            error: mergedTextConfig.errorText || "Sorry, we were unable to process the request right now. Please try again in a moment."
+          })
+        );
       } finally {
         setIsSearching(false);
       }
@@ -6412,10 +6573,11 @@ const ChatSearchComponent = forwardRef(
                 actions: answer.actions,
                 handleActionClick: handleNextBestActionClick,
                 isLastAnswer: i === answers.length - 1,
-                onFeedbackReasonSubmit: (reason) => void handleFeedbackReasonSubmit(reason, answer.searchQueryId)
+                onFeedbackReasonSubmit: (reason) => void handleFeedbackReasonSubmit(reason, answer.searchQueryId),
+                hasError: answer.hasError
               }
             ),
-            i === answers.length - 1 && !disableFollowUpQuestions && answer.followUpQuestions && answer.state === "completed" && /* @__PURE__ */ React__default.createElement(
+            i === answers.length - 1 && !disableFollowUpQuestions && answer.followUpQuestions && answer.state === "completed" && !answer.hasError && /* @__PURE__ */ React__default.createElement(
               FollowUpQuestions,
               {
                 questions: answer.followUpQuestions,
@@ -6479,4 +6641,4 @@ const ChatSearch = forwardRef(({ featureFlags, ...props }, ref) => /* @__PURE__
 ChatSearch.displayName = "ChatSearch";
 
 export { ChatSearch as C, ChatSearchProvider as a, useIsChatSearchDirty as b, useChatSearch as u };
-//# sourceMappingURL=ChatSearch.DSB-T76c.js.map
+//# sourceMappingURL=ChatSearch.g9-_lvsz.js.map