@axos-web-dev/shared-components 2.2.5 → 2.2.6

package/dist/Chatbot/Chat.js

@@ -1,158 +0,0 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-import { authenticate } from "./authenticate.js";
-import { useMessages } from "./store/messages.js";
-const companyId = process.env.CCAI_COMPANY_ID || "";
-const tenant = process.env.CCAI_TENANT_NAME || "";
-const host = process.env.CCAI_HOST || "";
-const COBROWSE_CONSENT_TEMPLATE = `
-  <script class="cobrowse-template" type="text/template">
-    <div class="cobrowse">
-      <div class="cobrowse-title">$title</div>
-      <div class="cobrowse-content">$content</div>
-      <div class="cobrowse-footer">
-        <button class="cobrowse-deny js-cobrowse-deny">$deny</button>
-        <button class="cobrowse-allow js-cobrowse-allow">$allow</button>
-      </div>
-    </div>
-  <\/script>
-`;
-function Chat() {
-  const clientRef = useRef(null);
-  const hasLoadedBefore = useRef(true);
-  const addMessages = useMessages((state) => state.addMessages);
-  const addMessage = useMessages((state) => state.addMessage);
-  const chatRef = useRef(null);
-  const isMounted = useRef(true);
-  useEffect(() => {
-    let messageHandler;
-    let identityHandler;
-    let chatUpdatedHandler;
-    let memberJoinedHandler;
-    let chatConnectedHandler;
-    async function initChat() {
-      const { Client, consoleLoggerHandler, Logger } = await import("@ujet/websdk-headless");
-      Logger.addHandler(consoleLoggerHandler);
-      clientRef.current = new Client({
-        companyId,
-        tenant,
-        cobrowse: {
-          enabled: true,
-          template: COBROWSE_CONSENT_TEMPLATE,
-          messages: {
-            confirmSessionTitle: "...",
-            confirmSessionContent: "...",
-            endSessionText: "...",
-            confirmRemoteControlTitle: "...",
-            confirmRemoteControlContent: "...",
-            confirmFullDeviceTitle: "...",
-            confirmFullDeviceContent: "...",
-            allowText: "...",
-            denyText: "..."
-          }
-        },
-        host,
-        authenticate
-      });
-      const menus = await clientRef.current?.getMenus();
-      try {
-        chatRef.current = await clientRef.current?.loadOngoingChat();
-        console.log("chat:", chatRef.current);
-        if (!chatRef.current) {
-          chatRef.current = await clientRef.current?.createChat(
-            menus?.menus[5].id
-          );
-        }
-      } catch (error) {
-        console.error("Error creating chat:", error);
-        chatRef.current = await clientRef.current?.createChat(
-          menus?.menus[5].id
-        );
-      }
-      identityHandler = (identity) => {
-        if (!isMounted.current) return;
-        console.log("identity:", identity);
-      };
-      messageHandler = (msg) => {
-        addMessage(msg);
-      };
-      chatUpdatedHandler = (chat) => {
-        console.log("chat updated:", chat);
-      };
-      chatConnectedHandler = async () => {
-        console.log("connected");
-        const messagesFetched = await clientRef.current?.fetchMessages();
-        addMessages(messagesFetched || []);
-      };
-      memberJoinedHandler = (identity) => {
-        console.log("member joined:", identity);
-      };
-      clientRef.current?.on("authenticated", () => {
-        console.log("authenticated");
-      });
-      clientRef.current?.on("chat.ongoing", (chat) => {
-        if (!isMounted.current) return;
-        console.log("chat:", chat);
-      });
-      clientRef.current?.on("chat.connected", chatConnectedHandler);
-      clientRef.current?.on("chat.updated", chatUpdatedHandler);
-      clientRef.current?.on("chat.identity", identityHandler);
-      clientRef.current?.on("chat.message", messageHandler);
-      clientRef.current?.on("cobrowse.request", ({ from }) => {
-        console.log("request by", from);
-      });
-      clientRef.current?.on("chat.memberJoined", memberJoinedHandler);
-    }
-    if (hasLoadedBefore.current) {
-      console.log("Initial setup");
-      initChat();
-      hasLoadedBefore.current = false;
-    }
-    return () => {
-      isMounted.current = false;
-      console.log("Component unmounted. Cancelling pending async operations.");
-      if (clientRef.current) {
-        if (messageHandler)
-          clientRef.current.off("chat.message", messageHandler);
-        if (identityHandler)
-          clientRef.current.off("chat.identity", identityHandler);
-        clientRef.current.off("chat.connected", chatConnectedHandler);
-        clientRef.current.off("chat.updated", chatUpdatedHandler);
-        clientRef.current.off("chat.memberJoined", memberJoinedHandler);
-        if (typeof clientRef.current.destroyChat === "function") {
-          console.log("Destroying chat:", chatRef.current);
-          clientRef.current.destroyChat();
-        }
-      }
-    };
-  }, [addMessage, addMessages]);
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("h2", { children: "Chat" }),
-    /* @__PURE__ */ jsxs(
-      "form",
-      {
-        style: { marginTop: "1rem", display: "flex", gap: "0.5rem" },
-        onSubmit: async (e) => {
-          e.preventDefault();
-          const form = e.target;
-          const input = form.elements[0];
-          const message = input.value;
-          try {
-            await clientRef.current?.sendTextMessage(message);
-            input.value = "";
-          } catch (error) {
-            console.error("Error sending message:", error);
-          }
-        },
-        children: [
-          /* @__PURE__ */ jsx("input", { type: "text", name: "message", placeholder: "Type a message..." }),
-          /* @__PURE__ */ jsx("button", { type: "submit", children: "Send" })
-        ]
-      }
-    )
-  ] });
-}
-export {
-  Chat as default
-};

