@axos-web-dev/shared-components 2.0.0-dev.2-bwaTest → 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 (81) hide show
  1. package/dist/ATMLocator/ATMLocator.js +14 -84
  2. package/dist/Auth/ErrorAlert.js +6 -88
  3. package/dist/Button/Button.js +6 -120
  4. package/dist/Calculators/Calculator.d.ts +1 -1
  5. package/dist/Calculators/Calculator.js +18 -89
  6. package/dist/Calculators/MarginTradingCalculator/index.js +2 -112
  7. package/dist/Carousel/index.js +4 -109
  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 -114
  16. package/dist/Comparison/Comparison.js +5 -121
  17. package/dist/ExecutiveBio/ExecutiveBio.interface.d.ts +3 -2
  18. package/dist/ExecutiveBio/ExecutiveBio.js +4 -126
  19. package/dist/FaqAccordion/index.js +7 -110
  20. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +5 -110
  21. package/dist/Forms/ApplyNow.js +4 -109
  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 -104
  25. package/dist/Forms/ContactUsBusinessNameEmail.js +8 -104
  26. package/dist/Forms/ContactUsNMLSId.js +7 -104
  27. package/dist/Forms/CpraRequest.js +2 -96
  28. package/dist/Forms/CraPublicFile.js +7 -104
  29. package/dist/Forms/DealerServices.d.ts +1 -1
  30. package/dist/Forms/EmailOnly.js +7 -104
  31. package/dist/Forms/EmailUs.js +34 -40
  32. package/dist/Forms/Forms.css.d.ts +0 -3
  33. package/dist/Forms/Forms.css.js +39 -39
  34. package/dist/Forms/MortgageRate/MortgageRateForm.js +8 -96
  35. package/dist/Forms/MortgageRate/MortgageRateWatch.js +4 -92
  36. package/dist/Forms/MortgageWarehouseLending.js +7 -104
  37. package/dist/Forms/SuccesForm.js +8 -91
  38. package/dist/Hyperlink/index.js +5 -110
  39. package/dist/ImageLink/ImageLink.js +6 -106
  40. package/dist/ImageLink/ImageLinkSet.js +6 -114
  41. package/dist/ImageLink/index.js +6 -105
  42. package/dist/Insight/Featured/CategorySelector.d.ts +1 -1
  43. package/dist/Insight/Featured/CategorySelector.js +5 -109
  44. package/dist/Insight/Featured/Featured.js +8 -106
  45. package/dist/Insight/Featured/Header.js +4 -109
  46. package/dist/LandingPageHeader/LandingPageHeader.d.ts +1 -1
  47. package/dist/Modal/Modal.js +2 -122
  48. package/dist/NavigationMenu/AxosALTS/index.js +6 -111
  49. package/dist/NavigationMenu/AxosBank/DropwdownButton.d.ts +7 -0
  50. package/dist/NavigationMenu/AxosBank/DropwdownButton.js +125 -0
  51. package/dist/NavigationMenu/AxosBank/Menu.d.ts +37 -0
  52. package/dist/NavigationMenu/AxosBank/Menu.js +150 -0
  53. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.d.ts +12 -1
  54. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +183 -268
  55. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +37 -268
  56. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +63 -492
  57. package/dist/NavigationMenu/AxosBank/MobileMenu/mobileReducer.d.ts +36 -0
  58. package/dist/NavigationMenu/AxosBank/MobileMenu/mobileReducer.js +105 -0
  59. package/dist/NavigationMenu/AxosBank/NavBar.module.js +42 -39
  60. package/dist/NavigationMenu/AxosBank/SubNavBar.d.ts +6 -1
  61. package/dist/NavigationMenu/AxosBank/SubNavBar.js +118 -3187
  62. package/dist/NavigationMenu/AxosBank/SubNavItem.d.ts +1 -0
  63. package/dist/NavigationMenu/AxosBank/SubNavItem.js +206 -0
  64. package/dist/NavigationMenu/AxosBank/index.d.ts +6 -4
  65. package/dist/NavigationMenu/AxosBank/index.js +83 -457
  66. package/dist/NavigationMenu/LaVictoire/index.js +5 -118
  67. package/dist/NavigationMenu/Navbar.d.ts +4 -1
  68. package/dist/NavigationMenu/Navbar.js +11 -114
  69. package/dist/NavigationMenu/SignInNavButton.js +9 -122
  70. package/dist/NavigationMenu/utils.d.ts +465 -0
  71. package/dist/NavigationMenu/utils.js +112 -0
  72. package/dist/SetContainer/SetContainer.js +7 -108
  73. package/dist/SocialMediaBar/iconsRepository.js +0 -124
  74. package/dist/VideoTile/VideoTile.js +2 -106
  75. package/dist/VideoWrapper/index.js +7 -110
  76. package/dist/assets/Chatbot/ChatWindow.css +26 -0
  77. package/dist/assets/Forms/Forms.css +91 -94
  78. package/dist/assets/NavigationMenu/AxosBank/NavBar.css +125 -87
  79. package/dist/assets/incoming.mp3.js +4 -0
  80. package/dist/main.js +5 -1
  81. package/package.json +5 -3
package/dist/Calculators/MarginTradingCalculator/index.js CHANGED
@@ -12,122 +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
- import "next/link.js";
112
- /* empty css */
113
- /* empty css */
114
- /* empty css */
115
- /* empty css */
116
- /* empty css */
117
- import "../../PageNavItem/PageNavItem.css.js";
118
- import "react-slick";
119
- /* empty css */
120
- /* empty css */
121
- /* empty css */
122
- /* empty css */
123
- import "../../StepItem/StepItem.css.js";
124
- import "../../StepItemSet/StepItemSet.css.js";
125
- /* empty css */
126
- /* empty css */
127
- /* empty css */
128
- /* empty css */
129
- /* empty css */
130
19
  /* empty css */
20
+ import { useGlobalContext } from "../../Modal/contextApi/store.js";
131
21
  const MarginTradingCalculator = ({
132
22
  marketingTiles,
133
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,117 +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
- import "next/link.js";
113
- /* empty css */
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 */
24
+ import "../Button/Button.css.js";
25
+ import "react-use";
131
26
  import { icon, slide, authorLocation, author, quoteSetContainer, headerCarousel, descriptionCarousel, slides, carousel, dots, dot } from "./Carousel.css.js";
132
27
  import { useCarousel } from "./store.js";
133
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,131 +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
- import "next/link.js";
112
- /* empty css */
113
- /* empty css */
114
- /* empty css */
115
- /* empty css */
116
- /* empty css */
117
- import "../PageNavItem/PageNavItem.css.js";
118
- import "react-slick";
119
- /* empty css */
120
- /* empty css */
121
- /* empty css */
122
- /* empty css */
123
- import "../StepItem/StepItem.css.js";
124
- import "../StepItemSet/StepItemSet.css.js";
125
- /* empty css */
17
+ import { chevron, chevron_wrapper } from "./Chevron.css.js";
126
18
  /* empty css */
127
- /* empty css */
128
- /* empty css */
129
- /* empty css */
19
+ import { useGlobalContext } from "../Modal/contextApi/store.js";
130
20
  const Chevron = ({
131
21
  children,
132
22
  variant,