https://play.tv2.dk/_next/static/chunks/1836-8aec777908c7fe52.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1836],{34714:(e,i,n)=>{n.d(i,{g:()=>t});var a=n(82017),l=n(95477);function t(){let e={};e["Client-Platform-Compatibility-Version"]=String(5);let i=(0,l.V)(),n=(0,a.QJ)();return n&&(e["Client-Platform-Experiments"]=n),i&&(e["client-platform-duid"]=i),e}},51836:(e,i,n)=>{n.d(i,{e:()=>g,y:()=>N});var a=n(45807),l=n(96655),t=n(26841),d=n(74656),s=n(40372),r=n(86713),c=n(83662),m=n(10325);let o={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"UpsellOverlay"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"guid"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"upsellOverlay"},arguments:[{kind:"Argument",name:{kind:"Name",value:"guid"},value:{kind:"Variable",name:{kind:"Name",value:"guid"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"UpsellOverlayFragment"}}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"UpsellOverlayFragment"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"UpsellOverlay"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"__typename"}},{kind:"Field",name:{kind:"Name",value:"buttons"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"UpsellOverlayButtonFragment"}}]}},{kind:"Field",name:{kind:"Name",value:"description"}},{kind:"Field",name:{kind:"Name",value:"overlayTracking"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"ID"}},{kind:"Field",name:{kind:"Name",value:"channel"}},{kind:"Field",name:{kind:"Name",value:"headline"}},{kind:"Field",name:{kind:"Name",value:"overlay"}},{kind:"Field",name:{kind:"Name",value:"extra"}}]}},{kind:"Field",name:{kind:"Name",value:"extraTexts"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"extraTexts"}},{kind:"Field",name:{kind:"Name",value:"price"}}]}},{kind:"Field",name:{kind:"Name",value:"image"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"url"}}]}},{kind:"Field",name:{kind:"Name",value:"links"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"text"}},{kind:"Field",name:{kind:"Name",value:"url"}},{kind:"Field",name:{kind:"Name",value:"interactionTracking"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"details"}},{kind:"Field",name:{kind:"Name",value:"extra"}},{kind:"Field",name:{kind:"Name",value:"label"}}]}}]}},{kind:"Field",name:{kind:"Name",value:"loginLink"}},{kind:"Field",name:{kind:"Name",value:"subtitle"}},{kind:"Field",name:{kind:"Name",value:"title"}},{kind:"Field",name:{kind:"Name",value:"colorScheme"}},{kind:"Field",name:{kind:"Name",value:"loginLinkInteractionTracking"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"details"}},{kind:"Field",name:{kind:"Name",value:"extra"}},{kind:"Field",name:{kind:"Name",value:"label"}}]}},{kind:"Field",name:{kind:"Name",value:"closingInteractionTracking"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"details"}},{kind:"Field",name:{kind:"Name",value:"extra"}},{kind:"Field",name:{kind:"Name",value:"label"}}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"UpsellOverlayButtonFragment"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"LinkButton"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"color"}},{kind:"Field",name:{kind:"Name",value:"text"}},{kind:"Field",name:{kind:"Name",value:"url"}},{kind:"Field",name:{kind:"Name",value:"interactionTracking"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"details"}},{kind:"Field",name:{kind:"Name",value:"label"}},{kind:"Field",name:{kind:"Name",value:"extra"}}]}},{kind:"Field",name:{kind:"Name",value:"__typename"}}]}}]};var k=n(92999),u=n(24080),x=n(39895),v=n(34714);function N(e){let{action:i,children:n}=e,[l,t]=(0,k.useState)(!1),[d,s]=(0,k.useState)(null),[r]=(0,k.useState)(i.interactionTracking?{label:i.interactionTracking.label,details:i.interactionTracking.detailsTemp,...i.interactionTracking.extra}:void 0),m=(0,c.o)(),o=p({ready:null===d&&l,pause:null!==d&&!l,guid:i.contentId});return(0,k.useEffect)(()=>{o&&s(o)},[o]),(0,a.jsxs)(a.Fragment,{children:[l&&d&&(0,a.jsx)(h,{overlay:d,onClose:()=>{t(!1),m({data:d.closingInteractionTracking})}}),(0,a.jsx)("div",{className:"cursor-pointer",onClick:()=>{t(!0),r&&m({data:r})},children:n})]})}function g(e){let{guid:i,onClose:n}=e,[l,t]=(0,k.useState)(!0),d=(0,c.o)(),s=p({pause:!1,ready:!0,guid:i});return l&&s?(0,a.jsx)(h,{overlay:s,onClose:()=>{t(!1),d({data:s.closingInteractionTracking}),null==n||n()}}):null}function p(e){let{pause:i,ready:n,guid:a}=e,{data:l}=(0,x.N)({query:o,ready:n,pause:i,headers:(0,v.g)(),variables:{guid:a}});return l?l.upsellOverlay:null}function h(e){var i;let{overlay:n,onClose:s}=e;(0,k.useEffect)(()=>{var e;let{extra:i,ID:a,...l}=null!=(e=n.overlayTracking)?e:{};(0,u.d)({event:a,data:{...l,...i}})},[]);let r=(0,c.o)(),o=n.links||!1!==n.loginLink,x="DARK"===n.colorScheme;return(0,a.jsx)(l.A,{onClose:s,children:(0,a.jsxs)("div",{className:"bg-midnight 768:w-[648px] ".concat(x?"text-white":"text-midnight"),children:[(0,a.jsxs)("div",{className:"flex flex-col",children:[(0,a.jsx)("div",{className:"max-h-[164px] 360:max-h-[224px] 576:max-h-[274px]",children:(0,a.jsx)(m.G,{className:"max-h-[164px] 360:max-h-[224px] 576:max-h-[274px]",src:n.image.url})}),(0,a.jsxs)("div",{className:"flex flex-col px-6 ".concat(x?"bg-neutral-800":"bg-white"),children:[(0,a.jsx)("h3",{id:"dialog_label",className:"mt-6 text-heading-xl",children:n.title}),n.subtitle&&(0,a.jsx)("p",{className:"mt-2 text-heading-xs text-semantic-success-on-light",children:n.subtitle}),n.description&&(0,a.jsx)("div",{id:"dialog_description",className:"mt-5 text-body-s flex flex-col",children:(0,a.jsx)(f,{description:n.description})}),(0,a.jsx)(F,{buttons:n.buttons,extraTexts:n.extraTexts,darkMode:x}),o&&(0,a.jsxs)("div",{className:"mt-8 gap-3 flex flex-col items-center",children:[null==(i=n.links)?void 0:i.map((e,i)=>(0,a.jsx)("a",{href:e.url,onClick:()=>

