https://nemora.ai/_next/static/chunks/8181.2a93df2585ce554e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8181],{19684:function(e,s,a){"use strict";a.r(s),a.d(s,{default:function(){return eu}});var t=a(57437),r=a(2265),i=a(23407),n=a(60138),l=a(88589),o=a(50742),d=a(42586),c=a(75189),u=a(29501),m=a(44924),g=a(65190),p=a(9166),h=a(17387),v=a(12525),x=a(69280),f=a(40318),j=a(89595),b=a(10920),C=a(6554);a(98228);var k=a(40136),M=a(35713),w=a(12446),y=a(36427),N=a(65885),I=e=>{let{conversation:s}=e,a=(0,d.useTranslations)(),i=(0,N.Z)("(max-width: 1024px)",!0),{mutateAsync:n,isPending:l}=(0,y.S)(j.pr.GroupChat),c=(0,r.useCallback)(async e=>{e.preventDefault(),e.stopPropagation();try{await n({conversationId:s.id})}catch(e){console.error(e)}},[n,s.id]);return(0,t.jsx)(M.Z,{count:a("common.comingSoon"),offset:["-10%",2],size:"small",classNames:{indicator:"!px-1 !py-0 !h-auto !text-[8px] !bg-bgBase-300 !rounded-full"},children:(0,t.jsx)(o.ZP,{"data-tour-id":"GenerateGameImageButton",color:"default",variant:"filled",size:"middle",icon:(0,t.jsx)(w.default,{className:"!text-lg"}),onClick:c,loading:l,shape:i?"circle":"default",disabled:!0,children:(0,t.jsx)("span",{className:"hidden lg:block xl:hidden 2xl:block",children:a("chat.gameForm.generateImage.button")})})})},L=a(67801),S=a(95272);let Z=/[\u0300-\u036f]/g,E=/[-''"]/g,G=/\s+/g,R=["send me","show me","take a pic","enviame","mandame","muestrame","toma una foto","saca una foto","haz una foto","me envie","me manda","me mostre","mostre me","tira uma foto","tire uma foto","envoie moi","montre moi","prends une photo","schick mir","zeig mir","mach ein foto"];var _=e=>{let{message:s}=e,a=(0,d.useTranslations)();if(!s)return null;let r=s.toLowerCase().normalize("NFD").replace(Z,"").replace(E," ").replace(G," ").trim();return R.some(e=>r.includes(e))?(0,t.jsx)("div",{className:"px-2 pt-2 md:px-3 md:pt-3",children:(0,t.jsxs)("div",{className:"inline-flex items-center w-full md:w-auto gap-1.5 text-2xs md:text-xs leading-tight bg-warning-800/10 text-warning-500/80 rounded-full px-2 md:px-2.5 py-1.5",children:[(0,t.jsx)(S.default,{className:"!text-xs"}),a("chat.gameForm.generateImage.warning")]})}):null},T=a(59089),W=a(10081),F=a(86257),A=e=>{let{isOpen:s,onClose:a}=e,i=(0,d.useTranslations)(),[n,l]=(0,r.useState)(!1);(0,r.useEffect)(()=>{setTimeout(()=>{l(!0)},1e3)},[]);let o=(0,r.useMemo)(()=>{if(!n)return;let e=document.querySelector('[data-tour-id="GenerateGameImageButton"]'),s=document.querySelector('[data-tour-id="ChatSettingsButton"]');return[{title:i("chat.gameConversation.tour.steps.generateImage.title"),target:e,description:i("chat.gameConversation.tour.steps.generateImage.description")},{title:i("chat.form.tour.steps.chatSettings.title"),target:s,description:i("chat.form.tour.steps.chatSettings.description")}].filter(e=>{let{target:s}=e;return!!s})},[i,n]),c=(0,r.useCallback)(()=>{a()},[a]);return(0,t.jsx)(F.Z,{open:s&&n,onClose:c,disabledInteraction:!0,gap:{radius:10},steps:o,mask:{color:"rgba(var(--color-bgBase-500), 0.8)"}})},D=a(97660),P=a(11554),z=a(79458),B=a(29942),H=e=>{let{conversation:s}=e,a=(0,d.useTranslations)(),M=(0,b.Z)(),w=(0,c.useRouter)(),{setActiveSuggestions:y}=(0,f.u)(),{aiModel:N,isLifelikeChatEnabled:S,setPendingUserMessages:Z,setRespondingWith:E,setRevealMessageId:G,isGroupChatTourSeen:R,setIsGroupChatTourSeen:F}=(0,x.a)(e=>({aiModel:e.chatSettings.aiModel,isLifelikeChatEnabled:e.chatSettings.isLifelikeChatEnabled,setPendingUserMessages:e.setPendingUserMessages,setRespondingWith:e.setRespondingWith,setRevealMessageId:e.setRevealMessageId,isGroupChatTourSeen:e.isGroupChatTourSeen,setIsGroupChatTourSeen:e.setIsGroupChatTourSeen})),H=(0,W.q)(),{_isHydrated:K,isAgeConsentReceived:O}=(0,T.L)(e=>({_isHydrated:e._isHydrated,isAgeConsentReceived:e.isAgeConsentReceived})),{mutateAsync:U,isPending:V}=(0,v.a)({}),{mutate:Q}=(0,h.M)(),{trackEvent:q}=(0,j.ZP)(),J=M&&!R&&K&&H&&O,{control:$,handleSubmit:X,reset:Y,setFocus:ee,watch:es}=(0,u.cI)({resolver:(0,i.L)(m.Q)}),ea=es("message"),et=(0,r.useCallback)(async e=>{try{let a={agentId:s.agent.id,conversationId:s.id,message:e,aiModel:N,messageType:n.DK.text};E(s.id,n.DK.text);let t=await U(a),r=t.find(e=>!e.isAiMessage),i=t.find(e=>e.isAiMessage);i&&S&&G(s.id,i.id),r&&Q(r.id),q({eventName:j.Kh.SEND_MESSAGE,payload:{characterId:s.agent.i

