impact-ui 4.0.6 → 4.0.7-alpha.2

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 (93) hide show
  1. package/dist/_virtual/index3.js +4 -2
  2. package/dist/_virtual/index4.js +3 -3
  3. package/dist/_virtual/index5.js +2 -4
  4. package/dist/components/Accordion/index.d.ts.map +1 -1
  5. package/dist/components/Accordion/index.js +1 -0
  6. package/dist/components/BottomSheet/index.d.ts.map +1 -1
  7. package/dist/components/BottomSheet/index.js +27 -21
  8. package/dist/components/Button/index.d.ts.map +1 -1
  9. package/dist/components/Button/index.js +1 -0
  10. package/dist/components/Chatbot/Chatbot.types.d.ts +12 -1
  11. package/dist/components/Chatbot/Chatbot.types.d.ts.map +1 -1
  12. package/dist/components/Chatbot/chatInput.d.ts.map +1 -1
  13. package/dist/components/Chatbot/chatInput.js +22 -4
  14. package/dist/components/Chatbot/chatbotModuleMenu.d.ts +1 -1
  15. package/dist/components/Chatbot/chatbotModuleMenu.d.ts.map +1 -1
  16. package/dist/components/Chatbot/chatbotModuleMenu.js +162 -186
  17. package/dist/components/Chatbot/conversationScreen.d.ts +1 -1
  18. package/dist/components/Chatbot/conversationScreen.d.ts.map +1 -1
  19. package/dist/components/Chatbot/conversationScreen.js +7 -3
  20. package/dist/components/Chatbot/customScreen.d.ts +1 -1
  21. package/dist/components/Chatbot/customScreen.d.ts.map +1 -1
  22. package/dist/components/Chatbot/customScreen.js +26 -25
  23. package/dist/components/Chatbot/index.d.ts.map +1 -1
  24. package/dist/components/Chatbot/index.js +340 -242
  25. package/dist/components/Chatbot/newChatComponent.d.ts +1 -1
  26. package/dist/components/Chatbot/newChatComponent.d.ts.map +1 -1
  27. package/dist/components/Chatbot/newChatComponent.js +5 -2
  28. package/dist/components/Checkbox/index.js +1 -1
  29. package/dist/components/Chips/index.js +1 -1
  30. package/dist/components/CommentsPanel/CommentsPanel.impl.d.ts +2 -6
  31. package/dist/components/CommentsPanel/CommentsPanel.impl.d.ts.map +1 -1
  32. package/dist/components/CommentsPanel/CommentsPanel.impl.js +7 -2
  33. package/dist/components/CommentsPanel/CommentsPanel.types.d.ts +2 -2
  34. package/dist/components/CommentsPanel/CommentsPanel.types.d.ts.map +1 -1
  35. package/dist/components/DatePicker/index.js +1 -1
  36. package/dist/components/DateRangePicker/index.js +1 -1
  37. package/dist/components/FilterPanel/index.js +1 -1
  38. package/dist/components/Header/index.js +1 -1
  39. package/dist/components/HomePage/index.js +1 -1
  40. package/dist/components/Input/index.js +1 -1
  41. package/dist/components/KeyboardShortCuts/ShortcutLandingPage.js +1 -1
  42. package/dist/components/KeyboardShortCuts/ShortcutModal.js +1 -1
  43. package/dist/components/KeyboardShortCuts/allSetBox.js +1 -1
  44. package/dist/components/KeyboardShortCuts/index.js +1 -1
  45. package/dist/components/KeyboardShortCuts/tutorial.js +1 -1
  46. package/dist/components/Menu/IconMenuItem.d.ts.map +1 -1
  47. package/dist/components/Menu/IconMenuItem.js +2 -1
  48. package/dist/components/Menu/MenuHeaderInfo.js +1 -1
  49. package/dist/components/Menu/NestedMenuItem.js +2 -2
  50. package/dist/components/Menu/index.js +1 -1
  51. package/dist/components/Menu/nestedMenuItemsFromObject.js +1 -1
  52. package/dist/components/Modal/index.js +1 -1
  53. package/dist/components/MonthPicker/index.js +1 -1
  54. package/dist/components/MonthRangePicker/index.js +1 -1
  55. package/dist/components/Notification/NotificationBody/NotificationList/NotificationList.js +1 -1
  56. package/dist/components/Notification/index.js +1 -1
  57. package/dist/components/Panel/index.js +1 -1
  58. package/dist/components/Prompt/index.js +1 -1
  59. package/dist/components/RadioButtonGroup/index.js +1 -1
  60. package/dist/components/Select/index.js +1 -1
  61. package/dist/components/Stepper/index.js +1 -1
  62. package/dist/components/Table/index.js +1 -1
  63. package/dist/components/Table/tableFunctions.d.ts.map +1 -1
  64. package/dist/components/Table/tableFunctions.js +105 -174
  65. package/dist/components/TableChat/components/TableChatLeftSection/TableChatChannelHeader.js +1 -1
  66. package/dist/components/TableOld/index.d.ts.map +1 -1
  67. package/dist/components/TableOld/index.js +2 -1
  68. package/dist/components/TableOld/tableFunctions.d.ts.map +1 -1
  69. package/dist/components/TableOld/tableFunctions.js +104 -173
  70. package/dist/components/TextArea/index.js +1 -1
  71. package/dist/components/common/HelperText/index.js +1 -1
  72. package/dist/hooks/useDraggableResizable.d.ts +104 -0
  73. package/dist/hooks/useDraggableResizable.d.ts.map +1 -0
  74. package/dist/hooks/useDraggableResizable.js +323 -0
  75. package/dist/hooks/useMediaQuery.d.ts +9 -0
  76. package/dist/hooks/useMediaQuery.d.ts.map +1 -0
  77. package/dist/mcp-component-registry.json +1 -1
  78. package/dist/node_modules/@mui/system/colorManipulator.js +2 -2
  79. package/dist/node_modules/react-is/index.js +1 -1
  80. package/dist/stories/LocaleDictionaryCollapse.d.ts +6 -0
  81. package/dist/stories/LocaleDictionaryCollapse.d.ts.map +1 -0
  82. package/dist/utils/assetBase.d.ts +1 -0
  83. package/dist/utils/assetBase.d.ts.map +1 -1
  84. package/dist/utils/assetBase.js +4 -7
  85. package/dist/utils/assetBaseDefault.d.ts +11 -0
  86. package/dist/utils/assetBaseDefault.d.ts.map +1 -0
  87. package/dist/utils/assetBaseDefault.js +9 -0
  88. package/dist/utils/index.d.ts +1 -0
  89. package/dist/utils/index.d.ts.map +1 -1
  90. package/dist/utils/onResize.d.ts +24 -0
  91. package/dist/utils/onResize.d.ts.map +1 -0
  92. package/dist/utils/onResize.js +28 -0
  93. package/package.json +4 -5
