@axos-web-dev/shared-components 1.0.100-feature-buydown.2 → 1.0.100-lvf-menu.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 (85) hide show
  1. package/dist/ATMLocator/ATMLocator.js +7 -1
  2. package/dist/ArticlesSet/ArticlesSet.js +2 -2
  3. package/dist/Auth/ErrorAlert.js +7 -1
  4. package/dist/Button/Button.js +7 -1
  5. package/dist/Calculators/BuyDownCalculator/index.js +3 -3
  6. package/dist/Calculators/Calculator.js +8 -2
  7. package/dist/Carousel/index.js +7 -1
  8. package/dist/Chatbot/Bubble.css.d.ts +2 -0
  9. package/dist/Chatbot/Bubble.css.js +7 -0
  10. package/dist/Chatbot/Bubble.d.ts +3 -0
  11. package/dist/Chatbot/Bubble.js +100 -0
  12. package/dist/Chatbot/Chat.d.ts +1 -0
  13. package/dist/Chatbot/Chat.js +165 -0
  14. package/dist/Chatbot/ChatWindow.css.d.ts +18 -0
  15. package/dist/Chatbot/ChatWindow.css.js +39 -0
  16. package/dist/Chatbot/ChatWindow.d.ts +29 -0
  17. package/dist/Chatbot/ChatWindow.js +396 -0
  18. package/dist/Chatbot/Chatbot.css.d.ts +2 -0
  19. package/dist/Chatbot/Chatbot.css.js +7 -0
  20. package/dist/Chatbot/Chatbot.css.ts.vanilla.css.js +1 -0
  21. package/dist/Chatbot/Chatbot.d.ts +5 -0
  22. package/dist/Chatbot/Chatbot.js +42 -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 +9 -0
  28. package/dist/Chatbot/index.js +40 -0
  29. package/dist/Chatbot/store/chat.d.ts +9 -0
  30. package/dist/Chatbot/store/chat.js +11 -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 +26 -0
  34. package/dist/Chatbot/useHeadlessChat.js +195 -0
  35. package/dist/Chevron/index.js +7 -1
  36. package/dist/Comparison/Comparison.js +7 -1
  37. package/dist/Comparison/ComparisonSet.js +33 -24
  38. package/dist/ExecutiveBio/ExecutiveBio.js +7 -1
  39. package/dist/FaqAccordion/index.js +7 -1
  40. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +7 -1
  41. package/dist/Forms/ApplyNow.js +7 -1
  42. package/dist/Forms/ContactUsBusiness.js +7 -1
  43. package/dist/Forms/ContactUsBusinessNameEmail.js +7 -1
  44. package/dist/Forms/ContactUsLVF.d.ts +5 -1
  45. package/dist/Forms/ContactUsLVF.js +8 -6
  46. package/dist/Forms/ContactUsNMLSId.js +7 -1
  47. package/dist/Forms/CraPublicFile.js +7 -1
  48. package/dist/Forms/EmailOnly.js +7 -1
  49. package/dist/Forms/MortgageRate/MortgageRateForm.js +7 -1
  50. package/dist/Forms/MortgageRate/MortgageRateWatch.js +7 -1
  51. package/dist/Forms/MortgageWarehouseLending.js +7 -1
  52. package/dist/Forms/SuccesForm.js +8 -2
  53. package/dist/Hyperlink/index.js +7 -1
  54. package/dist/ImageLink/ImageLink.js +7 -1
  55. package/dist/ImageLink/ImageLinkSet.js +7 -1
  56. package/dist/ImageLink/index.js +7 -1
  57. package/dist/Insight/Featured/CategorySelector.js +7 -1
  58. package/dist/Insight/Featured/Featured.js +7 -1
  59. package/dist/Insight/Featured/Header.js +7 -1
  60. package/dist/Modal/Modal.js +7 -1
  61. package/dist/NavigationMenu/AxosALTS/NavData.js +7 -1
  62. package/dist/NavigationMenu/AxosALTS/index.js +7 -1
  63. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +0 -2
  64. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +7 -7
  65. package/dist/NavigationMenu/AxosBank/NavData.js +7 -1
  66. package/dist/NavigationMenu/AxosBank/SubNavBar.js +7 -19
  67. package/dist/NavigationMenu/AxosBank/index.js +7 -1
  68. package/dist/NavigationMenu/LaVictoire/NavData.js +7 -1
  69. package/dist/NavigationMenu/LaVictoire/index.js +7 -1
  70. package/dist/NavigationMenu/NavDataJson.js +7 -1
  71. package/dist/NavigationMenu/Navbar.js +7 -1
  72. package/dist/NavigationMenu/SignInNavButton.js +7 -1
  73. package/dist/SetContainer/SetContainer.js +7 -1
  74. package/dist/SocialMediaBar/iconsRepository.js +7 -1
  75. package/dist/Table/Table.d.ts +1 -1
  76. package/dist/VideoTile/VideoTile.js +7 -1
  77. package/dist/VideoWrapper/index.js +7 -1
  78. package/dist/WalnutIframe/wrapper.module.js +3 -3
  79. package/dist/assets/Chatbot/Bubble.css +51 -0
  80. package/dist/assets/Chatbot/ChatWindow.css +213 -0
  81. package/dist/assets/Comparison/Comparison.css +3 -1
  82. package/dist/assets/WalnutIframe/wrapper.css.css +49 -49
  83. package/dist/main.d.ts +1 -0
  84. package/dist/main.js +37 -0
  85. package/package.json +136 -133
