https://cdn.vodafone.co.uk/web-marketing/consumer-marketing/assets…/IconSnippetListMap.88e66073946fe32d4753.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[1943],{17400:(e,n,r)=>{r.r(n),r.d(n,{IconSnippetListMap:()=>p,default:()=>p});var a=r(32549),t=r(48431),i=r(76022),o=r(54507),s=r(37344);r(94865),r(96010),r(58711);var c=r(68292);const p=()=>{const e=(0,o.Yr)(),n=e.croId,r=e.anchorId,p=e.appearance,l=e.align,d=e.justify,u=e.snippetsToShowSm,m=e.snippetsToShowMd,h=e.snippetsToShow,v=e.snippets,A=e.addBlockWrapper,f=void 0===A||A,g=e.blockAppearance,x=void 0===g?"Primary":g,y=e.blockPaddingLevel,b=e.localTheme,j=e.removeBotPadding,I=e.sectionHeading,S=e.sectionHeadingLevel,P=e.isSectionHeadingBold,$=e.sectionBodyText,k=e.sectionBodyTextPosition,T=e.footnote,H=(0,s.EX)(f,x,b),L={...(w=u)?{sm:w}:{},...(B=m)?{md:B}:{},...(z=h)?{lg:z,xl:z}:{}};var w,B,z;const O=(0,s.xg)().add("appearance",p,s.p3).add("inverse",H).add("justify",d).add("align",l).add("columns",L).add("dataAttributes",{...(0,c.AK)(n)}).toObject(),_=((e,n)=>{const r=(0,s.sL)("buttonOrLink");return(null!=e?e:[]).filter(e=>null==e?void 0:e.fields).map((e,a)=>{let t=e.fields;const i=t.buttonOrLink,o=t.displayAs,c=void 0===o?"button":o,p=t.bodyText,l=t.heading,d=t.headingLevel,u=t.iconName,m=t.appearance,h=t.inverse,v=(0,s.Ok)({iconName:u,inverse:h});v.group&&["hifiLight","hifiDark"].includes(v.group)&&(v.size=2);const A=[...n,"fields","snippets",a],f=(0,s.xg)().add("appearance",m,s.p3).add("inverse",h).add(c,i,e=>r(e,A)).toObject();return{text:p,heading:(0,s.Qt)(l,d),...f,icon:v}})})(v,(0,s.jU)());if(!_.length)return null;const D={addBlockWrapper:f,blockAppearance:x,blockPaddingLevel:y,localTheme:b,removeBotPadding:j,sectionHeading:I,sectionHeadingLevel:S,isSectionHeadingBold:P,sectionBodyText:$,sectionBodyTextPosition:k,footnote:T};return t.createElement(t.Fragment,null,t.createElement(s.Mz,{anchorId:r}),t.createElement(s.Ay,{fieldData:D},t.createElement(i.A,(0,a.A)({},O,{items:_}))))}},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:p=[],id:l,dataAttributes:d,dataSelectorPrefix:u})=>{const m={sm:"left"===e?2:1,md:4===p.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",...d},children:p.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;

