https://cdn.vodafone.co.uk/web-marketing/consumer-marketing/assets/1.4.6/modern/5233.d612894bd519de45e4ef.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[5233],{15233:(e,n,r)=>{r.d(n,{uG:()=>T}),Object.defineProperty;var a=r(48444),t=r(85349),i=r(54720),o=r(3449),s=r(84089),c=r(76022),d=r(53283),l=r(20137),p=r(25904),u=r(42295),m=r(19951),g=r(56148);const h=l.I4.div`
2  ${(0,p.YK)("margin-top",5)}
3  > *:not(:only-child) {
4    ${(0,p.YK)("margin-top",5)}
5    ${p.XG.md(l.AH`
6      ${(0,p.Sg)("margin",[0,3,0,0])}
7    `)}
8  }
9`,v=({primaryButton:e,secondaryButton:n,localTheme:r})=>{const{inverseButton:a,primaryButtonAppearance:t,secondaryButtonAppearance:i}=r;return(0,u.jsxs)(h,{children:[e&&(0,u.jsx)(d.$n,{...e,appearance:t,inverse:a}),n&&(0,u.jsx)(d.$n,{...n,appearance:i,inverse:a})]})},x=({text:e,link:n})=>(0,u.jsxs)(t.fz,{size:1,inverse:!0,children:[e," ",n?.text&&(0,u.jsx)(m.gH,{...n,inverse:!0,children:n.text})]}),A=l.I4.div`
10  > *:not(:first-child) {
11    ${(0,p.YK)("margin-top",5)}
12  }
13
14  ${(0,p.YK)("margin-top",5)}
15
16  ${p.XG.md(l.AH`
17    grid-column: 1 / 13;
18  `)}
19
20    ${p.XG.lg(l.AH`
21    grid-column: 1 / 7;
22    grid-row: 1;
23    ${(0,p.YK)("margin-top",0)}
24  `)}
25`,f=({localTheme:e,heading:n,dateCountdown:r,iconList:a,text:i,level:d=2,primaryButton:l,secondaryButton:p,footnote:m,breadcrumbEnabled:g})=>{const{inverseText:h}=e,f=i&&1===d,y=i&&2===d;return(0,u.jsxs)(A,{breadcrumbEnabled:g,children:[r&&(0,u.jsx)(o.A3,{text:r.text,endDate:r.endDate,format:r.format,inverse:!0,orientation:"vertical",size:1,justify:"left"}),(0,u.jsx)(s.DZ,{text:n.text,level:n.level,size:3,weight:3,inverse:h,noMargin:!0}),f&&(0,u.jsx)(t.fz,{inverse:h,noMargin:!0,id:"level1-text",children:i}),a&&(0,u.jsx)(c.d,{align:"left",columns:{lg:3,md:3,sm:1},inverse:h,items:a.length>3?a.slice(0,3):a}),y&&(0,u.jsx)(t.fz,{inverse:h,noMargin:!0,id:"level2-text",children:i}),l&&(0,u.jsx)(v,{primaryButton:l,secondaryButton:p,localTheme:e}),m&&(0,u.jsx)(x,{...m})]})},y=l.I4.div`
26  ${(0,p.Sg)("margin",[4,9])}
27  display: grid;
28  justify-content: center;
29  ${p.XG.md(l.AH`
30    grid-column: 3/11;
31    ${(0,p.Sg)("margin",[0])}
32  `)}
33  ${p.XG.lg(l.AH`
34    grid-column: 9 / 13;
35    grid-row: 1;
36  `)}
37`,b=e=>e?(0,u.jsx)(y,{children:(0,u.jsx)(g._V,{roundedCorners:!0,...e})}):null,j=l.I4.div(({theme:e,dynamicBannerTheme:n,backgroundImage:r})=>l.AH`
38    color: ${e.color.primary1.default};
39    ${r?(0,p.iL)(r):`background: ${n.backgroundColor}`};
40  `),$=l.I4.div(({dynamicBannerTheme:e})=>l.AH`
41    width: 100%;
42    height: 100%;
43    background: linear-gradient(${e.backgroundGradient.sm});
44    ${p.XG.md(l.AH`
45      background: linear-gradient(${e.backgroundGradient.md});
46    `)}
47    ${p.XG.lg(l.AH`
48      background: linear-gradient(${e.backgroundGradient.lg});
49    `)}
50  `),I=l.I4.div(({theme:e})=>l.AH`
51    max-width: ${e.gridConfig.springWidth}px;
52    margin: 0 auto;
53    ${(0,p.Sg)("padding",[7,4])}
54  `),k=l.I4.div`
55  ${p.XG.md(l.AH`
56    display: grid;
57    grid-template-columns: repeat(12, 1fr);
58    align-items: center;
59  `)}
60`,H=l.I4.div`
61  ${(0,p.YK)("margin-bottom",4)}
62`,S={sm:"to top right, #820000 0%, rgba(0, 0, 0, 0) 137.52%",md:"to top right, #820000 0%, rgba(0, 0, 0, 0) 121%",lg:"to top right, #820000 25.4%, rgba(0, 0, 0, 0) 98.93%"},B=e=>({backgroundColor:e.color.primary1.default,backgroundGradient:S,primaryButtonAppearance:"secondary",secondaryButtonAppearance:"alt1",inverseText:!0,inverseButton:!0}),T=({localTheme:e,id:n,dataSelectorPrefix:r,dataAttributes:o,heading:s,dateCountdown:c,iconList:d,text:l,level:p,primaryButton:m,secondaryButton:g,footnote:h,breadcrumb:v,image:x,backgroundImage:A})=>{const y="DynamicBanner",S=(0,i.Y1)(y,B,e);return(0,u.jsx)(j,{dynamicBannerTheme:S,appearance:"primary",id:n,"data-selector":(0,a.A)(r),backgroundImage:A,"data-component-name":y,...o,children:(0,u.jsx)($,{dynamicBannerTheme:S,children:(0,u.jsxs)(I,{children:[v&&(0,u.jsx)(H,{children:(0,u.jsx)(t.fz,{inverse:!0,noMargin:!0,children:v})}),(0,u.jsxs)(k,{children:[x&&(0,u.jsx)(b,{...x}),(0,u.jsx)(f,{heading:s,localTheme:S,dateCountdown:c,iconList:d,text:l,level:p,primaryButton:m,secondaryButton:g,footnote:h,breadcrumbEnabled:Boolean(v)})]})]})})})}},76022:(e,n,r)=>{r.d(n,{A:()=>s,d:()=>s});var a=r(48444),t=r(59644),i=r(29296),o=r(42295);const s=({align:e,columns:n,appearance:r,inverse:s,justify:c,items:d=[],id:l,dataAttributes:p,dataSelectorPrefix:u})=>{const m={sm:"left"===e?2:1,md:4===d.length?2:3,lg:4};return(0,o.jsx)(i.rS,{id:l,dataSelectorPrefix:(0,a.A)(u),columns:{...m,...n},justify:e||"center",spacing:4,verticalAlign:"stretch",dataAttributes:{"data-component-name":"IconSnippetList",...p},children:d.map((e,n)=>(0,o.jsx)(t.xm,{justify:c,appearance:r,inverse:s,text:e.text,heading:e.heading,icon:e.icon,button:e.button,link:e.link,dataSelectorPrefix:(0,a.A)(u,`icon-snippet-${n}`)},n))})}},59644:(e,n,r)=>{r.d(n,{xm:()=>u,Ay:()=>u}),Object.defineProperty;

62var a=r(48444),t=r(36092),i=r(14472),o=r(54720),s=r(20137),c=r(25904),d=r(42295);const l=s.I4.div(e=>s.AH`
63    display: flex;
64
65    > span {
66      ${(0,c.YK)("margin-right",3)}
67    }
68
69    ${"center"===e.justify&&s.AH`
70      flex-direction: column;
71      margin: 0 auto;
72
73      > span {
74        margin: auto;
75        ${(0,c.YK)("margin-bottom",3)}
76      }
77    `}
78  `),p=()=>({appearance:{primary:{iconAppearance:"primary",iconInverse:!1,snippetAppearance:"primary",snippetInverse:!1,inverse:{iconAppearance:"primary",iconInverse:!0,snippetAppearance:"primary",snippetInverse:!0}},secondary:{iconAppearance:"primary",iconInverse:!1,snippetAppearance:"secondary",snippetInverse:!1,inverse:{iconAppearance:"primary",iconInverse:!0,snippetAppearance:"secondary",snippetInverse:!0}},alt1:{iconAppearance:"primary",iconInverse:!1,snippetAppearance:"alt1",snippetInverse:!1,inverse:{iconAppearance:"primary",iconInverse:!0,snippetAppearance:"alt1",snippetInverse:!0}}}}),u=({heading:e,text:n,appearance:r="primary",inverse:s=!1,justify:c="left",button:u,icon:m,link:g,id:h,dataSelectorPrefix:v,dataAttributes:x,localTheme:A})=>{const f="IconSnippet",y=(0,o.Y1)(f,p,A),{iconAppearance:b,iconInverse:j,snippetAppearance:$,snippetInverse:I}=s?y.appearance[r].inverse:y.appearance[r];return(0,d.jsxs)(l,{justify:c,id:h,"data-selector":(0,a.A)(v),"data-component-name":f,...x,children:[m.component?m.component:m.name&&(0,d.jsx)(t.In,{name:m.name,isResponsive:!1,size:m.size||5,appearance:b,inverse:j,group:m.group||"system",dataSelectorPrefix:(0,a.A)(v,"icon")}),(0,d.jsx)(i.YK,{heading:e,text:n,appearance:$,inverse:I,justify:c,button:u,link:g,dataSelectorPrefix:(0,a.A)(v,"snippet")})]})}},219:(e,n,r)=>{r.d(n,{N_:()=>h,h3:()=>p,Ay:()=>h});var a=Object.defineProperty,t=(e,n)=>{let r={};for(var t in e)a(r,t,{get:e[t],enumerable:!0});return n||a(r,Symbol.toStringTag,{value:"Module"}),r},i=r(48444),o=r(54720),s=r(20137),c=r(70763),d=r(25904),l=r(42295),p=t({DisabledButtonWrapper:()=>u,Link:()=>m});const u=(0,s.I4)(c.Wc)`
79  display: inline-flex;
80`,m=(0,s.I4)(c.N3)(e=>s.AH`
81    color: ${e.linkTheme.appearance[e.appearance].color};
82    ${(0,d.kY)()};
83
84    ${e.showUnderline&&s.AH`
85      text-decoration: underline;
86    `}
87
88    ${e.inverse&&s.AH`
89      color: ${e.linkTheme.appearance[e.appearance].inverse.color};
90    `}
91
92    ${1===e.size&&s.AH`
93      ${d.Il.paragraph(1,!1)};
94    `}
95
96    ${2===e.size&&s.AH`
97      ${d.Il.paragraph(2,!1)};
98    `}
99
100    ${3===e.size&&s.AH`
101      ${d.Il.heading(1,!1)};
102    `}
103
104    ${4===e.size&&s.AH`
105      ${d.Il.heading(2,!1)};
106    `}
107
108    &:hover {
109      color: ${e.linkTheme.appearance[e.appearance].hover};
110      text-decoration: underline;
111
112      ${e.inverse&&s.AH`
113        color: ${e.linkTheme.appearance[e.appearance].inverse.hover};
114      `}
115    }
116
117    &:focus {
118      text-decoration: underline;
119    }
120  `),g=e=>({appearance:{primary:{color:e.color.monochrome6.default,hover:e.color.secondary7.default,inverse:{color:e.inverseColor.monochrome6.default,hover:e.inverseColor.secondary7.default}},secondary:{color:e.color.secondary7.default,hover:e.color.secondary7.hover,inverse:{color:e.inverseColor.secondary7.default,hover:e.inverseColor.secondary7.hover}}}}),h=({appearance:e="primary",showUnderline:n=!1,href:r,htmlAttributes:a={},dataAttributes:t,onClick:s,onMouseDown:c,onMouseUp:d,onTouchStart:p,onTouchEnd:h,inverse:v,srText:x,text:A,size:f=2,id:y,customRouterProps:b,dataSelectorPrefix:j,localTheme:$,state:I,role:k})=>{const H="Link",S=(0,l.jsx)(m,{appearance:e,linkTheme:(0,o.Y1)(H,g,$),href:r,target:a.target,onClick:s,onMouseDown:c,onMouseUp:d,onTouchStart:p,onTouchEnd:h,showUnderline:n,inverse:v,label:x,rel:a.rel,componentName:H,dataAttributes:t,size:f,id:y,customRouterProps:b,dataSelectorPrefix:(0,i.A)(j),disabled:"disabled"===I,role:k,children:A});if("disabled"===I){if(!r&&!b?.to)return(0,l.jsx)(u,{label:x??A,children:S});console.error("state 'disabled' should not be passed when using href/customRouterProps.to")}return S}},14472:(e,n,r)=>{r.d(n,{YK:()=>x}),Object.defineProperty;var a=r(42858),t=r(48444),i=r(53283),o=r(84089),s=r(219),c=r(85349),d=r(54720),l=r(20137),p=r(25904),u=r(42295);const m=l.I4.div(e=>l.AH`
121    text-align: ${e.justify};
122    display: flex;
123    flex-grow: 1;
124    flex-direction: column;
125    justify-content: space-between;
126
127    ${e.inverse&&l.AH`
128      color: ${e.theme.color.monochrome1.default};
129    `}
130  `),g=l.I4.div(e=>l.AH`
131    ${(0,p.YK)("gap",2)};
132    display: flex;
133    flex-direction: column;
134
135    ${e.hasButton&&l.AH`
136      ${(0,p.YK)("margin-bottom",3)}
137    `}
138  `),h=l.I4.div(()=>l.AH``),v=()=>({appearance:{primary:{buttonAppearance:"primary"},secondary:{buttonAppearance:"secondary"},alt1:{buttonAppearance:"alt1"}},heading:{size:1,weight:3},paragraph:{size:2,weight:2}}),x=({heading:e,text:n,appearance:r="primary",inverse:l=!1,justify:p="left",button:x,link:A,localTheme:f,id:y,dataSelectorPrefix:b,dataAttributes:j}

138)=>{const $="Snippet",I=(0,d.Y1)($,v,f),{buttonAppearance:k}=I.appearance[r];return(0,u.jsxs)(m,{inverse:l,justify:p,id:y,"data-selector":(0,t.A)(b),"data-component-name":$,...j,children:[(0,u.jsxs)(g,{hasButton:!(0,a.A)(x),children:[e&&(0,u.jsx)(o.DZ,{...e,...I.heading,inverse:l,noMargin:!0,dataSelectorPrefix:(0,t.A)(b,"heading")}),(0,u.jsx)(c.fz,{...I.paragraph,inverse:l,dataSelectorPrefix:(0,t.A)(b,"text"),children:n})]}),!(0,a.A)(x)&&(0,u.jsx)(h,{children:(0,u.jsx)(i.$n,{...x,appearance:k,inverse:l,text:x.text,dataSelectorPrefix:(0,t.A)(b,"button")})}),(0,a.A)(x)&&!(0,a.A)(A)&&(0,u.jsx)(h,{children:(0,u.jsx)(s.N_,{...A,showUnderline:!0,inverse:l,text:A.text,dataSelectorPrefix:(0,t.A)(b,"link")})})]})}},42858:(e,n,r)=>{r.d(n,{A:()=>u});var a=r(69968),t=r(34939),i=r(34594),o=r(29350),s=r(88513),c=r(861),d=r(62978),l=r(10140),p=Object.prototype.hasOwnProperty;const u=function(e){if(null==e)return!0;if((0,s.A)(e)&&((0,o.A)(e)||"string"==typeof e||"function"==typeof e.splice||(0,c.A)(e)||(0,l.A)(e)||(0,i.A)(e)))return!e.length;var n=(0,t.A)(e);if("[object Map]"==n||"[object Set]"==n)return!e.size;if((0,d.A)(e))return!(0,a.A)(e).length;for(var r in e)if(p.call(e,r))return!1;return!0}}}]);