https://www.t-online.de/s/paper/_next/static/chunks/9744.48e27e7d1334f233.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9744],{26866:(e,t,r)=>{r.r(t),r.d(t,{ArticleExtenderWidget:()=>eh});var s=r(6029),a=r(55729),i=r(36228),n=r(72265),l=r(30810),d=r(74109),o=r(95846),c=r(44787);let u=r.p+"static/media/loader-light-mode.01d5744b.svg",x=r.p+"static/media/loader-dark-mode.3fd3dbe2.svg";var h=r(41397);let p=({variant:e})=>(0,s.jsx)("div",{className:"flex w-full justify-center",children:(0,s.jsxs)("div",{className:"flex items-center rounded-24 border border-solid border-botticelli bg-alpine px-8 py-4 text-14 leading-0 text-trout",children:[(0,s.jsx)("div",{className:"pr-8",children:(0,s.jsx)(h.I,{className:"animate-spin-video",url:u,darkModeUrl:x,width:16,height:16,altText:"Laden Symbol"})}),(0,s.jsx)("p",{children:"questions"===e?"Weitere Fragen werden generiert.":"Passende Inhalte werden gesucht."})]})});var m=r(50212),v=r(92703),g=r(32155),f=r(48138),b=r(78149),j=r(75203),k=r(59620),w=r(61957),S=r(98637),N=r(30684),y=r(86533),E=r(56098),I=r(39804),A=r(57511),_=r(27115),q=r(34567),T=r(75959),$=r(547),C=r(18082),F=r(39637);let L=$.M.image.preset.fullyFixed({width:448}),M=({teaser:e})=>{let t=(0,C.o)();return(0,s.jsxs)(T.f,{className:"relative size-full rounded-24 rounded-tl-8 bg-alpine shadow-card-light","data-tb-region-item":"","data-external-tacho-id":t?e.id:void 0,"data-external-tacho-type":t?F.V8:void 0,"data-sctrack":"ArticleExtender.RelatedTeaser",children:[(0,s.jsx)(T.f.StretchedLink,{teaser:e,children:e.element?(0,s.jsx)("div",{className:"relative w-full",children:(0,s.jsx)(T.f.Element,{element:e.element,profile:L,borderType:"ae"})}):null}),(0,s.jsx)("h3",{className:"p-12 pb-24 text-18 leading-12 font-bold break-words text-salemsfur",children:(0,s.jsx)(T.f.StretchedLink,{"data-tb-link":"true",teaser:e,children:e.headline})})]})};var z=r(44200);let R=({articleId:e,index:t})=>{let{data:r}=(0,f.s)(`${z.A9}${e}`);return r?(0,s.jsx)(M,{teaser:{...r,path:{...r.path,target:"_blank"},trackingPosition:`${t+1}`.padStart(2,"0")}}):null}

