https://www.usememo.ai/_next/static/chunks/pages/c/[id]-6f1ee54505205a6c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9747],{47333:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/c/[id]",function(){return r(38456)}])},29516:function(e,t,r){"use strict";r.d(t,{J:function(){return g}});var n=r(85893),s=r(14769),a=r(30399),l=r(25675),o=r.n(l),i=r(90512),c=r(53416),d=r(57851);(0,c.kP)("0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",7);var u=r(67294),m=r(93179),h=r(84283);let x=(0,u.memo)(e=>{let{language:t,value:r}=e,{isCopied:s,copyToClipboard:a}=function(e){let{timeout:t=2e3}=e,[r,n]=u.useState(!1);return{isCopied:r,copyToClipboard:e=>{var r;(null===(r=navigator.clipboard)||void 0===r?void 0:r.writeText)&&e&&navigator.clipboard.writeText(e).then(()=>{n(!0),setTimeout(()=>{n(!1)},t)})}}}({timeout:2e3});return(0,n.jsxs)("div",{className:"relative w-full font-sans codeblock bg-zinc-950",children:[(0,n.jsxs)("div",{className:"flex items-center justify-between w-full px-6 py-2 pr-4 bg-zinc-800 text-zinc-100",children:[(0,n.jsx)("span",{className:"text-xs lowercase",children:t}),(0,n.jsx)("div",{className:"flex items-center space-x-1"})]}),(0,n.jsx)(m.Z,{language:t,style:h.RY,PreTag:"div",showLineNumbers:!0,customStyle:{margin:0,width:"100%",background:"transparent",padding:"1.5rem 1rem"},codeTagProps:{style:{fontSize:"0.9rem",fontFamily:"var(--font-mono)"}},children:r})]})});x.displayName="CodeBlock";var f=r(48570);let p=(0,u.memo)(f.D,(e,t)=>e.children===t.children&&e.className===t.className);var b=r(78633);function g(e){let{message:t,...r}=e;return(0,n.jsxs)("div",{className:function(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,d.m)((0,i.W)(t))}("col border-neutral-200","user"===t.role?"bg-neutral-100/20":"bg-white",r.dontShowChat?"p-2 border border-lg rounded-lg border-blue-400/40":"p-6 border-b"),...r,children:[r.dontShowChat?null:(0,n.jsx)("div",{className:"text-sm mb-1 font-bold text-neutral-600",children:"user"===t.role?(0,n.jsxs)("div",{className:"flex items-center gap-2",children:[(0,n.jsx)(b.O5U,{size:20,className:"rounded-full border border-neutral-200 p-1"}),"You"]}):(0,n.jsxs)("div",{className:"flex items-center gap-2",children:[(0,n.jsx)(o(),{src:"/images/usememo-dalle.png",width:20,height:20,className:"rounded-full",alt:"UseMemo"}),"UseMemo's Brain"]})}),(0,n.jsx)("div",{className:"flex-1 space-y-2 overflow-hidden",children:(0,n.jsx)(p,{className:"prose break-words dark:prose-invert prose-p:leading-relaxed prose-pre:p-0",remarkPlugins:[s.Z,a.Z],components:{p(e){let{children:t}=e;return(0,n.jsx)("p",{className:"mb-2 last:mb-0",children:t})},code(e){let{node:t,inline:r,className:s,children:a,...l}=e;if(a.length){if("▍"==a[0])return(0,n.jsx)("span",{className:"mt-1 cursor-default animate-pulse",children:"▍"});a[0]=a[0].replace("`▍`","▍")}let o=/language-(\w+)/.exec(s||"");return r?(0,n.jsx)("code",{className:s,...l,children:a}):(0,n.jsx)(x,{language:o&&o[1]||"",value:String(a).replace(/\n$/,""),...l},Math.random())},ul(e){let{children:t}=e;return(0,n.jsx)("ul",{className:"list-disc pl-6 mb-2 last:mb-0",children:t})},td(e){let{children:t}=e;return(0,n.jsx)("td",{className:"p-2 border-r border-l",children:t})},th(e){let{children:t}=e;return(0,n.jsx)("th",{className:"p-2",children:t})},tr(e){let{children:t}=e;return(0,n.jsx)("tr",{className:"border-b",children:t})},table(e){let{children:t}=e;return(0,n.jsx)("table",{className:"w-full",children:t})},br:()=>(0,n.jsx)("br",{})},children:t.content})})]})}},80900:function(e,t,r){"use strict";r.d(t,{Z:function(){return g}});var n=r(85893),s=r(54141),a=r(10492),l=r(37718),o=r(60440);r(89863),r(76633),r(26657);var i=r(48583),c=r(15103);let d=(0,c.cn)("");var u=r(45823),m=r(87771),h=r(67294),x=r(6154),f=r(48735),p=r(41190),b=r(27139),g=e=>{let t=(0,i.b9)(d),[r,c]=(0,i.KO)(u.l),g=(0,i.Dv)(p.V),v=(0,i.b9)(b.H),[j,w]=(0,h.useState)("");(0,h.useEffect)(()=>{if(!e.documentId)return;let t=async()=>{try{let t=await x.Z.get("/api/file/r2/get",{params:{id:e.documentId}});w(t.data.url),v(t.data.name)}catch(e){console.log(e)}};t()},[e.documentId]),(0,h.useEffect)(()=>{if(void 0===e.open){c(!1);return}c(e.open)},[e.open]);let N=(0,l.highlightPlugin)({renderHighlightTarget:e=>{let r=e.selectionData;if(r){let e="",n=r.divTexts;for(let t of n){let r=t.textContent;r&&r.trim().split(" ").length>1&&(e+=r+" ")}e.length>0&&t(e)}return(0,n.jsx)("div",{})}}),y=(0,o.zoomPlugin)({enableShortcuts:!0}),k=(0,a.defaultLayoutPlugin)({sidebarTabs:e=>[]}

