https://migratepc.saasify.ai/_next/static/chunks/30050.434bcbc5def3b149.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[30050],{32509:(e,t,r)=>{r.d(t,{BE:()=>u,I6:()=>p,_s:()=>o,cp:()=>i,gk:()=>h,uT:()=>l,zj:()=>c});var a=r(51508);r(10520);var n=r(59323),s=r(62997);function o(e){let{...t}=e;return(0,a.jsx)(n._s.Root,{"data-slot":"drawer",...t})}function l(e){let{...t}=e;return(0,a.jsx)(n._s.Portal,{"data-slot":"drawer-portal",...t})}function i(e){let{...t}=e;return(0,a.jsx)(n._s.Close,{"data-slot":"drawer-close",...t})}function d(e){let{className:t,...r}=e;return(0,a.jsx)(n._s.Overlay,{"data-slot":"drawer-overlay",className:(0,s.cn)("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...r})}function c(e){let{className:t,children:r,...o}=e;return(0,a.jsxs)(l,{"data-slot":"drawer-portal",children:[(0,a.jsx)(d,{}),(0,a.jsxs)(n._s.Content,{"data-slot":"drawer-content",className:(0,s.cn)("group/drawer-content bg-background fixed z-50 flex h-auto flex-col","data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b","data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t","data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:border-l","data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm",t),...o,children:[(0,a.jsx)("div",{className:"bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block"}),r]})]})}function u(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"drawer-header",className:(0,s.cn)("flex flex-col gap-1.5 p-4",t),...r})}function h(e){let{className:t,...r}=e;return(0,a.jsx)(n._s.Title,{"data-slot":"drawer-title",className:(0,s.cn)("text-foreground font-semibold",t),...r})}function p(e){let{className:t,...r}=e;return(0,a.jsx)(n._s.Description,{"data-slot":"drawer-description",className:(0,s.cn)("text-muted-foreground text-sm",t),...r})}},56397:(e,t,r)=>{r.r(t),r.d(t,{ChatBotTemporary:()=>b});var a=r(51508),n=r(6778),s=r(35378),o=r(62997),l=r(10520),i=r(46598),d=r(32509),c=r(3662),u=r(24394),h=r(36159),p=r(9760),m=r(43126),f=r(57321),x=r(86981),g=r(68971),v=r(58561),j=r(25426),w=r(91315),C=r(86920),y=r(6018);function b(){var e;

