{"version":3,"file":"AramcoWorld_RelatedContentList-DfPSePoO.js","sources":["../../../src/project/AramcoWorld/Search/RelatedContentList/index.tsx?chunkName=AramcoWorld_RelatedContentList"],"sourcesContent":["import React, { useContext, type FC } from \"react\";\r\nimport { type RelatedContentListProps } from \"../../generated-types\";\r\nimport { Ribbon } from \"../../_Base/Components/Ribbon\";\r\nimport { ContentWrapper } from \"../../_Base/Components/ContentWrapper\";\r\nimport { themable } from \"../../_Base/Theme/themable\";\r\nimport { lazyHydrate, useSitecoreContext } from \"~/foundation/Jss\";\r\nimport { sc } from \"../../_Base/Jss\";\r\nimport { Box, Divider, Flex, Heading, useMediaQuery } from \"@chakra-ui/react\";\r\nimport { ColorThemeContext } from \"../../_Base/Theme/ColorThemeContext\";\r\nimport StoryListItem, { AspectRatioOption } from \"../../Story/StoryList/StoryListItem\";\r\nimport { breakpoints } from \"../../_Base/Theme/variables/breakpoints\";\r\nimport { Link } from \"../../_Base/Components/Link\";\r\n\r\nconst RelatedContentList: FC<RelatedContentListProps> = ({ fields, rendering }) => {\r\n\tconst { sitecoreContext } = useSitecoreContext();\r\n\tconst articleListResults = rendering.customData?.results;\r\n\tconst [theme] = useContext(ColorThemeContext);\r\n\tconst [isLgBreakpointOrAbove] = useMediaQuery(`(min-width: ${breakpoints.lg})`);\r\n\r\n\tif (!articleListResults) {\r\n\t\tconsole.log(\"No related articles found in relatedContentList\");\r\n\t\treturn <></>;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<Ribbon\r\n\t\t\tdata-rendering=\"RelatedContentList\"\r\n\t\t\tpy={[\"var(--chakra-sizes-modulePY__SM)\", null, null, \"var(--chakra-sizes-modulePY__LG)\"]}\r\n\t\t>\r\n\t\t\t<ContentWrapper>\r\n\t\t\t\t{(fields?.sectionHeadline?.value || sitecoreContext.pageEditing) &&\r\n\t\t\t\t\t<Heading\r\n\t\t\t\t\t\tas=\"h2\"\r\n\t\t\t\t\t\tsize=\"desktopHeadline7\"\r\n\t\t\t\t\t\twidth=\"100%\"\r\n\t\t\t\t\t\ttextAlign=\"start\"\r\n\t\t\t\t\t\tborderColor=\"currentcolor\"\r\n\t\t\t\t\t\tborderBottomWidth=\"1px\"\r\n\t\t\t\t\t\tborderStyle=\"solid\"\r\n\t\t\t\t\t\tpy=\"2\"\r\n\t\t\t\t\t\tmb={[\"var(--chakra-sizes-modulePY__SM)\", null, null, \"var(--chakra-sizes-modulePY__LG)\"]}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<sc.Text field={fields?.sectionHeadline} />\r\n\t\t\t\t\t</Heading>\r\n\t\t\t\t}\r\n\r\n\t\t\t\t{articleListResults && articleListResults?.length > 0 && (\r\n\t\t\t\t\t<Box\r\n\t\t\t\t\t\tas=\"ul\"\r\n\t\t\t\t\t\tclassName=\"lazyLoadList\"\r\n\t\t\t\t\t\tdisplay=\"grid\"\r\n\t\t\t\t\t\tgridTemplateColumns={\"repeat(6, 1fr)\"}\r\n\t\t\t\t\t\tgridColumnGap=\"8\"\r\n\t\t\t\t\t\tgridRowGap={[\"12\", null, \"16\", null]}\r\n\t\t\t\t\t\ttextAlign=\"start\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{articleListResults.map((listItem, i) => {\r\n\t\t\t\t\t\t\tlet aspectRatio = AspectRatioOption.default;\r\n\t\t\t\t\t\t\tif (listItem.section === \"Reviews\") {\r\n\t\t\t\t\t\t\t\taspectRatio = AspectRatioOption.auto;\r\n\t\t\t\t\t\t\t} else if (listItem.contentType === \"Issue\") {\r\n\t\t\t\t\t\t\t\taspectRatio = AspectRatioOption.cover;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t<StoryListItem\r\n\t\t\t\t\t\t\t\t\tkey={i}\r\n\t\t\t\t\t\t\t\t\tgridColumn={isLgBreakpointOrAbove ? \"span 2\" : i === 0 ? \"span 6\" : \"span 3\"}\r\n\t\t\t\t\t\t\t\t\taspectRatio={aspectRatio}\r\n\t\t\t\t\t\t\t\t\t{...listItem}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t</Box>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{(fields?.seeMoreLink?.value?.href || sitecoreContext.pageEditing) && (\r\n\t\t\t\t\t<Flex alignItems=\"center\" gap={6} mt={[6, null, 9, null]} h=\"fit-content\" w=\"full\" height=\"full\">\r\n\t\t\t\t\t\t<Divider bg={theme.ribbon.primaryColor} h=\"1px\" />\r\n\t\t\t\t\t\t<Box\r\n\t\t\t\t\t\t\tdisplay=\"inline-flex\"\r\n\t\t\t\t\t\t\tw=\"auto\"\r\n\t\t\t\t\t\t\th=\"auto\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<Link\r\n\t\t\t\t\t\t\t\tto={fields?.seeMoreLink?.value?.href}\r\n\t\t\t\t\t\t\t\tcolor={theme.ribbon.primaryColor}\r\n\t\t\t\t\t\t\t\tborderColor={theme.ribbon.primaryColor}\r\n\t\t\t\t\t\t\t\t_hover={{\r\n\t\t\t\t\t\t\t\t\tbg: theme.ribbon.primaryButtonHoverBg,\r\n\t\t\t\t\t\t\t\t\tborderColor: theme.ribbon.primaryButtonHoverBg,\r\n\t\t\t\t\t\t\t\t\ttransition: \"bg borderColor 0.2s ease-in-out\",\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\tsize=\"lg\"\r\n\t\t\t\t\t\t\t\tvariant=\"primaryOutline\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{fields?.seeMoreLink?.value?.text || \"See more\"}\r\n\t\t\t\t\t\t\t</Link>\r\n\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t</Flex>\r\n\t\t\t\t)}\r\n\t\t\t</ContentWrapper>\r\n\t\t</Ribbon>\r\n\t);\r\n};\r\n\r\nexport default themable()(lazyHydrate(RelatedContentList, \"section\"));"],"names":["RelatedContentList","fields","rendering","sitecoreContext","useSitecoreContext","articleListResults","_a","theme","useContext","ColorThemeContext","isLgBreakpointOrAbove","useMediaQuery","breakpoints","jsx","Ribbon","ContentWrapper","_b","Heading","sc","Box","listItem","i","aspectRatio","AspectRatioOption","StoryListItem","_d","_c","jsxs","Flex","Divider","Link","_f","_e","_h","_g","Fragment","index","themable","lazyHydrate"],"mappings":"2dAaA,MAAMA,EAAkD,CAAC,CAAE,OAAAC,EAAQ,UAAAC,KAAgB,qBAC5E,KAAA,CAAE,gBAAAC,GAAoBC,IACtBC,GAAqBC,EAAAJ,EAAU,aAAV,YAAAI,EAAsB,QAC3C,CAACC,CAAK,EAAIC,EAAA,WAAWC,CAAiB,EACtC,CAACC,CAAqB,EAAIC,EAAc,eAAeC,EAAY,EAAE,GAAG,EAE9E,OAAKP,EAMJQ,EAAA,IAACC,EAAA,CACA,iBAAe,qBACf,GAAI,CAAC,mCAAoC,KAAM,KAAM,kCAAkC,EAEvF,gBAACC,EACE,CAAA,SAAA,IAAQC,EAAAf,GAAA,YAAAA,EAAA,kBAAA,YAAAe,EAAiB,QAASb,EAAgB,cACnDU,EAAA,IAACI,EAAA,CACA,GAAG,KACH,KAAK,mBACL,MAAM,OACN,UAAU,QACV,YAAY,eACZ,kBAAkB,MAClB,YAAY,QACZ,GAAG,IACH,GAAI,CAAC,mCAAoC,KAAM,KAAM,kCAAkC,EAEvF,eAACC,EAAG,KAAH,CAAQ,MAAOjB,GAAA,YAAAA,EAAQ,gBAAiB,CAAA,CAC1C,EAGAI,IAAsBA,GAAA,YAAAA,EAAoB,QAAS,GACnDQ,EAAA,IAACM,EAAA,CACA,GAAG,KACH,UAAU,eACV,QAAQ,OACR,oBAAqB,iBACrB,cAAc,IACd,WAAY,CAAC,KAAM,KAAM,KAAM,IAAI,EACnC,UAAU,QAET,SAAmBd,EAAA,IAAI,CAACe,EAAUC,IAAM,CACxC,IAAIC,EAAcC,EAAkB,QAChC,OAAAH,EAAS,UAAY,UACxBE,EAAcC,EAAkB,KACtBH,EAAS,cAAgB,UACnCE,EAAcC,EAAkB,OAIhCV,EAAA,IAACW,EAAA,CAEA,WAAYd,EAAwB,SAAWW,IAAM,EAAI,SAAW,SACpE,YAAAC,EACC,GAAGF,CAAA,EAHCC,CAAA,CAIN,CAED,CAAA,CACF,KAGCI,GAAAC,EAAAzB,GAAA,YAAAA,EAAQ,cAAR,YAAAyB,EAAqB,QAArB,YAAAD,EAA4B,OAAQtB,EAAgB,cACpDwB,EAAAA,KAAAC,EAAA,CAAK,WAAW,SAAS,IAAK,EAAG,GAAI,CAAC,EAAG,KAAM,EAAG,IAAI,EAAG,EAAE,cAAc,EAAE,OAAO,OAAO,OACzF,SAAA,CAAAf,MAACgB,GAAQ,GAAItB,EAAM,OAAO,aAAc,EAAE,MAAM,EAChDM,EAAA,IAACM,EAAA,CACA,QAAQ,cACR,EAAE,OACF,EAAE,OAEF,SAAAN,EAAA,IAACiB,EAAA,CACA,IAAIC,GAAAC,EAAA/B,GAAA,YAAAA,EAAQ,cAAR,YAAA+B,EAAqB,QAArB,YAAAD,EAA4B,KAChC,MAAOxB,EAAM,OAAO,aACpB,YAAaA,EAAM,OAAO,aAC1B,OAAQ,CACP,GAAIA,EAAM,OAAO,qBACjB,YAAaA,EAAM,OAAO,qBAC1B,WAAY,iCACb,EACA,KAAK,KACL,QAAQ,iBAEP,WAAA0B,GAAAC,EAAAjC,GAAA,YAAAA,EAAQ,cAAR,YAAAiC,EAAqB,QAArB,YAAAD,EAA4B,OAAQ,UAAA,CACtC,CAAA,CACD,CAAA,EACD,CAAA,EAEF,CAAA,CAAA,GAjFD,QAAQ,IAAI,iDAAiD,EACpDpB,EAAA,IAAAsB,WAAA,CAAA,CAAA,EAmFX,EAEeC,EAAAC,IAAWC,EAAYtC,EAAoB,SAAS,CAAC"}