@@ -0,0 +1,195 @@
1
+ "use client";
2
+ import { useState, useRef, useCallback, useEffect } from "react";
3
+ import { useMessages } from "./store/messages.js";
4
+ const brandMap = /* @__PURE__ */ new Map([
5
+ ["axos", 1],
6
+ ["", 2],
7
+ ["ufb", 3]
8
+ ]);
9
+ function useHeadlessChat({
10
+ companyId,
11
+ tenant,
12
+ host,
13
+ getToken,
14
+ projectId = "axos",
15
+ debug = false
16
+ }) {
17
+ const addMessage = useMessages((state) => state.addMessage);
18
+ const addMessages = useMessages((state) => state.addMessages);
19
+ const clearMessages = useMessages((state) => state.clearMessages);
20
+ const [showReconnect, setShowReconnect] = useState(false);
21
+ const [status, setStatus] = useState("idle");
22
+ const chatRef = useRef(null);
23
+ const clientRef = useRef(null);
24
+ const isMountedRef = useRef(true);
25
+ const hasLoadedBefore = useRef(true);
26
+ const menuRef = useRef({ menus: [] });
27
+ const sendMessage = useCallback(async (body) => {
28
+ if (chatRef.current) {
29
+ await clientRef.current?.sendTextMessage(body);
30
+ }
31
+ }, []);
32
+ const endChat = useCallback(async () => {
33
+ if (chatRef.current) {
34
+ await clientRef.current?.finishChat();
35
+ clearMessages();
36
+ clientRef.current?.createChat(menuRef.current.menus[5].id);
37
+ }
38
+ }, [clearMessages]);
39
+ useEffect(() => {
40
+ let messageHandler;
41
+ let chatReadyHandler;
42
+ let chatEndedHandler;
43
+ let chatConnectedHandler;
44
+ let chatDisconnectedHandler;
45
+ let memberLeftHandler;
46
+ let memberJoinedHandler;
47
+ let startTypingHandler;
48
+ let stopTypingHandler;
49
+ let chatTimeoutHandler;
50
+ async function init() {
51
+ setStatus("connecting");
52
+ const { Client, Logger, consoleLoggerHandler } = await import("@ujet/websdk-headless");
53
+ if (debug) Logger.addHandler(consoleLoggerHandler);
54
+ try {
55
+ clientRef.current = new Client({
56
+ companyId,
57
+ tenant,
58
+ host,
59
+ authenticate: getToken
60
+ });
61
+ if (debug) console.log("clientRef:", clientRef.current);
62
+ } catch (e) {
63
+ console.error("Error creating client:", e);
64
+ if (isMountedRef.current) setStatus("error");
65
+ return;
66
+ }
67
+ menuRef.current = await clientRef.current?.getMenus();
68
+ if (debug) console.log("channelId:", menuRef.current);
69
+ if (debug) console.log("channelId:", menuRef.current?.menus[5].id);
70
+ try {
71
+ chatRef.current = await clientRef.current?.loadOngoingChat();
72
+ if (chatRef.current != null) {
73
+ chatRef.current = await clientRef.current?.resumeChat(
74
+ chatRef.current?.state?.id
75
+ );
76
+ if (debug) console.log("Resumed chatRef:", chatRef.current);
77
+ } else {
78
+ const custom_data = {
79
+ unsigned: {
80
+ facingBrandId: {
81
+ label: "facingBrandId",
82
+ value: brandMap.get(projectId) || 1
83
+ }
84
+ }
85
+ };
86
+ chatRef.current = await clientRef.current?.createChat(
87
+ menuRef.current.menus[5].id,
88
+ {
89
+ custom_data
90
+ }
91
+ );
92
+ if (debug) console.log("chatRef:", chatRef.current);
93
+ }
94
+ } catch (error) {
95
+ console.error("Error creating chat:", error);
96
+ }
97
+ messageHandler = (msg) => {
98
+ if (debug) console.log("Received message:", msg);
99
+ addMessage(msg);
100
+ };
101
+ chatReadyHandler = () => {
102
+ console.log("Chat is ready");
103
+ };
104
+ chatEndedHandler = () => {
105
+ console.log("Chat has ended");
106
+ setStatus("finished");
107
+ };
108
+ chatConnectedHandler = async () => {
109
+ console.log("Chat connected");
110
+ setStatus("connected");
111
+ try {
112
+ const messagesFetched = await chatRef.current?.fetchMessages();
113
+ if (debug) console.log("[messages]:", messagesFetched);
114
+ addMessages(messagesFetched || []);
115
+ } catch (error) {
116
+ console.error("Error fetching messages:", error);
117
+ }
118
+ };
119
+ startTypingHandler = (identity) => {
120
+ console.log("start typing: ", identity);
121
+ };
122
+ stopTypingHandler = (identity) => {
123
+ console.log("stop typing: ", identity);
124
+ };
125
+ memberLeftHandler = (identity) => {
126
+ console.log("Member has left the chat: ", identity);
127
+ };
128
+ memberJoinedHandler = (identity) => {
129
+ console.log("Member has joined the chat: ", identity);
130
+ };
131
+ chatDisconnectedHandler = () => {
132
+ console.log("Chat disconnected");
133
+ setStatus("idle");
134
+ };
135
+ chatTimeoutHandler = () => {
136
+ console.log("Chat timeout");
137
+ };
138
+ clientRef.current?.on("ready", chatReadyHandler);
139
+ clientRef.current?.on("chat.connected", chatConnectedHandler);
140
+ clientRef.current?.on("chat.message", messageHandler);
141
+ clientRef.current?.on("chat.memberLeft", memberLeftHandler);
142
+ clientRef.current?.on("chat.memberJoined", memberJoinedHandler);
143
+ clientRef.current?.on("chat.typingStarted", startTypingHandler);
144
+ clientRef.current?.on("chat.typingEnded", stopTypingHandler);
145
+ clientRef.current?.on("chat.disconnected", chatDisconnectedHandler);
146
+ clientRef.current?.on("chat.ended", chatEndedHandler);
147
+ clientRef.current?.on("chat.timeout", chatTimeoutHandler);
148
+ }
149
+ if (hasLoadedBefore.current) {
150
+ if (debug) console.log("Initializing chat...");
151
+ init();
152
+ hasLoadedBefore.current = false;
153
+ }
154
+ return () => {
155
+ isMountedRef.current = false;
156
+ if (debug)
157
+ console.log(
158
+ "Component unmounted. Cancelling pending async operations."
159
+ );
160
+ chatRef.current = null;
161
+ clientRef.current?.off("ready", chatReadyHandler);
162
+ clientRef.current?.off("chat.message", messageHandler);
163
+ clientRef.current?.off("chat.connected", chatConnectedHandler);
164
+ clientRef.current?.off("chat.ended", chatEndedHandler);
165
+ clientRef.current?.off("chat.memberLeft", memberLeftHandler);
166
+ clientRef.current?.off("chat.memberJoined", memberJoinedHandler);
167
+ clientRef.current?.off("chat.typingStarted", startTypingHandler);
168
+ clientRef.current?.off("chat.typingEnded", stopTypingHandler);
169
+ clientRef.current?.off("chat.disconnected", chatDisconnectedHandler);
170
+ clientRef.current?.off("chat.timeout", chatTimeoutHandler);
171
+ clientRef.current?.destroyChat();
172
+ clientRef.current = null;
173
+ };
174
+ }, [
175
+ companyId,
176
+ tenant,
177
+ host,
178
+ getToken,
179
+ addMessage,
180
+ addMessages,
181
+ debug,
182
+ projectId
183
+ ]);
184
+ return {
185
+ status,
186
+ sendMessage,
187
+ showReconnect,
188
+ setShowReconnect,
189
+ endChat,
190
+ virtualAgent: chatRef.current?.state.virtual_agent
191
+ };
192
+ }
193
+ export {
194
+ useHeadlessChat
195
+ };
@@ -2,7 +2,7 @@
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/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/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/premier.css';import '../assets/themes/axos.css';/* empty css */
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/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/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/premier.css';import '../assets/themes/axos.css';/* empty css */
6
6
  /* empty css */
