@axos-web-dev/shared-components 1.0.77-patch.37 → 1.0.77-patch.38

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 (74) hide show
  1. package/dist/ATMLocator/ATMLocator.js +8 -1
  2. package/dist/Auth/ErrorAlert.js +8 -1
  3. package/dist/Button/Button.js +8 -1
  4. package/dist/Calculators/Calculator.js +9 -2
  5. package/dist/Carousel/index.js +8 -1
  6. package/dist/Chatbot/Bubble.css.d.ts +2 -0
  7. package/dist/Chatbot/Bubble.css.js +8 -0
  8. package/dist/Chatbot/Bubble.d.ts +5 -0
  9. package/dist/Chatbot/Bubble.js +103 -0
  10. package/dist/Chatbot/Chat.d.ts +1 -0
  11. package/dist/Chatbot/Chat.js +165 -0
  12. package/dist/Chatbot/ChatWindow.css.d.ts +18 -0
  13. package/dist/Chatbot/ChatWindow.css.js +39 -0
  14. package/dist/Chatbot/ChatWindow.d.ts +26 -0
  15. package/dist/Chatbot/ChatWindow.js +446 -0
  16. package/dist/Chatbot/Chatbot.css.d.ts +2 -0
  17. package/dist/Chatbot/Chatbot.css.js +6 -0
  18. package/dist/Chatbot/Chatbot.css.ts.vanilla.css.js +1 -0
  19. package/dist/Chatbot/Chatbot.d.ts +10 -0
  20. package/dist/Chatbot/Chatbot.js +221 -0
  21. package/dist/Chatbot/EllipsisAnimation.d.ts +2 -0
  22. package/dist/Chatbot/EllipsisAnimation.js +85 -0
  23. package/dist/Chatbot/EllipsisIcon.d.ts +4 -0
  24. package/dist/Chatbot/EllipsisIcon.js +19 -0
  25. package/dist/Chatbot/authenticate.d.ts +3 -0
  26. package/dist/Chatbot/authenticate.js +16 -0
  27. package/dist/Chatbot/index.d.ts +8 -0
  28. package/dist/Chatbot/index.js +38 -0
  29. package/dist/Chatbot/store/chat.d.ts +10 -0
  30. package/dist/Chatbot/store/chat.js +18 -0
  31. package/dist/Chatbot/store/messages.d.ts +15 -0
  32. package/dist/Chatbot/store/messages.js +13 -0
  33. package/dist/Chatbot/useHeadlessChat.d.ts +27 -0
  34. package/dist/Chatbot/useHeadlessChat.js +240 -0
  35. package/dist/Chevron/index.js +8 -1
  36. package/dist/Comparison/Comparison.js +8 -1
  37. package/dist/ExecutiveBio/ExecutiveBio.js +8 -1
  38. package/dist/FaqAccordion/index.js +8 -1
  39. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +8 -1
  40. package/dist/Forms/ApplyNow.js +8 -1
  41. package/dist/Forms/ContactUsBusiness.js +8 -1
  42. package/dist/Forms/ContactUsBusinessNameEmail.js +8 -1
  43. package/dist/Forms/ContactUsNMLSId.js +8 -1
  44. package/dist/Forms/CraPublicFile.js +8 -1
  45. package/dist/Forms/EmailOnly.js +8 -1
  46. package/dist/Forms/MortgageRate/MortgageRateForm.js +8 -1
  47. package/dist/Forms/MortgageRate/MortgageRateWatch.js +8 -1
  48. package/dist/Forms/MortgageWarehouseLending.js +8 -1
  49. package/dist/Forms/SuccesForm.js +9 -2
  50. package/dist/Hyperlink/index.js +8 -1
  51. package/dist/ImageLink/ImageLink.js +8 -1
  52. package/dist/ImageLink/ImageLinkSet.js +8 -1
  53. package/dist/ImageLink/index.js +8 -1
  54. package/dist/Insight/Featured/CategorySelector.js +8 -1
  55. package/dist/Insight/Featured/Featured.js +8 -1
  56. package/dist/Insight/Featured/Header.js +8 -1
  57. package/dist/Modal/Modal.js +8 -1
  58. package/dist/NavigationMenu/AxosALTS/NavData.js +8 -1
  59. package/dist/NavigationMenu/AxosALTS/index.js +8 -1
  60. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +8 -1
  61. package/dist/NavigationMenu/AxosBank/NavData.js +8 -1
  62. package/dist/NavigationMenu/AxosBank/SubNavBar.js +8 -1
  63. package/dist/NavigationMenu/AxosBank/index.js +8 -1
  64. package/dist/NavigationMenu/LaVictoire/NavData.js +8 -1
  65. package/dist/NavigationMenu/LaVictoire/index.js +8 -1
  66. package/dist/SetContainer/SetContainer.js +8 -1
  67. package/dist/SocialMediaBar/iconsRepository.js +8 -1
  68. package/dist/VideoTile/VideoTile.js +8 -1
  69. package/dist/VideoWrapper/index.js +8 -1
  70. package/dist/assets/Chatbot/Bubble.css +51 -0
  71. package/dist/assets/Chatbot/ChatWindow.css +213 -0
  72. package/dist/main.d.ts +1 -0
  73. package/dist/main.js +35 -0
  74. package/package.json +3 -1
