https://www.jansuraaj.org/_next/static/chunks/4552.d67617a189d5ecc0.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4552],{26497:(e,t,l)=>{l.d(t,{N:()=>b});var r=l(95155),s=l(12115),a=l(60296),i=l(94416),o=l(46436),n=l(59686),c=l(81402),d=l(53127);function u(e,t){if("function"==typeof e)return e(t);null!=e&&(e.current=t)}class h extends s.Component{getSnapshotBeforeUpdate(e){let t=this.props.childRef.current;if((0,c.s)(t)&&e.isPresent&&!this.props.isPresent&&!1!==this.props.pop){let e=t.offsetParent,l=(0,c.s)(e)&&e.offsetWidth||0,r=(0,c.s)(e)&&e.offsetHeight||0,s=getComputedStyle(t),a=this.props.sizeRef.current;a.height=parseFloat(s.height),a.width=parseFloat(s.width),a.top=t.offsetTop,a.left=t.offsetLeft,a.right=l-a.width-a.left,a.bottom=r-a.height-a.top}return null}componentDidUpdate(){}render(){return this.props.children}}function p(e){var t,l;let{children:a,isPresent:i,anchorX:o,anchorY:n,root:c,pop:p}=e,m=(0,s.useId)(),f=(0,s.useRef)(null),x=(0,s.useRef)({width:0,height:0,top:0,left:0,right:0,bottom:0}),{nonce:v}=(0,s.useContext)(d.Q),w=function(...e){return s.useCallback(function(...e){return t=>{let l=!1,r=e.map(e=>{let r=u(e,t);return l||"function"!=typeof r||(l=!0),r});if(l)return()=>{for(let t=0;t<r.length;t++){let l=r[t];"function"==typeof l?l():u(e[t],null)}}}}(...e),e)}(f,null!=(l=null==(t=a.props)?void 0:t.ref)?l:null==a?void 0:a.ref);return(0,s.useInsertionEffect)(()=>{let{width:e,height:t,top:l,left:r,right:s,bottom:a}=x.current;if(i||!1===p||!f.current||!e||!t)return;f.current.dataset.motionPopId=m;let d=document.createElement("style");v&&(d.nonce=v);let u=null!=c?c:document.head;return u.appendChild(d),d.sheet&&d.sheet.insertRule('\n          [data-motion-pop-id="'.concat(m,'"] {\n            position: absolute !important;\n            width: ').concat(e,"px !important;\n            height: ").concat(t,"px !important;\n            ").concat("left"===o?"left: ".concat(r):"right: ".concat(s),"px !important;\n            ").concat("bottom"===n?"bottom: ".concat(a):"top: ".concat(l),"px !important;\n          }\n        ")),()=>{var e;null==(e=f.current)||e.removeAttribute("data-motion-pop-id"),u.contains(d)&&u.removeChild(d)}},[i]),(0,r.jsx)(h,{isPresent:i,childRef:f,sizeRef:x,pop:p,children:!1===p?a:s.cloneElement(a,{ref:w})})}let m=e=>{let{children:t,initial:l,isPresent:a,onExitComplete:o,custom:c,presenceAffectsLayout:d,mode:u,anchorX:h,anchorY:m,root:x}=e,v=(0,i.M)(f),w=(0,s.useId)(),b=!0,g=(0,s.useMemo)(()=>(b=!1,{id:w,initial:l,isPresent:a,custom:c,onExitComplete:e=>

