https://www.aramcotaleed.com/dist/client/assets/AramcoWorld_FeaturedStoryList-CDy9TGke.js

1import{j as e,r as Z}from"./vendor-f5S74Hzf.js";import{aR as ee,r as ie,aS as re,aT as ae,aU as J,a3 as x,b0 as K,aV as l,k as Q,a$ as te,b1 as d,b3 as c,bw as le}from"./common-CHQtHwBh.js";import{o as oe}from"./shared/AramcoWorld_FeaturedStoryList/AramcoWorld_LatestContentList-DH9zt2AF.js";import{T as p,F as b,L as n,B as s,H as g,D as u,a2 as se,j as ne}from"./@chakra-ui/react-gJ6NaqAj.js";import"./html-react-parser-xE6q2Esb.js";import"./style-to-js-B6NqiOWy.js";import"./react-markdown-Bs7M-Au_.js";import"./devlop-Cl3hj7Sz.js";import"./micromark-util-decode-numeric-character-reference-CNs1qBpV.js";import"./micromark-util-decode-string-strjl-tx.js";import"./decode-named-character-reference-C3-224fz.js";import"./micromark-util-normalize-identifier-C9ANKk3v.js";import"./micromark-util-subtokenize-BC4BSQ9J.js";import"./micromark-util-chunked-DrRIdSP-.js";import"./micromark-util-combine-extensions-Bka6Sc1c.js";import"./micromark-factory-space-DRnmu9Gw.js";import"./micromark-util-character-hRuAkC1j.js";import"./micromark-core-commonmark-DkU5eqHe.js";import"./micromark-util-classify-character-DzqK33dx.js";import"./micromark-util-resolve-all-PQCKh0dx.js";import"./micromark-factory-destination-Cii3Ukc3.js";import"./micromark-factory-label-pk4cmpdi.js";import"./micromark-factory-title-cwTJpkI9.js";import"./micromark-factory-whitespace-DbSIwM2c.js";import"./mdast-util-to-string-C_aolqmU.js";import"./micromark-util-sanitize-uri-CaPxsR5P.js";import"./unist-util-visit-8_a2MF5S.js";import"./unist-util-visit-parents-B1S0AetN.js";import"./unist-util-is-BPZGFiMU.js";import"./remark-gfm-DBMNSnBZ.js";import"./swiper-BojwEeCi.js";import"./polished-VDK7He2T.js";import"./@babel/runtime-Bt6Ne3b9.js";import"./tailwind-merge-CPcsbTWB.js";import"./react-calendar-DqgCvrlm.js";import"./hoist-non-react-statics-BjaAnAum.js";import"./use-sidecar-BuciW2qi.js";import"./tslib-De9GV7Vy.js";import"./use-callback-ref-DBc0-MCP.js";import"./react-remove-scroll-BxC6qjtr.js";import"./react-remove-scroll-bar-DSTyrTd8.js";import"./react-style-singleton-76azCXWd.js";import"./aria-hidden-DQ5UC2Eg.js";const de=({fields:a})=>{var h,f,j,v,y,T,C,k,w,H,B,D,L,F,$,z,E,I,A,R,_,M,P,W,N;const{sitecoreContext:o}=ie();if(!(a!=null&&a.stories)||a.stories.length===0)return e.jsx(p,{children:"No stories available"});const m=a.stories.slice(0,4),X=(h=a.orientation)==null?void 0:h.value,[r]=Z.useContext(re),i=m[0];return e.jsxs(ae,{"data-rendering":"FeaturedStoryList",children:[e.jsx(J,{px:"0",children:m.length>0&&e.jsx(b,{gap:{base:"4",lg:"8"},py:{base:"8",md:"12"},px:{base:"4",md:"8"},direction:{base:"column",md:"row"},alignItems:"start",children:X!==oe.TextImage?e.jsxs(e.Fragment,{children:[i.fields.image&&e.jsx(n,{"aria-labelledby":`featured-story-list-title-${i.id}`,href:i.url,variant:"none",_hover:{textDecoration:"none"},sx:{width:{base:"100%",md:"50%"},height:"auto",flex:"1",overflow:"hidden"},children:e.jsx(x,{variants:K,initial:"initial",whileHover:"hover",animate:"initial",children:e.jsx(l.AdvanceImage,{fields:i.fields,itemId:i.id,fieldName:"image",editable:!1,srcSet:[Q.contentSection.md],lazy:!1,sx:{objectFit:"cover",objectPosition:"center center",width:"100%",height:"100%",display:"block",willChange:"transform"}})})}),e.jsxs(s,{sx:{width:{base:"100%",md:"50%"}},children:[(a.sectionHeadline||((f=i.fields)==null?void 0:f.title)||o.pageEditing)&&e.jsxs(s,{children:[(((j=a==null?void 0:a.sectionHeadline)==null?void 0:j.value)||o.pageEditing)&&e.jsxs(e.Fragment,{children:[e.jsx(g,{size:["mobileHeadline7","desktopHeadline7"],display:"inline-block",as:"h2",color:r.ribbon.secondaryColor,py:["2"],children:e.jsx(l.Text,{field:a.sectionHeadline,markdown:!0})}),e.jsx(u,{w:"100%",h:"1px",bg:r.ribbon.secondaryColor})]}),(((y=(v=i.fields)==null?void 0:v.listTeaserTitle)==null?void 0:y.value)||((C=(T=i==null?void 0:i.fields)==null?void 0:T.title)==null?void 0:C.value)||o.pageEditing)&&e.jsx(te,{to:i.url,"aria-labelledby":`featured-story-list-title-${i.id}`,children:e.jsx(g,{as:"h3",size:["mobileHeadline2",null,"tabletHeadline2",null,"desktopHeadline1"],my:["4","3"],color:r.ribbon.primaryColor,id:`featured-story-list-title-${i.id}`,children:e.jsx(l.Text,{field:(k=i.fields.listTeaserTitle)!=null&&k.value?i.fields.listTeaserTitle:(w=i==null?void 0:i.fields)==null?void 0:w.title,editable:!1,markdown:!0})})})]}),e.jsxs(b,{wrap:"wrap",gap:"2",children:[i.fields.categoryTags&&i.fields.categoryTags.length>0&&e.jsx(d,{tags:i.fields.categoryTags,variant:"defaultCategoryTag",backgroundColor:r.ribbon.tagDefaultBgColor,borderColor:r.ribbon.tagDefaultBorderColor,linkable:!0}),i.fields.topicTags&&i.fields.topicTags.length>0&&e.jsx(d,{tags:i.fields.topicTags,variant:"defaultSubCategoryTagDark",backgroundColor:r.ribbon.tagDefaultBgColor,borderColor:r.ribbon.tagDefaultBorderColor,linkable:!0})]}),(H=i.fields.listTeaserText)!=null&&H.value?e.jsx(p,{mt:["4","3"],color:r.ribbon.primaryColor,children:e.jsx(c,{children:i.fields.listTeaserText.value})}):((B=i.fields.teaser)==null?void 0:B.value)&&e.jsx(s,{mt:["4","3"],color:r.ribbon.primaryColor,children:e.jsx(l.RichText,{editable:!1,field:{value:i.fields.teaser.value}})}),(i.url||o.pageEditing)&&e.jsx(e.Fragment,{children:e.jsx(n,{"aria-labelledby":`featured-story-list-title-${i.id}`,href:i.url,display:"inline-block",mt:["8","3"],size:"lg",variant:"primaryDark",backgroundColor:r.ribbon.primaryButtonBg,color:r.ribbon.primaryButtonColor,_hover:{bg:r.ribbon.primaryButtonHoverBg,borderColor:r.ribbon.primaryButtonHoverBg},children:e.jsx(l.Text,{field:a.featuredLinkLabel})})})]})]}):e.jsxs(e.Fragment,{children:[e.jsxs(s,{sx:{width:{base:"100%",md:"50%"}},children:[(a.sectionHeadline||((D=i.fields)==null?void 0:D.title)||o.pageEditing)&&e.jsxs(s,{children:[(((L=a==null?void 0:a.sectionHeadline)==null?void 0:L.value)||o.pageEditing)&&e.jsxs(e.Fragment,{children:[e.jsx(g,{size:["mobileHeadline7","desktopHeadline7"],display:"inline-block",as:"h2",py:["2"],color:r.ribbon.secondaryColor,children:a.sectionHeadline&&e.jsx(l.Text,{field:a.sectionHeadline,markdown:!0})}),e.jsx(u,{w:"100%",h:"1px",bg:r.ribbon.secondaryColor})]}),((($=(F=i.fields)==null?void 0:F.listTeaserTitle)==null?void 0:$.value)||((E=(z=i==null?void 0:i.fields)==null?void 0:z.title)==null?void 0:E.value)||o.pageEditing)&&e.jsx(n,{href:i.url,"aria-labelledby":`featured-story-list-title-${i.id}`,variant:"none",_hover:{textDecoration:"none"},children:e.jsx(g,{as:"h3",size:["mobileHeadline2",null,"tabletHeadline2",null,"desktopHeadline1"],my:["4","3"],color:r.ribbon.primaryColor,id:`featured-story-list-title-${i.id}`,children:e.jsx(l.Text,{field:(A=(I=i==null?void 0:i.fields)==null?void 0:I.listTeaserTitle)!=null&&A.value?(R=i==null?void 0:i.fields)==null?void 0:R.listTeaserTitle:(_=i==null?void 0:i.fields)==null?void 0:_.title,editable:!1,markdown:!0})})})]}),e.jsxs(b,{wrap:"wrap",gap:"2",children:[i.fields.categoryTags&&i.fields.categoryTags.length>0&&e.jsx(d,{tags:i.fields.categoryTags,variant:"defaultCategoryTag",backgroundColor:r.ribbon.tagDefaultBgColor,borderColor:r.ribbon.tagDefaultBorderColor,linkable:!0}),i.fields.topicTags&&i.fields.topicTags.length>0&&e.jsx(d,{tags:i.fields.topicTags,variant:"defaultSubCategoryTagDark",backgroundColor:r.ribbon.tagDefaultBgColor,borderColor:r.ribbon.tagDefaultBorderColor})]}),(M=i.fields.listTeaserText)!=null&&M.value?e.jsx(p,{mt:["4","3"],color:r.ribbon.primaryColor,children:e.jsx(c,{children:i.fields.listTeaserText.value})}):((P=i.fields.teaser)==null?void 0:P.value)&&e.jsx(s,{mt:["4","3"],color:r.ribbon.primaryColor,children:e.jsx(l.Text,{editable:!1,field:{value:i.fields.teaser.value},markdown:!0})}),(i.url||o.pageEditing)&&e.jsx(n,{"aria-labelledby":`featured-story-list-title-${i.id}`,href:i.url,display:"inline-block",mt:["8","3"],size:"lg",variant:"primaryDark",backgroundColor:r.ribbon.primaryButtonBg,color:r.ribbon.primaryButtonColor,_hover:{bg:r.ribbon.primaryButtonHoverBg,borderColor:r.ribbon.primaryButtonHoverBg},children:e.jsx(l.Text,{field:a.featuredLinkLabel})})]}),i.fields.image&&e.jsx(n,{"aria-labelledby":`featured-story-list-title-${i.id}`,href:i.url,variant:"none",_hover:{textDecoration:"none"},sx:{width:{base:"100%",md:"50%"},height:"auto",flex:"1",overflow:"hidden"},children:e.jsx(x,{variants:K,initial:"initial",whileHover:"hover",animate:"initial",children:e.jsx(l.AdvanceImage,{fields:i.fields,itemId:i.id,fieldName:"image",editable:!1,srcSet:[Q.contentSection.md],lazy:!1,sx:{objectFit:"cover",objectPosition:"center center",width:"100%",height:"100%",display:"block",willChange:"transform"}})})})]})})}),m.length>1&&e.jsx(s,{backgroundColor:r.ribbon.secondaryBg,pt:12,pb:8,px:{base:"4",md:"8"},color:"AWPrimary.dark",children:e.jsxs(J,{px:"0",children:[e.jsx(se,{display:"grid",gridColumnGap:"8",grid

1RowGap:"6",mb:"8",gridTemplateColumns:{base:"repeat(1, 1fr)",md:"repeat(2, 1fr)",lg:"repeat(3, 1fr)"},children:m.slice(1).map((t,Y)=>{var G,O,V,S,U,q;return e.jsx(ne,{children:e.jsx(n,{href:t.url,style:{textDecoration:"none"},"aria-labelledby":`featured-story-list-title-${t.id}`,display:"block",children:e.jsxs(x,{variants:le,initial:"initial",whileHover:"hover",animate:"initial",children:[(((G=t.fields.listTeaserTitle)==null?void 0:G.value)||((O=t.fields.title)==null?void 0:O.value))&&e.jsx(g,{as:"h3",size:["mobileHeadline5",null,"tabletHeadline5",null,"desktopHeadline5"],mb:["4","3"],id:`featured-story-list-title-${t.id}`,children:e.jsx(c,{children:((V=t.fields.listTeaserTitle)==null?void 0:V.value)||((U=(S=t==null?void 0:t.fields)==null?void 0:S.title)==null?void 0:U.value)})}),t.fields.categoryTags&&t.fields.categoryTags.length>0&&e.jsx(d,{tags:t.fields.categoryTags,variant:"defaultCategoryTag",textColor:"AWPrimary.dark",backgroundColor:r.ribbon.tagDefaultDarkBgColor,borderColor:r.ribbon.tagDefaultDarkBorderColor,linkable:!1}),((q=t.fields.listTeaserText)==null?void 0:q.value)&&e.jsx(p,{noOfLines:3,children:e.jsx(c,{children:t.fields.listTeaserText.value})})]})})},Y)})}),(((N=(W=a.sectionLink)==null?void 0:W.value)==null?void 0:N.href)||o.pageEditing)&&e.jsxs(b,{justifyContent:"flex-end",alignItems:"center",gap:{base:"2",md:"8"},children:[e.jsx(u,{w:"100%",h:"1px",bg:"var(--chakra-colors-AWFunctional-black)"}),e.jsx(b,{sx:{whiteSpace:"nowrap"},children:e.jsx(l.Link,{variant:"primaryOutline",size:"sm",field:a.sectionLink})})]})]})})]})},Ze=ee()(de);export{Ze as default};