@axos-web-dev/shared-components 2.0.0-dev.2-nav-0 → 2.0.0-dev.2-nav-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/dist/ATMLocator/ATMLocator.js +14 -85
  2. package/dist/Auth/ErrorAlert.js +6 -89
  3. package/dist/Button/Button.js +6 -121
  4. package/dist/Calculators/Calculator.d.ts +1 -1
  5. package/dist/Calculators/Calculator.js +18 -90
  6. package/dist/Calculators/MarginTradingCalculator/index.js +2 -113
  7. package/dist/Carousel/index.js +4 -110
  8. package/dist/Chatbot/ChatWindow.css.d.ts +4 -0
  9. package/dist/Chatbot/ChatWindow.css.js +8 -0
  10. package/dist/Chatbot/ChatWindow.js +8 -2
  11. package/dist/Chatbot/Chatbot.js +12 -2
  12. package/dist/Chatbot/ChatbotMessage.d.ts +1 -0
  13. package/dist/Chatbot/ChatbotMessage.js +47 -4
  14. package/dist/Chatbot/index.js +5 -1
  15. package/dist/Chevron/index.js +4 -115
  16. package/dist/Comparison/Comparison.js +5 -122
  17. package/dist/ExecutiveBio/ExecutiveBio.interface.d.ts +3 -2
  18. package/dist/ExecutiveBio/ExecutiveBio.js +4 -127
  19. package/dist/FaqAccordion/index.js +7 -111
  20. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +5 -111
  21. package/dist/Forms/ApplyNow.js +4 -110
  22. package/dist/Forms/ContactCompany.d.ts +1 -1
  23. package/dist/Forms/ContactCompanyTitle.d.ts +1 -1
  24. package/dist/Forms/ContactUsBusiness.js +7 -105
  25. package/dist/Forms/ContactUsBusinessNameEmail.js +8 -105
  26. package/dist/Forms/ContactUsNMLSId.js +7 -105
  27. package/dist/Forms/CpraRequest.js +2 -97
  28. package/dist/Forms/CraPublicFile.js +7 -105
  29. package/dist/Forms/DealerServices.d.ts +1 -1
  30. package/dist/Forms/EmailOnly.js +7 -105
  31. package/dist/Forms/MortgageRate/MortgageRateForm.js +8 -97
  32. package/dist/Forms/MortgageRate/MortgageRateWatch.js +4 -93
  33. package/dist/Forms/MortgageWarehouseLending.js +7 -105
  34. package/dist/Forms/SuccesForm.js +8 -92
  35. package/dist/Hyperlink/index.js +5 -111
  36. package/dist/ImageLink/ImageLink.js +6 -107
  37. package/dist/ImageLink/ImageLinkSet.js +6 -115
  38. package/dist/ImageLink/index.js +6 -106
  39. package/dist/Insight/Featured/CategorySelector.d.ts +1 -1
  40. package/dist/Insight/Featured/CategorySelector.js +5 -110
  41. package/dist/Insight/Featured/Featured.js +8 -107
  42. package/dist/Insight/Featured/Header.js +4 -110
  43. package/dist/LandingPageHeader/LandingPageHeader.d.ts +1 -1
  44. package/dist/Modal/Modal.js +2 -123
  45. package/dist/NavigationMenu/AxosALTS/index.js +6 -112
  46. package/dist/NavigationMenu/AxosBank/DropwdownButton.js +3 -117
  47. package/dist/NavigationMenu/AxosBank/Menu.js +6 -110
  48. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +6 -111
  49. package/dist/NavigationMenu/AxosBank/SubNavBar.js +7 -112
  50. package/dist/NavigationMenu/AxosBank/SubNavItem.js +5 -112
  51. package/dist/NavigationMenu/AxosBank/index.js +6 -110
  52. package/dist/NavigationMenu/LaVictoire/index.js +5 -119
  53. package/dist/NavigationMenu/Navbar.js +9 -113
  54. package/dist/NavigationMenu/SignInNavButton.js +9 -123
  55. package/dist/SetContainer/SetContainer.js +7 -109
  56. package/dist/SocialMediaBar/iconsRepository.js +0 -125
  57. package/dist/VideoTile/VideoTile.js +2 -107
  58. package/dist/VideoWrapper/index.js +7 -111
  59. package/dist/assets/Chatbot/ChatWindow.css +26 -0
  60. package/dist/assets/incoming.mp3.js +4 -0
  61. package/dist/main.js +5 -1
  62. package/package.json +5 -3
