@axos-web-dev/shared-components 2.2.13 → 2.2.14

package/dist/ATMLocator/ATMLocator.d.ts

@@ -1,4 +1,4 @@
 import { CalculatorProps } from '../Calculators';
 
 export type ATMLocatorProps = CalculatorProps;
-export declare const ATMLocator: (props: CalculatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ATMLocator: (props: CalculatorProps) => import("react").JSX.Element;

package/dist/Accordion/Accordion.d.ts

@@ -7,6 +7,6 @@ export declare const AccordionCtx: React.Context<{
     isOpen: boolean;
     onclick: () => void;
 }>;
-export declare const AccordionHeader: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-export declare const AccordionDetails: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-export declare const Accordion: (props: Accordion & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionHeader: (props: PropsWithChildren) => React.JSX.Element;
+export declare const AccordionDetails: ({ children }: PropsWithChildren) => React.JSX.Element;
+export declare const Accordion: (props: Accordion & PropsWithChildren) => React.JSX.Element;

package/dist/Article/Article.d.ts

@@ -12,4 +12,4 @@ export interface ArticleProps {
     variant?: QuaternaryTypes;
     useChevron?: boolean | false;
 }
-export declare const Article: ({ id, image, itemType, title, description, targetUrl, variant: fullVariant, useChevron, }: ArticleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Article: ({ id, image, itemType, title, description, targetUrl, variant: fullVariant, useChevron, }: ArticleProps) => import("react").JSX.Element;

package/dist/Auth/ErrorAlert.d.ts

@@ -10,5 +10,5 @@ type Props = {
     onClose?: () => void;
     modalRef?: React.RefObject<HTMLDivElement>;
 };
-export declare const ErrorAlert: ({ variant: fullVariant, modalRef, onClose, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const ErrorAlert: ({ variant: fullVariant, modalRef, onClose, }: Props) => import("react").JSX.Element;
 export {};

package/dist/Auth/ErrorAlert.js

@@ -69,6 +69,7 @@ import "../Carousel/index.js";
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
 /* empty css                                    */
+import "../LoadingIndicator/LoadingIndicator.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 import { Hyperlink } from "../Hyperlink/index.js";
@@ -97,7 +98,6 @@ import "next/script.js";
 /* empty css                                            */
 import "../Interstitial/Interstitial-variants.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
-import "../LoadingIndicator/LoadingIndicator.css.js";
 /* empty css                                                      */
 import "next/navigation.js";
 /* empty css                                                         */

package/dist/Auth/Logout.d.ts

@@ -1,3 +1,3 @@
 export declare const Logout: ({ action, }: {
     action: (prev: unknown, formData: FormData) => void;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/dist/Auth/SignInPassword.d.ts

@@ -12,4 +12,4 @@ export type Credentials = {
     username: string;
     password: string;
 };
-export declare const SignIn: (props: SignIn) => import("react/jsx-runtime").JSX.Element;
+export declare const SignIn: (props: SignIn) => import("react").JSX.Element;

package/dist/BulletItem/BulletItem.d.ts

@@ -12,4 +12,4 @@ export interface BulletItemProps extends PropsWithChildren {
     subBullet?: boolean;
     className?: string;
 }
-export declare const BulletItem: (props: BulletItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BulletItem: (props: BulletItemProps) => import("react").JSX.Element;

package/dist/Button/Button.d.ts

@@ -18,4 +18,4 @@ export type ButtonAsLink = ButtonBase & Omit<AnchorHTMLAttributes<HTMLAnchorElem
     as?: "a";
 };
 export type ButtonProps = ButtonAsButton | ButtonAsLink;
-export declare const Button: ({ as, children, color, size, disabled, rounded, targetUrl, id, newTab, action, className, square, marketingIntersitial, ...rest }: ButtonProps & ButtonVariants) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ as, children, color, size, disabled, rounded, targetUrl, id, newTab, action, className, square, marketingIntersitial, ...rest }: ButtonProps & ButtonVariants) => import("react").JSX.Element;

package/dist/Button/GoBackButton.d.ts

@@ -1,4 +1,4 @@
 import { ButtonProps } from './Button';
 import { ButtonVariants } from './Button.css';
 
-export declare const GoBackButton: (props: ButtonProps & ButtonVariants) => import("react/jsx-runtime").JSX.Element;
+export declare const GoBackButton: (props: ButtonProps & ButtonVariants) => import("react").JSX.Element;

package/dist/Calculators/Calculator.d.ts

@@ -16,4 +16,4 @@ export interface CalculatorProps {
     initialBalance?: number;
     callToActionRow?: ChevronProps[];
 }
-export declare const Calculator: (props: CalculatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Calculator: (props: CalculatorProps) => React.JSX.Element;

package/dist/Calculators/Calculator.js

@@ -55,6 +55,7 @@ import "../Carousel/index.js";
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
 /* empty css                                    */
+import "../LoadingIndicator/LoadingIndicator.css.js";
 import "react-use";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
@@ -94,7 +95,6 @@ import "../Input/RadioButton.js";
 /* empty css                                                      */
 /* empty css                                            */
 import "../LandingPageHeader/LandingPageHeader.css.js";
-import "../LoadingIndicator/LoadingIndicator.css.js";
 /* empty css                                                      */
 import "next/navigation.js";
 /* empty css                                                         */

package/dist/Carousel/index.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren, ReactNode } from 'react';
+import { default as React, PropsWithChildren, ReactNode } from 'react';
 import { carouselVariants } from './Carousel.css';
 
 export interface SlideProps extends PropsWithChildren {
@@ -17,5 +17,5 @@ export interface CarouselProps extends PropsWithChildren {
     description?: ReactNode;
     internalName?: string;
 }
-export declare const CarouselSlide: (props: SlideProps & carouselVariants) => import("react/jsx-runtime").JSX.Element;
-export declare const Carousel: (props: CarouselProps & carouselVariants) => import("react/jsx-runtime").JSX.Element;
+export declare const CarouselSlide: (props: SlideProps & carouselVariants) => React.JSX.Element;
+export declare const Carousel: (props: CarouselProps & carouselVariants) => React.JSX.Element;

package/dist/Chatbot/Bubble.d.ts

@@ -3,4 +3,4 @@ import { PropsWithChildren } from 'react';
 export declare const Bubble: ({ children, onClick, }: PropsWithChildren & {
     onClick?: () => void;
     project: "axos" | "ufb" | "Axos" | "Ufb";
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

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

@@ -16,6 +16,7 @@ export declare const inputStyle: string;
  * - Sets a minimum height to ensure at least 1 or 2 lines are visible.
  */
 export declare const autoResize: string;
+export declare const chatAiDisclaimer: string;
 export declare const sendButtonStyle: string;
 export declare const messagesContainerStyle: string;
 export declare const notificationStyle: string;
@@ -36,3 +37,8 @@ export declare const chatEndCircle: string;
 export declare const user_msg: string;
 export declare const agent_msg: string;
 export declare const shimmerText: string;
+export declare const tableMsg: string;
+export declare const tableHead: string;
+export declare const tableCell: string;
+export declare const trMortgageTable: string;
+export declare const formTextButton: string;

package/dist/Chatbot/ChatWindow.css.js

@@ -1,42 +1,49 @@
-import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Chatbot.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Typography/Typography.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
+/* empty css                                          */
 /* empty css                           */
 /* empty css                              */
-var windowStyle = "_13n1jqk0";
-var windowExpandedStyle = "_13n1jqk1";
-var expandToggleStyle = "_13n1jqk2";
-var windowOpenStyle = "_13n1jqk3";
-var windowBarStyle = "_13n1jqk4";
-var left_bar_section = "_13n1jqk5";
-var chat_title = "_13n1jqk6";
-var buttonss_section = "_13n1jqk7";
-var button_bar = "_13n1jqk8";
-var button_reset = "_13n1jqk9";
-var arrowFill = "_13n1jqka";
-var inputStyle = "_13n1jqkb";
-var autoResize = "_13n1jqkc";
-var sendButtonStyle = "_13n1jqkd";
-var messagesContainerStyle = "_13n1jqke";
-var notificationStyle = "_13n1jqkf";
-var messageStyle = "_13n1jqkg";
-var inline_button_wrapper = "_13n1jqkh";
-var inline_button = "_13n1jqki";
-var endChatButtonStyle = "_13n1jqkj";
-var noAnswerButton = "_13n1jqkk";
-var chatbotMenu = "_13n1jqkl";
-var chatbotMenuItem = "_13n1jqkm";
-var chatNetworkStatus = "_13n1jqkn";
-var chatEndDialogOverlay = "_13n1jqko";
-var chatFinishDialog = "_13n1jqkp";
-var thankyou_overlay = "_13n1jqkq";
-var thankyou_message = "_13n1jqkr";
-var thankyou_image = "_13n1jqks";
-var chatEndCircle = "_13n1jqkt";
-var user_msg = "_13n1jqku";
-var agent_msg = "_13n1jqkv";
-var shimmerText = "_13n1jqkx";
+var windowStyle = "_13n1jqk1";
+var windowExpandedStyle = "_13n1jqk2";
+var expandToggleStyle = "_13n1jqk3";
+var windowOpenStyle = "_13n1jqk4";
+var windowBarStyle = "_13n1jqk5";
+var left_bar_section = "_13n1jqk6";
+var chat_title = "_13n1jqk7";
+var buttonss_section = "_13n1jqk8";
+var button_bar = "_13n1jqk9";
+var button_reset = "_13n1jqka";
+var arrowFill = "_13n1jqkb";
+var inputStyle = "_13n1jqkc";
+var autoResize = "_13n1jqkd";
+var chatAiDisclaimer = "_13n1jqke";
+var sendButtonStyle = "_13n1jqkf";
+var messagesContainerStyle = "_13n1jqkg";
+var notificationStyle = "_13n1jqkh";
+var messageStyle = "_13n1jqki";
+var inline_button_wrapper = "_13n1jqkj";
+var inline_button = "_13n1jqkk";
+var endChatButtonStyle = "_13n1jqkl";
+var noAnswerButton = "_13n1jqkm";
+var chatbotMenu = "_13n1jqkn";
+var chatbotMenuItem = "_13n1jqko";
+var chatNetworkStatus = "_13n1jqkp";
+var chatEndDialogOverlay = "_13n1jqkq";
+var chatFinishDialog = "_13n1jqkr";
+var thankyou_overlay = "_13n1jqks";
+var thankyou_message = "_13n1jqkt";
+var thankyou_image = "_13n1jqku";
+var chatEndCircle = "_13n1jqkv";
+var user_msg = "_13n1jqkw";
+var agent_msg = "_13n1jqkx";
+var shimmerText = "_13n1jqkz";
+var tableMsg = "_13n1jqk10";
+var tableHead = "_13n1jqk11";
+var tableCell = "_13n1jqk12";
+var trMortgageTable = "_13n1jqk13";
+var formTextButton = "_13n1jqk14";
 export {
   agent_msg,
   arrowFill,
@@ -44,6 +51,7 @@ export {
   button_bar,
   button_reset,
   buttonss_section,
+  chatAiDisclaimer,
   chatEndCircle,
   chatEndDialogOverlay,
   chatFinishDialog,
@@ -53,6 +61,7 @@ export {
   chatbotMenuItem,
   endChatButtonStyle,
   expandToggleStyle,
+  formTextButton,
   inline_button,
   inline_button_wrapper,
   inputStyle,
@@ -63,9 +72,13 @@ export {
   notificationStyle,
   sendButtonStyle,
   shimmerText,
+  tableCell,
+  tableHead,
+  tableMsg,
   thankyou_image,
   thankyou_message,
   thankyou_overlay,
+  trMortgageTable,
   user_msg,
   windowBarStyle,
   windowExpandedStyle,

package/dist/Chatbot/ChatWindow.js

@@ -1,16 +1,17 @@
 "use client";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { LoadingIndicator } from "../LoadingIndicator/index.js";
 import { vars } from "../themes/axos.css.js";
 import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* 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, windowExpandedStyle } from "./ChatWindow.css.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, formTextButton, inputStyle, autoResize, sendButtonStyle, windowStyle, windowOpenStyle, windowExpandedStyle } from "./ChatWindow.css.js";
 import { EllipsisIcon } from "./EllipsisIcon.js";
 import { ExpandChatToggle } from "./ExpandChatToggle.js";
 import { useOpenChat } from "./store/chat.js";
@@ -40,12 +41,13 @@ const ChatWindow = ({
 }) => {
   const {
     showThankyouMessage,
-    displayThankyouMessage,
     toggleThankyouMessage,
     hasEscalated,
     isBlockedInput,
     isOpen,
     hasOpenedOnce,
+    chatStatus,
+    setChatStatus,
     isWindowExpanded,
     toggleWindowExpanded
   } = useOpenChat();
@@ -56,6 +58,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]);
@@ -86,9 +89,6 @@ const ChatWindow = ({
   useEffect(() => {
     autoResizeTextarea();
   }, [input]);
-  const displayThankYouScreen = () => {
-    displayThankyouMessage();
-  };
   const onCancelEndChat = () => {
     setShowEndChatDialog(false);
     toggleThankyouMessage?.();
@@ -182,7 +182,7 @@ const ChatWindow = ({
                   alignContent: "center",
                   background: menuOpen ? "#0000000f" : void 0
                 },
-                children: /* @__PURE__ */ jsx(EllipsisIcon, {})
+                children: /* @__PURE__ */ jsx(EllipsisIcon, { color: vars.chatbot.window.headerText })
               }
             ),
             menuOpen && /* @__PURE__ */ jsx("ul", { className: clsx(chatbotMenu), children: /* @__PURE__ */ jsx("li", { className: chatbotMenuItem, children: /* @__PURE__ */ jsxs(
@@ -214,7 +214,7 @@ const ChatWindow = ({
                             "path",
                             {
                               d: "M11.1236 5.37374L8.60278 7.89457L11.1236 10.4167L10.4166 11.1237L7.89445 8.6029L5.37362 11.1237L4.66658 10.4167L7.18742 7.89457L4.66658 5.37374L5.37362 4.66671L7.89445 7.18754L10.4166 4.66671L11.1236 5.37374Z",
-                              fill: "#1E3860"
+                              fill: vars.chatbot.window.headerText
                             }
                           ),
                           /* @__PURE__ */ jsx(
@@ -223,7 +223,7 @@ const ChatWindow = ({
                               fillRule: "evenodd",
                               clipRule: "evenodd",
                               d: "M13.3333 0.833374C14.3458 0.833374 15.1666 1.65419 15.1666 2.66671V13.3334C15.1666 14.3459 14.3458 15.1667 13.3333 15.1667H2.66659C1.65406 15.1667 0.833252 14.3459 0.833252 13.3334V2.66671C0.833252 1.65419 1.65406 0.833374 2.66659 0.833374H13.3333ZM2.66659 1.83337C2.20635 1.83337 1.83325 2.20647 1.83325 2.66671V13.3334C1.83325 13.7936 2.20635 14.1667 2.66659 14.1667H13.3333C13.7935 14.1667 14.1666 13.7936 14.1666 13.3334V2.66671C14.1666 2.20647 13.7935 1.83337 13.3333 1.83337H2.66659Z",
-                              fill: "#1E3860"
+                              fill: vars.chatbot.window.headerText
                             }
                           )
                         ] }),
@@ -310,7 +310,7 @@ const ChatWindow = ({
                           type: "submit",
                           onClick: () => {
                             endChat();
-                            displayThankYouScreen();
+                            setChatStatus("ending");
                             setShowEndChatDialog(false);
                           },
                           children: "Yes, End Chat"
@@ -333,6 +333,45 @@ const ChatWindow = ({
                 " "
               ] }) })
             ] }),
+            chatStatus == "ending" && /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    background: "#00000080",
+                    position: "fixed",
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    zIndex: 999
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    position: "fixed",
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    zIndex: 1e3,
+                    display: "flex",
+                    justifyContent: "center",
+                    alignItems: "center"
+                  },
+                  children: /* @__PURE__ */ jsx(
+                    LoadingIndicator,
+                    {
+                      variant: "primary",
+                      style: { borderTopColor: vars.chatbot.bubble.glowShadow }
+                    }
+                  )
+                }
+              )
+            ] }),
             /* @__PURE__ */ jsx(
               ThankYouMessage,
               {
@@ -436,7 +475,7 @@ const ChatWindow = ({
                     fontSize: 14,
                     display: "flex",
                     flexDirection: "column",
-                    gap: 4
+                    gap: 16
                   },
                   children: /* @__PURE__ */ jsx("p", { className: shimmerText, children: "Chat connecting..." })
                 }
@@ -476,71 +515,91 @@ 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("div", { style: { padding: "16px 16px 24px 16px" }, children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSend, className: clsx(gradientFocus), children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: clsx(
+                focused && !inputDisabled && !isBlockedInput ? focusAnimation : ""
               ),
-              /* @__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"
-                        }
-                      )
-                    }
-                  )
-                }
-              )
-            ]
-          }
-        ) }) })
+              style: {
+                position: "absolute",
+                left: "10%",
+                width: "80%",
+                height: "40px",
+                zIndex: "-1"
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: formTextButton,
+              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"
+                          }
+                        )
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          )
+        ] }) })
       ]
     }
   );

package/dist/Chatbot/Chatbot.d.ts

@@ -17,5 +17,5 @@ export declare const Chatbot: ({ project, projectEnv, menuOption, config, }: {
     menuOption?: "Support Virtual Agent" | string;
     debug?: boolean;
     config: InitalizeChatbot;
-}) => false | import("react/jsx-runtime").JSX.Element;
+}) => false | import("react").JSX.Element;
 export {};

package/dist/Chatbot/EllipsisAnimation.d.ts

@@ -1,2 +1,2 @@
-declare const EllipsisLoader: () => import("react/jsx-runtime").JSX.Element;
+declare const EllipsisLoader: () => import("react").JSX.Element;
 export default EllipsisLoader;

package/dist/Chatbot/EllipsisIcon.d.ts

@@ -1,4 +1,4 @@
 export declare const EllipsisIcon: ({ size, color }: {
     size?: number | undefined;
     color?: string | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/dist/Chatbot/index.js

@@ -4,7 +4,7 @@ import { borderHoverGradient, bubbleButton, bubbleText, bubbleWrapper, inner, sv
 import { Chatbot, audioManager } 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, expandToggleStyle, inline_button, inline_button_wrapper, inputStyle, left_bar_section, messageStyle, messagesContainerStyle, noAnswerButton, notificationStyle, sendButtonStyle, shimmerText, thankyou_image, thankyou_message, thankyou_overlay, user_msg, windowBarStyle, windowExpandedStyle, windowOpenStyle, windowStyle } from "./ChatWindow.css.js";
+import { agent_msg, arrowFill, autoResize, button_bar, button_reset, buttonss_section, chatAiDisclaimer, chatEndCircle, chatEndDialogOverlay, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, expandToggleStyle, formTextButton, inline_button, inline_button_wrapper, inputStyle, left_bar_section, messageStyle, messagesContainerStyle, noAnswerButton, notificationStyle, sendButtonStyle, shimmerText, tableCell, tableHead, tableMsg, thankyou_image, thankyou_message, thankyou_overlay, trMortgageTable, user_msg, windowBarStyle, windowExpandedStyle, windowOpenStyle, windowStyle } from "./ChatWindow.css.js";
 import { useOpenChat } from "./store/chat.js";
 import { useMessages } from "./store/messages.js";
 export {
@@ -22,6 +22,7 @@ export {
   button_bar,
   button_reset,
   buttonss_section,
+  chatAiDisclaimer,
   chatEndCircle,
   chatEndDialogOverlay,
   chatFinishDialog,
@@ -33,6 +34,7 @@ export {
   chatbotUFB,
   endChatButtonStyle,
   expandToggleStyle,
+  formTextButton,
   inline_button,
   inline_button_wrapper,
   inner,
@@ -45,9 +47,13 @@ export {
   sendButtonStyle,
   shimmerText,
   svgFill,
+  tableCell,
+  tableHead,
+  tableMsg,
   thankyou_image,
   thankyou_message,
   thankyou_overlay,
+  trMortgageTable,
   useMessages,
   useOpenChat,
   user_msg,

package/dist/Comparison/Comparison.d.ts

@@ -1,3 +1,3 @@
 import { ComparisonProps } from './Comparison.interface';
 
-export declare const Comparison: ({ id, variant: fullVariant, headline, description, bullets, callToActionRow, keyFeature, keyFeatureDescription, highlightedFeature, index, toggleState, table, }: ComparisonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Comparison: ({ id, variant: fullVariant, headline, description, bullets, callToActionRow, keyFeature, keyFeatureDescription, highlightedFeature, index, toggleState, table, }: ComparisonProps) => import("react").JSX.Element;

package/dist/Comparison/ComparisonSet.d.ts

@@ -1,3 +1,3 @@
 import { ComparisonSetProps } from './Comparison.interface';
 
-export declare const ComparisonSet: ({ headline, variant, id, additionalDetails, icon, eyebrow, bodyCopy, comparisonElements, }: ComparisonSetProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ComparisonSet: ({ headline, variant, id, additionalDetails, icon, eyebrow, bodyCopy, comparisonElements, }: ComparisonSetProps) => import("react").JSX.Element;