impact-ui 4.0.7-alpha.2 → 4.0.8

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 (76) hide show
  1. package/dist/_virtual/index13.js +2 -2
  2. package/dist/_virtual/index14.js +2 -2
  3. package/dist/_virtual/index2.js +2 -2
  4. package/dist/_virtual/index3.js +2 -4
  5. package/dist/_virtual/index4.js +3 -3
  6. package/dist/_virtual/index5.js +4 -2
  7. package/dist/components/ButtonGroup/index.js +1 -1
  8. package/dist/components/Chatbot/Chatbot.types.d.ts +1 -12
  9. package/dist/components/Chatbot/Chatbot.types.d.ts.map +1 -1
  10. package/dist/components/Chatbot/chatInput.d.ts.map +1 -1
  11. package/dist/components/Chatbot/chatInput.js +4 -22
  12. package/dist/components/Chatbot/chatbotModuleMenu.d.ts +1 -1
  13. package/dist/components/Chatbot/chatbotModuleMenu.d.ts.map +1 -1
  14. package/dist/components/Chatbot/chatbotModuleMenu.js +186 -162
  15. package/dist/components/Chatbot/conversationScreen.d.ts +1 -1
  16. package/dist/components/Chatbot/conversationScreen.d.ts.map +1 -1
  17. package/dist/components/Chatbot/conversationScreen.js +3 -7
  18. package/dist/components/Chatbot/customScreen.d.ts +1 -1
  19. package/dist/components/Chatbot/customScreen.d.ts.map +1 -1
  20. package/dist/components/Chatbot/customScreen.js +25 -26
  21. package/dist/components/Chatbot/index.d.ts.map +1 -1
  22. package/dist/components/Chatbot/index.js +240 -330
  23. package/dist/components/Chatbot/newChatComponent.d.ts +1 -1
  24. package/dist/components/Chatbot/newChatComponent.d.ts.map +1 -1
  25. package/dist/components/Chatbot/newChatComponent.js +2 -5
  26. package/dist/components/CommentsPanel/CommentsPanel.impl.d.ts +6 -2
  27. package/dist/components/CommentsPanel/CommentsPanel.impl.d.ts.map +1 -1
  28. package/dist/components/CommentsPanel/CommentsPanel.impl.js +1 -6
  29. package/dist/components/CommentsPanel/CommentsPanel.types.d.ts +2 -2
  30. package/dist/components/CommentsPanel/CommentsPanel.types.d.ts.map +1 -1
  31. package/dist/components/KeyboardShortCuts/ShortcutLandingPage.js +1 -1
  32. package/dist/components/KeyboardShortCuts/ShortcutModal.d.ts.map +1 -1
  33. package/dist/components/KeyboardShortCuts/ShortcutModal.js +5 -4
  34. package/dist/components/KeyboardShortCuts/allSetBox.js +1 -1
  35. package/dist/components/KeyboardShortCuts/index.js +1 -1
  36. package/dist/components/KeyboardShortCuts/tutorial.js +1 -1
  37. package/dist/components/Menu/IconMenuItem.d.ts.map +1 -1
  38. package/dist/components/Menu/IconMenuItem.js +1 -2
  39. package/dist/components/Menu/MenuHeaderInfo.js +1 -1
  40. package/dist/components/Menu/NestedMenuItem.js +2 -2
  41. package/dist/components/Menu/index.js +1 -1
  42. package/dist/components/Menu/nestedMenuItemsFromObject.js +1 -1
  43. package/dist/components/RadioButtonGroup/index.js +1 -1
  44. package/dist/components/Slider/index.js +1 -1
  45. package/dist/components/Table/index.d.ts +2 -1
  46. package/dist/components/Table/index.d.ts.map +1 -1
  47. package/dist/components/Table/index.js +1 -1
  48. package/dist/components/Table/tableFunctions.d.ts.map +1 -1
  49. package/dist/components/Table/tableFunctions.js +19 -9
  50. package/dist/components/TableOld/index.d.ts.map +1 -1
  51. package/dist/components/TableOld/index.js +1 -2
  52. package/dist/components/TableOld/tableFunctions.d.ts.map +1 -1
  53. package/dist/components/TableOld/tableFunctions.js +19 -9
  54. package/dist/dev/productGroupTableData.d.ts +363 -0
  55. package/dist/dev/productGroupTableData.d.ts.map +1 -0
  56. package/dist/locales/de-DE.json.d.ts +2 -0
  57. package/dist/locales/de-DE.json.js +2 -0
  58. package/dist/locales/en-US.json.d.ts +2 -0
  59. package/dist/locales/en-US.json.js +2 -0
  60. package/dist/mcp-component-registry.json +1 -1
  61. package/dist/node_modules/@mui/system/colorManipulator.js +2 -2
  62. package/dist/node_modules/hoist-non-react-statics/node_modules/react-is/index.js +1 -1
  63. package/dist/node_modules/prop-types/index.js +1 -1
  64. package/dist/node_modules/react-is/index.js +1 -1
  65. package/dist/node_modules/react-with-styles-interface-css/dist/index.js +1 -1
  66. package/dist/utils/index.d.ts +0 -1
  67. package/dist/utils/index.d.ts.map +1 -1
  68. package/package.json +1 -1
  69. package/dist/hooks/useDraggableResizable.d.ts +0 -104
  70. package/dist/hooks/useDraggableResizable.d.ts.map +0 -1
  71. package/dist/hooks/useDraggableResizable.js +0 -323
  72. package/dist/hooks/useMediaQuery.d.ts +0 -9
  73. package/dist/hooks/useMediaQuery.d.ts.map +0 -1
  74. package/dist/utils/onResize.d.ts +0 -24
  75. package/dist/utils/onResize.d.ts.map +0 -1
  76. package/dist/utils/onResize.js +0 -28
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: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";
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.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.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;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.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;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, useRef, useEffect, isValidElement, cloneElement } from "react";
5
4
  import { getAssetUrl } from "../../utils/assetBase.js";