7
7
  /* empty css */
8
8
  /* empty css */
@@ -71,6 +71,12 @@ import "../Auth/SignInPassword.js";
71
71
  /* empty css */
72
72
  /* empty css */
73
73
  import "../Carousel/index.js";
74
+ /* empty css */
75
+ import "../Chatbot/store/chat.js";
76
+ import "../Chatbot/authenticate.js";
77
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
78
+ /* empty css */
79
+ import "../Chatbot/store/messages.js";
74
80
  /* empty css */
75
81
  import "../Comparison/Comparison.css.js";
76
82
  import "next/image.js";
@@ -13,7 +13,7 @@ import "../Accordion/Accordion.js";
13
13
  import "../Accordion/Accordion.css.js";
14
14
  import "../icons/ArrowIcon/ArrowIcon.css.js";
15
15
  import "../icons/CheckIcon/CheckIcon.css.js";
16
- 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/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/Typography/Typography.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/Modal/Modal.css';import '../assets/Forms/QuickPricer/QuickPricerResults.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 */
16
+ 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/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/Typography/Typography.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/Modal/Modal.css';import '../assets/Forms/QuickPricer/QuickPricerResults.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 */
17
17
  /* empty css */
18
18
  /* empty css */
19
19
  /* empty css */
@@ -71,6 +71,12 @@ import "../Auth/SignInPassword.js";
71
71
  /* empty css */
