@brainfish-ai/components 0.18.8 → 0.19.1

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 = {
@@ -328,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.DCnEmHuh.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';
@@ -3920,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(
@@ -3932,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]: {
@@ -4058,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] || {
@@ -4112,13 +4239,14 @@ const AnswerActions = ({
     NextBestActions,
     {
       nextBestActions: mappedActions,
-      onActionClick: (action) => {
+      onActionClick: (action, success) => {
         if (action) {
           handleActionClick?.({
             action,
             searchQueryId: searchQueryId || "",
             query: question,
-            answer
+            answer,
+            success
           });
         }
       }
@@ -6513,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.DCnEmHuh.js.map
+//# sourceMappingURL=ChatSearch.g9-_lvsz.js.map