impact-ui 4.0.12 → 4.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_virtual/index13.js +2 -2
- package/dist/_virtual/index14.js +2 -2
- package/dist/_virtual/index15.js +2 -2
- package/dist/_virtual/index16.js +2 -2
- package/dist/_virtual/index3.js +2 -4
- package/dist/_virtual/index4.js +3 -3
- package/dist/_virtual/index5.js +4 -2
- package/dist/components/Chatbot/Chatbot.types.d.ts +12 -1
- package/dist/components/Chatbot/Chatbot.types.d.ts.map +1 -1
- package/dist/components/Chatbot/chatInput.d.ts.map +1 -1
- package/dist/components/Chatbot/chatInput.js +22 -4
- package/dist/components/Chatbot/chatbotModuleMenu.d.ts +1 -1
- package/dist/components/Chatbot/chatbotModuleMenu.d.ts.map +1 -1
- package/dist/components/Chatbot/chatbotModuleMenu.js +162 -186
- package/dist/components/Chatbot/conversationScreen.d.ts +1 -1
- package/dist/components/Chatbot/conversationScreen.d.ts.map +1 -1
- package/dist/components/Chatbot/conversationScreen.js +7 -3
- package/dist/components/Chatbot/customScreen.d.ts +1 -1
- package/dist/components/Chatbot/customScreen.d.ts.map +1 -1
- package/dist/components/Chatbot/customScreen.js +26 -25
- package/dist/components/Chatbot/index.d.ts.map +1 -1
- package/dist/components/Chatbot/index.js +330 -240
- package/dist/components/Chatbot/newChatComponent.d.ts +1 -1
- package/dist/components/Chatbot/newChatComponent.d.ts.map +1 -1
- package/dist/components/Chatbot/newChatComponent.js +5 -2
- package/dist/components/Table/index.js +1 -1
- package/dist/components/TableOld/index.js +1 -1
- package/dist/hooks/useDraggableResizable.d.ts +104 -0
- package/dist/hooks/useDraggableResizable.d.ts.map +1 -0
- package/dist/hooks/useDraggableResizable.js +323 -0
- package/dist/hooks/useMediaQuery.d.ts +9 -0
- package/dist/hooks/useMediaQuery.d.ts.map +1 -0
- package/dist/mcp-component-registry.json +1 -1
- package/dist/node_modules/@mui/system/colorManipulator.js +2 -2
- package/dist/node_modules/call-bind/index.js +1 -1
- package/dist/node_modules/hoist-non-react-statics/node_modules/react-is/index.js +1 -1
- package/dist/node_modules/is-symbol/index.js +1 -1
- package/dist/node_modules/react-is/index.js +1 -1
- package/dist/node_modules/react-with-styles-interface-css/dist/index.js +1 -1
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/onResize.d.ts +24 -0
- package/dist/utils/onResize.d.ts.map +1 -0
- package/dist/utils/onResize.js +28 -0
- package/package.json +1 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.chatbot-modal-wrapper{position:fixed;right:0;top:56px;z-index:1300}.chatbot-modal-wrapper .chatbot-component-container{background:#fff;box-shadow:0 8px 32px #101e3629;height:calc(100vh - 56px);padding:10px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-header-close-icon{height:26px;width:26px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-landing-screen-container{height:100%;pointer-events:none;position:relative;width:100%}.chatbot-modal-wrapper .chatbot-component-container .chatbot-landing-screen-container .chatbot-landing-screen-container-body{display:flex;flex-direction:column;height:calc(100vh - 125px);justify-content:space-between}.chatbot-modal-wrapper .chatbot-component-container .chatbot-landing-screen-container .chatbot-landing-screen-container-close-icon{align-items:center;display:flex;gap:10px;justify-content:flex-end;pointer-events:auto}.chatbot-modal-wrapper .chatbot-component-container .chatbot-landing-screen-container .chatbot-landing-screen-container-circle-1{background:#418dffab;border-radius:50%;filter:blur(68px);height:118px;left:calc(50% - 120px);position:absolute;top:calc(50% - 60px);width:118px;z-index:1}.chatbot-modal-wrapper .chatbot-component-container .chatbot-landing-screen-container .chatbot-landing-screen-container-circle-2{background:#ffb4d8;border-radius:50%;filter:blur(80px);height:189px;left:calc(50% - 20px);position:absolute;top:calc(50% - 40px);width:189px;z-index:2}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side{height:100%;position:relative;width:60px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side:before{background:linear-gradient(180deg,#b3bdf8,#eceefd 61%,#f7bea3b3);border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:2}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side.chatbot-component-left-side-open{width:400px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container{display:flex;height:100%;justify-content:center;width:100%}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open{justify-content:unset}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper{flex:1;height:100%;padding:12px 12px 12px 0}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container{background:linear-gradient(180deg,#f0f2ff99,#ffeff871 50%,#ffeceb40);box-shadow:12px 13px 45px -1px #402b701c;display:flex;flex-direction:column;gap:16px;height:100%;padding:20px 16px 0;position:relative;width:100%}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container:before{background:linear-gradient(187.22deg,#b3bdf8b3,#fff 57.21%,#cdcaf5);border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:2}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container .book-mark-panel-header{align-items:center;display:flex;justify-content:space-between;width:100%}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container .book-mark-panel-header .book-mark-panel-header-left{align-items:center;display:flex;gap:7px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container .book-mark-panel-header .book-mark-panel-header-left .book-mark-panel-header-left-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container .book-mark-panel-header .book-mark-panel-header-right{align-items:center;display:flex;gap:12px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container{background:linear-gradient(180deg,#f0f2ff99,#ffeff871 50%,#ffeceb40);border-radius:12px;position:relative;z-index:1}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding-block:12px;transition:all .3s ease-in-out}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon.chatbot-component-menu-container-icon-open{padding:12px;width:60px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list{align-items:center;display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list li{align-items:center;border-radius:8px;cursor:pointer;display:flex;height:37px;justify-content:center;width:37px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list li:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list li:focus:not(:focus-visible){box-shadow:none;outline:none}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list li:hover{background:linear-gradient(152deg,#b3bdf82b 17.25%,#b3bdf89c 122.41%)}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .utility-list li:hover{background:linear-gradient(152deg,#b3bdf82b 17.25%,#b3bdf89c 122.41%)!important}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .active{background:linear-gradient(152deg,#b3bdf82b 17.25%,#b3bdf89c 122.41%)}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-list img{cursor:pointer}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon-new-chat{margin-bottom:10px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon-notification{height:16px;width:16px}.chatbot-modal-wrapper .chatbot-component-right-side{bottom:0;left:70px;padding:16px;position:absolute;right:0;top:0;transition:none!important}.chatbot-modal-wrapper .chatbot-component-right-side.chatbot-component-right-side-open{left:410px}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-header{align-items:center;display:flex;justify-content:space-between}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-header .chatbot-component-header-dropdown .ia-btn-icon{margin-bottom:0}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-header .chatbot-component-header-dropdown .chatbot-component-header-dropdown-text{font-size:12px;font-weight:400}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body{align-items:center;display:flex;height:calc(100% - 45px);justify-content:center}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-container{display:flex;flex:1;flex-direction:column;gap:10px;justify-content:center}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-container .chatbot-component-body-icon.rotating{animation:chatbot-rotate .7s linear}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-container .chatbot-component-body-icon{align-items:center;display:flex;height:84px;justify-content:center;margin:auto;width:84px}@keyframes chatbot-rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-container .chatbot-component-body-icon{height:54px;width:54px}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-text{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-text .chatbot-component-body-text-title{color:#1f2b4d;font-size:26px;font-weight:600}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-text .chatbot-component-body-text-title .chatbot-component-body-text-username{background:linear-gradient(82deg,#ec7550 10.92%,#a0508f 81.37%);-webkit-background-clip:text;font-weight:700;-webkit-text-fill-color:#0000;background-clip:text;color:#0000;line-height:47px}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-text .chatbot-component-body-text-title .chatbot-component-body-text-username img{height:20px;margin-left:6px;margin-top:-2px;vertical-align:middle;width:20px}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-text .chatbot-component-body-text-description{color:#7a8294;font-size:16px;font-weight:500;margin-bottom:15px}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header{align-items:center;display:flex;justify-content:space-between}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .left_logo_arrow_container{align-items:center;display:flex;gap:5px}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .left_logo_arrow_container .conversation_chatbot_logo_container img{height:18px;width:18px}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .left_logo_arrow_container .conversation_chatbot_logo_container .left_logo_arrow_container{align-items:center;display:flex;gap:5px}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container{background:linear-gradient(91deg,#f8f8ff 54.01%,#ffe4e400 107.24%);border:1px solid #b3bdf8;border-radius:37px;display:flex;height:30px;width:calc(100% - 136px)}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container:focus:not(:focus-visible){box-shadow:none;outline:none}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container .left_tabs_container ul{box-sizing:border-box;display:flex;gap:2px;padding-left:15px}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container .left_tabs_container ul li{align-items:center;border-radius:4px 4px 0 0;color:#1f2b4d;cursor:pointer;display:flex;font-size:12px;gap:4px;height:25px;margin-top:4px;padding:4px 12px}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container .left_tabs_container ul li:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container .left_tabs_container ul li:focus:not(:focus-visible){box-shadow:none;outline:none}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container .left_tabs_container ul li .close_thread img{height:8px;width:8px}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container .left_tabs_container ul li.active{background:#fff;border:1px solid #b3bdf8;border-bottom:none}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .right_close_save_icon_container{display:flex;gap:10px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container.show-suggestion-banner{bottom:155px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container{bottom:110px;box-sizing:border-box;left:0;overflow:auto;padding:8px 32px;position:absolute;right:0;scrollbar-width:none;top:56px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .time_stamp_badge_chat_container{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .time_stamp_badge_chat_container .time_stamp_badge_chat{align-items:center;background:linear-gradient(90deg,#f5f5f5 6%,#f5f5f500 120%);border:1px solid #d9dde7;border-radius:23px;box-sizing:border-box;color:#60697d;display:flex;font-size:12px;font-weight:500;height:23px;max-width:100%;padding:2px 8px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .user_chat_messages_container{align-items:flex-end;display:flex;flex-direction:column;gap:10px;justify-content:flex-end;margin-bottom:35px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .user_chat_messages_container .user_chat_message{background:linear-gradient(91deg,#dfe7ff66 .67%,#e4d8ff52,#ffcbcc45 111.65%);border-radius:12px;max-width:550px;padding:16px 16px 8px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .user_chat_messages_container .user_chat_message .user_chat_message_text{color:#1f2b4d;font-size:14px;font-weight:500;line-height:18px;word-wrap:break-word}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .user_chat_messages_container .user_chat_message .time_chat{color:#60697d;font-size:12px;font-weight:500;margin-top:4px;text-align:right}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container{display:flex;margin-bottom:35px;width:100%}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .chat_logo_circle{background:url(https://impact-kit.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 {
|
|
3
|
-
import { useState,
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.chatbot-modal-wrapper{position:relative;z-index:1300}.chatbot-modal-wrapper .chatbot-component-container{background:#fff;border-radius:12px;box-shadow:0 8px 32px #101e3629;padding:10px 16px 10px 10px;position:fixed}.chatbot-modal-wrapper .chatbot-component-container.is-dragging,.chatbot-modal-wrapper .chatbot-component-container.is-resizing{transition:none!important;-webkit-user-select:none;user-select:none}.chatbot-modal-wrapper .chatbot-component-container.is-dragging{cursor:grabbing}.chatbot-modal-wrapper .chatbot-component-container.is-collapsed{overflow:hidden;padding:16px;padding-top:unset}.chatbot-modal-wrapper .chatbot-component-container.full-width{height:calc(100vh - 56px);left:auto!important;right:0;top:56px;width:calc(100vw - 64px)}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-header-close-icon{height:26px;width:26px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-landing-screen-container{display:flex;flex:1 1 auto;flex-direction:column;height:100%;min-height:0;pointer-events:none;position:relative;width:100%}.chatbot-modal-wrapper .chatbot-component-container .chatbot-landing-screen-container .chatbot-landing-screen-container-body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow-y:auto}.chatbot-modal-wrapper .chatbot-component-container .chatbot-landing-screen-container .chatbot-landing-screen-container-close-icon{align-items:center;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;pointer-events:auto}.chatbot-modal-wrapper .chatbot-component-container .chatbot-landing-screen-container .chatbot-landing-screen-container-circle-1{background:#418dffab;border-radius:50%;filter:blur(68px);height:118px;left:calc(50% - 120px);position:absolute;top:calc(50% - 60px);width:118px;z-index:1}.chatbot-modal-wrapper .chatbot-component-container .chatbot-landing-screen-container .chatbot-landing-screen-container-circle-2{background:#ffb4d8;border-radius:50%;filter:blur(80px);height:189px;left:calc(50% - 20px);position:absolute;top:calc(50% - 40px);width:189px;z-index:2}.chatbot-modal-wrapper .chatbot-component-container .chatbot-main-content{box-sizing:border-box;display:flex;gap:20px;height:100%;width:100%}.chatbot-modal-wrapper .chatbot-component-container .chatbot-drag-strip{cursor:grab;height:18px;left:10px;position:absolute;right:10px;top:10px;touch-action:none;z-index:15}.chatbot-modal-wrapper .chatbot-component-container .chatbot-drag-strip:active{cursor:grabbing}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side{height:100%;position:relative;width:60px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side:before{background:linear-gradient(180deg,#b3bdf8,#eceefd 61%,#f7bea3b3);border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:2}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side.chatbot-component-left-side-open{width:400px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container{display:flex;height:100%;justify-content:center;width:100%}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open{justify-content:unset}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper{flex:1;height:100%;padding:12px 12px 12px 0}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container{background:linear-gradient(180deg,#f0f2ff99,#ffeff871 50%,#ffeceb40);box-shadow:12px 13px 45px -1px #402b701c;display:flex;flex-direction:column;gap:16px;height:100%;padding:20px 16px 0;position:relative;width:100%}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container:before{background:linear-gradient(187.22deg,#b3bdf8b3,#fff 57.21%,#cdcaf5);border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:2}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container .book-mark-panel-header{align-items:center;display:flex;justify-content:space-between;width:100%}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container .book-mark-panel-header .book-mark-panel-header-left{align-items:center;display:flex;gap:7px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container .book-mark-panel-header .book-mark-panel-header-left .book-mark-panel-header-left-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container .book-mark-panel-header .book-mark-panel-header-right{align-items:center;display:flex;gap:12px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container{background:linear-gradient(180deg,#f0f2ff99,#ffeff871 50%,#ffeceb40);border-radius:12px;position:relative;z-index:1}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding:12px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon.chatbot-component-menu-container-icon-open{padding:12px;width:60px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list{align-items:center;display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list li{align-items:center;border-radius:8px;cursor:pointer;display:flex;height:37px;justify-content:center;width:37px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list li:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list li:focus:not(:focus-visible){box-shadow:none;outline:none}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list li:hover{background:linear-gradient(152deg,#b3bdf82b 17.25%,#b3bdf89c 122.41%)}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .utility-list li:hover{background:linear-gradient(152deg,#b3bdf82b 17.25%,#b3bdf89c 122.41%)!important}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .active{background:linear-gradient(152deg,#b3bdf82b 17.25%,#b3bdf89c 122.41%)}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-list img{cursor:pointer}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon-new-chat{margin-bottom:10px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon-notification{height:16px;width:16px}.chatbot-modal-wrapper .chatbot-component-right-side{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;min-width:0;transition:none!important}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-header{align-items:center;display:flex;justify-content:space-between}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-header .chatbot-component-header-dropdown .ia-btn-icon{margin-bottom:0}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-header .chatbot-component-header-dropdown .chatbot-component-header-dropdown-text{font-size:12px;font-weight:400}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body{align-items:center;display:flex;flex:1 1 auto;justify-content:center;min-height:0;overflow-y:auto}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-container{display:flex;flex:1;flex-direction:column;gap:10px;justify-content:center}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-container .chatbot-component-body-icon.rotating{animation:chatbot-rotate .7s linear}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-container .chatbot-component-body-icon{align-items:center;display:flex;height:84px;justify-content:center;margin:auto;width:84px}@keyframes chatbot-rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-container .chatbot-component-body-icon{height:54px;width:54px}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-text{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-text .chatbot-component-body-text-title{color:#1f2b4d;font-size:26px;font-weight:600}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-text .chatbot-component-body-text-title .chatbot-component-body-text-username{background:linear-gradient(82deg,#ec7550 10.92%,#a0508f 81.37%);-webkit-background-clip:text;font-weight:700;-webkit-text-fill-color:#0000;background-clip:text;color:#0000;line-height:47px}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-text .chatbot-component-body-text-title .chatbot-component-body-text-username img{height:20px;margin-left:6px;margin-top:-2px;vertical-align:middle;width:20px}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-text .chatbot-component-body-text-description{color:#7a8294;font-size:16px;font-weight:500;margin-bottom:15px}.chatbot-modal-wrapper .chatbot-header-row{flex-shrink:0}.chatbot-modal-wrapper .conversation-screen-container-header{align-items:center;container-name:screen-container;container-type:inline-size;display:flex;gap:12px;justify-content:space-between;min-width:0}.chatbot-modal-wrapper .conversation-screen-container-header.draggable{cursor:grab;touch-action:none}.chatbot-modal-wrapper .conversation-screen-container-header.draggable:active{cursor:grabbing}.chatbot-modal-wrapper .conversation-screen-container-header.draggable img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.chatbot-modal-wrapper .conversation-screen-container-header.collapsed{height:50px}.chatbot-modal-wrapper .conversation-screen-container-header .left_logo_arrow_container{align-items:center;display:flex;flex-shrink:0;gap:5px}.chatbot-modal-wrapper .conversation-screen-container-header .left_logo_arrow_container .conversation_chatbot_logo_container img{height:18px;width:18px}.chatbot-modal-wrapper .conversation-screen-container-header .left_logo_arrow_container .conversation_chatbot_logo_container .left_logo_arrow_container{align-items:center;display:flex;gap:5px}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container{background:linear-gradient(91deg,#f8f8ff 54.01%,#ffe4e400 107.24%);border:1px solid #b3bdf8;border-radius:37px;display:flex;flex:1 1 auto;height:30px;max-width:600px;min-width:0;overflow:visible;position:relative}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container:focus:not(:focus-visible){box-shadow:none;outline:none}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container{flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container::-webkit-scrollbar{display:none}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container{margin-bottom:-1px;padding-bottom:1px}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container ul{align-items:flex-end;box-sizing:border-box;display:flex;gap:12px;height:100%;padding:0 15px;width:max-content}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container ul li{align-items:center;border:1px solid #0000;border-bottom:none;border-radius:8px 8px 0 0;color:#1f2b4d;cursor:pointer;display:flex;font-size:12px;gap:4px;height:25px;padding:4px 12px;position:relative}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container ul li:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container ul li:focus:not(:focus-visible){box-shadow:none;outline:none}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container ul li:hover:not(.active){background:#ffffff8c}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container ul li .close_thread img{height:8px;width:8px}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container ul li.active{background:#fff;border-color:#b3bdf8;border-bottom:none;height:26px;margin-bottom:-1px;z-index:2}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container ul li.active:after,.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container ul li.active:before{bottom:-1px;content:"";height:10px;pointer-events:none;position:absolute;width:10px}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container ul li.active:before{background:radial-gradient(circle at 0 0,#0000 10px,#b3bdf8 0,#b3bdf8 11px,#fff 0);left:-10px}.chatbot-modal-wrapper .conversation-screen-container-header .center_options_container .left_tabs_container ul li.active:after{background:radial-gradient(circle at 100% 0,#0000 10px,#b3bdf8 0,#b3bdf8 11px,#fff 0);right:-10px}.chatbot-modal-wrapper .conversation-screen-container-header .right_close_save_icon_container{display:flex;flex-shrink:0;gap:10px}.chatbot-modal-wrapper .conversation-screen-container-header .right_close_save_icon_container .collapse_icon_container{align-items:center;background:#f5f6fa;border-radius:8px;cursor:pointer;display:flex;justify-content:center;max-height:32px}.chatbot-modal-wrapper .conversation-screen-container-header .right_close_save_icon_container .collapse_icon_container .ia-btn-icon{align-items:center;display:flex;justify-content:center;margin-bottom:0}.chatbot-modal-wrapper .conversation-screen-container{display:flex;flex:1 1 auto;flex-direction:column;margin-top:6px;min-height:0;min-width:0}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container.show-suggestion-banner{margin-top:16px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container.collapsed{margin-top:unset}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container{box-sizing:border-box;flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:none}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .time_stamp_badge_chat_container{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .time_stamp_badge_chat_container .time_stamp_badge_chat{align-items:center;background:linear-gradient(90deg,#f5f5f5 6%,#f5f5f500 120%);border:1px solid #d9dde7;border-radius:23px;box-sizing:border-box;color:#60697d;display:flex;font-size:12px;font-weight:500;height:23px;max-width:100%;padding:2px 8px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .user_chat_messages_container{align-items:flex-end;display:flex;flex-direction:column;gap:10px;justify-content:flex-end;margin-bottom:35px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .user_chat_messages_container .user_chat_message{background:linear-gradient(91deg,#dfe7ff66 .67%,#e4d8ff52,#ffcbcc45 111.65%);border-radius:12px;max-width:550px;padding:8px 12px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .user_chat_messages_container .user_chat_message .user_chat_message_text{color:#1f2b4d;font-size:14px;font-weight:500;line-height:18px;word-wrap:break-word}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .user_chat_messages_container .user_chat_message .time_chat{color:#60697d;font-size:12px;font-weight:500;margin-top:4px;text-align:right}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container{display:flex;margin-bottom:35px;width:100%}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .chat_logo_circle{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/chat-icon-circle.svg) no-repeat 50%;height:25px;width:25px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .chat_logo_circle_empty{height:25px;width:25px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .loading_messages{align-items:center;animation:none;background:#0000;border:none;display:flex;gap:4px;height:25px;justify-content:center;margin-left:12px;width:25px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .loading_messages .dot{animation:loading-dot-bounce-vertical 1.2s infinite;background:#1f2b4d;border-radius:50%;height:6px;opacity:1;transform:translateY(0);width:6px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .loading_messages .dot:first-child{animation-delay:0s}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .loading_messages .dot:nth-child(2){animation-delay:.2s}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .loading_messages .dot:nth-child(3){animation-delay:.4s}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container{margin-left:12px;width:80%;word-wrap:break-word}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_with_dropdown_container{color:#7a8294;display:inline-flex;font-size:12px;margin-bottom:10px;padding-right:13px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_with_dropdown_container:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_with_dropdown_container:focus:not(:focus-visible){box-shadow:none;outline:none}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container{background:#fff;border-radius:12px;box-shadow:0 0 4px #7c5cb1;padding:8px 12px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container.questions-container{background:#0000;box-shadow:none}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container .assistant_text_container{color:#1f2b4d;font-size:14px;line-height:18px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container .assistant_form_container{display:flex;flex-direction:column;gap:8px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container .assistant_form_container .datePicker-input-container,.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container .assistant_form_container .dateRangePicker-container{width:100%}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container .time_chat{color:#60697d;font-size:12px;font-weight:500;margin-top:4px;text-align:right}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .questions-container{background:#0000}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container{align-items:center;display:flex;gap:8px;margin-top:12px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .asst_feedback_buttons{background:#0000;border:none;border-radius:4px;cursor:pointer}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .asst_feedback_buttons:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .asst_feedback_buttons:focus:not(:focus-visible){box-shadow:none;outline:none}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action{display:flex;gap:4px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .good_feedback{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-up.svg) no-repeat;background-size:cover;height:20px;transition:background-image .2s;width:20px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .animatingLike{animation:rotateUpDown 1s forwards}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .animatingDislike{animation:rotateDownUp 1s forwards}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .liked{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-up-filled.svg) no-repeat;background-position:50%;background-size:auto}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .bad_feedback{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-down.svg) no-repeat;background-size:cover;height:20px;width:20px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .disliked{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-down-filled.svg) no-repeat;background-position:50%;background-size:auto}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .speaker{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/speaker.svg) no-repeat;background-size:cover;height:20px;width:20px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .button_url_container{border-left:1px solid #d9dde7;padding-left:10px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .button_url_container .asst_feedback_buttons{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/add-thread.svg) no-repeat;color:#60697d;padding-left:24px}@keyframes loading-dot-bounce-vertical{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}.chatbot-modal-wrapper .chatbot-component-footer{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding:8px}.chatbot-modal-wrapper .chatbot-component-footer .chatbot-component-footer-text,.chatbot-modal-wrapper .chatbot-component-footer .chatbot-component-footer-text-link{color:#7a8294;font-size:12px;font-weight:500;line-height:14px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list li:first-child:hover{background:#0000}.dis_none{display:none!important}.bold{font-weight:700}.green_text{color:#108431}.red_text{color:#ec4c5c}.resizer{position:absolute;touch-action:none;z-index:20}.resizer:focus-visible{outline:2px solid #4259ee;outline-offset:-2px}.resizer-n,.resizer-s{cursor:row-resize;height:8px;left:16px;right:16px}.resizer-n{top:0}.resizer-s{bottom:0}.resizer-e,.resizer-w{bottom:16px;cursor:col-resize;top:16px;width:8px}.resizer-e{right:0}.resizer-w{left:0}.resizer-ne,.resizer-sw{cursor:nesw-resize;height:16px;width:16px}.resizer-nw,.resizer-se{cursor:nwse-resize;height:16px;width:16px}.resizer-ne{right:0;top:0}.resizer-nw{left:0;top:0}.resizer-se{bottom:0;right:0}.resizer-sw{bottom:0;left:0}.no-select{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.book-mark-panel-tabs-container{height:38px}.bookmark-tabs{align-items:center;display:flex;height:100%;justify-content:space-around;position:relative}.bookmark-tabs:after{background:#b3bdf8;bottom:0;content:" ";height:1px;left:-16px;position:absolute;right:-16px}.bookmark-tab{color:#60697d;cursor:pointer;font-size:16px;font-weight:500;position:relative;transition:color .2s}.bookmark-tab.active:after{background:#4259ee;bottom:-10px;content:"";height:2px;left:-25px;position:absolute;right:-25px}.bookmark-panel-body{align-items:center;background:#0000;display:flex;gap:8px;padding:8px 0}.drag-handle{color:#b3b3b3;cursor:grab;font-size:22px;-webkit-user-select:none;user-select:none}.bookmark-question-text{color:#31416e;font-size:16px;font-weight:500;line-height:1.2}.bookmark-menu{color:#b3b3b3;cursor:pointer;font-size:26px;margin-left:16px}@keyframes rotateUpDown{0%{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-up.svg);transform:rotate(0)}20%{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-up-blue.svg);transform:rotate(-15deg)}80%{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-up-blue.svg);transform:rotate(0)}to{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-up-filled.svg);transform:rotate(0)}}@keyframes rotateDownUp{0%{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-down.svg);transform:rotate(0)}20%{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-down-blue.svg);transform:rotate(15deg)}80%{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-down-blue.svg);transform:rotate(0)}to{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-down-filled.svg);transform:rotate(0)}}.conversation-footer-container{box-sizing:border-box;container-name:inputbox;container-type:inline-size;flex-shrink:0;height:auto;padding-top:8px}.conversation-footer-container .MuiTextField-root .MuiOutlinedInput-root fieldset{border:1px solid #d9dde7}.conversation-footer-container .MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset,.conversation-footer-container .MuiTextField-root .MuiOutlinedInput-root:hover fieldset{border:1px solid #b3bdf8}.conversation-footer-container .css-1eow9i0-MuiInputBase-root-MuiOutlinedInput-root{font-size:14px;padding:12px}.suggestion-banner{align-items:center;background:linear-gradient(90deg,#eceefd,#f5ecfd);border-radius:8px;box-shadow:0 0 16px 2px #0000000f;color:#425690;display:flex;gap:8px;justify-content:space-between;overflow:hidden;padding-inline:8px;padding:6px 10px;position:relative;z-index:999}.suggestion-banner img{height:20px;width:20px}.suggestion-banner .suggestion-banner-content{align-items:center;display:flex;gap:12px}.suggestion-banner .suggestion-banner-text{font-size:14px;font-weight:400;line-height:21px}.suggestion-banner:before{background:linear-gradient(90deg,#b3bdf8,#d6cbe633);border-radius:9px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;position:absolute;z-index:0}.stop-icon-button .ia-btn-icon{height:auto;margin-bottom:0;width:auto}.chat-input-box{border-radius:12px;display:flex;flex-direction:column;gap:6px}.chat-input-box.new-chat-screen{width:100%}.chat-input-box.custom-screen{width:95%}.chat-input-container{background:#fff;border:1px solid #d9dde7;border-radius:12px;box-shadow:0 0 12px 8px #0000000f;padding:12px;position:relative;width:100%}.chat-input-container:focus-within,.chat-input-container:hover{border:1px solid #b3bdf8}.chat-input-wrapper{align-items:flex-end;display:flex;max-height:182px;transition:all .2s ease-in-out;width:100%}.chat-input-wrapper.stacked{align-items:stretch;flex-direction:column}.chat-input-wrapper.empty{align-items:flex-end;flex-direction:row}.chat-input-wrapper.single-line-textarea{align-items:center}.chat-textarea{background:#0000;border:none;color:#1f2b4d;flex:1;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:160%;max-height:142px;outline:none;overflow-y:hidden;padding:0;resize:none}.chat-textarea::placeholder{color:#b4bac7}.chat-textarea{transition:all .2s ease-in-out}.chat-textarea.scrollable{overflow-y:auto}.chat-actions{align-items:flex-end;display:flex;gap:12px;height:32px;justify-content:flex-end}.chat-actions.fixed{height:36px}.chat-actions.not-fixed{height:32px}.history-panel-container{border:1px solid #000;border-radius:8px;display:flex;flex:1;flex-direction:column;gap:12px;margin:12px 12px 12px 0;min-width:0;padding:12px}.history-panel-header{align-items:center;border-bottom:1px solid #d9dde7;display:flex;justify-content:space-between;padding-bottom:8px}.history-panel-header span{font-weight:600}.history-panel-header img{cursor:pointer;height:16px;width:16px}.history-panel-header img:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.history-panel-header img:focus:not(:focus-visible){box-shadow:none;outline:none}.history-panel-search input{background:#fff;border:1px solid #d9dde7;border-radius:8px;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;outline:none;padding:8px 10px;width:100%}.history-panel-search input::placeholder{color:#b4bac7}.history-panel-search input:focus{border:1px solid #b3bdf8}.history-panel-groups{display:flex;flex-direction:column;gap:8px;height:100%;overflow:auto}.history-pinned-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0 0 8px;padding:0}.history-pinned-item{background:#6366f114;border-color:#b3bdf8}.history-group{display:flex;flex-direction:column;gap:6px}.history-group-header{align-items:center;background:#0000;border:none;border-radius:6px;color:#1f2b4d;cursor:pointer;display:flex;gap:6px;padding:6px 2px;text-align:left}.history-group-header:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.history-group-header:focus:not(:focus-visible){box-shadow:none;outline:none}.history-group-header .chevron{display:inline-block;width:12px}.history-group-header .group-title{font-weight:600}.history-group-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.history-item{align-items:center;background:#fff;border:1px solid #d9dde7;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;position:relative}.history-item:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.history-item:focus:not(:focus-visible){box-shadow:none;outline:none}.history-item:hover{border-color:#b3bdf8}.history-item.active{border:2px solid #b3bdf8}.history-item-row{align-items:center;display:flex;gap:8px;justify-content:space-between;width:100%}.item-menu-trigger{background:#0000;border:none;border-radius:6px;cursor:pointer;line-height:1;opacity:0;padding:2px 6px;transition:opacity .15s ease-in-out,background .15s ease-in-out}.item-menu-trigger:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.item-menu-trigger:focus:not(:focus-visible){box-shadow:none;outline:none}.item-menu-trigger:hover{background:#f3f4f6}.history-item:hover .item-menu-trigger{opacity:1}.item-menu-trigger:focus-visible{opacity:1}.item-menu-trigger.always-visible{opacity:1}.history-item-menu{background:#fff;border:1px solid #d9dde7;border-radius:10px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:6px;min-width:180px;padding:8px;position:absolute;right:8px;top:36px;z-index:5}.history-item-menu .menu-item{background:#0000;border:none;border-radius:8px;color:#1f2b4d;cursor:pointer;padding:10px;text-align:left}.history-item-menu .menu-item:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.history-item-menu .menu-item:focus:not(:focus-visible){box-shadow:none;outline:none}.history-item-menu .menu-item:hover{background:#f7f7f9}.history-item-menu .menu-item.danger{color:#d12c2c}.history-item-name{color:#1f2b4d;font-size:14px;font-weight:500;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pin-icon{margin-right:8px}.history-empty-state{align-items:center;color:#b4bac7;display:flex;flex:1;font-size:12px;justify-content:center;padding:12px 0}.chatbot-component-header-dropdown-container{background-color:#fff;border-radius:18px;box-shadow:0 1px 6px #1933451a;min-width:340px;padding:16px;position:absolute;top:52px;z-index:999999}.chatbot-component-header-dropdown-container .item{background-color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center}.chatbot-component-header-dropdown-container .item.isCollapsed{gap:8px}.chatbot-component-header-dropdown-container .item-container{align-items:center;display:flex;height:66px;justify-content:space-between;padding:12px}.chatbot-component-header-dropdown-container .item-container.isCollapsed{height:50px}.chatbot-component-header-dropdown-container .item-content{align-items:center;display:flex;gap:10px}.chatbot-component-header-dropdown-container .item-content-text{display:flex;flex-direction:column}.chatbot-component-header-dropdown-container .item-content-text-name{color:#1f2b4d;font-size:16px;font-weight:600;line-height:24px}.chatbot-component-header-dropdown-container .item-content-text-name.collapsed{font-size:14px}.chatbot-component-header-dropdown-container .item-content-text-description{color:#7a8294;font-size:12px;font-weight:500;line-height:16px}.chatbot-component-header-dropdown-container .item-content-text-description.collapsed{font-size:12px}@container inputbox (max-width: 500px){.chat-input-container{padding:4px 12px}.suggestion-banner .suggestion-banner-text{font-size:12px}}@container screen-container (max-width: 500px){.chat-input-container{padding:4px 12px}.suggestion-banner .suggestion-banner-text{font-size:12px}}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useRef, useMemo, useEffect, isValidElement, cloneElement } from "react";
|
|
4
|
+
import { useDraggableResizable, BOTTOM_VIEWPORT_MARGIN } from "../../hooks/useDraggableResizable.js";
|
|
4
5
|
import { getAssetUrl } from "../../utils/assetBase.js";
|
|
5
6
|
import { Tooltip } from "../Tooltip/index.js";
|
|
6
7
|
import { BookMarkPanel } from "./bookMarkPanel.js";
|
|
7
|
-
import { ChatBotFooter } from "./chatBotFooter.js";
|
|
8
8
|
import ChatBotLandingScreen from "./chatBotLandingScreen.js";
|
|
9
9
|
import { ChatbotModuleMenu } from "./chatbotModuleMenu.js";
|
|
10
10
|
import { newChatMenuItem, mandatoryTabList, menuItems } from "./constant.js";
|
|
@@ -15,6 +15,44 @@ import { NewChatComponent } from "./newChatComponent.js";
|
|
|
15
15
|
|
|
16
16
|
import { useTranslation } from "../../i18n/useTranslation.js";
|
|
17
17
|
const BookmarkIcon = getAssetUrl("icons/bookmarkIcon.svg");
|
|
18
|
+
const HEADER_HEIGHT = 56;
|
|
19
|
+
const SIDEBAR_WIDTH = 72;
|
|
20
|
+
const DEFAULT_CONTENT_WIDTH = 640;
|
|
21
|
+
const DEFAULT_WIDTH = SIDEBAR_WIDTH + DEFAULT_CONTENT_WIDTH;
|
|
22
|
+
const COLLAPSED_SIZE = { width: 410, height: 490 };
|
|
23
|
+
const FLOATING_VIEWPORT_MARGIN = BOTTOM_VIEWPORT_MARGIN;
|
|
24
|
+
const FLOATING_MARGIN = {
|
|
25
|
+
top: HEADER_HEIGHT,
|
|
26
|
+
right: FLOATING_VIEWPORT_MARGIN,
|
|
27
|
+
bottom: FLOATING_VIEWPORT_MARGIN,
|
|
28
|
+
left: FLOATING_VIEWPORT_MARGIN
|
|
29
|
+
};
|
|
30
|
+
const DOCKED_MARGIN = { top: HEADER_HEIGHT, right: 0, bottom: 0, left: FLOATING_VIEWPORT_MARGIN };
|
|
31
|
+
const COLLAPSED_RESIZE_DIRECTIONS = ["n", "s", "ne", "e", "nw", "se", "sw", "w"];
|
|
32
|
+
const EXPANDED_RESIZE_DIRECTION = ["w"];
|
|
33
|
+
function getDockedRect(panelsOpen = false) {
|
|
34
|
+
const viewportWidth = typeof window !== "undefined" ? window.innerWidth : 1440;
|
|
35
|
+
const viewportHeight = typeof window !== "undefined" ? window.innerHeight : 900;
|
|
36
|
+
const width = panelsOpen ? DEFAULT_WIDTH + 360 : DEFAULT_WIDTH;
|
|
37
|
+
return {
|
|
38
|
+
x: viewportWidth - width,
|
|
39
|
+
y: HEADER_HEIGHT,
|
|
40
|
+
width,
|
|
41
|
+
height: viewportHeight - HEADER_HEIGHT
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
function getDefaultRect(isFullWidth) {
|
|
45
|
+
if (!isFullWidth) return getDockedRect(false);
|
|
46
|
+
const viewportWidth = typeof window !== "undefined" ? window.innerWidth : 1440;
|
|
47
|
+
const viewportHeight = typeof window !== "undefined" ? window.innerHeight : 900;
|
|
48
|
+
const width = viewportWidth - 64;
|
|
49
|
+
return {
|
|
50
|
+
x: viewportWidth - width,
|
|
51
|
+
y: HEADER_HEIGHT,
|
|
52
|
+
width,
|
|
53
|
+
height: viewportHeight - HEADER_HEIGHT
|
|
54
|
+
};
|
|
55
|
+
}
|
|
18
56
|
function renderTabIcon(icon, key, iconClassName) {
|
|
19
57
|
if (typeof icon === "string") {
|
|
20
58
|
return /* @__PURE__ */ jsx("img", { alt: key, className: iconClassName, src: icon });
|
|
@@ -125,9 +163,6 @@ function ChatBotComponent({
|
|
|
125
163
|
(tabList == null ? void 0 : tabList.find((tab) => tab.isActive)) ? false : newChatScreen ? true : false
|
|
126
164
|
);
|
|
127
165
|
const [inputValue, setInputValue] = useState(inputText);
|
|
128
|
-
const [containerWidth, setContainerWidth] = useState(
|
|
129
|
-
isFullWidth ? "calc(100vw - 64px)" : "690px"
|
|
130
|
-
);
|
|
131
166
|
const [activeList, setActiveList] = useState((_a = tabList == null ? void 0 : tabList.find((tab) => tab.initialClick)) == null ? void 0 : _a.name);
|
|
132
167
|
const [isBookMarkPanelOpen, setIsBookMarkPanelOpen] = useState(false);
|
|
133
168
|
const [isHistoryPanelOpen, setIsHistoryPanelOpen] = useState(false);
|
|
@@ -135,10 +170,59 @@ function ChatBotComponent({
|
|
|
135
170
|
const [userChats, setUserChats] = useState([]);
|
|
136
171
|
const [menuItems$1, setMenuItems] = useState([]);
|
|
137
172
|
const [localHistoryOpenGroups, setLocalHistoryOpenGroups] = useState({});
|
|
173
|
+
const [isMinimised, setIsMinimised] = useState(false);
|
|
174
|
+
const initialRectRef = useRef(getDefaultRect(isFullWidth));
|
|
138
175
|
const panelsOpen = useMemo(
|
|
139
176
|
() => isBookMarkPanelOpen || isHistoryPanelOpen || isPagePanelOpen,
|
|
140
177
|
[isBookMarkPanelOpen, isHistoryPanelOpen, isPagePanelOpen]
|
|
141
178
|
);
|
|
179
|
+
const viewportMargin = isMinimised ? FLOATING_MARGIN : DOCKED_MARGIN;
|
|
180
|
+
const {
|
|
181
|
+
rect,
|
|
182
|
+
isDragging,
|
|
183
|
+
isResizing,
|
|
184
|
+
isCollapsed,
|
|
185
|
+
setRect,
|
|
186
|
+
dragHandleProps,
|
|
187
|
+
getResizeHandleProps,
|
|
188
|
+
collapseTo,
|
|
189
|
+
restore: restoreFromCollapse
|
|
190
|
+
} = useDraggableResizable({
|
|
191
|
+
initialRect: initialRectRef.current,
|
|
192
|
+
minWidth: panelsOpen ? DEFAULT_WIDTH + 360 : COLLAPSED_SIZE.width,
|
|
193
|
+
minHeight: COLLAPSED_SIZE.height,
|
|
194
|
+
maxWidth: typeof window !== "undefined" ? window.innerWidth : void 0,
|
|
195
|
+
maxHeight: typeof window !== "undefined" ? window.innerHeight : void 0,
|
|
196
|
+
// Edge guard only applies while floating (minimised): the panel keeps a gap from every
|
|
197
|
+
// viewport edge (and clears the app header at the top) instead of touching it. Expanded/
|
|
198
|
+
// docked stays flush, like the original panel.
|
|
199
|
+
viewportMargin,
|
|
200
|
+
disabled: isFullWidth,
|
|
201
|
+
onChange: (nextRect) => {
|
|
202
|
+
onChatBotResize(nextRect.width);
|
|
203
|
+
}
|
|
204
|
+
});
|
|
205
|
+
const resolveDirectionForResize = isCollapsed ? COLLAPSED_RESIZE_DIRECTIONS : EXPANDED_RESIZE_DIRECTION;
|
|
206
|
+
const handleToggleCollapse = () => {
|
|
207
|
+
if (isCollapsed) {
|
|
208
|
+
setIsMinimised(false);
|
|
209
|
+
restoreFromCollapse();
|
|
210
|
+
} else {
|
|
211
|
+
setIsBookMarkPanelOpen(false);
|
|
212
|
+
setIsHistoryPanelOpen(false);
|
|
213
|
+
setIsPagePanelOpen(false);
|
|
214
|
+
setIsMinimised(true);
|
|
215
|
+
collapseTo(COLLAPSED_SIZE, { anchor: "bottom-right", viewportMargin: FLOATING_MARGIN });
|
|
216
|
+
}
|
|
217
|
+
};
|
|
218
|
+
const NON_DRAGGABLE_SELECTOR = 'button, a, input, textarea, [role="button"], [role="tab"], [contenteditable="true"]';
|
|
219
|
+
const headerDragHandleProps = isCollapsed && !isFullWidth ? {
|
|
220
|
+
...dragHandleProps,
|
|
221
|
+
onPointerDown: (e) => {
|
|
222
|
+
if (e.target.closest(NON_DRAGGABLE_SELECTOR)) return;
|
|
223
|
+
dragHandleProps.onPointerDown(e);
|
|
224
|
+
}
|
|
225
|
+
} : void 0;
|
|
142
226
|
const tabListRef = useRef(tabList);
|
|
143
227
|
const menuItemsRef = useRef(menuItems$1);
|
|
144
228
|
const onChatBotResizeRef = useRef(onChatBotResize);
|
|
@@ -174,53 +258,32 @@ function ChatBotComponent({
|
|
|
174
258
|
useEffect(() => {
|
|
175
259
|
var _a2, _b, _c;
|
|
176
260
|
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
|
-
};
|
|
203
261
|
setActiveList((_b = (_a2 = tabListRef.current) == null ? void 0 : _a2.find((tab) => tab.initialClick)) == null ? void 0 : _b.name);
|
|
204
262
|
const initialItem = menuItemsRef.current.find((tab) => tab.initialClick);
|
|
205
263
|
(_c = initialItem == null ? void 0 : initialItem.onClick) == null ? void 0 : _c.call(initialItem, initialItem);
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
264
|
+
}, [isChatBotOpen, tabList]);
|
|
265
|
+
useEffect(() => {
|
|
266
|
+
if (isFullWidth || isCollapsed) return;
|
|
267
|
+
const syncDocked = () => {
|
|
268
|
+
setRect(getDockedRect(panelsOpen));
|
|
269
|
+
};
|
|
270
|
+
syncDocked();
|
|
271
|
+
window.addEventListener("resize", syncDocked);
|
|
211
272
|
return () => {
|
|
212
|
-
|
|
273
|
+
window.removeEventListener("resize", syncDocked);
|
|
213
274
|
};
|
|
214
|
-
}, [
|
|
275
|
+
}, [isFullWidth, isCollapsed, panelsOpen, isChatBotOpen]);
|
|
215
276
|
useEffect(() => {
|
|
216
|
-
if (
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
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]);
|
|
224
287
|
const handleCloseChatBot = () => {
|
|
225
288
|
setIsChatBotOpen(false);
|
|
226
289
|
setIsHistoryPanelOpen(false);
|
|
@@ -261,213 +324,240 @@ function ChatBotComponent({
|
|
|
261
324
|
setIsHistoryPanelOpen(false);
|
|
262
325
|
setIsPagePanelOpen(false);
|
|
263
326
|
};
|
|
264
|
-
return isChatBotOpen ? /* @__PURE__ */
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
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(
|
|
272
350
|
"div",
|
|
273
351
|
{
|
|
274
|
-
className: `chatbot-component-
|
|
275
|
-
children:
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
{
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
{
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
children: /* @__PURE__ */ jsx(
|
|
290
|
-
"li",
|
|
352
|
+
className: `chatbot-component-left-side ${isBookMarkPanelOpen || isHistoryPanelOpen || isPagePanelOpen ? "chatbot-component-left-side-open" : ""}`,
|
|
353
|
+
children: /* @__PURE__ */ jsxs(
|
|
354
|
+
"div",
|
|
355
|
+
{
|
|
356
|
+
className: `chatbot-component-menu-container ${isBookMarkPanelOpen || isHistoryPanelOpen || isPagePanelOpen ? "chatbot-component-menu-container-open" : ""}`,
|
|
357
|
+
children: [
|
|
358
|
+
/* @__PURE__ */ jsxs(
|
|
359
|
+
"div",
|
|
360
|
+
{
|
|
361
|
+
className: `chatbot-component-menu-container-icon ${isBookMarkPanelOpen || isHistoryPanelOpen || isPagePanelOpen ? "chatbot-component-menu-container-icon-open" : ""}`,
|
|
362
|
+
children: [
|
|
363
|
+
/* @__PURE__ */ jsx("ul", { className: "chatbot-component-menu-list", children: menuItems$1.map((item) => {
|
|
364
|
+
var _a2;
|
|
365
|
+
return /* @__PURE__ */ jsx(
|
|
366
|
+
Tooltip,
|
|
291
367
|
{
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
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)
|
|
302
387
|
}
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
)
|
|
307
|
-
},
|
|
308
|
-
item
|
|
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",
|
|
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,
|
|
319
395
|
{
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
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)
|
|
328
413
|
}
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
)
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
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
|
|
337
478
|
}
|
|
338
|
-
),
|
|
339
|
-
|
|
340
|
-
|
|
479
|
+
) }),
|
|
480
|
+
newChatScreen ? /* @__PURE__ */ jsx(
|
|
481
|
+
NewChatComponent,
|
|
341
482
|
{
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
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
|
|
345
506
|
}
|
|
346
|
-
)
|
|
347
|
-
|
|
348
|
-
HistoryPanel,
|
|
507
|
+
) : isCustomScreen ? /* @__PURE__ */ jsx(
|
|
508
|
+
CustomScreen,
|
|
349
509
|
{
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
510
|
+
activeList,
|
|
511
|
+
customInputComponent,
|
|
512
|
+
customScreenJsx,
|
|
513
|
+
footerText: resolvedFooterText,
|
|
514
|
+
handleMicClick,
|
|
515
|
+
handleRefresh,
|
|
516
|
+
handleSaveChat,
|
|
517
|
+
isFullWidth,
|
|
518
|
+
isStopIcon,
|
|
519
|
+
setUserChats,
|
|
520
|
+
showSuggestionBanner,
|
|
521
|
+
suggestionBanner: resolvedSuggestionBanner,
|
|
522
|
+
userChats,
|
|
523
|
+
onClose: handleCloseChatBot,
|
|
524
|
+
onCloseSuggestionBanner,
|
|
525
|
+
onMinimiseChatBot,
|
|
526
|
+
onSendIconClick,
|
|
527
|
+
onStopIconClick
|
|
528
|
+
}
|
|
529
|
+
) : /* @__PURE__ */ jsx(
|
|
530
|
+
ConversationScreen,
|
|
531
|
+
{
|
|
532
|
+
activeList,
|
|
533
|
+
conversation: conversation ?? {},
|
|
534
|
+
customInputComponent,
|
|
535
|
+
footerText: resolvedFooterText,
|
|
536
|
+
handleMicClick,
|
|
537
|
+
handleRefresh,
|
|
538
|
+
handleSaveChat,
|
|
539
|
+
inputText,
|
|
540
|
+
isAssistantThinking,
|
|
541
|
+
isCollapsed,
|
|
542
|
+
isStopIcon,
|
|
543
|
+
setUserChats,
|
|
544
|
+
showSuggestionBanner,
|
|
545
|
+
suggestionBanner: resolvedSuggestionBanner,
|
|
546
|
+
userChats,
|
|
547
|
+
onCloseSuggestionBanner,
|
|
548
|
+
onDislikeClick,
|
|
549
|
+
onLikeClick,
|
|
550
|
+
onSendIconClick,
|
|
551
|
+
onStopIconClick
|
|
363
552
|
}
|
|
364
553
|
)
|
|
365
554
|
]
|
|
366
555
|
}
|
|
367
556
|
)
|
|
368
|
-
}
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
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;
|
|
557
|
+
] })
|
|
558
|
+
]
|
|
559
|
+
}
|
|
560
|
+
) }) : null;
|
|
471
561
|
}
|
|
472
562
|
ChatBotComponent.displayName = "ChatBotComponent";
|
|
473
563
|
export {
|