72
72
  /* empty css */
73
73
  import "../Carousel/index.js";
74
+ /* empty css */
75
+ import "../Chatbot/store/chat.js";
76
+ import "../Chatbot/authenticate.js";
77
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
78
+ /* empty css */
79
+ import "../Chatbot/store/messages.js";
74
80
  /* empty css */
75
81
  import { comparison_layout, comparison_content, headerComparison, feature_header, feature_title, comparison_feature, comparison_list, comparison_buttons, comparison } from "./Comparison.css.js";
76
82
  import "next/image.js";
@@ -35,30 +35,39 @@ const ComparisonSet = ({
35
35
  bodyCopy,
36
36
  additionalDetails,
37
37
  isolate: true,
38
- children: /* @__PURE__ */ jsxs("div", { className: clsx(comparison_container), children: [
39
- /* @__PURE__ */ jsx(TabContainer, { className: comparison_tab_container, children: comparisonElements.map(({ headerTab, id: id2 }, index) => /* @__PURE__ */ jsx(
40
- Tab,
41
- {
42
- id: `tab_${id2}_${index}`,
43
- headline: `${headerTab}`,
44
- onClick: () => {
45
- toggleTab(index);
46
- },
47
- className: toggleState === index ? active_tab({ variant: getVariant(variant) }) : "",
48
- variant
49
- },
50
- `tab_${id2}_${index}`
51
- )) }),
52
- comparisonElements.map((item, index) => /* @__PURE__ */ createElement(
53
- Comparison,
54
- {
55
- ...item,
56
- key: item.id,
57
- index,
58
- toggleState
59
- }
60
- ))
61
- ] })
38
+ children: /* @__PURE__ */ jsxs(
39
+ "div",
40
+ {
41
+ className: clsx(
42
+ comparison_container,
43
+ comparisonElements.length > 2 && "comparison_container--many_items"
44
+ ),
45
+ children: [
46
+ /* @__PURE__ */ jsx(TabContainer, { className: comparison_tab_container, children: comparisonElements.map(({ headerTab, id: id2 }, index) => /* @__PURE__ */ jsx(
47
+ Tab,
48
+ {
49
+ id: `tab_${id2}_${index}`,
50
+ headline: `${headerTab}`,
51
+ onClick: () => {
52
+ toggleTab(index);
53
+ },
54
+ className: toggleState === index ? active_tab({ variant: getVariant(variant) }) : "",
55
+ variant
56
+ },
57
+ `tab_${id2}_${index}`
58
+ )) }),
59
+ comparisonElements.map((item, index) => /* @__PURE__ */ createElement(
60
+ Comparison,
61
+ {
62
+ ...item,
63
+ key: item.id,
64
+ index,
65
+ toggleState
66
+ }
67
+ ))
68
+ ]
69
+ }
70
+ )
62
71
  }
63
72
  );
64
73
  };
