@axos-web-dev/shared-components 2.2.20 → 2.2.22
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.d.ts +1 -1
- package/dist/Accordion/Accordion.d.ts +3 -3
- package/dist/Article/Article.d.ts +1 -1
- package/dist/Auth/ErrorAlert.d.ts +1 -1
- package/dist/Auth/Logout.d.ts +1 -1
- package/dist/Auth/SignInPassword.d.ts +1 -1
- package/dist/BulletItem/BulletItem.d.ts +1 -1
- package/dist/Button/Button.d.ts +1 -1
- package/dist/Button/GoBackButton.d.ts +1 -1
- package/dist/Calculators/Calculator.d.ts +1 -1
- package/dist/Carousel/index.d.ts +3 -3
- package/dist/Chatbot/Bubble.d.ts +1 -1
- package/dist/Chatbot/Chatbot.d.ts +1 -1
- package/dist/Chatbot/ChatbotMessage.js +184 -159
- package/dist/Chatbot/EllipsisAnimation.d.ts +1 -1
- package/dist/Chatbot/EllipsisIcon.d.ts +1 -1
- package/dist/Comparison/Comparison.d.ts +1 -1
- package/dist/Comparison/ComparisonSet.d.ts +1 -1
- package/dist/ExecutiveBio/ExecutiveBio.d.ts +1 -1
- package/dist/ExecutiveBio/ExecutiveBioSet.d.ts +1 -1
- package/dist/ExecutiveBio/Overlay.d.ts +1 -1
- package/dist/FaqAccordion/index.d.ts +5 -5
- package/dist/FdicCallout/index.d.ts +1 -1
- package/dist/FooterDisclosure/FooterDisclosure.d.ts +4 -4
- package/dist/FooterDisclosure/LVF/LaVictorieFooter.d.ts +1 -1
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.d.ts +1 -1
- package/dist/Forms/ApplicationStart.d.ts +1 -1
- package/dist/Forms/ApplyNow.d.ts +1 -1
- package/dist/Forms/BoatMooringLocation.d.ts +1 -1
- package/dist/Forms/ClearingForm.d.ts +1 -1
- package/dist/Forms/CommercialDeposits.d.ts +1 -1
- package/dist/Forms/CommercialDepositsACS.d.ts +1 -1
- package/dist/Forms/CommercialDepositsNoLendingOption.d.ts +1 -1
- package/dist/Forms/CommercialLending.d.ts +1 -1
- package/dist/Forms/CommercialPremiumFinance.d.ts +1 -1
- package/dist/Forms/ConstructionLendingDynamic.d.ts +1 -1
- package/dist/Forms/ContactCompany.d.ts +1 -1
- package/dist/Forms/ContactCompanyTitle.d.ts +1 -1
- package/dist/Forms/ContactUs.d.ts +1 -1
- package/dist/Forms/ContactUsAAS.d.ts +1 -1
- package/dist/Forms/ContactUsBusiness.d.ts +1 -1
- package/dist/Forms/ContactUsBusinessNameEmail.d.ts +1 -1
- package/dist/Forms/ContactUsLVF.d.ts +1 -1
- package/dist/Forms/ContactUsNMLSId.d.ts +1 -1
- package/dist/Forms/ContactUsSchwabAAS.d.ts +1 -1
- package/dist/Forms/CpraRequest.d.ts +1 -1
- package/dist/Forms/CraPublicFile.d.ts +1 -1
- package/dist/Forms/DealerServices.d.ts +1 -1
- package/dist/Forms/EmailOnly.d.ts +1 -1
- package/dist/Forms/EmailUs.d.ts +1 -1
- package/dist/Forms/HoneyPot/index.d.ts +1 -1
- package/dist/Forms/MortgageRate/MortgageRateForm.d.ts +1 -1
- package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.d.ts +1 -1
- package/dist/Forms/MortgageRate/MortgageRateWatch.d.ts +1 -1
- package/dist/Forms/MortgageWarehouseLending.d.ts +1 -1
- package/dist/Forms/QuickPricer/QuickPricerForm.d.ts +1 -1
- package/dist/Forms/QuickPricer/UserInformation.d.ts +1 -1
- package/dist/Forms/ScheduleCall.d.ts +1 -1
- package/dist/Forms/ScheduleCallPremier.d.ts +1 -1
- package/dist/Forms/SuccesForm.d.ts +1 -1
- package/dist/Forms/VendorQuestionnaire.d.ts +1 -1
- package/dist/Forms/WcplSurvey.d.ts +1 -1
- package/dist/HeroBanner/HeroBanner.d.ts +1 -1
- package/dist/HeroBanner/HeroVideoPoster.d.ts +1 -1
- package/dist/HeroBanner/LargeHeroBanner.d.ts +1 -1
- package/dist/IconBillboard/IconBillboard.d.ts +1 -1
- package/dist/IconBillboard/IconBillboardSet.d.ts +1 -1
- package/dist/IconBillboard/sections/CallToActionSection.d.ts +1 -1
- package/dist/IconBillboard/sections/HeaderSection.d.ts +2 -2
- package/dist/IconBillboard/sections/IconSection.d.ts +1 -1
- package/dist/IconBillboard/sections/ItemsSection.d.ts +1 -1
- package/dist/IconBillboard/sections/LayoutSection.d.ts +1 -1
- package/dist/ImageBillboard/ExitIntentModal/ModalWrapper.d.ts +1 -1
- package/dist/ImageBillboard/ImageBillboard.d.ts +1 -1
- package/dist/ImageBillboard/ImageBillboardSet.d.ts +1 -1
- package/dist/ImageLink/ImageLink.d.ts +1 -1
- package/dist/ImageLink/ImageLinkSet.d.ts +1 -1
- package/dist/ImageWrapper/ImageWrapper.d.ts +1 -1
- package/dist/Insight/Featured/CategorySelector.d.ts +2 -2
- package/dist/Insight/Featured/Featured.d.ts +2 -2
- package/dist/Insight/Featured/Header.d.ts +1 -1
- package/dist/LandingPageHeader/LandingPageHeader.d.ts +1 -1
- package/dist/LoadingIndicator/index.d.ts +1 -1
- package/dist/MainHTML/index.d.ts +1 -1
- package/dist/Modal/contextApi/store.d.ts +1 -1
- package/dist/NavigationMenu/AxosALTS/index.d.ts +1 -1
- package/dist/NavigationMenu/AxosAdvisor/SubNavBar.d.ts +1 -1
- package/dist/NavigationMenu/AxosAdvisor/index.d.ts +1 -1
- package/dist/NavigationMenu/AxosAdvisorServices/SubNavBar.d.ts +1 -1
- package/dist/NavigationMenu/AxosAdvisorServices/index.d.ts +1 -1
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.d.ts +1 -1
- package/dist/NavigationMenu/AxosBank/SubNavBar.d.ts +1 -1
- package/dist/NavigationMenu/AxosBank/index.d.ts +1 -1
- package/dist/NavigationMenu/AxosClearing/SubNavBar.d.ts +1 -1
- package/dist/NavigationMenu/AxosClearing/index.d.ts +1 -1
- package/dist/NavigationMenu/AxosFiduciary/index.d.ts +1 -1
- package/dist/NavigationMenu/LaVictoire/SubNavBar.d.ts +1 -1
- package/dist/NavigationMenu/LaVictoire/index.d.ts +1 -1
- package/dist/NavigationMenu/NavItem/index.d.ts +1 -1
- package/dist/NavigationMenu/Navbar.d.ts +1 -1
- package/dist/NavigationMenu/SignInNavButton.d.ts +3 -1
- package/dist/Pagination/Pagination.d.ts +1 -1
- package/dist/SecondaryFooter/index.d.ts +1 -1
- package/dist/SetContainer/SetContainer.d.ts +1 -1
- package/dist/SocialMediaBar/iconsRepository.d.ts +14 -14
- package/dist/SocialMediaBar/index.d.ts +1 -1
- package/dist/Tab/Tab.d.ts +1 -1
- package/dist/Tab/TabContainer.d.ts +1 -1
- package/dist/Table/Table.d.ts +5 -5
- package/dist/TextBlock/TextBlock.d.ts +1 -1
- package/dist/Topic/Topic.d.ts +4 -4
- package/dist/VideoTile/VideoInit.d.ts +1 -1
- package/dist/WalnutIframe/index.d.ts +1 -1
- package/dist/icons/AxosX/Blue.d.ts +1 -1
- package/dist/icons/AxosX/index.d.ts +1 -1
- package/dist/icons/CheckCircle.d.ts +1 -1
- package/dist/icons/CheckCircleLight.d.ts +1 -1
- package/dist/icons/CheckIcon/index.d.ts +1 -1
- package/dist/icons/ChevronDown.d.ts +1 -1
- package/dist/icons/ChevronUp.d.ts +1 -1
- package/dist/icons/Clock/index.d.ts +1 -1
- package/dist/icons/EqualHousingLender.d.ts +1 -1
- package/dist/icons/Logos/AAS.d.ts +1 -1
- package/dist/icons/Logos/AFS.d.ts +1 -1
- package/dist/icons/Logos/AXA.d.ts +1 -1
- package/dist/icons/Logos/AXB.d.ts +1 -1
- package/dist/icons/Logos/AXC.d.ts +1 -1
- package/dist/icons/Logos/AXI.d.ts +1 -1
- package/dist/icons/Logos/AXOS.d.ts +1 -1
- package/dist/icons/Logos/GBLVF.d.ts +1 -1
- package/dist/icons/Logos/LVF.d.ts +1 -1
- package/dist/icons/Logos/LVFText.d.ts +1 -1
- package/dist/icons/Logos/SPB.d.ts +1 -1
- package/dist/icons/MemberFdicLogo.d.ts +1 -1
- package/dist/icons/QuoteIconGrey.d.ts +1 -1
- package/dist/icons/QuoteIconWhite.d.ts +1 -1
- package/dist/icons/QuoteIconYellow.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { CalculatorProps } from '../Calculators';
|
|
2
2
|
|
|
3
3
|
export type ATMLocatorProps = CalculatorProps;
|
|
4
|
-
export declare const ATMLocator: (props: CalculatorProps) => import("react
|
|
4
|
+
export declare const ATMLocator: (props: CalculatorProps) => import("react").JSX.Element;
|
|
@@ -7,6 +7,6 @@ export declare const AccordionCtx: React.Context<{
|
|
|
7
7
|
isOpen: boolean;
|
|
8
8
|
onclick: () => void;
|
|
9
9
|
}>;
|
|
10
|
-
export declare const AccordionHeader: (props: PropsWithChildren) =>
|
|
11
|
-
export declare const AccordionDetails: ({ children }: PropsWithChildren) =>
|
|
12
|
-
export declare const Accordion: (props: Accordion & PropsWithChildren) =>
|
|
10
|
+
export declare const AccordionHeader: (props: PropsWithChildren) => React.JSX.Element;
|
|
11
|
+
export declare const AccordionDetails: ({ children }: PropsWithChildren) => React.JSX.Element;
|
|
12
|
+
export declare const Accordion: (props: Accordion & PropsWithChildren) => React.JSX.Element;
|
|
@@ -12,4 +12,4 @@ export interface ArticleProps {
|
|
|
12
12
|
variant?: QuaternaryTypes;
|
|
13
13
|
useChevron?: boolean | false;
|
|
14
14
|
}
|
|
15
|
-
export declare const Article: ({ id, image, itemType, title, description, targetUrl, variant: fullVariant, useChevron, }: ArticleProps) => import("react
|
|
15
|
+
export declare const Article: ({ id, image, itemType, title, description, targetUrl, variant: fullVariant, useChevron, }: ArticleProps) => import("react").JSX.Element;
|
|
@@ -10,5 +10,5 @@ type Props = {
|
|
|
10
10
|
onClose?: () => void;
|
|
11
11
|
modalRef?: React.RefObject<HTMLDivElement>;
|
|
12
12
|
};
|
|
13
|
-
export declare const ErrorAlert: ({ variant: fullVariant, modalRef, onClose, }: Props) => import("react
|
|
13
|
+
export declare const ErrorAlert: ({ variant: fullVariant, modalRef, onClose, }: Props) => import("react").JSX.Element;
|
|
14
14
|
export {};
|
package/dist/Auth/Logout.d.ts
CHANGED
|
@@ -12,4 +12,4 @@ export interface BulletItemProps extends PropsWithChildren {
|
|
|
12
12
|
subBullet?: boolean;
|
|
13
13
|
className?: string;
|
|
14
14
|
}
|
|
15
|
-
export declare const BulletItem: (props: BulletItemProps) => import("react
|
|
15
|
+
export declare const BulletItem: (props: BulletItemProps) => import("react").JSX.Element;
|
package/dist/Button/Button.d.ts
CHANGED
|
@@ -18,4 +18,4 @@ export type ButtonAsLink = ButtonBase & Omit<AnchorHTMLAttributes<HTMLAnchorElem
|
|
|
18
18
|
as?: "a";
|
|
19
19
|
};
|
|
20
20
|
export type ButtonProps = ButtonAsButton | ButtonAsLink;
|
|
21
|
-
export declare const Button: ({ as, children, color, size, disabled, rounded, targetUrl, id, newTab, action, className, square, marketingIntersitial, ...rest }: ButtonProps & ButtonVariants) => import("react
|
|
21
|
+
export declare const Button: ({ as, children, color, size, disabled, rounded, targetUrl, id, newTab, action, className, square, marketingIntersitial, ...rest }: ButtonProps & ButtonVariants) => import("react").JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ButtonProps } from './Button';
|
|
2
2
|
import { ButtonVariants } from './Button.css';
|
|
3
3
|
|
|
4
|
-
export declare const GoBackButton: (props: ButtonProps & ButtonVariants) => import("react
|
|
4
|
+
export declare const GoBackButton: (props: ButtonProps & ButtonVariants) => import("react").JSX.Element;
|
|
@@ -16,4 +16,4 @@ export interface CalculatorProps {
|
|
|
16
16
|
initialBalance?: number;
|
|
17
17
|
callToActionRow?: ChevronProps[];
|
|
18
18
|
}
|
|
19
|
-
export declare const Calculator: (props: CalculatorProps) =>
|
|
19
|
+
export declare const Calculator: (props: CalculatorProps) => React.JSX.Element;
|
package/dist/Carousel/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { PropsWithChildren, ReactNode } from 'react';
|
|
1
|
+
import { default as React, PropsWithChildren, ReactNode } from 'react';
|
|
2
2
|
import { carouselVariants } from './Carousel.css';
|
|
3
3
|
|
|
4
4
|
export interface SlideProps extends PropsWithChildren {
|
|
@@ -17,5 +17,5 @@ export interface CarouselProps extends PropsWithChildren {
|
|
|
17
17
|
description?: ReactNode;
|
|
18
18
|
internalName?: string;
|
|
19
19
|
}
|
|
20
|
-
export declare const CarouselSlide: (props: SlideProps & carouselVariants) =>
|
|
21
|
-
export declare const Carousel: (props: CarouselProps & carouselVariants) =>
|
|
20
|
+
export declare const CarouselSlide: (props: SlideProps & carouselVariants) => React.JSX.Element;
|
|
21
|
+
export declare const Carousel: (props: CarouselProps & carouselVariants) => React.JSX.Element;
|
package/dist/Chatbot/Bubble.d.ts
CHANGED
|
@@ -3,4 +3,4 @@ import { PropsWithChildren } from 'react';
|
|
|
3
3
|
export declare const Bubble: ({ children, onClick, }: PropsWithChildren & {
|
|
4
4
|
onClick?: () => void;
|
|
5
5
|
project: "axos" | "ufb" | "Axos" | "Ufb";
|
|
6
|
-
}) => import("react
|
|
6
|
+
}) => import("react").JSX.Element;
|
|
@@ -17,5 +17,5 @@ export declare const Chatbot: ({ project, projectEnv, menuOption, config, }: {
|
|
|
17
17
|
menuOption?: "Support Virtual Agent" | string;
|
|
18
18
|
debug?: boolean;
|
|
19
19
|
config: InitalizeChatbot;
|
|
20
|
-
}) => false | import("react
|
|
20
|
+
}) => false | import("react").JSX.Element;
|
|
21
21
|
export {};
|
|
@@ -9,7 +9,7 @@ import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import
|
|
|
9
9
|
/* empty css */
|
|
10
10
|
/* empty css */
|
|
11
11
|
import clsx from "clsx";
|
|
12
|
-
import { shimmerText, notificationStyle, messageStyle, user_msg, agent_msg, inline_button_wrapper, inline_button, endChatButtonStyle } from "./ChatWindow.css.js";
|
|
12
|
+
import { shimmerText, notificationStyle, trMortgageTable, tableCell, tableHead, tableMsg, messageStyle, user_msg, agent_msg, inline_button_wrapper, inline_button, endChatButtonStyle } from "./ChatWindow.css.js";
|
|
13
13
|
import { useOpenChat } from "./store/chat.js";
|
|
14
14
|
function timeAgo(date) {
|
|
15
15
|
const seconds = Math.floor(((/* @__PURE__ */ new Date()).getTime() - date.getTime()) / 1e3);
|
|
@@ -68,172 +68,197 @@ const ChatbotMessage = ({
|
|
|
68
68
|
}
|
|
69
69
|
);
|
|
70
70
|
}
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
"You are now connected with a",
|
|
79
|
-
" ",
|
|
80
|
-
msg.to_agent ? /* @__PURE__ */ jsx("strong", { children: msg?.to_agent?.name }) : "an agent"
|
|
81
|
-
] }, msg.$index),
|
|
82
|
-
msg.type == "noti" && msg.$userType == "virtual_agent" && msg.event == "escalationDeflected" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
|
|
83
|
-
"div",
|
|
84
|
-
{
|
|
85
|
-
className: notificationStyle,
|
|
86
|
-
style: { fontSize: 12 },
|
|
87
|
-
children: [
|
|
88
|
-
"Our chat team is available weekdays, 8am-5pm, except federal bank holidays. For immediate assistance you can reach out to us at",
|
|
89
|
-
" ",
|
|
90
|
-
/* @__PURE__ */ jsx("a", { href: "tel:1-888-502-2967", children: "1-888-502-2967" }),
|
|
91
|
-
"."
|
|
92
|
-
]
|
|
71
|
+
const checkInformationMortgage = typeof msg.content == "string" ? msg.content.replace(/•/g, "-").replace(/\\n/g, "\n") : "";
|
|
72
|
+
return /* @__PURE__ */ jsxs(
|
|
73
|
+
"div",
|
|
74
|
+
{
|
|
75
|
+
style: {
|
|
76
|
+
display: "flex",
|
|
77
|
+
flexDirection: "column"
|
|
93
78
|
},
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
79
|
+
children: [
|
|
80
|
+
msg.type == "noti" && msg.$userType == "system" && msg.event == "escalationStarted" && /* @__PURE__ */ jsx("div", { className: notificationStyle, children: "We are connecting you with a human agent..." }, msg.$index),
|
|
81
|
+
msg.type == "noti" && msg.$userType == "system" && msg.event == "memberLeft" && /* @__PURE__ */ jsxs("div", { className: notificationStyle, children: [
|
|
82
|
+
/* @__PURE__ */ jsx("strong", { children: "Virtual Agent" }),
|
|
83
|
+
" just left the conversation."
|
|
84
|
+
] }, msg.$index),
|
|
85
|
+
msg.type == "noti" && msg.$userType == "system" && msg.event == "escalationAccepted" && /* @__PURE__ */ jsxs("div", { className: notificationStyle, children: [
|
|
86
|
+
"You are now connected with a",
|
|
87
|
+
" ",
|
|
88
|
+
msg.to_agent ? /* @__PURE__ */ jsx("strong", { children: msg?.to_agent?.name }) : "an agent"
|
|
89
|
+
] }, msg.$index),
|
|
90
|
+
msg.type == "noti" && msg.$userType == "virtual_agent" && msg.event == "escalationDeflected" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
|
|
91
|
+
"div",
|
|
92
|
+
{
|
|
93
|
+
className: notificationStyle,
|
|
94
|
+
style: { fontSize: 12 },
|
|
95
|
+
children: [
|
|
96
|
+
"Our chat team is available weekdays, 8am-5pm, except federal bank holidays. For immediate assistance you can reach out to us at",
|
|
97
|
+
" ",
|
|
98
|
+
/* @__PURE__ */ jsx("a", { href: "tel:1-888-502-2967", children: "1-888-502-2967" }),
|
|
99
|
+
"."
|
|
100
|
+
]
|
|
101
|
+
},
|
|
102
|
+
msg.$index
|
|
103
|
+
) }),
|
|
104
|
+
["text", "markdown_template", "markdown"].includes(msg.type) && /* @__PURE__ */ jsx(
|
|
105
|
+
"div",
|
|
106
|
+
{
|
|
107
|
+
className: clsx(
|
|
108
|
+
messageStyle,
|
|
109
|
+
msg.$userType == "end_user" ? user_msg : agent_msg
|
|
110
|
+
),
|
|
111
|
+
children: /* @__PURE__ */ jsxs(
|
|
112
|
+
"div",
|
|
113
|
+
{
|
|
114
|
+
style: {
|
|
115
|
+
fontSize: 14,
|
|
116
|
+
display: "flex",
|
|
117
|
+
flexDirection: "column",
|
|
118
|
+
gap: 4
|
|
119
|
+
},
|
|
120
|
+
children: [
|
|
121
|
+
msg.$userType == "virtual_agent" && /* @__PURE__ */ jsxs(
|
|
122
|
+
"div",
|
|
123
|
+
{
|
|
124
|
+
style: {
|
|
125
|
+
display: "flex",
|
|
126
|
+
alignItems: "center",
|
|
127
|
+
gap: "8px"
|
|
128
|
+
},
|
|
129
|
+
children: [
|
|
130
|
+
showAvatar && /* @__PURE__ */ jsx(
|
|
131
|
+
"img",
|
|
132
|
+
{
|
|
133
|
+
width: 24,
|
|
134
|
+
height: 24,
|
|
135
|
+
src: virtualAgent?.avatar_url,
|
|
136
|
+
alt: "agent avatar"
|
|
137
|
+
}
|
|
138
|
+
),
|
|
139
|
+
showName && /* @__PURE__ */ jsx("strong", { children: virtualAgent?.name })
|
|
140
|
+
]
|
|
141
|
+
}
|
|
142
|
+
),
|
|
143
|
+
msg.$userType != "end_user" ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
|
|
144
|
+
ReactMarkdown,
|
|
145
|
+
{
|
|
146
|
+
remarkPlugins: [[remarkGfm, { singleTilde: false }]],
|
|
147
|
+
components: {
|
|
148
|
+
p: ({ ...props }) => /* @__PURE__ */ jsx(
|
|
149
|
+
"p",
|
|
150
|
+
{
|
|
151
|
+
style: { margin: 0, fontSize: "inherit" },
|
|
152
|
+
title: new Date(msg.$timestamp).toLocaleTimeString([], {
|
|
153
|
+
hour: "2-digit",
|
|
154
|
+
minute: "2-digit"
|
|
155
|
+
}),
|
|
156
|
+
...props
|
|
157
|
+
}
|
|
158
|
+
),
|
|
159
|
+
a: ({ ...props }) => /* @__PURE__ */ jsx("a", { style: { wordBreak: "break-word" }, ...props }),
|
|
160
|
+
table: ({ node, ...props }) => /* @__PURE__ */ jsx("div", { style: { overflowX: "auto", marginTop: 4 }, children: /* @__PURE__ */ jsx(
|
|
161
|
+
"table",
|
|
162
|
+
{
|
|
163
|
+
...props,
|
|
164
|
+
className: clsx(tableMsg),
|
|
165
|
+
style: { tableLayout: "fixed" }
|
|
166
|
+
}
|
|
167
|
+
) }),
|
|
168
|
+
th: ({ node, ...props }) => /* @__PURE__ */ jsx("th", { ...props, className: clsx(tableHead) }),
|
|
169
|
+
td: ({ node, ...props }) => /* @__PURE__ */ jsx("td", { ...props, className: clsx(tableCell) }),
|
|
170
|
+
tr: ({ node, ...props }) => {
|
|
171
|
+
return /* @__PURE__ */ jsx("tr", { className: clsx(trMortgageTable), ...props });
|
|
172
|
+
}
|
|
173
|
+
},
|
|
174
|
+
children: msg?.content?.includes("Does this information look correct?") ? checkInformationMortgage : msg.content
|
|
175
|
+
}
|
|
176
|
+
) }) : /* @__PURE__ */ jsx(
|
|
177
|
+
"div",
|
|
178
|
+
{
|
|
179
|
+
title: new Date(msg.$timestamp).toLocaleTimeString([], {
|
|
180
|
+
hour: "2-digit",
|
|
181
|
+
minute: "2-digit"
|
|
182
|
+
}),
|
|
183
|
+
children: msg.content
|
|
184
|
+
}
|
|
185
|
+
)
|
|
186
|
+
]
|
|
187
|
+
}
|
|
188
|
+
)
|
|
189
|
+
},
|
|
190
|
+
msg.$index
|
|
102
191
|
),
|
|
103
|
-
|
|
192
|
+
msg.type == "inline_button" && Array.isArray(msg.buttons) && msg.buttons.length > 0 && /* @__PURE__ */ jsx("div", { className: inline_button_wrapper, children: msg.buttons.length !== 0 && Array.isArray(msg.buttons) && msg.buttons.map((button, index) => {
|
|
193
|
+
return /* @__PURE__ */ jsx(
|
|
194
|
+
"button",
|
|
195
|
+
{
|
|
196
|
+
className: inline_button,
|
|
197
|
+
onClick: () => {
|
|
198
|
+
onSend?.(button?.title);
|
|
199
|
+
},
|
|
200
|
+
children: button.title
|
|
201
|
+
},
|
|
202
|
+
index
|
|
203
|
+
);
|
|
204
|
+
}) }),
|
|
205
|
+
" ",
|
|
206
|
+
msg.event == "chatEnded" && msg.status == "failed" && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
207
|
+
/* @__PURE__ */ jsxs(
|
|
208
|
+
"div",
|
|
209
|
+
{
|
|
210
|
+
title: (/* @__PURE__ */ new Date()).toLocaleString(),
|
|
211
|
+
style: {
|
|
212
|
+
fontSize: 12,
|
|
213
|
+
color: "#888",
|
|
214
|
+
marginBottom: 4,
|
|
215
|
+
textAlign: "center"
|
|
216
|
+
},
|
|
217
|
+
children: [
|
|
218
|
+
"No team members are online at the moment.",
|
|
219
|
+
/* @__PURE__ */ jsx("br", {}),
|
|
220
|
+
" Please try again later."
|
|
221
|
+
]
|
|
222
|
+
}
|
|
223
|
+
),
|
|
224
|
+
/* @__PURE__ */ jsx("div", { style: { textAlign: "center", marginBottom: 12 }, children: /* @__PURE__ */ jsx("button", { className: endChatButtonStyle, onClick: onEndChat, children: "End Chat" }) })
|
|
225
|
+
] }),
|
|
226
|
+
msg.event == "chatEnded" && msg.status != "failed" && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
227
|
+
/* @__PURE__ */ jsxs(
|
|
228
|
+
"div",
|
|
229
|
+
{
|
|
230
|
+
title: (/* @__PURE__ */ new Date()).toLocaleString(),
|
|
231
|
+
style: {
|
|
232
|
+
fontSize: 12,
|
|
233
|
+
color: "#888",
|
|
234
|
+
marginBottom: 4,
|
|
235
|
+
textAlign: "center"
|
|
236
|
+
},
|
|
237
|
+
children: [
|
|
238
|
+
"Thank you for chatting!",
|
|
239
|
+
/* @__PURE__ */ jsx("br", {}),
|
|
240
|
+
" This conversation has ended."
|
|
241
|
+
]
|
|
242
|
+
}
|
|
243
|
+
),
|
|
244
|
+
/* @__PURE__ */ jsx("div", { style: { textAlign: "center", marginBottom: 12 }, children: /* @__PURE__ */ jsx("button", { className: endChatButtonStyle, onClick: onEndChat, children: "End Chat" }) })
|
|
245
|
+
] }),
|
|
246
|
+
msg.type == "text" && /* @__PURE__ */ jsx(
|
|
104
247
|
"div",
|
|
105
248
|
{
|
|
106
249
|
style: {
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
250
|
+
textAlign: msg.$userType === "end_user" ? "right" : "left",
|
|
251
|
+
fontSize: 12,
|
|
252
|
+
color: vars.chatbot.window.timestampColor,
|
|
253
|
+
textTransform: "capitalize",
|
|
254
|
+
fontFamily: "inherit"
|
|
111
255
|
},
|
|
112
|
-
children:
|
|
113
|
-
msg.$userType == "virtual_agent" && /* @__PURE__ */ jsxs(
|
|
114
|
-
"div",
|
|
115
|
-
{
|
|
116
|
-
style: {
|
|
117
|
-
display: "flex",
|
|
118
|
-
alignItems: "center",
|
|
119
|
-
gap: "8px"
|
|
120
|
-
},
|
|
121
|
-
children: [
|
|
122
|
-
showAvatar && /* @__PURE__ */ jsx(
|
|
123
|
-
"img",
|
|
124
|
-
{
|
|
125
|
-
width: 24,
|
|
126
|
-
height: 24,
|
|
127
|
-
src: virtualAgent?.avatar_url,
|
|
128
|
-
alt: "agent avatar"
|
|
129
|
-
}
|
|
130
|
-
),
|
|
131
|
-
showName && /* @__PURE__ */ jsx("strong", { children: virtualAgent?.name })
|
|
132
|
-
]
|
|
133
|
-
}
|
|
134
|
-
),
|
|
135
|
-
msg.$userType != "end_user" ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
|
|
136
|
-
ReactMarkdown,
|
|
137
|
-
{
|
|
138
|
-
remarkPlugins: [[remarkGfm, { singleTilde: false }]],
|
|
139
|
-
components: {
|
|
140
|
-
p: ({ ...props }) => /* @__PURE__ */ jsx(
|
|
141
|
-
"p",
|
|
142
|
-
{
|
|
143
|
-
style: { margin: 0, fontSize: "inherit" },
|
|
144
|
-
title: new Date(msg.$timestamp).toLocaleTimeString([], {
|
|
145
|
-
hour: "2-digit",
|
|
146
|
-
minute: "2-digit"
|
|
147
|
-
}),
|
|
148
|
-
...props
|
|
149
|
-
}
|
|
150
|
-
),
|
|
151
|
-
a: ({ ...props }) => /* @__PURE__ */ jsx("a", { style: { wordBreak: "break-word" }, ...props })
|
|
152
|
-
},
|
|
153
|
-
children: msg.content
|
|
154
|
-
}
|
|
155
|
-
) }) : /* @__PURE__ */ jsx(
|
|
156
|
-
"div",
|
|
157
|
-
{
|
|
158
|
-
title: new Date(msg.$timestamp).toLocaleTimeString([], {
|
|
159
|
-
hour: "2-digit",
|
|
160
|
-
minute: "2-digit"
|
|
161
|
-
}),
|
|
162
|
-
children: msg.content
|
|
163
|
-
}
|
|
164
|
-
)
|
|
165
|
-
]
|
|
256
|
+
children: timeText
|
|
166
257
|
}
|
|
167
258
|
)
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
msg.type == "inline_button" && Array.isArray(msg.buttons) && msg.buttons.length > 0 && /* @__PURE__ */ jsx("div", { className: inline_button_wrapper, children: msg.buttons.length !== 0 && Array.isArray(msg.buttons) && msg.buttons.map((button, index) => {
|
|
172
|
-
return /* @__PURE__ */ jsx(
|
|
173
|
-
"button",
|
|
174
|
-
{
|
|
175
|
-
className: inline_button,
|
|
176
|
-
onClick: () => {
|
|
177
|
-
onSend?.(button?.title);
|
|
178
|
-
},
|
|
179
|
-
children: button.title
|
|
180
|
-
},
|
|
181
|
-
index
|
|
182
|
-
);
|
|
183
|
-
}) }),
|
|
184
|
-
" ",
|
|
185
|
-
msg.event == "chatEnded" && msg.status == "failed" && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
186
|
-
/* @__PURE__ */ jsxs(
|
|
187
|
-
"div",
|
|
188
|
-
{
|
|
189
|
-
title: (/* @__PURE__ */ new Date()).toLocaleString(),
|
|
190
|
-
style: {
|
|
191
|
-
fontSize: 12,
|
|
192
|
-
color: "#888",
|
|
193
|
-
marginBottom: 4,
|
|
194
|
-
textAlign: "center"
|
|
195
|
-
},
|
|
196
|
-
children: [
|
|
197
|
-
"No team members are online at the moment.",
|
|
198
|
-
/* @__PURE__ */ jsx("br", {}),
|
|
199
|
-
" Please try again later."
|
|
200
|
-
]
|
|
201
|
-
}
|
|
202
|
-
),
|
|
203
|
-
/* @__PURE__ */ jsx("div", { style: { textAlign: "center", marginBottom: 12 }, children: /* @__PURE__ */ jsx("button", { className: endChatButtonStyle, onClick: onEndChat, children: "End Chat" }) })
|
|
204
|
-
] }),
|
|
205
|
-
msg.event == "chatEnded" && msg.status != "failed" && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
206
|
-
/* @__PURE__ */ jsxs(
|
|
207
|
-
"div",
|
|
208
|
-
{
|
|
209
|
-
title: (/* @__PURE__ */ new Date()).toLocaleString(),
|
|
210
|
-
style: {
|
|
211
|
-
fontSize: 12,
|
|
212
|
-
color: "#888",
|
|
213
|
-
marginBottom: 4,
|
|
214
|
-
textAlign: "center"
|
|
215
|
-
},
|
|
216
|
-
children: [
|
|
217
|
-
"Thank you for chatting!",
|
|
218
|
-
/* @__PURE__ */ jsx("br", {}),
|
|
219
|
-
" This conversation has ended."
|
|
220
|
-
]
|
|
221
|
-
}
|
|
222
|
-
),
|
|
223
|
-
/* @__PURE__ */ jsx("div", { style: { textAlign: "center", marginBottom: 12 }, children: /* @__PURE__ */ jsx("button", { className: endChatButtonStyle, onClick: onEndChat, children: "End Chat" }) })
|
|
224
|
-
] }),
|
|
225
|
-
msg.type == "text" && /* @__PURE__ */ jsx(
|
|
226
|
-
"div",
|
|
227
|
-
{
|
|
228
|
-
style: {
|
|
229
|
-
textAlign: msg.$userType === "end_user" ? "right" : "left",
|
|
230
|
-
fontSize: 12,
|
|
231
|
-
color: vars.chatbot.window.timestampColor
|
|
232
|
-
},
|
|
233
|
-
children: timeText
|
|
234
|
-
}
|
|
235
|
-
)
|
|
236
|
-
] });
|
|
259
|
+
]
|
|
260
|
+
}
|
|
261
|
+
);
|
|
237
262
|
};
|
|
238
263
|
export {
|
|
239
264
|
ChatbotMessage
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const EllipsisLoader: () => import("react
|
|
1
|
+
declare const EllipsisLoader: () => import("react").JSX.Element;
|
|
2
2
|
export default EllipsisLoader;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ComparisonProps } from './Comparison.interface';
|
|
2
2
|
|
|
3
|
-
export declare const Comparison: ({ id, variant: fullVariant, headline, description, bullets, callToActionRow, keyFeature, keyFeatureDescription, highlightedFeature, index, toggleState, table, }: ComparisonProps) => import("react
|
|
3
|
+
export declare const Comparison: ({ id, variant: fullVariant, headline, description, bullets, callToActionRow, keyFeature, keyFeatureDescription, highlightedFeature, index, toggleState, table, }: ComparisonProps) => import("react").JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ComparisonSetProps } from './Comparison.interface';
|
|
2
2
|
|
|
3
|
-
export declare const ComparisonSet: ({ headline, variant, id, additionalDetails, icon, eyebrow, bodyCopy, comparisonElements, }: ComparisonSetProps) => import("react
|
|
3
|
+
export declare const ComparisonSet: ({ headline, variant, id, additionalDetails, icon, eyebrow, bodyCopy, comparisonElements, }: ComparisonSetProps) => import("react").JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ExecutiveBioProps as Props } from './ExecutiveBio.interface';
|
|
2
2
|
|
|
3
|
-
export declare const ExecutiveBio: ({ id, hasParentH2, executiveName, executiveTitle, executiveBodyCopy, executiveEmailAddress, executivePhoneNumber, executiveLinkedIn, executiveWebsite, executiveHeadshot, variant: fullVariant, bannerType, executiveTwitter, executiveFacebook, bullets, bulletsTitle, quote, backgroundOverlay, }: Props) => import("react
|
|
3
|
+
export declare const ExecutiveBio: ({ id, hasParentH2, executiveName, executiveTitle, executiveBodyCopy, executiveEmailAddress, executivePhoneNumber, executiveLinkedIn, executiveWebsite, executiveHeadshot, variant: fullVariant, bannerType, executiveTwitter, executiveFacebook, bullets, bulletsTitle, quote, backgroundOverlay, }: Props) => import("react").JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ExecutiveBioSetProps as Props } from './ExecutiveBio.interface';
|
|
2
2
|
|
|
3
|
-
export declare const ExecutiveBioSet: ({ id, title, description, executiveBios, additionalDetails, variant: fullVariant, numberOfColumns, }: Props) => import("react
|
|
3
|
+
export declare const ExecutiveBioSet: ({ id, title, description, executiveBios, additionalDetails, variant: fullVariant, numberOfColumns, }: Props) => import("react").JSX.Element;
|
|
@@ -4,5 +4,5 @@ interface OverlayProps {
|
|
|
4
4
|
className?: string;
|
|
5
5
|
variant?: QuaternaryTypes;
|
|
6
6
|
}
|
|
7
|
-
export declare const Overlay: ({ className, variant }: OverlayProps) => import("react
|
|
7
|
+
export declare const Overlay: ({ className, variant }: OverlayProps) => import("react").JSX.Element;
|
|
8
8
|
export {};
|
|
@@ -4,19 +4,19 @@ import { PropsWithChildren, ReactNode } from 'react';
|
|
|
4
4
|
export interface AccordionItemProps extends PropsWithChildren {
|
|
5
5
|
id: string;
|
|
6
6
|
}
|
|
7
|
-
export declare const AccordionItem: (props: AccordionItemProps) => import("react
|
|
7
|
+
export declare const AccordionItem: (props: AccordionItemProps) => import("react").JSX.Element;
|
|
8
8
|
export declare const AccordionItemSummary: (props: {
|
|
9
9
|
id: string;
|
|
10
10
|
level: string;
|
|
11
|
-
} & PropsWithChildren) => import("react
|
|
11
|
+
} & PropsWithChildren) => import("react").JSX.Element;
|
|
12
12
|
export declare const AccordionCtas: (props: {
|
|
13
13
|
callToActionRow: ChevronProps;
|
|
14
|
-
}) => import("react
|
|
15
|
-
export declare const AccordionItemContent: (props: PropsWithChildren) => import("react
|
|
14
|
+
}) => import("react").JSX.Element;
|
|
15
|
+
export declare const AccordionItemContent: (props: PropsWithChildren) => import("react").JSX.Element;
|
|
16
16
|
export declare const FaqAccordion: (props: {
|
|
17
17
|
header?: string;
|
|
18
18
|
accordionEmbedLevel?: string;
|
|
19
19
|
internalName?: string;
|
|
20
20
|
id?: string;
|
|
21
21
|
additionalDetails?: ReactNode | string;
|
|
22
|
-
} & PropsWithChildren) => import("react
|
|
22
|
+
} & PropsWithChildren) => import("react").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const FdicBanner: () => import("react
|
|
1
|
+
export declare const FdicBanner: () => import("react").JSX.Element;
|
|
@@ -7,8 +7,8 @@ type WithStyles = {
|
|
|
7
7
|
type WithId = {
|
|
8
8
|
id?: string;
|
|
9
9
|
};
|
|
10
|
-
export declare const FooterContent: (props: PropsWithChildren & WithStyles & WithId) => import("react
|
|
11
|
-
export declare const FooterParagraph: (props: PropsWithChildren & WithStyles & WithId) => import("react
|
|
12
|
-
export declare const FooterIcons: (props: PropsWithChildren & WithStyles) => import("react
|
|
13
|
-
export declare const FooterDisclosure: (props: PropsWithChildren & WithStyles) => import("react
|
|
10
|
+
export declare const FooterContent: (props: PropsWithChildren & WithStyles & WithId) => import("react").JSX.Element;
|
|
11
|
+
export declare const FooterParagraph: (props: PropsWithChildren & WithStyles & WithId) => import("react").JSX.Element;
|
|
12
|
+
export declare const FooterIcons: (props: PropsWithChildren & WithStyles) => import("react").JSX.Element;
|
|
13
|
+
export declare const FooterDisclosure: (props: PropsWithChildren & WithStyles) => import("react").JSX.Element;
|
|
14
14
|
export {};
|
|
@@ -9,4 +9,4 @@ export type ApplicationStartInputs = {
|
|
|
9
9
|
Send_SMS__c: boolean;
|
|
10
10
|
DoNotCall: boolean;
|
|
11
11
|
};
|
|
12
|
-
export declare const ApplicationStart: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react
|
|
12
|
+
export declare const ApplicationStart: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react").JSX.Element;
|
package/dist/Forms/ApplyNow.d.ts
CHANGED
|
@@ -3,4 +3,4 @@ import { FormProps } from './FormProps';
|
|
|
3
3
|
export declare const ApplyNow: ({ icon, children, disclosure, variant: fullVariant, headline, description, id, gbf, project, }: Omit<FormProps & {
|
|
4
4
|
gbf?: boolean;
|
|
5
5
|
project?: string;
|
|
6
|
-
}, "callToAction" | "validateEmail" | "onSubmit">) => import("react
|
|
6
|
+
}, "callToAction" | "validateEmail" | "onSubmit">) => import("react").JSX.Element;
|
|
@@ -27,4 +27,4 @@ export type BoatMooringLocationInputs = {
|
|
|
27
27
|
insurancePolicyExpirationDate: string;
|
|
28
28
|
insuranceContactEmailAddress: string;
|
|
29
29
|
};
|
|
30
|
-
export declare const BoatMooringLocation: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, onValidate, description, id, }: FormProps) => import("react
|
|
30
|
+
export declare const BoatMooringLocation: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, onValidate, description, id, }: FormProps) => import("react").JSX.Element;
|
|
@@ -11,4 +11,4 @@ export type ClearingInputs = {
|
|
|
11
11
|
Memo__c: string;
|
|
12
12
|
business_type_selection: string;
|
|
13
13
|
};
|
|
14
|
-
export declare const ClearingForm: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react
|
|
14
|
+
export declare const ClearingForm: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react").JSX.Element;
|
|
@@ -14,4 +14,4 @@ export type CommercialDepositsInputs = {
|
|
|
14
14
|
Others_Detail__c: string;
|
|
15
15
|
Product_and_servicing_needs__c: string;
|
|
16
16
|
};
|
|
17
|
-
export declare const CommercialDeposits: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react
|
|
17
|
+
export declare const CommercialDeposits: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react").JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { FormProps } from './FormProps';
|
|
2
2
|
|
|
3
|
-
export declare const CommercialDepositsACS: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react
|
|
3
|
+
export declare const CommercialDepositsACS: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react").JSX.Element;
|
|
@@ -13,4 +13,4 @@ export type CommercialDepositsNoLendingOptionInputs = {
|
|
|
13
13
|
Others_Detail__c: string;
|
|
14
14
|
Product_and_servicing_needs__c: string;
|
|
15
15
|
};
|
|
16
|
-
export declare const CommercialDepositsNoLendingOption: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react
|
|
16
|
+
export declare const CommercialDepositsNoLendingOption: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react").JSX.Element;
|