{"version":3,"file":"static/js/6744.3635e0f1.chunk.js","mappings":"oPA+BA,GA7BeA,E,SAAAA,IAAW,SAAAC,GAAK,MAAK,CACnCC,YAAa,CACZC,QAAS,OACTC,SAAU,OACVC,UAAWJ,EAAMK,QAAQ,GACzBC,IAAKN,EAAMK,QAAQ,IAEpBE,KAAM,CACL,MAAO,CACNC,WAAY,SACZC,WAAYT,EAAMU,QAAQC,KAAK,KAC/BC,aAAcZ,EAAMa,MAAMD,aAC1BV,QAAS,OACTY,OAAQ,GACRC,eAAgB,SAChBC,WAAY,wBACZC,MAAO,GACP,UAAW,CACVR,WAAYT,EAAMU,QAAQC,KAAK,QAIlCO,KAAM,CACL,aAAc,CACbC,KAAK,GAADC,OAAKpB,EAAMU,QAAQW,OAAOC,MAAK,iBAGrC,I,WCtBKC,GAAYC,EAAAA,EAAAA,UAAS,kBAAM,uCAA8C,IACzEC,GAAeD,EAAAA,EAAAA,UAAS,kBAAM,wDAAqD,IAsBnFE,EAAO,SAAHC,GAA8B,IAAxBC,EAAID,EAAJC,KAAMC,EAAKF,EAALE,MAAOC,EAAGH,EAAHG,IACtBC,EAAMC,IAEZ,OACCC,EAAAA,EAAAA,KAAA,MAAIC,WAAWC,EAAAA,EAAAA,SAAKJ,EAAIxB,KAAM,gDAAgD6B,UAC7EH,EAAAA,EAAAA,KAACV,EAAS,CAACc,IAAI,sBAAsBC,OAAO,SAAST,MAAOA,EAAOU,GAAIT,EAAIM,UAC1EH,EAAAA,EAAAA,KAACR,EAAY,CACZS,WAAWC,EAAAA,EAAAA,SAAKJ,EAAIb,KAAM,yCAC1BsB,KAAM,GACNC,IAAG,cAAArB,OAAgBQ,EAAI,aAK5B,EAEA,EApCoB,WACnB,IAAAc,GAAsBC,EAAAA,EAAAA,YAAWC,EAAAA,SACzBC,GAD2CC,EAAAA,EAAAA,GAAAJ,EAAA,GAAjC,GACVG,MACFd,EAAMC,IAEZ,OACCC,EAAAA,EAAAA,KAAA,MAAIC,WAAWC,EAAAA,EAAAA,SAAKJ,EAAI9B,YAAa,0CAA0CmC,SACxE,OAALS,QAAK,IAALA,OAAK,EAALA,EAAOE,KAAI,SAACxC,EAAMyC,GAClB,IAAQpB,EAAqBrB,EAArBqB,KAAMC,EAAetB,EAAfsB,MAAOC,EAAQvB,EAARuB,IAErB,MAAa,aAATF,EACI,MAGDK,EAAAA,EAAAA,KAACP,EAAI,CAAeE,KAAMA,EAAMC,MAAOA,EAAOC,IAAKA,GAAxCkB,EACnB,KAGH,C","sources":["components/views/SocialIcons/SocialIcons.styles.js","components/views/SocialIcons/index.jsx"],"sourcesContent":["import makeStyles from \"@material-ui/styles/makeStyles\";\r\n\r\nconst styles = makeStyles(theme => ({\r\n\tsocialIcons: {\r\n\t\tdisplay: \"flex\",\r\n\t\tflexWrap: \"wrap\",\r\n\t\tcolumnGap: theme.spacing(1),\r\n\t\tgap: theme.spacing(1)\r\n\t},\r\n\titem: {\r\n\t\t\"& a\": {\r\n\t\t\talignItems: \"center\",\r\n\t\t\tbackground: theme.palette.grey[500],\r\n\t\t\tborderRadius: theme.shape.borderRadius,\r\n\t\t\tdisplay: \"flex\",\r\n\t\t\theight: 40,\r\n\t\t\tjustifyContent: \"center\",\r\n\t\t\ttransition: \"background 250ms ease\",\r\n\t\t\twidth: 40,\r\n\t\t\t\"&:hover\": {\r\n\t\t\t\tbackground: theme.palette.grey[700]\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\ticon: {\r\n\t\t\"& svg path\": {\r\n\t\t\tfill: `${theme.palette.common.white} !important`\r\n\t\t}\r\n\t}\r\n}));\r\n\r\nexport default styles;\r\n","import React, { useContext } from \"react\";\r\nimport loadable from \"@loadable/component\";\r\nimport clsx from \"clsx\";\r\nimport WebProfileContext from \"@WebProfileContext\";\r\n\r\nimport styles from \"./SocialIcons.styles\";\r\n\r\nconst ReactLink = loadable(() => import(\"@micado-digital/react-link/ReactLink\"));\r\nconst ReactSVGIcon = loadable(() => import(\"@micado-digital/react-svg-icon/ReactSVGIcon\"));\r\n\r\nconst SocialIcons = () => {\r\n\tconst [profileData] = useContext(WebProfileContext);\r\n\tconst { links } = profileData;\r\n\tconst css = styles();\r\n\r\n\treturn (\r\n\t\t<ul className={clsx(css.socialIcons, \"mco-view-component-footer-social-icons\")}>\r\n\t\t\t{links?.map((item, counter) => {\r\n\t\t\t\tconst { type, title, url } = item;\r\n\r\n\t\t\t\tif (type === \"whatsapp\") {\r\n\t\t\t\t\treturn null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn <Item key={counter} type={type} title={title} url={url} />;\r\n\t\t\t})}\r\n\t\t</ul>\r\n\t);\r\n};\r\n\r\nconst Item = ({ type, title, url }) => {\r\n\tconst css = styles();\r\n\r\n\treturn (\r\n\t\t<li className={clsx(css.item, \"mco-view-component-footer-social-icons__item\")}>\r\n\t\t\t<ReactLink rel=\"noopener noreferrer\" target=\"_blank\" title={title} to={url}>\r\n\t\t\t\t<ReactSVGIcon\r\n\t\t\t\t\tclassName={clsx(css.icon, \"mco-view-component-social-icons__icon\")}\r\n\t\t\t\t\tsize={20}\r\n\t\t\t\t\tsrc={`/img/icons/${type}.svg`}\r\n\t\t\t\t/>\r\n\t\t\t</ReactLink>\r\n\t\t</li>\r\n\t);\r\n};\r\n\r\nexport default SocialIcons;\r\n"],"names":["makeStyles","theme","socialIcons","display","flexWrap","columnGap","spacing","gap","item","alignItems","background","palette","grey","borderRadius","shape","height","justifyContent","transition","width","icon","fill","concat","common","white","ReactLink","loadable","ReactSVGIcon","Item","_ref","type","title","url","css","styles","_jsx","className","clsx","children","rel","target","to","size","src","_useContext","useContext","WebProfileContext","links","_slicedToArray","map","counter"],"sourceRoot":""}