@axos-web-dev/shared-components 1.0.100-dev.2 → 1.0.100-dev.20

package/dist/Calculators/Calculator.js

@@ -48,12 +48,13 @@ import { MonthlyPaymentLVFCalculator } from "./MonthlyPaymentLVFCalculator/index
 import { SummitApyCalculator } from "./SummitApyCalculator/index.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
+import "react-use";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
@@ -73,7 +74,6 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                            */
 import "../ImageBillboard/ImageBillboard.css.js";
 import "next/script.js";
-import "react-use";
 /* empty css                                        */
 /* empty css                                        */
 import "../Input/Checkbox.js";
@@ -142,7 +142,9 @@ const Calculator = (props) => {
     disclosure,
     headline,
     name,
-    marketingTiles
+    marketingTiles,
+    initialBalance,
+    callToActionRow
   } = props;
   const ref = useRef(null);
   const iframe = calculators.get(name || "");
@@ -233,7 +235,9 @@ const Calculator = (props) => {
         bodyCopy,
         variant,
         disclosure,
-        icon
+        icon,
+        initialBalance,
+        callToActionRow
       }
     );
   } else if (name === "APY Balance Summit Savings") {

package/dist/Calculators/calculator.css.d.ts

@@ -22,16 +22,10 @@ export declare const calculator_description: import('@vanilla-extract/recipes').
 export declare const calculator_headline: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
+            color: `var(--${string})`;
         };
         secondary: {
-            background: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
+            color: `var(--${string})`;
         };
         tertiary: {
             color: `var(--${string})`;

package/dist/CallToActionBar/index.js

@@ -107,7 +107,7 @@ const CallToActionBar = ({
                       ),
                       children: [
                         headline && /* @__PURE__ */ jsx("h2", { className: "header_3", children: headline }),
-                        banner_size === "large" && bodyCopy && /* @__PURE__ */ jsx(Fragment, { children: bodyCopy })
+                        banner_size === "large" && bodyCopy && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: "push_up", children: bodyCopy }) })
                       ]
                     }
                   ),

package/dist/Carousel/Carousel.css.d.ts

@@ -5,28 +5,16 @@ export declare const dots: string;
 export declare const headerCarousel: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
+            color: `var(--${string})`;
         };
         secondary: {
-            background: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
+            color: `var(--${string})`;
         };
         tertiary: {
             color: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
         };
         quaternary: {
             color: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
         };
     };
 }>;
@@ -34,6 +22,7 @@ export declare const carousel: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})`;
+            border: "1px solid #E9EBEF";
             color: `var(--${string})`;
         };
         secondary: {
@@ -90,7 +79,7 @@ export declare const icon: import('@vanilla-extract/recipes').RuntimeFn<{}>;
 export declare const dot: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            borderColor: "#1E3860";
+            borderColor: `var(--${string})`;
             selectors: {
                 "&:hover": {
                     background: "#87B9D7";
@@ -98,7 +87,7 @@ export declare const dot: import('@vanilla-extract/recipes').RuntimeFn<{
             };
         };
         secondary: {
-            borderColor: "#1E3860";
+            borderColor: `var(--${string})`;
             selectors: {
                 "&:hover": {
                     background: "#87B9D7";
@@ -106,7 +95,7 @@ export declare const dot: import('@vanilla-extract/recipes').RuntimeFn<{
             };
         };
         tertiary: {
-            borderColor: "#FFFFFF";
+            borderColor: `var(--${string})`;
             selectors: {
                 "&:hover": {
                     background: "#EBEBEB";
@@ -114,10 +103,10 @@ export declare const dot: import('@vanilla-extract/recipes').RuntimeFn<{
             };
         };
         quaternary: {
-            borderColor: "#FAA74A";
+            borderColor: `var(--${string})`;
             selectors: {
                 "&:hover": {
-                    background: "#FFE7D2";
+                    background: "#EBEBEB";
                 };
             };
         };

package/dist/Carousel/index.js

@@ -71,12 +71,12 @@ import "../Auth/SignInPassword.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

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

@@ -1 +1,2 @@
 export declare const bubbleWrapper: string;
+export declare const svgFill: string;

package/dist/Chatbot/Bubble.css.js

@@ -1,5 +1,8 @@
+import "./Chatbot.css.ts.vanilla.css.js";
 import '../assets/Chatbot/Bubble.css';/* empty css                          */
 var bubbleWrapper = "_7u9pv30";
+var svgFill = "_7u9pv31";
 export {
-  bubbleWrapper
+  bubbleWrapper,
+  svgFill
 };

package/dist/Chatbot/Bubble.js

@@ -1,19 +1,20 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { bubbleWrapper } from "./Bubble.css.js";
-import { useOpenChat } from "./store/chat.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: bubbleWrapper, onClick: toggle, children: [
-    /* @__PURE__ */ jsx("div", { className: "bubble-circle", children: /* @__PURE__ */ jsx(AnimatePresence, { children: !isOpen ? /* @__PURE__ */ jsx(
-      motion.img,
+    /* @__PURE__ */ jsx("div", { className: "bubble-circle flex", children: /* @__PURE__ */ jsx(AnimatePresence, { children: !isOpen ? /* @__PURE__ */ jsxs(
+      motion.svg,
       {
-        alt: "Evo, Virtual Financial Assistant",
-        src: "https://www.axos.com/images/5yPSYWRtCV9kNiVUzGONdb/axb-chat-bubble.png",
-        height: 36,
-        width: 36,
+        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,
@@ -22,22 +23,73 @@ const Bubble = ({ children }) => {
             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: "close-icon", children: /* @__PURE__ */ jsx(
-      motion.img,
+    ) : /* @__PURE__ */ jsx("span", { className: "close-icon", children: /* @__PURE__ */ jsxs(
+      motion.svg,
       {
-        alt: "Close chat",
-        src: "https://www.axos.com/images/7kHGbXlPvoGOC4YL3Ae5cg/axb-x-close.svg",
-        initial: { opacity: 0, rotate: 0 },
+        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: -90,
+          rotate: -360,
+          scale: 1,
           transition: {
             default: { type: "spring" },
-            opacity: { ease: "linear" }
+            opacity: { ease: "linear" },
+            scale: { ease: "linear" }
           }
-        }
+        },
+        children: [
+          /* @__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

@@ -3,9 +3,16 @@ 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

@@ -4,15 +4,29 @@ var windowOpenStyle = "_13n1jqk1";
 var windowBarStyle = "_13n1jqk2";
 var chat_title = "_13n1jqk3";
 var button_reset = "_13n1jqk4";
-var inputStyle = "_13n1jqk5";
-var sendButtonStyle = "_13n1jqk6";
-var messagesContainerStyle = "_13n1jqk7";
-var notificationStyle = "_13n1jqk8";
-var messageStyle = "_13n1jqk9";
-var inline_button_wrapper = "_13n1jqka";
+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,

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 {};