8c:I[903690,["/chat-static/_next/static/immutable/chunks/2yy563704owg5.js","/chat-static/_next/static/immutable/chunks/29ydngev9m3fy.js","/chat-static/_next/static/immutable/chunks/288tyemx96rvt.js","/chat-static/_next/static/immutable/chunks/1k4mzxl_vkpeo.js","/chat-static/_next/static/immutable/chunks/05ziczzmpg4l8.js","/chat-static/_next/static/immutable/chunks/06l8mr_zo_pdk.js","/chat-static/_next/static/immutable/chunks/3andy-ypw7v3e.js","/chat-static/_next/static/immutable/chunks/3i0ofkmfv-4g2.js","/chat-static/_next/static/immutable/chunks/19iyd8wey_a5u.js","/chat-static/_next/static/immutable/chunks/36mcxef_dju-o.js","/chat-static/_next/static/immutable/chunks/22oy-kw0t_wik.js","/chat-static/_next/static/immutable/chunks/3_-w_ojx3ellg.js","/chat-static/_next/static/immutable/chunks/3__zsxyhzg0xw.js","/chat-static/_next/static/immutable/chunks/3p3trwcegfkeh.js","/chat-static/_next/static/immutable/chunks/1o3uedpb5nwwe.js","/chat-static/_next/static/immutable/chunks/3hykr3pi3-n67.js","/chat-static/_next/static/immutable/chunks/3w1zcr9c32026.js","/chat-static/_next/static/immutable/chunks/27vgv1738ibr-.js","/chat-static/_next/static/immutable/chunks/3_y066xfe1cmo.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/1sqsw1l_zcj52.js","/chat-static/_next/static/immutable/chunks/2tw1xt9xg6z5w.js","/chat-static/_next/static/immutable/chunks/3tktci1_fvshx.js","/chat-static/_next/static/immutable/chunks/0r1hc1jjtp8ni.js","/chat-static/_next/static/immutable/chunks/39b6kb95iib19.js","/chat-static/_next/static/immutable/chunks/3nyxpho2kbzkk.js","/chat-static/_next/static/immutable/chunks/39eb2kmpdon1l.js","/chat-static/_next/static/immutable/chunks/15j2l9ysttyad.js","/chat-static/_next/static/immutable/chunks/2ww7oozza38t6.js","/chat-static/_next/static/immutable/chunks/0vmwm1j0c62ij.js","/chat-static/_next/static/immutable/chunks/3g0wpxfxxa0d4.js","/chat-static/_next/static/immutable/chunks/0lnb4vs21-a5s.js","/chat-static/_next/static/immutable/chunks/0sium3i1pl5dr.js","/chat-static/_next/static/immutable/chunks/2ikegn6lkshq2.js","/chat-static/_next/static/immutable/chunks/0ea-o8jcr8uny.js","/chat-static/_next/static/immutable/chunks/2zxw1g02stm8-.js","/chat-static/_next/static/immutable/chunks/1wrkmwn5mlljg.js","/chat-static/_next/static/immutable/chunks/2g1nme8al6bic.js"],"ExplicitChatIdProvider"] 8d:I[838238,["/chat-static/_next/static/immutable/chunks/2yy563704owg5.js","/chat-static/_next/static/immutable/chunks/29ydngev9m3fy.js","/chat-static/_next/static/immutable/chunks/288tyemx96rvt.js","/chat-static/_next/static/immutable/chunks/1k4mzxl_vkpeo.js","/chat-static/_next/static/immutable/chunks/05ziczzmpg4l8.js","/chat-static/_next/static/immutable/chunks/06l8mr_zo_pdk.js","/chat-static/_next/static/immutable/chunks/3andy-ypw7v3e.js","/chat-static/_next/static/immutable/chunks/3i0ofkmfv-4g2.js","/chat-static/_next/static/immutable/chunks/19iyd8wey_a5u.js","/chat-static/_next/static/immutable/chunks/36mcxef_dju-o.js","/chat-static/_next/static/immutable/chunks/22oy-kw0t_wik.js","/chat-static/_next/static/immutable/chunks/3_-w_ojx3ellg.js","/chat-static/_next/static/immutable/chunks/3__zsxyhzg0xw.js","/chat-static/_next/static/immutable/chunks/3p3trwcegfkeh.js","/chat-static/_next/static/immutable/chunks/1o3uedpb5nwwe.js","/chat-static/_next/static/immutable/chunks/3hykr3pi3-n67.js","/chat-static/_next/static/immutable/chunks/3w1zcr9c32026.js","/chat-static/_next/static/immutable/chunks/27vgv1738ibr-.js","/chat-static/_next/static/immutable/chunks/3_y066xfe1cmo.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/1sqsw1l_zcj52.js","/chat-static/_next/static/immutable/chunks/2tw1xt9xg6z5w.js","/chat-static/_next/static/immutable/chunks/3tktci1_fvshx.js","/chat-static/_next/static/immutable/chunks/0r1hc1jjtp8ni.js","/chat-static/_next/static/immutable/chunks/39b6kb95iib19.js","/chat-static/_next/static/immutable/chunks/3nyxpho2kbzkk.js","/chat-static/_next/static/immutable/chunks/39eb2kmpdon1l.js","/chat-static/_next/static/immutable/chunks/15j2l9ysttyad.js","/chat-static/_next/static/immutable/chunks/2ww7oozza38t6.js","/chat-static/_next/static/immutable/chunks/0vmwm1j0c62ij.js","/chat-static/_next/static/immutable/chunks/3g0wpxfxxa0d4.js","/chat-static/_next/static/immutable/chunks/0lnb4vs21-a5s.js","/chat-static/_next/static/immutable/chunks/0sium3i1pl5dr.js","/chat-static/_next/static/immutable/chunks/2ikegn6lkshq2.js","/chat-static/_next/static/immutable/chunks/0ea-o8jcr8uny.js","/chat-static/_next/static/immutable/chunks/2zxw1g02stm8-.js","/chat-static/_next/static/immutable/chunks/1wrkmwn5mlljg.js","/chat-static/_next/static/immutable/chunks/2g1nme8al6bic.js"],"SWRDataProvider"] 8e:T11837,[V0_FILE]css:file="app/globals.css" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); /* Christmas Santa Tracker Theme - Dark & Warm */ :root { --background: oklch(0.13 0.01 250); --foreground: oklch(0.98 0.01 90); --card: oklch(0.18 0.01 250); --card-foreground: oklch(0.98 0.01 90); --popover: oklch(0.16 0.01 250); --popover-foreground: oklch(0.98 0.01 90); --primary: oklch(0.78 0.15 85); --primary-foreground: oklch(0.15 0.01 250); --secondary: oklch(0.25 0.02 250); --secondary-foreground: oklch(0.95 0.01 90); --muted: oklch(0.22 0.01 250); --muted-foreground: oklch(0.65 0.02 90); --accent: oklch(0.6 0.2 25); --accent-foreground: oklch(0.98 0.01 90); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.28 0.02 250); --input: oklch(0.25 0.01 250); --ring: oklch(0.78 0.15 85); --chart-1: oklch(0.78 0.15 85); --chart-2: oklch(0.6 0.2 25); --chart-3: oklch(0.55 0.15 150); --chart-4: oklch(0.7 0.12 200); --chart-5: oklch(0.65 0.18 320); --radius: 0.75rem; --sidebar: oklch(0.15 0.01 250); --sidebar-foreground: oklch(0.98 0.01 90); --sidebar-primary: oklch(0.78 0.15 85); --sidebar-primary-foreground: oklch(0.15 0.01 250); --sidebar-accent: oklch(0.25 0.02 250); --sidebar-accent-foreground: oklch(0.98 0.01 90); --sidebar-border: oklch(0.28 0.02 250); --sidebar-ring: oklch(0.78 0.15 85); } @theme inline { --font-sans: "Geist", "Geist Fallback"; --font-mono: "Geist Mono", "Geist Mono Fallback"; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } /* Snowfall animation */ @keyframes snowfall { 0% { transform: translateY(-10vh) translateX(0); opacity: 1; } 100% { transform: translateY(110vh) translateX(20px); opacity: 0.3; } } @keyframes pulse-glow { 0%, 100% { box-shadow: 0 0 20px rgba(234, 179, 8, 0.3); } 50% { box-shadow: 0 0 40px rgba(234, 179, 8, 0.6); } } .animate-pulse-glow { animation: pulse-glow 2s ease-in-out infinite; } /* Leaflet overrides for dark theme */ .leaflet-container { background: oklch(0.13 0.01 250) !important; } .leaflet-control-zoom a { background: oklch(0.18 0.01 250) !important; color: oklch(0.98 0.01 90) !important; border-color: oklch(0.28 0.02 250) !important; } .leaflet-control-zoom a:hover { background: oklch(0.25 0.02 250) !important; } .leaflet-control-attribution { background: oklch(0.18 0.01 250 / 0.8) !important; color: oklch(0.65 0.02 90) !important; } .leaflet-control-attribution a { color: oklch(0.78 0.15 85) !important; } [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Geist, Geist_Mono } from "next/font/google" import { Analytics } from "@vercel/analytics/next" import "./globals.css" const _geist = Geist({ subsets: ["latin"] }) const _geistMono = Geist_Mono({ subsets: ["latin"] }) export const metadata: Metadata = { title: "Santa Tracker 🎅 | Sigue a Papá Noel en Tiempo Real", description: "Sigue el viaje de Santa Claus alrededor del mundo en Nochebuena. Ve el progreso de la fábrica de juguetes y rastrea su trineo en tiempo real.", generator: "v0.app", icons: { icon: [ { url: "/icon-light-32x32.png", media: "(prefers-color-scheme: light)", }, { url: "/icon-dark-32x32.png", media: "(prefers-color-scheme: dark)", }, { url: "/icon.svg", type: "image/svg+xml", }, ], apple: "/apple-icon.png", }, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" import SantaTracker from "@/components/santa-tracker" export default function Home() { return } [V0_FILE]typescriptreact:file="components/snowfall.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" interface Snowflake { id: number left: number animationDuration: number animationDelay: number size: number opacity: number } export function Snowfall() { const [snowflakes, setSnowflakes] = useState([]) useEffect(() => { const flakes: Snowflake[] = Array.from({ length: 50 }, (_, i) => ({ id: i, left: Math.random() * 100, animationDuration: 10 + Math.random() * 20, animationDelay: Math.random() * 10, size: 2 + Math.random() * 4, opacity: 0.3 + Math.random() * 0.7, })) setSnowflakes(flakes) }, []) return (

{snowflakes.map((flake) => (

))}

) } [V0_FILE]typescriptreact:file="components/factory-progress.tsx" isMerged="true" "use client" import type React from "react" import { useEffect, useState } from "react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Progress } from "@/components/ui/progress" import { Gift, Hammer, Package, Sparkles, Users } from "lucide-react" interface FactoryProgressProps { currentTime: Date } export function FactoryProgress({ currentTime }: FactoryProgressProps) { const [stats, setStats] = useState({ toysCompleted: 0, wrappingProgress: 0, elvesWorking: 0, sleighReady: 0, }) useEffect(() => { // Calculate progress based on current date const year = currentTime.getFullYear() const startDate = new Date(year, 10, 1) // Nov 1 const endDate = new Date(year, 11, 24, 18, 0, 0) // Dec 24 6PM const totalDuration = endDate.getTime() - startDate.getTime() const elapsed = currentTime.getTime() - startDate.getTime() const progressPercent = Math.min(100, Math.max(0, (elapsed / totalDuration) * 100)) // Add some randomness for realism const variation = Math.sin(currentTime.getSeconds() * 0.1) * 2 setStats({ toysCompleted: Math.min(100, progressPercent + variation), wrappingProgress: Math.min(100, progressPercent * 0.95 + variation), elvesWorking: Math.floor(8500 + Math.random() * 500), sleighReady: Math.min(100, progressPercent * 0.9), }) }, [currentTime]) return ( 🏭 Fábrica de Juguetes

