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

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/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 { bubbleWrapper, svgFill } from "./Chatbot/Bubble.css.js";
+import { Chatbot } from "./Chatbot/Chatbot.js";
+import { chatbotAXB, chatbotUFB } from "./Chatbot/Chatbot.css.js";
+import { ChatWindow } from "./Chatbot/ChatWindow.js";
+import { arrowFill, button_reset, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, messageStyle, messagesContainerStyle, notificationStyle, 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,
@@ -399,6 +411,7 @@ export {
   apply_now_form,
   apy_billboard,
   apy_table,
+  arrowFill,
   associatedEmail,
   award_company,
   award_item,
@@ -432,8 +445,10 @@ export {
   bs_section,
   bs_topic,
   bs_wrapper,
+  bubbleWrapper,
   bullet_details,
   button,
+  button_reset,
   buttons,
   calculator,
   calculator_description,
@@ -442,6 +457,11 @@ export {
   center_center,
   center_left,
   center_right,
+  chat_title,
+  chatbotAXB,
+  chatbotMenu,
+  chatbotMenuItem,
+  chatbotUFB,
   checkbox_group,
   columnValues,
   comparison,
@@ -468,6 +488,7 @@ export {
   dp_input,
   dropdown,
   dynPH,
+  endChatButtonStyle,
   error_alert,
   error_alert_content,
   error_close_button,
@@ -569,8 +590,11 @@ export {
   image_inner_wrapper,
   img_area,
   img_contents,
+  inline_button,
+  inline_button_wrapper,
   inline_container,
   input,
+  inputStyle,
   insight_header,
   insight_header_2,
   insight_header_3,
@@ -607,6 +631,8 @@ export {
   mb_8,
   mb_form,
   media,
+  messageStyle,
+  messagesContainerStyle,
   mh_330,
   modalCheckboxContainer,
   modalMobile,
@@ -617,6 +643,7 @@ export {
   mw24,
   na_cursor,
   nested_grid,
+  notificationStyle,
   ol,
   one_row,
   padding,
@@ -661,6 +688,7 @@ export {
   selection_section_content,
   selection_section_icon,
   selection_section_icon_img,
+  sendButtonStyle,
   separator,
   set_container,
   set_container_cols,
@@ -684,6 +712,7 @@ export {
   success_icon,
   success_wrap,
   supertag,
+  svgFill,
   svg_fill,
   svg_icon,
   svg_logo,
@@ -719,6 +748,9 @@ export {
   up_to,
   url_row,
   useGlobalContext,
+  useHeadlessChat,
+  useMessages,
+  useOpenChat,
   user_buttons,
   user_card,
   user_container,
@@ -734,6 +766,9 @@ export {
   video_title,
   vidyard_height,
   w_100,
+  windowBarStyle,
+  windowOpenStyle,
+  windowStyle,
   wrapper,
   x_input,
   xc_input

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-chat.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",