@axos-web-dev/shared-components 1.0.77-patch.54 → 1.0.77-patch.56

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 (181) hide show
  1. package/dist/ATMLocator/ATMLocator.js +4 -2
  2. package/dist/Accordion/Accordion.css.js +2 -1
  3. package/dist/Accordion/Accordion.js +2 -1
  4. package/dist/AlertBanner/index.js +2 -1
  5. package/dist/Article/Article.css.js +2 -1
  6. package/dist/ArticlesSet/ArticlesSet.css.js +2 -1
  7. package/dist/Auth/ErrorAlert.js +4 -2
  8. package/dist/Auth/SignIn.css.js +2 -1
  9. package/dist/AwardsBanner/AwardsBanner.css.js +2 -1
  10. package/dist/Blockquote/Blockquote.module.js +3 -3
  11. package/dist/BulletItem/BulletItem.js +2 -1
  12. package/dist/Button/Button.css.js +2 -1
  13. package/dist/Button/Button.js +4 -2
  14. package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js +2 -1
  15. package/dist/Calculators/ApyCalculator/ApyCalculator.css.js +2 -1
  16. package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.d.ts +2 -0
  17. package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js +8 -2
  18. package/dist/Calculators/AxosOneCalculator/index.js +72 -64
  19. package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js +2 -1
  20. package/dist/Calculators/BalanceAPYCalculator/index.js +2 -1
  21. package/dist/Calculators/BuyDownCalculator/BuyDownCalculator.css.js +2 -1
  22. package/dist/Calculators/Calculator.js +4 -2
  23. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +2 -1
  24. package/dist/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js +2 -1
  25. package/dist/Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js +2 -1
  26. package/dist/Calculators/SummitApyCalculator/index.js +2 -1
  27. package/dist/Calculators/calculator.css.js +2 -1
  28. package/dist/CallToActionBar/CallToActionBar.css.js +2 -1
  29. package/dist/Carousel/Carousel.css.js +2 -1
  30. package/dist/Carousel/index.js +4 -2
  31. package/dist/Chatbot/AnimatedGradientBorder.css.d.ts +3 -0
  32. package/dist/Chatbot/AnimatedGradientBorder.css.js +13 -0
  33. package/dist/Chatbot/Bubble.css.d.ts +4 -0
  34. package/dist/Chatbot/Bubble.css.js +15 -4
  35. package/dist/Chatbot/Bubble.js +26 -19
  36. package/dist/Chatbot/Chat.js +0 -7
  37. package/dist/Chatbot/ChatWindow.css.d.ts +17 -0
  38. package/dist/Chatbot/ChatWindow.css.js +46 -17
  39. package/dist/Chatbot/ChatWindow.d.ts +6 -1
  40. package/dist/Chatbot/ChatWindow.js +338 -283
  41. package/dist/Chatbot/Chatbot.css.js +1 -0
  42. package/dist/Chatbot/Chatbot.js +117 -9
  43. package/dist/Chatbot/ChatbotMessage.d.ts +17 -0
  44. package/dist/Chatbot/ChatbotMessage.js +219 -0
  45. package/dist/Chatbot/ThankYouMessage.d.ts +9 -0
  46. package/dist/Chatbot/ThankYouMessage.js +510 -0
  47. package/dist/Chatbot/index.js +18 -2
  48. package/dist/Chatbot/store/chat.d.ts +6 -0
  49. package/dist/Chatbot/store/chat.js +12 -1
  50. package/dist/Chatbot/store/messages.d.ts +2 -1
  51. package/dist/Chatbot/store/messages.js +12 -4
  52. package/dist/Chevron/Chevron.css.js +2 -1
  53. package/dist/Chevron/index.js +4 -2
  54. package/dist/CollectInformationAlert/CollectInformationAlert.css.js +2 -1
  55. package/dist/CollectInformationAlert/index.js +2 -1
  56. package/dist/Comparison/Comparison.css.js +2 -1
  57. package/dist/Comparison/Comparison.js +4 -2
  58. package/dist/ContentBanner/ContentBanner.css.js +2 -1
  59. package/dist/DownloadTile/DownloadTile.css.js +2 -1
  60. package/dist/ExecutiveBio/ExecutiveBio.css.js +2 -1
  61. package/dist/ExecutiveBio/ExecutiveBio.js +4 -2
  62. package/dist/FaqAccordion/FaqAccordion.css.js +2 -1
  63. package/dist/FaqAccordion/index.js +4 -2
  64. package/dist/FooterDisclosure/LVF/LaVictorieFooter.css.js +2 -1
  65. package/dist/FooterDisclosure/LVF/LaVictorieFooter.js +2 -1
  66. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.css.js +2 -1
  67. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +4 -2
  68. package/dist/Forms/ApplicationStart.js +2 -1
  69. package/dist/Forms/ApplyNow.js +4 -2
  70. package/dist/Forms/ClearingForm.js +2 -1
  71. package/dist/Forms/CommercialDeposits.js +2 -1
  72. package/dist/Forms/CommercialDepositsNoLendingOption.js +2 -1
  73. package/dist/Forms/CommercialLending.js +2 -1
  74. package/dist/Forms/CommercialPremiumFinance.js +2 -1
  75. package/dist/Forms/ContactCompany.js +2 -1
  76. package/dist/Forms/ContactCompanyTitle.js +2 -1
  77. package/dist/Forms/ContactUs.js +2 -1
  78. package/dist/Forms/ContactUsAAS.js +2 -1
  79. package/dist/Forms/ContactUsBusiness.js +4 -2
  80. package/dist/Forms/ContactUsBusinessNameEmail.js +4 -2
  81. package/dist/Forms/ContactUsLVF.js +2 -1
  82. package/dist/Forms/ContactUsNMLSId.js +4 -2
  83. package/dist/Forms/CpraRequest.js +2 -1
  84. package/dist/Forms/CraPublicFile.js +4 -2
  85. package/dist/Forms/DealerServices.js +2 -1
  86. package/dist/Forms/EmailOnly.js +4 -2
  87. package/dist/Forms/EmailUs.js +2 -1
  88. package/dist/Forms/Forms.css.js +2 -1
  89. package/dist/Forms/MortgageRate/MortgageRateForm.js +4 -2
  90. package/dist/Forms/MortgageRate/MortgageRateWatch.js +4 -2
  91. package/dist/Forms/MortgageWarehouseLending.js +4 -2
  92. package/dist/Forms/QuickPricer/QuickPricerForm.js +2 -1
  93. package/dist/Forms/QuickPricer/UserInformation.css.js +2 -1
  94. package/dist/Forms/ScheduleCall.js +2 -1
  95. package/dist/Forms/ScheduleCallPremier.js +2 -1
  96. package/dist/Forms/SuccesForm.js +4 -2
  97. package/dist/Forms/WcplSurvey.js +2 -1
  98. package/dist/HeroBanner/HeroBanner.css.js +2 -1
  99. package/dist/HeroBanner/HeroBanner.js +2 -1
  100. package/dist/HeroBanner/LargeBanner.css.js +2 -1
  101. package/dist/HeroBanner/SelectionBanner.css.js +2 -1
  102. package/dist/Hyperlink/Hyperlink.css.js +2 -1
  103. package/dist/Hyperlink/index.js +4 -2
  104. package/dist/IconBillboard/IconBillboard.css.js +2 -1
  105. package/dist/IconBillboard/IconBillboard.js +2 -2
  106. package/dist/ImageBillboard/ImageBillboard.css.js +2 -1
  107. package/dist/ImageBillboard/ImageBillboard.js +2 -1
  108. package/dist/ImageBillboard/ImageBillboardSet.js +4 -3
  109. package/dist/ImageLink/ImageLink.js +4 -2
  110. package/dist/ImageLink/ImageLinkSet.js +4 -2
  111. package/dist/ImageLink/index.js +4 -2
  112. package/dist/Input/Input.css.js +2 -1
  113. package/dist/Inputs/Input.css.js +2 -1
  114. package/dist/Insight/Featured/CategorySelector.css.js +2 -1
  115. package/dist/Insight/Featured/CategorySelector.js +4 -2
  116. package/dist/Insight/Featured/Featured.js +4 -2
  117. package/dist/Insight/Featured/Header.js +4 -2
  118. package/dist/Interstitial/Interstitial-variants.css.js +2 -1
  119. package/dist/LandingPageHeader/LandingPageHeader.css.js +2 -1
  120. package/dist/LandingPageHeader/LandingPageHeader.js +2 -1
  121. package/dist/MainHTML/index.d.ts +1 -1
  122. package/dist/MainHTML/index.js +3 -1
  123. package/dist/Modal/Modal.css.js +2 -1
  124. package/dist/Modal/Modal.js +4 -2
  125. package/dist/NavigationMenu/AxosALTS/NavBar.css.js +2 -1
  126. package/dist/NavigationMenu/AxosALTS/NavData.js +4 -2
  127. package/dist/NavigationMenu/AxosALTS/index.js +4 -2
  128. package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js +2 -1
  129. package/dist/NavigationMenu/AxosAdvisor/SubNavbar.css.js +2 -1
  130. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js +2 -1
  131. package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js +2 -1
  132. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +4 -2
  133. package/dist/NavigationMenu/AxosBank/NavBar.css.js +2 -1
  134. package/dist/NavigationMenu/AxosBank/NavData.js +4 -2
  135. package/dist/NavigationMenu/AxosBank/SubNavBar.js +4 -2
  136. package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +2 -1
  137. package/dist/NavigationMenu/AxosBank/index.js +4 -2
  138. package/dist/NavigationMenu/LaVictoire/NavData.js +4 -2
  139. package/dist/NavigationMenu/LaVictoire/index.js +4 -2
  140. package/dist/NavigationMenu/NavDataJson.js +4 -2
  141. package/dist/NavigationMenu/Navbar.js +4 -2
  142. package/dist/NavigationMenu/SignInNavButton.js +4 -2
  143. package/dist/PageNavItem/PageNavItem.css.js +2 -1
  144. package/dist/Pagination/Pagination.js +2 -1
  145. package/dist/SecondaryFooter/SecondaryFooter.css.js +2 -1
  146. package/dist/SetContainer/SetContainer.css.js +2 -1
  147. package/dist/SetContainer/SetContainer.js +4 -2
  148. package/dist/SocialMediaBar/iconsRepository.js +4 -2
  149. package/dist/StepItem/StepItem.css.js +2 -1
  150. package/dist/StepItemSet/StepItemSet.css.js +2 -1
  151. package/dist/StepItemSet/StepItemSet.js +2 -1
  152. package/dist/Tab/Tab.css.js +2 -1
  153. package/dist/Table/Table.css.js +2 -1
  154. package/dist/Table/Table.js +2 -1
  155. package/dist/TextBlock/TextBlock.css.js +2 -1
  156. package/dist/VideoTile/VideoTile.css.js +2 -1
  157. package/dist/VideoTile/VideoTile.js +4 -2
  158. package/dist/VideoWrapper/index.js +4 -2
  159. package/dist/assets/Blockquote/Blockquote.css.css +68 -68
  160. package/dist/assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css +40 -2
  161. package/dist/assets/Chatbot/AnimatedGradientBorder.css +38 -0
  162. package/dist/assets/Chatbot/Bubble.css +58 -21
  163. package/dist/assets/Chatbot/ChatWindow.css +211 -85
  164. package/dist/assets/Chatbot/Chatbot.css +3 -0
  165. package/dist/assets/themes/axos.css +12 -0
  166. package/dist/assets/themes/premier.css +12 -0
  167. package/dist/assets/themes/ufb.css +52 -0
  168. package/dist/assets/themes/victorie.css +12 -0
  169. package/dist/icons/ArrowIcon/ArrowIcon.css.js +2 -1
  170. package/dist/icons/CheckIcon/CheckIcon.css.js +2 -1
  171. package/dist/icons/DownloadIcon/DownloadIcon.css.js +2 -1
  172. package/dist/icons/FollowIcon/FollowIcon.css.js +2 -1
  173. package/dist/main.js +20 -2
  174. package/dist/themes/axos.css.d.ts +18 -0
  175. package/dist/themes/axos.css.js +1 -1
  176. package/dist/themes/index.d.ts +1 -0
  177. package/dist/themes/index.js +2 -0
  178. package/dist/themes/ufb.css.d.ts +1 -0
  179. package/dist/themes/ufb.css.js +6 -0
  180. package/package.json +135 -135
  181. package/dist/Chatbot/Chatbot.css.ts.vanilla.css.js +0 -1
