From ca8297af9baa48d8d9e7accd397b58ea3dac43d1 Mon Sep 17 00:00:00 2001 From: shafi54 <108669266+shafi-aviz@users.noreply.github.com> Date: Sun, 1 Feb 2026 13:56:03 +0530 Subject: [PATCH] enh --- .../src/components/3d/Characters.tsx | 570 ++++++++++++++++++ apps/fallback-ui/src/components/3d/Flag.tsx | 75 +++ apps/fallback-ui/src/components/3d/Scene.tsx | 183 ++++++ apps/fallback-ui/src/index.css | 43 ++ apps/fallback-ui/src/router.tsx | 14 +- apps/fallback-ui/src/routes/inauguration.tsx | 349 +++++++++++ .../components/CheckoutAddressSelector.tsx | 6 +- apps/user-ui/components/checkout-page.tsx | 6 +- apps/user-ui/src/components/AddressForm.tsx | 7 +- package-lock.json | 559 +++++++++++++++++ package.json | 6 + 11 files changed, 1812 insertions(+), 6 deletions(-) create mode 100644 apps/fallback-ui/src/components/3d/Characters.tsx create mode 100644 apps/fallback-ui/src/components/3d/Flag.tsx create mode 100644 apps/fallback-ui/src/components/3d/Scene.tsx create mode 100644 apps/fallback-ui/src/routes/inauguration.tsx diff --git a/apps/fallback-ui/src/components/3d/Characters.tsx b/apps/fallback-ui/src/components/3d/Characters.tsx new file mode 100644 index 0000000..dbcdb48 --- /dev/null +++ b/apps/fallback-ui/src/components/3d/Characters.tsx @@ -0,0 +1,570 @@ +import { useRef, useEffect, useMemo } from 'react'; +import { useFrame } from '@react-three/fiber'; +import * as THREE from 'three'; + +interface CharacterProps { + color: string; + isCelebrating: boolean; + delay?: number; + type: 'flag' | 'flipper' | 'dancer'; + hairColor?: string; + skinTone?: string; + holdsFlag?: boolean; + index: number; +} + +function Character({ color, isCelebrating, delay = 0, type, hairColor = '#2D1B0E', skinTone = '#F5DEB3', holdsFlag = false, index }: CharacterProps) { + const groupRef = useRef(null); + const flagRef = useRef(null); + const leftArmRef = useRef(null); + const rightArmRef = useRef(null); + const startTimeRef = useRef(null); + + // Create flag texture + const flagTexture = useMemo(() => { + const canvas = document.createElement('canvas'); + canvas.width = 512; + canvas.height = 256; + const ctx = canvas.getContext('2d')!; + + // Gradient background - Brand blue colors + const gradient = ctx.createLinearGradient(0, 0, 512, 0); + gradient.addColorStop(0, '#2E90FA'); + gradient.addColorStop(1, '#84CAFF'); + ctx.fillStyle = gradient; + ctx.fillRect(0, 0, 512, 256); + + // Add text + ctx.fillStyle = '#FFFFFF'; + ctx.font = 'bold 40px Arial'; + ctx.textAlign = 'center'; + ctx.textBaseline = 'middle'; + ctx.fillText('Freshyo for', 256, 100); + ctx.fillText('mahabubnagar', 256, 160); + + // Add decorative border + ctx.strokeStyle = '#FFFFFF'; + ctx.lineWidth = 4; + ctx.strokeRect(10, 10, 492, 236); + + const texture = new THREE.TextureLoader().load(canvas.toDataURL()); + return texture; + }, []); + + useEffect(() => { + if (isCelebrating && startTimeRef.current === null) { + startTimeRef.current = Date.now() + delay; + } + }, [isCelebrating, delay]); + + useFrame((state) => { + if (!groupRef.current) return; + + const time = state.clock.getElapsedTime(); + const currentTime = Date.now(); + + if (isCelebrating && startTimeRef.current && currentTime > startTimeRef.current) { + const elapsed = (currentTime - startTimeRef.current) / 1000; + + if (type === 'flag') { + // FLAG BEARER - Runs around in circles waving the flag + const runRadius = 2.5; + const runSpeed = 1.5; + const angle = elapsed * runSpeed; + + // Circular running path + const x = Math.cos(angle) * runRadius; + const z = Math.sin(angle) * runRadius; + + // Add some bounce while running + const bounce = Math.abs(Math.sin(elapsed * 8)) * 0.15; + + groupRef.current.position.set(x, bounce, z); + + // Face the running direction + groupRef.current.rotation.y = -angle + Math.PI / 2; + + // Slight body tilt while running + groupRef.current.rotation.z = Math.sin(elapsed * 8) * 0.1; + + } else if (type === 'flipper') { + // FLIPPER - Runs in figure-8 pattern while flipping + const runSpeed = 2; + const t = elapsed * runSpeed; + + // Figure-8 path + const x = Math.sin(t) * 2.5; + const z = Math.sin(t * 2) * 1.5; + + // Jump and flip + const jumpCycle = (elapsed * 2.5) % 1; + const jumpHeight = Math.abs(Math.sin(jumpCycle * Math.PI)) * 2; + + groupRef.current.position.set(x, jumpHeight, z); + + // Flip rotation + groupRef.current.rotation.x = jumpCycle * Math.PI * 2; + groupRef.current.rotation.y = t * 0.5; + + } else if (type === 'dancer') { + // DANCER - Moves in larger oval pattern with spins and flips + const runSpeed = 1.8; + const t = elapsed * runSpeed; + + // Large oval path + const x = Math.cos(t) * 3.5; + const z = Math.sin(t * 1.5) * 2; + + // Jump and flip + const jumpCycle = (elapsed * 2) % 1; + const jumpHeight = Math.abs(Math.sin(jumpCycle * Math.PI)) * 2.2; + + groupRef.current.position.set(x, jumpHeight, z); + + // Flip with extra spinning + groupRef.current.rotation.x = jumpCycle * Math.PI * 2; + groupRef.current.rotation.y = t + Math.sin(elapsed * 3) * 0.5; + groupRef.current.rotation.z = Math.sin(elapsed * 4) * 0.3; + } + } else { + // Idle positions + const idleTime = time * 2; + + if (type === 'flag') { + // Center position + groupRef.current.position.set(0, Math.sin(idleTime) * 0.05, 0); + groupRef.current.rotation.set(0, Math.sin(time * 0.5) * 0.2, 0); + } else if (type === 'flipper') { + // Left position + groupRef.current.position.set(-2, Math.sin(idleTime + 1) * 0.05, 0.5); + groupRef.current.rotation.set(0, 0, 0); + } else if (type === 'dancer') { + // Right position + groupRef.current.position.set(2, Math.sin(idleTime + 2) * 0.05, -0.5); + groupRef.current.rotation.set(0, 0, 0); + } + } + + // Animate flag waving + if (flagRef.current && holdsFlag) { + const waveIntensity = isCelebrating ? 0.4 : 0.15; + flagRef.current.rotation.y = Math.sin(time * 4) * waveIntensity; + flagRef.current.rotation.z = Math.sin(time * 3) * 0.08; + } + + // Animate arms based on character type and celebration state + if (leftArmRef.current && rightArmRef.current) { + if (isCelebrating && startTimeRef.current && currentTime > startTimeRef.current) { + const elapsed = (currentTime - startTimeRef.current) / 1000; + + if (type === 'flipper' || type === 'dancer') { + // Arms point STRAIGHT DOWN by their sides during flip + // Left arm + leftArmRef.current.rotation.set(Math.PI / 2, 0, -0.1); + // Right arm + rightArmRef.current.rotation.set(Math.PI / 2, 0, 0.1); + } else if (type === 'flag') { + // Running arm swing - realistic running motion + const swingSpeed = 8; + const swingAmp = 0.7; + + // Left arm swings forward when right leg is forward (opposite) + leftArmRef.current.rotation.x = Math.sin(elapsed * swingSpeed) * swingAmp; + leftArmRef.current.rotation.z = 0.15; // Slight outward angle + + // Right arm opposite to left + rightArmRef.current.rotation.x = Math.sin(elapsed * swingSpeed + Math.PI) * swingAmp; + rightArmRef.current.rotation.z = -0.15; // Slight outward angle + } + } else { + // Neutral arm position when idle - relaxed at sides, slightly bent + leftArmRef.current.rotation.set(0.1, 0, 0.25); + rightArmRef.current.rotation.set(0.1, 0, -0.25); + } + } + }); + + const shirtColor = color; + const pantsColor = '#1a1a2e'; + const shoesColor = '#0f0f1a'; + + return ( + + {/* SHADOW - follows the character */} + + + + + + {/* LEGS */} + + {/* Left Leg */} + + + + + {/* Right Leg */} + + + + + + + {/* SHOES */} + + + + + + + + + + + + {/* TORSO - slightly more rounded */} + + + + + + {/* LEFT ARM GROUP - Shoulder, upper arm, elbow, lower arm, wrist, hand */} + + {/* Upper arm segment */} + + + + + + {/* Elbow joint */} + + + + + + {/* Lower arm segment */} + + + + + + {/* Wrist */} + + + + + + {/* HAND - more realistic palm and fingers */} + + {/* Palm */} + + + + + + {/* Fingers - 4 fingers */} + + {/* Index finger */} + + + + + {/* Middle finger */} + + + + + {/* Ring finger */} + + + + + {/* Pinky */} + + + + + + + {/* Thumb */} + + + + + + + + {/* RIGHT ARM GROUP - Shoulder, upper arm, elbow, lower arm, wrist, hand */} + + {/* Upper arm segment */} + + + + + + {/* Elbow joint */} + + + + + + {/* Lower arm segment */} + + + + + + {/* Wrist */} + + + + + + {/* HAND - more realistic palm and fingers */} + + {/* Palm */} + + + + + + {/* Fingers - 4 fingers */} + + {/* Index finger */} + + + + + {/* Middle finger */} + + + + + {/* Ring finger */} + + + + + {/* Pinky */} + + + + + + + {/* Thumb */} + + + + + + + + {/* NECK */} + + + + + + {/* HEAD GROUP */} + + {/* Main head - slightly oval for human shape */} + + + + + + {/* EARS */} + + {/* Left Ear */} + + + + + {/* Right Ear */} + + + + + + + {/* HAIR - Better styled hair */} + + {/* Top hair */} + + + + + {/* Side hair left */} + + + + + {/* Side hair right */} + + + + + {/* Front hair tuft */} + + + + + + + {/* FACE FEATURES */} + + {/* EYEBROWS */} + + + + + + + + + + {/* EYES - Anime style */} + {/* Left Eye */} + + {/* Eye white */} + + + + + {/* Iris */} + + + + + {/* Pupil */} + + + + + {/* Highlight */} + + + + + + + {/* Right Eye */} + + + + + + + + + + + + + + + + + + + + {/* NOSE - Small and cute */} + + + + + + {/* MOUTH - Smile */} + + + + + + + + {/* FLAG - Held by this character */} + {holdsFlag && ( + + {/* Flag Pole */} + + + + + + {/* Pole Top */} + + + + + + {/* Flag */} + + + + + + )} + + {/* GLOW EFFECT */} + + + + + + ); +} + +interface CharactersProps { + isCelebrating: boolean; +} + +export default function Characters({ isCelebrating }: CharactersProps) { + return ( + + {/* Character 1 - Flipper - Left side, does figure-8 while flipping */} + + + {/* Character 2 - Flag Bearer - CENTER, runs in circles waving flag */} + + + {/* Character 3 - Dancer - Right side, large oval pattern with flips */} + + + ); +} diff --git a/apps/fallback-ui/src/components/3d/Flag.tsx b/apps/fallback-ui/src/components/3d/Flag.tsx new file mode 100644 index 0000000..660ee15 --- /dev/null +++ b/apps/fallback-ui/src/components/3d/Flag.tsx @@ -0,0 +1,75 @@ +import { useRef, useMemo } from 'react'; +import { useFrame } from '@react-three/fiber'; +import { TextureLoader, DoubleSide, Mesh } from 'three'; + +export default function Flag({ isCelebrating }: { isCelebrating: boolean }) { + const flagRef = useRef(null); + const poleRef = useRef(null); + + // Create flag texture with text + const texture = useMemo(() => { + const canvas = document.createElement('canvas'); + canvas.width = 512; + canvas.height = 256; + const ctx = canvas.getContext('2d')!; + + // Gradient background - Brand blue colors + const gradient = ctx.createLinearGradient(0, 0, 512, 0); + gradient.addColorStop(0, '#2E90FA'); + gradient.addColorStop(1, '#84CAFF'); + ctx.fillStyle = gradient; + ctx.fillRect(0, 0, 512, 256); + + // Add text + ctx.fillStyle = '#FFFFFF'; + ctx.font = 'bold 40px Arial'; + ctx.textAlign = 'center'; + ctx.textBaseline = 'middle'; + ctx.fillText('Freshyo for', 256, 100); + ctx.fillText('mahabubnagar', 256, 160); + + // Add decorative border + ctx.strokeStyle = '#FFFFFF'; + ctx.lineWidth = 4; + ctx.strokeRect(10, 10, 492, 236); + + const texture = new TextureLoader().load(canvas.toDataURL()); + return texture; + }, []); + + useFrame((state) => { + if (flagRef.current) { + const time = state.clock.getElapsedTime(); + // Wave animation + const waveIntensity = isCelebrating ? 0.3 : 0.1; + flagRef.current.rotation.y = Math.sin(time * 3) * waveIntensity; + flagRef.current.rotation.z = Math.sin(time * 2) * 0.05; + } + }); + + return ( + + {/* Flag Pole */} + + + + + + {/* Flag */} + + + + + + {/* Pole Top */} + + + + + + ); +} diff --git a/apps/fallback-ui/src/components/3d/Scene.tsx b/apps/fallback-ui/src/components/3d/Scene.tsx new file mode 100644 index 0000000..180a8ef --- /dev/null +++ b/apps/fallback-ui/src/components/3d/Scene.tsx @@ -0,0 +1,183 @@ +import { useRef, useEffect } from 'react'; +import { Canvas, useFrame, useThree } from '@react-three/fiber'; +import { OrbitControls, Stars, Float } from '@react-three/drei'; +import * as THREE from 'three'; +import Characters from './Characters'; + +// Warm gradient background +function WarmBackground() { + const { scene } = useThree(); + + useEffect(() => { + // Create gradient texture + const canvas = document.createElement('canvas'); + canvas.width = 512; + canvas.height = 512; + const ctx = canvas.getContext('2d')!; + + const gradient = ctx.createLinearGradient(0, 0, 0, 512); + gradient.addColorStop(0, '#FFE5D4'); + gradient.addColorStop(0.5, '#FFB4A2'); + gradient.addColorStop(1, '#FF8E72'); + + ctx.fillStyle = gradient; + ctx.fillRect(0, 0, 512, 512); + + const texture = new THREE.TextureLoader().load(canvas.toDataURL()); + scene.background = texture; + }, [scene]); + + return null; +} + +// Ground plane with warm color +function Ground() { + const meshRef = useRef(null); + + useFrame((state) => { + if (meshRef.current) { + // Subtle ground animation + meshRef.current.rotation.x = -Math.PI / 2; + } + }); + + return ( + + + + + ); +} + +// Floating particles for atmosphere +function FloatingParticles({ isCelebrating }: { isCelebrating: boolean }) { + const points = useRef(null); + const particleCount = isCelebrating ? 200 : 50; + + const positions = new Float32Array(particleCount * 3); + for (let i = 0; i < particleCount; i++) { + positions[i * 3] = (Math.random() - 0.5) * 15; + positions[i * 3 + 1] = Math.random() * 8; + positions[i * 3 + 2] = (Math.random() - 0.5) * 15; + } + + useFrame((state) => { + if (points.current) { + points.current.rotation.y = state.clock.getElapsedTime() * 0.05; + if (isCelebrating) { + points.current.rotation.y = state.clock.getElapsedTime() * 0.2; + } + } + }); + + return ( + + + + + + + ); +} + +// Blue lighting setup +function Lighting() { + return ( + <> + + + + + + ); +} + +// Camera animation +function CameraController({ isCelebrating }: { isCelebrating: boolean }) { + const { camera } = useThree(); + + useFrame((state) => { + const time = state.clock.getElapsedTime(); + + if (isCelebrating) { + // Dramatic camera movement during celebration + camera.position.x = Math.sin(time * 0.5) * 2; + camera.position.y = 3 + Math.sin(time * 0.3) * 0.5; + camera.position.z = 8 + Math.cos(time * 0.5) * 1; + } else { + // Gentle orbiting before celebration + camera.position.x = Math.sin(time * 0.2) * 4; + camera.position.z = 8 + Math.cos(time * 0.2) * 2; + camera.position.y = 3; + } + + camera.lookAt(0, 1, 0); + }); + + return null; +} + +interface SceneProps { + isCelebrating: boolean; +} + +export default function Scene({ isCelebrating }: SceneProps) { + return ( +
+ + + + + + + + + + {/* Floating decorative elements */} + + + + + + + + + + + + + + + + + + + + + +
+ ); +} diff --git a/apps/fallback-ui/src/index.css b/apps/fallback-ui/src/index.css index 68b987d..1621637 100644 --- a/apps/fallback-ui/src/index.css +++ b/apps/fallback-ui/src/index.css @@ -49,3 +49,46 @@ @apply text-primary hover:text-primary/80; } } + +/* Custom animations for inauguration */ +@keyframes float { + 0%, 100% { + transform: translateY(0px); + } + 50% { + transform: translateY(-20px); + } +} + +@keyframes float-delayed { + 0%, 100% { + transform: translateY(0px); + } + 50% { + transform: translateY(-15px); + } +} + +@keyframes fade-in-up { + 0% { + opacity: 0; + transform: translateY(20px); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.animate-float { + animation: float 3s ease-in-out infinite; +} + +.animate-float-delayed { + animation: float-delayed 4s ease-in-out infinite; + animation-delay: 1s; +} + +.animate-fade-in-up { + animation: fade-in-up 0.5s ease-out forwards; +} diff --git a/apps/fallback-ui/src/router.tsx b/apps/fallback-ui/src/router.tsx index 6ca00bc..9b99e54 100644 --- a/apps/fallback-ui/src/router.tsx +++ b/apps/fallback-ui/src/router.tsx @@ -9,6 +9,7 @@ import { UserHomeRoute } from './routes/user-home' import { SuperAdminRoute } from './routes/super-admin' import { CreateCouponRoute } from './routes/create-coupon' import { LocationMarkerRoute } from './routes/location-marker' +import Inauguration from './routes/inauguration' import { AuthWrapper } from './components/AuthWrapper' import { SuperAdminGuard } from './components/SuperAdminGuard' import { cn } from '@/lib/utils' @@ -52,6 +53,16 @@ const loginRoute = new Route({ ) }) +const inaugurationRoute = new Route({ + getParentRoute: () => rootRoute, + path: '/inauguration', + component: () => ( + Loading inauguration…

}> + + + ) +}) + const userHomeRoute = new Route({ getParentRoute: () => rootRoute, path: '/user-home', @@ -107,7 +118,8 @@ const routeTree = rootRoute.addChildren([ userHomeRoute, superAdminRoute, createCouponRoute, - locationMarkerRoute + locationMarkerRoute, + inaugurationRoute ]) export function createAppRouter() { diff --git a/apps/fallback-ui/src/routes/inauguration.tsx b/apps/fallback-ui/src/routes/inauguration.tsx new file mode 100644 index 0000000..a635ba8 --- /dev/null +++ b/apps/fallback-ui/src/routes/inauguration.tsx @@ -0,0 +1,349 @@ +import { useState, useCallback } from 'react'; +import Scene from '../components/3d/Scene'; +import confetti from 'canvas-confetti'; + +export default function Inauguration() { + const [isCelebrating, setIsCelebrating] = useState(false); + const [showWelcome, setShowWelcome] = useState(false); + const [isHovered, setIsHovered] = useState(false); + + const triggerConfetti = useCallback(() => { + const duration = 5 * 1000; + const animationEnd = Date.now() + duration; + const defaults = { startVelocity: 30, spread: 360, ticks: 60, zIndex: 0 }; + + const randomInRange = (min: number, max: number) => Math.random() * (max - min) + min; + + const interval: any = setInterval(function() { + const timeLeft = animationEnd - Date.now(); + + if (timeLeft <= 0) { + return clearInterval(interval); + } + + const particleCount = 50 * (timeLeft / duration); + + const colors = ['#2E90FA', '#53B1FD', '#84CAFF', '#1570EF', '#175CD3']; + + confetti({ + ...defaults, + particleCount, + origin: { x: randomInRange(0.1, 0.3), y: Math.random() - 0.2 }, + colors: colors, + shapes: ['circle', 'square'], + scalar: randomInRange(0.8, 1.5) + }); + confetti({ + ...defaults, + particleCount, + origin: { x: randomInRange(0.7, 0.9), y: Math.random() - 0.2 }, + colors: colors, + shapes: ['circle', 'square'], + scalar: randomInRange(0.8, 1.5) + }); + }, 250); + }, []); + + const handleKickstart = () => { + setIsCelebrating(true); + triggerConfetti(); + + setTimeout(() => { + setShowWelcome(true); + }, 2000); + }; + + return ( +
+ {/* Animated Gradient Background */} +
+ + {/* Animated Mesh Gradient Overlay */} +
+
+
+ + {/* Floating Bubbles */} +
+ {[...Array(20)].map((_, i) => ( +
+ ))} +
+ + {/* 3D Scene */} +
+ +
+ + {/* Main Content Container */} +
+ + {/* Logo Section */} +
+ {/* Logo Container with Glassmorphism */} +
+ {/* Glow Effect Behind Logo */} +
+ + {/* Logo Text */} +
+

+ + FRESHYO + +

+ + {/* Tagline */} +

+ Freshness Delivered +

+
+
+
+ + {/* Center Content - CTA or Welcome Message */} +
+ {!showWelcome ? ( + /* CTA Button */ +
setIsHovered(true)} + onMouseLeave={() => setIsHovered(false)} + > + + + {/* Subtext under button */} +

+ Click to celebrate our launch in Mahabubnagar +

+
+ ) : ( + /* Welcome Message */ +
+
+ {/* Background glow */} +
+ +
+ {/* Success Icon */} +
+ + + +
+ +

+ Welcome to Freshyo! +

+ +
+ We're now live in + + Mahabubnagar + +
+ + {/* Decorative line */} +
+
+
+
+
+
+
+
+ )} +
+ + {/* Footer Info */} +
+
+
+

+ Bringing fresh groceries to your doorstep +

+
+
+
+ + {/* Side Decorative Elements */} +
+
+ {[...Array(3)].map((_, i) => ( +
+ ))} +
+
+ +
+
+ {[...Array(3)].map((_, i) => ( +
+ ))} +
+
+ + {/* Custom Styles */} + +
+ ); +} diff --git a/apps/user-ui/components/CheckoutAddressSelector.tsx b/apps/user-ui/components/CheckoutAddressSelector.tsx index cc6c233..d162c3b 100644 --- a/apps/user-ui/components/CheckoutAddressSelector.tsx +++ b/apps/user-ui/components/CheckoutAddressSelector.tsx @@ -130,8 +130,12 @@ const CheckoutAddressSelector: React.FC = ({ setShowAddAddress(false)}> { + onSuccess={(addressId) => { setShowAddAddress(false); + // Auto-select the newly added address + if (addressId) { + onAddressSelect(addressId); + } queryClient.invalidateQueries(); }} /> diff --git a/apps/user-ui/components/checkout-page.tsx b/apps/user-ui/components/checkout-page.tsx index 26b43be..6b75ac3 100644 --- a/apps/user-ui/components/checkout-page.tsx +++ b/apps/user-ui/components/checkout-page.tsx @@ -258,8 +258,12 @@ const CheckoutPage: React.FC = ({ isFlashDelivery = false }) setShowAddAddress(false)}> { + onSuccess={(addressId) => { setShowAddAddress(false); + // Auto-select the newly added address + if (addressId) { + setSelectedAddressId(addressId); + } queryClient.invalidateQueries(); }} /> diff --git a/apps/user-ui/src/components/AddressForm.tsx b/apps/user-ui/src/components/AddressForm.tsx index 3e7e011..06e95ed 100644 --- a/apps/user-ui/src/components/AddressForm.tsx +++ b/apps/user-ui/src/components/AddressForm.tsx @@ -8,7 +8,7 @@ import { tw, MyText, MyTouchableOpacity , Checkbox , MyTextInput , LoadingDialog import { trpc } from '../trpc-client'; interface AddressFormProps { - onSuccess: () => void; + onSuccess: (addressId?: number) => void; initialValues?: { id?: number; name: string; @@ -38,9 +38,10 @@ const AddressForm: React.FC = ({ onSuccess, initialValues, isE ); const createAddressMutation = trpc.user.address.createAddress.useMutation({ - onSuccess: () => { + onSuccess: (data) => { setIsSubmitting(false); - setTimeout(() => onSuccess(), 100); + const addressId = data?.data?.id; + setTimeout(() => onSuccess(addressId), 100); }, onError: (error: any) => { setIsSubmitting(false); diff --git a/package-lock.json b/package-lock.json index 454bca3..b6a5ce7 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,8 +13,12 @@ ], "dependencies": { "@react-native/virtualized-lists": "^0.79.6", + "@react-three/drei": "^10.7.7", + "@react-three/fiber": "^9.5.0", + "@types/three": "^0.182.0", "admin-ui": "^1.0.0", "backend": "^1.0.0", + "canvas-confetti": "^1.9.4", "expo": "~53.0.22", "expo-auth-session": "~6.2.1", "expo-crypto": "~14.1.5", @@ -22,11 +26,13 @@ "node-cron": "^4.2.1", "react": "19.0.0", "react-native": "0.79.6", + "three": "^0.182.0", "user-ui": "^1.0.0", "zustand": "^5.0.9" }, "devDependencies": { "@babel/core": "^7.25.2", + "@types/canvas-confetti": "^1.9.0", "@types/react": "~19.0.10", "@types/react-native-razorpay": "^2.2.6", "eslint": "^9.25.0", @@ -2964,6 +2970,12 @@ "@jridgewell/sourcemap-codec": "^1.4.10" } }, + "node_modules/@dimforge/rapier3d-compat": { + "version": "0.12.0", + "resolved": "https://registry.npmjs.org/@dimforge/rapier3d-compat/-/rapier3d-compat-0.12.0.tgz", + "integrity": "sha512-uekIGetywIgopfD97oDL5PfeezkFpNhwlzlaEYNOA0N6ghdsOvh/HYjSMek5Q2O1PYvRSDFcqFVJl4r4ZBwOow==", + "license": "Apache-2.0" + }, "node_modules/@drizzle-team/brocli": { "version": "0.10.2", "resolved": "https://registry.npmjs.org/@drizzle-team/brocli/-/brocli-0.10.2.tgz", @@ -5350,6 +5362,24 @@ "integrity": "sha512-gRa9gwYU3ECmQYv3lslts5hxuIa90veaEcxDYuu3QGOIAEM2mOZkVHp48ANJuu1CURtRdHKUBY5Lm1tHV+sD4g==", "license": "ISC" }, + "node_modules/@mediapipe/tasks-vision": { + "version": "0.10.17", + "resolved": "https://registry.npmjs.org/@mediapipe/tasks-vision/-/tasks-vision-0.10.17.tgz", + "integrity": "sha512-CZWV/q6TTe8ta61cZXjfnnHsfWIdFhms03M9T7Cnd5y2mdpylJM0rF1qRq+wsQVRMLz1OYPVEBU9ph2Bx8cxrg==", + "license": "Apache-2.0" + }, + "node_modules/@monogrid/gainmap-js": { + "version": "3.4.0", + "resolved": "https://registry.npmjs.org/@monogrid/gainmap-js/-/gainmap-js-3.4.0.tgz", + "integrity": "sha512-2Z0FATFHaoYJ8b+Y4y4Hgfn3FRFwuU5zRrk+9dFWp4uGAdHGqVEdP7HP+gLA3X469KXHmfupJaUbKo1b/aDKIg==", + "license": "MIT", + "dependencies": { + "promise-worker-transferable": "^1.0.4" + }, + "peerDependencies": { + "three": ">= 0.159.0" + } + }, "node_modules/@msgpackr-extract/msgpackr-extract-darwin-arm64": { "version": "3.0.3", "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-3.0.3.tgz", @@ -6002,6 +6032,124 @@ "nanoid": "^3.3.11" } }, + "node_modules/@react-three/drei": { + "version": "10.7.7", + "resolved": "https://registry.npmjs.org/@react-three/drei/-/drei-10.7.7.tgz", + "integrity": "sha512-ff+J5iloR0k4tC++QtD/j9u3w5fzfgFAWDtAGQah9pF2B1YgOq/5JxqY0/aVoQG5r3xSZz0cv5tk2YuBob4xEQ==", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.26.0", + "@mediapipe/tasks-vision": "0.10.17", + "@monogrid/gainmap-js": "^3.0.6", + "@use-gesture/react": "^10.3.1", + "camera-controls": "^3.1.0", + "cross-env": "^7.0.3", + "detect-gpu": "^5.0.56", + "glsl-noise": "^0.0.0", + "hls.js": "^1.5.17", + "maath": "^0.10.8", + "meshline": "^3.3.1", + "stats-gl": "^2.2.8", + "stats.js": "^0.17.0", + "suspend-react": "^0.1.3", + "three-mesh-bvh": "^0.8.3", + "three-stdlib": "^2.35.6", + "troika-three-text": "^0.52.4", + "tunnel-rat": "^0.1.2", + "use-sync-external-store": "^1.4.0", + "utility-types": "^3.11.0", + "zustand": "^5.0.1" + }, + "peerDependencies": { + "@react-three/fiber": "^9.0.0", + "react": "^19", + "react-dom": "^19", + "three": ">=0.159" + }, + "peerDependenciesMeta": { + "react-dom": { + "optional": true + } + } + }, + "node_modules/@react-three/fiber": { + "version": "9.5.0", + "resolved": "https://registry.npmjs.org/@react-three/fiber/-/fiber-9.5.0.tgz", + "integrity": "sha512-FiUzfYW4wB1+PpmsE47UM+mCads7j2+giRBltfwH7SNhah95rqJs3ltEs9V3pP8rYdS0QlNne+9Aj8dS/SiaIA==", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.17.8", + "@types/webxr": "*", + "base64-js": "^1.5.1", + "buffer": "^6.0.3", + "its-fine": "^2.0.0", + "react-use-measure": "^2.1.7", + "scheduler": "^0.27.0", + "suspend-react": "^0.1.3", + "use-sync-external-store": "^1.4.0", + "zustand": "^5.0.3" + }, + "peerDependencies": { + "expo": ">=43.0", + "expo-asset": ">=8.4", + "expo-file-system": ">=11.0", + "expo-gl": ">=11.0", + "react": ">=19 <19.3", + "react-dom": ">=19 <19.3", + "react-native": ">=0.78", + "three": ">=0.156" + }, + "peerDependenciesMeta": { + "expo": { + "optional": true + }, + "expo-asset": { + "optional": true + }, + "expo-file-system": { + "optional": true + }, + "expo-gl": { + "optional": true + }, + "react-dom": { + "optional": true + }, + "react-native": { + "optional": true + } + } + }, + "node_modules/@react-three/fiber/node_modules/buffer": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz", + "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "MIT", + "dependencies": { + "base64-js": "^1.3.1", + "ieee754": "^1.2.1" + } + }, + "node_modules/@react-three/fiber/node_modules/scheduler": { + "version": "0.27.0", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz", + "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==", + "license": "MIT" + }, "node_modules/@redis/bloom": { "version": "5.10.0", "resolved": "https://registry.npmjs.org/@redis/bloom/-/bloom-5.10.0.tgz", @@ -9660,6 +9808,12 @@ "url": "https://opencollective.com/turf" } }, + "node_modules/@tweenjs/tween.js": { + "version": "23.1.3", + "resolved": "https://registry.npmjs.org/@tweenjs/tween.js/-/tween.js-23.1.3.tgz", + "integrity": "sha512-vJmvvwFxYuGnF2axRtPYocag6Clbb5YS7kLL+SO/TeVFzHqDIWrNKYtcsPMibjDx9O+bu+psAy9NKfWklassUA==", + "license": "MIT" + }, "node_modules/@tybys/wasm-util": { "version": "0.10.1", "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz", @@ -9728,6 +9882,13 @@ "@types/node": "*" } }, + "node_modules/@types/canvas-confetti": { + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/@types/canvas-confetti/-/canvas-confetti-1.9.0.tgz", + "integrity": "sha512-aBGj/dULrimR1XDZLtG9JwxX1b4HPRF6CX9Yfwh3NvstZEm1ZL7RBnel4keCPSqs1ANRu1u2Aoz9R+VmtjYuTg==", + "dev": true, + "license": "MIT" + }, "node_modules/@types/connect": { "version": "3.4.38", "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz", @@ -9752,6 +9913,12 @@ "integrity": "sha512-DauBl25PKZZ0WVJr42a6CNvI6efsdzofl9sajqZr2Gf5Gu733WkDdUGiPkUHXiUvYGzNNlFQde2wdZdfQPG+yw==", "license": "MIT" }, + "node_modules/@types/draco3d": { + "version": "1.4.10", + "resolved": "https://registry.npmjs.org/@types/draco3d/-/draco3d-1.4.10.tgz", + "integrity": "sha512-AX22jp8Y7wwaBgAixaSvkoG4M/+PlAcm3Qs4OW8yT9DM4xUpWKeFhLueTAyZF39pviAdcDdeJoACapiAceqNcw==", + "license": "MIT" + }, "node_modules/@types/estree": { "version": "1.0.8", "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz", @@ -9925,6 +10092,12 @@ "integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==", "license": "MIT" }, + "node_modules/@types/offscreencanvas": { + "version": "2019.7.3", + "resolved": "https://registry.npmjs.org/@types/offscreencanvas/-/offscreencanvas-2019.7.3.tgz", + "integrity": "sha512-ieXiYmgSRXUDeOntE1InxjWyvEelZGP63M+cGuquuRLuIKKT1osnkXjxev9B7d1nXSug5vpunx+gNlbVxMlC9A==", + "license": "MIT" + }, "node_modules/@types/pbf": { "version": "3.0.5", "resolved": "https://registry.npmjs.org/@types/pbf/-/pbf-3.0.5.tgz", @@ -9984,6 +10157,15 @@ "@types/react": "*" } }, + "node_modules/@types/react-reconciler": { + "version": "0.28.9", + "resolved": "https://registry.npmjs.org/@types/react-reconciler/-/react-reconciler-0.28.9.tgz", + "integrity": "sha512-HHM3nxyUZ3zAylX8ZEyrDNd2XZOnQ0D5XfunJF5FLQnZbHHYq4UWvW1QfelQNXv1ICNkwYhfxjwfnqivYB6bFg==", + "license": "MIT", + "peerDependencies": { + "@types/react": "*" + } + }, "node_modules/@types/send": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/@types/send/-/send-1.2.1.tgz", @@ -10009,6 +10191,12 @@ "integrity": "sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==", "license": "MIT" }, + "node_modules/@types/stats.js": { + "version": "0.17.4", + "resolved": "https://registry.npmjs.org/@types/stats.js/-/stats.js-0.17.4.tgz", + "integrity": "sha512-jIBvWWShCvlBqBNIZt0KAshWpvSjhkwkEu4ZUcASoAvhmrgAUI2t1dXrjSL4xXVLB4FznPrIsX3nKXFl/Dt4vA==", + "license": "MIT" + }, "node_modules/@types/strip-bom": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/@types/strip-bom/-/strip-bom-3.0.0.tgz", @@ -10032,12 +10220,33 @@ "@types/geojson": "*" } }, + "node_modules/@types/three": { + "version": "0.182.0", + "resolved": "https://registry.npmjs.org/@types/three/-/three-0.182.0.tgz", + "integrity": "sha512-WByN9V3Sbwbe2OkWuSGyoqQO8Du6yhYaXtXLoA5FkKTUJorZ+yOHBZ35zUUPQXlAKABZmbYp5oAqpA4RBjtJ/Q==", + "license": "MIT", + "dependencies": { + "@dimforge/rapier3d-compat": "~0.12.0", + "@tweenjs/tween.js": "~23.1.3", + "@types/stats.js": "*", + "@types/webxr": ">=0.5.17", + "@webgpu/types": "*", + "fflate": "~0.8.2", + "meshoptimizer": "~0.22.0" + } + }, "node_modules/@types/validator": { "version": "13.15.10", "resolved": "https://registry.npmjs.org/@types/validator/-/validator-13.15.10.tgz", "integrity": "sha512-T8L6i7wCuyoK8A/ZeLYt1+q0ty3Zb9+qbSSvrIVitzT3YjZqkTZ40IbRsPanlB4h1QB3JVL1SYCdR6ngtFYcuA==", "license": "MIT" }, + "node_modules/@types/webxr": { + "version": "0.5.24", + "resolved": "https://registry.npmjs.org/@types/webxr/-/webxr-0.5.24.tgz", + "integrity": "sha512-h8fgEd/DpoS9CBrjEQXR+dIDraopAEfu4wYVNY2tEPwk60stPWhvZMf4Foo5FakuQ7HFZoa8WceaWFervK2Ovg==", + "license": "MIT" + }, "node_modules/@types/yargs": { "version": "17.0.35", "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.35.tgz", @@ -10691,6 +10900,24 @@ "@urql/core": "^5.0.0" } }, + "node_modules/@use-gesture/core": { + "version": "10.3.1", + "resolved": "https://registry.npmjs.org/@use-gesture/core/-/core-10.3.1.tgz", + "integrity": "sha512-WcINiDt8WjqBdUXye25anHiNxPc0VOrlT8F6LLkU6cycrOGUDyY/yyFmsg3k8i5OLvv25llc0QC45GhR/C8llw==", + "license": "MIT" + }, + "node_modules/@use-gesture/react": { + "version": "10.3.1", + "resolved": "https://registry.npmjs.org/@use-gesture/react/-/react-10.3.1.tgz", + "integrity": "sha512-Yy19y6O2GJq8f7CHf7L0nxL8bf4PZCPaVOCgJrusOeFHY1LvHgYXnmnXg6N5iwAnbgbZCDjo60SiM6IPJi9C5g==", + "license": "MIT", + "dependencies": { + "@use-gesture/core": "10.3.1" + }, + "peerDependencies": { + "react": ">= 16.8.0" + } + }, "node_modules/@vitejs/plugin-react-swc": { "version": "3.11.0", "resolved": "https://registry.npmjs.org/@vitejs/plugin-react-swc/-/plugin-react-swc-3.11.0.tgz", @@ -10705,6 +10932,12 @@ "vite": "^4 || ^5 || ^6 || ^7" } }, + "node_modules/@webgpu/types": { + "version": "0.1.69", + "resolved": "https://registry.npmjs.org/@webgpu/types/-/types-0.1.69.tgz", + "integrity": "sha512-RPmm6kgRbI8e98zSD3RVACvnuktIja5+yLgDAkTmxLr90BEwdTXRQWNLF3ETTTyH/8mKhznZuN5AveXYFEsMGQ==", + "license": "BSD-3-Clause" + }, "node_modules/@xmldom/xmldom": { "version": "0.8.11", "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.8.11.tgz", @@ -11518,6 +11751,15 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/bidi-js": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/bidi-js/-/bidi-js-1.0.3.tgz", + "integrity": "sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==", + "license": "MIT", + "dependencies": { + "require-from-string": "^2.0.2" + } + }, "node_modules/big-integer": { "version": "1.6.52", "resolved": "https://registry.npmjs.org/big-integer/-/big-integer-1.6.52.tgz", @@ -11859,6 +12101,19 @@ "node": ">= 6" } }, + "node_modules/camera-controls": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/camera-controls/-/camera-controls-3.1.0.tgz", + "integrity": "sha512-w5oULNpijgTRH0ARFJJ0R5ct1nUM3R3WP7/b8A6j9uTGpRfnsypc/RBMPQV8JQDPayUe37p/TZZY1PcUr4czOQ==", + "license": "MIT", + "engines": { + "node": ">=20.11.0", + "npm": ">=10.8.2" + }, + "peerDependencies": { + "three": ">=0.126.1" + } + }, "node_modules/caniuse-lite": { "version": "1.0.30001760", "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001760.tgz", @@ -11879,6 +12134,16 @@ ], "license": "CC-BY-4.0" }, + "node_modules/canvas-confetti": { + "version": "1.9.4", + "resolved": "https://registry.npmjs.org/canvas-confetti/-/canvas-confetti-1.9.4.tgz", + "integrity": "sha512-yxQbJkAVrFXWNbTUjPqjF7G+g6pDotOUHGbkZq2NELZUMDpiJ85rIEazVb8GTaAptNW2miJAXbs1BtioA251Pw==", + "license": "ISC", + "funding": { + "type": "donate", + "url": "https://www.paypal.me/kirilvatev" + } + }, "node_modules/chalk": { "version": "4.1.2", "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", @@ -12575,6 +12840,24 @@ "node": ">=12.0.0" } }, + "node_modules/cross-env": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-7.0.3.tgz", + "integrity": "sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==", + "license": "MIT", + "dependencies": { + "cross-spawn": "^7.0.1" + }, + "bin": { + "cross-env": "src/bin/cross-env.js", + "cross-env-shell": "src/bin/cross-env-shell.js" + }, + "engines": { + "node": ">=10.14", + "npm": ">=6", + "yarn": ">=1" + } + }, "node_modules/cross-fetch": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.2.0.tgz", @@ -12900,6 +13183,15 @@ "npm": "1.2.8000 || >= 1.4.16" } }, + "node_modules/detect-gpu": { + "version": "5.0.70", + "resolved": "https://registry.npmjs.org/detect-gpu/-/detect-gpu-5.0.70.tgz", + "integrity": "sha512-bqerEP1Ese6nt3rFkwPnGbsUF9a4q+gMmpTVVOEzoCyeCc+y7/RvJnQZJx1JwhgQI5Ntg0Kgat8Uu7XpBqnz1w==", + "license": "MIT", + "dependencies": { + "webgl-constants": "^1.1.1" + } + }, "node_modules/detect-libc": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz", @@ -13047,6 +13339,12 @@ "url": "https://dotenvx.com" } }, + "node_modules/draco3d": { + "version": "1.5.7", + "resolved": "https://registry.npmjs.org/draco3d/-/draco3d-1.5.7.tgz", + "integrity": "sha512-m6WCKt/erDXcw+70IJXnG7M3awwQPAsZvJGX5zY7beBqpELw6RDGkYVU0W43AFxye4pDZ5i2Lbyc/NNGqwjUVQ==", + "license": "Apache-2.0" + }, "node_modules/drizzle-kit": { "version": "0.31.8", "resolved": "https://registry.npmjs.org/drizzle-kit/-/drizzle-kit-0.31.8.tgz", @@ -15307,6 +15605,12 @@ } } }, + "node_modules/fflate": { + "version": "0.8.2", + "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.8.2.tgz", + "integrity": "sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==", + "license": "MIT" + }, "node_modules/file-entry-cache": { "version": "8.0.0", "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz", @@ -15904,6 +16208,12 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/glsl-noise": { + "version": "0.0.0", + "resolved": "https://registry.npmjs.org/glsl-noise/-/glsl-noise-0.0.0.tgz", + "integrity": "sha512-b/ZCF6amfAUb7dJM/MxRs7AetQEahYzJ8PtgfrmEdtw6uyGOr+ZSGtgjFm6mfsBkxJ4d2W7kg+Nlqzqvn3Bc0w==", + "license": "MIT" + }, "node_modules/goober": { "version": "2.1.18", "resolved": "https://registry.npmjs.org/goober/-/goober-2.1.18.tgz", @@ -16035,6 +16345,12 @@ "hermes-estree": "0.25.1" } }, + "node_modules/hls.js": { + "version": "1.6.15", + "resolved": "https://registry.npmjs.org/hls.js/-/hls.js-1.6.15.tgz", + "integrity": "sha512-E3a5VwgXimGHwpRGV+WxRTKeSp2DW5DI5MWv34ulL3t5UNmyJWCQ1KmLEHbYzcfThfXG8amBL+fCYPneGHC4VA==", + "license": "Apache-2.0" + }, "node_modules/hoist-non-react-statics": { "version": "3.3.2", "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", @@ -16187,6 +16503,12 @@ "node": ">=16.x" } }, + "node_modules/immediate": { + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz", + "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==", + "license": "MIT" + }, "node_modules/import-fresh": { "version": "3.3.1", "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz", @@ -16954,6 +17276,18 @@ "node": ">= 0.4" } }, + "node_modules/its-fine": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/its-fine/-/its-fine-2.0.0.tgz", + "integrity": "sha512-KLViCmWx94zOvpLwSlsx6yOCeMhZYaxrJV87Po5k/FoZzcPSahvK5qJ7fYhS61sZi5ikmh2S3Hz55A2l3U69ng==", + "license": "MIT", + "dependencies": { + "@types/react-reconciler": "^0.28.9" + }, + "peerDependencies": { + "react": "^19.0.0" + } + }, "node_modules/jackspeak": { "version": "3.4.3", "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz", @@ -17430,6 +17764,15 @@ "integrity": "sha512-Z3IhgVgrqO1S5xPYM3K5XwbkDasU67/Vys4heW+lfSBALcUZjeIIzI8zCLifY+OCzSq+fpDdywMDa7z+4srJPQ==", "license": "MIT" }, + "node_modules/lie": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz", + "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==", + "license": "MIT", + "dependencies": { + "immediate": "~3.0.5" + } + }, "node_modules/lighthouse-logger": { "version": "1.4.2", "resolved": "https://registry.npmjs.org/lighthouse-logger/-/lighthouse-logger-1.4.2.tgz", @@ -17899,6 +18242,16 @@ "node": ">=12" } }, + "node_modules/maath": { + "version": "0.10.8", + "resolved": "https://registry.npmjs.org/maath/-/maath-0.10.8.tgz", + "integrity": "sha512-tRvbDF0Pgqz+9XUa4jjfgAQ8/aPKmQdWXilFu2tMy4GWj4NOsx99HlULO4IeREfbO3a0sA145DZYyvXPkybm0g==", + "license": "MIT", + "peerDependencies": { + "@types/three": ">=0.134.0", + "three": ">=0.134.0" + } + }, "node_modules/make-error": { "version": "1.3.6", "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz", @@ -18034,6 +18387,21 @@ "node": ">= 8" } }, + "node_modules/meshline": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/meshline/-/meshline-3.3.1.tgz", + "integrity": "sha512-/TQj+JdZkeSUOl5Mk2J7eLcYTLiQm2IDzmlSvYm7ov15anEcDJ92GHqqazxTSreeNgfnYu24kiEvvv0WlbCdFQ==", + "license": "MIT", + "peerDependencies": { + "three": ">=0.137" + } + }, + "node_modules/meshoptimizer": { + "version": "0.22.0", + "resolved": "https://registry.npmjs.org/meshoptimizer/-/meshoptimizer-0.22.0.tgz", + "integrity": "sha512-IebiK79sqIy+E4EgOr+CAw+Ke8hAspXKzBd0JdgEmPHiAwmvEj2S4h1rfvo+o/BnfEYd/jAOg5IeeIjzlzSnDg==", + "license": "MIT" + }, "node_modules/methods": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", @@ -19855,6 +20223,16 @@ "node": ">=10" } }, + "node_modules/promise-worker-transferable": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/promise-worker-transferable/-/promise-worker-transferable-1.0.4.tgz", + "integrity": "sha512-bN+0ehEnrXfxV2ZQvU2PetO0n4gqBD4ulq3MI1WOPLgr7/Mg9yRQkX5+0v1vagr74ZTsl7XtzlaYDo2EuCeYJw==", + "license": "Apache-2.0", + "dependencies": { + "is-promise": "^2.1.0", + "lie": "^3.0.2" + } + }, "node_modules/prompts": { "version": "2.4.2", "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz", @@ -20759,6 +21137,21 @@ "node": ">=0.10.0" } }, + "node_modules/react-use-measure": { + "version": "2.1.7", + "resolved": "https://registry.npmjs.org/react-use-measure/-/react-use-measure-2.1.7.tgz", + "integrity": "sha512-KrvcAo13I/60HpwGO5jpW7E9DfusKyLPLvuHlUyP5zqnmAPhNc6qTRjUQrdTADl0lpPpDVU2/Gg51UlOGHXbdg==", + "license": "MIT", + "peerDependencies": { + "react": ">=16.13", + "react-dom": ">=16.13" + }, + "peerDependenciesMeta": { + "react-dom": { + "optional": true + } + } + }, "node_modules/read-cache": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", @@ -21962,6 +22355,32 @@ "integrity": "sha512-qoRRSyROncaz1z0mvYqIE4lCd9p2R90i6GxW3uZv5ucSu8tU7B5HXUP1gG8pVZsYNVaXjk8ClXHPttLyxAL48A==", "license": "MIT" }, + "node_modules/stats-gl": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/stats-gl/-/stats-gl-2.4.2.tgz", + "integrity": "sha512-g5O9B0hm9CvnM36+v7SFl39T7hmAlv541tU81ME8YeSb3i1CIP5/QdDeSB3A0la0bKNHpxpwxOVRo2wFTYEosQ==", + "license": "MIT", + "dependencies": { + "@types/three": "*", + "three": "^0.170.0" + }, + "peerDependencies": { + "@types/three": "*", + "three": "*" + } + }, + "node_modules/stats-gl/node_modules/three": { + "version": "0.170.0", + "resolved": "https://registry.npmjs.org/three/-/three-0.170.0.tgz", + "integrity": "sha512-FQK+LEpYc0fBD+J8g6oSEyyNzjp+Q7Ks1C568WWaoMRLW+TkNNWmenWeGgJjV105Gd+p/2ql1ZcjYvNiPZBhuQ==", + "license": "MIT" + }, + "node_modules/stats.js": { + "version": "0.17.0", + "resolved": "https://registry.npmjs.org/stats.js/-/stats.js-0.17.0.tgz", + "integrity": "sha512-hNKz8phvYLPEcRkeG1rsGmV5ChMjKDAWU7/OJJdDErPBNChQXxCo3WZurGpnWc6gZhAzEPFad1aVgyOANH1sMw==", + "license": "MIT" + }, "node_modules/statuses": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz", @@ -22344,6 +22763,15 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/suspend-react": { + "version": "0.1.3", + "resolved": "https://registry.npmjs.org/suspend-react/-/suspend-react-0.1.3.tgz", + "integrity": "sha512-aqldKgX9aZqpoDp3e8/BZ8Dm7x1pJl+qI3ZKxDN0i/IQTWUwBx/ManmlVJ3wowqbno6c2bmiIfs+Um6LbsjJyQ==", + "license": "MIT", + "peerDependencies": { + "react": ">=17.0" + } + }, "node_modules/sweepline-intersections": { "version": "1.5.0", "resolved": "https://registry.npmjs.org/sweepline-intersections/-/sweepline-intersections-1.5.0.tgz", @@ -22566,6 +22994,50 @@ "node": ">=0.8" } }, + "node_modules/three": { + "version": "0.182.0", + "resolved": "https://registry.npmjs.org/three/-/three-0.182.0.tgz", + "integrity": "sha512-GbHabT+Irv+ihI1/f5kIIsZ+Ef9Sl5A1Y7imvS5RQjWgtTPfPnZ43JmlYI7NtCRDK9zir20lQpfg8/9Yd02OvQ==", + "license": "MIT" + }, + "node_modules/three-mesh-bvh": { + "version": "0.8.3", + "resolved": "https://registry.npmjs.org/three-mesh-bvh/-/three-mesh-bvh-0.8.3.tgz", + "integrity": "sha512-4G5lBaF+g2auKX3P0yqx+MJC6oVt6sB5k+CchS6Ob0qvH0YIhuUk1eYr7ktsIpY+albCqE80/FVQGV190PmiAg==", + "license": "MIT", + "peerDependencies": { + "three": ">= 0.159.0" + } + }, + "node_modules/three-stdlib": { + "version": "2.36.1", + "resolved": "https://registry.npmjs.org/three-stdlib/-/three-stdlib-2.36.1.tgz", + "integrity": "sha512-XyGQrFmNQ5O/IoKm556ftwKsBg11TIb301MB5dWNicziQBEs2g3gtOYIf7pFiLa0zI2gUwhtCjv9fmjnxKZ1Cg==", + "license": "MIT", + "dependencies": { + "@types/draco3d": "^1.4.0", + "@types/offscreencanvas": "^2019.6.4", + "@types/webxr": "^0.5.2", + "draco3d": "^1.4.1", + "fflate": "^0.6.9", + "potpack": "^1.0.1" + }, + "peerDependencies": { + "three": ">=0.128.0" + } + }, + "node_modules/three-stdlib/node_modules/fflate": { + "version": "0.6.10", + "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.6.10.tgz", + "integrity": "sha512-IQrh3lEPM93wVCEczc9SaAOvkmcoQn/G8Bo1e8ZPlY3X3bnAxWaBdvTdvM1hP62iZp0BXWDy4vTAy4fF0+Dlpg==", + "license": "MIT" + }, + "node_modules/three-stdlib/node_modules/potpack": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/potpack/-/potpack-1.0.2.tgz", + "integrity": "sha512-choctRBIV9EMT9WGAZHn3V7t0Z2pMQyl0EZE6pFc/6ml3ssw7Dlf/oAOvFwjm1HVsqfQN8GfeFyJ+d8tRzqueQ==", + "license": "ISC" + }, "node_modules/throat": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/throat/-/throat-5.0.0.tgz", @@ -22719,6 +23191,36 @@ "tree-kill": "cli.js" } }, + "node_modules/troika-three-text": { + "version": "0.52.4", + "resolved": "https://registry.npmjs.org/troika-three-text/-/troika-three-text-0.52.4.tgz", + "integrity": "sha512-V50EwcYGruV5rUZ9F4aNsrytGdKcXKALjEtQXIOBfhVoZU9VAqZNIoGQ3TMiooVqFAbR1w15T+f+8gkzoFzawg==", + "license": "MIT", + "dependencies": { + "bidi-js": "^1.0.2", + "troika-three-utils": "^0.52.4", + "troika-worker-utils": "^0.52.0", + "webgl-sdf-generator": "1.1.1" + }, + "peerDependencies": { + "three": ">=0.125.0" + } + }, + "node_modules/troika-three-utils": { + "version": "0.52.4", + "resolved": "https://registry.npmjs.org/troika-three-utils/-/troika-three-utils-0.52.4.tgz", + "integrity": "sha512-NORAStSVa/BDiG52Mfudk4j1FG4jC4ILutB3foPnfGbOeIs9+G5vZLa0pnmnaftZUGm4UwSoqEpWdqvC7zms3A==", + "license": "MIT", + "peerDependencies": { + "three": ">=0.125.0" + } + }, + "node_modules/troika-worker-utils": { + "version": "0.52.0", + "resolved": "https://registry.npmjs.org/troika-worker-utils/-/troika-worker-utils-0.52.0.tgz", + "integrity": "sha512-W1CpvTHykaPH5brv5VHLfQo9D1OYuo0cSBEUQFFT/nBUzM8iD6Lq2/tgG/f1OelbAS1WtaTPQzE5uM49egnngw==", + "license": "MIT" + }, "node_modules/ts-api-utils": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.1.0.tgz", @@ -23443,6 +23945,43 @@ "@esbuild/win32-x64": "0.27.1" } }, + "node_modules/tunnel-rat": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/tunnel-rat/-/tunnel-rat-0.1.2.tgz", + "integrity": "sha512-lR5VHmkPhzdhrM092lI2nACsLO4QubF0/yoOhzX7c+wIpbN1GjHNzCc91QlpxBi+cnx8vVJ+Ur6vL5cEoQPFpQ==", + "license": "MIT", + "dependencies": { + "zustand": "^4.3.2" + } + }, + "node_modules/tunnel-rat/node_modules/zustand": { + "version": "4.5.7", + "resolved": "https://registry.npmjs.org/zustand/-/zustand-4.5.7.tgz", + "integrity": "sha512-CHOUy7mu3lbD6o6LJLfllpjkzhHXSBlX8B9+qPddUsIfeF5S/UZ5q0kmCsnRqT1UHFQZchNFDDzMbQsuesHWlw==", + "license": "MIT", + "dependencies": { + "use-sync-external-store": "^1.2.2" + }, + "engines": { + "node": ">=12.7.0" + }, + "peerDependencies": { + "@types/react": ">=16.8", + "immer": ">=9.0.6", + "react": ">=16.8" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "immer": { + "optional": true + }, + "react": { + "optional": true + } + } + }, "node_modules/turbo": { "version": "2.6.3", "resolved": "https://registry.npmjs.org/turbo/-/turbo-2.6.3.tgz", @@ -23935,6 +24474,15 @@ "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", "license": "MIT" }, + "node_modules/utility-types": { + "version": "3.11.0", + "resolved": "https://registry.npmjs.org/utility-types/-/utility-types-3.11.0.tgz", + "integrity": "sha512-6Z7Ma2aVEWisaL6TvBCy7P8rm2LQoPv6dJ7ecIaIixHcwfbJ0x7mWdbcwlIM5IGQxPZSFYeqRCqlOOeKoJYMkw==", + "license": "MIT", + "engines": { + "node": ">= 4" + } + }, "node_modules/utils-merge": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", @@ -24129,6 +24677,17 @@ "defaults": "^1.0.3" } }, + "node_modules/webgl-constants": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/webgl-constants/-/webgl-constants-1.1.1.tgz", + "integrity": "sha512-LkBXKjU5r9vAW7Gcu3T5u+5cvSvh5WwINdr0C+9jpzVB41cjQAP5ePArDtk/WHYdVj0GefCgM73BA7FlIiNtdg==" + }, + "node_modules/webgl-sdf-generator": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/webgl-sdf-generator/-/webgl-sdf-generator-1.1.1.tgz", + "integrity": "sha512-9Z0JcMTFxeE+b2x1LJTdnaT8rT8aEp7MVxkNwoycNmJWwPdzoXzMh0BjJSh/AEFP+KPYZUli814h8bJZFIZ2jA==", + "license": "MIT" + }, "node_modules/webidl-conversions": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz", diff --git a/package.json b/package.json index fd20819..8f9f339 100644 --- a/package.json +++ b/package.json @@ -20,6 +20,7 @@ ], "devDependencies": { "@babel/core": "^7.25.2", + "@types/canvas-confetti": "^1.9.0", "@types/react": "~19.0.10", "@types/react-native-razorpay": "^2.2.6", "eslint": "^9.25.0", @@ -29,8 +30,12 @@ }, "dependencies": { "@react-native/virtualized-lists": "^0.79.6", + "@react-three/drei": "^10.7.7", + "@react-three/fiber": "^9.5.0", + "@types/three": "^0.182.0", "admin-ui": "^1.0.0", "backend": "^1.0.0", + "canvas-confetti": "^1.9.4", "expo": "~53.0.22", "expo-auth-session": "~6.2.1", "expo-crypto": "~14.1.5", @@ -38,6 +43,7 @@ "node-cron": "^4.2.1", "react": "19.0.0", "react-native": "0.79.6", + "three": "^0.182.0", "user-ui": "^1.0.0", "zustand": "^5.0.9" }