{"version":3,"file":"static/js/3413.62b4e76a.chunk.js","mappings":"sOA2BA,GAzBeA,E,SAAAA,IAAW,SAAAC,GAAK,MAAK,CACnCC,OAAM,QACLC,WAAY,SACZC,QAAS,OACTC,IAAKJ,EAAMK,QAAQ,GACnBC,SAAU,OACVC,eAAgB,UACfP,EAAMQ,YAAYC,GAAG,MAAQ,CAC7BL,IAAKJ,EAAMK,QAAQ,KAGrBK,KAAM,CACL,QAAS,CACRP,QAAS,QACTQ,UAAW,UACXC,UAAW,IACXC,WAAY,oBACZC,MAAO,OACP,UAAW,CACVC,OAAQ,kBAIX,I,WCjBKC,GAAYC,EAAAA,EAAAA,UAAS,kBAAM,+BAA8C,IAiE/E,EA/Dc,SAAH,GAA4B,IAAtBC,EAAI,EAAJA,KAAMC,EAAQ,EAARA,SAEtB,GAAkCC,EAAAA,EAAAA,WAAS,GAAM,eAA1CC,EAAS,KAAEC,EAAY,KAMtBC,GALMC,EAAAA,EAAAA,GAAS,GAAD,OAFKC,GAGT,uGAA+FN,GAChH,CAACE,GACDA,GAEOE,MACFG,GAAMC,EAAAA,EAAAA,QAAO,MACbC,EAAMC,IAmBZ,OAjBAC,EAAAA,EAAAA,YAAU,WACT,IAAMC,EAAW,IAAIC,sBAAqB,SAAAC,GACzCA,EAAQC,SAAQ,SAAAC,GACN,OAALA,QAAK,IAALA,GAAAA,EAAOC,gBACVd,GAAa,EAEf,GACD,IAGA,OAFAS,EAASM,QAAQX,EAAIY,SAEd,WACFZ,EAAIY,SACPP,EAASQ,UAAUb,EAAIY,QAEzB,CACD,GAAG,CAACZ,KAGH,gBAAKc,WAAWC,EAAAA,EAAAA,SAAKb,EAAI3B,MAAO,uBAAwByB,IAAKA,EAAI,SAC1D,OAALH,QAAK,IAALA,OAAK,EAALA,EAAOmB,KAAI,SAAAC,GAAS,IAAD,EACXC,EAAgDD,EAAhDC,OAAQC,EAAwCF,EAAxCE,GAAG,EAAqCF,EAApCG,MAAK,aAAwB,CAAC,EAAC,EAAtBC,EAAQ,EAARA,SAAUC,EAAK,EAALA,MAEjCC,GACC,OAANL,QAAM,IAANA,GAME,QANI,EAANA,EAAQM,MAAK,SAAAC,GACZ,MAAa,OAATjC,EACoB,kBAAhBiC,EAAMH,MAEU,mBAAhBG,EAAMH,KAEf,WAAE,WANI,EAAN,EAMII,QAAS,GAEd,OAAIH,GAEF,gBAAKT,WAAWC,EAAAA,EAAAA,SAAKb,EAAIlB,KAAM,6BAA6B,UAC3D,SAACM,EAAS,CAACqC,GAAIJ,EAAiBK,OAAO,SAASC,IAAI,aAAY,UAC/D,gBAAKC,IA9Ce/B,GA8COsB,EAAUU,IAAKT,OAFsBH,IASnE,gBAAKL,WAAWC,EAAAA,EAAAA,SAAKb,EAAIlB,KAAM,6BAA6B,UAC3D,gBAAK8C,IAtDiB/B,GAsDKsB,EAAUU,IAAKT,KADuBH,EAIpE,KAGH,C","sources":["components/Elements/Logos/Logos.styles.js","components/Elements/Logos/index.jsx"],"sourcesContent":["import makeStyles from \"@material-ui/styles/makeStyles\";\r\n\r\nconst styles = makeStyles(theme => ({\r\n\tlogos: {\r\n\t\talignItems: \"center\",\r\n\t\tdisplay: \"flex\",\r\n\t\tgap: theme.spacing(4),\r\n\t\tflexWrap: \"wrap\",\r\n\t\tjustifyContent: \"center\",\r\n\t\t[theme.breakpoints.up(\"md\")]: {\r\n\t\t\tgap: theme.spacing(8)\r\n\t\t}\r\n\t},\r\n\tlogo: {\r\n\t\t\"& img\": {\r\n\t\t\tdisplay: \"block\",\r\n\t\t\tobjectFit: \"contain\",\r\n\t\t\tmaxHeight: 105,\r\n\t\t\ttransition: \"filter 150ms ease\",\r\n\t\t\twidth: \"100%\",\r\n\t\t\t\"&:hover\": {\r\n\t\t\t\tfilter: \"opacity(0.8)\"\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}));\r\n\r\nexport default styles;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useEffect, useState, useRef } from \"react\";\r\nimport loadable from \"@loadable/component\";\r\nimport clsx from \"clsx\";\r\nimport useFetch from \"@micado-digital/react-ui/hooks/useFetch\";\r\n\r\nimport styles from \"./Logos.styles\";\r\n\r\nconst ReactLink = loadable(() => import(\"@micado-digital/react-link/ReactLink\"));\r\n\r\nconst Logos = ({ lang, selected }) => {\r\n\tconst { REACT_APP_PATH } = process.env;\r\n\tconst [fetchData, setFetchData] = useState(false);\r\n\tconst logos = useFetch(\r\n\t\t`${REACT_APP_PATH}/Micado.WebEngine/Micado.WebEngine.Plugin.Media/List.api?FolderNames=Logos&Types=2&selected=${selected}`,\r\n\t\t[fetchData],\r\n\t\tfetchData\r\n\t);\r\n\tconst { items } = logos;\r\n\tconst ref = useRef(null);\r\n\tconst css = styles();\r\n\r\n\tuseEffect(() => {\r\n\t\tconst observer = new IntersectionObserver(entries => {\r\n\t\t\tentries.forEach(entry => {\r\n\t\t\t\tif (entry?.isIntersecting) {\r\n\t\t\t\t\tsetFetchData(true);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\t\tobserver.observe(ref.current);\r\n\r\n\t\treturn () => {\r\n\t\t\tif (ref.current) {\r\n\t\t\t\tobserver.unobserve(ref.current);\r\n\t\t\t}\r\n\t\t};\r\n\t}, [ref]);\r\n\r\n\treturn (\r\n\t\t<div className={clsx(css.logos, \"mco-component-logos\")} ref={ref}>\r\n\t\t\t{items?.map(item => {\r\n\t\t\t\tconst { fields, id, media: { filename, title } = {} } = item;\r\n\r\n\t\t\t\tconst linkCurrentLang =\r\n\t\t\t\t\tfields?.find(field => {\r\n\t\t\t\t\t\tif (lang === \"de\") {\r\n\t\t\t\t\t\t\treturn field.title === \"URL (Deutsch)\";\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\treturn field.title === \"URL (Englisch)\";\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t})?.value || \"\";\r\n\r\n\t\t\t\tif (linkCurrentLang) {\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<div className={clsx(css.logo, \"mco-component-logos__logo\")} key={id}>\r\n\t\t\t\t\t\t\t<ReactLink to={linkCurrentLang} target=\"_blank\" rel=\"noreferrer\">\r\n\t\t\t\t\t\t\t\t<img src={REACT_APP_PATH + filename} alt={title} />\r\n\t\t\t\t\t\t\t</ReactLink>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<div className={clsx(css.logo, \"mco-component-logos__logo\")} key={id}>\r\n\t\t\t\t\t\t<img src={REACT_APP_PATH + filename} alt={title} />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t})}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default Logos;\r\n"],"names":["makeStyles","theme","logos","alignItems","display","gap","spacing","flexWrap","justifyContent","breakpoints","up","logo","objectFit","maxHeight","transition","width","filter","ReactLink","loadable","lang","selected","useState","fetchData","setFetchData","items","useFetch","process","ref","useRef","css","styles","useEffect","observer","IntersectionObserver","entries","forEach","entry","isIntersecting","observe","current","unobserve","className","clsx","map","item","fields","id","media","filename","title","linkCurrentLang","find","field","value","to","target","rel","src","alt"],"sourceRoot":""}