@axos-web-dev/shared-components 1.0.100-dev.56 → 1.0.100-dev.57
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 +2 -4
- package/dist/Accordion/Accordion.css.js +1 -2
- package/dist/Accordion/Accordion.js +1 -2
- package/dist/AlertBanner/index.js +1 -2
- package/dist/Article/Article.css.js +1 -2
- package/dist/ArticlesSet/ArticlesSet.css.js +1 -2
- package/dist/Auth/ErrorAlert.js +2 -4
- package/dist/Auth/SignIn.css.js +1 -2
- package/dist/AwardsBanner/AwardsBanner.css.js +1 -2
- package/dist/Blockquote/Blockquote.module.js +3 -3
- package/dist/BulletItem/BulletItem.js +1 -2
- package/dist/Button/Button.css.js +1 -2
- package/dist/Button/Button.js +2 -4
- package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js +1 -2
- package/dist/Calculators/ApyCalculator/ApyCalculator.css.js +1 -2
- package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.d.ts +2 -0
- package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js +7 -3
- package/dist/Calculators/AxosOneCalculator/index.js +72 -66
- package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js +1 -2
- package/dist/Calculators/BalanceAPYCalculator/index.js +1 -2
- package/dist/Calculators/BuyDownCalculator/BuyDownCalculator.css.js +1 -2
- package/dist/Calculators/Calculator.js +2 -4
- package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +1 -2
- package/dist/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js +1 -2
- package/dist/Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js +1 -2
- package/dist/Calculators/SummitApyCalculator/index.js +1 -2
- package/dist/Calculators/calculator.css.js +1 -2
- package/dist/CallToActionBar/CallToActionBar.css.js +1 -2
- package/dist/Carousel/Carousel.css.js +1 -2
- package/dist/Carousel/index.js +2 -4
- package/dist/Chatbot/Bubble.css.d.ts +0 -4
- package/dist/Chatbot/Bubble.css.js +3 -15
- package/dist/Chatbot/Bubble.js +19 -26
- package/dist/Chatbot/ChatWindow.css.d.ts +0 -17
- package/dist/Chatbot/ChatWindow.css.js +17 -46
- package/dist/Chatbot/ChatWindow.d.ts +1 -4
- package/dist/Chatbot/ChatWindow.js +283 -322
- package/dist/Chatbot/Chatbot.css.js +1 -1
- package/dist/Chatbot/Chatbot.css.ts.vanilla.css.js +1 -0
- package/dist/Chatbot/Chatbot.js +5 -32
- package/dist/Chatbot/index.js +2 -18
- package/dist/Chatbot/store/chat.d.ts +0 -3
- package/dist/Chatbot/store/chat.js +1 -4
- package/dist/Chatbot/store/messages.d.ts +1 -1
- package/dist/Chatbot/store/messages.js +2 -7
- package/dist/Chevron/Chevron.css.js +1 -2
- package/dist/Chevron/index.js +2 -4
- package/dist/CollectInformationAlert/CollectInformationAlert.css.js +1 -2
- package/dist/CollectInformationAlert/index.js +1 -2
- package/dist/Comparison/Comparison.css.js +1 -2
- package/dist/Comparison/Comparison.js +2 -4
- package/dist/ContentBanner/ContentBanner.css.js +1 -2
- package/dist/DownloadTile/DownloadTile.css.js +1 -2
- package/dist/ExecutiveBio/ExecutiveBio.css.js +1 -2
- package/dist/ExecutiveBio/ExecutiveBio.js +2 -4
- package/dist/FaqAccordion/FaqAccordion.css.js +1 -2
- package/dist/FaqAccordion/index.js +2 -4
- package/dist/FooterDisclosure/LVF/LaVictorieFooter.css.js +1 -2
- package/dist/FooterDisclosure/LVF/LaVictorieFooter.js +1 -2
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.css.js +1 -2
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +21 -5
- package/dist/Forms/ApplicationStart.js +1 -2
- package/dist/Forms/ApplyNow.js +2 -4
- package/dist/Forms/ClearingForm.js +1 -2
- package/dist/Forms/CommercialDeposits.js +1 -2
- package/dist/Forms/CommercialDepositsNoLendingOption.js +1 -2
- package/dist/Forms/CommercialLending.js +1 -2
- package/dist/Forms/CommercialPremiumFinance.js +1 -2
- package/dist/Forms/ContactCompany.js +1 -2
- package/dist/Forms/ContactCompanyTitle.js +1 -2
- package/dist/Forms/ContactUs.js +1 -2
- package/dist/Forms/ContactUsAAS.js +1 -2
- package/dist/Forms/ContactUsBusiness.js +2 -4
- package/dist/Forms/ContactUsBusinessNameEmail.js +2 -4
- package/dist/Forms/ContactUsLVF.js +1 -2
- package/dist/Forms/ContactUsNMLSId.js +2 -4
- package/dist/Forms/CpraRequest.js +1 -2
- package/dist/Forms/CraPublicFile.js +2 -4
- package/dist/Forms/DealerServices.js +1 -2
- package/dist/Forms/EmailOnly.js +2 -4
- package/dist/Forms/EmailUs.js +1 -2
- package/dist/Forms/Forms.css.js +1 -2
- package/dist/Forms/MortgageRate/MortgageRateForm.js +2 -4
- package/dist/Forms/MortgageRate/MortgageRateWatch.js +2 -4
- package/dist/Forms/MortgageWarehouseLending.js +2 -4
- package/dist/Forms/QuickPricer/QuickPricerForm.js +1 -2
- package/dist/Forms/QuickPricer/UserInformation.css.js +1 -2
- package/dist/Forms/ScheduleCall.js +1 -2
- package/dist/Forms/ScheduleCallPremier.js +1 -2
- package/dist/Forms/SuccesForm.js +2 -4
- package/dist/Forms/WcplSurvey.js +1 -2
- package/dist/HeroBanner/HeroBanner.css.js +1 -2
- package/dist/HeroBanner/HeroBanner.js +1 -2
- package/dist/HeroBanner/LargeBanner.css.js +1 -2
- package/dist/HeroBanner/SelectionBanner.css.js +1 -2
- package/dist/Hyperlink/Hyperlink.css.js +1 -2
- package/dist/Hyperlink/index.js +2 -4
- package/dist/IconBillboard/IconBillboard.css.js +1 -2
- package/dist/ImageBillboard/ImageBillboard.css.js +1 -2
- package/dist/ImageBillboard/ImageBillboard.js +1 -2
- package/dist/ImageBillboard/ImageBillboardSet.js +1 -2
- package/dist/ImageLink/ImageLink.js +2 -4
- package/dist/ImageLink/ImageLinkSet.js +2 -4
- package/dist/ImageLink/index.js +2 -4
- package/dist/Input/Input.css.js +1 -2
- package/dist/Inputs/Input.css.js +1 -2
- package/dist/Insight/Featured/CategorySelector.css.js +1 -2
- package/dist/Insight/Featured/CategorySelector.js +2 -4
- package/dist/Insight/Featured/Featured.js +2 -4
- package/dist/Insight/Featured/Header.js +2 -4
- package/dist/Interstitial/Interstitial-variants.css.js +1 -2
- package/dist/LandingPageHeader/LandingPageHeader.css.js +1 -2
- package/dist/LandingPageHeader/LandingPageHeader.js +1 -2
- package/dist/MainHTML/index.d.ts +1 -1
- package/dist/MainHTML/index.js +1 -3
- package/dist/Modal/Modal.css.js +1 -2
- package/dist/Modal/Modal.js +2 -4
- package/dist/Modal/contextApi/store.js +1 -1
- package/dist/NavigationMenu/AxosALTS/NavBar.css.js +1 -2
- package/dist/NavigationMenu/AxosALTS/NavData.js +2 -4
- package/dist/NavigationMenu/AxosALTS/index.js +2 -4
- package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js +1 -2
- package/dist/NavigationMenu/AxosAdvisor/SubNavbar.css.js +1 -2
- package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js +1 -2
- package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js +1 -2
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +2 -4
- package/dist/NavigationMenu/AxosBank/NavBar.css.js +1 -2
- package/dist/NavigationMenu/AxosBank/NavData.js +2 -4
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +2 -4
- package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +1 -2
- package/dist/NavigationMenu/AxosBank/index.js +2 -4
- package/dist/NavigationMenu/LaVictoire/NavData.js +2 -4
- package/dist/NavigationMenu/LaVictoire/index.js +2 -4
- package/dist/NavigationMenu/NavDataJson.js +2 -4
- package/dist/NavigationMenu/Navbar.js +2 -4
- package/dist/NavigationMenu/SignInNavButton.js +2 -4
- package/dist/PageNavItem/PageNavItem.css.js +1 -2
- package/dist/Pagination/Pagination.js +1 -2
- package/dist/SecondaryFooter/SecondaryFooter.css.js +1 -2
- package/dist/SetContainer/SetContainer.css.js +1 -2
- package/dist/SetContainer/SetContainer.js +2 -4
- package/dist/SocialMediaBar/iconsRepository.js +2 -4
- package/dist/StepItem/StepItem.css.js +1 -2
- package/dist/StepItemSet/StepItemSet.css.js +1 -2
- package/dist/StepItemSet/StepItemSet.js +1 -2
- package/dist/Tab/Tab.css.js +1 -2
- package/dist/Table/Table.css.js +1 -2
- package/dist/Table/Table.d.ts +1 -1
- package/dist/Table/Table.js +1 -2
- package/dist/TextBlock/TextBlock.css.js +1 -2
- package/dist/VideoTile/VideoTile.css.js +1 -2
- package/dist/VideoTile/VideoTile.js +2 -4
- package/dist/VideoWrapper/index.js +2 -4
- package/dist/assets/Blockquote/Blockquote.css.css +72 -72
- package/dist/assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css +40 -2
- package/dist/assets/Chatbot/Bubble.css +21 -58
- package/dist/assets/Chatbot/ChatWindow.css +83 -208
- package/dist/assets/DownloadTile/DownloadTile.css +1 -1
- package/dist/assets/Insight/Insight.css +2 -2
- package/dist/assets/themes/axos.css +0 -11
- package/dist/assets/themes/premier.css +0 -11
- package/dist/assets/themes/victorie.css +0 -11
- package/dist/icons/ArrowIcon/ArrowIcon.css.js +1 -2
- package/dist/icons/CheckIcon/CheckIcon.css.js +1 -2
- package/dist/icons/DownloadIcon/DownloadIcon.css.js +1 -2
- package/dist/icons/FollowIcon/FollowIcon.css.js +1 -2
- package/dist/main.js +2 -20
- package/dist/themes/axos.css.d.ts +0 -17
- package/dist/themes/axos.css.js +1 -1
- package/dist/themes/index.d.ts +0 -1
- package/dist/themes/index.js +0 -2
- package/package.json +136 -136
- package/dist/Chatbot/AnimatedGradientBorder.css.d.ts +0 -3
- package/dist/Chatbot/AnimatedGradientBorder.css.js +0 -13
- package/dist/Chatbot/ChatbotMessage.d.ts +0 -16
- package/dist/Chatbot/ChatbotMessage.js +0 -215
- package/dist/Chatbot/ThankYouMessage.d.ts +0 -9
- package/dist/Chatbot/ThankYouMessage.js +0 -510
- package/dist/assets/Chatbot/AnimatedGradientBorder.css +0 -37
- package/dist/assets/Chatbot/Chatbot.css +0 -3
- package/dist/assets/themes/ufb.css +0 -51
- package/dist/themes/ufb.css.d.ts +0 -1
- package/dist/themes/ufb.css.js +0 -6
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import '../../assets/Calculators/SummitApyCalculator/BalanceAPYCalculator.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/
|
|
1
|
+
import '../../assets/Calculators/SummitApyCalculator/BalanceAPYCalculator.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
|
|
2
2
|
/* empty css */
|
|
3
|
-
/* empty css */
|
|
4
3
|
/* empty css */
|
|
5
4
|
/* empty css */
|
|
6
5
|
/* empty css */
|
|
@@ -8,9 +8,8 @@ import "../../icons/ArrowIcon/ArrowIcon.css.js";
|
|
|
8
8
|
import SvgAxosX from "../../icons/AxosX/index.js";
|
|
9
9
|
import SvgComponent from "../../icons/AxosX/Blue.js";
|
|
10
10
|
import "../../icons/CheckIcon/CheckIcon.css.js";
|
|
11
|
-
import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/
|
|
11
|
+
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
|
-
/* empty css */
|
|
14
13
|
/* empty css */
|
|
15
14
|
/* empty css */
|
|
16
15
|
/* empty css */
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import '../assets/Calculators/calculator.css';import '../assets/themes/victorie.css';import '../assets/themes/
|
|
1
|
+
import '../assets/Calculators/calculator.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css */
|
|
2
2
|
/* empty css */
|
|
3
3
|
/* empty css */
|
|
4
|
-
/* empty css */
|
|
5
4
|
/* empty css */
|
|
6
5
|
/* empty css */
|
|
7
6
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/Typography/Typography.css';import '../assets/themes/victorie.css';import '../assets/themes/
|
|
1
|
+
import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/Typography/Typography.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
|
|
2
2
|
/* empty css */
|
|
3
|
-
/* empty css */
|
|
4
3
|
/* empty css */
|
|
5
4
|
/* empty css */
|
|
6
5
|
/* empty css */
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import '../assets/Carousel/Carousel.css';import '../assets/themes/victorie.css';import '../assets/themes/
|
|
1
|
+
import '../assets/Carousel/Carousel.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
|
|
2
2
|
/* empty css */
|
|
3
|
-
/* empty css */
|
|
4
3
|
/* empty css */
|
|
5
4
|
/* empty css */
|
|
6
5
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
package/dist/Carousel/index.js
CHANGED
|
@@ -6,9 +6,8 @@ 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/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/
|
|
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/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/Insight/Insight.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
|
-
/* empty css */
|
|
12
11
|
/* empty css */
|
|
13
12
|
/* empty css */
|
|
14
13
|
/* empty css */
|
|
@@ -73,11 +72,10 @@ import "../Auth/SignInPassword.js";
|
|
|
73
72
|
/* empty css */
|
|
74
73
|
/* empty css */
|
|
75
74
|
/* empty css */
|
|
76
|
-
/* empty css */
|
|
77
75
|
/* empty css */
|
|
78
76
|
import "../Chatbot/store/chat.js";
|
|
79
77
|
import "../Chatbot/authenticate.js";
|
|
80
|
-
|
|
78
|
+
import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
|
|
81
79
|
/* empty css */
|
|
82
80
|
import "../Chatbot/store/messages.js";
|
|
83
81
|
/* empty css */
|
|
@@ -1,19 +1,7 @@
|
|
|
1
|
-
import '../assets/Chatbot/Bubble.css'
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
/* empty css */
|
|
5
|
-
/* empty css */
|
|
6
|
-
var borderHoverGradient = "_7u9pv31";
|
|
7
|
-
var bubbleWrapper = "_7u9pv32";
|
|
8
|
-
var bubbleButton = "_7u9pv33";
|
|
9
|
-
var inner = "_7u9pv34";
|
|
10
|
-
var bubbleText = "_7u9pv35";
|
|
11
|
-
var svgFill = "_7u9pv36";
|
|
1
|
+
import '../assets/Chatbot/Bubble.css';/* empty css */
|
|
2
|
+
var bubbleWrapper = "_7u9pv30";
|
|
3
|
+
var svgFill = "_7u9pv31";
|
|
12
4
|
export {
|
|
13
|
-
borderHoverGradient,
|
|
14
|
-
bubbleButton,
|
|
15
|
-
bubbleText,
|
|
16
5
|
bubbleWrapper,
|
|
17
|
-
inner,
|
|
18
6
|
svgFill
|
|
19
7
|
};
|
package/dist/Chatbot/Bubble.js
CHANGED
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import { vars } from "../themes/axos.css.js";
|
|
4
|
-
import clsx from "clsx";
|
|
2
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
5
3
|
import { AnimatePresence, motion } from "framer-motion";
|
|
6
|
-
import {
|
|
7
|
-
import { inner, svgFill, bubbleText, bubbleButton, bubbleWrapper } from "./Bubble.css.js";
|
|
4
|
+
import { bubbleWrapper, svgFill } from "./Bubble.css.js";
|
|
8
5
|
import { useOpenChat } from "./store/chat.js";
|
|
9
6
|
const Bubble = ({
|
|
10
7
|
children,
|
|
@@ -12,11 +9,15 @@ const Bubble = ({
|
|
|
12
9
|
}
|
|
13
10
|
}) => {
|
|
14
11
|
const isOpen = useOpenChat((state) => state.isOpen);
|
|
15
|
-
return /* @__PURE__ */
|
|
16
|
-
/* @__PURE__ */ jsx(
|
|
12
|
+
return /* @__PURE__ */ jsxs("div", { className: bubbleWrapper, onClick, children: [
|
|
13
|
+
/* @__PURE__ */ jsx("div", { className: "bubble-circle flex", children: /* @__PURE__ */ jsx(AnimatePresence, { children: !isOpen ? /* @__PURE__ */ jsxs(
|
|
17
14
|
motion.svg,
|
|
18
15
|
{
|
|
19
16
|
xmlns: "http://www.w3.org/2000/svg",
|
|
17
|
+
width: "39",
|
|
18
|
+
height: "39",
|
|
19
|
+
viewBox: "0 0 39 39",
|
|
20
|
+
fill: "none",
|
|
20
21
|
initial: { scale: 0.1, opacity: 0 },
|
|
21
22
|
animate: {
|
|
22
23
|
scale: 1,
|
|
@@ -26,35 +27,28 @@ const Bubble = ({
|
|
|
26
27
|
opacity: { ease: [0, 0.71, 0.2, 1.01] }
|
|
27
28
|
}
|
|
28
29
|
},
|
|
29
|
-
width: "24",
|
|
30
|
-
height: "24",
|
|
31
|
-
viewBox: "0 0 24 24",
|
|
32
|
-
fill: "none",
|
|
33
30
|
children: [
|
|
34
31
|
/* @__PURE__ */ jsx(
|
|
35
32
|
"path",
|
|
36
33
|
{
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
),
|
|
41
|
-
/* @__PURE__ */ jsx(
|
|
42
|
-
"path",
|
|
43
|
-
{
|
|
44
|
-
d: "M11.2126 4.1661C11.5758 4.16638 11.8701 4.46027 11.8702 4.82214C11.87 5.18394 11.5757 5.47701 11.2126 5.47729H5.29036C4.20017 5.47729 3.31606 6.35831 3.31596 7.44452V10.7229C3.31577 11.0849 3.02083 11.3781 2.65753 11.3781C2.29436 11.3779 2.0002 11.0848 2 10.7229V7.44452C2.0001 5.63411 3.47333 4.1661 5.29036 4.1661H11.2126Z",
|
|
45
|
-
fill: vars.chatbot.bubble.icon
|
|
34
|
+
className: svgFill,
|
|
35
|
+
d: "M3 7.5C3 5.01472 5.01472 3 7.5 3H22.5V0H7.5C3.35786 0 0 3.35786 0 7.5V16.5H3V7.5Z",
|
|
36
|
+
fill: "#98DDFF"
|
|
46
37
|
}
|
|
47
38
|
),
|
|
48
39
|
/* @__PURE__ */ jsx(
|
|
49
40
|
"path",
|
|
50
41
|
{
|
|
51
|
-
|
|
52
|
-
|
|
42
|
+
className: svgFill,
|
|
43
|
+
fillRule: "evenodd",
|
|
44
|
+
clipRule: "evenodd",
|
|
45
|
+
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",
|
|
46
|
+
fill: "#98DDFF"
|
|
53
47
|
}
|
|
54
48
|
)
|
|
55
49
|
]
|
|
56
50
|
}
|
|
57
|
-
)
|
|
51
|
+
) : /* @__PURE__ */ jsx("span", { className: "close-icon", children: /* @__PURE__ */ jsxs(
|
|
58
52
|
motion.svg,
|
|
59
53
|
{
|
|
60
54
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -100,10 +94,9 @@ const Bubble = ({
|
|
|
100
94
|
)
|
|
101
95
|
]
|
|
102
96
|
}
|
|
103
|
-
) }) }),
|
|
104
|
-
/* @__PURE__ */ jsx("div", { className: bubbleText, children: "Ask Sam AI" }),
|
|
97
|
+
) }) }) }),
|
|
105
98
|
children
|
|
106
|
-
] })
|
|
99
|
+
] });
|
|
107
100
|
};
|
|
108
101
|
export {
|
|
109
102
|
Bubble
|
|
@@ -1,18 +1,10 @@
|
|
|
1
1
|
export declare const windowStyle: string;
|
|
2
2
|
export declare const windowOpenStyle: string;
|
|
3
3
|
export declare const windowBarStyle: string;
|
|
4
|
-
export declare const left_bar_section: string;
|
|
5
4
|
export declare const chat_title: string;
|
|
6
|
-
export declare const buttonss_section: string;
|
|
7
|
-
export declare const button_bar: string;
|
|
8
5
|
export declare const button_reset: string;
|
|
9
6
|
export declare const arrowFill: string;
|
|
10
7
|
export declare const inputStyle: string;
|
|
11
|
-
/**
|
|
12
|
-
* Style for automatically resizing a textarea or input element.
|
|
13
|
-
* - Hides vertical overflow to prevent scrollbars.
|
|
14
|
-
* - Sets a minimum height to ensure at least 1 or 2 lines are visible.
|
|
15
|
-
*/
|
|
16
8
|
export declare const autoResize: string;
|
|
17
9
|
export declare const sendButtonStyle: string;
|
|
18
10
|
export declare const messagesContainerStyle: string;
|
|
@@ -21,16 +13,7 @@ export declare const messageStyle: string;
|
|
|
21
13
|
export declare const inline_button_wrapper: string;
|
|
22
14
|
export declare const inline_button: string;
|
|
23
15
|
export declare const endChatButtonStyle: string;
|
|
24
|
-
export declare const noAnswerButton: string;
|
|
25
16
|
export declare const chatbotMenu: string;
|
|
26
17
|
export declare const chatbotMenuItem: string;
|
|
27
18
|
export declare const chatNetworkStatus: string;
|
|
28
|
-
export declare const chatEndDialogOverlay: string;
|
|
29
19
|
export declare const chatFinishDialog: string;
|
|
30
|
-
export declare const thankyou_overlay: string;
|
|
31
|
-
export declare const thankyou_message: string;
|
|
32
|
-
export declare const thankyou_image: string;
|
|
33
|
-
export declare const chatEndCircle: string;
|
|
34
|
-
export declare const user_msg: string;
|
|
35
|
-
export declare const agent_msg: string;
|
|
36
|
-
export declare const shimmerText: string;
|
|
@@ -1,49 +1,27 @@
|
|
|
1
|
-
import '../assets/Chatbot/ChatWindow.css'
|
|
2
|
-
/* empty css */
|
|
3
|
-
/* empty css */
|
|
4
|
-
/* empty css */
|
|
5
|
-
/* empty css */
|
|
6
|
-
/* empty css */
|
|
1
|
+
import '../assets/Chatbot/ChatWindow.css';/* empty css */
|
|
7
2
|
var windowStyle = "_13n1jqk0";
|
|
8
3
|
var windowOpenStyle = "_13n1jqk1";
|
|
9
4
|
var windowBarStyle = "_13n1jqk2";
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var
|
|
17
|
-
var
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var
|
|
21
|
-
var
|
|
22
|
-
var
|
|
23
|
-
var
|
|
24
|
-
var
|
|
25
|
-
var
|
|
26
|
-
var chatbotMenu = "_13n1jqkj";
|
|
27
|
-
var chatbotMenuItem = "_13n1jqkk";
|
|
28
|
-
var chatNetworkStatus = "_13n1jqkl";
|
|
29
|
-
var chatEndDialogOverlay = "_13n1jqkm";
|
|
30
|
-
var chatFinishDialog = "_13n1jqkn";
|
|
31
|
-
var thankyou_overlay = "_13n1jqko";
|
|
32
|
-
var thankyou_message = "_13n1jqkp";
|
|
33
|
-
var thankyou_image = "_13n1jqkq";
|
|
34
|
-
var chatEndCircle = "_13n1jqkr";
|
|
35
|
-
var user_msg = "_13n1jqks";
|
|
36
|
-
var agent_msg = "_13n1jqkt";
|
|
37
|
-
var shimmerText = "_13n1jqkv";
|
|
5
|
+
var chat_title = "_13n1jqk3";
|
|
6
|
+
var button_reset = "_13n1jqk4";
|
|
7
|
+
var arrowFill = "_13n1jqk5";
|
|
8
|
+
var inputStyle = "_13n1jqk6";
|
|
9
|
+
var autoResize = "_13n1jqk7";
|
|
10
|
+
var sendButtonStyle = "_13n1jqk8";
|
|
11
|
+
var messagesContainerStyle = "_13n1jqk9";
|
|
12
|
+
var notificationStyle = "_13n1jqka";
|
|
13
|
+
var messageStyle = "_13n1jqkb";
|
|
14
|
+
var inline_button_wrapper = "_13n1jqkc";
|
|
15
|
+
var inline_button = "_13n1jqkd";
|
|
16
|
+
var endChatButtonStyle = "_13n1jqke";
|
|
17
|
+
var chatbotMenu = "_13n1jqkf";
|
|
18
|
+
var chatbotMenuItem = "_13n1jqkg";
|
|
19
|
+
var chatNetworkStatus = "_13n1jqkh";
|
|
20
|
+
var chatFinishDialog = "_13n1jqki";
|
|
38
21
|
export {
|
|
39
|
-
agent_msg,
|
|
40
22
|
arrowFill,
|
|
41
23
|
autoResize,
|
|
42
|
-
button_bar,
|
|
43
24
|
button_reset,
|
|
44
|
-
buttonss_section,
|
|
45
|
-
chatEndCircle,
|
|
46
|
-
chatEndDialogOverlay,
|
|
47
25
|
chatFinishDialog,
|
|
48
26
|
chatNetworkStatus,
|
|
49
27
|
chat_title,
|
|
@@ -53,17 +31,10 @@ export {
|
|
|
53
31
|
inline_button,
|
|
54
32
|
inline_button_wrapper,
|
|
55
33
|
inputStyle,
|
|
56
|
-
left_bar_section,
|
|
57
34
|
messageStyle,
|
|
58
35
|
messagesContainerStyle,
|
|
59
|
-
noAnswerButton,
|
|
60
36
|
notificationStyle,
|
|
61
37
|
sendButtonStyle,
|
|
62
|
-
shimmerText,
|
|
63
|
-
thankyou_image,
|
|
64
|
-
thankyou_message,
|
|
65
|
-
thankyou_overlay,
|
|
66
|
-
user_msg,
|
|
67
38
|
windowBarStyle,
|
|
68
39
|
windowOpenStyle,
|
|
69
40
|
windowStyle
|
|
@@ -12,7 +12,7 @@ export interface ChatBubble {
|
|
|
12
12
|
isOwn?: boolean;
|
|
13
13
|
}
|
|
14
14
|
interface ChatWindowProps {
|
|
15
|
-
messages:
|
|
15
|
+
messages: MessageResponse[];
|
|
16
16
|
status?: string;
|
|
17
17
|
onSend: (msg: string) => void;
|
|
18
18
|
inputDisabled?: boolean;
|
|
@@ -21,9 +21,6 @@ interface ChatWindowProps {
|
|
|
21
21
|
showReconnect?: boolean;
|
|
22
22
|
virtualAgent?: VirtualAgent | null;
|
|
23
23
|
showAvatar?: boolean;
|
|
24
|
-
showName?: boolean;
|
|
25
|
-
onNewChat?: () => void;
|
|
26
|
-
onCloseAfterThankYou?: () => void;
|
|
27
24
|
}
|
|
28
25
|
export declare const ChatWindow: React.FC<ChatWindowProps>;
|
|
29
26
|
export {};
|