package/dist/components/Chatbot/index.js CHANGED
@@ -1,10 +1,10 @@
1
- !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.chatbot-modal-wrapper{position:fixed;right:0;top:56px;z-index:1300}.chatbot-modal-wrapper .chatbot-component-container{background:#fff;box-shadow:0 8px 32px #101e3629;height:calc(100vh - 56px);padding:10px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-header-close-icon{height:26px;width:26px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-landing-screen-container{height:100%;pointer-events:none;position:relative;width:100%}.chatbot-modal-wrapper .chatbot-component-container .chatbot-landing-screen-container .chatbot-landing-screen-container-body{display:flex;flex-direction:column;height:calc(100vh - 125px);justify-content:space-between}.chatbot-modal-wrapper .chatbot-component-container .chatbot-landing-screen-container .chatbot-landing-screen-container-close-icon{align-items:center;display:flex;gap:10px;justify-content:flex-end;pointer-events:auto}.chatbot-modal-wrapper .chatbot-component-container .chatbot-landing-screen-container .chatbot-landing-screen-container-circle-1{background:#418dffab;border-radius:50%;filter:blur(68px);height:118px;left:calc(50% - 120px);position:absolute;top:calc(50% - 60px);width:118px;z-index:1}.chatbot-modal-wrapper .chatbot-component-container .chatbot-landing-screen-container .chatbot-landing-screen-container-circle-2{background:#ffb4d8;border-radius:50%;filter:blur(80px);height:189px;left:calc(50% - 20px);position:absolute;top:calc(50% - 40px);width:189px;z-index:2}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side{height:100%;position:relative;width:60px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side:before{background:linear-gradient(180deg,#b3bdf8,#eceefd 61%,#f7bea3b3);border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:2}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side.chatbot-component-left-side-open{width:400px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container{display:flex;height:100%;justify-content:center;width:100%}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open{justify-content:unset}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper{flex:1;height:100%;padding:12px 12px 12px 0}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container{background:linear-gradient(180deg,#f0f2ff99,#ffeff871 50%,#ffeceb40);box-shadow:12px 13px 45px -1px #402b701c;display:flex;flex-direction:column;gap:16px;height:100%;padding:20px 16px 0;position:relative;width:100%}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container:before{background:linear-gradient(187.22deg,#b3bdf8b3,#fff 57.21%,#cdcaf5);border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:2}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container .book-mark-panel-header{align-items:center;display:flex;justify-content:space-between;width:100%}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container .book-mark-panel-header .book-mark-panel-header-left{align-items:center;display:flex;gap:7px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container .book-mark-panel-header .book-mark-panel-header-left .book-mark-panel-header-left-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container .book-mark-panel-header .book-mark-panel-header-right{align-items:center;display:flex;gap:12px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container{background:linear-gradient(180deg,#f0f2ff99,#ffeff871 50%,#ffeceb40);border-radius:12px;position:relative;z-index:1}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding-block:12px;transition:all .3s ease-in-out}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon.chatbot-component-menu-container-icon-open{padding:12px;width:60px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list{align-items:center;display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list li{align-items:center;border-radius:8px;cursor:pointer;display:flex;height:37px;justify-content:center;width:37px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list li:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list li:focus:not(:focus-visible){box-shadow:none;outline:none}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list li:hover{background:linear-gradient(152deg,#b3bdf82b 17.25%,#b3bdf89c 122.41%)}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .utility-list li:hover{background:linear-gradient(152deg,#b3bdf82b 17.25%,#b3bdf89c 122.41%)!important}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .active{background:linear-gradient(152deg,#b3bdf82b 17.25%,#b3bdf89c 122.41%)}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-list img{cursor:pointer}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon-new-chat{margin-bottom:10px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon-notification{height:16px;width:16px}.chatbot-modal-wrapper .chatbot-component-right-side{bottom:0;left:70px;padding:16px;position:absolute;right:0;top:0;transition:none!important}.chatbot-modal-wrapper .chatbot-component-right-side.chatbot-component-right-side-open{left:410px}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-header{align-items:center;display:flex;justify-content:space-between}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-header .chatbot-component-header-dropdown .ia-btn-icon{margin-bottom:0}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-header .chatbot-component-header-dropdown .chatbot-component-header-dropdown-text{font-size:12px;font-weight:400}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body{align-items:center;display:flex;height:calc(100% - 45px);justify-content:center}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-container{display:flex;flex:1;flex-direction:column;gap:10px;justify-content:center}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-container .chatbot-component-body-icon.rotating{animation:chatbot-rotate .7s linear}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-container .chatbot-component-body-icon{align-items:center;display:flex;height:84px;justify-content:center;margin:auto;width:84px}@keyframes chatbot-rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-container .chatbot-component-body-icon{height:54px;width:54px}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-text{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-text .chatbot-component-body-text-title{color:#1f2b4d;font-size:26px;font-weight:600}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-text .chatbot-component-body-text-title .chatbot-component-body-text-username{background:linear-gradient(82deg,#ec7550 10.92%,#a0508f 81.37%);-webkit-background-clip:text;font-weight:700;-webkit-text-fill-color:#0000;background-clip:text;color:#0000;line-height:47px}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-text .chatbot-component-body-text-title .chatbot-component-body-text-username img{height:20px;margin-left:6px;margin-top:-2px;vertical-align:middle;width:20px}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-text .chatbot-component-body-text-description{color:#7a8294;font-size:16px;font-weight:500;margin-bottom:15px}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header{align-items:center;display:flex;justify-content:space-between}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .left_logo_arrow_container{align-items:center;display:flex;gap:5px}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .left_logo_arrow_container .conversation_chatbot_logo_container img{height:18px;width:18px}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .left_logo_arrow_container .conversation_chatbot_logo_container .left_logo_arrow_container{align-items:center;display:flex;gap:5px}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container{background:linear-gradient(91deg,#f8f8ff 54.01%,#ffe4e400 107.24%);border:1px solid #b3bdf8;border-radius:37px;display:flex;height:30px;width:calc(100% - 136px)}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container:focus:not(:focus-visible){box-shadow:none;outline:none}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container .left_tabs_container ul{box-sizing:border-box;display:flex;gap:2px;padding-left:15px}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container .left_tabs_container ul li{align-items:center;border-radius:4px 4px 0 0;color:#1f2b4d;cursor:pointer;display:flex;font-size:12px;gap:4px;height:25px;margin-top:4px;padding:4px 12px}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container .left_tabs_container ul li:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container .left_tabs_container ul li:focus:not(:focus-visible){box-shadow:none;outline:none}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container .left_tabs_container ul li .close_thread img{height:8px;width:8px}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container .left_tabs_container ul li.active{background:#fff;border:1px solid #b3bdf8;border-bottom:none}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .right_close_save_icon_container{display:flex;gap:10px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container.show-suggestion-banner{bottom:155px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container{bottom:110px;box-sizing:border-box;left:0;overflow:auto;padding:8px 32px;position:absolute;right:0;scrollbar-width:none;top:56px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .time_stamp_badge_chat_container{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .time_stamp_badge_chat_container .time_stamp_badge_chat{align-items:center;background:linear-gradient(90deg,#f5f5f5 6%,#f5f5f500 120%);border:1px solid #d9dde7;border-radius:23px;box-sizing:border-box;color:#60697d;display:flex;font-size:12px;font-weight:500;height:23px;max-width:100%;padding:2px 8px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .user_chat_messages_container{align-items:flex-end;display:flex;flex-direction:column;gap:10px;justify-content:flex-end;margin-bottom:35px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .user_chat_messages_container .user_chat_message{background:linear-gradient(91deg,#dfe7ff66 .67%,#e4d8ff52,#ffcbcc45 111.65%);border-radius:12px;max-width:550px;padding:16px 16px 8px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .user_chat_messages_container .user_chat_message .user_chat_message_text{color:#1f2b4d;font-size:14px;font-weight:500;line-height:18px;word-wrap:break-word}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .user_chat_messages_container .user_chat_message .time_chat{color:#60697d;font-size:12px;font-weight:500;margin-top:4px;text-align:right}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container{display:flex;margin-bottom:35px;width:100%}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .chat_logo_circle{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/chat-icon-circle.svg) no-repeat 50%;height:25px;width:25px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .chat_logo_circle_empty{height:25px;width:25px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .loading_messages{align-items:center;animation:none;background:#0000;border:none;display:flex;gap:4px;height:25px;justify-content:center;margin-left:12px;width:25px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .loading_messages .dot{animation:loading-dot-bounce-vertical 1.2s infinite;background:#1f2b4d;border-radius:50%;height:6px;opacity:1;transform:translateY(0);width:6px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .loading_messages .dot:first-child{animation-delay:0s}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .loading_messages .dot:nth-child(2){animation-delay:.2s}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .loading_messages .dot:nth-child(3){animation-delay:.4s}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container{margin-left:12px;width:80%;word-wrap:break-word}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_with_dropdown_container{color:#7a8294;display:inline-flex;font-size:12px;margin-bottom:10px;padding-right:13px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_with_dropdown_container:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_with_dropdown_container:focus:not(:focus-visible){box-shadow:none;outline:none}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container{background:#fff;border-radius:12px;box-shadow:0 0 4px #7c5cb1;padding:16px 16px 8px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container.questions-container{background:#0000;box-shadow:none}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container .assistant_text_container{color:#1f2b4d;font-size:14px;line-height:18px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container .assistant_form_container{display:flex;flex-direction:column;gap:8px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container .assistant_form_container .datePicker-input-container,.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container .assistant_form_container .dateRangePicker-container{width:100%}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container .time_chat{color:#60697d;font-size:12px;font-weight:500;margin-top:4px;text-align:right}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .questions-container{background:#0000}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container{align-items:center;display:flex;gap:8px;margin-top:12px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .asst_feedback_buttons{background:#0000;border:none;border-radius:4px;cursor:pointer}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .asst_feedback_buttons:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .asst_feedback_buttons:focus:not(:focus-visible){box-shadow:none;outline:none}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action{display:flex;gap:4px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .good_feedback{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-up.svg) no-repeat;background-size:cover;height:20px;transition:background-image .2s;width:20px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .animatingLike{animation:rotateUpDown 1s forwards}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .animatingDislike{animation:rotateDownUp 1s forwards}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .liked{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-up-filled.svg) no-repeat;background-position:50%;background-size:auto}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .bad_feedback{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-down.svg) no-repeat;background-size:cover;height:20px;width:20px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .disliked{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-down-filled.svg) no-repeat;background-position:50%;background-size:auto}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .speaker{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/speaker.svg) no-repeat;background-size:cover;height:20px;width:20px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .button_url_container{border-left:1px solid #d9dde7;padding-left:10px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .button_url_container .asst_feedback_buttons{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/add-thread.svg) no-repeat;color:#60697d;padding-left:24px}@keyframes loading-dot-bounce-vertical{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}.chatbot-modal-wrapper .chatbot-component-footer{align-items:center;bottom:10px;display:flex;justify-content:center;left:calc(50% - 259px);position:absolute;right:calc(50% - 259px)}.chatbot-modal-wrapper .chatbot-component-footer .chatbot-component-footer-text,.chatbot-modal-wrapper .chatbot-component-footer .chatbot-component-footer-text-link{color:#7a8294;font-size:12px;font-weight:500}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list li:first-child:hover{background:#0000}.dis_none{display:none!important}.bold{font-weight:700}.green_text{color:#108431}.red_text{color:#ec4c5c}.resizer{cursor:col-resize;height:100%;left:0;position:absolute;top:0;width:5px;z-index:10}.no-select{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.book-mark-panel-tabs-container{height:38px}.bookmark-tabs{align-items:center;display:flex;height:100%;justify-content:space-around;position:relative}.bookmark-tabs:after{background:#b3bdf8;bottom:0;content:" ";height:1px;left:-16px;position:absolute;right:-16px}.bookmark-tab{color:#60697d;cursor:pointer;font-size:16px;font-weight:500;position:relative;transition:color .2s}.bookmark-tab.active:after{background:#4259ee;bottom:-10px;content:"";height:2px;left:-25px;position:absolute;right:-25px}.bookmark-panel-body{align-items:center;background:#0000;display:flex;gap:8px;padding:8px 0}.drag-handle{color:#b3b3b3;cursor:grab;font-size:22px;-webkit-user-select:none;user-select:none}.bookmark-question-text{color:#31416e;font-size:16px;font-weight:500;line-height:1.2}.bookmark-menu{color:#b3b3b3;cursor:pointer;font-size:26px;margin-left:16px}@keyframes rotateUpDown{0%{background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-up.svg);transform:rotate(0)}20%{background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-up-blue.svg);transform:rotate(-15deg)}80%{background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-up-blue.svg);transform:rotate(0)}to{background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-up-filled.svg);transform:rotate(0)}}@keyframes rotateDownUp{0%{background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-down.svg);transform:rotate(0)}20%{background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-down-blue.svg);transform:rotate(15deg)}80%{background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-down-blue.svg);transform:rotate(0)}to{background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-down-filled.svg);transform:rotate(0)}}.conversation-footer-container{box-sizing:border-box;height:64px;padding:8px 23px 0}.conversation-footer-container .MuiTextField-root .MuiOutlinedInput-root fieldset{border:1px solid #d9dde7}.conversation-footer-container .MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset,.conversation-footer-container .MuiTextField-root .MuiOutlinedInput-root:hover fieldset{border:1px solid #b3bdf8}.conversation-footer-container .css-1eow9i0-MuiInputBase-root-MuiOutlinedInput-root{font-size:14px;padding:12px}.suggestion-banner{align-items:center;background:linear-gradient(90deg,#eceefd,#f5ecfd);border-radius:8px;box-shadow:0 0 16px 2px #0000000f;color:#425690;display:flex;gap:8px;height:32px;justify-content:space-between;overflow:hidden;padding-inline:8px;position:relative;z-index:999}.suggestion-banner img{height:20px;width:20px}.suggestion-banner .suggestion-banner-content{align-items:center;display:flex;gap:5px}.suggestion-banner .suggestion-banner-text{font-size:14px;font-weight:400;line-height:21px}.suggestion-banner:before{background:linear-gradient(90deg,#b3bdf8,#d6cbe633);border-radius:9px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;position:absolute;z-index:0}.stop-icon-button .ia-btn-icon{height:auto;margin-bottom:0;width:auto}.chat-input-box{border-radius:12px;bottom:30px;display:flex;flex-direction:column;gap:6px;position:absolute;width:90%!important}.chat-input-box.new-chat-screen{bottom:0;position:relative;width:100%!important}.chat-input-box.custom-screen{bottom:15px;width:95%!important}.chat-input-container{background:#fff;border:1px solid #d9dde7;border-radius:12px;box-shadow:0 0 12px 8px #0000000f;padding:12px;position:relative;width:100%}.chat-input-container:focus-within,.chat-input-container:hover{border:1px solid #b3bdf8}.chat-input-wrapper{align-items:flex-end;display:flex;max-height:182px;transition:all .2s ease-in-out;width:100%}.chat-input-wrapper.stacked{align-items:stretch;flex-direction:column}.chat-input-wrapper.empty{align-items:flex-end;flex-direction:row}.chat-input-wrapper.single-line-textarea{align-items:center}.chat-textarea{background:#0000;border:none;color:#1f2b4d;flex:1;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:160%;max-height:142px;outline:none;overflow-y:hidden;padding:0;resize:none}.chat-textarea::placeholder{color:#b4bac7}.chat-textarea{transition:all .2s ease-in-out}.chat-textarea.scrollable{overflow-y:auto}.chat-actions{align-items:flex-end;display:flex;gap:12px;height:32px;justify-content:flex-end}.chat-actions.fixed{height:36px}.chat-actions.not-fixed{height:32px}.history-panel-container{border:1px solid #000;border-radius:8px;display:flex;flex:1;flex-direction:column;gap:12px;margin:12px 12px 12px 0;min-width:0;padding:12px}.history-panel-header{align-items:center;border-bottom:1px solid #d9dde7;display:flex;justify-content:space-between;padding-bottom:8px}.history-panel-header span{font-weight:600}.history-panel-header img{cursor:pointer;height:16px;width:16px}.history-panel-header img:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.history-panel-header img:focus:not(:focus-visible){box-shadow:none;outline:none}.history-panel-search input{background:#fff;border:1px solid #d9dde7;border-radius:8px;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;outline:none;padding:8px 10px;width:100%}.history-panel-search input::placeholder{color:#b4bac7}.history-panel-search input:focus{border:1px solid #b3bdf8}.history-panel-groups{display:flex;flex-direction:column;gap:8px;height:100%;overflow:auto}.history-pinned-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0 0 8px;padding:0}.history-pinned-item{background:#6366f114;border-color:#b3bdf8}.history-group{display:flex;flex-direction:column;gap:6px}.history-group-header{align-items:center;background:#0000;border:none;border-radius:6px;color:#1f2b4d;cursor:pointer;display:flex;gap:6px;padding:6px 2px;text-align:left}.history-group-header:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.history-group-header:focus:not(:focus-visible){box-shadow:none;outline:none}.history-group-header .chevron{display:inline-block;width:12px}.history-group-header .group-title{font-weight:600}.history-group-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.history-item{align-items:center;background:#fff;border:1px solid #d9dde7;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;position:relative}.history-item:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.history-item:focus:not(:focus-visible){box-shadow:none;outline:none}.history-item:hover{border-color:#b3bdf8}.history-item.active{border:2px solid #b3bdf8}.history-item-row{align-items:center;display:flex;gap:8px;justify-content:space-between;width:100%}.item-menu-trigger{background:#0000;border:none;border-radius:6px;cursor:pointer;line-height:1;opacity:0;padding:2px 6px;transition:opacity .15s ease-in-out,background .15s ease-in-out}.item-menu-trigger:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.item-menu-trigger:focus:not(:focus-visible){box-shadow:none;outline:none}.item-menu-trigger:hover{background:#f3f4f6}.history-item:hover .item-menu-trigger{opacity:1}.item-menu-trigger:focus-visible{opacity:1}.item-menu-trigger.always-visible{opacity:1}.history-item-menu{background:#fff;border:1px solid #d9dde7;border-radius:10px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:6px;min-width:180px;padding:8px;position:absolute;right:8px;top:36px;z-index:5}.history-item-menu .menu-item{background:#0000;border:none;border-radius:8px;color:#1f2b4d;cursor:pointer;padding:10px;text-align:left}.history-item-menu .menu-item:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.history-item-menu .menu-item:focus:not(:focus-visible){box-shadow:none;outline:none}.history-item-menu .menu-item:hover{background:#f7f7f9}.history-item-menu .menu-item.danger{color:#d12c2c}.history-item-name{color:#1f2b4d;font-size:14px;font-weight:500;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pin-icon{margin-right:8px}.history-empty-state{align-items:center;color:#b4bac7;display:flex;flex:1;font-size:12px;justify-content:center;padding:12px 0}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
2
- import { jsxs, jsx, Fragment } from "react/jsx-runtime";
3
- import { useState, useMemo, useEffect, isValidElement, cloneElement } from "react";
1
+ !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.chatbot-modal-wrapper{position:relative;z-index:1300}.chatbot-modal-wrapper .chatbot-component-container{background:#fff;border-radius:12px;box-shadow:0 8px 32px #101e3629;padding:10px 16px 10px 10px;position:fixed}.chatbot-modal-wrapper .chatbot-component-container.is-dragging,.chatbot-modal-wrapper .chatbot-component-container.is-resizing{transition:none!important;-webkit-user-select:none;user-select:none}.chatbot-modal-wrapper .chatbot-component-container.is-dragging{cursor:grabbing}.chatbot-modal-wrapper .chatbot-component-container.is-collapsed{overflow:hidden;padding:16px;padding-top:unset}.chatbot-modal-wrapper .chatbot-component-container.full-width{height:calc(100vh - 56px);left:auto!important;right:0;top:56px;width:calc(100vw - 64px)}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-header-close-icon{height:26px;width:26px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-landing-screen-container{display:flex;flex:1 1 auto;flex-direction:column;height:100%;min-height:0;pointer-events:none;position:relative;width:100%}.chatbot-modal-wrapper .chatbot-component-container .chatbot-landing-screen-container .chatbot-landing-screen-container-body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow-y:auto}.chatbot-modal-wrapper .chatbot-component-container .chatbot-landing-screen-container .chatbot-landing-screen-container-close-icon{align-items:center;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;pointer-events:auto}.chatbot-modal-wrapper .chatbot-component-container .chatbot-landing-screen-container .chatbot-landing-screen-container-circle-1{background:#418dffab;border-radius:50%;filter:blur(68px);height:118px;left:calc(50% - 120px);position:absolute;top:calc(50% - 60px);width:118px;z-index:1}.chatbot-modal-wrapper .chatbot-component-container .chatbot-landing-screen-container .chatbot-landing-screen-container-circle-2{background:#ffb4d8;border-radius:50%;filter:blur(80px);height:189px;left:calc(50% - 20px);position:absolute;top:calc(50% - 40px);width:189px;z-index:2}.chatbot-modal-wrapper .chatbot-component-container .chatbot-main-content{box-sizing:border-box;display:flex;gap:20px;height:100%;width:100%}.chatbot-modal-wrapper .chatbot-component-container .chatbot-drag-strip{cursor:grab;height:18px;left:10px;position:absolute;right:10px;top:10px;touch-action:none;z-index:15}.chatbot-modal-wrapper .chatbot-component-container .chatbot-drag-strip:active{cursor:grabbing}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side{height:100%;position:relative;width:60px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side:before{background:linear-gradient(180deg,#b3bdf8,#eceefd 61%,#f7bea3b3);border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:2}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side.chatbot-component-left-side-open{width:400px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container{display:flex;height:100%;justify-content:center;width:100%}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open{justify-content:unset}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper{flex:1;height:100%;padding:12px 12px 12px 0}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container{background:linear-gradient(180deg,#f0f2ff99,#ffeff871 50%,#ffeceb40);box-shadow:12px 13px 45px -1px #402b701c;display:flex;flex-direction:column;gap:16px;height:100%;padding:20px 16px 0;position:relative;width:100%}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container:before{background:linear-gradient(187.22deg,#b3bdf8b3,#fff 57.21%,#cdcaf5);border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:2}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container .book-mark-panel-header{align-items:center;display:flex;justify-content:space-between;width:100%}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container .book-mark-panel-header .book-mark-panel-header-left{align-items:center;display:flex;gap:7px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container .book-mark-panel-header .book-mark-panel-header-left .book-mark-panel-header-left-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container .book-mark-panel-header .book-mark-panel-header-right{align-items:center;display:flex;gap:12px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container{background:linear-gradient(180deg,#f0f2ff99,#ffeff871 50%,#ffeceb40);border-radius:12px;position:relative;z-index:1}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding:12px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon.chatbot-component-menu-container-icon-open{padding:12px;width:60px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list{align-items:center;display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list li{align-items:center;border-radius:8px;cursor:pointer;display:flex;height:37px;justify-content:center;width:37px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list li:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list li:focus:not(:focus-visible){box-shadow:none;outline:none}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list li:hover{background:linear-gradient(152deg,#b3bdf82b 17.25%,#b3bdf89c 122.41%)}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .utility-list li:hover{background:linear-gradient(152deg,#b3bdf82b 17.25%,#b3bdf89c 122.41%)!important}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .active{background:linear-gradient(152deg,#b3bdf82b 17.25%,#b3bdf89c 122.41%)}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-list img{cursor:pointer}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon-new-chat{margin-bottom:10px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon-notification{height:16px;width:16px}.chatbot-modal-wrapper .chatbot-component-right-side{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;min-width:0;transition:none!important}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-header{align-items:center;display:flex;justify-content:space-between}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-header .chatbot-component-header-dropdown .ia-btn-icon{margin-bottom:0}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-header .chatbot-component-header-dropdown .chatbot-component-header-dropdown-text{font-size:12px;font-weight:400}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body{align-items:center;display:flex;flex:1 1 auto;justify-content:center;min-height:0;overflow-y:auto}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-container{display:flex;flex:1;flex-direction:column;gap:10px;justify-content:center}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-container .chatbot-component-body-icon.rotating{animation:chatbot-rotate .7s linear}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-container .chatbot-component-body-icon{align-items:center;display:flex;height:84px;justify-content:center;margin:auto;width:84px}@keyframes chatbot-rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-container .chatbot-component-body-icon{height:54px;width:54px}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-text{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-text .chatbot-component-body-text-title{color:#1f2b4d;font-size:26px;font-weight:600}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-text .chatbot-component-body-text-title .chatbot-component-body-text-username{background:linear-gradient(82deg,#ec7550 10.92%,#a0508f 81.37%);-webkit-background-clip:text;font-weight:700;-webkit-text-fill-color:#0000;background-clip:text;color:#0000;line-height:47px}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-text .chatbot-component-body-text-title .chatbot-component-body-text-username img{height:20px;margin-left:6px;margin-top:-2px;vertical-align:middle;width:20px}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-text .chatbot-component-body-text-description{color:#7a8294;font-size:16px;font-weight:500;margin-bottom:15px}.chatbot-modal-wrapper .chatbot-header-row{flex-shrink:0}.chatbot-modal-wrapper .conversation-screen-container-header{align-items:center;container-name:screen-container;container-type:inline-size;display:flex;gap:12px;justify-content:space-between;min-width:0}.chatbot-modal-wrapper .conversation-screen-container-header.draggable{cursor:grab;touch-action:none}.chatbot-modal-wrapper .conversation-screen-container-header.draggable:active{cursor:grabbing}.chatbot-modal-wrapper .conversation-screen-container-header.draggable img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.chatbot-modal-wrapper .conversation-screen-container-header.collapsed{height:50px}.chatbot-modal-wrapper .conversation-screen-container-header .left_logo_arrow_container{align-items:center;display:flex;flex-shrink:0;gap:5px}.chatbot-modal-wrapper .conversation-screen-container-header .left_logo_arrow_container .conversation_chatbot_logo_container img{height:18px;width:18px}.chatbot-modal-wrapper .conversation-screen-container-header .left_logo_arrow_container .conversation_chatbot_logo_container .left_logo_arrow_container{align-items:center;display:flex;gap:5px}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container{background:linear-gradient(91deg,#f8f8ff 54.01%,#ffe4e400 107.24%);border:1px solid #b3bdf8;border-radius:37px;display:flex;flex:1 1 auto;height:30px;max-width:600px;min-width:0;overflow:visible;position:relative}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container:focus:not(:focus-visible){box-shadow:none;outline:none}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container{flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container::-webkit-scrollbar{display:none}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container{margin-bottom:-1px;padding-bottom:1px}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container ul{align-items:flex-end;box-sizing:border-box;display:flex;gap:12px;height:100%;padding:0 15px;width:max-content}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container ul li{align-items:center;border:1px solid #0000;border-bottom:none;border-radius:8px 8px 0 0;color:#1f2b4d;cursor:pointer;display:flex;font-size:12px;gap:4px;height:25px;padding:4px 12px;position:relative}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container ul li:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container ul li:focus:not(:focus-visible){box-shadow:none;outline:none}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container ul li:hover:not(.active){background:#ffffff8c}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container ul li .close_thread img{height:8px;width:8px}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container ul li.active{background:#fff;border-color:#b3bdf8;border-bottom:none;height:26px;margin-bottom:-1px;z-index:2}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container ul li.active:after,.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container ul li.active:before{bottom:-1px;content:"";height:10px;pointer-events:none;position:absolute;width:10px}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container ul li.active:before{background:radial-gradient(circle at 0 0,#0000 10px,#b3bdf8 0,#b3bdf8 11px,#fff 0);left:-10px}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container ul li.active:after{background:radial-gradient(circle at 100% 0,#0000 10px,#b3bdf8 0,#b3bdf8 11px,#fff 0);right:-10px}.chatbot-modal-wrapper .conversation-screen-container-header .right_close_save_icon_container{display:flex;flex-shrink:0;gap:10px}.chatbot-modal-wrapper .conversation-screen-container-header .right_close_save_icon_container .collapse_icon_container{align-items:center;background:#f5f6fa;border-radius:8px;cursor:pointer;display:flex;justify-content:center;max-height:32px}.chatbot-modal-wrapper .conversation-screen-container-header .right_close_save_icon_container .collapse_icon_container .ia-btn-icon{align-items:center;display:flex;justify-content:center;margin-bottom:0}.chatbot-modal-wrapper .conversation-screen-container{display:flex;flex:1 1 auto;flex-direction:column;margin-top:6px;min-height:0;min-width:0}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container.show-suggestion-banner{margin-top:16px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container.collapsed{margin-top:unset}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container{box-sizing:border-box;flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:none}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .time_stamp_badge_chat_container{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .time_stamp_badge_chat_container .time_stamp_badge_chat{align-items:center;background:linear-gradient(90deg,#f5f5f5 6%,#f5f5f500 120%);border:1px solid #d9dde7;border-radius:23px;box-sizing:border-box;color:#60697d;display:flex;font-size:12px;font-weight:500;height:23px;max-width:100%;padding:2px 8px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .user_chat_messages_container{align-items:flex-end;display:flex;flex-direction:column;gap:10px;justify-content:flex-end;margin-bottom:35px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .user_chat_messages_container .user_chat_message{background:linear-gradient(91deg,#dfe7ff66 .67%,#e4d8ff52,#ffcbcc45 111.65%);border-radius:12px;max-width:550px;padding:8px 12px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .user_chat_messages_container .user_chat_message .user_chat_message_text{color:#1f2b4d;font-size:14px;font-weight:500;line-height:18px;word-wrap:break-word}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .user_chat_messages_container .user_chat_message .time_chat{color:#60697d;font-size:12px;font-weight:500;margin-top:4px;text-align:right}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container{display:flex;margin-bottom:35px;width:100%}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .chat_logo_circle{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/chat-icon-circle.svg) no-repeat 50%;height:25px;width:25px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .chat_logo_circle_empty{height:25px;width:25px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .loading_messages{align-items:center;animation:none;background:#0000;border:none;display:flex;gap:4px;height:25px;justify-content:center;margin-left:12px;width:25px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .loading_messages .dot{animation:loading-dot-bounce-vertical 1.2s infinite;background:#1f2b4d;border-radius:50%;height:6px;opacity:1;transform:translateY(0);width:6px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .loading_messages .dot:first-child{animation-delay:0s}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .loading_messages .dot:nth-child(2){animation-delay:.2s}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .loading_messages .dot:nth-child(3){animation-delay:.4s}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container{margin-left:12px;width:80%;word-wrap:break-word}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_with_dropdown_container{color:#7a8294;display:inline-flex;font-size:12px;margin-bottom:10px;padding-right:13px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_with_dropdown_container:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_with_dropdown_container:focus:not(:focus-visible){box-shadow:none;outline:none}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container{background:#fff;border-radius:12px;box-shadow:0 0 4px #7c5cb1;padding:8px 12px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container.questions-container{background:#0000;box-shadow:none}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container .assistant_text_container{color:#1f2b4d;font-size:14px;line-height:18px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container .assistant_form_container{display:flex;flex-direction:column;gap:8px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container .assistant_form_container .datePicker-input-container,.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container .assistant_form_container .dateRangePicker-container{width:100%}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container .time_chat{color:#60697d;font-size:12px;font-weight:500;margin-top:4px;text-align:right}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .questions-container{background:#0000}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container{align-items:center;display:flex;gap:8px;margin-top:12px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .asst_feedback_buttons{background:#0000;border:none;border-radius:4px;cursor:pointer}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .asst_feedback_buttons:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .asst_feedback_buttons:focus:not(:focus-visible){box-shadow:none;outline:none}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action{display:flex;gap:4px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .good_feedback{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-up.svg) no-repeat;background-size:cover;height:20px;transition:background-image .2s;width:20px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .animatingLike{animation:rotateUpDown 1s forwards}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .animatingDislike{animation:rotateDownUp 1s forwards}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .liked{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-up-filled.svg) no-repeat;background-position:50%;background-size:auto}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .bad_feedback{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-down.svg) no-repeat;background-size:cover;height:20px;width:20px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .disliked{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-down-filled.svg) no-repeat;background-position:50%;background-size:auto}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .speaker{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/speaker.svg) no-repeat;background-size:cover;height:20px;width:20px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .button_url_container{border-left:1px solid #d9dde7;padding-left:10px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .button_url_container .asst_feedback_buttons{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/add-thread.svg) no-repeat;color:#60697d;padding-left:24px}@keyframes loading-dot-bounce-vertical{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}.chatbot-modal-wrapper .chatbot-component-footer{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding:8px}.chatbot-modal-wrapper .chatbot-component-footer .chatbot-component-footer-text,.chatbot-modal-wrapper .chatbot-component-footer .chatbot-component-footer-text-link{color:#7a8294;font-size:12px;font-weight:500;line-height:14px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list li:first-child:hover{background:#0000}.dis_none{display:none!important}.bold{font-weight:700}.green_text{color:#108431}.red_text{color:#ec4c5c}.resizer{position:absolute;touch-action:none;z-index:20}.resizer:focus-visible{outline:2px solid #4259ee;outline-offset:-2px}.resizer-n,.resizer-s{cursor:row-resize;height:8px;left:16px;right:16px}.resizer-n{top:0}.resizer-s{bottom:0}.resizer-e,.resizer-w{bottom:16px;cursor:col-resize;top:16px;width:8px}.resizer-e{right:0}.resizer-w{left:0}.resizer-ne,.resizer-sw{cursor:nesw-resize;height:16px;width:16px}.resizer-nw,.resizer-se{cursor:nwse-resize;height:16px;width:16px}.resizer-ne{right:0;top:0}.resizer-nw{left:0;top:0}.resizer-se{bottom:0;right:0}.resizer-sw{bottom:0;left:0}.no-select{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.book-mark-panel-tabs-container{height:38px}.bookmark-tabs{align-items:center;display:flex;height:100%;justify-content:space-around;position:relative}.bookmark-tabs:after{background:#b3bdf8;bottom:0;content:" ";height:1px;left:-16px;position:absolute;right:-16px}.bookmark-tab{color:#60697d;cursor:pointer;font-size:16px;font-weight:500;position:relative;transition:color .2s}.bookmark-tab.active:after{background:#4259ee;bottom:-10px;content:"";height:2px;left:-25px;position:absolute;right:-25px}.bookmark-panel-body{align-items:center;background:#0000;display:flex;gap:8px;padding:8px 0}.drag-handle{color:#b3b3b3;cursor:grab;font-size:22px;-webkit-user-select:none;user-select:none}.bookmark-question-text{color:#31416e;font-size:16px;font-weight:500;line-height:1.2}.bookmark-menu{color:#b3b3b3;cursor:pointer;font-size:26px;margin-left:16px}@keyframes rotateUpDown{0%{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-up.svg);transform:rotate(0)}20%{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-up-blue.svg);transform:rotate(-15deg)}80%{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-up-blue.svg);transform:rotate(0)}to{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-up-filled.svg);transform:rotate(0)}}@keyframes rotateDownUp{0%{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-down.svg);transform:rotate(0)}20%{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-down-blue.svg);transform:rotate(15deg)}80%{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-down-blue.svg);transform:rotate(0)}to{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-down-filled.svg);transform:rotate(0)}}.conversation-footer-container{box-sizing:border-box;container-name:inputbox;container-type:inline-size;flex-shrink:0;height:auto;padding-top:8px}.conversation-footer-container .MuiTextField-root .MuiOutlinedInput-root fieldset{border:1px solid #d9dde7}.conversation-footer-container .MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset,.conversation-footer-container .MuiTextField-root .MuiOutlinedInput-root:hover fieldset{border:1px solid #b3bdf8}.conversation-footer-container .css-1eow9i0-MuiInputBase-root-MuiOutlinedInput-root{font-size:14px;padding:12px}.suggestion-banner{align-items:center;background:linear-gradient(90deg,#eceefd,#f5ecfd);border-radius:8px;box-shadow:0 0 16px 2px #0000000f;color:#425690;display:flex;gap:8px;justify-content:space-between;overflow:hidden;padding-inline:8px;padding:6px 10px;position:relative;z-index:999}.suggestion-banner img{height:20px;width:20px}.suggestion-banner .suggestion-banner-content{align-items:center;display:flex;gap:12px}.suggestion-banner .suggestion-banner-text{font-size:14px;font-weight:400;line-height:21px}.suggestion-banner:before{background:linear-gradient(90deg,#b3bdf8,#d6cbe633);border-radius:9px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;position:absolute;z-index:0}.stop-icon-button .ia-btn-icon{height:auto;margin-bottom:0;width:auto}.chat-input-box{border-radius:12px;display:flex;flex-direction:column;gap:6px}.chat-input-box.new-chat-screen{width:100%}.chat-input-box.custom-screen{width:95%}.chat-input-container{background:#fff;border:1px solid #d9dde7;border-radius:12px;box-shadow:0 0 12px 8px #0000000f;padding:12px;position:relative;width:100%}.chat-input-container:focus-within,.chat-input-container:hover{border:1px solid #b3bdf8}.chat-input-wrapper{align-items:flex-end;display:flex;max-height:182px;transition:all .2s ease-in-out;width:100%}.chat-input-wrapper.stacked{align-items:stretch;flex-direction:column}.chat-input-wrapper.empty{align-items:flex-end;flex-direction:row}.chat-input-wrapper.single-line-textarea{align-items:center}.chat-textarea{background:#0000;border:none;color:#1f2b4d;flex:1;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:160%;max-height:142px;outline:none;overflow-y:hidden;padding:0;resize:none}.chat-textarea::placeholder{color:#b4bac7}.chat-textarea{transition:all .2s ease-in-out}.chat-textarea.scrollable{overflow-y:auto}.chat-actions{align-items:flex-end;display:flex;gap:12px;height:32px;justify-content:flex-end}.chat-actions.fixed{height:36px}.chat-actions.not-fixed{height:32px}.history-panel-container{border:1px solid #000;border-radius:8px;display:flex;flex:1;flex-direction:column;gap:12px;margin:12px 12px 12px 0;min-width:0;padding:12px}.history-panel-header{align-items:center;border-bottom:1px solid #d9dde7;display:flex;justify-content:space-between;padding-bottom:8px}.history-panel-header span{font-weight:600}.history-panel-header img{cursor:pointer;height:16px;width:16px}.history-panel-header img:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.history-panel-header img:focus:not(:focus-visible){box-shadow:none;outline:none}.history-panel-search input{background:#fff;border:1px solid #d9dde7;border-radius:8px;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;outline:none;padding:8px 10px;width:100%}.history-panel-search input::placeholder{color:#b4bac7}.history-panel-search input:focus{border:1px solid #b3bdf8}.history-panel-groups{display:flex;flex-direction:column;gap:8px;height:100%;overflow:auto}.history-pinned-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0 0 8px;padding:0}.history-pinned-item{background:#6366f114;border-color:#b3bdf8}.history-group{display:flex;flex-direction:column;gap:6px}.history-group-header{align-items:center;background:#0000;border:none;border-radius:6px;color:#1f2b4d;cursor:pointer;display:flex;gap:6px;padding:6px 2px;text-align:left}.history-group-header:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.history-group-header:focus:not(:focus-visible){box-shadow:none;outline:none}.history-group-header .chevron{display:inline-block;width:12px}.history-group-header .group-title{font-weight:600}.history-group-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.history-item{align-items:center;background:#fff;border:1px solid #d9dde7;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;position:relative}.history-item:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.history-item:focus:not(:focus-visible){box-shadow:none;outline:none}.history-item:hover{border-color:#b3bdf8}.history-item.active{border:2px solid #b3bdf8}.history-item-row{align-items:center;display:flex;gap:8px;justify-content:space-between;width:100%}.item-menu-trigger{background:#0000;border:none;border-radius:6px;cursor:pointer;line-height:1;opacity:0;padding:2px 6px;transition:opacity .15s ease-in-out,background .15s ease-in-out}.item-menu-trigger:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.item-menu-trigger:focus:not(:focus-visible){box-shadow:none;outline:none}.item-menu-trigger:hover{background:#f3f4f6}.history-item:hover .item-menu-trigger{opacity:1}.item-menu-trigger:focus-visible{opacity:1}.item-menu-trigger.always-visible{opacity:1}.history-item-menu{background:#fff;border:1px solid #d9dde7;border-radius:10px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:6px;min-width:180px;padding:8px;position:absolute;right:8px;top:36px;z-index:5}.history-item-menu .menu-item{background:#0000;border:none;border-radius:8px;color:#1f2b4d;cursor:pointer;padding:10px;text-align:left}.history-item-menu .menu-item:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.history-item-menu .menu-item:focus:not(:focus-visible){box-shadow:none;outline:none}.history-item-menu .menu-item:hover{background:#f7f7f9}.history-item-menu .menu-item.danger{color:#d12c2c}.history-item-name{color:#1f2b4d;font-size:14px;font-weight:500;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pin-icon{margin-right:8px}.history-empty-state{align-items:center;color:#b4bac7;display:flex;flex:1;font-size:12px;justify-content:center;padding:12px 0}.chatbot-component-header-dropdown-container{background-color:#fff;border-radius:18px;box-shadow:0 1px 6px #1933451a;min-width:340px;padding:16px;position:absolute;top:52px;z-index:999999}.chatbot-component-header-dropdown-container .item{background-color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center}.chatbot-component-header-dropdown-container .item.isCollapsed{gap:8px}.chatbot-component-header-dropdown-container .item-container{align-items:center;display:flex;height:66px;justify-content:space-between;padding:12px}.chatbot-component-header-dropdown-container .item-container.isCollapsed{height:50px}.chatbot-component-header-dropdown-container .item-content{align-items:center;display:flex;gap:10px}.chatbot-component-header-dropdown-container .item-content-text{display:flex;flex-direction:column}.chatbot-component-header-dropdown-container .item-content-text-name{color:#1f2b4d;font-size:16px;font-weight:600;line-height:24px}.chatbot-component-header-dropdown-container .item-content-text-name.collapsed{font-size:14px}.chatbot-component-header-dropdown-container .item-content-text-description{color:#7a8294;font-size:12px;font-weight:500;line-height:16px}.chatbot-component-header-dropdown-container .item-content-text-description.collapsed{font-size:12px}@container inputbox (max-width: 500px){.chat-input-container{padding:4px 12px}.suggestion-banner .suggestion-banner-text{font-size:12px}}@container screen-container (max-width: 500px){.chat-input-container{padding:4px 12px}.suggestion-banner .suggestion-banner-text{font-size:12px}}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
+ import { useState, useRef, useMemo, useEffect, isValidElement, cloneElement } from "react";
4
+ import { useDraggableResizable, BOTTOM_VIEWPORT_MARGIN } from "../../hooks/useDraggableResizable.js";
4
5
  import { getAssetUrl } from "../../utils/assetBase.js";
5
6
  import { Tooltip } from "../Tooltip/index.js";
6
7
  import { BookMarkPanel } from "./bookMarkPanel.js";
7
- import { ChatBotFooter } from "./chatBotFooter.js";
8
8
  import ChatBotLandingScreen from "./chatBotLandingScreen.js";
9
9
  import { ChatbotModuleMenu } from "./chatbotModuleMenu.js";
10
10
  import { newChatMenuItem, mandatoryTabList, menuItems } from "./constant.js";
@@ -15,6 +15,44 @@ import { NewChatComponent } from "./newChatComponent.js";
15
15
 
16
16
  import { useTranslation } from "../../i18n/useTranslation.js";
17
17
  const BookmarkIcon = getAssetUrl("icons/bookmarkIcon.svg");
18
+ const HEADER_HEIGHT = 56;
19
+ const SIDEBAR_WIDTH = 72;
20
+ const DEFAULT_CONTENT_WIDTH = 640;
21
+ const DEFAULT_WIDTH = SIDEBAR_WIDTH + DEFAULT_CONTENT_WIDTH;
22
+ const COLLAPSED_SIZE = { width: 410, height: 490 };
23
+ const FLOATING_VIEWPORT_MARGIN = BOTTOM_VIEWPORT_MARGIN;
24
+ const FLOATING_MARGIN = {
25
+ top: HEADER_HEIGHT,
26
+ right: FLOATING_VIEWPORT_MARGIN,
27
+ bottom: FLOATING_VIEWPORT_MARGIN,
28
+ left: FLOATING_VIEWPORT_MARGIN
29
+ };
30
+ const DOCKED_MARGIN = { top: HEADER_HEIGHT, right: 0, bottom: 0, left: FLOATING_VIEWPORT_MARGIN };
31
+ const COLLAPSED_RESIZE_DIRECTIONS = ["n", "s", "ne", "nw", "se", "sw", "w"];
32
+ const EXPANDED_RESIZE_DIRECTION = ["w"];
33
+ function getDockedRect(panelsOpen = false) {
34
+ const viewportWidth = typeof window !== "undefined" ? window.innerWidth : 1440;
35
+ const viewportHeight = typeof window !== "undefined" ? window.innerHeight : 900;
36
+ const width = panelsOpen ? DEFAULT_WIDTH + 360 : DEFAULT_WIDTH;
37
+ return {
38
+ x: viewportWidth - width,
39
+ y: HEADER_HEIGHT,
40
+ width,
41
+ height: viewportHeight - HEADER_HEIGHT
42
+ };
43
+ }
44
+ function getDefaultRect(isFullWidth) {
45
+ if (!isFullWidth) return getDockedRect(false);
46
+ const viewportWidth = typeof window !== "undefined" ? window.innerWidth : 1440;
47
+ const viewportHeight = typeof window !== "undefined" ? window.innerHeight : 900;
48
+ const width = viewportWidth - 64;
49
+ return {
50
+ x: viewportWidth - width,
51
+ y: HEADER_HEIGHT,
52
+ width,
53
+ height: viewportHeight - HEADER_HEIGHT
54
+ };
55
+ }
18
56
  function renderTabIcon(icon, key, iconClassName) {
19
57
  if (typeof icon === "string") {
20
58
  return /* @__PURE__ */ jsx("img", { alt: key, className: iconClassName, src: icon });
@@ -125,9 +163,6 @@ function ChatBotComponent({
125
163
  (tabList == null ? void 0 : tabList.find((tab) => tab.isActive)) ? false : newChatScreen ? true : false
126
164
  );
127
165
  const [inputValue, setInputValue] = useState(inputText);
128
- const [containerWidth, setContainerWidth] = useState(
129
- isFullWidth ? "calc(100vw - 64px)" : "690px"
130
- );
131
166
  const [activeList, setActiveList] = useState((_a = tabList == null ? void 0 : tabList.find((tab) => tab.initialClick)) == null ? void 0 : _a.name);
132
167
  const [isBookMarkPanelOpen, setIsBookMarkPanelOpen] = useState(false);
133
168
  const [isHistoryPanelOpen, setIsHistoryPanelOpen] = useState(false);
@@ -135,10 +170,67 @@ function ChatBotComponent({
135
170
  const [userChats, setUserChats] = useState([]);
136
171
  const [menuItems$1, setMenuItems] = useState([]);
137
172
  const [localHistoryOpenGroups, setLocalHistoryOpenGroups] = useState({});
173
+ const [isMinimised, setIsMinimised] = useState(false);
174
+ const initialRectRef = useRef(getDefaultRect(isFullWidth));
138
175
  const panelsOpen = useMemo(
139
176
  () => isBookMarkPanelOpen || isHistoryPanelOpen || isPagePanelOpen,
140
177
  [isBookMarkPanelOpen, isHistoryPanelOpen, isPagePanelOpen]
141
178
  );
179
+ const tabListRef = useRef(tabList);
180
+ const menuItemsRef = useRef(menuItems$1);
181
+ const onChatBotResizeRef = useRef(onChatBotResize);
182
+ useEffect(() => {
183
+ tabListRef.current = tabList;
184
+ menuItemsRef.current = menuItems$1;
185
+ onChatBotResizeRef.current = onChatBotResize;
186
+ });
187
+ const viewportMargin = isMinimised ? FLOATING_MARGIN : DOCKED_MARGIN;
188
+ const {
189
+ rect,
190
+ isDragging,
191
+ isResizing,
192
+ isCollapsed,
193
+ setRect,
194
+ dragHandleProps,
195
+ getResizeHandleProps,
196
+ collapseTo,
197
+ restore: restoreFromCollapse
198
+ } = useDraggableResizable({
199
+ initialRect: initialRectRef.current,
200
+ minWidth: panelsOpen ? DEFAULT_WIDTH + 360 : COLLAPSED_SIZE.width,
201
+ minHeight: COLLAPSED_SIZE.height,
202
+ maxWidth: typeof window !== "undefined" ? window.innerWidth : void 0,
203
+ maxHeight: typeof window !== "undefined" ? window.innerHeight : void 0,
204
+ // Edge guard only applies while floating (minimised): the panel keeps a gap from every
205
+ // viewport edge (and clears the app header at the top) instead of touching it. Expanded/
206
+ // docked stays flush, like the original panel.
207
+ viewportMargin,
208
+ disabled: isFullWidth,
209
+ onChange: (nextRect) => {
210
+ onChatBotResizeRef.current(nextRect.width);
211
+ }
212
+ });
213
+ const resolveDirectionForResize = isCollapsed ? COLLAPSED_RESIZE_DIRECTIONS : EXPANDED_RESIZE_DIRECTION;
214
+ const handleToggleCollapse = () => {
215
+ if (isCollapsed) {
216
+ setIsMinimised(false);
217
+ restoreFromCollapse();
218
+ } else {
219
+ setIsBookMarkPanelOpen(false);
220
+ setIsHistoryPanelOpen(false);
221
+ setIsPagePanelOpen(false);
222
+ setIsMinimised(true);
223
+ collapseTo(COLLAPSED_SIZE, { anchor: "bottom-right", viewportMargin: FLOATING_MARGIN });
224
+ }
225
+ };
226
+ const NON_DRAGGABLE_SELECTOR = 'button, a, input, textarea, [role="button"], [role="tab"], [contenteditable="true"]';
227
+ const headerDragHandleProps = isCollapsed && !isFullWidth ? {
228
+ ...dragHandleProps,
229
+ onPointerDown: (e) => {
230
+ if (e.target.closest(NON_DRAGGABLE_SELECTOR)) return;
231
+ dragHandleProps.onPointerDown(e);
232
+ }
233
+ } : void 0;
142
234
  useEffect(() => {
143
235
  setInputValue(inputText);
144
236
  }, [inputText]);
@@ -164,55 +256,34 @@ function ChatBotComponent({
164
256
  }
165
257
  }, [tabList, showHistoryPanel]);
166
258
  useEffect(() => {
167
- var _a2, _b;
259
+ var _a2, _b, _c;
168
260
  if (!isChatBotOpen) return;
169
- const resizer = document.querySelector(".resizer");
170
- let startX = 0;
171
- let startWidth = 0;
172
- const onMouseMove = (e) => {
173
- const dx = e.clientX - startX;
174
- let newWidth = startWidth - dx;
175
- const minAllowed = panelsOpen ? 690 + 360 : 690;
176
- const maxAllowed = window.innerWidth - 100;
177
- if (newWidth <= minAllowed) newWidth = minAllowed;
178
- if (newWidth > maxAllowed) newWidth = maxAllowed;
179
- setContainerWidth(`${newWidth}px`);
180
- onChatBotResize(newWidth);
261
+ setActiveList((_b = (_a2 = tabListRef.current) == null ? void 0 : _a2.find((tab) => tab.initialClick)) == null ? void 0 : _b.name);
262
+ const initialItem = menuItemsRef.current.find((tab) => tab.initialClick);
263
+ (_c = initialItem == null ? void 0 : initialItem.onClick) == null ? void 0 : _c.call(initialItem, initialItem);
264
+ }, [isChatBotOpen]);
265
+ useEffect(() => {
266
+ if (isFullWidth || isCollapsed) return;
267
+ const syncDocked = () => {
268
+ setRect(getDockedRect(panelsOpen));
181
269
  };
182
- const onMouseUp = () => {
183
- document.body.classList.remove("no-select");
184
- document.removeEventListener("mousemove", onMouseMove);
185
- document.removeEventListener("mouseup", onMouseUp);
270
+ syncDocked();
271
+ window.addEventListener("resize", syncDocked);
272
+ return () => {
273
+ window.removeEventListener("resize", syncDocked);
186
274
  };
187
- const onMouseDown = (e) => {
188
- startX = e.clientX;
189
- const el = document.querySelector(".chatbot-component-container");
190
- startWidth = (el == null ? void 0 : el.getBoundingClientRect().width) ?? 690;
191
- document.body.classList.add("no-select");
192
- document.addEventListener("mousemove", onMouseMove);
193
- document.addEventListener("mouseup", onMouseUp);
275
+ }, [isFullWidth, isCollapsed, panelsOpen]);
276
+ useEffect(() => {
277
+ if (!isFullWidth) return;
278
+ const onResize = () => {
279
+ setRect(getDefaultRect(true));
194
280
  };
195
- setActiveList((_a2 = tabList == null ? void 0 : tabList.find((tab) => tab.initialClick)) == null ? void 0 : _a2.name);
196
- const initialItem = menuItems$1.find((tab) => tab.initialClick);
197
- (_b = initialItem == null ? void 0 : initialItem.onClick) == null ? void 0 : _b.call(initialItem, initialItem);
198
- if (resizer && !isFullWidth) {
199
- resizer.addEventListener("mousedown", onMouseDown);
200
- } else if (isFullWidth) {
201
- setContainerWidth("calc(100vw - 64px)");
202
- }
281
+ onResize();
282
+ window.addEventListener("resize", onResize);
203
283
  return () => {
204
- resizer == null ? void 0 : resizer.removeEventListener("mousedown", onMouseDown);
284
+ window.removeEventListener("resize", onResize);
205
285
  };
206
- }, [isChatBotOpen, panelsOpen, isFullWidth, tabList, menuItems$1, onChatBotResize]);
207
- useEffect(() => {
208
- if (panelsOpen) {
209
- setContainerWidth(
210
- (prev) => `${Math.min(parseInt(prev, 10) + 360, window.innerWidth - 100)}px`
211
- );
212
- } else {
213
- setContainerWidth((prev) => `${Math.max(parseInt(prev, 10) - 360, 690)}px`);
214
- }
215
- }, [panelsOpen]);
286
+ }, [isFullWidth]);
216
287
  const handleCloseChatBot = () => {
217
288
  setIsChatBotOpen(false);
218
289
  setIsHistoryPanelOpen(false);
@@ -253,213 +324,240 @@ function ChatBotComponent({
253
324
  setIsHistoryPanelOpen(false);
254
325
  setIsPagePanelOpen(false);
255
326
  };
256
- return isChatBotOpen ? /* @__PURE__ */ jsxs("div", { className: "chatbot-modal-wrapper", children: [
257
- /* @__PURE__ */ jsx("div", { className: "resizer" }),
258
- /* @__PURE__ */ jsx("div", { className: "chatbot-component-container", style: { width: containerWidth }, children: landingScreen ? /* @__PURE__ */ jsx(ChatBotLandingScreen, { isFullWidth, onClose: handleCloseChatBot }) : /* @__PURE__ */ jsxs(Fragment, { children: [
259
- /* @__PURE__ */ jsx(
260
- "div",
261
- {
262
- className: `chatbot-component-left-side ${isBookMarkPanelOpen || isHistoryPanelOpen || isPagePanelOpen ? "chatbot-component-left-side-open" : ""}`,
263
- children: /* @__PURE__ */ jsxs(
327
+ return isChatBotOpen ? /* @__PURE__ */ jsx("div", { className: "chatbot-modal-wrapper", children: /* @__PURE__ */ jsxs(
328
+ "div",
329
+ {
330
+ className: `chatbot-component-container ${isFullWidth ? "full-width" : ""} ${isDragging ? "is-dragging" : ""} ${isResizing ? "is-resizing" : ""} ${isCollapsed ? "is-collapsed" : ""}`,
331
+ style: isFullWidth ? void 0 : {
332
+ position: "fixed",
333
+ left: rect.x,
334
+ top: rect.y,
335
+ width: rect.width,
336
+ height: rect.height
337
+ },
338
+ children: [
339
+ !isFullWidth && resolveDirectionForResize.map((direction) => /* @__PURE__ */ jsx(
340
+ "div",
341
+ {
342
+ "aria-label": `Resize ${direction.toUpperCase()}`,
343
+ className: `resizer resizer-${direction}`,
344
+ ...getResizeHandleProps(direction)
345
+ },
346
+ direction
347
+ )),
348
+ landingScreen ? /* @__PURE__ */ jsx(ChatBotLandingScreen, { isFullWidth, onClose: handleCloseChatBot }) : /* @__PURE__ */ jsxs("div", { className: "chatbot-main-content", children: [
349
+ !isCollapsed && /* @__PURE__ */ jsx(
264
350
  "div",
265
351
  {
266
- className: `chatbot-component-menu-container ${isBookMarkPanelOpen || isHistoryPanelOpen || isPagePanelOpen ? "chatbot-component-menu-container-open" : ""}`,
267
- children: [
268
- /* @__PURE__ */ jsxs(
269
- "div",
270
- {
271
- className: `chatbot-component-menu-container-icon ${isBookMarkPanelOpen || isHistoryPanelOpen || isPagePanelOpen ? "chatbot-component-menu-container-icon-open" : ""}`,
272
- children: [
273
- /* @__PURE__ */ jsx("ul", { className: "chatbot-component-menu-list", children: menuItems$1.map((item) => {
274
- var _a2;
275
- return /* @__PURE__ */ jsx(
276
- Tooltip,
277
- {
278
- orientation: "left",
279
- title: getMenuItemLabel(item, t),
280
- variant: "tertiary",
281
- children: /* @__PURE__ */ jsx(
282
- "li",
352
+ className: `chatbot-component-left-side ${isBookMarkPanelOpen || isHistoryPanelOpen || isPagePanelOpen ? "chatbot-component-left-side-open" : ""}`,
353
+ children: /* @__PURE__ */ jsxs(
354
+ "div",
355
+ {
356
+ className: `chatbot-component-menu-container ${isBookMarkPanelOpen || isHistoryPanelOpen || isPagePanelOpen ? "chatbot-component-menu-container-open" : ""}`,
357
+ children: [
358
+ /* @__PURE__ */ jsxs(
359
+ "div",
360
+ {
361
+ className: `chatbot-component-menu-container-icon ${isBookMarkPanelOpen || isHistoryPanelOpen || isPagePanelOpen ? "chatbot-component-menu-container-icon-open" : ""}`,
362
+ children: [
363
+ /* @__PURE__ */ jsx("ul", { className: "chatbot-component-menu-list", children: menuItems$1.map((item) => {
364
+ var _a2;
365
+ return /* @__PURE__ */ jsx(
366
+ Tooltip,
283
367
  {
284
- className: `${item.className} ${(activeList == null ? void 0 : activeList.toLowerCase()) === ((_a2 = item.key) == null ? void 0 : _a2.toLowerCase()) ? "active" : ""}`,
285
- role: "button",
286
- tabIndex: 0,
287
- onClick: () => {
288
- handleMenuClick(item);
289
- },
290
- onKeyDown: (e) => {
291
- if (e.key === "Enter" || e.key === " ") {
292
- e.preventDefault();
293
- handleMenuClick(item);
368
+ orientation: "left",
369
+ title: getMenuItemLabel(item, t),
370
+ variant: "tertiary",
371
+ children: /* @__PURE__ */ jsx(
372
+ "li",
373
+ {
374
+ className: `${item.className} ${(activeList == null ? void 0 : activeList.toLowerCase()) === ((_a2 = item.key) == null ? void 0 : _a2.toLowerCase()) ? "active" : ""}`,
375
+ role: "button",
376
+ tabIndex: 0,
377
+ onClick: () => {
378
+ handleMenuClick(item);
379
+ },
380
+ onKeyDown: (e) => {
381
+ if (e.key === "Enter" || e.key === " ") {
382
+ e.preventDefault();
383
+ handleMenuClick(item);
384
+ }
385
+ },
386
+ children: renderTabIcon(item.icon, item.key, item.iconClassName)
294
387
  }
295
- },
296
- children: renderTabIcon(item.icon, item.key, item.iconClassName)
297
- }
298
- )
299
- },
300
- item.key
301
- );
302
- }) }),
303
- /* @__PURE__ */ jsx("ul", { className: "chatbot-component-menu-list utility-list", children: utilityList.map((item) => /* @__PURE__ */ jsx(
304
- Tooltip,
305
- {
306
- orientation: "left",
307
- title: getMenuItemLabel(item, t),
308
- variant: "tertiary",
309
- children: /* @__PURE__ */ jsx(
310
- "li",
388
+ )
389
+ },
390
+ item.key
391
+ );
392
+ }) }),
393
+ /* @__PURE__ */ jsx("ul", { className: "chatbot-component-menu-list utility-list", children: utilityList.map((item) => /* @__PURE__ */ jsx(
394
+ Tooltip,
311
395
  {
312
- role: "button",
313
- tabIndex: 0,
314
- onClick: item.onClick,
315
- onKeyDown: (e) => {
316
- var _a2;
317
- if (e.key === "Enter" || e.key === " ") {
318
- e.preventDefault();
319
- (_a2 = item.onClick) == null ? void 0 : _a2.call(item);
396
+ orientation: "left",
397
+ title: getMenuItemLabel(item, t),
398
+ variant: "tertiary",
399
+ children: /* @__PURE__ */ jsx(
400
+ "li",
401
+ {
402
+ role: "button",
403
+ tabIndex: 0,
404
+ onClick: item.onClick,
405
+ onKeyDown: (e) => {
406
+ var _a2;
407
+ if (e.key === "Enter" || e.key === " ") {
408
+ e.preventDefault();
409
+ (_a2 = item.onClick) == null ? void 0 : _a2.call(item);
410
+ }
411
+ },
412
+ children: renderTabIcon(item.icon, item.key)
320
413
  }
321
- },
322
- children: renderTabIcon(item.icon, item.key)
323
- }
324
- )
325
- },
326
- item.key
327
- )) })
328
- ]
414
+ )
415
+ },
416
+ item.key
417
+ )) })
418
+ ]
419
+ }
420
+ ),
421
+ isBookMarkPanelOpen && !isHistoryPanelOpen && !isPagePanelOpen && /* @__PURE__ */ jsx(
422
+ BookMarkPanel,
423
+ {
424
+ addedByYouQuestions,
425
+ preDefinedQuestions,
426
+ onClose: handleCloseLeftPanel
427
+ }
428
+ ),
429
+ isHistoryPanelOpen && !isBookMarkPanelOpen && !isPagePanelOpen && /* @__PURE__ */ jsx(
430
+ HistoryPanel,
431
+ {
432
+ activeConversationId,
433
+ historyPanelData,
434
+ openGroups: historyOpenGroups ?? localHistoryOpenGroups,
435
+ onClose: handleCloseLeftPanel,
436
+ onMenuAction: onHistoryMenuAction,
437
+ onSearchChange: onHistorySearchChange,
438
+ onSelectConversation: onHistorySelectConversation,
439
+ onToggleGroup: (groupName, isOpen) => {
440
+ if (historyOpenGroups == null) {
441
+ setLocalHistoryOpenGroups((prev) => ({ ...prev, [groupName]: isOpen }));
442
+ }
443
+ onHistoryToggleGroup(groupName, isOpen);
444
+ }
445
+ }
446
+ )
447
+ ]
448
+ }
449
+ )
450
+ }
451
+ ),
452
+ /* @__PURE__ */ jsxs(
453
+ "div",
454
+ {
455
+ className: `chatbot-component-right-side ${isBookMarkPanelOpen || isHistoryPanelOpen || isPagePanelOpen ? "chatbot-component-right-side-open" : ""}`,
456
+ children: [
457
+ !isCustomScreen && /* @__PURE__ */ jsx("div", { className: "chatbot-header-row", children: /* @__PURE__ */ jsx(
458
+ ChatbotModuleMenu,
459
+ {
460
+ activeList,
461
+ activeThread,
462
+ dragHandleProps: headerDragHandleProps,
463
+ handleCloseThread,
464
+ handleSavedChat,
465
+ handleThreadClick,
466
+ hideCenterOptions: newChatScreen,
467
+ hideChildren: !newChatScreen,
468
+ hideMenuArrow,
469
+ isCollapsed,
470
+ isFullWidth,
471
+ isModuleListLoading,
472
+ moduleList,
473
+ threadList,
474
+ onClose: handleCloseChatBot,
475
+ onMinimiseChatBot,
476
+ onModuleClick,
477
+ onToggleCollapse: handleToggleCollapse
329
478
  }
330
- ),
331
- isBookMarkPanelOpen && !isHistoryPanelOpen && !isPagePanelOpen && /* @__PURE__ */ jsx(
332
- BookMarkPanel,
479
+ ) }),
480
+ newChatScreen ? /* @__PURE__ */ jsx(
481
+ NewChatComponent,
333
482
  {
334
- addedByYouQuestions,
335
- preDefinedQuestions,
336
- onClose: handleCloseLeftPanel
483
+ activeList,
484
+ customInputComponent,
485
+ footerText: resolvedFooterText,
486
+ handleMicClick,
487
+ handleRefresh,
488
+ handleSaveChat,
489
+ hideMenuArrow,
490
+ inputValue,
491
+ isModuleListLoading,
492
+ isStopIcon,
493
+ moduleList,
494
+ setInputValue,
495
+ setIsNewChat,
496
+ setUserChats,
497
+ showSuggestionBanner,
498
+ suggestionBanner: resolvedSuggestionBanner,
499
+ userChats,
500
+ userName,
501
+ onClose: handleCloseChatBot,
502
+ onCloseSuggestionBanner,
503
+ onModuleClick,
504
+ onSendIconClick,
505
+ onStopIconClick
337
506
  }
338
- ),
339
- isHistoryPanelOpen && !isBookMarkPanelOpen && !isPagePanelOpen && /* @__PURE__ */ jsx(
340
- HistoryPanel,
507
+ ) : isCustomScreen ? /* @__PURE__ */ jsx(
508
+ CustomScreen,
341
509
  {
342
- activeConversationId,
343
- historyPanelData,
344
- openGroups: historyOpenGroups ?? localHistoryOpenGroups,
345
- onClose: handleCloseLeftPanel,
346
- onMenuAction: onHistoryMenuAction,
347
- onSearchChange: onHistorySearchChange,
348
- onSelectConversation: onHistorySelectConversation,
349
- onToggleGroup: (groupName, isOpen) => {
350
- if (historyOpenGroups == null) {
351
- setLocalHistoryOpenGroups((prev) => ({ ...prev, [groupName]: isOpen }));
352
- }
353
- onHistoryToggleGroup(groupName, isOpen);
354
- }
510
+ activeList,
511
+ customInputComponent,
512
+ customScreenJsx,
513
+ footerText: resolvedFooterText,
514
+ handleMicClick,
515
+ handleRefresh,
516
+ handleSaveChat,
517
+ isFullWidth,
518
+ isStopIcon,
519
+ setUserChats,
520
+ showSuggestionBanner,
521
+ suggestionBanner: resolvedSuggestionBanner,
522
+ userChats,
523
+ onClose: handleCloseChatBot,
524
+ onCloseSuggestionBanner,
525
+ onMinimiseChatBot,
526
+ onSendIconClick,
527
+ onStopIconClick
528
+ }
529
+ ) : /* @__PURE__ */ jsx(
530
+ ConversationScreen,
531
+ {
532
+ activeList,
533
+ conversation: conversation ?? {},
534
+ customInputComponent,
535
+ footerText: resolvedFooterText,
536
+ handleMicClick,
537
+ handleRefresh,
538
+ handleSaveChat,
539
+ inputText,
540
+ isAssistantThinking,
541
+ isCollapsed,
542
+ isStopIcon,
543
+ setUserChats,
544
+ showSuggestionBanner,
545
+ suggestionBanner: resolvedSuggestionBanner,
546
+ userChats,
547
+ onCloseSuggestionBanner,
548
+ onDislikeClick,
549
+ onLikeClick,
550
+ onSendIconClick,
551
+ onStopIconClick
355
552
  }
356
553
  )
357
554
  ]
358
555
  }
359
556
  )
360
- }
361
- ),
362
- /* @__PURE__ */ jsxs(
363
- "div",
364
- {
365
- className: `chatbot-component-right-side ${isBookMarkPanelOpen || isHistoryPanelOpen || isPagePanelOpen ? "chatbot-component-right-side-open" : ""}`,
366
- children: [
367
- !isCustomScreen && /* @__PURE__ */ jsx("div", { className: "conversation-screen-container", children: /* @__PURE__ */ jsx(
368
- ChatbotModuleMenu,
369
- {
370
- activeList,
371
- activeThread,
372
- handleCloseThread,
373
- handleSavedChat,
374
- handleThreadClick,
375
- hideCenterOptions: newChatScreen,
376
- hideChildren: !newChatScreen,
377
- hideMenuArrow,
378
- isFullWidth,
379
- isModuleListLoading,
380
- moduleList,
381
- threadList,
382
- onClose: handleCloseChatBot,
383
- onMinimiseChatBot,
384
- onModuleClick
385
- }
386
- ) }),
387
- newChatScreen ? /* @__PURE__ */ jsx(
388
- NewChatComponent,
389
- {
390
- activeList,
391
- customInputComponent,
392
- handleMicClick,
393
- handleRefresh,
394
- handleSaveChat,
395
- hideMenuArrow,
396
- inputValue,
397
- isModuleListLoading,
398
- isStopIcon,
399
- moduleList,
400
- setInputValue,
401
- setIsNewChat,
402
- setUserChats,
403
- showSuggestionBanner,
404
- suggestionBanner: resolvedSuggestionBanner,
405
- userChats,
406
- userName,
407
- onClose: handleCloseChatBot,
408
- onCloseSuggestionBanner,
409
- onModuleClick,
410
- onSendIconClick,
411
- onStopIconClick
412
- }
413
- ) : isCustomScreen ? /* @__PURE__ */ jsx(
414
- CustomScreen,
415
- {
416
- activeList,
417
- customInputComponent,
418
- customScreenJsx,
419
- handleMicClick,
420
- handleRefresh,
421
- handleSaveChat,
422
- isFullWidth,
423
- isStopIcon,
424
- setUserChats,
425
- showSuggestionBanner,
426
- suggestionBanner: resolvedSuggestionBanner,
427
- userChats,
428
- onClose: handleCloseChatBot,
429
- onCloseSuggestionBanner,
430
- onMinimiseChatBot,
431
- onSendIconClick,
432
- onStopIconClick
433
- }
434
- ) : /* @__PURE__ */ jsx(
435
- ConversationScreen,
436
- {
437
- activeList,
438
- conversation: conversation ?? {},
439
- customInputComponent,
440
- handleMicClick,
441
- handleRefresh,
442
- handleSaveChat,
443
- inputText,
444
- isAssistantThinking,
445
- isStopIcon,
446
- setUserChats,
447
- showSuggestionBanner,
448
- suggestionBanner: resolvedSuggestionBanner,
449
- userChats,
450
- onCloseSuggestionBanner,
451
- onDislikeClick,
452
- onLikeClick,
453
- onSendIconClick,
454
- onStopIconClick
455
- }
456
- ),
457
- /* @__PURE__ */ jsx(ChatBotFooter, { footerText: resolvedFooterText })
458
- ]
459
- }
460
- )
461
- ] }) })
462
- ] }) : null;
557
+ ] })
558
+ ]
559
+ }
560
+ ) }) : null;
463
561
  }
464
562
  ChatBotComponent.displayName = "ChatBotComponent";
465
563
  export {