1,O=({sourceIds:e})=>{let t=(0,a.useRef)(null),r=(0,a.useRef)(null),[i,n]=(0,a.useState)(!1),[l,d]=(0,a.useState)(!0),o=()=>{if(!t.current)return;let e=t.current;n(e.scrollLeft>0),d(e.scrollLeft+e.clientWidth<e.scrollWidth-1)};(0,a.useEffect)(()=>{if(!r.current)return;let e=new ResizeObserver(o);return e.observe(r.current),()=>e.disconnect()},[]);let c=(0,q.s)(o,q.g),u=e=>{t.current&&t.current.scrollBy({left:"prev"===e?-t.current.clientWidth:t.current.clientWidth,behavior:"smooth"})};return(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("div",{className:"-my-12 hide-scrollbar overflow-x-scroll py-16",ref:t,onScroll:c,"data-testid":"ArticleExtenderRelatedSlider.Scroll",children:(0,s.jsx)("div",{className:"flex gap-12 pl-16",ref:r,children:e.map((e,t)=>(0,s.jsx)("div",{className:"w-[224px] shrink-0 last:w-[240px] last:pr-16",children:(0,s.jsx)(R,{articleId:e,index:t})},e))})}),(0,s.jsxs)(_.$n,{className:(0,m.A)("group absolute top-1/2 left-0 z-(--z-ae-related-slider-navigation) -translate-y-1/2","flex size-48 shrink-0 items-center justify-center","rounded-r-8 bg-alpine","hover:!cursor-pointer","max-md:hidden","shadow-card-strong","disabled:cursor-default disabled:opacity-0"),disabled:!i,onClick:()=>u("prev"),"data-testid":"ArticleExtenderRelatedSlider.PrevButton","data-sctrack":"ArticleExtenderRelatedSlider.PrevButton",children:[(0,s.jsx)(h.I,{url:k,darkModeUrl:w,className:"hidden group-hover:block",altText:"Vorherige",height:"48"}),(0,s.jsx)(h.I,{url:S,darkModeUrl:N,className:"group-hover:hidden",altText:"Vorherige",height:"48"})]}),(0,s.jsxs)(_.$n,{className:(0,m.A)("group absolute top-1/2 right-0 z-(--z-ae-related-slider-navigation) -translate-y-1/2","flex size-48 shrink-0 items-center justify-center","rounded-l-8 bg-alpine","hover:!cursor-pointer","max-md:hidden","shadow-card-strong","disabled:cursor-default disabled:opacity-0"),disabled:!l,onClick:()=>u("next"),"data-testid":"ArticleExtenderRelatedSlider.NextButton","data-sctrack":"ArticleExtenderRelatedSlider.NextButton",children:[(0,s.jsx)(h.I,{url:y,darkModeUrl:E,className:"hidden group-hover:block",altText:"N\xe4chste",height:"48"}),(0,s.jsx)(h.I,{url:I,darkModeUrl:A,className:"group-hover:hidden",altText:"N\xe4chste",height:"48"})]})]})};var U=r(24055);let Q=r.p+"static/media/ArticleExtenderLikeHoverIcon.f08ffaeb.svg",W=r.p+"static/media/ArticleExtenderDislikeHoverIcon.cd06f671.svg",D=r.p+"static/media/ArticleExtenderLikeIcon.62de8c51.svg",P=r.p+"static/media/ArticleExtenderDislikeIcon.f293cd1c.svg";var B=r(88285);let G=["Zu kompliziert","Zu allgemein","Falscher Bezug","Wenig Relevanz","Information veraltet","Sonstiges"],V=({traceId:e,question:t})=>{let[r,i]=(0,a.useState)(!1),[l,d]=(0,a.useState)(!1),[o,c]=(0,a.useState)(!1),[u]=(e=>{let[t,r]=(0,a.useState)(void 0),[s,i]=(0,a.useState)(0),n=(0,B.L)(),{reFetch:l,error:d}=(0,f.s)(t?z.R0:null,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${z.Vw}`},body:JSON.stringify(t)});if(d){let e=d instanceof Error?d.message:"Unknown error";n("article_extender",`Error while sending feedback to langfuse: ${e}`)}return(0,a.useEffect)(()=>{t&&s>1&&l()},[t,s,l]),[(t,a)=>{let n=`${e}-${t}-${a?.replace(/ /g,"_")??"feedback"}`;r({batch:[{id:n,type:"score-create",timestamp:new Date().toISOString(),body:{id:n,traceId:e,value:t,comment:a,name:"user_feedback",environment:"production"}}]}),i(s+1)}]})(e),x=(0,n.F)(),p=e=>{u(0,e),i(!1),m(),x({eventCategory:"article-extender-dialogseite",eventAction:"click",eventLabel:`nein_${e}`,articleExtenderQuestion:t})},m=()=>{d(!0),setInterval(()=>{c(!0)},6e3)};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("p",{className:"pt-12 text-18 font-bold text-salemsfur",children:"War dieser Inhalt hilfreich?"}),(0,s.jsxs)("div",{className:"flex gap-8 pt-12",children:[(0,s.jsx)(H,{disabled:l||r,variant:"positive",onClick:()=>{u(1),m(),x({eventCategory:"article-extender-dialogseite",eventAction:"click",eventLabel:"ja",articleExtenderQuestion:t})}}),(0,s.jsx)(H,{disabled:l||r,variant:"negative",onClick:()=>{u(0),i(!0),x({eventCategory:"article-extender-dialogseite",eventAction:"click",eventLabel:"nein",articleExtenderQuestion:t})}})]}),l&&!o?(0,s.jsx)("div",{className:"flex items-center justify-center pt-24",children:(0,s.jsx)("div",{className:"w-fit roun

1ded-8 border border-solid border-manatee p-12 text-18 text-salemsfur",children:(0,s.jsx)("p",{children:"Vielen Dank f\xfcr Ihr Feedback!"})})}):r?(0,s.jsx)("div",{className:"flex items-center justify-center pt-24",children:(0,s.jsxs)("div",{className:"w-full rounded-8 border border-solid border-manatee p-12 text-18",children:[(0,s.jsxs)("div",{className:"flex w-full flex-row justify-around pb-12",children:[(0,s.jsx)("p",{className:"w-full self-center font-bold","data-testid":"MoreFeedbackOptions",children:"Erz\xe4hlen Sie uns mehr:"}),(0,s.jsx)(_.$n,{onClick:()=>p(void 0),children:(0,s.jsx)(h.I,{url:U,altText:"Close Icon",width:22})})]}),(0,s.jsx)("div",{className:"flex flex-wrap gap-12",children:G.map(e=>(0,s.jsx)(_.$n,{className:"w-fit rounded-24 border border-solid border-manatee px-12 py-8 text-salemsfur hover:border-salemsfur hover:text-salemsfur",onClick:()=>p(e),children:e},e))})]})}):null]})},H=({variant:e,...t})=>{let[r,i]=(0,a.useState)(!1);return(0,s.jsxs)(_.$n,{onClick:e=>{t.disabled||(t.onClick?.(e),i(!0))},className:"group flex items-center rounded-[80px] border border-solid border-manatee px-12 py-8",children:[(0,s.jsxs)("div",{className:"pr-4",children:[(0,s.jsx)(h.I,{url:"positive"===e?Q:W,altText:`Symbol f\xfcr ${"positive"===e?"positives":"negatives"} Feedback"`,width:16,className:r?"block":"hidden group-hover:block"}),(0,s.jsx)(h.I,{url:"positive"===e?D:P,altText:`Symbol f\xfcr ${"positive"===e?"positives":"negatives"} Feedback"`,width:16,className:r?"hidden":"block group-hover:hidden"})]}),(0,s.jsx)("span",{className:"group-hover:text-salemsfur",children:"positive"===e?"Ja":"Nein"})]})};var Z=r(34787),J=r(69930);function X(e){e instanceof Error?console.error("\uD83D\uDCCB Markdown Error: "+e.message):console.error("\uD83D\uDCCB Markdown Error: ",e)}let Y={1:"text-36",2:"text-24",3:"text-20",4:"text-18",5:"text-16",6:"text-14"},K={heading(e){let t;try{t=this.parser.parseInline(e.tokens)}catch(r){t=e.raw,X(r)}return`<h${e.depth} class="${Y[e.depth]} font-bold">${t}</h${e.depth}>`},list(e){let t;try{t=e.items.map(e=>this.parser.renderer.listitem(e)).join("")}catch(r){t=e.raw,X(r)}return e.ordered?`<ol class="list-decimal list-outside pl-32">${t}</ol>`:`<ul class="list-disc list-outside pl-32">${t}</ul>`},listitem(e){let t;try{t=e.tokens.map(e=>"object"==typeof e&&null!==e&&"list"===e.type?this.parser.renderer.list(e):e).map(e=>"object"==typeof e&&e&&"tokens"in e&&e.tokens?this.parser.parseInline(e.tokens):e).join("")}catch(r){t=e.raw,X(r)}return`<li class="list-item">${t}</li>`},em(e){let t;try{t=this.parser.parseInline(e.tokens)}catch(r){t=e.raw,X(r)}return`<em class="italic">${t}</em>`},strong(e){let t;try{t=this.parser.parseInline(e.tokens)}catch(r){t=e.raw,X(r)}return`<strong class="font-bold">${t}</strong>`},link:({href:e,title:t,text:r})=>`<a href="${e}"  title="${t}" target="_blank" class="text-magenta hover:underline">${r}</a>`},ee=({articleId:e,index:t})=>{let{data:r}=(0,f.s)(`${z.A9}${e}`);return r?(0,s.jsxs)(v.N,{className:"group grid w-auto grid-flow-col justify-start gap-8 p-8",href:r.path.href,target:"_blank",tracking:void 0,children:[(0,s.jsx)("div",{className:"flex self-center",children:(0,s.jsx)("div",{className:"border-white inline-flex h-16 w-16 items-center justify-center rounded-full border-2 bg-whitelilac text-10",children:t+1})}),(0,s.jsx)("div",{className:"group-hover:underline",children:r.headline})]}):null},et=({sourceIds:e})=>(0,s.jsx)(s.Fragment,{children:e.map((t,r)=>(0,s.jsxs)(a.Fragment,{children:[(0,s.jsx)(ee,{articleId:t,index:r}),r!==e.length-1&&(0,s.jsx)(g.N,{})]},t))}),er=({response:e,variant:t="test-variant3",question:r})=>{let{answer:a,source_ids:i}=e,n=(e=>{Z.xI.use({renderer:K});try{let t=Z.xI.parse(e,{async:!1});return J.A.sanitize(t)}catch(t){return X(t),J.A.sanitize(e)}})(a);return(0,s.jsx)(o.Zh,{messageType:"received",className:"pb-24",children:(0,s.jsx)("div",{className:(0,m.A)("leading-17","text-salemsfur","max-md:max-w-[87vw] md:max-w-[530px] md:min-w-full","rounded rounded-[20px] rounded-tl-8 bg-snow py-16","shadow-card-strong"),children:(0,s.jsxs)("div",{className:(0,m.A)("test-variant1"===t&&"md:grid md:grid-cols-[2fr_1.2fr] md:gap-8"),children:[(0,s.jsxs)("div",{className:"px-16",children:[(0,s.jsx)("p",{className:"text-18",dangerouslySetInnerHTML:{__html:n}}),e.traceId?(0,s.jsx)(V,{traceId:e.traceId,question:r}):null]}),(0,s.jsxs)(b.q.Provider,{value:{stageTrackingName:"article-extender-dialogseite_linkout-artikel",stageIndex:void 0,curation:void 0},children:[(0,s.jsxs)("p",{className:"px-16 pt-24 pb-8 text-22 font-bold text-salemsfur",children:[(0,s.jsx)("span",{className:"pr-4",children:"Mehr dazu erfahren"}),(0,s.jsx)(j.v,{size:"medium"})]}),("test-variant1"===t||"test-variant2"===t)&&(0,s.jsx)("div",{className:"px-12",children:(0,s.jsx)(et,{sourceIds:i})}),"test-variant3"===t&&(0,s.jsx)(O,{sourceIds:i})]})]})})})},es=(e,t)=>{switch(t.type){case"SET_QUESTION_MESSAGE":return{...e,question:t.question,loading:!0};case"SET_ANSWER_MESSAGE":if(t.answer?.source_ids.length===0){let{answer:r}=t.answer;return{...e,error:r,loading:!1}}return{...e,answer:t.answer,loading:!1,traceId:t.traceId};case"SET_FAIL_MESSAGE":return{...e,error:"Wir haben leider keine passenden Art

1ikel gefunden, um die Frage zu beantworten.",loading:!1};case"CANCEL_QUESTION":return{...e,answer:void 0,loading:!1};default:return e}},ea={question:void 0,answer:void 0,error:void 0,loading:!1,traceId:void 0},ei=Math.random().toString(36).substring(2),en=()=>()=>{},el=()=>window.location.search,ed=()=>"",eo={questions:[]},ec=e=>e&&0!==e.length?{questions:e.map(e=>({...e,loading:!1}))}:eo,eu=(e,t)=>{switch(t.type){case"ADD_QUESTION":if(e.questions.find(e=>!0===e.loading))return{questions:[...e.questions]};return{questions:[...e.questions,{text:t.text,source:t.source,loading:!0}]};case"FINISH_QUESTION":return{questions:e.questions.map(e=>e.text===t.text?{...e,loading:!1}:e)};default:return e}},ex=()=>(0,s.jsx)("iframe",{title:"WAF Challenge",src:"https://chatboy.ae.tech.t-online.de/challenge",className:"hidden","data-testid":"ArticleExtender.WAFChallengeIFrame"}),eh=({widget:e,variant:t="stream"})=>{let{initialQuestions:r,state:u,articleId:x,reference:h}=e,{NO_CONSENT:p}=(0,i.S)(),[m,v]=(()=>{let[e,t]=(0,a.useReducer)(eu,void 0,ec);return[e,t]})(),g=(0,n.F)(),{ref:f}=(0,l.C)({event:{eventAction:"view",eventCategory:"navigate"===u?"article-extender-widget":"article-extender-dialogseite",eventLabel:""},options:{}});(({questions:e,state:t,questionDispatch:r})=>{let s,n,{NO_CONSENT:l}=(0,i.S)(),{text:d,source:o}=(s=(0,a.useSyncExternalStore)(en,el,ed),{text:(n=(0,a.useMemo)(()=>new URLSearchParams(s),[s])).get("q"),source:"initial_questions"===n.get("qs")?"initial_questions":"user"}),c=e.length;(0,a.useEffect)(()=>{"chat"===t&&0===c&&d&&!l&&r({type:"ADD_QUESTION",text:d,source:o})},[l,t,d,o,r,c])})({questions:m.questions,state:u,questionDispatch:v});let b=(0,a.useSyncExternalStore)(()=>()=>void 0,()=>!0,()=>!1)&&"chat"===u&&0===m.questions.length,j="chat"===u&&!p;return(0,s.jsxs)("div",{ref:f,"data-testid":"ArticleExtender",children:[j?(0,s.jsx)(ex,{}):null,(0,s.jsx)(o.eu,{state:u,children:(0,s.jsxs)(o.XL,{title:"t-online-Assistent",widget:e,variant:t,emptyQuestionsState:b,questionDispatch:v,children:["navigate"===u&&r?(0,s.jsx)(o.Zh,{messageType:"sent",className:"gap-8",autoscroll:"navigate"!==u,variant:t,children:r?.map(e=>(0,s.jsx)(c.E,{variant:t,destination:`${h.href}?qs=initial_questions&q=${encodeURI(e)}`,onClick:()=>{g({eventAction:"click",eventCategory:"article-extender-widget",eventLabel:"set1",articleExtenderQuestion:e})},children:e},e))}):null,m.questions.map((e,t)=>(0,s.jsx)(ep,{question:e,articleId:x,questionDispatch:v},t)),b?(0,s.jsx)(o.Vu,{questions:r,questionDispatch:v,emptyQuestionState:!0}):null]})}),"companion"===t?(0,s.jsx)("div",{className:"pt-12",children:(0,s.jsx)(d.Y,{href:h.href,alignment:"right",tracking:void 0,children:"Zum t-online-Assistenten"})}):null]})},ep=({questionDispatch:e,question:t,articleId:r})=>{let[i]=(({articleId:e,question:t,questionDispatch:r})=>{let s={question:t.text,article_id:e,question_source:"user"===t.source?2:1,accept:1},{data:i,error:n,response:l}=(0,f.s)(t?z.ds:void 0,{method:"POST",credentials:"include",body:JSON.stringify(s),headers:{"Content-Type":"application/json","x-langfuse-session-id":ei}}),d=l?.headers,o=d?.get("x-langfuse-trace-id")||void 0,c=(e=>void 0===e?{state:"undefined",data:void 0}:null!==e&&"object"==typeof e&&void 0!==e.answer&&Array.isArray(e.further_questions)&&Array.isArray(e.source_ids)?{state:"valid",data:e}:{state:"invalid",data:void 0})(i),u=(0,a.useRef)(void 0),[x,h]=(()=>{let[e,t]=(0,a.useReducer)(es,ea);return[e,t]})();return(0,a.useEffect)(()=>{"undefined"===c.state&&void 0===n&&h({type:"SET_QUESTION_MESSAGE",question:{text:t.text,source:t.source}}),n&&(h({type:"SET_FAIL_MESSAGE"}),r({type:"FINISH_QUESTION",text:t.text,source:t.source})),"invalid"===c.state?h({type:"SET_FAIL_MESSAGE"}):"valid"===c.state&&u.current?.answer!==c.data.answer&&(u.current={...c.data,traceId:o},h({type:"SET_ANSWER_MESSAGE",answer:u.current}),r({type:"FINISH_QUESTION",text:t.text,source:t.source}))},[t.text,t.source,n,c.state,h,r,o]),[x]})({question:t,articleId:r,questionDispatch:e});return(0,s.jsxs)(s.Fragment,{children:[i.question?(0,s.jsx)(o.uO,{messageType:"sent",message:i.question.text}):null,i.error?(0,s.jsx)(o.uO,{messageType:"received",message:i.error}):null,i.loading?(0,s.jsx)(p,{variant:"answers"}):null,i.answer?(0,s.jsx)(er,{response:i.answer,question:i.question?.text}):null,i.answer?.further_questions?(0,s.jsx)(o.Vu,{questions:i.answer.further_questions,questionDispatch:e}):null]})}},30684:(e,t,r)=>{e.exports=r.p+"static/media/arrow-button-left-desktop-dark.9cdf9469.svg"},39804:(e,t,r)=>{e.exports=r.p+"static/media/arrow-button-right-desktop.040a9bf7.svg"},56098:(e,t,r)=>{e.exports=r.p+"static/media/arrow-button-right-desktop-dark-hover.b31fbf31.svg"},57511:(e,t,r)=>{e.exports=r.p+"static/media/arrow-button-right-desktop-dark.471b8dca.svg"},59620:(e,t,r)=>{e.exports=r.p+"static/media/arrow-button-left-desktop-hover.064fff3e.svg"},61957:(e,t,r)=>{e.exports=r.p+"static/media/arrow-button-left-desktop-dark-hover.4b279954.svg"},86533:(e,t,r)=>{e.exports=r.p+"static/media/arrow-button-right-desktop-hover.baf22ecf.svg"},98637:(e,t,r)=>{e.exports=r.p+"static/media/arrow-button-left-desktop.903d94d0.svg"}}]);