package/dist/Chatbot/useHeadlessChat.d.ts

@@ -1,27 +0,0 @@
-import { TokenResponse } from '@ujet/websdk-headless';
-
-interface UseHeadlessChatOptions {
-    companyId: string;
-    tenant: string;
-    host: string;
-    getToken: () => Promise<TokenResponse>;
-    channelId?: string;
-    projectId?: "axos" | "" | "ufb" | string;
-    debug?: boolean;
-    menuOption?: string;
-}
-export interface ChatMessage {
-    id: string;
-    body: string;
-    sender?: string;
-    timestamp?: string;
-}
-export declare function useHeadlessChat({ companyId, tenant, host, getToken, projectId, debug, menuOption, }: UseHeadlessChatOptions): {
-    status: "error" | "idle" | "connected" | "connecting" | "finished";
-    sendMessage: (body: string) => Promise<void>;
-    showReconnect: boolean;
-    setShowReconnect: import('react').Dispatch<import('react').SetStateAction<boolean>>;
-    endChat: () => Promise<void>;
-    virtualAgent: any;
-};
-export {};

package/dist/Chatbot/useHeadlessChat.js

@@ -1,240 +0,0 @@
-"use client";
-import { useState, useRef, useCallback, useEffect } from "react";
-import { useLocation } from "react-use";
-import { useMessages } from "./store/messages.js";
-const brandMap = /* @__PURE__ */ new Map([
-  ["axos", 1],
-  ["", 2],
-  ["ufb", 3]
-]);
-function useHeadlessChat({
-  companyId,
-  tenant,
-  host,
-  getToken,
-  projectId = "axos",
-  debug = false,
-  menuOption = "Support Virtual Agent"
-}) {
-  const { hostname } = useLocation();
-  const addMessage = useMessages((state) => state.addMessage);
-  const addMessages = useMessages((state) => state.addMessages);
-  const clearMessages = useMessages((state) => state.clearMessages);
-  const [showReconnect, setShowReconnect] = useState(false);
-  const [status, setStatus] = useState("idle");
-  const chatRef = useRef(null);
-  const clientRef = useRef(null);
-  const isMountedRef = useRef(true);
-  const hasLoadedBefore = useRef(true);
-  const menuRef = useRef({ menus: [] });
-  const sendMessage = useCallback(async (body) => {
-    if (chatRef.current) {
-      await clientRef.current?.sendTextMessage(body);
-    }
-  }, []);
-  const endChat = useCallback(async () => {
-    if (chatRef.current) {
-      await clientRef.current?.finishChat();
-      clearMessages();
-      clientRef.current?.createChat(
-        menuRef.current.menus.find((menu) => menu.name === menuOption)?.id,
-        {
-          custom_data: {
-            unsigned: {
-              facingBrandId: {
-                label: "facingBrandId",
-                value: `${brandMap.get(projectId) || 1}`
-              },
-              channel: {
-                label: "channel",
-                value: "in_web"
-              },
-              user_auth: {
-                label: "user_auth",
-                value: "false"
-              },
-              env: {
-                label: "env",
-                value: hostname?.includes("www") ? "prod" : hostname?.split(".")[1] ? hostname?.split(".")[1] : ""
-              }
-            }
-          }
-        }
-      );
-    }
-  }, [clearMessages, hostname, menuOption, projectId]);
-  useEffect(() => {
-    let messageHandler;
-    let chatReadyHandler;
-    let chatEndedHandler;
-    let chatConnectedHandler;
-    let chatDisconnectedHandler;
-    let memberLeftHandler;
-    let memberJoinedHandler;
-    let startTypingHandler;
-    let stopTypingHandler;
-    let chatTimeoutHandler;
-    async function init() {
-      setStatus("connecting");
-      const { Client, Logger, consoleLoggerHandler } = await import("@ujet/websdk-headless");
-      if (debug) Logger.addHandler(consoleLoggerHandler);
-      try {
-        clientRef.current = new Client({
-          companyId,
-          tenant,
-          host,
-          authenticate: getToken
-        });
-        if (debug) console.log("clientRef:", clientRef.current);
-      } catch (e) {
-        console.error("Error creating client:", e);
-        if (isMountedRef.current) setStatus("error");
-        return;
-      }
-      menuRef.current = await clientRef.current?.getMenus();
-      if (debug) console.log("channelId:", menuRef.current);
-      if (debug)
-        console.log(
-          "channelId:",
-          menuRef.current?.menus.find((menu) => menu.name === menuOption)?.id
-        );
-      const custom_data = {
-        unsigned: {
-          facingBrandId: {
-            label: "facingBrandId",
-            value: `${brandMap.get(projectId) || 1}`
-          },
-          channel: {
-            label: "channel",
-            value: "in_web"
-          },
-          user_auth: {
-            label: "user_auth",
-            value: "false"
-          },
-          env: {
-            label: "env",
-            value: hostname?.includes("www") ? "prod" : hostname?.split(".")[1] ? hostname?.split(".")[1] : ""
-          }
-        }
-      };
-      try {
-        chatRef.current = await clientRef.current?.loadOngoingChat();
-        if (chatRef.current != null) {
-          chatRef.current = await clientRef.current?.resumeChat(
-            chatRef.current?.state?.id
-          );
-          if (debug) console.log("Resumed chatRef:", chatRef.current);
-        } else {
-          chatRef.current = await clientRef.current?.createChat(
-            menuRef.current.menus.find((menu) => menu.name === menuOption)?.id,
-            {
-              custom_data
-            }
-          );
-          if (debug) console.log("chatRef:", chatRef.current);
-        }
-      } catch (error) {
-        console.error("Error creating chat:", error);
-      }
-      messageHandler = (msg) => {
-        if (debug) console.log("Received message:", msg);
-        addMessage(msg);
-      };
-      chatReadyHandler = () => {
-        console.log("Chat is ready");
-      };
-      chatEndedHandler = () => {
-        console.log("Chat has ended");
-        setStatus("finished");
-      };
-      chatConnectedHandler = async () => {
-        console.log("Chat connected");
-        setStatus("connected");
-        try {
-          const messagesFetched = await chatRef.current?.fetchMessages();
-          if (debug) console.log("[messages]:", messagesFetched);
-          addMessages(messagesFetched || []);
-        } catch (error) {
-          console.error("Error fetching messages:", error);
-        }
-      };
-      startTypingHandler = (identity) => {
-        console.log("start typing: ", identity);
-      };
-      stopTypingHandler = (identity) => {
-        console.log("stop typing: ", identity);
-      };
-      memberLeftHandler = (identity) => {
-        console.log("Member has left the chat:  ", identity);
-      };
-      memberJoinedHandler = (identity) => {
-        console.log("Member has joined the chat: ", identity);
-      };
-      chatDisconnectedHandler = () => {
-        console.log("Chat disconnected");
-        setStatus("idle");
-      };
-      chatTimeoutHandler = () => {
-        console.log("Chat timeout");
-      };
-      clientRef.current?.on("ready", chatReadyHandler);
-      clientRef.current?.on("chat.connected", chatConnectedHandler);
-      clientRef.current?.on("chat.message", messageHandler);
-      clientRef.current?.on("chat.memberLeft", memberLeftHandler);
-      clientRef.current?.on("chat.memberJoined", memberJoinedHandler);
-      clientRef.current?.on("chat.typingStarted", startTypingHandler);
-      clientRef.current?.on("chat.typingEnded", stopTypingHandler);
-      clientRef.current?.on("chat.disconnected", chatDisconnectedHandler);
-      clientRef.current?.on("chat.ended", chatEndedHandler);
-      clientRef.current?.on("chat.timeout", chatTimeoutHandler);
-    }
-    if (hasLoadedBefore.current) {
-      if (debug) console.log("Initializing chat...");
-      init();
-      hasLoadedBefore.current = false;
-    }
-    return () => {
-      isMountedRef.current = false;
-      if (debug)
-        console.log(
-          "Component unmounted. Cancelling pending async operations."
-        );
-      chatRef.current = null;
-      clientRef.current?.off("ready", chatReadyHandler);
-      clientRef.current?.off("chat.message", messageHandler);
-      clientRef.current?.off("chat.connected", chatConnectedHandler);
-      clientRef.current?.off("chat.ended", chatEndedHandler);
-      clientRef.current?.off("chat.memberLeft", memberLeftHandler);
-      clientRef.current?.off("chat.memberJoined", memberJoinedHandler);
-      clientRef.current?.off("chat.typingStarted", startTypingHandler);
-      clientRef.current?.off("chat.typingEnded", stopTypingHandler);
-      clientRef.current?.off("chat.disconnected", chatDisconnectedHandler);
-      clientRef.current?.off("chat.timeout", chatTimeoutHandler);
-      clientRef.current?.destroyChat();
-      clientRef.current = null;
-    };
-  }, [
-    companyId,
-    tenant,
-    host,
-    getToken,
-    addMessage,
-    addMessages,
-    debug,
-    projectId,
-    menuOption,
-    hostname
-  ]);
-  return {
-    status,
-    sendMessage,
-    showReconnect,
-    setShowReconnect,
-    endChat,
-    virtualAgent: chatRef.current?.state.virtual_agent
-  };
-}
-export {
-  useHeadlessChat
-};