@@ -4,7 +4,7 @@ import SvgArrowIcon from "../icons/ArrowIcon/index.js";
4
4
  import "../icons/CheckIcon/CheckIcon.css.js";
5
5
  import SvgChevronDown from "../icons/ChevronDown.js";
6
6
  import SvgChevronUp from "../icons/ChevronUp.js";
7
- 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/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/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 */
7
+ 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/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/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/Bubble.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 */
8
8
  /* empty css */
9
9
  /* empty css */
10
10
  /* empty css */
@@ -75,6 +75,13 @@ import "../Auth/SignInPassword.js";
75
75
  /* empty css */
76
76
  /* empty css */
77
77
  import "../Carousel/index.js";
78
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
79
+ /* empty css */
80
+ import "../Chatbot/store/chat.js";
81
+ import "../Chatbot/authenticate.js";
82
+ /* empty css */
83
+ import "../Chatbot/store/messages.js";
84
+ import "@ujet/websdk-headless";
78
85
  /* empty css */
79
86
  import "../Comparison/Comparison.css.js";
80
87
  import "next/image.js";
@@ -3,7 +3,7 @@ import "../Accordion/Accordion.js";
3
3
  import "../Accordion/Accordion.css.js";
4
4
  import "../icons/ArrowIcon/ArrowIcon.css.js";
5
5
  import "../icons/CheckIcon/CheckIcon.css.js";
6
- 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 */
6
+ 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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.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 */
7
7
  /* empty css */
8
8
  /* empty css */
9
9
  /* empty css */
@@ -68,6 +68,13 @@ import "../Auth/SignInPassword.js";
68
68
  /* empty css */
69
69
  /* empty css */
70
70
  import "../Carousel/index.js";
71
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
72
+ /* empty css */
73
+ import "../Chatbot/store/chat.js";
74
+ import "../Chatbot/authenticate.js";
75
+ /* empty css */
76
+ import "../Chatbot/store/messages.js";
77
+ import "@ujet/websdk-headless";
71
78
  /* empty css */
72
79
  import "../Comparison/Comparison.css.js";
73
80
  import "next/image.js";