Polo Norte · Actualización en vivo

} label="Juguetes fabricados" value={stats.toysCompleted} color="bg-primary" /> } label="Regalos envueltos" value={stats.wrappingProgress} color="bg-accent" /> } label="Trineo cargado" value={stats.sleighReady} color="bg-green-500" />

Elfos trabajando

{stats.elvesWorking.toLocaleString()}

Magia navideña: Nivel máximo

) } function ProgressItem({ icon, label, value, color, }: { icon: React.ReactNode label: string value: number color: string }) { return (

{icon} {label}

{value.toFixed(1)}%

) } [V0_FILE]typescriptreact:file="components/santa-stats.tsx" isMerged="true" "use client" import type React from "react" import { useEffect, useState } from "react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Gift, Globe, MapPin, Plane, Timer, Zap } from "lucide-react" interface SantaStatsProps { currentTime: Date } interface SantaLocation { city: string country: string lat: number lng: number timezone: number giftsDelivered: number } const DELIVERY_ROUTE: SantaLocation[] = [ { city: "Kiritimati", country: "Kiribati", lat: 1.87, lng: -157.43, timezone: 14, giftsDelivered: 50000 }, { city: "Auckland", country: "Nueva Zelanda", lat: -36.85, lng: 174.76, timezone: 13, giftsDelivered: 1500000 }, { city: "Sídney", country: "Australia", lat: -33.87, lng: 151.21, timezone: 11, giftsDelivered: 5000000 }, { city: "Tokio", country: "Japón", lat: 35.68, lng: 139.69, timezone: 9, giftsDelivered: 125000000 }, { city: "Pekín", country: "China", lat: 39.9, lng: 116.4, timezone: 8, giftsDelivered: 400000000 }, { city: "Bangkok", country: "Tailandia", lat: 13.75, lng: 100.5, timezone: 7, giftsDelivered: 500000000 }, { city: "Nueva Delhi", country: "India", lat: 28.61, lng: 77.21, timezone: 5.5, giftsDelivered: 900000000 }, { city: "Dubái", country: "EAU", lat: 25.2, lng: 55.27, timezone: 4, giftsDelivered: 950000000 }, { city: "Moscú", country: "Rusia", lat: 55.75, lng: 37.62, timezone: 3, giftsDelivered: 1100000000 }, { city: "París", country: "Francia", lat: 48.85, lng: 2.35, timezone: 1, giftsDelivered: 1400000000 }, { city: "Londres", country: "Reino Unido", lat: 51.51, lng: -0.13, timezone: 0, giftsDelivered: 1500000000 }, { city: "São Paulo", country: "Brasil", lat: -23.55, lng: -46.63, timezone: -3, giftsDelivered: 1800000000 }, { city: "Nueva York", country: "EE.UU.", lat: 40.71, lng: -74.01, timezone: -5, giftsDelivered: 2200000000 }, { city: "Los Ángeles", country: "EE.UU.", lat: 34.05, lng: -118.24, timezone: -8, giftsDelivered: 2400000000 }, { city: "Honolulu", country: "Hawái", lat: 21.31, lng: -157.86, timezone: -10, giftsDelivered: 2450000000 }, ] export function SantaStats({ currentTime }: SantaStatsProps) { const [currentLocation, setCurrentLocation] = useState(DELIVERY_ROUTE[0]) const [nextLocation, setNextLocation] = useState(DELIVERY_ROUTE[1]) const [speed, setSpeed] = useState(0) const [altitude, setAltitude] = useState(0) useEffect(() => { // Calculate Santa's position based on UTC time const utcHours = currentTime.getUTCHours() + currentTime.getUTCMinutes() / 60 // Santa starts at timezone +14 (Kiritimati) at midnight and travels west // He needs to hit each timezone as it becomes midnight const santaTimezone = 14 - utcHours // Find current and next location let current = DELIVERY_ROUTE[0] let next = DELIVERY_ROUTE[1] for (let i = 0; i < DELIVERY_ROUTE.length - 1; i++) { if (DELIVERY_ROUTE[i].timezone >= santaTimezone && DELIVERY_ROUTE[i + 1].timezone < santaTimezone) { current = DELIVERY_ROUTE[i] next = DELIVERY_ROUTE[i + 1] break } } setCurrentLocation(current) setNextLocation(next) // Simulate speed and altitude with variation setSpeed(Math.floor(3000 + Math.random() * 500)) setAltitude(Math.floor(10000 + Math.random() * 2000)) }, [currentTime]) return ( 🛷 Estado del Viaje