1let t=(0,v.c3)("Chat.TemporaryChat"),[r,o]=(0,n.j)((0,x.k)(e=>[e.temporaryChat,e.mutate])),[c,u]=(0,l.useState)(!1),[h,j]=(0,l.useState)(""),{messages:w,sendMessage:C,clearError:y,status:b,setMessages:N,error:k,stop:T}=(0,s.Y_)({transport:new f.rL({api:"/api/chat/temporary",prepareSendMessagesRequest:e=>{let{messages:t}=e,r=n.j.getState().temporaryChat;return{body:{chatModel:r.chatModel,instructions:r.instructions,messages:t}}}}),experimental_throttle:100,onError:()=>{N(e=>e.slice(0,-1))}}),I=(0,l.useMemo)(()=>"streaming"===b||"submitted"===b,[b]),P=(0,l.useCallback)(()=>{N([]),y()},[]);return(0,l.useEffect)(()=>{let e=e=>{(0,g.p2)(e,g.Om.toggleTemporaryChat)?(e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),o(e=>({temporaryChat:{...e.temporaryChat,isOpen:!e.temporaryChat.isOpen}}))):r.isOpen&&(0,g.p2)(e,{shortcut:{command:!0,key:"e"}})?(e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),P()):r.isOpen&&(0,g.p2)(e,{shortcut:{command:!0,key:"i"}})&&(e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),u(e=>!e))};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[r.isOpen]),(0,a.jsx)(d._s,{handleOnly:!0,direction:"right",open:r.isOpen,onOpenChange:e=>{o({temporaryChat:{...r,isOpen:e}})},children:(0,a.jsxs)(d.zj,{className:"w-full select-text md:w-2xl px-2 flex flex-col",children:[(0,a.jsxs)(d.BE,{children:[(0,a.jsxs)(d.gk,{className:"flex items-center gap-2",children:[(0,a.jsx)("p",{className:"hidden sm:flex",children:t("temporaryChat")}),(0,a.jsx)("div",{className:"flex-1"}),(0,a.jsx)(i.$,{variant:"secondary",className:"rounded-full",onClick:P,disabled:I,children:t("resetChat")}),(0,a.jsx)(E,{isOpen:c,setIsOpen:u,instructions:null!=(e=r.instructions)?e:"",onSave:e=>{o({temporaryChat:{...r,instructions:e}})},children:(0,a.jsx)(i.$,{variant:"secondary",className:"rounded-full",children:(0,a.jsx)(p.A,{})})}),(0,a.jsx)(d.cp,{asChild:!0,children:(0,a.jsx)(i.$,{variant:"secondary",className:"flex items-center gap-1 rounded-full",children:(0,a.jsx)(m.A,{})})})]}),(0,a.jsx)(d.I6,{className:"sr-only"})]}),(0,a.jsx)(M,{isLoading:I,messages:w,error:k,input:h,setInput:j,sendMessage:C,setMessages:N,stop:T,status:b})]})})}function M(e){let{messages:t,input:r,setInput:s,sendMessage:i,status:d,error:p,isLoading:m,setMessages:f,stop:g}=e,j=(0,l.useRef)(null),w=(0,v.c3)("Chat"),C=(0,l.useRef)(!1),[b,M]=(0,n.j)((0,x.k)(e=>[e.temporaryChat,e.mutate]));(0,l.useEffect)(()=>{var e,t;null==(t=j.current)||t.scrollTo({top:null==(e=j.current)?void 0:e.scrollHeight})},[]),(0,l.useEffect)(()=>{if(C.current){var e,t;null==(t=j.current)||t.scrollTo({top:null==(e=j.current)?void 0:e.scrollHeight})}},[t]),(0,l.useEffect)(()=>{if(m){var e;C.current=!0;let t=()=>{let e=j.current;e.scrollHeight-e.scrollTop-e.clientHeight<20||(C.current=!1)};return null==(e=j.current)||e.addEventListener("scroll",t),()=>{var e;null==(e=j.current)||e.removeEventListener("scroll",t)}}},[m]);let E=(0,l.useCallback)(e=>{M({temporaryChat:{...b,chatModel:e}})},[]);return(0,l.useEffect)(()=>{b.chatModel||M(e=>e.chatModel?{temporaryChat:{...b,chatModel:e.chatModel}}:e)},[!!b.chatModel]),(0,a.jsxs)("div",{className:(0,o.cn)("flex flex-col min-w-0 h-full flex-1 overflow-y-hidden"),children:[!t.length&&!p&&(0,a.jsxs)("div",{className:"flex-1 items-center flex flex-col justify-center",children:[(0,a.jsx)("div",{className:"max-w-3xl mx-auto my-2",children:(0,a.jsx)("div",{className:"rounded-xl p-4 flex flex-col gap-1 leading-relaxed text-center",children:(0,a.jsx)("h1",{className:"text-4xl font-semibold ",children:w("TemporaryChat.thisChatWontBeSaved")})})}),(0,a.jsx)(h.W,{messagesLength:t.length,onQuestionSelect:e=>{s(e)}})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-2 overflow-y-auto py-6",ref:j,children:[t.map((e,r)=>{let n=t.length-1===r;return(0,a.jsx)(u.e,{messageIndex:r,message:e,status:d,isLoading:m,isLastMessage:n,setMessages:f,prevMessage:t[r-1],sendMessage:i},r)}),m&&(0,a.jsx)("div",{className:"w-full mx-auto max-w-3xl px-6",children:(0,a.jsx)(y.H,{})}),p&&(0,a.jsx)(u.K,{error:p})]}),(0,a.jsx)("div",{className:"w-full my-6 mt-auto",children:(0,a.jsx)(c.A,{input:r,sendMessage:i,disabledMention:!0,model:b.chatModel,setModel:E,toolDisabled:!0,placeholder:w("TemporaryChat.feelFreeToAskAnythingTemporarily"),setInput:s,voiceDisabled:!0,isLoading:m,onStop:g})})]})}function E(e){let{instructions:t,onSave:r,children:n,isOpen:s,setIsOpen:o}=e,[d,c]=(0,l.useState)(t),u=(0,v.c3)();return(0,l.useEffect)(()=>{s&&c(t)},[s]),(0,a.jsxs)(j.lG,{open:s,onOpenChange:o,children:[(0,a.jsx)(j.zM,{asChild:!0,children:n}),(0,a.jsxs)(j.Cf,{children:[(0,a.jsxs)(j.c7,{children:[(0,a.jsx)(w.L3,{children:u("Chat.TemporaryChat.temporaryChatInstructions")}),(0,a.jsx)(j.rr,{children:u("Chat.TemporaryChat.temporaryChatInstructionsDescription")})]}),(0,a.jsx)(j.rr,{children:(0,a.jsx)(C.T,{autoFocus:!0,value:d,onChange:e=>c(e.target.value),className:"resize-none h-40",placeholder:u("Chat.TemporaryChat.temporaryChatInstructionsPlaceholder")})}),(0,a.jsx)(j.Es,{children:(0,a.jsx)(i.$,{onClick:()=>{r(d),o(!1)},children:u("Common.save")})})]})]})}},96326:(e,t,r)=>{r.d(t,{N:()=>v});var a=r(51508),n=r(10520),s=r(17254),o=r(79938),l=r(82923),i=r(88872),d=r(83082),c=r(32241);class u extends n.Component{getSnapshotBeforeUpdate(e){let t=this.props.childRef.current;if(t&&e.isPresent&&!this.props.isPresent){let e=t.offsetParent,r=(0,d.s)(e)&&e.offsetWidth||0,a=this.props.sizeRef.current;a.height=t.offsetHeight||0,a.width=t.offsetWidth||0,a.top=t.offsetTop,a.left=t.offsetLeft,a.right=r-a.width-a.left}return null}componentDidUpdate(){}render(){return this.props.children}}function h(e){let{children:t,isPresent:r,anchorX:s,root:o}=e,l=(0,n.useId)(),i=(0,n.useRef)(null),d=(0,n.useRef)({width:0,height:0,top:0,left:0,right:0}),{nonce:h}=(0,n.useContext)(c.Q);return(0,n.useInsertionEffect)(()=>{let{width:e,height:t,top:a,left:n,right:c}=d.current;if(r||!i.current||!e||!t)return;i.current.dataset.motionPopId=l;let u=document.createElement("style");h&&(u.nonce=h);let p=null!=o?o:document.head;return p.appendChild(u),u.sheet&&u.sheet.insertRule('\n          [data-motion-pop-id="'.concat(l,'"] {\n            position: absolute !important;\n            width: ').concat(e,"px !important;\n            height: ").concat(t,"px !important;\n            ").concat("left"===s?"left: ".concat(n):"right: ".concat(c),"px !important;\n            top: ").concat(a,"px !important;\n          }\n        ")),()=>{p.contains(u)&&p.removeChild(u)}},[r]),(0,a.jsx)(u,{isPresent:r,childRef:i,sizeRef:d,children:n.cloneElement(t,{ref:i})})}let p=e=>{let{children:t,initial:r,isPresent:s,onExitComplete:l,custom:d,presenceAffectsLayout:c,mode:u,anchorX:p,root:f}=e,x=(0,o.M)(m),g=(0,n.useId)(),v=!0,j=(0,n.useMemo)(()=>

1(v=!1,{id:g,initial:r,isPresent:s,custom:d,onExitComplete:e=>{for(let t of(x.set(e,!0),x.values()))if(!t)return;l&&l()},register:e=>(x.set(e,!1),()=>x.delete(e))}),[s,x,l]);return c&&v&&(j={...j}),(0,n.useMemo)(()=>{x.forEach((e,t)=>x.set(t,!1))},[s]),n.useEffect(()=>{s||x.size||!l||l()},[s]),"popLayout"===u&&(t=(0,a.jsx)(h,{isPresent:s,anchorX:p,root:f,children:t})),(0,a.jsx)(i.t.Provider,{value:j,children:t})};function m(){return new Map}var f=r(9407);let x=e=>e.key||"";function g(e){let t=[];return n.Children.forEach(e,e=>{(0,n.isValidElement)(e)&&t.push(e)}),t}let v=e=>{let{children:t,custom:r,initial:i=!0,onExitComplete:d,presenceAffectsLayout:c=!0,mode:u="sync",propagate:h=!1,anchorX:m="left",root:v}=e,[j,w]=(0,f.xQ)(h),C=(0,n.useMemo)(()=>g(t),[t]),y=h&&!j?[]:C.map(x),b=(0,n.useRef)(!0),M=(0,n.useRef)(C),E=(0,o.M)(()=>new Map),[N,k]=(0,n.useState)(C),[T,I]=(0,n.useState)(C);(0,l.E)(()=>{b.current=!1,M.current=C;for(let e=0;e<T.length;e++){let t=x(T[e]);y.includes(t)?E.delete(t):!0!==E.get(t)&&E.set(t,!1)}},[T,y.length,y.join("-")]);let P=[];if(C!==N){let e=[...C];for(let t=0;t<T.length;t++){let r=T[t],a=x(r);y.includes(a)||(e.splice(t,0,r),P.push(r))}return"wait"===u&&P.length&&(e=P),I(g(e)),k(C),null}let{forceRender:L}=(0,n.useContext)(s.L);return(0,a.jsx)(a.Fragment,{children:T.map(e=>{let t=x(e),n=(!h||!!j)&&(C===T||y.includes(t));return(0,a.jsx)(p,{isPresent:n,initial:(!b.current||!!i)&&void 0,custom:r,presenceAffectsLayout:c,mode:u,root:v,onExitComplete:n?void 0:()=>{if(!E.has(t))return;E.set(t,!0);let e=!0;E.forEach(t=>{t||(e=!1)}),e&&(null==L||L(),I(M.current),h&&(null==w||w()),d&&d())},anchorX:m,children:e},t)})})}}}]);