@@ -0,0 +1,51 @@
1
+ @keyframes fade-in-bounce {
2
+ 0% {
3
+ transform: translate3d(100px,100px,0) scale(0.3);
4
+ opacity: 0;
5
+ }
6
+ 50% {
7
+ transform: translate3d(-10px,-10px,0) scale(1.1);
8
+ opacity: 1;
9
+ }
10
+ 100% {
11
+ transform: translate3d(0,0,0) scale(1);
12
+ opacity: 1;
13
+ }
14
+ }
15
+ @keyframes pulse {
16
+ 0%,100% {
17
+ box-shadow: 0 0 0 0 rgba(0,123,255,0.4);
18
+ }
19
+ 50% {
20
+ box-shadow: 0 0 0 10px rgba(0,123,255,0);
21
+ }
22
+ }
23
+ ._7u9pv30 {
24
+ align-items: center;
25
+ animation: fade-in-bounce 2s cubic-bezier(0.65, 0.25, 0.14, 0.93) forwards, pulse 4.5s 0.5s;
26
+ background-color: #14263d;
27
+ border-radius: 50%;
28
+ bottom: 16px;
29
+ cursor: pointer;
30
+ display: grid;
31
+ font-family: var(--main-font-family);
32
+ height: 68px;
33
+ line-height: 1;
34
+ outline: 2px solid #98DDFF;
35
+ place-items: center;
36
+ position: fixed;
37
+ right: 16px;
38
+ width: 68px;
39
+ z-index: 9999;
40
+ }
41
+ ._1hpv6vm1 ._7u9pv30 {
42
+ animation: fade-in-bounce 2s cubic-bezier(0.65, 0.25, 0.14, 0.93) forwards;
43
+ background-color: #60707A;
44
+ outline: none;
45
+ }
46
+ ._7u9pv31 {
47
+ fill: #98DDFF;
48
+ }
49
+ ._1hpv6vm1 ._7u9pv31 {
50
+ fill: #FFFFFF;
51
+ }
@@ -0,0 +1,213 @@
1
+ ._13n1jqk0 {
2
+ background: #FFF;
3
+ border-radius: 10px;
4
+ bottom: 100px;
5
+ box-shadow: -4px -4px 60px 5px rgba(0, 0, 0, 0.3);
6
+ display: flex;
7
+ flex-direction: column;
8
+ height: min(calc(100vh - 112px), 560px);
9
+ max-width: 100%;
10
+ outline: none;
11
+ overflow: hidden;
12
+ position: fixed;
13
+ right: 24px;
14
+ transform: translate(calc(0px - 64px / 2), calc(64px / 2 + 24px)) scale(0);
15
+ transition: transform 0.3s, visibility 0.3s;
16
+ transform-origin: bottom right;
17
+ width: min(calc(100vw - 50px), 350px);
18
+ z-index: 10000;
19
+ }
20
+ ._13n1jqk1 {
21
+ transform: translate(0px) scale(1);
22
+ transition: transform 0.3s;
23
+ visibility: visible;
24
+ }
25
+ ._13n1jqk2 {
26
+ align-items: center;
27
+ background-color: #14263d;
28
+ display: flex;
29
+ justify-content: space-between;
30
+ min-height: 50px;
31
+ padding-inline: 18px;
32
+ }
33
+ ._1hpv6vm1 ._13n1jqk2 {
34
+ background-color: #60707A;
35
+ }
36
+ ._13n1jqk3 {
37
+ color: #FFF;
38
+ font: 700 18px/1.5 var(--header-font-family);
39
+ line-height: 1.15;
40
+ }
41
+ ._13n1jqk4 {
42
+ background: transparent;
43
+ border: none;
44
+ cursor: pointer;
45
+ line-height: 1;
46
+ margin-left: 8px;
47
+ padding: 0;
48
+ }
49
+ ._13n1jqk5 {
50
+ fill: #98DDFF;
51
+ }
52
+ ._1hpv6vm1 ._13n1jqk5 {
53
+ fill: #FFFFFF;
54
+ }
55
+ ._13n1jqk6 {
56
+ border: none;
57
+ color: #1F1F1F;
58
+ flex: 1;
59
+ font-family: var(--header-font-family);
60
+ font-size: 13px;
61
+ opacity: 0.7;
62
+ outline: none;
63
+ padding: 20px 0 20px 20px;
64
+ }
65
+ ._13n1jqk6::placeholder {
66
+ color: rgba(31,31,31,.38);
67
+ }
68
+ ._1hpv6vm1 ._13n1jqk6 {
69
+ font-family: var(--main-font-family);
70
+ }
71
+ ._1hpv6vm1 ._13n1jqk6::placeholder {
72
+ color: rgba(31,31,31,.58);
73
+ }
74
+ ._13n1jqk7 {
75
+ padding-inline: 20px;
76
+ background: #fafafa;
77
+ border: none;
78
+ }
79
+ ._13n1jqk7:hover {
80
+ background: #E9F8FF;
81
+ cursor: pointer;
82
+ }
83
+ ._1hpv6vm1 ._13n1jqk7:hover {
84
+ background: #eae8e8;
85
+ }
86
+ ._13n1jqk7 svg {
87
+ fill: rgba(31,31,31,.38);
88
+ }
89
+ ._13n1jqk7.active svg {
90
+ fill: #1e3860;
91
+ }
92
+ ._1hpv6vm1 ._13n1jqk7.active svg {
93
+ fill: #e18357;
94
+ }
95
+ ._13n1jqk8 {
96
+ background: #f9f9f9;
97
+ display: flex;
98
+ flex: 1;
99
+ flex-direction: column;
100
+ gap: 8px;
101
+ overflow-y: auto;
102
+ padding: 1rem;
103
+ scrollbar-color: #ccc transparent;
104
+ }
105
+ ._13n1jqk9 {
106
+ color: #888;
107
+ font-size: 10px;
108
+ margin-bottom: 4px;
109
+ text-align: center;
110
+ }
111
+ ._13n1jqka {
112
+ border-radius: 8px;
113
+ margin-bottom: 8px;
114
+ max-width: 93%;
115
+ padding: 8px 12px;
116
+ }
117
+ ._13n1jqka ul {
118
+ padding-left: 24px;
119
+ }
120
+ ._13n1jqkb {
121
+ border: 1px solid #ddd;
122
+ border-radius: 8px;
123
+ box-shadow: 0 1px 4px #b3e0ff55;
124
+ display: flex;
125
+ flex-direction: column;
126
+ margin-bottom: 8px;
127
+ }
128
+ ._13n1jqkc {
129
+ font-size: 12px;
130
+ text-align: left;
131
+ background: #fff;
132
+ color: #1e3860;
133
+ cursor: pointer;
134
+ }
135
+ ._13n1jqkc:hover {
136
+ background: #f0f0f0;
137
+ }
138
+ ._1hpv6vm1 ._13n1jqkc {
139
+ color: #323339;
140
+ }
141
+ ._13n1jqkd {
142
+ background: #1e629a;
143
+ border: none;
144
+ color: #fff;
145
+ cursor: pointer;
146
+ font-size: 12px;
147
+ padding: 6px 12px;
148
+ border-radius: 4px;
149
+ text-align: center;
150
+ }
151
+ ._13n1jqkd:hover {
152
+ opacity: 0.8;
153
+ }
154
+ ._1hpv6vm1 ._13n1jqkd {
155
+ background: #e18357;
156
+ color: #323339;
157
+ }
158
+ ._13n1jqke {
159
+ position: absolute;
160
+ top: 40px;
161
+ right: 25px;
162
+ background: #14263d;
163
+ padding: 0;
164
+ border-radius: 8px;
165
+ list-style: none;
166
+ margin: 0;
167
+ box-shadow: 0 2px 8px rgba(0,0,0,0.15);
168
+ overflow: hidden;
169
+ _1hpv6vm1 & {
170
+ background: #e18357;
171
+ color: #323339;
172
+ }
173
+ }
174
+ ._13n1jqkf {
175
+ color: #fff;
176
+ border-bottom: 1px solid #1f2d3e;
177
+ padding: 2px 12px;
178
+ cursor: pointer;
179
+ font-size: 12px;
180
+ }
181
+ ._13n1jqkf:last-child {
182
+ border-bottom: none;
183
+ }
184
+ ._13n1jqkf:hover {
185
+ background: #1f2d3e;
186
+ }
187
+ ._1hpv6vm1 ._13n1jqkf {
188
+ background: #e18357;
189
+ color: #323339;
190
+ }
191
+ ._13n1jqkf button {
192
+ background: transparent;
193
+ border: none;
194
+ color: inherit;
195
+ cursor: pointer;
196
+ }
197
+ ._13n1jqkg {
198
+ font-size: 10px;
199
+ text-align: center;
200
+ margin-bottom: 8px;
201
+ margin-top: 8px;
202
+ color: #1e3860;
203
+ }
204
+ ._1hpv6vm1 ._13n1jqkg {
205
+ color: #323339;
206
+ }
207
+ ._13n1jqkh {
208
+ display: flex;
209
+ flex-direction: column;
210
+ align-items: center;
211
+ justify-content: center;
212
+ padding: 0 1rem;
213
+ }
package/dist/main.d.ts CHANGED
@@ -20,6 +20,7 @@ export * from './Calculators/MarginTradingCalculator';
20
20
  export * from './Calculators/MonthlyPaymentCalculator';