@@ -1,7 +1,15 @@
1
+ @keyframes _13n1jqku {
2
+ 0% {
3
+ background-position: -200% 0;
4
+ }
5
+ 100% {
6
+ background-position: 200% 0;
7
+ }
8
+ }
1
9
  ._13n1jqk0 {
2
- background: #FFF;
10
+ background: var(--_1073cm817);
3
11
  border-radius: 10px;
4
- bottom: 100px;
12
+ bottom: 16px;
5
13
  box-shadow: -4px -4px 60px 5px rgba(0, 0, 0, 0.3);
6
14
  display: flex;
7
15
  flex-direction: column;
@@ -10,7 +18,7 @@
10
18
  outline: none;
11
19
  overflow: hidden;
12
20
  position: fixed;
13
- right: 24px;
21
+ right: 16px;
14
22
  transform: translate(calc(0px - 64px / 2), calc(64px / 2 + 24px)) scale(0);
15
23
  transition: transform 0.3s, visibility 0.3s;
16
24
  transform-origin: bottom right;
@@ -24,82 +32,102 @@
24
32
  }
25
33
  ._13n1jqk2 {
26
34
  align-items: center;
27
- background-color: #14263d;
28
- display: flex;
29
- justify-content: space-between;
35
+ background-color: var(--_1073cm817);
36
+ display: grid;
37
+ grid-template-columns: 40px auto max-content;
30
38
  min-height: 50px;
31
- padding-inline: 18px;
39
+ color: var(--_1073cm819);
40
+ padding: 20px 24px;
41
+ gap: 8px;
32
42
  }