1d,characterName:s.agent.name,characterVersion:s.agent.version,messageType:n.DK.text,aiModel:null==i?void 0:i.aiModel}})}finally{Z(s.id,void 0),E(s.id,void 0)}},[s.id,s.agent.id,s.agent.name,s.agent.version,N,S,Z,E,G,U,q,Q]),er=(0,r.useCallback)(e=>{Z(s.id,{texts:e.map(e=>e.message),status:B.j.Queued})},[s.id,Z]),ei=(0,r.useCallback)(e=>{let a=e.map(e=>e.message);Z(s.id,{texts:a,status:B.j.Sending}),et(a.join(P.lx))},[s.id,Z,et]),{enqueue:en,notifyTyping:el,flush:eo}=(0,z.a)({batchDelayMs:2e3,typingIdleDelayMs:6e3,isBatchingEnabled:S,onQueueChange:er,onFlush:ei});(0,r.useEffect)(()=>{(null==ea?void 0:ea.trim())&&el()},[ea,el]),(0,r.useEffect)(()=>()=>{eo()},[s.id,eo]);let ed=(0,r.useCallback)(e=>{if(!V){if(!M){w.push(p._5.replace(":reason",C.w.MessageSend));return}Y(),y(null),en(e)}},[V,M,w,Y,y,en]),ec=(0,r.useCallback)(e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),X(ed)())},[X,ed]),eu=(0,r.useCallback)(()=>{ee("message")},[ee]),em=(0,r.useCallback)(e=>{e.stopPropagation()},[]),eg=(0,r.useCallback)(e=>{ed({message:e})},[ed]);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"bg-gradient-to-t from-bgBase-500/80 via-bgBase-500/0 to-bgBase-300/30 border-t border-divider backdrop-blur-sm overflow-hidden",children:(0,t.jsxs)("form",{className:"GameForm",onSubmit:X(ed),children:[(0,t.jsx)(k.Z,{onSubmit:eg,conversation:s,isPending:V,showFallback:!1,className:"md:-mt-2 w-full"}),(0,t.jsx)("div",{className:"GameForm__formWrapper",children:(0,t.jsxs)("div",{className:"GameForm__inputWrapper",onClick:eu,children:[(0,t.jsx)(_,{message:ea}),(0,t.jsx)(u.Qr,{name:"message",control:$,render:e=>{let{field:s}=e;return(0,t.jsx)(l.default.TextArea,{placeholder:a("chat.gameForm.placeholder"),autoSize:{minRows:1,maxRows:3},rows:1,classNames:{textarea:"GameForm__textarea"},variant:"borderless",onKeyDown:ec,maxLength:1e3,...s})}}),(0,t.jsxs)("div",{className:"flex items-end justify-between gap-2 p-3 pt-0",children:[(0,t.jsx)("div",{className:"flex items-center gap-1.5",children:(0,t.jsx)(L.Z,{features:n.m7.IMAGE_GENERATOR,children:(0,t.jsx)(I,{conversation:s})})}),(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(D.Z,{isGroupChat:!0}),(0,t.jsx)(o.ZP,{htmlType:"submit",type:"primary",icon:(0,t.jsx)(g.default,{className:"!text-2xl -translate-x-px translate-y-px"}),size:"middle",className:"ChatForm__button",shape:"circle",onClick:em})]})]})]})})]})}),(0,t.jsx)(A,{isOpen:J,onClose:()=>F(!0)})]})},K=a(27648),O=a(16165),U=a(56823),V=a(2801),Q=a(2046),q=e=>{let{conversation:s}=e,a=s.agents,i=(0,r.useMemo)(()=>(0,Q.$)(s),[s]),n=(0,r.useMemo)(()=>{var e;return null!==(e=null==a?void 0:a.map(e=>{var s,a;return null!==(a=null===(s=(0,V.S)(e))||void 0===s?void 0:s.location)&&void 0!==a?a:""}))&&void 0!==e?e:[]},[a]),l=(0,r.useMemo)(()=>{var e;return null!==(e=null==a?void 0:a.map(e=>e.name))&&void 0!==e?e:[]},[a]);return(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(U.Z,{srcs:n,alts:l,sizes:"48px",avatarClassName:"border-2 border-bgBase-400 !-ml-5 first:!ml-0 !w-[40p

1x] sm:!w-[48px]"}),(0,t.jsx)("h1",{className:"text-base font-medium break-word leading-tight line-clamp-2",children:i})]})},J=a(46880),$=e=>{let{conversation:s}=e;return(0,t.jsxs)("div",{className:"h-[61px] sm:h-[72px] grid grid-flow-col items-center gap-6 justify-between px-4 sm:px-6 bg-bgBase-400 border-b border-b-divider",children:[(0,t.jsxs)("div",{className:"grid grid-flow-col items-center gap-2",children:[(0,t.jsx)(K.default,{href:p.J2,className:"xl:!hidden",children:(0,t.jsx)(o.ZP,{type:"text",shape:"circle",icon:(0,t.jsx)(J.default,{className:"!text-2xl"}),size:"large"})}),(0,t.jsx)(q,{conversation:s})]}),(0,t.jsx)("div",{className:"flex gap-2 items-center",children:(0,t.jsx)(O.Z,{})})]})},X=a(83983),Y=a(95011),ee=a(38017),es=a(79893),ea=a(51588);let et=(e,s)=>{let a=(0,r.useMemo)(()=>void 0===s?[]:e.filter(e=>e.isAiMessage&&e.id>=s).map(e=>e.id),[e,s]),[t,i]=(0,r.useState)(void 0);(0,r.useEffect)(()=>{i(void 0)},[s]);let n=(0,r.useCallback)(e=>{i(s=>void 0===s||e>s?e:s)},[]),l=(0,r.useMemo)(()=>a.find(e=>void 0===t||e>t),[a,t]);return{isCurrentReveal:(0,r.useCallback)(e=>e===l,[l]),isWaitingForRevealTurn:(0,r.useCallback)(e=>void 0!==l&&e>l&&a.includes(e),[l,a]),handleRevealComplete:n}};var er=a(78287),ei=a(61470),en=a(65488),el=a(50776),eo=a(45811),ed=a(37612);let ec=(0,r.memo)(function(e){let{conversation:s}=e,a=(0,b.Z)(),i=(0,r.useRef)(null),[l,o]=(0,r.useState)(!1),{data:d}=(0,ed.s)(s.id,{placeholderData:s,enabled:a}),c=d||s,{pendingUserMessages:u,respondingWith:m,revealMessageId:g,setRevealMessageId:p}=(0,x.a)(e=>({pendingUserMessages:e.pendingUserMessages[c.id],respondingWith:e.respondingWith[c.id],revealMessageId:e.revealMessageIds[c.id],setRevealMessageId:e.setRevealMessageId}));(0,r.useEffect)(()=>()=>{p(c.id,void 0)},[c.id,p]);let{data:h,fetchNextPage:v,isLoading:f,isFetchingNextPage:j,hasNextPage:C}=(0,el.y)({conversationId:c.id,limit:10,enabled:a,initialPageParam:void 0,placeholderData:e=>a?e:{pageParams:[void 0],pages:[c.messages]}}),k=(null==h?void 0:h.pages[0].length)||0,M=(0,r.useMemo)(()=>{let e;return((null==h?void 0:h.pages.flat().reverse())||[]).filter(e=>!(e.isHiddenFromChat&&!e.isAiMessage)&&!e.isFirstMessage).map(s=>{if(s.coreMemory)return e=s.coreMemory,{...s,coreMemory:void 0};{let a={...s,coreMemory:e};return e=void 0,a}})},[null==h?void 0:h.pages]),w=(0,r.useCallback)(()=>{i.current&&i.current.scrollTo({top:0,behavior:"smooth"})},[]),y=(0,r.useMemo)(()=>M.filter(e=>{var s;return(null===(s=e.files)||void 0===s?void 0:s.length)&&e.files.find(e=>[n.Wz.IMAGE,n.Wz.VIDEO].includes(e.type)&&e.status===n.ZI.DONE)}).map(e=>{var s;return null===(s=e.files)||void 0===s?void 0:s.find(e=>[n.Wz.IMAGE,n.Wz.VIDEO].includes(e.type))}).filter(Boolean).reduce((e,s)=>{let a=(0,eo.n)(s);return e.push(s),s.id!==a.id&&e.push(a),e},[]).map(e=>{var s;return null!==(s=null==e?void 0:e.location)&&void 0!==s?s:""}),[M]),{isCurrentReveal:N,isWaitingForRevealTurn:I,handleRevealComplete:L}=et(M,g);return(0,r.useEffect)(()=>{let e=i.current;e&&o(e.scrollHeight>e.clientHeight)},[M,m,u]),(0,Y.Z)(()=>{w()},110,[k,w,m,u]),(0,t.jsxs)("div",{className:"h-full w-full relative overflow-hidden",children:[j&&(0,t.jsx)(ee.Z,{}),(0,t.jsxs)("div",{ref:i,id:"MessagesContainerId",className:"flex p-4 sm:p-6 !pt-0 overflow-y-auto overflow-x-hidden ".concat(f?"h-auto":"h-full"," ").concat(l?"flex-col-reverse":"flex-col"),children:[f&&(0,t.jsx)(er.Z,{}),(0,t.jsx)(en.C,{items:y,children:(0,t.jsxs)(X.Z,{dataLength:M.length,next:v,hasMore:!!C,inverse:!0,loader:null,scrollableTarget:"MessagesContainerId",scrollThreshold:300,className:"flex-col-reverse pt-4 sm:pt-6 !overflow-visible",children:[M.map(e=>{var s;let a=null==c?void 0:null===(s=c.agents)||void 0===s?void 0:s.find(s=>s.id===e.agentId);return I(e.id)?null:(0,t.jsx)(es.Z,{message:e,character:a,coreMemory:e.coreMemory,showFeedback:!1,showAvatar:!0,isGroupChatMessage:!0,shouldStageReveal:N(e.id),onRevealComplete:N(e.id)?()=>L(e.id):void 0},e.id)}),u&&(0,t.jsx)(ea.Z,{pendingUserMessages:u}),m&&(0,t.jsx)(ei.Z,{})]})})]})]})});var eu=e=>{let{conversation:s}=e;return(0,t.jsxs)("div",{className:"grid grid-rows-[auto_1fr_auto] h-full bg-repeat bg-[url('/assets/images/chat-background.png')]",children:[(0,t.jsx)($,{conversation:s}),(0,t.jsx)(ec,{conversation:s}),(0,t.jsx)(H,{conversation:s})]})}},39778:function(e,s,a){"use strict";a.r(s);var t=a(57437),r=a(81001);let i=()=>(0,t.jsxs)("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.64479 12.9348L8.77737 13.7451C10.3802 14.3542 11.6458 15.6198 12.2549 17.2226L13.0652 19.3552C13.2127 19.7434 13.5847 20 14 20C14.4152 20 14.7873 19.7434 14.9348 19.3552L15.7451 17.2226C16.3542 15.6198 17.6198 14.3542 19.2226 13.7451L21.3552 12.9348C21.7434 12.7873 22 12.4152 22 12C22 11.5847 21.7434 11.2127 21.3552 11.0652L19.2226 10.2549C17.6198 9.64582 16.3542 8.38016 15.7451 6.77736L14.9348 4.64479C14.7873 4.25662 14.4152 4 14 4C13.5847 4 13.2127 4.25662 13.0652 4.64479L12.2549 6.77736C11.6458 8.38016 10.3802 9.64582 8.77737 10.2549L6.64479 11.0652C6.25662 11.2127 6 11.5847 6 12C6 12.4152 6.25662 12.7873 6.64479 12.9348Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,t.jsx)("path",{d:"M6 21V17",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,t.jsx)("path",{d:"M4 19H8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,t.jsx)("path",{d:"M5 7V3",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,t.jsx)("path",{d:"M3 5H7",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]});s.default=e=>(0,t.jsx)(r.Z,{...e,svg:i})},98228:function(){}}]);