1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[4098],{1423:(e,t,n)=>{n.d(t,{Ay:()=>on,kr:()=>fe});var a=n(48431),r=n(30855),i=n(20137),o=n(65522),s=n(22871),l=n(63019),c=n(50081),d=n(54720),h=n(19862),p=n(99429),u=n(70763),m=n(25904),g=n(42295),x=n(72037),f=n(26912),v=n(14419),b=n(36092),k=n(29928),$=n(39307),y=n(22159),I=n(96412),w=n(22878),C=n(219),j=n(93413),A=n(11046),S=n(73907),z=n(85349),T=n(53348),L=n(84089),N=n(23837),B=n(611),H=n(58068),E=n(53283),F=n(60154),K=n(56148),M=n(93638),G=n(57148),Y=n(90350),R=n(25571),D=(0,a.createContext)({});const W=(e,t=!1)=>({backgroundColor:e.color.monochrome6.default,links:{color:e.inverseColor.monochrome6.default,iconAppearance:"primary",inverseIcon:!t,backgroundColor:"none",active:{color:e.color.monochrome6.default,iconAppearance:"primary",inverseIcon:!t,backgroundColor:e.color.monochrome1.default}}}),O=e=>({appearance:{primary:{iconGroup:"system",topBar:W(e,!1),mainBar:{backgroundColor:e.color.monochrome1.default,linkColor:e.color.monochrome6.default,bottomBorderColor:e.color.monochrome3.default,activeBorderColor:e.color.primary1.default,iconAppearance:"primary",interactiveIconAppearance:"primary",initialsAvatarAppearance:"secondary",inverseIcon:!1,logoSize:{width:36,height:36},fontWeight:2,hoverColor:e.color.primary1.default},dropdownMenu:{dropdownTitle:{color:e.color.monochrome1.default,backgroundColor:e.color.monochrome1.default,borderColor:e.color.monochrome3.default,borderFillColor:e.color.monochrome1.default,active:{color:e.color.primary1.default,backgroundColor:e.color.monochrome1.default}},dropdownLinks:{color:e.color.monochrome1.default,iconAppearance:"primary",inverseIcon:!0,backgroundColor:e.color.monochrome1.default,active:{color:e.color.primary1.default,iconAppearance:"primary",inverseIcon:!1,backgroundColor:e.color.monochrome1.default}}},mobileNav:{backgroundColor:e.color.monochrome1.default,footerBackgroundColor:e.color.monochrome2.default,closeButtonColor:e.color.primary1.default,closeButtonBorderRadius:e.border.radius[2],closeButtonSize:"40px",closeIconSize:3,links:{borderColor:e.color.monochrome2.default},topBar:W(e,!0),closeIconAppearance:"primary",inverseCloseIcon:!0,iconAppearance:"secondary",inverseIcon:!1,chevronIconAppearance:"primary",inverseChevronIcon:!1},userDropdown:{color:e.color.monochrome6.default,borderColor:e.color.monochrome6.default,active:{color:e.color.primary1.default}},searchBar:{activeCloseButtonColor:e.color.primary1.default,closeIconAppearance:"primary",inverseCloseIcon:!1}}}}),X=(0,i.I4)(u.N3)(({zIndex:e,logoWidth:t,logoHeight:n})=>i.AH` 2 z-index: ${e}; 3 display: flex; 4 align-items: center; 5 justify-content: flex-start; 6 7 ${m.XG.lg(i.AH` 8 ${(0,m.Sg)("padding",[2,0])}; 9 `)} 10 11 svg { 12 width: ${t}px; 13 height: ${n}px; 14 } 15 `),U=({onClick:e,srText:t,zIndex:n,href:a,localTheme:r})=>{const{brandLogo:o}=(0,i.DP)(),s=o,{appearance:l}=(0,d.Y1)("Header",O,r),{logoSize:c}=l.primary.mainBar;return(0,g.jsx)(X,{onClick:a?e:void 0,href:a,label:t,zIndex:n,logoWidth:c.width,logoHeight:c.height,children:(0,g.jsx)(s,{})})},_=i.I4.div(e=>i.AH` 16 position: relative; 17 z-index: ${e.zIndex+2}; 18 ${(0,m.Sg)("padding",[2,3])}; 19 flex-grow: 1; 20 display: flex; 21 align-items: center; 22 23 ${m.XG.lg(i.AH` 24 margin-left: auto; 25 `)} 26 27 ${x.aI.InteractiveIcon} { 28 ${(0,m.kY)({speed:3})}; 29 &:hover { 30 svg { 31 * {
32 ${(0,m.ks)(e.headerTheme.appearance[e.appearance].searchBar.activeCloseButtonColor)}; 33 } 34 } 35 } 36 } 37 `),q=i.I4.div` 38 flex-grow: 1; 39 ${(0,m.YK)("margin-right",3)}; 40`,P=()=>{const[e,t]=(0,a.useState)(""),n=(0,a.useContext)(D);(0,a.useEffect)(()=>{const e=document.getElementById("headerSearchInput");e&&e.focus()},[]);const{closeIconAppearance:r,inverseCloseIcon:i}=n.headerTheme.appearance[n.appearance].searchBar;return(0,g.jsxs)(_,{zIndex:n?.data?.zIndex,appearance:n.appearance,headerTheme:n.headerTheme,children:[(0,g.jsx)(q,{children:(0,g.jsx)(f.DO,{textInput:{id:"headerSearchInput",value:e,onChange:e=>t(e.target.value),placeholder:"Enter search term"},fieldWrapper:{label:"Search input full width",width:"full",showLabel:!1},searchIconButton:{onClick:t=>{t?.preventDefault(),n&&n.linkClick&&n.linkClick(null,{url:`https://www.vodafone.co.uk/search/?q=${e}`,trackingTag:"search"})}},onClear:()=>t("")})}),(0,g.jsx)(x.EG,{srText:"Close Search",name:"close",appearance:r,inverse:i,onClick:n?.toggleSearch})]})},V=i.I4.div(e=>i.AH` 41 position: relative; 42 z-index: ${e.zIndex+2}; 43 ${(0,m.Sg)("padding",[2,3])}; 44 flex-grow: 1; 45 display: flex; 46 align-items: center; 47 48 ${m.XG.lg(i.AH` 49 margin-left: auto; 50 `)} 51 52 ${x.aI.InteractiveIcon} { 53 ${(0,m.kY)({speed:3})}; 54 &:hover { 55 svg { 56 * {
57 ${(0,m.ks)(e.headerTheme.appearance[e.appearance].searchBar.activeCloseButtonColor)}; 58 } 59 } 60 } 61 } 62 63 .search_form { 64 width: 100%; 65 overflow: visible; 66 67 .yxt-GeoLocationFilter-container, 68 .yxt-SearchBar-container { 69 border: none !important; 70 overflow: visible; 71 background: transparent; 72 } 73 74 .yxt-SearchBar-form { 75 position: relative; 76 z-index: 2; 77 } 78 79 .yxt-SearchBar-input { 80 background-color: ${e.theme.formFields.backgroundColor}; 81 color: ${e.theme.formFields.color}; 82 border: ${e.theme.formFields.border.width} ${e.theme.formFields.border.style} 83 ${e.theme.formFields.border.color}; 84 border-right: none; 85 border-top-left-radius: ${e.theme.formFields.border.radius}; 86 border-bottom-left-radius: ${e.theme.formFields.border.radius}; 87 outline: none; 88 ${(0,m.kY)({property:"box-shadow"})}; 89 90 &::placeholder { 91 color: ${e.theme.color.monochrome4.default}; 92 opacity: 0.7; 93 } 94 } 95 96 .yxt-SearchBar-input:focus, 97 .yxt-SearchBar-input:focus-visible { 98 box-shadow: 99 0 0 0 3px ${e.theme.color.focus.default}, 100 0 0 0 4px ${e.theme.color.primary2.default}; 101 } 102 103 /* When the dropdown is open, flatten the inward-curving bottom corners 104 of the input and button so the row sits flush against the dropdown. */ 105 106 .yxt-SearchBar-container:has(.yxt-AutoComplete-wrapper .yxt-AutoComplete-option) { 107 .yxt-SearchBar-input { 108 border-bottom-left-radius: 0; 109 } 110 111 .yxt-SearchBar-button { 112 border-bottom-right-radius: 0; 113 } 114 } 115 116 .yxt-GeoLocationFilter { 117 border-radius: 0 !important; 118 } 119 120 .yxt-AutoComplete-wrapper { 121 background: ${e.theme.formFields.backgroundColor}; 122 color: ${e.theme.formFields.color}; 123 border: ${e.theme.formFields.border.width} ${e.theme.formFields.border.style} 124 ${e.theme.formFields.border.color}; 125 border-top: none; 126 border-radius: 0 0 ${e.theme.formFields.border.radius} ${e.theme.formFields.border.radius} !important; 127 margin-top: -1px; 128 overflow: hidden; 129 display: none !important; 130 } 131 132 /* Show autocomplete wrapper only when it has results */ 133 134 .yxt-AutoComplete-wrapper:has(.yxt-AutoComplete-option) { 135 display: block !important; 136 } 137 138 .yxt-AutoComplete-option { 139 cursor: pointer; 140 141 &:hover, 142 &:focus { 143 background-color: ${e.theme.formFields.selected.backgroundColor}; 144 color: ${e.theme.formFields.selected.color}; 145 } 146 } 147 148 .yxt-SearchBar-button { 149 width: 46px; 150 min-width: 46px; 151 height: 48px; 152 background: ${e.theme.color.primary1.default}; 153 border: 0; 154 border-top-right-radius: ${e.theme.formFields.border.radius}; 155 border-bottom-right-radius: ${e.theme.formFields.border.radius}; 156 display: flex; 157 align-items: center; 158 justify-content: center; 159 padding: 0; 160 161 &:hover { 162 background: ${e.theme.color.primary1.hover}; 163 } 164 165 &:focus, 166 &:focus-visible { 167 outline: none !important; 168 box-shadow: none !important; 169 } 170 } 171 172 .yxt-SearchBar-AnimatedIcon { 173 display: none; 174 } 175 176 .yxt-AutoComplete, 177 .yxt-AutoComplete-results { 178 padding-top: 0 !important; 179 padding-bottom: 0 !important; 180 margin: 0 !important; 181 background: transparent !important; 182 border: none !important; 183 } 184 185 .yxt-GeoLocationFilter-clear, 186 .yxt-SearchBar-clear { 187 display: none; 188 } 189 } 190 `),Q=i.I4.div` 191 position: relative; 192 flex-grow: 1; 193 ${(0,m.YK)("margin-right",3)}; 194`,Z=i.I4.div` 195 position: absolute; 196 right: 52px; 197 top: 50%; 198 transform: translateY(-50%); 199 z-index: 2; 200 display: flex; 201 align-items: center; 202 justify-content: center; 203`,J=i.I4.div` 204 position: absolute; 205 right: 0; 206 top: 50%; 207 transform: translateY(-50%); 208 width: 46px; 209 height: 48px; 210 display: flex; 211 align-items: center; 212 justify-content: center; 213 pointer-events: none; 214 z-index: 1; 215`,ee=({config:e})=>{const t=(0,a.useRef)(!1),n=(0,a.useContext)(D),r=(0,i.DP)(),[s,l]=(0,a.useState)(!1),c=e.containerSelector||".search_form",d=c.startsWith(".")?c.substring(1):c;(0,a.useEffect)(()=>{const n=setInterval(()=>{window.ANSWERS&&window.TemplateBundle&&(clearInterval(n),(()=>{if(!t.current&&window.ANSWERS&&window.TemplateBundle)try{t.current=!0,window.ANSWERS.init({apiKey:e.apiKey,experienceKey:e.experienceKey,experienceVersion:e.experienceVersion,locale:e.locale,businessId:e.businessId,templateBundle:window.TemplateBundle.default,onReady:()=>{window.ANSWERS&&window.ANSWERS.addComponent("SearchBar",{container:c,name:"search-bar",redirectUrl:e.redirectUrl||"/search",placeholderText:e.placeholderText||"Enter Search Item"})}})}catch{t.current=!1}})())},250);return()=>{clearInterval(n)}},[e,c]),(0,a.useEffect)(()=>{let e;const t=setInterval(()=>{document.querySelector(".yxt-SearchBar-input")&&(clearInterval(t),(()=>{const t=document.querySelector(".yxt-SearchBar-input");if(!t)return;const n=()=>
215{l(!!t.value)};t.addEventListener("input",n),l(!!t.value),e=()=>{t.removeEventListener("input",n)}})())},250);return()=>{clearInterval(t),e&&e()}},[]);const{closeIconAppearance:h,inverseCloseIcon:p}=n.headerTheme.appearance[n.appearance].searchBar;return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(v.mg,{children:[(0,g.jsx)("link",{rel:"stylesheet",type:"text/css",href:"https://assets.sitescdn.net/answers-search-bar/v1.6/answers.css"}),(0,g.jsx)("script",{src:"https://assets.sitescdn.net/answers-search-bar/v1.6/answerstemplates.compiled.min.js",defer:!0}),(0,g.jsx)("script",{src:"https://assets.sitescdn.net/answers-search-bar/v1.6/answers.min.js",defer:!0})]}),(0,g.jsxs)(V,{zIndex:n?.data?.zIndex,appearance:n.appearance,headerTheme:n.headerTheme,children:[(0,g.jsxs)(Q,{children:[(0,g.jsx)("div",{className:d}),(0,g.jsx)(Z,{children:(0,g.jsx)(o.iK,{show:s,enter:{animations:["fadeIn"],duration:r.transition.speed[2]},exit:{animations:["fadeOut"]},children:(0,g.jsx)(x.EG,{name:"close",appearance:h,inverse:p,srText:"Clear search input",size:2,onClick:()=>{const e=document.querySelector(".yxt-SearchBar-input"),t=document.querySelector(".yxt-SearchBar-clear");e&&(e.value="",e.focus(),l(!1)),t&&t.click()}})})}),(0,g.jsx)(J,{children:(0,g.jsx)(b.In,{name:"search",size:3,inverse:!0})})]}),(0,g.jsx)(x.EG,{srText:"Close Search",name:"close",appearance:h,inverse:p,onClick:n?.toggleSearch})]})]})},te=(e,t,n)=>{const a=e&&((r=e).startsWith("/")&&!r.startsWith("//")||/^https?:\/\//i.test(r))?e:"https://www.vodafone.co.uk/search/";var r;const i=t||"q";return`${a}${a.includes("?")?"&":"?"}${i}=${encodeURIComponent(n)}`},ne="headerSearchInput",ae=i.AH` 216 position: static; 217 218 ${m.XG.md(i.AH` 219 position: relative; 220 `)} 221`,re=(0,i.I4)(_)` 222 ${ae}; 223`,ie=i.I4.div` 224 ${ae}; 225 width: 100%; 226 227 [data-component-name='IconButton'] { 228 position: relative; 229 z-index: ${e=>(e.zIndex??10)+4}; 230 } 231`,oe=i.I4.span` 232 ${(0,m.sM)()}; 233`,se=i.I4.ul(e=>i.AH` 234 position: absolute; 235 top: 100%; 236 left: 0; 237 right: 0; 238 z-index: ${(e.zIndex??10)+3}; 239 margin: 0; 240 padding: 0; 241 list-style: none; 242 background-color: ${e.theme.formFields.backgroundColor}; 243 border: ${e.theme.formFields.border.width} ${e.theme.formFields.border.style} 244 ${e.theme.formFields.backgroundColor}; 245 border-top: none; 246 border-radius: 0 0 ${e.theme.formFields.border.radius} ${e.theme.formFields.border.radius}; 247 overflow: hidden; 248 249 ${m.XG.md(i.AH` 250 border-color: ${e.theme.formFields.border.color}; 251 transform: translateY(-${e.theme.formFields.border.radius}); 252 padding: ${e.theme.formFields.border.radius} 0 0; 253 `)} 254 `),le=i.I4.li(e=>i.AH` 255 ${m.Il.paragraph(2,!1)}; 256 ${(0,m.Sg)("padding",[2,3])}; 257 ${(0,m.to)("min-height",8)}; 258 display: flex; 259 align-items: center; 260 margin: 0; 261 color: ${e.theme.formFields.color}; 262 cursor: pointer; 263 background-color: ${e.isActive?e.theme.formFields.selected.backgroundColor:"transparent"}; 264 ${e.isActive&&i.AH` 265 color: ${e.theme.formFields.selected.color}; 266 `} 267 268 &:hover { 269 background-color: ${e.theme.formFields.selected.backgroundColor}; 270 color: ${e.theme.formFields.selected.color}; 271 } 272 `),ce=({listboxId:e,ariaLabel:t,optionIdPrefix:n,suggestions:a,activeIndex:r,zIndex:i,onSelect:o})=>(0,g.jsx)(se,{id:e,role:"listbox","aria-label":t,zIndex:i,"data-component-name":"SuggestionsDropdown",children:a.map((e,t)=>(0,g.jsx)(le,{id:`${n}-${t}`,role:"option","aria-selected":t===r,isActive:t===r,onMouseDown:t=>{t.preventDefault(),o(e)},children:e},`${n}-${t}`))}),de=({config:e})=>{const[t,n]=(0,a.useState)(""),[i,o]=(0,a.useState)([]),[s,l]=(0,a.useState)(!1),[c,d]=(0,a.useState)(-1),[h,p]=(0,a.useState)(""),u=(0,a.useContext)(D),m=(0,k.HK)(),{t:v}=(0,r.Bd)(),b=(0,a.useRef)((()=>{let e=null;return{run:t=>{e&&clearTimeout(e),e=setTimeout(()=>{e=null,t()},500)},cancel:()=>{e&&(clearTimeout(e),e=null)}}})()),$=(0,a.useRef)(0),y=(0,a.useRef)(!0),I=(0,a.useRef)(t);I.current=t;const w=(0,a.useRef)(-1),C=(0,a.useId)(),j=`${C}listbox`,A=`${C}hint`,S=`${C}option`;(0,a.useEffect)(()=>{const e=document.getElementById(ne),t=()=>{b.current.run(()=>T(I.current.trim()))};e?.addEventListener("focus",t),e?.focus();const n=b.current;return()=>{y.current=!1,n.cancel(),e?.removeEventListener("focus",t)}},[]),(0,a.useEffect)(()=>{const e=document.getElementById(ne);e&&(e.setAttribute("role","combobox"),e.setAttribute("aria-autocomplete","list"),e.setAttribute("aria-expanded",String(s)),e.setAttribute("aria-describedby",A),s?(e.setAttribute("aria-controls",j),c>=0?e.setAttribute("aria-activedescendant",`${S}-${c}`):e.removeAttribute("aria-activedescendant")):(e.removeAttribute("aria-controls"),e.removeAttribute("aria-activedescendant")))},[s,c,j,S,A]);const z=e=>{e!==w.current&&(w.current=e,p(0===e?v("No suggestions available"):v(1===e?"{{count}} suggestion available":"{{count}} suggestions available",{count:e})))},T=t=>{$.current+=1;const n=$.current;m.setQuery(t),m.executeUniversalAutocomplete().then(t=>{if(!y.current||n!==$.current)return;const a=e.maxSuggestions??8,r=(a>0?t.results.slice(0,a):t.results).map(e=>e.value);o(r),l(r.length>0),d(-1),z(r.length)}).catch(()=>{y.current&&n===$.current&&(o([]),l(!1),d(-1),z(0))})},L=t=>{u?.linkClick?.(null,{url:te(e.redirectUrl,e.queryParamName,t),trackingTag:"search"})},N=e=>{L(e)}
272,{closeIconAppearance:B,inverseCloseIcon:H}=u.headerTheme.appearance[u.appearance].searchBar;return(0,g.jsxs)(re,{zIndex:u?.data?.zIndex,appearance:u.appearance,headerTheme:u.headerTheme,children:[(0,g.jsx)(q,{children:(0,g.jsxs)(ie,{"data-component-name":"HeadlessSearchBar",zIndex:u?.data?.zIndex,children:[(0,g.jsx)(f.DO,{textInput:{id:ne,value:t,onChange:e=>{return t=e.target.value,n(t),void b.current.run(()=>T(t.trim()));var t},onKeyDown:e=>{switch(e.key){case"ArrowDown":if(0===i.length)return;e.preventDefault(),s?d(e=>Math.min(e+1,i.length-1)):(l(!0),d(0));break;case"ArrowUp":if(!s||0===i.length)return;e.preventDefault(),d(e=>Math.max(e-1,-1));break;case"Enter":s&&c>=0&&i[c]&&(e.preventDefault(),N(i[c]));break;case"Escape":s&&(e.preventDefault(),l(!1),d(-1))}},onBlur:()=>{l(!1),d(-1)},placeholder:e.placeholderText||v("Enter search term")},fieldWrapper:{label:v("Search input"),width:"full",showLabel:!1},searchIconButton:{onClick:()=>{const e=t.trim();e&&L(e)}},onClear:()=>{n(""),b.current.cancel(),o([]),l(!1),d(-1),p(""),w.current=-1,document.getElementById(ne)?.focus()}}),s&&(0,g.jsx)(ce,{listboxId:j,ariaLabel:v("Search suggestions"),optionIdPrefix:S,suggestions:i,activeIndex:c,zIndex:u?.data?.zIndex,onSelect:N}),(0,g.jsx)(oe,{id:A,children:v("When suggestions are available, use the up and down arrow keys to review them.")}),(0,g.jsx)(oe,{as:"output","aria-live":"polite","aria-atomic":"true",children:h})]})}),(0,g.jsx)(x.EG,{srText:"Close Search",name:"close",appearance:B,inverse:H,onClick:u?.toggleSearch})]})},he=({config:e})=>{const{apiKey:t,experienceKey:n,locale:r,experienceVersion:i}=e;return(0,g.jsx)(k.p5,{searcher:(0,a.useMemo)(()=>(0,$.bp)({apiKey:t,experienceKey:n,locale:r,...i?{experienceVersion:i}:{}}),[t,n,r,i]),children:(0,g.jsx)(de,{config:e})})},pe=({config:e})=>"yext-headless"===e.integration?(0,g.jsx)(he,{config:e}):(0,g.jsx)(ee,{config:e}),ue=i.I4.div(e=>i.AH` 273 position: relative; 274 z-index: ${e.zIndex&&e.zIndex+1}; 275 `),me=i.I4.div(e=>{const{backgroundColor:t,bottomBorderColor:n}
275=e.headerTheme.appearance[e.appearance].mainBar;return i.AH` 276 background: ${t}; 277 border-bottom: ${e.theme.border.width[1]} ${e.theme.border.style[1]} ${n}; 278 position: absolute; 279 inset: 0; 280 `}),ge=i.I4.div(e=>i.AH` 281 width: 100%; 282 max-width: ${e.theme.gridConfig.springWidth}px; 283 margin: 0 auto; 284 display: flex; 285 align-items: stretch; 286 justify-content: flex-start; 287 height: 70px; 288 ${(0,m.YK)("padding-left",4)}; 289 ${(0,m.YK)("padding-right",4)}; 290 291 & > * { 292 ${(0,m.YK)("margin-right",3)}; 293 &:last-child { 294 margin-right: 0; 295 margin-left: auto; 296 } 297 } 298 299 .navigation-groups { 300 &-enter { 301 animation-name: fadeIn; 302 animation-duration: 0.2s; 303 } 304 305 &-exit { 306 animation-name: fadeOut; 307 animation-duration: 0.2s; 308 } 309 } 310 311 .search-bar { 312 &-enter { 313 animation-name: searchBarIn; 314 animation-duration: 0.2s; 315 } 316 317 &-exit { 318 animation-name: fadeOut; 319 animation-duration: 0.2s; 320 } 321 } 322 323 @keyframes fadeIn { 324 0% { 325 opacity: 0; 326 } 327 328 100% { 329 opacity: 1; 330 } 331 } 332 333 @keyframes fadeOut { 334 0% { 335 opacity: 1; 336 } 337 338 100% { 339 opacity: 0; 340 } 341 } 342 343 @keyframes searchBarIn { 344 0% { 345 flex-grow: 0; 346 opacity: 0; 347 } 348 349 100% { 350 flex-grow: 1; 351 opacity: 1; 352 } 353 } 354 `),xe=e=>{const[t,n]=(0,a.useState)(!1),[i,o]=(0,a.useState)(!0),s=(0,a.useContext)(D),l=()=>{n(!0),o(!1)};(0,a.useEffect)(()=>{e.showSearch&&l()},[]);const{t:c}=(0,r.Bd)();return(0,g.jsxs)(ue,{zIndex:s.data?.zIndex,children:[(0,g.jsx)(me,{appearance:s.appearance,headerTheme:s.headerTheme}),(0,g.jsxs)(ge,{children:[(0,g.jsx)(U,{onClick:s.linkClick,srText:c("Navigates to",{direction:s.data?.logoUrl}),href:s.data?.logoUrl,zIndex:s.data?.zIndex}),(0,g.jsx)(p.A,{in:!e.showSearch&&i,unmountOnExit:!0,timeout:150,classNames:"navigation-groups",onExited:l,onEntered:()=>{n(!1)},children:(0,g.jsx)(a.Fragment,{children:e.children})}),(0,g.jsx)(p.A,{in:e.showSearch&&t,unmountOnExit:!0,timeout:150,classNames:"search-bar",onExited:()=>{n(!1),o(!0),s.hideActiveNav()},children:s.yextSearchBarConfig?(0,g.jsx)(pe,{config:s.yextSearchBarConfig}):(0,g.jsx)(P,{})})]})]})},fe="data-meganav-ref",ve="data-top-element",be="data-cs-mask",ke="business-segment",$e={en:{"Open mobile nav":"Open mobile nav","Close mobile nav":"Close mobile nav","Your account options":"Your account options","Skip to main content":"Skip to main content","Close Search":"Close Search",Basket:"Basket","Enter search term":"Enter search term","Search input":"Search input","Search suggestions":"Search suggestions","When suggestions are available, use the up and down arrow keys to review them.":"When suggestions are available, use the up and down arrow keys to review them.","No suggestions available":"No suggestions available","{{count}} suggestion available":"{{count}} suggestion available","{{count}} suggestions available":"{{count}} suggestions available"},es:{"Open mobile nav":"Abrir navegación móvil","Close mobile nav":"Cerrar navegación móvil","Your account options":"Opciones de tu cuenta","Skip to main content":"Saltar al contenido principal","Close Search":"Cerrar búsqueda",Basket:"Carrito","Enter search term":"Introduce un término de búsqueda","Search input":"Campo de búsqueda","Search suggestions":"Sugerencias de búsqueda","When suggestions are available, use the up and down arrow keys to review them.":"Cuando haya sugerencias disponibles, usa las teclas de flecha arriba y abajo para revisarlas.","No suggestions available":"No hay sugerencias disponibles","{{count}} suggestion available":"{{count}} sugerencia disponible","{{count}} suggestions available":"{{count}} sugerencias disponibles"},it:{"Open mobile nav":"Apri la navigazione","Close mobile nav":"Chiudi la navigazione","Your account options":"Le tue opzioni di account","Skip to main content":"Salta al contenuto principale","Close Search":"Chiudi la ricerca",Basket:"Cesto","Enter search term":"Inserisci un termine di ricerca","Search input":"Campo di ricerca","Search suggestions":"Suggerimenti di ricerca","When suggestions are available, use the up and down arrow keys to review them.":"Quando sono disponibili suggerimenti, usa i tasti freccia su e giù per esaminarli.","No suggestions available":"Nessun suggerimento disponibile","{{count}} suggestion available":"{{count}} suggerimento disponibile","{{count}} suggestions available":"{{count}} suggerimenti disponibili"}},ye="Header",Ie=i.I4.div` 355 display: flex; 356 flex-direction: column; 357 align-items: center; 358 justify-content: center; 359 ${(0,m.YK)("padding-bottom",3)}; 360`,we=i.I4.div(({theme:e})=>i.AH` 361 margin-top: 0; 362 ${m.Il.heading(1,!1)}; 363 font-weight: ${e.fontWeight[3]}; 364 ${(0,m.Sg)("padding",[3,3,0,3])} 365 text-align: center; 366 word-break: break-word; 367 `),Ce=i.I4.div` 368 ${(0,m.Sg)("padding",[3,3,0,3])} 369 max-width: 360px; 370`,je=(0,i.I4)(j.yq)(e=>i.AH` 371 display: flex; 372 flex-direction: column; 373 align-items: stretch; 374 text-align: left; 375 gap: ${e.theme.spacing.responsive[3].md}px; 376 377 > button { 378 text-align: left; 379 } 380 `),Ae=(0,i.I4)(u.N3)` 381 ${m.Il.heading(1,!1)}; 382`,Se=i.I4.div(({theme:e})=>i.AH` 383 ${(0,m.YK)("margin-bottom",3)}; 384 display: grid; 385 grid-template-columns: ${e.spacing.responsive[4].md}px 1fr; 386 gap: ${e.spacing.responsive[2].sm}px; 387 align-items: center; 388 389 ${m.XG.md(i.AH` 390 grid-template-columns: ${e.spacing.responsive[5].lg}px 1fr; 391 `)} 392 `),ze="account-switch-loading",Te=({accountManagementLinks:e,links:t,activeAccount:n,allAccountsLink:r,error:i,onErrorClick:o,triggerAnalyticsCallback:s})=>{const{name:l,id:c}=n,d=(0,a.useContext)(D);return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(Ie,{children:[(0,g.jsx)(we,{[be]:"",children:l}),(0,g.jsx)(z.fz,{dataAttributes:{"data-test-id":"active-account-id",[be]:""},size:1,noMargin:!0,children:c})]}),i&&(0,g.jsx)(T.Kz,{spacingLevel:{top:2,bottom:5,left:3,right:3},children:(0,g.jsx)(w.je,{state:"error",text:"Accounts failed to load.",link:{text:"Try again",onClick:()=>{o&&o(),window.location.reload()}}})}),e&&e.length>0&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(I.cG,{noMargin:!0,appearance:"secondary"}),(0,g.jsx)(Ce,{children:(0,g.jsx)(j.yq,{children:e.map(e=>(0,g.jsx)(j.ck,{children:(0,g.jsxs)(Se,{children:[(0,g.jsx)(b.In,{name:e.icon,size:3,appearance:"secondary"}),(0,g.jsx)(C.N_,{id:e.id,dataAttributes:{"data-meganav-ref":"accountmanagement"},href:e.href,size:3,text:e.title})]})},e.id))})})]}),t&&t.length>0&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(I.cG,{noMargin:!0,appearance:"secondary"}),(0,g.jsxs)(Ce,{children:[(0,g.jsx)(T.Kz,{spacingLevel:{bottom:4},children:(0,g.jsx)(z.fz,{weight:3,children:"Switch account"})}),(0,g.jsx)(T.Kz,{spacingLevel:{bottom:3},children:(0,g.jsx)(je,{dataAttributes:{"data-test-id":"account-list-group"},children:t.map(e=>(0,g.jsx)(j.ck,{children:(0,g.jsxs)(Ae,{onClick:()=>(e=>{S.rA.setConfig(ze,{srName:"switching-accounts-modal",rootElement:d?.data?.rootElement,isClosable:!1,renderOptions:{size:3},content:(0,g.jsx)(g.Fragment,{children:(0,g.jsx)(A.aH,{text:{text:"Switching your account",level:4},size:2})})}),S.rA.show(ze),s&&s(),window.location.href=e.href}
392)(e),dataAttributes:{"data-test-id":e.name.toLowerCase().replace(" ","-"),"data-cs-mask":""},children:[e.name,(0,g.jsx)(z.fz,{size:1,noMargin:!0,children:e.id})]})},e.id))})}),r&&(0,g.jsx)(T.Kz,{spacingLevel:{bottom:3},children:(0,g.jsx)(je,{dataAttributes:{"data-test-id":"all-accounts-list-group"},children:(0,g.jsx)(C.N_,{text:r?.title,dataAttributes:{"data-test-id":"all-accounts-link"},onClick:e=>{e.preventDefault();const t=window.location.pathname,n=r?.href??"/my-account/view-all-accounts";try{window.history.pushState({previousPathname:t},"",n),window.history.go()}catch(e){console.error("Can not pushState with different origin",e),window.location.href=n}}})})})]})]})]})},Le=(0,i.I4)(u.N3)(e=>{const{fontWeight:t}=e.headerTheme.appearance[e.headerAppearance].mainBar;return i.AH` 393 display: flex; 394 align-items: center; 395 ${(0,m.Sg)("padding",[3,4])}; 396 background: ${e.headerTheme.appearance[e.headerAppearance].mobileNav.backgroundColor}; 397 ${m.Il.heading(1,!1)}; 398 font-weight: ${e.theme.fontWeight[t]}; 399 `}),Ne=i.I4.div(({hasIcon:e})=>i.AH` 400 flex: 1; 401 ${e&&(0,m.Sg)("padding",[0,3])} 402 > ${z.rq.Paragraph} { 403 ${(0,m.YK)("margin-top",1)}; 404 } 405 `),Be=({topLink:e=!1,triggerModal:t=!1,hasSubLinks:n=!1,currentNavRef:r,href:i,onClick:o,icon:s,title:l,showChevron:c,subTitle:d})=>{const{headerTheme:h,appearance:p}=(0,a.useContext)(D),u=!t&&!n,{iconAppearance:m,inverseIcon:x,chevronIconAppearance:f,inverseChevronIcon:v}=h.appearance[p].mobileNav,{iconGroup:k}=h.appearance[p];return(0,g.jsxs)(Le,{fullSize:!0,href:u?i:void 0,dataAttributes:{[ve]:`${e}`,[fe]:`${r}`},onClick:o,headerAppearance:p,headerTheme:h,children:[s&&(0,g.jsx)(b.In,{name:s,size:2,isResponsive:!1,appearance:m,inverse:x}),(0,g.jsxs)(Ne,{hasIcon:!!s,children:[l,d&&(0,g.jsx)(z.fz,{appearance:"secondary",size:1,weight:1,children:d})]}),c&&(0,g.jsx)(b.In,{name:"chevron-right",group:k,size:2,appearance:f,inverse:v})]})},He=(0,i.I4)(j.yq)(e=>i.AH` 406 width: 360px; 407 white-space: nowrap; 408 font-size: ${e.theme.typography.paragraph[2].lg.fontSize}px; 409 `),Ee=i.I4.li` 410 ${(0,m.Sg)("padding",[6,4,4])}; 411`,Fe=(0,i.I4)(j.ck)(e=>{const{color:t,active:n}
411=e.headerTheme.appearance[e.headerAppearance].userDropdown;return i.AH` 412 ${Le} { 413 color: ${t}; 414 ${(0,m.kY)({speed:3})}; 415 border-bottom: ${e.theme.border.width[1]} ${e.theme.border.style[1]} 416 ${e.theme.color.monochrome2.default}; 417 } 418 419 &:hover { 420 ${Le} { 421 color: ${n.color}; 422 border-color: ${n.color}; 423 } 424 } 425 `}),Ke=()=>{const e=(0,a.useContext)(D);if(!e?.data?.user)return null;const t="header-confirmation-modal",n=()=>{S.rA.hide(t)},{t:i}=(0,r.Bd)();return(0,g.jsx)(He,{children:(0,g.jsxs)(g.Fragment,{children:[e?.data?.user.subHeading&&(0,g.jsx)(Ee,{children:(0,g.jsx)(L.DZ,{size:1,weight:3,noMargin:!0,children:e.data.user.subHeading})}),e?.data?.user?.links?.map((a,r)=>(0,g.jsx)(Fe,{headerAppearance:e.appearance,headerTheme:e.headerTheme,children:(0,g.jsx)(Be,{topLink:0===r,triggerModal:!!a.confirmationMessage,icon:a.icon,title:a.title,subTitle:a.subTitle,href:a.confirmationMessage?void 0:a.href,showChevron:!1,currentNavRef:"useractions",onClick:a.confirmationMessage?()=>(a=>{S.rA.setConfig(t,{srName:a.confirmationMessage,rootElement:e?.data?.rootElement,renderOptions:{size:2},content:(0,g.jsx)(N.i,{heading:{text:a.confirmationMessage?a.confirmationMessage:""},primaryButton:{text:i("Confirm"),onClick:()=>(t=>{e?.linkClick&&e.linkClick(null,{url:t.href,trackingTag:"useractions",title:t.title})})(a)},secondaryButton:{text:i("Cancel"),onClick:n}})}),S.rA.show(t)})(a):e?.linkClick})},r))]})})};var Me=(()=>{let e=null,t=null;return(n,a)=>{e!==n&&(e=n,t&&clearTimeout(t),t=setTimeout(()=>{t=null,a(n)},150))}})();const Ge=i.I4.span(e=>{const{borderColor:t,borderFillColor:n,active:a}
425=e.headerTheme.appearance[e.appearance].dropdownMenu.dropdownTitle;return i.AH` 426 ${(0,m.kY)({speed:3})}; 427 position: relative; 428 overflow: visible; 429 display: flex; 430 align-items: center; 431 ${(0,m.YK)("padding-right",3)}; 432 cursor: default; 433 434 ${m.XG.lg(i.AH` 435 ${(0,m.YK)("padding",3)}; 436 overflow: hidden; 437 438 &:hover { 439 color: ${a.color}; 440 441 & > * { 442 border-color: ${a.color}; 443 color: ${a.color}; 444 445 button { 446 color: ${a.color}; 447 } 448 } 449 } 450 451 &::before, 452 &::after { 453 position: absolute; 454 display: block; 455 top: calc(100% + 1px); 456 left: 50%; 457 content: ''; 458 transform: translate(-50%, 0); 459 width: 0; 460 height: 0; 461 border-style: solid; 462 ${(0,m.kY)()}; 463 } 464 465 &::before { 466 z-index: ${e.zIndex+4}; 467 border-width: 0 10px 10px; 468 border-color: transparent transparent ${n} transparent; 469 } 470 471 &::after { 472 z-index: ${e.zIndex+3}; 473 border-width: 0 11px 11px; 474 border-color: transparent transparent ${t} transparent; 475 } 476 `)} 477 478 a { 479 text-decoration: none; 480 } 481 `}),Ye=i.AH` 482 all: unset; 483 border: none; 484 background: none; 485 display: flex; 486 align-items: stretch; 487 font-size: 22px; 488 line-height: 1.333; 489`,Re=i.I4.li` 490 list-style: none; 491 display: flex; 492 align-items: stretch; 493`,De=i.I4.button(e=>{const{hoverColor:t}
493=e.headerTheme.appearance[e.appearance].mainBar;return i.AH` 494 ${Ye} 495 496 &:hover { 497 &::before { 498 opacity: 1; 499 } 500 501 ${Ge} { 502 color: ${t}; 503 504 & > * { 505 border-color: ${t}; 506 color: ${t}; 507 } 508 ${m.XG.lg(i.AH` 509 &::before, 510 &::after { 511 transform: translate(-50%, -100%); 512 } 513 `)} 514 } 515 } 516 517 ${(0,m.Dx)()} 518 `}),We=e=>{const t=(0,a.useContext)(D),n=()=>{t?.setActiveNav&&Me(e.id,t.setActiveNav)},r=()=>{t?.setActiveNav&&Me(null,t.setActiveNav)},i=t=>{t.target instanceof HTMLDivElement&&"header-segment"===t?.target?.dataset?.selector||(e.activeNav===e.id?r():n())};return(0,g.jsx)(Re,{children:(0,g.jsxs)(De,{onMouseOver:()=>{n()},onMouseLeave:()=>{r()},onKeyUp:e=>{40===e.keyCode&&n(),13===e.keyCode&&i(e),27===e.keyCode&&r()},onClick:i,"aria-haspopup":"true",appearance:t.appearance,headerTheme:t.headerTheme,children:[e.children.title,(0,g.jsx)(p.A,{in:e.activeNav===e.id,timeout:{enter:500,exit:300},unmountOnExit:t.unmountDropdownOnExit??!0,classNames:"DropdownContentStyle_DropdownContent-animation",children:(0,g.jsx)(a.Fragment,{children:e.children.content})})]},e.id)})},Oe=i.I4.span(e=>i.AH` 519 @keyframes slideDown { 520 0% { 521 padding-top: 0; 522 } 523 524 100% { 525 padding-top: 'initial'; 526 } 527 } 528 529 @keyframes slideUp { 530 0% { 531 opacity: 1; 532 padding-top: 'initial'; 533 } 534 535 100% { 536 opacity: 0; 537 padding-top: 0; 538 } 539 } 540 541 position: absolute; 542 display: none; 543 right: ${e.right}; 544 top: 100%;
545 background: ${e.headerTheme.appearance[e.appearance].dropdownMenu.dropdownLinks.backgroundColor}; 546 list-style: none; 547 margin: 0; 548 z-index: ${e.zIndex-1}; 549 will-change: padding-top; 550 551 ${"full"===e.width&&i.AH` 552 left: 0; 553 `} 554 555 &.DropdownContentStyle_DropdownContent-animation { 556 &-enter { 557 display: block; 558 animation-name: slideDown; 559 animation-duration: 0.5s; 560 } 561 562 &-enter-active { 563 display: block; 564 } 565 566 &-enter-done { 567 display: block; 568 } 569 570 &-exit-done { 571 display: none; 572 } 573 574 &-exit-active { 575 display: block; 576 } 577 578 &-exit { 579 animation-name: slideUp; 580 animation-duration: 0.3s; 581 z-index: ${e.zIndex-2}; 582 } 583 } 584 `),Xe=({children:e,width:t="full",zIndex:n,right:r=0,className:i})=>{const{appearance:o,headerTheme:s}=(0,a.useContext)(D);return(0,g.jsx)(Oe,{width:t,zIndex:n,right:r,appearance:o,className:i,headerTheme:s,children:e})},Ue=({children:e,zIndex:t})=>{const{headerTheme:n,appearance:r}=(0,a.useContext)(D);return(0,g.jsx)(Ge,{zIndex:t,appearance:r,headerTheme:n,children:e})},_e=i.I4.span` 585 ${(0,m.sM)()} 586`,qe=({name:e})=>{const{appearance:t,headerTheme:n}=(0,a.useContext)(D),{iconAppearance:r,inverseIcon:i,initialsAvatarAppearance:o}=n.appearance[t].mainBar;return(0,g.jsxs)("span",{children:[(0,g.jsx)(_e,{children:"Your account options"}),e?(0,g.jsx)(H.Ay,{initials:(0,B.IM)(e),appearance:o,size:2}):(0,g.jsx)(b.In,{size:4,name:"admin",isResponsive:!1,appearance:r,inverse:i})]})},Pe=(0,i.I4)(j.yq)` 587 position: relative; 588 margin: 0; 589 padding: 0; 590 display: flex; 591 align-items: stretch; 592 justify-content: flex-start; 593 list-style: none; 594`,Ve=(0,i.I4)(j.ck)` 595 align-items: center; 596 display: flex; 597 justify-content: center; 598 &:last-of-type > ${Ge} { 599 ${(0,m.YK)("padding-right",0)}; 600 } 601`,Qe=i.I4.button` 602 /* Override default button styles (has to always be at the top) */ 603 all: unset; 604 border: none; 605 background: none; 606 607 ${(0,m.Dx)()} 608`,Ze=(0,i.I4)(Xe)` 609 padding: 0; 610 max-width: 360px; 611`,Je=i.I4.div` 612 max-width: 132px; 613 614 ${m.XG.md(i.AH` 615 max-width: 232px; 616 `)} 617`,et=({activeNav:e,isMobile:t=!1})=>{const n=(0,a.useContext)(D),i=e=>{n.setActiveNav&&n.setActiveNav(e)},{interactiveIconAppearance:o,inverseIcon:s}
617=n.headerTheme.appearance[n.appearance].mainBar,{t:l}=(0,r.Bd)();return(0,g.jsx)(Pe,{children:(0,g.jsxs)(g.Fragment,{children:[n.data?.showBasket&&(0,g.jsx)(Ve,{children:(0,g.jsx)(Ue,{zIndex:n.data?.zIndex,children:(0,g.jsx)(x.EG,{size:4,isResponsive:!1,onClick:()=>{n&&n.linkClick&&n.linkClick(null,{url:n.data?.basketUrl??"https://vodafone.co.uk/basket",trackingTag:"basket"})},srText:l("Basket",{ns:"Header"}),name:"shopping-trolley",appearance:o,inverse:s,numberBadge:n.numberBadge?{number:n.numberBadge}:void 0})})}),n.data?.showSearch&&(0,g.jsx)(Ve,{children:(0,g.jsx)(Ue,{zIndex:n.data?.zIndex,children:(0,g.jsx)(x.EG,{size:4,isResponsive:!1,name:"search",srText:l("Search"),onClick:n.toggleSearch,appearance:o,inverse:s})})}),t?(0,g.jsxs)(g.Fragment,{children:[n.data?.user&&(0,g.jsx)(Ve,{children:(0,g.jsx)(Qe,{onClick:()=>i("user"),children:(0,g.jsx)(Ue,{zIndex:n.data?.zIndex,children:(0,g.jsx)(qe,{name:n.data?.user.name})})})}),n.data?.accounts&&(0,g.jsx)(Ve,{children:(0,g.jsx)(Qe,{onClick:()=>i("accounts"),children:(0,g.jsx)(Ue,{zIndex:n.data?.zIndex,children:(0,g.jsx)(Je,{children:(0,g.jsx)(y.QM,{width:"fill",type:"icon",icon:{name:"enterprise"},label:n.data?.accounts?.activeName,dataAttributes:{"data-cs-mask":""}})})})})}),(0,g.jsx)(Ve,{children:(0,g.jsx)(Ue,{zIndex:n.data?.zIndex,children:(0,g.jsx)(x.EG,{size:5,isResponsive:!1,name:"menu",onClick:()=>{n&&n.setActiveNav&&n.setActiveNav("mobile")},srText:l("Open mobile nav",{ns:ye}),appearance:o,inverse:s})})})]}):(0,g.jsxs)(g.Fragment,{children:[n.data?.user&&(0,g.jsx)(We,{id:"user",activeNav:e,children:{title:(0,g.jsx)(Ue,{zIndex:n.data?.zIndex,children:(0,g.jsx)(qe,{name:n.data?.user.name})}),content:(0,g.jsx)(Xe,{zIndex:n.data?.zIndex,width:"auto",right:n.data?.accounts?"auto":0,children:(0,g.jsx)(Ke,{links:n.data?.user.links,linkClick:n.linkClick,rootElement:n.data?.rootElement})})}}),n.data?.accounts&&(0,g.jsx)(We,{id:"accounts",activeNav:e,children:{title:(0,g.jsx)(Ue,{zIndex:n.data?.zIndex,children:(0,g.jsx)(Je,{children:(0,g.jsx)(y.QM,{width:"fill",type:"icon",icon:{name:"enterprise"},label:n.data?.accounts?.activeName,dataAttributes:{"data-cs-mask":""}})})}),content:(0,g.jsx)(Ze,{zIndex:n.data?.zIndex,right:0,children:n.data.accounts&&(0,g.jsx)(Te,{accountManagementLinks:n.data.accountManagementLinks,links:n.data.accounts.links,activeAccount:{name:n.data.accounts.activeName,id:n.data.accounts.activeId},allAccountsLink:n.data.accounts.allAccountsLink,triggerAnalyticsCallback:n.data.accounts?.triggerAnalyticsCallback,error:n.data.accounts.error||!1,onErrorClick:n.data.accounts?.onErrorClick})})}})]})]})})},tt=i.I4.div(({theme:e,size:t=1,hideOnMobile:n})=>i.AH` 618 display: flex; 619 ${n&&i.AH` 620 display: none; 621 ${m.XG.lg(i.AH` 622 display: flex; 623 `)} 624 `} 625 flex-direction: column; 626 ${(0,m.YK)("gap",2)}; 627 ${(0,m.YK)("padding",4)}; 628 width: 100%; 629 ${m.XG.lg(i.AH` 630 ${(0,m.Sg)("padding",[0,4])}; 631 margin-left: auto; 632 width: calc(((100% + ${e.spacing.responsive[5].lg}px) / 3) * ${t} - ${e.spacing.responsive[5].lg}px); 633 `)} 634 ${m.XG.xl(i.AH` 635 width: calc(((100% + ${e.spacing.responsive[5].xl}px) / 5) * ${t} - ${e.spacing.responsive[5].xl}px); 636 `)} 637 `);i.I4.div` 638 display: flex; 639 align-items: center; 640`;const nt=i.I4.div(e=>i.AH` 641 img { 642 max-width: 320px; 643 ${m.XG.lg(i.AH` 644 max-width: ${2===e.size?"356px":"200px"}; 645 aspect-ratio: ${2===e.size?"16 / 9":"1 / 1"}; 646 `)} 647 height: auto; 648 } 649 `),at=i.I4.div(e=>i.AH` 650 max-width: 320px; 651 ${m.XG.lg(i.AH` 652 max-width: ${2===e.size?"356px":"200px"}; 653 `)} 654 `),rt=({image:e,linkWithIcon:t,paragraph:n,size:a=1,hideOnMobile:r=!1})=>e&&t?(0,g.jsxs)(tt,{size:a,hideOnMobile:r,children:[(0,g.jsx)(nt,{size:a,children:(0,g.jsx)(F.mc,{paddingLevel:0,href:t?.href,children:(0,g.jsx)(K._V,{...e,roundedCorners:!0})})}),n&&(0,g.jsx)(at,{size:a,children:(0,g.jsx)(z.fz,{noMargin:!0,size:2,children:n})}),(0,g.jsx)(M.Ko,{...t})]}):null,it=i.I4.div(({theme:e})=>i.AH` 655 width: 100%; 656 box-sizing: border-box; 657 cursor: pointer; 658 ${(0,m.Sg)("padding",[2,4])} 659 660 ${m.XG.lg(i.AH` 661 flex: 1; 662 663 &:hover { 664 background-color: ${e.color.opacity3.hover}; 665 } 666 `)} 667 `),ot=i.I4.div(({theme:e,active:t})=>i.AH` 668 display: flex; 669 ${(0,m.YK)("gap",3)}; 670 ${(0,m.YK)("padding-bottom",2)}; 671 border-bottom: ${e.border.width[3]} ${e.border.style[1]} 672 ${t?e.color.primary1.default:"transparent"}; 673 > ${b.S3.Icon} { 674 align-self: center; 675 } 676 `),st=i.I4.div(({theme:e})=>i.AH` 677 ${m.Il.heading(1,!1)} 678 font-weight: ${e.fontWeight[3]}; 679 `),lt=({active:e=!1,icon:t,title:n,subTitle:a,onClick:r,primaryNavIndex:i,index:o})=>(0,g.jsx)(it,{role:"button",tabIndex:0,onClick:r,onKeyDown:e=>{!r||"Enter"!==e.key&&" "!==e.key||r(e)},"data-selector":"header-segment",children:(0,g.jsxs)(ot,{active:e,children:[(0,g.jsx)(b.In,{name:t,group:"system"}),(0,g.jsxs)("div",{[fe]:`${i}:${o}`,children:[(0,g.jsx)(st,{"data-component-name":"SegmentTitle",children:n}),(0,g.jsx)(z.fz,{appearance:"secondary",size:1,weight:1,noMargin:!0,children:a})]})]})}),ct=(0,i.I4)(j.ck)(e=>{const{active:t}
679=e.headerTheme.appearance[e.headerAppearance].dropdownMenu.dropdownTitle;return i.AH` 680 padding: 0; 681 width: calc((100% - (${e.theme.spacing.responsive[5].sm}px * 2)) / 3); 682 ${m.XG.lg(i.AH` 683 width: calc((100% - (${e.theme.spacing.responsive[5].lg}px * 2)) / 3); 684 ${!e.isSegmented&&i.AH` 685 width: calc((100% - (${e.theme.spacing.responsive[5].xl}px * 4)) / 5); 686 687 ${1===e.slotSize&&i.AH` 688 width: calc((100% - (${e.theme.spacing.responsive[5].xl}px * 3)) / 4); 689 `} 690 691 ${2===e.slotSize&&i.AH` 692 width: calc((100% - (${e.theme.spacing.responsive[5].xl}px * 2)) / 3); 693 `} 694 `} 695 `)} 696 697 ${j.Mu.ListGroup} { 698 ${(0,m.YK)("padding-left",6)}; 699 } 700 701 span { 702 > p:last-child { 703 ${(0,m.YK)("margin-left",6)}; 704 ${(0,m.YK)("margin-bottom",3)}; 705 } 706 707 > ${M.eN.LinkWithIcon} { 708 align-items: flex-start; 709 ${(0,m.YK)("margin-bottom",2)}; 710 } 711 712 ${M.eN.LinkWithIcon} { 713 div:last-of-type { 714 ${(0,m.kY)({speed:3})}; 715 border-bottom: 1px solid transparent; 716 font-weight: ${e.theme.fontWeight[3]}; 717 font-size: ${e.theme.typography.paragraph[2].lg.fontSize}px; 718 } 719 720 &:hover { 721 div:last-of-type { 722 color: ${e.hasUrl&&t.color}; 723 ${e.hasUrl&&i.AH` 724 border-bottom: 1px solid ${t.color}; 725 `}; 726 } 727 } 728 } 729 } 730 731 ${j.C4.ListItem} { 732 line-height: ${e.theme.typography.paragraph[1].lg.lineHeight}px; 733 ${(0,m.YK)("margin-bottom",2)}; 734 735 a { 736 ${(0,m.kY)({speed:3})}; 737 border-bottom: 1px solid transparent; 738 display: inline; 739 font-size: ${e.theme.typography.paragraph[2].lg.fontSize}px; 740 741 &:hover { 742 color: ${t.color}; 743 border-bottom: 1px solid ${t.color}; 744 } 745 } 746 } 747 `}),dt=e=>{const t=(0,a.useContext)(D);return(0,g.jsxs)(ct,{hasUrl:!!e.href,headerAppearance:t.appearance,headerTheme:t.headerTheme,isSegmented:e.isSegmented,slotSize:e.promoSlotSize,children:[(0,g.jsxs)("span",{role:"link",tabIndex:-1,onKeyDown:t=>{0===e.navGroupIndex&&38===t.keyCode&&Me(null,e.setActiveNav)},children:[(0,g.jsx)(M.Ko,{id:e.id?e.id:(0,G.A)(),text:e.title,href:e.href,customRouterProps:e.customRouterProps,onClick:e.href?e.linkClick:void 0,size:2,icon:{name:e.icon,justify:"left"},dataAttributes:{[fe]:e.isSegmented?`${e.primaryNavIndex}:${e.selectedSegmentIndex}:${e.navGroupIndex}`:`${e.primaryNavIndex}:${e.navGroupIndex}`}}),e.subTitle&&(0,g.jsx)(z.fz,{appearance:"secondary",size:1,weight:1,children:e.subTitle})]}),e.links&&(0,g.jsx)(j.yq,{children:e.links.map((t,n)=>(0,g.jsx)(j.ck,{id:t.id,href:t.href,customRouterProps:t.customRouterProps,onClick:e.linkCl
747ick,dataAttributes:{"data-meganav-ref":e.isSegmented?`${e.primaryNavIndex}:${e.selectedSegmentIndex}:${e.navGroupIndex}:${n}`:`${e.primaryNavIndex}:${e.navGroupIndex}:${n}`},children:t.title},n))})]})},ht=i.I4.div(e=>i.AH` 748 display: flex; 749 margin: 0 auto; 750 padding-right: calc((100% - ${e.theme.gridConfig.springWidth}px) / 2); 751 ${!e.isSegmented&&i.AH` 752 padding-left: calc((100% - ${e.theme.gridConfig.springWidth}px) / 2); 753 `} 754 `),pt=i.I4.div(e=>i.AH` 755 display: flex; 756 flex-direction: ${e.isSegmented?"column":"row"}; 757 flex: 1; 758 ${(0,m.YK)("gap",6)}; 759 ${(0,m.Sg)("padding",[6,4])}; 760 761 > ${j.Mu.ListGroup} { 762 display: flex; 763 flex-wrap: wrap; 764 list-style: none; 765 margin: 0; 766 ${(0,m.YK)("row-gap",6)}; 767 ${(0,m.YK)("column-gap",5)}; 768 769 ${!e.slotSize&&i.AH` 770 flex: 1 1 0; 771 `} 772 773 ${1===e.slotSize&&m.XG.lg(i.AH` 774 flex: 0 0 calc(80% - (${e.theme.spacing.responsive[5].xl}px / 5)); 775 `)} 776 777 778 ${2===e.slotSize&&m.XG.lg(i.AH` 779 flex: 0 0 calc(60% - (${e.theme.spacing.responsive[5].xl}px * 2 / 5)); 780 `)} 781 782 ${M.eN.LinkWithIcon} { 783 ${(0,m.kY)({speed:3})}; 784 ${m.Il.paragraph(2,!1)};
785 color: ${e.headerTheme.appearance[e.appearance].mainBar.linkColor}; 786 border-color: transparent; 787 text-decoration: none; 788 font-weight: ${e.theme.fontWeight[e.headerTheme.appearance[e.appearance].mainBar.fontWeight]}; 789 } 790 } 791 `),ut=i.I4.div(()=>i.AH` 792 display: flex; 793 ${(0,m.YK)("gap",3)}; 794 795 ${E.tj.Button} { 796 ${m.Il.paragraph(2,!1)}; 797 } 798 `),mt=i.I4.div(e=>i.AH` 799 padding-left: calc((100% - ${e.theme.gridConfig.springWidth}px)); 800 background-color: ${e.theme.color.monochrome2.default}; 801 802 > div { 803 display: flex; 804 flex-direction: column; 805 width: 355px; 806 ${(0,m.Sg)("padding",[6,0])}; 807 } 808 `),gt=({linkGroup:e,linkClick:t,primaryNavIndex:n,setActiveNav:r,handleSegmentClick:i,activeSegmentKey:o})=>{const{appearance:s,headerTheme:l}=(0,a.useContext)(D),{segments:c=[],promoSlot:d}=e,h=c&&(c?.find(e=>e.key===o)||c[0]),p=(e=>{if(!e||0===e.length)return 0;const t=e.findIndex(e=>e.key===o);return t>=0?t:0})(c);return(0,g.jsxs)(ht,{isSegmented:!!c?.length,children:[!!c?.length&&(0,g.jsx)(mt,{children:(0,g.jsx)("div",{children:c.map((e,t)=>(0,g.jsx)(lt,{icon:e.icon,title:e.title,subTitle:e.subTitle,primaryNavIndex:n,index:t,onClick:n=>{n.stopPropagation(),n.preventDefault(),i(e,t)},active:e.key===h?.key},t))})}),(0,g.jsxs)(pt,{appearance:s,headerTheme:l,isSegmented:!!c?.length,slotSize:d?.size??0,children:[(0,g.jsx)(j.yq,{children:(h?.links||e.links).map((e,a)=>(0,g.jsx)(dt,{id:e.id,title:e.title,icon:e.icon,href:e.href,links:e.links,linkClick:t,primaryNavIndex:n,selectedSegmentIndex:p,navGroupIndex:a,setActiveNav:r,isSegmented:!!h,subTitle:e.subTitle,promoSlotSize:d?.size},`${e.title}:${a}`))}),!c.length&&d&&(0,g.jsx)(rt,{...d,hideOnMobile:e?.promoSlot?.hideOnMobile??!1}),(h?.primaryButton||h?.secondaryButton)&&(0,g.jsxs)(ut,{children:[h.secondaryButton&&(0,g.jsx)(E.$n,{width:"auto",appearance:"alt1",...h.secondaryButton,id:`${h.key}-${h.secondaryButton.text.toLowerCase().replace(/\s+/g,"")}`}),h.primaryButton&&(0,g.jsx)(E.$n,{width:"auto",appearance:"primary",...h.primaryButton,id:`${h.key}-${h.primaryButton.text.toLowerCase().replace(/\s+/g,"")}`})]})]})]})},xt=i.I4.li` 809 display: flex; 810 align-items: stretch; 811 list-style: none; 812`,ft=i.I4.a(e=>{const{hoverColor:t}
812=e.headerTheme.appearance[e.appearance].mainBar;return i.AH` 813 ${Ye} 814 cursor: pointer; 815 816 &:hover { 817 color: ${t}; 818 819 & > span { 820 color: ${t}; 821 } 822 } 823 824 ${(0,m.Dx)()} 825 `}),vt=i.I4.span(e=>{const{fontWeight:t}=e.headerTheme.appearance[e.appearance].mainBar;return i.AH` 826 display: flex; 827 align-items: center; 828 font-weight: ${e.theme.fontWeight[t]}; 829 ${(0,m.YK)("padding-right",3)}; 830 831 ${m.XG.lg(i.AH` 832 ${(0,m.YK)("padding",3)}; 833 overflow: hidden; 834 `)} 835 `}),bt=({href:e,title:t})=>{const{appearance:n,headerTheme:r}=(0,a.useContext)(D);return(0,g.jsx)(xt,{children:(0,g.jsx)(ft,{appearance:n,headerTheme:r,href:e,children:(0,g.jsx)(vt,{appearance:n,headerTheme:r,children:t})})})},kt=i.I4.ul(e=>i.AH` 836 display: flex; 837 z-index: ${e.zIndex&&e.zIndex+1}; 838 margin: 0; 839 padding: 0; 840 841 > ul { 842 margin: 0; 843 padding: 0; 844 display: flex; 845 align-items: stretch; 846 justify-content: flex-start; 847 list-style: none; 848 } 849 `),$t=(0,i.I4)(u.N3)(e=>{const{fontWeight:t}
849=e.headerTheme.appearance[e.appearance].mainBar;return i.AH` 850 cursor: default; 851 font-weight: ${e.theme.fontWeight[t]}; 852 `}),yt=({activeNav:e})=>{const{data:t,linkClick:n,setActiveNav:r,headerTheme:i,appearance:o}=(0,a.useContext)(D),[s,l]=(0,a.useState)((0,B.Ri)(ke)),c=e=>{(0,B.TV)(ke,e.key),l(e.key)};return(0,g.jsx)(kt,{zIndex:t?.zIndex,children:t?.mainLinks.map((a,l)=>a.href&&!a?.links?.length?(0,g.jsx)(bt,{href:a.href,title:a.title},`${a.title}:${l}`):a?.links?.length||a.segments?.length?(0,g.jsx)(We,{id:`${l}`,activeNav:e,children:{title:(0,g.jsx)(Ue,{zIndex:t?.zIndex,children:(0,g.jsx)($t,{headerTheme:i,appearance:o,dataAttributes:{[fe]:`${l}`},children:a.title})}),content:(0,g.jsx)(Xe,{zIndex:t?.zIndex,children:(0,g.jsx)(gt,{linkClick:n,linkGroup:a,primaryNavIndex:l,handleSegmentClick:c,setActiveNav:r,activeSegmentKey:s})})}},`${a.title}:${l}`):void 0)})},It=(0,i.I4)(j.ck)(e=>{const{color:t,active:n}=e.headerTheme.appearance[e.headerAppearance].topBar.links;return i.AH` 853 display: flex; 854 align-items: stretch; 855 text-decoration: none; 856 justify-content: flex-start; 857 ${(0,m.kY)({speed:3})}; 858 cursor: pointer; 859 padding: 0 !important; 860 861 ${j.C4.InteractionListItem} { 862 display: flex; 863 align-items: center; 864 ${(0,m.Sg)("padding",[2,4])}; 865 ${(0,m.kY)({speed:3})}; 866 } 867 868 ${m.XG.md(i.AH` 869 ${(0,m.Sg)("padding",[1,3])}; 870 color: ${t}; 871 872 ${b.S3.Icon} { 873 * { 874 ${(0,m.ks)(t,"system")}; 875 } 876 } 877 878 &:hover { 879 ${j.C4.InteractionListItem} { 880 background: ${n.backgroundColor}; 881 color: ${n.color}; 882 883 ${b.S3.Icon} { 884 * { 885 ${(0,m.ks)(n.color,"system")}; 886 } 887 } 888 } 889 } 890 891 ${e.isActive&&i.AH` 892 ${j.C4.InteractionListItem} { 893 background: ${n.backgroundColor}; 894 color: ${n.color}; 895 896 ${b.S3.Icon} { 897 * { 898 ${(0,m.ks)(n.color,"system")}; 899 } 900 } 901 } 902 `} 903 `)} 904 `}),wt=i.I4.div` 905 ${(0,m.YK)("margin-right",2)}; 906`;var Ct=({href:e,linkClick:t,isActive:n,icon:r,title:i,id:o,isMobile:s=!1,newWindow:l=!1})=>{const{appearance:c,headerTheme:d}=(0,a.useContext)(D),{iconAppearance:h,inverseIcon:p}=(s?d.appearance[c].mobileNav:d.appearance[c]).topBar.links,u=l&&!n?"pop-out":r;return(0,g.jsxs)(It,{href:e,onClick:t,isActive:n,id:o,headerAppearance:c,headerTheme:d,htmlAttributes:l?{target:"_blank"}:void 0,children:[u&&(0,g.jsx)(wt,{children:(0,g.jsx)(b.In,{name:u,size:1,appearance:h,inverse:p})}),(0,g.jsx)("span",{children:i})]})};const jt=i.I4.ul` 907 display: flex; 908 align-items: stretch; 909 justify-content: flex-start; 910 margin: 0; 911 padding: 0; 912 list-style: none; 913`,At=e=>{const t=(()=>{const t=e.links.findIndex(e=>e.isActive);return-1===t?null:t})()??(()=>{const t=e.links.findIndex(t=>t.title.toLowerCase()===e.customerSegment?.current.toLowerCase());return-1===t?null:t})()??(()=>{if(!(0,B.oc)())return null;const t=window.location.href,n=e.links.reduce((e,n,a)=>n.href&&!t.includes(n.href)?e:a,-1);return-1===n?null:n})();return(0,g.jsx)(jt,{children:e.links.map((n,a)=>(0,g.jsx)(Ct,{href:n.href,icon:n.icon,title:n.title,linkClick:e.linkCl
913ick,isActive:t===a,id:n.id,newWindow:n.newWindow},a))})},St=i.I4.div(e=>i.AH` 914 background: ${e.headerTheme.appearance[e.headerAppearance].topBar.backgroundColor}; 915 `),zt=i.I4.div(e=>i.AH` 916 width: 100%; 917 max-width: ${e.theme.gridConfig.springWidth}px; 918 margin: 0 auto; 919 display: flex; 920 align-items: stretch; 921 justify-content: ${e.leftLinks?"space-between":"flex-end"}; 922 font-size: ${e.theme.typography.paragraph[1].lg.fontSize}px; 923 line-height: ${e.theme.typography.paragraph[1].lg.lineHeight}px; 924 `),Tt=()=>{const{data:e,linkClick:t,appearance:n,headerTheme:r}=(0,a.useContext)(D);return e.topBar?.leftLinks||e.topBar?.rightLinks?(0,g.jsx)(St,{headerAppearance:n,headerTheme:r,children:(0,g.jsxs)(zt,{leftLinks:e.topBar?.leftLinks,children:[e.topBar?.leftLinks&&(0,g.jsx)(At,{linkClick:t,links:e.topBar.leftLinks,customerSegment:e.customerSegment}),e.topBar?.rightLinks&&(0,g.jsx)(At,{linkClick:t,links:e.topBar.rightLinks})]})}):null},Lt=i.I4.div(e=>i.AH` 925 position: relative; 926 z-index: ${e.zIndex}; 927 `),Nt=({zIndex:e,showSearch:t,activeNav:n})=>(0,g.jsxs)(Lt,{zIndex:e,"data-component-name":"Header",children:[(0,g.jsx)(Tt,{}),(0,g.jsxs)(xe,{showSearch:t,children:[(0,g.jsx)(yt,{activeNav:n}),(0,g.jsx)(et,{activeNav:n})]})]}),Bt=(0,i.I4)(u.N3)(e=>i.AH`
928 background: ${e.headerTheme.appearance[e.appearance].mobileNav.backgroundColor}; 929 930 ${(0,m.YK)("padding",3)}; 931 932 > ${z.rq.Paragraph} { 933 ${(0,m.YK)("margin-top",1)}; 934 margin-left: ${e.theme.spacing.responsive[6].md}px; 935 } 936 937 ${M.eN.LinkWithIcon} { 938 font-weight: ${e.theme.fontWeight[3]}; 939 } 940 `),Ht=({onClick:e,title:t,subTitle:n})=>{const{headerTheme:r,appearance:i}=(0,a.useContext)(D);return(0,g.jsxs)(Bt,{appearance:i,headerTheme:r,onClick:e,children:[(0,g.jsx)(M.Ko,{appearance:"secondary",onClick:e,text:t,icon:{name:"chevron-left",justify:"left"}}),n&&(0,g.jsx)(z.fz,{appearance:"secondary",size:1,weight:1,noMargin:!0,children:n})]})},Et=(0,i.I4)(j.yq)(e=>i.AH` 941 display: none; 942 flex-direction: column; 943 position: absolute; 944 inset: 0; 945 width: 100%; 946 background-color: ${e.headerTheme.appearance[e.headerAppearance].mobileNav.backgroundColor}; 947 overflow: hidden; 948 949 ${e.fullHeight&&i.AH` 950 padding-top: 0; 951 z-index: ${e.zIndex+2}; 952 `} 953 `),Ft=(0,i.I4)(j.ck)(e=>{const{borderColor:t}
953=e.headerTheme.appearance[e.headerAppearance].mobileNav.links;return i.AH` 954 border-bottom: ${e.theme.border.width[1]} ${e.theme.border.style[1]} ${t}; 955 width: 100%; 956 margin-bottom: 2px; 957 958 &:first-child { 959 border-top: ${e.theme.border.width[1]} ${e.theme.border.style[1]} ${t}; 960 } 961 962 .Cardstyle_Card-animation { 963 display: none; 964 965 @keyframes slideOutRight { 966 0% { 967 transform: translateX(0); 968 } 969 970 100% { 971 transform: translateX(100%); 972 } 973 } 974 975 @keyframes slideInRight { 976 0% { 977 transform: translateX(100%); 978 } 979 980 100% { 981 transform: translateX(0); 982 } 983 } 984 985 &-enter, 986 &-enter-done, 987 &-exit { 988 display: flex; 989 } 990 991 &-enter { 992 animation-name: slideInRight; 993 animation-duration: 0.61s; 994 } 995 996 &-exit-done { 997 display: none; 998 } 999 1000 &-exit { 1001 animation-name: slideOutRight; 1002 animation-duration: 0.61s; 1003 animation-fill-mode: forwards; 1004 } 1005 } 1006 `}),Kt=(0,i.I4)(j.ck)(e=>{const{borderColor:t}
1006=e.headerTheme.appearance[e.headerAppearance].mobileNav.links;return i.AH` 1007 border-bottom: ${e.theme.border.width[1]} ${e.theme.border.style[1]} ${t}; 1008 width: 100%; 1009 margin-top: ${e.marginTop||0}; 1010 margin-bottom: 2px; 1011 1012 > h2 { 1013 ${(0,m.Sg)("padding",[3,4])}; 1014 } 1015 `}),Mt=i.I4.div(e=>i.AH` 1016 background-color: ${e.theme.color.monochrome2.default}; 1017 ${(0,m.YK)("padding-right",4)} 1018 `),Gt=(0,i.I4)(u.N3)(()=>i.AH` 1019 display: flex; 1020 width: 100%; 1021 align-items: center; 1022 1023 > :first-child { 1024 flex: 1; 1025 } 1026 `),Yt=(0,i.I4)(u.N3)` 1027 overflow: auto; 1028 1029 > li:first-child { 1030 border-top: none; 1031 } 1032`,Rt=({fullHeight:e=!0,zIndex:t,backButtonText:n,backButtonSubTitle:r,parentLink:i,parentNavRef:o,links:s,customerSegment:l,headingText:c,linkClick:d,unmount:h,onSegmentSwitch:m})=>{const x=(0,a.useContext)(D),{iconGroup:f}=x.headerTheme.appearance[x.appearance],v="header-logout-modal",k=o?x.data.mainLinks[+o]:null,$=!!o&&x.data.mainLinks[Number(o.split(":")[0])]?.segments||[],y=e=>e&&(e?.find(e=>e.key===(0,B.Ri)("business-segment"))||e[0]),I=e=>{const t=(0,B.Ri)(ke);if(!e||0===e.length)return 0;const n=e.findIndex(e=>e.key===t);return n>=0?n:0},[w,C]=(0,a.useState)(()=>I($)),j=y($),[A,z]=(0,a.useState)(null),[T,H]=(0,a.useState)(j),[E,F]=(0,a.useState)(!1);(0,a.useEffect)(()=>{C(I($)),H(j)},[j]);const K=()=>{2===A?.split(":").length&&x.setActiveSegment?.({id:"0",key:""}),z(null),(()=>{const e=document.querySelectorAll(`[${ve}=true]`);e.length&&e[e.length-2]?.focus()})()},M=()=>{const e=document.querySelectorAll(`[${ve}=true]`);e.length&&e[e.length-1]?.focus()},G=(e,t)=>{e.confirmationMessage&&(e=>{S.rA.setConfig(v,{srName:"Logout of MyVodafone",renderOptions:{size:1},content:(0,g.jsx)(N.i,{heading:{text:e.confirmationMessage?e.confirmationMessage:""},primaryButton:{text:"Confirm",onClick:()=>(e=>{d&&d(null,{url:e?.href||"",trackingTag:"useractions",title:e?.title})})(e)},secondaryButton:{text:"Cancel",onClick:()=>S.rA.hide(v)}})}),S.rA.show(v)})(e);const n=y(e.segments);z(n?`${t}:${n.title}`:t),n&&x.setActiveSegment?.({id:t.split(":")[0]??"0",key:n?.key||""})},Y=e=>e.href&&e.longTitle?{title:e.longTitle,href:e.href}:null;return(0,g.jsx)(Et,{fullHeight:e,zIndex:t,headerAppearance:x.appearance,headerTheme:x.headerTheme,children:(0,g.jsxs)(g.Fragment,{children:[n&&(0,g.jsxs)(Ft,{headerAppearance:x.appearance,headerTheme:x.headerTheme,children:[$&&T&&(0,g.jsxs)(Mt,{children:[(0,g.jsxs)(Gt,{onClick:()=>F(!E),children:[(0,g.jsx)(lt,{active:!0,primaryNavIndex:o?Number(o.split(":")[0]):0,index:w,icon:T.icon,title:T.title,subTitle:T.subTitle}),(0,g.jsx)(u.N3,{children:(0,g.jsx)(b.In,{appearance:"secondary",group:f,name:E?"chevron-up":"chevron-down",size:3})})]}),E&&$.map((e,t)=>{if(e.key!==T.key)return(0,g.jsx)(lt,{index:t,primaryNavIndex:o?Number(o.split(":")[0]):0,icon:e.icon,title:e.title,subTitle:e.subTitle,onClick:()=>{(0,B.TV)("business-segment",e.key),H(e),x.setActiveSegment?.({id:o?o.split(":")[0]??"0":0,key:e.key}),m&&m(),F(!1),C(t)}},e.key)})]}),!E&&(0,g.jsx)(Ht,{onClick:h,title:n,subTitle:r})]}),!E&&i&&(0,g.jsx)(Ft,{headerAppearance:x.appearance,headerTheme:x.headerTheme,children:(0,g.jsx)(Be,{topLink:!0,...i,currentNavRef:o?`${o}:-1`:"0",onClick:d})}),!E&&c&&(0,g.jsx)(Kt,{headerAppearance:x.appearance,headerTheme:x.headerTheme,children:(0,g.jsx)(L.DZ,{size:1,weight:3,text:c})}),(0,g.jsxs)(Yt,{children:[!E&&s&&s.map((e,n)=>{let a=o?`${o}:${n}`:`${n}`;o&&1===o.split(":").length&&-1!==w&&(a=`${o}:${w}:${n}`);const r=!!(e.segments||e?.links)?.length;return(0,g.jsxs)(Ft,{headerAppearance:x.appearance,headerTheme:x.headerTheme,children:[(0,g.jsx)(Be,{triggerModal:!!e.confirmationMessage,hasSubLinks:r,icon:e.icon,title:e.title,subTitle:e.subTitle,href:e.href,showChevron:r,topLink:0===n&&!i,currentNavRef:a,onClick:r||e.confirmationMessage?()=>G(e,a):d}),e.segments?.length&&e.segments.map(n=>(0,g.jsx)(p.A,{in:A===`${a}:${n.title}`,timeout:{enter:600},onEntered:M,classNames:"Cardstyle_Card-animation",children:(0,g.jsx)(Rt,{parentLink:Y(e),backButtonText:e.title,backButtonSubTitle:e.subTitle,unmount:K,links:n.links,parentNavRef:a,linkClick:d,zIndex:t,onSegmentSwitch:()=>G(e,a)})},n.key)),!e.segments?.length&&e.links&&(0,g.jsx)(p.A,{in:A===a,timeout:{enter:600,exit:600},onEntered:M,classNames:"Cardstyle_Card-animation",children:(0,g.jsx)(Rt,{parentLink:Y(e),backButtonText:e.title,backButtonSubTitle:e.subTitle,unmount:K,links:e.links,parentNavRef:a,linkClick:d,zIndex:t,onSegmentSwitch:m})})]},n)}),k?.promoSlot&&(0,g.jsx)(rt,{...k.promoSlot,hideOnMobile:k?.promoSlot?.hideOnMobile})]}),!E&&l?.switcher?.links&&(0,g.jsxs)(g.Fragment,{children:[l?.switcher?.title&&(0,g.jsx)(Kt,{marginTop:"40px",headerAppearance:x.appearance,headerTheme:x.headerTheme,children:(0,g.jsx)(L.DZ,{size:1,weight:3,text:l.switcher.title})}),(0,g.jsx)(Ft,{headerAppearance:x.appearance,headerTheme:x.headerTheme,children:l.switcher.links.map((e,t)=>{const n=o?`${o}:${t}`:`${t}`;return(0,g.jsx)(Be,{icon:e.icon,title:e.title,href:e.href,topLink:0===t&&!i,currentNavRef:n,onClick:d},t)})})]})]})})},Dt=i.I4.div(e=>i.AH` 1033 display: flex; 1034 flex-direction: column-reverse; 1035 ${(0,m.YK)("gap",3)}; 1036 ${(0,m.YK)("margin-top",2)} 1037 ${(0,m.Sg)("padding",[3,4])} 1038 background: ${e.theme.color.monochrome1.default}; 1039 1040 &.hidden { 1041 display: none; 1042 } 1043 1044 &.shown { 1045 display: flex; 1046 } 1047 1048 ${m.XG.md(i.AH` 1049 flex-direction: row; 1050 `)} 1051 `),Wt=({segment:e,isShown:t})=>e&&(e.secondaryButton||e.primaryButton)?(0,g.jsxs)(Dt,{className:`${e.key} ${t?"shown":"hidden"}`,children:[e.secondaryButton&&(0,g.jsx)(E.$n,{width:"full",appearance:"alt1",...e.secondaryButton}),e.primaryButton&&(0,g.jsx)(E.$n,{width:"full",appearance:"primary",...e.primaryButton})]}):null,Ot=i.I4.div(e=>i.AH`
1052 background-color: ${e.headerTheme.appearance[e.appearance].mobileNav.footerBackgroundColor}; 1053 ${(0,m.YK)("padding-top",2)}; 1054 z-index: ${e.zIndex+3}; 1055 1056 > li:last-of-type { 1057 ${(0,m.YK)("margin-bottom",2)}; 1058 } 1059 `),Xt=()=>{const{appearance:e,headerTheme:t,data:n,linkClick:r}=(0,a.useContext)(D);if(!n.topBar?.leftLinks&&!n.topBar?.rightLinks)return null;const i=e=>e.map((e,t)=>(0,g.jsx)(Ct,{href:e.href,icon:e.icon,title:e.title,linkClick:r,isActive:!1,id:e.id,isMobile:!0,newWindow:e.newWindow},`${e.title}:${t}`));return(0,g.jsxs)(Ot,{appearance:e,headerTheme:t,zIndex:n.zIndex,children:[n?.customerSegment?.switcher?.links?n?.topBar?.rightLinks&&i(n.topBar.rightLinks):n?.topBar&&Object.keys(n.topBar).map(e=>n.topBar?.[e]&&i(n.topBar[e])),n?.mainLinks&&n?.mainLinks.map((e,t)=>e.segments?.length?e.segments.map(e=>(0,g.jsx)(Wt,{segment:e,isShown:t===Number(n.activeSegment?.id)&&e.key===n.activeSegment?.key},e.key)):null)]})},Ut="56px",_t=i.I4.div(e=>i.AH` 1060 display: none; 1061 flex-direction: column; 1062 position: fixed; 1063 top: 0; 1064 left: 0; 1065 bottom: 0; 1066 width: calc(100% - ${Ut});
1067 background-color: ${e.headerTheme.appearance[e.appearance].mobileNav.backgroundColor}; 1068 z-index: ${e.zIndex+1}; 1069 border-top-right-radius: ${e.theme.border.radius[2]}; 1070 border-bottom-right-radius: ${e.theme.border.radius[2]}; 1071 1072 ${e.tabbing&&i.AH` 1073 & * { 1074 &:focus, 1075 &:focus-within { 1076 outline: none; 1077 } 1078 } 1079 `} 1080 1081 &.Containerstyle_Container-animation { 1082 @keyframes slideInLeft { 1083 0% { 1084 transform: translateX(calc(-100% - ${Ut})); 1085 } 1086 1087 100% { 1088 transform: translateX(0); 1089 } 1090 } 1091 1092 @keyframes slideOutLeft { 1093 0% { 1094 transform: translateX(0); 1095 } 1096 1097 100% { 1098 transform: translateX(calc(-100% - ${Ut})); 1099 } 1100 } 1101 1102 &-enter { 1103 animation-name: slideInLeft; 1104 animation-duration: 0.61s; 1105 } 1106 1107 &-enter, 1108 &-enter-done, 1109 &-exit { 1110 display: flex; 1111 } 1112 1113 &-exit-done { 1114 display: none; 1115 } 1116 1117 &-exit { 1118 animation-name: slideOutLeft; 1119 animation-duration: 0.61s; 1120 animation-fill-mode: forwards; 1121 } 1122 } 1123 `),qt=i.I4.div(e=>i.AH` 1124 display: flex; 1125 align-items: center; 1126 min-height: ${Ut}; 1127 ${(0,m.Sg)("padding",[0,4])}; 1128 position: relative; 1129 z-index: ${e.zIndex+1}; 1130 `),Pt=i.I4.div` 1131 display: flex; 1132 justify-content: center; 1133 align-items: center; 1134 width: ${Ut}; 1135 height: ${Ut}; 1136 position: absolute; 1137 right: 0; 1138 top: 0; 1139 transform: translateX(100%); 1140`,Vt=(0,i.I4)(u.N3)(e=>{const{closeButtonColor:t,closeButtonBorderRadius:n,closeButtonSize:a}
1140=e.headerTheme.appearance[e.appearance].mobileNav;return i.AH` 1141 display: inline-flex; 1142 justify-content: center; 1143 align-items: center; 1144 width: ${a}; 1145 height: ${a}; 1146 background-color: ${t}; 1147 border-radius: ${n}; 1148 ${(0,m.kY)({speed:3})}; 1149 1150 &:hover { 1151 background-color: lighten(${t}, 10%); 1152 } 1153 `}),Qt=i.I4.div` 1154 position: relative; 1155 overflow: hidden; 1156 width: 100%; 1157 height: 100%; 1158 1159 ul:first-child { 1160 display: flex; 1161 } 1162`,Zt=i.I4.div(e=>i.AH` 1163 position: absolute; 1164 inset: 0; 1165 width: 100%; 1166 ${(0,m.YK)("padding-top",9)}; 1167 background-color: ${e.headerTheme.appearance[e.headerAppearance].mobileNav.backgroundColor}; 1168 box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%); 1169 overflow: hidden; 1170 overflow-y: auto; 1171 `);var Jt=({tabbing:e,activeNav:t})=>{const{t:n}=(0,r.Bd)(),{data:i,linkClick:o,hideActiveNav:s,appearance:l,headerTheme:c}=(0,a.useContext)(D),{closeIconAppearance:d,inverseCloseIcon:h,closeIconSize:p}=c.appearance[l].mobileNav;return(0,g.jsxs)(_t,{tabbing:e,zIndex:i.zIndex,appearance:l,headerTheme:c,children:[(0,g.jsx)(qt,{zIndex:i.zIndex,children:(0,g.jsx)(U,{onClick:o,srText:n("Navigates to",{direction:i.logoUrl}),zIndex:i.zIndex,href:i.logoUrl})}),(0,g.jsx)(Qt,{children:"user"===t?(0,g.jsx)(g.Fragment,{children:i.user&&i.user.links&&(0,g.jsx)(Rt,{headingText:i.user?.subHeading,parentNavRef:"useractions",linkClick:o,links:i.user.links,fullHeight:!1,zIndex:i.zIndex})}):"accounts"===t?(0,g.jsx)(g.Fragment,{children:i.accounts&&(0,g.jsx)(Zt,{zIndex:i.zIndex,headerTheme:c,headerAppearance:l,children:(0,g.jsx)(Te,{accountManagementLinks:i.accountManagementLinks,links:i.accounts.links||[],activeAccount:{name:i.accounts.activeName,id:i.accounts.activeId},allAccountsLink:i.accounts.allAccountsLink,error:i.accounts.error||!1,triggerAnalyticsCallback:i.accounts?.triggerAnalyticsCallback,onErrorClick:i.accounts?.onErrorClick})})}):(0,g.jsx)(Rt,{headingText:i.customerSegment?.current,customerSegment:i.customerSegment,linkClick:o,links:i.mainLinks,fullHeight:!1,zIndex:i.zIndex})}),"user"!==t&&"accounts"!==t&&(0,g.jsx)(Xt,{}),(0,g.jsx)(Pt,{children:(0,g.jsx)(Vt,{onClick:s,label:n("Close mobile nav",{ns:ye}),fullSize:!0,appearance:l,headerTheme:c,children:(0,g.jsx)(b.In,{name:"close",size:p,appearance:d,inverse:h})})})]})};const en=i.I4.div(e=>i.AH` 1172 display: block; 1173 z-index: ${e.zIndex}; 1174 `),tn=i.I4.div(()=>i.AH``),nn=({showSearch:e,activeNav:t,tabbing:n,zIndex:a})=>(0,g.jsxs)(tn,{"data-component-name":"Header",children:[(0,g.jsx)(en,{zIndex:a,children:(0,g.jsx)(xe,{showSearch:e,children:(0,g.jsx)(et,{isMobile:!0,activeNav:t})})}),(0,g.jsx)(p.A,{in:"mobile"===t||"user"===t||"accounts"===t,timeout:{enter:600,exit:600},classNames:"Containerstyle_Container-animation",children:(0,g.jsx)(Jt,{activeNav:t,tabbing:n})})]}),an=({showSearch:e,activeNav:t,tabbing:n,zIndex:a})=>{const{mdAndAbove:r}=(0,h.Gu)();return(0,g.jsx)(g.Fragment,{children:r?(0,g.jsx)(Nt,{activeNav:t,showSearch:e,zIndex:a+1}):(0,g.jsx)(nn,{showSearch:e,tabbing:n,activeNav:t,zIndex:a})})};var rn=new class e{static keyMap={13:"enter",27:"esc",32:"space",37:"left",38:"up",39:"right",40:"down"};static levels={primary:"primary",secondary:"secondary",tertiary:"tertiary"};mainLinks=[];currentLevel="";getCurrentLevelLength(e=null,t=null,n=null){if(0!==this.mainLinks.length)return(0,Y.A)(n)||(0,Y.A)(e)||(0,Y.A)(t)?(0,Y.A)(t)||(0,Y.A)(e)?(0,Y.A)(e)?void 0:this.mainLinks.length:this.mainLinks[e]?.links?.length:this.mainLinks[e]?.links?.[t]?.links?.length}setFocus(e){const t=document.querySelector(`[${fe}='${e}']`);t&&t.focus()}handleLeft({primaryNavIndex:t,navGroupIndex:n}){let a="";return this.currentLevel===e.levels.primary?(0===t?a=""+(this.getCurrentLevelLength(t)-1):t&&(a=""+(t-1)),this.setFocus(a)):(0===n?a=`${t}:${this.getCurrentLevelLength(t,n)-1}`:n&&(a=`${t}:${n-1}`),this.setFocus(a))}handleLastNavGroupFocus(e,t){let n="";const a=this.getCurrentLevelLength(e,t);return a&&t===a-1?n=`${e}:0`:(t||0===t)&&(n=`${e}:${t+1}`),this.setFocus(n)}handleRight({primaryNavIndex:t,navGroupIndex:n}){let a="";const r=this.getCurrentLevelLength(t);return this.currentLevel===e.levels.primary?(r&&t===r-1?a="0":(t||0===t)&&(a=`${t+1}`),this.setFocus(a)):this.handleLastNavGroupFocus(t,n)}handleDown({primaryNavIndex:t,navGroupIndex:n,navItemIndex:a}){return this.currentLevel===e.levels.primary?setTimeout(()=>{this.setFocus(`${t}:0`)},150):this.currentLevel===e.levels.secondary?this.setFocus(`${t}:${n}:0`):void(this.currentLevel===e.levels.tertiary&&this.handleDownTertiary(t,n,a))}
1174handleDownTertiary(e,t,n){const a=this.isLastPrimaryItem(e),r=this.isLastNavGroupItem(e,t),i=this.isLastNavItem(e,t,n);if(!(a&&r&&i))return r&&i&&(e||0===e)?this.setFocus(`${e+1}`):r||!i||!t&&0!==t?n||0===n?this.setFocus(`${e}:${t}:${n+1}`):void 0:this.setFocus(`${e}:${t+1}`)}isLastPrimaryItem(e){const t=this.getCurrentLevelLength(e);return!!t&&e===t-1}isLastNavGroupItem(e,t){const n=this.getCurrentLevelLength(e,t);return!!n&&t===n-1}isLastNavItem(e,t,n){const a=this.getCurrentLevelLength(e,t,n);return!!a&&n===a-1}handleUpSecondary(e,t){if(0===t)return this.setFocus(`${e}`);if((e||0===e)&&t){const n=this.mainLinks[e]?.links?.[t-1]?.links?.length;if(n)return this.setFocus(`${e}:${t-1}:${n-1}`)}}handleUp({primaryNavIndex:t,navGroupIndex:n,navItemIndex:a}){if(this.currentLevel!==e.levels.primary&&(this.currentLevel===e.levels.secondary&&this.handleUpSecondary(t,n),this.currentLevel===e.levels.tertiary)){if(0===a)return this.setFocus(`${t}:${n}`);if(a)return this.setFocus(`${t}:${n}:${a-1}`)}}handleEnterAndSpace({primaryNavIndex:t}){if(this.currentLevel===e.levels.primary){const e=`${t}:0`;return setTimeout(()=>{this.setFocus(e)},150)}}handleEsc({primaryNavIndex:e}){const t=`${e}`;return this.setFocus(t)}getActiveElementRef(){if(document?.activeElement)return document.activeElement.getAttribute(`${fe}`)}getSplitElementRef(e){if(!e)return;const t=e.split(":").map(e=>{const t=parseInt(e,10);return Number.isNaN(t)?null:parseInt(e,10)});return{primaryNavIndex:(0,R.A)(t[0])?null:t[0],navGroupIndex:(0,R.A)(t[1])?null:t[1],navItemIndex:(0,R.A)(t[2])?null:t[2],elementRef:e}}setCurrentLevel({navGroupIndex:t=null,navItemIndex:n=null}){(0,Y.A)(n)?(0,Y.A)(t)?this.currentLevel=e.levels.primary:this.currentLevel=e.levels.secondary:this.currentLevel=e.levels.tertiary}switchKeyPress(t,n){switch(e.keyMap[t]){case"up":this.handleUp(n);break;case"down":this.handleDown(n);break;case"left":this.handleLeft(n);break;case"right":this.handleRight(n);break;case"enter":case"space":this.handleEnterAndSpace(n);break;case"esc":this.handleEsc(n)}}setMainLinks(e){this.mainLinks=e}handleKeyPress=e=>{const t=this.getActiveElementRef();if(!t)return;const n=this.getSplitElementRef(t);n&&(this.setCurrentLevel(n),this.switchKeyPress(e.keyCode,n))}};const on=({zIndex:e=10,logoUrl:t="https://vodafone.co.uk",basketUrl:n="https://vodafone.co.uk/basket",skipLinkId:h="#main",appearance:p="primary",...u})=>{const{transition:m}=(0,i.DP)(),[x]=(0,a.useState)(!1),[f,v]=(0,a.useState)(null),[b,k]=(0,a.useState)(void 0),[$,y]=(0,a.useState)(!1),I=(0,d.Y1)(ye,O,u.localTheme);(0,a.useEffect)(()=>{rn.setMainLinks(u.mainLinks)});const w=()=>{v(null)};(0,s._H)(u.i18n,ye,$e);const{t:C}=(0,r.Bd)(),j=(0,a.useRef)(null);return(0,g.jsx)(D.Provider,{value:{data:{...u,zIndex:e,logoUrl:t,basketUrl:n,skipLinkId:h,appearance:p,activeSegment:b},setActiveSegment:e=>{k(e)},setActiveNav:v,toggleSearch:()=>{y(!$)},hideActiveNav:w,linkClick:(e,t)=>{if(w(),u.onLinkClick){const n={topBar:u.topBar,mainLinks:u.mainLinks,user:u.user};return void u.onLinkClick(e,t,n)}t&&(window.location.href=t.url)},appearance:p,headerTheme:I,unmountDropdownOnExit:u.unmountDropdownOnExit,numberBadge:u.numberBadge,actionsRef:j,yextSearchBarConfig:u.yextSearchBarConfig},children:(0,g.jsxs)(a.Fragment,{children:[u.skipLink&&(0,g.jsx)(c.q1,{text:C("Skip to main content"),id:h}),(0,g.jsx)(an,{activeNav:f,showSearch:$,zIndex:e,tabbing:x}),(0,g.jsx)(o.iK,{show:null!==f,enter:{animations:["fadeIn"],duration:m.speed[3]},exit:{animations:["fadeOut"],duration:m.speed[3]},children:(0,g.jsx)(l.hJ,{position:"fixed",show:!0,onClick:w})})]})})}}}]);
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.