@axos-web-dev/shared-components 1.0.100-dev.53-chat-revamp.3 → 1.0.100-dev.54

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

@@ -33,3 +33,4 @@ export declare const thankyou_image: string;
 export declare const chatEndCircle: string;
 export declare const user_msg: string;
 export declare const agent_msg: string;
+export declare const shimmerText: string;

package/dist/Chatbot/ChatWindow.css.js

@@ -34,6 +34,7 @@ var thankyou_image = "_13n1jqkq";
 var chatEndCircle = "_13n1jqkr";
 var user_msg = "_13n1jqks";
 var agent_msg = "_13n1jqkt";
+var shimmerText = "_13n1jqkv";
 export {
   agent_msg,
   arrowFill,
@@ -58,6 +59,7 @@ export {
   noAnswerButton,
   notificationStyle,
   sendButtonStyle,
+  shimmerText,
   thankyou_image,
   thankyou_message,
   thankyou_overlay,

package/dist/Chatbot/ChatWindow.js

@@ -10,8 +10,7 @@ import React, { useRef, useEffect } from "react";
 import { useNetworkState, useMount } from "react-use";
 import { 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, messagesContainerStyle, inputStyle, autoResize, sendButtonStyle, windowStyle, windowOpenStyle } from "./ChatWindow.css.js";
-import EllipsisLoader from "./EllipsisAnimation.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";
 import { useOpenChat } from "./store/chat.js";
 import { ThankYouMessage } from "./ThankYouMessage.js";
@@ -386,7 +385,6 @@ const ChatWindow = ({
           style: {
             textAlign: "left",
             alignSelf: "flex-start",
-            background: "#eee",
             color: "#1e3860",
             borderRadius: 16,
             padding: "8px 8px",
@@ -402,7 +400,7 @@ const ChatWindow = ({
                 flexDirection: "column",
                 gap: 4
               },
-              children: /* @__PURE__ */ jsx(EllipsisLoader, {})
+              children: /* @__PURE__ */ jsx("p", { className: shimmerText, children: "AI thinking..." })
             }
           )
         }

package/dist/Chatbot/index.js

@@ -4,7 +4,7 @@ import { borderHoverGradient, bubbleButton, bubbleText, bubbleWrapper, inner, sv
 import { Chatbot } from "./Chatbot.js";
 import { chatbotAXB, chatbotUFB } from "./Chatbot.css.js";
 import { ChatWindow } from "./ChatWindow.js";
-import { agent_msg, arrowFill, autoResize, button_bar, button_reset, buttonss_section, chatEndCircle, chatEndDialogOverlay, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, left_bar_section, messageStyle, messagesContainerStyle, noAnswerButton, notificationStyle, sendButtonStyle, thankyou_image, thankyou_message, thankyou_overlay, user_msg, windowBarStyle, windowOpenStyle, windowStyle } from "./ChatWindow.css.js";
+import { agent_msg, arrowFill, autoResize, button_bar, button_reset, buttonss_section, chatEndCircle, chatEndDialogOverlay, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, left_bar_section, messageStyle, messagesContainerStyle, noAnswerButton, notificationStyle, sendButtonStyle, shimmerText, thankyou_image, thankyou_message, thankyou_overlay, user_msg, windowBarStyle, windowOpenStyle, windowStyle } from "./ChatWindow.css.js";
 import { useOpenChat } from "./store/chat.js";
 import { useMessages } from "./store/messages.js";
 export {
@@ -41,6 +41,7 @@ export {
   noAnswerButton,
   notificationStyle,
   sendButtonStyle,
+  shimmerText,
   svgFill,
   thankyou_image,
   thankyou_message,

package/dist/Modal/contextApi/store.js

@@ -34,7 +34,7 @@ const GlobalContextProvider = ({ children }) => {
             body: shortUrl(targetLinkUrl),
             onCancel: () => setOpenModal(false),
             onAccept: () => {
-              window.open(targetLinkUrl, "_blank", "noreferrer");
+              window.location.href = targetLinkUrl;
               setOpenModal(false);
             }
           }

package/dist/assets/Chatbot/ChatWindow.css

@@ -1,3 +1,11 @@
+@keyframes _13n1jqku {
+  0% {
+    background-position: -200% 0;
+  }
+  100% {
+    background-position: 200% 0;
+  }
+}
 ._13n1jqk0 {
   background: var(--_1073cm817);
   border-radius: 10px;
@@ -287,6 +295,16 @@
   align-self: flex-start;
   border-bottom-right-radius: 32px;
 }
+._13n1jqkv {
+  background: linear-gradient(90deg, var(--_1073cm819) 0%, rgba(255,255,255,0.8) 50%, var(--_1073cm819) 100%);
+  background-size: 200% 100%;
+  background-clip: text;
+  -webkit-background-clip: text;
+  color: transparent;
+  animation: _13n1jqku 2s linear infinite;
+  font-weight: bold;
+  letter-spacing: 0.22px;
+}
 @media screen and (max-width: 768px) {
   ._13n1jqk0 {
     width: 100dvw;

package/dist/assets/DownloadTile/DownloadTile.css

@@ -32,7 +32,7 @@
   padding: 20px;
 }
 ._14gexxj3 tbody tr:nth-child(odd) {
-  background-color: F4F4F4;
+  background-color: #F4F4F4;
 }
 ._14gexxj3 tr {
   display: flex;

package/dist/main.js

@@ -42,7 +42,7 @@ import { borderHoverGradient, bubbleButton, bubbleText, bubbleWrapper, inner, sv
 import { Chatbot } from "./Chatbot/Chatbot.js";
 import { chatbotAXB, chatbotUFB } from "./Chatbot/Chatbot.css.js";
 import { ChatWindow } from "./Chatbot/ChatWindow.js";
-import { agent_msg, arrowFill, autoResize, button_bar, button_reset, buttonss_section, chatEndCircle, chatEndDialogOverlay, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, left_bar_section, messageStyle, messagesContainerStyle, noAnswerButton, notificationStyle, sendButtonStyle, thankyou_image, thankyou_message, thankyou_overlay, user_msg, windowBarStyle, windowOpenStyle, windowStyle } from "./Chatbot/ChatWindow.css.js";
+import { agent_msg, arrowFill, autoResize, button_bar, button_reset, buttonss_section, chatEndCircle, chatEndDialogOverlay, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, left_bar_section, messageStyle, messagesContainerStyle, noAnswerButton, notificationStyle, sendButtonStyle, shimmerText, thankyou_image, thankyou_message, thankyou_overlay, user_msg, windowBarStyle, windowOpenStyle, windowStyle } from "./Chatbot/ChatWindow.css.js";
 import { useOpenChat } from "./Chatbot/store/chat.js";
 import { useMessages } from "./Chatbot/store/messages.js";
 import { Chevron } from "./Chevron/index.js";
@@ -763,6 +763,7 @@ export {
   set_logo,
   setcontainer_section_text,
   shift,
+  shimmerText,
   shortUrl,
   show,
   show_options,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.100-dev.53-chat-revamp.3",
+  "version": "1.0.100-dev.54",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",