@axos-web-dev/shared-components 1.0.100-dev.42-chatbot-reset-fix.3 → 1.0.100-dev.42-chatbot-reset-fix.4

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 +18 -5
  10. package/dist/Chatbot/index.js +2 -1
  11. package/dist/Chevron/index.js +1 -1
  12. package/dist/Comparison/Comparison.js +1 -1
  13. package/dist/ExecutiveBio/ExecutiveBio.js +1 -1
  14. package/dist/FaqAccordion/index.js +1 -1
  15. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +1 -1
  16. package/dist/Forms/ApplyNow.js +1 -1
  17. package/dist/Forms/ContactUsBusiness.js +1 -1
  18. package/dist/Forms/ContactUsBusinessNameEmail.js +1 -1
  19. package/dist/Forms/ContactUsNMLSId.js +1 -1
  20. package/dist/Forms/CraPublicFile.js +1 -1
  21. package/dist/Forms/EmailOnly.js +1 -1
  22. package/dist/Forms/MortgageRate/MortgageRateForm.js +1 -1
  23. package/dist/Forms/MortgageRate/MortgageRateWatch.js +1 -1
  24. package/dist/Forms/MortgageWarehouseLending.js +1 -1
  25. package/dist/Forms/SuccesForm.js +1 -1
  26. package/dist/Hyperlink/index.js +1 -1
  27. package/dist/ImageLink/ImageLink.js +1 -1
  28. package/dist/ImageLink/ImageLinkSet.js +1 -1
  29. package/dist/ImageLink/index.js +1 -1
  30. package/dist/Insight/Featured/CategorySelector.js +1 -1
  31. package/dist/Insight/Featured/Featured.js +1 -1
  32. package/dist/Insight/Featured/Header.js +1 -1
  33. package/dist/Modal/Modal.js +1 -1
  34. package/dist/NavigationMenu/AxosALTS/NavData.js +1 -1
  35. package/dist/NavigationMenu/AxosALTS/index.js +1 -1
  36. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +1 -1
  37. package/dist/NavigationMenu/AxosBank/NavData.js +1 -1
  38. package/dist/NavigationMenu/AxosBank/SubNavBar.js +1 -1
  39. package/dist/NavigationMenu/AxosBank/index.js +1 -1
  40. package/dist/NavigationMenu/LaVictoire/NavData.js +1 -1
  41. package/dist/NavigationMenu/LaVictoire/index.js +1 -1
  42. package/dist/NavigationMenu/NavDataJson.js +1 -1
  43. package/dist/NavigationMenu/Navbar.js +1 -1
  44. package/dist/NavigationMenu/SignInNavButton.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 +31 -26
  50. package/dist/main.js +2 -1
  51. package/package.json +1 -1
@@ -67,10 +67,10 @@ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.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 */
@@ -59,10 +59,10 @@ import "./SignInPassword.js";
59
59
  /* empty css */
60
60
  /* empty css */
61
61
  import "../Carousel/index.js";
62
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
62
63
  /* empty css */
63
64
  import "../Chatbot/store/chat.js";
64
65
  import "../Chatbot/authenticate.js";
65
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
66
66
  /* empty css */
67
67
  import "../Chatbot/store/messages.js";
68
68
  import { Hyperlink } from "../Hyperlink/index.js";
@@ -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 */
@@ -49,11 +49,11 @@ import { SummitApyCalculator } from "./SummitApyCalculator/index.js";
49
49
  /* empty css */
50
50
  /* empty css */
51
51
  import "../Carousel/index.js";
52
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
52
53
  /* empty css */
53
54
  import "../Chatbot/store/chat.js";
54
55
  import "../Chatbot/authenticate.js";
55
56
  import "react-use";
56
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
57
57
  /* empty css */
58
58
  import "../Chatbot/store/messages.js";
59
59
  /* empty css */
@@ -72,10 +72,10 @@ import "../Auth/SignInPassword.js";
72
72
  /* empty css */
73
73
  /* empty css */
