@axos-web-dev/shared-components 1.0.77-patch.45 → 1.0.77-patch.46-chatbot

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 (51) hide show
  1. package/dist/ATMLocator/ATMLocator.js +1 -1
  2. package/dist/Auth/ErrorAlert.js +1 -1
  3. package/dist/Button/Button.js +1 -1
  4. package/dist/Calculators/Calculator.js +1 -1
  5. package/dist/Carousel/index.js +1 -1
  6. package/dist/Chatbot/Bubble.css.js +1 -0
  7. package/dist/Chatbot/ChatWindow.css.d.ts +1 -0
  8. package/dist/Chatbot/ChatWindow.css.js +13 -12
  9. package/dist/Chatbot/ChatWindow.js +87 -66
  10. package/dist/Chatbot/Chatbot.js +13 -6
  11. package/dist/Chatbot/index.js +2 -1
  12. package/dist/Chevron/index.js +1 -1
  13. package/dist/Comparison/Comparison.js +1 -1
  14. package/dist/ExecutiveBio/ExecutiveBio.js +1 -1
  15. package/dist/FaqAccordion/index.js +1 -1
  16. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +1 -1
  17. package/dist/Forms/ApplicationStart.d.ts +1 -1
  18. package/dist/Forms/ApplicationStart.js +2 -1
  19. package/dist/Forms/ApplyNow.js +1 -1
  20. package/dist/Forms/ContactUsBusiness.js +1 -1
  21. package/dist/Forms/ContactUsBusinessNameEmail.js +1 -1
  22. package/dist/Forms/ContactUsNMLSId.js +1 -1
  23. package/dist/Forms/CraPublicFile.js +1 -1
  24. package/dist/Forms/EmailOnly.js +1 -1
  25. package/dist/Forms/MortgageRate/MortgageRateForm.js +1 -1
  26. package/dist/Forms/MortgageRate/MortgageRateWatch.js +1 -1
  27. package/dist/Forms/MortgageWarehouseLending.js +1 -1
  28. package/dist/Forms/SuccesForm.js +1 -1
  29. package/dist/Hyperlink/index.js +1 -1
  30. package/dist/ImageLink/ImageLink.js +1 -1
  31. package/dist/ImageLink/ImageLinkSet.js +1 -1
  32. package/dist/ImageLink/index.js +1 -1
  33. package/dist/Insight/Featured/CategorySelector.js +1 -1
  34. package/dist/Insight/Featured/Featured.js +1 -1
  35. package/dist/Insight/Featured/Header.js +1 -1
  36. package/dist/Modal/Modal.js +1 -1
  37. package/dist/NavigationMenu/AxosALTS/NavData.js +1 -1
  38. package/dist/NavigationMenu/AxosALTS/index.js +1 -1
  39. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +1 -1
  40. package/dist/NavigationMenu/AxosBank/NavData.js +1 -1
  41. package/dist/NavigationMenu/AxosBank/SubNavBar.js +1 -1
  42. package/dist/NavigationMenu/AxosBank/index.js +1 -1
  43. package/dist/NavigationMenu/LaVictoire/NavData.js +1 -1
  44. package/dist/NavigationMenu/LaVictoire/index.js +1 -1
  45. package/dist/SetContainer/SetContainer.js +1 -1
  46. package/dist/SocialMediaBar/iconsRepository.js +1 -1
  47. package/dist/VideoTile/VideoTile.js +1 -1
  48. package/dist/VideoWrapper/index.js +1 -1
  49. package/dist/assets/Chatbot/ChatWindow.css +38 -26
  50. package/dist/main.js +2 -1
  51. package/package.json +1 -3
package/dist/ATMLocator/ATMLocator.js CHANGED
@@ -66,10 +66,10 @@ 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
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
69
70
  /* empty css */
70
71
  import "../Chatbot/store/chat.js";
71
72
  import "../Chatbot/authenticate.js";
72
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
73
73
  /* empty css */
74
74
  import "../Chatbot/store/messages.js";
75
75
  /* empty css */
package/dist/Auth/ErrorAlert.js CHANGED
@@ -58,10 +58,10 @@ import "./SignInPassword.js";
58
58
  /* empty css */
59
59
  /* empty css */
60
60
  import "../Carousel/index.js";
61
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
61
62
  /* empty css */
62
63
  import "../Chatbot/store/chat.js";
63
64
  import "../Chatbot/authenticate.js";
64
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
65
65
  /* empty css */
66
66
  import "../Chatbot/store/messages.js";
67
67
  import { Hyperlink } from "../Hyperlink/index.js";
package/dist/Button/Button.js CHANGED
@@ -69,10 +69,10 @@ import "../Auth/SignInPassword.js";
69
69
  /* empty css */
70
70
  /* empty css */
71
71
  import "../Carousel/index.js";
72
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
72
73
  /* empty css */
73
74
  import "../Chatbot/store/chat.js";
74
75
  import "../Chatbot/authenticate.js";
75
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
76
76
  /* empty css */
77
77
  import "../Chatbot/store/messages.js";
78
78
  /* empty css */
package/dist/Calculators/Calculator.js CHANGED
@@ -48,11 +48,11 @@ import { MonthlyPaymentLVFCalculator } from "./MonthlyPaymentLVFCalculator/index
48
48
  import { SummitApyCalculator } from "./SummitApyCalculator/index.js";
49
49
  /* empty css */
50
50
  import "../Carousel/index.js";
51
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
51
52
  /* empty css */
52
53
  import "../Chatbot/store/chat.js";
53
54
  import "../Chatbot/authenticate.js";
54
55
  import "react-use";
55
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
56
56
  /* empty css */
57
57
  import "../Chatbot/store/messages.js";
58
58
  /* empty css */
package/dist/Carousel/index.js CHANGED
@@ -71,10 +71,10 @@ import "../Auth/SignInPassword.js";
71
71
  /* empty css */
72
72
  /* empty css */
73
73
  /* empty css */
74
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
74
75
  /* empty css */
75
76
  import "../Chatbot/store/chat.js";
76
77
  import "../Chatbot/authenticate.js";
77
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
78
78
  /* empty css */
