https://www.sky.de/_next/static/chunks/5181.9efaf85d801705d5.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5181],{79943:(e,t,i)=>{i.r(t),i.d(t,{default:()=>D});var a=i(95155),o=i(37206),r=i(84608),n=i(53903),l=i(7190),s=i(99003),c=i(12115),d=i(70783),u=i(21167),p=i(866),f=i(21817),m=i(85297),b=i(20688),g=i(9432),h=i(21526),y=i(69540),v=i(20056),x=i(81074),k=i(64479),$=i(74170),C=i(96103);let{usePostArticleFeedbackMutation:S,usePostEmSearchFeedbackMutation:w}=$.x.enhanceEndpoints({addTagTypes:["feedback"]}).injectEndpoints({endpoints:e=>({postArticleFeedback:e.mutation({query:({articleId:e,...t})=>({url:`${C.EO}/${e}/feedback`,method:"POST",body:t}),extraOptions:{errorConfig:{skipNotification:!0,skipErrorTracking:!1}}}),postEmSearchFeedback:e.mutation({query:({feedbackType:e,data:t,...i})=>({url:C.FZ,method:"POST",body:{feedbackType:e,...i,data:"general"===e?{searchTerm:"",requestId:"",faqs:[]}:t}}),extraOptions:{errorConfig:{skipNotification:!0,skipErrorTracking:!1}}})}),overrideExisting:!1}),j=[{value:1,icon:"smileyVerySadSolid",ratingColor:(0,d.y)("negative"),isPositive:!1,label:v.op.veryDissatisfied},{value:2,icon:"smileySadSolid",ratingColor:(0,d.y)("attention.dark"),isPositive:!1,label:v.op.dissatisfied},{value:3,icon:"smileyNeutralSolid",ratingColor:(0,d.y)("attention"),isPositive:!1,label:v.op.neutral},{value:4,icon:"smileyHappySolid",ratingColor:"#1AAB31",isPositive:!0,label:v.op.positive},{value:5,icon:"smileyVeryHappySolid",ratingColor:(0,d.y)("positive"),isPositive:!0,label:v.op.veryPositive}];var T=i(3929);let E=(0,o.default)(()=>Promise.all([i.e(3128),i.e(2336),i.e(9021),i.e(9609)]).then(i.bind(i,9021)),{loadableGenerated:{webpack:()=>[9021]}}),P=(0,o.default)(()=>i.e(6201).then(i.bind(i,16201)),{loadableGenerated:{webpack:()=>[16201]}}),A=(0,o.default)(()=>i.e(7380).then(i.bind(i,27380)),{loadableGenerated:{webpack:()=>[27380]}}),_=(0,o.default)(()=>Promise.resolve().then(i.bind(i,18593)),{loadableGenerated:{webpack:()=>[18593]}}),D=e=>{let{isFormSuccess:t,shouldShowPositiveFeedbackSpinner:i,isPositiveFeedback:o,isError:d,feedbackOptions:$,formProps:C,shouldShowForm:D,feedbackContactOptions:I,extractedFeedback:M,parsedLabels:O}=(({articleId:e,articleVersion:t,feedback:i,onAutoClose:a,flow:o})=>{let r=!!i&&!Array.isArray(i),n=(r?i.content??[]:i??[])[0],l=n?.type==="default",d=!!(o&&!e),$=(0,h.QJ)(n?.labels),C=(0,c.useRef)(void 0),[T,E]=(0,c.useState)(void 0),[P,A]=(0,c.useState)(!1),[_,{isLoading:D,isSuccess:I,isError:M}]=S(),[O,{isLoading:q,isSuccess:N,isError:V}]=w(),W=(0,x.t)(),F=window.innerWidth>(0,u.C)("xl",!1)?"Desktop":"Mobile",G=D||q,H=I||N,Q=M||V,B=!D&&t,L=q&&T,U=n?.form?.[0],R=U?.fields,z=R?.[0]?.name,{handleSubmit:J,control:K,getValues:Z,formState:{isValid:X},setValue:Y}=(0,s.mN)({mode:"all",criteriaMode:"all",defaultValues:(0,m.w)(R)}),ee=(0,c.useCallback)(async(i,a)=>

