@burdenoff/microfe-adaptercloud 2026.625.2 → 2026.628.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.
- package/dist/adaptercloud/AdapterCloudRoot.js +65 -121
- package/dist/adaptercloud/AdapterCloudRoot.js.map +1 -1
- package/dist/adaptercloud/AdapterCloudRoutes.js +70 -182
- package/dist/adaptercloud/AdapterCloudRoutes.js.map +1 -1
- package/dist/adaptercloud/components/DataState.js +42 -0
- package/dist/adaptercloud/components/DataState.js.map +1 -0
- package/dist/adaptercloud/components/SeverityBadge.js +12 -0
- package/dist/adaptercloud/components/SeverityBadge.js.map +1 -0
- package/dist/adaptercloud/components/StatusBadge.js +43 -44
- package/dist/adaptercloud/components/StatusBadge.js.map +1 -1
- package/dist/adaptercloud/context/AdapterCloudContext.js +22 -30
- package/dist/adaptercloud/context/AdapterCloudContext.js.map +1 -1
- package/dist/adaptercloud/hooks/useAdapterCloudApi.js +397 -194
- package/dist/adaptercloud/hooks/useAdapterCloudApi.js.map +1 -1
- package/dist/adaptercloud/index.js +1 -0
- package/dist/adaptercloud/pages/OverviewPage.js +334 -0
- package/dist/adaptercloud/pages/OverviewPage.js.map +1 -0
- package/dist/adaptercloud/pages/adapters/AdapterDetailPage.js +187 -0
- package/dist/adaptercloud/pages/adapters/AdapterDetailPage.js.map +1 -0
- package/dist/adaptercloud/pages/adapters/AdapterFormPage.js +278 -0
- package/dist/adaptercloud/pages/adapters/AdapterFormPage.js.map +1 -0
- package/dist/adaptercloud/pages/adapters/AdaptersListPage.js +172 -0
- package/dist/adaptercloud/pages/adapters/AdaptersListPage.js.map +1 -0
- package/dist/adaptercloud/pages/connections/ConnectionDetailPage.js +247 -0
- package/dist/adaptercloud/pages/connections/ConnectionDetailPage.js.map +1 -0
- package/dist/adaptercloud/pages/connections/ConnectionFormPage.js +271 -0
- package/dist/adaptercloud/pages/connections/ConnectionFormPage.js.map +1 -0
- package/dist/adaptercloud/pages/connections/ConnectionsListPage.js +167 -0
- package/dist/adaptercloud/pages/connections/ConnectionsListPage.js.map +1 -0
- package/dist/adaptercloud/pages/costs/CostsPage.js +169 -0
- package/dist/adaptercloud/pages/costs/CostsPage.js.map +1 -0
- package/dist/adaptercloud/pages/drift/DriftListPage.js +132 -0
- package/dist/adaptercloud/pages/drift/DriftListPage.js.map +1 -0
- package/dist/adaptercloud/pages/policies/PoliciesListPage.js +171 -0
- package/dist/adaptercloud/pages/policies/PoliciesListPage.js.map +1 -0
- package/dist/adaptercloud/pages/policies/PolicyDetailPage.js +185 -0
- package/dist/adaptercloud/pages/policies/PolicyDetailPage.js.map +1 -0
- package/dist/adaptercloud/pages/policies/PolicyFormPage.js +215 -0
- package/dist/adaptercloud/pages/policies/PolicyFormPage.js.map +1 -0
- package/dist/adaptercloud/pages/resources/ResourceDetailPage.js +207 -0
- package/dist/adaptercloud/pages/resources/ResourceDetailPage.js.map +1 -0
- package/dist/adaptercloud/pages/resources/ResourcesListPage.js +182 -0
- package/dist/adaptercloud/pages/resources/ResourcesListPage.js.map +1 -0
- package/dist/adaptercloud/pages/sync-runs/SyncRunsListPage.js +196 -0
- package/dist/adaptercloud/pages/sync-runs/SyncRunsListPage.js.map +1 -0
- package/dist/adaptercloud/pages/violations/ViolationsListPage.js +258 -0
- package/dist/adaptercloud/pages/violations/ViolationsListPage.js.map +1 -0
- package/dist/adaptercloud/store/adaptercloudStore.js +1 -7
- package/dist/adaptercloud/store/adaptercloudStore.js.map +1 -1
- package/dist/adaptercloud/utils/domain.js +105 -0
- package/dist/adaptercloud/utils/domain.js.map +1 -0
- package/dist/adaptercloud/utils/formatters.js +1 -12
- package/dist/adaptercloud/utils/formatters.js.map +1 -1
- package/dist/index.js +5 -4
- package/package.json +1 -1
- package/dist/adaptercloud/components/InvestmentCard.js +0 -98
- package/dist/adaptercloud/components/InvestmentCard.js.map +0 -1
- package/dist/adaptercloud/components/RatingDisplay.js +0 -35
- package/dist/adaptercloud/components/RatingDisplay.js.map +0 -1
- package/dist/adaptercloud/mocks/data.js +0 -1517
- package/dist/adaptercloud/mocks/data.js.map +0 -1
- package/dist/adaptercloud/mocks/users.js +0 -34
- package/dist/adaptercloud/mocks/users.js.map +0 -1
- package/dist/adaptercloud/pages/HomePage.js +0 -934
- package/dist/adaptercloud/pages/HomePage.js.map +0 -1
- package/dist/adaptercloud/pages/admin/AdminAnalyticsPage.js +0 -653
- package/dist/adaptercloud/pages/admin/AdminAnalyticsPage.js.map +0 -1
- package/dist/adaptercloud/pages/admin/AdminDashboard.js +0 -665
- package/dist/adaptercloud/pages/admin/AdminDashboard.js.map +0 -1
- package/dist/adaptercloud/pages/admin/AdminFinancialPage.js +0 -426
- package/dist/adaptercloud/pages/admin/AdminFinancialPage.js.map +0 -1
- package/dist/adaptercloud/pages/admin/AdminOrdersPage.js +0 -665
- package/dist/adaptercloud/pages/admin/AdminOrdersPage.js.map +0 -1
- package/dist/adaptercloud/pages/admin/AdminProfilePage.js +0 -261
- package/dist/adaptercloud/pages/admin/AdminProfilePage.js.map +0 -1
- package/dist/adaptercloud/pages/admin/AdminSettingsPage.js +0 -663
- package/dist/adaptercloud/pages/admin/AdminSettingsPage.js.map +0 -1
- package/dist/adaptercloud/pages/admin/CartManagementPage.js +0 -874
- package/dist/adaptercloud/pages/admin/CartManagementPage.js.map +0 -1
- package/dist/adaptercloud/pages/admin/UserManagementPage.js +0 -898
- package/dist/adaptercloud/pages/admin/UserManagementPage.js.map +0 -1
- package/dist/adaptercloud/pages/cart-owner/AnalyticsDashboard.js +0 -840
- package/dist/adaptercloud/pages/cart-owner/AnalyticsDashboard.js.map +0 -1
- package/dist/adaptercloud/pages/cart-owner/BusinessSettingsPage.js +0 -714
- package/dist/adaptercloud/pages/cart-owner/BusinessSettingsPage.js.map +0 -1
- package/dist/adaptercloud/pages/cart-owner/CartOwnerDashboard.js +0 -788
- package/dist/adaptercloud/pages/cart-owner/CartOwnerDashboard.js.map +0 -1
- package/dist/adaptercloud/pages/cart-owner/CartOwnerProfilePage.js +0 -888
- package/dist/adaptercloud/pages/cart-owner/CartOwnerProfilePage.js.map +0 -1
- package/dist/adaptercloud/pages/cart-owner/CartServiceConfigPage.js +0 -634
- package/dist/adaptercloud/pages/cart-owner/CartServiceConfigPage.js.map +0 -1
- package/dist/adaptercloud/pages/cart-owner/InventoryManagementPage.js +0 -907
- package/dist/adaptercloud/pages/cart-owner/InventoryManagementPage.js.map +0 -1
- package/dist/adaptercloud/pages/cart-owner/OrderManagementPage.js +0 -875
- package/dist/adaptercloud/pages/cart-owner/OrderManagementPage.js.map +0 -1
- package/dist/adaptercloud/pages/cart-owner/StaffManagementPage.js +0 -827
- package/dist/adaptercloud/pages/cart-owner/StaffManagementPage.js.map +0 -1
- package/dist/adaptercloud/pages/common/HelpSupportPage.js +0 -1329
- package/dist/adaptercloud/pages/common/HelpSupportPage.js.map +0 -1
- package/dist/adaptercloud/pages/common/NotificationCenterPage.js +0 -671
- package/dist/adaptercloud/pages/common/NotificationCenterPage.js.map +0 -1
- package/dist/adaptercloud/pages/common/SettingsPage.js +0 -982
- package/dist/adaptercloud/pages/common/SettingsPage.js.map +0 -1
- package/dist/adaptercloud/pages/customer/BookingDetailsPage.js +0 -596
- package/dist/adaptercloud/pages/customer/BookingDetailsPage.js.map +0 -1
- package/dist/adaptercloud/pages/customer/CartDetailPage.js +0 -623
- package/dist/adaptercloud/pages/customer/CartDetailPage.js.map +0 -1
- package/dist/adaptercloud/pages/customer/CartDiscoveryPage.js +0 -552
- package/dist/adaptercloud/pages/customer/CartDiscoveryPage.js.map +0 -1
- package/dist/adaptercloud/pages/customer/CheckoutPage.js +0 -534
- package/dist/adaptercloud/pages/customer/CheckoutPage.js.map +0 -1
- package/dist/adaptercloud/pages/customer/CustomerDashboard.js +0 -525
- package/dist/adaptercloud/pages/customer/CustomerDashboard.js.map +0 -1
- package/dist/adaptercloud/pages/customer/CustomerProfilePage.js +0 -623
- package/dist/adaptercloud/pages/customer/CustomerProfilePage.js.map +0 -1
- package/dist/adaptercloud/pages/customer/DirectServiceBookingPage.js +0 -629
- package/dist/adaptercloud/pages/customer/DirectServiceBookingPage.js.map +0 -1
- package/dist/adaptercloud/pages/customer/FavoritesPage.js +0 -480
- package/dist/adaptercloud/pages/customer/FavoritesPage.js.map +0 -1
- package/dist/adaptercloud/pages/customer/OrderHistoryPage.js +0 -444
- package/dist/adaptercloud/pages/customer/OrderHistoryPage.js.map +0 -1
- package/dist/adaptercloud/pages/customer/OrderTrackingPage.js +0 -391
- package/dist/adaptercloud/pages/customer/OrderTrackingPage.js.map +0 -1
- package/dist/adaptercloud/pages/customer/PaymentMethodsPage.js +0 -504
- package/dist/adaptercloud/pages/customer/PaymentMethodsPage.js.map +0 -1
- package/dist/adaptercloud/pages/customer/ReviewsPage.js +0 -609
- package/dist/adaptercloud/pages/customer/ReviewsPage.js.map +0 -1
- package/dist/adaptercloud/pages/customer/SavedAddressesPage.js +0 -459
- package/dist/adaptercloud/pages/customer/SavedAddressesPage.js.map +0 -1
- package/dist/adaptercloud/pages/investor/InvestmentDetailsPage.js +0 -851
- package/dist/adaptercloud/pages/investor/InvestmentDetailsPage.js.map +0 -1
- package/dist/adaptercloud/pages/investor/InvestmentOpportunitiesPage.js +0 -942
- package/dist/adaptercloud/pages/investor/InvestmentOpportunitiesPage.js.map +0 -1
- package/dist/adaptercloud/pages/investor/InvestorAnalyticsPage.js +0 -683
- package/dist/adaptercloud/pages/investor/InvestorAnalyticsPage.js.map +0 -1
- package/dist/adaptercloud/pages/investor/InvestorDashboard.js +0 -452
- package/dist/adaptercloud/pages/investor/InvestorDashboard.js.map +0 -1
- package/dist/adaptercloud/pages/investor/InvestorInvestmentsPage.js +0 -402
- package/dist/adaptercloud/pages/investor/InvestorInvestmentsPage.js.map +0 -1
- package/dist/adaptercloud/pages/investor/InvestorPortfolioPage.js +0 -571
- package/dist/adaptercloud/pages/investor/InvestorPortfolioPage.js.map +0 -1
- package/dist/adaptercloud/pages/investor/InvestorProfilePage.js +0 -1067
- package/dist/adaptercloud/pages/investor/InvestorProfilePage.js.map +0 -1
- package/dist/adaptercloud/pages/worker/TaskDetailsPage.js +0 -526
- package/dist/adaptercloud/pages/worker/TaskDetailsPage.js.map +0 -1
- package/dist/adaptercloud/pages/worker/WorkerDashboard.js +0 -659
- package/dist/adaptercloud/pages/worker/WorkerDashboard.js.map +0 -1
- package/dist/adaptercloud/pages/worker/WorkerOrdersPage.js +0 -678
- package/dist/adaptercloud/pages/worker/WorkerOrdersPage.js.map +0 -1
- package/dist/adaptercloud/pages/worker/WorkerProfilePage.js +0 -689
- package/dist/adaptercloud/pages/worker/WorkerProfilePage.js.map +0 -1
- package/dist/adaptercloud/pages/worker/WorkerSchedulePage.js +0 -582
- package/dist/adaptercloud/pages/worker/WorkerSchedulePage.js.map +0 -1
|
@@ -1 +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 { EmphasisPanel } from '@burdenoff/fe-libs/ui';\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-text-secondary/40 mb-4\" />\n <h3 className=\"text-lg font-semibold text-text-primary mb-2\">Your cart is empty</h3>\n <p className=\"text-sm text-text-secondary 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-text-secondary hover:bg-accent hover:text-text-primary 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 purpose=\"The final step before your order is placed — confirm what's in your cart, choose a delivery address and payment method, and pay securely. Check the totals here so there are no surprises.\"\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-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\">\n <h2 className=\"text-base font-semibold text-text-primary mb-4 flex items-center gap-2\">\n <MapPin className=\"h-4 w-4 text-text-secondary\" />\n Delivery Address\n </h2>\n <div className=\"space-y-4\">\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n Address Line 1 <span className=\"text-status-error-text\">*</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-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary 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-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\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-text-primary mb-1.5\">\n City <span className=\"text-status-error-text\">*</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-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n State <span className=\"text-status-error-text\">*</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-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n Pincode <span className=\"text-status-error-text\">*</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-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n </div>\n </section>\n\n {/* Payment Method */}\n <section className=\"rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\">\n <h2 className=\"text-base font-semibold text-text-primary mb-4 flex items-center gap-2\">\n <CreditCard className=\"h-4 w-4 text-text-secondary\" />\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-subtle bg-bg-surface hover:bg-accent'\n )}\n >\n <div className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-bg-sunken\">\n <Icon className=\"h-4 w-4 text-text-secondary\" />\n </div>\n <div className=\"flex-1 min-w-0\">\n <p className=\"text-sm font-medium text-text-primary\">{method.label}</p>\n <p className=\"text-xs text-text-secondary\">{method.description}</p>\n </div>\n {selectedPayment === method.id && (\n <CheckCircle2 className=\"h-5 w-5 text-text-primary 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-subtle pt-4\">\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n Card Number <span className=\"text-status-error-text\">*</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-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\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-text-primary mb-1.5\">\n Expiry Date <span className=\"text-status-error-text\">*</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-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n CVV <span className=\"text-status-error-text\">*</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-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n </div>\n </div>\n )}\n\n {/* UPI ID */}\n {selectedPayment === 'upi' && (\n <div className=\"mt-4 border-t border-border-subtle pt-4\">\n <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n UPI ID <span className=\"text-status-error-text\">*</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-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n )}\n\n {/* Wallet notice */}\n {selectedPayment === 'wallet' && (\n <div className=\"mt-4 flex items-start gap-3 rounded-lg bg-accent-blue-subtle/10 p-4 border border-accent-blue-subtle/20\">\n <AlertCircle className=\"h-4 w-4 text-accent-blue mt-0.5 shrink-0\" />\n <p className=\"text-sm text-accent-blue\">\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-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\">\n <h2 className=\"text-base font-semibold text-text-primary mb-4 flex items-center gap-2\">\n <Heart className=\"h-4 w-4 text-text-secondary\" />\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-text-primary 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-bg-sunken text-text-secondary hover:bg-accent hover:text-text-primary'\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-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n\n {/* Special Instructions */}\n <div>\n <label className=\"block text-sm font-medium text-text-primary 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-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] resize-none\"\n />\n </div>\n </div>\n </section>\n </div>\n\n {/* Right: Order Summary & Place Order (emphasis zone) */}\n <div className=\"lg:col-span-1\">\n <EmphasisPanel className=\"sticky top-6 p-5\">\n <h2 className=\"text-base font-semibold text-text-primary 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-subtle\">\n <div className=\"h-12 w-12 rounded-md bg-bg-sunken 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-text-primary\">{order.cartName}</p>\n <p className=\"text-xs text-text-secondary\">\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-text-primary\">{item.name}</p>\n {item.customizations && item.customizations.length > 0 && (\n <p className=\"text-xs text-text-secondary mt-0.5\">\n {item.customizations.join(', ')}\n </p>\n )}\n <p className=\"text-xs text-text-secondary\">\n {formatCurrency(item.price, { minimumFractionDigits: 0 })} x {item.quantity}\n </p>\n </div>\n <span className=\"text-sm font-medium text-text-primary\">\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-subtle pt-4 space-y-2.5 text-sm\">\n <div className=\"flex justify-between\">\n <span className=\"text-text-secondary\">Subtotal ({totalItems} items)</span>\n <span className=\"text-text-primary\">\n {formatCurrency(orderSummary.subtotal, { minimumFractionDigits: 0 })}\n </span>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-text-secondary\">Delivery Fee</span>\n <span className=\"text-text-primary\">\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-text-secondary\">Tax</span>\n <span className=\"text-text-primary\">\n {formatCurrency(orderSummary.tax, { minimumFractionDigits: 0 })}\n </span>\n </div>\n {tip > 0 && (\n <div className=\"flex justify-between\">\n <span className=\"text-text-secondary\">Tip</span>\n <span className=\"text-text-primary\">\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-status-success-text\">Discount</span>\n <span className=\"text-status-success-text\">\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-subtle pt-4\">\n <span className=\"text-base font-semibold text-text-primary\">Total</span>\n <span className=\"text-base font-bold text-text-primary\">\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-text-secondary\">\n By placing this order, you agree to our Terms of Service and Privacy Policy\n </p>\n </EmphasisPanel>\n </div>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}
|
|
@@ -1,525 +0,0 @@
|
|
|
1
|
-
import { useAdapterCloud as e } from "../../context/AdapterCloudContext.js";
|
|
2
|
-
import { cn as t } from "../../utils/cn.js";
|
|
3
|
-
import { PageLayout as n } from "../../components/PageLayout.js";
|
|
4
|
-
import { useDashboardStats as r, useOrders as i, useProviders as a } from "../../hooks/useAdapterCloudApi.js";
|
|
5
|
-
import { formatCurrency as o } from "../../utils/formatters.js";
|
|
6
|
-
import { useCallback as s } from "react";
|
|
7
|
-
import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
|
|
8
|
-
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";
|
|
9
|
-
import { jsx as C, jsxs as w } from "react/jsx-runtime";
|
|
10
|
-
import { EmphasisPanel as T, NextSteps as E } from "@burdenoff/fe-libs/ui";
|
|
11
|
-
//#region src/adaptercloud/pages/customer/CustomerDashboard.tsx
|
|
12
|
-
function D() {
|
|
13
|
-
let e = (/* @__PURE__ */ new Date()).getHours();
|
|
14
|
-
return e < 12 ? "Good morning" : e < 17 ? "Good afternoon" : "Good evening";
|
|
15
|
-
}
|
|
16
|
-
function O() {
|
|
17
|
-
let { navigateTo: O, currentUser: k } = e(), { t: A } = c(), { data: j = [], isLoading: M } = i({ customerId: k?.id }), { data: N = [], isLoading: P } = a(), { data: F, isLoading: I } = r(), L = M || P || I, R = s((e, t) => {
|
|
18
|
-
let n = A(e);
|
|
19
|
-
return n === e ? t : n;
|
|
20
|
-
}, [A]), z = k?.firstName ?? k?.name ?? "Customer", B = [
|
|
21
|
-
{
|
|
22
|
-
id: "1",
|
|
23
|
-
type: "suggestion",
|
|
24
|
-
title: "New Cart Nearby",
|
|
25
|
-
description: "Healthy Bowls cart just opened 0.2km from your location. They specialize in acai bowls and smoothies.",
|
|
26
|
-
confidence: 92,
|
|
27
|
-
action: "Explore Cart"
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
id: "2",
|
|
31
|
-
type: "opportunity",
|
|
32
|
-
title: "Special Offer Available",
|
|
33
|
-
description: "Your favorite Dosa Express is offering 20% off on orders above ₹300. Valid until tonight.",
|
|
34
|
-
confidence: 95,
|
|
35
|
-
action: "Order Now"
|
|
36
|
-
},
|
|
37
|
-
{
|
|
38
|
-
id: "3",
|
|
39
|
-
type: "trend",
|
|
40
|
-
title: "Peak Hours Alert",
|
|
41
|
-
description: "Order now to avoid lunch rush. Delivery times typically increase by 15-20 minutes after 12 PM.",
|
|
42
|
-
confidence: 88,
|
|
43
|
-
action: "View Carts"
|
|
44
|
-
}
|
|
45
|
-
], V = j.slice(0, 3), H = N.slice(0, 3), U = {
|
|
46
|
-
totalOrders: j.length,
|
|
47
|
-
totalSpent: j.reduce((e, t) => e + t.total, 0),
|
|
48
|
-
favoriteCount: 6,
|
|
49
|
-
avgRating: 4.5
|
|
50
|
-
}, W = (e) => {
|
|
51
|
-
switch (e) {
|
|
52
|
-
case "delivered": return "bg-status-success-bg-subtle/20 text-status-success-text";
|
|
53
|
-
case "preparing": return "bg-status-warning-bg-subtle/20 text-status-warning-text";
|
|
54
|
-
case "out_for_delivery": return "bg-accent-blue-subtle/20 text-accent-blue";
|
|
55
|
-
case "confirmed": return "bg-accent-blue-subtle/20 text-accent-blue";
|
|
56
|
-
case "cancelled": return "bg-status-error-bg-subtle/20 text-status-error-text";
|
|
57
|
-
default: return "bg-bg-sunken text-text-secondary";
|
|
58
|
-
}
|
|
59
|
-
}, G = (e) => {
|
|
60
|
-
switch (e) {
|
|
61
|
-
case "suggestion": return /* @__PURE__ */ C(p, { className: "h-4 w-4" });
|
|
62
|
-
case "opportunity": return /* @__PURE__ */ C(b, { className: "h-4 w-4" });
|
|
63
|
-
case "trend": return /* @__PURE__ */ C(S, { className: "h-4 w-4" });
|
|
64
|
-
default: return /* @__PURE__ */ C(p, { className: "h-4 w-4" });
|
|
65
|
-
}
|
|
66
|
-
}, K = (e) => {
|
|
67
|
-
switch (e) {
|
|
68
|
-
case "suggestion": return "bg-accent-blue-subtle/10 text-accent-blue border-accent-blue-subtle/20";
|
|
69
|
-
case "opportunity": return "bg-status-success-bg-subtle/10 text-status-success-text border-status-success-border/20";
|
|
70
|
-
case "trend": return "bg-status-warning-bg-subtle/10 text-status-warning-text border-status-warning-border/20";
|
|
71
|
-
default: return "bg-bg-sunken text-text-secondary border-border-subtle";
|
|
72
|
-
}
|
|
73
|
-
};
|
|
74
|
-
return L ? /* @__PURE__ */ C(n, {
|
|
75
|
-
title: R("adaptercloud.customerDashboard.title", "Dashboard"),
|
|
76
|
-
children: /* @__PURE__ */ C("div", {
|
|
77
|
-
className: "flex items-center justify-center py-20",
|
|
78
|
-
children: /* @__PURE__ */ w("div", {
|
|
79
|
-
className: "text-center",
|
|
80
|
-
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", {
|
|
81
|
-
className: "text-sm text-text-secondary",
|
|
82
|
-
children: R("adaptercloud.customerDashboard.loading", "Loading your dashboard...")
|
|
83
|
-
})]
|
|
84
|
-
})
|
|
85
|
-
})
|
|
86
|
-
}) : /* @__PURE__ */ w(n, {
|
|
87
|
-
title: R("adaptercloud.customerDashboard.welcomeBack", "Welcome Back!"),
|
|
88
|
-
description: `${D()}, ${z}`,
|
|
89
|
-
purpose: "Your personal home for ordering on the marketplace — see your recent orders and spending at a glance, then jump straight to discovering carts, tracking a delivery, or revisiting your favorites.",
|
|
90
|
-
children: [
|
|
91
|
-
U && /* @__PURE__ */ C(T, { children: /* @__PURE__ */ w("div", {
|
|
92
|
-
className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
|
|
93
|
-
children: [
|
|
94
|
-
/* @__PURE__ */ C("div", {
|
|
95
|
-
className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
|
|
96
|
-
children: /* @__PURE__ */ w("div", {
|
|
97
|
-
className: "flex items-center gap-3",
|
|
98
|
-
children: [/* @__PURE__ */ C("div", {
|
|
99
|
-
className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
|
|
100
|
-
children: /* @__PURE__ */ C(g, { className: "h-5 w-5 text-text-secondary" })
|
|
101
|
-
}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
|
|
102
|
-
className: "text-2xl font-bold text-text-primary",
|
|
103
|
-
children: U.totalOrders
|
|
104
|
-
}), /* @__PURE__ */ C("p", {
|
|
105
|
-
className: "text-xs text-text-secondary",
|
|
106
|
-
children: R("adaptercloud.customerDashboard.totalOrders", "Total Orders")
|
|
107
|
-
})] })]
|
|
108
|
-
})
|
|
109
|
-
}),
|
|
110
|
-
/* @__PURE__ */ C("div", {
|
|
111
|
-
className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
|
|
112
|
-
children: /* @__PURE__ */ w("div", {
|
|
113
|
-
className: "flex items-center gap-3",
|
|
114
|
-
children: [/* @__PURE__ */ C("div", {
|
|
115
|
-
className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
|
|
116
|
-
children: /* @__PURE__ */ C(d, { className: "h-5 w-5 text-text-secondary" })
|
|
117
|
-
}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
|
|
118
|
-
className: "text-2xl font-bold text-text-primary",
|
|
119
|
-
children: o(U.totalSpent, { minimumFractionDigits: 0 })
|
|
120
|
-
}), /* @__PURE__ */ C("p", {
|
|
121
|
-
className: "text-xs text-text-secondary",
|
|
122
|
-
children: R("adaptercloud.customerDashboard.totalSpent", "Total Spent")
|
|
123
|
-
})] })]
|
|
124
|
-
})
|
|
125
|
-
}),
|
|
126
|
-
/* @__PURE__ */ C("div", {
|
|
127
|
-
className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
|
|
128
|
-
children: /* @__PURE__ */ w("div", {
|
|
129
|
-
className: "flex items-center gap-3",
|
|
130
|
-
children: [/* @__PURE__ */ C("div", {
|
|
131
|
-
className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
|
|
132
|
-
children: /* @__PURE__ */ C(f, { className: "h-5 w-5 text-text-secondary" })
|
|
133
|
-
}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
|
|
134
|
-
className: "text-2xl font-bold text-text-primary",
|
|
135
|
-
children: U.favoriteCount
|
|
136
|
-
}), /* @__PURE__ */ C("p", {
|
|
137
|
-
className: "text-xs text-text-secondary",
|
|
138
|
-
children: R("adaptercloud.customerDashboard.favoriteCarts", "Favorite Carts")
|
|
139
|
-
})] })]
|
|
140
|
-
})
|
|
141
|
-
}),
|
|
142
|
-
/* @__PURE__ */ C("div", {
|
|
143
|
-
className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
|
|
144
|
-
children: /* @__PURE__ */ w("div", {
|
|
145
|
-
className: "flex items-center gap-3",
|
|
146
|
-
children: [/* @__PURE__ */ C("div", {
|
|
147
|
-
className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
|
|
148
|
-
children: /* @__PURE__ */ C(y, { className: "h-5 w-5 text-text-secondary" })
|
|
149
|
-
}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
|
|
150
|
-
className: "text-2xl font-bold text-text-primary",
|
|
151
|
-
children: U.avgRating.toFixed(1)
|
|
152
|
-
}), /* @__PURE__ */ C("p", {
|
|
153
|
-
className: "text-xs text-text-secondary",
|
|
154
|
-
children: R("adaptercloud.customerDashboard.avgRatingGiven", "Avg Rating Given")
|
|
155
|
-
})] })]
|
|
156
|
-
})
|
|
157
|
-
})
|
|
158
|
-
]
|
|
159
|
-
}) }),
|
|
160
|
-
/* @__PURE__ */ C(E, {
|
|
161
|
-
storageKey: "adaptercloud-customer-dashboard",
|
|
162
|
-
className: "mt-6",
|
|
163
|
-
steps: [
|
|
164
|
-
{
|
|
165
|
-
id: "discover",
|
|
166
|
-
label: "Discover carts near you",
|
|
167
|
-
description: "Browse local shops and service providers and place your first order.",
|
|
168
|
-
onClick: () => O("/customer/discover")
|
|
169
|
-
},
|
|
170
|
-
{
|
|
171
|
-
id: "orders",
|
|
172
|
-
label: "Track your orders",
|
|
173
|
-
description: "Follow active deliveries and review past orders.",
|
|
174
|
-
onClick: () => O("/customer/orders")
|
|
175
|
-
},
|
|
176
|
-
{
|
|
177
|
-
id: "favorites",
|
|
178
|
-
label: "Save your favorites",
|
|
179
|
-
description: "Keep the carts you love a tap away.",
|
|
180
|
-
onClick: () => O("/customer/favorites")
|
|
181
|
-
}
|
|
182
|
-
]
|
|
183
|
-
}),
|
|
184
|
-
/* @__PURE__ */ w("div", {
|
|
185
|
-
className: "mt-8 grid grid-cols-1 gap-8 lg:grid-cols-3",
|
|
186
|
-
children: [/* @__PURE__ */ w("div", {
|
|
187
|
-
className: "lg:col-span-2 space-y-8",
|
|
188
|
-
children: [
|
|
189
|
-
/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ C("h2", {
|
|
190
|
-
className: "text-lg font-semibold text-text-primary mb-4",
|
|
191
|
-
children: R("adaptercloud.customerDashboard.quickActions", "Quick Actions")
|
|
192
|
-
}), /* @__PURE__ */ w("div", {
|
|
193
|
-
className: "grid grid-cols-1 gap-3 sm:grid-cols-3",
|
|
194
|
-
children: [
|
|
195
|
-
/* @__PURE__ */ w("button", {
|
|
196
|
-
type: "button",
|
|
197
|
-
onClick: () => O("/customer/carts"),
|
|
198
|
-
className: t("flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 transition-colors text-left bg-gloss-card shadow-pop", "hover:bg-accent hover:shadow-md"),
|
|
199
|
-
children: [/* @__PURE__ */ C("div", {
|
|
200
|
-
className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-accent-blue-subtle/10",
|
|
201
|
-
children: /* @__PURE__ */ C(_, { className: "h-5 w-5 text-accent-blue" })
|
|
202
|
-
}), /* @__PURE__ */ w("div", {
|
|
203
|
-
className: "min-w-0",
|
|
204
|
-
children: [/* @__PURE__ */ C("p", {
|
|
205
|
-
className: "text-sm font-semibold text-text-primary",
|
|
206
|
-
children: R("adaptercloud.customerDashboard.discoverCarts", "Discover Carts")
|
|
207
|
-
}), /* @__PURE__ */ C("p", {
|
|
208
|
-
className: "text-xs text-text-secondary",
|
|
209
|
-
children: R("adaptercloud.customerDashboard.findNearbyCarts", "Find nearby carts")
|
|
210
|
-
})]
|
|
211
|
-
})]
|
|
212
|
-
}),
|
|
213
|
-
/* @__PURE__ */ w("button", {
|
|
214
|
-
type: "button",
|
|
215
|
-
onClick: () => O("/customer/orders"),
|
|
216
|
-
className: t("flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 transition-colors text-left bg-gloss-card shadow-pop", "hover:bg-accent hover:shadow-md"),
|
|
217
|
-
children: [/* @__PURE__ */ C("div", {
|
|
218
|
-
className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-status-success-bg-subtle/10",
|
|
219
|
-
children: /* @__PURE__ */ C(u, { className: "h-5 w-5 text-status-success-text" })
|
|
220
|
-
}), /* @__PURE__ */ w("div", {
|
|
221
|
-
className: "min-w-0",
|
|
222
|
-
children: [/* @__PURE__ */ C("p", {
|
|
223
|
-
className: "text-sm font-semibold text-text-primary",
|
|
224
|
-
children: R("adaptercloud.customerDashboard.orderHistory", "Order History")
|
|
225
|
-
}), /* @__PURE__ */ C("p", {
|
|
226
|
-
className: "text-xs text-text-secondary",
|
|
227
|
-
children: R("adaptercloud.customerDashboard.viewPastOrders", "View past orders")
|
|
228
|
-
})]
|
|
229
|
-
})]
|
|
230
|
-
}),
|
|
231
|
-
/* @__PURE__ */ w("button", {
|
|
232
|
-
type: "button",
|
|
233
|
-
onClick: () => O("/customer/favorites"),
|
|
234
|
-
className: t("flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 transition-colors text-left bg-gloss-card shadow-pop", "hover:bg-accent hover:shadow-md"),
|
|
235
|
-
children: [/* @__PURE__ */ C("div", {
|
|
236
|
-
className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-status-error-bg-subtle/10",
|
|
237
|
-
children: /* @__PURE__ */ C(f, { className: "h-5 w-5 text-status-error-text" })
|
|
238
|
-
}), /* @__PURE__ */ w("div", {
|
|
239
|
-
className: "min-w-0",
|
|
240
|
-
children: [/* @__PURE__ */ C("p", {
|
|
241
|
-
className: "text-sm font-semibold text-text-primary",
|
|
242
|
-
children: R("adaptercloud.customerDashboard.favorites", "Favorites")
|
|
243
|
-
}), /* @__PURE__ */ C("p", {
|
|
244
|
-
className: "text-xs text-text-secondary",
|
|
245
|
-
children: R("adaptercloud.customerDashboard.savedCarts", "Saved carts")
|
|
246
|
-
})]
|
|
247
|
-
})]
|
|
248
|
-
})
|
|
249
|
-
]
|
|
250
|
-
})] }),
|
|
251
|
-
/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ w("div", {
|
|
252
|
-
className: "flex items-center justify-between mb-4",
|
|
253
|
-
children: [/* @__PURE__ */ C("h2", {
|
|
254
|
-
className: "text-lg font-semibold text-text-primary",
|
|
255
|
-
children: R("adaptercloud.customerDashboard.recentOrders", "Recent Orders")
|
|
256
|
-
}), /* @__PURE__ */ w("button", {
|
|
257
|
-
type: "button",
|
|
258
|
-
onClick: () => O("/customer/orders"),
|
|
259
|
-
className: "flex items-center gap-1 text-sm font-medium text-text-secondary hover:text-text-primary transition-colors",
|
|
260
|
-
children: [R("adaptercloud.common.viewAll", "View All"), /* @__PURE__ */ C(l, { className: "h-4 w-4" })]
|
|
261
|
-
})]
|
|
262
|
-
}), V.length > 0 ? /* @__PURE__ */ C("div", {
|
|
263
|
-
className: "space-y-3",
|
|
264
|
-
children: V.map((e) => /* @__PURE__ */ C("div", {
|
|
265
|
-
className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
|
|
266
|
-
children: /* @__PURE__ */ w("div", {
|
|
267
|
-
className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3",
|
|
268
|
-
children: [/* @__PURE__ */ w("div", {
|
|
269
|
-
className: "flex-1 min-w-0",
|
|
270
|
-
children: [
|
|
271
|
-
/* @__PURE__ */ w("div", {
|
|
272
|
-
className: "flex flex-wrap items-center gap-2 mb-1",
|
|
273
|
-
children: [/* @__PURE__ */ C("h3", {
|
|
274
|
-
className: "text-sm font-semibold text-text-primary",
|
|
275
|
-
children: e.cartName
|
|
276
|
-
}), /* @__PURE__ */ C("span", {
|
|
277
|
-
className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize", W(e.status)),
|
|
278
|
-
children: e.status.replace(/_/g, " ")
|
|
279
|
-
})]
|
|
280
|
-
}),
|
|
281
|
-
/* @__PURE__ */ C("p", {
|
|
282
|
-
className: "text-xs text-text-secondary mb-2 leading-relaxed",
|
|
283
|
-
children: e.items.map((e) => `${e.name} (${e.quantity})`).join(", ")
|
|
284
|
-
}),
|
|
285
|
-
/* @__PURE__ */ w("div", {
|
|
286
|
-
className: "flex flex-wrap items-center gap-3 text-xs text-text-secondary",
|
|
287
|
-
children: [
|
|
288
|
-
/* @__PURE__ */ C("span", {
|
|
289
|
-
className: "font-medium text-text-primary",
|
|
290
|
-
children: o(e.total, { minimumFractionDigits: 0 })
|
|
291
|
-
}),
|
|
292
|
-
/* @__PURE__ */ C("span", { children: new Date(e.orderDate).toLocaleDateString() }),
|
|
293
|
-
e.rating && /* @__PURE__ */ w("span", {
|
|
294
|
-
className: "flex items-center gap-1",
|
|
295
|
-
children: [/* @__PURE__ */ C(y, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }), e.rating]
|
|
296
|
-
})
|
|
297
|
-
]
|
|
298
|
-
})
|
|
299
|
-
]
|
|
300
|
-
}), /* @__PURE__ */ C("button", {
|
|
301
|
-
type: "button",
|
|
302
|
-
onClick: () => O(`/customer/orders/${e.id}`),
|
|
303
|
-
className: "rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
|
|
304
|
-
children: R("adaptercloud.customerDashboard.viewDetails", "View Details")
|
|
305
|
-
})]
|
|
306
|
-
})
|
|
307
|
-
}, e.id))
|
|
308
|
-
}) : /* @__PURE__ */ w("div", {
|
|
309
|
-
className: "rounded-lg border border-border-subtle bg-bg-surface p-8 text-center",
|
|
310
|
-
children: [/* @__PURE__ */ C(v, { className: "mx-auto h-10 w-10 text-text-secondary/50" }), /* @__PURE__ */ C("p", {
|
|
311
|
-
className: "mt-3 text-sm text-text-secondary",
|
|
312
|
-
children: R("adaptercloud.customerDashboard.noRecentOrders", "No recent orders")
|
|
313
|
-
})]
|
|
314
|
-
})] }),
|
|
315
|
-
/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ C("h2", {
|
|
316
|
-
className: "text-lg font-semibold text-text-primary mb-4",
|
|
317
|
-
children: R("adaptercloud.customerDashboard.recommendedForYou", "Recommended for You")
|
|
318
|
-
}), /* @__PURE__ */ C("div", {
|
|
319
|
-
className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
|
|
320
|
-
children: H.map((e) => /* @__PURE__ */ w("div", {
|
|
321
|
-
className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden shadow-sm hover:shadow-md transition-shadow",
|
|
322
|
-
children: [/* @__PURE__ */ w("div", {
|
|
323
|
-
className: "relative h-40",
|
|
324
|
-
children: [/* @__PURE__ */ C("img", {
|
|
325
|
-
src: e.image,
|
|
326
|
-
alt: e.name,
|
|
327
|
-
className: "h-full w-full object-cover"
|
|
328
|
-
}), /* @__PURE__ */ C("div", {
|
|
329
|
-
className: "absolute top-2 right-2",
|
|
330
|
-
children: /* @__PURE__ */ C("span", {
|
|
331
|
-
className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", e.isOpen ? "bg-status-success-bg-subtle/20 text-status-success-text" : "bg-status-error-bg-subtle/20 text-status-error-text"),
|
|
332
|
-
children: e.isOpen ? R("adaptercloud.customerDashboard.open", "Open") : R("adaptercloud.customerDashboard.closed", "Closed")
|
|
333
|
-
})
|
|
334
|
-
})]
|
|
335
|
-
}), /* @__PURE__ */ w("div", {
|
|
336
|
-
className: "p-4",
|
|
337
|
-
children: [
|
|
338
|
-
/* @__PURE__ */ w("div", {
|
|
339
|
-
className: "flex items-start justify-between mb-2",
|
|
340
|
-
children: [/* @__PURE__ */ w("div", {
|
|
341
|
-
className: "min-w-0 flex-1",
|
|
342
|
-
children: [/* @__PURE__ */ C("h3", {
|
|
343
|
-
className: "text-sm font-semibold text-text-primary",
|
|
344
|
-
children: e.name
|
|
345
|
-
}), /* @__PURE__ */ C("p", {
|
|
346
|
-
className: "text-xs text-text-secondary",
|
|
347
|
-
children: e.category
|
|
348
|
-
})]
|
|
349
|
-
}), /* @__PURE__ */ w("div", {
|
|
350
|
-
className: "flex items-center gap-1 text-xs",
|
|
351
|
-
children: [/* @__PURE__ */ C(y, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }), /* @__PURE__ */ C("span", {
|
|
352
|
-
className: "font-medium text-text-primary",
|
|
353
|
-
children: e.rating
|
|
354
|
-
})]
|
|
355
|
-
})]
|
|
356
|
-
}),
|
|
357
|
-
/* @__PURE__ */ w("div", {
|
|
358
|
-
className: "flex items-center gap-3 text-xs text-text-secondary mb-3",
|
|
359
|
-
children: [/* @__PURE__ */ w("span", {
|
|
360
|
-
className: "flex items-center gap-1",
|
|
361
|
-
children: [
|
|
362
|
-
/* @__PURE__ */ C(m, { className: "h-3 w-3" }),
|
|
363
|
-
e.distance,
|
|
364
|
-
"km away"
|
|
365
|
-
]
|
|
366
|
-
}), /* @__PURE__ */ w("span", {
|
|
367
|
-
className: "flex items-center gap-1",
|
|
368
|
-
children: [
|
|
369
|
-
/* @__PURE__ */ C(u, { className: "h-3 w-3" }),
|
|
370
|
-
e.estimatedTime,
|
|
371
|
-
" mins"
|
|
372
|
-
]
|
|
373
|
-
})]
|
|
374
|
-
}),
|
|
375
|
-
/* @__PURE__ */ C("button", {
|
|
376
|
-
type: "button",
|
|
377
|
-
disabled: !e.isOpen,
|
|
378
|
-
onClick: () => e.isOpen && O(`/customer/carts/${e.id}`),
|
|
379
|
-
className: t("w-full rounded-lg py-2 text-sm font-medium transition-opacity", e.isOpen ? "bg-foreground text-background hover:opacity-90" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
|
|
380
|
-
children: e.isOpen ? R("adaptercloud.customerDashboard.viewMenu", "View Menu") : R("adaptercloud.customerDashboard.currentlyClosed", "Currently Closed")
|
|
381
|
-
})
|
|
382
|
-
]
|
|
383
|
-
})]
|
|
384
|
-
}, e.id))
|
|
385
|
-
})] })
|
|
386
|
-
]
|
|
387
|
-
}), /* @__PURE__ */ w("div", {
|
|
388
|
-
className: "space-y-6",
|
|
389
|
-
children: [
|
|
390
|
-
/* @__PURE__ */ w("div", {
|
|
391
|
-
className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
|
|
392
|
-
children: [/* @__PURE__ */ C("h3", {
|
|
393
|
-
className: "text-base font-semibold text-text-primary mb-4",
|
|
394
|
-
children: R("adaptercloud.customerDashboard.personalizedRecommendations", "Personalized Recommendations")
|
|
395
|
-
}), /* @__PURE__ */ C("div", {
|
|
396
|
-
className: "space-y-3",
|
|
397
|
-
children: B.map((e) => /* @__PURE__ */ C("div", {
|
|
398
|
-
className: t("rounded-lg border p-3", K(e.type)),
|
|
399
|
-
children: /* @__PURE__ */ w("div", {
|
|
400
|
-
className: "flex items-start gap-2",
|
|
401
|
-
children: [/* @__PURE__ */ C("div", {
|
|
402
|
-
className: "mt-0.5 shrink-0",
|
|
403
|
-
children: G(e.type)
|
|
404
|
-
}), /* @__PURE__ */ w("div", {
|
|
405
|
-
className: "flex-1 min-w-0",
|
|
406
|
-
children: [
|
|
407
|
-
/* @__PURE__ */ w("div", {
|
|
408
|
-
className: "flex items-center justify-between gap-2",
|
|
409
|
-
children: [/* @__PURE__ */ C("p", {
|
|
410
|
-
className: "text-xs font-semibold",
|
|
411
|
-
children: e.title
|
|
412
|
-
}), /* @__PURE__ */ w("span", {
|
|
413
|
-
className: "text-[10px] opacity-70",
|
|
414
|
-
children: [e.confidence, "%"]
|
|
415
|
-
})]
|
|
416
|
-
}),
|
|
417
|
-
/* @__PURE__ */ C("p", {
|
|
418
|
-
className: "mt-1 text-xs opacity-80 leading-relaxed",
|
|
419
|
-
children: e.description
|
|
420
|
-
}),
|
|
421
|
-
/* @__PURE__ */ C("button", {
|
|
422
|
-
type: "button",
|
|
423
|
-
onClick: () => O("/customer/carts"),
|
|
424
|
-
className: "mt-2 text-[10px] font-semibold underline underline-offset-2",
|
|
425
|
-
children: e.action
|
|
426
|
-
})
|
|
427
|
-
]
|
|
428
|
-
})]
|
|
429
|
-
})
|
|
430
|
-
}, e.id))
|
|
431
|
-
})]
|
|
432
|
-
}),
|
|
433
|
-
/* @__PURE__ */ w("div", {
|
|
434
|
-
className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
|
|
435
|
-
children: [/* @__PURE__ */ C("h3", {
|
|
436
|
-
className: "text-base font-semibold text-text-primary mb-3",
|
|
437
|
-
children: R("adaptercloud.customerDashboard.quickLinks", "Quick Links")
|
|
438
|
-
}), /* @__PURE__ */ w("div", {
|
|
439
|
-
className: "space-y-2",
|
|
440
|
-
children: [
|
|
441
|
-
/* @__PURE__ */ w("button", {
|
|
442
|
-
type: "button",
|
|
443
|
-
onClick: () => O("/customer/profile"),
|
|
444
|
-
className: "flex w-full items-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary hover:bg-accent transition-colors text-left",
|
|
445
|
-
children: [/* @__PURE__ */ C(x, { className: "h-4 w-4 text-text-secondary" }), R("adaptercloud.customerDashboard.profileSettings", "Profile Settings")]
|
|
446
|
-
}),
|
|
447
|
-
/* @__PURE__ */ w("button", {
|
|
448
|
-
type: "button",
|
|
449
|
-
onClick: () => O("/customer/addresses"),
|
|
450
|
-
className: "flex w-full items-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary hover:bg-accent transition-colors text-left",
|
|
451
|
-
children: [/* @__PURE__ */ C(m, { className: "h-4 w-4 text-text-secondary" }), R("adaptercloud.customerDashboard.savedAddresses", "Saved Addresses")]
|
|
452
|
-
}),
|
|
453
|
-
/* @__PURE__ */ w("button", {
|
|
454
|
-
type: "button",
|
|
455
|
-
onClick: () => O("/customer/payment-methods"),
|
|
456
|
-
className: "flex w-full items-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary hover:bg-accent transition-colors text-left",
|
|
457
|
-
children: [/* @__PURE__ */ C(d, { className: "h-4 w-4 text-text-secondary" }), R("adaptercloud.customerDashboard.paymentMethods", "Payment Methods")]
|
|
458
|
-
})
|
|
459
|
-
]
|
|
460
|
-
})]
|
|
461
|
-
}),
|
|
462
|
-
/* @__PURE__ */ w("div", {
|
|
463
|
-
className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
|
|
464
|
-
children: [
|
|
465
|
-
/* @__PURE__ */ C("h3", {
|
|
466
|
-
className: "text-base font-semibold text-text-primary mb-3",
|
|
467
|
-
children: R("adaptercloud.customerDashboard.currentLocation", "Current Location")
|
|
468
|
-
}),
|
|
469
|
-
/* @__PURE__ */ w("div", {
|
|
470
|
-
className: "flex items-start gap-3",
|
|
471
|
-
children: [/* @__PURE__ */ C(h, { className: "h-4 w-4 text-accent-blue mt-0.5 shrink-0" }), /* @__PURE__ */ w("div", {
|
|
472
|
-
className: "flex-1 min-w-0",
|
|
473
|
-
children: [
|
|
474
|
-
/* @__PURE__ */ C("p", {
|
|
475
|
-
className: "text-sm font-medium text-text-primary",
|
|
476
|
-
children: "Koramangala"
|
|
477
|
-
}),
|
|
478
|
-
/* @__PURE__ */ C("p", {
|
|
479
|
-
className: "text-xs text-text-secondary",
|
|
480
|
-
children: "80 Feet Road, 6th Block"
|
|
481
|
-
}),
|
|
482
|
-
/* @__PURE__ */ C("p", {
|
|
483
|
-
className: "text-xs text-text-secondary",
|
|
484
|
-
children: "Bangalore, Karnataka"
|
|
485
|
-
})
|
|
486
|
-
]
|
|
487
|
-
})]
|
|
488
|
-
}),
|
|
489
|
-
/* @__PURE__ */ C("button", {
|
|
490
|
-
type: "button",
|
|
491
|
-
onClick: () => O("/customer/addresses"),
|
|
492
|
-
className: "mt-3 w-full rounded-lg border border-border-subtle px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
|
|
493
|
-
children: R("adaptercloud.customerDashboard.updateLocation", "Update Location")
|
|
494
|
-
})
|
|
495
|
-
]
|
|
496
|
-
}),
|
|
497
|
-
/* @__PURE__ */ w("div", {
|
|
498
|
-
className: "rounded-lg bg-gradient-to-r from-accent-blue/10 to-accent-purple/10 border border-accent-blue-subtle/20 p-5",
|
|
499
|
-
children: [
|
|
500
|
-
/* @__PURE__ */ C("h3", {
|
|
501
|
-
className: "text-base font-semibold text-text-primary mb-2",
|
|
502
|
-
children: R("adaptercloud.customerDashboard.specialOffers", "Special Offers")
|
|
503
|
-
}),
|
|
504
|
-
/* @__PURE__ */ C("p", {
|
|
505
|
-
className: "text-xs text-text-secondary mb-3 leading-relaxed",
|
|
506
|
-
children: R("adaptercloud.customerDashboard.specialOffersDescription", "Get 25% off on your next order from featured carts")
|
|
507
|
-
}),
|
|
508
|
-
/* @__PURE__ */ C("button", {
|
|
509
|
-
type: "button",
|
|
510
|
-
onClick: () => O("/customer/carts"),
|
|
511
|
-
className: "w-full rounded-lg bg-foreground px-3 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity",
|
|
512
|
-
children: R("adaptercloud.customerDashboard.viewOffers", "View Offers")
|
|
513
|
-
})
|
|
514
|
-
]
|
|
515
|
-
})
|
|
516
|
-
]
|
|
517
|
-
})]
|
|
518
|
-
})
|
|
519
|
-
]
|
|
520
|
-
});
|
|
521
|
-
}
|
|
522
|
-
//#endregion
|
|
523
|
-
export { O as CustomerDashboard };
|
|
524
|
-
|
|
525
|
-
//# sourceMappingURL=CustomerDashboard.js.map
|