1);return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)("div",{className:"relative h-full animation-all duration-200 md:block hidden ".concat(r?"w-1/2":"w-0"),children:[!e.open&&(0,n.jsx)("div",{className:"absolute bottom-1/2 translate-y-1/2 right-0 z-20 transform rotate-90",children:(0,n.jsxs)("div",{className:"row items-center gap-1 px-6 py-1 bg-neutral-200 hover:bg-neutral-300/80 rounded-md cursor-pointer animation-all duration-200 text-sm whitespace-nowrap",onClick:()=>{c(!r)},children:[(0,n.jsx)(m.i0B,{className:"animation-all duration-200 ".concat(r?"rotate-180":""," ")}),r?"".concat(f.F[g].open_pdf_title):"".concat(f.F[g].close_pdf_title)]})}),r&&j&&(0,n.jsx)(s.Worker,{workerUrl:"https://unpkg.com/[email protected]/build/pdf.worker.min.js",children:(0,n.jsx)(s.Viewer,{fileUrl:j,onDocumentLoad:async e=>{},plugins:[N,y,k]})})]})})}},27139:function(e,t,r){"use strict";r.d(t,{H:function(){return s}});var n=r(15103);let s=(0,n.cn)("")},18968:function(e,t,r){"use strict";r.d(t,{Ar:function(){return a},ml:function(){return s},wp:function(){return l}});var n=r(15103);let s=(0,n.cn)(null),a=(0,n.cn)(!1),l=(0,n.cn)(!1)},45823:function(e,t,r){"use strict";r.d(t,{l:function(){return s}});var n=r(15103);let s=(0,n.cn)(!1)},19707:function(e,t,r){"use strict";r.d(t,{DR:function(){return a},ao:function(){return s},bO:function(){return l}});var n=r(15103);let s=(0,n.cn)(!1);(0,n.cn)(!1);let a=(0,n.cn)(0),l=(0,n.cn)(!1)},38456:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return T}});var n=r(85893),s=r(48583),a=r(19707),l=r(18968),o=r(11163),i=r(62192),c=r(67294),d=r(29516),u=r(78633),m=r(8058),h=r(5678),x=r(25934),f=r(27139),p=r(19151),b=r(25675),g=r.n(b),v=r(7696),j=r(61121),w=r(6154),N=r(11187),y=r(65885),k=e=>{(0,o.useRouter)();let[t,r]=(0,s.KO)(a.ao);(0,s.b9)(l.ml);let b=(0,s.Dv)(f.H),[k,I]=(0,h._)("open-c-chat-document-".concat(e.documentId),[]),[_,P]=(0,c.useState)(!1),T=(0,c.useRef)(null),{messages:Z,input:E,setInput:S,handleInputChange:U,handleSubmit:D,isLoading:z,setMessages:A}=(0,i.RJ)({api:"/api/chat/open",body:{documentId:e.documentId},onError:e=>{if(e.message.includes("Too many requests")){I(e=>e.slice(0,e.length-1)),N.ZP.info(e.message);return}},onFinish:async t=>{let r=k.filter(e=>"user"===e.role).map(e=>e.content).join("\n");""===r?r=E:r+="\n"+E;let n=t.content;await w.Z.post("/api/global-chat-history",{prompt:r,completion:n,documentId:e.documentId}),I(e=>[...e,t])}});(0,c.useEffect)(()=>{A(k)},[e.documentId]),(0,c.useEffect)(()=>{let e=new y.Z,t=e.get("deviceId");t||e.set("deviceId",(0,x.Z)(),{path:"/",maxAge:31536e3})},[]);let F=(0,c.useRef)(null);return(0,n.jsxs)("div",{className:"col lg:w-1/2 w-full justify-between border-r border-neutral-200 bg-neutral-100/40 relative ",children:[(0,n.jsxs)("div",{className:"row justify-between items-center px-4 py-2 border-b border-neutral-200",children:[(0,n.jsxs)("div",{className:"row gap-1 items-end",children:[(0,n.jsxs)("div",{className:"row gap-1 items-center pl-4",children:[(0,n.jsx)("div",{className:"w-8 h-8 relative",children:(0,n.jsx)(g(),{src:"/images/usememo-dalle.png",fill:!0,style:{objectFit:"contain"},alt:"UseMemo Logo"})}),(0,n.jsx)("div",{className:"text-lg font-bold",children:"UseMemo"})]}),(0,n.jsx)("div",{className:"text-xs text-neutral-500 font-semibold pb-[6px]",children:"Chat"})]}),(0,n.jsxs)("button",{className:"row text-xs font-semibold text-neutral-600 gap-2 items-center px-4 py-2 border border-neutral-300 rounded-md hover:bg-neutral-200/40 hover:border-neutral-500 duration-200",onClick:()=>{P(!0),I([]),A([]),P(!1)},children:[(0,n.jsx)(v.sZV,{}),"Clear Chat",_&&(0,n.jsx)(m.Z,{})]})]}),(0,n.jsxs)("div",{className:"col h-full overflow-auto relative",ref:F,children:[0==Z.length&&(0,n.jsx)("div",{className:"absolute top-1/3 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-3/4 border border-neutral-200 rounded-lg p-4",children:(0,n.jsxs)("div",{className:"col gap-4",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"text-sm text-neutral-500",children:"Chat With"}),(0,n.jsx)("div",{className:"font-semibold text-lg",children:b})]}),(0,n.jsxs)("div",{className:"",children:[(0,n.jsx)("div",{className:"text-sm text-neutral-500",children:"Sample Questions"}),(0,n.jsxs)("div",{className:"flex flex-wrap gap-2",children:[(0,n.jsxs)("button",{className:"text-left row gap-2 items-center px-4 py-2 border border-neutral-300 rounded-md hover:bg-neutral-200/40 hover:border-neutral-500 duration-200",onClick:async()=>{S("Please summarise this document."),await C(200),T.current.click()},children:[(0,n.jsx)(u.J1t,{}),"Please summarise this document."]}),(0,n.jsxs)("button",{className:"text-left row gap-2 items-center px-4 py-2 border border-neutral-300 rounded-md hover:bg-neutral-200/40 hover:border-neutral-500 duration-200",onClick:async()=>{S("What are the main points of this document?"),await C(200),T.current.click()},children:[(0,n.jsx)(p.Y4R,{}),"What are the main points of this document?"]}),(0,n.jsxs)("button",{className:"text-left row gap-2 items-center px-4 py-2 border border-neutral-300 rounded-md hover:bg-neutral-200/40 hover:border-neutral-500 duration-200",onClick:async()=>{S("As a black belt six sigma practitioner, what would you do differently?"),await C(200),T.current.click()},children:[(0,n.jsx)(j.lU2,{}),"As a black belt six sigma practitioner, what would you do differently?"]}),(0,n.jsxs)("button",{className:"text-left row gap-2 items-center px-4 py-2 border border-neutral-300 rounded-md hover:bg-neutral-200/40 hover:border-neutral-500 duration-200",onClick:async()=>

1{S("As an expert in ITIL service management, what would you do differently?"),await C(200),T.current.click()},children:[(0,n.jsx)(j.lU2,{}),"As an expert in ITIL service management, what would you do differently?"]})]})]})]})}),Z.map((e,t)=>(0,n.jsx)(d.J,{message:e},t)),(0,n.jsx)("div",{className:"py-20"})]}),(0,n.jsx)("div",{className:"row p-6 sticky bottom-0 bg-white border-t border-neutral-200",children:(0,n.jsx)("form",{onSubmit:e=>{if(e.preventDefault(),z){N.ZP.info("Wait for the previous message to be done.");return}D(e),I([...k,{role:"user",content:E,id:(0,x.Z)()}])},className:"col w-full",children:(0,n.jsx)("div",{className:"col gap-2",children:(0,n.jsxs)("div",{className:"row w-full gap-4",children:[(0,n.jsx)("textarea",{className:"w-full px-4 py-2 border border-neutral-400 rounded-md outline-none focus:border-neutral-800 animation-all duration-200",autoFocus:!0,value:E,onChange:e=>{U(e)},onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),T.current.click())},placeholder:"Ask a question about ".concat(b)}),(0,n.jsxs)("button",{ref:T,type:"submit",className:"row gap-2 items-center px-6 py-2 text-sm bg-neutral-800 hover:shadow-lg animation-all duration-200 text-white rounded-md",children:[(0,n.jsx)(u.hPW,{}),z&&(0,n.jsx)(m.Z,{size:20,color:"white"})]})]})})})})]})};let C=e=>new Promise(t=>setTimeout(t,e));var I=r(80900),_=r(9008),P=r.n(_),T=()=>{let e=(0,o.useRouter)(),{id:t}=e.query;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(P(),{children:[(0,n.jsx)("title",{children:"UseMemo | Chat"}),(0,n.jsx)("meta",{name:"description",content:"UseMemo | Chat"}),(0,n.jsx)("link",{rel:"icon",href:"/favicon.ico"})]}),(0,n.jsx)("div",{className:"col h-screen",children:(0,n.jsxs)("div",{className:"row h-full overflow-hidden relative",children:[t&&(0,n.jsx)(I.Z,{documentId:t,open:!0}),t&&(0,n.jsx)(k,{documentId:t})]})})]})}},93414:function(){},70172:function(){},2001:function(){},33779:function(){},82258:function(){}},function(e){e.O(0,[4817,4738,9317,594,8391,4577,4851,7786,5675,3249,271,1082,2192,8729,5345,5154,9774,2888,179],function(){return e(e.s=47333)}),_N_E=e.O()}]);