package/dist/Calculators/MarginTradingCalculator/index.js CHANGED
@@ -12,123 +12,12 @@ import clsx from "clsx";
12
12
  import { calculator_headline } from "../calculator.css.js";
13
13
  import { px40, fc1023, w100, bb_gray, fb50, r400_fs, fs36, green, h50, r603_fs24, mx1, table, r502_fs12, tc, bb0, btl, w25, btml, btr, bbl, bbml, bbr, savingsSummary, w50, g24, mtc } from "./MarginTradingCalculator.css.js";
14
14
  import "../../Chevron/Chevron.css.js";
15
- import "../../Accordion/Accordion.js";
16
- import "../../Accordion/Accordion.css.js";
17
- import "../../icons/ArrowIcon/ArrowIcon.css.js";
18
- import "../../icons/CheckIcon/CheckIcon.css.js";
19
- import '../../assets/Modal/Modal.css';import '../../assets/VideoWrapper/VideoWrapper.css';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/NavBar2.css';import '../../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar2.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/Chatbot/ChatWindow.css';import '../../assets/Chatbot/Chatbot.css';import '../../assets/Chatbot/Bubble.css';import '../../assets/Chatbot/AnimatedGradientBorder.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/Insight/Insight.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Auth/ErrorAlert.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.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/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
15
+ import '../../assets/Modal/Modal.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
20
16
  /* empty css */
21
17
  /* empty css */
22
18
  /* empty css */
23
- /* empty css */
24
- /* empty css */
25
- import "../../AlertBanner/AlertBanner.css.js";
26
- import "../../Article/Article.css.js";
27
- import "../../ArticlesSet/ArticlesSet.css.js";
28
- import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
29
- import { useGlobalContext } from "../../Modal/contextApi/store.js";
30
- import "../../Table/Table.css.js";
31
- import "../AxosOneCalculator/BalanceAPYCalculator.css.js";
32
- import "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
33
- import "@hookform/resolvers/zod";
34
- import "../../Input/Checkbox.js";
35
- import "../../Input/CurrencyInput.js";
36
- import "../../Input/Dropdown.js";
37
- import "../../Input/Dropdown.css.js";
38
- import "../../Input/Input.js";
39
- import "../../Input/Input.css.js";
40
- import "../../Input/InputAmount.js";
41
- import "../../Input/InputPhone.js";
42
- import "../../Input/InputTextArea.js";
43
- import "../../Input/DownPaymentInput.js";
44
- import "../../Input/RadioButton.js";
45
- import "../../Input/PercentageInput.js";
46
- import "react-hook-form";
47
- import "../BuyDownCalculator/BuyDownCalculator.css.js";
48
- import "../../Forms/Forms.css.js";
49
- import "../../Forms/HoneyPot/index.js";
50
- import "../../Forms/SalesforceFieldsForm.js";
51
- /* empty css */
52
- /* empty css */
53
- import "../../Input/RadioButton.css.js";
54
- import "../../Input/Checkbox.css.js";
55
- import "../../LoadingIndicator/LoadingIndicator.css.js";
56
- import "../../Interstitial/Interstitial-variants.css.js";
57
- import "../../Inputs/Input.css.js";
58
- /* empty css */
59
- import "../../Hyperlink/Hyperlink.css.js";
60
- /* empty css */
61
- import "iframe-resizer";
62
- import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
63
- import "../MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
64
- import "../SummitApyCalculator/BalanceAPYCalculator.css.js";
65
- /* empty css */
66
- import "react-dom";
67
- /* empty css */
68
- import "../../Auth/SignInPassword.js";
69
- /* empty css */
70
- /* empty css */
71
- /* empty css */
72
- /* empty css */
73
- import "../../Carousel/index.js";
74
- /* empty css */
75
- /* empty css */
76
- import "../../Chatbot/store/chat.js";
77
- import "../../Chatbot/authenticate.js";
78
- /* empty css */
79
- /* empty css */
80
- import "../../Chatbot/store/messages.js";
81
- /* empty css */
82
- import "../../Comparison/Comparison.css.js";
83
- import "next/image.js";
84
- import "../../HeroBanner/HeroBanner.css.js";
85
- import "../../HeroBanner/LargeBanner.css.js";
86
- import "../../HeroBanner/SelectionBanner.css.js";
87
- import "../../SetContainer/SetContainer.css.js";
88
- import "../../Tab/Tab.css.js";
89
- import "../../icons/Star/Star.css.js";
90
- import "../../ContentBanner/ContentBanner.css.js";
91
- /* empty css */
92
- import "../../ExecutiveBio/ExecutiveBio.css.js";
93
- import "../../FaqAccordion/index.js";
94
- import "../../FooterDisclosure/FooterDisclosure.css.js";
95
- /* empty css */
96
- /* empty css */
97
- /* empty css */
98
- import "../../ImageBillboard/ImageBillboard.css.js";
99
- import "next/script.js";
100
- /* empty css */
101
- /* empty css */
102
- /* empty css */
103
- /* empty css */
104
- /* empty css */
105
- import "../../LandingPageHeader/LandingPageHeader.css.js";
106
- /* empty css */
107
- import "next/navigation.js";
108
- /* empty css */
109
- /* empty css */
110
- /* empty css */
111
- /* empty css */
112
- import "next/link.js";
113
- import "../../NavigationMenu/AxosBank/Menu.js";
114
- /* empty css */
115
- /* empty css */
116
- /* empty css */
117
- /* empty css */
118
- import "../../PageNavItem/PageNavItem.css.js";
119
- import "react-slick";
120
- /* empty css */
121
- /* empty css */
122
- /* empty css */
123
- /* empty css */
124
- import "../../StepItem/StepItem.css.js";
125
- import "../../StepItemSet/StepItemSet.css.js";
126
- /* empty css */
127
- /* empty css */
128
- /* empty css */
129
- /* empty css */
130
- /* empty css */
131
19
  /* empty css */
