@axos-web-dev/shared-components 1.0.99-sectionSpacerRemoved.2 → 1.0.100-dev.1

package/dist/VideoWrapper/index.js

@@ -3,7 +3,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -68,6 +68,12 @@ import "../Auth/SignInPassword.js";
 /* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.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/WalnutIframe/wrapper.module.js

@@ -1,4 +1,4 @@
-import '../assets/WalnutIframe/wrapper.css.css';const wrapper = "_wrapper_13j22_10";
+const wrapper = "_wrapper_13j22_10";
 const shimmer = "_shimmer_13j22_1";
 const wrapper_control = "_wrapper_control_13j22_39";
 const css = {

package/dist/assets/AwardsBanner/AwardsBanner.css

@@ -9,6 +9,9 @@
   max-width: 1392px;
   width: calc(100% - 48px);
 }
+.section_spacer:has(._1amgyqo0) {
+  margin-top: 0px;
+}
 ._1amgyqo1 {
   min-height: 54px;
 }

package/dist/assets/Chatbot/Bubble.css

@@ -0,0 +1,51 @@
+._7u9pv30 {
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  z-index: 9999;
+  max-height: 80%;
+  font-family: sans-serif;
+  line-height: 1;
+  width: 60px;
+  display: flex;
+  align-items: center;
+  border-radius: 50%;
+  background-color: rgb(30, 56, 105);
+  outline: 2px solid #fff;
+}
+._7u9pv30:hover {
+  transition: width 0.1s, border-radius 0.1s;
+}
+._7u9pv31 {
+  width: 60px;
+  height: 60px;
+  border-radius: 50%;
+  background-color: rgb(30, 56, 105);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+._7u9pv32 {
+  width: 60px;
+  height: 60px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border-radius: 50%;
+  background-color: rgb(30, 56, 105);
+  fill: #fff;
+  color: #fff;
+}
+._7u9pv32 svg {
+  width: 24px;
+  height: 24px;
+  fill: #fff;
+}
+._7u9pv31 img {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  object-fit: cover;
+}

package/dist/assets/Chatbot/ChatWindow.css

@@ -0,0 +1,68 @@
+._13n1jqk0 {
+  width: 350px;
+  max-width: 100%;
+  border-radius: 19px;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
+  background: #fafafa;
+  display: flex;
+  flex-direction: column;
+  height: 500px;
+  position: fixed;
+  bottom: 90px;
+  right: 24px;
+  z-index: 1000;
+  transform: scale(0);
+  transition: transform 0.3s;
+  outline: none;
+}
+._13n1jqk1 {
+  transform: translate(0px) scale(1);
+  transition: transform 0.3s;
+}
+._13n1jqk2 {
+  padding: 1rem;
+  font-size: 18px;
+  border-bottom: 1px solid #eee;
+  background: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
+  border-top-left-radius: 16px;
+  border-top-right-radius: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+._13n1jqk3 {
+  flex: 1;
+  border-radius: 8px;
+  border: none;
+  padding: 8px;
+  background: #fafafa;
+  outline: none;
+  font-size: 13px;
+  color: #1e3860;
+}
+._13n1jqk3::placeholder {
+  color: rgba(31,31,31,.38);
+}
+._13n1jqk4 {
+  border-radius: 8px;
+  padding: 8px 16px;
+  background: #fafafa;
+  color: #fff;
+  border: none;
+}
+._13n1jqk4 svg {
+  fill: rgba(31,31,31,.38);
+}
+._13n1jqk4.active svg {
+  fill: #1e3860;
+}
+._13n1jqk5 {
+  flex: 1;
+  overflow-y: auto;
+  padding: 1rem;
+  background: #f9f9f9;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  scrollbar-color: #ccc transparent;
+}

package/dist/assets/Forms/HoneyPot/HoneyPot.css

@@ -1,4 +1,8 @@
 ._1f7d89m0 {
   position: absolute;
   left: -9999px;
+  top: -9999px;
+  width: 1px;
+  height: 1px;
+  z-index: -1;
 }

package/dist/assets/SetContainer/SetContainer.css

@@ -17,9 +17,6 @@
   grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
   gap: 24px;
 }
-.containment > ._18ygy9m5:first-child {
-  padding-top: 2rem;
-}
 ._18ygy9m6 {
   display: grid;
   gap: 24px;

package/dist/assets/TopicalNavSet/TopicalNavSet.css

@@ -5,9 +5,6 @@
 .section_spacer:has(.xbzzeo0) {
   margin-top: 0px;
 }
-.page_body_contents:has(.xbzzeo0) .xbzzeo0 {
-  margin-top: -3.5rem;
-}
 .xbzzeo1 {
   max-width: 83.9rem;
   margin-left: auto;

package/dist/assets/globals.css

@@ -32,17 +32,6 @@ li p, p:last-child, p:only-child {
 .section_spacer {
   margin-top: 3.5rem;
 }
-.page_body_contents {
-  display: flex;
-  flex-direction: column;
-  gap: 3.5rem;
-}
-span#personalized-refi-table:has(*) {
-  margin-bottom: 3.5rem;
-}
-.page_body_contents > div:first-child > .billboard {
-  margin-top: 3.5rem;
-}
 .flex, [class*='flex_'] {
   display: flex;
 }

package/dist/globals.css.js

@@ -1,2 +1,2 @@
-import './assets/globals.css';import './assets/Typography/Typography.css';/* empty css                                         */
+/* empty css                                         */
 /* empty css                           */

