https://walkmeguide.com/_next/static/chunks/5135.fbd531a2b163137b.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5135],{22164:(e,t,s)=>{s.d(t,{A:()=>c});let c=(0,s(78340).A)("ExternalLink",[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"M10 14 21 3",key:"gplh6r"}],["path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",key:"a6xqqp"}]])},24538:(e,t,s)=>{s.d(t,{A:()=>c});let c=(0,s(78340).A)("MapPin",[["path",{d:"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z",key:"2oe9fu"}],["circle",{cx:"12",cy:"10",r:"3",key:"ilqhr7"}]])},65135:(e,t,s)=>{s.r(t),s.d(t,{LiveTracker:()=>w});var c=s(95155),r=s(39092),a=s.n(r),l=s(12115),i=s(77928),n=s(98500),o=s.n(n),d=s(78340);let x=(0,d.A)("ShieldAlert",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}],["path",{d:"M12 8v4",key:"1got3b"}],["path",{d:"M12 16h.01",key:"1drbdi"}]]),m=(0,d.A)("Info",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]]);var h=s(24538),f=s(22164);let p=(0,d.A)("Compass",[["path",{d:"m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z",key:"9ktpf1"}],["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}]]);var u=s(84980),g=s(57420);s(90737);var j=s(15378),b=s(47684),y=s(57903),v=s(86765),k=s(68055);function N({level:e,className:t="w-6 h-6",color:s="currentColor"}){let r=e<=20?"#DC3545":s,a=e<=20?"#DC3545":s;return(0,c.jsxs)("svg",{className:t,viewBox:"0 0 24 24",fill:"none",stroke:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,c.jsx)("rect",{x:"2",y:"7",width:"16",height:"10",rx:"2",ry:"2"}),(0,c.jsx)("line",{x1:"22",y1:"11",x2:"22",y2:"13"}),(0,c.jsx)("rect",{x:"4",y:"9",width:e>0?Math.max(1,Math.min(12,Math.round(e/100*12))):0,height:"6",fill:r,stroke:"none",rx:"1",ry:"1"})]})}function w({lang:e,token:t}){let{t:r,i18n:n}=(0,i.Bd)(),[d,C]=(0,l.useState)([]),[S,M]=(0,l.useState)(null),[T,z]=(0,l.useState)(!0),[A,E]=(0,l.useState)(null),[H,L]=(0,l.useState)(null),[D,P]=(0,l.useState)(!1),[$,R]=(0,l.useState)(null),[F,I]=(0,l.useState)(!1),_=(0,l.useRef)(null);if((0,l.useEffect)(()=>{function e(e){let t=e.target;F&&!t.closest(".safety-popup-container")&&I(!1)}return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}},[F]),(0,l.useEffect)(()=>{e&&n.language!==e&&n.changeLanguage(e)},[e,n]),(0,l.useEffect)(()=>{Promise.resolve().then(s.t.bind(s,69722,23)).then(e=>{P(!0),R(e.divIcon({className:"custom-hiker-marker",html:`<div class="relative flex items-center justify-center w-8 h-8 rounded-full border-2 border-white shadow-lg shadow-orange-500/50 animate-bounce" style="background-color: #2C8CD5;">
2                   <div class="w-3.5 h-3.5 rounded-full bg-white"></div>
3                 </div>`,iconSize:[32,32],iconAnchor:[16,32]}))})},[]),(0,l.useEffect)(()=>{async function e(){try{let e=await fetch(`https://api.walkmeguide.com/v16/live-shares/view?token=${t}&_t=${Date.now()}`,{cache:"no-store"});if(!e.ok)return void(404===e.status?E("expired"):E("error"));let s=await e.json();if(s.success){if(C(s.points),M(s.session),s.points.length>0&&!H){let e=s.points[s.points.length-1];L([e.lat,e.lng])}}else E("expired")}catch(e){console.error("Failed to load tracking data",e),E("error")}finally{z(!1)}}e();let s=setInterval(e,3e4);return()=>clearInterval(s)},[t,H]),T)return(0,c.jsx)("div",{className:"flex items-center justify-center p-12 bg-main-background text-fg font-sans",style:{minHeight:"400px"},children:(0,c.jsxs)("div",{className:"text-center relative",children:[(0,c.jsx)("div",{className:"w-12 h-12 border-4 border-brand-surface border-t-transparent rounded-full animate-spin mx-auto mb-4"}),(0,c.jsx)("p",{className:"text-md font-semibold tracking-wide text-neutral-600 animate-pulse",children:r("liveTracking.locatingHiker")})]})});if("expired"===A||!S)return(0,c.jsx)("div",{className:"flex items-center justify-center p-6 bg-main-background text-fg font-sans",style:{minHeight:"500px"},children:(0,c.jsxs)("div",{className:"max-w-md w-full bg-white border border-borders-dividers rounded-md p-8 text-center shadow-sm",style:{borderColor:"#E0E0E0",borderRadius:"8px"},children:[(0,c.jsx)(x,{className:"w-12 h-12 mx-auto mb-6",color:"#00640A"}),(0,c.jsx)("h2",{className:"font-semibold text-primary-text mb-4 tracking-normal",style:{fontSize:"16px",lineHeight:"1.0"},children:r("liveTracking.expiredOrNotFoundTitle")}),(0,c.jsx)("p",{className:"text-secondary-text tracking-normal",style:{fontSize:"14px",lineHeight:"1.4"},children:r("liveTracking.expiredOrNotFoundDescription")})]})});let q=d[d.length-1],B=(e=>{if(e.length<2)return"0.00";let t=0;for(let s=1;s<e.length;

