@burdenoff/microfe-subscriberbot 2026.626.2 → 2026.628.1

package/dist/subscriberbot/pages/customer/CartDetailPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CartDetailPage.js","names":[],"sources":["../../../../src/subscriberbot/pages/customer/CartDetailPage.tsx"],"sourcesContent":["/**\n * Cart Detail Page\n * @module subscriberbot/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} from 'lucide-react';\nimport { PagePurpose, NextSteps, EmphasisPanel } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { EmptyState } from '../../components/EmptyState';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport {\n  useProviders,\n  useOfferings,\n  useInvestmentOpportunities,\n} from '../../hooks/useSubscriberBotApi';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency, formatDistance, formatDuration } from '../../utils/formatters';\nimport type { CartMenuItem, InvestmentOpportunity } from '../../types';\n\ninterface CartItem {\n  id: string;\n  productId: string;\n  name: string;\n  price: number;\n  quantity: number;\n  specialInstructions?: string;\n}\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 } = useSubscriberBot();\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 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 [searchQuery, setSearchQuery] = useState('');\n  const [selectedCategory, setSelectedCategory] = useState('');\n  const [cartItems, setCartItems] = useState<CartItem[]>([]);\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] || 'https://images.unsplash.com/photo-1567620905732-2d1ec7ab7445?w=400',\n        category: o.category,\n        isVeg: true,\n        duration: o.durationMinutes,\n        serviceType: o.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\n  const addToCart = (product: CartMenuItem, qty: number = 1, instructions?: string) => {\n    setCartItems((prev) => {\n      const existing = prev.find((item) => item.productId === product.id);\n      if (existing) {\n        return prev.map((item) =>\n          item.productId === product.id ? { ...item, quantity: item.quantity + qty } : item\n        );\n      }\n      return [\n        ...prev,\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    });\n  };\n\n  const updateQuantity = (productId: string, delta: number) => {\n    setCartItems((prev) =>\n      prev\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    );\n  };\n\n  const removeFromCart = (productId: string) => {\n    setCartItems((prev) => prev.filter((item) => item.productId !== productId));\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          illustration=\"empty-generic\"\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/carts')}\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/carts')}\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-status-info-text shrink-0\" />}\n        </div>\n      }\n      description={cart.category}\n    >\n      <PagePurpose icon={<ShoppingCart className=\"h-4 w-4\" />} className=\"mb-6\">\n        Everything this cart offers, in one place. Browse the menu and services, add items\n        to your cart and check out — or book a direct service if you need something\n        bespoke. Check the rating, distance and whether it's open before you order so there\n        are no surprises.\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"subscriberbot-cart-detail\"\n        steps={[\n          {\n            id: 'add-items',\n            label: 'Add items to your cart',\n            description: 'Pick what you want from the menu and services below.',\n            icon: <ShoppingCart className=\"h-4 w-4\" />,\n            onClick: () => {\n              const el = document.getElementById('cart-menu');\n              el?.scrollIntoView({ behavior: 'smooth' });\n            },\n          },\n          {\n            id: 'book-direct',\n            label: 'Book a direct service',\n            description: 'Need something custom? Request a tailored booking.',\n            icon: <Calendar className=\"h-4 w-4\" />,\n            onClick: () => navigateTo(`/customer/carts/${cart.id}`),\n          },\n          {\n            id: 'checkout',\n            label: 'Review cart & checkout',\n            description: 'Confirm your order and pay when you are ready.',\n            icon: <CheckCircle2 className=\"h-4 w-4\" />,\n            onClick: () => navigateTo('/customer/checkout'),\n          },\n        ]}\n      />\n\n      {/* Hero Image — the ONE emphasis zone */}\n      <EmphasisPanel className=\"relative h-48 overflow-hidden p-0\">\n        <img src={cart.image} alt={cart.name} className=\"h-full w-full object-cover\" />\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/20 text-status-success-text'\n                  : 'bg-status-error-bg/20 text-status-error-text'\n              )}\n            >\n              {cart.isOpen ? 'Open Now' : 'Closed'}\n            </span>\n            <div className=\"flex items-center gap-1 text-text-inverse text-sm\">\n              <Star className=\"h-3.5 w-3.5 fill-status-warning-text text-status-warning-text\" />\n              <span className=\"font-medium\">{cart.rating}</span>\n              <span className=\"text-text-inverse/70\">({cart.totalRatings})</span>\n            </div>\n          </div>\n        </div>\n      </EmphasisPanel>\n\n      {/* Cart Closed Warning */}\n      {!cart.isOpen && (\n        <div className=\"mt-4 rounded-lg border border-status-warning-border/30 bg-status-warning-bg/10 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      {/* Info Row */}\n      <div className=\"mt-4 grid grid-cols-1 gap-3 sm:grid-cols-3\">\n        <div className=\"rounded-lg border border-border-seam 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          <p className=\"text-xs text-text-secondary\">{formatDistance(cart.distance)} away</p>\n        </div>\n        <div className=\"rounded-lg border border-border-seam 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\">{formatDuration(cart.estimatedTime)}</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-seam 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-seam 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-seam 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      {/* Main Content: Menu + Sidebar */}\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-seam 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-seam 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 id=\"cart-menu\" className=\"text-lg font-semibold text-text-primary mb-3 scroll-mt-6\">\n            Menu & Services ({filteredMenu.length})\n          </h2>\n\n          {filteredMenu.length === 0 ? (\n            <EmptyState\n              illustration=\"empty-search\"\n              title=\"No offerings found\"\n              description=\"No items match your search here. Try a different keyword or clear the filter to see everything this cart offers.\"\n            />\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\">{category}</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-seam bg-bg-surface p-4\"\n                        >\n                          <div className=\"h-20 w-20 shrink-0 rounded-md bg-bg-sunken overflow-hidden\">\n                            <img\n                              src={item.image}\n                              alt={item.name}\n                              className=\"h-full w-full object-cover\"\n                            />\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-seam 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-seam 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-accent-purple\" />\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/carts/${cart.id}`)}\n                className=\"w-full rounded-lg bg-accent-purple py-2 text-xs font-medium text-text-inverse 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-status-info-border/30 bg-status-info-bg/10 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-status-info-text\" />\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-border/30 bg-status-success-bg/10 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={() => alert('Navigate to investor section to fund this business.')}\n                className=\"w-full rounded-lg bg-status-success-text py-2 text-xs font-medium text-text-inverse hover:bg-status-success-text transition-colors\"\n              >\n                Fund This Business\n              </button>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Customization Modal */}\n      {showCustomization && customization && (\n        <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-bg-canvas/50 p-4\">\n          <div className=\"w-full max-w-md max-h-[90vh] overflow-y-auto rounded-lg border border-border-seam 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-seam 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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"}