https://www.aramco.com/dist/client/assets/Article_MagazineArticleHeader-DIw_ge9t.js

1import{b2 as c,bf as Je,aX as e,F as o,g as r,an as l,u as Pe,E as Ke,l as Ye,e as Ze}from"./vendor-DacH4Axe.js";import{ak as et,ap as tt,g as it,aq as lt,c as st,R as at,P as We,j as ot,O as n,I as g,A as rt,aa as m,C as nt,W as dt,D as ut,e as ct,a5 as mt,a4 as pt}from"./common-BQRL9VEI.js";import"./react-hook-form-DKq7G64E.js";import"./devlop-Cl3hj7Sz.js";import"./react-markdown-C0K8dZ-l.js";import"./micromark-util-sanitize-uri-Dr-249hl.js";import"./micromark-util-character-Crq1AjvP.js";import"./unist-util-visit-BEqpjG-T.js";import"./unist-util-visit-parents-BzuIhZFT.js";import"./unist-util-is-D9KQvrmg.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-BWWALS__.js";import"./micromark-core-commonmark-3inbqGMm.js";import"./micromark-util-classify-character-CmoJ_zKU.js";import"./micromark-util-resolve-all-PQCKh0dx.js";import"./micromark-factory-destination-C2qZjv7H.js";import"./micromark-factory-label-Bolj5dRz.js";import"./micromark-factory-title-Cioy9Ajn.js";import"./micromark-factory-whitespace-TGriqLdU.js";import"./mdast-util-to-string-C_aolqmU.js";import"./remark-gfm-CfmVxcyc.js";const xt=i=>({sx:{".toggle":{"&__label":{position:"relative",display:"inline-block",width:"1.625rem",height:"1rem",mx:"1.25rem"},"&__checkbox":{opacity:"0",width:"0",height:"0","&:checked + span":{"&:before":{transform:"translateX(.6rem)"}}},"&__box":{position:"absolute",cursor:"pointer",top:"0",left:"0",right:"0",bottom:"0",border:"1px solid",borderColor:i.colors.ribbon.color,transitionDuration:".25s",transitionTimingFunction:"aramcoCubic",transitionProperty:"color",borderRadius:"md","&:before":{position:"absolute",content:"''",height:"1rem",width:"1rem",left:"-1px",bottom:"-1px",backgroundColor:i.colors.ribbon.color,borderRadius:"50%",transition:"0.3s"}}}}}),ht=({rendering:i})=>{var k,I,D,A,E,R,_,T,z,S,B,F,H,M,P,W,L,N,O,V,Q,U,X,q,G,$,J,K,Y,Z,ee,te,ie,le,se,ae,oe,re,ne,de,ue,ce,me,pe,xe,he,ge,fe,be,je,ve,ye,Ce,we,ke,Ie,De,Ae,Ee,Re,_e,Te,ze,Se,Be,Fe,He,Me;const{sitecoreContext:t}=tt(),p=t.custom.settings.isRtl,[s,f]=c.useContext(it),[Le]=lt(),{isAudioPlayerOpen:b,setIsAudioPlayerOpen:j,setIsAudioPlayerInView:v,setIsPlaying:x,hasAudio:y,setHasAudio:C,isPaused:Ne}=c.useContext(st),Oe=((k=t.custom.settings.aliaSettings)==null?void 0:k.enabledForArticles)||!1,Ve=((A=(D=(I=t.route)==null?void 0:I.fields)==null?void 0:D.articleAudioFile)==null?void 0:A.value)||null,a=t.custom.settings.aliaSettings.pagePrompt,Qe=((a==null?void 0:a.prompt)??"").replace("{0}",((_=(R=(E=t.route)==null?void 0:E.fields)==null?void 0:R.title)==null?void 0:_.value)||""),Ue=((a==null?void 0:a.text)??"").replace("{0}",((S=(z=(T=t.route)==null?void 0:T.fields)==null?void 0:z.title)==null?void 0:S.value)||""),h=t.itemId,{ref:Xe,inView:w}=Je({threshold:1});c.useEffect(()=>{Ve&&C&&C(!0),v&&y&&v(w)},[w,y]);const[d,qe]=c.useState(s.name==="Dark"),Ge=()=>{qe(!d),s.name==="Dark"&&f(mt(t.custom.settings.isRtl)),s.name==="Light"&&f(pt(t.custom.settings.isRtl))},$e=()=>{j&&x&&(b?b&&Ne&&x(!0):(j(!0),x(!0)))};let u=null;return(H=(F=(B=t.route)==null?void 0:B.fields)==null?void 0:F.vimeoID)!=null&&H.value&&(u={type:"Vimeo",id:t.route.fields.vimeoID.value,src:`https://player.vimeo.com/video/${t.route.fields.vimeoID.value}?h=b74c66a7ef&badge=0&autopause=0&player_id=0&app_id=58479&autoplay=1&controls=0&muted=1&loop=1&dnt=1`}),e.jsxs(at,{pt:["var(--chakra-sizes-headerHeightBase)",null,null,"var(--chakra-sizes-headerHeightLG)"],...h&&{"data-article-id":h},children:[e.jsx(o,{pt:["0",null,"8"],justifyContent:"center",children:e.jsx(We,{name:i.placeholderNames.breadcrumb_navigation,rendering:i})}),e.jsx(ot,{py:["6",null,"16"],px:["var(--chakra-sizes-pageMarginSM)",null,"8",null,"16"],children:e.jsxs(r,{...xt(s),children:[e.jsxs(r,{maxW:["none",null,"782"],mx:["0",null,"auto",null],children:[(((P=(M=t.route)==null?void 0:M.fields)==null?void 0:P.trumpet)||t.pageEditing)&&e.jsx(l,{as:"span",variant:"overline",display:"block",pb:["4",null,"1.5rem"],textAlign:"center",children:e.jsx(n,{field:(L=(W=t.route)==null?void 0:W.fields)==null?void 0:L.trumpet})}),(((O=(N=t.route)==null?void 0:N.fields)==null?void 0:O.title)||t.pageEditing)&&e.jsx(Pe,{as:"h1",size:"xxl",pb:["4",null,"10"],textAlign:"center",lineHeight:p?"115%":void 0,children:e.jsx(n,{field:(Q=(V=t.route)==null?void 0:V.fields)==null?void 0:Q.title})}),(((X=(U=t.route)==null?void 0:U.fields)==null?void 0:X.teaser)||t.pageEditing)&&e.jsx(Pe,{as:"h3",size:"xs",pb:["4",null,"4.5rem"],textAlign:"center",children:e.jsx(n,{field:(G=(q=t.route)==null?void 0:q.fields)==null?void 0:G.teaser})})]}),!t.pageEditing&&e.jsxs(o,{mx:["4",null,"8",null,"16",null],mt:["4",null,"3.75rem"],mb:["4",null,"3rem"],justifyContent:"space-between",alignItems:"center",children:[e.jsxs(o,{alignItems:"center",children:[e.jsx(g,{variant:"Lightmode",w:"1.25rem",h:"1.25rem",color:s.colors.ribbon.color,opacity:d?".4":"1"}),e.jsxs(r,{as:"label",className:"toggle__label",children:[e.jsx(Ke,{type:"checkbox",defaultChecked:d,onClick:Ge,className:"toggle__checkbox"}),e.jsx(r,{as:"span",className:"toggle__box"})]}),e.jsx(g,{variant:"Darkmode",w:"1.25rem",h:"1.25rem",color:s.colors.ribbon.color,opacity:d?"1":".4"})]}),((K=(J=($=t.route)==null?void 0:$.fields)==null?void 0:J.articleAudioFile)==null?void 0:K.value)&&e.jsxs(Ye,{ref:Xe,display:"flex",alignItems:"center",_hover:{color:s.colors.ribbon.color},onClick:$e,children:[e.jsx(l,{variant:"footerBody",me:"1rem",children:Le("article.listenToArticle")}),e.jsx(o,{alignItems:"center",justifyContent:"center",h:"2.8125rem",w:"2.8125rem",borderRadius:"50%",border:"2px s

1olid",borderColor:s.colors.ribbon.color,children:e.jsx(g,{variant:"Headphones",w:"1.25rem",h:"1.25rem",color:s.colors.ribbon.color})})]})]}),(((te=(ee=(Z=(Y=t.route)==null?void 0:Y.fields)==null?void 0:Z.image)==null?void 0:ee.value)==null?void 0:te.src)||u||t.pageEditing)&&e.jsx(r,{w:"100%",mt:["6"],children:e.jsx(Ze,{ratio:16/9,children:u?e.jsx("iframe",{src:u.src,allow:"autoplay; fullscreen; picture-in-picture",allowFullScreen:!0,style:{border:"0",pointerEvents:"none",borderRadius:"var(--chakra-radii-lg)",borderBottomRightRadius:"0"}}):e.jsx(rt,{fields:(ie=t.route)==null?void 0:ie.fields,itemId:t.itemId,fieldName:"image",srcSet:[m.imageModule.default.sm,m.imageModule.default.md,m.imageModule.default.lg,m.imageModule.default.xl],sizes:"(min-width: 1920px) 1504px, (min-width: 1440px) 1312px, (min-width: 1280px) 1024px, 100vw",sx:{maxWidth:"100%",minWidth:"100%",borderRadius:"lg",borderBottomRightRadius:"0",overflow:"hidden"},lazy:!1})})}),e.jsxs(o,{justifyContent:"space-between",flexWrap:"wrap",mx:["4",null,"8",null,"16",null],mb:["4",null,"12"],mt:["4",null,"4.25rem"],children:[e.jsxs(o,{flexBasis:["100%",null,null,"50%"],noOfLines:1,mb:["1.5rem",null,null,0],mt:".3rem",children:[(((le=i.customData)==null?void 0:le.magazineTitle)&&((se=i.customData)==null?void 0:se.articleHubUrl)||t.pageEditing)&&e.jsxs(e.Fragment,{children:[e.jsx(nt,{variant:"unstyled",sx:{...dt(p,"currentColor",".35s").underline},...!t.pageEditing&&{to:(ae=i.customData)==null?void 0:ae.articleHubUrl},children:e.jsx(l,{as:"span",variant:"overline",children:(oe=i.customData)==null?void 0:oe.magazineTitle})}),e.jsx(l,{as:"span",variant:"overline",px:"4",children:"|"})]}),(((ne=(re=t.route)==null?void 0:re.fields)==null?void 0:ne.author)||t.pageEditing)&&e.jsx(l,{as:"span",variant:"overline",children:e.jsx(n,{field:(me=(ce=(ue=(de=t.route)==null?void 0:de.fields)==null?void 0:ue.author)==null?void 0:ce.fields)==null?void 0:me.authorName})}),(((xe=(pe=t.route)==null?void 0:pe.fields)==null?void 0:xe.publishDate)||((ge=(he=t.route)==null?void 0:he.fields)==null?void 0:ge.location)||t.pageEditing)&&e.jsx(l,{as:"span",variant:"overline",px:"4",children:"|"}),(((be=(fe=t.route)==null?void 0:fe.fields)==null?void 0:be.location)&&((ye=(ve=(je=t.route)==null?void 0:je.fields)==null?void 0:ve.location.value)==null?void 0:ye.trim())!==""||t.pageEditing)&&e.jsxs(e.Fragment,{children:[e.jsx(l,{as:"span",variant:"overline",children:e.jsx(n,{field:(we=(Ce=t.route)==null?void 0:Ce.fields)==null?void 0:we.location})}),e.jsx(l,{as:"span",variant:"overline",children:", "})]}),(((Ie=(ke=t.route)==null?void 0:ke.fields)==null?void 0:Ie.publishDate)||t.pageEditing)&&e.jsxs(l,{as:"span",variant:"overline",children:[e.jsx("time",{dateTime:(Ee=(Ae=(De=t.route)==null?void 0:De.fields)==null?void 0:Ae.publishDate)==null?void 0:Ee.value,itemProp:"dateModified",children:e.jsx(ut,{field:(_e=(Re=t.route)==null?void 0:Re.fields)==null?void 0:_e.publishDate})}),e.jsx("meta",{itemProp:"datePublished",content:(Se=(ze=(Te=t.route)==null?void 0:Te.fields)==null?void 0:ze.publishDate)==null?void 0:Se.value})]})]}),e.jsxs(o,{flexBasis:["100%",null,null,"50%"],justifyContent:["center",null,null,"flex-end"],gap:["4",null,null,0],children:[Oe&&t.custom.settings.aliaSettings&&e.jsx(ct,{isRtl:p,initialPrompt:Qe,initialQuestion:Ue,label:a==null?void 0:a.buttonLabel,formatMessageQuestions:!0,settings:t.custom.settings.aliaSettings,articleId:h}),e.jsx(We,{name:i.placeholderNames.page_header_tags,rendering:i})]})]}),(((Fe=(Be=t.route)==null?void 0:Be.fields)==null?void 0:Fe.caption)||t.pageEditing)&&e.jsx(r,{maxW:["none",null,"482"],mx:["4",null,"8",null,"16",null],my:["4",null,"8"],children:e.jsx(l,{variant:"body",children:e.jsx(n,{field:(Me=(He=t.route)==null?void 0:He.fields)==null?void 0:Me.caption})})})]})})]})},Vt=et({forcePageColorTheme:!0})(ht);export{Vt as default};
2//# sourceMappingURL=Article_MagazineArticleHeader-DIw_ge9t.js.map