21
21
  export * from './CallToActionBar';
22
22
  export * from './Carousel';
23
+ export * from './Chatbot';
23
24
  export * from './Chevron';
24
25
  export * from './CollectInformationAlert';
25
26
  export * from './Comparison';
package/dist/main.js CHANGED
@@ -37,6 +37,14 @@ import { MonthlyPaymentLVFCalculator } from "./Calculators/MonthlyPaymentLVFCalc
37
37
  import { SummitApyCalculator } from "./Calculators/SummitApyCalculator/index.js";
38
38
  import { CallToActionBar } from "./CallToActionBar/index.js";
39
39
  import { Carousel, CarouselSlide } from "./Carousel/index.js";
40
+ import { Bubble } from "./Chatbot/Bubble.js";
41
+ import { bubbleWrapper, svgFill } from "./Chatbot/Bubble.css.js";
42
+ import { Chatbot } from "./Chatbot/Chatbot.js";
43
+ import { chatbotAXB, chatbotUFB } from "./Chatbot/Chatbot.css.js";
44
+ import { ChatWindow } from "./Chatbot/ChatWindow.js";
45
+ import { arrowFill, button_reset, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, messageStyle, messagesContainerStyle, notificationStyle, sendButtonStyle, windowBarStyle, windowOpenStyle, windowStyle } from "./Chatbot/ChatWindow.css.js";
46
+ import { useOpenChat } from "./Chatbot/store/chat.js";
47
+ import { useMessages } from "./Chatbot/store/messages.js";
40
48
  import { Chevron } from "./Chevron/index.js";