79
79
  import "../Chatbot/store/messages.js";
80
80
  /* empty css */
package/dist/Chatbot/Bubble.css.js CHANGED
@@ -1,3 +1,4 @@
1
+ import "./Chatbot.css.ts.vanilla.css.js";
1
2
  import '../assets/Chatbot/Bubble.css';/* empty css */
2
3
  var bubbleWrapper = "_7u9pv30";
3
4
  var svgFill = "_7u9pv31";
package/dist/Chatbot/ChatWindow.css.d.ts CHANGED
@@ -5,6 +5,7 @@ export declare const chat_title: string;
5
5
  export declare const button_reset: string;
6
6
  export declare const arrowFill: string;
7
7
  export declare const inputStyle: string;
8
+ export declare const autoResize: string;
8
9
  export declare const sendButtonStyle: string;
9
10
  export declare const messagesContainerStyle: string;
10
11
  export declare const notificationStyle: string;
package/dist/Chatbot/ChatWindow.css.js CHANGED
@@ -1,4 +1,3 @@
1
- import "./Chatbot.css.ts.vanilla.css.js";
2
1
  import '../assets/Chatbot/ChatWindow.css';/* empty css */
3
2
  var windowStyle = "_13n1jqk0";
4
3
  var windowOpenStyle = "_13n1jqk1";
@@ -7,19 +6,21 @@ var chat_title = "_13n1jqk3";
7
6
  var button_reset = "_13n1jqk4";
8
7
  var arrowFill = "_13n1jqk5";
9
8
  var inputStyle = "_13n1jqk6";
