https://jamaat.org/_next/static/chunks/1168-5a8e79ef647967c8.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1168],{41168:(e,a,t)=>{t.r(a),t.d(a,{LocalCampaignsSection:()=>Q,default:()=>el});var n=t(95155),r=t(12115),l=t(49050),i=t(26497),s=t(52619),o=t.n(s),c=t(64801),m=t(52987),d=t(90368),u=t(27937),x=t(21873),p=t(85921),h=t(2068),g=t(35130),v=t(60890),f=t(45345),b=t(26983),w=t(87531),y=t(37707),j=t(98726),k=t(89792),N=t(66347),P=t(71781),L=t(67909),C=t(5190),E=t(22619),A=t(60704);let S=(0,w.cn)(A.WE,A.F2),T=E.s8,V="font-sans",M="font-sans",_=(0,w.cn)(V,"max-sm:text-base max-sm:font-bold max-sm:leading-6 max-sm:tracking-[0.75px] max-sm:capitalize max-sm:text-center"),R=(0,w.cn)(V,"max-sm:text-sm max-sm:font-normal max-sm:leading-5 max-sm:tracking-[0.1px] max-sm:text-center max-sm:text-charcoal/65"),z=(0,w.cn)(V,"max-sm:text-sm max-sm:font-bold max-sm:leading-5 max-sm:tracking-normal"),I=(0,w.cn)(M,"max-sm:text-xs max-sm:font-normal max-sm:leading-4"),H=(0,w.cn)(V,"max-sm:text-xs max-sm:font-semibold max-sm:leading-4 max-sm:tracking-normal"),F=(0,w.cn)(M,"max-sm:text-[10px] max-sm:font-normal max-sm:leading-[14px] max-sm:tracking-normal"),K=(0,w.cn)(V,"max-sm:text-[10px] max-sm:font-semibold max-sm:leading-[14px]"),G=(0,w.cn)(M,"max-sm:text-[9px] max-sm:font-normal max-sm:leading-[13px]"),W=["lahore","punjab-north","punjab-central","punjab-south","sindh","karachi","kpk-south","kpk-central","kpk-north","kpk-hazara","balochistan","islamabad","kashmir"],B=(0,L.default)(()=>Promise.all([t.e(2824),t.e(5490)]).then(t.bind(t,15490)),{loadableGenerated:{webpack:()=>[15490]},ssr:!1,loading:()=>(0,n.jsx)("div",{style:{minHeight:"400px"}})}),D=C.Hf,O={sindh:{en:"Sindh",ur:"سندھ"},karachi:{en:"Karachi",ur:"کراچی"},punjab:{en:"Punjab",ur:"پنجاب"},kpk:{en:"Khyber Pakhtunkhwa",ur:"خیبر پختونخوا"},"kpk-south":{en:"KP South",ur:"خیبر پختونخوا جنوب"},"kpk-central":{en:"KP Central",ur:"خیبر پختونخوا وسط"},"kpk-north":{en:"KP North",ur:"خیبر پختونخوا شمال"},"kpk-hazara":{en:"Hazara",ur:"ہزارہ"},lahore:{en:"Lahore",ur:"لاہور"},"punjab-north":{en:"Punjab North",ur:"پنجاب شمالی"},"punjab-central":{en:"Punjab Central",ur:"پنجاب وسطی"},"punjab-south":{en:"Punjab South",ur:"پنجاب جنوبی"},balochistan:{en:"Balochistan",ur:"بلوچستان"},islamabad:{en:"Islamabad",ur:"اسلام آباد"},kashmir:{en:"Kashmir",ur:"کشمیر"},ajk:{en:"Kashmir",ur:"کشمیر"}},Y=new Set(["gb","ajk","gilgit"]);function U(e){var a;return null==e?null:"ajk"===e||"gb"===e?"kashmir":null!=(a=(0,P.tG)(e))?a:e}function Z(e){var a;return null==e?null:"kashmir"===e?"ajk":null!=(a=(0,P.tG)(e))?a:e}function X(e,a){if("kashmir"===e){var t,n;let e=null!=(t=a.kashmir)?t:{campaigns:0,media:0},r=null!=(n=a.gb)?n:{campaigns:0,media:0};return{campaigns:e.campaigns+r.campaigns,media:e.media+r.media}}return"karachi"===e&&a.karachi?a.karachi:a[e]?a[e]:(0,C.Z1)(e)&&a.kpk?a.kpk:(0,C.MC)(e)&&a.punjab?a.punjab:void 0}function $(e,a){return e<=0?"":a?1===e?"".concat(e," مہم"):"".concat(e," مہمات"):1===e?"".concat(e," campaign"):"".concat(e," campaigns")}function q(e){return e.replace(/<[^>]*>/g," ").replace(/&nbsp;/gi," ").replace(/\s+/g," ").trim()}function J(e,a){var t;let n=O[null!=(t=(0,P.tG)(e.toLowerCase()))?t:e.toLowerCase()];return n?n[a?"ur":"en"]:e}function Q(e){var a,t,s,d,u,x,p,h,g,v;let{config:f,locale:b,direction:k,sectionId:L,campaigns:A}=e,S="rtl"===k,[V,M]=(0,r.useState)(null),[z,I]=(0,r.useState)(null),{data:H}=(0,j.pno)({enabled:!(null==A?void 0:A.length)}),F=(0,r.useMemo)(()=>Array.isArray(H)?H:[],[H]),K=(null==A?void 0:A.length)?A:F,G=f.title?S?f.title.ur:f.title.en:S?"زمینی حقائق":"On the Ground",$=f.subtitle?S?f.subtitle.ur:f.subtitle.en:S?"جہاں ہم فرق لا رہے ہیں":"Where we're making a difference",J=(0,r.useMemo)(()=>{let e=[];return K.forEach(a=>{let t=function(e){var a,t;let n=(0,P.sB)(e),r=(null==(t=e.city_ref)||null==(a=t.name)?void 0:a.trim())||("string"==typeof e.city?e.city.trim():"");return"sindh"===n&&"karachi"===r.toLowerCase()?"karachi":"gb"===n?"kashmir":n}(a);if("local"===a.type&&t){var n,r,l,i,s,o,c,m,d,u,x;let p=(null==(r=a.city_ref)||null==(n=r.name)?void 0:n.trim())?a.city_ref.name:"string"==typeof a.city&&a.city.trim()?a.city:(null==(i=a.province_ref)||null==(l=i.name)?void 0:l.trim())?a.province_ref.name:null!=(o=null==(s=O[t])?void 0:s.en)?o:t,h=a.post;if("default"!==t){let n=S?(null==h?void 0:h.title_ur)||(null==h?void 0:h.title)||a.title:(null==h?void 0:h.title)||(null==h?void 0:h.title_ur)||a.title,r=S?(null==h?void 0:h.tagline_ur)||(null==h?void 0:h.tagline):(null==h?void 0:h.tagline)||(null==h?void 0:h.tagline_ur),l=S?(null==h?void 0:h.content_ur)||(null==h?void 0:h.content):(null==h?void 0:h.content)||(null==h?void 0:h.content_ur);e.push({id:a.id,title:n||(S?"بلا عنوان مہم":"Untitled Campaign"),description:function(e,a){let t=q((null==e?void 0:e.trim())||a||"");return(0,y.E)(t,220)}(r,l),location:p,province:t,date:(null==h?void 0:h.publish_date)||a.createdAt,type:"campaign",image:null==h||null==(c=h.media)?void 0:c.url,video:(null==h||null==(d=h.media)||null==(m