1var a=r(48444),t=r(36092),i=r(14472),o=r(54720),s=r(20137),c=r(25904),p=r(42295);const l=s.I4.div(e=>s.AH`
2    display: flex;
3
4    > span {
5      ${(0,c.YK)("margin-right",3)}
6    }
7
8    ${"center"===e.justify&&s.AH`
9      flex-direction: column;
10      margin: 0 auto;
11
12      > span {
13        margin: auto;
14        ${(0,c.YK)("margin-bottom",3)}
15      }
16    `}
17  `),d=()=>({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:h,id:v,dataSelectorPrefix:A,dataAttributes:f,localTheme:g})=>{const x="IconSnippet",y=(0,o.Y1)(x,d,g),{iconAppearance:b,iconInverse:j,snippetAppearance:I,snippetInverse:S}=s?y.appearance[r].inverse:y.appearance[r];return(0,p.jsxs)(l,{justify:c,id:v,"data-selector":(0,a.A)(A),"data-component-name":x,...f,children:[m.component?m.component:m.name&&(0,p.jsx)(t.In,{name:m.name,isResponsive:!1,size:m.size||5,appearance:b,inverse:j,group:m.group||"system",dataSelectorPrefix:(0,a.A)(A,"icon")}),(0,p.jsx)(i.YK,{heading:e,text:n,appearance:I,inverse:S,justify:c,button:u,link:h,dataSelectorPrefix:(0,a.A)(A,"snippet")})]})}},219:(e,n,r)=>{r.d(n,{N_:()=>v,h3:()=>d,Ay:()=>v});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),p=r(25904),l=r(42295),d=t({DisabledButtonWrapper:()=>u,Link:()=>m});const u=(0,s.I4)(c.Wc)`
18  display: inline-flex;
19`,m=(0,s.I4)(c.N3)(e=>s.AH`
20    color: ${e.linkTheme.appearance[e.appearance].color};
21    ${(0,p.kY)()};
22
23    ${e.showUnderline&&s.AH`
24      text-decoration: underline;
25    `}
26
27    ${e.inverse&&s.AH`
28      color: ${e.linkTheme.appearance[e.appearance].inverse.color};
29    `}
30
31    ${1===e.size&&s.AH`
32      ${p.Il.paragraph(1,!1)};
33    `}
34
35    ${2===e.size&&s.AH`
36      ${p.Il.paragraph(2,!1)};
37    `}
38
39    ${3===e.size&&s.AH`
40      ${p.Il.heading(1,!1)};
41    `}
42
43    ${4===e.size&&s.AH`
44      ${p.Il.heading(2,!1)};
45    `}
46
47    &:hover {
48      color: ${e.linkTheme.appearance[e.appearance].hover};
49      text-decoration: underline;
50
51      ${e.inverse&&s.AH`
52        color: ${e.linkTheme.appearance[e.appearance].inverse.hover};
53      `}
54    }
55
56    &:focus {
57      text-decoration: underline;
58    }
59  `),h=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}}}}),v=({appearance:e="primary",showUnderline:n=!1,href:r,htmlAttributes:a={},dataAttributes:t,onClick:s,onMouseDown:c,onMouseUp:p,onTouchStart:d,onTouchEnd:v,inverse:A,srText:f,text:g,size:x=2,id:y,customRouterProps:b,dataSelectorPrefix:j,localTheme:I,state:S,role:P})=>{const $="Link",k=(0,l.jsx)(m,{appearance:e,linkTheme:(0,o.Y1)($,h,I),href:r,target:a.target,onClick:s,onMouseDown:c,onMouseUp:p,onTouchStart:d,onTouchEnd:v,showUnderline:n,inverse:A,label:f,rel:a.rel,componentName:$,dataAttributes:t,size:x,id:y,customRouterProps:b,dataSelectorPrefix:(0,i.A)(j),disabled:"disabled"===S,role:P,children:g});if("disabled"===S){if(!r&&!b?.to)return(0,l.jsx)(u,{label:f??g,children:k});console.error("state 'disabled' should not be passed when using href/customRouterProps.to")}return k}},14472:(e,n,r)=>{r.d(n,{YK:()=>f}),Object.defineProperty;var a=r(42858),t=r(48444),i=r(53283),o=r(84089),s=r(219),c=r(85349),p=r(54720),l=r(20137),d=r(25904),u=r(42295);const m=l.I4.div(e=>l.AH`
60    text-align: ${e.justify};
61    display: flex;
62    flex-grow: 1;
63    flex-direction: column;
64    justify-content: space-between;
65
66    ${e.inverse&&l.AH`
67      color: ${e.theme.color.monochrome1.default};
68    `}
69  `),h=l.I4.div(e=>l.AH`
70    ${(0,d.YK)("gap",2)};
71    display: flex;
72    flex-direction: column;
73
74    ${e.hasButton&&l.AH`
75      ${(0,d.YK)("margin-bottom",3)}
76    `}
77  `),v=l.I4.div(()=>l.AH``),A=()=>({appearance:{primary:{buttonAppearance:"primary"},secondary:{buttonAppearance:"secondary"},alt1:{buttonAppearance:"alt1"}},heading:{size:1,weight:3},paragraph:{size:2,weight:2}}),f=({heading:e,text:n,appearance:r="primary",inverse:l=!1,justify:d="left",button:f,link:g,localTheme:x,id:y,dataSelectorPrefix:b,dataAttributes:j}

77)=>{const I="Snippet",S=(0,p.Y1)(I,A,x),{buttonAppearance:P}=S.appearance[r];return(0,u.jsxs)(m,{inverse:l,justify:d,id:y,"data-selector":(0,t.A)(b),"data-component-name":I,...j,children:[(0,u.jsxs)(h,{hasButton:!(0,a.A)(f),children:[e&&(0,u.jsx)(o.DZ,{...e,...S.heading,inverse:l,noMargin:!0,dataSelectorPrefix:(0,t.A)(b,"heading")}),(0,u.jsx)(c.fz,{...S.paragraph,inverse:l,dataSelectorPrefix:(0,t.A)(b,"text"),children:n})]}),!(0,a.A)(f)&&(0,u.jsx)(v,{children:(0,u.jsx)(i.$n,{...f,appearance:P,inverse:l,text:f.text,dataSelectorPrefix:(0,t.A)(b,"button")})}),(0,a.A)(f)&&!(0,a.A)(g)&&(0,u.jsx)(v,{children:(0,u.jsx)(s.N_,{...g,showUnderline:!0,inverse:l,text:g.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),p=r(62978),l=r(10140),d=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,p.A)(e))return!(0,a.A)(e).length;for(var r in e)if(d.call(e,r))return!1;return!0}}}]);