3s++){let c=e[s-1],r=e[s],a=(r.lat-c.lat)*Math.PI/180,l=(r.lng-c.lng)*Math.PI/180,i=Math.sin(a/2)*Math.sin(a/2)+Math.cos(c.lat*Math.PI/180)*Math.cos(r.lat*Math.PI/180)*Math.sin(l/2)*Math.sin(l/2);t+=2*Math.atan2(Math.sqrt(i),Math.sqrt(1-i))*6371}return t.toFixed(2)})(d),W=(e=>{if(e.length<2)return"0";let t=e[0].timestamp,s=Math.floor((e[e.length-1].timestamp-t)/60);if(s<60)return`${s}m`;let c=Math.floor(s/60);return`${c}h ${s%60}m`})(d),O=new Date(S.last_seen),V=q?q.battery:S.latest_battery;return(0,c.jsxs)("div",{className:"jsx-f88c3899cec04c33 container mx-auto px-4 py-8 max-w-7xl font-sans text-neutral-800 bg-main-background",children:[(0,c.jsxs)("div",{className:"jsx-f88c3899cec04c33 mb-8 text-left",children:[(0,c.jsxs)("div",{className:"jsx-f88c3899cec04c33 flex items-center space-x-2 text-sm text-neutral-500 mb-2",children:[(0,c.jsx)(o(),{href:`/${e}`,className:"hover:text-brand-surface transition-colors",children:"Home"}),(0,c.jsx)("span",{className:"jsx-f88c3899cec04c33",children:"/"}),(0,c.jsx)("span",{style:{fontSize:"16px",lineHeight:"1.0"},className:"jsx-f88c3899cec04c33 font-medium text-secondary-text tracking-normal",children:"Live Tracking"})]}),(0,c.jsxs)("h1",{style:{fontSize:"36px",lineHeight:"1.22"},className:"jsx-f88c3899cec04c33 font-bold text-primary-text tracking-normal flex items-center gap-2 flex-wrap",children:[r("liveTracking.title"),"active"===S.status?(0,c.jsxs)("span",{style:{color:"#2C8CD5",borderColor:"#2C8CD5",backgroundColor:"rgba(44, 140, 213, 0.1)"},className:"jsx-f88c3899cec04c33 inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold border",children:[(0,c.jsxs)("span",{style:{width:"10px",height:"10px"},className:"jsx-f88c3899cec04c33 relative flex h-2.5 w-2.5 mr-2 shrink-0",children:[(0,c.jsx)("span",{style:{backgroundColor:"#2C8CD5",width:"10px",height:"10px"},className:"jsx-f88c3899cec04c33 animate-ping absolute inline-flex h-full w-full rounded-full opacity-75"}),(0,c.jsx)("span",{style:{backgroundColor:"#2C8CD5",width:"10px",height:"10px"},className:"jsx-f88c3899cec04c33 relative inline-flex rounded-full h-2.5 w-2.5"})]}),r("liveTracking.statusActive")]}):(0,c.jsx)("span",{style:{color:"#DC3545",borderColor:"#DC3545",backgroundColor:"rgba(220, 53, 69, 0.1)"},className:"jsx-f88c3899cec04c33 inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold border",children:r("liveTracking.statusConcluded")})]}),(0,c.jsx)("p",{style:{fontSize:"16px",lineHeight:"1.0"},className:"jsx-f88c3899cec04c33 font-medium text-secondary-text tracking-normal mt-1",children:r("liveTracking.lastSeen",{time:O.toLocaleString()})})]}),(0,c.jsxs)("div",{className:"jsx-f88c3899cec04c33 grid grid-cols-1 lg:grid-cols-3 gap-8",children:[(0,c.jsx)("div",{className:"jsx-f88c3899cec04c33 lg:col-span-2",children:(0,c.jsx)("div",{style:{borderColor:"#555555",borderRadius:"8px"},className:"jsx-f88c3899cec04c33 bg-white border border-secondary-text rounded-md overflow-hidden shadow-sm live-tracker-map relative z-0",children:D&&H&&$?(0,c.jsxs)(j.W,{center:H,zoom:15,className:"h-full w-full",zoomControl:!0,children:[(0,c.jsx)(b.e,{attribution:'\xa9 <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',url:"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"}),d.length>1&&(0,c.jsx)(y.R,{positions:d.map(e=>[e.lat,e.lng]),color:"#4285F4",weight:5,opacity:.85}),q&&(0,c.jsx)(v.p,{position:[q.lat,q.lng],icon:$,children:(0,c.jsx)(k.z,{children:(0,c.jsxs)("div",{style:{maxWidth:"180px"},className:"jsx-f88c3899cec04c33 text-neutral-800 font-sans p-1 text-xs leading-relaxed",children:[(0,c.jsx)("strong",{className:"jsx-f88c3899cec04c33 text-sm block mb-1 text-emerald-700 font-bold",children:r("liveTracking.currentPosition")}),(0,c.jsxs)("div",{className:"jsx-f88c3899cec04c33 space-y-0.5 font-medium",children:[(0,c.jsx)("p",{className:"jsx-f88c3899cec04c33",children:r("liveTracking.accuracy",{value:q.accuracy.toFixed(1)})}),(0,c.jsx)("p",{className:"jsx-f88c3899cec04c33",children:r("liveTracking.recordedAt",{time:new Date(1e3*q.timestamp).toLocaleTimeString()})}),(0,c.jsxs)("p",{className:"jsx-f88c3899cec04c33 flex items-center gap-1 mt-1 font-semibold text-neutral-700",children:[(0,c.jsx)(N,{level:q.battery,className:"w-3.5 h-3.5",color:"#10B981"}),(0,c.jsx)("span",{className:"jsx-f88c3899cec04c33",children:r("liveTracking.batteryPercent",{value:q.battery})})]})]})]})})})]}):(0,c.jsx)("div",{className:"jsx-f88c3899cec04c33 flex h-full w-full items-center justify-center text-neutral-400 bg-neutral-50 text-sm font-semibold tracking-wide",children:r("liveTracking.waitingSignal")})})}),(0,c.jsxs)("div",{className:"jsx-f88c3899cec04c33 space-y-6",children:["active"!==S.status&&(0,c.jsxs)("div",{style:{borderColor:"#E0E0E0",borderRadius:"8px"},className:"jsx-f88c3899cec04c33 bg-white border border-borders-dividers rounded-md p-5 flex items-start space-x-3.5 shadow-sm",children:[(0,c.jsx)(x,{className:"w-6 h-6 shrink-0 mt-0.5",color:"#00640A"}),(0,c.jsxs)("div",{className:"jsx-f88c3899cec04c33 flex flex-col space-y-1",children:[(0,c.jsx)("h3",{style:{fontSize:"16px",lineHeight:"1.0"},className:"jsx-f88c3899cec04c33 font-semibold text-primary-text tracking-normal",children:r("liveTracking.sessionConcludedTitle")}),(0,c.jsx)("p",{style:{fontSize:"14px",lineHeight:"1.4"},className:"jsx-f88c3899cec04c33 text-secondary-text tracking-normal",children:r("liveTracking.sessionConcludedDescription")})]})]}),(0,c.jsxs)("div",{style:{borderColor:"#E0E0E0",borderRadius:"8px"},className:"jsx-f88c3899cec04c33 bg-white border border-borders-dividers rounded-md p-6 space-y-6",children:[(0,c.jsxs)("div",{style:{borderColor:"#E0E0E0"},className:"jsx-f88c3899cec04c33 flex items-center justify-between border-b border-borders-dividers pb-3",children:[(0,c.jsx)("h2",{style:{fontSize:"20px",lineHeight:"1.4"},className:"jsx-f88c3899cec04c33 font-semibold text-primary-text tracking-normal",children:r("liveTracking.progressMetrics")}),(0,c.jsxs)("div",{className:"jsx-f88c3899cec04c33 relative safety-popup-container",children:[(0,c.jsx)("button",{onMouseEnter:()=>{window.matchMedia("(hover: hover)").matches&&(_.current&&clearTimeout(_.current),I(!0))},onMouseLeave:()=>{window.matchMedia("(hover: hover)").matches&&(_.current=setTimeout(()=>{I(!1)},150))},onClick:e=>{window.matchMedia("(hover: hover)").matches||(e.stopPropagation(),I(!F))},style:{cursor:"pointer"},"aria-label":"Safety Storage Policy",className:"jsx-f88c3899cec04c33 hover:opacity-80 transition-opacity focus:outline-none cursor-pointer flex items-center justify-center",children:(0,c.jsx)(m,{className:"w-6 h-6",color:"#00640A"})}),F&&(0,c.jsxs)("div",{onMouseEnter:()=>{_.current&&clearTimeout(_.current)},onMouseLeave:()=>{window.matchMedia("(hover: hover)").matches&&I(!1)},style:{borderColor:"#E0E0E0",borderRadius:"8px",width:"320px"},className:"jsx-f88c3899cec04c33 absolute right-0 mt-2 bg-white border border-borders-dividers p-6 shadow-lg z-50 text-left",children:[(0,c.jsx)("h3",{style:{fontSize:"16px"},className:"jsx-f88c3899cec04c33 font-semibold text-primary-text leading-none tracking-normal mb-3",children:r("liveTracking.safetyPolicyTitle")}),(0,c.jsx)("p",{style:{fontSize:"14px",lineHeight:"1.4"},className:"jsx-f88c3899cec04c33 font-normal text-secondary-text tracking-normal",children:r("liveTracking.safetyPolicyDescription")})]})]})]}),(0,c.jsxs)("div",{className:"jsx-f88c3899cec04c33 flex items-start space-x-3",children:[(0,c.jsx)(h.A,{className:"w-6 h-6 shrink-0 mt-0.5",color:"#00640A"}),(0,c.jsxs)("div",{className:"jsx-f88c3899cec04c33 flex flex-col space-y-1",children:[(0,c.jsx)("span",{style:{fontSize:"16px"},className:"jsx-f88c3899cec04c33 font-semibold text-secondary-text uppercase leading-none tracking-normal",children:r("liveTracking.lastLocation")}),q?(0,c.jsxs)("a",{href:`https://www.google.com/maps?q=${q.lat},${q.lng}`,target:"_blank",rel:"noopener noreferrer",style:{fontSize:"16px",lineHeight:"1.6"},className:"jsx-f88c3899cec04c33 font-bold text-blue-600 hover:text-blue-800 tracking-normal inline-flex items-center gap-1.5",children:[(0,c.jsxs)("span",{className:"jsx-f88c3899cec04c33 underline",children:[q.lat.toFixed(6),", ",q.lng.toFixed(6)]}),(0,c.jsx)(f.A,{className:"w-4 h-4 shrink-0 text-blue-600"})]}):(0,c.jsx)("span",{style:{fontSize:"16px",lineHeight:"1.6"},className:"jsx-f88c3899cec04c33 font-bold text-primary-text tracking-normal",children:"N/A"})]})]}),(0,c.jsxs)("div",{className:"jsx-f88c3899cec04c33 flex items-start space-x-3",children:[(0,c.jsx)(p,{className:"w-6 h-6 shrink-0 mt-0.5",color:"#00640A"}),(0,c.jsxs)("div",{className:"jsx-f88c3899cec04c33 flex flex-col space-y-1",children:[(0,c.jsx)("span",{style:{fontSize:"16px"},className:"jsx-f88c3899cec04c33 font-semibold text-secondary-text uppercase leading-none tracking-normal",children:r("liveTracking.distanceHiked")}),(0,c.jsxs)("span",{style:{fontSize:"16px",lineHeight:"1.6"},className:"jsx-f88c3899cec04c33 font-bold text-primary-text tracking-normal",children:[B," Km"]})]})]}),(0,c.jsxs)("div",{className:"jsx-f88c3899cec04c33 flex items-start space-x-3",children:[(0,c.jsx)(u.A,{className:"w-6 h-6 shrink-0 mt-0.5",color:"#00640A"}),(0,c.jsxs)("div",{className:"jsx-f88c3899cec04c33 flex flex-col space-y-1",children:[(0,c.jsx)("span",{style:{fontSize:"16px"},className:"jsx-f88c3899cec04c33 font-semibold text-secondary-text uppercase leading-none tracking-normal",children:r("liveTracking.timeActive")}

3),(0,c.jsx)("span",{style:{fontSize:"16px",lineHeight:"1.6"},className:"jsx-f88c3899cec04c33 font-bold text-primary-text tracking-normal",children:W})]})]}),(0,c.jsxs)("div",{className:"jsx-f88c3899cec04c33 flex items-start space-x-3",children:[(0,c.jsx)(N,{level:V,className:"w-6 h-6 shrink-0 mt-0.5",color:"#00640A"}),(0,c.jsxs)("div",{className:"jsx-f88c3899cec04c33 flex flex-col space-y-1",children:[(0,c.jsx)("span",{style:{fontSize:"16px"},className:"jsx-f88c3899cec04c33 font-semibold text-secondary-text uppercase leading-none tracking-normal",children:r("liveTracking.hikerBattery")}),(0,c.jsxs)("span",{style:{fontSize:"16px",lineHeight:"1.6"},className:"jsx-f88c3899cec04c33 font-bold text-primary-text tracking-normal",children:[V,"%"]})]})]}),(0,c.jsxs)("div",{className:"jsx-f88c3899cec04c33 flex items-start space-x-3",children:[(0,c.jsx)(g.A,{className:"w-6 h-6 shrink-0 mt-0.5",color:"#00640A"}),(0,c.jsxs)("div",{className:"jsx-f88c3899cec04c33 flex flex-col space-y-1",children:[(0,c.jsx)("span",{style:{fontSize:"16px"},className:"jsx-f88c3899cec04c33 font-semibold text-secondary-text uppercase leading-none tracking-normal",children:r("liveTracking.lastSyncTime")}),(0,c.jsx)("span",{style:{fontSize:"16px",lineHeight:"1.6"},className:"jsx-f88c3899cec04c33 font-bold text-primary-text tracking-normal",children:O.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})})]})]})]})]})]}),(0,c.jsx)(a(),{id:"f88c3899cec04c33",children:".live-tracker-map{height:40dvh}@media(min-width:1024px){.live-tracker-map{height:calc(100vh - 280px);min-height:450px}}.custom-hiker-marker{background:transparent!important;border:none!important}.leaflet-container{background-color:#f3f4f6!important}.leaflet-bar{border:1px solid rgba(0,0,0,.15)!important;box-shadow:0 4px 6px -1px rgb(0 0 0/.05)!important;border-radius:8px!important;overflow:hidden}.leaflet-bar a{background-color:#fff!important;color:#374151!important;border:none!important;transition:background-color 150ms}.leaflet-bar a:hover{background-color:#f3f4f6!important}.leaflet-popup-content-wrapper{background:rgba(255,255,255,.98)!important;backdrop-filter:blur(8px)!important;border-radius:12px!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 10px 15px -3px rgb(0 0 0/.1)!important}.leaflet-popup-tip{background:#fff!important}"})]})}},78340:(e,t,s)=>{s.d(t,{A:()=>i});var c=s(12115);let r=(...e)=>e.filter((e,t,s)=>!!e&&s.indexOf(e)===t).join(" ");var a={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};let l=(0,c.forwardRef)(({color:e="currentColor",size:t=24,strokeWidth:s=2,absoluteStrokeWidth:l,className:i="",children:n,iconNode:o,...d},x)=>(0,c.createElement)("svg",{ref:x,...a,width:t,height:t,stroke:e,strokeWidth:l?24*Number(s)/Number(t):s,className:r("lucide",i),...d},[...o.map(([e,t])=>(0,c.createElement)(e,t)),...Array.isArray(n)?n:[n]])),i=(e,t)=>{let s=(0,c.forwardRef)(({className:s,...a},i)=>(0,c.createElement)(l,{ref:i,iconNode:t,className:r(`lucide-${e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,s),...a}));return s.displayName=`${e}`,s}},84980:(e,t,s)=>{s.d(t,{A:()=>c});let c=(0,s(78340).A)("Clock",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["polyline",{points:"12 6 12 12 16 14",key:"68esgv"}]])}}]);