@burdenoff/microfe-adaptercloud 2026.614.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/customer/CheckoutPage.tsx"],"sourcesContent":["/**\n * Checkout Page\n * @module adaptercloud/pages/customer\n *\n * Full checkout flow with delivery address form, payment method selection,\n * tip selection, special instructions, price breakdown, and Place Order CTA.\n */\n\nimport { useState, useEffect, useMemo } from 'react';\nimport {\n  ArrowLeft,\n  MapPin,\n  CreditCard,\n  Wallet,\n  Banknote,\n  Smartphone,\n  CheckCircle2,\n  ShoppingBag,\n  Heart,\n  AlertCircle,\n  Loader2,\n} from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { useOrders, usePlaceOrder } from '../../hooks/useAdapterCloudApi';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency } from '../../utils/formatters';\n\ntype PaymentMethod = 'cash' | 'card' | 'upi' | 'wallet';\n\ninterface DeliveryAddress {\n  addressLine1: string;\n  addressLine2: string;\n  city: string;\n  state: string;\n  pincode: string;\n}\n\ninterface PaymentDetails {\n  cardNumber: string;\n  expiryDate: string;\n  cvv: string;\n  upiId: string;\n}\n\nconst paymentMethods: Array<{\n  id: PaymentMethod;\n  label: string;\n  icon: typeof CreditCard;\n  description: string;\n}> = [\n  { id: 'cash', label: 'Cash on Delivery', icon: Banknote, description: 'Pay when you receive' },\n  {\n    id: 'card',\n    label: 'Credit / Debit Card',\n    icon: CreditCard,\n    description: 'Visa, Mastercard, RuPay',\n  },\n  { id: 'upi', label: 'UPI', icon: Smartphone, description: 'Google Pay, PhonePe, Paytm' },\n  { id: 'wallet', label: 'Digital Wallet', icon: Wallet, description: 'AdapterCloud Wallet Balance' },\n];\n\nconst quickTips = [0, 10, 20, 30];\n\nexport function CheckoutPage() {\n  const { navigateTo, currentUser } = useAdapterCloud();\n  const { data: allOrders = [], isLoading } = useOrders({ customerId: currentUser?.id });\n  const placeOrderMutation = usePlaceOrder();\n\n  // Use the first pending order as the \"current order\" being placed, or most recent\n  const order = useMemo(() => {\n    return allOrders.find((o) => o.status === 'pending') || allOrders[0];\n  }, [allOrders]);\n\n  const [deliveryAddress, setDeliveryAddress] = useState<DeliveryAddress>({\n    addressLine1: '',\n    addressLine2: '',\n    city: 'Bangalore',\n    state: 'Karnataka',\n    pincode: '',\n  });\n\n  const [selectedPayment, setSelectedPayment] = useState<PaymentMethod>('cash');\n  const [paymentDetails, setPaymentDetails] = useState<PaymentDetails>({\n    cardNumber: '',\n    expiryDate: '',\n    cvv: '',\n    upiId: '',\n  });\n\n  const [tip, setTip] = useState(0);\n  const [customTipInput, setCustomTipInput] = useState('');\n  const [specialInstructions, setSpecialInstructions] = useState('');\n  const [isPlacing, setIsPlacing] = useState(false);\n\n  // Calculate order summary dynamically\n  const orderSummary = useMemo(() => {\n    if (!order) return { subtotal: 0, deliveryFee: 0, tax: 0, total: 0 };\n    const subtotal = order.subtotal;\n    const deliveryFee = order.deliveryFee;\n    const tax = order.taxes;\n    const discount = order.discount ?? 0;\n    const total = subtotal + deliveryFee + tax + tip - discount;\n    return { subtotal, deliveryFee, tax, discount, total };\n  }, [order, tip]);\n\n  const totalItems = useMemo(() => {\n    if (!order) return 0;\n    return order.items.reduce((sum, item) => sum + item.quantity, 0);\n  }, [order]);\n\n  const handleAddressChange = (field: keyof DeliveryAddress, value: string) => {\n    setDeliveryAddress((prev) => ({ ...prev, [field]: value }));\n  };\n\n  const handlePaymentDetailsChange = (field: keyof PaymentDetails, value: string) => {\n    setPaymentDetails((prev) => ({ ...prev, [field]: value }));\n  };\n\n  const validateForm = (): boolean => {\n    if (!deliveryAddress.addressLine1.trim()) {\n      alert('Please enter delivery address');\n      return false;\n    }\n    if (!deliveryAddress.pincode.trim() || deliveryAddress.pincode.length !== 6) {\n      alert('Please enter a valid 6-digit pincode');\n      return false;\n    }\n    if (selectedPayment === 'card') {\n      if (!paymentDetails.cardNumber || paymentDetails.cardNumber.length < 16) {\n        alert('Please enter a valid 16-digit card number');\n        return false;\n      }\n      if (!paymentDetails.expiryDate) {\n        alert('Please enter card expiry date');\n        return false;\n      }\n      if (!paymentDetails.cvv || paymentDetails.cvv.length < 3) {\n        alert('Please enter a valid 3-digit CVV');\n        return false;\n      }\n    }\n    if (selectedPayment === 'upi' && !paymentDetails.upiId.trim()) {\n      alert('Please enter UPI ID');\n      return false;\n    }\n    return true;\n  };\n\n  const handlePlaceOrder = async () => {\n    if (!validateForm() || !order) return;\n\n    try {\n      const result = await placeOrderMutation.mutateAsync({\n        providerId: order.cartId,\n        customerId: currentUser?.id,\n        items: order.items.map((i) => ({\n          offeringId: i.id,\n          quantity: i.quantity,\n          customizations: i.customizations,\n        })),\n        deliveryAddress: `${deliveryAddress.addressLine1}, ${deliveryAddress.addressLine2}, ${deliveryAddress.city}, ${deliveryAddress.state} - ${deliveryAddress.pincode}`,\n        paymentMethod: selectedPayment.toUpperCase(),\n        notes: specialInstructions,\n        deliveryFee: orderSummary.deliveryFee,\n        tax: orderSummary.tax,\n        tip: tip,\n        total: orderSummary.total,\n      });\n\n      alert('Order placed successfully!');\n      navigateTo(`/customer/order/${result.id}`);\n    } catch (err) {\n      alert('Failed to place order. Please try again.');\n    }\n  };\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Checkout\">\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 (!order) {\n    return (\n      <PageLayout title=\"Checkout\">\n        <div className=\"flex flex-col items-center justify-center py-16 text-center\">\n          <ShoppingBag className=\"h-16 w-16 text-muted-foreground/40 mb-4\" />\n          <h3 className=\"text-lg font-semibold text-foreground mb-2\">Your cart is empty</h3>\n          <p className=\"text-sm text-muted-foreground mb-6\">\n            Add some items to proceed with checkout\n          </p>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/customer/carts')}\n            className=\"rounded-lg bg-foreground px-6 py-3 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n          >\n            Browse Carts\n          </button>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={\n        <div className=\"flex items-center gap-3\">\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/customer/carts')}\n            className=\"rounded-md p-1 text-muted-foreground hover:bg-accent hover:text-foreground transition-colors\"\n          >\n            <ArrowLeft className=\"h-5 w-5\" />\n          </button>\n          <span>Checkout</span>\n        </div>\n      }\n      description=\"Review your order and complete payment\"\n    >\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n        {/* Left: Checkout Form */}\n        <div className=\"lg:col-span-2 space-y-6\">\n          {/* Delivery Address */}\n          <section className=\"rounded-lg border border-border bg-card p-5\">\n            <h2 className=\"text-base font-semibold text-foreground mb-4 flex items-center gap-2\">\n              <MapPin className=\"h-4 w-4 text-muted-foreground\" />\n              Delivery Address\n            </h2>\n            <div className=\"space-y-4\">\n              <div>\n                <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n                  Address Line 1 <span className=\"text-destructive\">*</span>\n                </label>\n                <input\n                  type=\"text\"\n                  placeholder=\"Building, Street, Area\"\n                  value={deliveryAddress.addressLine1}\n                  onChange={(e) => handleAddressChange('addressLine1', e.target.value)}\n                  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\"\n                />\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n                  Address Line 2\n                </label>\n                <input\n                  type=\"text\"\n                  placeholder=\"Apartment, Suite, Floor (Optional)\"\n                  value={deliveryAddress.addressLine2}\n                  onChange={(e) => handleAddressChange('addressLine2', e.target.value)}\n                  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\"\n                />\n              </div>\n              <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                <div>\n                  <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n                    City <span className=\"text-destructive\">*</span>\n                  </label>\n                  <input\n                    type=\"text\"\n                    value={deliveryAddress.city}\n                    onChange={(e) => handleAddressChange('city', e.target.value)}\n                    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\"\n                  />\n                </div>\n                <div>\n                  <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n                    State <span className=\"text-destructive\">*</span>\n                  </label>\n                  <input\n                    type=\"text\"\n                    value={deliveryAddress.state}\n                    onChange={(e) => handleAddressChange('state', e.target.value)}\n                    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\"\n                  />\n                </div>\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n                  Pincode <span className=\"text-destructive\">*</span>\n                </label>\n                <input\n                  type=\"text\"\n                  placeholder=\"560001\"\n                  maxLength={6}\n                  value={deliveryAddress.pincode}\n                  onChange={(e) =>\n                    handleAddressChange('pincode', e.target.value.replace(/\\D/g, ''))\n                  }\n                  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\"\n                />\n              </div>\n            </div>\n          </section>\n\n          {/* Payment Method */}\n          <section className=\"rounded-lg border border-border bg-card p-5\">\n            <h2 className=\"text-base font-semibold text-foreground mb-4 flex items-center gap-2\">\n              <CreditCard className=\"h-4 w-4 text-muted-foreground\" />\n              Payment Method\n            </h2>\n            <div className=\"space-y-2\">\n              {paymentMethods.map((method) => {\n                const Icon = method.icon;\n                return (\n                  <button\n                    key={method.id}\n                    type=\"button\"\n                    onClick={() => setSelectedPayment(method.id)}\n                    className={cn(\n                      'flex w-full items-center gap-4 rounded-lg border p-3 transition-colors text-left',\n                      selectedPayment === method.id\n                        ? 'border-foreground bg-accent'\n                        : 'border-border bg-card hover:bg-accent'\n                    )}\n                  >\n                    <div className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-muted\">\n                      <Icon className=\"h-4 w-4 text-muted-foreground\" />\n                    </div>\n                    <div className=\"flex-1 min-w-0\">\n                      <p className=\"text-sm font-medium text-foreground\">{method.label}</p>\n                      <p className=\"text-xs text-muted-foreground\">{method.description}</p>\n                    </div>\n                    {selectedPayment === method.id && (\n                      <CheckCircle2 className=\"h-5 w-5 text-foreground shrink-0\" />\n                    )}\n                  </button>\n                );\n              })}\n            </div>\n\n            {/* Card Payment Details */}\n            {selectedPayment === 'card' && (\n              <div className=\"mt-4 space-y-4 border-t border-border pt-4\">\n                <div>\n                  <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n                    Card Number <span className=\"text-destructive\">*</span>\n                  </label>\n                  <input\n                    type=\"text\"\n                    placeholder=\"1234 5678 9012 3456\"\n                    maxLength={16}\n                    value={paymentDetails.cardNumber}\n                    onChange={(e) =>\n                      handlePaymentDetailsChange('cardNumber', e.target.value.replace(/\\D/g, ''))\n                    }\n                    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\"\n                  />\n                </div>\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                  <div>\n                    <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n                      Expiry Date <span className=\"text-destructive\">*</span>\n                    </label>\n                    <input\n                      type=\"text\"\n                      placeholder=\"MM/YY\"\n                      maxLength={5}\n                      value={paymentDetails.expiryDate}\n                      onChange={(e) => {\n                        let value = e.target.value.replace(/\\D/g, '');\n                        if (value.length >= 2) {\n                          value = value.slice(0, 2) + '/' + value.slice(2, 4);\n                        }\n                        handlePaymentDetailsChange('expiryDate', value);\n                      }}\n                      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\"\n                    />\n                  </div>\n                  <div>\n                    <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n                      CVV <span className=\"text-destructive\">*</span>\n                    </label>\n                    <input\n                      type=\"text\"\n                      placeholder=\"123\"\n                      maxLength={3}\n                      value={paymentDetails.cvv}\n                      onChange={(e) =>\n                        handlePaymentDetailsChange('cvv', e.target.value.replace(/\\D/g, ''))\n                      }\n                      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\"\n                    />\n                  </div>\n                </div>\n              </div>\n            )}\n\n            {/* UPI ID */}\n            {selectedPayment === 'upi' && (\n              <div className=\"mt-4 border-t border-border pt-4\">\n                <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n                  UPI ID <span className=\"text-destructive\">*</span>\n                </label>\n                <input\n                  type=\"text\"\n                  placeholder=\"user@paytm\"\n                  value={paymentDetails.upiId}\n                  onChange={(e) => handlePaymentDetailsChange('upiId', e.target.value)}\n                  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\"\n                />\n              </div>\n            )}\n\n            {/* Wallet notice */}\n            {selectedPayment === 'wallet' && (\n              <div className=\"mt-4 flex items-start gap-3 rounded-lg bg-blue-500/10 p-4 border border-blue-500/20\">\n                <AlertCircle className=\"h-4 w-4 text-blue-600 dark:text-blue-400 mt-0.5 shrink-0\" />\n                <p className=\"text-sm text-blue-600 dark:text-blue-400\">\n                  Digital wallet integration coming soon. Please choose another payment method.\n                </p>\n              </div>\n            )}\n          </section>\n\n          {/* Tip and Special Instructions */}\n          <section className=\"rounded-lg border border-border bg-card p-5\">\n            <h2 className=\"text-base font-semibold text-foreground mb-4 flex items-center gap-2\">\n              <Heart className=\"h-4 w-4 text-muted-foreground\" />\n              Additional Options\n            </h2>\n            <div className=\"space-y-5\">\n              {/* Tip Selection */}\n              <div>\n                <label className=\"block text-sm font-medium text-foreground mb-2\">\n                  Tip for delivery partner\n                </label>\n                <div className=\"flex flex-wrap gap-2 mb-3\">\n                  {quickTips.map((amount) => (\n                    <button\n                      key={amount}\n                      type=\"button\"\n                      onClick={() => {\n                        setTip(amount);\n                        setCustomTipInput('');\n                      }}\n                      className={cn(\n                        'flex-1 min-w-[64px] rounded-lg px-3 py-2.5 text-sm font-medium transition-colors',\n                        tip === amount && customTipInput === ''\n                          ? 'bg-foreground text-background'\n                          : 'bg-muted text-muted-foreground hover:bg-accent hover:text-foreground'\n                      )}\n                    >\n                      {amount === 0 ? 'No Tip' : `₹${amount}`}\n                    </button>\n                  ))}\n                </div>\n                <input\n                  type=\"number\"\n                  placeholder=\"Custom tip amount\"\n                  value={customTipInput}\n                  onChange={(e) => {\n                    const val = e.target.value;\n                    setCustomTipInput(val);\n                    setTip(parseInt(val) || 0);\n                  }}\n                  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\"\n                />\n              </div>\n\n              {/* Special Instructions */}\n              <div>\n                <label className=\"block text-sm font-medium text-foreground mb-2\">\n                  Special Instructions\n                </label>\n                <textarea\n                  rows={3}\n                  placeholder=\"Any special requests for your order...\"\n                  value={specialInstructions}\n                  onChange={(e) => setSpecialInstructions(e.target.value)}\n                  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\"\n                />\n              </div>\n            </div>\n          </section>\n        </div>\n\n        {/* Right: Order Summary & Place Order */}\n        <div className=\"lg:col-span-1\">\n          <div className=\"sticky top-6 rounded-lg border border-border bg-card p-5\">\n            <h2 className=\"text-base font-semibold text-foreground mb-4\">Order Summary</h2>\n\n            {/* Cart Info */}\n            <div className=\"flex items-center gap-3 mb-4 pb-4 border-b border-border\">\n              <div className=\"h-12 w-12 rounded-md bg-muted overflow-hidden\">\n                <img\n                  src={order.cartImage}\n                  alt={order.cartName}\n                  className=\"h-full w-full object-cover\"\n                />\n              </div>\n              <div>\n                <p className=\"text-sm font-medium text-foreground\">{order.cartName}</p>\n                <p className=\"text-xs text-muted-foreground\">\n                  {order.items.length} item{order.items.length !== 1 ? 's' : ''}\n                </p>\n              </div>\n            </div>\n\n            {/* Cart Items */}\n            <div className=\"space-y-2 mb-4\">\n              {order.items.map((item) => (\n                <div key={item.id} className=\"flex justify-between items-start\">\n                  <div className=\"flex-1 min-w-0\">\n                    <p className=\"text-sm text-foreground\">{item.name}</p>\n                    {item.customizations && item.customizations.length > 0 && (\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">\n                        {item.customizations.join(', ')}\n                      </p>\n                    )}\n                    <p className=\"text-xs text-muted-foreground\">\n                      {formatCurrency(item.price, { minimumFractionDigits: 0 })} x {item.quantity}\n                    </p>\n                  </div>\n                  <span className=\"text-sm font-medium text-foreground\">\n                    {formatCurrency(item.price * item.quantity, { minimumFractionDigits: 0 })}\n                  </span>\n                </div>\n              ))}\n            </div>\n\n            {/* Price Breakdown */}\n            <div className=\"border-t border-border pt-4 space-y-2.5 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Subtotal ({totalItems} items)</span>\n                <span className=\"text-foreground\">\n                  {formatCurrency(orderSummary.subtotal, { minimumFractionDigits: 0 })}\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Delivery Fee</span>\n                <span className=\"text-foreground\">\n                  {orderSummary.deliveryFee === 0\n                    ? 'FREE'\n                    : formatCurrency(orderSummary.deliveryFee, { minimumFractionDigits: 0 })}\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Tax</span>\n                <span className=\"text-foreground\">\n                  {formatCurrency(orderSummary.tax, { minimumFractionDigits: 0 })}\n                </span>\n              </div>\n              {tip > 0 && (\n                <div className=\"flex justify-between\">\n                  <span className=\"text-muted-foreground\">Tip</span>\n                  <span className=\"text-foreground\">\n                    {formatCurrency(tip, { minimumFractionDigits: 0 })}\n                  </span>\n                </div>\n              )}\n              {orderSummary.discount && orderSummary.discount > 0 && (\n                <div className=\"flex justify-between\">\n                  <span className=\"text-green-600 dark:text-green-400\">Discount</span>\n                  <span className=\"text-green-600 dark:text-green-400\">\n                    -{formatCurrency(orderSummary.discount, { minimumFractionDigits: 0 })}\n                  </span>\n                </div>\n              )}\n            </div>\n\n            <div className=\"mt-4 flex justify-between border-t border-border pt-4\">\n              <span className=\"text-base font-semibold text-foreground\">Total</span>\n              <span className=\"text-base font-bold text-foreground\">\n                {formatCurrency(orderSummary.total, { minimumFractionDigits: 0 })}\n              </span>\n            </div>\n\n            <button\n              type=\"button\"\n              onClick={handlePlaceOrder}\n              disabled={placeOrderMutation.isPending}\n              className={cn(\n                'mt-6 flex w-full items-center justify-center gap-2 rounded-lg py-3 text-sm font-medium transition-opacity',\n                'bg-foreground text-background',\n                placeOrderMutation.isPending ? 'opacity-60 cursor-not-allowed' : 'hover:opacity-90'\n              )}\n            >\n              {placeOrderMutation.isPending ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              ) : (\n                <ShoppingBag className=\"h-4 w-4\" />\n              )}\n              {placeOrderMutation.isPending\n                ? 'Placing Order...'\n                : `Place Order - ${formatCurrency(orderSummary.total, { minimumFractionDigits: 0 })}`}\n            </button>\n\n            <p className=\"mt-3 text-center text-xs text-muted-foreground\">\n              By placing this order, you agree to our Terms of Service and Privacy Policy\n            </p>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,496 @@
+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 { useDashboardStats as r, useOrders as i, useProviders as a } from "../../hooks/useAdapterCloudApi.js";
+import { formatCurrency as o } from "../../utils/formatters.js";
+import { useCallback as s } from "react";
+import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ArrowRight as l, Clock as u, CreditCard as d, Heart as f, Lightbulb as p, MapPin as m, Navigation as h, Package as g, Search as _, ShoppingBag as v, Star as y, TrendingUp as b, User as x, Zap as S } from "lucide-react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+//#region src/adaptercloud/pages/customer/CustomerDashboard.tsx
+function T() {
+	let e = (/* @__PURE__ */ new Date()).getHours();
+	return e < 12 ? "Good morning" : e < 17 ? "Good afternoon" : "Good evening";
+}
+function E() {
+	let { navigateTo: E, currentUser: D } = e(), { t: O } = c(), { data: k = [], isLoading: A } = i({ customerId: D?.id }), { data: j = [], isLoading: M } = a(), { data: N, isLoading: P } = r(), F = A || M || P, I = s((e, t) => {
+		let n = O(e);
+		return n === e ? t : n;
+	}, [O]), L = D?.firstName ?? D?.name ?? "Customer", R = [
+		{
+			id: "1",
+			type: "suggestion",
+			title: "New Cart Nearby",
+			description: "Healthy Bowls cart just opened 0.2km from your location. They specialize in acai bowls and smoothies.",
+			confidence: 92,
+			action: "Explore Cart"
+		},
+		{
+			id: "2",
+			type: "opportunity",
+			title: "Special Offer Available",
+			description: "Your favorite Dosa Express is offering 20% off on orders above ₹300. Valid until tonight.",
+			confidence: 95,
+			action: "Order Now"
+		},
+		{
+			id: "3",
+			type: "trend",
+			title: "Peak Hours Alert",
+			description: "Order now to avoid lunch rush. Delivery times typically increase by 15-20 minutes after 12 PM.",
+			confidence: 88,
+			action: "View Carts"
+		}
+	], z = k.slice(0, 3), B = j.slice(0, 3), V = {
+		totalOrders: k.length,
+		totalSpent: k.reduce((e, t) => e + t.total, 0),
+		favoriteCount: 6,
+		avgRating: 4.5
+	}, H = (e) => {
+		switch (e) {
+			case "delivered": return "bg-green-500/20 text-green-600 dark:text-green-400";
+			case "preparing": return "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400";
+			case "out_for_delivery": return "bg-blue-500/20 text-blue-600 dark:text-blue-400";
+			case "confirmed": return "bg-blue-500/20 text-blue-600 dark:text-blue-400";
+			case "cancelled": return "bg-red-500/20 text-red-600 dark:text-red-400";
+			default: return "bg-muted text-muted-foreground";
+		}
+	}, U = (e) => {
+		switch (e) {
+			case "suggestion": return /* @__PURE__ */ C(p, { className: "h-4 w-4" });
+			case "opportunity": return /* @__PURE__ */ C(b, { className: "h-4 w-4" });
+			case "trend": return /* @__PURE__ */ C(S, { className: "h-4 w-4" });
+			default: return /* @__PURE__ */ C(p, { className: "h-4 w-4" });
+		}
+	}, W = (e) => {
+		switch (e) {
+			case "suggestion": return "bg-blue-500/10 text-blue-600 dark:text-blue-400 border-blue-500/20";
+			case "opportunity": return "bg-green-500/10 text-green-600 dark:text-green-400 border-green-500/20";
+			case "trend": return "bg-amber-500/10 text-amber-600 dark:text-amber-400 border-amber-500/20";
+			default: return "bg-muted text-muted-foreground border-border";
+		}
+	};
+	return F ? /* @__PURE__ */ C(n, {
+		title: I("adaptercloud.customerDashboard.title", "Dashboard"),
+		children: /* @__PURE__ */ C("div", {
+			className: "flex items-center justify-center py-20",
+			children: /* @__PURE__ */ w("div", {
+				className: "text-center",
+				children: [/* @__PURE__ */ C("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-foreground" }), /* @__PURE__ */ C("p", {
+					className: "text-sm text-muted-foreground",
+					children: I("adaptercloud.customerDashboard.loading", "Loading your dashboard...")
+				})]
+			})
+		})
+	}) : /* @__PURE__ */ w(n, {
+		title: I("adaptercloud.customerDashboard.welcomeBack", "Welcome Back!"),
+		description: `${T()}, ${L}`,
+		children: [V && /* @__PURE__ */ w("div", {
+			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+			children: [
+				/* @__PURE__ */ C("div", {
+					className: "rounded-lg border border-border bg-card p-4",
+					children: /* @__PURE__ */ w("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ C("div", {
+							className: "flex h-10 w-10 items-center justify-center rounded-lg bg-muted",
+							children: /* @__PURE__ */ C(g, { className: "h-5 w-5 text-muted-foreground" })
+						}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+							className: "text-2xl font-bold text-foreground",
+							children: V.totalOrders
+						}), /* @__PURE__ */ C("p", {
+							className: "text-xs text-muted-foreground",
+							children: I("adaptercloud.customerDashboard.totalOrders", "Total Orders")
+						})] })]
+					})
+				}),
+				/* @__PURE__ */ C("div", {
+					className: "rounded-lg border border-border bg-card p-4",
+					children: /* @__PURE__ */ w("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ C("div", {
+							className: "flex h-10 w-10 items-center justify-center rounded-lg bg-muted",
+							children: /* @__PURE__ */ C(d, { className: "h-5 w-5 text-muted-foreground" })
+						}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+							className: "text-2xl font-bold text-foreground",
+							children: o(V.totalSpent, { minimumFractionDigits: 0 })
+						}), /* @__PURE__ */ C("p", {
+							className: "text-xs text-muted-foreground",
+							children: I("adaptercloud.customerDashboard.totalSpent", "Total Spent")
+						})] })]
+					})
+				}),
+				/* @__PURE__ */ C("div", {
+					className: "rounded-lg border border-border bg-card p-4",
+					children: /* @__PURE__ */ w("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ C("div", {
+							className: "flex h-10 w-10 items-center justify-center rounded-lg bg-muted",
+							children: /* @__PURE__ */ C(f, { className: "h-5 w-5 text-muted-foreground" })
+						}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+							className: "text-2xl font-bold text-foreground",
+							children: V.favoriteCount
+						}), /* @__PURE__ */ C("p", {
+							className: "text-xs text-muted-foreground",
+							children: I("adaptercloud.customerDashboard.favoriteCarts", "Favorite Carts")
+						})] })]
+					})
+				}),
+				/* @__PURE__ */ C("div", {
+					className: "rounded-lg border border-border bg-card p-4",
+					children: /* @__PURE__ */ w("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ C("div", {
+							className: "flex h-10 w-10 items-center justify-center rounded-lg bg-muted",
+							children: /* @__PURE__ */ C(y, { className: "h-5 w-5 text-muted-foreground" })
+						}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+							className: "text-2xl font-bold text-foreground",
+							children: V.avgRating.toFixed(1)
+						}), /* @__PURE__ */ C("p", {
+							className: "text-xs text-muted-foreground",
+							children: I("adaptercloud.customerDashboard.avgRatingGiven", "Avg Rating Given")
+						})] })]
+					})
+				})
+			]
+		}), /* @__PURE__ */ w("div", {
+			className: "mt-8 grid grid-cols-1 gap-8 lg:grid-cols-3",
+			children: [/* @__PURE__ */ w("div", {
+				className: "lg:col-span-2 space-y-8",
+				children: [
+					/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ C("h2", {
+						className: "text-lg font-semibold text-foreground mb-4",
+						children: I("adaptercloud.customerDashboard.quickActions", "Quick Actions")
+					}), /* @__PURE__ */ w("div", {
+						className: "grid grid-cols-1 gap-3 sm:grid-cols-3",
+						children: [
+							/* @__PURE__ */ w("button", {
+								type: "button",
+								onClick: () => E("/customer/carts"),
+								className: t("flex items-center gap-3 rounded-lg border border-border bg-card p-4 shadow-sm transition-colors text-left", "hover:bg-accent hover:shadow-md"),
+								children: [/* @__PURE__ */ C("div", {
+									className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-blue-500/10",
+									children: /* @__PURE__ */ C(_, { className: "h-5 w-5 text-blue-600 dark:text-blue-400" })
+								}), /* @__PURE__ */ w("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ C("p", {
+										className: "text-sm font-semibold text-foreground",
+										children: I("adaptercloud.customerDashboard.discoverCarts", "Discover Carts")
+									}), /* @__PURE__ */ C("p", {
+										className: "text-xs text-muted-foreground",
+										children: I("adaptercloud.customerDashboard.findNearbyCarts", "Find nearby carts")
+									})]
+								})]
+							}),
+							/* @__PURE__ */ w("button", {
+								type: "button",
+								onClick: () => E("/customer/orders"),
+								className: t("flex items-center gap-3 rounded-lg border border-border bg-card p-4 shadow-sm transition-colors text-left", "hover:bg-accent hover:shadow-md"),
+								children: [/* @__PURE__ */ C("div", {
+									className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-green-500/10",
+									children: /* @__PURE__ */ C(u, { className: "h-5 w-5 text-green-600 dark:text-green-400" })
+								}), /* @__PURE__ */ w("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ C("p", {
+										className: "text-sm font-semibold text-foreground",
+										children: I("adaptercloud.customerDashboard.orderHistory", "Order History")
+									}), /* @__PURE__ */ C("p", {
+										className: "text-xs text-muted-foreground",
+										children: I("adaptercloud.customerDashboard.viewPastOrders", "View past orders")
+									})]
+								})]
+							}),
+							/* @__PURE__ */ w("button", {
+								type: "button",
+								onClick: () => E("/customer/favorites"),
+								className: t("flex items-center gap-3 rounded-lg border border-border bg-card p-4 shadow-sm transition-colors text-left", "hover:bg-accent hover:shadow-md"),
+								children: [/* @__PURE__ */ C("div", {
+									className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-red-500/10",
+									children: /* @__PURE__ */ C(f, { className: "h-5 w-5 text-red-600 dark:text-red-400" })
+								}), /* @__PURE__ */ w("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ C("p", {
+										className: "text-sm font-semibold text-foreground",
+										children: I("adaptercloud.customerDashboard.favorites", "Favorites")
+									}), /* @__PURE__ */ C("p", {
+										className: "text-xs text-muted-foreground",
+										children: I("adaptercloud.customerDashboard.savedCarts", "Saved carts")
+									})]
+								})]
+							})
+						]
+					})] }),
+					/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ w("div", {
+						className: "flex items-center justify-between mb-4",
+						children: [/* @__PURE__ */ C("h2", {
+							className: "text-lg font-semibold text-foreground",
+							children: I("adaptercloud.customerDashboard.recentOrders", "Recent Orders")
+						}), /* @__PURE__ */ w("button", {
+							type: "button",
+							onClick: () => E("/customer/orders"),
+							className: "flex items-center gap-1 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors",
+							children: [I("adaptercloud.common.viewAll", "View All"), /* @__PURE__ */ C(l, { className: "h-4 w-4" })]
+						})]
+					}), z.length > 0 ? /* @__PURE__ */ C("div", {
+						className: "space-y-3",
+						children: z.map((e) => /* @__PURE__ */ C("div", {
+							className: "rounded-lg border border-border bg-card p-4",
+							children: /* @__PURE__ */ w("div", {
+								className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3",
+								children: [/* @__PURE__ */ w("div", {
+									className: "flex-1 min-w-0",
+									children: [
+										/* @__PURE__ */ w("div", {
+											className: "flex flex-wrap items-center gap-2 mb-1",
+											children: [/* @__PURE__ */ C("h3", {
+												className: "text-sm font-semibold text-foreground",
+												children: e.cartName
+											}), /* @__PURE__ */ C("span", {
+												className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize", H(e.status)),
+												children: e.status.replace(/_/g, " ")
+											})]
+										}),
+										/* @__PURE__ */ C("p", {
+											className: "text-xs text-muted-foreground mb-2 leading-relaxed",
+											children: e.items.map((e) => `${e.name} (${e.quantity})`).join(", ")
+										}),
+										/* @__PURE__ */ w("div", {
+											className: "flex flex-wrap items-center gap-3 text-xs text-muted-foreground",
+											children: [
+												/* @__PURE__ */ C("span", {
+													className: "font-medium text-foreground",
+													children: o(e.total, { minimumFractionDigits: 0 })
+												}),
+												/* @__PURE__ */ C("span", { children: new Date(e.orderDate).toLocaleDateString() }),
+												e.rating && /* @__PURE__ */ w("span", {
+													className: "flex items-center gap-1",
+													children: [/* @__PURE__ */ C(y, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }), e.rating]
+												})
+											]
+										})
+									]
+								}), /* @__PURE__ */ C("button", {
+									type: "button",
+									onClick: () => E(`/customer/orders/${e.id}`),
+									className: "rounded-lg border border-border px-3 py-1.5 text-xs font-medium text-foreground hover:bg-accent transition-colors",
+									children: I("adaptercloud.customerDashboard.viewDetails", "View Details")
+								})]
+							})
+						}, e.id))
+					}) : /* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-8 text-center",
+						children: [/* @__PURE__ */ C(v, { className: "mx-auto h-10 w-10 text-muted-foreground/50" }), /* @__PURE__ */ C("p", {
+							className: "mt-3 text-sm text-muted-foreground",
+							children: I("adaptercloud.customerDashboard.noRecentOrders", "No recent orders")
+						})]
+					})] }),
+					/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ C("h2", {
+						className: "text-lg font-semibold text-foreground mb-4",
+						children: I("adaptercloud.customerDashboard.recommendedForYou", "Recommended for You")
+					}), /* @__PURE__ */ C("div", {
+						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+						children: B.map((e) => /* @__PURE__ */ w("div", {
+							className: "rounded-lg border border-border bg-card overflow-hidden shadow-sm hover:shadow-md transition-shadow",
+							children: [/* @__PURE__ */ w("div", {
+								className: "relative h-40",
+								children: [/* @__PURE__ */ C("img", {
+									src: e.image,
+									alt: e.name,
+									className: "h-full w-full object-cover"
+								}), /* @__PURE__ */ C("div", {
+									className: "absolute top-2 right-2",
+									children: /* @__PURE__ */ C("span", {
+										className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", e.isOpen ? "bg-green-500/20 text-green-600 dark:text-green-400" : "bg-red-500/20 text-red-600 dark:text-red-400"),
+										children: e.isOpen ? I("adaptercloud.customerDashboard.open", "Open") : I("adaptercloud.customerDashboard.closed", "Closed")
+									})
+								})]
+							}), /* @__PURE__ */ w("div", {
+								className: "p-4",
+								children: [
+									/* @__PURE__ */ w("div", {
+										className: "flex items-start justify-between mb-2",
+										children: [/* @__PURE__ */ w("div", {
+											className: "min-w-0 flex-1",
+											children: [/* @__PURE__ */ C("h3", {
+												className: "text-sm font-semibold text-foreground",
+												children: e.name
+											}), /* @__PURE__ */ C("p", {
+												className: "text-xs text-muted-foreground",
+												children: e.category
+											})]
+										}), /* @__PURE__ */ w("div", {
+											className: "flex items-center gap-1 text-xs",
+											children: [/* @__PURE__ */ C(y, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }), /* @__PURE__ */ C("span", {
+												className: "font-medium text-foreground",
+												children: e.rating
+											})]
+										})]
+									}),
+									/* @__PURE__ */ w("div", {
+										className: "flex items-center gap-3 text-xs text-muted-foreground mb-3",
+										children: [/* @__PURE__ */ w("span", {
+											className: "flex items-center gap-1",
+											children: [
+												/* @__PURE__ */ C(m, { className: "h-3 w-3" }),
+												e.distance,
+												"km away"
+											]
+										}), /* @__PURE__ */ w("span", {
+											className: "flex items-center gap-1",
+											children: [
+												/* @__PURE__ */ C(u, { className: "h-3 w-3" }),
+												e.estimatedTime,
+												" mins"
+											]
+										})]
+									}),
+									/* @__PURE__ */ C("button", {
+										type: "button",
+										disabled: !e.isOpen,
+										onClick: () => e.isOpen && E(`/customer/carts/${e.id}`),
+										className: t("w-full rounded-lg py-2 text-sm font-medium transition-opacity", e.isOpen ? "bg-foreground text-background hover:opacity-90" : "bg-muted text-muted-foreground cursor-not-allowed"),
+										children: e.isOpen ? I("adaptercloud.customerDashboard.viewMenu", "View Menu") : I("adaptercloud.customerDashboard.currentlyClosed", "Currently Closed")
+									})
+								]
+							})]
+						}, e.id))
+					})] })
+				]
+			}), /* @__PURE__ */ w("div", {
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-5",
+						children: [/* @__PURE__ */ C("h3", {
+							className: "text-base font-semibold text-foreground mb-4",
+							children: I("adaptercloud.customerDashboard.personalizedRecommendations", "Personalized Recommendations")
+						}), /* @__PURE__ */ C("div", {
+							className: "space-y-3",
+							children: R.map((e) => /* @__PURE__ */ C("div", {
+								className: t("rounded-lg border p-3", W(e.type)),
+								children: /* @__PURE__ */ w("div", {
+									className: "flex items-start gap-2",
+									children: [/* @__PURE__ */ C("div", {
+										className: "mt-0.5 shrink-0",
+										children: U(e.type)
+									}), /* @__PURE__ */ w("div", {
+										className: "flex-1 min-w-0",
+										children: [
+											/* @__PURE__ */ w("div", {
+												className: "flex items-center justify-between gap-2",
+												children: [/* @__PURE__ */ C("p", {
+													className: "text-xs font-semibold",
+													children: e.title
+												}), /* @__PURE__ */ w("span", {
+													className: "text-[10px] opacity-70",
+													children: [e.confidence, "%"]
+												})]
+											}),
+											/* @__PURE__ */ C("p", {
+												className: "mt-1 text-xs opacity-80 leading-relaxed",
+												children: e.description
+											}),
+											/* @__PURE__ */ C("button", {
+												type: "button",
+												onClick: () => E("/customer/carts"),
+												className: "mt-2 text-[10px] font-semibold underline underline-offset-2",
+												children: e.action
+											})
+										]
+									})]
+								})
+							}, e.id))
+						})]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-5",
+						children: [/* @__PURE__ */ C("h3", {
+							className: "text-base font-semibold text-foreground mb-3",
+							children: I("adaptercloud.customerDashboard.quickLinks", "Quick Links")
+						}), /* @__PURE__ */ w("div", {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ w("button", {
+									type: "button",
+									onClick: () => E("/customer/profile"),
+									className: "flex w-full items-center gap-2 rounded-lg border border-border px-3 py-2.5 text-sm text-foreground hover:bg-accent transition-colors text-left",
+									children: [/* @__PURE__ */ C(x, { className: "h-4 w-4 text-muted-foreground" }), I("adaptercloud.customerDashboard.profileSettings", "Profile Settings")]
+								}),
+								/* @__PURE__ */ w("button", {
+									type: "button",
+									onClick: () => E("/customer/addresses"),
+									className: "flex w-full items-center gap-2 rounded-lg border border-border px-3 py-2.5 text-sm text-foreground hover:bg-accent transition-colors text-left",
+									children: [/* @__PURE__ */ C(m, { className: "h-4 w-4 text-muted-foreground" }), I("adaptercloud.customerDashboard.savedAddresses", "Saved Addresses")]
+								}),
+								/* @__PURE__ */ w("button", {
+									type: "button",
+									onClick: () => E("/customer/payment-methods"),
+									className: "flex w-full items-center gap-2 rounded-lg border border-border px-3 py-2.5 text-sm text-foreground hover:bg-accent transition-colors text-left",
+									children: [/* @__PURE__ */ C(d, { className: "h-4 w-4 text-muted-foreground" }), I("adaptercloud.customerDashboard.paymentMethods", "Payment Methods")]
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-5",
+						children: [
+							/* @__PURE__ */ C("h3", {
+								className: "text-base font-semibold text-foreground mb-3",
+								children: I("adaptercloud.customerDashboard.currentLocation", "Current Location")
+							}),
+							/* @__PURE__ */ w("div", {
+								className: "flex items-start gap-3",
+								children: [/* @__PURE__ */ C(h, { className: "h-4 w-4 text-blue-500 mt-0.5 shrink-0" }), /* @__PURE__ */ w("div", {
+									className: "flex-1 min-w-0",
+									children: [
+										/* @__PURE__ */ C("p", {
+											className: "text-sm font-medium text-foreground",
+											children: "Koramangala"
+										}),
+										/* @__PURE__ */ C("p", {
+											className: "text-xs text-muted-foreground",
+											children: "80 Feet Road, 6th Block"
+										}),
+										/* @__PURE__ */ C("p", {
+											className: "text-xs text-muted-foreground",
+											children: "Bangalore, Karnataka"
+										})
+									]
+								})]
+							}),
+							/* @__PURE__ */ C("button", {
+								type: "button",
+								onClick: () => E("/customer/addresses"),
+								className: "mt-3 w-full rounded-lg border border-border px-3 py-2 text-xs font-medium text-foreground hover:bg-accent transition-colors",
+								children: I("adaptercloud.customerDashboard.updateLocation", "Update Location")
+							})
+						]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg bg-gradient-to-r from-blue-500/10 to-purple-500/10 border border-blue-500/20 p-5",
+						children: [
+							/* @__PURE__ */ C("h3", {
+								className: "text-base font-semibold text-foreground mb-2",
+								children: I("adaptercloud.customerDashboard.specialOffers", "Special Offers")
+							}),
+							/* @__PURE__ */ C("p", {
+								className: "text-xs text-muted-foreground mb-3 leading-relaxed",
+								children: I("adaptercloud.customerDashboard.specialOffersDescription", "Get 25% off on your next order from featured carts")
+							}),
+							/* @__PURE__ */ C("button", {
+								type: "button",
+								onClick: () => E("/customer/carts"),
+								className: "w-full rounded-lg bg-foreground px-3 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity",
+								children: I("adaptercloud.customerDashboard.viewOffers", "View Offers")
+							})
+						]
+					})
+				]
+			})]
+		})]
+	});
+}
+//#endregion
+export { E as CustomerDashboard };
+
+//# sourceMappingURL=CustomerDashboard.js.map