1=d.type)?void 0:m.startsWith("video"))?h.media.url:void 0,mediaType:(null==h||null==(x=h.media)||null==(u=x.type)?void 0:u.startsWith("video"))?"video":"image",slug:(null==h?void 0:h.slug)||a.slug,category:null==h?void 0:h.category})}}}),e},[K,S]),Q=(0,r.useMemo)(()=>{let e={};return J.forEach(a=>{e[a.province]||(e[a.province]=[]),e[a.province].push(a)}),e},[J]),ea=V||z,en=(0,r.useMemo)(()=>{let e={};if(Object.keys(Q).forEach(a=>{var t,n;let r=Q[a],l=null!=(t=(0,P.tG)(a))?t:a;"gb"===l&&(l="kashmir");let i=null!=(n=e[l])?n:{campaigns:0,media:0};i.campaigns+=r.length,i.media+=r.filter(e=>e.image||e.video).length,e[l]=i}),e.gb){var a;let t=null!=(a=e.kashmir)?a:{campaigns:0,media:0};e.kashmir={campaigns:t.campaigns+e.gb.campaigns,media:t.media+e.gb.media},delete e.gb}if(e.kashmir&&!e.ajk&&(e.ajk=e.kashmir),e.ajk&&!e.kashmir&&(e.kashmir=e.ajk),e.kpk)for(let a of C.Lt)e[a]||(e[a]={...e.kpk});if(e.punjab)for(let a of C.Nv)e[a]||(e[a]={...e.punjab});return e},[Q]),el=(0,r.useMemo)(()=>{let e=new Set(W);return[...W,...Object.keys(en).filter(a=>!e.has(a)&&"punjab"!==a&&"kpk"!==a&&!Y.has(a))]},[en]),ei=(0,r.useMemo)(()=>[...W],[]),es=null!=(d=null!=(s=el.find(e=>{var a,t;return(null!=(t=null==(a=en[e])?void 0:a.campaigns)?t:0)>0}))?s:el[0])?d:"punjab",eo=null!=ea?ea:es,ec="kashmir"===eo?[...null!=(g=Q.kashmir)?g:[],...null!=(v=Q.gb)?v:[]]:"karachi"===eo&&(null==(u=Q.karachi)?void 0:u.length)?Q.karachi:(null==(x=Q[eo])?void 0:x.length)?Q[eo]:(0,C.Z1)(eo)&&(null==(p=Q.kpk)?void 0:p.length)?Q.kpk:(0,C.MC)(eo)&&(null==(h=Q.punjab)?void 0:h.length)?Q.punjab:[],em=X(eo,en);return(0,n.jsx)(er,{sectionId:L,config:f,children:(0,n.jsxs)("div",{className:"mx-auto w-full max-w-7xl 2xl:max-w-[90rem]",children:[(0,n.jsxs)(l.P.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.4},className:(0,w.cn)("mb-6 text-center md:mb-8 2xl:mb-10","max-sm:mb-4"),children:[(0,n.jsx)("h2",{className:(0,E.aV)(S,T,_,"mb-2"),children:G}),(0,n.jsx)("p",{className:(0,E.aV)(S,"text-sm sm:text-base max-2xl:text-base 2xl:text-xl text-charcoal/65 max-w-2xl text-center",R,"mx-auto"),children:$})]}),(0,n.jsxs)(l.P.div,{className:(0,w.cn)("grid grid-cols-1 items-start gap-5 sm:gap-6 lg:grid-cols-2 lg:gap-8 xl:gap-10 2xl:gap-12","max-sm:gap-4","relative"),children:[(0,n.jsx)(l.P.div,{className:"absolute inset-0 -z-10 opacity-30",animate:{background:["radial-gradient(circle at 20% 50%, ".concat((0,c.RE)(.1)," 0%, transparent 50%)"),"radial-gradient(circle at 80% 50%, ".concat((0,c.RE)(.15)," 0%, transparent 50%)"),"radial-gradient(circle at 20% 50%, ".concat((0,c.RE)(.1)," 0%, transparent 50%)")]},transition:{duration:8,repeat:1/0,ease:"easeInOut"}}),(0,n.jsx)(l.P.div,{initial:{opacity:0,x:S?50:-50},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.6},className:(0,w.cn)("relative","max-sm:w-full max-sm:overflow-visible"),children:(0,n.jsx)(B,{allProvinces:ei,selectedProvince:Z(V),hoveredProvince:Z(z),onProvinceClick:e=>M(U(e)),onProvinceHover:e=>I(U(e)),provinceStats:en,isRTL:S,provinceColors:D,provinceNames:O,maxWidthClass:"mx-auto w-full max-sm:max-w-full sm:max-w-sm md:max-w-md lg:max-w-lg xl:max-w-full 2xl:max-w-full",mergeGbWithKashmir:!0})}),(0,n.jsxs)(l.P.div,{initial:{opacity:0,x:S?-50:50},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.4,delay:.1},className:"flex flex-col gap-3 lg:gap-4 2xl:gap-5",children:[(0,n.jsx)(i.N,{mode:"wait",children:(0,n.jsx)(et,{province:eo,content:ec,stats:em,locale:b,isRTL:S},eo)}),(0,n.jsx)(ee,{provinces:el,selectedProvince:V,onProvinceClick:M,onProvinceHover:I,provinceStats:en,isRTL:S})]})]}),!1!==f.showCTA&&(0,n.jsx)(l.P.div,{initial:{opacity:0,y:10},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.4,delay:.2},className:(0,w.cn)("text-center mt-6 md:mt-8 2xl:mt-10","max-sm:mt-4"),children:(0,n.jsxs)(o(),{href:(null==(a=f.cta)?void 0:a.link)||"/".concat(b,"/campaigns"),className:(0,N.wS)("primary","md",(0,E.aV)(S,"rounded-full shadow-md hover:shadow-lg group")),children:[(null==(t=f.cta)?void 0:t.text)?S?f.cta.text.ur:f.cta.text.en:S?"تمام مہمات دیکھیں":"View All Campaigns",(0,n.jsx)(m.A,{className:(0,w.cn)("w-4 h-4 transition-transform group-hover:translate-x-1",S&&"rotate-180 group-hover:-translate-x-1")})]})})]})})}function ee(e){let{provinces:a,selectedProvince:t,onProvinceClick:r,onProvinceHover:l,provinceStats:i,isRTL:s,className:o}=e;return(0,n.jsx)("div",{className:(0,w.cn)("grid grid-cols-2 gap-2 sm:grid-cols-3 sm:gap-2.5 lg:grid-cols-3 xl:grid-cols-4 2xl:gap-3","max-sm:grid-cols-2 max-sm:gap-1.5",o),children:a.map(e=>{let a=(0,C.ZB)(e),o=t===e,c=X(e,i),m=J(e,s);return(0,n.jsxs)("button",{type:"button",onClick:()=>r(e===t?null:e),onMouseEnter:()=>l(e),onMouseLeave:()=>l(null),className:(0,E.aV)(s,"rounded-lg border px-2.5 py-2 text-start transition-all duration-200","hover:scale-[1.02] active:scale-[0.98]","focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-primary/40",o?(0,w.cn)(a.bg,a.border,a.text,"shadow-sm ring-1 ring-black/5"):"border-emerald-100/90 bg-white text-charcoal/80 hover:border-emerald-200",!o&&a.hover),style:o?{borderColor:a.accent,color:a.accent}:void 0,children:[(0,n.jsx)("div",{className:(0,E.aV)(s,"font-semibold text-[10px] sm:text-xs",K),children:m}),c&&c.campaigns>0&&(0,n.jsx)("div",{className:(0,w.cn)("text-[9px] text-charcoal/55 leading-tight",G),children:$(c.campaigns,s)})]},e)})})}function ea(e){let{items:a,locale:t,isRTL:i,colors:s,provinceLabel:o}=e,c=(0,r.useRef)(null),[m,x]=(0,r.useState)(!1),[p,h]=(0,r.useState)(!1),g=(0,r.useCallback)(()=>

1{if(!c.current)return;let{scrollLeft:e,scrollWidth:a,clientWidth:t}=c.current,n=a-t;i?(h(e<-2),x(e>-(n-2))):(x(e>2),h(e<n-2))},[i]),v=e=>{if(!c.current)return;let a=c.current,t=Math.max(.75*a.clientWidth,200),n=i?"right"===e?a.scrollLeft-t:a.scrollLeft+t:"left"===e?a.scrollLeft-t:a.scrollLeft+t;a.scrollTo({left:n,behavior:"smooth"})};(0,r.useEffect)(()=>{let e=c.current;if(!e)return;let a=()=>g(),t=new ResizeObserver(()=>g());t.observe(e),e.addEventListener("scroll",a),window.addEventListener("resize",g);let n=requestAnimationFrame(()=>g());return()=>{cancelAnimationFrame(n),e.removeEventListener("scroll",a),window.removeEventListener("resize",g),t.disconnect()}},[a,i]);let f=a.length>1;return(0,n.jsxs)("div",{className:"w-full",children:[(0,n.jsxs)("div",{className:(0,w.cn)("flex items-stretch gap-2 md:gap-3"),children:[f&&(0,n.jsx)(l.P.button,{type:"button",initial:{opacity:.85},animate:{opacity:m?1:.35},disabled:!m,onClick:()=>v("left"),className:(0,w.cn)("flex shrink-0 self-center rounded-full border border-gray-200/90 bg-white p-1.5 shadow-md transition sm:p-2","hover:bg-emerald-50/80 hover:shadow-lg","focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-primary/30",s.border,!m&&"pointer-events-none"),whileHover:m?{scale:1.06}:void 0,whileTap:m?{scale:.96}:void 0,"aria-label":i?"Next campaigns":"Previous campaigns",children:(0,n.jsx)(d.A,{className:(0,w.cn)("h-5 w-5",s.text)})}),(0,n.jsx)("div",{ref:c,dir:i?"rtl":"ltr",className:(0,w.cn)("min-w-0 flex-1 snap-x snap-mandatory scroll-pb-2 scroll-smooth","flex gap-3 overflow-x-auto overflow-y-hidden pb-2 pt-0.5 scrollbar-hide"),style:{WebkitOverflowScrolling:"touch"},children:a.map(e=>(0,n.jsx)("div",{className:"w-[min(100%,208px)] shrink-0 snap-start sm:w-[min(100%,220px)] md:w-[min(100%,228px)]",children:(0,n.jsx)(en,{item:e,locale:t,isRTL:i,colors:s,variant:"grid",provinceLabel:o})},e.id))}),f&&(0,n.jsx)(l.P.button,{type:"button",initial:{opacity:.85},animate:{opacity:p?1:.35},disabled:!p,onClick:()=>v("right"),className:(0,w.cn)("flex shrink-0 self-center rounded-full border border-gray-200/90 bg-white p-1.5 shadow-md transition sm:p-2","hover:bg-emerald-50/80 hover:shadow-lg","focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-primary/30",s.border,!p&&"pointer-events-none"),whileHover:p?{scale:1.06}:void 0,whileTap:p?{scale:.96}:void 0,"aria-label":i?"Previous campaigns":"Next campaigns",children:(0,n.jsx)(u.A,{className:(0,w.cn)("h-5 w-5",s.text)})})]}),a.length>2&&(0,n.jsx)("p",{className:(0,E.aV)(i,"mt-2 text-center text-xs text-charcoal/50"),children:i?"مزید دیکھنے کے لیے سکرول کریں":"Swipe or scroll for more"})]})}function et(e){let{province:a,content:t,stats:r,locale:i,isRTL:s}=e,o=(0,C.ZB)(a),c=J(a,s),m=[...t.filter(e=>"video"===e.mediaType||e.video),...t.filter(e=>"image"===e.mediaType||e.image&&!e.video)].slice(0,12);return(0,n.jsxs)(l.P.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:-20},transition:{duration:.3},className:(0,w.cn)("w-full overflow-hidden rounded-[5px] border border-emerald-100/90 bg-white p-3 shadow-sm ring-1 ring-emerald-100/50 sm:p-4 lg:max-w-none 2xl:p-5 2xl:max-w-[560px]","max-sm:p-3 max-sm:max-w-full",o.border),children:[(0,n.jsxs)("div",{className:(0,w.cn)(m.length>1?"mb-3 md:mb-4":"mb-4 md:mb-5",E.$B),children:[(0,n.jsx)(l.P.h3,{initial:{opacity:0,x:s?10:-10},animate:{opacity:1,x:0},className:(0,E.aV)(s,"text-lg font-bold tracking-tight text-gray-900 sm:text-xl max-2xl:text-xl 2xl:text-2xl",z),children:c}),null!=r&&r.campaigns>0&&(0,n.jsx)("p",{className:(0,E.aV)(s,"mt-1 text-sm text-charcoal/55",I),children:$(r.campaigns,s)})]}),m.length>0?1===m.length?(0,n.jsx)("div",{className:(0,w.cn)("mx-auto w-full max-w-[272px] sm:max-w-[290px] lg:mx-0 lg:max-w-[300px]","max-sm:mx-0 max-sm:w-full max-sm:max-w-full"),children:(0,n.jsx)(en,{item:m[0],locale:i,isRTL:s,colors:o,variant:"grid",provinceLabel:c})}):2===m.length?(0,n.jsx)("div",{className:"grid max-w-[520px] grid-cols-1 gap-3 sm:grid-cols-2 sm:items-stretch sm:gap-3.5",children:m.map(e=>(0,n.jsx)(en,{item:e,locale:i,isRTL:s,colors:o,variant:"grid",provinceLabel:c},e.id))}):(0,n.jsx)(ea,{items:m,locale:i,isRTL:s,colors:o,provinceLabel:c}):(0,n.jsxs)("div",{className:(0,E.aV)(s,"text-center py-12 text-charcoal/55"),children:[(0,n.jsx)(x.A,{className:"w-12 h-12 mx-auto mb-4 text-emerald-200"}),(0,n.jsx)("p",{children:s?"اس صوبے کے لیے کوئی مواد نہیں ملا":"No content found for this province"})]})]})}function en(e){var a;let{item:t,locale:i,isRTL:s,colors:c,variant:d="default",provinceLabel:u}=e,[y,j]=(0,r.useState)(!0),[N,P]=(0,r.useState)(!1),[,L]=(0,r.useState)(!1),[C,A]=(0,r.useState)(!1),S=(0,r.useRef)(null),T=t.slug?(0,k.J)(t.slug,t.category||"campaign",i):"/".concat(i,"/campaigns"),V=t.video||"video"===t.mediaType,M=t.video||t.image,_="featured"===d,R="grid"===d,z=_||R,I=!!t.category&&"campaign"!==t.category.toLowerCase(),K=q(t.description),G=null!=(a=null==u?void 0:u.trim().toLowerCase())?a:"",W=t.title.trim().toLowerCase(),B=K.trim().toLowerCase(),D=K.length>0&&B!==G&&B!==W&&!W.includes(B);return(0,r.useEffect)(()=>

1{if(!V||!S.current)return;let e=S.current;e.muted=!0,e.loop=!0,e.playsInline=!0,e.preload="none";let a=()=>{if(!S.current)return;S.current.muted=!0,j(!0);let e=S.current.play();void 0!==e&&e.then(()=>{L(!0),A(!1)}).catch(e=>{console.log("Autoplay prevented:",e),L(!1),A(!0)})},t=()=>{a()},n=()=>{S.current&&(S.current.currentTime=.5,a())},r=new IntersectionObserver(e=>{e.forEach(e=>{let t=S.current;t&&(e.isIntersecting?(M&&t.getAttribute("src")!==M&&(t.setAttribute("src",M),t.load()),a()):t.pause())})},{rootMargin:"200px",threshold:.1});return e.addEventListener("canplay",t),e.addEventListener("loadedmetadata",n),r.observe(e),()=>{e.removeEventListener("canplay",t),e.removeEventListener("loadedmetadata",n),r.disconnect()}},[V,M]),(0,r.useEffect)(()=>{V&&S.current&&N&&S.current.paused&&S.current.play().catch(()=>{})},[N,V]),(0,n.jsxs)(o(),{href:T,onMouseEnter:()=>P(!0),onMouseLeave:()=>P(!1),className:(0,w.cn)("group relative flex overflow-hidden rounded-[5px]",_?(0,w.cn)("flex-col","border border-emerald-100/90 bg-white","shadow-none ring-1 ring-emerald-100/60 transition-colors duration-200","hover:ring-emerald-200/80"):R?(0,w.cn)("h-full min-h-[220px] flex-col sm:min-h-[232px]","border border-emerald-100/90 bg-white","shadow-none ring-1 ring-emerald-100/50 transition-colors duration-200","hover:ring-emerald-200/70"):(0,w.cn)("flex-col rounded-lg","bg-white border border-emerald-100","hover:border-emerald-200 transition-all duration-300","hover:shadow-lg hover:-translate-y-1","transform-gpu",V&&"ring-1 ring-offset-1 ring-offset-white",V&&c.border.replace("border-","ring-").replace("-200","-300"))),children:[(0,n.jsx)("div",{className:(0,w.cn)("relative overflow-hidden bg-linear-to-br from-emerald-50/80 to-amber-50/50",_?"aspect-16/10 w-full shrink-0 sm:aspect-video":R?"h-[118px] w-full shrink-0 sm:h-[126px]":"aspect-4/3 sm:aspect-16/10"),children:M?(0,n.jsxs)(n.Fragment,{children:[V?(0,n.jsxs)("div",{className:"relative w-full h-full",children:[(0,n.jsx)("video",{ref:S,className:(0,w.cn)("h-full w-full object-cover","transition-transform duration-500 ease-out",N&&!z?"scale-110":"scale-100"),muted:y,loop:!0,playsInline:!0,preload:"none",onCanPlay:()=>{S.current&&(S.current.muted||(S.current.muted=!0,j(!0)),S.current.paused&&S.current.play().then(()=>{L(!0),A(!1)}).catch(e=>{console.log("Autoplay on canplay failed:",e),A(!0)}))},onLoadedData:()=>{S.current&&(S.current.muted=!0,j(!0),S.current.paused&&S.current.play().then(()=>{L(!0),A(!1)}).catch(e=>{console.log("Autoplay on loadeddata failed:",e),A(!0)}))},onPlay:()=>{L(!0),A(!1)},onPause:()=>{},onError:e=>{console.error("Video error:",e),A(!0)}}),N&&!z&&(0,n.jsx)(l.P.div,{initial:{x:"-100%"},animate:{x:"200%"},transition:{duration:1.5,repeat:1/0,ease:"linear"},className:"absolute inset-0 bg-linear-to-r from-transparent via-white/20 to-transparent w-1/2",style:{transform:"skewX(-20deg)"}}),C&&(0,n.jsx)(l.P.button,{onClick:e=>{e.preventDefault(),e.stopPropagation(),S.current&&S.current.play().then(()=>{L(!0),A(!1)}).catch(e=>{console.error("Failed to play video:",e)})},initial:{opacity:0}

1,animate:{opacity:1},className:"absolute inset-0 flex items-center justify-center bg-black/30 backdrop-blur-sm z-10",children:(0,n.jsx)(l.P.div,{animate:{scale:[1,1.1,1]},transition:{duration:2,repeat:1/0},className:(0,w.cn)("bg-white/90 backdrop-blur-sm rounded-full p-4 sm:p-5 shadow-xl","border-2 sm:border-3",c.border),children:(0,n.jsx)(p.A,{className:(0,w.cn)("w-6 h-6 sm:w-8 sm:h-8",c.text),fill:"currentColor"})})}),(0,n.jsx)(l.P.button,{onClick:e=>{if(e.preventDefault(),e.stopPropagation(),S.current){let e=!y;S.current.muted=e,j(e),!e&&S.current.paused&&S.current.play().catch(()=>{})}},className:(0,w.cn)("absolute bottom-2 right-2 z-20","bg-black/80 backdrop-blur-sm rounded-full","p-1.5 sm:p-2","text-white shadow-lg border border-white/20","hover:bg-black/90 transition-all duration-200","focus:outline-none focus:ring-1 focus:ring-white/50",s&&"right-auto left-2"),whileHover:{scale:1.1},whileTap:{scale:.95},"aria-label":s?y?"ویڈیو کی آواز آن کریں":"ویڈیو خاموش کریں":y?"Unmute video":"Mute video",children:y?(0,n.jsx)(h.A,{className:"w-3 h-3 sm:w-3.5 sm:h-3.5"}):(0,n.jsx)(g.A,{className:"w-3 h-3 sm:w-3.5 sm:h-3.5"})})]}):(0,n.jsx)(l.P.img,{src:M,alt:t.title,className:(0,w.cn)("h-full w-full object-cover","transition-transform duration-500 ease-out"),animate:N&&!z?{scale:1.06}:{scale:1},onError:e=>{e.currentTarget.style.display="none"}}),V&&(0,n.jsx)(l.P.div,{initial:{opacity:0,y:-10},animate:{opacity:1,y:0},className:(0,w.cn)("absolute top-2 right-2 z-10",s&&"right-auto left-2"),children:(0,n.jsx)(l.P.div,{animate:{scale:[1,1.05,1]},transition:{duration:2,repeat:1/0},className:"rounded-full border border-white/20 bg-black/90 p-1.5 shadow-lg backdrop-blur-sm sm:p-2",children:(0,n.jsx)(v.A,{className:"h-3 w-3 text-white sm:h-3.5 sm:w-3.5"})})}),!z&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(l.P.div,{className:"absolute inset-0 bg-linear-to-t from-black/60 via-black/20 to-transparent",initial:{opacity:0}

1,animate:{opacity:+!!N},transition:{duration:.3}}),(0,n.jsx)(l.P.div,{className:"absolute inset-0 bg-linear-to-r from-transparent via-white/10 to-transparent",animate:{x:N?["-100%","200%"]:"-100%"},transition:{duration:1.5,repeat:N?1/0:0,ease:"linear"},style:{transform:"skewX(-20deg)"}})]})]}):(0,n.jsx)("div",{className:(0,w.cn)("w-full h-full flex items-center justify-center",c.bg),children:(0,n.jsx)(x.A,{className:(0,w.cn)("w-8 h-8 sm:w-10 sm:h-10",c.text,"opacity-30")})})}),(0,n.jsxs)("div",{className:(0,w.cn)("flex flex-1 flex-col",_?"justify-between gap-2.5 p-3.5 sm:gap-3 sm:p-4 md:p-4.5":R?"min-h-0 flex-1 justify-between gap-1.5 p-2.5 sm:gap-2 sm:p-3":"space-y-2 bg-linear-to-b from-white to-emerald-50/35 p-2.5 sm:p-3",E.$B),children:[(0,n.jsxs)("div",{className:(0,w.cn)("min-h-0 flex-col",_?"flex gap-3 lg:flex-1":R?"flex min-h-0 flex-1 flex-col gap-1.5":"contents"),children:[(0,n.jsxs)("div",{className:(0,w.cn)("flex flex-wrap items-center gap-1 sm:gap-1.5"),children:[I&&(0,n.jsxs)(l.P.span,{whileHover:{scale:1.05},className:(0,w.cn)("inline-flex items-center gap-1 rounded-md border px-1.5 py-0.5 text-[9px] font-semibold shadow-sm sm:px-2 sm:text-[10px]",c.bg,c.text,c.border,"transition-all duration-200"),children:[(0,n.jsx)(f.A,{className:"h-2.5 w-2.5 sm:h-3 sm:w-3"}),(e=>{if(!e)return"";let a={news:{en:"News",ur:"خبریں"},blog:{en:"Blog",ur:"بلاگ"},campaign:{en:"Campaign",ur:"مہم"},announcement:{en:"Announcement",ur:"اعلان"},press_release:{en:"Press Release",ur:"پریس ریلیز"},leadership:{en:"Leadership",ur:"قیادت"},project:{en:"Project",ur:"منصوبہ"}}[e]||{en:e,ur:e};return s?a.ur:a.en})(t.category)]}),t.date&&(0,n.jsxs)(l.P.span,{className:(0,w.cn)("inline-flex items-center gap-1 text-[9px] sm:text-[10px] text-charcoal/65 font-medium"),children:[(0,n.jsx)(b.A,{className:"h-2.5 w-2.5 sm:h-3 sm:w-3"}),(e=>{try{let a=new Date(e),t=new Date,n=t.getTime()-a.getTime(),r=Math.ceil(Math.abs(n)/864e5);if(n<0)return a.toLocaleDateString(s?"ur-PK":"en-US",{month:"short",day:"numeric",year:a.getFullYear()!==t.getFullYear()?"numeric":void 0});if(0===r)return s?"آج":"Today";if(1===r)return s?"کل":"Yesterday";if(r<7)return"".concat(r," ").concat(s?"دن پہلے":"days ago");if(r<30){let e=Math.floor(r/7);return"".concat(e," ").concat(s?"ہفتے پہلے":1===e?"week ago":"weeks ago")}return a.toLocaleDateString(s?"ur-PK":"en-US",{month:"short",day:"numeric",year:a.getFullYear()!==t.getFullYear()?"numeric":void 0})}catch(e){return""}})(t.date)]})]}),(0,n.jsx)(l.P.h4,{className:(0,E.aV)(s,"font-bold leading-tight text-gray-900 transition-colors duration-300 group-hover:text-emerald-primary",_?"line-clamp-3 text-base sm:text-lg md:text-xl":R?(0,w.cn)("line-clamp-2 text-[13px] font-semibold sm:text-sm",H):"line-clamp-2 text-sm sm:text-base"),animate:!N||_||R?{x:0}:{x:s?-2:2},transition:{duration:.2},children:t.title}),D&&(0,n.jsx)(l.P.p,{className:(0,E.aV)(s,"leading-snug text-charcoal/70",_?"line-clamp-3 text-xs sm:text-sm":R?(0,w.cn)("line-clamp-2 text-[11px] sm:text-xs",F):"line-clamp-2 text-xs sm:text-sm"),animate:N?{opacity:.9}:{opacity:1},children:K})]}),(0,n.jsxs)("div",{className:(0,w.cn)("flex items-center justify-between gap-2 sm:gap-3",_?"mt-2 shrink-0 border-t border-emerald-100/80 pt-2.5":"border-t border-emerald-100/70 pt-1.5",R&&"mt-auto"),children:[t.location?(0,n.jsxs)(l.P.div,{className:(0,w.cn)("flex min-w-0 items-center gap-1 text-[11px] font-medium sm:text-xs",c.text),whileHover:{scale:1.02},children:[(0,n.jsx)(x.A,{className:(0,w.cn)("h-3 w-3 shrink-0 sm:h-3.5 sm:w-3.5",c.text)}),(0,n.jsx)("span",{className:(0,E.aV)(s,"truncate font-semibold"),children:J(t.location,s)})]}):(0,n.jsx)("span",{}),(0,n.jsxs)(l.P.span,{className:(0,E.aV)(s,"inline-flex shrink-0 items-center gap-1 rounded-full font-semibold whitespace-nowrap ring-1 ring-inset ring-black/5",R?"px-2 py-1 text-[10px] sm:px-2.5 sm:text-[11px]":"px-3 py-1.5 text-xs sm:text-sm",c.bg,c.text),whileHover:{scale:1.03},transition:{type:"spring",stiffness:400},children:[s?"مزید":"View story",(0,n.jsx)(m.A,{className:(0,w.cn)("h-3 w-3 transition-transform sm:h-3.5 sm:w-3.5","group-hover:translate-x-0.5",s&&"rotate-180 group-hover:-translate-x-0.5")})]})]})]}),N&&!z&&(0,n.jsx)(l.P.div,{className:(0,w.cn)("absolute inset-0 rounded-[5px] pointer-events-none","opacity-20 blur-xl -z-10"),style:{background:"radial-gradient(circle, ".concat(c.text.replace("text-","")," 0%, transparent 70%)")},initial:{opacity:0}

1,animate:{opacity:.2},exit:{opacity:0}})]})}function er(e){let{sectionId:a,config:t,children:r}=e;return(0,n.jsx)(N.bG,{sectionId:a,padding:"sm",className:(0,w.cn)("border-t border-ivory",S),children:(0,n.jsx)("div",{children:r})})}let el=Q},64801:(e,a,t)=>{t.d(a,{RE:()=>r,zw:()=>n});let n="var(--color-emerald-primary)";function r(e){return e<=0?"transparent":"color-mix(in srgb, var(--color-emerald-primary) ".concat(Math.round(100*e),"%, transparent)")}}}]);