33
- ._1hpv6vm1 ._13n1jqk2 {
34
- background-color: #60707A;
43
+ ._13n1jqk4 {
44
+ color: var(--_1073cm819);
45
+ font-weight: 700;
46
+ font-size: 18px;
47
+ line-height: 1.5;
35
48
  }
36
- ._13n1jqk3 {
37
- color: #FFF;
38
- font: 700 18px/1.5 var(--header-font-family);
39
- line-height: 1.15;
49
+ ._13n1jqk5 {
50
+ display: flex;
51
+ align-items: center;
52
+ gap: 8px;
40
53
  }
41
- ._13n1jqk4 {
42
- background: transparent;
54
+ ._13n1jqk6 {
55
+ width: 32px;
56
+ height: 32px;
57
+ border-radius: 50%;
58
+ background: #F7F7F7;
59
+ padding: 7px;
60
+ display: flex;
61
+ justify-content: center;
62
+ align-items: center;
63
+ }
64
+ ._13n1jqk6:hover {
65
+ background: #0000000f;
66
+ cursor: pointer;
67
+ }
68
+ button:has(span:hover) ._13n1jqk6 {
69
+ background: #0000000f;
70
+ cursor: pointer;
71
+ }
72
+ ._13n1jqk7 {
43
73
  border: none;
44
74
  cursor: pointer;
45
75
  line-height: 1;
46
76
  margin-left: 8px;
47
77
  padding: 0;
48
78
  }
49
- ._13n1jqk5 {
50
- fill: #98DDFF;
79
+ ._13n1jqk7 >:first-child {
80
+ display: block;
51
81
  }
52
- ._1hpv6vm1 ._13n1jqk5 {
53
- fill: #FFFFFF;
82
+ ._13n1jqk7 > :last-child {
83
+ display: none;
54
84
  }
55
- ._13n1jqk6 {
85
+ ._13n1jqk8 {
86
+ fill: var(--_1073cm819);
87
+ color: var(--_1073cm819);
88
+ }
89
+ ._13n1jqk9 {
56
90
  border: none;
57
91
  color: #1F1F1F;
58
- flex: 1;
59
- font-family: var(--header-font-family);
92
+ flex: 1 0 0;
60
93
  font-size: 16px;
61
94
  opacity: 0.7;
62
95
  outline: none;
63
- padding: 20px 0 20px 20px;
64
96
  resize: none;
65
- transform: scale(0.8);
66
97
  }
67
- ._13n1jqk6::placeholder {
98
+ ._13n1jqk9::placeholder {
68
99
  color: rgba(31,31,31,.38);
69
100
  }
70
- ._1hpv6vm1 ._13n1jqk6 {
71
- font-family: var(--main-font-family);
72
- }
73
- ._1hpv6vm1 ._13n1jqk6::placeholder {
101
+ ._1hpv6vm1 ._13n1jqk9::placeholder {
74
102
  color: rgba(31,31,31,.58);
75
103
  }
76
- ._13n1jqk7 {
104
+ ._13n1jqka {
77
105
  overflow-y: hidden;
78
106
  min-height: 20px;
79
107
  }
80
- ._13n1jqk8 {
108
+ ._13n1jqkb {
81
109
  padding-inline: 20px;
82
- background: #fafafa;
110
+ background: #ffffff;
83
111
  border: none;
84
112
  }
85
- ._13n1jqk8:hover {
86
- background: #E9F8FF;
113
+ ._13n1jqkb:hover {
114
+ background: #ffffff;
87
115
  cursor: pointer;
88
116
  }
89
- ._1hpv6vm1 ._13n1jqk8:hover {
117
+ ._1hpv6vm1 ._13n1jqkb:hover {
90
118
  background: #eae8e8;
91
119
  }
92
- ._13n1jqk8 svg {
120
+ ._13n1jqkb svg {
93
121
  fill: rgba(31,31,31,.38);
94
122
  }
95
- ._13n1jqk8.active svg {
123
+ ._13n1jqkb.active svg {
96
124
  fill: #1e3860;
97
125
  }
98
- ._1hpv6vm1 ._13n1jqk8.active svg {
126
+ ._1hpv6vm1 ._13n1jqkb.active svg {
99
127
  fill: #e18357;
100
128
  }
101
- ._13n1jqk9 {
102
- background: #f9f9f9;
129
+ ._13n1jqkc {
130
+ background: #ffffff;
103
131
  display: flex;
104
132
  flex: 1;
105
133
  flex-direction: column;
@@ -107,67 +135,78 @@
107
135
  overflow-y: auto;
108
136
  padding: 1rem;
109
137
  scrollbar-color: #ccc transparent;
138
+ overflow-x: hidden;
110
139
  }
111
- ._13n1jqka {
140
+ ._13n1jqkc > :first-child {
141
+ margin-top: auto;
142
+ }
143
+ ._13n1jqkd {
112
144
  color: #888;
113
145
  font-size: 10px;
114
146
  margin-bottom: 4px;
115
147
  text-align: center;
116
148
  }
117
- ._13n1jqkb {
118
- border-radius: 8px;
119
- margin-bottom: 8px;
149
+ ._13n1jqke {
150
+ border-top-left-radius: 32px;
151
+ border-top-right-radius: 32px;
152
+ margin-bottom: 4px;
120
153
  max-width: 93%;
121
- padding: 8px 12px;
154
+ padding: 12px 24px;
122
155
  }
123
- ._13n1jqkb ul {
156
+ ._13n1jqke ul {
124
157
  padding-left: 24px;
125
158
  }
126
- ._13n1jqkc {
127
- border: 1px solid #ddd;
159
+ ._13n1jqkf {
128
160
  border-radius: 8px;
129
- box-shadow: 0 1px 4px #b3e0ff55;
130
161
  display: flex;
131
162
  flex-direction: column;
132
163
  margin-bottom: 8px;
164
+ align-items: flex-end;
165
+ gap: 5px;
133
166
  }
134
- ._13n1jqkd {
167
+ ._13n1jqkg {
135
168
  font-size: 12px;
136
- text-align: left;
137
- background: #fff;
138
- color: #1e3860;
169
+ text-align: center;
170
+ background: var(--_1073cm817);
171
+ color: var(--_1073cm819);
139
172
  cursor: pointer;
173
+ padding: 5px 12px;
174
+ border-radius: 8px;
175
+ width: min(60%,180px);
176
+ border: 1px solid var(--_1073cm81c);
140
177
  }
141
- ._13n1jqkd:hover {
178
+ ._13n1jqkg:hover {
142
179
  background: #f0f0f0;
143
180
  }
144
- ._1hpv6vm1 ._13n1jqkd {
181
+ ._1hpv6vm1 ._13n1jqkg {
145
182
  color: #323339;
146
183
  }
147
- ._13n1jqke {
184
+ ._13n1jqkh {
148
185
  background: #1e629a;
149
186
  border: none;
150
187
  color: #fff;
151
188
  cursor: pointer;
152
189
  font-size: 12px;
153
- padding: 6px 12px;
154
- border-radius: 4px;
190
+ padding: 8px 16px;
191
+ border-radius: 8px;
155
192
  text-align: center;
193
+ width: 100%;
156
194
  }
157
- ._13n1jqke:hover {
195
+ ._13n1jqkh:hover {
158
196
  opacity: 0.8;
159
197
  }
160
- ._1hpv6vm1 ._13n1jqke {
161
- background: #e18357;
162
- color: #323339;
198
+ ._13n1jqki {
199
+ background: white;
200
+ color: var(--_1073cm819);
201
+ border: 1px solid var(--_1073cm81e);
163
202
  }
164
- ._13n1jqkf {
203
+ ._13n1jqkj {
165
204
  position: absolute;
166
- top: 40px;
167
- right: 25px;
168
- background: #14263d;
169
- padding: 0;
170
- border-radius: 8px;
205
+ top: 48px;
206
+ right: 70px;
207
+ background: var(--_1073cm817);
208
+ padding: 4px 16px;
209
+ border-radius: 16px;
171
210
  list-style: none;
172
211
  margin: 0;
173
212
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
@@ -177,45 +216,132 @@
177
216
  color: #323339;
178
217
  }
179
218
  }
180
- ._13n1jqkg {
181
- color: #fff;
219
+ ._13n1jqkk {
220
+ color: #435164;
182
221
  border-bottom: 1px solid #1f2d3e;
183
- padding: 2px 12px;
222
+ padding: 12px;
184
223
  cursor: pointer;
185
- font-size: 12px;
224
+ font-size: 14px;
225
+ border-radius: 16px;
186
226
  }
187
- ._13n1jqkg:last-child {
227
+ ._13n1jqkk:last-child {
188
228
  border-bottom: none;
189
229
  }
190
- ._13n1jqkg:hover {
191
- background: #1f2d3e;
192
- }
193
- ._1hpv6vm1 ._13n1jqkg {
194
- background: #e18357;
195
- color: #323339;
196
- }
197
- ._13n1jqkg button {
230
+ ._13n1jqkk button {
198
231
  background: transparent;
199
232
  border: none;
200
233
  color: inherit;
201
234
  cursor: pointer;
202
235
  }
203
- ._13n1jqkh {
236
+ ._13n1jqkl {
204
237
  font-size: 10px;
205
238
  text-align: center;
206
239
  margin-bottom: 8px;
207
240
  margin-top: 8px;
208
241
  color: #1e3860;
209
242
  }
210
- ._1hpv6vm1 ._13n1jqkh {
243
+ ._1hpv6vm1 ._13n1jqkl {
211
244
  color: #323339;
212
245
  }
213
- ._13n1jqki {
246
+ ._13n1jqkm {
247
+ align-items: center;
248
+ background-color: var(--_1073cm817);
249
+ bottom: 0;
250
+ display: flex;
251
+ justify-content: center;
252
+ left: 0;
253
+ position: fixed;
254
+ right: 0;
255
+ top: 0;
256
+ z-index: 10001;
257
+ outline: none;
258
+ border: none;
259
+ width: 256px;
260
+ min-width: 288px;
261
+ max-width: 440px;
262
+ flex-direction: column;
263
+ border-radius: 24px;
264
+ margin: auto;
265
+ padding: 24px;
266
+ }
267
+ ._13n1jqkn {
214
268
  display: flex;
215
269
  flex-direction: column;
216
270
  align-items: center;
217
271
  justify-content: center;
218
- padding: 0 1rem;
272
+ text-align: center;
273
+ gap: 16px;
274
+ width: 100%;
275
+ }
276
+ ._13n1jqkp {
277
+ gap: 8px;
278
+ }
279
+ ._13n1jqkq {
280
+ text-align: center;
281
+ width: 80px;
282
+ height: 80px;
283
+ object-fit: contain;
284
+ }
285
+ ._13n1jqkm p {
286
+ margin-bottom: 0;
287
+ }
288
+ ._13n1jqkr {
289
+ background-color: #FFF0F3;
290
+ }
291
+ ._13n1jqks {
292
+ background-color: var(--_1073cm81b);
293
+ color: var(--_1073cm819);
294
+ align-self: flex-end;
295
+ border-bottom-left-radius: 32px;
296
+ }
297
+ ._13n1jqkt {
298
+ background-color: var(--_1073cm81a);
299
+ color: var(--_1073cm819);
300
+ align-self: flex-start;
301
+ border-bottom-right-radius: 32px;
302
+ }
303
+ ._13n1jqkv {
304
+ background: linear-gradient(90deg, var(--_1073cm819) 0%, rgba(255,255,255,0.8) 50%, var(--_1073cm819) 100%);
305
+ background-size: 200% 100%;
306
+ background-clip: text;
307
+ -webkit-background-clip: text;
308
+ color: transparent;
309
+ animation: _13n1jqku 2s linear infinite;
310
+ font-weight: bold;
311
+ letter-spacing: 0.22px;
312
+ font-size: 14px;
313
+ }
314
+ @media screen and (max-width: 768px) {
315
+ ._13n1jqk0 {
316
+ width: 100dvw;
317
+ right: 0;
318
+ bottom: 0;
319
+ border-radius: 0;
320
+ height: 100dvh;
321
+ left: 0;
322
+ top: 0;
323
+ }
324
+ ._13n1jqkc > :first-child {
325
+ margin-top: 0;
326
+ }
327
+ ._13n1jqko {
328
+ width: 100dvw;
329
+ max-width: 100dvw;
330
+ height: 100dvh;
331
+ border-radius: 0;
332
+ }
333
+ ._13n1jqkq {
334
+ width: 323px;
335
+ height: 343px;
336
+ }
337
+ }
338
+ @media screen and (max-width:768px) {
339
+ ._13n1jqk7 >:first-child {
340
+ display: none;
341
+ }
342
+ ._13n1jqk7 > :last-child {
343
+ display: block;
344
+ }
219
345
  }
220
346
  @media (hover: none) and (pointer: coarse) {
221
347
  body:has(._1hpv6vm1 ._13n1jqk1), body:has(._1hpv6vm0 ._13n1jqk1) {
@@ -0,0 +1,3 @@
1
+ ._1hpv6vm0 *, ._1hpv6vm1 * {
2
+ font-family: var(--chat-font-family);
3
+ }
@@ -37,4 +37,16 @@
37
37
  --_1073cm810: #FFFFFF;
38
38
  --_1073cm811: #1A6AAA;
39
39
  --_1073cm812: #14263D;
40
+ --_1073cm813: #1E629A;
41
+ --_1073cm814: #1E629A;
42
+ --_1073cm815: rgba(222, 244, 255, 1), rgba(30, 98, 154, 1), rgba(222, 244, 255, 1);
43
+ --_1073cm816: #FFFFFF;
44
+ --_1073cm817: #FFFFFF;
45
+ --_1073cm818: #1E3860;
46
+ --_1073cm819: #1E3860;
47
+ --_1073cm81a: #F5F5F5;
48
+ --_1073cm81b: #DEF4FF;
49
+ --_1073cm81c: #E9EBEF;
50
+ --_1073cm81d: #8C8C8C;
51
+ --_1073cm81e: #B9C1CE;
40
52
  }
@@ -37,4 +37,16 @@
37
37
  --_1073cm810: #FFFFFF;
38
38
  --_1073cm811: #1A6AAA;
39
39
  --_1073cm812: #14263D;
40
+ --_1073cm813: #1E629A;
41
+ --_1073cm814: #98DDFF;
42
+ --_1073cm815: linear-gradient(90deg,rgba(222, 244, 255, 1) 0%, rgba(30, 98, 154, 1) 50%, rgba(222, 244, 255, 1) 100%);
43
+ --_1073cm816: #FFFFFF;
44
+ --_1073cm817: #FFFFFF;
45
+ --_1073cm818: #1E3860;
46
+ --_1073cm819: #FFFFFF;
47
+ --_1073cm81a: #F5F5F5;
48
+ --_1073cm81b: #DEF4FF;
49
+ --_1073cm81c: #000000;
50
+ --_1073cm81d: #1F1F1F;
51
+ --_1073cm81e: #B9C1CE;
40
52
  }
@@ -0,0 +1,52 @@
1
+ .wub34l0 {
2
+ --_1073cm81: #FFFFFF;
3
+ --_1073cm82: #005A9C;
4
+ --_1073cm83: #222222;
5
+ --_1073cm84: #CCCCCC;
6
+ --_1073cm85: #005A9C;
7
+ --_1073cm86: #FFFFFF;
8
+ --_1073cm87: linear-gradient(45deg, #005A9C, #1565C0);
9
+ --_1073cm88: #E3F2FD;
10
+ --_1073cm89: #90CAF9;
11
+ --_1073cm8a: #222222;
12
+ --_1073cm8b: #CCCCCC;
13
+ --_1073cm8c: #005A9C;
14
+ --_1073cm8d: #005A9C;
15
+ --_1073cm8e: linear-gradient(45deg, #90CAF9, #005A9C);
16
+ --_1073cm8f: #005A9C;
17
+ --_1073cm8g: #E3F2FD;
18
+ --_1073cm8h: #FFFFFF;
19
+ --_1073cm8i: #005A9C;
20
+ --_1073cm8j: #FFFFFF;
21
+ --_1073cm8k: #005A9C;
22
+ --_1073cm8l: linear-gradient(45deg, #005A9C, #90CAF9);
23
+ --_1073cm8m: #0D3050;
24
+ --_1073cm8n: #005A9C;
25
+ --_1073cm8o: #FFFFFF;
26
+ --_1073cm8p: #0D3050;
27
+ --_1073cm8q: #FFFFFF;
28
+ --_1073cm8r: #90CAF9;
29
+ --_1073cm8s: linear-gradient(45deg, #0D3050, #005A9C);
30
+ --_1073cm8t: #C62828;
31
+ --_1073cm8u: #BDBDBD;
32
+ --_1073cm8v: #FFFFFF;
33
+ --_1073cm8w: #B0BEC5;
34
+ --_1073cm8x: #005A9C;
35
+ --_1073cm8y: #90CAF9;
36
+ --_1073cm8z: linear-gradient(0deg,#005A9C,#90CAF9);
37
+ --_1073cm810: #FFFFFF;
38
+ --_1073cm811: #1565C0;
39
+ --_1073cm812: #0D3050;
40
+ --_1073cm813: #E18357;
41
+ --_1073cm814: #E18357;
42
+ --_1073cm815: #EAD4BB, #806646 , #EAD4BB ;
43
+ --_1073cm816: #1B1B1F;
44
+ --_1073cm817: #FFFFFF;
45
+ --_1073cm81e: #B9C1CE;
46
+ --_1073cm818: #1E629A;
47
+ --_1073cm819: #1B1B1F;
48
+ --_1073cm81a: #EDEEF0;
49
+ --_1073cm81b: #FFF8F6;
50
+ --_1073cm81c: #000000;
51
+ --_1073cm81d: #000000;
52
+ }
@@ -37,4 +37,16 @@
37
37
  --_1073cm810: #ffffff;
38
38
  --_1073cm811: #0062b3;
39
39
  --_1073cm812: #4a5560;
40
+ --_1073cm813: #28587d;
41
+ --_1073cm814: #98DDFF;
42
+ --_1073cm815: linear-gradient(90deg,rgba(222, 244, 255, 1) 0%, rgba(40, 88, 125, 1) 50%, rgba(222, 244, 255, 1) 100%);
43
+ --_1073cm816: #FFFFFF;
44
+ --_1073cm817: #FFFFFF;
45
+ --_1073cm818: #28587d;
46
+ --_1073cm819: #FFFFFF;
47
+ --_1073cm81a: #F5F5F5;
48
+ --_1073cm81b: #DEF4FF;
49
+ --_1073cm81c: #000000;
50
+ --_1073cm81d: #1F1F1F;
51
+ --_1073cm81e: #B9C1CE;
40
52
  }
@@ -1,5 +1,6 @@
1
- import '../../assets/icons/ArrowIcon/ArrowIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
1
+ import '../../assets/icons/ArrowIcon/ArrowIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
2
2
  /* empty css */
3
+ /* empty css */
3
4
  /* empty css */
4
5
  /* empty css */
5
6
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
@@ -1,5 +1,6 @@
1
- import '../../assets/icons/CheckIcon/CheckIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
1
+ import '../../assets/icons/CheckIcon/CheckIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
2
2
  /* empty css */
3
+ /* empty css */
3
4
  /* empty css */
4
5
  /* empty css */
5
6
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
@@ -1,5 +1,6 @@
1
- import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
1
+ 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 */
2
2
  /* empty css */
3
+ /* empty css */
3
4
  /* empty css */
4
5
  /* empty css */
5
6
  var DownloadColor = "_1r03g400";
@@ -1,5 +1,6 @@
1
- import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
1
+ import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
2
2
  /* empty css */
3
+ /* empty css */
3
4
  /* empty css */
4
5
  /* empty css */
5
6
  var FollowColor = "_1wjdwci0";
package/dist/main.js CHANGED
@@ -38,11 +38,11 @@ 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
40
  import { Bubble } from "./Chatbot/Bubble.js";
41
- import { bubbleWrapper, svgFill } from "./Chatbot/Bubble.css.js";
41
+ import { borderHoverGradient, bubbleButton, bubbleText, bubbleWrapper, inner, svgFill } from "./Chatbot/Bubble.css.js";
42
42
  import { Chatbot } from "./Chatbot/Chatbot.js";
43
43
  import { chatbotAXB, chatbotUFB } from "./Chatbot/Chatbot.css.js";
44
44
  import { ChatWindow } from "./Chatbot/ChatWindow.js";
45
- import { arrowFill, autoResize, 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";
45
+ 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 "./Chatbot/ChatWindow.css.js";
46
46
  import { useOpenChat } from "./Chatbot/store/chat.js";
47
47
  import { useMessages } from "./Chatbot/store/messages.js";
48
48
  import { Chevron } from "./Chevron/index.js";
@@ -191,6 +191,7 @@ import { TextBlock } from "./TextBlock/TextBlock.js";
191
191
  import { textBlockHeader, textBlockList, textBlockParagraph, textBlockSection } from "./TextBlock/TextBlock.css.js";
192
192
  import { axosTheme, vars } from "./themes/axos.css.js";
193
193
  import { premierTheme } from "./themes/premier.css.js";
194
+ import { ufbTheme } from "./themes/ufb.css.js";
194
195
  import { victorieTheme } from "./themes/victorie.css.js";
195
196
  import { Topic, TopicContent, TopicHeader, TopicItem } from "./Topic/Topic.js";
196
197
  import { topic_columns, topic_container, topic_header, topic_item } from "./Topic/Topic.css.js";
@@ -397,6 +398,7 @@ export {
397
398
  SvgWarningIcon as WarningIcon,
398
399
  accordion,
399
400
  actions,
401
+ agent_msg,
400
402
  alternate_color_rows,
401
403
  ant_article,
402
404
  ant_blog_cta,
@@ -442,6 +444,7 @@ export {
442
444
  bodyHeader,
443
445
  body_copy,
444
446
  body_sign_in,
447
+ borderHoverGradient,
445
448
  bottom_center,
446
449
  bottom_left,
447
450
  bottom_right,
@@ -453,13 +456,17 @@ export {
453
456
  bs_topic,
454
457
  bs_video,
455
458
  bs_wrapper,
459
+ bubbleButton,
460
+ bubbleText,
456
461
  bubbleWrapper,
457
462
  bullet_details,
458
463
  bulletsHeadline,
459
464
  bulletsWrapper,
460
465
  button,
466
+ button_bar,
461
467
  button_reset,
462
468
  buttons,
469
+ buttonss_section,
463
470
  calculator,
464
471
  calculator_description,
465
472
  calculator_headline,
@@ -480,6 +487,8 @@ export {
480
487
  ceo_name,
481
488
  ceo_quote,
482
489
  ceo_title,
490
+ chatEndCircle,
491
+ chatEndDialogOverlay,
483
492
  chatFinishDialog,
484
493
  chatNetworkStatus,
485
494
  chat_title,
@@ -624,6 +633,7 @@ export {
624
633
  inline_button,
625
634
  inline_button_wrapper,
626
635
  inline_container,
636
+ inner,
627
637
  input,
628
638
  inputStyle,
629
639
  insight_header,
@@ -646,6 +656,7 @@ export {
646
656
  job_title,
647
657
  labelClassName,
648
658
  layout,
659
+ left_bar_section,
649
660
  li,
650
661
  line_points,
651
662
  link_wrapper,
@@ -674,6 +685,7 @@ export {
674
685
  mw24,
675
686
  na_cursor,
676
687
  nested_grid,
688
+ noAnswerButton,
677
689
  notificationStyle,
678
690
  ol,
679
691
  one_row,
@@ -728,6 +740,7 @@ export {
728
740
  set_logo,
729
741
  setcontainer_section_text,
730
742
  shift,
743
+ shimmerText,
731
744
  shortUrl,
732
745
  show,
733
746
  show_options,
@@ -768,6 +781,9 @@ export {
768
781
  textBlockParagraph,
769
782
  textBlockSection,
770
783
  th,
784
+ thankyou_image,
785
+ thankyou_message,
786
+ thankyou_overlay,
771
787
  threeColRow,
772
788
  three_inline,
773
789
  title,
@@ -784,6 +800,7 @@ export {
784
800
  transcript_container,
785
801
  transcript_content,
786
802
  two_inline,
803
+ ufbTheme,
787
804
  ul,
788
805
  up_to,
789
806
  url_row,
@@ -799,6 +816,7 @@ export {
799
816
  user_hr,
800
817
  user_image,
801
818
  user_information,
819
+ user_msg,
802
820
  validateLink,
803
821
  vars,
804
822
  victorieTheme,