10
- var sendButtonStyle = "_13n1jqk7";
11
- var messagesContainerStyle = "_13n1jqk8";
12
- var notificationStyle = "_13n1jqk9";
13
- var messageStyle = "_13n1jqka";
14
- var inline_button_wrapper = "_13n1jqkb";
15
- var inline_button = "_13n1jqkc";
16
- var endChatButtonStyle = "_13n1jqkd";
17
- var chatbotMenu = "_13n1jqke";
18
- var chatbotMenuItem = "_13n1jqkf";
19
- var chatNetworkStatus = "_13n1jqkg";
20
- var chatFinishDialog = "_13n1jqkh";
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";
21
21
  export {
22
22
  arrowFill,
23
+ autoResize,
23
24
  button_reset,
24
25
  chatFinishDialog,
25
26
  chatNetworkStatus,
package/dist/Chatbot/ChatWindow.js CHANGED
@@ -5,7 +5,7 @@ import React, { useRef, useEffect, Fragment as Fragment$1 } from "react";
5
5
  import ReactMarkdown from "react-markdown";
6
6
  import { useNetworkState, useMount } from "react-use";
7
7
  import remarkGfm from "remark-gfm";
8
- import { windowBarStyle, chat_title, chatbotMenuItem, chatbotMenu, chatFinishDialog, endChatButtonStyle, button_reset, arrowFill, chatNetworkStatus, notificationStyle, messageStyle, inline_button_wrapper, inline_button, messagesContainerStyle, inputStyle, sendButtonStyle, windowStyle, windowOpenStyle } from "./ChatWindow.css.js";
8
+ import { windowBarStyle, chat_title, chatbotMenuItem, chatbotMenu, chatFinishDialog, endChatButtonStyle, button_reset, arrowFill, chatNetworkStatus, notificationStyle, messageStyle, inline_button_wrapper, inline_button, messagesContainerStyle, inputStyle, autoResize, sendButtonStyle, windowStyle, windowOpenStyle } from "./ChatWindow.css.js";
9
9
  import EllipsisLoader from "./EllipsisAnimation.js";
10
10
  import { EllipsisIcon } from "./EllipsisIcon.js";
11
11
  import { useOpenChat } from "./store/chat.js";
@@ -28,14 +28,16 @@ const ChatWindow = ({
28
28
  const state = useNetworkState();
29
29
  const [input, setInput] = React.useState("");
30
30
  const messagesEndRef = useRef(null);
31
+ const inputRef = useRef(null);
31
32
  const isOpen = useOpenChat((state2) => state2.isOpen);
32
33
  useEffect(() => {
33
34
  messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
34
35
  }, [messages]);
35
36
  const handleSend = (e) => {
36
37
  e.preventDefault();
37
- if (input.trim()) {
38
- onSend(input);
38
+ const cleaned = cleanInput(input);
39
+ if (cleaned) {
40
+ onSend(cleaned);
39
41
  setInput("");
40
42
  }
41
43
  };
@@ -49,6 +51,18 @@ const ChatWindow = ({
49
51
  const escalationDeflected = messages?.filter(
50
52
  (item) => item.type == "noti" && item.event == "escalationDeflected"
51
53
  ).length > 0;
54
+ const cleanInput = (text) => text.replace(/[\r\n]+/g, " ").trim();
55
+ const autoResizeTextarea = () => {
56
+ if (inputRef.current) {
57
+ inputRef.current.style.height = "auto";
58
+ inputRef.current.style.maxHeight = "80px";
59
+ inputRef.current.style.height = inputRef.current.scrollHeight + "px";
60
+ inputRef.current.style.overflowY = inputRef.current.scrollHeight > 80 ? "auto" : "hidden";
61
+ }
62
+ };
63
+ useEffect(() => {
64
+ autoResizeTextarea();
65
+ }, [input]);
52
66
  return /* @__PURE__ */ jsxs("div", { className: clsx(windowStyle, isOpen && windowOpenStyle), children: [
53
67
  /* @__PURE__ */ jsxs("div", { className: windowBarStyle, children: [
54
68
  /* @__PURE__ */ jsxs("div", { className: "flex middle", style: { paddingBlock: "6px" }, children: [
@@ -269,7 +283,7 @@ const ChatWindow = ({
269
283
  ),
270
284
  /* @__PURE__ */ jsx("div", { style: { textAlign: "center", marginBottom: 12 }, children: /* @__PURE__ */ jsx("button", { className: endChatButtonStyle, onClick: endChat, children: "End Chat" }) })
271
285
  ] }),
272
- ["text", "markdown_template", "markdown"].includes(msg.type) && /* @__PURE__ */ jsxs(
286
+ ["text", "markdown_template", "markdown"].includes(msg.type) && /* @__PURE__ */ jsx(
273
287
  "div",
274
288
  {
275
289
  className: messageStyle,
@@ -280,62 +294,58 @@ const ChatWindow = ({
280
294
  color: msg.$userType == "end_user" ? "#fff" : "#1F1F1F",
281
295
  boxShadow: msg.$userType == "end_user" ? "0 1px 4px #b3e0ff55" : void 0
282
296
  },
283
- children: [
284
- /* @__PURE__ */ jsxs(
285
- "div",
286
- {
287
- style: {
288
- fontSize: 13,
289
- display: "flex",
290
- flexDirection: "column",
291
- gap: 4
292
- },
293
- children: [
294
- msg.$userType == "virtual_agent" && /* @__PURE__ */ jsxs(
295
- "div",
296
- {
297
- style: {
298
- display: "flex",
299
- // justifyContent: "center",
300
- alignItems: "center",
301
- gap: "8px"
302
- },
303
- children: [
304
- showAvatar && /* @__PURE__ */ jsx(
305
- "img",
306
- {
307
- width: 24,
308
- height: 24,
309
- src: virtualAgent?.avatar_url,
310
- alt: "agent avatar"
311
- }
312
- ),
313
- /* @__PURE__ */ jsx("strong", { children: virtualAgent?.name })
314
- ]
315
- }
316
- ),
317
- /* @__PURE__ */ jsx(
318
- ReactMarkdown,
319
- {
320
- remarkPlugins: [[remarkGfm, { singleTilde: false }]],
321
- components: {
322
- p: ({ ...props }) => /* @__PURE__ */ jsx(
323
- "p",
324
- {
325
- style: { margin: 0, fontSize: "inherit" },
326
- title: new Date(msg.$timestamp).toLocaleString(),
327
- ...props
328
- }
329
- )
330
- },
331
- children: msg.content
332
- }
333
- )
334
- ]
335
- }
336
- ),
337
- /* @__PURE__ */ jsx("div", { style: { fontSize: 10, color: "#888", marginTop: 2 } })
338
- ]
297
+ children: /* @__PURE__ */ jsxs(
298
+ "div",
299
+ {
300
+ style: {
301
+ fontSize: 13,
302
+ display: "flex",
303
+ flexDirection: "column",
304
+ gap: 4
305
+ },
306
+ children: [
307
+ msg.$userType == "virtual_agent" && /* @__PURE__ */ jsxs(
308
+ "div",
309
+ {
310
+ style: {
311
+ display: "flex",
312
+ alignItems: "center",
313
+ gap: "8px"
314
+ },
315
+ children: [
316
+ showAvatar && /* @__PURE__ */ jsx(
317
+ "img",
318
+ {
319
+ width: 24,
320
+ height: 24,
321
+ src: virtualAgent?.avatar_url,
322
+ alt: "agent avatar"
323
+ }
324
+ ),
325
+ /* @__PURE__ */ jsx("strong", { children: virtualAgent?.name })
326
+ ]
327
+ }
328
+ ),
329
+ msg.$userType != "end_user" ? /* @__PURE__ */ jsx(
330
+ ReactMarkdown,
331
+ {
332
+ remarkPlugins: [[remarkGfm, { singleTilde: false }]],
333
+ components: {
334
+ p: ({ ...props }) => /* @__PURE__ */ jsx(
335
+ "p",
336
+ {
337
+ style: { margin: 0, fontSize: "inherit" },
338
+ title: new Date(msg.$timestamp).toLocaleString(),
339
+ ...props
340
+ }
341
+ )
342
+ },
343
+ children: msg.content
344
+ }
345
+ ) : /* @__PURE__ */ jsx("div", { title: new Date(msg.$timestamp).toLocaleString(), children: msg.content })
346
+ ]
347
+ }
348
+ )
339
349
  },
340
350
  msg.$index
341
351
  ),
@@ -398,20 +408,31 @@ const ChatWindow = ({
398
408
  onSubmit: handleSend,
399
409
  style: {
400
410
  borderTop: "1px solid #eee",
401
- display: "flex",
402
- gap: 8
411
+ display: "flex"
412
+ // gap: 8,
403
413
  },
404
414
  children: [
405
415
  /* @__PURE__ */ jsx(
406
- "input",
416
+ "textarea",
407
417
  {
408
- type: "text",
418
+ ref: inputRef,
409
419
  value: input,
410
420
  onChange: (e) => setInput(e.target.value),
421
+ onKeyDown: (e) => {
422
+ if (e.key === "Enter" && !e.shiftKey) {
423
+ e.preventDefault();
424
+ const cleaned = cleanInput(input);
425
+ if (cleaned) {
426
+ onSend(cleaned);
427
+ setInput("");
428
+ }
429
+ }
430
+ },
411
431
  placeholder: "Ask something...",
412
- className: inputStyle,
432
+ className: clsx(inputStyle, autoResize),
413
433
  autoFocus: true,
414
- disabled: inputDisabled || status !== "connected" || messages.length == 0 || escalationDeflected
434
+ disabled: inputDisabled || status !== "connected" || messages.length == 0 || escalationDeflected,
435
+ rows: 1
415
436
  }
416
437
  ),
417
438
  /* @__PURE__ */ jsx(
package/dist/Chatbot/Chatbot.js CHANGED
@@ -218,12 +218,6 @@ const Chatbot = ({
218
218
  isMountedRef.current = true;
219
219
  await createClient();
220
220
  });
221
- useUnmount(() => {
222
- console.log("Chatbot unmounted");
223
- deregisterEventHandlers();
224
- isMountedRef.current = false;
225
- hasLoadedBefore.current = true;
226
- });
227
221
  useEffect(() => {
228
222
  if (menusLoaded && pendingStart && !hasStarted) {
229
223
  startChat();
@@ -231,6 +225,19 @@ const Chatbot = ({
231
225
  setPendingStart(false);
232
226
  }
233
227
  }, [menusLoaded, pendingStart, hasStarted]);
228
+ useUnmount(() => {
229
+ console.log("Chatbot unmounted");
230
+ deregisterEventHandlers();
231
+ isMountedRef.current = false;
232
+ hasLoadedBefore.current = true;
233
+ reset();
234
+ setHasStarted(false);
235
+ setStatus("idle");
236
+ clearMessages();
237
+ clientRef.current?.destroy();
238
+ clientRef.current?.destroyChat();
239
+ clientRef.current = null;
240
+ });
234
241
  return /* @__PURE__ */ jsxs("div", { className: project === "ufb" ? chatbotUFB : chatbotAXB, children: [
235
242
  /* @__PURE__ */ jsx(Bubble, { onClick: handleClick }),
236
243
  /* @__PURE__ */ jsx(
package/dist/Chatbot/index.js CHANGED
@@ -4,7 +4,7 @@ import { bubbleWrapper, svgFill } from "./Bubble.css.js";
4
4
  import { Chatbot } from "./Chatbot.js";
5
5
  import { chatbotAXB, chatbotUFB } from "./Chatbot.css.js";
6
6
  import { ChatWindow } from "./ChatWindow.js";
7
- import { arrowFill, button_reset, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, messageStyle, messagesContainerStyle, notificationStyle, sendButtonStyle, windowBarStyle, windowOpenStyle, windowStyle } from "./ChatWindow.css.js";
7
+ import { arrowFill, autoResize, button_reset, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, messageStyle, messagesContainerStyle, notificationStyle, sendButtonStyle, windowBarStyle, windowOpenStyle, windowStyle } from "./ChatWindow.css.js";
8
8
  import { useOpenChat } from "./store/chat.js";
9
9
  import { useMessages } from "./store/messages.js";
10
10
  export {
@@ -12,6 +12,7 @@ export {
12
12
  ChatWindow,
13
13
  Chatbot,
14
14
  arrowFill,
15
+ autoResize,
15
16
  bubbleWrapper,
16
17
  button_reset,
17
18
  chatFinishDialog,
package/dist/Chevron/index.js CHANGED
@@ -71,10 +71,10 @@ import "../Auth/SignInPassword.js";
71
71
  /* empty css */
72
72
  /* empty css */
73
73
  import "../Carousel/index.js";
74
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
74
75
  /* empty css */
75
76
  import "../Chatbot/store/chat.js";
76
77
  import "../Chatbot/authenticate.js";
77
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
78
78
  /* empty css */
79
79
  import "../Chatbot/store/messages.js";
80
80
  /* empty css */
package/dist/Comparison/Comparison.js CHANGED
@@ -71,10 +71,10 @@ import "../Auth/SignInPassword.js";
71
71
  /* empty css */
72
72
  /* empty css */
73
73
  import "../Carousel/index.js";
74
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
74
75
  /* empty css */
75
76
  import "../Chatbot/store/chat.js";
76
77
  import "../Chatbot/authenticate.js";
77
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
78
78
  /* empty css */
79
79
  import "../Chatbot/store/messages.js";
80
80
  /* empty css */
package/dist/ExecutiveBio/ExecutiveBio.js CHANGED
@@ -71,10 +71,10 @@ import "../Auth/SignInPassword.js";
71
71
  /* empty css */
72
72
  /* empty css */
73
73
  import "../Carousel/index.js";
74
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
74
75
  /* empty css */
75
76
  import "../Chatbot/store/chat.js";
76
77
  import "../Chatbot/authenticate.js";
77
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
78
78
  /* empty css */
79
79
  import "../Chatbot/store/messages.js";
80
80
  /* empty css */
package/dist/FaqAccordion/index.js CHANGED
@@ -72,10 +72,10 @@ import "../Auth/SignInPassword.js";
72
72
  /* empty css */
73
73
  /* empty css */
74
74
  import "../Carousel/index.js";
75
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
75
76
  /* empty css */
76
77
  import "../Chatbot/store/chat.js";
77
78
  import "../Chatbot/authenticate.js";
78
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
79
79
  /* empty css */
80
80
  import "../Chatbot/store/messages.js";
81
81
  /* empty css */
package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js CHANGED
@@ -67,10 +67,10 @@ import "../../Auth/SignInPassword.js";
67
67
  /* empty css */
68
68
  /* empty css */
69
69
  import "../../Carousel/index.js";
70
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
70
71
  /* empty css */
71
72
  import "../../Chatbot/store/chat.js";
72
73
  import "../../Chatbot/authenticate.js";
73
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
74
74
  /* empty css */
75
75
  import "../../Chatbot/store/messages.js";
76
76
  /* empty css */
package/dist/Forms/ApplicationStart.d.ts CHANGED
@@ -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, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
12
+ export declare const ApplicationStart: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
package/dist/Forms/ApplicationStart.js CHANGED
@@ -45,13 +45,14 @@ const ApplicationStart = ({
45
45
  headline,
46
46
  description,
47
47
  callToAction,
48
+ validateEmail,
48
49
  onValidate,
49
50
  id
50
51
  }) => {
51
52
  const schema = z.object({
52
53
  first_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
53
54
  last_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Last Name is required." }),
54
- email: z.string().email({ message: "Email is required." }),
55
+ email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
55
56
  phone: z.string({ message: "Phone is required." }).regex(/[\d-]{10}/, "Invalid phone number.").min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
56
57
  const removeDashes = val.replace(/-/gi, "");
57
58
  if (removeDashes.length !== 10) {
package/dist/Forms/ApplyNow.js CHANGED
@@ -72,10 +72,10 @@ import "../Auth/SignInPassword.js";
72
72
  /* empty css */
73
73
  /* empty css */
74
74
  import "../Carousel/index.js";
75
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
75
76
  /* empty css */
76
77
  import "../Chatbot/store/chat.js";
77
78
  import "../Chatbot/authenticate.js";
78
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
79
79
  /* empty css */
80
80
  import "../Chatbot/store/messages.js";
81
81
  /* empty css */
package/dist/Forms/ContactUsBusiness.js CHANGED
@@ -73,10 +73,10 @@ import "../Auth/SignInPassword.js";
73
73
  /* empty css */
74
74
  /* empty css */
75
75
  import "../Carousel/index.js";
76
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
76
77
  /* empty css */
77
78
  import "../Chatbot/store/chat.js";
78
79
  import "../Chatbot/authenticate.js";
79
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
80
80
  /* empty css */
81
81
  import "../Chatbot/store/messages.js";
82
82
  /* empty css */
package/dist/Forms/ContactUsBusinessNameEmail.js CHANGED
@@ -73,10 +73,10 @@ import "../Auth/SignInPassword.js";
73
73
  /* empty css */
74
74
  /* empty css */
75
75
  import "../Carousel/index.js";
76
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
76
77
  /* empty css */
77
78
  import "../Chatbot/store/chat.js";
78
79
  import "../Chatbot/authenticate.js";
79
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
80
80
  /* empty css */
81
81
  import "../Chatbot/store/messages.js";
82
82
  /* empty css */
package/dist/Forms/ContactUsNMLSId.js CHANGED
@@ -73,10 +73,10 @@ import "../Auth/SignInPassword.js";
73
73
  /* empty css */
74
74
  /* empty css */
75
75
  import "../Carousel/index.js";
76
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
76
77
  /* empty css */
77
78
  import "../Chatbot/store/chat.js";
78
79
  import "../Chatbot/authenticate.js";
79
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
80
80
  /* empty css */
81
81
  import "../Chatbot/store/messages.js";
82
82
  /* empty css */
package/dist/Forms/CraPublicFile.js CHANGED
@@ -73,10 +73,10 @@ import "../Auth/SignInPassword.js";
73
73
  /* empty css */
74
74
  /* empty css */
75
75
  import "../Carousel/index.js";
76
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
76
77
  /* empty css */
77
78
  import "../Chatbot/store/chat.js";
78
79
  import "../Chatbot/authenticate.js";
79
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
80
80
  /* empty css */
81
81
  import "../Chatbot/store/messages.js";
82
82
  /* empty css */
package/dist/Forms/EmailOnly.js CHANGED
@@ -74,10 +74,10 @@ import "../Auth/SignInPassword.js";
74
74
  /* empty css */
75
75
  /* empty css */
76
76
  import "../Carousel/index.js";
77
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
77
78
  /* empty css */
78
79
  import "../Chatbot/store/chat.js";
79
80
  import "../Chatbot/authenticate.js";
80
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
81
81
  /* empty css */
82
82
  import "../Chatbot/store/messages.js";
83
83
  /* empty css */
package/dist/Forms/MortgageRate/MortgageRateForm.js CHANGED
@@ -74,10 +74,10 @@ import "../../Auth/SignInPassword.js";
74
74
  /* empty css */
75
75
  /* empty css */
76
76
  import "../../Carousel/index.js";
77
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
77
78
  /* empty css */
78
79
  import "../../Chatbot/store/chat.js";
79
80
  import "../../Chatbot/authenticate.js";
80
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
81
81
  /* empty css */
82
82
  import "../../Chatbot/store/messages.js";
83
83
  /* empty css */
package/dist/Forms/MortgageRate/MortgageRateWatch.js CHANGED
@@ -70,10 +70,10 @@ import "../../Auth/SignInPassword.js";
70
70
  /* empty css */
71
71
  /* empty css */
72
72
  import "../../Carousel/index.js";
73
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
73
74
  /* empty css */
74
75
  import "../../Chatbot/store/chat.js";
75
76
  import "../../Chatbot/authenticate.js";
76
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
77
77
  /* empty css */
78
78
  import "../../Chatbot/store/messages.js";
79
79
  /* empty css */
package/dist/Forms/MortgageWarehouseLending.js CHANGED
@@ -73,10 +73,10 @@ import "../Auth/SignInPassword.js";
73
73
  /* empty css */
74
74
  /* empty css */
75
75
  import "../Carousel/index.js";
76
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
76
77
  /* empty css */
77
78
  import "../Chatbot/store/chat.js";
78
79
  import "../Chatbot/authenticate.js";
79
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
80
80
  /* empty css */
81
81
  import "../Chatbot/store/messages.js";
82
82
  /* empty css */
package/dist/Forms/SuccesForm.js CHANGED
@@ -57,11 +57,11 @@ import "../Auth/SignInPassword.js";
57
57
  /* empty css */
58
58
  /* empty css */
59
59
  import "../Carousel/index.js";
60
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
60
61
  /* empty css */
61
62
  import "../Chatbot/store/chat.js";
62
63
  import "../Chatbot/authenticate.js";
63
64
  import "react-use";
64
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
65
65
  /* empty css */
66
66
  import "../Chatbot/store/messages.js";
67
67
  /* empty css */
package/dist/Hyperlink/index.js CHANGED
@@ -66,10 +66,10 @@ import "../Auth/SignInPassword.js";
66
66
  /* empty css */
67
67
  /* empty css */
68
68
  import "../Carousel/index.js";
69
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
69
70
  /* empty css */
70
71
  import "../Chatbot/store/chat.js";
71
72
  import "../Chatbot/authenticate.js";
72
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
73
73
  /* empty css */
74
74
  import "../Chatbot/store/messages.js";
75
75
  /* empty css */
package/dist/ImageLink/ImageLink.js CHANGED
@@ -65,10 +65,10 @@ import "../Auth/SignInPassword.js";
65
65
  /* empty css */
66
66
  /* empty css */
67
67
  import "../Carousel/index.js";
68
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
68
69
  /* empty css */
69
70
  import "../Chatbot/store/chat.js";
70
71
  import "../Chatbot/authenticate.js";
71
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
72
72
  /* empty css */
73
73
  import "../Chatbot/store/messages.js";
74
74
  /* empty css */
package/dist/ImageLink/ImageLinkSet.js CHANGED
@@ -72,10 +72,10 @@ import "../Auth/SignInPassword.js";
72
72
  /* empty css */
73
73
  /* empty css */
74
74
  import "../Carousel/index.js";
75
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
75
76
  /* empty css */
76
77
  import "../Chatbot/store/chat.js";
77
78
  import "../Chatbot/authenticate.js";
78
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
79
79
  /* empty css */
80
80
  import "../Chatbot/store/messages.js";
81
81
  /* empty css */
package/dist/ImageLink/index.js CHANGED
@@ -64,10 +64,10 @@ import "../Auth/SignInPassword.js";
64
64
  /* empty css */
65
65
  /* empty css */
66
66
  import "../Carousel/index.js";
67
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
67
68
  /* empty css */
68
69
  import "../Chatbot/store/chat.js";
69
70
  import "../Chatbot/authenticate.js";
70
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
71
71
  /* empty css */
72
72
  import "../Chatbot/store/messages.js";
73
73
  /* empty css */
package/dist/Insight/Featured/CategorySelector.js CHANGED
@@ -68,10 +68,10 @@ import "../../Auth/SignInPassword.js";
68
68
  /* empty css */
69
69
  /* empty css */
70
70
  import "../../Carousel/index.js";
71
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
71
72
  /* empty css */
72
73
  import "../../Chatbot/store/chat.js";
73
74
  import "../../Chatbot/authenticate.js";
74
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
75
75
  /* empty css */
76
76
  import "../../Chatbot/store/messages.js";
77
77
  /* empty css */
package/dist/Insight/Featured/Featured.js CHANGED
@@ -69,10 +69,10 @@ import "../../Auth/SignInPassword.js";
69
69
  /* empty css */
70
70
  /* empty css */
71
71
  import "../../Carousel/index.js";
72
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
72
73
  /* empty css */
73
74
  import "../../Chatbot/store/chat.js";
74
75
  import "../../Chatbot/authenticate.js";
75
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
76
76
  /* empty css */
77
77
  import "../../Chatbot/store/messages.js";
78
78
  /* empty css */
package/dist/Insight/Featured/Header.js CHANGED
@@ -67,10 +67,10 @@ import "../../Auth/SignInPassword.js";
67
67
  /* empty css */
68
68
  /* empty css */
69
69
  import "../../Carousel/index.js";
70
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
70
71
  /* empty css */
71
72
  import "../../Chatbot/store/chat.js";
72
73
  import "../../Chatbot/authenticate.js";
73
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
74
74
  /* empty css */
75
75
  import "../../Chatbot/store/messages.js";
76
76
  /* empty css */
package/dist/Modal/Modal.js CHANGED
@@ -67,10 +67,10 @@ import "../Auth/SignInPassword.js";
67
67
  /* empty css */
68
68
  /* empty css */
69
69
  import "../Carousel/index.js";
70
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
70
71
  /* empty css */
71
72
  import "../Chatbot/store/chat.js";
72
73
  import "../Chatbot/authenticate.js";
73
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
74
74
  /* empty css */
75
75
  import "../Chatbot/store/messages.js";
76
76
  /* empty css */
package/dist/NavigationMenu/AxosALTS/NavData.js CHANGED
@@ -67,10 +67,10 @@ import "../../Auth/SignInPassword.js";
67
67
  /* empty css */
68
68
  /* empty css */
69
69
  import "../../Carousel/index.js";
70
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
70
71
  /* empty css */
71
72
  import "../../Chatbot/store/chat.js";
72
73
  import "../../Chatbot/authenticate.js";
73
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
74
74
  /* empty css */
75
75
  import "../../Chatbot/store/messages.js";
76
76
  /* empty css */
package/dist/NavigationMenu/AxosALTS/index.js CHANGED
@@ -68,10 +68,10 @@ import "../../Auth/SignInPassword.js";
68
68
  /* empty css */
69
69
  /* empty css */
70
70
  import "../../Carousel/index.js";
71
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
71
72
  /* empty css */
72
73
  import "../../Chatbot/store/chat.js";
73
74
  import "../../Chatbot/authenticate.js";
74
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
75
75
  /* empty css */
76
76
  import "../../Chatbot/store/messages.js";
77
77
  /* empty css */
package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js CHANGED
@@ -67,10 +67,10 @@ import "../../../Auth/SignInPassword.js";
67
67
  /* empty css */
68
68
  /* empty css */
69
69
  import "../../../Carousel/index.js";
70
+ import "../../../Chatbot/Chatbot.css.ts.vanilla.css.js";
70
71
  /* empty css */
71
72
  import "../../../Chatbot/store/chat.js";
72
73
  import "../../../Chatbot/authenticate.js";
73
- import "../../../Chatbot/Chatbot.css.ts.vanilla.css.js";
74
74
  /* empty css */
75
75
  import "../../../Chatbot/store/messages.js";
76
76
  /* empty css */
package/dist/NavigationMenu/AxosBank/NavData.js CHANGED
@@ -67,10 +67,10 @@ import "../../Auth/SignInPassword.js";
67
67
  /* empty css */
68
68
  /* empty css */
69
69
  import "../../Carousel/index.js";
70
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
70
71
  /* empty css */
71
72
  import "../../Chatbot/store/chat.js";
72
73
  import "../../Chatbot/authenticate.js";
73
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
74
74
  /* empty css */
75
75
  import "../../Chatbot/store/messages.js";
76
76
  /* empty css */
package/dist/NavigationMenu/AxosBank/SubNavBar.js CHANGED
@@ -69,10 +69,10 @@ import "../../Auth/SignInPassword.js";
69
69
  /* empty css */
70
70
  /* empty css */
71
71
  import "../../Carousel/index.js";
72
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
72
73
  /* empty css */
73
74
  import "../../Chatbot/store/chat.js";
74
75
  import "../../Chatbot/authenticate.js";
75
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
76
76
  /* empty css */
77
77
  import "../../Chatbot/store/messages.js";
78
78
  /* empty css */
package/dist/NavigationMenu/AxosBank/index.js CHANGED
@@ -70,10 +70,10 @@ import "../../Auth/SignInPassword.js";
70
70
  /* empty css */
71
71
  /* empty css */
72
72
  import "../../Carousel/index.js";
73
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
73
74
  /* empty css */
74
75
  import "../../Chatbot/store/chat.js";
75
76
  import "../../Chatbot/authenticate.js";
76
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
77
77
  /* empty css */
78
78
  import "../../Chatbot/store/messages.js";
79
79
  /* empty css */
package/dist/NavigationMenu/LaVictoire/NavData.js CHANGED
@@ -67,10 +67,10 @@ import "../../Auth/SignInPassword.js";
67
67
  /* empty css */
68
68
  /* empty css */
69
69
  import "../../Carousel/index.js";
70
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
70
71
  /* empty css */
71
72
  import "../../Chatbot/store/chat.js";
72
73
  import "../../Chatbot/authenticate.js";
73
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
74
74
  /* empty css */
75
75
  import "../../Chatbot/store/messages.js";
76
76
  /* empty css */
package/dist/NavigationMenu/LaVictoire/index.js CHANGED
@@ -70,10 +70,10 @@ import "../../Auth/SignInPassword.js";
70
70
  /* empty css */
71
71
  /* empty css */
72
72
  import "../../Carousel/index.js";
73
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
73
74
  /* empty css */
74
75
  import "../../Chatbot/store/chat.js";
75
76
  import "../../Chatbot/authenticate.js";
76
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
77
77
  /* empty css */
78
78
  import "../../Chatbot/store/messages.js";
79
79
  /* empty css */
package/dist/SetContainer/SetContainer.js CHANGED
@@ -71,10 +71,10 @@ import "../Auth/SignInPassword.js";
71
71
  /* empty css */
72
72
  /* empty css */
73
73
  import "../Carousel/index.js";
74
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
74
75
  /* empty css */
75
76
  import "../Chatbot/store/chat.js";
76
77
  import "../Chatbot/authenticate.js";
77
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
78
78
  /* empty css */
79
79
  import "../Chatbot/store/messages.js";
80
80
  /* empty css */
package/dist/SocialMediaBar/iconsRepository.js CHANGED
@@ -67,10 +67,10 @@ import "../Auth/SignInPassword.js";
67
67
  /* empty css */
68
68
  /* empty css */
69
69
  import "../Carousel/index.js";
70
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
70
71
  /* empty css */
71
72
  import "../Chatbot/store/chat.js";
72
73
  import "../Chatbot/authenticate.js";
73
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
74
74
  /* empty css */
75
75
  import "../Chatbot/store/messages.js";
76
76
  /* empty css */
package/dist/VideoTile/VideoTile.js CHANGED
@@ -75,10 +75,10 @@ import "../Auth/SignInPassword.js";
75
75
  /* empty css */
76
76
  /* empty css */
77
77
  import "../Carousel/index.js";
78
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
78
79
  /* empty css */
79
80
  import "../Chatbot/store/chat.js";
80
81
  import "../Chatbot/authenticate.js";
81
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
82
82
  /* empty css */
83
83
  import "../Chatbot/store/messages.js";
84
84
  /* empty css */
package/dist/VideoWrapper/index.js CHANGED
@@ -68,10 +68,10 @@ import "../Auth/SignInPassword.js";
68
68
  /* empty css */
69
69
  /* empty css */
70
70
  import "../Carousel/index.js";
71
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
71
72
  /* empty css */
72
73
  import "../Chatbot/store/chat.js";
73
74
  import "../Chatbot/authenticate.js";
74
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
75
75
  /* empty css */
76
76
  import "../Chatbot/store/messages.js";
77
77
  /* empty css */
package/dist/assets/Chatbot/ChatWindow.css CHANGED
@@ -57,10 +57,12 @@
57
57
  color: #1F1F1F;
58
58
  flex: 1;
59
59
  font-family: var(--header-font-family);
60
- font-size: 13px;
60
+ font-size: 16px;
61
61
  opacity: 0.7;
62
62
  outline: none;
63
63
  padding: 20px 0 20px 20px;
64
+ resize: none;
65
+ transform: scale(0.8);
64
66
  }
65
67
  ._13n1jqk6::placeholder {
66
68
  color: rgba(31,31,31,.38);
@@ -72,27 +74,31 @@
72
74
  color: rgba(31,31,31,.58);
73
75
  }
74
76
  ._13n1jqk7 {
77
+ overflow-y: hidden;
78
+ min-height: 20px;
79
+ }
80
+ ._13n1jqk8 {
75
81
  padding-inline: 20px;
76
82
  background: #fafafa;
77
83
  border: none;
78
84
  }
79
- ._13n1jqk7:hover {
85
+ ._13n1jqk8:hover {
80
86
  background: #E9F8FF;
81
87
  cursor: pointer;
82
88
  }
83
- ._1hpv6vm1 ._13n1jqk7:hover {
89
+ ._1hpv6vm1 ._13n1jqk8:hover {
84
90
  background: #eae8e8;
85
91
  }
86
- ._13n1jqk7 svg {
92
+ ._13n1jqk8 svg {
87
93
  fill: rgba(31,31,31,.38);
88
94
  }
89
- ._13n1jqk7.active svg {
95
+ ._13n1jqk8.active svg {
90
96
  fill: #1e3860;
91
97
  }
92
- ._1hpv6vm1 ._13n1jqk7.active svg {
98
+ ._1hpv6vm1 ._13n1jqk8.active svg {
93
99
  fill: #e18357;
94
100
  }
95
- ._13n1jqk8 {
101
+ ._13n1jqk9 {
96
102
  background: #f9f9f9;
97
103
  display: flex;
98
104
  flex: 1;
@@ -102,22 +108,22 @@
102
108
  padding: 1rem;
103
109
  scrollbar-color: #ccc transparent;
104
110
  }
105
- ._13n1jqk9 {
111
+ ._13n1jqka {
106
112
  color: #888;
107
113
  font-size: 10px;
108
114
  margin-bottom: 4px;
109
115
  text-align: center;
110
116
  }
111
- ._13n1jqka {
117
+ ._13n1jqkb {
112
118
  border-radius: 8px;
113
119
  margin-bottom: 8px;
114
120
  max-width: 93%;
115
121
  padding: 8px 12px;
116
122
  }
117
- ._13n1jqka ul {
123
+ ._13n1jqkb ul {
118
124
  padding-left: 24px;
119
125
  }
120
- ._13n1jqkb {
126
+ ._13n1jqkc {
121
127
  border: 1px solid #ddd;
122
128
  border-radius: 8px;
123
129
  box-shadow: 0 1px 4px #b3e0ff55;
@@ -125,20 +131,20 @@
125
131
  flex-direction: column;
126
132
  margin-bottom: 8px;
127
133
  }
128
- ._13n1jqkc {
134
+ ._13n1jqkd {
129
135
  font-size: 12px;
130
136
  text-align: left;
131
137
  background: #fff;
132
138
  color: #1e3860;
133
139
  cursor: pointer;
134
140
  }
135
- ._13n1jqkc:hover {
141
+ ._13n1jqkd:hover {
136
142
  background: #f0f0f0;
137
143
  }
138
- ._1hpv6vm1 ._13n1jqkc {
144
+ ._1hpv6vm1 ._13n1jqkd {
139
145
  color: #323339;
140
146
  }
141
- ._13n1jqkd {
147
+ ._13n1jqke {
142
148
  background: #1e629a;
143
149
  border: none;
144
150
  color: #fff;
@@ -148,14 +154,14 @@
148
154
  border-radius: 4px;
149
155
  text-align: center;
150
156
  }
151
- ._13n1jqkd:hover {
157
+ ._13n1jqke:hover {
152
158
  opacity: 0.8;
153
159
  }
154
- ._1hpv6vm1 ._13n1jqkd {
160
+ ._1hpv6vm1 ._13n1jqke {
155
161
  background: #e18357;
156
162
  color: #323339;
157
163
  }
158
- ._13n1jqke {
164
+ ._13n1jqkf {
159
165
  position: absolute;
160
166
  top: 40px;
161
167
  right: 25px;
@@ -171,43 +177,49 @@
171
177
  color: #323339;
172
178
  }
173
179
  }
174
- ._13n1jqkf {
180
+ ._13n1jqkg {
175
181
  color: #fff;
176
182
  border-bottom: 1px solid #1f2d3e;
177
183
  padding: 2px 12px;
178
184
  cursor: pointer;
179
185
  font-size: 12px;
180
186
  }
181
- ._13n1jqkf:last-child {
187
+ ._13n1jqkg:last-child {
182
188
  border-bottom: none;
183
189
  }
184
- ._13n1jqkf:hover {
190
+ ._13n1jqkg:hover {
185
191
  background: #1f2d3e;
186
192
  }
187
- ._1hpv6vm1 ._13n1jqkf {
193
+ ._1hpv6vm1 ._13n1jqkg {
188
194
  background: #e18357;
189
195
  color: #323339;
190
196
  }
191
- ._13n1jqkf button {
197
+ ._13n1jqkg button {
192
198
  background: transparent;
193
199
  border: none;
194
200
  color: inherit;
195
201
  cursor: pointer;
196
202
  }
197
- ._13n1jqkg {
203
+ ._13n1jqkh {
198
204
  font-size: 10px;
199
205
  text-align: center;
200
206
  margin-bottom: 8px;
201
207
  margin-top: 8px;
202
208
  color: #1e3860;
203
209
  }
204
- ._1hpv6vm1 ._13n1jqkg {
210
+ ._1hpv6vm1 ._13n1jqkh {
205
211
  color: #323339;
206
212
  }
207
- ._13n1jqkh {
213
+ ._13n1jqki {
208
214
  display: flex;
209
215
  flex-direction: column;
210
216
  align-items: center;
211
217
  justify-content: center;
212
218
  padding: 0 1rem;
219
+ }
220
+ @media (hover: none) and (pointer: coarse) {
221
+ body:has(._1hpv6vm1), body:has(._1hpv6vm0) {
222
+ overscroll-behavior: contain;
223
+ overflow: hidden;
224
+ }
213
225
  }
package/dist/main.js CHANGED
@@ -42,7 +42,7 @@ import { bubbleWrapper, svgFill } from "./Chatbot/Bubble.css.js";
42
42
  import { Chatbot } from "./Chatbot/Chatbot.js";
43
43
  import { chatbotAXB, chatbotUFB } from "./Chatbot/Chatbot.css.js";
44
44
  import { ChatWindow } from "./Chatbot/ChatWindow.js";
45
- import { arrowFill, button_reset, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, messageStyle, messagesContainerStyle, notificationStyle, sendButtonStyle, windowBarStyle, windowOpenStyle, windowStyle } from "./Chatbot/ChatWindow.css.js";
45
+ import { arrowFill, autoResize, button_reset, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, messageStyle, messagesContainerStyle, notificationStyle, sendButtonStyle, windowBarStyle, windowOpenStyle, windowStyle } from "./Chatbot/ChatWindow.css.js";
46
46
  import { useOpenChat } from "./Chatbot/store/chat.js";
47
47
  import { useMessages } from "./Chatbot/store/messages.js";
48
48
  import { Chevron } from "./Chevron/index.js";
@@ -416,6 +416,7 @@ export {
416
416
  apy_table,
417
417
  arrowFill,
418
418
  associatedEmail,
419
+ autoResize,
419
420
  award_company,
420
421
  award_item,
421
422
  award_name,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@axos-web-dev/shared-components",
3
3
  "description": "Axos shared components library for web.",
4
- "version": "1.0.77-patch.45",
4
+ "version": "1.0.77-patch.46-chatbot",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",
@@ -36,7 +36,6 @@
36
36
  "@storybook/icons": "^1.3.0",
37
37
  "@storybook/preview-api": "^8.4.7",
38
38
  "@types/iframe-resizer": "3.5.13",
39
- "@ujet/websdk-headless": "^3.41.4",
40
39
  "@vanilla-extract/css": "^1.16.1",
41
40
  "@vanilla-extract/recipes": "^0.5.1",
42
41
  "antd": "^5.22.5",
@@ -54,7 +53,6 @@
54
53
  "react-slick": "^0.30.2",
55
54
  "react-use": "^17.6.0",
56
55
  "react-wrap-balancer": "^1.1.1",
57
- "remark-gfm": "^4.0.1",
58
56
  "rsuite": "^5.75.0",
59
57
  "slick-carousel": "^1.8.1",
60
58
  "typed-css-modules": "^0.9.1",