1{for(let t of(v.set(e,!0),v.values()))if(!t)return;o&&o()},register:e=>(v.set(e,!1),()=>v.delete(e))}),[a,v,o]);return d&&b&&(g={...g}),(0,s.useMemo)(()=>{v.forEach((e,t)=>v.set(t,!1))},[a]),s.useEffect(()=>{a||v.size||!o||o()},[a]),t=(0,r.jsx)(p,{pop:"popLayout"===u,isPresent:a,anchorX:h,anchorY:m,root:x,children:t}),(0,r.jsx)(n.t.Provider,{value:g,children:t})};function f(){return new Map}var x=l(75601);let v=e=>e.key||"";function w(e){let t=[];return s.Children.forEach(e,e=>{(0,s.isValidElement)(e)&&t.push(e)}),t}let b=e=>{let{children:t,custom:l,initial:n=!0,onExitComplete:c,presenceAffectsLayout:d=!0,mode:u="sync",propagate:h=!1,anchorX:p="left",anchorY:f="top",root:b}=e,[g,j]=(0,x.xQ)(h),y=(0,s.useMemo)(()=>w(t),[t]),N=h&&!g?[]:y.map(v),k=(0,s.useRef)(!0),C=(0,s.useRef)(y),_=(0,i.M)(()=>new Map),E=(0,s.useRef)(new Set),[M,P]=(0,s.useState)(y),[R,S]=(0,s.useState)(y);(0,o.E)(()=>{k.current=!1,C.current=y;for(let e=0;e<R.length;e++){let t=v(R[e]);N.includes(t)?(_.delete(t),E.current.delete(t)):!0!==_.get(t)&&_.set(t,!1)}},[R,N.length,N.join("-")]);let L=[];if(y!==M){let e=[...y];for(let t=0;t<R.length;t++){let l=R[t],r=v(l);N.includes(r)||(e.splice(t,0,l),L.push(l))}return"wait"===u&&L.length&&(e=L),S(w(e)),P(y),null}let{forceRender:z}=(0,s.useContext)(a.L);return(0,r.jsx)(r.Fragment,{children:R.map(e=>{let t=v(e),s=(!h||!!g)&&(y===R||N.includes(t));return(0,r.jsx)(m,{isPresent:s,initial:(!k.current||!!n)&&void 0,custom:l,presenceAffectsLayout:d,mode:u,root:b,onExitComplete:s?void 0:()=>{if(E.current.has(t)||!_.has(t))return;E.current.add(t),_.set(t,!0);let e=!0;_.forEach(t=>{t||(e=!1)}),e&&(null==z||z(),S(C.current),h&&(null==j||j()),c&&c())},anchorX:p,anchorY:f,children:e},t)})})}},44552:(e,t,l)=>{l.r(t),l.d(t,{default:()=>m});var r=l(95155),s=l(12115),a=l(35634),i=l(26497),o=l(15239),n=l(29253);let c=e=>{let{legend:t,background:l}=e,s="";switch(l){case"visited":s="bg-[#fef9c3]";break;case"active":s="bg-[#facc15]";break;case"unvisited":s="bg-[#f5f5f4]";break;default:s="bg-gray-500"}return(0,r.jsxs)("div",{className:"flex items-center mr-3 mb-2",children:[(0,r.jsx)("div",{className:"w-4 h-4 ".concat(s," mr-1 border border-[#57534e]")}),(0,r.jsx)("span",{className:"text-xs text-[#FAC515]",children:t})]})};var d=l(30451);let u={19:"https://www.youtube.com/live/icTb03f_hU8",22:"https://www.youtube.com/live/qWyL-02nFaQ",31:"https://www.youtube.com/live/o1GLMgpryf8",10:"https://www.youtube.com/live/808RpQT43YY",9:"https://www.youtube.com/live/kVjEESHbdRE",36:"https://www.youtube.com/live/JlOFavbTREo",32:"https://www.youtube.com/live/4rT107QV93Q",38:"https://www.youtube.com/live/k37bFltx9WM",30:"https://www.youtube.com/live/Tg2iwxWO7Y4",5:"https://www.youtube.com/live/OzjwB0gyhm4"},h=e=>{var t;return(null==(t=e.split("/").pop())?void 0:t.split("?")[0])||""},p=e=>{let{url:t,name:l}=e,{lang:a}=(0,d.o)(),[i,n]=(0,s.useState)(!1);return(h(t),i)?(0,r.jsxs)("div",{className:"relative w-full aspect-video rounded-xl overflow-hidden shadow-2xl",children:[(0,r.jsx)("iframe",{className:"absolute inset-0 w-full h-full",src:(e=>{let t=h(e);return"https://www.youtube.com/embed/".concat(t,"?autoplay=1&rel=0")})(t),title:"".concat(l," video"),frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0}),(0,r.jsx)("button",{onClick:()=>n(!1),className:"absolute top-4 right-4 z-20 bg-black/50 hover:bg-black/80 text-white rounded-full p-2 transition-all duration-300 shadow-lg backdrop-blur-sm group","aria-label":"Close video",children:(0,r.jsx)("svg",{className:"w-5 h-5 group-hover:scale-110 transition-transform",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2.5,d:"M6 18L18 6M6 6l12 12"})})})]}):(0,r.jsxs)("div",{className:"relative w-full aspect-video rounded-xl overflow-hidden shadow-2xl cursor-pointer group",onClick:()=>n(!0),children:[(0,r.jsx)(o.default,{src:(e=>{let t=h(e);return"https://img.youtube.com/vi/".concat(t,"/maxresdefault.jpg")})(t),alt:"".concat(l," video thumbnail"),fill:!0,className:"object-cover transition-transform duration-500 group-hover:scale-105",unoptimized:!0}),(0,r.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent transition-opacity duration-300"}),(0,r.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,r.jsx)("div",{className:"w-16 h-16 sm:w-20 sm:h-20 rounded-full bg-red-600 flex items-center justify-center shadow-[0_0_30px_rgba(220,38,38,0.5)] transition-all duration-300 group-hover:scale-110 group-hover:shadow-[0_0_50px_rgba(220,38,38,0.7)]",children:(0,r.jsx)("svg",{className:"w-7 h-7 sm:w-9 sm:h-9 text-white ml-1",viewBox:"0 0 24 24",fill:"

1currentColor",children:(0,r.jsx)("path",{d:"M8 5v14l11-7z"})})})}),(0,r.jsx)("div",{className:"absolute bottom-0 left-0 right-0 p-3 sm:p-4",children:(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("div",{className:"w-8 h-8 rounded-full bg-red-600 flex items-center justify-center flex-shrink-0",children:(0,r.jsx)("svg",{className:"w-4 h-4 text-white",viewBox:"0 0 24 24",fill:"currentColor",children:(0,r.jsx)("path",{d:"M19.615 3.184c-3.604-.246-11.631-.245-15.23 0C.488 3.45.029 5.804 0 12c.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0C23.512 20.55 23.971 18.196 24 12c-.029-6.185-.484-8.549-4.385-8.816zM9 16V8l8 4-8 4z"})})}),(0,r.jsxs)("span",{className:"text-white text-xs sm:text-sm font-medium truncate",children:[l," — ","hi"===a?"जन सुराज":"Jan Suraaj"]})]})})]})},m=e=>{let{districtTitle:t,theme:l="dark",cta:o,visitedDistrictLegend:h,activeDistrictLegend:m,unvisitedDistrictLegend:f}=e,{lang:x}=(0,d.o)(),[v,w]=(0,s.useState)({}),[b,g]=(0,s.useState)(null),j=(0,s.useRef)(null);return(0,s.useEffect)(()=>{let e={},t=null;Object.keys(n).forEach((l,r)=>{e[l]={path:n[l].path,name:n[l].name,map_id:l,counters:[{label:"hi"===x?"जनसंख्या":"Population",value:Math.floor(1e6*Math.random())},{label:"hi"===x?"क्षेत्रफल":"Area",value:Math.floor(5e3*Math.random()),unit:"hi"===x?"वर्ग किमी":"sq km"}],is_active:2===r,is_visited:r<2,videoUrl:u[l]||""},e[l].is_active&&(t=l)}),w(e),g(t?e[t]:e[Object.keys(e)[0]])},[n,x]),(0,r.jsxs)("div",{ref:j,className:"light"===l?"w-full rounded-2xl bg-gradient-to-br from-white via-slate-50 to-white shadow-2xl overflow-hidden":"w-full rounded-2xl bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900 shadow-2xl overflow-hidden",children:[(0,r.jsx)("div",{className:"px-4 py-4 sm:px-8 sm:py-6 border-b border-white/10",children:(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-3",children:[(0,r.jsx)("h2",{className:"light"===l?"text-xl sm:text-3xl font-extrabold text-amber-600":"text-xl sm:text-3xl font-extrabold text-yellow-400",children:t}),o&&(0,r.jsx)("span",{className:"inline-flex items-center rounded-full bg-amber-500/20 px-3 py-1 text-xs font-semibold text-amber-300",children:o})]})}),(0,r.jsxs)("div",{className:"flex flex-col lg:grid lg:grid-cols-12 gap-6 sm:gap-10 p-4 sm:p-8",children:[(0,r.jsxs)("div",{className:"lg:col-span-6",children:[(0,r.jsx)("svg",{viewBox:"0 0 1122 655",className:"w-full",children:Object.keys(v).map(e=>{let t=v[e],l=t.is_active,s=t.map_id===(null==b?void 0:b.map_id);return(0,r.jsx)(a.P.path,{d:t.path,fill:l||s?"#facc15":t.is_visited?"#fef9c3":"#f5f5f4",stroke:"#57534e",strokeWidth:"0.9",whileTap:{scale:.98},whileHover:{scale:1.01},onClick:()=>g(t),style:{cursor:"pointer"}},e)})}),(0,r.jsxs)("div",{className:"flex flex-wrap justify-center gap-3 mt-4 text-xs",children:[(0,r.jsx)(c,{legend:h||("hi"===x?"पदयात्रा समाप्त":"Padyatra Completed"),background:"visited"}),(0,r.jsx)(c,{legend:m||("hi"===x?"वर्तमान पदयात्रा":"Current Padyatra"),background:"active"}),(0,r.jsx)(c,{legend:f||("hi"===x?"आगामी":"Upcoming"),background:"unvisited"})]})]}),(0,r.jsx)("div",{className:"lg:col-span-6",children:(0,r.jsx)(i.N,{mode:"wait",children:b&&(0,r.jsxs)(a.P.div,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},exit:{opacity:0,y:-20},transition:{duration:.4},children:[(0,r.jsx)("h3",{className:"text-2xl sm:text-4xl font-extrabold text-yellow-400",children:b.name}),(0,r.jsx)("span",{className:"inline-block mt-3 px-4 py-1 rounded-full text-xs font-semibold bg-yellow-400 text-black",children:(e=>e.is_active?"hi"===x?"वर्तमान पदयात्रा":"Current Padyatra":e.is_visited?"hi"===x?"पदयात्रा सम्पन्न":"Padyatra Completed":"hi"===x?"आगामी पदयात्रा":"Upcoming Padyatra")(b)}),(0,r.jsx)("div",{className:"grid grid-cols-2 gap-3 sm:gap-4 mt-6",children:b.counters.map(e=>(0,r.jsxs)("div",{className:"p-4 rounded-xl bg-gradient-to-br from-gray-900 to-gray-800",children:[(0,r.jsxs)("div",{className:"text-lg sm:text-2xl font-bold text-yellow-400",children:[e.value.toLocaleStr

1ing()," ",e.unit||""]}),(0,r.jsx)("div",{className:"text-xs text-gray-400",children:e.label})]},e.label))}),b.videoUrl&&(0,r.jsx)("div",{className:"mt-6",children:(0,r.jsx)(p,{url:b.videoUrl,name:b.name},b.map_id)})]},b.map_id)})})]})]})}}}]);