41
49
  import { CollectInformationAlert } from "./CollectInformationAlert/index.js";
42
50
  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";
@@ -237,6 +245,7 @@ export {
237
245
  BalanceAPYCalculator,
238
246
  Blockquote,
239
247
  BreadcumbHeader,
248
+ Bubble,
240
249
  BulletItem,
241
250
  Button,
242
251
  BuyDownCalculator,
@@ -245,6 +254,8 @@ export {
245
254
  Carousel,
246
255
  CarouselSlide,
247
256
  CategorySelector,
257
+ ChatWindow,
258
+ Chatbot,
248
259
  default5 as CheckCircle,
249
260
  default6 as CheckCircleLight,
250
261
  default7 as CheckIcon,
@@ -403,6 +414,7 @@ export {
403
414
  apply_now_form,
404
415
  apy_billboard,
405
416
  apy_table,
417
+ arrowFill,
406
418
  associatedEmail,
407
419
  award_company,
408
420
  award_item,
@@ -437,8 +449,10 @@ export {
437
449
  bs_topic,
438
450
  bs_video,
439
451
  bs_wrapper,
452
+ bubbleWrapper,
440
453
  bullet_details,
441
454
  button,
455
+ button_reset,
442
456
  buttons,
443
457
  calculator,
444
458
  calculator_description,
@@ -447,6 +461,13 @@ export {
447
461
  center_center,
448
462
  center_left,
449
463
  center_right,
464
+ chatFinishDialog,
465
+ chatNetworkStatus,
466
+ chat_title,
467
+ chatbotAXB,
468
+ chatbotMenu,
469
+ chatbotMenuItem,
470
+ chatbotUFB,
450
471
  checkbox_group,
451
472
  columnValues,
452
473
  comparison,
@@ -473,6 +494,7 @@ export {
473
494
  dp_input,
474
495
  dropdown,
475
496
  dynPH,
497
+ endChatButtonStyle,
476
498
  error_alert,
477
499
  error_alert_content,
478
500
  error_close_button,
@@ -574,8 +596,11 @@ export {
574
596
  image_inner_wrapper,
575
597
  img_area,
576
598
  img_contents,
599
+ inline_button,
600
+ inline_button_wrapper,
577
601
  inline_container,
578
602
  input,
603
+ inputStyle,
579
604
  insight_header,
580
605
  insight_header_2,
581
606
  insight_header_3,
@@ -612,6 +637,8 @@ export {
612
637
  mb_8,
613
638
  mb_form,
614
639
  media,
640
+ messageStyle,
641
+ messagesContainerStyle,
615
642
  mh_330,
616
643
  modalCheckboxContainer,
617
644
  modalMobile,
@@ -622,6 +649,7 @@ export {
622
649
  mw24,
623
650
  na_cursor,
624
651
  nested_grid,
652
+ notificationStyle,
625
653
  ol,
626
654
  one_row,
627
655
  padding,
@@ -666,6 +694,7 @@ export {
666
694
  selection_section_content,
667
695
  selection_section_icon,
668
696
  selection_section_icon_img,
697
+ sendButtonStyle,
669
698
  separator,
670
699
  set_container,
671
700
  set_container_cols,
@@ -691,6 +720,7 @@ export {
691
720
  success_icon,
692
721
  success_wrap,
693
722
  supertag,
723
+ svgFill,
694
724
  svg_fill,
695
725
  svg_icon,
696
726
  svg_logo,
@@ -726,6 +756,8 @@ export {
726
756
  up_to,
727
757
  url_row,
728
758
  useGlobalContext,
759
+ useMessages,
760
+ useOpenChat,
729
761
  user_buttons,
730
762
  user_card,
731
763
  user_container,
@@ -741,6 +773,9 @@ export {
741
773
  video_title,
742
774
  vidyard_height,
743
775
  w_100,
776
+ windowBarStyle,
777
+ windowOpenStyle,
778
+ windowStyle,
744
779
  wrapper,
745
780
  x_input,
746
781
  xc_input
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@axos-web-dev/shared-components",
3
3
  "description": "Axos shared components library for web.",
4
- "version": "1.0.77-patch.37",
4
+ "version": "1.0.77-patch.38",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",
@@ -36,6 +36,7 @@
36
36
  "@storybook/icons": "^1.3.0",
37
37
  "@storybook/preview-api": "^8.4.7",
38
38
  "@types/iframe-resizer": "3.5.13",
39
+ "@ujet/websdk-headless": "^3.41.4",
39
40
  "@vanilla-extract/css": "^1.16.1",
40
41
  "@vanilla-extract/recipes": "^0.5.1",
41
42
  "antd": "^5.22.5",
@@ -53,6 +54,7 @@
53
54
  "react-slick": "^0.30.2",
54
55
  "react-use": "^17.6.0",
55
56
  "react-wrap-balancer": "^1.1.1",
57
+ "remark-gfm": "^4.0.1",
56
58
  "rsuite": "^5.75.0",
57
59
  "slick-carousel": "^1.8.1",
58
60
  "typed-css-modules": "^0.9.1",