https://infra.gov.sa/_next/static/chunks/2707.9326bc948ac5dd3e.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2707,5892,6762],{8980:(e,t,s)=>{s.d(t,{G:()=>l,r:()=>a});let l="/images/ceo-message-decoration-left.svg",a="/images/ceo-message-decoration-right.svg"},26762:(e,t,s)=>{s.d(t,{A:()=>a});var l=s(14232);let a=function(e,t){(0,l.useEffect)(()=>{let s=s=>{!e.current||e.current.contains(s.target)||t(s)};return document.addEventListener("mouseup",s),document.addEventListener("touchend",s),()=>{document.removeEventListener("mouseup",s),document.removeEventListener("touchend",s)}},[e,t])}},62707:(e,t,s)=>{s.r(t),s.d(t,{default:()=>u});var l=s(37876),a=s(14232),i=s(98477),o=s(54587),r=s.n(o),n=s(26762),d=s(8980),c=s(64497),m=s(95892);let u=e=>{let{isOpen:t,onClose:s,name:o,role:u,photoSrc:x,closeLabel:v,closeIconSrc:p,children:f}=e,b=(0,a.useRef)(null),h=document.body,g=(0,m.default)(),j=(0,a.useCallback)(()=>{s()},[s]);if((0,n.A)(b,j),(0,a.useEffect)(()=>{if(!t)return;let e=document.body.style.overflow||"";return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}},[t]),(0,a.useEffect)(()=>{if(!t)return;let e=e=>{"Escape"===e.key&&j()};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[t,j]),!t||!h)return null;let w=v??(g?"إغلاق":"Close"),N=()=>p?(0,l.jsx)("img",{src:p,alt:"",className:"size-5",width:20,height:20}):(0,l.jsx)(r(),{src:"/icons/close.svg",width:20,height:20,alt:"",className:"size-5"}),y=(0,l.jsx)("div",{dir:g?"rtl":"ltr",className:"fixed inset-0 z-[999] flex items-center justify-center bg-neutral-800/50 p-xl md:p-3xl",children:(0,l.jsxs)("div",{ref:b,className:"animate-appearance-in shadow-modal-3xl relative flex max-h-[min(90vh,900px)] w-full max-w-[min(710px,100%)] flex-col gap-4xl overflow-y-auto overflow-x-hidden rounded-md bg-white p-3xl md:px-3xl md:pb-3xl md:pt-[81px]",children:[(0,l.jsx)(c.default,{type:"button",size:"iconOnly md",variant:"secondaryOutline",onClick:j,className:"absolute top-[26px] z-30 flex size-8 items-center justify-center overflow-clip rounded-sm md:hidden ltr:left-[calc(80%+26.8px)] rtl:right-[calc(80%+26.8px)]","aria-label":w,buttonContent:(0,l.jsx)("span",{className:"relative size-5",children:N()})}),(0,l.jsx)(c.default,{type:"button",size:"iconOnly md",variant:"secondarySolid",onClick:j,className:"absolute top-3 end-2 z-30 !hidden !size-8 items-center justify-center !overflow-clip !rounded-sm !bg-transparent !p-0 hover:!bg-neutral-100 active:!bg-neutral-200 md:!flex","aria-label":w,buttonContent:(0,l.jsx)("span",{className:"relative size-5",children:N()})}),(0,l.jsx)("div",{className:"relative w-full shrink-0 md:hidden",children:(0,l.jsx)("div",{className:"relative h-[350px] w-full",children:(0,l.jsxs)("div",{className:"absolute inset-x-0 bottom-0 min-h-[280px] overflow-visible rounded-lg bg-success-900 px-xl pt-xl",children:[(0,l.jsx)("div",{className:"absolute start-1/2 bottom-0 z-[2] flex max-w-full -translate-x-1/2 justify-center rtl:translate-x-1/2",children:(0,l.jsxs)("div",{className:"relative modal-bio-photo-frame shrink-0 overflow-hidden rounded-md",children:[(0,l.jsx)("img",{src:x,alt:o,className:"size-full object-contain object-bottom"}),(0,l.jsx)("div",{className:"pointer-events-none absolute inset-0 rounded-md bg-gradient-to-b from-success-900/0 from-[78.024%] to-success-900 to-[96.931%]","aria-hidden":!0})]})}),(0,l.jsxs)("div",{className:"absolute start-0 bottom-0 z-[3] flex w-full min-w-[330px] flex-col gap-md px-xl pb-xl pt-0",children:[(0,l.jsx)("p",{className:"text-lg font-semibold leading-lg text-text-light-primary",children:o}),(0,l.jsx)("p",{className:"text-md font-medium leading-md text-text-light-primary",children:u})]})]})})}),(0,l.jsx)("div",{className:"relative hidden w-full shrink-0 md:block",children:(0,l.jsxs)("div",{className:"relative h-[193px] w-full overflow-visible rounded-[var(--radius-lg)] bg-success-900 pt-[var(--spacing-xl)] pe-[var(--spacing-xl)]",children:[(0,l.jsx)("img",{src:d.G,alt:"","aria-hidden":!0,className:"pointer-events-none absolute start-[var(--position-modal-bio-decoration-large-inline-start)] top-[var(--position-modal-bio-decoration-large-block-start)] z-0 size-[var(--size-modal-bio-decoration-large)]"}

1),(0,l.jsx)("img",{src:d.r,alt:"","aria-hidden":!0,className:"pointer-events-none absolute start-[var(--position-modal-bio-decoration-small-inline-start)] top-[var(--position-modal-bio-decoration-small-block-start)] z-0 size-[var(--size-modal-bio-decoration-small)]"}),(0,l.jsxs)("div",{className:"absolute bottom-0 start-[var(--position-modal-bio-photo-inline-start)] z-[2] modal-bio-photo-frame overflow-hidden rounded-[var(--radius-lg)]",children:[(0,l.jsx)("img",{src:x,alt:o,className:"size-full object-contain object-bottom"}),(0,l.jsx)("div",{className:"pointer-events-none absolute inset-0 rounded-[var(--radius-lg)] bg-gradient-to-b from-success-900/0 from-[55%] to-success-900 to-[100%]","aria-hidden":!0})]}),(0,l.jsxs)("div",{className:"absolute start-[45%] top-[var(--position-modal-bio-header-text-block-start)] z-[3] flex  min-w-[320px] flex-col gap-md py-[var(--spacing-xl)]",children:[(0,l.jsx)("p",{className:"text-lg font-semibold leading-lg text-text-light-primary",children:o}),(0,l.jsx)("p",{className:"text-md font-medium leading-md text-text-light-primary",children:u})]})]})}),(0,l.jsxs)("div",{className:"relative z-[1] flex flex-col gap-4xl",children:[(0,l.jsx)("div",{className:"text-sm leading-sm text-text-dark-secondary [&_p:not(:last-child)]:mb-paragraph-text-sm",children:f}),(0,l.jsx)("div",{className:"relative z-[2] flex justify-end",children:(0,l.jsx)(c.default,{type:"button",variant:"dark",size:"md",buttonContent:w,onClick:j})})]})]})});return(0,i.createPortal)(y,h)}},95892:(e,t,s)=>{s.r(t),s.d(t,{default:()=>i});var l=s(33379);let a=["ar","fa","ur"],i=()=>{let e=(0,l.Ym)();return a.includes(e)}}}]);