https://www.nowtv.it/ice/_next/static/chunks/3419.2e6c62ff503e9880.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3419],{3419:(e,t,r)=>{r.r(t),r.d(t,{default:()=>ed});var i=r(6506),o=r(33506),n=r(84124),a=r(84586),d=r(69464),l=r(19700),c=r(34935),s=r(20394),p=r(55969),f=r(8544),g=r(33461),u=r(16071),h=r(62927),m=r(86538),x=r(77501),w=r(38906),y=r(65171);let b=(0,h.default)(y.d).withConfig({componentId:"sc-f6a5574e-0"})(["top:-8px;"]),v=h.default.div.withConfig({componentId:"sc-f6a5574e-1"})(["display:grid;grid-row:span 8;grid-template-rows:subgrid;margin-top:24px;padding:24px;border-radius:24px;width:343px;background-color:",";position:relative;&:hover{outline:0;box-shadow:0 0 0 3px ",";}&:focus-within{outline:0;box-shadow:0 0 0 3px ",";}"," ",""],({theme:e})=>e.colors.current.background.body.secondary,({theme:e})=>e.colors.current.background.brand.secondary,({theme:e})=>e.colors.current.background.brand.secondary,w.Ay.small`
2    margin-top: 24px;
3  `,w.Ay.large`
4    margin-top: 32px;
5    padding: 40px;
6    border-radius: 36px;
7    width: 400px;
8  `),I=h.default.div.withConfig({componentId:"sc-f6a5574e-2"})(["grid-row:1;"]),C=h.default.p.withConfig({componentId:"sc-f6a5574e-3"})(["",";color:",";"],(0,x.hH)("cardTitle"),({theme:e})=>e.colors.current.content.body.secondary),j=h.default.div.withConfig({componentId:"sc-f6a5574e-4"})(["grid-row:2;display:flex;flex-direction:row;margin-bottom:16px;align-items:center;"]),D=h.default.div.withConfig({componentId:"sc-f6a5574e-5"})(["justify-content:center;align-items:center;width:40px;height:40px;"]),$=(0,h.default)(m.A).withConfig({componentId:"sc-f6a5574e-6"})(["height:40px;width:40px;"]),k=h.default.h2.withConfig({componentId:"sc-f6a5574e-7"})(["",";margin:0;"," ",""],(0,x.hH)("headingM","headings"),w.Ay.small`
9    ${(0,x.hH)("headingXs","headings")};
10  `,w.Ay.medium`
11    ${(0,x.hH)("titleL","text")};
12  `),A=h.default.div.withConfig({componentId:"sc-f6a5574e-8"})(["grid-row:3;display:flex;flex-direction:column;gap:8px;",""],w.Ay.large`
13    gap: 16px;
14  `),T=h.default.div.withConfig({componentId:"sc-f6a5574e-9"})(["",";word-break:break-word;"],(0,x.hH)("bodyM","text")),H=h.default.ul.withConfig({componentId:"sc-f6a5574e-10"})(["",";list-style:none;padding-left:0;"],(0,x.hH)("bodyM","text")),P=h.default.li.withConfig({componentId:"sc-f6a5574e-11"})(["display:flex;align-items:center;word-break:break-word;&:not(:last-child){padding-bottom:8px;}"]),S=h.default.div.withConfig({componentId:"sc-f6a5574e-12"})(["width:16px;height:16px;margin-right:10px;overflow:visible;",""],w.Ay.large`
15    width: 24px;
16    height: 24px;
17    margin-right: 12px;
18  `),L=(0,h.default)(m.A).withConfig({componentId:"sc-f6a5574e-13"})(["width:16px;height:16px;",""],w.Ay.large`
19    width: 24px;
20    height: 24px;
21  `),M=h.default.div.withConfig({componentId:"sc-f6a5574e-14"})(["margin:0;> [data-testid='richtext']{flex-flow:row wrap;}a{text-decoration:underline dotted;text-underline-offset:3px;color:inherit;}"]),E=h.default.div.withConfig({componentId:"sc-f6a5574e-15"})(["display:grid;grid-row:span 2;grid-template-rows:subgrid;margin-top:24px;margin-bottom:16px;",""],w.Ay.large`
22    margin-top: 32px;
23    margin-bottom: 24px
24  `),W=h.default.div.withConfig({componentId:"sc-f6a5574e-16"})(["grid-row:1;",";color:",";"],(0,x.hH)("cardTitle"),({theme:e})=>e.colors.current.content.body.secondary),R=h.default.div.withConfig({componentId:"sc-f6a5574e-17"})(["grid-row:2;"]),V=h.default.section.withConfig({componentId:"sc-f6a5574e-18"})(["",";"],(0,x.hH)("titleS")),z=h.default.span.withConfig({componentId:"sc-f6a5574e-19"})(["color:",";text-decoration:line-through;",";padding-right:4px;"],({theme:e})=>e.colors.current.content.body.secondary,(0,x.hH)("bodyS","text")),N=h.default.span.withConfig({componentId:"sc-f6a5574e-20"})(["",";",""],(0,x.hH)("bodyXs"),w.Ay.medium`
25    ${(0,x.hH)("bodyS","text")};
26  `),F=h.default.div.withConfig({componentId:"sc-f6a5574e-21"})(["",";",""],(0,x.hH)("bodyS","text"),w.Ay.medium`
27    ${(0,x.hH)("bodyXs")};
28  `),X=h.default.div.withConfig({componentId:"sc-f6a5574e-22"})(["grid-row:6;"]),O=h.default.div.withConfig({componentId:"sc-f6a5574e-23"})(["display:grid;grid-row:span 2;grid-template-rows:subgrid;margin-top:16px;",""],w.Ay.large`
29    margin-top: 24px
30  `),_=h.default.div.withConfig({componentId:"sc-f6a5574e-24"})(["display:grid;grid-row:span 2;grid-template-rows:subgrid;"]),Q=h.default.div.withConfig({componentId:"sc-f6a5574e-25"})(["grid-row:1;",";color:",";

30"],(0,x.hH)("cardTitle"),({theme:e})=>e.colors.current.content.body.secondary),U=h.default.div.withConfig({componentId:"sc-f6a5574e-26"})(["grid-row:2;color:",";"],({theme:e})=>e.colors.current.content.body.secondary),B=({planData:e,previewSelectorPrefix:t,categorySelectedIndex:r})=>{let d=e.offerDetailDescriptionRTE&&(0,a.m)(e.offerDetailDescriptionRTE,!0),l=e.offerDetailDescriptionVariant||"custom",{productTitleIcon:s=null,productFeaturesList:f=[],maintainQueryParameters:h=!1,displayUpcomingDetails:m=!1}=e||{},{replaceLabelDictionaryItem:x}=(0,c.y)(),w=x(e.badgeTitle),y=x(e.eyebrow),B=x(e.productTitle),Y=x(e.productDescription),q=x(e.offerDetail),G=x(e.strikeThroughPrice),J=x(e.priceAria),K=x(e.offerDetailDescription),Z=x(e.primaryCTA),ee=x(e.primaryCTAHref),et=x(e.primaryCTAHrefVoucherError),er=x(e.upcomingDetailsTitle),ei=x(e.upcomingDetailsPrice),eo=x(e.upcomingDetailsSubtext),en=x(e.upcomingDetailsDescription),ea=e.primaryCtaVariant||"custom",ed=(0,u.Y)({maintainQueryParameters:h,url:ee||""}),el=(0,a.m)(e.offerPrice,!0),ec=(0,a.m)(e.offerDetailsSubtext,!0),es=(0,a.$)(e.offerPrice),ep="null"===(0,a.$)(e.offerDetailsSubtext)||null===(0,a.$)(e.offerDetailsSubtext)?"":(0,a.$)(e.offerDetailsSubtext),ef=J||(G?`The price was ${G} and is now ${es}${ep}`:`${es}${ep}`);return(0,i.jsx)(n.A,{mode:"light",children:(0,i.jsxs)(v,{"data-testid":"plan-picker-card-container",children:[w&&(0,i.jsx)(b,{"data-testid":"badge","data-preview-selector":`${t}badgeTitle`,children:w}),(0,i.jsx)(I,{children:y&&(0,i.jsx)(C,{"data-preview-selector":`${t}eyebrow`,children:y})}),(0,i.jsxs)(j,{children:[s&&(0,i.jsx)(D,{"data-testid":`product-icon-wrapper-${s}`,"data-preview-selector":`${t}productTitleIcon`,children:(0,i.jsx)($,{iconName:s,size:16})}),(0,i.jsx)(k,{"data-preview-selector":`${t}productTitle`,children:B})]}),(0,i.jsxs)(A,{children:[Y&&(0,i.jsx)(T,{"data-preview-selector":`${t}productDescription`,children:Y}),f&&f.length>0&&(0,i.jsx)(H,{"data-testid":"plan-features",children:f.map(({productFeatureIcon:e,productFeature:r},o)=>{let n=e||"checkmark-black",d=`${t}productFeaturesList-${o}-`;if(!r)return null;let l=(0,a.m)(r,!0);return(0,i.jsxs)(P,{children:[(0,i.jsx)(S,{"data-testid":`feature-icon-wrapper-${n}`,"data-preview-selector":`${d}productFeatureIcon`,children:(0,i.jsx)(L,{iconName:n,size:16})}),(0,i.jsx)(M,{"data-preview-selector":`${d}productFeature`,children:l})]},`${o}-feature`)})})]}),(0,i.jsxs)(E,{children:[(0,i.jsx)(W,{"data-preview-selector":`${t}offerDetail`,children:q}),(0,i.jsxs)(R,{"data-testid":"offer-price-container","aria-label":ef,children:[(0,i.jsxs)(V,{"data-testid":"offer-price","aria-hidden":"true","data-preview-selector":`${t}priceAria`,children:[G&&(0,i.jsx)(z,{"data-preview-selector":`${t}strikeThroughPrice`,children:(0,i.jsx)("del",{"aria-hidden":!0,children:G})}),(0,i.jsx)("span",{"aria-hidden":!0,"data-preview-selector":`${t}offerPrice`,children:el}),(0,i.jsx)(N,{"aria-hidden":!0,"data-preview-selector":`${t}offerDetailsSubtext`,children:ec})]}),e.offerDetailDescriptionRTE||e.offerDetailDescriptionCentralManagement?(0,i.jsxs)(F,{"data-preview-selector":`${t}offerDetailDescription`,"data-testid":"offerDetailDescription",children:["custom"===l&&e.offerDetailDescriptionRTE&&d,"centralManagement"===l&&e.offerDetailDescriptionCentralManagement&&(0,i.jsx)(p.default,{moduleReference:e.offerDetailDescriptionCentralManagement})]}):(0,i.jsx)(F,{"data-preview-selector":`${t}offerDetailDescription`,"data-testid":"offerDetailDescription",children:K})]})]}),(0,i.jsx)(X,{children:(e.primaryCTA||e.primaryCtaCentralManagement)&&(0,i.jsxs)(o.Fragment,{children:["custom"===ea&&e.primaryCTA&&(0,i.jsx)(g.default,{fullWidth:!0,text:Z,href:ed,"data-tracking-context":B,voucherErrorText:et,productId:e.productId,voucherId:e.voucherId,removeProductId:e.removeProductId,removeVoucherId:e.removeVoucherId,"data-preview-selector":`${t}primaryCTA`},`peacock-button-cat-${r}`),"centralManagement"===ea&&e.primaryCtaCentralManagement&&(0,i.jsx)(p.default,{moduleReference:e.primaryCtaCentralManagement,"data-preview-selector":`${t}primaryCTA`,voucherErrorText:et,productId:e.productId,voucherId:e.voucherId,removeProductId:e.removeProductId,removeVoucherId:e.removeVoucherId,...{mode:"primary",outline:!1,compact:!1,fullWidth:!0,horizontalAlignment:{mobile:{horizontal:"center"},tablet:{horizontal:"center"},desktop:{horizontal:"center"}}}})]})}),m?(0,i.jsxs)(O,{children:[(0,i.jsx)(Q,{"data-preview-selector":`${t}upcomingDetailsTitle`,children:er}),(0,i.jsxs)(U,{children:[(0,i.jsxs)(V,{children:[(0,i.jsx)("span",{"data-preview-selector":`${t}upcomingDetailsPrice`,children:ei}),(0,i.jsx)(N,{"data-preview-selector":`${t}upcomingDetailsSubtext`,children:eo})]}),(0,i.jsx)(F,{"data-preview-selector":`${t}upcomingDetailsDescription`,children:en})]})]}):(0,i.jsxs)(_,{children:[(0,i.jsx)(Q,{}),(0,i.jsx)(U,{})]})]})})};var Y=r(3879);let q=h.default.section.withConfig({componentId:"sc-aae676fc-0"})(["background:",";margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center;margin:0 auto;&&&{width:100%;}"],({theme:e,backgroundSelect:t})=>({light:e.colors.current.background.body.primary,dark:e.colors.current.background.body.primary,branded:e.colors.current.background.body.branded.tertiary})[t]||e.colors.current.background.body.primary),G=h.default.div.withConfig({componentId:"sc-aae676fc-1"})(["display:flex;flex-direction:column;align-items:center;width:100%;",""],x.HP.large`
31    padding: 0 0 56px 0;
32  `),J=h.default.div.withConfig({componentId:"sc-aae676fc-2"})(["display:flex;flex-direction:column;gap:8px;text-align:center;max-width:343px;padding-top:24px;",";"," "," ",""],({numberOfCategories:e})=>e>1?"padding-bottom: 24px":"padding-bottom: 8px",x.HP.xSmall`
33    max-width: 361px;
34    padding-top: 72px;
35  `,x.HP.small`
36    padding-top: 24px;
37    padding-bottom: 24px;
38  `,x.HP.medium`
39    max-width: 880px;
40    padding-top: 40px;
41    ${({numberOfCategories:e})=>e>1?"padding-bottom: 40px":"padding-bottom: 0"};
42  `),K=h.default.div.withConfig({componentId:"sc-aae676fc-3"})(["width:100%;padding-bottom:32px;display:flex;align-items:center;flex-direction:column;"," ",""],x.HP.small`
43    padding-left: 16px;
44    padding-right: 16px;
45  `,x.HP.large`
46    padding-left: 72px;
47    padding-right: 72px;
48    padding-bottom: 56px;
49  `),Z=h.default.h2.withConfig({componentId:"sc-aae676fc-4"})(["",";color:",";margin:0;font-weight:300;"],(0,x.hH)("headingXs","headings"),({theme:e,backgroundSelect:t})=>({light:e.colors.current.content.body.primary,dark:e.colors.current.content.body.primary,branded:e.colors.current.content.body.primary})[t]||e.colors.current.content.body.secondary),ee=h.default.h3.withConfig({componentId:"sc-aae676fc-5"})(["",";color:",";margin:0;font-weight:400;"],(0,x.hH)("titleS"),({theme:e,backgroundSelect:t})=>({light:e.colors.current.content.body.secondary,dark:e.colors.current.content.body.secondary,branded:e.colors.current.content.body.secondary})[t]||e.colors.current.content.body.secondary),et=h.default.div.withConfig({componentId:"sc-aae676fc-6"})(["display:flex;align-items:center;justify-content:center;position:relative;width:100%;"]),er=h.default.ul.withConfig({componentId:"sc-aae676fc-7"})(["column-gap:24px;display:flex;flex-direction:column;margin:0;padding-inline-start:0;max-width:100%;"," "," "," scroll-behavior:smooth;"],x.HP.small`
50    padding: 0px 16px;
51    ${({numberOfPlans:e})=>e<=2?"display: grid; grid-template-columns: repeat(auto-fit, 343px); grid-template-rows: repeat(9, minmax(0px, auto));":""};
52  `,x.HP.medium`
53    display: grid;
54    grid-template-columns: repeat(auto-fit, 343px);
55    grid-template-rows: repeat(9, minmax(0px, auto));
56    overflow: hidden;
57  `,x.HP.large`
58    grid-template-columns: repeat(auto-fit, 400px);
59  `),ei=h.default.li.withConfig({componentId:"sc-aae676fc-8"})(["display:contents;"]),eo=h.default.div.withConfig({componentId:"sc-aae676fc-9"})(["display:grid;grid-row:span 8;grid-template-rows:subgrid;"]),en=h.default.div.withConfig({componentId:"sc-aae676fc-10"})(["",";grid-row:9;width:343px;padding-top:8px;padding-bottom:1px;color:",";"," > [data-testid='richtext']{flex-flow:row wrap;}"],(0,x.hH)("bodyXs"),({theme:e,backgroundSelect:t})=>({light:e.colors.current.content.body.secondary,dark:e.colors.current.content.body.secondary,branded:e.colors.current.content.body.secondary})[t]||e.colors.current.content.body.secondary,x.HP.large`
60    width: 400px;
61    padding-top: 16px;
62  `),ea=({settings:e,id:t,name:r})=>{var g;let u,{ariaLabel:h,embeddedHeaders:m,planPickerTitle:x,planPickerSubtitle:w,alignmentSelectorTitleSubtitle:y="center",backgroundSelect:b,categories:v,overflowOnMobile:I}=(0,d.A)(t,e),{replaceLabelDictionaryItem:C}=(0,c.y)(),[j,D]=(0,o.useState)(0),$=(0,o.useRef)([]);(0,o.useEffect)(()=>{let{defaultCategoryIndex:e}=(0,l.N)(v);D(e);let t=()=>{let{defaultCategoryIndex:e}=(0,l.N)(v);D(e)};return window.addEventListener("urlQueryParamsUpdated",t),()=>window.removeEventListener("urlQueryParamsUpdated",t)},[v]);let k=(0,o.useRef)([]),[A,T]=(0,o.useState)(null),[H,P]=(0,o.useState)(["right"]);return((0,o.useEffect)(()=>{let e=new ResizeObserver(()=>{let e=k.current[0];if(e)if(e.scrollWidth>e.clientWidth){T(!0);let t=e.scrollWidth-e.clientWidth;0===e.scrollLeft?P(["right"]):e.scrollLeft===t?P(["left"]):P(["left","right"])}else T(!1)});k.current[0]&&e.observe(k.current[0])},[A]),v&&0!==v.length)?(0,i.jsx)(n.A,{mode:"light"===b?"light":"dark",children:(0,i.jsx)(q,{id:t,"data-tracking-section":r.includes("section-")?r:null,"data-tracking-module":"ia-plan-picker-single-diff","data-testid":"plan-picker-single-diff",backgroundSelect:b,...h&&{"aria-label":h},children:(0,i.jsxs)(G,{children:[!m&&x?(0,i.jsx)(Y.A,{planPickerTitle:C(x),planPickerSubtitle:C(w),alignmentSelectorTitleSubtitle:y,"data-testid":"plan-picker-title"}):null,m&&x?(0,i.jsxs)(J,{"data-testid":"embedded-plan-picker-title",numberOfCategories:v.length,children:[(0,i.jsx)(Z,{backgroundSelect:b,children:C(x)}),w&&(0,i.jsx)(ee,{backgroundSelect:b,children:C(w)})]}

62):null,(0,i.jsxs)(K,{children:[(0,i.jsx)(s.A,{categories:v,categorySelectedIndex:j,onChange:e=>{let t,r;(0,l.T)(),D(e);let i=k.current[0];i&&(i.scrollLeft=0,P(["right"]));let o=document.getElementById("category-toggle-wrapper");o&&o.scrollWidth>o.clientWidth&&(t=v.length,r=o.scrollWidth-o.clientWidth,0===j?o.scrollLeft=0:j===t-1?o.scrollLeft=r:o.scrollLeft=(j+1)/t*r)},name:"ia-plan-picker-single-diff",overflowOnMobile:I}),v[j].plans.length>0&&(g=v[j].plans,u=`categories-${j}-`,(0,i.jsxs)(et,{role:"tabpanel","aria-labelledby":`category-${j}`,children:[A&&(0,i.jsx)(f.A,{directions:H,onClick:e=>{let t=k.current[0];t&&("left"===e?t.scrollLeft-=367:"right"===e&&(t.scrollLeft+=367))}}),(0,i.jsx)(er,{ref:e=>{e&&k.current.push(e)},id:"plans",numberOfPlans:g.length,onScroll:e=>{let t=e?.target;if(t){let e=t.scrollWidth-t.clientWidth;t.scrollLeft<=0?P(["right"]):t.scrollLeft>=e?P(["left"]):P(["left","right"])}},children:g.map((e,t)=>{let r,o,n,d;return r=`${u}plans-${t}-`,(0,i.jsxs)(ei,{id:`plan-${t}`,children:[(0,i.jsx)(eo,{ref:e=>{e&&$.current.push(e)},onMouseDown:e=>{e.preventDefault()},onFocus:e=>{let t=e.currentTarget,r=k.current[0];if(r){let e=r.scrollWidth-r.clientWidth;t===$.current[0]?r.scrollLeft=0:t===$.current[$.current.length-1]?r.scrollLeft=e:t.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}else t.scrollIntoView()},children:(0,i.jsx)(B,{"data-testid":`${t}-plan`,planData:e,previewSelectorPrefix:r,categorySelectedIndex:j},`plan-card-${t}`)}),(o=e?.legalDescriptionVariant||"custom",n=e?.legalDescription,d=e?.legalDescriptionCentralManagement,(0,i.jsxs)(en,{backgroundSelect:b,"data-preview-selector":`${r}legalDescription`,"data-testid":"legalDescription",children:["custom"===o&&n&&(0,a.m)(n,!0),"centralManagement"===o&&d&&(0,i.jsx)(p.default,{moduleReference:d})]}))]},`${t}-plan-container`)})})]}))]})]})})}):null};ea.displayName="IAPlanPickerSingleDiff";let ed=ea}}]);
63//# sourceMappingURL=3419.2e6c62ff503e9880.js.map