npm - @burdenoff/microfe-kadaikodi - Versions diffs - 2026.801.1 → 2026.802.1 - Mend

@burdenoff/microfe-kadaikodi 2026.801.1 → 2026.802.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (30) hide show

package/dist/kadaikodi/pages/customer/CartDetailPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CartDetailPage.js","names":[],"sources":["../../../../src/kadaikodi/pages/customer/CartDetailPage.tsx"],"sourcesContent":["/*\n Cart Detail Page\n * @module kadaikodi/pages/customer\n \n Full detail view with shopping cart sidebar (Your Order with +/- controls,\n * remove, total, Proceed to Checkout), product customization modal,\n * category-grouped product listing, search, category filter,\n * investment opportunity card, scheduled stops, direct service card,\n * veg/vegan icons, availability badges, calories, original price\n * strikethrough, and cart closed warning banner.\n /\n\nimport { useState, useMemo, useEffect } from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n ArrowLeft,\n Star,\n MapPin,\n Clock,\n CheckCircle2,\n ShoppingCart,\n Search,\n Leaf,\n Minus,\n Plus,\n X,\n TrendingUp,\n Home,\n Calendar,\n Flame,\n Heart,\n MessageSquare,\n} from 'lucide-react';\nimport { GlassCard, PagePurpose, NextSteps } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { EmptyState } from '../../components/EmptyState';\nimport { RatingStars, SegmentedTabs } from '../../components/viz';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { useKadaikodiStore, type PersistedCartItem } from '../../store';\nimport {\n useProviders,\n useOfferings,\n useInvestmentOpportunities,\n useReviews,\n} from '../../hooks/useKadaikodiApi';\nimport { cn } from '../../utils/cn';\nimport {\n formatCurrency,\n formatDistance,\n formatDuration,\n formatRelativeTime,\n} from '../../utils/formatters';\nimport type { CartMenuItem, InvestmentOpportunity } from '../../types';\nimport { ProviderImage, useFavorites } from './shared';\n\ntype DetailTab = 'menu' \| 'reviews' \| 'info';\n\n// The cart line-item shape is persisted (BOFF-4301) — see PersistedCartItem\n// in ../../store/kadaikodiStore.ts. Aliased locally so this file doesn't\n// need to change if callers keep importing `CartItem` from here elsewhere.\ntype CartItem = PersistedCartItem;\n\ninterface CustomizationState {\n product: CartMenuItem;\n quantity: number;\n specialInstructions: string;\n}\n\nconst DAY_LABELS: Record<string, string> = {\n monday: 'Mon',\n tuesday: 'Tue',\n wednesday: 'Wed',\n thursday: 'Thu',\n friday: 'Fri',\n saturday: 'Sat',\n sunday: 'Sun',\n};\n\nexport function CartDetailPage() {\n const { cartId } = useParams<{ cartId: string }>();\n const { navigateTo } = useKadaikodi();\n\n const { data: providers = [], isLoading: isLoadingProviders } = useProviders();\n const { data: offerings = [], isLoading: isLoadingOfferings } = useOfferings(cartId);\n const { data: investments = [], isLoading: isLoadingInvestments } = useInvestmentOpportunities();\n\n const { data: reviews = [] } = useReviews(cartId ?? '');\n const favorites = useFavorites();\n\n const cart = useMemo(() => providers.find((p) => p.id === cartId), [providers, cartId]);\n const investment = useMemo(\n () => investments.find((i) => i.cartId === cartId),\n [investments, cartId]\n );\n\n const [activeTab, setActiveTab] = useState<DetailTab>('menu');\n const [searchQuery, setSearchQuery] = useState('');\n const [selectedCategory, setSelectedCategory] = useState('');\n\n // Offline-cached active cart (BOFF-4301) — persisted per cart/provider so\n // it survives an app kill, backgrounding, or a reload while offline. Was\n // previously plain `useState`, which silently discarded the customer's\n // in-progress order the moment the tab/app closed.\n const cartsByProviderId = useKadaikodiStore((s) => s.cartsByProviderId);\n const setCartItemsForProvider = useKadaikodiStore((s) => s.setCartItems);\n const cartItems = useMemo<CartItem[]>(\n () => (cartId ? (cartsByProviderId[cartId] ?? []) : []),\n [cartsByProviderId, cartId]\n );\n\n const [showCustomization, setShowCustomization] = useState(false);\n const [customization, setCustomization] = useState<CustomizationState \| null>(null);\n\n const menuItems = useMemo(\n () =>\n offerings.map((o) => ({\n id: o.id,\n name: o.name,\n price: o.price,\n description: o.description ?? '',\n image: o.media?.[0] ?? '',\n category: o.category,\n isVeg: true,\n duration: o.durationMinutes ?? undefined,\n serviceType: (o.serviceType ?? undefined) as CartMenuItem['serviceType'],\n })),\n [offerings]\n );\n\n const menuCategories = useMemo(() => {\n const cats = [...new Set(menuItems.map((item) => item.category))];\n return cats;\n }, [menuItems]);\n\n const filteredMenu = useMemo(() => {\n let items = menuItems;\n\n if (selectedCategory) {\n items = items.filter((item) => item.category === selectedCategory);\n }\n\n if (searchQuery.trim()) {\n const q = searchQuery.toLowerCase();\n items = items.filter(\n (item) => item.name.toLowerCase().includes(q) \|\| item.description.toLowerCase().includes(q)\n );\n }\n\n return items;\n }, [menuItems, selectedCategory, searchQuery]);\n\n const isLoading = isLoadingProviders \|\| isLoadingOfferings \|\| isLoadingInvestments;\n\n const groupedMenu = useMemo(() => {\n const groups: Record<string, CartMenuItem[]> = {};\n filteredMenu.forEach((item) => {\n if (!groups[item.category]) groups[item.category] = [];\n groups[item.category].push(item);\n });\n return groups;\n }, [filteredMenu]);\n\n // Cart operations — write through to the persisted, per-provider store\n // (BOFF-4301) so the active cart survives an app kill/reload offline.\n const addToCart = (product: CartMenuItem, qty: number = 1, instructions?: string) => {\n if (!cartId) return;\n const existing = cartItems.find((item) => item.productId === product.id);\n const next = existing\n ? cartItems.map((item) =>\n item.productId === product.id ? { ...item, quantity: item.quantity + qty } : item\n )\n : [\n ...cartItems,\n {\n id: `cart-${Date.now()}`,\n productId: product.id,\n name: product.name,\n price: product.price,\n quantity: qty,\n specialInstructions: instructions,\n },\n ];\n setCartItemsForProvider(cartId, next);\n };\n\n const updateQuantity = (productId: string, delta: number) => {\n if (!cartId) return;\n const next = cartItems\n .map((item) =>\n item.productId === productId\n ? { ...item, quantity: Math.max(0, item.quantity + delta) }\n : item\n )\n .filter((item) => item.quantity > 0);\n setCartItemsForProvider(cartId, next);\n };\n\n const removeFromCart = (productId: string) => {\n if (!cartId) return;\n setCartItemsForProvider(\n cartId,\n cartItems.filter((item) => item.productId !== productId)\n );\n };\n\n const getItemQuantity = (productId: string) => {\n return cartItems.find((item) => item.productId === productId)?.quantity ?? 0;\n };\n\n const cartTotal = cartItems.reduce((sum, item) => sum + item.price item.quantity, 0);\n const cartCount = cartItems.reduce((sum, item) => sum + item.quantity, 0);\n\n const handleAddToCart = (product: CartMenuItem) => {\n setCustomization({ product, quantity: 1, specialInstructions: '' });\n setShowCustomization(true);\n };\n\n const confirmAddToCart = () => {\n if (!customization) return;\n addToCart(customization.product, customization.quantity, customization.specialInstructions);\n setShowCustomization(false);\n setCustomization(null);\n alert(`${customization.product.name} added to cart`);\n };\n\n if (!cart) {\n return (\n <PageLayout title=\"Cart Not Found\">\n <EmptyState\n icon={<ShoppingCart className=\"h-12 w-12\" />}\n title=\"Cart not found\"\n description={`No cart found with ID \"${cartId}\".`}\n action={\n <button\n type=\"button\"\n onClick={() => navigateTo('/customer/discover')}\n className=\"rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n >\n Browse Carts\n </button>\n }\n />\n </PageLayout>\n );\n }\n\n return (\n <PageLayout\n title={\n <div className=\"flex items-center gap-3\">\n <button\n type=\"button\"\n onClick={() => navigateTo('/customer/discover')}\n className=\"rounded-md p-1 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors\"\n >\n <ArrowLeft className=\"h-5 w-5\" />\n </button>\n <span className=\"truncate\">{cart.name}</span>\n {cart.isVerified && <CheckCircle2 className=\"h-5 w-5 text-text-primary shrink-0\" />}\n </div>\n }\n description={cart.category}\n >\n <PagePurpose className=\"mb-4\">\n Everything about this cart in one place — browse its menu, check ratings, location and\n opening hours, then add items to your order. When you're ready, head to checkout to confirm\n and pay.\n </PagePurpose>\n\n <NextSteps\n storageKey=\"kadaikodi-cart-detail\"\n className=\"mb-4\"\n steps={[\n {\n id: 'menu',\n label: 'Browse the menu and add items',\n description: 'Tap items below to build your order.',\n },\n {\n id: 'reviews',\n label: 'Read what others say',\n description: 'Check ratings and reviews before you order.',\n onClick: () => navigateTo('/customer/reviews'),\n },\n {\n id: 'checkout',\n label: 'Proceed to checkout',\n description: 'Review your order, choose payment and confirm.',\n onClick: () => navigateTo('/customer/checkout'),\n },\n ]}\n />\n\n {/* Hero Image — the one emphasis zone /}\n <GlassCard treatment=\"glass\" glow className=\"relative h-48 overflow-hidden p-0\">\n <ProviderImage src={cart.image} alt={cart.name} seed={cart.name} />\n <button\n type=\"button\"\n onClick={() => favorites.toggle(cart.id)}\n aria-pressed={favorites.has(cart.id)}\n aria-label={favorites.has(cart.id) ? 'Remove from favorites' : 'Save to favorites'}\n className=\"absolute top-3 right-3 flex h-9 w-9 items-center justify-center rounded-full bg-bg-surface/80 backdrop-blur-sm text-text-secondary hover:text-status-error-text transition-colors\"\n >\n <Heart\n className={cn(\n 'h-4.5 w-4.5',\n favorites.has(cart.id) && 'fill-status-error-text text-status-error-text'\n )}\n />\n </button>\n <div className=\"absolute bottom-0 inset-x-0 bg-gradient-to-t from-black/60 to-transparent p-4\">\n <div className=\"flex items-center gap-3\">\n <span\n className={cn(\n 'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium',\n cart.isOpen\n ? 'bg-status-success-bg-subtle text-status-success-text'\n : 'bg-status-error-bg-subtle text-status-error-text'\n )}\n >\n {cart.isOpen ? 'Open Now' : 'Closed'}\n </span>\n <div className=\"flex items-center gap-1.5 text-white text-sm\">\n <RatingStars value={cart.rating} size={14} />\n <span className=\"font-medium\">{cart.rating}</span>\n <span className=\"text-white/70\">({cart.totalRatings} reviews)</span>\n </div>\n </div>\n </div>\n </GlassCard>\n\n {/ Cart Closed Warning /}\n {!cart.isOpen && (\n <div className=\"mt-4 rounded-lg border border-status-warning-text/30 bg-status-warning-bg-subtle p-3\">\n <p className=\"text-sm text-status-warning-text\">\n <strong>This cart is currently closed.</strong> You can browse the offerings but orders\n are not being accepted.\n </p>\n </div>\n )}\n\n {/ Menu / Reviews / Info tabs /}\n <div className=\"mt-5\">\n <SegmentedTabs\n aria-label=\"Cart sections\"\n variant=\"underline\"\n tabs={[\n { id: 'menu', label: 'Menu' },\n { id: 'reviews', label: 'Reviews', count: reviews.length \|\| undefined },\n { id: 'info', label: 'Info' },\n ]}\n value={activeTab}\n onChange={(id) => setActiveTab(id as DetailTab)}\n />\n </div>\n\n {/ ── Info tab ─────────────────────────────────────────── /}\n {activeTab === 'info' && (\n <>\n <div className=\"mt-4 grid grid-cols-1 gap-3 sm:grid-cols-3\">\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3\">\n <div className=\"flex items-center gap-2 text-text-secondary text-xs mb-1\">\n <MapPin className=\"h-3.5 w-3.5\" />\n <span className=\"font-medium uppercase tracking-wider\">Location</span>\n </div>\n <p className=\"text-sm text-text-primary\">{cart.location.address}</p>\n {cart.distance != null && (\n <p className=\"text-xs text-text-secondary\">{formatDistance(cart.distance)} away</p>\n )}\n </div>\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3\">\n <div className=\"flex items-center gap-2 text-text-secondary text-xs mb-1\">\n <Clock className=\"h-3.5 w-3.5\" />\n <span className=\"font-medium uppercase tracking-wider\">Estimated Time</span>\n </div>\n <p className=\"text-sm text-text-primary\">\n {cart.estimatedTime != null ? formatDuration(cart.estimatedTime) : '—'}\n </p>\n {cart.averageOrderValue && (\n <p className=\"text-xs text-text-secondary\">\n Avg {formatCurrency(cart.averageOrderValue, { minimumFractionDigits: 0 })}\n </p>\n )}\n </div>\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3\">\n <div className=\"flex items-center gap-2 text-text-secondary text-xs mb-1\">\n <Star className=\"h-3.5 w-3.5\" />\n <span className=\"font-medium uppercase tracking-wider\">Rating</span>\n </div>\n <p className=\"text-sm text-text-primary\">{cart.rating} / 5.0</p>\n <p className=\"text-xs text-text-secondary\">{cart.totalRatings} reviews</p>\n </div>\n </div>\n\n {/ Business Hours /}\n {cart.businessHours && Object.keys(cart.businessHours).length > 0 && (\n <section className=\"mt-6\">\n <h2 className=\"text-base font-semibold text-text-primary mb-2\">Operating Hours</h2>\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface overflow-hidden\">\n {Object.entries(cart.businessHours).map(([day, hours]) => (\n <div\n key={day}\n className=\"flex items-center justify-between px-4 py-2 border-b border-border-subtle last:border-b-0\"\n >\n <span className=\"text-sm font-medium text-text-primary capitalize\">{day}</span>\n {hours.isOpen ? (\n <span className=\"text-sm text-text-secondary\">\n {hours.open} - {hours.close}\n </span>\n ) : (\n <span className=\"text-sm text-status-error-text\">Closed</span>\n )}\n </div>\n ))}\n </div>\n </section>\n )}\n </>\n )}\n\n {/ ── Reviews tab ──────────────────────────────────────── /}\n {activeTab === 'reviews' && (\n <div className=\"mt-4 space-y-4\">\n {/ Aggregate /}\n <div className=\"flex flex-wrap items-center gap-4 rounded-xl border border-border-subtle bg-bg-surface p-5\">\n <div className=\"text-center\">\n <p className=\"text-4xl font-bold leading-none text-text-primary\">\n {cart.rating.toFixed(1)}\n </p>\n <div className=\"mt-1.5 flex justify-center\">\n <RatingStars value={cart.rating} size={16} />\n </div>\n <p className=\"mt-1 text-xs text-text-secondary\">{cart.totalRatings} ratings</p>\n </div>\n <div className=\"flex-1 min-w-[180px] space-y-1.5\">\n {[5, 4, 3, 2, 1].map((star) => {\n const count = reviews.filter((r) => Math.round(r.rating) === star).length;\n const pct = reviews.length ? (count / reviews.length) 100 : 0;\n return (\n <div key={star} className=\"flex items-center gap-2 text-xs\">\n <span className=\"flex w-6 items-center gap-0.5 text-text-secondary\">\n {star}\n <Star className=\"h-3 w-3 fill-status-warning-text text-status-warning-text\" />\n </span>\n <div className=\"h-2 flex-1 overflow-hidden rounded-full bg-bg-sunken\">\n <div\n className=\"h-full rounded-full bg-accent-primary transition-all\"\n style={{ width: `${pct}%` }}\n />\n </div>\n <span className=\"w-6 text-right tabular-nums text-text-muted\">{count}</span>\n </div>\n );\n })}\n </div>\n </div>\n\n {/* Review list /}\n {reviews.length === 0 ? (\n <div className=\"rounded-xl border border-border-subtle bg-bg-surface p-8 text-center\">\n <MessageSquare className=\"mx-auto h-10 w-10 text-text-secondary/40\" />\n <p className=\"mt-3 text-sm text-text-secondary\">\n No written reviews yet. Order and be the first to review this cart.\n </p>\n </div>\n ) : (\n <div className=\"space-y-3\">\n {reviews.map((review) => (\n <div\n key={review.id}\n className=\"rounded-xl border border-border-subtle bg-bg-surface p-4\"\n >\n <div className=\"flex items-center justify-between gap-2\">\n <RatingStars value={review.rating} size={14} showValue />\n <span className=\"text-xs text-text-muted\">\n {formatRelativeTime(review.createdAt)}\n </span>\n </div>\n {review.review && (\n <p className=\"mt-2 text-sm text-text-primary leading-relaxed\">\n {review.review}\n </p>\n )}\n {review.response && (\n <div className=\"mt-3 rounded-lg border-l-2 border-accent-primary bg-[var(--color-accent-soft)] p-3\">\n <p className=\"mb-1 text-xs font-medium text-text-primary\">Owner response</p>\n <p className=\"text-xs text-text-primary leading-relaxed\">{review.response}</p>\n </div>\n )}\n </div>\n ))}\n </div>\n )}\n </div>\n )}\n\n {/ ── Menu tab: Menu + Sidebar ─────────────────────────── /}\n {activeTab === 'menu' && (\n <div className=\"mt-6 grid grid-cols-1 gap-6 lg:grid-cols-3\">\n {/ Menu Section /}\n <div className=\"lg:col-span-2\">\n {/ Search and Filter /}\n <div className=\"flex flex-col gap-3 sm:flex-row mb-4\">\n <div className=\"relative flex-1\">\n <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n <input\n type=\"text\"\n placeholder=\"Search offerings...\"\n value={searchQuery}\n onChange={(e) => setSearchQuery(e.target.value)}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <select\n value={selectedCategory}\n onChange={(e) => setSelectedCategory(e.target.value)}\n className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n >\n <option value=\"\">All Categories</option>\n {menuCategories.map((cat) => (\n <option key={cat} value={cat}>\n {cat}\n </option>\n ))}\n </select>\n </div>\n\n {/ Menu Items /}\n <h2 className=\"text-lg font-semibold text-text-primary mb-3\">\n Menu & Services ({filteredMenu.length})\n </h2>\n\n {filteredMenu.length === 0 ? (\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-8 text-center\">\n <Search className=\"mx-auto h-10 w-10 text-text-secondary/50\" />\n <p className=\"mt-3 text-sm text-text-secondary\">No offerings found</p>\n </div>\n ) : (\n <div className=\"space-y-6\">\n {Object.entries(groupedMenu).map(([category, items]) => (\n <div key={category}>\n <h3 className=\"text-sm font-semibold text-text-primary mb-2 px-1\">\n {category}\n </h3>\n <div className=\"space-y-2\">\n {items.map((item) => {\n const qty = getItemQuantity(item.id);\n return (\n <div\n key={item.id}\n className=\"flex gap-4 rounded-lg border border-border-subtle bg-bg-surface p-4\"\n >\n <div className=\"h-20 w-20 shrink-0 rounded-md bg-bg-sunken overflow-hidden\">\n <ProviderImage src={item.image} alt={item.name} seed={item.name} />\n </div>\n <div className=\"flex-1 min-w-0\">\n <div className=\"flex items-start justify-between gap-2\">\n <div>\n <div className=\"flex items-center gap-2\">\n <h4 className=\"text-sm font-semibold text-text-primary\">\n {item.name}\n </h4>\n {item.isVeg && (\n <Leaf className=\"h-3.5 w-3.5 text-status-success-text\" />\n )}\n </div>\n <p className=\"text-xs text-text-secondary mt-0.5\">\n {item.category}\n </p>\n </div>\n <span className=\"text-sm font-bold text-text-primary whitespace-nowrap\">\n {formatCurrency(item.price, { minimumFractionDigits: 0 })}\n </span>\n </div>\n <p className=\"mt-1 text-xs text-text-secondary line-clamp-2\">\n {item.description}\n </p>\n <div className=\"mt-2 flex flex-wrap items-center gap-2 text-[10px] text-text-secondary\">\n {item.duration != null && item.duration > 0 && (\n <span className=\"flex items-center gap-0.5\">\n <Clock className=\"h-3 w-3\" />\n {formatDuration(item.duration)}\n </span>\n )}\n {item.serviceType && (\n <span className=\"rounded bg-bg-sunken px-1.5 py-0.5 capitalize\">\n {item.serviceType}\n </span>\n )}\n {item.spiceLevel && (\n <span className=\"flex items-center gap-0.5 rounded bg-bg-sunken px-1.5 py-0.5 capitalize\">\n <Flame className=\"h-3 w-3\" />\n {item.spiceLevel}\n </span>\n )}\n </div>\n {/ Add/Quantity Controls /}\n <div className=\"mt-2 flex justify-end\">\n {qty > 0 ? (\n <div className=\"flex items-center gap-2\">\n <button\n type=\"button\"\n onClick={() => updateQuantity(item.id, -1)}\n className=\"flex h-7 w-7 items-center justify-center rounded-full bg-bg-sunken text-text-primary hover:bg-accent\"\n >\n <Minus className=\"h-3.5 w-3.5\" />\n </button>\n <span className=\"min-w-[2ch] text-center text-sm font-medium text-text-primary\">\n {qty}\n </span>\n <button\n type=\"button\"\n onClick={() => updateQuantity(item.id, 1)}\n className=\"flex h-7 w-7 items-center justify-center rounded-full bg-foreground text-background hover:opacity-90\"\n >\n <Plus className=\"h-3.5 w-3.5\" />\n </button>\n <button\n type=\"button\"\n onClick={() => removeFromCart(item.id)}\n className=\"ml-1 flex h-7 w-7 items-center justify-center rounded-full text-status-error-text hover:bg-status-error-bg/10\"\n >\n <X className=\"h-3.5 w-3.5\" />\n </button>\n </div>\n ) : (\n <button\n type=\"button\"\n disabled={!cart.isOpen}\n onClick={() => handleAddToCart(item)}\n className={cn(\n 'rounded-lg px-4 py-1.5 text-xs font-medium transition-opacity',\n cart.isOpen\n ? 'bg-foreground text-background hover:opacity-90'\n : 'bg-bg-sunken text-text-secondary cursor-not-allowed'\n )}\n >\n Add\n </button>\n )}\n </div>\n </div>\n </div>\n );\n })}\n </div>\n </div>\n ))}\n </div>\n )}\n </div>\n\n {/ Sidebar /}\n <div className=\"space-y-4\">\n {/ Shopping Cart /}\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 lg:sticky lg:top-6\">\n <h3 className=\"text-base font-semibold text-text-primary mb-3 flex items-center gap-2\">\n <ShoppingCart className=\"h-4 w-4\" />\n Your Order\n </h3>\n {cartItems.length === 0 ? (\n <div className=\"py-6 text-center\">\n <ShoppingCart className=\"mx-auto h-8 w-8 text-text-secondary/40\" />\n <p className=\"mt-2 text-sm text-text-secondary\">Your cart is empty</p>\n </div>\n ) : (\n <>\n <div className=\"space-y-2 max-h-64 overflow-y-auto mb-3\">\n {cartItems.map((item) => (\n <div key={item.id} className=\"flex items-center justify-between gap-2\">\n <div className=\"flex-1 min-w-0\">\n <p className=\"text-sm font-medium text-text-primary truncate\">\n {item.name}\n </p>\n <p className=\"text-xs text-text-secondary\">\n {formatCurrency(item.price, { minimumFractionDigits: 0 })} x{' '}\n {item.quantity}\n </p>\n </div>\n <div className=\"flex items-center gap-1\">\n <button\n type=\"button\"\n onClick={() => updateQuantity(item.productId, -1)}\n className=\"flex h-6 w-6 items-center justify-center rounded bg-bg-sunken text-text-primary text-xs\"\n >\n -\n </button>\n <span className=\"min-w-[2ch] text-center text-xs font-medium\">\n {item.quantity}\n </span>\n <button\n type=\"button\"\n onClick={() => updateQuantity(item.productId, 1)}\n className=\"flex h-6 w-6 items-center justify-center rounded bg-bg-sunken text-text-primary text-xs\"\n >\n +\n </button>\n <button\n type=\"button\"\n onClick={() => removeFromCart(item.productId)}\n className=\"ml-1 text-status-error-text hover:text-status-error-text/80\"\n >\n <X className=\"h-3.5 w-3.5\" />\n </button>\n </div>\n </div>\n ))}\n </div>\n <div className=\"border-t border-border-subtle pt-3\">\n <div className=\"flex justify-between items-center mb-3\">\n <span className=\"text-sm font-semibold text-text-primary\">\n Total: {formatCurrency(cartTotal, { minimumFractionDigits: 0 })}\n </span>\n <span className=\"text-xs text-text-secondary\">{cartCount} items</span>\n </div>\n <button\n type=\"button\"\n onClick={() => navigateTo('/customer/checkout')}\n className=\"w-full rounded-lg bg-foreground py-2.5 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n >\n Proceed to Checkout\n </button>\n </div>\n </>\n )}\n </div>\n\n {/ Direct Service Card /}\n {cart.serviceTypes?.includes('direct_service') && (\n <div className=\"rounded-lg border border-accent-purple/30 bg-accent-purple-subtle p-4\">\n <h3 className=\"text-sm font-semibold text-text-primary flex items-center gap-2 mb-2\">\n <Home className=\"h-4 w-4 text-text-primary\" />\n Direct Service\n </h3>\n <p className=\"text-xs text-text-secondary mb-3\">Cart comes to your location!</p>\n <button\n type=\"button\"\n onClick={() => navigateTo(`/customer/cart/${cart.id}/direct-service`)}\n className=\"w-full rounded-lg bg-accent-purple py-2 text-xs font-medium text-white hover:bg-accent-purple transition-colors\"\n >\n Book Direct Service\n </button>\n </div>\n )}\n\n {/ Scheduled Stops /}\n {cart.serviceTypes?.includes('appointment') && (\n <div className=\"rounded-lg border border-border-focus/30 bg-[var(--color-accent-soft)] p-4\">\n <h3 className=\"text-sm font-semibold text-text-primary flex items-center gap-2 mb-2\">\n <Calendar className=\"h-4 w-4 text-text-primary\" />\n Appointments Available\n </h3>\n <p className=\"text-xs text-text-secondary\">\n This service provider accepts appointments. Contact them to schedule.\n </p>\n </div>\n )}\n\n {/ Investment Opportunity /}\n {investment && (\n <div className=\"rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle p-4\">\n <h3 className=\"text-sm font-semibold text-text-primary flex items-center gap-2 mb-2\">\n <TrendingUp className=\"h-4 w-4 text-status-success-text\" />\n Investment Opportunity\n </h3>\n <p className=\"text-xs text-text-secondary mb-2\">{investment.description}</p>\n <div className=\"space-y-1 text-xs text-text-secondary mb-3\">\n <p>\n Target: {formatCurrency(investment.targetAmount, { minimumFractionDigits: 0 })}\n </p>\n <p>\n Raised: {formatCurrency(investment.raisedAmount, { minimumFractionDigits: 0 })}\n </p>\n <p>Expected Returns: {investment.expectedReturns}%</p>\n <p>\n Min Investment:{' '}\n {formatCurrency(investment.minimumInvestment, { minimumFractionDigits: 0 })}\n </p>\n </div>\n <button\n type=\"button\"\n onClick={() => navigateTo(`/investor/opportunity/${investment.id}`)}\n className=\"w-full rounded-lg bg-status-success-text py-2 text-xs font-medium text-white hover:bg-status-success-text transition-colors\"\n >\n Fund This Business\n </button>\n </div>\n )}\n </div>\n </div>\n )}\n\n {/ Sticky mobile cart bar (mockup: \"View Cart · N items · ₹X\") /}\n {activeTab === 'menu' && cartCount > 0 && (\n <>\n <div className=\"h-20 lg:hidden\" aria-hidden=\"true\" />\n <div className=\"fixed inset-x-0 bottom-0 z-40 border-t border-border-subtle bg-bg-surface/95 p-3 backdrop-blur-sm shadow-elevation-2 lg:hidden\">\n <button\n type=\"button\"\n onClick={() => navigateTo('/customer/checkout')}\n className=\"flex w-full items-center justify-center gap-2 rounded-lg bg-action-primary-bg py-3 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg-hover transition-colors\"\n >\n <ShoppingCart className=\"h-4 w-4\" />\n View Cart · {cartCount} {cartCount === 1 ? 'item' : 'items'} ·{' '}\n {formatCurrency(cartTotal, { minimumFractionDigits: 0 })}\n </button>\n </div>\n </>\n )}\n\n {/ Customization Modal /}\n {showCustomization && customization && (\n <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4\">\n <div className=\"w-full max-w-md max-h-[90vh] overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface\">\n <div className=\"p-5\">\n <div className=\"flex items-center justify-between mb-4\">\n <h3 className=\"text-lg font-semibold text-text-primary\">\n {customization.product.name}\n </h3>\n <button\n type=\"button\"\n onClick={() => {\n setShowCustomization(false);\n setCustomization(null);\n }}\n className=\"rounded-md p-1 text-text-secondary hover:text-text-primary\"\n >\n <X className=\"h-5 w-5\" />\n </button>\n </div>\n\n <p className=\"text-sm text-text-secondary mb-4\">\n {customization.product.description}\n </p>\n <p className=\"text-lg font-bold text-text-primary mb-4\">\n {formatCurrency(customization.product.price, { minimumFractionDigits: 0 })}\n </p>\n\n {/ Quantity /}\n <div className=\"mb-4\">\n <label className=\"block text-sm font-medium text-text-primary mb-2\">Quantity</label>\n <div className=\"flex items-center gap-3\">\n <button\n type=\"button\"\n onClick={() =>\n setCustomization((prev) =>\n prev ? { ...prev, quantity: Math.max(1, prev.quantity - 1) } : prev\n )\n }\n className=\"flex h-8 w-8 items-center justify-center rounded-full bg-bg-sunken text-text-primary\"\n >\n <Minus className=\"h-4 w-4\" />\n </button>\n <span className=\"min-w-[2ch] text-center font-medium text-text-primary\">\n {customization.quantity}\n </span>\n <button\n type=\"button\"\n onClick={() =>\n setCustomization((prev) =>\n prev ? { ...prev, quantity: prev.quantity + 1 } : prev\n )\n }\n className=\"flex h-8 w-8 items-center justify-center rounded-full bg-bg-sunken text-text-primary\"\n >\n <Plus className=\"h-4 w-4\" />\n </button>\n </div>\n </div>\n\n {/ Special Instructions /}\n <div className=\"mb-4\">\n <label className=\"block text-sm font-medium text-text-primary mb-2\">\n Special Instructions\n </label>\n <textarea\n value={customization.specialInstructions}\n onChange={(e) =>\n setCustomization((prev) =>\n prev ? { ...prev, specialInstructions: e.target.value } : prev\n )\n }\n placeholder=\"Any special requests...\"\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface p-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n rows={3}\n />\n </div>\n\n <button\n type=\"button\"\n onClick={confirmAddToCart}\n className=\"w-full rounded-lg bg-foreground py-2.5 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n >\n Add to Cart -{' '}\n {formatCurrency(customization.product.price customization.quantity, {\n minimumFractionDigits: 0,\n })}\n </button>\n </div>\n </div>\n </div>\n )}\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"CartDetailPage.js","names":[],"sources":["../../../../src/kadaikodi/pages/customer/CartDetailPage.tsx"],"sourcesContent":["/*\n Cart Detail Page\n * @module kadaikodi/pages/customer\n \n Full detail view with shopping cart sidebar (Your Order with +/- controls,\n * remove, total, Proceed to Checkout), product customization modal,\n * category-grouped product listing, search, category filter,\n * investment opportunity card, scheduled stops, direct service card,\n * veg/vegan icons, availability badges, calories, original price\n * strikethrough, and cart closed warning banner.\n /\n\nimport { useState, useMemo, useEffect } from 'react';\nimport { useParams } from 'react-router';\nimport {\n ArrowLeft,\n Star,\n MapPin,\n Clock,\n CheckCircle2,\n ShoppingCart,\n Search,\n Leaf,\n Minus,\n Plus,\n X,\n TrendingUp,\n Home,\n Calendar,\n Flame,\n Heart,\n MessageSquare,\n} from 'lucide-react';\nimport { GlassCard, PagePurpose, NextSteps } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { EmptyState } from '../../components/EmptyState';\nimport { RatingStars, SegmentedTabs } from '../../components/viz';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { useKadaikodiStore, type PersistedCartItem } from '../../store';\nimport {\n useProviders,\n useOfferings,\n useInvestmentOpportunities,\n useReviews,\n} from '../../hooks/useKadaikodiApi';\nimport { cn } from '../../utils/cn';\nimport {\n formatCurrency,\n formatDistance,\n formatDuration,\n formatRelativeTime,\n} from '../../utils/formatters';\nimport type { CartMenuItem, InvestmentOpportunity } from '../../types';\nimport { ProviderImage, useFavorites } from './shared';\n\ntype DetailTab = 'menu' \| 'reviews' \| 'info';\n\n// The cart line-item shape is persisted (BOFF-4301) — see PersistedCartItem\n// in ../../store/kadaikodiStore.ts. Aliased locally so this file doesn't\n// need to change if callers keep importing `CartItem` from here elsewhere.\ntype CartItem = PersistedCartItem;\n\ninterface CustomizationState {\n product: CartMenuItem;\n quantity: number;\n specialInstructions: string;\n}\n\nconst DAY_LABELS: Record<string, string> = {\n monday: 'Mon',\n tuesday: 'Tue',\n wednesday: 'Wed',\n thursday: 'Thu',\n friday: 'Fri',\n saturday: 'Sat',\n sunday: 'Sun',\n};\n\nexport function CartDetailPage() {\n const { cartId } = useParams<{ cartId: string }>();\n const { navigateTo } = useKadaikodi();\n\n const { data: providers = [], isLoading: isLoadingProviders } = useProviders();\n const { data: offerings = [], isLoading: isLoadingOfferings } = useOfferings(cartId);\n const { data: investments = [], isLoading: isLoadingInvestments } = useInvestmentOpportunities();\n\n const { data: reviews = [] } = useReviews(cartId ?? '');\n const favorites = useFavorites();\n\n const cart = useMemo(() => providers.find((p) => p.id === cartId), [providers, cartId]);\n const investment = useMemo(\n () => investments.find((i) => i.cartId === cartId),\n [investments, cartId]\n );\n\n const [activeTab, setActiveTab] = useState<DetailTab>('menu');\n const [searchQuery, setSearchQuery] = useState('');\n const [selectedCategory, setSelectedCategory] = useState('');\n\n // Offline-cached active cart (BOFF-4301) — persisted per cart/provider so\n // it survives an app kill, backgrounding, or a reload while offline. Was\n // previously plain `useState`, which silently discarded the customer's\n // in-progress order the moment the tab/app closed.\n const cartsByProviderId = useKadaikodiStore((s) => s.cartsByProviderId);\n const setCartItemsForProvider = useKadaikodiStore((s) => s.setCartItems);\n const cartItems = useMemo<CartItem[]>(\n () => (cartId ? (cartsByProviderId[cartId] ?? []) : []),\n [cartsByProviderId, cartId]\n );\n\n const [showCustomization, setShowCustomization] = useState(false);\n const [customization, setCustomization] = useState<CustomizationState \| null>(null);\n\n const menuItems = useMemo(\n () =>\n offerings.map((o) => ({\n id: o.id,\n name: o.name,\n price: o.price,\n description: o.description ?? '',\n image: o.media?.[0] ?? '',\n category: o.category,\n isVeg: true,\n duration: o.durationMinutes ?? undefined,\n serviceType: (o.serviceType ?? undefined) as CartMenuItem['serviceType'],\n })),\n [offerings]\n );\n\n const menuCategories = useMemo(() => {\n const cats = [...new Set(menuItems.map((item) => item.category))];\n return cats;\n }, [menuItems]);\n\n const filteredMenu = useMemo(() => {\n let items = menuItems;\n\n if (selectedCategory) {\n items = items.filter((item) => item.category === selectedCategory);\n }\n\n if (searchQuery.trim()) {\n const q = searchQuery.toLowerCase();\n items = items.filter(\n (item) => item.name.toLowerCase().includes(q) \|\| item.description.toLowerCase().includes(q)\n );\n }\n\n return items;\n }, [menuItems, selectedCategory, searchQuery]);\n\n const isLoading = isLoadingProviders \|\| isLoadingOfferings \|\| isLoadingInvestments;\n\n const groupedMenu = useMemo(() => {\n const groups: Record<string, CartMenuItem[]> = {};\n filteredMenu.forEach((item) => {\n if (!groups[item.category]) groups[item.category] = [];\n groups[item.category].push(item);\n });\n return groups;\n }, [filteredMenu]);\n\n // Cart operations — write through to the persisted, per-provider store\n // (BOFF-4301) so the active cart survives an app kill/reload offline.\n const addToCart = (product: CartMenuItem, qty: number = 1, instructions?: string) => {\n if (!cartId) return;\n const existing = cartItems.find((item) => item.productId === product.id);\n const next = existing\n ? cartItems.map((item) =>\n item.productId === product.id ? { ...item, quantity: item.quantity + qty } : item\n )\n : [\n ...cartItems,\n {\n id: `cart-${Date.now()}`,\n productId: product.id,\n name: product.name,\n price: product.price,\n quantity: qty,\n specialInstructions: instructions,\n },\n ];\n setCartItemsForProvider(cartId, next);\n };\n\n const updateQuantity = (productId: string, delta: number) => {\n if (!cartId) return;\n const next = cartItems\n .map((item) =>\n item.productId === productId\n ? { ...item, quantity: Math.max(0, item.quantity + delta) }\n : item\n )\n .filter((item) => item.quantity > 0);\n setCartItemsForProvider(cartId, next);\n };\n\n const removeFromCart = (productId: string) => {\n if (!cartId) return;\n setCartItemsForProvider(\n cartId,\n cartItems.filter((item) => item.productId !== productId)\n );\n };\n\n const getItemQuantity = (productId: string) => {\n return cartItems.find((item) => item.productId === productId)?.quantity ?? 0;\n };\n\n const cartTotal = cartItems.reduce((sum, item) => sum + item.price item.quantity, 0);\n const cartCount = cartItems.reduce((sum, item) => sum + item.quantity, 0);\n\n const handleAddToCart = (product: CartMenuItem) => {\n setCustomization({ product, quantity: 1, specialInstructions: '' });\n setShowCustomization(true);\n };\n\n const confirmAddToCart = () => {\n if (!customization) return;\n addToCart(customization.product, customization.quantity, customization.specialInstructions);\n setShowCustomization(false);\n setCustomization(null);\n alert(`${customization.product.name} added to cart`);\n };\n\n if (!cart) {\n return (\n <PageLayout title=\"Cart Not Found\">\n <EmptyState\n icon={<ShoppingCart className=\"h-12 w-12\" />}\n title=\"Cart not found\"\n description={`No cart found with ID \"${cartId}\".`}\n action={\n <button\n type=\"button\"\n onClick={() => navigateTo('/customer/discover')}\n className=\"rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n >\n Browse Carts\n </button>\n }\n />\n </PageLayout>\n );\n }\n\n return (\n <PageLayout\n title={\n <div className=\"flex items-center gap-3\">\n <button\n type=\"button\"\n onClick={() => navigateTo('/customer/discover')}\n className=\"rounded-md p-1 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors\"\n >\n <ArrowLeft className=\"h-5 w-5\" />\n </button>\n <span className=\"truncate\">{cart.name}</span>\n {cart.isVerified && <CheckCircle2 className=\"h-5 w-5 text-text-primary shrink-0\" />}\n </div>\n }\n description={cart.category}\n >\n <PagePurpose className=\"mb-4\">\n Everything about this cart in one place — browse its menu, check ratings, location and\n opening hours, then add items to your order. When you're ready, head to checkout to confirm\n and pay.\n </PagePurpose>\n\n <NextSteps\n storageKey=\"kadaikodi-cart-detail\"\n className=\"mb-4\"\n steps={[\n {\n id: 'menu',\n label: 'Browse the menu and add items',\n description: 'Tap items below to build your order.',\n },\n {\n id: 'reviews',\n label: 'Read what others say',\n description: 'Check ratings and reviews before you order.',\n onClick: () => navigateTo('/customer/reviews'),\n },\n {\n id: 'checkout',\n label: 'Proceed to checkout',\n description: 'Review your order, choose payment and confirm.',\n onClick: () => navigateTo('/customer/checkout'),\n },\n ]}\n />\n\n {/* Hero Image — the one emphasis zone /}\n <GlassCard treatment=\"glass\" glow className=\"relative h-48 overflow-hidden p-0\">\n <ProviderImage src={cart.image} alt={cart.name} seed={cart.name} />\n <button\n type=\"button\"\n onClick={() => favorites.toggle(cart.id)}\n aria-pressed={favorites.has(cart.id)}\n aria-label={favorites.has(cart.id) ? 'Remove from favorites' : 'Save to favorites'}\n className=\"absolute top-3 right-3 flex h-9 w-9 items-center justify-center rounded-full bg-bg-surface/80 backdrop-blur-sm text-text-secondary hover:text-status-error-text transition-colors\"\n >\n <Heart\n className={cn(\n 'h-4.5 w-4.5',\n favorites.has(cart.id) && 'fill-status-error-text text-status-error-text'\n )}\n />\n </button>\n <div className=\"absolute bottom-0 inset-x-0 bg-gradient-to-t from-black/60 to-transparent p-4\">\n <div className=\"flex items-center gap-3\">\n <span\n className={cn(\n 'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium',\n cart.isOpen\n ? 'bg-status-success-bg-subtle text-status-success-text'\n : 'bg-status-error-bg-subtle text-status-error-text'\n )}\n >\n {cart.isOpen ? 'Open Now' : 'Closed'}\n </span>\n <div className=\"flex items-center gap-1.5 text-white text-sm\">\n <RatingStars value={cart.rating} size={14} />\n <span className=\"font-medium\">{cart.rating}</span>\n <span className=\"text-white/70\">({cart.totalRatings} reviews)</span>\n </div>\n </div>\n </div>\n </GlassCard>\n\n {/ Cart Closed Warning /}\n {!cart.isOpen && (\n <div className=\"mt-4 rounded-lg border border-status-warning-text/30 bg-status-warning-bg-subtle p-3\">\n <p className=\"text-sm text-status-warning-text\">\n <strong>This cart is currently closed.</strong> You can browse the offerings but orders\n are not being accepted.\n </p>\n </div>\n )}\n\n {/ Menu / Reviews / Info tabs /}\n <div className=\"mt-5\">\n <SegmentedTabs\n aria-label=\"Cart sections\"\n variant=\"underline\"\n tabs={[\n { id: 'menu', label: 'Menu' },\n { id: 'reviews', label: 'Reviews', count: reviews.length \|\| undefined },\n { id: 'info', label: 'Info' },\n ]}\n value={activeTab}\n onChange={(id) => setActiveTab(id as DetailTab)}\n />\n </div>\n\n {/ ── Info tab ─────────────────────────────────────────── /}\n {activeTab === 'info' && (\n <>\n <div className=\"mt-4 grid grid-cols-1 gap-3 sm:grid-cols-3\">\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3\">\n <div className=\"flex items-center gap-2 text-text-secondary text-xs mb-1\">\n <MapPin className=\"h-3.5 w-3.5\" />\n <span className=\"font-medium uppercase tracking-wider\">Location</span>\n </div>\n <p className=\"text-sm text-text-primary\">{cart.location.address}</p>\n {cart.distance != null && (\n <p className=\"text-xs text-text-secondary\">{formatDistance(cart.distance)} away</p>\n )}\n </div>\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3\">\n <div className=\"flex items-center gap-2 text-text-secondary text-xs mb-1\">\n <Clock className=\"h-3.5 w-3.5\" />\n <span className=\"font-medium uppercase tracking-wider\">Estimated Time</span>\n </div>\n <p className=\"text-sm text-text-primary\">\n {cart.estimatedTime != null ? formatDuration(cart.estimatedTime) : '—'}\n </p>\n {cart.averageOrderValue && (\n <p className=\"text-xs text-text-secondary\">\n Avg {formatCurrency(cart.averageOrderValue, { minimumFractionDigits: 0 })}\n </p>\n )}\n </div>\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3\">\n <div className=\"flex items-center gap-2 text-text-secondary text-xs mb-1\">\n <Star className=\"h-3.5 w-3.5\" />\n <span className=\"font-medium uppercase tracking-wider\">Rating</span>\n </div>\n <p className=\"text-sm text-text-primary\">{cart.rating} / 5.0</p>\n <p className=\"text-xs text-text-secondary\">{cart.totalRatings} reviews</p>\n </div>\n </div>\n\n {/ Business Hours /}\n {cart.businessHours && Object.keys(cart.businessHours).length > 0 && (\n <section className=\"mt-6\">\n <h2 className=\"text-base font-semibold text-text-primary mb-2\">Operating Hours</h2>\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface overflow-hidden\">\n {Object.entries(cart.businessHours).map(([day, hours]) => (\n <div\n key={day}\n className=\"flex items-center justify-between px-4 py-2 border-b border-border-subtle last:border-b-0\"\n >\n <span className=\"text-sm font-medium text-text-primary capitalize\">{day}</span>\n {hours.isOpen ? (\n <span className=\"text-sm text-text-secondary\">\n {hours.open} - {hours.close}\n </span>\n ) : (\n <span className=\"text-sm text-status-error-text\">Closed</span>\n )}\n </div>\n ))}\n </div>\n </section>\n )}\n </>\n )}\n\n {/ ── Reviews tab ──────────────────────────────────────── /}\n {activeTab === 'reviews' && (\n <div className=\"mt-4 space-y-4\">\n {/ Aggregate /}\n <div className=\"flex flex-wrap items-center gap-4 rounded-xl border border-border-subtle bg-bg-surface p-5\">\n <div className=\"text-center\">\n <p className=\"text-4xl font-bold leading-none text-text-primary\">\n {cart.rating.toFixed(1)}\n </p>\n <div className=\"mt-1.5 flex justify-center\">\n <RatingStars value={cart.rating} size={16} />\n </div>\n <p className=\"mt-1 text-xs text-text-secondary\">{cart.totalRatings} ratings</p>\n </div>\n <div className=\"flex-1 min-w-[180px] space-y-1.5\">\n {[5, 4, 3, 2, 1].map((star) => {\n const count = reviews.filter((r) => Math.round(r.rating) === star).length;\n const pct = reviews.length ? (count / reviews.length) 100 : 0;\n return (\n <div key={star} className=\"flex items-center gap-2 text-xs\">\n <span className=\"flex w-6 items-center gap-0.5 text-text-secondary\">\n {star}\n <Star className=\"h-3 w-3 fill-status-warning-text text-status-warning-text\" />\n </span>\n <div className=\"h-2 flex-1 overflow-hidden rounded-full bg-bg-sunken\">\n <div\n className=\"h-full rounded-full bg-accent-primary transition-all\"\n style={{ width: `${pct}%` }}\n />\n </div>\n <span className=\"w-6 text-right tabular-nums text-text-muted\">{count}</span>\n </div>\n );\n })}\n </div>\n </div>\n\n {/* Review list /}\n {reviews.length === 0 ? (\n <div className=\"rounded-xl border border-border-subtle bg-bg-surface p-8 text-center\">\n <MessageSquare className=\"mx-auto h-10 w-10 text-text-secondary/40\" />\n <p className=\"mt-3 text-sm text-text-secondary\">\n No written reviews yet. Order and be the first to review this cart.\n </p>\n </div>\n ) : (\n <div className=\"space-y-3\">\n {reviews.map((review) => (\n <div\n key={review.id}\n className=\"rounded-xl border border-border-subtle bg-bg-surface p-4\"\n >\n <div className=\"flex items-center justify-between gap-2\">\n <RatingStars value={review.rating} size={14} showValue />\n <span className=\"text-xs text-text-muted\">\n {formatRelativeTime(review.createdAt)}\n </span>\n </div>\n {review.review && (\n <p className=\"mt-2 text-sm text-text-primary leading-relaxed\">\n {review.review}\n </p>\n )}\n {review.response && (\n <div className=\"mt-3 rounded-lg border-l-2 border-accent-primary bg-[var(--color-accent-soft)] p-3\">\n <p className=\"mb-1 text-xs font-medium text-text-primary\">Owner response</p>\n <p className=\"text-xs text-text-primary leading-relaxed\">{review.response}</p>\n </div>\n )}\n </div>\n ))}\n </div>\n )}\n </div>\n )}\n\n {/ ── Menu tab: Menu + Sidebar ─────────────────────────── /}\n {activeTab === 'menu' && (\n <div className=\"mt-6 grid grid-cols-1 gap-6 lg:grid-cols-3\">\n {/ Menu Section /}\n <div className=\"lg:col-span-2\">\n {/ Search and Filter /}\n <div className=\"flex flex-col gap-3 sm:flex-row mb-4\">\n <div className=\"relative flex-1\">\n <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n <input\n type=\"text\"\n placeholder=\"Search offerings...\"\n value={searchQuery}\n onChange={(e) => setSearchQuery(e.target.value)}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <select\n value={selectedCategory}\n onChange={(e) => setSelectedCategory(e.target.value)}\n className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n >\n <option value=\"\">All Categories</option>\n {menuCategories.map((cat) => (\n <option key={cat} value={cat}>\n {cat}\n </option>\n ))}\n </select>\n </div>\n\n {/ Menu Items /}\n <h2 className=\"text-lg font-semibold text-text-primary mb-3\">\n Menu & Services ({filteredMenu.length})\n </h2>\n\n {filteredMenu.length === 0 ? (\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-8 text-center\">\n <Search className=\"mx-auto h-10 w-10 text-text-secondary/50\" />\n <p className=\"mt-3 text-sm text-text-secondary\">No offerings found</p>\n </div>\n ) : (\n <div className=\"space-y-6\">\n {Object.entries(groupedMenu).map(([category, items]) => (\n <div key={category}>\n <h3 className=\"text-sm font-semibold text-text-primary mb-2 px-1\">\n {category}\n </h3>\n <div className=\"space-y-2\">\n {items.map((item) => {\n const qty = getItemQuantity(item.id);\n return (\n <div\n key={item.id}\n className=\"flex gap-4 rounded-lg border border-border-subtle bg-bg-surface p-4\"\n >\n <div className=\"h-20 w-20 shrink-0 rounded-md bg-bg-sunken overflow-hidden\">\n <ProviderImage src={item.image} alt={item.name} seed={item.name} />\n </div>\n <div className=\"flex-1 min-w-0\">\n <div className=\"flex items-start justify-between gap-2\">\n <div>\n <div className=\"flex items-center gap-2\">\n <h4 className=\"text-sm font-semibold text-text-primary\">\n {item.name}\n </h4>\n {item.isVeg && (\n <Leaf className=\"h-3.5 w-3.5 text-status-success-text\" />\n )}\n </div>\n <p className=\"text-xs text-text-secondary mt-0.5\">\n {item.category}\n </p>\n </div>\n <span className=\"text-sm font-bold text-text-primary whitespace-nowrap\">\n {formatCurrency(item.price, { minimumFractionDigits: 0 })}\n </span>\n </div>\n <p className=\"mt-1 text-xs text-text-secondary line-clamp-2\">\n {item.description}\n </p>\n <div className=\"mt-2 flex flex-wrap items-center gap-2 text-[10px] text-text-secondary\">\n {item.duration != null && item.duration > 0 && (\n <span className=\"flex items-center gap-0.5\">\n <Clock className=\"h-3 w-3\" />\n {formatDuration(item.duration)}\n </span>\n )}\n {item.serviceType && (\n <span className=\"rounded bg-bg-sunken px-1.5 py-0.5 capitalize\">\n {item.serviceType}\n </span>\n )}\n {item.spiceLevel && (\n <span className=\"flex items-center gap-0.5 rounded bg-bg-sunken px-1.5 py-0.5 capitalize\">\n <Flame className=\"h-3 w-3\" />\n {item.spiceLevel}\n </span>\n )}\n </div>\n {/ Add/Quantity Controls /}\n <div className=\"mt-2 flex justify-end\">\n {qty > 0 ? (\n <div className=\"flex items-center gap-2\">\n <button\n type=\"button\"\n onClick={() => updateQuantity(item.id, -1)}\n className=\"flex h-7 w-7 items-center justify-center rounded-full bg-bg-sunken text-text-primary hover:bg-accent\"\n >\n <Minus className=\"h-3.5 w-3.5\" />\n </button>\n <span className=\"min-w-[2ch] text-center text-sm font-medium text-text-primary\">\n {qty}\n </span>\n <button\n type=\"button\"\n onClick={() => updateQuantity(item.id, 1)}\n className=\"flex h-7 w-7 items-center justify-center rounded-full bg-foreground text-background hover:opacity-90\"\n >\n <Plus className=\"h-3.5 w-3.5\" />\n </button>\n <button\n type=\"button\"\n onClick={() => removeFromCart(item.id)}\n className=\"ml-1 flex h-7 w-7 items-center justify-center rounded-full text-status-error-text hover:bg-status-error-bg/10\"\n >\n <X className=\"h-3.5 w-3.5\" />\n </button>\n </div>\n ) : (\n <button\n type=\"button\"\n disabled={!cart.isOpen}\n onClick={() => handleAddToCart(item)}\n className={cn(\n 'rounded-lg px-4 py-1.5 text-xs font-medium transition-opacity',\n cart.isOpen\n ? 'bg-foreground text-background hover:opacity-90'\n : 'bg-bg-sunken text-text-secondary cursor-not-allowed'\n )}\n >\n Add\n </button>\n )}\n </div>\n </div>\n </div>\n );\n })}\n </div>\n </div>\n ))}\n </div>\n )}\n </div>\n\n {/ Sidebar /}\n <div className=\"space-y-4\">\n {/ Shopping Cart /}\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 lg:sticky lg:top-6\">\n <h3 className=\"text-base font-semibold text-text-primary mb-3 flex items-center gap-2\">\n <ShoppingCart className=\"h-4 w-4\" />\n Your Order\n </h3>\n {cartItems.length === 0 ? (\n <div className=\"py-6 text-center\">\n <ShoppingCart className=\"mx-auto h-8 w-8 text-text-secondary/40\" />\n <p className=\"mt-2 text-sm text-text-secondary\">Your cart is empty</p>\n </div>\n ) : (\n <>\n <div className=\"space-y-2 max-h-64 overflow-y-auto mb-3\">\n {cartItems.map((item) => (\n <div key={item.id} className=\"flex items-center justify-between gap-2\">\n <div className=\"flex-1 min-w-0\">\n <p className=\"text-sm font-medium text-text-primary truncate\">\n {item.name}\n </p>\n <p className=\"text-xs text-text-secondary\">\n {formatCurrency(item.price, { minimumFractionDigits: 0 })} x{' '}\n {item.quantity}\n </p>\n </div>\n <div className=\"flex items-center gap-1\">\n <button\n type=\"button\"\n onClick={() => updateQuantity(item.productId, -1)}\n className=\"flex h-6 w-6 items-center justify-center rounded bg-bg-sunken text-text-primary text-xs\"\n >\n -\n </button>\n <span className=\"min-w-[2ch] text-center text-xs font-medium\">\n {item.quantity}\n </span>\n <button\n type=\"button\"\n onClick={() => updateQuantity(item.productId, 1)}\n className=\"flex h-6 w-6 items-center justify-center rounded bg-bg-sunken text-text-primary text-xs\"\n >\n +\n </button>\n <button\n type=\"button\"\n onClick={() => removeFromCart(item.productId)}\n className=\"ml-1 text-status-error-text hover:text-status-error-text/80\"\n >\n <X className=\"h-3.5 w-3.5\" />\n </button>\n </div>\n </div>\n ))}\n </div>\n <div className=\"border-t border-border-subtle pt-3\">\n <div className=\"flex justify-between items-center mb-3\">\n <span className=\"text-sm font-semibold text-text-primary\">\n Total: {formatCurrency(cartTotal, { minimumFractionDigits: 0 })}\n </span>\n <span className=\"text-xs text-text-secondary\">{cartCount} items</span>\n </div>\n <button\n type=\"button\"\n onClick={() => navigateTo('/customer/checkout')}\n className=\"w-full rounded-lg bg-foreground py-2.5 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n >\n Proceed to Checkout\n </button>\n </div>\n </>\n )}\n </div>\n\n {/ Direct Service Card /}\n {cart.serviceTypes?.includes('direct_service') && (\n <div className=\"rounded-lg border border-accent-purple/30 bg-accent-purple-subtle p-4\">\n <h3 className=\"text-sm font-semibold text-text-primary flex items-center gap-2 mb-2\">\n <Home className=\"h-4 w-4 text-text-primary\" />\n Direct Service\n </h3>\n <p className=\"text-xs text-text-secondary mb-3\">Cart comes to your location!</p>\n <button\n type=\"button\"\n onClick={() => navigateTo(`/customer/cart/${cart.id}/direct-service`)}\n className=\"w-full rounded-lg bg-accent-purple py-2 text-xs font-medium text-white hover:bg-accent-purple transition-colors\"\n >\n Book Direct Service\n </button>\n </div>\n )}\n\n {/ Scheduled Stops /}\n {cart.serviceTypes?.includes('appointment') && (\n <div className=\"rounded-lg border border-border-focus/30 bg-[var(--color-accent-soft)] p-4\">\n <h3 className=\"text-sm font-semibold text-text-primary flex items-center gap-2 mb-2\">\n <Calendar className=\"h-4 w-4 text-text-primary\" />\n Appointments Available\n </h3>\n <p className=\"text-xs text-text-secondary\">\n This service provider accepts appointments. Contact them to schedule.\n </p>\n </div>\n )}\n\n {/ Investment Opportunity /}\n {investment && (\n <div className=\"rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle p-4\">\n <h3 className=\"text-sm font-semibold text-text-primary flex items-center gap-2 mb-2\">\n <TrendingUp className=\"h-4 w-4 text-status-success-text\" />\n Investment Opportunity\n </h3>\n <p className=\"text-xs text-text-secondary mb-2\">{investment.description}</p>\n <div className=\"space-y-1 text-xs text-text-secondary mb-3\">\n <p>\n Target: {formatCurrency(investment.targetAmount, { minimumFractionDigits: 0 })}\n </p>\n <p>\n Raised: {formatCurrency(investment.raisedAmount, { minimumFractionDigits: 0 })}\n </p>\n <p>Expected Returns: {investment.expectedReturns}%</p>\n <p>\n Min Investment:{' '}\n {formatCurrency(investment.minimumInvestment, { minimumFractionDigits: 0 })}\n </p>\n </div>\n <button\n type=\"button\"\n onClick={() => navigateTo(`/investor/opportunity/${investment.id}`)}\n className=\"w-full rounded-lg bg-status-success-text py-2 text-xs font-medium text-white hover:bg-status-success-text transition-colors\"\n >\n Fund This Business\n </button>\n </div>\n )}\n </div>\n </div>\n )}\n\n {/ Sticky mobile cart bar (mockup: \"View Cart · N items · ₹X\") /}\n {activeTab === 'menu' && cartCount > 0 && (\n <>\n <div className=\"h-20 lg:hidden\" aria-hidden=\"true\" />\n <div className=\"fixed inset-x-0 bottom-0 z-40 border-t border-border-subtle bg-bg-surface/95 p-3 backdrop-blur-sm shadow-elevation-2 lg:hidden\">\n <button\n type=\"button\"\n onClick={() => navigateTo('/customer/checkout')}\n className=\"flex w-full items-center justify-center gap-2 rounded-lg bg-action-primary-bg py-3 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg-hover transition-colors\"\n >\n <ShoppingCart className=\"h-4 w-4\" />\n View Cart · {cartCount} {cartCount === 1 ? 'item' : 'items'} ·{' '}\n {formatCurrency(cartTotal, { minimumFractionDigits: 0 })}\n </button>\n </div>\n </>\n )}\n\n {/ Customization Modal /}\n {showCustomization && customization && (\n <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4\">\n <div className=\"w-full max-w-md max-h-[90vh] overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface\">\n <div className=\"p-5\">\n <div className=\"flex items-center justify-between mb-4\">\n <h3 className=\"text-lg font-semibold text-text-primary\">\n {customization.product.name}\n </h3>\n <button\n type=\"button\"\n onClick={() => {\n setShowCustomization(false);\n setCustomization(null);\n }}\n className=\"rounded-md p-1 text-text-secondary hover:text-text-primary\"\n >\n <X className=\"h-5 w-5\" />\n </button>\n </div>\n\n <p className=\"text-sm text-text-secondary mb-4\">\n {customization.product.description}\n </p>\n <p className=\"text-lg font-bold text-text-primary mb-4\">\n {formatCurrency(customization.product.price, { minimumFractionDigits: 0 })}\n </p>\n\n {/ Quantity /}\n <div className=\"mb-4\">\n <label className=\"block text-sm font-medium text-text-primary mb-2\">Quantity</label>\n <div className=\"flex items-center gap-3\">\n <button\n type=\"button\"\n onClick={() =>\n setCustomization((prev) =>\n prev ? { ...prev, quantity: Math.max(1, prev.quantity - 1) } : prev\n )\n }\n className=\"flex h-8 w-8 items-center justify-center rounded-full bg-bg-sunken text-text-primary\"\n >\n <Minus className=\"h-4 w-4\" />\n </button>\n <span className=\"min-w-[2ch] text-center font-medium text-text-primary\">\n {customization.quantity}\n </span>\n <button\n type=\"button\"\n onClick={() =>\n setCustomization((prev) =>\n prev ? { ...prev, quantity: prev.quantity + 1 } : prev\n )\n }\n className=\"flex h-8 w-8 items-center justify-center rounded-full bg-bg-sunken text-text-primary\"\n >\n <Plus className=\"h-4 w-4\" />\n </button>\n </div>\n </div>\n\n {/ Special Instructions /}\n <div className=\"mb-4\">\n <label className=\"block text-sm font-medium text-text-primary mb-2\">\n Special Instructions\n </label>\n <textarea\n value={customization.specialInstructions}\n onChange={(e) =>\n setCustomization((prev) =>\n prev ? { ...prev, specialInstructions: e.target.value } : prev\n )\n }\n placeholder=\"Any special requests...\"\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface p-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n rows={3}\n />\n </div>\n\n <button\n type=\"button\"\n onClick={confirmAddToCart}\n className=\"w-full rounded-lg bg-foreground py-2.5 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n >\n Add to Cart -{' '}\n {formatCurrency(customization.product.price customization.quantity, {\n minimumFractionDigits: 0,\n })}\n </button>\n </div>\n </div>\n </div>\n )}\n </PageLayout>\n );\n}\n"],"mappings":"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"}

package/dist/kadaikodi/pages/customer/DirectServiceBookingPage.js CHANGED Viewed

@@ -10,7 +10,7 @@ import "../../components/viz/index.js";
 import { ProviderImage as ee } from "./shared.js";
 import { useState as u } from "react";
 import { AlertCircle as d, ArrowLeft as f, ArrowRight as p, Calendar as m, CheckCircle2 as h, Clock as g, CreditCard as _, Home as v, Loader2 as te, MapPin as ne, Navigation as re, Phone as ie, Smartphone as y, Wallet as b } from "lucide-react";
-import { useParams as x } from "react-router-dom";
+import { useParams as x } from "react-router";
 import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
 import { EmphasisPanel as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/customer/DirectServiceBookingPage.tsx

package/dist/kadaikodi/pages/customer/DirectServiceBookingPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DirectServiceBookingPage.js","names":[],"sources":["../../../../src/kadaikodi/pages/customer/DirectServiceBookingPage.tsx"],"sourcesContent":["/*\n Direct Service Booking Page\n * @module kadaikodi/pages/customer\n \n 4-step wizard: Location > Details > Payment > Confirmation.\n * Progress indicator, step validation, geolocation button,\n * address fields, preferred time slot selector (30-min slots),\n * urgent booking checkbox, payment method selection,\n * payment summary, confirmation step with checkmark/IDs/next steps.\n /\n\nimport { useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n ArrowLeft,\n ArrowRight,\n MapPin,\n Calendar,\n Clock,\n CreditCard,\n Smartphone,\n Wallet,\n CheckCircle2,\n AlertCircle,\n Navigation,\n Phone,\n Home,\n Loader2,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { EmptyState } from '../../components/EmptyState';\nimport { SegmentedTabs, StepProgress } from '../../components/viz';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { useProvider, useOfferings, usePlaceOrder } from '../../hooks/useKadaikodiApi';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency } from '../../utils/formatters';\nimport { ProviderImage } from './shared';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ntype Step = 'location' \| 'details' \| 'payment' \| 'confirmation';\nconst STEPS: Step[] = ['location', 'details', 'payment', 'confirmation'];\nconst STEP_LABELS: Record<Step, string> = {\n location: 'Location',\n details: 'Details',\n payment: 'Payment',\n confirmation: 'Confirmation',\n};\n\ninterface ServiceLocation {\n address: string;\n landmark: string;\n instructions: string;\n phoneNumber: string;\n}\n\ninterface BookingDetails {\n preferredTime: string;\n specialInstructions: string;\n isUrgent: boolean;\n}\n\ninterface ConfirmationData {\n /* Human-facing booking reference (order number when available). /\n bookingId: string;\n /* Real order id used to route to the booking details page. /\n orderId: string;\n transactionId: string;\n estimatedArrival: string;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction generateDays(): { value: string; label: string }[] {\n const days: { value: string; label: string }[] = [];\n const now = new Date();\n for (let i = 0; i < 4; i++) {\n const d = new Date(now.getTime() + i 86400000);\n const label =\n i === 0\n ? 'Today'\n : i === 1\n ? 'Tomorrow'\n : d.toLocaleDateString([], { weekday: 'short', day: 'numeric' });\n days.push({ value: d.toISOString().slice(0, 10), label });\n }\n return days;\n}\n\nfunction generateTimeSlots(): { value: string; label: string }[] {\n const slots: { value: string; label: string }[] = [];\n const now = new Date();\n const start = new Date(now.getTime() + 30 * 60000); // 30 min from now\n\n for (let i = 0; i < 8; i++) {\n const time = new Date(start.getTime() + i * 30 * 60000);\n const val = time.toTimeString().slice(0, 5);\n const lbl = time.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });\n slots.push({ value: val, label: lbl });\n }\n\n return slots;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function DirectServiceBookingPage() {\n const { cartId } = useParams<{ cartId: string }>();\n const { navigateTo, currentUser } = useKadaikodi();\n\n const { data: cart, isLoading: isLoadingCart } = useProvider(cartId);\n const { data: offerings = [] } = useOfferings(cartId);\n const placeOrder = usePlaceOrder();\n const bookedOffering = offerings[0];\n\n const [step, setStep] = useState<Step>('location');\n const [submitting, setSubmitting] = useState(false);\n\n // Location step\n const [location, setLocation] = useState<ServiceLocation>({\n address: '',\n landmark: '',\n instructions: '',\n phoneNumber: '',\n });\n\n // Details step\n const [details, setDetails] = useState<BookingDetails>({\n preferredTime: '',\n specialInstructions: '',\n isUrgent: false,\n });\n\n // Scheduling\n const [scheduleMode, setScheduleMode] = useState<'now' \| 'schedule'>('schedule');\n const [selectedDay, setSelectedDay] = useState<string>('');\n\n // Payment step\n const [paymentMethod, setPaymentMethod] = useState<'upi' \| 'card' \| 'wallet'>('upi');\n\n // Confirmation data\n const [confirmation, setConfirmation] = useState<ConfirmationData \| null>(null);\n\n // Pricing derived from the real offering being booked. A 20% deposit confirms\n // the booking; the balance is settled when the cart arrives.\n const serviceFee = bookedOffering?.price ?? 0;\n const advancePayment = Math.round(serviceFee * 0.2);\n const balancePayment = serviceFee - advancePayment;\n const totalAmount = serviceFee;\n\n // --- Loading ---\n if (isLoadingCart) {\n return (\n <PageLayout title=\"Book Direct Service\">\n <div className=\"flex items-center justify-center py-20\">\n <div className=\"h-12 w-12 animate-spin rounded-full border-b-2 border-foreground\" />\n </div>\n </PageLayout>\n );\n }\n\n // --- Not found ---\n if (!cart) {\n return (\n <PageLayout title=\"Cart Not Found\">\n <EmptyState\n icon={<Home className=\"h-12 w-12\" />}\n title=\"Service not available\"\n description=\"Direct service is not available for this cart.\"\n action={\n <button\n type=\"button\"\n onClick={() => navigateTo('/customer/discover')}\n className=\"rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n >\n Browse Carts\n </button>\n }\n />\n </PageLayout>\n );\n }\n\n const timeSlots = generateTimeSlots();\n const stepIndex = STEPS.indexOf(step);\n\n // --- Geolocation ---\n const handleGetLocation = () => {\n if (!navigator.geolocation) {\n alert('Geolocation is not supported by this browser.');\n return;\n }\n navigator.geolocation.getCurrentPosition(\n () => {\n setLocation((p) => ({ ...p, address: p.address \|\| 'Current location detected' }));\n alert('Location detected successfully!');\n },\n () => {\n alert('Failed to get your location. Please enter address manually.');\n }\n );\n };\n\n // --- Validation ---\n const validateLocation = (): boolean => {\n if (!location.address.trim()) {\n alert('Please enter your address.');\n return false;\n }\n if (!location.phoneNumber.trim()) {\n alert('Please enter your phone number.');\n return false;\n }\n return true;\n };\n\n const validateDetails = (): boolean => {\n if (scheduleMode === 'schedule' && !details.preferredTime) {\n alert('Please select a preferred time slot.');\n return false;\n }\n return true;\n };\n\n // --- Navigation ---\n const nextStep = () => {\n if (step === 'location' && validateLocation()) setStep('details');\n else if (step === 'details' && validateDetails()) setStep('payment');\n else if (step === 'payment') handleBookingSubmit();\n };\n\n const prevStep = () => {\n if (step === 'details') setStep('location');\n else if (step === 'payment') setStep('details');\n };\n\n // --- Submit ---\n const handleBookingSubmit = () => {\n setSubmitting(true);\n const estimatedArrival = new Date(Date.now() + 30 * 60000).toISOString();\n\n // Place a real order when we have a bookable offering and a signed-in customer.\n if (cart && bookedOffering && currentUser?.id) {\n placeOrder.mutate(\n {\n providerId: cart.id,\n customerId: currentUser.id,\n fulfillmentType: 'delivery',\n paymentMethod,\n tax: 0,\n items: [\n {\n name: bookedOffering.name,\n offeringId: bookedOffering.id,\n quantity: 1,\n unitPrice: serviceFee,\n },\n ],\n notes:\n [location.instructions, details.specialInstructions].filter(Boolean).join(' \| ') \|\|\n undefined,\n deliveryAddress: { street: location.address, landmark: location.landmark },\n },\n {\n onSuccess: (order) => {\n setConfirmation({\n bookingId: order.orderNumber \|\| order.id,\n orderId: order.id,\n transactionId: `TXN-${order.id}`,\n estimatedArrival,\n });\n setStep('confirmation');\n setSubmitting(false);\n },\n onError: () => {\n setSubmitting(false);\n alert('Could not place your booking. Please try again.');\n },\n }\n );\n return;\n }\n\n // No bookable offering available yet — confirm the request locally.\n const bookingId = `BK-${Date.now()}`;\n setConfirmation({ bookingId, orderId: bookingId, transactionId: bookingId, estimatedArrival });\n setStep('confirmation');\n setSubmitting(false);\n };\n\n return (\n <PageLayout\n title={\n <div className=\"flex items-center gap-3\">\n <button\n type=\"button\"\n onClick={() => navigateTo(`/customer/cart/${cart.id}`)}\n className=\"rounded-md p-1 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors\"\n >\n <ArrowLeft className=\"h-5 w-5\" />\n </button>\n <div>\n <span>Book Direct Service</span>\n <p className=\"text-xs font-normal text-text-secondary\">{cart.name}</p>\n </div>\n </div>\n }\n >\n <PagePurpose className=\"mb-6\">\n Book a service directly from this cart in a few guided steps — tell us where and when you\n need it, add any details, then confirm. Follow the progress bar below to know what's left.\n </PagePurpose>\n\n {/* Progress Indicator — the one emphasis zone /}\n <EmphasisPanel className=\"mb-6\">\n <StepProgress steps={STEPS.map((s) => ({ label: STEP_LABELS[s] }))} current={stepIndex} />\n </EmphasisPanel>\n\n <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n {/ Main Content /}\n <div className=\"lg:col-span-2\">\n {/ Step 1: Location /}\n {step === 'location' && (\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5\">\n <h2 className=\"text-base font-semibold text-text-primary mb-1 flex items-center gap-2\">\n <MapPin className=\"h-4 w-4\" />\n Service Location\n </h2>\n <p className=\"text-xs text-text-secondary mb-5\">Where should the cart come?</p>\n\n <div className=\"space-y-4\">\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n Your Address <span className=\"text-status-error-text\"></span>\n </label>\n <div className=\"flex gap-2\">\n <input\n type=\"text\"\n placeholder=\"Enter your full address\"\n value={location.address}\n onChange={(e) => setLocation((p) => ({ ...p, address: e.target.value }))}\n className=\"flex-1 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n <button\n type=\"button\"\n onClick={handleGetLocation}\n className=\"flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent transition-colors whitespace-nowrap\"\n >\n <Navigation className=\"h-3.5 w-3.5\" />\n Use Current Location\n </button>\n </div>\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n Nearby Landmark\n </label>\n <input\n type=\"text\"\n placeholder=\"e.g., Near Metro Station, Opposite Mall\"\n value={location.landmark}\n onChange={(e) => setLocation((p) => ({ ...p, landmark: e.target.value }))}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n Instructions for Cart Owner\n </label>\n <textarea\n rows={3}\n placeholder=\"Any specific instructions to help us find you...\"\n value={location.instructions}\n onChange={(e) => setLocation((p) => ({ ...p, instructions: e.target.value }))}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] resize-none\"\n />\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n Phone Number <span className=\"text-status-error-text\"></span>\n </label>\n <div className=\"relative\">\n <Phone className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n <input\n type=\"tel\"\n placeholder=\"Enter your phone number\"\n value={location.phoneNumber}\n onChange={(e) => setLocation((p) => ({ ...p, phoneNumber: e.target.value }))}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-9 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n </div>\n </div>\n </div>\n )}\n\n {/ Step 2: Details /}\n {step === 'details' && (\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5\">\n <h2 className=\"text-base font-semibold text-text-primary mb-1 flex items-center gap-2\">\n <Calendar className=\"h-4 w-4\" />\n Booking Details\n </h2>\n <p className=\"text-xs text-text-secondary mb-5\">Choose your preferred timing</p>\n\n <div className=\"space-y-4\">\n {/ When? — Come now vs Schedule /}\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-2\">\n When do you need it?\n </label>\n <SegmentedTabs\n fill\n aria-label=\"Timing\"\n tabs={[\n { id: 'now', label: 'Come now' },\n { id: 'schedule', label: 'Schedule' },\n ]}\n value={scheduleMode}\n onChange={(id) => setScheduleMode(id as 'now' \| 'schedule')}\n />\n {scheduleMode === 'now' && (\n <p className=\"mt-2 text-xs text-text-secondary\">\n The cart heads to you as soon as it accepts — no slot needed.\n </p>\n )}\n </div>\n\n {/ Day + time chips (only when scheduling) /}\n {scheduleMode === 'schedule' && (\n <>\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n Day\n </label>\n <div className=\"grid grid-cols-4 gap-2\">\n {generateDays().map((day) => (\n <button\n key={day.value}\n type=\"button\"\n onClick={() => setSelectedDay(day.value)}\n className={cn(\n 'rounded-lg border py-2 px-2 text-xs font-medium transition-colors',\n selectedDay === day.value\n ? 'border-action-primary-bg bg-[var(--color-accent-soft)] text-accent-primary'\n : 'border-border-subtle text-text-secondary hover:bg-accent hover:text-text-primary'\n )}\n >\n {day.label}\n </button>\n ))}\n </div>\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n Preferred Time Slot <span className=\"text-status-error-text\"></span>\n </label>\n <div className=\"grid grid-cols-4 gap-2\">\n {timeSlots.map((slot) => (\n <button\n key={slot.value}\n type=\"button\"\n onClick={() => setDetails((p) => ({ ...p, preferredTime: slot.value }))}\n className={cn(\n 'rounded-lg border py-2 px-2 text-xs font-medium transition-colors',\n details.preferredTime === slot.value\n ? 'border-action-primary-bg bg-[var(--color-accent-soft)] text-accent-primary'\n : 'border-border-subtle text-text-secondary hover:bg-accent hover:text-text-primary'\n )}\n >\n {slot.label}\n </button>\n ))}\n </div>\n </div>\n </>\n )}\n\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n Special Instructions\n </label>\n <textarea\n rows={3}\n placeholder=\"Any special requests or dietary preferences...\"\n value={details.specialInstructions}\n onChange={(e) =>\n setDetails((p) => ({ ...p, specialInstructions: e.target.value }))\n }\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] resize-none\"\n />\n </div>\n\n <label className=\"flex items-center gap-2 cursor-pointer\">\n <input\n type=\"checkbox\"\n checked={details.isUrgent}\n onChange={(e) => setDetails((p) => ({ ...p, isUrgent: e.target.checked }))}\n className=\"h-4 w-4 rounded border-border-subtle\"\n />\n <span className=\"text-sm text-text-secondary\">\n This is urgent (additional charges may apply)\n </span>\n </label>\n </div>\n </div>\n )}\n\n {/* Step 3: Payment /}\n {step === 'payment' && (\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5\">\n <h2 className=\"text-base font-semibold text-text-primary mb-1 flex items-center gap-2\">\n <CreditCard className=\"h-4 w-4\" />\n Advance Payment\n </h2>\n <p className=\"text-xs text-text-secondary mb-5\">Select your payment method</p>\n\n <div className=\"space-y-4\">\n {/ Info callout /}\n <div className=\"flex items-start gap-2 rounded-lg border border-border-focus/20 bg-[var(--color-accent-soft)] p-3\">\n <AlertCircle className=\"h-4 w-4 text-text-primary shrink-0 mt-0.5\" />\n <p className=\"text-xs text-text-primary\">\n You need to pay {formatCurrency(advancePayment, { minimumFractionDigits: 0 })}{' '}\n in advance to confirm your booking. Pay the remaining when the cart arrives.\n </p>\n </div>\n\n {/ Payment methods /}\n <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-3\">\n {[\n {\n value: 'upi' as const,\n label: 'UPI',\n sub: 'Instant payment',\n Icon: Smartphone,\n },\n {\n value: 'card' as const,\n label: 'Card',\n sub: 'Secure payment',\n Icon: CreditCard,\n },\n {\n value: 'wallet' as const,\n label: 'Wallet',\n sub: 'Quick payment',\n Icon: Wallet,\n },\n ].map(({ value, label, sub, Icon }) => (\n <button\n key={value}\n type=\"button\"\n onClick={() => setPaymentMethod(value)}\n className={cn(\n 'rounded-lg border p-3 text-center transition-colors',\n paymentMethod === value\n ? 'border-foreground bg-accent'\n : 'border-border-subtle hover:bg-accent'\n )}\n >\n <Icon className=\"mx-auto h-5 w-5 text-text-secondary mb-1\" />\n <p className=\"text-sm font-medium text-text-primary\">{label}</p>\n <p className=\"text-[10px] text-text-secondary\">{sub}</p>\n </button>\n ))}\n </div>\n\n {/ Payment Summary /}\n <div className=\"rounded-lg bg-bg-sunken p-4\">\n <h3 className=\"text-sm font-medium text-text-primary mb-2\">Payment Summary</h3>\n <div className=\"space-y-2 text-sm\">\n <div className=\"flex justify-between\">\n <span className=\"text-text-secondary\">Advance Payment:</span>\n <span className=\"text-text-primary\">\n {formatCurrency(advancePayment, { minimumFractionDigits: 0 })}\n </span>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-text-secondary\">Service Fee:</span>\n <span className=\"text-text-primary\">\n {formatCurrency(serviceFee, { minimumFractionDigits: 0 })}\n </span>\n </div>\n <div className=\"flex justify-between text-text-secondary\">\n <span>Balance Payment (at arrival):</span>\n <span>{formatCurrency(balancePayment, { minimumFractionDigits: 0 })}</span>\n </div>\n <div className=\"flex justify-between border-t border-border-subtle pt-2 font-semibold\">\n <span className=\"text-text-primary\">Total Amount:</span>\n <span className=\"text-text-primary\">\n {formatCurrency(totalAmount, { minimumFractionDigits: 0 })}\n </span>\n </div>\n </div>\n </div>\n </div>\n </div>\n )}\n\n {/ Step 4: Confirmation /}\n {step === 'confirmation' && confirmation && (\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5\">\n {/ Success header /}\n <div className=\"text-center mb-6\">\n <div className=\"mx-auto mb-3 flex h-14 w-14 items-center justify-center rounded-full bg-status-success-bg-subtle\">\n <CheckCircle2 className=\"h-7 w-7 text-status-success-text\" />\n </div>\n <h2 className=\"text-lg font-semibold text-text-primary mb-1\">Booking Confirmed!</h2>\n <p className=\"text-sm text-text-secondary\">\n Your direct service booking has been confirmed and payment processed.\n </p>\n </div>\n\n {/ Booking details /}\n <div className=\"rounded-lg bg-bg-sunken p-4 mb-4\">\n <h3 className=\"text-sm font-medium text-text-primary mb-3\">Booking Details</h3>\n <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-3 text-sm\">\n <div>\n <span className=\"text-xs text-text-secondary\">Booking ID</span>\n <p className=\"font-mono text-xs text-text-primary\">{confirmation.bookingId}</p>\n </div>\n <div>\n <span className=\"text-xs text-text-secondary\">Est. Arrival</span>\n <p className=\"text-text-primary\">\n {new Date(confirmation.estimatedArrival).toLocaleTimeString([], {\n hour: '2-digit',\n minute: '2-digit',\n })}\n </p>\n </div>\n <div>\n <span className=\"text-xs text-text-secondary\">Location</span>\n <p className=\"text-text-primary truncate\">{location.address}</p>\n </div>\n <div>\n <span className=\"text-xs text-text-secondary\">Phone</span>\n <p className=\"text-text-primary\">{location.phoneNumber}</p>\n </div>\n </div>\n </div>\n\n {/ Payment details /}\n <div className=\"rounded-lg border border-status-success-text/20 bg-status-success-bg-subtle p-4 mb-4\">\n <h3 className=\"text-sm font-medium text-status-success-text mb-2 flex items-center gap-2\">\n <CheckCircle2 className=\"h-4 w-4\" />\n Payment Processed\n </h3>\n <div className=\"grid grid-cols-2 gap-3 text-sm\">\n <div>\n <span className=\"text-xs text-text-secondary\">Transaction ID</span>\n <p className=\"font-mono text-xs text-text-primary\">\n {confirmation.transactionId}\n </p>\n </div>\n <div>\n <span className=\"text-xs text-text-secondary\">Advance Paid</span>\n <p className=\"font-medium text-text-primary\">\n {formatCurrency(advancePayment, { minimumFractionDigits: 0 })}\n </p>\n </div>\n <div>\n <span className=\"text-xs text-text-secondary\">Method</span>\n <p className=\"capitalize text-text-primary\">{paymentMethod}</p>\n </div>\n <div>\n <span className=\"text-xs text-text-secondary\">Status</span>\n <p className=\"font-medium text-status-success-text\">Paid</p>\n </div>\n </div>\n </div>\n\n {/ Next Steps /}\n <div className=\"rounded-lg border border-border-focus/20 bg-[var(--color-accent-soft)] p-4 mb-6\">\n <h3 className=\"text-sm font-medium text-text-primary mb-2\">Next Steps</h3>\n <div className=\"space-y-2 text-xs text-text-primary\">\n <div className=\"flex items-start gap-2\">\n <CheckCircle2 className=\"h-3.5 w-3.5 text-status-success-text mt-0.5 shrink-0\" />\n <span>\n Payment confirmed -{' '}\n {formatCurrency(advancePayment, { minimumFractionDigits: 0 })} paid\n </span>\n </div>\n <div className=\"flex items-start gap-2\">\n <Clock className=\"h-3.5 w-3.5 mt-0.5 shrink-0\" />\n <span>\n Cart will arrive around{' '}\n {new Date(confirmation.estimatedArrival).toLocaleTimeString([], {\n hour: '2-digit',\n minute: '2-digit',\n })}\n </span>\n </div>\n <div className=\"flex items-start gap-2\">\n <CreditCard className=\"h-3.5 w-3.5 mt-0.5 shrink-0\" />\n <span>\n Pay remaining {formatCurrency(balancePayment, { minimumFractionDigits: 0 })}{' '}\n when cart arrives\n </span>\n </div>\n </div>\n </div>\n\n {/ Action buttons /}\n <div className=\"flex gap-3\">\n <button\n type=\"button\"\n onClick={() => navigateTo(`/customer/booking/${confirmation.orderId}`)}\n className=\"flex-1 rounded-lg bg-foreground px-4 py-2.5 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n >\n View Booking\n </button>\n <button\n type=\"button\"\n onClick={() => navigateTo('/customer/discover')}\n className=\"flex-1 rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n >\n Browse More\n </button>\n </div>\n </div>\n )}\n\n {/ Navigation Buttons /}\n {step !== 'confirmation' && (\n <div className=\"flex justify-between mt-5\">\n <button\n type=\"button\"\n onClick={prevStep}\n disabled={step === 'location'}\n className={cn(\n 'flex items-center gap-2 rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary transition-colors',\n step === 'location' ? 'opacity-40 cursor-not-allowed' : 'hover:bg-accent'\n )}\n >\n <ArrowLeft className=\"h-4 w-4\" />\n Previous\n </button>\n <button\n type=\"button\"\n onClick={nextStep}\n disabled={submitting}\n className={cn(\n 'flex items-center gap-2 rounded-lg bg-foreground px-4 py-2.5 text-sm font-medium text-background transition-opacity',\n submitting ? 'opacity-60 cursor-not-allowed' : 'hover:opacity-90'\n )}\n >\n {submitting ? (\n <>\n <Loader2 className=\"h-4 w-4 animate-spin\" />\n {step === 'payment' ? 'Processing Payment...' : 'Processing...'}\n </>\n ) : (\n <>\n {step === 'payment' ? 'Confirm & Pay' : 'Next'}\n <ArrowRight className=\"h-4 w-4\" />\n </>\n )}\n </button>\n </div>\n )}\n </div>\n\n {/ Sidebar: Service Summary */}\n <div className=\"lg:col-span-1\">\n <div className=\"sticky top-6 rounded-lg border border-border-subtle bg-bg-surface p-5\">\n <h3 className=\"text-base font-semibold text-text-primary mb-4\">Service Summary</h3>\n\n <div className=\"flex items-center gap-3 mb-4\">\n <div className=\"h-12 w-12 shrink-0 overflow-hidden rounded-lg\">\n <ProviderImage src={cart.image} alt={cart.name} seed={cart.name} />\n </div>\n <div>\n <p className=\"text-sm font-medium text-text-primary\">{cart.name}</p>\n <p className=\"text-xs text-text-secondary\">{cart.category}</p>\n </div>\n </div>\n\n <div className=\"space-y-2 text-sm border-t border-border-subtle pt-3\">\n <div className=\"flex justify-between\">\n <span className=\"text-text-secondary\">Service Fee:</span>\n <span className=\"text-text-primary\">\n {formatCurrency(serviceFee, { minimumFractionDigits: 0 })}\n </span>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-text-secondary\">Advance Payment:</span>\n <span className=\"font-medium text-text-primary\">\n {formatCurrency(advancePayment, { minimumFractionDigits: 0 })}\n </span>\n </div>\n </div>\n\n <div className=\"flex items-center gap-2 mt-3 pt-3 border-t border-border-subtle text-status-success-text\">\n <CheckCircle2 className=\"h-3.5 w-3.5\" />\n <span className=\"text-xs\">Pay remaining amount at cart</span>\n </div>\n </div>\n </div>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"DirectServiceBookingPage.js","names":[],"sources":["../../../../src/kadaikodi/pages/customer/DirectServiceBookingPage.tsx"],"sourcesContent":["/*\n Direct Service Booking Page\n * @module kadaikodi/pages/customer\n \n 4-step wizard: Location > Details > Payment > Confirmation.\n * Progress indicator, step validation, geolocation button,\n * address fields, preferred time slot selector (30-min slots),\n * urgent booking checkbox, payment method selection,\n * payment summary, confirmation step with checkmark/IDs/next steps.\n /\n\nimport { useState } from 'react';\nimport { useParams } from 'react-router';\nimport {\n ArrowLeft,\n ArrowRight,\n MapPin,\n Calendar,\n Clock,\n CreditCard,\n Smartphone,\n Wallet,\n CheckCircle2,\n AlertCircle,\n Navigation,\n Phone,\n Home,\n Loader2,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { EmptyState } from '../../components/EmptyState';\nimport { SegmentedTabs, StepProgress } from '../../components/viz';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { useProvider, useOfferings, usePlaceOrder } from '../../hooks/useKadaikodiApi';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency } from '../../utils/formatters';\nimport { ProviderImage } from './shared';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ntype Step = 'location' \| 'details' \| 'payment' \| 'confirmation';\nconst STEPS: Step[] = ['location', 'details', 'payment', 'confirmation'];\nconst STEP_LABELS: Record<Step, string> = {\n location: 'Location',\n details: 'Details',\n payment: 'Payment',\n confirmation: 'Confirmation',\n};\n\ninterface ServiceLocation {\n address: string;\n landmark: string;\n instructions: string;\n phoneNumber: string;\n}\n\ninterface BookingDetails {\n preferredTime: string;\n specialInstructions: string;\n isUrgent: boolean;\n}\n\ninterface ConfirmationData {\n /* Human-facing booking reference (order number when available). /\n bookingId: string;\n /* Real order id used to route to the booking details page. /\n orderId: string;\n transactionId: string;\n estimatedArrival: string;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction generateDays(): { value: string; label: string }[] {\n const days: { value: string; label: string }[] = [];\n const now = new Date();\n for (let i = 0; i < 4; i++) {\n const d = new Date(now.getTime() + i 86400000);\n const label =\n i === 0\n ? 'Today'\n : i === 1\n ? 'Tomorrow'\n : d.toLocaleDateString([], { weekday: 'short', day: 'numeric' });\n days.push({ value: d.toISOString().slice(0, 10), label });\n }\n return days;\n}\n\nfunction generateTimeSlots(): { value: string; label: string }[] {\n const slots: { value: string; label: string }[] = [];\n const now = new Date();\n const start = new Date(now.getTime() + 30 * 60000); // 30 min from now\n\n for (let i = 0; i < 8; i++) {\n const time = new Date(start.getTime() + i * 30 * 60000);\n const val = time.toTimeString().slice(0, 5);\n const lbl = time.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });\n slots.push({ value: val, label: lbl });\n }\n\n return slots;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function DirectServiceBookingPage() {\n const { cartId } = useParams<{ cartId: string }>();\n const { navigateTo, currentUser } = useKadaikodi();\n\n const { data: cart, isLoading: isLoadingCart } = useProvider(cartId);\n const { data: offerings = [] } = useOfferings(cartId);\n const placeOrder = usePlaceOrder();\n const bookedOffering = offerings[0];\n\n const [step, setStep] = useState<Step>('location');\n const [submitting, setSubmitting] = useState(false);\n\n // Location step\n const [location, setLocation] = useState<ServiceLocation>({\n address: '',\n landmark: '',\n instructions: '',\n phoneNumber: '',\n });\n\n // Details step\n const [details, setDetails] = useState<BookingDetails>({\n preferredTime: '',\n specialInstructions: '',\n isUrgent: false,\n });\n\n // Scheduling\n const [scheduleMode, setScheduleMode] = useState<'now' \| 'schedule'>('schedule');\n const [selectedDay, setSelectedDay] = useState<string>('');\n\n // Payment step\n const [paymentMethod, setPaymentMethod] = useState<'upi' \| 'card' \| 'wallet'>('upi');\n\n // Confirmation data\n const [confirmation, setConfirmation] = useState<ConfirmationData \| null>(null);\n\n // Pricing derived from the real offering being booked. A 20% deposit confirms\n // the booking; the balance is settled when the cart arrives.\n const serviceFee = bookedOffering?.price ?? 0;\n const advancePayment = Math.round(serviceFee * 0.2);\n const balancePayment = serviceFee - advancePayment;\n const totalAmount = serviceFee;\n\n // --- Loading ---\n if (isLoadingCart) {\n return (\n <PageLayout title=\"Book Direct Service\">\n <div className=\"flex items-center justify-center py-20\">\n <div className=\"h-12 w-12 animate-spin rounded-full border-b-2 border-foreground\" />\n </div>\n </PageLayout>\n );\n }\n\n // --- Not found ---\n if (!cart) {\n return (\n <PageLayout title=\"Cart Not Found\">\n <EmptyState\n icon={<Home className=\"h-12 w-12\" />}\n title=\"Service not available\"\n description=\"Direct service is not available for this cart.\"\n action={\n <button\n type=\"button\"\n onClick={() => navigateTo('/customer/discover')}\n className=\"rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n >\n Browse Carts\n </button>\n }\n />\n </PageLayout>\n );\n }\n\n const timeSlots = generateTimeSlots();\n const stepIndex = STEPS.indexOf(step);\n\n // --- Geolocation ---\n const handleGetLocation = () => {\n if (!navigator.geolocation) {\n alert('Geolocation is not supported by this browser.');\n return;\n }\n navigator.geolocation.getCurrentPosition(\n () => {\n setLocation((p) => ({ ...p, address: p.address \|\| 'Current location detected' }));\n alert('Location detected successfully!');\n },\n () => {\n alert('Failed to get your location. Please enter address manually.');\n }\n );\n };\n\n // --- Validation ---\n const validateLocation = (): boolean => {\n if (!location.address.trim()) {\n alert('Please enter your address.');\n return false;\n }\n if (!location.phoneNumber.trim()) {\n alert('Please enter your phone number.');\n return false;\n }\n return true;\n };\n\n const validateDetails = (): boolean => {\n if (scheduleMode === 'schedule' && !details.preferredTime) {\n alert('Please select a preferred time slot.');\n return false;\n }\n return true;\n };\n\n // --- Navigation ---\n const nextStep = () => {\n if (step === 'location' && validateLocation()) setStep('details');\n else if (step === 'details' && validateDetails()) setStep('payment');\n else if (step === 'payment') handleBookingSubmit();\n };\n\n const prevStep = () => {\n if (step === 'details') setStep('location');\n else if (step === 'payment') setStep('details');\n };\n\n // --- Submit ---\n const handleBookingSubmit = () => {\n setSubmitting(true);\n const estimatedArrival = new Date(Date.now() + 30 * 60000).toISOString();\n\n // Place a real order when we have a bookable offering and a signed-in customer.\n if (cart && bookedOffering && currentUser?.id) {\n placeOrder.mutate(\n {\n providerId: cart.id,\n customerId: currentUser.id,\n fulfillmentType: 'delivery',\n paymentMethod,\n tax: 0,\n items: [\n {\n name: bookedOffering.name,\n offeringId: bookedOffering.id,\n quantity: 1,\n unitPrice: serviceFee,\n },\n ],\n notes:\n [location.instructions, details.specialInstructions].filter(Boolean).join(' \| ') \|\|\n undefined,\n deliveryAddress: { street: location.address, landmark: location.landmark },\n },\n {\n onSuccess: (order) => {\n setConfirmation({\n bookingId: order.orderNumber \|\| order.id,\n orderId: order.id,\n transactionId: `TXN-${order.id}`,\n estimatedArrival,\n });\n setStep('confirmation');\n setSubmitting(false);\n },\n onError: () => {\n setSubmitting(false);\n alert('Could not place your booking. Please try again.');\n },\n }\n );\n return;\n }\n\n // No bookable offering available yet — confirm the request locally.\n const bookingId = `BK-${Date.now()}`;\n setConfirmation({ bookingId, orderId: bookingId, transactionId: bookingId, estimatedArrival });\n setStep('confirmation');\n setSubmitting(false);\n };\n\n return (\n <PageLayout\n title={\n <div className=\"flex items-center gap-3\">\n <button\n type=\"button\"\n onClick={() => navigateTo(`/customer/cart/${cart.id}`)}\n className=\"rounded-md p-1 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors\"\n >\n <ArrowLeft className=\"h-5 w-5\" />\n </button>\n <div>\n <span>Book Direct Service</span>\n <p className=\"text-xs font-normal text-text-secondary\">{cart.name}</p>\n </div>\n </div>\n }\n >\n <PagePurpose className=\"mb-6\">\n Book a service directly from this cart in a few guided steps — tell us where and when you\n need it, add any details, then confirm. Follow the progress bar below to know what's left.\n </PagePurpose>\n\n {/* Progress Indicator — the one emphasis zone /}\n <EmphasisPanel className=\"mb-6\">\n <StepProgress steps={STEPS.map((s) => ({ label: STEP_LABELS[s] }))} current={stepIndex} />\n </EmphasisPanel>\n\n <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n {/ Main Content /}\n <div className=\"lg:col-span-2\">\n {/ Step 1: Location /}\n {step === 'location' && (\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5\">\n <h2 className=\"text-base font-semibold text-text-primary mb-1 flex items-center gap-2\">\n <MapPin className=\"h-4 w-4\" />\n Service Location\n </h2>\n <p className=\"text-xs text-text-secondary mb-5\">Where should the cart come?</p>\n\n <div className=\"space-y-4\">\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n Your Address <span className=\"text-status-error-text\"></span>\n </label>\n <div className=\"flex gap-2\">\n <input\n type=\"text\"\n placeholder=\"Enter your full address\"\n value={location.address}\n onChange={(e) => setLocation((p) => ({ ...p, address: e.target.value }))}\n className=\"flex-1 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n <button\n type=\"button\"\n onClick={handleGetLocation}\n className=\"flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent transition-colors whitespace-nowrap\"\n >\n <Navigation className=\"h-3.5 w-3.5\" />\n Use Current Location\n </button>\n </div>\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n Nearby Landmark\n </label>\n <input\n type=\"text\"\n placeholder=\"e.g., Near Metro Station, Opposite Mall\"\n value={location.landmark}\n onChange={(e) => setLocation((p) => ({ ...p, landmark: e.target.value }))}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n Instructions for Cart Owner\n </label>\n <textarea\n rows={3}\n placeholder=\"Any specific instructions to help us find you...\"\n value={location.instructions}\n onChange={(e) => setLocation((p) => ({ ...p, instructions: e.target.value }))}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] resize-none\"\n />\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n Phone Number <span className=\"text-status-error-text\"></span>\n </label>\n <div className=\"relative\">\n <Phone className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n <input\n type=\"tel\"\n placeholder=\"Enter your phone number\"\n value={location.phoneNumber}\n onChange={(e) => setLocation((p) => ({ ...p, phoneNumber: e.target.value }))}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-9 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n </div>\n </div>\n </div>\n )}\n\n {/ Step 2: Details /}\n {step === 'details' && (\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5\">\n <h2 className=\"text-base font-semibold text-text-primary mb-1 flex items-center gap-2\">\n <Calendar className=\"h-4 w-4\" />\n Booking Details\n </h2>\n <p className=\"text-xs text-text-secondary mb-5\">Choose your preferred timing</p>\n\n <div className=\"space-y-4\">\n {/ When? — Come now vs Schedule /}\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-2\">\n When do you need it?\n </label>\n <SegmentedTabs\n fill\n aria-label=\"Timing\"\n tabs={[\n { id: 'now', label: 'Come now' },\n { id: 'schedule', label: 'Schedule' },\n ]}\n value={scheduleMode}\n onChange={(id) => setScheduleMode(id as 'now' \| 'schedule')}\n />\n {scheduleMode === 'now' && (\n <p className=\"mt-2 text-xs text-text-secondary\">\n The cart heads to you as soon as it accepts — no slot needed.\n </p>\n )}\n </div>\n\n {/ Day + time chips (only when scheduling) /}\n {scheduleMode === 'schedule' && (\n <>\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n Day\n </label>\n <div className=\"grid grid-cols-4 gap-2\">\n {generateDays().map((day) => (\n <button\n key={day.value}\n type=\"button\"\n onClick={() => setSelectedDay(day.value)}\n className={cn(\n 'rounded-lg border py-2 px-2 text-xs font-medium transition-colors',\n selectedDay === day.value\n ? 'border-action-primary-bg bg-[var(--color-accent-soft)] text-accent-primary'\n : 'border-border-subtle text-text-secondary hover:bg-accent hover:text-text-primary'\n )}\n >\n {day.label}\n </button>\n ))}\n </div>\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n Preferred Time Slot <span className=\"text-status-error-text\"></span>\n </label>\n <div className=\"grid grid-cols-4 gap-2\">\n {timeSlots.map((slot) => (\n <button\n key={slot.value}\n type=\"button\"\n onClick={() => setDetails((p) => ({ ...p, preferredTime: slot.value }))}\n className={cn(\n 'rounded-lg border py-2 px-2 text-xs font-medium transition-colors',\n details.preferredTime === slot.value\n ? 'border-action-primary-bg bg-[var(--color-accent-soft)] text-accent-primary'\n : 'border-border-subtle text-text-secondary hover:bg-accent hover:text-text-primary'\n )}\n >\n {slot.label}\n </button>\n ))}\n </div>\n </div>\n </>\n )}\n\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n Special Instructions\n </label>\n <textarea\n rows={3}\n placeholder=\"Any special requests or dietary preferences...\"\n value={details.specialInstructions}\n onChange={(e) =>\n setDetails((p) => ({ ...p, specialInstructions: e.target.value }))\n }\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] resize-none\"\n />\n </div>\n\n <label className=\"flex items-center gap-2 cursor-pointer\">\n <input\n type=\"checkbox\"\n checked={details.isUrgent}\n onChange={(e) => setDetails((p) => ({ ...p, isUrgent: e.target.checked }))}\n className=\"h-4 w-4 rounded border-border-subtle\"\n />\n <span className=\"text-sm text-text-secondary\">\n This is urgent (additional charges may apply)\n </span>\n </label>\n </div>\n </div>\n )}\n\n {/* Step 3: Payment /}\n {step === 'payment' && (\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5\">\n <h2 className=\"text-base font-semibold text-text-primary mb-1 flex items-center gap-2\">\n <CreditCard className=\"h-4 w-4\" />\n Advance Payment\n </h2>\n <p className=\"text-xs text-text-secondary mb-5\">Select your payment method</p>\n\n <div className=\"space-y-4\">\n {/ Info callout /}\n <div className=\"flex items-start gap-2 rounded-lg border border-border-focus/20 bg-[var(--color-accent-soft)] p-3\">\n <AlertCircle className=\"h-4 w-4 text-text-primary shrink-0 mt-0.5\" />\n <p className=\"text-xs text-text-primary\">\n You need to pay {formatCurrency(advancePayment, { minimumFractionDigits: 0 })}{' '}\n in advance to confirm your booking. Pay the remaining when the cart arrives.\n </p>\n </div>\n\n {/ Payment methods /}\n <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-3\">\n {[\n {\n value: 'upi' as const,\n label: 'UPI',\n sub: 'Instant payment',\n Icon: Smartphone,\n },\n {\n value: 'card' as const,\n label: 'Card',\n sub: 'Secure payment',\n Icon: CreditCard,\n },\n {\n value: 'wallet' as const,\n label: 'Wallet',\n sub: 'Quick payment',\n Icon: Wallet,\n },\n ].map(({ value, label, sub, Icon }) => (\n <button\n key={value}\n type=\"button\"\n onClick={() => setPaymentMethod(value)}\n className={cn(\n 'rounded-lg border p-3 text-center transition-colors',\n paymentMethod === value\n ? 'border-foreground bg-accent'\n : 'border-border-subtle hover:bg-accent'\n )}\n >\n <Icon className=\"mx-auto h-5 w-5 text-text-secondary mb-1\" />\n <p className=\"text-sm font-medium text-text-primary\">{label}</p>\n <p className=\"text-[10px] text-text-secondary\">{sub}</p>\n </button>\n ))}\n </div>\n\n {/ Payment Summary /}\n <div className=\"rounded-lg bg-bg-sunken p-4\">\n <h3 className=\"text-sm font-medium text-text-primary mb-2\">Payment Summary</h3>\n <div className=\"space-y-2 text-sm\">\n <div className=\"flex justify-between\">\n <span className=\"text-text-secondary\">Advance Payment:</span>\n <span className=\"text-text-primary\">\n {formatCurrency(advancePayment, { minimumFractionDigits: 0 })}\n </span>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-text-secondary\">Service Fee:</span>\n <span className=\"text-text-primary\">\n {formatCurrency(serviceFee, { minimumFractionDigits: 0 })}\n </span>\n </div>\n <div className=\"flex justify-between text-text-secondary\">\n <span>Balance Payment (at arrival):</span>\n <span>{formatCurrency(balancePayment, { minimumFractionDigits: 0 })}</span>\n </div>\n <div className=\"flex justify-between border-t border-border-subtle pt-2 font-semibold\">\n <span className=\"text-text-primary\">Total Amount:</span>\n <span className=\"text-text-primary\">\n {formatCurrency(totalAmount, { minimumFractionDigits: 0 })}\n </span>\n </div>\n </div>\n </div>\n </div>\n </div>\n )}\n\n {/ Step 4: Confirmation /}\n {step === 'confirmation' && confirmation && (\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5\">\n {/ Success header /}\n <div className=\"text-center mb-6\">\n <div className=\"mx-auto mb-3 flex h-14 w-14 items-center justify-center rounded-full bg-status-success-bg-subtle\">\n <CheckCircle2 className=\"h-7 w-7 text-status-success-text\" />\n </div>\n <h2 className=\"text-lg font-semibold text-text-primary mb-1\">Booking Confirmed!</h2>\n <p className=\"text-sm text-text-secondary\">\n Your direct service booking has been confirmed and payment processed.\n </p>\n </div>\n\n {/ Booking details /}\n <div className=\"rounded-lg bg-bg-sunken p-4 mb-4\">\n <h3 className=\"text-sm font-medium text-text-primary mb-3\">Booking Details</h3>\n <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-3 text-sm\">\n <div>\n <span className=\"text-xs text-text-secondary\">Booking ID</span>\n <p className=\"font-mono text-xs text-text-primary\">{confirmation.bookingId}</p>\n </div>\n <div>\n <span className=\"text-xs text-text-secondary\">Est. Arrival</span>\n <p className=\"text-text-primary\">\n {new Date(confirmation.estimatedArrival).toLocaleTimeString([], {\n hour: '2-digit',\n minute: '2-digit',\n })}\n </p>\n </div>\n <div>\n <span className=\"text-xs text-text-secondary\">Location</span>\n <p className=\"text-text-primary truncate\">{location.address}</p>\n </div>\n <div>\n <span className=\"text-xs text-text-secondary\">Phone</span>\n <p className=\"text-text-primary\">{location.phoneNumber}</p>\n </div>\n </div>\n </div>\n\n {/ Payment details /}\n <div className=\"rounded-lg border border-status-success-text/20 bg-status-success-bg-subtle p-4 mb-4\">\n <h3 className=\"text-sm font-medium text-status-success-text mb-2 flex items-center gap-2\">\n <CheckCircle2 className=\"h-4 w-4\" />\n Payment Processed\n </h3>\n <div className=\"grid grid-cols-2 gap-3 text-sm\">\n <div>\n <span className=\"text-xs text-text-secondary\">Transaction ID</span>\n <p className=\"font-mono text-xs text-text-primary\">\n {confirmation.transactionId}\n </p>\n </div>\n <div>\n <span className=\"text-xs text-text-secondary\">Advance Paid</span>\n <p className=\"font-medium text-text-primary\">\n {formatCurrency(advancePayment, { minimumFractionDigits: 0 })}\n </p>\n </div>\n <div>\n <span className=\"text-xs text-text-secondary\">Method</span>\n <p className=\"capitalize text-text-primary\">{paymentMethod}</p>\n </div>\n <div>\n <span className=\"text-xs text-text-secondary\">Status</span>\n <p className=\"font-medium text-status-success-text\">Paid</p>\n </div>\n </div>\n </div>\n\n {/ Next Steps /}\n <div className=\"rounded-lg border border-border-focus/20 bg-[var(--color-accent-soft)] p-4 mb-6\">\n <h3 className=\"text-sm font-medium text-text-primary mb-2\">Next Steps</h3>\n <div className=\"space-y-2 text-xs text-text-primary\">\n <div className=\"flex items-start gap-2\">\n <CheckCircle2 className=\"h-3.5 w-3.5 text-status-success-text mt-0.5 shrink-0\" />\n <span>\n Payment confirmed -{' '}\n {formatCurrency(advancePayment, { minimumFractionDigits: 0 })} paid\n </span>\n </div>\n <div className=\"flex items-start gap-2\">\n <Clock className=\"h-3.5 w-3.5 mt-0.5 shrink-0\" />\n <span>\n Cart will arrive around{' '}\n {new Date(confirmation.estimatedArrival).toLocaleTimeString([], {\n hour: '2-digit',\n minute: '2-digit',\n })}\n </span>\n </div>\n <div className=\"flex items-start gap-2\">\n <CreditCard className=\"h-3.5 w-3.5 mt-0.5 shrink-0\" />\n <span>\n Pay remaining {formatCurrency(balancePayment, { minimumFractionDigits: 0 })}{' '}\n when cart arrives\n </span>\n </div>\n </div>\n </div>\n\n {/ Action buttons /}\n <div className=\"flex gap-3\">\n <button\n type=\"button\"\n onClick={() => navigateTo(`/customer/booking/${confirmation.orderId}`)}\n className=\"flex-1 rounded-lg bg-foreground px-4 py-2.5 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n >\n View Booking\n </button>\n <button\n type=\"button\"\n onClick={() => navigateTo('/customer/discover')}\n className=\"flex-1 rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n >\n Browse More\n </button>\n </div>\n </div>\n )}\n\n {/ Navigation Buttons /}\n {step !== 'confirmation' && (\n <div className=\"flex justify-between mt-5\">\n <button\n type=\"button\"\n onClick={prevStep}\n disabled={step === 'location'}\n className={cn(\n 'flex items-center gap-2 rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary transition-colors',\n step === 'location' ? 'opacity-40 cursor-not-allowed' : 'hover:bg-accent'\n )}\n >\n <ArrowLeft className=\"h-4 w-4\" />\n Previous\n </button>\n <button\n type=\"button\"\n onClick={nextStep}\n disabled={submitting}\n className={cn(\n 'flex items-center gap-2 rounded-lg bg-foreground px-4 py-2.5 text-sm font-medium text-background transition-opacity',\n submitting ? 'opacity-60 cursor-not-allowed' : 'hover:opacity-90'\n )}\n >\n {submitting ? (\n <>\n <Loader2 className=\"h-4 w-4 animate-spin\" />\n {step === 'payment' ? 'Processing Payment...' : 'Processing...'}\n </>\n ) : (\n <>\n {step === 'payment' ? 'Confirm & Pay' : 'Next'}\n <ArrowRight className=\"h-4 w-4\" />\n </>\n )}\n </button>\n </div>\n )}\n </div>\n\n {/ Sidebar: Service Summary */}\n <div className=\"lg:col-span-1\">\n <div className=\"sticky top-6 rounded-lg border border-border-subtle bg-bg-surface p-5\">\n <h3 className=\"text-base font-semibold text-text-primary mb-4\">Service Summary</h3>\n\n <div className=\"flex items-center gap-3 mb-4\">\n <div className=\"h-12 w-12 shrink-0 overflow-hidden rounded-lg\">\n <ProviderImage src={cart.image} alt={cart.name} seed={cart.name} />\n </div>\n <div>\n <p className=\"text-sm font-medium text-text-primary\">{cart.name}</p>\n <p className=\"text-xs text-text-secondary\">{cart.category}</p>\n </div>\n </div>\n\n <div className=\"space-y-2 text-sm border-t border-border-subtle pt-3\">\n <div className=\"flex justify-between\">\n <span className=\"text-text-secondary\">Service Fee:</span>\n <span className=\"text-text-primary\">\n {formatCurrency(serviceFee, { minimumFractionDigits: 0 })}\n </span>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-text-secondary\">Advance Payment:</span>\n <span className=\"font-medium text-text-primary\">\n {formatCurrency(advancePayment, { minimumFractionDigits: 0 })}\n </span>\n </div>\n </div>\n\n <div className=\"flex items-center gap-2 mt-3 pt-3 border-t border-border-subtle text-status-success-text\">\n <CheckCircle2 className=\"h-3.5 w-3.5\" />\n <span className=\"text-xs\">Pay remaining amount at cart</span>\n </div>\n </div>\n </div>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}

package/dist/kadaikodi/pages/customer/OrderTrackingPage.js CHANGED Viewed

@@ -13,7 +13,7 @@ import { StylizedRouteMap as u } from "./shared.js";
 import { notifyOrderStatusChange as te } from "../../utils/orderStatusNotifier.js";
 import { useEffect as d, useRef as f, useState as p } from "react";
 import { ArrowLeft as m, CheckCircle2 as h, Clock as g, Loader2 as _, MapPin as ne, MessageCircle as v, Phone as y, ShoppingBag as b, Star as x, WifiOff as re, X as ie, XCircle as S } from "lucide-react";
-import { useParams as C } from "react-router-dom";
+import { useParams as C } from "react-router";
 import { jsx as w, jsxs as T } from "react/jsx-runtime";
 import { GlassCard as E, PagePurpose as D } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/customer/OrderTrackingPage.tsx