package/dist/icons/ArrowIcon/ArrowIcon.css.js

@@ -1,4 +1,4 @@
-import '../../assets/icons/ArrowIcon/ArrowIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                             */

package/dist/icons/CheckIcon/CheckIcon.css.js

@@ -1,4 +1,4 @@
-import '../../assets/icons/CheckIcon/CheckIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                             */

package/dist/icons/DownloadIcon/DownloadIcon.css.js

@@ -1,4 +1,4 @@
-import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                */

package/dist/icons/FollowIcon/FollowIcon.css.js

@@ -1,4 +1,4 @@
-import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                              */

package/dist/icons/Star/Star.css.js

@@ -1,4 +1,4 @@
-import '../../assets/icons/Star/Star.css';/* empty css                        */
+/* empty css                        */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var Star = createRuntimeFn({ defaultClassName: "mi4mae0", variantClassNames: { variant: { gold: "mi4mae1", gray: "mi4mae2" } }, defaultVariants: {}, compoundVariants: [] });
 export {

package/dist/index.css.js

@@ -1,3 +1,3 @@
-import './assets/index.css';import './assets/globals.css';import './assets/Typography/Typography.css';/* empty css                                         */
+/* empty css                                         */
 /* empty css                           */
 /* empty css                         */

package/dist/main.d.ts

@@ -20,6 +20,7 @@ export * from './Calculators/MarginTradingCalculator';
 export * from './Calculators/MonthlyPaymentCalculator';
 export * from './CallToActionBar';
 export * from './Carousel';
+export * from './Chatbot';
 export * from './Chevron';
 export * from './CollectInformationAlert';
 export * from './Comparison';

package/dist/main.js

@@ -37,6 +37,15 @@ import { MonthlyPaymentLVFCalculator } from "./Calculators/MonthlyPaymentLVFCalc
 import { SummitApyCalculator } from "./Calculators/SummitApyCalculator/index.js";
 import { CallToActionBar } from "./CallToActionBar/index.js";
 import { Carousel, CarouselSlide } from "./Carousel/index.js";
+import { Bubble } from "./Chatbot/Bubble.js";
+import { bubbleCircle, bubbleWrapper, closeIcon } from "./Chatbot/Bubble.css.js";
+import { Chatbot } from "./Chatbot/Chatbot.js";
+import { chatbotWrapper } from "./Chatbot/Chatbot.css.js";
+import { ChatWindow } from "./Chatbot/ChatWindow.js";
+import { inputStyle, messageStyle, messagesContainerStyle, sendButtonStyle, windowBarStyle, windowOpenStyle, windowStyle } from "./Chatbot/ChatWindow.css.js";
+import { useOpenChat } from "./Chatbot/store/chat.js";
+import { useMessages } from "./Chatbot/store/messages.js";
+import { useHeadlessChat } from "./Chatbot/useHeadlessChat.js";
 import { Chevron } from "./Chevron/index.js";
 import { CollectInformationAlert } from "./CollectInformationAlert/index.js";
 import { comparison, comparison_buttons, comparison_container, comparison_content, comparison_feature, comparison_layout, comparison_list, comparison_tab_container, feature_header, feature_title, headerComparison } from "./Comparison/Comparison.css.js";
@@ -235,6 +244,7 @@ export {
   BalanceAPYCalculator,
   Blockquote,
   BreadcumbHeader,
+  Bubble,
   BulletItem,
   Button,
   BuyDownCalculator,
@@ -243,6 +253,8 @@ export {
   Carousel,
   CarouselSlide,
   CategorySelector,
+  ChatWindow,
+  Chatbot,
   default5 as CheckCircle,
   default6 as CheckCircleLight,
   default7 as CheckIcon,
@@ -432,6 +444,8 @@ export {
   bs_section,
   bs_topic,
   bs_wrapper,
+  bubbleCircle,
+  bubbleWrapper,
   bullet_details,
   button,
   buttons,
@@ -442,7 +456,9 @@ export {
   center_center,
   center_left,
   center_right,
+  chatbotWrapper,
   checkbox_group,
+  closeIcon,
   columnValues,
   comparison,
   comparison_buttons,
@@ -571,6 +587,7 @@ export {
   img_contents,
   inline_container,
   input,
+  inputStyle,
   insight_header,
   insight_header_2,
   insight_header_3,
@@ -607,6 +624,8 @@ export {
   mb_8,
   mb_form,
   media,
+  messageStyle,
+  messagesContainerStyle,
   mh_330,
   modalCheckboxContainer,
   modalMobile,
@@ -661,6 +680,7 @@ export {
   selection_section_content,
   selection_section_icon,
   selection_section_icon_img,
+  sendButtonStyle,
   separator,
   set_container,
   set_container_cols,
@@ -719,6 +739,9 @@ export {
   up_to,
   url_row,
   useGlobalContext,
+  useHeadlessChat,
+  useMessages,
+  useOpenChat,
   user_buttons,
   user_card,
   user_container,
@@ -734,6 +757,9 @@ export {
   video_title,
   vidyard_height,
   w_100,
+  windowBarStyle,
+  windowOpenStyle,
+  windowStyle,
   wrapper,
   x_input,
   xc_input

package/dist/themes/axos.css.js

@@ -1,4 +1,4 @@
-import '../assets/themes/axos.css';/* empty css                        */
+/* empty css                        */
 var axosTheme = "_1073cm80";
 var vars = { colors: { primary: { background: "var(--_1073cm81)", body: "var(--_1073cm82)", headline: "var(--_1073cm83)", textGradient: "var(--_1073cm84)", textButton: "var(--_1073cm85)", backgroundButton: "var(--_1073cm86)", border: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", body: "var(--_1073cm89)", headline: "var(--_1073cm8a)", textGradient: "var(--_1073cm8b)", textButton: "var(--_1073cm8c)", backgroundButton: "var(--_1073cm8d)", border: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", body: "var(--_1073cm8g)", headline: "var(--_1073cm8h)", textGradient: "var(--_1073cm8i)", textButton: "var(--_1073cm8j)", backgroundButton: "var(--_1073cm8k)", border: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", body: "var(--_1073cm8n)", headline: "var(--_1073cm8o)", textGradient: "var(--_1073cm8p)", textButton: "var(--_1073cm8q)", backgroundButton: "var(--_1073cm8r)", border: "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)" } } };
 export {

package/dist/themes/premier.css.js

@@ -1,4 +1,4 @@
-import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                        */
+/* empty css                        */
 /* empty css                           */
 var premierTheme = "_1es6o1h0";
 export {

package/dist/themes/victorie.css.js

@@ -1,4 +1,4 @@
-import '../assets/themes/victorie.css';import '../assets/themes/axos.css';/* empty css                        */
+/* empty css                        */
 /* empty css                            */
 var victorieTheme = "fl2fv50";
 export {

package/dist/utils/optimizeImage/optimizeImage.module.js

@@ -1,4 +1,4 @@
-import '../../assets/utils/optimizeImage/optimizeImage.css.css';const loader = "_loader_pwl74_10";
+const loader = "_loader_pwl74_10";
 const loading = "_loading_pwl74_16";
 const shimmer = "_shimmer_pwl74_1";
 const css = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.99-sectionSpacerRemoved.2",
+  "version": "1.0.100-dev.1",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -35,7 +35,9 @@
     "@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": "^3.41.4",
     "@vanilla-extract/css": "^1.16.1",
     "@vanilla-extract/recipes": "^0.5.1",
     "antd": "^5.22.5",
@@ -48,11 +50,12 @@
     "react-date-picker": "^11.0.0",
     "react-date-range": "^2.0.1",
     "react-hook-form": "^7.54.2",
-    "react-markdown": "^9.0.1",
+    "react-markdown": "^9.1.0",
     "react-popper": "^2.3.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",