@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
@@ -4,7 +4,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
4
4
  import SvgAxosX from "../icons/AxosX/index.js";
5
5
  import SvgComponent from "../icons/AxosX/Blue.js";
6
6
  import "../icons/CheckIcon/CheckIcon.css.js";
7
- import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/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/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/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 */
7
+ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/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/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/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 */
8
8
  /* empty css */
9
9
  /* empty css */
10
10
  /* empty css */
@@ -66,6 +66,12 @@ import { calculator_headline, calculator_description } from "../Calculators/calc
66
66
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
67
67
  /* empty css */
68
68
  import "../Carousel/index.js";
69
+ /* empty css */
70
+ import "../Chatbot/store/chat.js";
71
+ import "../Chatbot/authenticate.js";
72
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
73
+ /* empty css */
74
+ import "../Chatbot/store/messages.js";
69
75
  /* empty css */
70
76
  import "../Comparison/Comparison.css.js";
71
77
  import "next/image.js";
@@ -1,9 +1,9 @@
1
1
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
2
  import { getVariant } from "../utils/getVariant.js";
3
+ import { getViewAllURL } from "../utils/relatedArticlesUtil.js";
3
4
  import { Article } from "../Article/Article.js";
4
5
  import "../Article/Article.css.js";
5
6
  import { ant_section, ant_header, ant_sec_title, ant_sec_body, ant_blog_cta, ant_svg_fill, ant_grid } from "./ArticlesSet.css.js";
