@axos-web-dev/shared-components 1.0.100-dev.34 → 1.0.100-dev.35-chatbot-1

package/dist/ATMLocator/ATMLocator.js

@@ -73,6 +73,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Auth/ErrorAlert.js

@@ -65,6 +65,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 import { Hyperlink } from "../Hyperlink/index.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";

package/dist/Avatar/Avatar.module.js

@@ -1,10 +1,10 @@
-import '../assets/Avatar/Avatar.css.css';const avatar_sec = "_avatar_sec_q4a8z_1";
-const container = "_container_q4a8z_9";
-const image = "_image_q4a8z_27";
-const text = "_text_q4a8z_45";
-const name = "_name_q4a8z_57";
-const title = "_title_q4a8z_73";
-const description = "_description_q4a8z_87";
+import '../assets/Avatar/Avatar.css.css';const avatar_sec = "_avatar_sec_1clr6_1";
+const container = "_container_1clr6_5";
+const image = "_image_1clr6_14";
+const text = "_text_1clr6_23";
+const name = "_name_1clr6_29";
+const title = "_title_1clr6_37";
+const description = "_description_1clr6_44";
 const css = {
   avatar_sec,
   container,

package/dist/Blockquote/Blockquote.module.js

@@ -1,6 +1,6 @@
-import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_lqs2u_1";
-const author = "_author_lqs2u_13";
-const quote = "_quote_lqs2u_1";
+import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_ovx4r_1";
+const author = "_author_ovx4r_7";
+const quote = "_quote_ovx4r_1";
 const css = {
   quote_spacer,
   author,

package/dist/Button/Button.js

@@ -76,6 +76,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Calculators/Calculator.js

@@ -52,10 +52,11 @@ import "../Carousel/index.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 import "react-use";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Carousel/index.js

@@ -78,6 +78,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Chatbot/Bubble.d.ts

@@ -1,3 +1,5 @@
 import { PropsWithChildren } from 'react';
 
-export declare const Bubble: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const Bubble: ({ children, onClick, }: PropsWithChildren & {
+    onClick?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/Chatbot/Bubble.js

@@ -3,10 +3,13 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { AnimatePresence, motion } from "framer-motion";
 import { bubbleWrapper, svgFill } from "./Bubble.css.js";
 import { useOpenChat } from "./store/chat.js";
-const Bubble = ({ children }) => {
+const Bubble = ({
+  children,
+  onClick = () => {
+  }
+}) => {
   const isOpen = useOpenChat((state) => state.isOpen);
-  const toggle = useOpenChat((state) => state.toggle);
-  return /* @__PURE__ */ jsxs("div", { className: bubbleWrapper, onClick: toggle, children: [
+  return /* @__PURE__ */ jsxs("div", { className: bubbleWrapper, onClick, children: [
     /* @__PURE__ */ jsx("div", { className: "bubble-circle flex", children: /* @__PURE__ */ jsx(AnimatePresence, { children: !isOpen ? /* @__PURE__ */ jsxs(
       motion.svg,
       {

package/dist/Chatbot/ChatWindow.css.js

@@ -1,3 +1,4 @@
+import "./Chatbot.css.ts.vanilla.css.js";
 import '../assets/Chatbot/ChatWindow.css';/* empty css                              */
 var windowStyle = "_13n1jqk0";
 var windowOpenStyle = "_13n1jqk1";

package/dist/Chatbot/ChatWindow.d.ts

@@ -1,4 +1,4 @@
-import { MessageResponse as BaseMessageResponse, HumanAgent } from '@ujet/websdk-headless';
+import { MessageResponse as BaseMessageResponse, HumanAgent, VirtualAgent } from '@ujet/websdk-headless';
 import { default as React } from 'react';
 
 interface MessageResponse extends BaseMessageResponse {
@@ -19,11 +19,7 @@ interface ChatWindowProps {
     onClose?: () => void;
     endChat?: () => void;
     showReconnect?: boolean;
-    virtualAgent?: {
-        avatar_url: string;
-        name: string;
-        id: string;
-    };
+    virtualAgent?: VirtualAgent | null;
     showAvatar?: boolean;
 }
 export declare const ChatWindow: React.FC<ChatWindowProps>;

package/dist/Chatbot/Chatbot.css.js

@@ -1,4 +1,3 @@
-import "./Chatbot.css.ts.vanilla.css.js";
 var chatbotAXB = "_1hpv6vm0";
 var chatbotUFB = "_1hpv6vm1";
 export {

package/dist/Chatbot/Chatbot.d.ts

@@ -2,4 +2,9 @@ export type ChatbotProps = {
     project?: "axos" | "ufb";
     debug?: boolean;
 };
-export declare const Chatbot: (props: ChatbotProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Chatbot: ({ project, projectEnv, menuOption, }: {
+    project?: "axos" | "ufb";
+    projectEnv?: "dev" | "qa" | "uat" | "stg" | "prod";
+    menuOption?: "Support Virtual Agent" | string;
+    debug?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/Chatbot/Chatbot.js

@@ -2,37 +2,207 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { authenticate } from "./authenticate.js";
 import { Bubble } from "./Bubble.js";
-import { chatbotUFB, chatbotAXB } from "./Chatbot.css.js";
 import { ChatWindow } from "./ChatWindow.js";
 import { useOpenChat } from "./store/chat.js";
 import { useMessages } from "./store/messages.js";
-import { useHeadlessChat } from "./useHeadlessChat.js";
-const Chatbot = (props) => {
-  const messages = useMessages((state) => state.messages);
-  const close = useOpenChat((state) => state.close);
-  const { status, sendMessage, showReconnect, endChat, virtualAgent } = useHeadlessChat({
-    companyId: process.env.CCAI_COMPANY_ID || "",
-    tenant: process.env.CCAI_TENANT_NAME || "",
-    host: process.env.CCAI_HOST || "",
-    // or your region
-    projectId: process.env.CCAI_PROJECT_ID || props.project || "axos",
-    getToken: authenticate,
-    debug: props.debug || process.env.NODE_ENV === "development"
+import { Logger, consoleLoggerHandler, Client } from "@ujet/websdk-headless";
+import { useRef, useState } from "react";
+import { useMount, useUnmount } from "react-use";
+const Chatbot = ({
+  project = "axos",
+  projectEnv = "dev",
+  menuOption = "Support Virtual Agent"
+}) => {
+  const { hasOpenedOnce, toggle, reset } = useOpenChat();
+  const { addMessage, addMessages, clearMessages, messages } = useMessages();
+  const clientRef = useRef(null);
+  const menuRef = useRef(null);
+  const isMountedRef = useRef(false);
+  const chatRef = useRef(null);
+  const agent_virtual = useRef(null);
+  const [status, setStatus] = useState("idle");
+  const [hasStarted, setHasStarted] = useState(false);
+  const brandMap = /* @__PURE__ */ new Map([
+    ["axos", 1],
+    ["ufb", 3]
+  ]);
+  const custom_data = {
+    unsigned: {
+      facingBrandId: {
+        label: "facingBrandId",
+        value: `${brandMap.get(project) || 1}`
+      },
+      channel: {
+        label: "channel",
+        value: "in_web"
+      },
+      user_auth: {
+        label: "user_auth",
+        value: "false"
+      },
+      env: {
+        label: "env",
+        value: projectEnv
+      }
+    }
+  };
+  if (projectEnv !== "prod") {
+    Logger.addHandler(consoleLoggerHandler);
+  }
+  const onReadyHandler = async () => {
+    console.log("Chat client is ready");
+  };
+  const onAuthenticatedHandler = async () => {
+    console.log("Chat client is authenticated");
+  };
+  const onChatOngoingHandler = async (chat) => {
+    console.log("Ongoing chat:", chat);
+  };
+  const onChatMessageHandler = async (message) => {
+    console.log("Received message:", message);
+    addMessage(message);
+  };
+  const onChatTypingStartedHandler = async (identity) => {
+    console.log("Typing started by:", identity);
+  };
+  const onChatDisconnectedHandler = async () => {
+    console.log("Chat disconnected");
+    setStatus("idle");
+  };
+  const onDismissedHandler = async () => {
+    console.log("Chat dismissed");
+  };
+  const onTimeoutHandler = async () => {
+    console.log("Chat timeout");
+  };
+  const onEndedHandler = async () => {
+    console.log("Chat ended");
+    setStatus("finished");
+  };
+  const onDestroyedHandler = async () => {
+    console.log("Chat destroyed");
+  };
+  const onChatMemberLeftHandler = async (identity) => {
+    console.log("Chat member left:", identity);
+  };
+  const registerEventHandlers = () => {
+    clientRef.current?.on("ready", onReadyHandler);
+    clientRef.current?.on("authenticated", onAuthenticatedHandler);
+    clientRef.current?.on("chat.ongoing", onChatOngoingHandler);
+    clientRef.current?.on("chat.message", onChatMessageHandler);
+    clientRef.current?.on("chat.typingStarted", onChatTypingStartedHandler);
+    clientRef.current?.on("chat.disconnected", onChatDisconnectedHandler);
+    clientRef.current?.on("chat.dismissed", onDismissedHandler);
+    clientRef.current?.on("chat.timeout", onTimeoutHandler);
+    clientRef.current?.on("chat.ended", onEndedHandler);
+    clientRef.current?.on("chat.destroyed", onDestroyedHandler);
+    clientRef.current?.on("chat.memberLeft", onChatMemberLeftHandler);
+  };
+  const deregisterEventHandlers = () => {
+    clientRef.current?.off("ready", onReadyHandler);
+    clientRef.current?.off("authenticated", onAuthenticatedHandler);
+    clientRef.current?.off("chat.ongoing", onDismissedHandler);
+    clientRef.current?.off("chat.message", onChatMessageHandler);
+    clientRef.current?.off("chat.typingStarted", onChatTypingStartedHandler);
+    clientRef.current?.off("chat.disconnected", onChatDisconnectedHandler);
+    clientRef.current?.off("chat.dismissed", onDismissedHandler);
+    clientRef.current?.off("chat.timeout", onTimeoutHandler);
+    clientRef.current?.off("chat.ended", onEndedHandler);
+    clientRef.current?.off("chat.destroyed", onDestroyedHandler);
+    clientRef.current?.off("chat.memberLeft", onChatMemberLeftHandler);
+  };
+  const createClient = async () => {
+    const client = new Client({
+      companyId: process.env.CCAI_COMPANY_ID || "",
+      tenant: process.env.CCAI_TENANT_NAME || "",
+      host: process.env.CCAI_HOST || "",
+      // or your region
+      authenticate
+    });
+    clientRef.current = client;
+    menuRef.current = await client.getMenus();
+    console.log("menus:", menuRef.current);
+    registerEventHandlers();
+    return;
+  };
+  const startChat = async () => {
+    console.log("Starting chat");
+    const client = clientRef.current;
+    if (!client) return;
+    try {
+      const ongoingChat = await client.loadOngoingChat();
+      if (ongoingChat) {
+        console.log("Ongoing chat found:", ongoingChat);
+        console.log("Resuming chat:", ongoingChat.id);
+        chatRef.current = await client.resumeChat(ongoingChat.id);
+        agent_virtual.current = ongoingChat.agent;
+        clientRef?.current?.on("chat.connected", async () => {
+          setStatus("connected");
+          console.log("connected");
+          const messages2 = await clientRef.current?.fetchMessages();
+          if (messages2) {
+            addMessages(messages2);
+          }
+        });
+        return;
+      }
+      const foundMenu = menuRef.current.menus.find(
+        (menu) => menu.name === menuOption
+      );
+      const menuId = foundMenu && foundMenu.id;
+      console.log("Creating new chat with menu ID:", menuId);
+      const newChat = await client.createChat(menuId, { custom_data });
+      if (newChat !== null) {
+        chatRef.current = newChat;
+        console.log("Chat created id:", newChat.id);
+      }
+    } catch (err) {
+      console.error("Error creating chat:", err);
+    }
+  };
+  const handleClick = async () => {
+    toggle();
+    if (hasStarted) return;
+    if (!hasOpenedOnce) {
+      await startChat();
+      setHasStarted(true);
+    }
+  };
+  const onSendMessage = (msg) => {
+    console.log("Sending message:", msg);
+    clientRef.current?.sendTextMessage(msg);
+  };
+  const onEndChat = async () => {
+    console.log("Ending chat");
+    if (chatRef.current) {
+      await clientRef.current?.finishChat();
+      clearMessages();
+      chatRef.current = null;
+      console.log("Chat ended");
+      reset();
+    }
+  };
+  useMount(async () => {
+    console.log("Chatbot mounted");
+    if (isMountedRef.current) return;
+    isMountedRef.current = true;
+    await createClient();
+  });
+  useUnmount(() => {
+    console.log("Chatbot unmounted");
+    deregisterEventHandlers();
+    isMountedRef.current = false;
   });
-  return /* @__PURE__ */ jsxs("div", { className: props.project === "ufb" ? chatbotUFB : chatbotAXB, children: [
-    /* @__PURE__ */ jsx(Bubble, {}),
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Bubble, { onClick: handleClick }),
     /* @__PURE__ */ jsx(
       ChatWindow,
       {
         status,
-        onClose: close,
+        virtualAgent: agent_virtual.current,
         messages,
-        onSend: function(msg) {
-          sendMessage(msg);
-        },
-        endChat,
-        virtualAgent,
-        showReconnect
+        onSend: onSendMessage,
+        endChat: onEndChat
       }
     )
   ] });

package/dist/Chatbot/index.d.ts

@@ -6,4 +6,3 @@ export * from './ChatWindow';
 export * from './ChatWindow.css';
 export * from './store/chat';
 export * from './store/messages';
-export * from './useHeadlessChat';

package/dist/Chatbot/index.js

@@ -7,7 +7,6 @@ import { ChatWindow } from "./ChatWindow.js";
 import { arrowFill, button_reset, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, messageStyle, messagesContainerStyle, notificationStyle, sendButtonStyle, windowBarStyle, windowOpenStyle, windowStyle } from "./ChatWindow.css.js";
 import { useOpenChat } from "./store/chat.js";
 import { useMessages } from "./store/messages.js";
-import { useHeadlessChat } from "./useHeadlessChat.js";
 export {
   Bubble,
   ChatWindow,
@@ -31,7 +30,6 @@ export {
   notificationStyle,
   sendButtonStyle,
   svgFill,
-  useHeadlessChat,
   useMessages,
   useOpenChat,
   windowBarStyle,

package/dist/Chatbot/store/chat.d.ts

@@ -1,5 +1,6 @@
 interface OpenChatState {
     isOpen: boolean;
+    hasOpenedOnce: boolean;
     toggle: () => void;
     open: () => void;
     close: () => void;

package/dist/Chatbot/store/chat.js

@@ -1,10 +1,17 @@
 import { create } from "zustand";
-const useOpenChat = create((set) => ({
+const useOpenChat = create((set, get) => ({
   isOpen: false,
+  hasOpenedOnce: false,
   toggle: () => set((state) => ({ isOpen: !state.isOpen })),
-  open: () => set({ isOpen: true }),
+  open: () => {
+    const alreadyOpened = get().hasOpenedOnce;
+    set({
+      isOpen: true,
+      hasOpenedOnce: alreadyOpened ? true : true
+    });
+  },
   close: () => set({ isOpen: false }),
-  reset: () => set({ isOpen: false })
+  reset: () => set({ hasOpenedOnce: false, isOpen: false })
 }));
 export {
   useOpenChat

package/dist/Chevron/index.js

@@ -78,6 +78,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Comparison/Comparison.js

@@ -78,6 +78,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import { comparison_layout, comparison_content, headerComparison, feature_header, feature_title, comparison_feature, comparison_list, comparison_buttons, comparison } from "./Comparison.css.js";
 import "next/image.js";

package/dist/ExecutiveBio/ExecutiveBio.js

@@ -78,6 +78,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/FaqAccordion/index.js

@@ -79,6 +79,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js

@@ -74,6 +74,7 @@ import "../../Chatbot/authenticate.js";
 import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Forms/ApplyNow.js

@@ -79,6 +79,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Forms/ContactUsBusiness.js

@@ -80,6 +80,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Forms/ContactUsBusinessNameEmail.js

@@ -80,6 +80,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Forms/ContactUsNMLSId.js

@@ -80,6 +80,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Forms/CraPublicFile.js

@@ -80,6 +80,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Forms/EmailOnly.js

@@ -81,6 +81,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Forms/MortgageRate/MortgageRateForm.js

@@ -81,6 +81,7 @@ import "../../Chatbot/authenticate.js";
 import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Forms/MortgageRate/MortgageRateWatch.js

@@ -77,6 +77,7 @@ import "../../Chatbot/authenticate.js";
 import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Forms/MortgageWarehouseLending.js

@@ -80,6 +80,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Forms/SuccesForm.js

@@ -61,10 +61,11 @@ import "../Carousel/index.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 import "react-use";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Hyperlink/index.js

@@ -73,6 +73,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/ImageLink/ImageLink.js

@@ -72,6 +72,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "../Tab/Tab.css.js";

package/dist/ImageLink/ImageLinkSet.js

@@ -79,6 +79,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "../Tab/Tab.css.js";

package/dist/ImageLink/index.js

@@ -71,6 +71,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Insight/Featured/CategorySelector.js

@@ -75,6 +75,7 @@ import "../../Chatbot/authenticate.js";
 import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Insight/Featured/Featured.js

@@ -76,6 +76,7 @@ import "../../Chatbot/authenticate.js";
 import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import Image from "next/image.js";