Rastreo en tiempo real

Ubicación actual

{currentLocation.city}

{currentLocation.country}

Próxima parada

{nextLocation.city}

{nextLocation.country}

} label="Velocidad" value={`${speed.toLocaleString()} km/h`} /> } label="Altitud" value={`${altitude.toLocaleString()} m`} />

Regalos entregados

{currentLocation.giftsDelivered.toLocaleString()}

Actualizado hace {currentTime.getSeconds()}s

) } function StatItem({ icon, label, value }: { icon: React.ReactNode; label: string; value: string }) { return (

{icon} {label}

{value}

) } [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "16.0.10", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^1.1.2", "zod": "3.25.76", "react-leaflet": "5.0.0", "leaflet": "1.9.4", "react-simple-maps": "3.0.0" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescriptreact:file="components/ui/progress.tsx" isEdit="true" isMerged="true" "use client" import type * as React from "react" import * as ProgressPrimitive from "@radix-ui/react-progress" import { cn } from "@/lib/utils" function Progress({ className, value, indicatorClassName, ...props }: React.ComponentProps & { indicatorClassName?: string }) { return ( ) } export { Progress } [V0_FILE]typescriptreact:file="components/countdown-timer.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useEffect, useState } from "react" import { Clock, Calendar } from "lucide-react" interface CountdownTimerProps { currentTime: Date santaStarted: boolean } export function CountdownTimer({ currentTime, santaStarted }: CountdownTimerProps) { const [timeLeft, setTimeLeft] = useState({ days: 0, hours: 0, minutes: 0, seconds: 0 }) const formattedDate = currentTime.toLocaleDateString("es-ES", { weekday: "long", day: "numeric", month: "long", year: "numeric", }) useEffect(() => { const year = currentTime.getFullYear() // Target: Dec 24 at 6 PM local time const christmasEve = new Date(year, 11, 24, 18, 0, 0) if (currentTime > christmasEve) { // If we're past this year's Christmas Eve, target next year christmasEve.setFullYear(year + 1) } const diff = christmasEve.getTime() - currentTime.getTime() if (diff > 0) { const days = Math.floor(diff / (1000 * 60 * 60 * 24)) const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)) const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60)) const seconds = Math.floor((diff % (1000 * 60)) / 1000) setTimeLeft({ days, hours, minutes, seconds }) } }, [currentTime]) if (santaStarted) { return (

{formattedDate}

¡SANTA EN VUELO!

) } return (

{formattedDate}

: : :

Para el despegue de Santa

) } function TimeUnit({ value, label }: { value: number; label: string }) { return (

{value.toString().padStart(2, "0")} {label}

) } [V0_FILE]typescriptreact:file="components/city-search.tsx" isMerged="true" "use client" import { useState, useRef, useEffect } from "react" import { Search, MapPin, Clock, X } from "lucide-react" interface City { city: string lat: number lng: number country: string timezone: string } interface CitySearchProps { cities: City[] onCitySelect: (city: City) => void onClose: () => void } function getArrivalTime(timezone: string): { time: string; hoursUntil: number } { const now = new Date() const christmasEve = new Date(now.getFullYear(), 11, 24, 18, 0, 0) if (now > christmasEve) { christmasEve.setFullYear(christmasEve.getFullYear() + 1) } const offset = timezone.replace("UTC", "") let offsetHours = 0 if (offset.includes(":")) { const [h] = offset.split(":") offsetHours = Number.parseInt(h) } else if (offset) { offsetHours = Number.parseInt(offset) } const baseHour = 18 let arrivalHour = baseHour - offsetHours + 14 if (arrivalHour < 0) arrivalHour += 24 if (arrivalHour >= 24) arrivalHour -= 24 const arrivalDate = new Date(christmasEve) arrivalDate.setHours(arrivalHour, Math.floor(Math.random() * 59), 0) const hoursUntil = Math.max(0, Math.floor((arrivalDate.getTime() - now.getTime()) / (1000 * 60 * 60))) return { time: `${arrivalHour.toString().padStart(2, "0")}:${Math.floor(Math.random() * 59) .toString() .padStart(2, "0")}`, hoursUntil, } } export function CitySearch({ cities, onCitySelect, onClose }: CitySearchProps) { const [query, setQuery] = useState("") const [selectedResult, setSelectedResult] = useState(null) const inputRef = useRef(null) useEffect(() => { inputRef.current?.focus() }, []) const filteredCities = query.length > 1 ? cities .filter( (city) => city.city.toLowerCase().includes(query.toLowerCase()) || city.country.toLowerCase().includes(query.toLowerCase()), ) .slice(0, 6) : [] const handleSelect = (city: City) => { setSelectedResult(city) setQuery(city.city) } const arrival = selectedResult ? getArrivalTime(selectedResult.timezone) : null return (

{ setQuery(e.target.value) setSelectedResult(null) }} placeholder="Buscar tu ciudad..." className="flex-1 bg-transparent text-foreground placeholder:text-muted-foreground text-sm focus:outline-none" />

{filteredCities.length > 0 && !selectedResult && (

{filteredCities.map((city) => ( ))}

)} {selectedResult && arrival && (

🎄

{selectedResult.city}

{selectedResult.country}

Santa llega aprox: {arrival.time} hrs

Faltan: {arrival.hoursUntil > 24 ? `${Math.floor(arrival.hoursUntil / 24)}d ${arrival.hoursUntil % 24}h` : `${arrival.hoursUntil} horas`}

)} {query.length > 1 && filteredCities.length === 0 && !selectedResult && (

No encontramos "{query}". Prueba otra ciudad.

)}

) } [V0_FILE]typescriptreact:file="components/simulation-controls.tsx" isMerged="true" "use client" import { Play, Pause, RotateCcw, FastForward } from "lucide-react" interface SimulationControlsProps { isSimulating: boolean onToggleSimulation: () => void onReset: () => void simulationSpeed: number onSpeedChange: (speed: number) => void currentCityIndex: number totalCities: number } export function SimulationControls({ isSimulating, onToggleSimulation, onReset, simulationSpeed, onSpeedChange, currentCityIndex, totalCities, }: SimulationControlsProps) { const progress = (currentCityIndex / (totalCities - 1)) * 100 return (

Simulacion del Recorrido

Ciudad {currentCityIndex + 1} de {totalCities}

) } [V0_FILE]typescriptreact:file="components/nearby-alert.tsx" isMerged="true" "use client" import { useState, useEffect } from "react" import { Bell, X, Loader2 } from "lucide-react" interface City { city: string lat: number lng: number country: string timezone: string } interface NearbyAlertProps { cities: City[] onCityFound: (city: City) => void onClose: () => void } function calculateDistance(lat1: number, lon1: number, lat2: number, lon2: number): number { const R = 6371 const dLat = ((lat2 - lat1) * Math.PI) / 180 const dLon = ((lon2 - lon1) * Math.PI) / 180 const a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.cos((lat1 * Math.PI) / 180) * Math.cos((lat2 * Math.PI) / 180) * Math.sin(dLon / 2) * Math.sin(dLon / 2) const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)) return R * c } export function NearbyAlert({ cities, onCityFound, onClose }: NearbyAlertProps) { const [status, setStatus] = useState<"idle" | "loading" | "success" | "error">("idle") const [nearestCity, setNearestCity] = useState(null) const [distance, setDistance] = useState(0) const [userLocation, setUserLocation] = useState<{ lat: number; lng: number } | null>(null) const findNearestCity = () => { setStatus("loading") if (!navigator.geolocation) { setStatus("error") return } navigator.geolocation.getCurrentPosition( (position) => { const { latitude, longitude } = position.coords setUserLocation({ lat: latitude, lng: longitude }) let nearest: City | null = null let minDistance = Number.POSITIVE_INFINITY cities.forEach((city) => { const dist = calculateDistance(latitude, longitude, city.lat, city.lng) if (dist < minDistance) { minDistance = dist nearest = city } }) if (nearest) { setNearestCity(nearest) setDistance(Math.round(minDistance)) setStatus("success") } }, () => { setStatus("error") }, ) } useEffect(() => { findNearestCity() }, []) return (

Santa cerca de ti

{status === "loading" && (

Buscando tu ubicacion...

)} {status === "error" && (

No pudimos acceder a tu ubicacion. Permite el acceso en tu navegador.

)} {status === "success" && nearestCity && (

📍

Tu zona

Ubicacion detectada

Parada mas cercana: {nearestCity.city}

Distancia: {distance.toLocaleString()} km

Pais: {nearestCity.country}

🎅

Santa pasara por {nearestCity.city} en Nochebuena

)}

) } [V0_FILE]typescriptreact:file="components/santa-tracker.tsx" isEdit="true" isMerged="true" "use client" import { useState, useEffect } from "react" import dynamic from "next/dynamic" import { Snowfall } from "./snowfall" import { FactoryProgress } from "./factory-progress" import { SantaStats } from "./santa-stats" import { CountdownTimer } from "./countdown-timer" import { CitySearch } from "./city-search" import { SimulationControls } from "./simulation-controls" import { NearbyAlert } from "./nearby-alert" import { Gift, MapPin, Sparkles, Search, Play, Navigation } from "lucide-react" export const DELIVERY_ROUTE = [ { city: "Polo Norte", lat: 85, lng: 0, country: "Artico", timezone: "UTC+0" }, { city: "Kiritimati", lat: 1.87, lng: -157.43, country: "Kiribati", timezone: "UTC+14" }, { city: "Auckland", lat: -36.85, lng: 174.76, country: "Nueva Zelanda", timezone: "UTC+13" }, { city: "Sidney", lat: -33.87, lng: 151.21, country: "Australia", timezone: "UTC+11" }, { city: "Tokio", lat: 35.68, lng: 139.69, country: "Japon", timezone: "UTC+9" }, { city: "Pekin", lat: 39.9, lng: 116.4, country: "China", timezone: "UTC+8" }, { city: "Bangkok", lat: 13.75, lng: 100.5, country: "Tailandia", timezone: "UTC+7" }, { city: "Nueva Delhi", lat: 28.61, lng: 77.21, country: "India", timezone: "UTC+5:30" }, { city: "Dubai", lat: 25.2, lng: 55.27, country: "EAU", timezone: "UTC+4" }, { city: "Moscu", lat: 55.75, lng: 37.62, country: "Rusia", timezone: "UTC+3" }, { city: "Estambul", lat: 41.01, lng: 28.97, country: "Turquia", timezone: "UTC+3" }, { city: "El Cairo", lat: 30.04, lng: 31.24, country: "Egipto", timezone: "UTC+2" }, { city: "Madrid", lat: 40.42, lng: -3.7, country: "Espana", timezone: "UTC+1" }, { city: "Paris", lat: 48.85, lng: 2.35, country: "Francia", timezone: "UTC+1" }, { city: "Londres", lat: 51.51, lng: -0.13, country: "Reino Unido", timezone: "UTC+0" }, { city: "Lagos", lat: 6.52, lng: 3.38, country: "Nigeria", timezone: "UTC+1" }, { city: "Sao Paulo", lat: -23.55, lng: -46.63, country: "Brasil", timezone: "UTC-3" }, { city: "Buenos Aires", lat: -34.6, lng: -58.38, country: "Argentina", timezone: "UTC-3" }, { city: "Nueva York", lat: 40.71, lng: -74.01, country: "EE.UU.", timezone: "UTC-5" }, { city: "Ciudad de Mexico", lat: 19.43, lng: -99.13, country: "Mexico", timezone: "UTC-6" }, { city: "Los Angeles", lat: 34.05, lng: -118.24, country: "EE.UU.", timezone: "UTC-8" }, { city: "Honolulu", lat: 21.31, lng: -157.86, country: "EE.UU.", timezone: "UTC-10" }, ] const SantaMap = dynamic(() => import("./santa-map"), { ssr: false, loading: () => (

Cargando mapa magico...

), }) export default function SantaTracker() { const [currentTime, setCurrentTime] = useState(new Date()) const [isChristmasEve, setIsChristmasEve] = useState(false) const [santaStarted, setSantaStarted] = useState(false) const [showSearch, setShowSearch] = useState(false) const [showNearby, setShowNearby] = useState(false) const [isSimulating, setIsSimulating] = useState(false) const [simulationSpeed, setSimulationSpeed] = useState(1) const [simulationIndex, setSimulationIndex] = useState(0) const [selectedCity, setSelectedCity] = useState<(typeof DELIVERY_ROUTE)[0] | null>(null) useEffect(() => { const timer = setInterval(() => { const now = new Date() setCurrentTime(now) const month = now.getMonth() const day = now.getDate() const hours = now.getHours() const isEve = month === 11 && day === 24 const started = isEve && hours >= 18 setIsChristmasEve(isEve) setSantaStarted(started || (month === 11 && day === 25 && hours < 6)) }, 1000) return () => clearInterval(timer) }, []) useEffect(() => { if (!isSimulating) return const interval = setInterval(() => { setSimulationIndex((prev) => { if (prev >= DELIVERY_ROUTE.length - 1) { setIsSimulating(false) return prev } return prev + 1 }) }, 2000 / simulationSpeed) return () => clearInterval(interval) }, [isSimulating, simulationSpeed]) const handleCitySelect = (city: (typeof DELIVERY_ROUTE)[0]) => { setSelectedCity(city) } const resetSimulation = () => { setSimulationIndex(0) setIsSimulating(false) } return (

🎅

Santa Tracker

{isSimulating ? "Simulacion en curso" : santaStarted ? "En vivo - Siguiendo a Santa" : "Polo Norte - Fabrica de Juguetes"}

{showSearch && ( setShowSearch(false)} /> )} {showNearby && ( setShowNearby(false)} /> )}

