https://zary.mn/_next/static/chunks/7570.f47de38288ad0446.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7570],{26477:(e,t,s)=>{s.d(t,{A:()=>n});var n=(0,s(19946).A)("search-x",[["path",{d:"m13.5 8.5-5 5",key:"1cs55j"}],["path",{d:"m8.5 8.5 5 5",key:"a8mexj"}],["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]])},32387:(e,t,s)=>{s.d(t,{aL:()=>i,j9:()=>n,tn:()=>a});var n={north:52.2,south:41.5,east:120,west:87.7},a={latLngBounds:n,strictBounds:!0},i=6},37570:(e,t,s)=>{s.r(t),s.d(t,{NearbyRentalsModal:()=>g});var n=s(78538),a=s(95155),i=s(12115),r=s(19988),l=s(57340),o=s(54416),d=(0,s(19946).A)("radar",[["path",{d:"M19.07 4.93A10 10 0 0 0 6.99 3.34",key:"z3du51"}],["path",{d:"M4 6h.01",key:"oypzma"}],["path",{d:"M2.29 9.62A10 10 0 1 0 21.31 8.35",key:"qzzz0"}],["path",{d:"M16.24 7.76A6 6 0 1 0 8.23 16.67",key:"1yjesh"}],["path",{d:"M12 18h.01",key:"mhygvu"}],["path",{d:"M17.99 11.66A6 6 0 0 1 15.77 16.67",key:"1u2y91"}],["circle",{cx:"12",cy:"12",r:"2",key:"1c9p78"}],["path",{d:"m13.41 10.59 5.66-5.66",key:"mhq4k0"}]]),c=s(26477),m=s(4516),u=s(92138),x=s(61432),f=s(35695),h=s(28067),p=s(32387),b=s(78824),y=s(6757),j=s(59434),v=[{dLat:.0085,dLng:.0115},{dLat:-.0062,dLng:.0094},{dLat:.0123,dLng:-.0054},{dLat:-.0102,dLng:-.0082},{dLat:.0045,dLng:-.0131},{dLat:-.0131,dLng:.0042}];function g(e){var t,s=e.open,x=e.onClose,g=e.lat,z=e.lng,A=e.venueName,L=e.venueAddress,M=(0,y.m)().isMobile,C=(0,f.useRouter)(),T=(0,n._)((0,i.useState)(!0),2),_=T[0],q=T[1],E=(0,n._)((0,i.useState)(!1),2),I=E[0],D=E[1],O=(0,n._)((0,i.useState)(!1),2),S=O[0],B=O[1],F=(0,i.useCallback)(function(){B(!0),setTimeout(function(){B(!1),x()},260)},[x]);(0,b.z)(s,F),(0,i.useEffect)(function(){if(!s){q(!0),D(!1);return}var e=setTimeout(function(){return D(!0)},220),t=setTimeout(function(){return q(!1)},2600);return function(){clearTimeout(e),clearTimeout(t)}},[s]),(0,i.useEffect)(function(){if(s){var e=window.scrollY,t=document.body,n=document.documentElement,a={bodyOverflow:t.style.overflow,bodyPosition:t.style.position,bodyTop:t.style.top,bodyWidth:t.style.width,htmlOverflow:n.style.overflow};return t.style.overflow="hidden",t.style.position="fixed",t.style.top="-".concat(e,"px"),t.style.width="100%",n.style.overflow="hidden",function(){t.style.overflow=a.bodyOverflow,t.style.position=a.bodyPosition,t.style.top=a.bodyTop,t.style.width=a.bodyWidth,n.style.overflow=a.htmlOverflow,requestAnimationFrame(function(){return window.scrollTo(0,e)})}}},[s]);var J=(0,i.useMemo)(function(){return{lat:g,lng:z}},[g,z]);if(!s)return null;var K=A||L||"";return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:(0,j.cn)("fixed inset-0 z-[10000] bg-black/55 backdrop-blur-sm",S?"animate-modal-backdrop-out":"animate-modal-backdrop-in"),onClick:F,"aria-hidden":!0}),(0,a.jsxs)("div",{"data-section":"product-detail:ticket/nearby-rentals-modal",className:(0,j.cn)("bg-base-100 fixed z-[10001] flex flex-col overflow-hidden shadow-2xl",M?"inset-x-0 bottom-0 top-16 rounded-t-2xl":"inset-6 rounded-2xl md:inset-10",S?M?"animate-modal-sheet-down":"animate-modal-panel-out":M?"animate-modal-sheet-up":"animate-modal-panel-in"),children:[(0,a.jsxs)("div",{className:"bg-base-100 border-black/8 z-10 flex items-center justify-between border-b px-4 py-3",children:[(0,a.jsxs)("div",{className:"flex min-w-0 items-center gap-2",children:[(0,a.jsx)(l.A,{className:"text-primary size-5 shrink-0"}),(0,a.jsx)("h2",{className:"text-base-content shrink-0 text-base font-semibold",children:"Ойролцоох түрээслэх зар"}),K&&(0,a.jsxs)("span",{className:"text-base-content/55 hidden truncate text-sm md:inline",children:["\xb7 ",K]})]}),(0,a.jsx)("button",{type:"button",onClick:F,className:"text-base-content/60 hover:text-base-content cursor-pointer rounded-md p-1.5 transition-colors","aria-label":"Хаах",children:(0,a.jsx)(o.A,{className:"size-5"})})]}),(0,a.jsxs)("div",{className:"relative min-h-0 flex-1",children:[I?(0,a.jsx)(r.c4,{apiKey:null!=(t=h.A.gmapKey)?t:"",children:(0,a.jsxs)(r.T5,{disableDefaultUI:!0,defaultCenter:J,defaultZoom:12,mapId:"8c152c64a4165ad4867baf43",gestureHandling:"none",clickableIcons:!1,restriction:p.tn,minZ

