{"version":3,"file":"static/js/6824.2a85b1bb.chunk.js","mappings":"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","sources":["components/Elements/TrailDetailFacts/TrailDetailFacts.styles.js","components/Elements/TrailDetailFacts/index.jsx"],"sourcesContent":["import makeStyles from \"@material-ui/styles/makeStyles\";\r\n\r\nconst styles = makeStyles(theme => ({\r\n\tkeyfacts: {\r\n\t\talignItems: \"center\",\r\n\t\tdisplay: \"flex\",\r\n\t\tflexWrap: \"wrap\",\r\n\t\tgap: theme.spacing(1),\r\n\t\tjustifyContent: \"center\"\r\n\t},\r\n\trewards: {\r\n\t\talignItems: \"center\",\r\n\t\tdisplay: \"flex\",\r\n\t\tjustifyContent: \"center\",\r\n\t\tcolumnGap: theme.spacing(5),\r\n\t\tflexWrap: \"wrap\",\r\n\t\trowGap: theme.spacing(2),\r\n\t\tmarginTop: theme.spacing(5)\r\n\t},\r\n\tutmb: {\r\n\t\tmarginBottom: theme.spacing(1)\r\n\t},\r\n\titem: {\r\n\t\talignItems: \"center\",\r\n\t\tbackground: theme.palette.background.light,\r\n\t\tcolor: theme.palette.secondary.light,\r\n\t\tdisplay: \"flex\",\r\n\t\tflexDirection: \"column\",\r\n\t\tborderRadius: \"50%\",\r\n\t\tjustifyContent: \"center\",\r\n\t\theight: 108,\r\n\t\tpadding: theme.spacing(1.5),\r\n\t\ttextAlign: \"center\",\r\n\t\twidth: 108,\r\n\t\t\"& svg\": {\r\n\t\t\tdisplay: \"flex\",\r\n\t\t\twidth: \"24px !important\"\r\n\t\t},\r\n\t\t\"& svg path\": {\r\n\t\t\tfill: theme.palette.text.primary + \" !important\"\r\n\t\t},\r\n\t\t[theme.breakpoints.up(\"md\")]: {\r\n\t\t\theight: 180,\r\n\t\t\twidth: 180,\r\n\t\t\t\"& svg\": {\r\n\t\t\t\twidth: \"48px !important\"\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\tvalue: {\r\n\t\tfontSize: \"16px !important\",\r\n\t\tlineHeight: \"1.1 !important\",\r\n\t\tmarginTop: theme.spacing(0.5),\r\n\t\t[theme.breakpoints.up(\"md\")]: {\r\n\t\t\tfontSize: \"28px !important\",\r\n\t\t\tmarginTop: theme.spacing(1.5)\r\n\t\t}\r\n\t},\r\n\tvalueLocations: {\r\n\t\t[theme.breakpoints.up(\"md\")]: {\r\n\t\t\tfontSize: \"20px !important\"\r\n\t\t}\r\n\t},\r\n\tinl: {\r\n\t\t\"& img\": {\r\n\t\t\tmaxWidth: 80\r\n\t\t}\r\n\t}\r\n}));\r\n\r\nexport default styles;\r\n","import React, { useContext, useEffect, useState } from \"react\";\r\nimport isEmpty from \"lodash/isEmpty\";\r\nimport clsx from \"clsx\";\r\nimport loadable from \"@loadable/component\";\r\nimport PageContext from \"@PageContext\";\r\n\r\nimport styles from \"./TrailDetailFacts.styles\";\r\n\r\nconst Typography = loadable(() => import(\"@micado-digital/react-ui/components/Typography\"));\r\nconst ReactSVGIcon = loadable(() => import(\"@micado-digital/react-svg-icon/ReactSVGIcon\"));\r\n\r\nconst TrailDetailFacts = () => {\r\n\tconst [pageData] = useContext(PageContext);\r\n\tconst { fields = [] } = pageData;\r\n\tconst [data, setData] = useState({});\r\n\tconst [rewardsObj, setRewardsObj] = useState({});\r\n\tconst css = styles();\r\n\r\n\tuseEffect(() => {\r\n\t\tfields?.filter(item => {\r\n\t\t\tconst { tag, value: { value: text } = {} } = item;\r\n\r\n\t\t\tif (tag === \"distance\" && text) {\r\n\t\t\t\tsetData(prev => ({ ...prev, distance: text }));\r\n\t\t\t}\r\n\t\t\tif (tag === \"altitude\" && text) {\r\n\t\t\t\tsetData(prev => ({ ...prev, altitude: text }));\r\n\t\t\t}\r\n\t\t\tif (tag === \"location\" && text) {\r\n\t\t\t\tsetData(prev => ({ ...prev, location: text }));\r\n\t\t\t}\r\n\t\t\tif (tag === \"locations\" && text) {\r\n\t\t\t\tsetData(prev => ({ ...prev, locations: text }));\r\n\t\t\t}\r\n\t\t\tif (tag === \"utmb\" && text) {\r\n\t\t\t\tsetRewardsObj(prev => ({ ...prev, utmb: text }));\r\n\t\t\t}\r\n\t\t\tif (tag === \"qualifier-20k\" && text === \"1\") {\r\n\t\t\t\tsetRewardsObj(prev => ({ ...prev, qualifier20k: text }));\r\n\t\t\t}\r\n\t\t\tif (tag === \"qualifier-50k\" && text === \"1\") {\r\n\t\t\t\tsetRewardsObj(prev => ({ ...prev, qualifier50k: text }));\r\n\t\t\t}\r\n\t\t\tif (tag === \"qualifier-100k\" && text === \"1\") {\r\n\t\t\t\tsetRewardsObj(prev => ({ ...prev, qualifier100k: text }));\r\n\t\t\t}\r\n\t\t\tif (tag === \"isf\" && text === \"1\") {\r\n\t\t\t\tsetRewardsObj(prev => ({ ...prev, isf: text }));\r\n\t\t\t}\r\n\t\t\tif (tag === \"inl\" && text === \"1\") {\r\n\t\t\t\tsetRewardsObj(prev => ({ ...prev, inl: text }));\r\n\t\t\t}\r\n\t\t\treturn null;\r\n\t\t});\r\n\t}, [fields]);\r\n\r\n\tif (isEmpty(data)) return <></>;\r\n\r\n\treturn (\r\n\t\t<div className={clsx(css.trailDetailFacts, \"mco-trail-detail-facts\")}>\r\n\t\t\t<div className={css.keyfacts}>\r\n\t\t\t\t{data?.distance && (\r\n\t\t\t\t\t<div className={css.item}>\r\n\t\t\t\t\t\t<ReactSVGIcon src=\"/img/icons/distance.svg\" size={48} />\r\n\t\t\t\t\t\t<Typography\r\n\t\t\t\t\t\t\tclassName={css.value}\r\n\t\t\t\t\t\t\tcomponent=\"p\"\r\n\t\t\t\t\t\t\tvariants={{ xs: \"title-small\", md: \"title-medium\" }}\r\n\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: data?.distance }}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t\t{data?.altitude && (\r\n\t\t\t\t\t<div className={css.item}>\r\n\t\t\t\t\t\t<ReactSVGIcon src=\"/img/icons/altitude.svg\" size={48} />\r\n\t\t\t\t\t\t<Typography\r\n\t\t\t\t\t\t\tclassName={css.value}\r\n\t\t\t\t\t\t\tcomponent=\"p\"\r\n\t\t\t\t\t\t\tvariants={{ xs: \"title-small\", md: \"title-medium\" }}\r\n\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: data?.altitude }}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t\t{data?.location && (\r\n\t\t\t\t\t<div className={css.item}>\r\n\t\t\t\t\t\t<ReactSVGIcon src=\"/img/icons/location.svg\" size={48} />\r\n\t\t\t\t\t\t<Typography\r\n\t\t\t\t\t\t\tclassName={css.value}\r\n\t\t\t\t\t\t\tcomponent=\"p\"\r\n\t\t\t\t\t\t\tvariants={{ xs: \"title-small\", md: \"title-medium\" }}\r\n\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: data?.location }}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t\t{data?.locations && (\r\n\t\t\t\t\t<div className={clsx(css.item, css.itemLocations)}>\r\n\t\t\t\t\t\t<ReactSVGIcon src=\"/img/icons/locations.svg\" size={48} />\r\n\t\t\t\t\t\t<Typography\r\n\t\t\t\t\t\t\tclassName={clsx(css.value, css.valueLocations)}\r\n\t\t\t\t\t\t\tcomponent=\"p\"\r\n\t\t\t\t\t\t\tvariants={{ xs: \"title-small\", md: \"title-medium\" }}\r\n\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: data?.locations }}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\t\t\t{!isEmpty(rewardsObj) && (\r\n\t\t\t\t<div className={clsx(css.rewards, \"mco-teaser-default-addition-fields__rewards\")}>\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t{rewardsObj?.utmb && (\r\n\t\t\t\t\t\t\t<Typography\r\n\t\t\t\t\t\t\t\tclassName={css.utmb}\r\n\t\t\t\t\t\t\t\tcomponent=\"p\"\r\n\t\t\t\t\t\t\t\tvariant=\"label-small\"\r\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: rewardsObj?.utmb }}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{rewardsObj?.qualifier20k && (\r\n\t\t\t\t\t\t\t<div className={css.qualifier}>\r\n\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\tsrc=\"/img/qualifier-20k.png\"\r\n\t\t\t\t\t\t\t\t\talt=\"qualifier-20k\"\r\n\t\t\t\t\t\t\t\t\theight={27}\r\n\t\t\t\t\t\t\t\t\twidth={142}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{rewardsObj?.qualifier50k && (\r\n\t\t\t\t\t\t\t<div className={css.qualifier}>\r\n\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\tsrc=\"/img/qualifier-50k.png\"\r\n\t\t\t\t\t\t\t\t\talt=\"qualifier-50k\"\r\n\t\t\t\t\t\t\t\t\theight={27}\r\n\t\t\t\t\t\t\t\t\twidth={142}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{rewardsObj?.qualifier100k && (\r\n\t\t\t\t\t\t\t<div className={css.qualifier}>\r\n\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\tsrc=\"/img/qualifier-100k.png\"\r\n\t\t\t\t\t\t\t\t\talt=\"qualifier-100k\"\r\n\t\t\t\t\t\t\t\t\theight={27}\r\n\t\t\t\t\t\t\t\t\twidth={142}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t{rewardsObj?.isf && (\r\n\t\t\t\t\t\t<div className={css.isf}>\r\n\t\t\t\t\t\t\t<img src=\"/img/isf-logo.png\" alt=\"isf\" height={80} width={100} />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{rewardsObj?.inl && (\r\n\t\t\t\t\t\t<div className={css.inl}>\r\n\t\t\t\t\t\t\t<img src=\"/img/inl.svg\" alt=\"ITRA\" height={80} width={80} />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default TrailDetailFacts;\r\n"],"names":["makeStyles","theme","keyfacts","alignItems","display","flexWrap","gap","spacing","justifyContent","rewards","columnGap","rowGap","marginTop","utmb","marginBottom","item","background","palette","light","color","secondary","flexDirection","borderRadius","height","padding","textAlign","width","fill","text","primary","breakpoints","up","value","fontSize","lineHeight","valueLocations","inl","maxWidth","Typography","loadable","ReactSVGIcon","useContext","PageContext","fields","useState","data","setData","rewardsObj","setRewardsObj","css","styles","useEffect","filter","tag","prev","distance","altitude","location","locations","qualifier20k","qualifier50k","qualifier100k","isf","isEmpty","className","clsx","trailDetailFacts","src","size","component","variants","xs","md","dangerouslySetInnerHTML","__html","itemLocations","variant","qualifier","alt"],"sourceRoot":""}