{isSimulating && ( setIsSimulating(!isSimulating)} onReset={resetSimulation} simulationSpeed={simulationSpeed} onSpeedChange={setSimulationSpeed} currentCityIndex={simulationIndex} totalCities={DELIVERY_ROUTE.length} /> )} {!isSimulating && (santaStarted ? : )}

{/* Bottom info bar */}

{isSimulating ? "Modo simulacion" : santaStarted ? "Santa en vuelo" : "Preparando trineo"}

{isSimulating ? DELIVERY_ROUTE[simulationIndex]?.city : santaStarted ? "Repartiendo regalos" : "Polo Norte"}

{santaStarted ? "2.4B entregados" : "7.8B listos"}

Magia activa

) } [V0_FILE]typescriptreact:file="components/santa-map.tsx" isEdit="true" isQuickEdit="true" "use client" import { useState, useEffect, useRef, memo } from "react" import { ComposableMap, Geographies, Geography, Marker, Line, ZoomableGroup } from "react-simple-maps" interface SantaMapProps { santaStarted: boolean currentTime: Date simulationMode?: boolean simulationIndex?: number } const DELIVERY_ROUTE = [ { city: "Polo Norte", lat: 85, lng: 0, country: "Artico", children: 0, timezone: "UTC+0", tradition: "Aqui es donde todo comienza. Los elfos trabajan todo el ano.", }, { city: "Kiritimati", lat: 1.87, lng: -157.43, country: "Kiribati", children: 2100, timezone: "UTC+14", tradition: "Primera parada de Santa. Celebran en la playa.", }, { city: "Auckland", lat: -36.85, lng: 174.76, country: "Nueva Zelanda", children: 380000, timezone: "UTC+13", tradition: "Navidad en verano. BBQ y playa son tradicion.", }, { city: "Sidney", lat: -33.87, lng: 151.21, country: "Australia", children: 1200000, timezone: "UTC+11", tradition: "Carols by Candlelight en el Domain Park.", }, { city: "Tokio", lat: 35.68, lng: 139.69, country: "Japon", children: 2800000, timezone: "UTC+9", tradition: "KFC para cenar en Nochebuena es tradicion!", }, { city: "Pekin", lat: 39.9, lng: 116.4, country: "China", children: 3500000, timezone: "UTC+8", tradition: "Decoran con papel rojo y manzanas de la paz.", }, { city: "Bangkok", lat: 13.75, lng: 100.5, country: "Tailandia", children: 1800000, timezone: "UTC+7", tradition: "Celebran con mercados nocturnos festivos.", }, { city: "Nueva Delhi", lat: 28.61, lng: 77.21, country: "India", children: 4200000, timezone: "UTC+5:30", tradition: "Decoran arboles de mango y banana.", }, { city: "Dubai", lat: 25.2, lng: 55.27, country: "EAU", children: 420000, timezone: "UTC+4", tradition: "Nieve artificial y arboles gigantes en los malls.", }, { city: "Moscu", lat: 55.75, lng: 37.62, country: "Rusia", children: 2100000, timezone: "UTC+3", tradition: "Ded Moroz (Abuelo Frio) trae regalos el 31.", }, { city: "Estambul", lat: 41.01, lng: 28.97, country: "Turquia", children: 3200000, timezone: "UTC+3", tradition: "Noel Baba visita con dulces tradicionales.", }, { city: "El Cairo", lat: 30.04, lng: 31.24, country: "Egipto", children: 2800000, timezone: "UTC+2", tradition: "Los coptos celebran el 7 de enero.", }, { city: "Madrid", lat: 40.42, lng: -3.7, country: "Espana", children: 980000, timezone: "UTC+1", tradition: "Los Reyes Magos son la tradicion principal.", }, { city: "Paris", lat: 48.85, lng: 2.35, country: "Francia", children: 2400000, timezone: "UTC+1", tradition: "Pere Noel deja regalos en los zapatos.", }, { city: "Londres", lat: 51.51, lng: -0.13, country: "Reino Unido", children: 1900000, timezone: "UTC+0", tradition: "Christmas crackers y pudding son esenciales.", }, { city: "Lagos", lat: 6.52, lng: 3.38, country: "Nigeria", children: 4500000, timezone: "UTC+1", tradition: "Jollof rice y fuegos artificiales.", }, { city: "Sao Paulo", lat: -23.55, lng: -46.63, country: "Brasil", children: 3200000, timezone: "UTC-3", tradition: "Papai Noel en bermudas. Cena a medianoche.", }, { city: "Buenos Aires", lat: -34.6, lng: -58.38, country: "Argentina", children: 1100000, timezone: "UTC-3", tradition: "Pan dulce y sidra a las 12 de la noche.", }, { city: "Nueva York", lat: 40.71, lng: -74.01, country: "EE.UU.", children: 1800000, timezone: "UTC-5", tradition: "Patinaje en el Rockefeller Center.", }, { city: "Ciudad de Mexico", lat: 19.43, lng: -99.13, country: "Mexico", children: 2900000, timezone: "UTC-6", tradition: "Pinatas, ponche y las posadas.", }, { city: "Los Angeles", lat: 34.05, lng: -118.24, country: "EE.UU.", children: 1200000, timezone: "UTC-8", tradition: "Desfile de Hollywood y tamales.", }, { city: "Honolulu", lat: 21.31, lng: -157.86, country: "EE.UU.", children: 180000, timezone: "UTC-10", tradition: "Mele Kalikimaka. Santa llega en canoa.", }, ] const COUNTRY_DATA: Record = { "United States of America": { name: "Estados Unidos", funFact: "Se envian 2 mil millones de tarjetas de Navidad cada ano", giftsDelivered: 74000000, favoriteGift: "Videojuegos", }, Brazil: { name: "Brasil", funFact: "Papai Noel usa ropa ligera por el calor veraniego", giftsDelivered: 42000000, favoriteGift: "Bicicletas", }, Mexico: { name: "Mexico", funFact: "Las posadas duran 9 noches antes de Navidad", giftsDelivered: 28000000, favoriteGift: "Munecas", }, Argentina: { name: "Argentina", funFact: "Es tradicion abrir regalos exactamente a medianoche", giftsDelivered: 9000000, favoriteGift: "Pelotas de futbol", }, "United Kingdom": { name: "Reino Unido", funFact: "El primer Christmas cracker se invento aqui en 1847", giftsDelivered: 15000000, favoriteGift: "LEGO", }, France: { name: "Francia", funFact: "Los ninos dejan zanahorias para el burro de Pere Noel", giftsDelivered: 14000000, favoriteGift: "Libros", }, Germany: { name: "Alemania", funFact: "Inventaron el arbol de Navidad moderno", giftsDelivered: 16000000, favoriteGift: "Trenes de juguete", }, Spain: { name: "Espana", funFact: "Los Reyes Magos traen los regalos el 6 de enero", giftsDelivered: 11000000, favoriteGift: "Consolas", }, Italy: { name: "Italia", funFact: "La Befana, una bruja buena, tambien trae regalos", giftsDelivered: 12000000, favoriteGift: "Panettone y juguetes", }, Russia: { name: "Rusia", funFact: "Ded Moroz viaja en troika tirada por 3 caballos", giftsDelivered: 28000000, favoriteGift: "Matrioshkas", }, China: { name: "China", funFact: "Llaman a Santa 'Sheng Dan Lao Ren'", giftsDelivered: 45000000, favoriteGift: "Ropa nueva", }, Japan: { name: "Japon", funFact: "El 25 es dia laboral normal pero cenan KFC", giftsDelivered: 18000000, favoriteGift: "Electronicos", }, India: { name: "India", funFact: "Decoran arboles de mango en lugar de pinos", giftsDelivered: 35000000, favoriteGift: "Dulces", }, Australia: { name: "Australia", funFact: "Santa a veces usa canguros en vez de renos", giftsDelivered: 6000000, favoriteGift: "Equipos de playa", }, Canada: { name: "Canada", funFact: "El codigo postal de Santa es H0H 0H0", giftsDelivered: 8000000, favoriteGift: "Hockey gear", }, Colombia: { name: "Colombia", funFact: "El 7 de diciembre encienden velas en 'Dia de Velitas'", giftsDelivered: 8000000, favoriteGift: "Ropa", }, Peru: { name: "Peru", funFact: "Chocolate caliente con paneton es tradicion", giftsDelivered: 5000000, favoriteGift: "Juguetes", }, Chile: { name: "Chile", funFact: "Viejo Pascuero entra por la ventana en verano", giftsDelivered: 4000000, favoriteGift: "Bicicletas", }, } const geoUrl = "https://cdn.jsdelivr.net/npm/world-atlas@2/countries-110m.json" function getLocalTime(timezone: string, currentTime: Date): string { try { const offset = timezone.replace("UTC", "") const hours = currentTime.getUTCHours() const minutes = currentTime.getUTCMinutes() let offsetHours = 0 let offsetMinutes = 0 if (offset.includes(":")) { const [h, m] = offset.split(":") offsetHours = Number.parseInt(h) offsetMinutes = Number.parseInt(m) * (offsetHours < 0 ? -1 : 1) } else if (offset) { offsetHours = Number.parseInt(offset) } let localHours = hours + offsetHours let localMinutes = minutes + offsetMinutes if (localMinutes >= 60) { localHours += 1 localMinutes -= 60 } else if (localMinutes < 0) { localHours -= 1 localMinutes += 60 } if (localHours >= 24) localHours -= 24 if (localHours < 0) localHours += 24 return `${localHours.toString().padStart(2, "0")}:${localMinutes.toString().padStart(2, "0")}` } catch { return "--:--" } } function easeInOutCubic(t: number): number { return t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2 } function SantaMap({ santaStarted, currentTime, simulationMode = false, simulationIndex = 0 }: SantaMapProps) { const [santaPosition, setSantaPosition] = useState<[number, number]>([0, 85]) const [visitedCities, setVisitedCities] = useState(0) const [selectedCity, setSelectedCity] = useState<(typeof DELIVERY_ROUTE)[0] | null>(null) const [selectedCountry, setSelectedCountry] = useState<{ name: string; data: (typeof COUNTRY_DATA)[string] } | null>( null, ) const [hoveredCountry, setHoveredCountry] = useState(null) const [mapCenter, setMapCenter] = useState<[number, number]>([0, 30]) const [mapZoom, setMapZoom] = useState(1) const animationRef = useRef(null) const currentPositionRef = useRef<[number, number]>([0, 85]) const lastSimulationIndexRef = useRef(-1) const isAnimatingRef = useRef(false) const handleCountryClick = (geo: any) => { const countryData = COUNTRY_DATA[geo.properties.name] if (countryData) { setSelectedCountry({ name: geo.properties.name, data: countryData }) } } const handleCityClick = (city: any) => { setSelectedCity(city) } useEffect(() => { if (animationRef.current) { cancelAnimationFrame(animationRef.current) animationRef.current = null } if (!santaStarted) { setSantaPosition([0, 85]) currentPositionRef.current = [0, 85] setVisitedCities(0) return } const utcHours = currentTime.getUTCHours() + currentTime.getUTCMinutes() / 60 const progress = Math.min(1, utcHours / 24) const routeIndex = Math.floor(progress * (DELIVERY_ROUTE.length - 1)) const nextIndex = Math.min(routeIndex + 1, DELIVERY_ROUTE.length - 1) const segmentProgress = (progress * (DELIVERY_ROUTE.length - 1)) % 1 const current = DELIVERY_ROUTE[routeIndex] const next = DELIVERY_ROUTE[nextIndex] const lat = current.lat + (next.lat - current.lat) * segmentProgress const lng = current.lng + (next.lng - current.lng) * segmentProgress setSantaPosition([lng, lat]) currentPositionRef.current = [lng, lat] setVisitedCities(routeIndex) }, [santaStarted, currentTime, simulationMode]) useEffect(() => { if (!simulationMode) { lastSimulationIndexRef.current = -1 return } if (lastSimulationIndexRef.current === simulationIndex) { return } lastSimulationIndexRef.current = simulationIndex const city = DELIVERY_ROUTE[simulationIndex] if (!city) return if (animationRef.current) { cancelAnimationFrame(animationRef.current) animationRef.current = null } const startPosition: [number, number] = [...currentPositionRef.current] const endPosition: [number, number] = [city.lng, city.lat] const duration = 800 const startTime = performance.now() const animate = (currentTimeStamp: number) => { const elapsed = currentTimeStamp - startTime const progress = Math.min(elapsed / duration, 1) const easedProgress = easeInOutCubic(progress) const newLng = startPosition[0] + (endPosition[0] - startPosition[0]) * easedProgress const newLat = startPosition[1] + (endPosition[1] - startPosition[1]) * easedProgress currentPositionRef.current = [newLng, newLat] setSantaPosition([newLng, newLat]) setMapCenter([newLng, newLat]) if (progress < 1) { animationRef.current = requestAnimationFrame(animate) } else { animationRef.current = null setVisitedCities(simulationIndex) } } animationRef.current = requestAnimationFrame(animate) return () => { if (animationRef.current) { cancelAnimationFrame(animationRef.current) animationRef.current = null } } }, [simulationMode, simulationIndex]) useEffect(() => { return () => { if (animationRef.current) { cancelAnimationFrame(animationRef.current) animationRef.current = null } } }, []) return (

{ setMapCenter(coordinates) setMapZoom(zoom) }} > {({ geographies }) => geographies.map((geo) => { const isHovered = hoveredCountry === geo.properties.name const hasData = !!COUNTRY_DATA[geo.properties.name] return ( handleCountryClick(geo)} onMouseEnter={() => setHoveredCountry(geo.properties.name)} onMouseLeave={() => setHoveredCountry(null)} style={{ default: { outline: "none", cursor: hasData ? "pointer" : "default" }, hover: { fill: hasData ? "#2d4a6f" : "#1e293b", outline: "none", cursor: hasData ? "pointer" : "default", }, pressed: { outline: "none" }, }} /> ) }) } {(santaStarted || simulationMode) && ( <> {DELIVERY_ROUTE.slice(0, -1).map((loc, i) => { const next = DELIVERY_ROUTE[i + 1] const isVisited = i < visitedCities return ( ) })} )} 🏭 Polo Norte {DELIVERY_ROUTE.slice(1).map((location, index) => { const isVisited = (santaStarted || simulationMode) && index < visitedCities const isSelected = selectedCity?.city === location.city return ( handleCityClick(location)} > {isVisited ? ( <> 🎁 ) : ( <> {isSelected && ( )} )} {location.city} ) })} 🎅 {selectedCity && (

{selectedCity.city === "Polo Norte" ? "🏭" : "🎄"}

{selectedCity.city}

{selectedCity.country}

Hora local: {getLocalTime(selectedCity.timezone, currentTime)} ({selectedCity.timezone})

{selectedCity.children > 0 && (

Ninos esperando: {selectedCity.children.toLocaleString()}

)}

Estado: {(santaStarted || simulationMode) && DELIVERY_ROUTE.indexOf(selectedCity) <= visitedCities ? "Visitado" : "Pendiente"}

"{selectedCity.tradition}"

)} {selectedCountry && (

🌍

{selectedCountry.data.name}

Datos navidenos

Regalos a entregar: {selectedCountry.data.giftsDelivered.toLocaleString()}

Regalo favorito: {selectedCountry.data.favoriteGift}

Sabias que? {selectedCountry.data.funFact}

)} {!selectedCity && !selectedCountry && (

Haz clic en un pais o ciudad para mas informacion

)}

) } export default memo(SantaMap)88:["$","$L8c",null,{"chatId":"djuKHbTeyAA","children":["$","$L8d",null,{"data":{"@\"active-block\",\"djuKHbTeyAA\",":{"id":"b_qfKuhujsHSB","messageId":"4uA6REkNAovfSYC1dykoJARtqn708ZHo","source":"$8e","language":"typescriptreact","type":"code-project","closed":true,"meta":{"type":"code-project","project":"Code","taskNameActive":"Ajustando posicion de card","taskNameComplete":"Posicion de card ajustada"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"djuKHbTeyAA\",":false},"children":"$L8f"}]}]

About

Tags

Share

About

Tags

Share