1oom:p.aL,children:[(0,a.jsx)(r.J8,{position:J,zIndex:1e3,children:(0,a.jsx)(N,{})}),_&&v.map(function(e,t){return(0,a.jsx)(r.J8,{position:{lat:g+e.dLat,lng:z+e.dLng},zIndex:500,children:(0,a.jsx)(w,{delay:.22*t})},t)})]})}):(0,a.jsx)("div",{className:"bg-base-200/60 flex h-full w-full items-center justify-center",children:(0,a.jsx)("div",{className:"text-base-content/40 text-xs",children:"Газрын зураг ачаалж байна..."})}),I&&_&&(0,a.jsx)("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:(0,a.jsx)(k,{})}),_&&(0,a.jsx)("div",{className:"pointer-events-none absolute inset-x-3 top-3 z-10 flex justify-center md:inset-auto md:left-4 md:top-4 md:justify-start",children:(0,a.jsxs)("div",{className:"bg-base-100/95 border-black/8 pointer-events-auto inline-flex items-center gap-2.5 rounded-xl border px-3.5 py-2.5 shadow-lg backdrop-blur-md",children:[(0,a.jsxs)("div",{className:"relative flex size-5 items-center justify-center",children:[(0,a.jsx)("span",{className:"bg-primary/30 absolute inset-0 animate-ping rounded-full"}),(0,a.jsx)(d,{className:"text-primary relative size-4"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"text-base-content text-xs font-semibold leading-tight",children:"Ойролцоох зар хайж байна"}),(0,a.jsx)("div",{className:"text-base-content/55 text-[10px] leading-tight",children:"1.5 km радиуст түрээслэх АОС, зуслан"})]})]})}),!_&&(0,a.jsx)("div",{className:"pointer-events-none absolute inset-x-3 bottom-3 z-10 flex justify-center md:inset-x-0",children:(0,a.jsxs)("div",{className:"bg-base-100 border-black/8 pointer-events-auto w-full max-w-md rounded-2xl border p-4 shadow-2xl",children:[(0,a.jsxs)("div",{className:"flex items-start gap-3",children:[(0,a.jsx)("div",{className:"bg-base-200 text-base-content/55 flex size-11 shrink-0 items-center justify-center rounded-xl",children:(0,a.jsx)(c.A,{className:"size-5"})}),(0,a.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,a.jsx)("div",{className:"text-base-content text-sm font-semibold leading-snug",children:"Энэ байрлалд ойролцоо түрээсийн зар одоогоор бүртгэгдээгүй байна."}),(0,a.jsx)("div",{className:"text-base-content/55 mt-1 text-xs leading-relaxed",children:"Үл хөдлөх хөрөнгийн бүх зарыг харна уу."})]})]}),(0,a.jsxs)("button",{type:"button",onClick:function(){return C.push("/realestate")},className:"bg-primary hover:bg-primary/90 group mt-3 inline-flex h-11 w-full cursor-pointer items-center justify-center gap-2 rounded-xl text-sm font-semibold text-white shadow-sm transition-all hover:shadow-md active:scale-[0.98]",children:[(0,a.jsx)(m.A,{className:"size-4"}),(0,a.jsx)("span",{children:'"Үл хөдлөх" зар үзэх'}),(0,a.jsx)(u.A,{className:"size-4 transition-transform group-hover:translate-x-0.5"})]}),(0,a.jsxs)("button",{type:"button",onClick:function(){return C.push("/account/listings/realestate")},className:"text-base-content/60 hover:text-primary group/link mt-2.5 inline-flex w-full cursor-pointer items-center justify-center gap-1 text-[11px] font-medium underline-offset-2 transition-colors hover:underline",children:[(0,a.jsx)("span",{children:"Хэрвээ танд түрээслэх зар байгаа бол оруулаарай"}),(0,a.jsx)(u.A,{className:"size-3 transition-transform group-hover/link:translate-x-0.5"})]})]})})]})]})]})}function N(){return(0,a.jsxs)("div",{className:"flex flex-col items-center",children:[(0,a.jsx)("div",{className:"absolute size-10",children:(0,a.jsx)("span",{className:"bg-primary/40 absolute inset-0 animate-ping rounded-full"})}),(0,a.jsx)("div",{className:"bg-primary relative flex size-10 items-center justify-center rounded-full border-[3px] border-white shadow-lg",children:(0,a.jsx)(x.A,{className:"size-5 text-white"})}),(0,a.jsx)("div",{className:"bg-primary -mt-1 size-3 rotate-45 border-b-[3px] border-r-[3px] border-white"})]})}function w(e){var t=e.delay;return(0,a.jsxs)("div",{className:"relative flex size-8 items-center justify-center",children:[(0,a.jsx)("span",{className:"absolute inset-0 rounded-full bg-emerald-500/40",style:{animation:"rental-ghost-ping 2s cubic-bezier(0,0,0.2,1) infinite",animationDelay:"".concat(t,"s")}}),(0,a.jsx)("div",{className:"relative flex size-8 items-center justify-center rounded-full border-2 border-white bg-emerald-500 shadow-md",style:{animation:"rental-ghost-fade 2s ease-in-out infinite",animationDelay:"".concat(t,"s")},children:(0,a.jsx)(l.A,{className:"size-3.5 text-white"})}),(0,a.jsx)("style",{children:"\n        @keyframes rental-ghost-ping {\n          0% { transform: scale(0.4);

1 opacity: 0.9; }\n          80%, 100% { transform: scale(2.4); opacity: 0; }\n        }\n        @keyframes rental-ghost-fade {\n          0%, 100% { opacity: 0.35; transform: scale(0.85); }\n          50% { opacity: 1; transform: scale(1); }\n        }\n      "})]})}function k(){return(0,a.jsxs)("div",{className:"relative size-40 md:size-56",children:[[0,.5,1,1.5].map(function(e,t){return(0,a.jsx)("span",{className:"border-primary/70 absolute inset-0 rounded-full border-2",style:{animation:"rental-radar-sweep 2.4s cubic-bezier(0,0,0.2,1) infinite",animationDelay:"".concat(e,"s")}},t)}),(0,a.jsx)("div",{className:"bg-primary/15 absolute inset-[35%] rounded-full"}),(0,a.jsx)("div",{className:"bg-primary/40 absolute inset-[42%] rounded-full"}),(0,a.jsx)("style",{children:"\n        @keyframes rental-radar-sweep {\n          0% { transform: scale(0.05); opacity: 1; }\n          100% { transform: scale(2.5); opacity: 0; }\n        }\n      "})]})}},92138:(e,t,s)=>{s.d(t,{A:()=>n});var n=(0,s(19946).A)("arrow-right",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]])}}]);