1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[84248],{84248:(e,t,n)=>{n.r(t),n.d(t,{default:()=>er});var l=n(86828),o=n(41120),r=n(31678),a=n(74135),i=n(83527),s=n(85553),d=n(29699);let c=o.memo(e=>{let{url:t,alt:n,width:o,height:i,objectFit:s,imgLoading:c}=e;try{return(0,l.jsx)(a.default,{sx:{width:{xs:(null==o?void 0:o.xs)||"100%",sm:(null==o?void 0:o.sm)||"100%",md:(null==o?void 0:o.md)||"100%"},height:{xs:(null==i?void 0:i.xs)||"auto",sm:(null==i?void 0:i.sm)||"auto",md:(null==i?void 0:i.md)||"auto"},"& img":{width:"100%",height:"100%",objectFit:{xs:(null==s?void 0:s.xs)||"cover",sm:(null==s?void 0:s.sm)||"cover",md:(null==s?void 0:s.md)||"cover"}}},children:(0,l.jsxs)("picture",{children:[(0,l.jsx)("source",{media:d.MBL_SIZE,srcSet:(null==t?void 0:t.mobile)||(null==t?void 0:t.default)}),(0,l.jsx)("source",{media:d.TBL_SIZE,srcSet:(null==t?void 0:t.tablet)||(null==t?void 0:t.default)}),(0,l.jsx)("img",{alt:n,decoding:"async",loading:c,src:(null==t?void 0:t.default)||t,style:{width:"100%",height:"100%"},onError:e=>{console.error("[CarouselCard][RenderImage] untracked icon error",e)}})]})})}catch(e){return(0,l.jsx)(r.default,{component:"RenderImage",error:e})}});var u=n(28951);let x={topSectionStyles:{display:"flex",flexDirection:"column",justifyContent:"flex-start",alignItems:"flex-start"},offerRibbonStyles:{p:"2px 4px",borderRadius:"2px",mb:"2px",fontSize:"12px !important",width:"fit-content"},strikeThroughPriceStyles:{textDecoration:"line-through",fontSize:"12px !important"}},p=o.memo(e=>{let{title:t,subHeading:n,offerRibbon:o,strikeThroughPrice:i,priceText:d}=e;try{var c,u,p,m,f;return(0,l.jsxs)(a.default,{sx:{...x.topSectionStyles},children:[(null==t?void 0:t.content)&&(0,l.jsx)(s.default,{...t,sx:{mb:"24px"}}),(null==n?void 0:n.content)&&(0,l.jsxs)(a.default,{sx:{mb:"16px"},children:[(null==n?void 0:n.content)&&(0,l.jsx)(s.default,{...n,display:"inline"}),(null==n||null==(c=n.spanText)?void 0:c.content)&&(0,l.jsx)(s.default,{...null==n?void 0:n.spanText,content:" ".concat(null==n||null==(u=n.spanText)?void 0:u.content),display:"inline"})]}),(null==o?void 0:o.content)&&(0,l.jsx)(s.default,{...o,sx:{...x.offerRibbonStyles,background:null==o?void 0:o.background}}),(null==i?void 0:i.content)&&(0,l.jsx)(s.default,{...i,sx:{...x.strikeThroughPriceStyles}}),(null==d?void 0:d.content)&&(0,l.jsxs)(a.default,{children:[(null==d?void 0:d.content)&&(0,l.jsx)(s.default,{...d,sx:{display:"inline",fontWeight:"bold"}}),(null==d||null==(p=d.spanText)?void 0:p.content)&&(0,l.jsx)(s.default,{...null==d?void 0:d.spanText,sx:{display:"inline",fontWeight:"bold"}}),(null==d||null==(m=d.legal)?void 0:m.content)&&(0,l.jsx)(s.default,{...null==d?void 0:d.legal,display:"inline"})]}),(null==d||null==(f=d.bodyText)?void 0:f.content)&&(0,l.jsx)(s.default,{...null==d?void 0:d.bodyText})]})}catch(e){return(0,l.jsx)(r.default,{component:"ModalTopSection",error:e})}});var m=n(5734),f=n(95988),g=n(6378),h=n(61236),v=n(98772);let y={primaryColor:d.colorPalette.jet.main,channelGridContainer:{display:"flex",justifyContent:{xs:"center",sm:"flex-start"},alignItems:"flex-start",alignContent:"flex-start",gap:"16px 18px",p:{sm:"12px 0px"},mr:{xs:"18px",sm:"0px"},[d.default.breakpoints.down(414)]:{gap:"16px 5px"},alignSelf:"stretch",flexWrap:"wrap",flexGrow:1,overflowY:"auto",...(0,v.fusionScrollbarV2)()},channelLogoContainer:{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",gap:"8px"},channelLogo:{display:"flex",width:{xs:"76px",sm:"80px"},height:{xs:"76px",sm:"80px"},flexDirection:"column",justifyContent:"center",alignItems:"center",borderRadius:"300px",objectFit:"contain"},tooltipStyles:{opacity:"1",transform:"none",transition:"opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 133ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",transformOrigin:"left center",backgroundColor:"rgba(97, 97, 97, 0.92)",borderRadius:"4px",color:d.colorPalette.neutral_white.main,padding:"4px 8px",fontSize:"14px",maxWidth:"fit-content",margin:"0",wordWrap:"break-word",fontWeight:400,fontFamily:"roboto-regular",position:"relative",marginLeft:"0px!important"},tooltipArrow:{position:"absolute",top:"0px",transform:"translate3d(0px, 8.8px, 0px)",left:"-10px",marginLeft:"-0.71em",height:"1em",width:"0.71em",overflow:"hidden",boxSizing:"border-box",color:"rgba(97, 97, 97, 0.9)","::before":{transformOrigin:"100% 100%"}},tooltipModifiers:[{name:"preventOverflow",enabled:!0},{name:"flip",enabled:!0},{name:"offset",options:{offset:[0,-20]}}]},b=o.memo(e=>{let{channels:t}=e;try{return(0,l.jsx)(h.default,{sx:{...y.channelGridContainer},children:(null==t?void 0:t.length)>0&&(null==t?void 0:t.map((e,t)=>(0,l.jsx)(a.default,{"aria-label":"".concat(null==e?void 0:e.channelNameLabel," icon"),"data-testid":"dtv-box",id:"icon-container-".concat(null==e?void 0:e.channelNameLabel),tabIndex:-1,sx:{...y.channelLogoContainer,...(null==e?void 0:e.isOvLogo)?{width:{xs:"76px",sm:"80px"},height:{xs:"76px",sm:"80px"}}:{},...(0,f.ch)(null==e?void 0:e.isOvLogo)},children:(0,l.jsx)(g.A,{describeChild:!0,enterTouchDelay:0,placement:"bottom",tabIndex:0,title:null==e?void 0:e.channelNameLabel,PopperProps:{modifiers:y.tooltipModifiers,sx:{width:"unset !important"}},componentsProps:{tooltip:{sx:y.tooltipStyles},arrow:{sx:y.tooltipArrow}}
1,sx:{"& #popper[data-popper-escaped]":{visibility:"hidden"}},children:(0,l.jsx)(m.A,{alt:(null==e?void 0:e.channelNameLabel)||"channel logo icon","aria-labelledby":"icon-container-".concat(null==e?void 0:e.channelNameLabel),component:"img",loading:"lazy",src:null==e?void 0:e.channelLogoPath,sx:{...y.channelLogo,...(0,f.u6)(null==e?void 0:e.isOvLogo)},onError:t=>(0,f.dC)(t,null==e?void 0:e.isOvLogo)},t)},t)},t)))})}catch(e){return console.error("PackageCarousel ChannelGrid error :: ".concat(e)),(0,l.jsx)(r.default,{component:"PackageCarousel ChannelGrid","data-testid":"error-display",error:e})}}),j={channelsContainerStyles:{display:"flex",flexDirection:"column",justifyContent:"flex-start",alignItems:"flex-start",mt:"8px",gap:"8px",width:"100%"}},C=o.memo(e=>{let{channelsLabel:t,localChannelsText:n,channels:o}=e;try{return(0,l.jsxs)(a.default,{sx:{...j.channelsContainerStyles},children:[(null==t?void 0:t.content)&&(0,l.jsx)(s.default,{...t}),(null==n?void 0:n.content)&&(0,l.jsx)(s.default,{...n}),(0,l.jsx)(b,{channels:o})]})}catch(e){return(0,l.jsx)(r.default,{component:"ModalChannelsSection",error:e})}}),w={myFreeContainerStyles:{borderRadius:"2px",display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",p:"12px 48px",gap:"8px",width:"100%",cursor:"pointer"},logoContainer:{width:{xs:"56px",sm:"72px",md:"97px"},height:{xs:"16px",sm:"20px",md:"27px"}},arrowStyles:{width:"20px",height:"20px",cursor:"pointer",transition:"transform 0.3s ease-in-out"},logoBodyContainer:{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"8px"},channelsGridAnimationContainer:{pt:"12px",transformOrigin:"top",transition:"max-height 0.4s cubic-bezier(0.4,0,0.2,1), opacity 0.3s, transform 0.3s",overflow:"hidden",willChange:"max-height, opacity, transform"}},k=o.memo(e=>{let{id:t,logo:n,alt:i,body:d,downArrow:c,background:u,channels:x}=e,[p,f]=o.useState(!1);try{return(0,l.jsx)(l.Fragment,{children:(null==x?void 0:x.length)>0&&(0,l.jsxs)(a.default,{sx:{width:"100%",display:"flex",flexDirection:"column"},children:[(0,l.jsxs)(a.default,{"aria-label":"Show My Free Channels",role:"button",tabIndex:0,sx:{...w.myFreeContainerStyles,background:u},onClick:()=>f(!p),onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&f(!p)},children:[(0,l.jsxs)(a.default,{sx:{...w.logoBodyContainer},children:[n&&(0,l.jsx)(a.default,{"aria-label":"My Free Directv",id:"icon-container",sx:{...w.logoContainer},tabIndex:-1,children:(0,l.jsx)(m.A,{alt:i||"My Free Directv logo","aria-labelledby":"icon-container-my-free-directv",component:"img",loading:"lazy",src:"".concat(n)})}),(null==d?void 0:d.content)&&(0,l.jsx)(s.default,{...d})]}),(0,l.jsx)(m.A,{alt:"down arrow icon","aria-labelledby":"icon-container-my-free-directv",component:"img",loading:"lazy",src:(null==c?void 0:c.icon)||"https://www.directv.com/dtvassets/global/icons/2022/arrow-down_lt-bg.svg",sx:{...w.arrowStyles,transform:p?"rotate(180deg)":"rotate(0deg)"}})]}),(0,l.jsx)(a.default,{"data-testid":"channel-grid",sx:{opacity:+!!p,transform:p?"scaleY(1)":"scaleY(0.95)",...w.channelsGridAnimationContainer},children:p&&(0,l.jsx)(b,{channels:x})})]})})}catch(e){return(0,l.jsx)(r.default,{component:"ModalMyFreeSection",error:e})}});var S=n(73520),T=n(50972);let D={sectionContainer:{display:"flex",width:"100%",flexDirection:"column"},rsnTableContainer:{display:"flex",justifyContent:{xs:"center",sm:"start"},flexDirection:"column",alignItems:"flex-start",alignContent:"flex-start",alignSelf:"stretch",flexWrap:"wrap",width:{xs:"100%",sm:"536px"},mb:"8px",opacity:1,transform:"scaleY(1)",transformOrigin:"top",transition:"max-height 0.4s cubic-bezier(0.4,0,0.2,1), opacity 0.3s, transform 0.4s",overflow:"hidden",willChange:"max-height, opacity, transform"},rsnTableHeaderContainer:{display:"flex",alignItems:"center",alignSelf:"stretch",justifyContent:"space-between",width:"100%"},rsnTableHeader:{textAlign:"center",flexShrink:0,width:"calc(50% - 1px)",padding:{xs:"12px 30px",sm:"12px 20px",md:"12px 20px"},borderRadius:"8px 8px 0px 0px"},tableBodyContainer:{display:"flex",alignItems:"flex-start",alignSelf:"stretch",height:"100%",width:"100%",position:"relative"},rsnTableBody:{width:"50%",gap:"10px",display:"flex",padding:{xs:"8px 12px 8px 20px"},justifyContent:"start",flexDirection:"column",alignItems:"start",borderRight:"1px solid #D1D1D1",borderBottom:"1px solid #D1D1D1",borderLeft:"1px solid #D1D1D1"},channelLogoContainer:{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",gap:"8px",position:"relative"},channelLogo:{display:"flex",width:"80px",height:"80px",flexDirection:"column",justifyContent:"center",alignItems:"center",borderRadius:"300px"},zipCodeModuleContainer:{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",gap:"8px",position:"relative",width:"100%"},teamLogo:{height:"40px",width:"40px"},teamsWithLogoContainer:{display:"flex",justifyContent:"center",alignItems:"center",gap:"8px"}},I=o.memo(e=>{let{title:t,legal:n,teams:i,teamsTitle:d,errorMessage:c,channelsTitle:u,channelName:x,channelNumber:p,teamName:g,tableBodyBackgroun
1d:h}=e,[v,y]=(0,o.useState)([]),[b,j]=(0,o.useState)(!1),C=o.useCallback(()=>{j(!0)},[]),w=o.useCallback((e,t,n)=>{var l;(e=>{y(null==e?void 0:e.filter(e=>{var t,n;let l=null==e||null==(n=e.packageNames)||null==(t=n.includes)?void 0:t.call(n,"MYHOMETEAM"),o=(null==e?void 0:e.mlb)||(null==e?void 0:e.nhl)||(null==e?void 0:e.nba)||(null==e?void 0:e.wnba);return l&&o}))})(null!=(l=null==e?void 0:e.rsnChannels)?l:[])},[]),k=(e,t)=>{let n=null==e?void 0:e[t];return"string"==typeof n?n:(null==n?void 0:n.teamName)?n.teamName:""};try{return(0,l.jsxs)(a.default,{sx:{...D.sectionContainer},children:[(0,l.jsx)(a.default,{sx:{...D.zipCodeModuleContainer},children:(0,l.jsx)(T.A,{id:"chnl-pck-lnp-zip-module",mode:"light",position:"left",size:"small",onLocalRsnChnlsApiError:e=>{j(!1),console.error("Channel Pack Lineup >> Local/Rsn API Error..",e)},onLocalRsnChnlsConfirmed:w,onSearchButtonClick:C,localRsnApiOptions:{satellite:!1,stream:!0}})}),t&&(0,l.jsx)(s.default,{...t,sx:{p:"0px 0px 8px 0px"}}),(null==v?void 0:v.length)>0?(0,l.jsxs)(a.default,{sx:{...D.rsnTableContainer},children:[(0,l.jsxs)(a.default,{sx:{...D.rsnTableHeaderContainer},children:[(0,l.jsx)(s.default,{...u,sx:{...D.rsnTableHeader,background:null==u?void 0:u.background}}),(0,l.jsx)(s.default,{...d,sx:{...D.rsnTableHeader,background:null==d?void 0:d.background}})]}),null==v?void 0:v.map((e,t)=>(0,l.jsxs)(a.default,{sx:{...D.tableBodyContainer,background:h},children:[(0,l.jsxs)(a.default,{sx:{...D.rsnTableBody},children:[(0,l.jsx)(a.default,{id:"icon-container-".concat(null==e?void 0:e.network),sx:{...D.channelLogoContainer},tabIndex:-1,"aria-label":"".concat((null==e?void 0:e.network)||"channel"," icon"),children:(0,l.jsx)(m.A,{alt:(null==e?void 0:e.network)||"channel logo icon","aria-labelledby":"icon-container-".concat(null==e?void 0:e.network),component:"img",loading:"lazy",src:(0,f.Pp)(null==e?void 0:e.logo),sx:{...D.channelLogo}},t)},t),(0,l.jsx)(s.default,{...x,content:null==e?void 0:e.network}),(0,l.jsx)(s.default,{...p,content:"".concat(null==p?void 0:p.content," ").concat(null==e?void 0:e.channelNumber)})]}),(0,l.jsx)(a.default,{sx:{...D.rsnTableBody,justifyContent:"flex-end",alignItems:"start",gap:"4px",position:"absolute",right:0,height:"100%",width:"50%",overflowY:"scroll",...(0,S.fusionScrollBarStyles)()},children:null==i?void 0:i.map((t,n)=>{var o,r,i;return(null==e?void 0:e[t])&&(0,l.jsxs)(a.default,{sx:{...D.teamsWithLogoContainer},children:[(null==e||null==(o=e[t])?void 0:o.teamLogo)&&(0,l.jsx)(m.A,{alt:k(e,t),"aria-labelledby":"icon-container-".concat(null==e||null==(r=e[t])?void 0:r.teamName),component:"img",loading:"lazy",src:"https://www.directv.com/".concat(null==e||null==(i=e[t])?void 0:i.teamLogo),sx:{...D.teamLogo},onError:e=>{let t=e.target;t.onerror=null,t.src="https://www.directv.com/dtvassets/global/icons/fusion/alert-icon-error.svg"}}),(0,l.jsx)(s.default,{...g,content:k(e,t)})]},n)})})]},t))]}):(0,l.jsx)(s.default,{...c,sx:{color:"#102641",mb:"12px"}}),n&&(0,l.jsx)(s.default,{...n})]})}catch(e){return(0,l.jsx)(r.default,{component:"MyHomeRsnTable",error:e})}}),L={modalContainerStyles:{display:"flex",flexDirection:"column",justifyContent:"flex-start",alignItems:"flex-start",gap:"12px",alignContent:"flex-start",[d.default.breakpoints.down(414)]:{gap:"16px 5px"},alignSelf:"stretch",flexWrap:"wrap",flexGrow:1}},P=o.memo(e=>{let{title:t,subHeading:n,offerRibbon:o,strikeThroughPrice:i,priceText:s,channelsLabel:d,localChannelsText:c,channels:u,rsnTeamsTableData:x,myFreeConfig:m,config:f}=e;try{return(0,l.jsxs)(a.default,{id:"card-modal-container",sx:{...L.modalContainerStyles},children:[(0,l.jsx)(p,{offerRibbon:o,priceText:s,strikeThroughPrice:i,subHeading:n,title:t}),(null==f?void 0:f.id)==="ATT_TV_MYHOMETEAM"&&(0,l.jsx)(I,{...x}),(0,l.jsx)(C,{channels:u,channelsLabel:d,localChannelsText:c}),(0,l.jsx)(k,{...m})]})}catch(e){return(0,l.jsx)(r.default,{component:"CardModalContent",error:e})}}),A={topperStyles:{p:"4px 16px 4px 20px",borderRadius:"0 20px 0 20px",mb:"2px",width:"fit-content",position:"absolute",top:"0",right:"0"},topSectionStyles:{p:"24px 0 0 16px",m:"0 0 16px 0",display:"flex",flexDirection:"column",position:"relative"}}
1,E=o.memo(e=>{let{title:t,subHeading:n,topper:o}=e;try{return(0,l.jsxs)(a.default,{sx:{...A.topSectionStyles},children:[(null==t?void 0:t.content)&&(0,l.jsx)(s.default,{...t,component:"h2"}),(0,l.jsx)(i.EqualHeightElement,{name:"card-sub-heading-section",children:(null==n?void 0:n.content)&&(0,l.jsx)(s.default,{...n})}),(null==o?void 0:o.content)&&(0,l.jsx)(s.default,{...o,sx:{...A.topperStyles,background:null==o?void 0:o.background,fontSize:"14px !important"}})]})}catch(e){return(0,l.jsx)(r.default,{component:"CardTopSection",error:e})}});var F=n(42200),R=n(61370);let B={cardControlButtonStyles:{p:"4px 8px 4px 8px",borderRadius:"50%",width:"36px",height:"36px",float:"right"},iconStyles:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",borderRadius:"300px"}},M=o.memo(e=>{let{icon:t,alt:n,height:o,width:a,background:i,hoverBackground:s,handleOnClick:d,tabIndex:c,title:u}=e;try{return(0,l.jsx)(R.A,{"aria-label":(null==e?void 0:e.ariaLabel)||((null==e?void 0:e.title)?"navigate to ".concat(u," genre pack"):"".concat(n)),"data-testid":"tonal-icon",tabIndex:c||0,sx:{...B.cardControlButtonStyles,background:i,"&:hover, &:active, &:focus":{background:s}},onClick:d,children:(0,l.jsx)(m.A,{alt:n||"rightArrow","aria-hidden":!0,component:"img",height:o,loading:"lazy",src:t,sx:B.iconStyles,width:a})})}catch(e){return(0,l.jsx)(r.default,{component:"Tonal Icon",error:e})}});var z=n(92572),H=n(51848);let _={compareText:"",isComparePkgTray:!1,selectedItems:[],updateSelectedTag:e=>void 0,setTrayOpen:e=>void 0,trayOpen:!1,updateCollapsedTray:e=>void 0},O={bottomSectionStyles:{p:"16px",flex:1,display:"flex",flexDirection:"column",justifyContent:"flex-end",alignItems:"flex-end"},offerRibbonStyles:{p:"2px 4px",borderRadius:"2px",mb:"2px",fontSize:"12px !important",width:"fit-content",height:"fit-content"},strikeThroughPriceStyles:{textDecoration:"line-through",fontSize:"12px !important"}},W=o.memo(e=>{var t;let{offerRibbon:n,strikeThroughPrice:o,priceText:i,rightArrow:d,cardType:c,cardQueryParam:u,pkgType:x,targetUrl:p}=e,{compareText:m,isComparePkgTray:f,selectedItems:g,updateSelectedTag:h,setTrayOpen:v,trayOpen:y,updateCollapsedTray:b}=null!=(t=(0,z.useOptionalComparePkgTrayContext)())?t:_;try{return(0,l.jsxs)(a.default,{sx:{...O.bottomSectionStyles},children:[(0,l.jsxs)(a.default,{sx:{width:"100%",display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"},children:[o&&(null==n?void 0:n.content)&&(0,l.jsx)(s.default,{...n,sx:{...O.offerRibbonStyles,background:null==n?void 0:n.background}}),f&&"genre"===x&&(0,l.jsx)(a.default,{sx:{marginLeft:"auto",".MuiFormControlLabel-root":{alignItems:"center",margin:"0px !important"},".MuiCheckbox-root":{width:"20px !important",height:"20px !important","& svg":{width:"20px !important",height:"20px !important"}},".MuiTypography-root p":{fontSize:"14px !important"}},onClick:e=>{e.stopPropagation()},children:(0,l.jsx)(F.A,{checked:g.includes(u),mode:"dark",variant:"Checkbox Label",checkboxoptions:[{label:null==m?void 0:m.content,value:"compare",checked:!1,disabled:!1,ariaLabel:"Compare genre pack",dataLinkposition:"genre_card",dataLinkdestination:"comparison_tray_modal"}],onChange:e=>{null==e||e.stopPropagation(),(e=>{h(e),b(!g.includes(e)),v(!0),y||(0,H.fireModalOpenCloseEventGA)({dim_name:"open",dim_value:"comparison_tray"})})(u)}})})]}),(0,l.jsxs)(a.default,{sx:{width:"100%",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"},children:[(0,l.jsxs)(a.default,{sx:{display:"flex",flexDirection:"column",minHeight:"44px",justifyContent:"flex-end"},children:[(null==o?void 0:o.content)&&(0,l.jsx)(s.default,{color:"#FFFFFFB2",variant:"smalltext",...o,sx:{...O.strikeThroughPriceStyles}}),(null==i?void 0:i.content)&&(0,l.jsxs)(a.default,{children:[(0,l.jsx)(s.default,{...i}),(null==i?void 0:i.duration)?(0,l.jsx)(s.default,{...i,content:null==i?void 0:i.duration,sx:{fontSize:"12px !important"}}):(0,l.jsx)(s.default,{...null==i?void 0:i.spanText,sx:{fontSize:"12px !important"}})]})]}),(()=>{let t=(0,l.jsx)(M,{alt:null==d?void 0:d.alt,background:(null==d?void 0:d.background)||"#AACDF929",he
1ight:(null==d?void 0:d.height)||"16px",hoverBackground:"modal"===c?(null==d?void 0:d.hoverBackground)||"#0004433D":(null==d?void 0:d.hoverBackground)||"#AACDF980",icon:null==d?void 0:d.icon,tabIndex:-1,title:e.title,width:(null==d?void 0:d.width)||"16px"});return p&&"modal"!==c?(0,l.jsx)("a",{"aria-label":e.title?"Navigate to ".concat(e.title," genre pack"):"Navigate to genre pack",href:p,role:"button",onClick:e=>e.stopPropagation(),onKeyDown:e=>{" "===e.key&&(e.preventDefault(),window.location.href=p)},children:t}):t})()]})]})}catch(e){return(0,l.jsx)(r.default,{component:"CardBottomSection",error:e})}}),N=o.memo(e=>{let{svods:t}=e;try{return(0,l.jsx)(a.default,{sx:{p:"0 16px 12px 16px"},children:(0,l.jsx)(i.EqualHeightElement,{name:"card-svods-section",children:(0,l.jsx)(a.default,{sx:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:"8px"},children:null==t?void 0:t.map((e,t)=>{var n,o,r,a,i;return!(null==e?void 0:e.disable)&&(null==e?void 0:e.name)&&(null==e?void 0:e.logo)&&(0,l.jsxs)("picture",{style:{maxWidth:"64px",maxHeight:"64px"},children:[(0,l.jsx)("source",{media:d.MBL_SIZE,srcSet:(null==e||null==(n=e.logo)?void 0:n.mobile)||(null==e||null==(o=e.logo)?void 0:o.default)}),(0,l.jsx)("source",{media:d.TBL_SIZE,srcSet:(null==e||null==(r=e.logo)?void 0:r.tablet)||(null==e||null==(a=e.logo)?void 0:a.default)}),(0,l.jsx)(m.A,{component:"img",loading:"eager",src:null==e||null==(i=e.logo)?void 0:i.default,sx:{width:"100%",height:"100%",borderRadius:"2px",objectFit:"contain",display:"block"},alt:(null==e?void 0:e.name)||"streaming service",onError:e=>{console.error("[PackageCarousel][EmbeddedSvodImage] untracked icon error for index ".concat(t),e)}})]},t)})})})})}catch(e){return(0,l.jsx)(r.default,{component:"CardSvodsSection",error:e})}}),G={cardContainerStyle:{background:"radial-gradient(circle farthest-corner at bottom right, #0062E3, #121212)",display:"flex",flexDirection:"column",borderRadius:"20px",m:"8px",flow:"vertical",willChange:"transform",transform:"scale(1)",transition:"transform 0.2s ease-in-out","&:hover, &:focus, &:active":{cursor:"pointer",transform:"scale(1.05)",boxShadow:"0 2px 12px 0 rgba(0, 4, 67, 0.16), 0 1px 0 0 rgba(255, 255, 255, 0.30) inset, 0 -1px 0 0 rgba(0, 0, 0, 0.12) inset"},"&:focus":{outline:"1px solid #3885E1"}},imageSectionStyles:{display:"flex",flexDirection:"column",gap:"20px",alignItems:"center",justifyContent:"center"},bodySectionStyles:{p:"16px",display:"inline",gap:"12px"},modalStyle:{maxHeight:"min-content",minWidth:{xs:"100%",sm:"600px",md:"900px"},maxWidth:{xl:"1028px",lg:"900px",md:"900px",sm:"600px",xs:"100%"}},modalBodyStyle:{height:{xs:"80vh",sm:"80vh"},maxHeight:{xs:"80vh",sm:"80vh"},p:{xs:"0px 20px 20px 18px",sm:"0px 32px 32px 32px",md:"0px 48px 32px 48px"},m:{xs:"0px",sm:"0px",md:"0px",lg:"0px",xl:"0px"},mb:{xs:"20px !important",sm:"32px !important",md:"32px!important"},borderRadius:"0px 0px 12px 12px",position:"relative",overflowY:"auto",scrollbarWidth:"thin",scrollbarGutter:"auto"}},q=o.memo(e=>{var t,n,i,d,x,p,m,f,g,h,v,y,b,j,C,w,k,S,T,D,I,L,A,F,R,B,M,z,_;let{card:O,index:q,cardWidth:Y,myFreeConfig:X}=e,V=(null==O||null==(t=O.config)?void 0:t.type)==="modal",[Z,K]=o.useState(null);o.useEffect(()=>{V||K(null)},[V]);try{let e=()=>{var e,t,n,l,r;switch(null==O||null==(e=O.config)?void 0:e.type){case"modal":o.startTransition(()=>K(!0));break;case"redirect":window.open((null==O||null==(n=O.config)||null==(t=n.targeturl)?void 0:t.targeturl)||"/shop/build/configure",(null==O||null==(r=O.config)||null==(l=r.targeturl)?void 0:l.target)||"_self");break;default:window.open("/shop/build/configure","_self")}},t=(e=>{var t,n,l,o;return(null==e||null==(n=e.config)||null==(t=n.targeturl)?void 0:t.targeturl)||(null==e||null==(o=e.config)||null==(l=o.targeturl)?void 0:l.url)||void 0})(O);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(a.default,{"data-testid":"carousel-card-root",role:"button",tabIndex:0,...(0,H.getAnalyticsAttrs)(null==O||null==(n=O.title)?void 0:n.content,"genrepack_carousel",(null==O||null==(i=O.config)?void 0:i.type)==="redirect"&&(null==O||null==(x=O.config)||null==(d=x.targeturl)?void 0:d.targeturl)?null==O||null==(m
1=O.config)||null==(p=m.targeturl)?void 0:p.targeturl:(null==O||null==(f=O.config)?void 0:f.type)==="modal"?"modal_".concat(null==(h=(null==O||null==(y=O.modalData)||null==(v=y.title)?void 0:v.content)||(null==O||null==(b=O.title)?void 0:b.content)||"")||null==(g=h.toString())?void 0:g.toLowerCase()):window.location.href),itemScope:!0,"aria-label":(null==O?void 0:O.ariaLabel)||(null==O||null==(j=O.title)?void 0:j.content),itemType:"https://schema.org/Product",sx:{...G.cardContainerStyle,width:Y,minWidth:Y,maxWidth:Y,...(null==O?void 0:O.background)&&{background:O.background},...(null==O?void 0:O.boxShadow)&&{boxShadow:O.boxShadow}},onClick:e,onKeyDown:t=>{"Enter"===t.key&&e()},children:[(0,l.jsx)("meta",{content:(null==O||null==(C=O.title)?void 0:C.content)||"",itemProp:"name"}),(0,l.jsx)("meta",{content:"https://www.directv.com/dtvassets/logos/DIRECTV-1200x1200.png",itemProp:"image"}),(0,l.jsx)("meta",{content:"string"==typeof O.subHeading?O.subHeading:(null==(w=O.subHeading)?void 0:w.content)||"",itemProp:"description"}),(0,l.jsx)(a.default,{itemScope:!0,"data-testid":"carousel-card-brand",itemProp:"brand",itemType:"https://schema.org/Brand",children:(0,l.jsx)("meta",{content:"DIRECTV",itemProp:"name"})}),(0,l.jsxs)(a.default,{itemScope:!0,"data-testid":"carousel-card-offers",itemProp:"offers",itemType:"https://schema.org/Offer",children:[(0,l.jsx)("meta",{itemProp:"url",content:(()=>{var e,t,n,l;let o=(null==O||null==(t=O.config)||null==(e=t.targeturl)?void 0:e.targeturl)||(null==O||null==(l=O.config)||null==(n=l.targeturl)?void 0:n.url);return o?o.startsWith("http")?o:"https://www.directv.com".concat(o):""})()}),(0,l.jsx)("meta",{content:"USD",itemProp:"priceCurrency"}),(0,l.jsx)("meta",{content:(null==O||null==(k=O.priceText)?void 0:k.content)?O.priceText.content.replace(/\$|\/mo.*/g,""):"",itemProp:"price"}),(0,l.jsx)("meta",{content:"https://schema.org/InStock",itemProp:"availability"})]}),(0,l.jsx)(E,{index:q,subHeading:O.subHeading,title:O.title,topper:O.topper}),(0,l.jsx)(N,{svods:(null==O?void 0:O.svods)||[]}),(0,l.jsx)(a.default,{"data-testid":"carousel-card-image-section",id:"carousel-card-image-section-".concat(q),sx:{...G.imageSectionStyles},children:Array.isArray(null==O?void 0:O.images)&&(null==O||null==(S=O.images)?void 0:S.length)>0?null==O||null==(T=O.images)?void 0:T.map((e,t)=>(0,l.jsx)(c,{...e,imgLoading:q>3?"lazy":void 0},t)):(D=[null==O?void 0:O.images],void 0===D)?void 0:D.map((e,t)=>(0,l.jsx)(c,{...e,imgLoading:q>3?"lazy":void 0},t))}),(null==O||null==(I=O.bodyText)?void 0:I.content)&&(0,l.jsxs)(a.default,{"data-testid":"carousel-card-body-section",id:"carousel-card-body-section-".concat(q),sx:{...G.bodySectionStyles},children:[(null==O||null==(L=O.bodyText)?void 0:L.content)&&(0,l.jsx)(s.default,{...O.bodyText,content:"".concat(null==(A=O.bodyText)?void 0:A.content," "),display:"inline"}),(null==O||null==(R=O.bodyText)||null==(F=R.spanText)?void 0:F.content)&&(0,l.jsx)(s.default,{...null==(B=O.bodyText)?void 0:B.spanText,sx:{display:"inline",textDecoration:"underline"}})]}),(0,l.jsx)(W,{cardQueryParam:null==O?void 0:O.queryparam,cardType:null==O||null==(M=O.config)?void 0:M.type,index:q,offerRibbon:null==O?void 0:O.offerRibbon,pkgType:null==O?void 0:O.pkgType,priceText:null==O?void 0:O.priceText,rightArrow:null==O?void 0:O.rightArrow,strikeThroughPrice:null==O?void 0:O.strikeThroughPrice,targetUrl:t,title:null==O||null==(z=O.title)?void 0:z.content})]}),V&&null!==Z&&(0,l.jsx)(u.default,{handleClose:()=>K(null),open:!!Z,modalBodyStyle:{...G.modalBodyStyle},modalStyle:{background:(null==O||null==(_=O.modalData)?void 0:_.background)||"#FBFBFB",...G.modalStyle},onClose:(e,t)=>{"backdropClick"!==t&&K(null)},children:(0,l.jsx)(P,{...null==O?void 0:O.modalData,config:null==O?void 0:O.config,myFreeConfig:X})})]})}catch(e){return(0,l.jsx)(r.default,{component:"CarouselCard",error:e})}}),Y={tonalButtonsContainer:{m:{xs:"0 20px 0 20px",sm:"0 32px 0 32px",md:"0 140px 0 140px"},display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"}},X=o.memo(e=>{let{autoScroll:t,controlsConfig:n,handleNext:o,handlePrev:i,handlePlayPause:s,config:d}=e,{isAutoScrollNeeded:c,isLeftRightControlsNeeded:u}=null!=d?d:{};try{return(0,l.jsxs)(a.default,{"data-testid":"tonal-icon-container",sx:{...Y.tonalButtonsContainer,...u&&{m:0,justifyContent:"flex-end"}},children:[c&&(0,l.jsx)(l.Fragment,{children:t?(null==n?void 0:n.pauseIcon)&&(0,l.jsx)(M,{"data-testid":"tonal-icon-playpause",...null==n?void 0:n.pauseIcon,handleOnClick:s}):(null==n?void 0:n.playIcon)&&(0,l.jsx)(M,{"data-testid":"tonal-icon-playpause",...null==n?void 0:n.playIcon,handleOnClick:s})}),(c||u)&&(0,l.jsxs)(a.default,{sx:{display:"flex",gap:"12px"},children:[(null==n?void 0:n.prevIcon)&&(0,l.jsx)(M,{"data-testid":"tonal-icon-prev",...null==n?void 0:n.prevIcon,handleOnClick:i}),(null==n?void 0:n.nextIcon)&&(0,l.jsx)(M,{"data-testid":"tonal-icon-next",...null==n?void 0:n.nextIcon,handleOnClick:o})]})]})}catch(e){return(0,l.jsx)(r.default,{component:"Tonal Icon Container",error:e})}}),V=()=>{let[e,t]=(0,o.useState)(285);return(0,o.useEffect)(()=>
1{if("function"!=typeof window.matchMedia)return void t(window.innerWidth<600?235:285);let e=window.matchMedia("(max-width: 599.95px)"),n=()=>t(e.matches?235:285);return(n(),"function"==typeof e.addEventListener)?(e.addEventListener("change",n),()=>e.removeEventListener("change",n)):"function"==typeof e.addListener?(e.addListener(n),()=>e.removeListener(n)):void 0},[]),e},Z=o.memo(e=>{var t;let{cards:n,config:r,myFreeConfig:s,controlsConfig:d,carouselSpeed:c}=e,u=null!=(t=null==n?void 0:n.length)?t:0,x=(0,o.useRef)(null),p=(0,o.useRef)(null),m=(0,o.useRef)([]),f=(0,o.useRef)(null),g=(0,o.useRef)(null),h=(0,o.useRef)(!0),v=(0,o.useRef)(0),y=(0,o.useRef)(!1),b=(0,o.useRef)(0),j=(0,o.useRef)(0),C=V(),[w,k]=(0,o.useState)(!0),S=(0,o.useRef)(!0),T=(0,o.useCallback)(()=>{S.current&&(S.current=!1,k(!1)),f.current&&(cancelAnimationFrame(f.current),f.current=null)},[]),D=(0,o.useCallback)(()=>{k(e=>(S.current=!e,!e))},[]),I=C+15,L=u*I;m.current.length=u;let P=(0,o.useCallback)(()=>{let e=v.current;if(L<=0)return;let t=e%L;t<0&&(t+=L),m.current.forEach((e,n)=>{if(!e)return;let l=n*I-t;l<-I&&(l+=L),l>L-I&&(l-=L),e.style.transform="translateX(".concat(l,"px)")})},[I,L]);(0,o.useEffect)(()=>{if("function"!=typeof window.matchMedia)return;let e=window.matchMedia("(prefers-reduced-motion: reduce)"),t=()=>{e.matches&&T()};return(t(),"function"==typeof e.addEventListener)?(e.addEventListener("change",t),()=>e.removeEventListener("change",t)):"function"==typeof e.addListener?(e.addListener(t),()=>e.removeListener(t)):void 0},[T]),(0,o.useEffect)(()=>()=>{g.current&&cancelAnimationFrame(g.current)},[]),(0,o.useEffect)(()=>{P()},[C,P]),(0,o.useEffect)(()=>{let e=m.current.filter(Boolean);if(0===e.length)return;let t=0,n=null,l=()=>{let n=e.map(e=>e.children[0]).filter(Boolean);if(0===n.length)return;let l=Math.max(...n.map(e=>e.scrollHeight));l!==t&&(t=l,e.forEach(e=>{e.style.minHeight="".concat(l,"px");let t=e.children[0];t&&(t.style.minHeight="".concat(l,"px"))}))},o=new ResizeObserver(()=>{n&&cancelAnimationFrame(n),n=requestAnimationFrame(l)});return e.forEach(e=>{let t=e.children[0];t&&o.observe(t)}),l(),()=>{o.disconnect(),n&&cancelAnimationFrame(n)}},[C,u]);let A=(0,o.useCallback)(()=>{v.current+=Number(c)||1,P(),f.current=requestAnimationFrame(A)},[c,P]);(0,o.useEffect)(()=>{let e=()=>{w&&h.current&&!f.current&&(f.current=requestAnimationFrame(A))},t=()=>{f.current&&(cancelAnimationFrame(f.current),f.current=null)},n=new IntersectionObserver(n=>{let[l]=n;h.current=l.isIntersecting,l.isIntersecting&&w?e():t()},{threshold:.1});return x.current&&n.observe(x.current),w&&h.current?e():t(),()=>{n.disconnect(),t()}},[w,A]);let E=(0,o.useCallback)(e=>{let t=v.current,n=t+e,l=performance.now();g.current&&(cancelAnimationFrame(g.current),g.current=null);let o=r=>{let a=Math.min((r-l)/300,1);v.current=t+e*(1-Math.pow(1-a,3)),P(),a<1?g.current=requestAnimationFrame(o):(g.current=null,v.current=n,P())};g.current=requestAnimationFrame(o)},[P]),F=(0,o.useCallback)(()=>{T(),E(-I)},[I,E,T]),R=(0,o.useCallback)(()=>{T(),E(I)},[I,E,T]);(0,o.useEffect)(()=>{let e=p.current;if(!e)return;let t=e=>{if(Math.abs(e.deltaX)<Math.abs(e.deltaY))return;let t=e.deltaX;0!==t&&(e.preventDefault(),T(),g.current&&(cancelAnimationFrame(g.current),g.current=null),v.current+=t,P())};return e.addEventListener("wheel",t,{passive:!1}),()=>e.removeEventListener("wheel",t)},[P,T]);let B=(0,o.useCallback)(e=>{if("touch"===e.pointerType||"pen"===e.pointerType){T(),g.current&&(cancelAnimationFrame(g.current),g.current=null),y.current=!0,b.current=e.clientX,j.current=v.current;try{e.currentTarget.setPointerCapture(e.pointerId)}catch(e){}}},[T]),M=(0,o.useCallback)(e=>{y.current&&(v.current=j.current-(e.clientX-b.current),P())},[P]),z=(0,o.useCallback)(e=>{if(!y.current)return;y.current=!1;try{e.currentTarget.releasePointerCapture(e.pointerId)}catch(e){}let t=v.current%L;t<0&&(t+=L);let n=t%I,l=0;Math.abs(l=n>I/2?I-n:-n)>2&&E(l)},[I,L,E]);return n&&0!==u?(0,l.jsxs)(a.default,{"aria-label":"Package carousel","aria-roledescription":"carousel",overflow:"hidden",ref:x,role:"region",width:"100%",children:[(0,l.jsx)(a.default,{ref:p,sx:{position:"relative",height:"auto",py:"16px",touchAction:"pan-y",userSelect:"none"},onMouseEnter:T,onPointerCancel:z,onPointerDown:B,onPointerMove:M,onPointerUp:z,onTouchStart:T,children:(0,l.jsx)(i.EqualHeight,{children:n.map((e,t)=>{var n;return(0,l.jsx)("div",{ref:e=>{m.current[t]=e},style:{position:0===t?"relative":"absolute",top:0===t?0:"16px",left:0,width:C,willChange:"transform",display:"flex",flexDirection:"column",transform:"translateX(".concat(t*I,"px)")},children:(0,l.jsx)(q,{card:e,cardWidth:C,index:t,...(null==e||null==(n=e.config)?void 0:n.type)==="modal"&&{myFreeConfig:s}})},t)})})}
1),(0,l.jsx)(X,{autoScroll:w,config:r,controlsConfig:d,handleNext:R,handlePlayPause:D,handlePrev:F})]}):null});var K=n(25741);let U=n(8081).DtvTheme.breakpoints,Q={ctaStyles:{"&:before":{border:"0px solid transparent !important"},width:{xs:"100%",sm:"287px",md:"335px"},margin:"0",[U.down(U.values.sm)]:{width:"100% !important"},[U.up(U.values.sm)]:{width:"287px !important"},[U.up(U.values.md)]:{width:"335px !important"},"& span":{fontFamily:"roboto-medium"}}},$=o.memo(e=>{let{cta:t,secondaryCta:n}=e;try{var o,a,i,s,d,c,u,x,p;return(0,l.jsxs)(l.Fragment,{children:[(null==t?void 0:t.label)&&(0,l.jsx)(K.A,{"aria-label":null==t?void 0:t.label,buttontype:(null==t?void 0:t.buttontype)||"primary",googleanalyticsdata:(0,H.getAnalyticsAttrs)(null==t?void 0:t.label,"genrepack_carousel",null==t?void 0:t.targeturl),href:null==t?void 0:t.targeturl,mode:(null==t?void 0:t.mode)||"light",size:(null==t?void 0:t.size)||"large",tabIndex:0,sx:{color:null==t?void 0:t.color,background:null==t?void 0:t.background,"&:hover, &:active, &:focus":{color:null==t||null==(o=t.hover)?void 0:o.color,background:null==t||null==(a=t.hover)?void 0:a.background,border:null==t||null==(i=t.hover)?void 0:i.border},...Q.ctaStyles},...t,children:null==t?void 0:t.label}),(null==n?void 0:n.label)&&(0,l.jsx)(K.A,{"aria-label":null==n?void 0:n.label,buttontype:(null==n?void 0:n.buttontype)||"secondary",googleanalyticsdata:(0,H.getAnalyticsAttrs)(null==n?void 0:n.label,"genrepack_carousel",(null==n?void 0:n.targeturl)||(null==n||null==(s=n.modalData)?void 0:s.url)),mode:(null==n?void 0:n.mode)||"light",size:(null==n?void 0:n.size)||"large",tabIndex:0,sx:{color:null==n?void 0:n.color,background:null==n?void 0:n.background,border:null==n?void 0:n.border,"&:hover, &:active, &:focus":{color:null==n||null==(d=n.hover)?void 0:d.color,background:null==n||null==(c=n.hover)?void 0:c.background,border:null==n||null==(u=n.hover)?void 0:u.border},...Q.ctaStyles},...n,...(null==n||null==(x=n.modalData)?void 0:x.url)?{modalData:{url:null==n||null==(p=n.modalData)?void 0:p.url},modalType:(null==n?void 0:n.modalType)||"iframe"}:{targeturl:null==n?void 0:n.targeturl},children:null==n?void 0:n.label})]})}catch(e){return(0,l.jsx)(r.default,{component:"CtaSection",error:e})}}),J={topperContainerStyles:{m:{xs:"0 20px 8px 20px",sm:"0 32px 8px 32px",md:"0 140px 8px 140px"},display:"flex",flexDirection:{xs:"column",sm:"row"},justifyContent:{md:"space-between"},gap:{xs:"12px",sm:"0px",md:"48px"}},textContainerStyles:{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"16px"},pricingContainerStyles:{display:"flex",flexDirection:"column",alignItems:"flex-start"},ctaContainerStyles:{flexDirection:"column",height:"auto",justifyContent:"end",alignItems:"end",gap:"14px",ml:{xs:"0",sm:"48px"}}},ee=o.memo(e=>{let{title:t,subHeading:n,bodyText:o,priceText:i,cta:d,secondaryCta:c,
1config:u}=e;try{var x,p,m;return(0,l.jsxs)(a.default,{"data-testid":"package-carousel-topper",id:"package-carousel-topper-container",sx:{...J.topperContainerStyles},children:[(0,l.jsxs)(a.default,{sx:{...J.textContainerStyles},children:[(0,l.jsxs)(a.default,{children:[(null==t?void 0:t.content)&&(0,l.jsx)(s.default,{...t}),(null==n?void 0:n.content)&&(0,l.jsx)(s.default,{...n}),(null==o?void 0:o.content)&&(0,l.jsx)(s.default,{...o})]}),(null==i?void 0:i.content)&&(0,l.jsxs)(a.default,{sx:{...J.pricingContainerStyles},children:[(null==i||null==(x=i.bodyText)?void 0:x.content)&&(0,l.jsx)(s.default,{...null==i?void 0:i.bodyText}),(0,l.jsxs)(a.default,{children:[(null==i?void 0:i.content)&&(0,l.jsx)(s.default,{content:null==i?void 0:i.content,variant:null==i?void 0:i.variant,sx:{color:null==i?void 0:i.color,display:"inline",fontWeight:"bold"}}),(null==i||null==(p=i.spanText)?void 0:p.content)&&(0,l.jsx)(s.default,{...null==i?void 0:i.spanText,display:"inline",fontWeight:"bold"}),(null==i||null==(m=i.legal)?void 0:m.content)&&(0,l.jsx)(s.default,{...null==i?void 0:i.legal,display:"inline"})]})]})]}),(d||c)&&(0,l.jsx)(a.default,{sx:{...J.ctaContainerStyles,display:{xs:(null==u?void 0:u.isCtaPositionBottom)?"none":"flex",sm:"flex"}},children:(0,l.jsx)($,{cta:d,secondaryCta:c})})]})}catch(e){return(0,l.jsx)(r.default,{component:"Dtv Card",error:e})}}),et={cardsContainerStyles:{display:"flex",overflow:"auto",py:"16px",scrollBehavior:"smooth",msOverflowStyle:"none","&::-webkit-scrollbar":{display:"none"}}},en=o.memo(e=>{let{cards:t,myFreeConfig:n,config:r,controlsConfig:s}=e,d=(0,o.useRef)(null),c=V(),u=(0,o.useCallback)(()=>{d.current&&d.current.scrollBy({left:-c-15,behavior:"smooth"})},[c]),x=(0,o.useCallback)(()=>{d.current&&d.current.scrollBy({left:c+15,behavior:"smooth"})},[c]);return(0,l.jsxs)(a.default,{"aria-label":"Package carousel","aria-roledescription":"carousel",overflow:"hidden",role:"region",sx:{m:{xs:"0 20px 0 20px",sm:"0 32px 0 32px",md:"0 140px 0 140px"}},children:[(0,l.jsx)(i.EqualHeight,{children:(0,l.jsx)(a.default,{ref:d,sx:{...et.cardsContainerStyles},children:null==t?void 0:t.map((e,t)=>{var o;return(0,l.jsx)(q,{card:e,cardWidth:c,index:t,...(null==e||null==(o=e.config)?void 0:o.type)==="modal"&&{myFreeConfig:n}},t)})})}),(0,l.jsx)(X,{config:r,controlsConfig:s,handleNext:x,handlePrev:u})]})}),el={rootContainerStyles:{pt:{xs:"48px",sm:"72px",md:"72px"},pb:{xs:"24px",sm:"32px"},display:"flex",flexDirection:"column"},ctaContainerStyles:{display:{xs:"flex",sm:"none"},flexDirection:"column",gap:"14px",p:"20px 0",m:{xs:"24px 20px 0 20px",sm:"0 0 0 0",md:"0 0 0 0"}}},eo=e=>{let{background:t,cards:n,title:o,subHeading:i,bodyText:s,priceText:d,cta:c,secondaryCta:u,myFreeConfig:x,controlsConfig:p,config:m,comparePkgTray:f}=e;try{return(0,l.jsxs)(a.default,{sx:{background:t},children:[(0,l.jsxs)(a.default,{"data-testid":"package-carousel-root-container",id:"package-carousel-root-container",sx:{...el.rootContainerStyles},children:[(0,l.jsx)(ee,{bodyText:s,config:m,cta:c,"data-testid":"package-carousel-topper",priceText:d,secondaryCta:u,subHeading:i,title:o}),(null==m?void 0:m.isAutoScrollNeeded)?(0,l.jsx)(Z,{cards:n,carouselSpeed:(null==m?void 0:m.scrollSpeed)||1,config:m,controlsConfig:p,"data-testid":"package-carousel-carousel",myFreeConfig:x}):(0,l.jsx)(en,{cards:n,config:m,controlsConfig:p,"data-testid":"package-carousel-cards",myFreeConfig:x}),(null==m?void 0:m.isCtaPositionBottom)&&(c||u)&&(0,l.jsx)(a.default,{"data-testid":"package-carousel-mobile-cta-container",id:"package-carousel-mobile-cta-container",sx:{...el.ctaContainerStyles},children:(0,l.jsx)($,{cta:c,"data-testid":"package-carousel-cta-section",secondaryCta:u})})]}),(0,l.jsx)(z.default,{...f,originType:"packageCarousel"})]})}catch(e){return(0,l.jsx)(r.default,{component:"Dtv Card",error:e})}},er=o.memo(e=>{var t,n,o;return(0,l.jsx)(z.ComparePkgTrayProvider,{compareText:null==e||null==(t=e.comparePkgTray)?void 0:t.compareText,isComparePkgTray:null==e||null==(n=e.comparePkgTray)?void 0:n.isCompareEnabled,maxSelectedTag:Number(null==e||null==(o=e.comparePkgTray)?void 0:o.maxSelectedPackages)||3,children:(0,l.jsx)(eo,{...e})})})}
1,95988:(e,t,n)=>{function l(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",l=null==e?void 0:e.currentTarget;if(l&&"1"!==l.dataset.logoFallbackApplied){if(!(null!=t?t:a(null==l?void 0:l.src)))return void("emptySvg"===n?(l.dataset.logoFallbackApplied="1",l.src="https://www.directv.com/dtvassets/global/component-assets/guide/EmptySVG.svg"):"hideParent"===n&&l.parentElement&&(l.parentElement.style.display="none"));l.dataset.logoFallbackApplied="1",l.src="https://www.directv.com/assets/content/youlnv3nxj/web/channel-logo_missing-logo.png"}}function o(e,t){return(null!=e?e:a(t))?{display:"block",width:"100%",height:"100%",aspectRatio:"1",objectFit:"contain",boxSizing:"border-box",padding:"16%",borderRadius:0}:{}}n.d(t,{E:()=>c,Pp:()=>d,ch:()=>i,dC:()=>l,sr:()=>a,u6:()=>o});let r={backgroundColor:"#FFFFFF",borderRadius:"50%",transform:"scale(".concat(.8276,")"),boxShadow:"0px 2px 15px 0px rgba(0, 0, 0, 0.1)"};function a(e){return(null!=e?e:"").includes("chlogo-clb-guide")}function i(e,t){return(null!=e?e:a(t))?r:{}}function s(e){return/^https?:\/\//i.test(null!=e?e:"")}function d(e){return s(e)?String(e):"https://www.directv.com/".concat(e)}function c(e){return e?s(e)?e:"https://www.directv.com".concat(e.startsWith("/")?"":"/").concat(e):""}}}]); 2//# sourceMappingURL=84248.7f6199f1f01e4eba.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.