@@ -8,7 +8,7 @@ import "../Accordion/Accordion.js";
8
8
  import "../Accordion/Accordion.css.js";
9
9
  import "../icons/ArrowIcon/ArrowIcon.css.js";
10
10
  import "../icons/CheckIcon/CheckIcon.css.js";
11
- 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/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 */
11
+ 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/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 */
12
12
  /* empty css */
13
13
  /* empty css */
14
14
  /* empty css */
@@ -71,6 +71,12 @@ import "../Auth/SignInPassword.js";
71
71
  /* empty css */
72
72
  /* empty css */
73
73
  import "../Carousel/index.js";
74
+ /* empty css */
75
+ import "../Chatbot/store/chat.js";
76
+ import "../Chatbot/authenticate.js";
77
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
78
+ /* empty css */
79
+ import "../Chatbot/store/messages.js";
74
80
  /* empty css */
75
81
  import "../Comparison/Comparison.css.js";
76
82
  import "next/image.js";
@@ -7,7 +7,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
7
7
  import "../icons/CheckIcon/CheckIcon.css.js";
8
8
  import SvgChevronDown from "../icons/ChevronDown.js";
9
9
  import SvgChevronUp from "../icons/ChevronUp.js";
10
- 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/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/Modal/Modal.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/premier.css';import '../assets/themes/axos.css';/* empty css */
10
+ 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/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/Modal/Modal.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/premier.css';import '../assets/themes/axos.css';/* empty css */
11
11
  /* empty css */
12
12
  /* empty css */
13
13
  /* empty css */
@@ -72,6 +72,12 @@ import "../Auth/SignInPassword.js";
72
72
  /* empty css */
73
73
  /* empty css */
74
74
  import "../Carousel/index.js";
75
+ /* empty css */
76
+ import "../Chatbot/store/chat.js";
77
+ import "../Chatbot/authenticate.js";
78
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
79
+ /* empty css */
80
+ import "../Chatbot/store/messages.js";
75
81
  /* empty css */
76
82
  import "../Comparison/Comparison.css.js";
77
83
  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/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/VideoTile/VideoTile.css';import '../../assets/HelpArticle/HelpArticle.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/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/VideoTile/VideoTile.css';import '../../assets/HelpArticle/HelpArticle.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 */
@@ -67,6 +67,12 @@ import "../../Auth/SignInPassword.js";
67
67
  /* empty css */
68
68
  /* empty css */
69
69
  import "../../Carousel/index.js";
70
+ /* empty css */
71
+ import "../../Chatbot/store/chat.js";
72
+ import "../../Chatbot/authenticate.js";
73
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
74
+ /* empty css */
75
+ import "../../Chatbot/store/messages.js";
70
76
  /* empty css */
71
77
  import "../../Comparison/Comparison.css.js";
72
78
  import "next/image.js";
@@ -6,7 +6,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
6
6
  import SvgAxosX from "../icons/AxosX/index.js";
7
7
  import SvgComponent from "../icons/AxosX/Blue.js";
8
8
  import "../icons/CheckIcon/CheckIcon.css.js";
9
- 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/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/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 */
9
+ 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/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/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 */
10
10
  /* empty css */
11
11
  /* empty css */
12
12
  /* empty css */
@@ -72,6 +72,12 @@ import "../Auth/SignInPassword.js";
72
72
  /* empty css */
73
73
  /* empty css */
74
74
  import "../Carousel/index.js";
75
+ /* empty css */
76
+ import "../Chatbot/store/chat.js";
77
+ import "../Chatbot/authenticate.js";
78
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
79
+ /* empty css */
80
+ import "../Chatbot/store/messages.js";
75
81
  /* empty css */
76
82
  import "../Comparison/Comparison.css.js";
77
83
  import "next/image.js";
@@ -16,7 +16,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
16
16
  import SvgAxosX from "../icons/AxosX/index.js";
17
17
  import SvgComponent from "../icons/AxosX/Blue.js";
18
18
  import "../icons/CheckIcon/CheckIcon.css.js";
19
- 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/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/Modal/Modal.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/premier.css';import '../assets/themes/axos.css';/* empty css */
19
+ 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/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/Modal/Modal.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/premier.css';import '../assets/themes/axos.css';/* empty css */
20
20
  /* empty css */
21
21
  /* empty css */
22
22
  /* empty css */
@@ -73,6 +73,12 @@ import "../Auth/SignInPassword.js";
73
73
  /* empty css */
74
74
  /* empty css */
75
75
  import "../Carousel/index.js";