6
- import { getViewAllURL } from "../utils/relatedArticlesUtil.js";
7
7
  const ArticlesSet = ({
8
8
  id,
9
9
  title,
@@ -54,7 +54,7 @@ const ArticlesSet = ({
54
54
  strokeWidth: "1",
55
55
  fill: "none",
56
56
  fillRule: "evenodd",
57
- transform: "rotate(90deg)",
57
+ transform: "rotate(90)",
58
58
  children: /* @__PURE__ */ jsx(
59
59
  "g",
60
60
  {
@@ -17,7 +17,7 @@ import "../Input/DownPaymentInput.js";
17
17
  import "../Input/RadioButton.js";
18
18
  import "../icons/ArrowIcon/ArrowIcon.css.js";
19
19
  import "../icons/CheckIcon/CheckIcon.css.js";
20
- import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.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/Modal/Modal.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/Calculators/MarginTradingCalculator/MarginTradingCalculator.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
+ import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.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/Modal/Modal.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/Calculators/MarginTradingCalculator/MarginTradingCalculator.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 */
21
21
  /* empty css */
22
22
  /* empty css */
23
23
  /* empty css */
@@ -58,6 +58,12 @@ import "./SignInPassword.js";
58
58
  /* empty css */
59
59
  /* empty css */
60
60
  import "../Carousel/index.js";
61
+ /* empty css */
62
+ import "../Chatbot/store/chat.js";
63
+ import "../Chatbot/authenticate.js";
64
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
65
+ /* empty css */
66
+ import "../Chatbot/store/messages.js";
61
67
  import { Hyperlink } from "../Hyperlink/index.js";
62
68
  /* empty css */
63
69
  import "../Comparison/Comparison.css.js";
@@ -6,7 +6,7 @@ import "../Accordion/Accordion.js";
6
6
  import "../Accordion/Accordion.css.js";
7
7
  import "../icons/ArrowIcon/ArrowIcon.css.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 */
@@ -69,6 +69,12 @@ import "../Auth/SignInPassword.js";
69
69
  /* empty css */
70
70
  /* empty css */
71
71
  import "../Carousel/index.js";
72
+ /* empty css */
73
+ import "../Chatbot/store/chat.js";
74
+ import "../Chatbot/authenticate.js";
75
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
76
+ /* empty css */
77
+ import "../Chatbot/store/messages.js";
72
78
  /* empty css */
73
79
  import "../Comparison/Comparison.css.js";
74
80
  import "next/image.js";
@@ -283,7 +283,7 @@ const BuyDownCalculator = ({
283
283
  setIsManufacturerContributionDisabled(false);
284
284
  }
285
285
  setTimeout(() => {
286
- trigger();
286
+ trigger(["dealerContribution", "manufacturerContributionAmount"]);
287
287
  }, 0);
288
288
  };
289
289
  const handleManufacturerContributionChange = (event) => {
@@ -296,7 +296,7 @@ const BuyDownCalculator = ({
296
296
  setIsDealerContributionDisabled(false);
297
297
  }
298
298
  setTimeout(() => {
299
- trigger();
299
+ trigger(["dealerContribution", "manufacturerContributionAmount"]);
300
300
  }, 0);
301
301
  };
302
302
  const updateFicoRequirements = (loanRangeValue, program) => {
@@ -719,7 +719,7 @@ const BuyDownCalculator = ({
719
719
  id: "mooringOutsideContinentalUS",
720
720
  ...register("mooringOutsideContinentalUS"),
721
721
  value: 0.5,
722
- radioText: "Mooring Outside Continental U.S. (Includes Puerto Rico,\r\n Hawaii, and Alaska) (Does not apply to Full Time Charter)\r\n +0.500",
722
+ radioText: "Mooring Outside Continental U.S. (Includes Puerto Rico,\n Hawaii, and Alaska) (Does not apply to Full Time Charter)\n +0.500",
723
723
  groupName: "dependentInputs",
724
724
  disabled: disableMooringOutside
725
725
  }
@@ -7,7 +7,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
7
7
  import SvgAxosX from "../icons/AxosX/index.js";
8
8
  import SvgComponent from "../icons/AxosX/Blue.js";
9
9
  import "../icons/CheckIcon/CheckIcon.css.js";
10
- import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.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/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 */
10
+ import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.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/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
11
  /* empty css */
12
12
  /* empty css */
13
13
  /* empty css */
@@ -48,6 +48,13 @@ import { MonthlyPaymentLVFCalculator } from "./MonthlyPaymentLVFCalculator/index
48
48
  import { SummitApyCalculator } from "./SummitApyCalculator/index.js";
49
49
  /* empty css */
50
50
  import "../Carousel/index.js";
51
+ /* empty css */
52
+ import "../Chatbot/store/chat.js";
53
+ import "../Chatbot/authenticate.js";
54
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
55
+ import "react-use";
56
+ /* empty css */
57
+ import "../Chatbot/store/messages.js";
51
58
  /* empty css */
52
59
  import "../Comparison/Comparison.css.js";
53
60
  import "next/image.js";
@@ -67,7 +74,6 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
67
74
  /* empty css */
68
75
  import "../ImageBillboard/ImageBillboard.css.js";
69
76
  import "next/script.js";
70
- import "react-use";
71
77
  /* empty css */
72
78
  /* empty css */
73
79
  import "../Input/Checkbox.js";
@@ -6,7 +6,7 @@ import { getVariant } from "../utils/getVariant.js";
6
6
  import { section_text } from "../IconBillboard/IconBillboard.css.js";
7
7
  import "../icons/ArrowIcon/ArrowIcon.css.js";
8
8
  import "../icons/CheckIcon/CheckIcon.css.js";
9
- import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/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 */
9
+ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/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 */
10
10
  /* empty css */
11
11
  /* empty css */
12
12
  /* empty css */
@@ -71,6 +71,12 @@ import "../Auth/SignInPassword.js";
71
71
  /* empty css */
72
72
  /* empty css */
73
73
  /* empty css */
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";
@@ -0,0 +1,2 @@
1
+ export declare const bubbleWrapper: string;
2
+ export declare const svgFill: string;
@@ -0,0 +1,7 @@
1
+ import '../assets/Chatbot/Bubble.css';/* empty css */
2
+ var bubbleWrapper = "_7u9pv30";
3
+ var svgFill = "_7u9pv31";
4
+ export {
5
+ bubbleWrapper,
6
+ svgFill
7
+ };
@@ -0,0 +1,3 @@
1
+ import { PropsWithChildren } from 'react';
2
+
3
+ export declare const Bubble: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,100 @@
1
+ "use client";
2
+ import { jsxs, jsx } from "react/jsx-runtime";
3
+ import { AnimatePresence, motion } from "framer-motion";
4
+ import { bubbleWrapper, svgFill } from "./Bubble.css.js";
5
+ import { useOpenChat } from "./store/chat.js";
6
+ const Bubble = ({ children }) => {
7
+ const isOpen = useOpenChat((state) => state.isOpen);
8
+ const toggle = useOpenChat((state) => state.toggle);
9
+ return /* @__PURE__ */ jsxs("div", { className: bubbleWrapper, onClick: toggle, children: [
10
+ /* @__PURE__ */ jsx("div", { className: "bubble-circle flex", children: /* @__PURE__ */ jsx(AnimatePresence, { children: !isOpen ? /* @__PURE__ */ jsxs(
11
+ motion.svg,
12
+ {
13
+ xmlns: "http://www.w3.org/2000/svg",
14
+ width: "39",
15
+ height: "39",
16
+ viewBox: "0 0 39 39",
17
+ fill: "none",
18
+ initial: { scale: 0.1, opacity: 0 },
19
+ animate: {
20
+ scale: 1,
21
+ opacity: 1,
22
+ transition: {
23
+ default: { type: "spring" },
24
+ opacity: { ease: [0, 0.71, 0.2, 1.01] }
25
+ }
26
+ },
27
+ children: [
28
+ /* @__PURE__ */ jsx(
29
+ "path",
30
+ {
31
+ className: svgFill,
32
+ d: "M3 7.5C3 5.01472 5.01472 3 7.5 3H22.5V0H7.5C3.35786 0 0 3.35786 0 7.5V16.5H3V7.5Z",
33
+ fill: "#98DDFF"
34
+ }
35
+ ),
36
+ /* @__PURE__ */ jsx(
37
+ "path",
38
+ {
39
+ className: svgFill,
40
+ fillRule: "evenodd",
41
+ clipRule: "evenodd",
42
+ d: "M13.5 30H12C8.68629 30 6 27.3137 6 24V12C6 8.68629 8.68629 6 12 6H33C36.3137 6 39 8.68629 39 12V24C39 27.3137 36.3137 30 33 30H26.25L18.6213 37.6287C16.7314 39.5186 13.5 38.1801 13.5 35.5074V30ZM16.5 35.5074V27H12C10.3431 27 9 25.6569 9 24V12C9 10.3431 10.3431 9 12 9H33C34.6569 9 36 10.3431 36 12V24C36 25.6569 34.6569 27 33 27H25.0074L16.5 35.5074Z",
43
+ fill: "#98DDFF"
44
+ }
45
+ )
46
+ ]
47
+ }
48
+ ) : /* @__PURE__ */ jsx("span", { className: "close-icon", children: /* @__PURE__ */ jsxs(
49
+ motion.svg,
50
+ {
51
+ xmlns: "http://www.w3.org/2000/svg",
52
+ width: "24",
53
+ height: "24",
54
+ viewBox: "0 0 24 24",
55
+ fill: "none",
56
+ initial: { opacity: 0, rotate: 0, scale: 0.1 },
57
+ animate: {
58
+ opacity: 1,
59
+ rotate: -360,
60
+ scale: 1,
61
+ transition: {
62
+ default: { type: "spring" },
63
+ opacity: { ease: "linear" },
64
+ scale: { ease: "linear" }
65
+ }
66
+ },
67
+ children: [
68
+ /* @__PURE__ */ jsx(
69
+ "path",
70
+ {
71
+ className: svgFill,
72
+ d: "M23.7096 0.892655L23.1073 0.290383C22.7202 -0.0967942 22.0749 -0.0967942 21.6447 0.290383L13.6 8.33506L15.6649 10.4L23.7096 2.35533C24.0968 1.92513 24.0968 1.27983 23.7096 0.892655Z",
73
+ fill: "#98DDFF"
74
+ }
75
+ ),
76
+ /* @__PURE__ */ jsx(
77
+ "path",
78
+ {
79
+ className: svgFill,
80
+ d: "M2.44278 0.293744C2.04123 -0.0979148 1.37197 -0.0979148 0.925804 0.293744L0.301162 0.902989C-0.100387 1.29465 -0.100387 1.94742 0.301162 2.38259L10.1168 12L0.301162 21.6174C-0.100387 22.0091 -0.100387 22.6618 0.301162 23.097L0.925804 23.7063C1.32735 24.0979 1.99661 24.0979 2.44278 23.7063L14.4 12.0435L2.44278 0.293744Z",
81
+ fill: "#98DDFF"
82
+ }
83
+ ),
84
+ /* @__PURE__ */ jsx(
85
+ "path",
86
+ {
87
+ className: svgFill,
88
+ d: "M23.7096 23.1073L23.1073 23.7096C22.7202 24.0968 22.0749 24.0968 21.6447 23.7096L13.6 15.6649L15.6649 13.6L23.7096 21.6446C24.0968 22.0748 24.0968 22.7201 23.7096 23.1073Z",
89
+ fill: "#98DDFF"
90
+ }
91
+ )
92
+ ]
93
+ }
94
+ ) }) }) }),
95
+ children
96
+ ] });
97
+ };
98
+ export {
99
+ Bubble
100
+ };
@@ -0,0 +1 @@
1
+ export default function Chat(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,165 @@
1
+ "use client";
2
+ import { jsxs, jsx } from "react/jsx-runtime";
3
+ import { useRef, useEffect } from "react";
4
+ import { authenticate } from "./authenticate.js";
5
+ import { useMessages } from "./store/messages.js";
6
+ const companyId = process.env.CCAI_COMPANY_ID || "";
7
+ const tenant = process.env.CCAI_TENANT_NAME || "";
8
+ const host = process.env.CCAI_HOST || "";
9
+ const COBROWSE_CONSENT_TEMPLATE = `
10
+ <script class="cobrowse-template" type="text/template">
11
+ <div class="cobrowse">
12
+ <div class="cobrowse-title">$title</div>
13
+ <div class="cobrowse-content">$content</div>
14
+ <div class="cobrowse-footer">
15
+ <button class="cobrowse-deny js-cobrowse-deny">$deny</button>
16
+ <button class="cobrowse-allow js-cobrowse-allow">$allow</button>
17
+ </div>
18
+ </div>
19
+ <\/script>
20
+ `;
21
+ function Chat() {
22
+ const clientRef = useRef(null);
23
+ const hasLoadedBefore = useRef(true);
24
+ const addMessages = useMessages((state) => state.addMessages);
25
+ const addMessage = useMessages((state) => state.addMessage);
26
+ const chatRef = useRef(null);
27
+ const isMounted = useRef(true);
28
+ useEffect(() => {
29
+ let messageHandler;
30
+ let identityHandler;
31
+ let chatUpdatedHandler;
32
+ let memberJoinedHandler;
33
+ let chatConnectedHandler;
34
+ async function initChat() {
35
+ const { Client, consoleLoggerHandler, Logger } = await import("@ujet/websdk-headless");
36
+ console.log("this", isMounted);
37
+ Logger.addHandler(consoleLoggerHandler);
38
+ clientRef.current = new Client({
39
+ companyId,
40
+ tenant,
41
+ cobrowse: {
42
+ enabled: true,
43
+ template: COBROWSE_CONSENT_TEMPLATE,
44
+ messages: {
45
+ confirmSessionTitle: "...",
46
+ confirmSessionContent: "...",
47
+ endSessionText: "...",
48
+ confirmRemoteControlTitle: "...",
49
+ confirmRemoteControlContent: "...",
50
+ confirmFullDeviceTitle: "...",
51
+ confirmFullDeviceContent: "...",
52
+ allowText: "...",
53
+ denyText: "..."
54
+ }
55
+ },
56
+ host,
57
+ authenticate
58
+ });
59
+ const menus = await clientRef.current?.getMenus();
60
+ try {
61
+ chatRef.current = await clientRef.current?.loadOngoingChat();
62
+ console.log("chat:", chatRef.current);
63
+ if (!chatRef.current) {
64
+ chatRef.current = await clientRef.current?.createChat(
65
+ menus?.menus[5].id
66
+ );
67
+ }
68
+ } catch (error) {
69
+ console.error("Error creating chat:", error);
70
+ chatRef.current = await clientRef.current?.createChat(
71
+ menus?.menus[5].id
72
+ );
73
+ }
74
+ console.log("this");
75
+ identityHandler = (identity) => {
76
+ if (!isMounted.current) return;
77
+ console.log("identity:", identity);
78
+ };
79
+ messageHandler = (msg) => {
80
+ console.log("new message:", msg);
81
+ console.log("addMessage:", msg);
82
+ addMessage(msg);
83
+ };
84
+ chatUpdatedHandler = (chat) => {
85
+ console.log("chat updated:", chat);
86
+ };
87
+ chatConnectedHandler = async () => {
88
+ console.log("connected");
89
+ const messagesFetched = await clientRef.current?.fetchMessages();
90
+ console.log("[messages]:", messagesFetched);
91
+ addMessages(messagesFetched || []);
92
+ };
93
+ memberJoinedHandler = (identity) => {
94
+ console.log("member joined:", identity);
95
+ };
96
+ console.log(isMounted.current);
97
+ clientRef.current?.on("authenticated", () => {
98
+ console.log("authenticated");
99
+ });
100
+ clientRef.current?.on("chat.ongoing", (chat) => {
101
+ if (!isMounted.current) return;
102
+ console.log("chat:", chat);
103
+ });
104
+ clientRef.current?.on("chat.connected", chatConnectedHandler);
105
+ clientRef.current?.on("chat.updated", chatUpdatedHandler);
106
+ clientRef.current?.on("chat.identity", identityHandler);
107
+ clientRef.current?.on("chat.message", messageHandler);
108
+ clientRef.current?.on("cobrowse.request", ({ from }) => {
109
+ console.log("request by", from);
110
+ });
111
+ clientRef.current?.on("chat.memberJoined", memberJoinedHandler);
112
+ }
113
+ if (hasLoadedBefore.current) {
114
+ console.log("Initial setup");
115
+ initChat();
116
+ hasLoadedBefore.current = false;
117
+ }
118
+ return () => {
119
+ isMounted.current = false;
120
+ console.log("Component unmounted. Cancelling pending async operations.");
121
+ if (clientRef.current) {
122
+ if (messageHandler)
123
+ clientRef.current.off("chat.message", messageHandler);
124
+ if (identityHandler)
125
+ clientRef.current.off("chat.identity", identityHandler);
126
+ clientRef.current.off("chat.connected", chatConnectedHandler);
127
+ clientRef.current.off("chat.updated", chatUpdatedHandler);
128
+ clientRef.current.off("chat.memberJoined", memberJoinedHandler);
129
+ if (typeof clientRef.current.destroyChat === "function") {
130
+ console.log("Destroying chat:", chatRef.current);
131
+ clientRef.current.destroyChat();
132
+ }
133
+ }
134
+ };
135
+ }, [addMessage, addMessages]);
136
+ return /* @__PURE__ */ jsxs("div", { children: [
137
+ /* @__PURE__ */ jsx("h2", { children: "Chat" }),
138
+ /* @__PURE__ */ jsxs(
139
+ "form",
140
+ {
141
+ style: { marginTop: "1rem", display: "flex", gap: "0.5rem" },
142
+ onSubmit: async (e) => {
143
+ e.preventDefault();
144
+ const form = e.target;
145
+ const input = form.elements[0];
146
+ const message = input.value;
147
+ console.log("Sending message:", message);
148
+ try {
149
+ await clientRef.current?.sendTextMessage(message);
150
+ input.value = "";
151
+ } catch (error) {
152
+ console.error("Error sending message:", error);
153
+ }
154
+ },
155
+ children: [
156
+ /* @__PURE__ */ jsx("input", { type: "text", name: "message", placeholder: "Type a message..." }),
157
+ /* @__PURE__ */ jsx("button", { type: "submit", children: "Send" })
158
+ ]
159
+ }
160
+ )
161
+ ] });
162
+ }
163
+ export {
164
+ Chat as default
165
+ };
@@ -0,0 +1,18 @@
1
+ export declare const windowStyle: string;
2
+ export declare const windowOpenStyle: string;
3
+ export declare const windowBarStyle: string;
4
+ export declare const chat_title: string;
5
+ export declare const button_reset: string;
6
+ export declare const arrowFill: string;
7
+ export declare const inputStyle: string;
8
+ export declare const sendButtonStyle: string;
9
+ export declare const messagesContainerStyle: string;
10
+ export declare const notificationStyle: string;
11
+ export declare const messageStyle: string;
12
+ export declare const inline_button_wrapper: string;
13
+ export declare const inline_button: string;
14
+ export declare const endChatButtonStyle: string;
15
+ export declare const chatbotMenu: string;
16
+ export declare const chatbotMenuItem: string;
17
+ export declare const chatNetworkStatus: string;
18
+ export declare const chatFinishDialog: string;
@@ -0,0 +1,39 @@
1
+ import '../assets/Chatbot/ChatWindow.css';/* empty css */
2
+ var windowStyle = "_13n1jqk0";
3
+ var windowOpenStyle = "_13n1jqk1";
4
+ var windowBarStyle = "_13n1jqk2";
5
+ var chat_title = "_13n1jqk3";
6
+ var button_reset = "_13n1jqk4";
7
+ var arrowFill = "_13n1jqk5";
8
+ var inputStyle = "_13n1jqk6";
9
+ var sendButtonStyle = "_13n1jqk7";
10
+ var messagesContainerStyle = "_13n1jqk8";
11
+ var notificationStyle = "_13n1jqk9";
12
+ var messageStyle = "_13n1jqka";
13
+ var inline_button_wrapper = "_13n1jqkb";
14
+ var inline_button = "_13n1jqkc";
15
+ var endChatButtonStyle = "_13n1jqkd";
16
+ var chatbotMenu = "_13n1jqke";
17
+ var chatbotMenuItem = "_13n1jqkf";
18
+ var chatNetworkStatus = "_13n1jqkg";
19
+ var chatFinishDialog = "_13n1jqkh";
20
+ export {
21
+ arrowFill,
22
+ button_reset,
23
+ chatFinishDialog,
24
+ chatNetworkStatus,
25
+ chat_title,
26
+ chatbotMenu,
27
+ chatbotMenuItem,
28
+ endChatButtonStyle,
29
+ inline_button,
30
+ inline_button_wrapper,
31
+ inputStyle,
32
+ messageStyle,
33
+ messagesContainerStyle,
34
+ notificationStyle,
35
+ sendButtonStyle,
36
+ windowBarStyle,
37
+ windowOpenStyle,
38
+ windowStyle
39
+ };
@@ -0,0 +1,29 @@
1
+ import { MessageResponse as BaseMessageResponse, HumanAgent } from '@ujet/websdk-headless';
2
+ import { default as React } from 'react';
3
+
4
+ interface MessageResponse extends BaseMessageResponse {
5
+ to_agent?: HumanAgent;
6
+ }
7
+ export interface ChatBubble {
8
+ id: string | number;
9
+ body: string;
10
+ sender?: string;
11
+ timestamp?: string;
12
+ isOwn?: boolean;
13
+ }
14
+ interface ChatWindowProps {
15
+ messages: MessageResponse[];
16
+ status?: string;
17
+ onSend: (msg: string) => void;
18
+ inputDisabled?: boolean;
19
+ onClose?: () => void;
20
+ endChat?: () => void;
21
+ showReconnect?: boolean;
22
+ virtualAgent?: {
23
+ avatar_url: string;
24
+ name: string;
25
+ id: string;
26
+ };
27
+ }
28
+ export declare const ChatWindow: React.FC<ChatWindowProps>;
29
+ export {};