@burdenoff/microfe-adaptercloud 2026.625.2 → 2026.628.1

package/dist/adaptercloud/pages/customer/CartDiscoveryPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CartDiscoveryPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/customer/CartDiscoveryPage.tsx"],"sourcesContent":["/**\n * Cart Discovery Page\n * @module adaptercloud/pages/customer\n *\n * Browse and search service providers (carts) with full filtering:\n * category, rating, price range, sort, search. Grid view with\n * cart info modal, load more, investment indicators, scheduled stops,\n * direct service links, verified badges, and prep time badges.\n */\n\nimport { useState, useMemo } from'react';\nimport type { MockCart } from'../../types';\nimport {\n  Search,\n  X,\n  Star,\n  MapPin,\n  Clock,\n  CheckCircle2,\n  Info,\n  Home,\n  TrendingUp,\n  Calendar,\n  Tag,\n  Loader2,\n  AlertCircle,\n} from'lucide-react';\nimport { EmphasisPanel } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from'../../components/PageLayout';\nimport { EmptyState } from'../../components/EmptyState';\nimport { useAdapterCloud } from'../../context/AdapterCloudContext';\nimport { useProviders, useInvestmentOpportunities } from'../../hooks/useAdapterCloudApi';\nimport { cn } from'../../utils/cn';\nimport { formatDistance, formatCurrency } from'../../utils/formatters';\n\nconst ALL_CATEGORIES = 'All';\n\ntype RatingFilter = '' | '4.5' | '4.0' | '3.5';\ntype PriceFilter = '' | 'low' | 'medium' | 'high';\ntype SortBy = 'rating' | 'popularity' | 'distance' | 'newest';\n\nexport function CartDiscoveryPage() {\n  const { navigateTo } = useAdapterCloud();\n  const [searchQuery, setSearchQuery] = useState('');\n  const [selectedCategory, setSelectedCategory] = useState<string>(ALL_CATEGORIES);\n  const [ratingFilter, setRatingFilter] = useState<RatingFilter>('');\n  const [priceFilter, setPriceFilter] = useState<PriceFilter>('');\n  const [sortBy, setSortBy] = useState<SortBy>('rating');\n  const [visibleCount, setVisibleCount] = useState(9);\n  const [showCartInfo, setShowCartInfo] = useState(false);\n  const [selectedCartInfo, setSelectedCartInfo] = useState<MockCart | null>(null);\n\n  const { data: providers = [], isLoading, isError } = useProviders();\n  const { data: investmentOpportunities = [] } = useInvestmentOpportunities();\n\n  const categories = useMemo(() => {\n    const cats = new Set<string>();\n    providers.forEach((p) => {\n      if (p.category) cats.add(p.category);\n    });\n    return [ALL_CATEGORIES, ...Array.from(cats)];\n  }, [providers]);\n\n  const filteredCarts = useMemo(() => {\n    let carts = [...providers];\n\n    // Search query\n    if (searchQuery.trim()) {\n      const q = searchQuery.toLowerCase();\n      carts = carts.filter(\n        (c) => c.name.toLowerCase().includes(q) || c.category.toLowerCase().includes(q)\n      );\n    }\n\n    // Category filter\n    if (selectedCategory !== ALL_CATEGORIES) {\n      carts = carts.filter((cart) => cart.category === selectedCategory);\n    }\n\n    // Rating filter\n    if (ratingFilter) {\n      const minRating = parseFloat(ratingFilter);\n      carts = carts.filter((cart) => cart.rating >= minRating);\n    }\n\n    // Price range filter\n    if (priceFilter) {\n      carts = carts.filter((cart) => {\n        const avg = cart.averageOrderValue ?? 0;\n        switch (priceFilter) {\n          case'low':\n            return avg <= 300;\n          case'medium':\n            return avg > 300 && avg <= 800;\n          case'high':\n            return avg > 800;\n          default:\n            return true;\n        }\n      });\n    }\n\n    // Sort\n    switch (sortBy) {\n      case'rating':\n        carts.sort((a, b) => b.rating - a.rating);\n        break;\n      case'popularity':\n        carts.sort((a, b) => (b.totalRatings || 0) - (a.totalRatings || 0));\n        break;\n      case'distance':\n        carts.sort((a, b) => (a.distance || 0) - (b.distance || 0));\n        break;\n      case'newest':\n        carts.sort(\n          (a, b) => new Date(b.createdAt || 0).getTime() - new Date(a.createdAt || 0).getTime()\n        );\n        break;\n    }\n\n    return carts;\n  }, [providers, searchQuery, selectedCategory, ratingFilter, priceFilter, sortBy]);\n\n  const visibleCarts = filteredCarts.slice(0, visibleCount);\n  const hasMore = visibleCount < filteredCarts.length;\n\n  const hasActiveFilters =\n    selectedCategory !== ALL_CATEGORIES ||\n    ratingFilter !== '' ||\n    priceFilter !== '' ||\n    searchQuery.trim() !== '';\n\n  const clearAllFilters = () => {\n    setSearchQuery('');\n    setSelectedCategory(ALL_CATEGORIES);\n    setRatingFilter('');\n    setPriceFilter('');\n    setSortBy('rating');\n    setVisibleCount(9);\n  };\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Discover Carts\" description=\"Finding services and shops near you...\">\n        <div className=\"flex h-[60vh] items-center justify-center\">\n          <Loader2 className=\"h-8 w-8 animate-spin text-primary\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (isError) {\n    return (\n      <PageLayout title=\"Discover Carts\" description=\"Error loading carts\">\n        <div className=\"flex h-[60vh] flex-col items-center justify-center gap-4\">\n          <AlertCircle className=\"h-12 w-12 text-status-error-text\" />\n          <h2 className=\"text-xl font-semibold\">Error loading service providers</h2>\n          <button\n            type=\"button\"\n            onClick={() => window.location.reload()}\n            className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text\"\n          >\n            Retry\n          </button>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Discover Carts\"\n      description=\"Find services and shops near you\"\n      purpose=\"Browse the carts (local shops and service providers) operating near you. Search by name, filter by category and rating, and open any cart to see its offerings and place an order or booking.\"\n      actions={\n        <span className=\"text-sm text-text-secondary\">{filteredCarts.length} carts found</span>\n      }\n    >\n      {/* Search + filters (emphasis zone) */}\n      <EmphasisPanel>\n      {/* Search Bar */}\n      <div className=\"relative\">\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 carts, services, or items...\"\n          value={searchQuery}\n          onChange={(e) => setSearchQuery(e.target.value)}\n          className={cn(\n            'w-full rounded-lg border border-border-subtle bg-bg-surface py-2.5 pl-10 pr-10 text-sm text-text-primary',\n            'placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]'\n          )}\n        />\n        {searchQuery && (\n          <button\n            type=\"button\"\n            onClick={() => setSearchQuery('')}\n            className=\"absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary\"\n          >\n            <X className=\"h-4 w-4\" />\n          </button>\n        )}\n      </div>\n\n      {/* Category Chips */}\n      <div className=\"mt-4 flex flex-wrap gap-2\">\n        {categories.map((category) => (\n          <button\n            key={category}\n            type=\"button\"\n            onClick={() => setSelectedCategory(category)}\n            className={cn(\n              'rounded-full px-3 py-1.5 text-xs font-medium transition-colors',\n              selectedCategory === category\n                ? 'bg-foreground text-background'\n                : 'bg-bg-sunken text-text-secondary hover:bg-accent hover:text-text-primary'\n            )}\n          >\n            {category}\n          </button>\n        ))}\n      </div>\n\n      {/* Filter Row */}\n      <div className=\"mt-4 flex flex-wrap items-center gap-3\">\n        <select\n          value={ratingFilter}\n          onChange={(e) => setRatingFilter(e.target.value as RatingFilter)}\n          className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n        >\n          <option value=\"\">Any Rating</option>\n          <option value=\"4.5\">4.5+ Stars</option>\n          <option value=\"4.0\">4.0+ Stars</option>\n          <option value=\"3.5\">3.5+ Stars</option>\n        </select>\n\n        <select\n          value={priceFilter}\n          onChange={(e) => setPriceFilter(e.target.value as PriceFilter)}\n          className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n        >\n          <option value=\"\">Any Price</option>\n          <option value=\"low\">Under ₹300</option>\n          <option value=\"medium\">₹300 - ₹800</option>\n          <option value=\"high\">₹800+</option>\n        </select>\n\n        <select\n          value={sortBy}\n          onChange={(e) => setSortBy(e.target.value as SortBy)}\n          className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n        >\n          <option value=\"rating\">Highest Rated</option>\n          <option value=\"popularity\">Most Popular</option>\n          <option value=\"distance\">Nearest</option>\n          <option value=\"newest\">Newest</option>\n        </select>\n\n        {hasActiveFilters && (\n          <button\n            type=\"button\"\n            onClick={clearAllFilters}\n            className=\"rounded-lg border border-border-subtle px-3 py-2 text-xs font-medium text-text-secondary hover:text-text-primary transition-colors\"\n          >\n            Clear All Filters\n          </button>\n        )}\n      </div>\n      </EmphasisPanel>\n\n      {/* Cart Grid */}\n      {visibleCarts.length > 0 ? (\n        <>\n          <div className=\"mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {visibleCarts.map((cart) => {\n              const investment = investmentOpportunities.find((o) => o.cartId === cart.id);\n              return (\n                <div\n                  key={cart.id}\n                  className=\"rounded-lg border border-border-subtle bg-bg-surface shadow-sm overflow-hidden hover:shadow-md transition-shadow flex flex-col\"\n                >\n                  {/* Image */}\n                  <div className=\"relative h-40 bg-bg-sunken\">\n                    <img src={cart.image} alt={cart.name} className=\"h-full w-full object-cover\" />\n                    <div className=\"absolute top-2 left-2 flex gap-1.5\">\n                      <span\n                        className={cn(\n                          'inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium backdrop-blur-sm',\n                          cart.isOpen\n                            ? 'bg-status-success-bg-subtle/20 text-status-success-text'\n                            : 'bg-status-error-bg-subtle/20 text-status-error-text'\n                        )}\n                      >\n                        {cart.isOpen ? 'Open' : 'Closed'}\n                      </span>\n                      {cart.isVerified && (\n                        <span className=\"inline-flex items-center gap-0.5 rounded-full bg-accent-blue-subtle/20 px-2 py-0.5 text-xs font-medium text-accent-blue backdrop-blur-sm\">\n                          <CheckCircle2 className=\"h-3 w-3\" />\n                          Verified\n                        </span>\n                      )}\n                    </div>\n                    <div className=\"absolute top-2 right-2\">\n                      <span className=\"rounded-full bg-black/50 px-2 py-0.5 text-xs text-white backdrop-blur-sm\">\n                        {cart.estimatedTime} min\n                      </span>\n                    </div>\n                  </div>\n\n                  {/* Details */}\n                  <div className=\"flex flex-col flex-1 p-4\">\n                    <div className=\"flex items-start justify-between gap-2 mb-1\">\n                      <h3 className=\"text-sm font-semibold text-text-primary truncate flex-1\">\n                        {cart.name}\n                      </h3>\n                      <div className=\"flex items-center gap-1 shrink-0\">\n                        <Star className=\"h-3.5 w-3.5 fill-status-warning-text text-status-warning-text\" />\n                        <span className=\"text-xs font-medium text-text-primary\">{cart.rating}</span>\n                        <span className=\"text-xs text-text-secondary\">({cart.totalRatings})</span>\n                      </div>\n                    </div>\n\n                    <p className=\"text-xs text-text-secondary mb-2\">{cart.category}</p>\n\n                    <div className=\"flex items-center gap-3 text-xs text-text-secondary mb-2\">\n                      <span className=\"flex items-center gap-1\">\n                        <MapPin className=\"h-3 w-3\" />\n                        {cart.location?.address?.split(',')[0] || 'Unknown'}\n                      </span>\n                    </div>\n\n                    <div className=\"flex items-center gap-3 text-xs text-text-secondary mb-3\">\n                      {cart.averageOrderValue && (\n                        <span>\n                          Avg {formatCurrency(cart.averageOrderValue, { minimumFractionDigits: 0 })}\n                        </span>\n                      )}\n                      <span className=\"flex items-center gap-1\">\n                        <MapPin className=\"h-3 w-3\" />\n                        {formatDistance(cart.distance)}\n                      </span>\n                    </div>\n\n                    {/* Scheduled Stop Info */}\n                    {cart.serviceTypes?.includes('appointment') && (\n                      <div className=\"mb-3 rounded-md bg-accent-blue-subtle/10 border border-accent-blue-subtle/20 p-2\">\n                        <div className=\"flex items-center gap-1 text-xs text-accent-blue\">\n                          <Calendar className=\"h-3 w-3\" />\n                          <span className=\"font-medium\">Appointment available</span>\n                        </div>\n                      </div>\n                    )}\n\n                    {/* Direct Service Info */}\n                    {cart.serviceTypes?.includes('direct_service') && (\n                      <div className=\"mb-3 rounded-md bg-accent-purple-subtle/10 border border-accent-purple-subtle/20 p-2\">\n                        <div className=\"flex items-center gap-1 text-xs text-accent-purple\">\n                          <Home className=\"h-3 w-3\" />\n                          <span className=\"font-medium\">Direct Service Available</span>\n                        </div>\n                      </div>\n                    )}\n\n                    {/* Tags */}\n                    {cart.serviceTypes && cart.serviceTypes.length > 0 && (\n                      <div className=\"flex flex-wrap gap-1 mb-3\">\n                        {cart.serviceTypes.slice(0, 3).map((tag: string) => (\n                          <span\n                            key={tag}\n                            className=\"rounded-full bg-bg-sunken px-2 py-0.5 text-[10px] text-text-secondary\"\n                          >\n                            {tag.replace(/_/g, ' ')}\n                          </span>\n                        ))}\n                      </div>\n                    )}\n\n                    <div className=\"mt-auto flex gap-2\">\n                      <button\n                        type=\"button\"\n                        onClick={() => navigateTo(`/customer/cart/${cart.id}`)}\n                        disabled={!cart.isOpen}\n                        className={cn(\n                          'flex-1 rounded-lg py-2 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                        {cart.isOpen ? 'View Services' : 'Closed'}\n                      </button>\n\n                      {cart.serviceTypes?.includes('direct_service') && (\n                        <button\n                          type=\"button\"\n                          onClick={() => navigateTo(`/customer/cart/${cart.id}`)}\n                          className=\"rounded-lg border border-border-subtle px-2 py-2 text-xs text-text-primary hover:bg-accent transition-colors\"\n                          title=\"Book Direct Service\"\n                        >\n                          <Home className=\"h-3.5 w-3.5\" />\n                        </button>\n                      )}\n\n                      {investment && (\n                        <button\n                          type=\"button\"\n                          onClick={() =>\n                            alert('Investment opportunity available! View in Investor section.')\n                          }\n                          className=\"rounded-lg border border-status-success-border/30 bg-status-success-bg-subtle/10 px-2 py-2 text-xs text-status-success-text hover:bg-status-success-bg-subtle/20 transition-colors\"\n                          title=\"Investment Opportunity\"\n                        >\n                          <TrendingUp className=\"h-3.5 w-3.5\" />\n                        </button>\n                      )}\n\n                      <button\n                        type=\"button\"\n                        onClick={() => {\n                          setSelectedCartInfo(cart);\n                          setShowCartInfo(true);\n                        }}\n                        className=\"rounded-lg border border-border-subtle px-2 py-2 text-xs text-text-primary hover:bg-accent transition-colors\"\n                        title=\"Cart Info\"\n                      >\n                        <Info className=\"h-3.5 w-3.5\" />\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n\n          {/* Load More */}\n          {hasMore && (\n            <div className=\"mt-8 text-center\">\n              <button\n                type=\"button\"\n                onClick={() => setVisibleCount((prev) => prev + 9)}\n                className=\"rounded-lg border border-border-subtle px-6 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n              >\n                Load More Carts\n              </button>\n            </div>\n          )}\n        </>\n      ) : (\n        <div className=\"mt-6\">\n          <EmptyState\n            illustration=\"empty-search\"\n            icon={<Search className=\"h-12 w-12\" />}\n            title=\"No carts found\"\n            description={\n              searchQuery\n                ? `No results for\"${searchQuery}\". Try a different search term.`\n                : 'No carts available with these filters.'\n            }\n            action={\n              <button\n                type=\"button\"\n                onClick={clearAllFilters}\n                className=\"rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n              >\n                Clear Filters\n              </button>\n            }\n          />\n        </div>\n      )}\n\n      {/* Cart Info Modal */}\n      {showCartInfo && selectedCartInfo && (\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-2xl 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\">Cart Information</h3>\n                <button\n                  type=\"button\"\n                  onClick={() => setShowCartInfo(false)}\n                  className=\"rounded-md p-1 text-text-secondary hover:text-text-primary transition-colors\"\n                >\n                  <X className=\"h-5 w-5\" />\n                </button>\n              </div>\n\n              {/* Image */}\n              <div className=\"h-48 rounded-lg overflow-hidden mb-4\">\n                <img\n                  src={selectedCartInfo.image}\n                  alt={selectedCartInfo.name}\n                  className=\"h-full w-full object-cover\"\n                />\n              </div>\n\n              {/* Basic Info */}\n              <h4 className=\"text-xl font-semibold text-text-primary mb-1\">\n                {selectedCartInfo.name}\n              </h4>\n              <div className=\"flex flex-wrap items-center gap-3 mb-4\">\n                <div className=\"flex items-center gap-1\">\n                  <Star className=\"h-3.5 w-3.5 fill-status-warning-text text-status-warning-text\" />\n                  <span className=\"text-sm font-medium\">{selectedCartInfo.rating}</span>\n                  <span className=\"text-xs text-text-secondary\">\n                    ({selectedCartInfo.totalRatings} reviews)\n                  </span>\n                </div>\n                <span\n                  className={cn(\n                    'inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium',\n                    selectedCartInfo.isOpen\n                      ? 'bg-status-success-bg-subtle/20 text-status-success-text'\n                      : 'bg-status-error-bg-subtle/20 text-status-error-text'\n                  )}\n                >\n                  {selectedCartInfo.isOpen ? 'Open' : 'Closed'}\n                </span>\n              </div>\n\n              {/* Details Grid */}\n              <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2 mb-4\">\n                <div className=\"rounded-md bg-bg-sunken p-3\">\n                  <p className=\"text-xs font-medium text-text-secondary flex items-center gap-1\">\n                    <MapPin className=\"h-3 w-3\" /> Location\n                  </p>\n                  <p className=\"mt-1 text-sm text-text-primary\">\n                    {selectedCartInfo.location.address}\n                  </p>\n                </div>\n                <div className=\"rounded-md bg-bg-sunken p-3\">\n                  <p className=\"text-xs font-medium text-text-secondary flex items-center gap-1\">\n                    <Tag className=\"h-3 w-3\" /> Category\n                  </p>\n                  <p className=\"mt-1 text-sm text-text-primary\">{selectedCartInfo.category}</p>\n                </div>\n                {selectedCartInfo.averageOrderValue && (\n                  <div className=\"rounded-md bg-bg-sunken p-3\">\n                    <p className=\"text-xs font-medium text-text-secondary\">Average Order</p>\n                    <p className=\"mt-1 text-sm text-text-primary\">\n                      {formatCurrency(selectedCartInfo.averageOrderValue, {\n                        minimumFractionDigits: 0,\n                      })}\n                    </p>\n                  </div>\n                )}\n                <div className=\"rounded-md bg-bg-sunken p-3\">\n                  <p className=\"text-xs font-medium text-text-secondary flex items-center gap-1\">\n                    <Clock className=\"h-3 w-3\" /> Estimated Time\n                  </p>\n                  <p className=\"mt-1 text-sm text-text-primary\">\n                    {selectedCartInfo.estimatedTime} minutes\n                  </p>\n                </div>\n                <div className=\"rounded-md bg-bg-sunken p-3\">\n                  <p className=\"text-xs font-medium text-text-secondary\">Distance</p>\n                  <p className=\"mt-1 text-sm text-text-primary\">\n                    {formatDistance(selectedCartInfo.distance)}\n                  </p>\n                </div>\n                {selectedCartInfo.isVerified && (\n                  <div className=\"rounded-md bg-bg-sunken p-3\">\n                    <p className=\"text-xs font-medium text-text-secondary flex items-center gap-1\">\n                      <CheckCircle2 className=\"h-3 w-3\" /> Verification\n                    </p>\n                    <p className=\"mt-1 text-sm text-text-primary\">Verified cart</p>\n                  </div>\n                )}\n              </div>\n\n              {/* Service Types */}\n              {selectedCartInfo.serviceTypes && selectedCartInfo.serviceTypes.length > 0 && (\n                <div className=\"mb-4\">\n                  <p className=\"text-xs font-medium text-text-secondary mb-2\">Service Types</p>\n                  <div className=\"flex flex-wrap gap-2\">\n                    {(selectedCartInfo.serviceTypes as string[]).map((type: string) => (\n                      <span\n                        key={type}\n                        className=\"rounded-full bg-bg-sunken px-2.5 py-1 text-xs text-text-secondary capitalize\"\n                      >\n                        {type.replace(/_/g, ' ')}\n                      </span>\n                    ))}\n                  </div>\n                </div>\n              )}\n\n              {/* Business Hours */}\n              {selectedCartInfo.businessHours &&\n                Object.keys(selectedCartInfo.businessHours).length > 0 && (\n                  <div className=\"mb-4\">\n                    <p className=\"text-xs font-medium text-text-secondary mb-2\">\n                      Operating Hours\n                    </p>\n                    <div className=\"space-y-1\">\n                      {Object.entries(selectedCartInfo.businessHours as Record<string, any>).map(\n                        ([day, hours]) => (\n                          <div key={day} className=\"flex justify-between text-xs\">\n                            <span className=\"capitalize text-text-primary\">{day}</span>\n                            <span className=\"text-text-secondary\">\n                              {hours.isOpen ? `${hours.open} - ${hours.close}` : 'Closed'}\n                            </span>\n                          </div>\n                        )\n                      )}\n                    </div>\n                  </div>\n                )}\n\n              {/* Actions */}\n              <div className=\"flex gap-3 mt-6\">\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setShowCartInfo(false);\n                    navigateTo(`/customer/carts/${selectedCartInfo.id}`);\n                  }}\n                  disabled={!selectedCartInfo.isOpen}\n                  className={cn(\n                    'flex-1 rounded-lg py-2.5 text-sm font-medium transition-opacity',\n                    selectedCartInfo.isOpen\n                      ? 'bg-foreground text-background hover:opacity-90'\n                      : 'bg-bg-sunken text-text-secondary cursor-not-allowed'\n                  )}\n                >\n                  {selectedCartInfo.isOpen ? 'View Menu' : 'Currently Closed'}\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setShowCartInfo(false)}\n                  className=\"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                  Close\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/adaptercloud/pages/customer/CheckoutPage.js

@@ -1,534 +0,0 @@
-import { useAdapterCloud as e } from "../../context/AdapterCloudContext.js";
-import { cn as t } from "../../utils/cn.js";
-import { PageLayout as n } from "../../components/PageLayout.js";
-import { useOrders as r, usePlaceOrder as i } from "../../hooks/useAdapterCloudApi.js";
-import { formatCurrency as a } from "../../utils/formatters.js";
-import { useMemo as o, useState as s } from "react";
-import { AlertCircle as c, ArrowLeft as l, Banknote as u, CheckCircle2 as d, CreditCard as f, Heart as p, Loader2 as m, MapPin as h, ShoppingBag as g, Smartphone as _, Wallet as v } from "lucide-react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { EmphasisPanel as x } from "@burdenoff/fe-libs/ui";
-//#region src/adaptercloud/pages/customer/CheckoutPage.tsx
-var S = [
-	{
-		id: "cash",
-		label: "Cash on Delivery",
-		icon: u,
-		description: "Pay when you receive"
-	},
-	{
-		id: "card",
-		label: "Credit / Debit Card",
-		icon: f,
-		description: "Visa, Mastercard, RuPay"
-	},
-	{
-		id: "upi",
-		label: "UPI",
-		icon: _,
-		description: "Google Pay, PhonePe, Paytm"
-	},
-	{
-		id: "wallet",
-		label: "Digital Wallet",
-		icon: v,
-		description: "AdapterCloud Wallet Balance"
-	}
-], C = [
-	0,
-	10,
-	20,
-	30
-];
-function w() {
-	let { navigateTo: u, currentUser: _ } = e(), { data: v = [], isLoading: w } = r({ customerId: _?.id }), T = i(), E = o(() => v.find((e) => e.status === "pending") || v[0], [v]), [D, O] = s({
-		addressLine1: "",
-		addressLine2: "",
-		city: "Bangalore",
-		state: "Karnataka",
-		pincode: ""
-	}), [k, A] = s("cash"), [j, M] = s({
-		cardNumber: "",
-		expiryDate: "",
-		cvv: "",
-		upiId: ""
-	}), [N, P] = s(0), [F, I] = s(""), [L, R] = s(""), [z, B] = s(!1), V = o(() => {
-		if (!E) return {
-			subtotal: 0,
-			deliveryFee: 0,
-			tax: 0,
-			total: 0
-		};
-		let e = E.subtotal, t = E.deliveryFee, n = E.taxes, r = E.discount ?? 0;
-		return {
-			subtotal: e,
-			deliveryFee: t,
-			tax: n,
-			discount: r,
-			total: e + t + n + N - r
-		};
-	}, [E, N]), H = o(() => E ? E.items.reduce((e, t) => e + t.quantity, 0) : 0, [E]), U = (e, t) => {
-		O((n) => ({
-			...n,
-			[e]: t
-		}));
-	}, W = (e, t) => {
-		M((n) => ({
-			...n,
-			[e]: t
-		}));
-	}, G = () => {
-		if (!D.addressLine1.trim()) return alert("Please enter delivery address"), !1;
-		if (!D.pincode.trim() || D.pincode.length !== 6) return alert("Please enter a valid 6-digit pincode"), !1;
-		if (k === "card") {
-			if (!j.cardNumber || j.cardNumber.length < 16) return alert("Please enter a valid 16-digit card number"), !1;
-			if (!j.expiryDate) return alert("Please enter card expiry date"), !1;
-			if (!j.cvv || j.cvv.length < 3) return alert("Please enter a valid 3-digit CVV"), !1;
-		}
-		return k === "upi" && !j.upiId.trim() ? (alert("Please enter UPI ID"), !1) : !0;
-	};
-	return w ? /* @__PURE__ */ y(n, {
-		title: "Checkout",
-		children: /* @__PURE__ */ y("div", {
-			className: "flex h-[60vh] items-center justify-center",
-			children: /* @__PURE__ */ y(m, { className: "h-8 w-8 animate-spin text-primary" })
-		})
-	}) : E ? /* @__PURE__ */ y(n, {
-		title: /* @__PURE__ */ b("div", {
-			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ y("button", {
-				type: "button",
-				onClick: () => u("/customer/carts"),
-				className: "rounded-md p-1 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors",
-				children: /* @__PURE__ */ y(l, { className: "h-5 w-5" })
-			}), /* @__PURE__ */ y("span", { children: "Checkout" })]
-		}),
-		description: "Review your order and complete payment",
-		purpose: "The final step before your order is placed — confirm what's in your cart, choose a delivery address and payment method, and pay securely. Check the totals here so there are no surprises.",
-		children: /* @__PURE__ */ b("div", {
-			className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-			children: [/* @__PURE__ */ b("div", {
-				className: "lg:col-span-2 space-y-6",
-				children: [
-					/* @__PURE__ */ b("section", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
-						children: [/* @__PURE__ */ b("h2", {
-							className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
-							children: [/* @__PURE__ */ y(h, { className: "h-4 w-4 text-text-secondary" }), "Delivery Address"]
-						}), /* @__PURE__ */ b("div", {
-							className: "space-y-4",
-							children: [
-								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
-									className: "block text-sm font-medium text-text-primary mb-1.5",
-									children: ["Address Line 1 ", /* @__PURE__ */ y("span", {
-										className: "text-status-error-text",
-										children: "*"
-									})]
-								}), /* @__PURE__ */ y("input", {
-									type: "text",
-									placeholder: "Building, Street, Area",
-									value: D.addressLine1,
-									onChange: (e) => U("addressLine1", e.target.value),
-									className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-								})] }),
-								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
-									className: "block text-sm font-medium text-text-primary mb-1.5",
-									children: "Address Line 2"
-								}), /* @__PURE__ */ y("input", {
-									type: "text",
-									placeholder: "Apartment, Suite, Floor (Optional)",
-									value: D.addressLine2,
-									onChange: (e) => U("addressLine2", e.target.value),
-									className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-								})] }),
-								/* @__PURE__ */ b("div", {
-									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: ["City ", /* @__PURE__ */ y("span", {
-											className: "text-status-error-text",
-											children: "*"
-										})]
-									}), /* @__PURE__ */ y("input", {
-										type: "text",
-										value: D.city,
-										onChange: (e) => U("city", e.target.value),
-										className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-									})] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: ["State ", /* @__PURE__ */ y("span", {
-											className: "text-status-error-text",
-											children: "*"
-										})]
-									}), /* @__PURE__ */ y("input", {
-										type: "text",
-										value: D.state,
-										onChange: (e) => U("state", e.target.value),
-										className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-									})] })]
-								}),
-								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
-									className: "block text-sm font-medium text-text-primary mb-1.5",
-									children: ["Pincode ", /* @__PURE__ */ y("span", {
-										className: "text-status-error-text",
-										children: "*"
-									})]
-								}), /* @__PURE__ */ y("input", {
-									type: "text",
-									placeholder: "560001",
-									maxLength: 6,
-									value: D.pincode,
-									onChange: (e) => U("pincode", e.target.value.replace(/\D/g, "")),
-									className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-								})] })
-							]
-						})]
-					}),
-					/* @__PURE__ */ b("section", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
-						children: [
-							/* @__PURE__ */ b("h2", {
-								className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
-								children: [/* @__PURE__ */ y(f, { className: "h-4 w-4 text-text-secondary" }), "Payment Method"]
-							}),
-							/* @__PURE__ */ y("div", {
-								className: "space-y-2",
-								children: S.map((e) => {
-									let n = e.icon;
-									return /* @__PURE__ */ b("button", {
-										type: "button",
-										onClick: () => A(e.id),
-										className: t("flex w-full items-center gap-4 rounded-lg border p-3 transition-colors text-left", k === e.id ? "border-foreground bg-accent" : "border-border-subtle bg-bg-surface hover:bg-accent"),
-										children: [
-											/* @__PURE__ */ y("div", {
-												className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-bg-sunken",
-												children: /* @__PURE__ */ y(n, { className: "h-4 w-4 text-text-secondary" })
-											}),
-											/* @__PURE__ */ b("div", {
-												className: "flex-1 min-w-0",
-												children: [/* @__PURE__ */ y("p", {
-													className: "text-sm font-medium text-text-primary",
-													children: e.label
-												}), /* @__PURE__ */ y("p", {
-													className: "text-xs text-text-secondary",
-													children: e.description
-												})]
-											}),
-											k === e.id && /* @__PURE__ */ y(d, { className: "h-5 w-5 text-text-primary shrink-0" })
-										]
-									}, e.id);
-								})
-							}),
-							k === "card" && /* @__PURE__ */ b("div", {
-								className: "mt-4 space-y-4 border-t border-border-subtle pt-4",
-								children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
-									className: "block text-sm font-medium text-text-primary mb-1.5",
-									children: ["Card Number ", /* @__PURE__ */ y("span", {
-										className: "text-status-error-text",
-										children: "*"
-									})]
-								}), /* @__PURE__ */ y("input", {
-									type: "text",
-									placeholder: "1234 5678 9012 3456",
-									maxLength: 16,
-									value: j.cardNumber,
-									onChange: (e) => W("cardNumber", e.target.value.replace(/\D/g, "")),
-									className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-								})] }), /* @__PURE__ */ b("div", {
-									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: ["Expiry Date ", /* @__PURE__ */ y("span", {
-											className: "text-status-error-text",
-											children: "*"
-										})]
-									}), /* @__PURE__ */ y("input", {
-										type: "text",
-										placeholder: "MM/YY",
-										maxLength: 5,
-										value: j.expiryDate,
-										onChange: (e) => {
-											let t = e.target.value.replace(/\D/g, "");
-											t.length >= 2 && (t = t.slice(0, 2) + "/" + t.slice(2, 4)), W("expiryDate", t);
-										},
-										className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-									})] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: ["CVV ", /* @__PURE__ */ y("span", {
-											className: "text-status-error-text",
-											children: "*"
-										})]
-									}), /* @__PURE__ */ y("input", {
-										type: "text",
-										placeholder: "123",
-										maxLength: 3,
-										value: j.cvv,
-										onChange: (e) => W("cvv", e.target.value.replace(/\D/g, "")),
-										className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-									})] })]
-								})]
-							}),
-							k === "upi" && /* @__PURE__ */ b("div", {
-								className: "mt-4 border-t border-border-subtle pt-4",
-								children: [/* @__PURE__ */ b("label", {
-									className: "block text-sm font-medium text-text-primary mb-1.5",
-									children: ["UPI ID ", /* @__PURE__ */ y("span", {
-										className: "text-status-error-text",
-										children: "*"
-									})]
-								}), /* @__PURE__ */ y("input", {
-									type: "text",
-									placeholder: "user@paytm",
-									value: j.upiId,
-									onChange: (e) => W("upiId", e.target.value),
-									className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-								})]
-							}),
-							k === "wallet" && /* @__PURE__ */ b("div", {
-								className: "mt-4 flex items-start gap-3 rounded-lg bg-accent-blue-subtle/10 p-4 border border-accent-blue-subtle/20",
-								children: [/* @__PURE__ */ y(c, { className: "h-4 w-4 text-accent-blue mt-0.5 shrink-0" }), /* @__PURE__ */ y("p", {
-									className: "text-sm text-accent-blue",
-									children: "Digital wallet integration coming soon. Please choose another payment method."
-								})]
-							})
-						]
-					}),
-					/* @__PURE__ */ b("section", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
-						children: [/* @__PURE__ */ b("h2", {
-							className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
-							children: [/* @__PURE__ */ y(p, { className: "h-4 w-4 text-text-secondary" }), "Additional Options"]
-						}), /* @__PURE__ */ b("div", {
-							className: "space-y-5",
-							children: [/* @__PURE__ */ b("div", { children: [
-								/* @__PURE__ */ y("label", {
-									className: "block text-sm font-medium text-text-primary mb-2",
-									children: "Tip for delivery partner"
-								}),
-								/* @__PURE__ */ y("div", {
-									className: "flex flex-wrap gap-2 mb-3",
-									children: C.map((e) => /* @__PURE__ */ y("button", {
-										type: "button",
-										onClick: () => {
-											P(e), I("");
-										},
-										className: t("flex-1 min-w-[64px] rounded-lg px-3 py-2.5 text-sm font-medium transition-colors", N === e && F === "" ? "bg-foreground text-background" : "bg-bg-sunken text-text-secondary hover:bg-accent hover:text-text-primary"),
-										children: e === 0 ? "No Tip" : `₹${e}`
-									}, e))
-								}),
-								/* @__PURE__ */ y("input", {
-									type: "number",
-									placeholder: "Custom tip amount",
-									value: F,
-									onChange: (e) => {
-										let t = e.target.value;
-										I(t), P(parseInt(t) || 0);
-									},
-									className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-								})
-							] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
-								className: "block text-sm font-medium text-text-primary mb-2",
-								children: "Special Instructions"
-							}), /* @__PURE__ */ y("textarea", {
-								rows: 3,
-								placeholder: "Any special requests for your order...",
-								value: L,
-								onChange: (e) => R(e.target.value),
-								className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] resize-none"
-							})] })]
-						})]
-					})
-				]
-			}), /* @__PURE__ */ y("div", {
-				className: "lg:col-span-1",
-				children: /* @__PURE__ */ b(x, {
-					className: "sticky top-6 p-5",
-					children: [
-						/* @__PURE__ */ y("h2", {
-							className: "text-base font-semibold text-text-primary mb-4",
-							children: "Order Summary"
-						}),
-						/* @__PURE__ */ b("div", {
-							className: "flex items-center gap-3 mb-4 pb-4 border-b border-border-subtle",
-							children: [/* @__PURE__ */ y("div", {
-								className: "h-12 w-12 rounded-md bg-bg-sunken overflow-hidden",
-								children: /* @__PURE__ */ y("img", {
-									src: E.cartImage,
-									alt: E.cartName,
-									className: "h-full w-full object-cover"
-								})
-							}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
-								className: "text-sm font-medium text-text-primary",
-								children: E.cartName
-							}), /* @__PURE__ */ b("p", {
-								className: "text-xs text-text-secondary",
-								children: [
-									E.items.length,
-									" item",
-									E.items.length === 1 ? "" : "s"
-								]
-							})] })]
-						}),
-						/* @__PURE__ */ y("div", {
-							className: "space-y-2 mb-4",
-							children: E.items.map((e) => /* @__PURE__ */ b("div", {
-								className: "flex justify-between items-start",
-								children: [/* @__PURE__ */ b("div", {
-									className: "flex-1 min-w-0",
-									children: [
-										/* @__PURE__ */ y("p", {
-											className: "text-sm text-text-primary",
-											children: e.name
-										}),
-										e.customizations && e.customizations.length > 0 && /* @__PURE__ */ y("p", {
-											className: "text-xs text-text-secondary mt-0.5",
-											children: e.customizations.join(", ")
-										}),
-										/* @__PURE__ */ b("p", {
-											className: "text-xs text-text-secondary",
-											children: [
-												a(e.price, { minimumFractionDigits: 0 }),
-												" x ",
-												e.quantity
-											]
-										})
-									]
-								}), /* @__PURE__ */ y("span", {
-									className: "text-sm font-medium text-text-primary",
-									children: a(e.price * e.quantity, { minimumFractionDigits: 0 })
-								})]
-							}, e.id))
-						}),
-						/* @__PURE__ */ b("div", {
-							className: "border-t border-border-subtle pt-4 space-y-2.5 text-sm",
-							children: [
-								/* @__PURE__ */ b("div", {
-									className: "flex justify-between",
-									children: [/* @__PURE__ */ b("span", {
-										className: "text-text-secondary",
-										children: [
-											"Subtotal (",
-											H,
-											" items)"
-										]
-									}), /* @__PURE__ */ y("span", {
-										className: "text-text-primary",
-										children: a(V.subtotal, { minimumFractionDigits: 0 })
-									})]
-								}),
-								/* @__PURE__ */ b("div", {
-									className: "flex justify-between",
-									children: [/* @__PURE__ */ y("span", {
-										className: "text-text-secondary",
-										children: "Delivery Fee"
-									}), /* @__PURE__ */ y("span", {
-										className: "text-text-primary",
-										children: V.deliveryFee === 0 ? "FREE" : a(V.deliveryFee, { minimumFractionDigits: 0 })
-									})]
-								}),
-								/* @__PURE__ */ b("div", {
-									className: "flex justify-between",
-									children: [/* @__PURE__ */ y("span", {
-										className: "text-text-secondary",
-										children: "Tax"
-									}), /* @__PURE__ */ y("span", {
-										className: "text-text-primary",
-										children: a(V.tax, { minimumFractionDigits: 0 })
-									})]
-								}),
-								N > 0 && /* @__PURE__ */ b("div", {
-									className: "flex justify-between",
-									children: [/* @__PURE__ */ y("span", {
-										className: "text-text-secondary",
-										children: "Tip"
-									}), /* @__PURE__ */ y("span", {
-										className: "text-text-primary",
-										children: a(N, { minimumFractionDigits: 0 })
-									})]
-								}),
-								V.discount && V.discount > 0 && /* @__PURE__ */ b("div", {
-									className: "flex justify-between",
-									children: [/* @__PURE__ */ y("span", {
-										className: "text-status-success-text",
-										children: "Discount"
-									}), /* @__PURE__ */ b("span", {
-										className: "text-status-success-text",
-										children: ["-", a(V.discount, { minimumFractionDigits: 0 })]
-									})]
-								})
-							]
-						}),
-						/* @__PURE__ */ b("div", {
-							className: "mt-4 flex justify-between border-t border-border-subtle pt-4",
-							children: [/* @__PURE__ */ y("span", {
-								className: "text-base font-semibold text-text-primary",
-								children: "Total"
-							}), /* @__PURE__ */ y("span", {
-								className: "text-base font-bold text-text-primary",
-								children: a(V.total, { minimumFractionDigits: 0 })
-							})]
-						}),
-						/* @__PURE__ */ b("button", {
-							type: "button",
-							onClick: async () => {
-								if (!(!G() || !E)) try {
-									let e = await T.mutateAsync({
-										providerId: E.cartId,
-										customerId: _?.id,
-										items: E.items.map((e) => ({
-											offeringId: e.id,
-											quantity: e.quantity,
-											customizations: e.customizations
-										})),
-										deliveryAddress: `${D.addressLine1}, ${D.addressLine2}, ${D.city}, ${D.state} - ${D.pincode}`,
-										paymentMethod: k.toUpperCase(),
-										notes: L,
-										deliveryFee: V.deliveryFee,
-										tax: V.tax,
-										tip: N,
-										total: V.total
-									});
-									alert("Order placed successfully!"), u(`/customer/order/${e.id}`);
-								} catch {
-									alert("Failed to place order. Please try again.");
-								}
-							},
-							disabled: T.isPending,
-							className: t("mt-6 flex w-full items-center justify-center gap-2 rounded-lg py-3 text-sm font-medium transition-opacity", "bg-foreground text-background", T.isPending ? "opacity-60 cursor-not-allowed" : "hover:opacity-90"),
-							children: [T.isPending ? /* @__PURE__ */ y(m, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ y(g, { className: "h-4 w-4" }), T.isPending ? "Placing Order..." : `Place Order - ${a(V.total, { minimumFractionDigits: 0 })}`]
-						}),
-						/* @__PURE__ */ y("p", {
-							className: "mt-3 text-center text-xs text-text-secondary",
-							children: "By placing this order, you agree to our Terms of Service and Privacy Policy"
-						})
-					]
-				})
-			})]
-		})
-	}) : /* @__PURE__ */ y(n, {
-		title: "Checkout",
-		children: /* @__PURE__ */ b("div", {
-			className: "flex flex-col items-center justify-center py-16 text-center",
-			children: [
-				/* @__PURE__ */ y(g, { className: "h-16 w-16 text-text-secondary/40 mb-4" }),
-				/* @__PURE__ */ y("h3", {
-					className: "text-lg font-semibold text-text-primary mb-2",
-					children: "Your cart is empty"
-				}),
-				/* @__PURE__ */ y("p", {
-					className: "text-sm text-text-secondary mb-6",
-					children: "Add some items to proceed with checkout"
-				}),
-				/* @__PURE__ */ y("button", {
-					type: "button",
-					onClick: () => u("/customer/carts"),
-					className: "rounded-lg bg-foreground px-6 py-3 text-sm font-medium text-background hover:opacity-90 transition-opacity",
-					children: "Browse Carts"
-				})
-			]
-		})
-	});
-}
-//#endregion
-export { w as CheckoutPage };
-
-//# sourceMappingURL=CheckoutPage.js.map