20
+ import { useGlobalContext } from "../../Modal/contextApi/store.js";
132
21
  const MarginTradingCalculator = ({
133
22
  marketingTiles,
134
23
  variant
package/dist/Carousel/index.js CHANGED
@@ -6,7 +6,7 @@ import { getVariant } from "../utils/getVariant.js";
6
6
  import { section_text } from "../IconBillboard/IconBillboard.css.js";
7
7
  import "../icons/ArrowIcon/ArrowIcon.css.js";
8
8
  import "../icons/CheckIcon/CheckIcon.css.js";
9
- import '../assets/VideoWrapper/VideoWrapper.css';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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
9
+ 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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
10
10
  /* empty css */
11
11
  /* empty css */
12
12
  /* empty css */
@@ -17,118 +17,12 @@ import SvgQuoteIconWhite from "../icons/QuoteIconWhite.js";
17
17
  import SvgQuoteIconYellow from "../icons/QuoteIconYellow.js";
18
18
  /* empty css */
19
19
  /* empty css */
20
- import "../Accordion/Accordion.js";
21
- import "../Accordion/Accordion.css.js";
22
- import "../AlertBanner/AlertBanner.css.js";
23
- import "../Article/Article.css.js";
24
- import "../ArticlesSet/ArticlesSet.css.js";
25
- import "../Calculators/calculator.css.js";
26
- import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
27
- import "../Button/Button.css.js";
28
- import "../Modal/contextApi/store.js";
29
- import "../Calculators/ApyCalculator/ApyCalculator.css.js";
30
- import "../Table/Table.css.js";
31
- import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
32
- import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
33
- import "@hookform/resolvers/zod";
34
- import "../Input/Checkbox.js";
35
- import "../Input/CurrencyInput.js";
36
- import "../Input/Dropdown.js";
37
- import "../Input/Dropdown.css.js";
38
- import "../Input/Input.js";
39
- import "../Input/Input.css.js";
40
- import "../Input/InputAmount.js";
41
- import "../Input/InputPhone.js";
42
- import "../Input/InputTextArea.js";
43
- import "../Input/DownPaymentInput.js";
44
- import "../Input/RadioButton.js";
45
- import "../Input/PercentageInput.js";
46
- import "react-hook-form";
47
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
48
- import "../Forms/Forms.css.js";
49
- import "../Forms/HoneyPot/index.js";
50
- import "../Forms/SalesforceFieldsForm.js";
51
- import "../Input/RadioButton.css.js";
52
- import "../Input/Checkbox.css.js";
53
- import "../LoadingIndicator/LoadingIndicator.css.js";
54
- import "react-use";
55
20
  import "../Chevron/Chevron.css.js";
56
21
  /* empty css */
22
+ import "../Modal/contextApi/store.js";
57
23
  import "../Interstitial/Interstitial-variants.css.js";
58
- import "../Inputs/Input.css.js";
59
- /* empty css */
60
- import "../Hyperlink/Hyperlink.css.js";
61
- /* empty css */
62
- import "iframe-resizer";
63
- /* empty css */
64
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
65
- import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
66
- import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
67
- /* empty css */
68
- import "react-dom";
69
- /* empty css */
70
- import "../Auth/SignInPassword.js";
71
- /* empty css */
72
- /* empty css */
73
- /* empty css */
74
- /* empty css */
75
- /* empty css */
76
- /* empty css */
77
- import "../Chatbot/store/chat.js";
78
- import "../Chatbot/authenticate.js";
79
- /* empty css */
80
- /* empty css */
81
- import "../Chatbot/store/messages.js";
82
- /* empty css */
83
- import "../Comparison/Comparison.css.js";
84
- import "next/image.js";
85
- import "../HeroBanner/HeroBanner.css.js";
86
- import "../HeroBanner/LargeBanner.css.js";
87
- import "../HeroBanner/SelectionBanner.css.js";
88
- import "../SetContainer/SetContainer.css.js";
89
- import "../Tab/Tab.css.js";
90
- import "../icons/Star/Star.css.js";
91
- import "../ContentBanner/ContentBanner.css.js";
92
- /* empty css */
93
- import "../ExecutiveBio/ExecutiveBio.css.js";
94
- import "../FaqAccordion/index.js";
95
- import "../FooterDisclosure/FooterDisclosure.css.js";
96
- /* empty css */
97
- /* empty css */
98
- /* empty css */
99
- import "../ImageBillboard/ImageBillboard.css.js";
100
- import "next/script.js";
101
- /* empty css */
102
- /* empty css */
103
- /* empty css */
104
- /* empty css */
105
- /* empty css */
106
- import "../LandingPageHeader/LandingPageHeader.css.js";
107
- /* empty css */
108
- import "next/navigation.js";
109
- /* empty css */
110
- /* empty css */
111
- /* empty css */
112
- /* empty css */
113
- import "next/link.js";
114
- import "../NavigationMenu/AxosBank/Menu.js";
115
- /* empty css */
116
- /* empty css */
117
- /* empty css */
118
- /* empty css */
119
- import "../PageNavItem/PageNavItem.css.js";
120
- import "react-slick";
121
- /* empty css */
122
- /* empty css */
123
- /* empty css */
124
- /* empty css */
125
- import "../StepItem/StepItem.css.js";
126
- import "../StepItemSet/StepItemSet.css.js";
127
- /* empty css */
128
- /* empty css */
129
- /* empty css */
130
- /* empty css */
131
- /* empty css */
24
+ import "../Button/Button.css.js";
25
+ import "react-use";
132
26
  import { icon, slide, authorLocation, author, quoteSetContainer, headerCarousel, descriptionCarousel, slides, carousel, dots, dot } from "./Carousel.css.js";
133
27
  import { useCarousel } from "./store.js";
134
28
  const iconVarints = /* @__PURE__ */ new Map([
package/dist/Chatbot/ChatWindow.css.d.ts CHANGED
@@ -34,3 +34,7 @@ export declare const chatEndCircle: string;
34
34
  export declare const user_msg: string;
35
35
  export declare const agent_msg: string;
36
36
  export declare const shimmerText: string;
37
+ export declare const tableMsg: string;
38
+ export declare const tableHead: string;
39
+ export declare const tableCell: string;
40
+ export declare const trMortgageTable: string;
package/dist/Chatbot/ChatWindow.css.js CHANGED
@@ -35,6 +35,10 @@ var chatEndCircle = "_13n1jqkr";
35
35
  var user_msg = "_13n1jqks";
36
36
  var agent_msg = "_13n1jqkt";
37
37
  var shimmerText = "_13n1jqkv";
38
+ var tableMsg = "_13n1jqkw";
39
+ var tableHead = "_13n1jqkx";
40
+ var tableCell = "_13n1jqky";
41
+ var trMortgageTable = "_13n1jqkz";
38
42
  export {
39
43
  agent_msg,
40
44
  arrowFill,
@@ -60,9 +64,13 @@ export {
60
64
  notificationStyle,
61
65
  sendButtonStyle,
62
66
  shimmerText,
67
+ tableCell,
68
+ tableHead,
69
+ tableMsg,
63
70
  thankyou_image,
64
71
  thankyou_message,
65
72
  thankyou_overlay,
73
+ trMortgageTable,
66
74
  user_msg,
67
75
  windowBarStyle,
68
76
  windowOpenStyle,
package/dist/Chatbot/ChatWindow.js CHANGED
@@ -96,6 +96,11 @@ const ChatWindow = ({
96
96
  setInput("");
97
97
  toggleThankyouMessage?.();
98
98
  };
99
+ useEffect(() => {
100
+ if (inputRef.current) {
101
+ inputRef.current.focus();
102
+ }
103
+ }, [messages]);
99
104
  return /* @__PURE__ */ jsxs("div", { className: clsx(windowStyle, isOpen && windowOpenStyle), children: [
100
105
  /* @__PURE__ */ jsxs("div", { className: windowBarStyle, children: [
101
106
  /* @__PURE__ */ jsx("div", { className: clsx(left_bar_section) }),
@@ -415,7 +420,7 @@ const ChatWindow = ({
415
420
  flexDirection: "column",
416
421
  gap: 4
417
422
  },
418
- children: /* @__PURE__ */ jsx("p", { className: shimmerText, children: "AI thinking..." })
423
+ children: /* @__PURE__ */ jsx("p", { className: shimmerText, children: "Chat connecting..." })
419
424
  }
420
425
  )
421
426
  }
@@ -432,7 +437,8 @@ const ChatWindow = ({
432
437
  onEndChat: () => {
433
438
  endChat();
434
439
  onCloseAfterThankYou();
435
- }
440
+ },
441
+ inputRef
436
442
  },
437
443
  msg?.$index
438
444
  )),
package/dist/Chatbot/Chatbot.js CHANGED
@@ -1,13 +1,14 @@
1
1
  "use client";
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
+ import { useRef, useState, useEffect } from "react";
4
+ import { useMount, useUnmount } from "react-use";
5
+ import notificationSound from "../assets/incoming.mp3.js";
3
6
  import { authenticate } from "./authenticate.js";
4
7
  import { Bubble } from "./Bubble.js";
5
8
  import { chatbotUFB, chatbotAXB } from "./Chatbot.css.js";
6
9
  import { ChatWindow } from "./ChatWindow.js";
7
10
  import { useOpenChat } from "./store/chat.js";
8
11
  import { useMessages } from "./store/messages.js";
9
- import { useRef, useState, useEffect } from "react";
10
- import { useMount, useUnmount } from "react-use";
11
12
  const Chatbot = ({
12
13
  project = "axos",
13
14
  projectEnv = "dev",
@@ -239,6 +240,15 @@ const Chatbot = ({
239
240
  isMountedRef.current = true;
240
241
  clientRef.current = client;
241
242
  registerEventHandlers();
243
+ if (client) {
244
+ const OriginalAudio = window.Audio;
245
+ window.Audio = function(src) {
246
+ if (src === "https://websdk.ujet.co/v3/ping.mp3") {
247
+ src = notificationSound;
248
+ }
249
+ return new OriginalAudio(src);
250
+ };
251
+ }
242
252
  return;
243
253
  };
244
254
  const startChat = async () => {
package/dist/Chatbot/ChatbotMessage.d.ts CHANGED
@@ -12,6 +12,7 @@ interface ChatbotMessageProps {
12
12
  onCancelEndChat?: () => void;
13
13
  onSend?: (content: string) => void;
14
14
  onEndChat?: () => void;
15
+ inputRef: React.RefObject<HTMLTextAreaElement | null>;
15
16
  }
16
17
  export declare const ChatbotMessage: FC<ChatbotMessageProps>;
17
18
  export {};
package/dist/Chatbot/ChatbotMessage.js CHANGED
@@ -9,7 +9,7 @@ import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import
9
9
  /* empty css */
10
10
  /* empty css */
11
11
  import clsx from "clsx";
12
- import { shimmerText, notificationStyle, messageStyle, user_msg, agent_msg, inline_button_wrapper, inline_button, endChatButtonStyle } from "./ChatWindow.css.js";
12
+ import { shimmerText, notificationStyle, trMortgageTable, tableCell, tableHead, tableMsg, messageStyle, user_msg, agent_msg, inline_button_wrapper, inline_button, endChatButtonStyle } from "./ChatWindow.css.js";
13
13
  import { useOpenChat } from "./store/chat.js";
14
14
  function timeAgo(date) {
15
15
  const seconds = Math.floor(((/* @__PURE__ */ new Date()).getTime() - date.getTime()) / 1e3);
@@ -19,13 +19,39 @@ function timeAgo(date) {
19
19
  minute: "2-digit"
20
20
  });
21
21
  }
22
+ function convertBulletsToTable(text) {
23
+ const lines = text.split("\n");
24
+ const header = lines[0];
25
+ const bulletLines = lines.filter((line) => line.trim().startsWith("•"));
26
+ if (bulletLines.length === 0) return text;
27
+ const fields = bulletLines.map((line) => {
28
+ const [field] = line.split(":");
29
+ const cleanField = field.replace(/•\s*\*\*|\*\*/g, "").trim();
30
+ return cleanField;
31
+ });
32
+ const values = bulletLines.map((line) => {
33
+ const [, value] = line.split(":");
34
+ return value.trim();
35
+ });
36
+ const headerRow = `| ${fields.join(" | ")} |`;
37
+ const separatorRow = `| ${fields.map(() => "-------").join(" | ")} |`;
38
+ const valueRow = `| ${values.join(" | ")} |`;
39
+ return `
40
+ ### ${header}
41
+
42
+ ${headerRow}
43
+ ${separatorRow}
44
+ ${valueRow}
45
+ `;
46
+ }
22
47
  const ChatbotMessage = ({
23
48
  msg,
24
49
  showAvatar,
25
50
  showName,
26
51
  virtualAgent,
27
52
  onEndChat,
28
- onSend
53
+ onSend,
54
+ inputRef
29
55
  }) => {
30
56
  const { hasEscalated } = useOpenChat();
31
57
  const [timeText, setTimeText] = useState(timeAgo(msg.$timestamp));
@@ -36,6 +62,9 @@ const ChatbotMessage = ({
36
62
  return () => clearInterval(interval);
37
63
  }, [msg.$timestamp]);
38
64
  if (msg.$sid === "typing-1" && !hasEscalated) {
65
+ if (inputRef?.current) {
66
+ inputRef?.current.focus();
67
+ }
39
68
  return /* @__PURE__ */ jsx(
40
69
  "div",
41
70
  {
@@ -64,6 +93,7 @@ const ChatbotMessage = ({
64
93
  }
65
94
  );
66
95
  }
96
+ const checkInformationMortgage = typeof msg.content == "string" ? convertBulletsToTable(msg.content) : "";
67
97
  return /* @__PURE__ */ jsxs(Fragment, { children: [
68
98
  msg.type == "noti" && msg.$userType == "system" && msg.event == "escalationStarted" && /* @__PURE__ */ jsx("div", { className: notificationStyle, children: "We are connecting you with a human agent..." }, msg.$index),
69
99
  msg.type == "noti" && msg.$userType == "system" && msg.event == "memberLeft" && /* @__PURE__ */ jsxs("div", { className: notificationStyle, children: [
@@ -144,9 +174,22 @@ const ChatbotMessage = ({
144
174
  ...props
145
175
  }
146
176
  ),
147
- a: ({ ...props }) => /* @__PURE__ */ jsx("a", { style: { wordBreak: "break-word" }, ...props })
177
+ a: ({ ...props }) => /* @__PURE__ */ jsx("a", { style: { wordBreak: "break-word" }, ...props }),
178
+ table: ({ node, ...props }) => /* @__PURE__ */ jsx("div", { style: { overflowX: "auto", marginTop: 4 }, children: /* @__PURE__ */ jsx(
179
+ "table",
180
+ {
181
+ ...props,
182
+ className: clsx(tableMsg),
183
+ style: { tableLayout: "fixed" }
184
+ }
185
+ ) }),
186
+ th: ({ node, ...props }) => /* @__PURE__ */ jsx("th", { ...props, className: clsx(tableHead) }),
187
+ td: ({ node, ...props }) => /* @__PURE__ */ jsx("td", { ...props, className: clsx(tableCell) }),
188
+ tr: ({ node, ...props }) => {
189
+ return /* @__PURE__ */ jsx("tr", { className: clsx(trMortgageTable), ...props });
190
+ }
148
191
  },
149
- children: msg.content
192
+ children: msg?.content?.includes("Does this information look correct?") ? checkInformationMortgage : msg.content
150
193
  }
151
194
  ) }) : /* @__PURE__ */ jsx(
152
195
  "div",
package/dist/Chatbot/index.js CHANGED
@@ -4,7 +4,7 @@ import { borderHoverGradient, bubbleButton, bubbleText, bubbleWrapper, inner, sv
4
4
  import { Chatbot } from "./Chatbot.js";
5
5
  import { chatbotAXB, chatbotUFB } from "./Chatbot.css.js";
6
6
  import { ChatWindow } from "./ChatWindow.js";
7
- 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";
7
+ 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, tableCell, tableHead, tableMsg, thankyou_image, thankyou_message, thankyou_overlay, trMortgageTable, user_msg, windowBarStyle, windowOpenStyle, windowStyle } from "./ChatWindow.css.js";
8
8
  import { useOpenChat } from "./store/chat.js";
9
9
  import { useMessages } from "./store/messages.js";
10
10
  export {
@@ -43,9 +43,13 @@ export {
43
43
  sendButtonStyle,
44
44
  shimmerText,
45
45
  svgFill,
46
+ tableCell,
47
+ tableHead,
48
+ tableMsg,
46
49
  thankyou_image,
47
50
  thankyou_message,
48
51
  thankyou_overlay,
52
+ trMortgageTable,
49
53
  useMessages,
50
54
  useOpenChat,
51
55
  user_msg,
package/dist/Chevron/index.js CHANGED
@@ -2,132 +2,21 @@
2
2
  import { jsxs, Fragment, jsx } from "react/jsx-runtime";
3
3
  import SvgArrowIcon from "../icons/ArrowIcon/index.js";
4
4
  import "../icons/CheckIcon/CheckIcon.css.js";
5
- import '../assets/VideoWrapper/VideoWrapper.css';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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.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/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/Modal/Modal.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
5
+ import '../assets/Modal/Modal.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
6
6
  /* empty css */
7
7
  /* empty css */
8
8
  /* empty css */
9
9
  /* empty css */
10
10
  /* empty css */
11
- import "../Accordion/Accordion.js";
12
- import "../Accordion/Accordion.css.js";
13
- import "../AlertBanner/AlertBanner.css.js";
11
+ import { Interstitial } from "../Interstitial/Interstitial.js";
14
12
  import { getVariant } from "../utils/getVariant.js";
15
13
  import { useState } from "react";
16
- import "../Article/Article.css.js";
17
- import { Interstitial } from "../Interstitial/Interstitial.js";
18
- import { chevron, chevron_wrapper } from "./Chevron.css.js";
19
- /* empty css */
20
- import { useGlobalContext } from "../Modal/contextApi/store.js";
21
14
  import clsx from "clsx";
22
15
  import "../Button/Button.css.js";
23
16
  import "react-use";
24
- import "../ArticlesSet/ArticlesSet.css.js";
25
- import "../IconBillboard/IconBillboard.css.js";
26
- import "../Calculators/calculator.css.js";
27
- import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
28
- import "../Calculators/ApyCalculator/ApyCalculator.css.js";
29
- import "../Table/Table.css.js";
30
- import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
31
- import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
32
- import "@hookform/resolvers/zod";
33
- import "../Input/Checkbox.js";
34
- import "../Input/CurrencyInput.js";
35
- import "../Input/Dropdown.js";
36
- import "../Input/Dropdown.css.js";
37
- import "../Input/Input.js";
38
- import "../Input/Input.css.js";
39
- import "../Input/InputAmount.js";
40
- import "../Input/InputPhone.js";
41
- import "../Input/InputTextArea.js";
42
- import "../Input/DownPaymentInput.js";
43
- import "../Input/RadioButton.js";
44
- import "../Input/PercentageInput.js";
45
- import "react-hook-form";
46
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
47
- import "../Forms/Forms.css.js";
48
- import "../Forms/HoneyPot/index.js";
49
- import "../Forms/SalesforceFieldsForm.js";
50
- /* empty css */
51
- /* empty css */
52
- import "../Input/RadioButton.css.js";
53
- import "../Input/Checkbox.css.js";
54
- import "../LoadingIndicator/LoadingIndicator.css.js";
55
- import "../Interstitial/Interstitial-variants.css.js";
56
- import "../Inputs/Input.css.js";
57
- /* empty css */
58
- import "../Hyperlink/Hyperlink.css.js";
59
- /* empty css */
60
- import "iframe-resizer";
61
- /* empty css */
62
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
63
- import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
64
- import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
65
- /* empty css */
66
- import "react-dom";
67
- /* empty css */
68
- import "../Auth/SignInPassword.js";
69
- /* empty css */
70
- /* empty css */
71
- /* empty css */
72
- /* empty css */
73
- import "../Carousel/index.js";
74
- /* empty css */
75
- /* empty css */
76
- import "../Chatbot/store/chat.js";
77
- import "../Chatbot/authenticate.js";
78
- /* empty css */
79
- /* empty css */
80
- import "../Chatbot/store/messages.js";
81
- /* empty css */
82
- import "../Comparison/Comparison.css.js";
83
- import "next/image.js";
84
- import "../HeroBanner/HeroBanner.css.js";
85
- import "../HeroBanner/LargeBanner.css.js";
86
- import "../HeroBanner/SelectionBanner.css.js";
87
- import "../SetContainer/SetContainer.css.js";
88
- import "../Tab/Tab.css.js";
89
- import "../icons/Star/Star.css.js";
90
- import "../ContentBanner/ContentBanner.css.js";
91
- /* empty css */
92
- import "../ExecutiveBio/ExecutiveBio.css.js";
93
- import "../FaqAccordion/index.js";
94
- import "../FooterDisclosure/FooterDisclosure.css.js";
95
- /* empty css */
96
- /* empty css */
97
- /* empty css */
98
- import "../ImageBillboard/ImageBillboard.css.js";
99
- import "next/script.js";
100
- /* empty css */
101
- /* empty css */
102
- /* empty css */
103
- /* empty css */
104
- /* empty css */
105
- import "../LandingPageHeader/LandingPageHeader.css.js";
106
- /* empty css */
107
- import "next/navigation.js";
108
- /* empty css */
109
- /* empty css */
110
- /* empty css */
111
- /* empty css */
112
- import "next/link.js";
113
- import "../NavigationMenu/AxosBank/Menu.js";
114
- /* empty css */
115
- /* empty css */
116
- /* empty css */
117
- /* empty css */
118
- import "../PageNavItem/PageNavItem.css.js";
119
- import "react-slick";
120
- /* empty css */
121
- /* empty css */
122
- /* empty css */
123
- /* empty css */
124
- import "../StepItem/StepItem.css.js";
125
- import "../StepItemSet/StepItemSet.css.js";
126
- /* empty css */
17
+ import { chevron, chevron_wrapper } from "./Chevron.css.js";
127
18
  /* empty css */
128
- /* empty css */
129
- /* empty css */
130
- /* empty css */
19
+ import { useGlobalContext } from "../Modal/contextApi/store.js";
131
20
  const Chevron = ({
132
21
  children,
133
22
  variant,