74
74
  /* empty css */
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 */
@@ -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";
@@ -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;
@@ -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,
@@ -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,6 +28,7 @@ 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" });
@@ -51,6 +52,17 @@ const ChatWindow = ({
51
52
  (item) => item.type == "noti" && item.event == "escalationDeflected"
52
53
  ).length > 0;
53
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]);
54
66
  return /* @__PURE__ */ jsxs("div", { className: clsx(windowStyle, isOpen && windowOpenStyle), children: [
55
67
  /* @__PURE__ */ jsxs("div", { className: windowBarStyle, children: [
56
68
  /* @__PURE__ */ jsxs("div", { className: "flex middle", style: { paddingBlock: "6px" }, children: [
@@ -396,13 +408,14 @@ const ChatWindow = ({
396
408
  onSubmit: handleSend,
397
409
  style: {
398
410
  borderTop: "1px solid #eee",
399
- display: "flex",
400
- gap: 8
411
+ display: "flex"
412
+ // gap: 8,
401
413
  },
402
414
  children: [
403
415
  /* @__PURE__ */ jsx(
404
416
  "textarea",
405
417
  {
418
+ ref: inputRef,
406
419
  value: input,
407
420
  onChange: (e) => setInput(e.target.value),
408
421
  onKeyDown: (e) => {
@@ -416,10 +429,10 @@ const ChatWindow = ({
416
429
  }
417
430
  },
418
431
  placeholder: "Ask something...",
419
- className: inputStyle,
432
+ className: clsx(inputStyle, autoResize),
420
433
  autoFocus: true,
421
434
  disabled: inputDisabled || status !== "connected" || messages.length == 0 || escalationDeflected,
422
- rows: 2
435
+ rows: 1
423
436
  }
424
437
  ),
425
438
  /* @__PURE__ */ jsx(
@@ -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,
@@ -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 */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -76,10 +76,10 @@ import "../Auth/SignInPassword.js";
76
76
  /* empty css */
77
77
  /* empty css */
78
78
  import "../Carousel/index.js";
79
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
79
80
  /* empty css */
80
81
  import "../Chatbot/store/chat.js";
81
82
  import "../Chatbot/authenticate.js";
82
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
83
83
  /* empty css */
84
84
  import "../Chatbot/store/messages.js";
85
85
  /* empty css */
@@ -76,10 +76,10 @@ import "../../Auth/SignInPassword.js";
76
76
  /* empty css */
77
77
  /* empty css */
78
78
  import "../../Carousel/index.js";
79
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
79
80
  /* empty css */
80
81
  import "../../Chatbot/store/chat.js";
81
82
  import "../../Chatbot/authenticate.js";
82
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
83
83
  /* empty css */
84
84
  import "../../Chatbot/store/messages.js";
85
85
  /* empty css */
@@ -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 */
@@ -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 */
@@ -58,11 +58,11 @@ import "../Auth/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
65
  import "react-use";
65
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
66
66
  /* empty css */
67
67
  import "../Chatbot/store/messages.js";
68
68
  /* empty css */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -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 */
@@ -76,10 +76,10 @@ import "../Auth/SignInPassword.js";
76
76
  /* empty css */
77
77
  /* empty css */
78
78
  import "../Carousel/index.js";
79
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
79
80
  /* empty css */
80
81
  import "../Chatbot/store/chat.js";
81
82
  import "../Chatbot/authenticate.js";
82
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
83
83
  /* empty css */
84
84
  import "../Chatbot/store/messages.js";
85
85
  /* empty css */
@@ -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 */
@@ -57,11 +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
64
  resize: none;
65
+ transform: scale(0.8);
65
66
  }
66
67
  ._13n1jqk6::placeholder {
67
68
  color: rgba(31,31,31,.38);
@@ -73,27 +74,31 @@
73
74
  color: rgba(31,31,31,.58);
74
75
  }
75
76
  ._13n1jqk7 {
77
+ overflow-y: hidden;
78
+ min-height: 20px;
79
+ }
80
+ ._13n1jqk8 {
76
81
  padding-inline: 20px;
77
82
  background: #fafafa;
78
83
  border: none;
79
84
  }
80
- ._13n1jqk7:hover {
85
+ ._13n1jqk8:hover {
81
86
  background: #E9F8FF;
82
87
  cursor: pointer;
83
88
  }
84
- ._1hpv6vm1 ._13n1jqk7:hover {
89
+ ._1hpv6vm1 ._13n1jqk8:hover {
85
90
  background: #eae8e8;
86
91
  }
87
- ._13n1jqk7 svg {
92
+ ._13n1jqk8 svg {
88
93
  fill: rgba(31,31,31,.38);
89
94
  }
90
- ._13n1jqk7.active svg {
95
+ ._13n1jqk8.active svg {
91
96
  fill: #1e3860;
92
97
  }
93
- ._1hpv6vm1 ._13n1jqk7.active svg {
98
+ ._1hpv6vm1 ._13n1jqk8.active svg {
94
99
  fill: #e18357;
95
100
  }
96
- ._13n1jqk8 {
101
+ ._13n1jqk9 {
97
102
  background: #f9f9f9;
98
103
  display: flex;
99
104
  flex: 1;
@@ -103,22 +108,22 @@
103
108
  padding: 1rem;
104
109
  scrollbar-color: #ccc transparent;
105
110
  }
106
- ._13n1jqk9 {
111
+ ._13n1jqka {
107
112
  color: #888;
108
113
  font-size: 10px;
109
114
  margin-bottom: 4px;
110
115
  text-align: center;
111
116
  }
112
- ._13n1jqka {
117
+ ._13n1jqkb {
113
118
  border-radius: 8px;
114
119
  margin-bottom: 8px;
115
120
  max-width: 93%;
116
121
  padding: 8px 12px;
117
122
  }
118
- ._13n1jqka ul {
123
+ ._13n1jqkb ul {
119
124
  padding-left: 24px;
120
125
  }
121
- ._13n1jqkb {
126
+ ._13n1jqkc {
122
127
  border: 1px solid #ddd;
123
128
  border-radius: 8px;
124
129
  box-shadow: 0 1px 4px #b3e0ff55;
@@ -126,20 +131,20 @@
126
131
  flex-direction: column;
127
132
  margin-bottom: 8px;
128
133
  }
129
- ._13n1jqkc {
134
+ ._13n1jqkd {
130
135
  font-size: 12px;
131
136
  text-align: left;
132
137
  background: #fff;
133
138
  color: #1e3860;
134
139
  cursor: pointer;
135
140
  }
136
- ._13n1jqkc:hover {
141
+ ._13n1jqkd:hover {
137
142
  background: #f0f0f0;
138
143
  }
139
- ._1hpv6vm1 ._13n1jqkc {
144
+ ._1hpv6vm1 ._13n1jqkd {
140
145
  color: #323339;
141
146
  }
142
- ._13n1jqkd {
147
+ ._13n1jqke {
143
148
  background: #1e629a;
144
149
  border: none;
145
150
  color: #fff;
@@ -149,14 +154,14 @@
149
154
  border-radius: 4px;
150
155
  text-align: center;
151
156
  }
152
- ._13n1jqkd:hover {
157
+ ._13n1jqke:hover {
153
158
  opacity: 0.8;
154
159
  }
155
- ._1hpv6vm1 ._13n1jqkd {
160
+ ._1hpv6vm1 ._13n1jqke {
156
161
  background: #e18357;
157
162
  color: #323339;
158
163
  }
159
- ._13n1jqke {
164
+ ._13n1jqkf {
160
165
  position: absolute;
161
166
  top: 40px;
162
167
  right: 25px;
@@ -172,40 +177,40 @@
172
177
  color: #323339;
173
178
  }
174
179
  }
175
- ._13n1jqkf {
180
+ ._13n1jqkg {
176
181
  color: #fff;
177
182
  border-bottom: 1px solid #1f2d3e;
178
183
  padding: 2px 12px;
179
184
  cursor: pointer;
180
185
  font-size: 12px;
181
186
  }
182
- ._13n1jqkf:last-child {
187
+ ._13n1jqkg:last-child {
183
188
  border-bottom: none;
184
189
  }
185
- ._13n1jqkf:hover {
190
+ ._13n1jqkg:hover {
186
191
  background: #1f2d3e;
187
192
  }
188
- ._1hpv6vm1 ._13n1jqkf {
193
+ ._1hpv6vm1 ._13n1jqkg {
189
194
  background: #e18357;
190
195
  color: #323339;
191
196
  }
192
- ._13n1jqkf button {
197
+ ._13n1jqkg button {
193
198
  background: transparent;
194
199
  border: none;
195
200
  color: inherit;
196
201
  cursor: pointer;
197
202
  }
198
- ._13n1jqkg {
203
+ ._13n1jqkh {
199
204
  font-size: 10px;
200
205
  text-align: center;
201
206
  margin-bottom: 8px;
202
207
  margin-top: 8px;
203
208
  color: #1e3860;
204
209
  }
205
- ._1hpv6vm1 ._13n1jqkg {
210
+ ._1hpv6vm1 ._13n1jqkh {
206
211
  color: #323339;
207
212
  }
208
- ._13n1jqkh {
213
+ ._13n1jqki {
209
214
  display: flex;
210
215
  flex-direction: column;
211
216
  align-items: center;
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";
@@ -434,6 +434,7 @@ export {
434
434
  article_share_svg,
435
435
  article_spacer,
436
436
  associatedEmail,
437
+ autoResize,
437
438
  award_company,
438
439
  award_item,
439
440
  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.100-dev.42-chatbot-reset-fix.3",
4
+ "version": "1.0.100-dev.42-chatbot-reset-fix.4",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",