npm - @burdenoff/microfe-adaptercloud - Versions diffs - 2026.614.1 - Mend

@burdenoff/microfe-adaptercloud 2026.614.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 (132) hide show

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

@@ -0,0 +1 @@

+ {"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 { 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-destructive\" />\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-primary px-4 py-2 text-sm font-medium text-primary-foreground\"\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 actions={\n <span className=\"text-sm text-muted-foreground\">{filteredCarts.length} carts found</span>\n }\n >\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-muted-foreground\" />\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 bg-card py-2.5 pl-10 pr-10 text-sm text-foreground',\n 'placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-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-muted-foreground hover:text-foreground\"\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-muted text-muted-foreground hover:bg-accent hover:text-foreground'\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 bg-card px-3 py-2 text-xs text-foreground focus:outline-none focus:ring-2 focus:ring-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 bg-card px-3 py-2 text-xs text-foreground focus:outline-none focus:ring-2 focus:ring-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 bg-card px-3 py-2 text-xs text-foreground focus:outline-none focus:ring-2 focus:ring-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 px-3 py-2 text-xs font-medium text-muted-foreground hover:text-foreground transition-colors\"\n >\n Clear All Filters\n </button>\n )}\n </div>\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 bg-card shadow-sm overflow-hidden hover:shadow-md transition-shadow flex flex-col\"\n >\n {/* Image */}\n <div className=\"relative h-40 bg-muted\">\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-green-500/20 text-green-600 dark:text-green-400'\n : 'bg-red-500/20 text-red-600 dark:text-red-400'\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-blue-500/20 px-2 py-0.5 text-xs font-medium text-blue-600 dark:text-blue-400 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-foreground 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-yellow-400 text-yellow-400\" />\n <span className=\"text-xs font-medium text-foreground\">{cart.rating}</span>\n <span className=\"text-xs text-muted-foreground\">({cart.totalRatings})</span>\n </div>\n </div>\n\n <p className=\"text-xs text-muted-foreground mb-2\">{cart.category}</p>\n\n <div className=\"flex items-center gap-3 text-xs text-muted-foreground 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-muted-foreground 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-blue-500/10 border border-blue-500/20 p-2\">\n <div className=\"flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400\">\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-purple-500/10 border border-purple-500/20 p-2\">\n <div className=\"flex items-center gap-1 text-xs text-purple-600 dark:text-purple-400\">\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-muted px-2 py-0.5 text-[10px] text-muted-foreground\"\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-muted text-muted-foreground 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 px-2 py-2 text-xs text-foreground 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-green-500/30 bg-green-500/10 px-2 py-2 text-xs text-green-600 dark:text-green-400 hover:bg-green-500/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 px-2 py-2 text-xs text-foreground 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 px-6 py-2.5 text-sm font-medium text-foreground 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 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 bg-card\">\n <div className=\"p-5\">\n <div className=\"flex items-center justify-between mb-4\">\n <h3 className=\"text-lg font-semibold text-foreground\">Cart Information</h3>\n <button\n type=\"button\"\n onClick={() => setShowCartInfo(false)}\n className=\"rounded-md p-1 text-muted-foreground hover:text-foreground 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-foreground 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-yellow-400 text-yellow-400\" />\n <span className=\"text-sm font-medium\">{selectedCartInfo.rating}</span>\n <span className=\"text-xs text-muted-foreground\">\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-green-500/20 text-green-600 dark:text-green-400'\n : 'bg-red-500/20 text-red-600 dark:text-red-400'\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-muted p-3\">\n <p className=\"text-xs font-medium text-muted-foreground flex items-center gap-1\">\n <MapPin className=\"h-3 w-3\" /> Location\n </p>\n <p className=\"mt-1 text-sm text-foreground\">\n {selectedCartInfo.location.address}\n </p>\n </div>\n <div className=\"rounded-md bg-muted p-3\">\n <p className=\"text-xs font-medium text-muted-foreground flex items-center gap-1\">\n <Tag className=\"h-3 w-3\" /> Category\n </p>\n <p className=\"mt-1 text-sm text-foreground\">{selectedCartInfo.category}</p>\n </div>\n {selectedCartInfo.averageOrderValue && (\n <div className=\"rounded-md bg-muted p-3\">\n <p className=\"text-xs font-medium text-muted-foreground\">Average Order</p>\n <p className=\"mt-1 text-sm text-foreground\">\n {formatCurrency(selectedCartInfo.averageOrderValue, {\n minimumFractionDigits: 0,\n })}\n </p>\n </div>\n )}\n <div className=\"rounded-md bg-muted p-3\">\n <p className=\"text-xs font-medium text-muted-foreground flex items-center gap-1\">\n <Clock className=\"h-3 w-3\" /> Estimated Time\n </p>\n <p className=\"mt-1 text-sm text-foreground\">\n {selectedCartInfo.estimatedTime} minutes\n </p>\n </div>\n <div className=\"rounded-md bg-muted p-3\">\n <p className=\"text-xs font-medium text-muted-foreground\">Distance</p>\n <p className=\"mt-1 text-sm text-foreground\">\n {formatDistance(selectedCartInfo.distance)}\n </p>\n </div>\n {selectedCartInfo.isVerified && (\n <div className=\"rounded-md bg-muted p-3\">\n <p className=\"text-xs font-medium text-muted-foreground flex items-center gap-1\">\n <CheckCircle2 className=\"h-3 w-3\" /> Verification\n </p>\n <p className=\"mt-1 text-sm text-foreground\">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-muted-foreground 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-muted px-2.5 py-1 text-xs text-muted-foreground 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-muted-foreground 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-foreground\">{day}</span>\n <span className=\"text-muted-foreground\">\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-muted text-muted-foreground 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 px-4 py-2.5 text-sm font-medium text-foreground 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 ADDED Viewed

@@ -0,0 +1,532 @@
+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";
+//#region src/adaptercloud/pages/customer/CheckoutPage.tsx
+var x = [
+	{
+		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"
+	}
+], S = [
+	0,
+	10,
+	20,
+	30
+];
+function C() {
+	let { navigateTo: u, currentUser: _ } = e(), { data: v = [], isLoading: C } = r({ customerId: _?.id }), w = i(), T = o(() => v.find((e) => e.status === "pending") || v[0], [v]), [E, D] = s({
+		addressLine1: "",
+		addressLine2: "",
+		city: "Bangalore",
+		state: "Karnataka",
+		pincode: ""
+	}), [O, k] = s("cash"), [A, j] = s({
+		cardNumber: "",
+		expiryDate: "",
+		cvv: "",
+		upiId: ""
+	}), [M, N] = s(0), [P, F] = s(""), [I, L] = s(""), [R, z] = s(!1), B = o(() => {
+		if (!T) return {
+			subtotal: 0,
+			deliveryFee: 0,
+			tax: 0,
+			total: 0
+		};
+		let e = T.subtotal, t = T.deliveryFee, n = T.taxes, r = T.discount ?? 0;
+		return {
+			subtotal: e,
+			deliveryFee: t,
+			tax: n,
+			discount: r,
+			total: e + t + n + M - r
+		};
+	}, [T, M]), V = o(() => T ? T.items.reduce((e, t) => e + t.quantity, 0) : 0, [T]), H = (e, t) => {
+		D((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, U = (e, t) => {
+		j((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, W = () => {
+		if (!E.addressLine1.trim()) return alert("Please enter delivery address"), !1;
+		if (!E.pincode.trim() || E.pincode.length !== 6) return alert("Please enter a valid 6-digit pincode"), !1;
+		if (O === "card") {
+			if (!A.cardNumber || A.cardNumber.length < 16) return alert("Please enter a valid 16-digit card number"), !1;
+			if (!A.expiryDate) return alert("Please enter card expiry date"), !1;
+			if (!A.cvv || A.cvv.length < 3) return alert("Please enter a valid 3-digit CVV"), !1;
+		}
+		return O === "upi" && !A.upiId.trim() ? (alert("Please enter UPI ID"), !1) : !0;
+	};
+	return C ? /* @__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" })
+		})
+	}) : T ? /* @__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-muted-foreground hover:bg-accent hover:text-foreground transition-colors",
+				children: /* @__PURE__ */ y(l, { className: "h-5 w-5" })
+			}), /* @__PURE__ */ y("span", { children: "Checkout" })]
+		}),
+		description: "Review your order and complete payment",
+		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 bg-card p-5",
+						children: [/* @__PURE__ */ b("h2", {
+							className: "text-base font-semibold text-foreground mb-4 flex items-center gap-2",
+							children: [/* @__PURE__ */ y(h, { className: "h-4 w-4 text-muted-foreground" }), "Delivery Address"]
+						}), /* @__PURE__ */ b("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
+									className: "block text-sm font-medium text-foreground mb-1.5",
+									children: ["Address Line 1 ", /* @__PURE__ */ y("span", {
+										className: "text-destructive",
+										children: "*"
+									})]
+								}), /* @__PURE__ */ y("input", {
+									type: "text",
+									placeholder: "Building, Street, Area",
+									value: E.addressLine1,
+									onChange: (e) => H("addressLine1", e.target.value),
+									className: "w-full rounded-lg border border-border bg-background px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+								})] }),
+								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+									className: "block text-sm font-medium text-foreground mb-1.5",
+									children: "Address Line 2"
+								}), /* @__PURE__ */ y("input", {
+									type: "text",
+									placeholder: "Apartment, Suite, Floor (Optional)",
+									value: E.addressLine2,
+									onChange: (e) => H("addressLine2", e.target.value),
+									className: "w-full rounded-lg border border-border bg-background px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-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-foreground mb-1.5",
+										children: ["City ", /* @__PURE__ */ y("span", {
+											className: "text-destructive",
+											children: "*"
+										})]
+									}), /* @__PURE__ */ y("input", {
+										type: "text",
+										value: E.city,
+										onChange: (e) => H("city", e.target.value),
+										className: "w-full rounded-lg border border-border bg-background px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+									})] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-sm font-medium text-foreground mb-1.5",
+										children: ["State ", /* @__PURE__ */ y("span", {
+											className: "text-destructive",
+											children: "*"
+										})]
+									}), /* @__PURE__ */ y("input", {
+										type: "text",
+										value: E.state,
+										onChange: (e) => H("state", e.target.value),
+										className: "w-full rounded-lg border border-border bg-background px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+									})] })]
+								}),
+								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
+									className: "block text-sm font-medium text-foreground mb-1.5",
+									children: ["Pincode ", /* @__PURE__ */ y("span", {
+										className: "text-destructive",
+										children: "*"
+									})]
+								}), /* @__PURE__ */ y("input", {
+									type: "text",
+									placeholder: "560001",
+									maxLength: 6,
+									value: E.pincode,
+									onChange: (e) => H("pincode", e.target.value.replace(/\D/g, "")),
+									className: "w-full rounded-lg border border-border bg-background px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+								})] })
+							]
+						})]
+					}),
+					/* @__PURE__ */ b("section", {
+						className: "rounded-lg border border-border bg-card p-5",
+						children: [
+							/* @__PURE__ */ b("h2", {
+								className: "text-base font-semibold text-foreground mb-4 flex items-center gap-2",
+								children: [/* @__PURE__ */ y(f, { className: "h-4 w-4 text-muted-foreground" }), "Payment Method"]
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "space-y-2",
+								children: x.map((e) => {
+									let n = e.icon;
+									return /* @__PURE__ */ b("button", {
+										type: "button",
+										onClick: () => k(e.id),
+										className: t("flex w-full items-center gap-4 rounded-lg border p-3 transition-colors text-left", O === e.id ? "border-foreground bg-accent" : "border-border bg-card hover:bg-accent"),
+										children: [
+											/* @__PURE__ */ y("div", {
+												className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-muted",
+												children: /* @__PURE__ */ y(n, { className: "h-4 w-4 text-muted-foreground" })
+											}),
+											/* @__PURE__ */ b("div", {
+												className: "flex-1 min-w-0",
+												children: [/* @__PURE__ */ y("p", {
+													className: "text-sm font-medium text-foreground",
+													children: e.label
+												}), /* @__PURE__ */ y("p", {
+													className: "text-xs text-muted-foreground",
+													children: e.description
+												})]
+											}),
+											O === e.id && /* @__PURE__ */ y(d, { className: "h-5 w-5 text-foreground shrink-0" })
+										]
+									}, e.id);
+								})
+							}),
+							O === "card" && /* @__PURE__ */ b("div", {
+								className: "mt-4 space-y-4 border-t border-border pt-4",
+								children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
+									className: "block text-sm font-medium text-foreground mb-1.5",
+									children: ["Card Number ", /* @__PURE__ */ y("span", {
+										className: "text-destructive",
+										children: "*"
+									})]
+								}), /* @__PURE__ */ y("input", {
+									type: "text",
+									placeholder: "1234 5678 9012 3456",
+									maxLength: 16,
+									value: A.cardNumber,
+									onChange: (e) => U("cardNumber", e.target.value.replace(/\D/g, "")),
+									className: "w-full rounded-lg border border-border bg-background px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-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-foreground mb-1.5",
+										children: ["Expiry Date ", /* @__PURE__ */ y("span", {
+											className: "text-destructive",
+											children: "*"
+										})]
+									}), /* @__PURE__ */ y("input", {
+										type: "text",
+										placeholder: "MM/YY",
+										maxLength: 5,
+										value: A.expiryDate,
+										onChange: (e) => {
+											let t = e.target.value.replace(/\D/g, "");
+											t.length >= 2 && (t = t.slice(0, 2) + "/" + t.slice(2, 4)), U("expiryDate", t);
+										},
+										className: "w-full rounded-lg border border-border bg-background px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+									})] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-sm font-medium text-foreground mb-1.5",
+										children: ["CVV ", /* @__PURE__ */ y("span", {
+											className: "text-destructive",
+											children: "*"
+										})]
+									}), /* @__PURE__ */ y("input", {
+										type: "text",
+										placeholder: "123",
+										maxLength: 3,
+										value: A.cvv,
+										onChange: (e) => U("cvv", e.target.value.replace(/\D/g, "")),
+										className: "w-full rounded-lg border border-border bg-background px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+									})] })]
+								})]
+							}),
+							O === "upi" && /* @__PURE__ */ b("div", {
+								className: "mt-4 border-t border-border pt-4",
+								children: [/* @__PURE__ */ b("label", {
+									className: "block text-sm font-medium text-foreground mb-1.5",
+									children: ["UPI ID ", /* @__PURE__ */ y("span", {
+										className: "text-destructive",
+										children: "*"
+									})]
+								}), /* @__PURE__ */ y("input", {
+									type: "text",
+									placeholder: "user@paytm",
+									value: A.upiId,
+									onChange: (e) => U("upiId", e.target.value),
+									className: "w-full rounded-lg border border-border bg-background px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+								})]
+							}),
+							O === "wallet" && /* @__PURE__ */ b("div", {
+								className: "mt-4 flex items-start gap-3 rounded-lg bg-blue-500/10 p-4 border border-blue-500/20",
+								children: [/* @__PURE__ */ y(c, { className: "h-4 w-4 text-blue-600 dark:text-blue-400 mt-0.5 shrink-0" }), /* @__PURE__ */ y("p", {
+									className: "text-sm text-blue-600 dark:text-blue-400",
+									children: "Digital wallet integration coming soon. Please choose another payment method."
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ b("section", {
+						className: "rounded-lg border border-border bg-card p-5",
+						children: [/* @__PURE__ */ b("h2", {
+							className: "text-base font-semibold text-foreground mb-4 flex items-center gap-2",
+							children: [/* @__PURE__ */ y(p, { className: "h-4 w-4 text-muted-foreground" }), "Additional Options"]
+						}), /* @__PURE__ */ b("div", {
+							className: "space-y-5",
+							children: [/* @__PURE__ */ b("div", { children: [
+								/* @__PURE__ */ y("label", {
+									className: "block text-sm font-medium text-foreground mb-2",
+									children: "Tip for delivery partner"
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "flex flex-wrap gap-2 mb-3",
+									children: S.map((e) => /* @__PURE__ */ y("button", {
+										type: "button",
+										onClick: () => {
+											N(e), F("");
+										},
+										className: t("flex-1 min-w-[64px] rounded-lg px-3 py-2.5 text-sm font-medium transition-colors", M === e && P === "" ? "bg-foreground text-background" : "bg-muted text-muted-foreground hover:bg-accent hover:text-foreground"),
+										children: e === 0 ? "No Tip" : `₹${e}`
+									}, e))
+								}),
+								/* @__PURE__ */ y("input", {
+									type: "number",
+									placeholder: "Custom tip amount",
+									value: P,
+									onChange: (e) => {
+										let t = e.target.value;
+										F(t), N(parseInt(t) || 0);
+									},
+									className: "w-full rounded-lg border border-border bg-background px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+								})
+							] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+								className: "block text-sm font-medium text-foreground mb-2",
+								children: "Special Instructions"
+							}), /* @__PURE__ */ y("textarea", {
+								rows: 3,
+								placeholder: "Any special requests for your order...",
+								value: I,
+								onChange: (e) => L(e.target.value),
+								className: "w-full rounded-lg border border-border bg-background px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring resize-none"
+							})] })]
+						})]
+					})
+				]
+			}), /* @__PURE__ */ y("div", {
+				className: "lg:col-span-1",
+				children: /* @__PURE__ */ b("div", {
+					className: "sticky top-6 rounded-lg border border-border bg-card p-5",
+					children: [
+						/* @__PURE__ */ y("h2", {
+							className: "text-base font-semibold text-foreground mb-4",
+							children: "Order Summary"
+						}),
+						/* @__PURE__ */ b("div", {
+							className: "flex items-center gap-3 mb-4 pb-4 border-b border-border",
+							children: [/* @__PURE__ */ y("div", {
+								className: "h-12 w-12 rounded-md bg-muted overflow-hidden",
+								children: /* @__PURE__ */ y("img", {
+									src: T.cartImage,
+									alt: T.cartName,
+									className: "h-full w-full object-cover"
+								})
+							}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+								className: "text-sm font-medium text-foreground",
+								children: T.cartName
+							}), /* @__PURE__ */ b("p", {
+								className: "text-xs text-muted-foreground",
+								children: [
+									T.items.length,
+									" item",
+									T.items.length === 1 ? "" : "s"
+								]
+							})] })]
+						}),
+						/* @__PURE__ */ y("div", {
+							className: "space-y-2 mb-4",
+							children: T.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-foreground",
+											children: e.name
+										}),
+										e.customizations && e.customizations.length > 0 && /* @__PURE__ */ y("p", {
+											className: "text-xs text-muted-foreground mt-0.5",
+											children: e.customizations.join(", ")
+										}),
+										/* @__PURE__ */ b("p", {
+											className: "text-xs text-muted-foreground",
+											children: [
+												a(e.price, { minimumFractionDigits: 0 }),
+												" x ",
+												e.quantity
+											]
+										})
+									]
+								}), /* @__PURE__ */ y("span", {
+									className: "text-sm font-medium text-foreground",
+									children: a(e.price * e.quantity, { minimumFractionDigits: 0 })
+								})]
+							}, e.id))
+						}),
+						/* @__PURE__ */ b("div", {
+							className: "border-t border-border pt-4 space-y-2.5 text-sm",
+							children: [
+								/* @__PURE__ */ b("div", {
+									className: "flex justify-between",
+									children: [/* @__PURE__ */ b("span", {
+										className: "text-muted-foreground",
+										children: [
+											"Subtotal (",
+											V,
+											" items)"
+										]
+									}), /* @__PURE__ */ y("span", {
+										className: "text-foreground",
+										children: a(B.subtotal, { minimumFractionDigits: 0 })
+									})]
+								}),
+								/* @__PURE__ */ b("div", {
+									className: "flex justify-between",
+									children: [/* @__PURE__ */ y("span", {
+										className: "text-muted-foreground",
+										children: "Delivery Fee"
+									}), /* @__PURE__ */ y("span", {
+										className: "text-foreground",
+										children: B.deliveryFee === 0 ? "FREE" : a(B.deliveryFee, { minimumFractionDigits: 0 })
+									})]
+								}),
+								/* @__PURE__ */ b("div", {
+									className: "flex justify-between",
+									children: [/* @__PURE__ */ y("span", {
+										className: "text-muted-foreground",
+										children: "Tax"
+									}), /* @__PURE__ */ y("span", {
+										className: "text-foreground",
+										children: a(B.tax, { minimumFractionDigits: 0 })
+									})]
+								}),
+								M > 0 && /* @__PURE__ */ b("div", {
+									className: "flex justify-between",
+									children: [/* @__PURE__ */ y("span", {
+										className: "text-muted-foreground",
+										children: "Tip"
+									}), /* @__PURE__ */ y("span", {
+										className: "text-foreground",
+										children: a(M, { minimumFractionDigits: 0 })
+									})]
+								}),
+								B.discount && B.discount > 0 && /* @__PURE__ */ b("div", {
+									className: "flex justify-between",
+									children: [/* @__PURE__ */ y("span", {
+										className: "text-green-600 dark:text-green-400",
+										children: "Discount"
+									}), /* @__PURE__ */ b("span", {
+										className: "text-green-600 dark:text-green-400",
+										children: ["-", a(B.discount, { minimumFractionDigits: 0 })]
+									})]
+								})
+							]
+						}),
+						/* @__PURE__ */ b("div", {
+							className: "mt-4 flex justify-between border-t border-border pt-4",
+							children: [/* @__PURE__ */ y("span", {
+								className: "text-base font-semibold text-foreground",
+								children: "Total"
+							}), /* @__PURE__ */ y("span", {
+								className: "text-base font-bold text-foreground",
+								children: a(B.total, { minimumFractionDigits: 0 })
+							})]
+						}),
+						/* @__PURE__ */ b("button", {
+							type: "button",
+							onClick: async () => {
+								if (!(!W() || !T)) try {
+									let e = await w.mutateAsync({
+										providerId: T.cartId,
+										customerId: _?.id,
+										items: T.items.map((e) => ({
+											offeringId: e.id,
+											quantity: e.quantity,
+											customizations: e.customizations
+										})),
+										deliveryAddress: `${E.addressLine1}, ${E.addressLine2}, ${E.city}, ${E.state} - ${E.pincode}`,
+										paymentMethod: O.toUpperCase(),
+										notes: I,
+										deliveryFee: B.deliveryFee,
+										tax: B.tax,
+										tip: M,
+										total: B.total
+									});
+									alert("Order placed successfully!"), u(`/customer/order/${e.id}`);
+								} catch {
+									alert("Failed to place order. Please try again.");
+								}
+							},
+							disabled: w.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", w.isPending ? "opacity-60 cursor-not-allowed" : "hover:opacity-90"),
+							children: [w.isPending ? /* @__PURE__ */ y(m, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ y(g, { className: "h-4 w-4" }), w.isPending ? "Placing Order..." : `Place Order - ${a(B.total, { minimumFractionDigits: 0 })}`]
+						}),
+						/* @__PURE__ */ y("p", {
+							className: "mt-3 text-center text-xs text-muted-foreground",
+							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-muted-foreground/40 mb-4" }),
+				/* @__PURE__ */ y("h3", {
+					className: "text-lg font-semibold text-foreground mb-2",
+					children: "Your cart is empty"
+				}),
+				/* @__PURE__ */ y("p", {
+					className: "text-sm text-muted-foreground 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 { C as CheckoutPage };
+//# sourceMappingURL=CheckoutPage.js.map