1{if(e.interactionTracking){let{extra:i,...n}=e.interactionTracking;r({data:{...n,...i}})}},className:"text-static-xs text-semantic-links-on-light",children:e.text},e.text)),n.loginLink&&(0,a.jsxs)("p",{className:"text-static-xs",children:["Allerede bruger?"," ",(0,a.jsx)("a",{className:"text-semantic-links-on-light",href:"https://play.tv2.dk/api/user/login",onClick:()=>{if(n.loginLinkInteractionTracking){let{extra:e,...i}=n.loginLinkInteractionTracking;r({data:{...i,...e}})}},children:"Log Ind"})]})]}),(0,a.jsx)("div",{className:"mb-10"})]})]}),(0,a.jsx)("div",{className:"absolute top-3 right-3",children:(0,a.jsx)(t.K,{darkMode:!0,color:"on-image",size:"small","aria-label":"Luk",icon:d.f,onClick:s})})]})})}function f(e){let{description:i}=e;return 1===i.length?(0,a.jsx)("div",{children:null==i?void 0:i.map(e=>(0,a.jsx)("p",{children:(0,a.jsx)("span",{className:"",children:e})},e))}):(0,a.jsx)("ul",{children:null==i?void 0:i.map(e=>(0,a.jsx)("li",{children:(0,a.jsxs)("div",{className:"flex flex-row",children:["•",(0,a.jsx)("p",{className:"pl-2",children:(0,a.jsx)("span",{children:e})})]})},e))})}function F(e){let{buttons:i,extraTexts:n,darkMode:l}=e;return(0,a.jsx)("div",{className:"mt-10 flex flex-row gap-[46px] justify-center",children:i&&i.map((e,i)=>(0,a.jsxs)("div",{className:"flex flex-col items-center",children:[(0,a.jsx)(S,{darkMode:l,button:e}),(null==n?void 0:n[i])&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("p",{className:"mt-2 text-heading-xs",children:n[i].price})," ",(0,a.jsx)("p",{className:"text-legacy-body-xs",children:n[i].extraTexts})," "]})]},e.id))})}function S(e){let{button:i,darkMode:n}=e,l=(0,c.o)(),t=(0,r.Jd)(),d=i.interactionTracking?{label:i.interactionTracking.label,details:i.interactionTracking.details,customerStatus:t.user?"logged in":"not logged in",...t.user?{customerId:t.user.userId,traceId:t.user.adobeTraceId}:{},...i.interactionTracking.extra}:void 0;return(0,a.jsx)("div",{className:"flex flex-col w-full 576:w-fit",children:(0,a.jsx)(s.z9,{darkMode:n,color:function(e){switch(e.toLowerCase()){case"primary":case"primary_default":return"primary";case"secondary":default:return"secondary";case"primary_red":return"primary-red";case"tertiary":return"tertiary";case"primary_green":return"primary-green"}}(i.color),href:i.url,invertIcon:function(e){switch(e.toLowerCase()){case"primary":case"primary_default":return!1;default:return!0}}(i.color),onClick:d?()=>{l({data:d})}:void 0,className:"w-full 576:w-fit justify-center 576:justify-start",children:i.text})})}},74656:(e,i,n)=>{n.d(i,{f:()=>d});var a=n(45807);n(92999);var l=n(26398);let t={src:"/_next/static/media/close_basic_icon_white.59c0beab.svg",height:24,width:24,blurWidth:0,blurHeight:0};function d(e){let{className:i,width:n,height:d,alt:s}=e;return(0,a.jsx)(l.default,{width:n,height:d,className:i,src:t,alt:null!=s?s:"Luk"})}}}]);
2//# sourceMappingURL=1836-8aec777908c7fe52.js.map