76
+ /* empty css */
77
+ import "../Chatbot/store/chat.js";
78
+ import "../Chatbot/authenticate.js";
79
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
80
+ /* empty css */
81
+ import "../Chatbot/store/messages.js";
76
82
  /* empty css */
77
83
  import "../Comparison/Comparison.css.js";
78
84
  import "next/image.js";
@@ -16,7 +16,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
16
16
  import SvgAxosX from "../icons/AxosX/index.js";
17
17
  import SvgComponent from "../icons/AxosX/Blue.js";
18
18
  import "../icons/CheckIcon/CheckIcon.css.js";
19
- 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/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/Modal/Modal.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/premier.css';import '../assets/themes/axos.css';/* empty css */
19
+ 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/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/Modal/Modal.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/premier.css';import '../assets/themes/axos.css';/* empty css */
20
20
  /* empty css */
21
21
  /* empty css */
22
22
  /* empty css */
@@ -73,6 +73,12 @@ import "../Auth/SignInPassword.js";
73
73
  /* empty css */
74
74
  /* empty css */
75
75
  import "../Carousel/index.js";
76
+ /* empty css */
77
+ import "../Chatbot/store/chat.js";
78
+ import "../Chatbot/authenticate.js";
79
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
80
+ /* empty css */
81
+ import "../Chatbot/store/messages.js";
76
82
  /* empty css */
77
83
  import "../Comparison/Comparison.css.js";
78
84
  import "next/image.js";
@@ -8,6 +8,10 @@ export type ContactUsLaVictoireInputs = {
8
8
  message: string;
9
9
  checkbox: boolean;
10
10
  };
11
- export declare const ContactUsLVF: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, dealerCheckbox, }: FormProps & {
11
+ export declare const ContactUsLVF: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, dealerCheckbox, contextData, }: FormProps & {
12
12
  dealerCheckbox?: boolean;
13
+ contextData?: {
14
+ pageName?: string;
15
+ pageUri?: string;
16
+ };
13
17
  }) => import("react/jsx-runtime").JSX.Element;
@@ -33,6 +33,7 @@ import { useForm, FormProvider } from "react-hook-form";
33
33
  import * as z from "zod";
34
34
  import { iconForm, headerContainer, headerForm, form, descriptionField, fullRowForm, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
35
35
  import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
36
+ import { SalesforceSchema } from "./SalesforceFieldsForm.js";
36
37
  const ContactUsLVF = ({
37
38
  icon = false,
38
39
  children,
@@ -47,7 +48,8 @@ const ContactUsLVF = ({
47
48
  validateEmail,
48
49
  onValidate,
49
50
  id,
50
- dealerCheckbox = true
51
+ dealerCheckbox = true,
52
+ contextData
51
53
  }) => {
52
54
  const schema = z.object({
53
55
  firstname: z.string().regex(/^[a-zA-Z]*(?:[a-zA-Z][a-zA-Z'-]*\s{0,1}){2,}$/g, {
@@ -78,7 +80,7 @@ const ContactUsLVF = ({
78
80
  message: z.string().min(1, { message: "Please complete this required field." }),
79
81
  checkbox: z.boolean()
80
82
  });
81
- const gen_schema = schema.merge(honeyPotSchema).superRefine((data, ctx) => {
83
+ const gen_schema = schema.merge(SalesforceSchema).merge(honeyPotSchema).superRefine((data, ctx) => {
82
84
  if (!isValidHoneyPot(data)) {
83
85
  ctx.addIssue({
84
86
  code: z.ZodIssueCode.custom,
@@ -106,9 +108,9 @@ const ContactUsLVF = ({
106
108
  return { name: key, value: data[key] };
107
109
  }
108
110
  }).filter((el) => el !== void 0);
109
- const contextData = {
110
- pageName: "La Victoire Finance",
111
- pageUri: "https://lavictoirefinance.com/contact-us"
111
+ const finalContextData = {
112
+ pageName: contextData?.pageName || "La Victoire Finance",
113
+ pageUri: contextData?.pageUri || "https://lavictoirefinance.com/contact-us"
112
114
  };
113
115
  const legalConsentData = {
114
116
  consent: {
@@ -125,7 +127,7 @@ const ContactUsLVF = ({
125
127
  };
126
128
  await onSubmit({
127
129
  fields: formattedFieldsData,
128
- context: contextData,
130
+ context: finalContextData,
129
131
  legalConsentOptions: legalConsentData,
130
132
  form: "contactUSLVF"
131
133
  });