6
5
  import { Tooltip } from "../Tooltip/index.js";
7
6
  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,44 +15,6 @@ 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
- }
56
18
  function renderTabIcon(icon, key, iconClassName) {
57
19
  if (typeof icon === "string") {
58
20
  return /* @__PURE__ */ jsx("img", { alt: key, className: iconClassName, src: icon });
@@ -163,6 +125,9 @@ function ChatBotComponent({
163
125
  (tabList == null ? void 0 : tabList.find((tab) => tab.isActive)) ? false : newChatScreen ? true : false
164
126
  );
165
127
  const [inputValue, setInputValue] = useState(inputText);
128
+ const [containerWidth, setContainerWidth] = useState(
129
+ isFullWidth ? "calc(100vw - 64px)" : "690px"
130
+ );
166
131
  const [activeList, setActiveList] = useState((_a = tabList == null ? void 0 : tabList.find((tab) => tab.initialClick)) == null ? void 0 : _a.name);
167
132
  const [isBookMarkPanelOpen, setIsBookMarkPanelOpen] = useState(false);
168
133
  const [isHistoryPanelOpen, setIsHistoryPanelOpen] = useState(false);
@@ -170,8 +135,6 @@ function ChatBotComponent({
170
135
  const [userChats, setUserChats] = useState([]);
171
136
  const [menuItems$1, setMenuItems] = useState([]);
172
137
  const [localHistoryOpenGroups, setLocalHistoryOpenGroups] = useState({});
173
- const [isMinimised, setIsMinimised] = useState(false);
174
- const initialRectRef = useRef(getDefaultRect(isFullWidth));
175
138
  const panelsOpen = useMemo(
176
139
  () => isBookMarkPanelOpen || isHistoryPanelOpen || isPagePanelOpen,
177
140
  [isBookMarkPanelOpen, isHistoryPanelOpen, isPagePanelOpen]
@@ -184,53 +147,6 @@ function ChatBotComponent({
184
147
  menuItemsRef.current = menuItems$1;
185
148
  onChatBotResizeRef.current = onChatBotResize;
186
149
  });
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;
234
150
  useEffect(() => {
235
151
  setInputValue(inputText);
236
152
  }, [inputText]);
@@ -258,32 +174,53 @@ function ChatBotComponent({
258
174
  useEffect(() => {
259
175
  var _a2, _b, _c;
260
176
  if (!isChatBotOpen) return;
177
+ const resizer = document.querySelector(".resizer");
178
+ let startX = 0;
179
+ let startWidth = 0;
180
+ const onMouseMove = (e) => {
181
+ const dx = e.clientX - startX;
182
+ let newWidth = startWidth - dx;
183
+ const minAllowed = panelsOpen ? 690 + 360 : 690;
184
+ const maxAllowed = window.innerWidth - 100;
185
+ if (newWidth <= minAllowed) newWidth = minAllowed;
186
+ if (newWidth > maxAllowed) newWidth = maxAllowed;
187
+ setContainerWidth(`${newWidth}px`);
188
+ onChatBotResizeRef.current(newWidth);
189
+ };
190
+ const onMouseUp = () => {
191
+ document.body.classList.remove("no-select");
192
+ document.removeEventListener("mousemove", onMouseMove);
193
+ document.removeEventListener("mouseup", onMouseUp);
194
+ };
195
+ const onMouseDown = (e) => {
196
+ startX = e.clientX;
197
+ const el = document.querySelector(".chatbot-component-container");
198
+ startWidth = (el == null ? void 0 : el.getBoundingClientRect().width) ?? 690;
199
+ document.body.classList.add("no-select");
200
+ document.addEventListener("mousemove", onMouseMove);
201
+ document.addEventListener("mouseup", onMouseUp);
202
+ };
261
203
  setActiveList((_b = (_a2 = tabListRef.current) == null ? void 0 : _a2.find((tab) => tab.initialClick)) == null ? void 0 : _b.name);
262
204
  const initialItem = menuItemsRef.current.find((tab) => tab.initialClick);
263
205
  (_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));
269
- };
270
- syncDocked();
271
- window.addEventListener("resize", syncDocked);
206
+ if (resizer && !isFullWidth) {
207
+ resizer.addEventListener("mousedown", onMouseDown);
208
+ } else if (isFullWidth) {
209
+ setContainerWidth("calc(100vw - 64px)");
210
+ }
272
211
  return () => {
273
- window.removeEventListener("resize", syncDocked);
212
+ resizer == null ? void 0 : resizer.removeEventListener("mousedown", onMouseDown);
274
213
  };
275
- }, [isFullWidth, isCollapsed, panelsOpen]);
214
+ }, [isChatBotOpen, panelsOpen, isFullWidth]);
276
215
  useEffect(() => {
277
- if (!isFullWidth) return;
278
- const onResize = () => {
279
- setRect(getDefaultRect(true));
280
- };
281
- onResize();
282
- window.addEventListener("resize", onResize);
283
- return () => {
284
- window.removeEventListener("resize", onResize);
285
- };
286
- }, [isFullWidth]);
216
+ if (panelsOpen) {
217
+ setContainerWidth(
218
+ (prev) => `${Math.min(parseInt(prev, 10) + 360, window.innerWidth - 100)}px`
219
+ );
220
+ } else {
221
+ setContainerWidth((prev) => `${Math.max(parseInt(prev, 10) - 360, 690)}px`);
222
+ }
223
+ }, [panelsOpen]);
287
224
  const handleCloseChatBot = () => {
288
225
  setIsChatBotOpen(false);
289
226
  setIsHistoryPanelOpen(false);
@@ -324,240 +261,213 @@ function ChatBotComponent({
324
261
  setIsHistoryPanelOpen(false);
325
262
  setIsPagePanelOpen(false);
326
263
  };
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
+ return isChatBotOpen ? /* @__PURE__ */ jsxs("div", { className: "chatbot-modal-wrapper", children: [
265
+ /* @__PURE__ */ jsx("div", { className: "resizer" }),
266
+ /* @__PURE__ */ jsx("div", { className: "chatbot-component-container", style: { width: containerWidth }, children: landingScreen ? /* @__PURE__ */ jsx(ChatBotLandingScreen, { isFullWidth, onClose: handleCloseChatBot }) : /* @__PURE__ */ jsxs(Fragment, { children: [
267
+ /* @__PURE__ */ jsx(
268
+ "div",
269
+ {
270
+ className: `chatbot-component-left-side ${isBookMarkPanelOpen || isHistoryPanelOpen || isPagePanelOpen ? "chatbot-component-left-side-open" : ""}`,
271
+ children: /* @__PURE__ */ jsxs(
350
272
  "div",
351
273
  {
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,
274
+ className: `chatbot-component-menu-container ${isBookMarkPanelOpen || isHistoryPanelOpen || isPagePanelOpen ? "chatbot-component-menu-container-open" : ""}`,
275
+ children: [
276
+ /* @__PURE__ */ jsxs(
277
+ "div",
278
+ {
279
+ className: `chatbot-component-menu-container-icon ${isBookMarkPanelOpen || isHistoryPanelOpen || isPagePanelOpen ? "chatbot-component-menu-container-icon-open" : ""}`,
280
+ children: [
281
+ /* @__PURE__ */ jsx("ul", { className: "chatbot-component-menu-list", children: menuItems$1.map((item) => {
282
+ var _a2;
283
+ return /* @__PURE__ */ jsx(
284
+ Tooltip,
285
+ {
286
+ orientation: "left",
287
+ title: getMenuItemLabel(item, t),
288
+ variant: "tertiary",
289
+ children: /* @__PURE__ */ jsx(
290
+ "li",
367
291
  {
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)
292
+ className: `${item.className} ${(activeList == null ? void 0 : activeList.toLowerCase()) === ((_a2 = item.key) == null ? void 0 : _a2.toLowerCase()) ? "active" : ""}`,
293
+ role: "button",
294
+ tabIndex: 0,
295
+ onClick: () => {
296
+ handleMenuClick(item);
297
+ },
298
+ onKeyDown: (e) => {
299
+ if (e.key === "Enter" || e.key === " ") {
300
+ e.preventDefault();
301
+ handleMenuClick(item);
387
302
  }
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,
303
+ },
304
+ children: renderTabIcon(item.icon, item.key, item.iconClassName)
305
+ }
306
+ )
307
+ },
308
+ item.key
309
+ );
310
+ }) }),
311
+ /* @__PURE__ */ jsx("ul", { className: "chatbot-component-menu-list utility-list", children: utilityList.map((item) => /* @__PURE__ */ jsx(
312
+ Tooltip,
313
+ {
314
+ orientation: "left",
315
+ title: getMenuItemLabel(item, t),
316
+ variant: "tertiary",
317
+ children: /* @__PURE__ */ jsx(
318
+ "li",
395
319
  {
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
+ role: "button",
321
+ tabIndex: 0,
322
+ onClick: item.onClick,
323
+ onKeyDown: (e) => {
324
+ var _a2;
325
+ if (e.key === "Enter" || e.key === " ") {
326
+ e.preventDefault();
327
+ (_a2 = item.onClick) == null ? void 0 : _a2.call(item);
413
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
478
- }
479
- ) }),
480
- newChatScreen ? /* @__PURE__ */ jsx(
481
- NewChatComponent,
482
- {
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
329
+ },
330
+ children: renderTabIcon(item.icon, item.key)
331
+ }
332
+ )
333
+ },
334
+ item.key
335
+ )) })
336
+ ]
506
337
  }
507
- ) : isCustomScreen ? /* @__PURE__ */ jsx(
508
- CustomScreen,
338
+ ),
339
+ isBookMarkPanelOpen && !isHistoryPanelOpen && !isPagePanelOpen && /* @__PURE__ */ jsx(
340
+ BookMarkPanel,
509
341
  {
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
342
+ addedByYouQuestions,
343
+ preDefinedQuestions,
344
+ onClose: handleCloseLeftPanel
528
345
  }
529
- ) : /* @__PURE__ */ jsx(
530
- ConversationScreen,
346
+ ),
347
+ isHistoryPanelOpen && !isBookMarkPanelOpen && !isPagePanelOpen && /* @__PURE__ */ jsx(
348
+ HistoryPanel,
531
349
  {
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
350
+ activeConversationId,
351
+ historyPanelData,
352
+ openGroups: historyOpenGroups ?? localHistoryOpenGroups,
353
+ onClose: handleCloseLeftPanel,
354
+ onMenuAction: onHistoryMenuAction,
355
+ onSearchChange: onHistorySearchChange,
356
+ onSelectConversation: onHistorySelectConversation,
357
+ onToggleGroup: (groupName, isOpen) => {
358
+ if (historyOpenGroups == null) {
359
+ setLocalHistoryOpenGroups((prev) => ({ ...prev, [groupName]: isOpen }));
360
+ }
361
+ onHistoryToggleGroup(groupName, isOpen);
362
+ }
552
363
  }
553
364
  )
554
365
  ]
555
366
  }
556
367
  )
557
- ] })
558
- ]
559
- }
560
- ) }) : null;
368
+ }
369
+ ),
370
+ /* @__PURE__ */ jsxs(
371
+ "div",
372
+ {
373
+ className: `chatbot-component-right-side ${isBookMarkPanelOpen || isHistoryPanelOpen || isPagePanelOpen ? "chatbot-component-right-side-open" : ""}`,
374
+ children: [
375
+ !isCustomScreen && /* @__PURE__ */ jsx("div", { className: "conversation-screen-container", children: /* @__PURE__ */ jsx(
376
+ ChatbotModuleMenu,
377
+ {
378
+ activeList,
379
+ activeThread,
380
+ handleCloseThread,
381
+ handleSavedChat,
382
+ handleThreadClick,
383
+ hideCenterOptions: newChatScreen,
384
+ hideChildren: !newChatScreen,
385
+ hideMenuArrow,
386
+ isFullWidth,
387
+ isModuleListLoading,
388
+ moduleList,
389
+ threadList,
390
+ onClose: handleCloseChatBot,
391
+ onMinimiseChatBot,
392
+ onModuleClick
393
+ }
394
+ ) }),
395
+ newChatScreen ? /* @__PURE__ */ jsx(
396
+ NewChatComponent,
397
+ {
398
+ activeList,
399
+ customInputComponent,
400
+ handleMicClick,
401
+ handleRefresh,
402
+ handleSaveChat,
403
+ hideMenuArrow,
404
+ inputValue,
405
+ isModuleListLoading,
406
+ isStopIcon,
407
+ moduleList,
408
+ setInputValue,
409
+ setIsNewChat,
410
+ setUserChats,
411
+ showSuggestionBanner,
412
+ suggestionBanner: resolvedSuggestionBanner,
413
+ userChats,
414
+ userName,
415
+ onClose: handleCloseChatBot,
416
+ onCloseSuggestionBanner,
417
+ onModuleClick,
418
+ onSendIconClick,
419
+ onStopIconClick
420
+ }
421
+ ) : isCustomScreen ? /* @__PURE__ */ jsx(
422
+ CustomScreen,
423
+ {
424
+ activeList,
425
+ customInputComponent,
426
+ customScreenJsx,
427
+ handleMicClick,
428
+ handleRefresh,
429
+ handleSaveChat,
430
+ isFullWidth,
431
+ isStopIcon,
432
+ setUserChats,
433
+ showSuggestionBanner,
434
+ suggestionBanner: resolvedSuggestionBanner,
435
+ userChats,
436
+ onClose: handleCloseChatBot,
437
+ onCloseSuggestionBanner,
438
+ onMinimiseChatBot,
439
+ onSendIconClick,
440
+ onStopIconClick
441
+ }
442
+ ) : /* @__PURE__ */ jsx(
443
+ ConversationScreen,
444
+ {
445
+ activeList,
446
+ conversation: conversation ?? {},
447
+ customInputComponent,
448
+ handleMicClick,
449
+ handleRefresh,
450
+ handleSaveChat,
451
+ inputText,
452
+ isAssistantThinking,
453
+ isStopIcon,
454
+ setUserChats,
455
+ showSuggestionBanner,
456
+ suggestionBanner: resolvedSuggestionBanner,
457
+ userChats,
458
+ onCloseSuggestionBanner,
459
+ onDislikeClick,
460
+ onLikeClick,
461
+ onSendIconClick,
462
+ onStopIconClick
463
+ }
464
+ ),
465
+ /* @__PURE__ */ jsx(ChatBotFooter, { footerText: resolvedFooterText })
466
+ ]
467
+ }
468
+ )
469
+ ] }) })
470
+ ] }) : null;
561
471
  }
562
472
  ChatBotComponent.displayName = "ChatBotComponent";
563
473
  export {