1{if(d){try{await O({feedbackType:"general",loggedIn:W,flow:o,deviceType:F,...void 0!==C.current&&{rating:C.current},positive:i,...a&&{feedback:(0,p.aj)(a)}}).unwrap()}catch(e){}return}if(B)try{let o={articleId:e||"",version:t,thumbsup:i,...a&&{feedback:(0,p.aj)(a)}};await _({...o}).unwrap(),(0,g.S4)({event:y.tR})}catch(e){}},[e,t,B,_,O,d,W,o,F]),et=(0,c.useCallback)(e=>{G||(E(e),e?ee(e):A(!0))},[G,ee]),ei=(0,c.useMemo)(()=>l?[{label:n?.thumb?.plus?.label,icon:"linearThumbsUp",isPositive:!0,isSelected:T},{label:n?.thumb?.minus?.label,icon:"linearThumbsDown",isPositive:!1,isSelected:!1===T}].map(({label:e,icon:t,isPositive:i,isSelected:a})=>({modifier:"light",title:e,cardTitleIcon:{src:(0,f.DU)(t)},isSelected:a,onClick:()=>{et(i),(0,b.NW)({trackingEvent:y.H5,helpfulArticle:i?"yes":"no"})}})):j.map(({value:e,isPositive:t,icon:i,ratingColor:a,label:o})=>({title:"",modifier:"light",ariaLabel:o,cardTitleIcon:{src:(0,f.DU)(i),...a&&{color:a}},onClick:()=>{C.current=e,et(t)}})),[et,l,n,T]),ea={form:U,submitButtonStateModifier:G?"loading":void 0,control:K,onSubmit:J(e=>{ee(!!T,z&&e?.[z]?.trim())},()=>{let e=Z();!X&&z&&Y(z,e[z],{shouldDirty:!0,shouldTouch:!0,shouldValidate:!0})}),getValues:Z,inlineMessages:{inlineMessagesKeys:Q?U?.inline_messages?.map(e=>e.key):void 0},styleProps:{formContainer:{$gridColumn:l?{xs:"1/5",md:"2/8",xl:"3/11"}:{xs:"1/5",md:"1/9",xl:"1/13"}}}};return(0,c.useEffect)(()=>{l&&E(void 0),C.current=void 0},[l,e,t]),(0,c.useEffect)(()=>{if(H){if(r&&i.frequency&&o){let e=`${v.Cb}-${o}-${i.frequency}`;(0,k.TV)(e,"true",i.until??void 0)}!0===T&&a?.()}},[H,T,r,i,o,a]),{isFormSuccess:H,shouldShowPositiveFeedbackSpinner:L,isPositiveFeedback:T,isError:Q,feedbackOptions:ei,formProps:ea,shouldShowForm:P,feedbackContactOptions:(0,c.useMemo)(()=>{let e=(0,b.Vu)();return(0,b.c0)(n?.contact_options,e)},[n?.contact_options]),extractedFeedback:n,parsedLabels:$}})(e),q=O&&{text:(0,h.Q_)(O,"feedback-form-success"),$appearance:"success"},N=O&&{text:(0,h.Q_)(O,"feedback-form-error"),$appearance:"error"},{loadingChat:V,handleChatButtonClick:W}=(0,T.q)(),F=(0,b.Vu)(),G=t&&!1===o&&I.length?(0,a.jsxs)(n.s,{$flexDirection:"column",$alignItems:"center",$justifyContent:"center",$gap:{xs:4,xl:5},$flexWrap:"wrap",children:[(0,a.jsx)(r.A,{$color:"text-grey",$textAlign:"center",$fontWeight:"bold",$fontSize:"body",children:(0,h.Q_)(O,"contact-option-headline")}),!!I?.length&&(0,a.jsx)(n.s,{$justifyContent:"center",$gap:{xs:4,xl:5},$flexWrap:"wrap",$flexDirection:{xs:"column",md:"row"},children:I.map((t,i)=>(0,a.jsx)(P,{contactItem:t,loadingChat:V,handleChatButtonClick:W,chatConfig:F,onClose:e?.onClose},`${t.title}-${i}`))})]}):void 0;return M&&(0,a.jsxs)(n.s,{$gap:5,$alignItems:"center",$flexDirection:"column",children:[(0,a.jsx)(A,{feedbackForm:!o&&!t&&D&&(0,a.jsxs)(l.x,{$gap:5,$gridTemplateColumns:"repeat(1, 1fr)",$alignItems:"center",children:[M?.form?.[0]?.fields?.[0]?.name&&(0,a.jsx)(r.A,{as:"p",$color:"text-grey",$textAlign:"center",$fontWeight:"bold",children:M.form[0].fields[0].name}),(0,a.jsx)(E,{...C})]}),feedbackOptions:o||t?void 0:$,inlineMessageProps:(0,v.CH)({isPositiveFeedback:o,isFormSuccess:t,isError:d,successInlineMessageProps:q,errorInlineMessageProps:N}),title:M?.headline,variant:M.type,contactOptions:G}),i&&(0,a.jsx)(_,{})]})}}}]);