@axos-web-dev/shared-components 1.0.100-dev.1 → 1.0.100-dev.11

package/dist/Chatbot/Bubble.js

@@ -1,31 +1,97 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { bubbleWrapper, bubbleCircle, closeIcon } from "./Bubble.css.js";
+import { AnimatePresence, motion } from "framer-motion";
+import { bubbleWrapper, svgFill } from "./Bubble.css.js";
 import { useOpenChat } from "./store/chat.js";
 const Bubble = ({ children }) => {
   const isOpen = useOpenChat((state) => state.isOpen);
   const toggle = useOpenChat((state) => state.toggle);
-  return /* @__PURE__ */ jsxs("div", { className: clsx(bubbleWrapper), children: [
-    /* @__PURE__ */ jsx("div", { className: clsx("bubble-circle", bubbleCircle), onClick: toggle, children: !isOpen ? /* @__PURE__ */ jsx(
-      "img",
+  return /* @__PURE__ */ jsxs("div", { className: bubbleWrapper, onClick: toggle, children: [
+    /* @__PURE__ */ jsx("div", { className: "bubble-circle flex", children: /* @__PURE__ */ jsx(AnimatePresence, { children: !isOpen ? /* @__PURE__ */ jsxs(
+      motion.svg,
       {
-        alt: "Evo, Virtual Financial Assistant",
-        src: "data:image/png;base64,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"
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "39",
+        height: "39",
+        viewBox: "0 0 39 39",
+        fill: "none",
+        initial: { scale: 0.1, opacity: 0 },
+        animate: {
+          scale: 1,
+          opacity: 1,
+          transition: {
+            default: { type: "spring" },
+            opacity: { ease: [0, 0.71, 0.2, 1.01] }
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: svgFill,
+              d: "M3 7.5C3 5.01472 5.01472 3 7.5 3H22.5V0H7.5C3.35786 0 0 3.35786 0 7.5V16.5H3V7.5Z",
+              fill: "#98DDFF"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: svgFill,
+              fillRule: "evenodd",
+              clipRule: "evenodd",
+              d: "M13.5 30H12C8.68629 30 6 27.3137 6 24V12C6 8.68629 8.68629 6 12 6H33C36.3137 6 39 8.68629 39 12V24C39 27.3137 36.3137 30 33 30H26.25L18.6213 37.6287C16.7314 39.5186 13.5 38.1801 13.5 35.5074V30ZM16.5 35.5074V27H12C10.3431 27 9 25.6569 9 24V12C9 10.3431 10.3431 9 12 9H33C34.6569 9 36 10.3431 36 12V24C36 25.6569 34.6569 27 33 27H25.0074L16.5 35.5074Z",
+              fill: "#98DDFF"
+            }
+          )
+        ]
       }
-    ) : /* @__PURE__ */ jsx("span", { className: clsx("close-icon", closeIcon), children: /* @__PURE__ */ jsxs(
-      "svg",
+    ) : /* @__PURE__ */ jsx("span", { className: "close-icon", children: /* @__PURE__ */ jsxs(
+      motion.svg,
       {
         xmlns: "http://www.w3.org/2000/svg",
         width: "24",
         height: "24",
         viewBox: "0 0 24 24",
+        fill: "none",
+        initial: { opacity: 0, rotate: 0, scale: 0.1 },
+        animate: {
+          opacity: 1,
+          rotate: -360,
+          scale: 1,
+          transition: {
+            default: { type: "spring" },
+            opacity: { ease: "linear" },
+            scale: { ease: "linear" }
+          }
+        },
         children: [
-          /* @__PURE__ */ jsx("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }),
-          /* @__PURE__ */ jsx("path", { d: "M0 0h24v24H0z", fill: "none" })
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: svgFill,
+              d: "M23.7096 0.892655L23.1073 0.290383C22.7202 -0.0967942 22.0749 -0.0967942 21.6447 0.290383L13.6 8.33506L15.6649 10.4L23.7096 2.35533C24.0968 1.92513 24.0968 1.27983 23.7096 0.892655Z",
+              fill: "#98DDFF"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: svgFill,
+              d: "M2.44278 0.293744C2.04123 -0.0979148 1.37197 -0.0979148 0.925804 0.293744L0.301162 0.902989C-0.100387 1.29465 -0.100387 1.94742 0.301162 2.38259L10.1168 12L0.301162 21.6174C-0.100387 22.0091 -0.100387 22.6618 0.301162 23.097L0.925804 23.7063C1.32735 24.0979 1.99661 24.0979 2.44278 23.7063L14.4 12.0435L2.44278 0.293744Z",
+              fill: "#98DDFF"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: svgFill,
+              d: "M23.7096 23.1073L23.1073 23.7096C22.7202 24.0968 22.0749 24.0968 21.6447 23.7096L13.6 15.6649L15.6649 13.6L23.7096 21.6446C24.0968 22.0748 24.0968 22.7201 23.7096 23.1073Z",
+              fill: "#98DDFF"
+            }
+          )
         ]
       }
-    ) }) }),
+    ) }) }) }),
     children
   ] });
 };

package/dist/Chatbot/ChatWindow.css.d.ts

@@ -1,7 +1,18 @@
 export declare const windowStyle: string;
 export declare const windowOpenStyle: string;
 export declare const windowBarStyle: string;
+export declare const chat_title: string;
+export declare const button_reset: string;
+export declare const arrowFill: string;
 export declare const inputStyle: string;
 export declare const sendButtonStyle: string;
 export declare const messagesContainerStyle: string;
+export declare const notificationStyle: string;
 export declare const messageStyle: string;
+export declare const inline_button_wrapper: string;
+export declare const inline_button: string;
+export declare const endChatButtonStyle: string;
+export declare const chatbotMenu: string;
+export declare const chatbotMenuItem: string;
+export declare const chatNetworkStatus: string;
+export declare const chatFinishDialog: string;

package/dist/Chatbot/ChatWindow.css.js

@@ -1,15 +1,38 @@
-/* empty css                              */
+import "./Chatbot.css.ts.vanilla.css.js";
+import '../assets/Chatbot/ChatWindow.css';/* empty css                              */
 var windowStyle = "_13n1jqk0";
 var windowOpenStyle = "_13n1jqk1";
 var windowBarStyle = "_13n1jqk2";
-var inputStyle = "_13n1jqk3";
-var sendButtonStyle = "_13n1jqk4";
-var messagesContainerStyle = "_13n1jqk5";
-var messageStyle = "_13n1jqk6";
+var chat_title = "_13n1jqk3";
+var button_reset = "_13n1jqk4";
+var arrowFill = "_13n1jqk5";
+var inputStyle = "_13n1jqk6";
+var sendButtonStyle = "_13n1jqk7";
+var messagesContainerStyle = "_13n1jqk8";
+var notificationStyle = "_13n1jqk9";
+var messageStyle = "_13n1jqka";
+var inline_button_wrapper = "_13n1jqkb";
+var inline_button = "_13n1jqkc";
+var endChatButtonStyle = "_13n1jqkd";
+var chatbotMenu = "_13n1jqke";
+var chatbotMenuItem = "_13n1jqkf";
+var chatNetworkStatus = "_13n1jqkg";
+var chatFinishDialog = "_13n1jqkh";
 export {
+  arrowFill,
+  button_reset,
+  chatFinishDialog,
+  chatNetworkStatus,
+  chat_title,
+  chatbotMenu,
+  chatbotMenuItem,
+  endChatButtonStyle,
+  inline_button,
+  inline_button_wrapper,
   inputStyle,
   messageStyle,
   messagesContainerStyle,
+  notificationStyle,
   sendButtonStyle,
   windowBarStyle,
   windowOpenStyle,

package/dist/Chatbot/ChatWindow.d.ts

@@ -18,6 +18,12 @@ interface ChatWindowProps {
     inputDisabled?: boolean;
     onClose?: () => void;
     endChat?: () => void;
+    showReconnect?: boolean;
+    virtualAgent?: {
+        avatar_url: string;
+        name: string;
+        id: string;
+    };
 }
 export declare const ChatWindow: React.FC<ChatWindowProps>;
 export {};