@axos-web-dev/shared-components 1.0.99-sectionSpacerRemoved.2 → 1.0.100-dev.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.
- package/dist/ATMLocator/ATMLocator.js +7 -1
- package/dist/Accordion/Accordion.css.js +1 -1
- package/dist/Accordion/Accordion.js +2 -2
- package/dist/AlertBanner/AlertBanner.css.js +1 -1
- package/dist/AlertBanner/index.js +1 -1
- package/dist/Article/Article.css.js +1 -1
- package/dist/ArticlesSet/ArticlesSet.css.js +1 -1
- package/dist/ArticlesSet/ArticlesSet.js +2 -2
- package/dist/Auth/ErrorAlert.css.js +1 -1
- package/dist/Auth/ErrorAlert.js +8 -2
- package/dist/Auth/Logout.js +1 -1
- package/dist/Auth/SignIn.css.js +1 -1
- package/dist/Auth/SignInPassword.js +1 -1
- package/dist/Avatar/Avatar.module.js +1 -1
- package/dist/AwardsBanner/AwardsBanner.css.js +1 -1
- package/dist/AwardsItem/AwardsItem.css.js +1 -1
- package/dist/Blockquote/Blockquote.module.js +1 -1
- package/dist/BulletItem/BulletItem.css.js +1 -1
- package/dist/BulletItem/BulletItem.js +1 -1
- package/dist/Button/Button.css.js +1 -1
- package/dist/Button/Button.js +7 -1
- package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js +1 -1
- package/dist/Calculators/ApyCalculator/ApyCalculator.css.js +1 -1
- package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js +1 -1
- package/dist/Calculators/AxosOneCalculator/index.js +2 -2
- package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js +1 -1
- package/dist/Calculators/BalanceAPYCalculator/index.js +2 -2
- package/dist/Calculators/BuyDownCalculator/BuyDownCalculator.css.js +1 -1
- package/dist/Calculators/BuyDownCalculator/index.js +2 -2
- package/dist/Calculators/Calculator.js +7 -1
- package/dist/Calculators/MarginTradingCalculator/MarginTradingCalculator.css.js +1 -1
- package/dist/Calculators/MarginTradingCalculator/index.js +2 -2
- package/dist/Calculators/MaxLoanCalculator/index.js +22 -5
- package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +1 -1
- package/dist/Calculators/MonthlyPaymentCalculator/index.js +15 -5
- package/dist/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js +1 -1
- package/dist/Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js +1 -1
- package/dist/Calculators/SummitApyCalculator/index.js +2 -2
- package/dist/Calculators/calculator.css.js +1 -1
- package/dist/CallToActionBar/CallToActionBar.css.js +1 -1
- package/dist/CallToActionBar/index.js +1 -1
- package/dist/Carousel/Carousel.css.js +1 -1
- package/dist/Carousel/index.js +8 -2
- package/dist/Chatbot/Bubble.css.d.ts +3 -0
- package/dist/Chatbot/Bubble.css.js +9 -0
- package/dist/Chatbot/Bubble.d.ts +3 -0
- package/dist/Chatbot/Bubble.js +34 -0
- package/dist/Chatbot/Chat.d.ts +1 -0
- package/dist/Chatbot/Chat.js +165 -0
- package/dist/Chatbot/ChatWindow.css.d.ts +7 -0
- package/dist/Chatbot/ChatWindow.css.js +17 -0
- package/dist/Chatbot/ChatWindow.d.ts +23 -0
- package/dist/Chatbot/ChatWindow.js +261 -0
- package/dist/Chatbot/Chatbot.css.d.ts +1 -0
- package/dist/Chatbot/Chatbot.css.js +5 -0
- package/dist/Chatbot/Chatbot.css.ts.vanilla.css.js +1 -0
- package/dist/Chatbot/Chatbot.d.ts +1 -0
- package/dist/Chatbot/Chatbot.js +39 -0
- package/dist/Chatbot/authenticate.d.ts +3 -0
- package/dist/Chatbot/authenticate.js +16 -0
- package/dist/Chatbot/index.d.ts +9 -0
- package/dist/Chatbot/index.js +29 -0
- package/dist/Chatbot/store/chat.d.ts +9 -0
- package/dist/Chatbot/store/chat.js +11 -0
- package/dist/Chatbot/store/messages.d.ts +14 -0
- package/dist/Chatbot/store/messages.js +12 -0
- package/dist/Chatbot/useHeadlessChat.d.ts +22 -0
- package/dist/Chatbot/useHeadlessChat.js +157 -0
- package/dist/Chevron/Chevron.css.js +1 -1
- package/dist/Chevron/index.js +8 -2
- package/dist/CollectInformationAlert/CollectInformationAlert.css.js +1 -1
- package/dist/CollectInformationAlert/index.js +1 -1
- package/dist/Comparison/Comparison.css.js +1 -1
- package/dist/Comparison/Comparison.js +8 -2
- package/dist/Comparison/ComparisonSet.js +1 -1
- package/dist/ContentBanner/ContentBanner.css.js +1 -1
- package/dist/DownloadTile/DownloadTile.css.js +1 -1
- package/dist/ExecutiveBio/ExecutiveBio.css.js +1 -1
- package/dist/ExecutiveBio/ExecutiveBio.js +7 -1
- package/dist/FaqAccordion/FaqAccordion.css.js +1 -1
- package/dist/FaqAccordion/index.js +8 -2
- package/dist/FdicCallout/FdicCallout.module.js +1 -1
- package/dist/FooterDisclosure/FooterDisclosure.css.js +1 -1
- package/dist/FooterDisclosure/LVF/LaVictorieFooter.css.js +1 -1
- package/dist/FooterDisclosure/LVF/LaVictorieFooter.js +2 -2
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.css.js +1 -1
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +7 -1
- package/dist/Forms/ApplicationStart.js +3 -3
- package/dist/Forms/ApplyNow.js +8 -2
- package/dist/Forms/ClearingForm.js +3 -3
- package/dist/Forms/CommercialDeposits.js +3 -3
- package/dist/Forms/CommercialLending.js +3 -3
- package/dist/Forms/CommercialPremiumFinance.js +3 -3
- package/dist/Forms/ContactCompany.js +3 -3
- package/dist/Forms/ContactCompanyTitle.js +3 -3
- package/dist/Forms/ContactUs.js +3 -3
- package/dist/Forms/ContactUsAAS.js +3 -3
- package/dist/Forms/ContactUsBusiness.js +9 -3
- package/dist/Forms/ContactUsBusinessNameEmail.js +9 -3
- package/dist/Forms/ContactUsLVF.js +3 -3
- package/dist/Forms/ContactUsNMLSId.js +9 -3
- package/dist/Forms/CpraRequest.js +3 -3
- package/dist/Forms/CraPublicFile.js +9 -3
- package/dist/Forms/DealerServices.js +3 -3
- package/dist/Forms/EmailOnly.js +9 -3
- package/dist/Forms/EmailUs.js +3 -3
- package/dist/Forms/Forms.css.js +1 -1
- package/dist/Forms/HoneyPot/HoneyPot.css.d.ts +1 -1
- package/dist/Forms/HoneyPot/HoneyPot.css.js +3 -3
- package/dist/Forms/HoneyPot/index.d.ts +10 -11
- package/dist/Forms/HoneyPot/index.js +21 -23
- package/dist/Forms/MortgageRate/MortgageRateForm.js +19 -12
- package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js +1 -1
- package/dist/Forms/MortgageRate/MortgageRateWatch.js +7 -1
- package/dist/Forms/MortgageWarehouseLending.js +9 -4
- package/dist/Forms/QuickPricer/QuickPricerForm.js +4 -4
- package/dist/Forms/QuickPricer/QuickPricerResults.css.js +1 -1
- package/dist/Forms/QuickPricer/UserInformation.css.js +1 -1
- package/dist/Forms/ScheduleCall.js +3 -3
- package/dist/Forms/ScheduleCallPremier.js +3 -3
- package/dist/Forms/SuccesForm.js +8 -2
- package/dist/Forms/VendorQuestionnaire.js +2 -2
- package/dist/Forms/WcplSurvey.js +3 -3
- package/dist/HelpArticle/HelpArticle.css.js +1 -1
- package/dist/HeroBanner/HeroBanner.css.js +1 -1
- package/dist/HeroBanner/HeroBanner.js +44 -3
- package/dist/HeroBanner/LargeBanner.css.js +1 -1
- package/dist/HeroBanner/SelectionBanner.css.js +1 -1
- package/dist/Hyperlink/Hyperlink.css.js +1 -1
- package/dist/Hyperlink/index.js +7 -1
- package/dist/IconBillboard/IconBillboard.css.js +1 -1
- package/dist/IconBillboard/IconBillboard.js +1 -1
- package/dist/ImageBillboard/ExitIntentModal/useExitIntentModal.js +6 -1
- package/dist/ImageBillboard/ImageBillboard.css.js +1 -1
- package/dist/ImageBillboard/ImageBillboard.js +1 -1
- package/dist/ImageBillboard/ImageBillboardSet.js +2 -2
- package/dist/ImageLink/ImageLink.css.js +1 -1
- package/dist/ImageLink/ImageLink.js +7 -1
- package/dist/ImageLink/ImageLinkSet.js +7 -1
- package/dist/ImageLink/index.js +7 -1
- package/dist/Input/Checkbox.css.js +1 -1
- package/dist/Input/Dropdown.css.js +1 -1
- package/dist/Input/Input.css.js +1 -1
- package/dist/Input/RadioButton.css.js +1 -1
- package/dist/Inputs/Input.css.js +1 -1
- package/dist/Insight/Featured/CategorySelector.css.js +1 -1
- package/dist/Insight/Featured/CategorySelector.js +9 -3
- package/dist/Insight/Featured/Featured.css.js +1 -1
- package/dist/Insight/Featured/Featured.js +8 -2
- package/dist/Insight/Featured/Header.css.js +1 -1
- package/dist/Insight/Featured/Header.js +8 -2
- package/dist/Insight/Insight.css.js +1 -1
- package/dist/Interstitial/Interstitial-variants.css.js +1 -1
- package/dist/Interstitial/Interstitial.module.js +1 -1
- package/dist/LandingPageHeader/LandingPageHeader.css.js +1 -1
- package/dist/LandingPageHeader/LandingPageHeader.js +1 -1
- package/dist/LoadingIndicator/LoadingIndicator.css.js +1 -1
- package/dist/Modal/Modal.css.js +1 -1
- package/dist/Modal/Modal.js +7 -1
- package/dist/Modal/contextApi/store.js +1 -1
- package/dist/NavigationMenu/AxosALTS/NavBar.css.js +1 -1
- package/dist/NavigationMenu/AxosALTS/NavBar.module.js +1 -1
- package/dist/NavigationMenu/AxosALTS/NavData.js +7 -1
- package/dist/NavigationMenu/AxosALTS/index.js +7 -1
- package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js +1 -1
- package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +1 -1
- package/dist/NavigationMenu/AxosAdvisor/SubNavbar.css.js +1 -1
- package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js +1 -1
- package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +1 -1
- package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js +1 -1
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +1 -1
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +7 -1
- package/dist/NavigationMenu/AxosBank/NavBar.css.js +1 -1
- package/dist/NavigationMenu/AxosBank/NavBar.module.js +1 -1
- package/dist/NavigationMenu/AxosBank/NavData.js +7 -1
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +7 -1
- package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +1 -1
- package/dist/NavigationMenu/AxosBank/index.js +7 -1
- package/dist/NavigationMenu/AxosClearing/NavBar.css.js +1 -1
- package/dist/NavigationMenu/AxosClearing/NavBar.module.js +1 -1
- package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +1 -1
- package/dist/NavigationMenu/LaVictoire/NavBar.css.js +1 -1
- package/dist/NavigationMenu/LaVictoire/NavBar.module.js +1 -1
- package/dist/NavigationMenu/LaVictoire/NavData.js +7 -1
- package/dist/NavigationMenu/LaVictoire/index.js +7 -1
- package/dist/NavigationMenu/NavDataJson.js +7 -1
- package/dist/NavigationMenu/Navbar.js +7 -1
- package/dist/NavigationMenu/SignInNavButton.js +7 -1
- package/dist/PageNavItem/PageNavItem.css.js +1 -1
- package/dist/PageNavSet/PageNavSet.js +1 -1
- package/dist/PageNavSet/PageNavigationSet.css.js +1 -1
- package/dist/Pagination/Pagination.css.js +1 -1
- package/dist/Pagination/Pagination.js +2 -2
- package/dist/SecondaryFooter/SecondaryFooter.css.js +1 -1
- package/dist/SecondaryFooter/index.js +1 -1
- package/dist/SetContainer/SetContainer.css.js +1 -1
- package/dist/SetContainer/SetContainer.js +8 -2
- package/dist/SocialMediaBar/SocialMediaBar.css.js +1 -1
- package/dist/SocialMediaBar/iconsRepository.js +7 -1
- package/dist/StepItem/StepItem.css.js +1 -1
- package/dist/StepItemSet/StepItemSet.css.js +1 -1
- package/dist/Tab/Tab.css.js +1 -1
- package/dist/Table/Table.css.js +1 -1
- package/dist/Table/Table.js +2 -2
- package/dist/TextBlock/TextBlock.css.js +1 -1
- package/dist/TextBlock/TextBlock.js +1 -1
- package/dist/Topic/Topic.css.js +1 -1
- package/dist/TopicalNavItem/TopicalNavItem.css.js +1 -1
- package/dist/TopicalNavSet/TopicalNavSet.css.js +1 -1
- package/dist/Typography/Typography.css.js +1 -1
- package/dist/VideoTile/VideoTile.css.js +1 -1
- package/dist/VideoTile/VideoTile.js +7 -1
- package/dist/VideoWrapper/VideoWrapper.css.js +1 -1
- package/dist/VideoWrapper/index.js +7 -1
- package/dist/WalnutIframe/wrapper.module.js +1 -1
- package/dist/assets/AwardsBanner/AwardsBanner.css +3 -0
- package/dist/assets/Chatbot/Bubble.css +51 -0
- package/dist/assets/Chatbot/ChatWindow.css +68 -0
- package/dist/assets/Forms/HoneyPot/HoneyPot.css +4 -0
- package/dist/assets/SetContainer/SetContainer.css +0 -3
- package/dist/assets/TopicalNavSet/TopicalNavSet.css +0 -3
- package/dist/assets/globals.css +0 -11
- package/dist/globals.css.js +1 -1
- package/dist/icons/ArrowIcon/ArrowIcon.css.js +1 -1
- package/dist/icons/CheckIcon/CheckIcon.css.js +1 -1
- package/dist/icons/DownloadIcon/DownloadIcon.css.js +1 -1
- package/dist/icons/FollowIcon/FollowIcon.css.js +1 -1
- package/dist/icons/Star/Star.css.js +1 -1
- package/dist/index.css.js +1 -1
- package/dist/main.d.ts +1 -0
- package/dist/main.js +26 -0
- package/dist/themes/axos.css.js +1 -1
- package/dist/themes/premier.css.js +1 -1
- package/dist/themes/victorie.css.js +1 -1
- package/dist/utils/optimizeImage/optimizeImage.module.js +1 -1
- package/package.json +5 -2
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { create } from "zustand";
|
|
2
|
+
const useOpenChat = create((set) => ({
|
|
3
|
+
isOpen: false,
|
|
4
|
+
toggle: () => set((state) => ({ isOpen: !state.isOpen })),
|
|
5
|
+
open: () => set({ isOpen: true }),
|
|
6
|
+
close: () => set({ isOpen: false }),
|
|
7
|
+
reset: () => set({ isOpen: false })
|
|
8
|
+
}));
|
|
9
|
+
export {
|
|
10
|
+
useOpenChat
|
|
11
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { MessageResponse } from '@ujet/websdk-headless';
|
|
2
|
+
|
|
3
|
+
interface MessageStore {
|
|
4
|
+
messages: MessageResponse[];
|
|
5
|
+
addMessage: (message: MessageResponse) => void;
|
|
6
|
+
removeMessage: (id: string) => void;
|
|
7
|
+
addMessages: (newMessages: MessageResponse[]) => void;
|
|
8
|
+
}
|
|
9
|
+
export interface Message {
|
|
10
|
+
id: string;
|
|
11
|
+
text: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const useMessages: import('zustand').UseBoundStore<import('zustand').StoreApi<MessageStore>>;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { create } from "zustand";
|
|
2
|
+
const useMessages = create((set) => ({
|
|
3
|
+
messages: [],
|
|
4
|
+
addMessage: (message) => set((state) => ({ messages: [...state.messages, message] })),
|
|
5
|
+
removeMessage: (id) => set((state) => ({
|
|
6
|
+
messages: state.messages.filter((msg) => msg.id !== id)
|
|
7
|
+
})),
|
|
8
|
+
addMessages: (newMessages) => set((state) => ({ messages: [...state.messages, ...newMessages] }))
|
|
9
|
+
}));
|
|
10
|
+
export {
|
|
11
|
+
useMessages
|
|
12
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { TokenResponse } from '@ujet/websdk-headless';
|
|
2
|
+
|
|
3
|
+
interface UseHeadlessChatOptions {
|
|
4
|
+
companyId: string;
|
|
5
|
+
tenant: string;
|
|
6
|
+
host: string;
|
|
7
|
+
getToken: () => Promise<TokenResponse>;
|
|
8
|
+
channelId?: string;
|
|
9
|
+
projectId?: "axos" | "" | "ufb" | string;
|
|
10
|
+
debug?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export interface ChatMessage {
|
|
13
|
+
id: string;
|
|
14
|
+
body: string;
|
|
15
|
+
sender?: string;
|
|
16
|
+
timestamp?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare function useHeadlessChat({ companyId, tenant, host, getToken, projectId, debug, }: UseHeadlessChatOptions): {
|
|
19
|
+
status: "error" | "idle" | "connected" | "connecting" | "finished";
|
|
20
|
+
sendMessage: (body: string) => Promise<void>;
|
|
21
|
+
};
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { useState, useRef, useCallback, useEffect } from "react";
|
|
3
|
+
import { useMessages } from "./store/messages.js";
|
|
4
|
+
function useHeadlessChat({
|
|
5
|
+
companyId,
|
|
6
|
+
tenant,
|
|
7
|
+
host,
|
|
8
|
+
getToken,
|
|
9
|
+
projectId = "axos",
|
|
10
|
+
debug = false
|
|
11
|
+
}) {
|
|
12
|
+
const addMessage = useMessages((state) => state.addMessage);
|
|
13
|
+
const addMessages = useMessages((state) => state.addMessages);
|
|
14
|
+
const [status, setStatus] = useState("idle");
|
|
15
|
+
const chatRef = useRef(null);
|
|
16
|
+
const clientRef = useRef(null);
|
|
17
|
+
const isMountedRef = useRef(true);
|
|
18
|
+
const hasLoadedBefore = useRef(true);
|
|
19
|
+
const sendMessage = useCallback(async (body) => {
|
|
20
|
+
if (chatRef.current) {
|
|
21
|
+
await clientRef.current?.sendTextMessage(body);
|
|
22
|
+
}
|
|
23
|
+
}, []);
|
|
24
|
+
useEffect(() => {
|
|
25
|
+
let messageHandler;
|
|
26
|
+
let chatReadyHandler;
|
|
27
|
+
let chatEndedHandler;
|
|
28
|
+
let chatConnectedHandler;
|
|
29
|
+
let chatDisconnectedHandler;
|
|
30
|
+
let memberLeftHandler;
|
|
31
|
+
let memberJoinedHandler;
|
|
32
|
+
let startTypingHandler;
|
|
33
|
+
let stopTypingHandler;
|
|
34
|
+
let chatTimeoutHandler;
|
|
35
|
+
async function init() {
|
|
36
|
+
setStatus("connecting");
|
|
37
|
+
const { Client, Logger, consoleLoggerHandler } = await import("@ujet/websdk-headless");
|
|
38
|
+
if (debug) Logger.addHandler(consoleLoggerHandler);
|
|
39
|
+
try {
|
|
40
|
+
clientRef.current = new Client({
|
|
41
|
+
companyId,
|
|
42
|
+
tenant,
|
|
43
|
+
host,
|
|
44
|
+
authenticate: getToken
|
|
45
|
+
});
|
|
46
|
+
if (debug) console.log("clientRef:", clientRef.current);
|
|
47
|
+
} catch (e) {
|
|
48
|
+
console.error("Error creating client:", e);
|
|
49
|
+
if (isMountedRef.current) setStatus("error");
|
|
50
|
+
return;
|
|
51
|
+
}
|
|
52
|
+
const menus = await clientRef.current?.getMenus();
|
|
53
|
+
if (debug) console.log("channelId:", menus);
|
|
54
|
+
if (debug) console.log("channelId:", menus?.menus[5].id);
|
|
55
|
+
try {
|
|
56
|
+
chatRef.current = await clientRef.current?.createChat(
|
|
57
|
+
menus.menus[5].id
|
|
58
|
+
// {
|
|
59
|
+
// custom_data: {
|
|
60
|
+
// unsigned: {
|
|
61
|
+
// facingBrandId: brandMap.get(projectId) || 1,
|
|
62
|
+
// },
|
|
63
|
+
// },
|
|
64
|
+
// }
|
|
65
|
+
);
|
|
66
|
+
if (debug) console.log("chatRef:", chatRef.current);
|
|
67
|
+
} catch (error) {
|
|
68
|
+
console.error("Error creating chat:", error);
|
|
69
|
+
}
|
|
70
|
+
messageHandler = (msg) => {
|
|
71
|
+
if (debug) console.log("Received message:", msg);
|
|
72
|
+
addMessage(msg);
|
|
73
|
+
};
|
|
74
|
+
chatReadyHandler = () => {
|
|
75
|
+
console.log("Chat is ready");
|
|
76
|
+
};
|
|
77
|
+
chatEndedHandler = () => {
|
|
78
|
+
console.log("Chat has ended");
|
|
79
|
+
setStatus("finished");
|
|
80
|
+
};
|
|
81
|
+
chatConnectedHandler = async () => {
|
|
82
|
+
console.log("Chat connected");
|
|
83
|
+
setStatus("connected");
|
|
84
|
+
const messagesFetched = await chatRef.current?.fetchMessages();
|
|
85
|
+
if (debug) console.log("[messages]:", messagesFetched);
|
|
86
|
+
addMessages(messagesFetched || []);
|
|
87
|
+
};
|
|
88
|
+
startTypingHandler = (identity) => {
|
|
89
|
+
console.log("start typing: ", identity);
|
|
90
|
+
};
|
|
91
|
+
stopTypingHandler = (identity) => {
|
|
92
|
+
console.log("stop typing: ", identity);
|
|
93
|
+
};
|
|
94
|
+
memberLeftHandler = (identity) => {
|
|
95
|
+
console.log("Member has left the chat: ", identity);
|
|
96
|
+
};
|
|
97
|
+
memberJoinedHandler = (identity) => {
|
|
98
|
+
console.log("Member has joined the chat: ", identity);
|
|
99
|
+
};
|
|
100
|
+
chatDisconnectedHandler = () => {
|
|
101
|
+
console.log("Chat disconnected");
|
|
102
|
+
setStatus("idle");
|
|
103
|
+
};
|
|
104
|
+
chatTimeoutHandler = () => {
|
|
105
|
+
console.log("Chat timeout");
|
|
106
|
+
};
|
|
107
|
+
clientRef.current?.on("ready", chatReadyHandler);
|
|
108
|
+
clientRef.current?.on("chat.connected", chatConnectedHandler);
|
|
109
|
+
clientRef.current?.on("chat.message", messageHandler);
|
|
110
|
+
clientRef.current?.on("chat.memberLeft", memberLeftHandler);
|
|
111
|
+
clientRef.current?.on("chat.memberJoined", memberJoinedHandler);
|
|
112
|
+
clientRef.current?.on("chat.typingStarted", startTypingHandler);
|
|
113
|
+
clientRef.current?.on("chat.typingEnded", stopTypingHandler);
|
|
114
|
+
clientRef.current?.on("chat.disconnected", chatDisconnectedHandler);
|
|
115
|
+
clientRef.current?.on("chat.ended", chatEndedHandler);
|
|
116
|
+
clientRef.current?.on("chat.timeout", chatTimeoutHandler);
|
|
117
|
+
}
|
|
118
|
+
if (hasLoadedBefore.current) {
|
|
119
|
+
if (debug) console.log("Initializing chat...");
|
|
120
|
+
init();
|
|
121
|
+
hasLoadedBefore.current = false;
|
|
122
|
+
}
|
|
123
|
+
return () => {
|
|
124
|
+
isMountedRef.current = false;
|
|
125
|
+
if (debug)
|
|
126
|
+
console.log(
|
|
127
|
+
"Component unmounted. Cancelling pending async operations."
|
|
128
|
+
);
|
|
129
|
+
chatRef.current = null;
|
|
130
|
+
clientRef.current?.off("ready", chatReadyHandler);
|
|
131
|
+
clientRef.current?.off("chat.message", messageHandler);
|
|
132
|
+
clientRef.current?.off("chat.connected", chatConnectedHandler);
|
|
133
|
+
clientRef.current?.off("chat.ended", chatEndedHandler);
|
|
134
|
+
clientRef.current?.off("chat.memberLeft", memberLeftHandler);
|
|
135
|
+
clientRef.current?.off("chat.memberJoined", memberJoinedHandler);
|
|
136
|
+
clientRef.current?.off("chat.typingStarted", startTypingHandler);
|
|
137
|
+
clientRef.current?.off("chat.typingEnded", stopTypingHandler);
|
|
138
|
+
clientRef.current?.off("chat.disconnected", chatDisconnectedHandler);
|
|
139
|
+
clientRef.current?.off("chat.timeout", chatTimeoutHandler);
|
|
140
|
+
clientRef.current?.destroyChat();
|
|
141
|
+
clientRef.current = null;
|
|
142
|
+
};
|
|
143
|
+
}, [
|
|
144
|
+
companyId,
|
|
145
|
+
tenant,
|
|
146
|
+
host,
|
|
147
|
+
getToken,
|
|
148
|
+
addMessage,
|
|
149
|
+
addMessages,
|
|
150
|
+
debug,
|
|
151
|
+
projectId
|
|
152
|
+
]);
|
|
153
|
+
return { status, sendMessage };
|
|
154
|
+
}
|
|
155
|
+
export {
|
|
156
|
+
useHeadlessChat
|
|
157
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/* empty css */
|
|
2
2
|
/* empty css */
|
|
3
3
|
/* empty css */
|
|
4
4
|
/* empty css */
|
package/dist/Chevron/index.js
CHANGED
|
@@ -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
|
-
|
|
5
|
+
/* empty css */
|
|
6
6
|
/* empty css */
|
|
7
7
|
/* empty css */
|
|
8
8
|
/* empty css */
|
|
@@ -14,7 +14,7 @@ import { getVariant } from "../utils/getVariant.js";
|
|
|
14
14
|
import { useState } from "react";
|
|
15
15
|
import "../Article/Article.css.js";
|
|
16
16
|
import { Interstitial } from "../Interstitial/Interstitial.js";
|
|
17
|
-
import {
|
|
17
|
+
import { chevron_wrapper, chevron } from "./Chevron.css.js";
|
|
18
18
|
/* empty css */
|
|
19
19
|
import { useGlobalContext } from "../Modal/contextApi/store.js";
|
|
20
20
|
import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
|
|
@@ -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
|
+
/* empty css */
|
|
78
|
+
import "../Chatbot/store/messages.js";
|
|
79
|
+
import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
|
|
74
80
|
/* empty css */
|
|
75
81
|
import "../Comparison/Comparison.css.js";
|
|
76
82
|
import "next/image.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/* empty css */
|
|
2
2
|
/* empty css */
|
|
3
3
|
/* empty css */
|
|
4
4
|
/* empty css */
|
|
@@ -7,7 +7,7 @@ import { Hyperlink } from "../Hyperlink/index.js";
|
|
|
7
7
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
8
8
|
import "../icons/CheckIcon/CheckIcon.css.js";
|
|
9
9
|
import SvgCloseIcon from "../icons/CloseIcon/index.js";
|
|
10
|
-
|
|
10
|
+
/* empty css */
|
|
11
11
|
/* empty css */
|
|
12
12
|
/* empty css */
|
|
13
13
|
/* empty css */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/* empty css */
|
|
2
2
|
/* empty css */
|
|
3
3
|
/* empty css */
|
|
4
4
|
/* empty css */
|
|
@@ -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
|
-
|
|
16
|
+
/* empty css */
|
|
17
17
|
/* empty css */
|
|
18
18
|
/* empty css */
|
|
19
19
|
/* empty css */
|
|
@@ -71,8 +71,14 @@ 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
|
+
/* empty css */
|
|
78
|
+
import "../Chatbot/store/messages.js";
|
|
79
|
+
import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
|
|
74
80
|
/* empty css */
|
|
75
|
-
import { comparison_layout, comparison_content, headerComparison, feature_header, feature_title,
|
|
81
|
+
import { comparison, comparison_layout, comparison_content, headerComparison, comparison_feature, feature_header, feature_title, comparison_list, comparison_buttons } from "./Comparison.css.js";
|
|
76
82
|
import "next/image.js";
|
|
77
83
|
import "../HeroBanner/HeroBanner.css.js";
|
|
78
84
|
import "../HeroBanner/LargeBanner.css.js";
|
|
@@ -9,7 +9,7 @@ import { active_tab } from "../Tab/Tab.css.js";
|
|
|
9
9
|
import { getVariant } from "../utils/getVariant.js";
|
|
10
10
|
import clsx from "clsx";
|
|
11
11
|
import { Comparison } from "./Comparison.js";
|
|
12
|
-
import {
|
|
12
|
+
import { comparison_container, comparison_tab_container } from "./Comparison.css.js";
|
|
13
13
|
const ComparisonSet = ({
|
|
14
14
|
headline,
|
|
15
15
|
variant,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/* empty css */
|
|
2
2
|
/* empty css */
|
|
3
3
|
/* empty css */
|
|
4
4
|
/* empty css */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/* empty css */
|
|
2
2
|
/* empty css */
|
|
3
3
|
/* empty css */
|
|
4
4
|
/* empty css */
|
|
@@ -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
|
-
|
|
11
|
+
/* 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
|
+
/* empty css */
|
|
78
|
+
import "../Chatbot/store/messages.js";
|
|
79
|
+
import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
|
|
74
80
|
/* empty css */
|
|
75
81
|
import "../Comparison/Comparison.css.js";
|
|
76
82
|
import "next/image.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/* empty css */
|
|
2
2
|
/* empty css */
|
|
3
3
|
/* empty css */
|
|
4
4
|
/* empty css */
|
|
@@ -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
|
-
|
|
10
|
+
/* 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
|
+
/* empty css */
|
|
79
|
+
import "../Chatbot/store/messages.js";
|
|
80
|
+
import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
|
|
75
81
|
/* empty css */
|
|
76
82
|
import "../Comparison/Comparison.css.js";
|
|
77
83
|
import "next/image.js";
|
|
@@ -127,7 +133,7 @@ import "../StepItemSet/StepItemSet.css.js";
|
|
|
127
133
|
/* empty css */
|
|
128
134
|
import { getLevelNumber } from "../utils/faqAccordionOptions.js";
|
|
129
135
|
import { create } from "zustand";
|
|
130
|
-
import { summary, summaryHeader, content, header, faqAccordion
|
|
136
|
+
import { summary, summaryHeader, content, faqAccordion_section, header, faqAccordion } from "./FaqAccordion.css.js";
|
|
131
137
|
const useAccordion = create()((set) => ({
|
|
132
138
|
itemsOpened: [],
|
|
133
139
|
addItem: (id) => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/* empty css */
|
|
2
2
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
3
3
|
var footerDisclosure = createRuntimeFn({ defaultClassName: "_1a6b3vu0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
|
|
4
4
|
var footerParagraph = "_1a6b3vu1";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/* empty css */
|
|
2
2
|
/* empty css */
|
|
3
3
|
/* empty css */
|
|
4
4
|
/* empty css */
|
|
@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
|
2
2
|
import { Hyperlink } from "../../Hyperlink/index.js";
|
|
3
3
|
import "../../icons/ArrowIcon/ArrowIcon.css.js";
|
|
4
4
|
import "../../icons/CheckIcon/CheckIcon.css.js";
|
|
5
|
-
|
|
5
|
+
/* empty css */
|
|
6
6
|
/* empty css */
|
|
7
7
|
/* empty css */
|
|
8
8
|
/* empty css */
|
|
@@ -10,7 +10,7 @@ import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons
|
|
|
10
10
|
import SvgComponent$1 from "../../icons/Logos/LVF.js";
|
|
11
11
|
import SvgComponent from "../../icons/Logos/LVFText.js";
|
|
12
12
|
import clsx from "clsx";
|
|
13
|
-
import {
|
|
13
|
+
import { lvf_footer, lvf_small_footer, lvf_footer_content, lvf_footer_terms, divider } from "./LaVictorieFooter.css.js";
|
|
14
14
|
const LaVictorieFooter = ({
|
|
15
15
|
footerLinks,
|
|
16
16
|
logo = "full",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/* empty css */
|
|
2
2
|
/* empty css */
|
|
3
3
|
/* empty css */
|
|
4
4
|
/* empty css */
|
|
@@ -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
|
-
|
|
6
|
+
/* 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
|
+
/* empty css */
|
|
74
|
+
import "../../Chatbot/store/messages.js";
|
|
75
|
+
import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
|
|
70
76
|
/* empty css */
|
|
71
77
|
import "../../Comparison/Comparison.css.js";
|
|
72
78
|
import "next/image.js";
|
|
@@ -20,7 +20,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
|
20
20
|
import SvgAxosX from "../icons/AxosX/index.js";
|
|
21
21
|
import SvgComponent from "../icons/AxosX/Blue.js";
|
|
22
22
|
import "../icons/CheckIcon/CheckIcon.css.js";
|
|
23
|
-
|
|
23
|
+
/* empty css */
|
|
24
24
|
/* empty css */
|
|
25
25
|
/* empty css */
|
|
26
26
|
/* empty css */
|
|
@@ -31,7 +31,7 @@ import { getVariant } from "../utils/getVariant.js";
|
|
|
31
31
|
import clsx from "clsx";
|
|
32
32
|
import { useForm, FormProvider } from "react-hook-form";
|
|
33
33
|
import * as z from "zod";
|
|
34
|
-
import { iconForm, headerContainer, headerForm, form, descriptionField,
|
|
34
|
+
import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, fullRowForm, disclosureForm, actions } from "./Forms.css.js";
|
|
35
35
|
import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
|
|
36
36
|
import { SalesforceSchema } from "./SalesforceFieldsForm.js";
|
|
37
37
|
const ApplicationStart = ({
|
|
@@ -204,7 +204,7 @@ const ApplicationStart = ({
|
|
|
204
204
|
children: "By providing your phone number and selecting the checkbox, you have agreed to these Terms and Conditions, and you have agreed to receive automated text messages, calls, and emails for any purpose including but not limited to marketing of products and services by Axos Bank. You understand and agree that such messages may be sent via Automatic Telephone Dialing System and/or artificial or pre-recorded voice, and that such consent is not a condition of receipt of any good or service. Mobile carrier messages and data rates may apply. You may opt out at any time."
|
|
205
205
|
}
|
|
206
206
|
) }),
|
|
207
|
-
/* @__PURE__ */ jsx(HoneyPot, { register,
|
|
207
|
+
/* @__PURE__ */ jsx(HoneyPot, { register, variant })
|
|
208
208
|
] }),
|
|
209
209
|
children,
|
|
210
210
|
/* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
|
package/dist/Forms/ApplyNow.js
CHANGED
|
@@ -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
|
-
|
|
9
|
+
/* empty css */
|
|
10
10
|
/* empty css */
|
|
11
11
|
/* empty css */
|
|
12
12
|
/* empty css */
|
|
@@ -47,7 +47,7 @@ import "../Input/RadioButton.js";
|
|
|
47
47
|
import "../Input/PercentageInput.js";
|
|
48
48
|
import "react-hook-form";
|
|
49
49
|
import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
|
|
50
|
-
import { iconForm,
|
|
50
|
+
import { formContainer, iconForm, axosHeader, headerContainer, headerForm, form, descriptionField, apply_now_form, formWrapper, show_options, hide_options, form_nav_apply_now, step_title_apply_now, iconbillboards_option_apply_now, back_btn_apply_now, disclosureForm } from "./Forms.css.js";
|
|
51
51
|
import "./HoneyPot/index.js";
|
|
52
52
|
import "./SalesforceFieldsForm.js";
|
|
53
53
|
import { getLink } from "./applynow-utils.js";
|
|
@@ -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
|
+
/* empty css */
|
|
79
|
+
import "../Chatbot/store/messages.js";
|
|
80
|
+
import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
|
|
75
81
|
/* empty css */
|
|
76
82
|
import "../Comparison/Comparison.css.js";
|
|
77
83
|
import "next/image.js";
|
|
@@ -21,7 +21,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
|
21
21
|
import SvgAxosX from "../icons/AxosX/index.js";
|
|
22
22
|
import SvgComponent from "../icons/AxosX/Blue.js";
|
|
23
23
|
import "../icons/CheckIcon/CheckIcon.css.js";
|
|
24
|
-
|
|
24
|
+
/* empty css */
|
|
25
25
|
/* empty css */
|
|
26
26
|
/* empty css */
|
|
27
27
|
/* empty css */
|
|
@@ -32,7 +32,7 @@ import { getVariant } from "../utils/getVariant.js";
|
|
|
32
32
|
import clsx from "clsx";
|
|
33
33
|
import { useForm, FormProvider } from "react-hook-form";
|
|
34
34
|
import * as z from "zod";
|
|
35
|
-
import { iconForm, headerForm, form, descriptionField,
|
|
35
|
+
import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, xc_input, fullRowForm, ro_input, disclosureForm, actions } from "./Forms.css.js";
|
|
36
36
|
import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
|
|
37
37
|
import { SalesforceSchema } from "./SalesforceFieldsForm.js";
|
|
38
38
|
const options = [
|
|
@@ -348,7 +348,7 @@ const ClearingForm = ({
|
|
|
348
348
|
}
|
|
349
349
|
)
|
|
350
350
|
] }),
|
|
351
|
-
/* @__PURE__ */ jsx(HoneyPot, { register,
|
|
351
|
+
/* @__PURE__ */ jsx(HoneyPot, { register, variant }),
|
|
352
352
|
children,
|
|
353
353
|
/* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
|
|
354
354
|
/* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
|