@axos-web-dev/shared-components 2.0.0-dev.28 → 2.0.0-dev.29

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

@@ -4,4 +4,5 @@ export declare const gradientBorder: string;
 export declare const gradientBorderUfb: string;
 export declare const inputFocusKeyframes: string;
 export declare const gradientFocus: string;
+export declare const focusAnimation: string;
 export declare const shadowAnimation: string;

package/dist/Chatbot/AnimatedGradientBorder.css.js

@@ -9,9 +9,11 @@ var gradientBorder = "ic6iil2";
 var gradientBorderUfb = "ic6iil3";
 var inputFocusKeyframes = "ic6iil4";
 var gradientFocus = "ic6iil5";
+var focusAnimation = "ic6iil6";
 var shadowAnimation = "ic6iil8";
 export {
   angle,
+  focusAnimation,
   gradientBorder,
   gradientBorderUfb,
   gradientFocus,

package/dist/Chatbot/Bubble.js

@@ -14,18 +14,9 @@ const Bubble = ({
   const isOpen = useOpenChat((state) => state.isOpen);
   return /* @__PURE__ */ jsx("div", { className: clsx(bubbleWrapper, shadowAnimation), children: /* @__PURE__ */ jsx("div", { className: inner, children: /* @__PURE__ */ jsxs("button", { className: clsx(bubbleButton, inner), onClick, children: [
     /* @__PURE__ */ jsx(AnimatePresence, { children: !isOpen ? /* @__PURE__ */ jsx("div", { className: "bubble-circle", children: /* @__PURE__ */ jsxs(
-      motion.svg,
+      "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
-        initial: { scale: 0.1, opacity: 0 },
-        animate: {
-          scale: 1,
-          opacity: 1,
-          transition: {
-            default: { type: "spring" },
-            opacity: { ease: [0, 0.71, 0.2, 1.01] }
-          }
-        },
         width: "24",
         height: "24",
         viewBox: "0 0 24 24",

package/dist/Chatbot/ChatWindow.js

@@ -6,9 +6,9 @@ import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import
 /* empty css                               */
 /* empty css                                    */
 import clsx from "clsx";
-import React, { useRef, useEffect } from "react";
+import React, { useRef, useState, useEffect } from "react";
 import { useNetworkState, useMount } from "react-use";
-import { gradientFocus } from "./AnimatedGradientBorder.css.js";
+import { focusAnimation, gradientFocus } from "./AnimatedGradientBorder.css.js";
 import { ChatbotMessage } from "./ChatbotMessage.js";
 import { windowBarStyle, left_bar_section, chat_title, button_bar, chatbotMenuItem, chatbotMenu, chatEndDialogOverlay, chatFinishDialog, chatEndCircle, endChatButtonStyle, noAnswerButton, arrowFill, button_reset, buttonss_section, chatNetworkStatus, shimmerText, messagesContainerStyle, inputStyle, autoResize, sendButtonStyle, windowStyle, windowOpenStyle } from "./ChatWindow.css.js";
 import { EllipsisIcon } from "./EllipsisIcon.js";
@@ -53,6 +53,7 @@ const ChatWindow = ({
   const [input, setInput] = React.useState("");
   const messagesEndRef = useRef(null);
   const inputRef = useRef(null);
+  const [focused, setFocused] = useState(false);
   useEffect(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [messages]);
@@ -459,71 +460,89 @@ const ChatWindow = ({
       ),
       /* @__PURE__ */ jsx("div", { ref: messagesEndRef })
     ] }),
-    /* @__PURE__ */ jsx("div", { style: { padding: "16px 16px 24px 16px" }, children: /* @__PURE__ */ jsx("form", { onSubmit: handleSend, className: clsx(gradientFocus), children: /* @__PURE__ */ jsxs(
-      "div",
-      {
-        style: {
-          display: "flex",
-          padding: "12px 16px",
-          background: isBlockedInput || inputDisabled || status !== "connected" || messages.length == 0 || escalationDeflected ? "light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3))" : "#ffffff",
-          borderRadius: 12
-        },
-        children: [
-          /* @__PURE__ */ jsx(
-            "textarea",
-            {
-              ref: inputRef,
-              value: input,
-              onChange: (e) => setInput(e.target.value),
-              onKeyDown: (e) => {
-                if (hasEscalated) {
-                  previewTyping(e.target?.value);
-                }
-                if (e.key === "Enter" && !e.shiftKey) {
-                  handleSend(e);
-                }
-              },
-              placeholder: "Ask anything...",
-              className: clsx(inputStyle, autoResize),
-              autoFocus: true,
-              disabled: isBlockedInput || inputDisabled || status !== "connected" || messages.length == 0 || escalationDeflected,
-              rows: 1
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              className: clsx(
-                sendButtonStyle,
-                input.trim().length > 0 && "active"
-              ),
-              type: "submit",
-              title: "Send message",
-              disabled: isBlockedInput || inputDisabled || status !== "connected" || !input.trim() || messages.length == 0 || escalationDeflected,
-              children: /* @__PURE__ */ jsx(
-                "svg",
-                {
-                  xmlns: "http://www.w3.org/2000/svg",
-                  width: "16",
-                  height: "16",
-                  viewBox: "0 0 16 16",
-                  fill: "none",
-                  children: /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      fillRule: "evenodd",
-                      clipRule: "evenodd",
-                      d: "M0.0030533 5.42479C0.0273417 5.1795 0.193529 4.9714 0.427369 4.89345L15.0114 0.0320896C15.236 -0.0427712 15.4836 0.0156801 15.651 0.183075C15.8184 0.35047 15.8769 0.598075 15.802 0.822659L10.9407 15.4067C10.8627 15.6406 10.6546 15.8068 10.4093 15.8311C10.164 15.8553 9.92737 15.7332 9.80508 15.5192L6.35411 9.47999L0.314925 6.02903C0.100912 5.90673 -0.0212351 5.67008 0.0030533 5.42479ZM7.59169 9.1263L9.64202 12.7144C9.85645 13.0896 10.4138 13.0344 10.5505 12.6244L13.9046 2.56191C14.0349 2.17103 13.6631 1.79916 13.2722 1.92946L3.20969 5.28362C2.79967 5.4203 2.74448 5.97766 3.11973 6.19209L6.70781 8.24242L9.90579 5.04443C10.1499 4.80036 10.5456 4.80036 10.7897 5.04443C11.0337 5.28851 11.0337 5.68424 10.7897 5.92832L7.59169 9.1263Z",
-                      fill: "#435164"
-                    }
-                  )
-                }
-              )
-            }
-          )
-        ]
-      }
-    ) }) })
+    /* @__PURE__ */ jsx("div", { style: { padding: "16px 16px 24px 16px" }, children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSend, className: clsx(gradientFocus), children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: clsx(focused ? focusAnimation : ""),
+          style: {
+            position: "absolute",
+            // border: "1px solid red",
+            left: "10%",
+            width: "80%",
+            height: "40px",
+            zIndex: "-1"
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            display: "flex",
+            padding: "12px 16px",
+            background: isBlockedInput || inputDisabled || status !== "connected" || messages.length == 0 || escalationDeflected ? "light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3))" : "#ffffff",
+            borderRadius: 12
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                ref: inputRef,
+                value: input,
+                onChange: (e) => setInput(e.target.value),
+                onKeyDown: (e) => {
+                  if (hasEscalated) {
+                    previewTyping(e.target?.value);
+                  }
+                  if (e.key === "Enter" && !e.shiftKey) {
+                    handleSend(e);
+                  }
+                },
+                onFocus: () => setFocused(true),
+                onBlur: () => setFocused(false),
+                placeholder: "Ask anything...",
+                className: clsx(inputStyle, autoResize),
+                autoFocus: true,
+                disabled: isBlockedInput || inputDisabled || status !== "connected" || messages.length == 0 || escalationDeflected,
+                rows: 1
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: clsx(
+                  sendButtonStyle,
+                  input.trim().length > 0 && "active"
+                ),
+                type: "submit",
+                title: "Send message",
+                disabled: isBlockedInput || inputDisabled || status !== "connected" || !input.trim() || messages.length == 0 || escalationDeflected,
+                children: /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 16 16",
+                    fill: "none",
+                    children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        clipRule: "evenodd",
+                        d: "M0.0030533 5.42479C0.0273417 5.1795 0.193529 4.9714 0.427369 4.89345L15.0114 0.0320896C15.236 -0.0427712 15.4836 0.0156801 15.651 0.183075C15.8184 0.35047 15.8769 0.598075 15.802 0.822659L10.9407 15.4067C10.8627 15.6406 10.6546 15.8068 10.4093 15.8311C10.164 15.8553 9.92737 15.7332 9.80508 15.5192L6.35411 9.47999L0.314925 6.02903C0.100912 5.90673 -0.0212351 5.67008 0.0030533 5.42479ZM7.59169 9.1263L9.64202 12.7144C9.85645 13.0896 10.4138 13.0344 10.5505 12.6244L13.9046 2.56191C14.0349 2.17103 13.6631 1.79916 13.2722 1.92946L3.20969 5.28362C2.79967 5.4203 2.74448 5.97766 3.11973 6.19209L6.70781 8.24242L9.90579 5.04443C10.1499 4.80036 10.5456 4.80036 10.7897 5.04443C11.0337 5.28851 11.0337 5.68424 10.7897 5.92832L7.59169 9.1263Z",
+                        fill: "#435164"
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    ] }) })
   ] });
 };
 export {

package/dist/Chatbot/Chatbot.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from "react";
-import { useMount, useUnmount } from "react-use";
+import { useLocation, useMount, useUnmount } from "react-use";
 import notificationSound from "../assets/notification.mp3.js";
 import { Bubble } from "./Bubble.js";
 import { chatbotAXB, chatbotUFB } from "./Chatbot.css.js";
@@ -34,6 +34,7 @@ const Chatbot = ({
     unblockInput,
     blockInput
   } = useOpenChat();
+  const location = useLocation();
   const { addMessage, addMessages, clearMessages, messages } = useMessages();
   const clientRef = useRef(null);
   const menuRef = useRef(null);
@@ -89,6 +90,10 @@ const Chatbot = ({
       env: {
         label: "env",
         value: projectEnv === "uat" ? "dev" : projectEnv
+      },
+      url: {
+        label: "url",
+        value: location.href
       }
     }
   };
@@ -333,7 +338,14 @@ const Chatbot = ({
   const onSendMessage = async (msg) => {
     const clientChatId = clientRef.current?.chat?.id;
     const refChatId = chatRef.current?.id;
-    console.log("Sending message:", msg, "| client.chat.id:", clientChatId, "| chatRef.id:", refChatId);
+    console.log(
+      "Sending message:",
+      msg,
+      "| client.chat.id:",
+      clientChatId,
+      "| chatRef.id:",
+      refChatId
+    );
     try {
       await clientRef.current?.sendTextMessage(msg);
     } catch (error) {

package/dist/SetContainer/SetContainer.js

@@ -188,7 +188,13 @@ const SetContainer = ({
             children
           }
         ),
-        additionalDetails && /* @__PURE__ */ jsx("div", { className: clsx(setcontainer_section_additionaltext, "text_center"), children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) })
+        additionalDetails && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clsx(setcontainer_section_additionaltext, "text_center"),
+            children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails })
+          }
+        )
       ] })
     },
     id

package/dist/assets/Chatbot/AnimatedGradientBorder.css

@@ -30,29 +30,26 @@
 }
 @keyframes ic6iil4 {
   0% {
-    box-shadow: px -4px 12px -6px var(--_1073cm813);
+    box-shadow: px -4px 12px -6px var(--_1073cm817);
   }
   50% {
-    box-shadow: 0px -14px 40px -10px var(--_1073cm813);
+    box-shadow: 0px -10px 14px -6px var(--_1073cm817);
   }
   100% {
-    box-shadow: 0px -4px 12px -6px var(--_1073cm813);
-  }
-}
-@keyframes ic6iil6 {
-  from {
-    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-  }
-  to {
-    box-shadow: 0 0 16px 4px var(--_1073cm813);
+    box-shadow: 0px -4px 12px -6px var(--_1073cm817);
   }
 }
 @keyframes ic6iil7 {
-  from {
-    box-shadow: 0 0 16px 4px var(--_1073cm813);
+  0% {
+    box-shadow: 0 20px 25px 0 rgba(0, 0, 0, 0.10), 0 10px 10px 0 rgba(0, 0, 0, 0.04);
   }
-  to {
-    box-shadow: 0 0 rgba(0, 0, 0, 0);
+  50% {
+    box-shadow: 0 0 16px 4px var(--_1073cm817), 
+            0 20px 25px 0 rgba(0, 0, 0, 0.10), 
+            0 10px 10px 0 rgba(0, 0, 0, 0.04);
+  }
+  100% {
+    box-shadow: 0 20px 25px 0 rgba(0, 0, 0, 0.10), 0 10px 10px 0 rgba(0, 0, 0, 0.04);
   }
 }
 .ic6iil2 {
@@ -71,16 +68,20 @@
 }
 .ic6iil5 {
   --angle: 90deg;
-  border: 1px solid var(--_1073cm81c);
+  border: 1px solid var(--_1073cm81d);
   border-radius: 12px;
   background: linear-gradient(white) padding-box, var(--_1073cm815) border-box;
 }
 .ic6iil5:focus-within {
   border: 1px solid #404040;
+}
+.ic6iil6 {
+  width: 80%;
+  border-radius: 50%;
   animation: ic6iil4 2s ease-in-out infinite;
 }
 .ic6iil8 {
-  animation: ic6iil7 0.4s ease forwards;
+  box-shadow: 0 20px 25px 0 rgba(0, 0, 0, 0.10), 0 10px 10px 0 rgba(0, 0, 0, 0.04);
 }
 @media screen and (max-width:768px) {
   .ic6iil2 {
@@ -119,7 +120,6 @@
     background: linear-gradient(var(--_1073cm813)) padding-box, linear-gradient(var(--angle), var(--_1073cm815)) border-box;
   }
   .ic6iil8:hover {
-    box-shadow: 0 0 16px 4px var(--_1073cm813);
-    animation: ic6iil6 0.4s ease forwards;
+    animation: ic6iil7 2.5s infinite linear;
   }
 }

package/dist/assets/Chatbot/Bubble.css

@@ -47,6 +47,7 @@
   z-index: 9999;
   overflow: hidden;
   background-color: var(--_1073cm813);
+  font: Inter, Lato;
 }
 ._1hpv6vm1 ._7u9pv32 {
   background-color: var(--_1073cm813);
@@ -97,6 +98,6 @@
   ._7u9pv32 {
     border-radius: 100px;
     width: 164px;
-    height: 42px;
+    height: 48px;
   }
 }

package/dist/assets/Chatbot/ChatWindow.css

@@ -1,6 +1,6 @@
 @keyframes _13n1jqk0 {
   from {
-    box-shadow: 0 0 16px 4px var(--_1073cm813);
+    box-shadow: 0 0 16px 4px var(--_1073cm817);
   }
   to {
     box-shadow: none;
@@ -15,8 +15,8 @@
   }
 }
 ._13n1jqk1 {
-  background: var(--_1073cm817);
-  border-radius: 10px;
+  background: var(--_1073cm818);
+  border-radius: 24px;
   bottom: 15px;
   display: flex;
   border: 1px solid #E9EBEF;
@@ -34,24 +34,25 @@
   z-index: 10000;
 }
 ._13n1jqk2 {
-  animation: _13n1jqk0 3s forwards;
-  box-shadow: 0 0 16px 4px var(--_1073cm813);
+  animation: _13n1jqk0 2s forwards;
+  box-shadow: 0 0 16px 4px var(--_1073cm817);
   transform: translate(0px) scale(1);
   transition: transform 0.3s;
   visibility: visible;
+  animation-delay: 1s;
 }
 ._13n1jqk3 {
   align-items: center;
-  background-color: var(--_1073cm817);
+  background-color: var(--_1073cm818);
   display: grid;
   grid-template-columns: 40px auto max-content;
   min-height: 50px;
-  color: var(--_1073cm819);
+  color: var(--_1073cm81a);
   padding: 20px 24px;
   gap: 8px;
 }
 ._13n1jqk5 {
-  color: var(--_1073cm819);
+  color: var(--_1073cm81a);
   font-weight: 700;
   font-size: 18px;
   line-height: 1.5;
@@ -59,7 +60,7 @@
 ._13n1jqk6 {
   display: flex;
   align-items: center;
-  gap: 8px;
+  gap: 4px;
 }
 ._13n1jqk7 {
   width: 32px;
@@ -93,24 +94,24 @@ button:has(span:hover) ._13n1jqk7 {
   display: none;
 }
 ._13n1jqk9 {
-  fill: var(--_1073cm819);
-  color: var(--_1073cm819);
+  fill: var(--_1073cm81a);
+  color: var(--_1073cm81a);
 }
 ._13n1jqka {
   border: none;
   color: #1F1F1F;
   flex: 1 0 0;
   font-size: 16px;
-  opacity: 0.7;
   outline: none;
   background: transparent;
   resize: none;
+  margin-right: 8px;
 }
 ._13n1jqka::placeholder {
-  color: rgba(31,31,31,.38);
+  color: #435164;
 }
 ._1hpv6vm1 ._13n1jqka::placeholder {
-  color: rgba(31,31,31,.58);
+  color: #435164;
 }
 ._13n1jqka:disabled {
   cursor: not-allowed;
@@ -120,7 +121,8 @@ button:has(span:hover) ._13n1jqk7 {
   min-height: 20px;
 }
 ._13n1jqkc {
-  padding-inline: 20px;
+  display: flex;
+  align-items: center;
   background: transparent;
   border: none;
 }
@@ -180,13 +182,13 @@ button:has(span:hover) ._13n1jqk7 {
 ._13n1jqkh {
   font-size: 12px;
   text-align: center;
-  background: var(--_1073cm817);
-  color: var(--_1073cm819);
+  background: var(--_1073cm818);
+  color: var(--_1073cm81a);
   cursor: pointer;
   padding: 5px 12px;
   border-radius: 8px;
   width: min(60%,180px);
-  border: 1px solid var(--_1073cm81c);
+  border: 1px solid var(--_1073cm81d);
 }
 ._13n1jqkh:hover {
   background: #f0f0f0;
@@ -210,14 +212,14 @@ button:has(span:hover) ._13n1jqk7 {
 }
 ._13n1jqkj {
   background: white;
-  color: var(--_1073cm819);
-  border: 1px solid var(--_1073cm81e);
+  color: var(--_1073cm81a);
+  border: 1px solid var(--_1073cm81f);
 }
 ._13n1jqkk {
   position: absolute;
   top: 48px;
   right: 70px;
-  background: var(--_1073cm817);
+  background: var(--_1073cm818);
   padding: 4px 16px;
   border-radius: 16px;
   list-style: none;
@@ -258,7 +260,7 @@ button:has(span:hover) ._13n1jqk7 {
 }
 ._13n1jqkn {
   align-items: center;
-  background-color: var(--_1073cm817);
+  background-color: var(--_1073cm818);
   bottom: 0;
   display: flex;
   justify-content: center;
@@ -302,23 +304,23 @@ button:has(span:hover) ._13n1jqk7 {
   background-color: #FFF0F3;
 }
 ._13n1jqkt {
-  background-color: var(--_1073cm81b);
-  color: var(--_1073cm819);
+  background-color: var(--_1073cm81c);
+  color: var(--_1073cm81a);
   align-self: flex-end;
   border-bottom-left-radius: 32px;
 }
 ._13n1jqku {
-  background-color: var(--_1073cm81a);
-  color: var(--_1073cm819);
+  background-color: var(--_1073cm81b);
+  color: var(--_1073cm81a);
   align-self: flex-start;
   border-bottom-right-radius: 32px;
 }
 ._13n1jqkw {
   background: linear-gradient(
   90deg,
-  var(--_1073cm819) 0%,
+  var(--_1073cm81a) 0%,
   rgba(255,255,255,0.8) 50%,
-  var(--_1073cm819) 100%
+  var(--_1073cm81a) 100%
 );
   background-size: 200% auto;
   background-clip: text;
@@ -334,8 +336,8 @@ button:has(span:hover) ._13n1jqk7 {
   table-layout: fixed;
 }
 ._13n1jqky {
-  background: var(--_1073cm819);
-  color: var(--_1073cm817);
+  background: var(--_1073cm81a);
+  color: var(--_1073cm818);
   padding-inline: 1.5rem;
   padding-top: 1em;
   padding-bottom: 1em;
@@ -347,13 +349,13 @@ button:has(span:hover) ._13n1jqk7 {
   text-align: center;
 }
 ._13n1jqk10 {
-  background: var(--_1073cm817);
+  background: var(--_1073cm818);
 }
 ._13n1jqk10:nth-child(odd) {
-  background: var(--_1073cm817);
+  background: var(--_1073cm818);
 }
 ._13n1jqk10:nth-child(even) {
-  background: var(--_1073cm81a);
+  background: var(--_1073cm81b);
 }
 @media screen and (max-width: 768px) {
   ._13n1jqk1 {

package/dist/assets/themes/axos.css

@@ -41,12 +41,13 @@
   --_1073cm814: #1E629A;
   --_1073cm815:  rgba(222, 244, 255, 1), rgba(30, 98, 154, 1), rgba(222, 244, 255, 1);
   --_1073cm816: #FFFFFF;
-  --_1073cm817: #FFFFFF;
-  --_1073cm818: #1E3860;
+  --_1073cm817: #2595F0a3;
+  --_1073cm818: #FFFFFF;
   --_1073cm819: #1E3860;
-  --_1073cm81a: #F5F5F5;
-  --_1073cm81b: #DEF4FF;
-  --_1073cm81c: #F0F0F0;
-  --_1073cm81d: #8C8C8C;
-  --_1073cm81e: #B9C1CE;
+  --_1073cm81a: #1E3860;
+  --_1073cm81b: #F5F5F5;
+  --_1073cm81c: #DEF4FF;
+  --_1073cm81d: #F0F0F0;
+  --_1073cm81e: #8C8C8C;
+  --_1073cm81f: #B9C1CE;
 }

package/dist/assets/themes/premier.css

@@ -41,12 +41,13 @@
   --_1073cm814: #98DDFF;
   --_1073cm815: linear-gradient(90deg,rgba(222, 244, 255, 1) 0%, rgba(30, 98, 154, 1) 50%, rgba(222, 244, 255, 1) 100%);
   --_1073cm816: #FFFFFF;
-  --_1073cm817: #FFFFFF;
-  --_1073cm818: #1E3860;
-  --_1073cm819: #FFFFFF;
-  --_1073cm81a: #F5F5F5;
-  --_1073cm81b: #DEF4FF;
-  --_1073cm81c: #000000;
-  --_1073cm81d: #1F1F1F;
-  --_1073cm81e: #B9C1CE;
+  --_1073cm817: #2595F0;
+  --_1073cm818: #FFFFFF;
+  --_1073cm819: #1E3860;
+  --_1073cm81a: #FFFFFF;
+  --_1073cm81b: #F5F5F5;
+  --_1073cm81c: #DEF4FF;
+  --_1073cm81d: #000000;
+  --_1073cm81e: #1F1F1F;
+  --_1073cm81f: #B9C1CE;
 }

package/dist/assets/themes/ufb.css

@@ -41,12 +41,13 @@
   --_1073cm814: #E18357;
   --_1073cm815:  #EAD4BB, #806646 , #EAD4BB ;
   --_1073cm816: #1B1B1F;
-  --_1073cm817: #FFFFFF;
-  --_1073cm81e: #B9C1CE;
-  --_1073cm818: #1E629A;
-  --_1073cm819: #1B1B1F;
-  --_1073cm81a: #EDEEF0;
-  --_1073cm81b: #FFF8F6;
-  --_1073cm81c: #F0F0F0;
-  --_1073cm81d: #000000;
+  --_1073cm817: #E18357;
+  --_1073cm818: #FFFFFF;
+  --_1073cm81f: #B9C1CE;
+  --_1073cm819: #1E629A;
+  --_1073cm81a: #1B1B1F;
+  --_1073cm81b: #EDEEF0;
+  --_1073cm81c: #FFF8F6;
+  --_1073cm81d: #F0F0F0;
+  --_1073cm81e: #000000;
 }

package/dist/assets/themes/victorie.css

@@ -41,12 +41,13 @@
   --_1073cm814: #98DDFF;
   --_1073cm815: linear-gradient(90deg,rgba(222, 244, 255, 1) 0%, rgba(40, 88, 125, 1) 50%, rgba(222, 244, 255, 1) 100%);
   --_1073cm816: #FFFFFF;
-  --_1073cm817: #FFFFFF;
-  --_1073cm818: #28587d;
-  --_1073cm819: #FFFFFF;
-  --_1073cm81a: #F5F5F5;
-  --_1073cm81b: #DEF4FF;
-  --_1073cm81c: #000000;
-  --_1073cm81d: #1F1F1F;
-  --_1073cm81e: #B9C1CE;
+  --_1073cm817: #2595F0;
+  --_1073cm818: #FFFFFF;
+  --_1073cm819: #28587d;
+  --_1073cm81a: #FFFFFF;
+  --_1073cm81b: #F5F5F5;
+  --_1073cm81c: #DEF4FF;
+  --_1073cm81d: #000000;
+  --_1073cm81e: #1F1F1F;
+  --_1073cm81f: #B9C1CE;
 }

package/dist/themes/axos.css.d.ts

@@ -69,6 +69,7 @@ export declare const axosTheme: string, vars: {
             border: `var(--${string})`;
             borderGradient: `var(--${string})`;
             icon: `var(--${string})`;
+            glowShadow: `var(--${string})`;
         };
         window: {
             background: `var(--${string})`;

package/dist/themes/axos.css.js

@@ -1,6 +1,6 @@
 import '../assets/themes/axos.css';/* empty css                        */
 var axosTheme = "_1073cm80";
-var vars = { colors: { primary: { background: "var(--_1073cm81)", backgroundButton: "var(--_1073cm82)", body: "var(--_1073cm83)", border: "var(--_1073cm84)", headline: "var(--_1073cm85)", textButton: "var(--_1073cm86)", textGradient: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", backgroundButton: "var(--_1073cm89)", body: "var(--_1073cm8a)", border: "var(--_1073cm8b)", headline: "var(--_1073cm8c)", textButton: "var(--_1073cm8d)", textGradient: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", backgroundButton: "var(--_1073cm8g)", body: "var(--_1073cm8h)", border: "var(--_1073cm8i)", headline: "var(--_1073cm8j)", textButton: "var(--_1073cm8k)", textGradient: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", backgroundButton: "var(--_1073cm8n)", body: "var(--_1073cm8o)", border: "var(--_1073cm8p)", headline: "var(--_1073cm8q)", textButton: "var(--_1073cm8r)", textGradient: "var(--_1073cm8s)" } }, error: "var(--_1073cm8t)", disabled: { border: "var(--_1073cm8u)", color: "var(--_1073cm8v)", background: "var(--_1073cm8w)" }, icons: { check: { primary: "var(--_1073cm8x)", secondary: "var(--_1073cm8y)" } }, table: { highlight: "var(--_1073cm8z)", color: "var(--_1073cm810)" }, footer: { link: { color: "var(--_1073cm811)" } }, selecction: { icon: { color: "var(--_1073cm812)" } }, chatbot: { bubble: { background: "var(--_1073cm813)", border: "var(--_1073cm814)", borderGradient: "var(--_1073cm815)", icon: "var(--_1073cm816)" }, window: { background: "var(--_1073cm817)", headerBackground: "var(--_1073cm818)", headerText: "var(--_1073cm819)", agentBackground: "var(--_1073cm81a)", userBackground: "var(--_1073cm81b)", inputBorder: "var(--_1073cm81c)", timestampColor: "var(--_1073cm81d)", borderBtn: "var(--_1073cm81e)" } } };
+var vars = { colors: { primary: { background: "var(--_1073cm81)", backgroundButton: "var(--_1073cm82)", body: "var(--_1073cm83)", border: "var(--_1073cm84)", headline: "var(--_1073cm85)", textButton: "var(--_1073cm86)", textGradient: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", backgroundButton: "var(--_1073cm89)", body: "var(--_1073cm8a)", border: "var(--_1073cm8b)", headline: "var(--_1073cm8c)", textButton: "var(--_1073cm8d)", textGradient: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", backgroundButton: "var(--_1073cm8g)", body: "var(--_1073cm8h)", border: "var(--_1073cm8i)", headline: "var(--_1073cm8j)", textButton: "var(--_1073cm8k)", textGradient: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", backgroundButton: "var(--_1073cm8n)", body: "var(--_1073cm8o)", border: "var(--_1073cm8p)", headline: "var(--_1073cm8q)", textButton: "var(--_1073cm8r)", textGradient: "var(--_1073cm8s)" } }, error: "var(--_1073cm8t)", disabled: { border: "var(--_1073cm8u)", color: "var(--_1073cm8v)", background: "var(--_1073cm8w)" }, icons: { check: { primary: "var(--_1073cm8x)", secondary: "var(--_1073cm8y)" } }, table: { highlight: "var(--_1073cm8z)", color: "var(--_1073cm810)" }, footer: { link: { color: "var(--_1073cm811)" } }, selecction: { icon: { color: "var(--_1073cm812)" } }, chatbot: { bubble: { background: "var(--_1073cm813)", border: "var(--_1073cm814)", borderGradient: "var(--_1073cm815)", icon: "var(--_1073cm816)", glowShadow: "var(--_1073cm817)" }, window: { background: "var(--_1073cm818)", headerBackground: "var(--_1073cm819)", headerText: "var(--_1073cm81a)", agentBackground: "var(--_1073cm81b)", userBackground: "var(--_1073cm81c)", inputBorder: "var(--_1073cm81d)", timestampColor: "var(--_1073cm81e)", borderBtn: "var(--_1073cm81f)" } } };
 export {
   axosTheme,
   vars

package/package.json

@@ -1,148 +1,148 @@
-{
-  "name": "@axos-web-dev/shared-components",
-  "description": "Axos shared components library for web.",
-  "version": "2.0.0-dev.28",
-  "type": "module",
-  "main": "index.js",
-  "module": "dist/main.js",
-  "types": "dist/main.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/main.d.ts",
-      "import": "./dist/main.js"
-    },
-    "./styles.css": "./dist/assets/index.css",
-    "./globals.css": "./dist/assets/globals.css",
-    "./themes/axos.css": "./dist/assets/themes/axos.css",
-    "./themes/premier.css": "./dist/assets/themes/premier.css",
-    "./dist/*": "./dist/*"
-  },
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "dist/assets/**/*.css"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc --p ./tsconfig.build.json && vite build",
-    "lint": "eslint . --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview",
-    "prepublishOnly": "npm run build",
-    "check-types": "tsc --pretty --noEmit",
-    "check-format": "prettier --check .",
-    "check-lint": "eslint .",
-    "format": "prettier --write .",
-    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
-    "prepare": "husky",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "npm:link": "npm run build && npm link"
-  },
-  "dependencies": {
-    "@headlessui/react": "^2.2.0",
-    "@hookform/resolvers": "^5.0.1",
-    "@next-safe-action/adapter-react-hook-form": "^2.0.2",
-    "@react-input/mask": "^1.2.15",
-    "@react-input/number-format": "^1.1.3",
-    "@storybook/icons": "^1.3.0",
-    "@storybook/preview-api": "^8.4.7",
-    "@ts-stack/markdown": "^1.5.0",
-    "@types/iframe-resizer": "3.5.13",
-    "@ujet/websdk-headless": "^4.22.0",
-    "@vanilla-extract/css": "^1.16.1",
-    "@vanilla-extract/recipes": "^0.5.1 || ^0.5.5",
-    "antd": "^5.22.5",
-    "clsx": "^2.1.1",
-    "framer-motion": "^12.9.2",
-    "iframe-resizer": "^3.6.6",
-    "lodash": "^4.17.21",
-    "moment": "^2.30.1",
-    "next-safe-action": "^8.0.2",
-    "react-date-picker": "^11.0.0",
-    "react-date-range": "^2.0.1",
-    "react-hook-form": "^7.56.4",
-    "react-markdown": "^9.1.0",
-    "react-slick": "^0.30.2",
-    "react-use": "^17.6.0",
-    "react-wrap-balancer": "^1.1.1",
-    "remark-gfm": "^4.0.1",
-    "rsuite": "^5.75.0",
-    "slick-carousel": "^1.8.1",
-    "typed-css-modules": "^0.9.1",
-    "vite-plugin-svgr": "^4.3.0",
-    "zod": "^3.24.1",
-    "zustand": "^4.5.5"
-  },
-  "peerDependencies": {
-    "@vanilla-extract/css-utils": "^0.1.3 || ^0.1.4",
-    "@vanilla-extract/recipes": "^0.5.1 || ^0.5.5",
-    "@vanilla-extract/vite-plugin": "^4.0.3 || ^4.0.18",
-    "next": "^14.1.4 || ^15.0.0 || ^16.0.0",
-    "react": "^18.2.0 || ^19.0.0",
-    "react-date-range": "^2.0.1",
-    "react-dom": "^18.2.0 || ^19.0.0",
-    "react-slick": "^0.30.2",
-    "slick-carousel": "^1.8.1"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.9.0",
-    "@eslint/js": "^9.39.4",
-    "@rollup/plugin-alias": "^5.1.1",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-links": "^8.4.7",
-    "@storybook/addon-mdx-gfm": "^8.4.7",
-    "@storybook/addon-onboarding": "^8.4.7",
-    "@storybook/addon-themes": "^8.4.7",
-    "@storybook/blocks": "^8.4.7",
-    "@storybook/react": "^8.6.14",
-    "@storybook/react-vite": "^8.4.7",
-    "@storybook/test": "^8.6.14",
-    "@svgr/core": "^8.1.0",
-    "@svgr/plugin-prettier": "^8.1.0",
-    "@svgr/plugin-svgo": "^8.1.0",
-    "@types/lodash": "^4.17.17",
-    "@types/node": "^20.19.0",
-    "@types/react": "^19.0.0",
-    "@types/react-date-range": "^1.4.9",
-    "@types/react-datepicker": "^6.2.0",
-    "@types/react-dom": "^19.0.0",
-    "@types/react-slick": "^0.23.13",
-    "@typescript-eslint/eslint-plugin": "^8.0.0",
-    "@typescript-eslint/parser": "^8.0.0",
-    "@vanilla-extract/css-utils": "^0.1.4",
-    "@vanilla-extract/recipes": "^0.5.5",
-    "@vanilla-extract/vite-plugin": "^4.0.18",
-    "@vitejs/plugin-react-swc": "^3.7.2",
-    "esbuild-vanilla-image-loader": "^0.1.3",
-    "eslint": "^9.0.0",
-    "eslint-plugin-react-hooks": "^5.1.0",
-    "eslint-plugin-react-refresh": "^0.4.16",
-    "eslint-plugin-storybook": "^0.8.0",
-    "glob": "^10.4.5",
-    "globals": "^15.15.0",
-    "husky": "^9.1.7",
-    "next": "^16.0.0",
-    "prettier": "3.2.5",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "rollup-plugin-preserve-directives": "^0.4.0",
-    "rollup-plugin-svg-import": "^3.0.0",
-    "rollup-plugin-svgo": "^2.0.0",
-    "storybook": "^8.4.7",
-    "typescript": "^5.7.2",
-    "typescript-eslint": "^8.57.0",
-    "typescript-plugin-css-modules": "^5.1.0",
-    "vite": "^5.4.11",
-    "vite-plugin-dts": "^3.9.1",
-    "vite-plugin-lib-inject-css": "^2.1.1",
-    "vite-plugin-setting-css-module": "^1.1.4",
-    "vite-tsconfig-paths": "^4.3.2"
-  },
-  "directories": {
-    "lib": "lib"
-  },
-  "author": "axos-web-dev",
-  "license": "ISC"
-}
+{
+  "name": "@axos-web-dev/shared-components",
+  "description": "Axos shared components library for web.",
+  "version": "2.0.0-dev.29",
+  "type": "module",
+  "main": "index.js",
+  "module": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/main.d.ts",
+      "import": "./dist/main.js"
+    },
+    "./styles.css": "./dist/assets/index.css",
+    "./globals.css": "./dist/assets/globals.css",
+    "./themes/axos.css": "./dist/assets/themes/axos.css",
+    "./themes/premier.css": "./dist/assets/themes/premier.css",
+    "./dist/*": "./dist/*"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "dist/assets/**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --p ./tsconfig.build.json && vite build",
+    "lint": "eslint . --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build",
+    "check-types": "tsc --pretty --noEmit",
+    "check-format": "prettier --check .",
+    "check-lint": "eslint .",
+    "format": "prettier --write .",
+    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
+    "prepare": "npm run build && husky",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "npm:link": "npm run build && npm link"
+  },
+  "dependencies": {
+    "@headlessui/react": "^2.2.0",
+    "@hookform/resolvers": "^5.0.1",
+    "@next-safe-action/adapter-react-hook-form": "^2.0.2",
+    "@react-input/mask": "^1.2.15",
+    "@react-input/number-format": "^1.1.3",
+    "@storybook/icons": "^1.3.0",
+    "@storybook/preview-api": "^8.4.7",
+    "@ts-stack/markdown": "^1.5.0",
+    "@types/iframe-resizer": "3.5.13",
+    "@ujet/websdk-headless": "^4.22.0",
+    "@vanilla-extract/css": "^1.16.1",
+    "@vanilla-extract/recipes": "^0.5.1 || ^0.5.5",
+    "antd": "^5.22.5",
+    "clsx": "^2.1.1",
+    "framer-motion": "^12.9.2",
+    "iframe-resizer": "^3.6.6",
+    "lodash": "^4.17.21",
+    "moment": "^2.30.1",
+    "next-safe-action": "^8.0.2",
+    "react-date-picker": "^11.0.0",
+    "react-date-range": "^2.0.1",
+    "react-hook-form": "^7.56.4",
+    "react-markdown": "^9.1.0",
+    "react-slick": "^0.30.2",
+    "react-use": "^17.6.0",
+    "react-wrap-balancer": "^1.1.1",
+    "remark-gfm": "^4.0.1",
+    "rsuite": "^5.75.0",
+    "slick-carousel": "^1.8.1",
+    "typed-css-modules": "^0.9.1",
+    "vite-plugin-svgr": "^4.3.0",
+    "zod": "^3.24.1",
+    "zustand": "^4.5.5"
+  },
+  "peerDependencies": {
+    "@vanilla-extract/css-utils": "^0.1.3 || ^0.1.4",
+    "@vanilla-extract/recipes": "^0.5.1 || ^0.5.5",
+    "@vanilla-extract/vite-plugin": "^4.0.3 || ^4.0.18",
+    "next": "^14.1.4 || ^15.0.0 || ^16.0.0",
+    "react": "^18.2.0 || ^19.0.0",
+    "react-date-range": "^2.0.1",
+    "react-dom": "^18.2.0 || ^19.0.0",
+    "react-slick": "^0.30.2",
+    "slick-carousel": "^1.8.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.9.0",
+    "@eslint/js": "^9.39.4",
+    "@rollup/plugin-alias": "^5.1.1",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-mdx-gfm": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/addon-themes": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-vite": "^8.4.7",
+    "@storybook/test": "^8.6.14",
+    "@svgr/core": "^8.1.0",
+    "@svgr/plugin-prettier": "^8.1.0",
+    "@svgr/plugin-svgo": "^8.1.0",
+    "@types/lodash": "^4.17.17",
+    "@types/node": "^20.19.0",
+    "@types/react": "^19.0.0",
+    "@types/react-date-range": "^1.4.9",
+    "@types/react-datepicker": "^6.2.0",
+    "@types/react-dom": "^19.0.0",
+    "@types/react-slick": "^0.23.13",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "@vanilla-extract/css-utils": "^0.1.4",
+    "@vanilla-extract/recipes": "^0.5.5",
+    "@vanilla-extract/vite-plugin": "^4.0.18",
+    "@vitejs/plugin-react-swc": "^3.7.2",
+    "esbuild-vanilla-image-loader": "^0.1.3",
+    "eslint": "^9.0.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "eslint-plugin-storybook": "^0.8.0",
+    "glob": "^10.4.5",
+    "globals": "^15.15.0",
+    "husky": "^9.1.7",
+    "next": "^16.0.0",
+    "prettier": "3.2.5",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "rollup-plugin-preserve-directives": "^0.4.0",
+    "rollup-plugin-svg-import": "^3.0.0",
+    "rollup-plugin-svgo": "^2.0.0",
+    "storybook": "^8.4.7",
+    "typescript": "^5.7.2",
+    "typescript-eslint": "^8.57.0",
+    "typescript-plugin-css-modules": "^5.1.0",
+    "vite": "^5.4.11",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-lib-inject-css": "^2.1.1",
+    "vite-plugin-setting-css-module": "^1.1.4",
+    "vite-tsconfig-paths": "^4.3.2"
+  },
+  "directories": {
+    "lib": "lib"
+  },
+  "author": "axos-web-dev",
+  "license": "ISC"
+}