@vamlabs/vam-chatbot 0.1.3 → 0.1.5

package/LICENSE

@@ -0,0 +1,22 @@
+{
+  "name": "Creative Commons Attribution-NonCommercial-NoDerivs (CC-BY-NC-ND)",
+  "priority": 1,
+  "available": true,
+  "url": "http://creativecommons.org/licenses/by-nc-nd/4.0/",
+  "description": "The most restrictive creative commons license. This only allows people to download and share your work for no commercial gain and for no other purposes.",
+  "categories": [
+    "public",
+    "data",
+    "by",
+    "nc",
+    "nd"
+  ],
+  "labels": [
+    "public",
+    "cc",
+    "by",
+    "nc",
+    "nd"
+  ],
+  "key": "cc-by-nc-nd"
+}

package/dist/124.web-component.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunkVamChatbot=this.webpackChunkVamChatbot||[]).push([[124],{9124:(e,t,n)=>{n.r(t),n.d(t,{default:()=>ie});var a=n(6540),o=n(5793),r=n(9956),s=n(3810),i=n(1083),c=n(4921),l=n(5072),d=n.n(l),h=n(7825),p=n.n(h),u=n(7659),b=n.n(u),m=n(5056),g=n.n(m),x=n(540),f=n.n(x),v=n(1113),w=n.n(v),y=n(9744),j={};j.styleTagTransform=w(),j.setAttributes=g(),j.insert=b().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=f(),d()(y.A,j);const k=y.A&&y.A.locals?y.A.locals:void 0,N={show:{height:"var(--chatbot-height)",width:"var(--chatbot-width)",borderRadius:"var(--chatbot-border-radius)",filter:"blur(0px)",opacity:1,transition:{duration:.3,when:"beforeChildren",staggerChildren:.3}},hide:{height:"0",width:"0",borderRadius:"50%",filter:"blur(5px)",opacity:0,transition:{duration:.3,when:"afterChildren"}}},T={show:{backgroundColor:"var(--oxford-blue)",position:"fixed",bottom:"10px",right:"10px",height:"var(--chatbot-circle-radius)",width:"var(--chatbot-circle-radius)",borderRadius:"50%",opacity:1,zIndex:1,transition:{duration:.3,delay:.3}}},C={show:{scale:1,opacity:1},hide:{scale:0,opacity:0}},S={show:{opacity:1},hide:{opacity:0}},I={show:{scaleY:1,opacity:1,height:"auto",transition:{type:"tween",ease:"easeIn"}},hide:{transition:{type:"tween"},scaleY:0,opacity:0,height:0}},z={show:{height:"auto",transition:{when:"beforeChildren",staggerChildren:.1},scale:1},hide:{height:0,scale:0}},A={show:{opacity:1,transition:{duration:.3}},hide:{opacity:0}},_={show:{opacity:1,height:"auto",scale:1,transition:{duration:.7}},hide:{height:0,scale:0,opacity:0}},M={tap:{scale:.85,opacity:.5}};var Q=n(4848);const E=function(e){let{headerText:t,setPromptsMinimized:n,handleChatbotAnimation:a,resetChatbot:i}=e;return(0,Q.jsx)(o.F,{features:r.l,children:(0,Q.jsx)("div",{className:k.headerContainer,children:(0,Q.jsxs)(s.m.div,{className:k.header,variants:S,children:[(0,Q.jsx)("div",{className:"h-100 d-flex align-items-center",children:(0,Q.jsx)("span",{className:k.headerTitle,children:t})}),(0,Q.jsxs)("div",{children:[(0,Q.jsx)("button",{onClick:i,children:(0,Q.jsx)("i",{className:"bi bi-arrow-clockwise"})}),(0,Q.jsx)("button",{onClick:()=>{n(!0),a()},children:(0,Q.jsx)("i",{className:"bi bi-x-lg"})})]})]})})})};var D=n(23),H=n(2838),P=n.n(H),R=n(7492),U={};U.styleTagTransform=w(),U.setAttributes=g(),U.insert=b().bind(null,"head"),U.domAPI=p(),U.insertStyleElement=f(),d()(R.A,U);const B=R.A&&R.A.locals?R.A.locals:void 0,F=function(e){let{images:t=[]}=e;return(0,Q.jsx)(o.F,{features:r.l,children:(0,Q.jsx)(s.m.div,{id:"carousel-container",className:"carousel slide w-100",initial:"hide",whileInView:"show",viewport:{once:!0},variants:_,children:(0,Q.jsx)("div",{className:`carousel-inner ${B.carousalInner}`,children:[t[0]].map(((e,t)=>(0,Q.jsx)("div",{className:`carousel-item d-flex ${0===t?"active":""} ${B.carousalItem}`,children:(0,Q.jsx)("img",{src:e,className:"d-block w-100 object-fit-contain",alt:"carousal item"})},`carousal-item-${t}`)))})})})},V=function(e){let{sources:t}=e;const[n,i]=(0,a.useState)(!1);return(0,Q.jsxs)(o.F,{features:r.l,children:[(0,Q.jsxs)(s.m.div,{initial:!1,variants:I,animate:n?"show":"hide",className:k.sourceList,children:[(0,Q.jsx)("hr",{}),(0,Q.jsx)("p",{className:k.sourceTitle,children:"Sources:"}),t.map(((e,t)=>(0,Q.jsxs)("p",{children:["- ",(0,Q.jsx)("a",{href:e,target:"_blank",rel:"noopener noreferrer",className:k.sourceLink,title:e,children:e})]},t)))]}),(0,Q.jsx)("button",{className:`btn btn-sm align-self-end ${k.sourceSwitch}`,onClick:()=>i((e=>!e)),children:n?"Hide Sources":"View Sources"})]})},X=e=>{let{text:t,speed:n=15}=e;const[o,r]=(0,a.useState)("");return(0,a.useEffect)((()=>{const e=setInterval((()=>{r((n=>(n.length===t.length-1&&clearInterval(e),n+(t[n.length]?t[n.length]:""))))}),n);return()=>clearInterval(e)}),[t,n]),(0,Q.jsx)("span",{className:k.markdownToHtmlContainer,dangerouslySetInnerHTML:{__html:o}})};var J=n(8930),q={};q.styleTagTransform=w(),q.setAttributes=g(),q.insert=b().bind(null,"head"),q.domAPI=p(),q.insertStyleElement=f(),d()(J.A,q);const G=J.A&&J.A.locals?J.A.locals:void 0,O=function(e){let{data:t=[]}=e;return(0,Q.jsx)(o.F,{features:r.l,children:(0,Q.jsx)("div",{className:G.promtedTopicsContainer,children:t?.map((e=>e?.title&&(0,Q.jsx)("a",{href:e?.url,target:"_blank",rel:"noopener noreferrer",children:(0,Q.jsx)(s.m.button,{className:G.button,whileTap:"tap",variants:M,children:(0,Q.jsxs)("span",{className:G.buttonContent,children:[(0,Q.jsx)("span",{children:e?.title}),(0,Q.jsx)("i",{className:"bi bi-arrow-up-right"})]})})},e?.title)))})})},$=e=>{let t="";P().addHook("afterSanitizeAttributes",(function(e){"target"in e&&(e.setAttribute("target","_blank"),e.setAttribute("rel","noopener noreferrer"))}));try{t=P().sanitize(D.xI.parse(e))}catch(e){console.log(e)}return t};function K(e){let{chatbotIcon:t,messageText:n,messageReferenceLinks:a,messageImageLinks:o,messageSource:r,messageStatus:s,promotedTopics:i,typewriterEffect:c}=e,l={};return"user"===r?l.backgroundColor="var(--chatbot-user-bubble-color)":"bot"===r?l.backgroundColor="var(--chatbot-bot-bubble-color)":"error"===r&&(l.justifyDirection="center"),(0,Q.jsxs)("div",{className:k.message,style:{color:"error"===r?"red":"",justifyContent:l?.justifyDirection,flexDirection:"user"===r?"row-reverse":""},children:["user"===r?(0,Q.jsx)("i",{className:"bi bi-person-circle",style:{color:"var(--chatbot-user-icon-color)"}}):"bot"===r?t&&(0,Q.jsx)("img",{src:t,alt:"chatbot icon",className:k.chatbotIcon}):"",(0,Q.jsx)("div",{className:k.messageBody,children:(0,Q.jsxs)("div",{className:k.messageText,style:{backgroundColor:l.backgroundColor,color:"error"===r?"red":"user"===r?"var(--chatbot-user-text-color)":"var(--chatbot-bot-text-color)"},children:[c?(0,Q.jsx)(X,{text:$(n)}):(0,Q.jsx)("span",{className:k.markdownToHtmlContainer,dangerouslySetInnerHTML:{__html:$(n)}}),"done"===s&&i?.length>0&&(0,Q.jsx)(O,{data:i}),"done"===s&&a?.length>0&&(0,Q.jsx)(V,{sources:a}),o?.length>0&&(0,Q.jsx)(F,{images:o})]})})]})}const L=e=>{let{chatbotIcon:t,messageText:n,messageReferenceLinks:o,messageImageLinks:r,messageSource:s,messageStatus:i,promotedTopics:c,typewriterEffect:l}=e;return(0,a.useMemo)((()=>(0,Q.jsx)(K,{chatbotIcon:t,messageText:n,messageReferenceLinks:o,messageImageLinks:r,messageSource:s,messageStatus:i,promotedTopics:c,typewriterEffect:l})),[n,i,t])};var Y=n(4267),Z={};Z.styleTagTransform=w(),Z.setAttributes=g(),Z.insert=b().bind(null,"head"),Z.domAPI=p(),Z.insertStyleElement=f(),d()(Y.A,Z);const W=Y.A&&Y.A.locals?Y.A.locals:void 0,ee=function(e){let{theme:t="light"}=e;return(0,Q.jsxs)("div",{className:"placeholder-glow",children:[(0,Q.jsxs)("div",{className:W.placeholderContainer,children:[(0,Q.jsx)("div",{className:`placeholder bg-${t} ${W.placeholder}`,style:{width:"20%"}}),(0,Q.jsx)("div",{className:`placeholder bg-${t} ${W.placeholder}`,style:{width:"50%"}})]}),(0,Q.jsxs)("div",{className:W.placeholderContainer,children:[(0,Q.jsx)("div",{className:`placeholder bg-${t} ${W.placeholder}`,style:{width:"40%",marginLeft:"5%"}}),(0,Q.jsx)("div",{className:`placeholder bg-${t} ${W.placeholder}`,style:{width:"50%"}})]}),(0,Q.jsxs)("div",{className:W.placeholderContainer,children:[(0,Q.jsx)("div",{className:`placeholder bg-${t} ${W.placeholder}`,style:{width:"30%",marginLeft:"5%"}}),(0,Q.jsx)("div",{className:`placeholder bg-${t} ${W.placeholder}`,style:{width:"15%"}}),(0,Q.jsx)("div",{className:`placeholder bg-${t} ${W.placeholder}`,style:{width:"20%"}})]}),(0,Q.jsx)("div",{className:W.placeholderContainer,children:(0,Q.jsx)("div",{className:`placeholder bg-${t} ${W.placeholder}`,style:{width:"15%"}})})]})},te=function(e){let{option:t,chatbotState:n,handleSubmit:a=()=>{},setPromptsMinimized:o=()=>{}}=e;return(0,Q.jsxs)("button",{className:k.option,onClick:()=>{o(!0),a(t?.query||t?.label)},disabled:1===n||2===n,children:[(0,Q.jsx)("i",{className:`bi ${t?.iconClass}`}),(0,Q.jsx)("span",{className:k.optionText,children:t?.label})]})},ne=function(e){let{promptsData:t,handleSubmit:n,setPromptsMinimized:a,chatbotState:i}=e;return(0,Q.jsx)(o.F,{features:r.l,children:(0,Q.jsx)("div",{className:k.promptsData,children:t?.prompts?.map(((e,t)=>(0,Q.jsx)(s.m.span,{variants:A,children:(0,Q.jsx)(te,{option:e,handleSubmit:n,setPromptsMinimized:a,chatbotState:i},`option-${t}`)},t)))})})},ae=function(e){let{setPromptsMinimized:t,promptsMinimized:n,promptsData:a,handleSubmit:i,chatbotState:c,inputRef:l,inputText:d,handleInput:h,placeholderInputText:p}=e;return(0,Q.jsx)(o.F,{features:r.l,children:(0,Q.jsx)("div",{className:k.footerContainer,children:(0,Q.jsxs)(s.m.div,{className:k.footer,variants:S,children:[(0,Q.jsx)(s.m.div,{className:k.defaultPrompts,animate:n?"hide":"show",variants:z,children:(0,Q.jsx)(ne,{promptsData:a,handleSubmit:i,setPromptsMinimized:t,chatbotState:c})}),(0,Q.jsx)("div",{className:k.footerBranding,children:"Powered by VAM Studios"}),(0,Q.jsxs)("form",{className:k.footerForm,children:[(0,Q.jsx)("button",{type:"button",className:k.promptDrawerButton,onClick:()=>t((e=>!e)),children:(0,Q.jsx)("i",{className:"bi bi-postcard-heart-fill promptDrawerIcon"})}),(0,Q.jsx)("input",{ref:l,placeholder:p,type:"text",value:d,name:"chatInput",onChange:e=>h(e)}),(0,Q.jsx)("button",{type:"submit",onClick:e=>{e.preventDefault(),i()},disabled:1===c||2===c,children:(0,Q.jsx)("i",{className:"bi bi-arrow-up-circle-fill"})})]})]})})})},oe=function(e){let{messageList:t,promptsData:n,handleSubmit:a,chatbotState:i,scrollAnchorRef:c,promptsMinimized:l,setPromptsMinimized:d,inputRef:h,inputText:p,handleInput:u,placeholderInputText:b,chatbotIcon:m}=e;return(0,Q.jsx)(o.F,{features:r.l,children:(0,Q.jsxs)("div",{className:k.body,children:[(0,Q.jsxs)(s.m.div,{variants:S,className:k.conversation,children:[t.map(((e,t)=>(0,Q.jsx)(L,{chatbotIcon:m,messageText:e?.data?.text,messageReferenceLinks:e?.data?.sources,messageImageLinks:e?.data?.image_links,messageSource:e?.source,messageStatus:e?.status,promotedTopics:e?.data?.promoted_topics,typewriterEffect:e?.typewriterEffect},`message-${t}`))),n?.show&&(0,Q.jsx)("div",{className:k.bodyPromptsContainer,children:(0,Q.jsx)(ne,{promptsData:n,handleSubmit:a,setPromptsMinimized:d})}),1===i&&(0,Q.jsxs)("div",{className:k.message,children:[(0,Q.jsx)("img",{src:m,loading:"lazy",alt:"chatbot icon",className:k.chatbotIcon}),(0,Q.jsx)("span",{className:"w-100",children:(0,Q.jsx)(ee,{theme:"dark"})})]}),(0,Q.jsx)("div",{className:"scrollAnchor",ref:c})]}),(0,Q.jsx)(ae,{setPromptsMinimized:d,promptsMinimized:l,promptsData:n,handleSubmit:a,chatbotState:i,inputRef:h,inputText:p,handleInput:u,placeholderInputText:b})]})})},re=e=>{console.log("websocket error",e)},se=e=>e.replace(/\u003c\|slash\|\u003e/g,"/"),ie=function(e){let{clientId:t}=e;const[n,l]=(0,a.useState)([]),[d,h]=(0,a.useState)(""),[p,u]=(0,a.useState)(0),[b,m]=(0,a.useState)(!0),[g,x]=(0,a.useState)({show:!0,prompts:[]}),[f,v]=(0,a.useState)(!0),[w,y]=(0,a.useState)(!1),[j,S]=(0,a.useState)({fetchedData:!1,data:{}}),[I,z]=(0,a.useState)(null),A=(0,a.useRef)([]),_=(0,a.useRef)(null),M=(0,a.useRef)(null);(0,a.useEffect)((()=>{try{if(j?.data?.styles?.css_variables){let e=document?.querySelector("vam-chatbot")?.shadowRoot.querySelector(`.${k.chatbotContainer.replace(/([^\w-])/g,"\\$1")}`)||document?.querySelector(`.${k.chatbotContainer.replace(/([^\w-])/g,"\\$1")}`);for(let t in j.data.styles.css_variables)e.style.setProperty(`--${t}`,j.data.styles.css_variables[t])}}catch(e){console.log(e)}}),[j?.data?.styles?.css_variables]),(0,a.useEffect)((()=>{try{j?.data?.icon_url&&(async()=>{let e=j?.data?.icon_url,t=(await(0,i.A)({url:e,method:"GET",responseType:"blob"})).data;if(t){let e=URL.createObjectURL(t);z(e)}})()}catch(e){console.log(e)}}),[j?.data?.icon_url]),(0,a.useEffect)((()=>{(async()=>{const e={clientId:t};try{let n=await(0,i.A)({url:"https://b30nwb1awk.execute-api.us-east-1.amazonaws.com/dev/api/getBotConfig",method:"POST",data:e});if(n?.data){let e=n.data;S({fetchedData:!0,data:e}),x(e?.default_prompts||{show:!1,prompts:[]}),l(e?.default_message_list||[]),A.current=e?.default_message_list||[]}else console.log("no data found for the provided client id: ",t)}catch(e){console.error(e)}})()}),[t]);let D=(0,c.Ay)(j?.data?.websocket_url,{onOpen:e=>{console.log("websocket opened")},onClose:e=>((e,t,n)=>{console.log("websocket closed"),t&&(console.log("disabling shouldConnect"),n(!1))})(0,b,y),onMessage:e=>((e,t)=>{t(e)})(e,H),onError:re,shouldReconnect:e=>!b,heartbeat:{message:JSON.stringify({action:"heartbeat",data:"ping"}),returnMessage:"pong",timeout:9e3,interval:6e3}},w);(0,a.useEffect)((()=>{M.current?.scrollIntoView({behavior:"smooth",block:"end",inline:"nearest"})}),[n]),(0,a.useEffect)((()=>{b||y(!0)}),[b]);const H=e=>{try{e=JSON.parse(e.data)}catch(e){}let{status:t,data:n}=e||{},{response:a,sources:o,image_links:r,promoted_topic:s}=n||{};"streaming"===t?(u(2),a&&l((e=>{let t=[...e],n=e.slice(-1)[0];if("streaming"===n?.status)n.data.text=se(a);else{let e={source:"bot",data:{text:a},origin:"server",status:"streaming"};t=[...t,e]}return t}))):"done"===t&&(u(0),l((e=>{let t=[...e],n=t.slice(-1)[0];if("user"!==n?.source)n.status="done",n.data.text=se(a),n.data.sources=o?.map(se),n.data.image_links=s?.image_link?[s.image_link]?.map(se):r?.map(se),n.data.promoted_topics=[s].filter((e=>e.title));else{let e={source:"bot",data:{text:"I apologize, I am unable to process your request at the moment. Please try again later."},origin:"server",status:"done"};t=[...t,e]}return t})))},P=()=>{m(!b)};return(0,Q.jsx)(Q.Fragment,{children:j?.fetchedData&&(0,Q.jsxs)(o.F,{features:r.l,children:[(0,Q.jsxs)(s.m.div,{initial:!1,className:k.chatbotContainer,animate:b?"hide":"show",variants:N,children:[(0,Q.jsx)(E,{headerText:j?.data?.header_text,setPromptsMinimized:v,handleChatbotAnimation:P,resetChatbot:()=>{try{l(A.current),x((e=>({...e,show:!0}))),u(0)}catch(e){}}}),(0,Q.jsx)(oe,{messageList:n,promptsData:g,handleSubmit:async function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];e?t=!0:e=d;try{if(e=e.trim(),e){[-1,2,3].includes(D?.readyState)&&(y(!1),setTimeout((()=>{y(!0)}),500)),u(1);let a={source:"user",data:{text:e},status:"done",typewriterEffect:t};l((e=>[...e,a])),x({...g,show:!1}),h("");let o=(()=>{let e=[];try{let t={user:"",assistant:""};for(let a of n)"user"===a.source?t.user=a?.data?.text:"bot"===a.source&&"server"===a.origin&&(t.assistant=a?.data?.text,e.push(t),t={user:"",assistant:""})}catch(e){console.log(e)}finally{return e}})();D.sendJsonMessage({action:"message",data:{message:e,chatHistory:o}})}}catch(e){console.log(e)}},chatbotState:p,scrollAnchorRef:M,promptsMinimized:f,setPromptsMinimized:v,inputRef:_,inputText:d,handleInput:e=>{try{h(e.target.value)}catch(e){}},placeholderInputText:j?.data?.placeholder_input_text,chatbotIcon:I})]}),(0,Q.jsx)(s.m.div,{variants:T,animate:b?"show":"hide",className:k.chatbotCircle,onClick:P,children:I&&(0,Q.jsx)(s.m.div,{variants:C,children:(0,Q.jsx)("img",{src:I,loading:"lazy",alt:"chatbot icon",className:k.chatbotIcon})})})]})})}},9744:(e,t,n)=>{n.d(t,{A:()=>i});var a=n(1601),o=n.n(a),r=n(6314),s=n.n(r)()(o());s.push([e.id,"@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap);"]),s.push([e.id,':root {\n  /* --chatbot-bot-bubble-color: #072d58;\n  --chatbot-bot-text-color: #ffffff;\n  --chatbot-user-bubble-color: #c3ebfe;\n  --chatbot-user-text-color: #072d58;\n  --chatbot-user-icon-color: #549bbb;\n  --chatbot-background-color: #ffffff;\n  --chatbot-border-color: #c3ebfe;\n  --chatbot-header-color: #072d58;\n  --chatbot-inline-link-color: #ffd208;\n  --chatbot-prompt-background-color: #c3ebfe;\n  --chatbot-footer-branding-color: #494a4b; */\n  --chatbot-height: 70%;\n  --chatbot-width: 30%;\n  --chatbot-header-height: 50px;\n  --chatbot-footer-height: 80px;\n  --chatbot-footer-input-height: 40px;\n  --chatbot-circle-radius: 70px;\n  --chatbot-spacing-x: 10px;\n  --chatbot-spacing-y: 10px;\n  --chatbot-border-radius: 10px;\n}\n\n@media only screen and (max-width: 1280px) {\n  :root {\n    --chatbot-width: 50%;\n    --chatbot-height: 80%;\n  }\n}\n\n@media only screen and (max-width: 768px) {\n  :root {\n    --chatbot-width: 100%;\n    --chatbot-height: 100%;\n    --chatbot-header-height: 70px;\n    --chatbot-spacing-x: 0px;\n    --chatbot-spacing-y: 0px;\n    --chatbot-border-radius: 0px;\n  }\n}\n\n.mrPuzpzfdEmQSyTxnvxI {\n  font-family: "Open Sans", sans-serif;\n  font-optical-sizing: auto;\n  font-weight: 600;\n  font-style: normal;\n  font-variation-settings: "wdth" 90;\n  position: fixed;\n  overflow: hidden;\n  border-radius: var(--chatbot-border-radius);\n  bottom: var(--chatbot-spacing-y);\n  right: var(--chatbot-spacing-x);\n  height: var(--chatbot-height);\n  width: var(--chatbot-width);\n  box-shadow: 0 8px 16px 6px rgba(0, 24, 56, 0.2);\n  z-index: 11;\n}\n\n.QJ6c9UPW4NdCwINA2KKw {\n  position: absolute;\n  width: 100%;\n  background-color: var(--chatbot-header-color);\n  padding: 0 10px;\n  border-bottom: 0.5px solid var(--chatbot-border-color);\n  z-index: 20;\n  height: var(--chatbot-header-height);\n}\n\n.BAciNorgEk8q0Hjvg_Nd {\n  height: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  color: white;\n  font-size: 1.4rem;\n\n  button,\n  button:hover {\n    background-color: var(--chatbot-header-color);\n    color: rgb(255, 255, 255);\n    border: none;\n  }\n}\n\n.rDNjthKTeHigjuhTaXFw {\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  align-items: flex-start;\n  /* Align items to the start (left) */\n  justify-content: center;\n  /* Center vertically within the container */\n  /* padding-left: 10px; */\n  /* Add padding to push it away from the edge */\n}\n\n.qhIJF8jtTVHpl14phrvO {\n  font-weight: 700;\n  text-align: start;\n}\n\n.bJ4qOXuizp8yq01SFRbe {\n  font-weight: 700;\n  font-size: 0.4rem;\n  text-align: start;\n}\n\n.M84EXuBJb0ITHqmcP033 {\n  margin-top: var(--chatbot-header-height);\n  font-size: 1rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  background-color: var(--chatbot-background-color);\n  height: calc(100% - var(--chatbot-header-height));\n}\n\n.KJH5XQVgMgo5xa6hVmpQ {\n  .uodJA65d3QSnFHHi6wEE {\n    row-gap: 10px;\n    column-gap: 10px;\n    padding: 0 20px;\n  }\n  .yMV8jdykQ0p_dG9sc2yK {\n    gap: 10px;\n    border-radius: 10px;\n    padding: 5px 12px;\n    cursor: pointer;\n\n    .OFNqcCdonr5dxzTTZ3zK {\n      font-size: 0.85rem;\n    }\n  }\n}\n\n.F4te4w0Rg9nYSlvqoOuU {\n  overflow: auto;\n}\n\n.y3GymRJmY0MX41NX3xWJ {\n  width: 50px;\n  height: 50px;\n}\n\n.soVXB5uMOlUUVHtMVzBV,\n.BAciNorgEk8q0Hjvg_Nd {\n  .y3GymRJmY0MX41NX3xWJ {\n    width: 40px;\n    height: 40px;\n  }\n}\n\n.soVXB5uMOlUUVHtMVzBV {\n  display: flex;\n  gap: 10px;\n  height: fit-content;\n  padding: 10px 20px;\n\n  .On7UzyczZB0EFpZn8hAO {\n    border-radius: 10px;\n    padding: 5px 10px;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    align-items: flex-start;\n    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);\n  }\n\n  i {\n    font-size: 24px;\n  }\n}\n\n.ys2v0_nbj9UZ2GtmsGFl {\n  display: flex;\n  flex-direction: column;\n}\n\n.uodJA65d3QSnFHHi6wEE {\n  display: flex;\n  flex-wrap: wrap;\n  row-gap: 20px;\n  column-gap: 15px;\n  justify-content: center;\n  padding: 20px 10px 20px 10px;\n}\n\n.yMV8jdykQ0p_dG9sc2yK {\n  display: flex;\n  gap: 10px;\n  align-items: center;\n  height: fit-content;\n  background-color: var(--chatbot-prompt-background-color);\n  border-radius: 10px;\n  padding: 10px 30px;\n  border: none;\n  font-variation-settings: "wdth" 90;\n  font-weight: 600;\n\n  .OFNqcCdonr5dxzTTZ3zK {\n    font-size: 0.85rem;\n  }\n}\n\n.yMV8jdykQ0p_dG9sc2yK:disabled {\n  cursor: not-allowed;\n}\n\n.ePwR5gBjQ2sQwKScmcAF {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 30px;\n  max-width: 30px;\n  height: 30px;\n  border-radius: 30px;\n  background-color: grey;\n}\n\n.n5EFd7Gb3khLARy7SBEE {\n  text-align: center;\n  font-size: 0.7rem;\n  font-weight: 700;\n  margin: 2px 0;\n  background: linear-gradient(to bottom, #39cff6, #ad84ff);\n  background-clip: text;\n  color: transparent;\n}\n\n.Cswbzq1GQuTnMGpPi4Zt {\n  width: 95%;\n  margin: 0 auto 10px;\n  /* Centering the footer with margin auto */\n  border-radius: 10px;\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);\n}\n\n.ibnXsq4b88cDDvfQQgYn {\n  display: flex;\n  align-items: center;\n  min-height: var(--chatbot-footer-input-height);\n  height: var(--chatbot-footer-input-height);\n  border-radius: 10px;\n  overflow: hidden;\n\n  i {\n    font-size: 1.75rem;\n  }\n  /* Ensures the button and input are nicely clipped within the border radius */\n}\n\n.vJUKQIrYod4Q56Cduawg {\n  background-color: transparent;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n}\n\n.vJUKQIrYod4Q56Cduawg .fy7pExJR53Br8Rva0_mA {\n  color: var(--chatbot-header-color);\n  /* Initial color, change this to your default icon color */\n  transition: color 0.3s ease;\n}\n\n.vJUKQIrYod4Q56Cduawg:hover .fy7pExJR53Br8Rva0_mA {\n  color: var(--chatbot-user-icon-color);\n}\n\n.Cswbzq1GQuTnMGpPi4Zt input {\n  font-family: "Open Sans", sans-serif;\n  font-optical-sizing: auto;\n  font-weight: 600;\n  font-style: normal;\n  font-variation-settings: "wdth" 95;\n  color: var(--chatbot-user-text-color);\n  background-color: var(--chatbot-background-color);\n  border: none;\n  padding: 0 10px;\n  width: 100%;\n  height: 100%;\n  outline: none;\n  transition: box-shadow 0.3s ease, border-color 0.3s ease;\n}\n\n.Cswbzq1GQuTnMGpPi4Zt input:focus {\n  border-color: var(--chatbot-user-bubble-color);\n  box-shadow: 0 10 10px var(--chatbot-user-bubble-color);\n  /* Adds a glow effect on focus */\n}\n\n.ibnXsq4b88cDDvfQQgYn button {\n  background-color: var(--chatbot-background-color);\n  border: none;\n  padding: 0 15px;\n  /* Extra padding for the button */\n  color: var(--chatbot-header-color);\n  cursor: pointer;\n  transition: color 0.3s ease;\n}\n\n.ibnXsq4b88cDDvfQQgYn button:hover {\n  color: var(--chatbot-user-icon-color);\n  /* filter: brightness(2); */\n  /* Optional: hover effect for the button */\n}\n\n.ibnXsq4b88cDDvfQQgYn button:disabled {\n  opacity: 0.6;\n  /* Makes the button appear disabled */\n  cursor: not-allowed;\n  /* Changes cursor to indicate it\'s disabled */\n}\n\n.JU97fmgoNdy3Tfye2Dws {\n  position: fixed;\n  overflow: hidden;\n  border-radius: 50px;\n  bottom: var(--chatbot-spacing-y);\n  right: var(--chatbot-spacing-x);\n  width: 0px;\n  height: 0px;\n  background-color: var(--chatbot-header-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  cursor: pointer;\n  box-shadow: 0 8px 16px 6px rgba(0, 24, 56, 0.2);\n}\n\n/* Add these styles to your Chatbot.module.css file */\n\n.pkiR_TxdafoynTpvRdcQ {\n  margin-top: 10px;\n  font-size: 0.95rem;\n  width: 100%;\n}\n\n.e3H6efowOKFf_KRpdCmA {\n  margin-bottom: 5px;\n  font-weight: bold;\n}\n\n.OwwGVqJowxUZVJuA2czv {\n  text-decoration: none;\n  color: var(--chatbot-bot-text-color);\n}\n\n.sCGr7vUZhXadHUv6e8Ir,\n.sCGr7vUZhXadHUv6e8Ir:hover {\n  color: var(--chatbot-inline-link-color);\n  text-decoration: underline;\n  font-size: 0.95rem;\n}\n\n.Bo90PPN_Vahh0nlC0xX9 {\n  a {\n    text-decoration: none;\n    color: var(--chatbot-inline-link-color);\n    font-weight: 900;\n  }\n}\n\n.Bo90PPN_Vahh0nlC0xX9 > p {\n  margin-bottom: 0;\n}\n',""]),s.locals={chatbotContainer:"mrPuzpzfdEmQSyTxnvxI",headerContainer:"QJ6c9UPW4NdCwINA2KKw",header:"BAciNorgEk8q0Hjvg_Nd",headerTitleContainer:"rDNjthKTeHigjuhTaXFw",headerTitle:"qhIJF8jtTVHpl14phrvO",headerSubtitle:"bJ4qOXuizp8yq01SFRbe",body:"M84EXuBJb0ITHqmcP033",bodyPromptsContainer:"KJH5XQVgMgo5xa6hVmpQ",promptsData:"uodJA65d3QSnFHHi6wEE",option:"yMV8jdykQ0p_dG9sc2yK",optionText:"OFNqcCdonr5dxzTTZ3zK",conversation:"F4te4w0Rg9nYSlvqoOuU",chatbotIcon:"y3GymRJmY0MX41NX3xWJ",message:"soVXB5uMOlUUVHtMVzBV",messageText:"On7UzyczZB0EFpZn8hAO",messageBody:"ys2v0_nbj9UZ2GtmsGFl",icon:"ePwR5gBjQ2sQwKScmcAF",footerBranding:"n5EFd7Gb3khLARy7SBEE",footer:"Cswbzq1GQuTnMGpPi4Zt",footerForm:"ibnXsq4b88cDDvfQQgYn",promptDrawerButton:"vJUKQIrYod4Q56Cduawg",promptDrawerIcon:"fy7pExJR53Br8Rva0_mA",chatbotCircle:"JU97fmgoNdy3Tfye2Dws",sourceList:"pkiR_TxdafoynTpvRdcQ",sourceTitle:"e3H6efowOKFf_KRpdCmA",sourceLink:"OwwGVqJowxUZVJuA2czv",sourceSwitch:"sCGr7vUZhXadHUv6e8Ir",markdownToHtmlContainer:"Bo90PPN_Vahh0nlC0xX9"};const i=s},4267:(e,t,n)=>{n.d(t,{A:()=>i});var a=n(1601),o=n.n(a),r=n(6314),s=n.n(r)()(o());s.push([e.id,".I3r6BXln1zxH2ejvDTTd {\n  margin-bottom: 1rem;\n  gap: 3%;\n  display: flex;\n}\n\n.rTpIHcFrLNeg6YGEnkxW {\n  border-radius: 5px;\n}\n",""]),s.locals={placeholderContainer:"I3r6BXln1zxH2ejvDTTd",placeholder:"rTpIHcFrLNeg6YGEnkxW"};const i=s},7492:(e,t,n)=>{n.d(t,{A:()=>i});var a=n(1601),o=n.n(a),r=n(6314),s=n.n(r)()(o());s.push([e.id,".bM7UYUIV67pDU1mIqhBb {\n  border-radius: 10px;\n}\n\n.FCedTtDmiTfcKbb9XOGz {\n  max-height: 24rem;\n}\n",""]),s.locals={carousalInner:"bM7UYUIV67pDU1mIqhBb",carousalItem:"FCedTtDmiTfcKbb9XOGz"};const i=s},8930:(e,t,n)=>{n.d(t,{A:()=>i});var a=n(1601),o=n.n(a),r=n(6314),s=n.n(r)()(o());s.push([e.id,".Udcs8gpcaMQsVM3JuB3v {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  margin: 30px 0;\n\n  a {\n    text-decoration: none;\n  }\n\n  .HoX0s_YXk0mg95sPM9UW {\n    padding: 16px;\n    background: linear-gradient(white, white) padding-box,\n      linear-gradient(to bottom, #39cff6, #ad84ff) border-box;\n    border: 3px solid transparent;\n    border-radius: 50px;\n  }\n\n  .eSDuidpnH74LBTacQi_Q {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 5px;\n    font-weight: 800;\n    background: linear-gradient(to bottom, #ad84ff, #39cff6);\n    background-clip: text;\n    color: transparent;\n\n    i {\n      font-size: inherit;\n    }\n\n    transition: all 0.3s ease;\n  }\n\n  .HoX0s_YXk0mg95sPM9UW:hover {\n    background: linear-gradient(#39cff6, #ad84ff) padding-box,\n      linear-gradient(to bottom, #39cff6, #ad84ff) border-box;\n\n    .eSDuidpnH74LBTacQi_Q {\n      color: white;\n      background: unset;\n      background-clip: unset;\n    }\n  }\n}\n",""]),s.locals={promtedTopicsContainer:"Udcs8gpcaMQsVM3JuB3v",button:"HoX0s_YXk0mg95sPM9UW",buttonContent:"eSDuidpnH74LBTacQi_Q"};const i=s}}]);