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

@burdenoff/microfe-adaptercloud 2026.614.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (132) hide show

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

@@ -0,0 +1 @@

+ {"version":3,"file":"DirectServiceBookingPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/customer/DirectServiceBookingPage.tsx"],"sourcesContent":["/**\n * Direct Service Booking Page\n * @module adaptercloud/pages/customer\n *\n * 4-step wizard: Location > Details > Payment > Confirmation.\n * Progress indicator, step validation, geolocation button,\n * address fields, preferred time slot selector (30-min slots),\n * urgent booking checkbox, payment method selection,\n * payment summary, confirmation step with checkmark/IDs/next steps.\n */\n\nimport { useState, useMemo } from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n ArrowLeft,\n ArrowRight,\n MapPin,\n Calendar,\n Clock,\n CreditCard,\n Smartphone,\n Wallet,\n CheckCircle2,\n AlertCircle,\n Navigation,\n Phone,\n Home,\n Loader2,\n} from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { EmptyState } from '../../components/EmptyState';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { getCartById } from '../../mocks/data';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency } from '../../utils/formatters';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ntype Step = 'location' | 'details' | 'payment' | 'confirmation';\nconst STEPS: Step[] = ['location', 'details', 'payment', 'confirmation'];\nconst STEP_LABELS: Record<Step, string> = {\n location: 'Location',\n details: 'Details',\n payment: 'Payment',\n confirmation: 'Confirmation',\n};\n\ninterface ServiceLocation {\n address: string;\n landmark: string;\n instructions: string;\n phoneNumber: string;\n}\n\ninterface BookingDetails {\n preferredTime: string;\n specialInstructions: string;\n isUrgent: boolean;\n}\n\ninterface ConfirmationData {\n bookingId: string;\n transactionId: string;\n estimatedArrival: string;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction generateTimeSlots(): { value: string; label: string }[] {\n const slots: { value: string; label: string }[] = [];\n const now = new Date();\n const start = new Date(now.getTime() + 30 * 60000); // 30 min from now\n\n for (let i = 0; i < 8; i++) {\n const time = new Date(start.getTime() + i * 30 * 60000);\n const val = time.toTimeString().slice(0, 5);\n const lbl = time.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });\n slots.push({ value: val, label: lbl });\n }\n\n return slots;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function DirectServiceBookingPage() {\n const { cartId } = useParams<{ cartId: string }>();\n const { navigateTo } = useAdapterCloud();\n\n const cart = useMemo(() => (cartId ? getCartById(cartId) : undefined), [cartId]);\n\n const [step, setStep] = useState<Step>('location');\n const [submitting, setSubmitting] = useState(false);\n\n // Location step\n const [location, setLocation] = useState<ServiceLocation>({\n address: '',\n landmark: '',\n instructions: '',\n phoneNumber: '',\n });\n\n // Details step\n const [details, setDetails] = useState<BookingDetails>({\n preferredTime: '',\n specialInstructions: '',\n isUrgent: false,\n });\n\n // Payment step\n const [paymentMethod, setPaymentMethod] = useState<'upi' | 'card' | 'wallet'>('upi');\n\n // Confirmation data\n const [confirmation, setConfirmation] = useState<ConfirmationData | null>(null);\n\n // Mock pricing\n const advancePayment = 100;\n const serviceFee = 50;\n const balancePayment = serviceFee;\n const totalAmount = advancePayment + serviceFee;\n\n // --- Not found ---\n if (!cart) {\n return (\n <PageLayout title=\"Cart Not Found\">\n <EmptyState\n icon={<Home className=\"h-12 w-12\" />}\n title=\"Service not available\"\n description=\"Direct service is not available for this cart.\"\n action={\n <button\n type=\"button\"\n onClick={() => navigateTo('/customer/carts')}\n className=\"rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n >\n Browse Carts\n </button>\n }\n />\n </PageLayout>\n );\n }\n\n const timeSlots = generateTimeSlots();\n const stepIndex = STEPS.indexOf(step);\n\n // --- Geolocation ---\n const handleGetLocation = () => {\n if (!navigator.geolocation) {\n alert('Geolocation is not supported by this browser.');\n return;\n }\n navigator.geolocation.getCurrentPosition(\n () => {\n setLocation((p) => ({ ...p, address: p.address || 'Current location detected' }));\n alert('Location detected successfully!');\n },\n () => {\n alert('Failed to get your location. Please enter address manually.');\n }\n );\n };\n\n // --- Validation ---\n const validateLocation = (): boolean => {\n if (!location.address.trim()) {\n alert('Please enter your address.');\n return false;\n }\n if (!location.phoneNumber.trim()) {\n alert('Please enter your phone number.');\n return false;\n }\n return true;\n };\n\n const validateDetails = (): boolean => {\n if (!details.preferredTime) {\n alert('Please select a preferred time slot.');\n return false;\n }\n return true;\n };\n\n // --- Navigation ---\n const nextStep = () => {\n if (step === 'location' && validateLocation()) setStep('details');\n else if (step === 'details' && validateDetails()) setStep('payment');\n else if (step === 'payment') handleBookingSubmit();\n };\n\n const prevStep = () => {\n if (step === 'details') setStep('location');\n else if (step === 'payment') setStep('details');\n };\n\n // --- Submit ---\n const handleBookingSubmit = () => {\n setSubmitting(true);\n setTimeout(() => {\n const bookingId = `BK-${Date.now()}`;\n const transactionId = `TXN-${Date.now()}`;\n const estimatedArrival = new Date(Date.now() + 30 * 60000).toISOString();\n setConfirmation({ bookingId, transactionId, estimatedArrival });\n setStep('confirmation');\n setSubmitting(false);\n }, 1500);\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/${cart.id}`)}\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 <div>\n <span>Book Direct Service</span>\n <p className=\"text-xs font-normal text-muted-foreground\">{cart.name}</p>\n </div>\n </div>\n }\n >\n {/* Progress Indicator */}\n <div className=\"flex items-center justify-between mb-6 px-2\">\n {STEPS.map((s, i) => {\n const isCompleted = i < stepIndex;\n const isCurrent = s === step;\n return (\n <div key={s} className=\"flex items-center\">\n <div className=\"flex flex-col items-center\">\n <div\n className={cn(\n 'flex h-8 w-8 items-center justify-center rounded-full text-xs font-medium',\n isCompleted\n ? 'bg-green-500/20 text-green-600 dark:text-green-400'\n : isCurrent\n ? 'bg-foreground text-background'\n : 'bg-muted text-muted-foreground'\n )}\n >\n {isCompleted ? <CheckCircle2 className=\"h-4 w-4\" /> : i + 1}\n </div>\n <span\n className={cn(\n 'mt-1 text-[10px]',\n isCurrent ? 'font-medium text-foreground' : 'text-muted-foreground'\n )}\n >\n {STEP_LABELS[s]}\n </span>\n </div>\n {i < STEPS.length - 1 && (\n <div\n className={cn(\n 'mx-2 h-0.5 w-8 sm:w-16',\n isCompleted ? 'bg-green-500/30' : 'bg-border'\n )}\n />\n )}\n </div>\n );\n })}\n </div>\n\n <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n {/* Main Content */}\n <div className=\"lg:col-span-2\">\n {/* Step 1: Location */}\n {step === 'location' && (\n <div className=\"rounded-lg border border-border bg-card p-5\">\n <h2 className=\"text-base font-semibold text-foreground mb-1 flex items-center gap-2\">\n <MapPin className=\"h-4 w-4\" />\n Service Location\n </h2>\n <p className=\"text-xs text-muted-foreground mb-5\">Where should the cart come?</p>\n\n <div className=\"space-y-4\">\n <div>\n <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n Your Address <span className=\"text-red-500\">*</span>\n </label>\n <div className=\"flex gap-2\">\n <input\n type=\"text\"\n placeholder=\"Enter your full address\"\n value={location.address}\n onChange={(e) => setLocation((p) => ({ ...p, address: e.target.value }))}\n className=\"flex-1 rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n />\n <button\n type=\"button\"\n onClick={handleGetLocation}\n className=\"flex items-center gap-1.5 rounded-lg border border-border px-3 py-2 text-xs font-medium text-foreground hover:bg-accent transition-colors whitespace-nowrap\"\n >\n <Navigation className=\"h-3.5 w-3.5\" />\n Use Current Location\n </button>\n </div>\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n Nearby Landmark\n </label>\n <input\n type=\"text\"\n placeholder=\"e.g., Near Metro Station, Opposite Mall\"\n value={location.landmark}\n onChange={(e) => setLocation((p) => ({ ...p, landmark: e.target.value }))}\n className=\"w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n />\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n Instructions for Cart Owner\n </label>\n <textarea\n rows={3}\n placeholder=\"Any specific instructions to help us find you...\"\n value={location.instructions}\n onChange={(e) => setLocation((p) => ({ ...p, instructions: e.target.value }))}\n className=\"w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring resize-none\"\n />\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n Phone Number <span className=\"text-red-500\">*</span>\n </label>\n <div className=\"relative\">\n <Phone className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground\" />\n <input\n type=\"tel\"\n placeholder=\"Enter your phone number\"\n value={location.phoneNumber}\n onChange={(e) => setLocation((p) => ({ ...p, phoneNumber: e.target.value }))}\n className=\"w-full rounded-lg border border-border bg-card py-2 pl-9 pr-3 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 </div>\n )}\n\n {/* Step 2: Details */}\n {step === 'details' && (\n <div className=\"rounded-lg border border-border bg-card p-5\">\n <h2 className=\"text-base font-semibold text-foreground mb-1 flex items-center gap-2\">\n <Calendar className=\"h-4 w-4\" />\n Booking Details\n </h2>\n <p className=\"text-xs text-muted-foreground mb-5\">Choose your preferred timing</p>\n\n <div className=\"space-y-4\">\n <div>\n <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n Preferred Time Slot <span className=\"text-red-500\">*</span>\n </label>\n <div className=\"grid grid-cols-4 gap-2\">\n {timeSlots.map((slot) => (\n <button\n key={slot.value}\n type=\"button\"\n onClick={() => setDetails((p) => ({ ...p, preferredTime: slot.value }))}\n className={cn(\n 'rounded-lg border py-2 px-2 text-xs font-medium transition-colors',\n details.preferredTime === slot.value\n ? 'border-foreground bg-accent text-foreground'\n : 'border-border text-muted-foreground hover:bg-accent hover:text-foreground'\n )}\n >\n {slot.label}\n </button>\n ))}\n </div>\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n Special Instructions\n </label>\n <textarea\n rows={3}\n placeholder=\"Any special requests or dietary preferences...\"\n value={details.specialInstructions}\n onChange={(e) =>\n setDetails((p) => ({ ...p, specialInstructions: e.target.value }))\n }\n className=\"w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring resize-none\"\n />\n </div>\n\n <label className=\"flex items-center gap-2 cursor-pointer\">\n <input\n type=\"checkbox\"\n checked={details.isUrgent}\n onChange={(e) => setDetails((p) => ({ ...p, isUrgent: e.target.checked }))}\n className=\"h-4 w-4 rounded border-border\"\n />\n <span className=\"text-sm text-muted-foreground\">\n This is urgent (additional charges may apply)\n </span>\n </label>\n </div>\n </div>\n )}\n\n {/* Step 3: Payment */}\n {step === 'payment' && (\n <div className=\"rounded-lg border border-border bg-card p-5\">\n <h2 className=\"text-base font-semibold text-foreground mb-1 flex items-center gap-2\">\n <CreditCard className=\"h-4 w-4\" />\n Advance Payment\n </h2>\n <p className=\"text-xs text-muted-foreground mb-5\">Select your payment method</p>\n\n <div className=\"space-y-4\">\n {/* Info callout */}\n <div className=\"flex items-start gap-2 rounded-lg border border-blue-500/20 bg-blue-500/5 p-3\">\n <AlertCircle className=\"h-4 w-4 text-blue-600 dark:text-blue-400 shrink-0 mt-0.5\" />\n <p className=\"text-xs text-blue-700 dark:text-blue-300\">\n You need to pay {formatCurrency(advancePayment, { minimumFractionDigits: 0 })}{' '}\n in advance to confirm your booking. Pay the remaining when the cart arrives.\n </p>\n </div>\n\n {/* Payment methods */}\n <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-3\">\n {[\n {\n value: 'upi' as const,\n label: 'UPI',\n sub: 'Instant payment',\n Icon: Smartphone,\n },\n {\n value: 'card' as const,\n label: 'Card',\n sub: 'Secure payment',\n Icon: CreditCard,\n },\n {\n value: 'wallet' as const,\n label: 'Wallet',\n sub: 'Quick payment',\n Icon: Wallet,\n },\n ].map(({ value, label, sub, Icon }) => (\n <button\n key={value}\n type=\"button\"\n onClick={() => setPaymentMethod(value)}\n className={cn(\n 'rounded-lg border p-3 text-center transition-colors',\n paymentMethod === value\n ? 'border-foreground bg-accent'\n : 'border-border hover:bg-accent'\n )}\n >\n <Icon className=\"mx-auto h-5 w-5 text-muted-foreground mb-1\" />\n <p className=\"text-sm font-medium text-foreground\">{label}</p>\n <p className=\"text-[10px] text-muted-foreground\">{sub}</p>\n </button>\n ))}\n </div>\n\n {/* Payment Summary */}\n <div className=\"rounded-lg bg-muted p-4\">\n <h3 className=\"text-sm font-medium text-foreground mb-2\">Payment Summary</h3>\n <div className=\"space-y-2 text-sm\">\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Advance Payment:</span>\n <span className=\"text-foreground\">\n {formatCurrency(advancePayment, { minimumFractionDigits: 0 })}\n </span>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Service Fee:</span>\n <span className=\"text-foreground\">\n {formatCurrency(serviceFee, { minimumFractionDigits: 0 })}\n </span>\n </div>\n <div className=\"flex justify-between text-muted-foreground\">\n <span>Balance Payment (at arrival):</span>\n <span>{formatCurrency(balancePayment, { minimumFractionDigits: 0 })}</span>\n </div>\n <div className=\"flex justify-between border-t border-border pt-2 font-semibold\">\n <span className=\"text-foreground\">Total Amount:</span>\n <span className=\"text-foreground\">\n {formatCurrency(totalAmount, { minimumFractionDigits: 0 })}\n </span>\n </div>\n </div>\n </div>\n </div>\n </div>\n )}\n\n {/* Step 4: Confirmation */}\n {step === 'confirmation' && confirmation && (\n <div className=\"rounded-lg border border-border bg-card p-5\">\n {/* Success header */}\n <div className=\"text-center mb-6\">\n <div className=\"mx-auto mb-3 flex h-14 w-14 items-center justify-center rounded-full bg-green-500/10\">\n <CheckCircle2 className=\"h-7 w-7 text-green-600 dark:text-green-400\" />\n </div>\n <h2 className=\"text-lg font-semibold text-foreground mb-1\">Booking Confirmed!</h2>\n <p className=\"text-sm text-muted-foreground\">\n Your direct service booking has been confirmed and payment processed.\n </p>\n </div>\n\n {/* Booking details */}\n <div className=\"rounded-lg bg-muted p-4 mb-4\">\n <h3 className=\"text-sm font-medium text-foreground mb-3\">Booking Details</h3>\n <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-3 text-sm\">\n <div>\n <span className=\"text-xs text-muted-foreground\">Booking ID</span>\n <p className=\"font-mono text-xs text-foreground\">{confirmation.bookingId}</p>\n </div>\n <div>\n <span className=\"text-xs text-muted-foreground\">Est. Arrival</span>\n <p className=\"text-foreground\">\n {new Date(confirmation.estimatedArrival).toLocaleTimeString([], {\n hour: '2-digit',\n minute: '2-digit',\n })}\n </p>\n </div>\n <div>\n <span className=\"text-xs text-muted-foreground\">Location</span>\n <p className=\"text-foreground truncate\">{location.address}</p>\n </div>\n <div>\n <span className=\"text-xs text-muted-foreground\">Phone</span>\n <p className=\"text-foreground\">{location.phoneNumber}</p>\n </div>\n </div>\n </div>\n\n {/* Payment details */}\n <div className=\"rounded-lg border border-green-500/20 bg-green-500/5 p-4 mb-4\">\n <h3 className=\"text-sm font-medium text-green-600 dark:text-green-400 mb-2 flex items-center gap-2\">\n <CheckCircle2 className=\"h-4 w-4\" />\n Payment Processed\n </h3>\n <div className=\"grid grid-cols-2 gap-3 text-sm\">\n <div>\n <span className=\"text-xs text-muted-foreground\">Transaction ID</span>\n <p className=\"font-mono text-xs text-foreground\">\n {confirmation.transactionId}\n </p>\n </div>\n <div>\n <span className=\"text-xs text-muted-foreground\">Advance Paid</span>\n <p className=\"font-medium text-foreground\">\n {formatCurrency(advancePayment, { minimumFractionDigits: 0 })}\n </p>\n </div>\n <div>\n <span className=\"text-xs text-muted-foreground\">Method</span>\n <p className=\"capitalize text-foreground\">{paymentMethod}</p>\n </div>\n <div>\n <span className=\"text-xs text-muted-foreground\">Status</span>\n <p className=\"font-medium text-green-600 dark:text-green-400\">Paid</p>\n </div>\n </div>\n </div>\n\n {/* Next Steps */}\n <div className=\"rounded-lg border border-blue-500/20 bg-blue-500/5 p-4 mb-6\">\n <h3 className=\"text-sm font-medium text-blue-600 dark:text-blue-400 mb-2\">\n Next Steps\n </h3>\n <div className=\"space-y-2 text-xs text-blue-700 dark:text-blue-300\">\n <div className=\"flex items-start gap-2\">\n <CheckCircle2 className=\"h-3.5 w-3.5 text-green-600 mt-0.5 shrink-0\" />\n <span>\n Payment confirmed -{' '}\n {formatCurrency(advancePayment, { minimumFractionDigits: 0 })} paid\n </span>\n </div>\n <div className=\"flex items-start gap-2\">\n <Clock className=\"h-3.5 w-3.5 mt-0.5 shrink-0\" />\n <span>\n Cart will arrive around{' '}\n {new Date(confirmation.estimatedArrival).toLocaleTimeString([], {\n hour: '2-digit',\n minute: '2-digit',\n })}\n </span>\n </div>\n <div className=\"flex items-start gap-2\">\n <CreditCard className=\"h-3.5 w-3.5 mt-0.5 shrink-0\" />\n <span>\n Pay remaining {formatCurrency(balancePayment, { minimumFractionDigits: 0 })}{' '}\n when cart arrives\n </span>\n </div>\n </div>\n </div>\n\n {/* Action buttons */}\n <div className=\"flex gap-3\">\n <button\n type=\"button\"\n onClick={() => navigateTo(`/customer/bookings/${confirmation.bookingId}`)}\n className=\"flex-1 rounded-lg bg-foreground px-4 py-2.5 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n >\n View Booking\n </button>\n <button\n type=\"button\"\n onClick={() => navigateTo('/customer/carts')}\n className=\"flex-1 rounded-lg border border-border px-4 py-2.5 text-sm font-medium text-foreground hover:bg-accent transition-colors\"\n >\n Browse More\n </button>\n </div>\n </div>\n )}\n\n {/* Navigation Buttons */}\n {step !== 'confirmation' && (\n <div className=\"flex justify-between mt-5\">\n <button\n type=\"button\"\n onClick={prevStep}\n disabled={step === 'location'}\n className={cn(\n 'flex items-center gap-2 rounded-lg border border-border px-4 py-2.5 text-sm font-medium text-foreground transition-colors',\n step === 'location' ? 'opacity-40 cursor-not-allowed' : 'hover:bg-accent'\n )}\n >\n <ArrowLeft className=\"h-4 w-4\" />\n Previous\n </button>\n <button\n type=\"button\"\n onClick={nextStep}\n disabled={submitting}\n className={cn(\n 'flex items-center gap-2 rounded-lg bg-foreground px-4 py-2.5 text-sm font-medium text-background transition-opacity',\n submitting ? 'opacity-60 cursor-not-allowed' : 'hover:opacity-90'\n )}\n >\n {submitting ? (\n <>\n <Loader2 className=\"h-4 w-4 animate-spin\" />\n {step === 'payment' ? 'Processing Payment...' : 'Processing...'}\n </>\n ) : (\n <>\n {step === 'payment' ? 'Confirm & Pay' : 'Next'}\n <ArrowRight className=\"h-4 w-4\" />\n </>\n )}\n </button>\n </div>\n )}\n </div>\n\n {/* Sidebar: Service Summary */}\n <div className=\"lg:col-span-1\">\n <div className=\"sticky top-6 rounded-lg border border-border bg-card p-5\">\n <h3 className=\"text-base font-semibold text-foreground mb-4\">Service Summary</h3>\n\n <div className=\"flex items-center gap-3 mb-4\">\n <img src={cart.image} alt={cart.name} className=\"h-12 w-12 rounded-lg object-cover\" />\n <div>\n <p className=\"text-sm font-medium text-foreground\">{cart.name}</p>\n <p className=\"text-xs text-muted-foreground\">{cart.category}</p>\n </div>\n </div>\n\n <div className=\"space-y-2 text-sm border-t border-border pt-3\">\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Service Fee:</span>\n <span className=\"text-foreground\">\n {formatCurrency(serviceFee, { minimumFractionDigits: 0 })}\n </span>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Advance Payment:</span>\n <span className=\"font-medium text-foreground\">\n {formatCurrency(advancePayment, { minimumFractionDigits: 0 })}\n </span>\n </div>\n </div>\n\n <div className=\"flex items-center gap-2 mt-3 pt-3 border-t border-border text-green-600 dark:text-green-400\">\n <CheckCircle2 className=\"h-3.5 w-3.5\" />\n <span className=\"text-xs\">Pay remaining amount at cart</span>\n </div>\n </div>\n </div>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":";;;;;;;;;;;AAyCA,IAAM,IAAgB;CAAC;CAAY;CAAW;CAAW;CAAe,EAClE,IAAoC;CACxC,UAAU;CACV,SAAS;CACT,SAAS;CACT,cAAc;CACf;AAyBD,SAAS,IAAwD;CAC/D,IAAM,IAA4C,EAAE,EAE9C,IAAQ,IAAI,sBADN,IAAI,MAAM,EACK,SAAS,GAAG,KAAK,IAAM;AAElD,MAAK,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK;EAC1B,IAAM,IAAO,IAAI,KAAK,EAAM,SAAS,GAAG,IAAI,KAAK,IAAM,EACjD,IAAM,EAAK,cAAc,CAAC,MAAM,GAAG,EAAE,EACrC,IAAM,EAAK,mBAAmB,EAAE,EAAE;GAAE,MAAM;GAAW,QAAQ;GAAW,CAAC;AAC/E,IAAM,KAAK;GAAE,OAAO;GAAK,OAAO;GAAK,CAAC;;AAGxC,QAAO;;AAOT,SAAgB,IAA2B;CACzC,IAAM,EAAE,cAAW,GAA+B,EAC5C,EAAE,kBAAe,GAAiB,EAElC,IAAO,QAAe,IAAS,EAAY,EAAO,GAAG,KAAA,GAAY,CAAC,EAAO,CAAC,EAE1E,CAAC,GAAM,KAAW,EAAe,WAAW,EAC5C,CAAC,GAAY,KAAiB,EAAS,GAAM,EAG7C,CAAC,GAAU,KAAe,EAA0B;EACxD,SAAS;EACT,UAAU;EACV,cAAc;EACd,aAAa;EACd,CAAC,EAGI,CAAC,GAAS,KAAc,EAAyB;EACrD,eAAe;EACf,qBAAqB;EACrB,UAAU;EACX,CAAC,EAGI,CAAC,GAAe,KAAoB,EAAoC,MAAM,EAG9E,CAAC,GAAc,KAAmB,EAAkC,KAAK;AAS/E,KAAI,CAAC,EACH,QACE,kBAAC,GAAD;EAAY,OAAM;YAChB,kBAAC,GAAD;GACE,MAAM,kBAAC,GAAD,EAAM,WAAU,aAAc,CAAA;GACpC,OAAM;GACN,aAAY;GACZ,QACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAW,kBAAkB;IAC5C,WAAU;cACX;IAEQ,CAAA;GAEX,CAAA;EACS,CAAA;CAIjB,IAAM,IAAY,GAAmB,EAC/B,IAAY,EAAM,QAAQ,EAAK,EAG/B,UAA0B;AAC9B,MAAI,CAAC,UAAU,aAAa;AAC1B,SAAM,gDAAgD;AACtD;;AAEF,YAAU,YAAY,yBACd;AAEJ,GADA,GAAa,OAAO;IAAE,GAAG;IAAG,SAAS,EAAE,WAAW;IAA6B,EAAE,EACjF,MAAM,kCAAkC;WAEpC;AACJ,SAAM,8DAA8D;IAEvE;IAIG,UACC,EAAS,QAAQ,MAAM,GAIvB,EAAS,YAAY,MAAM,GAIzB,MAHL,MAAM,kCAAkC,EACjC,OALP,MAAM,6BAA6B,EAC5B,KASL,UACC,EAAQ,gBAIN,MAHL,MAAM,uCAAuC,EACtC,KAML,UAAiB;AACrB,EAAI,MAAS,cAAc,GAAkB,GAAE,EAAQ,UAAU,GACxD,MAAS,aAAa,GAAiB,GAAE,EAAQ,UAAU,GAC3D,MAAS,aAAW,GAAqB;IAG9C,UAAiB;AACrB,EAAI,MAAS,YAAW,EAAQ,WAAW,GAClC,MAAS,aAAW,EAAQ,UAAU;IAI3C,UAA4B;AAEhC,EADA,EAAc,GAAK,EACnB,iBAAiB;AAMf,GAFA,EAAgB;IAAE,WAHA,MAAM,KAAK,KAAK;IAGL,eAFP,OAAO,KAAK,KAAK;IAEK,kBADnB,IAAI,KAAK,KAAK,KAAK,GAAG,KAAK,IAAM,CAAC,aAAa;IACV,CAAC,EAC/D,EAAQ,eAAe,EACvB,EAAc,GAAM;KACnB,KAAK;;AAGV,QACE,kBAAC,GAAD;EACE,OACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAW,mBAAmB,EAAK,KAAK;IACvD,WAAU;cAEV,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;IAC1B,CAAA,EACT,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD,EAAA,UAAM,uBAA0B,CAAA,EAChC,kBAAC,KAAD;IAAG,WAAU;cAA6C,EAAK;IAAS,CAAA,CACpE,EAAA,CAAA,CACF;;YAdV,CAkBE,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAM,KAAK,GAAG,MAAM;IACnB,IAAM,IAAc,IAAI,GAClB,IAAY,MAAM;AACxB,WACE,kBAAC,OAAD;KAAa,WAAU;eAAvB,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OACE,WAAW,EACT,6EACA,IACI,uDACA,IACE,kCACA,iCACP;iBAEA,IAAc,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA,GAAG,IAAI;OACtD,CAAA,EACN,kBAAC,QAAD;OACE,WAAW,EACT,oBACA,IAAY,gCAAgC,wBAC7C;iBAEA,EAAY;OACR,CAAA,CACH;SACL,IAAI,EAAM,SAAS,KAClB,kBAAC,OAAD,EACE,WAAW,EACT,0BACA,IAAc,oBAAoB,YACnC,EACD,CAAA,CAEA;OA/BI,EA+BJ;KAER;GACE,CAAA,EAEN,kBAAC,OAAD;GAAK,WAAU;aAAf,CAEE,kBAAC,OAAD;IAAK,WAAU;cAAf;KAEG,MAAS,cACR,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,MAAD;QAAI,WAAU;kBAAd,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAAA,mBAE3B;;OACL,kBAAC,KAAD;QAAG,WAAU;kBAAqC;QAA+B,CAAA;OAEjF,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;UAAO,WAAU;oBAAjB,CAAoE,iBACrD,kBAAC,QAAD;WAAM,WAAU;qBAAe;WAAQ,CAAA,CAC9C;aACR,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,SAAD;WACE,MAAK;WACL,aAAY;WACZ,OAAO,EAAS;WAChB,WAAW,MAAM,GAAa,OAAO;YAAE,GAAG;YAAG,SAAS,EAAE,OAAO;YAAO,EAAE;WACxE,WAAU;WACV,CAAA,EACF,kBAAC,UAAD;WACE,MAAK;WACL,SAAS;WACT,WAAU;qBAHZ,CAKE,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA,EAAA,uBAE/B;aACL;YACF,EAAA,CAAA;SAEN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;UAAO,WAAU;oBAAmD;UAE5D,CAAA,EACR,kBAAC,SAAD;UACE,MAAK;UACL,aAAY;UACZ,OAAO,EAAS;UAChB,WAAW,MAAM,GAAa,OAAO;WAAE,GAAG;WAAG,UAAU,EAAE,OAAO;WAAO,EAAE;UACzE,WAAU;UACV,CAAA,CACE,EAAA,CAAA;SAEN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;UAAO,WAAU;oBAAmD;UAE5D,CAAA,EACR,kBAAC,YAAD;UACE,MAAM;UACN,aAAY;UACZ,OAAO,EAAS;UAChB,WAAW,MAAM,GAAa,OAAO;WAAE,GAAG;WAAG,cAAc,EAAE,OAAO;WAAO,EAAE;UAC7E,WAAU;UACV,CAAA,CACE,EAAA,CAAA;SAEN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;UAAO,WAAU;oBAAjB,CAAoE,iBACrD,kBAAC,QAAD;WAAM,WAAU;qBAAe;WAAQ,CAAA,CAC9C;aACR,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,GAAD,EAAO,WAAU,0EAA2E,CAAA,EAC5F,kBAAC,SAAD;WACE,MAAK;WACL,aAAY;WACZ,OAAO,EAAS;WAChB,WAAW,MAAM,GAAa,OAAO;YAAE,GAAG;YAAG,aAAa,EAAE,OAAO;YAAO,EAAE;WAC5E,WAAU;WACV,CAAA,CACE;YACF,EAAA,CAAA;SACF;;OACF;;KAIP,MAAS,aACR,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,MAAD;QAAI,WAAU;kBAAd,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAAA,kBAE7B;;OACL,kBAAC,KAAD;QAAG,WAAU;kBAAqC;QAAgC,CAAA;OAElF,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;UAAO,WAAU;oBAAjB,CAAoE,wBAC9C,kBAAC,QAAD;WAAM,WAAU;qBAAe;WAAQ,CAAA,CACrD;aACR,kBAAC,OAAD;UAAK,WAAU;oBACZ,EAAU,KAAK,MACd,kBAAC,UAAD;WAEE,MAAK;WACL,eAAe,GAAY,OAAO;YAAE,GAAG;YAAG,eAAe,EAAK;YAAO,EAAE;WACvE,WAAW,EACT,qEACA,EAAQ,kBAAkB,EAAK,QAC3B,gDACA,4EACL;qBAEA,EAAK;WACC,EAXF,EAAK,MAWH,CACT;UACE,CAAA,CACF,EAAA,CAAA;SAEN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;UAAO,WAAU;oBAAmD;UAE5D,CAAA,EACR,kBAAC,YAAD;UACE,MAAM;UACN,aAAY;UACZ,OAAO,EAAQ;UACf,WAAW,MACT,GAAY,OAAO;WAAE,GAAG;WAAG,qBAAqB,EAAE,OAAO;WAAO,EAAE;UAEpE,WAAU;UACV,CAAA,CACE,EAAA,CAAA;SAEN,kBAAC,SAAD;UAAO,WAAU;oBAAjB,CACE,kBAAC,SAAD;WACE,MAAK;WACL,SAAS,EAAQ;WACjB,WAAW,MAAM,GAAY,OAAO;YAAE,GAAG;YAAG,UAAU,EAAE,OAAO;YAAS,EAAE;WAC1E,WAAU;WACV,CAAA,EACF,kBAAC,QAAD;WAAM,WAAU;qBAAgC;WAEzC,CAAA,CACD;;SACJ;;OACF;;KAIP,MAAS,aACR,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,MAAD;QAAI,WAAU;kBAAd,CACE,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA,EAAA,kBAE/B;;OACL,kBAAC,KAAD;QAAG,WAAU;kBAAqC;QAA8B,CAAA;OAEhF,kBAAC,OAAD;QAAK,WAAU;kBAAf;SAEE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,GAAD,EAAa,WAAU,4DAA6D,CAAA,EACpF,kBAAC,KAAD;WAAG,WAAU;qBAAb;YAAwD;YACrC,EAAe,KAAgB,EAAE,uBAAuB,GAAG,CAAC;YAAE;YAAI;YAEjF;aACA;;SAGN,kBAAC,OAAD;UAAK,WAAU;oBACZ;WACC;YACE,OAAO;YACP,OAAO;YACP,KAAK;YACL,MAAM;YACP;WACD;YACE,OAAO;YACP,OAAO;YACP,KAAK;YACL,MAAM;YACP;WACD;YACE,OAAO;YACP,OAAO;YACP,KAAK;YACL,MAAM;YACP;WACF,CAAC,KAAK,EAAE,UAAO,UAAO,QAAK,cAC1B,kBAAC,UAAD;WAEE,MAAK;WACL,eAAe,EAAiB,EAAM;WACtC,WAAW,EACT,uDACA,MAAkB,IACd,gCACA,gCACL;qBATH;YAWE,kBAAC,GAAD,EAAM,WAAU,8CAA+C,CAAA;YAC/D,kBAAC,KAAD;aAAG,WAAU;uBAAuC;aAAU,CAAA;YAC9D,kBAAC,KAAD;aAAG,WAAU;uBAAqC;aAAQ,CAAA;YACnD;aAbF,EAaE,CACT;UACE,CAAA;SAGN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,MAAD;WAAI,WAAU;qBAA2C;WAAoB,CAAA,EAC7E,kBAAC,OAAD;WAAK,WAAU;qBAAf;YACE,kBAAC,OAAD;aAAK,WAAU;uBAAf,CACE,kBAAC,QAAD;cAAM,WAAU;wBAAwB;cAAuB,CAAA,EAC/D,kBAAC,QAAD;cAAM,WAAU;wBACb,EAAe,KAAgB,EAAE,uBAAuB,GAAG,CAAC;cACxD,CAAA,CACH;;YACN,kBAAC,OAAD;aAAK,WAAU;uBAAf,CACE,kBAAC,QAAD;cAAM,WAAU;wBAAwB;cAAmB,CAAA,EAC3D,kBAAC,QAAD;cAAM,WAAU;wBACb,EAAe,IAAY,EAAE,uBAAuB,GAAG,CAAC;cACpD,CAAA,CACH;;YACN,kBAAC,OAAD;aAAK,WAAU;uBAAf,CACE,kBAAC,QAAD,EAAA,UAAM,iCAAoC,CAAA,EAC1C,kBAAC,QAAD,EAAA,UAAO,EAAe,IAAgB,EAAE,uBAAuB,GAAG,CAAC,EAAQ,CAAA,CACvE;;YACN,kBAAC,OAAD;aAAK,WAAU;uBAAf,CACE,kBAAC,QAAD;cAAM,WAAU;wBAAkB;cAAoB,CAAA,EACtD,kBAAC,QAAD;cAAM,WAAU;wBACb,EAAe,KAAa,EAAE,uBAAuB,GAAG,CAAC;cACrD,CAAA,CACH;;YACF;aACF;;SACF;;OACF;;KAIP,MAAS,kBAAkB,KAC1B,kBAAC,OAAD;MAAK,WAAU;gBAAf;OAEE,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,OAAD;UAAK,WAAU;oBACb,kBAAC,GAAD,EAAc,WAAU,8CAA+C,CAAA;UACnE,CAAA;SACN,kBAAC,MAAD;UAAI,WAAU;oBAA6C;UAAuB,CAAA;SAClF,kBAAC,KAAD;UAAG,WAAU;oBAAgC;UAEzC,CAAA;SACA;;OAGN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,MAAD;SAAI,WAAU;mBAA2C;SAAoB,CAAA,EAC7E,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;WAAM,WAAU;qBAAgC;WAAiB,CAAA,EACjE,kBAAC,KAAD;WAAG,WAAU;qBAAqC,EAAa;WAAc,CAAA,CACzE,EAAA,CAAA;UACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;WAAM,WAAU;qBAAgC;WAAmB,CAAA,EACnE,kBAAC,KAAD;WAAG,WAAU;qBACV,IAAI,KAAK,EAAa,iBAAiB,CAAC,mBAAmB,EAAE,EAAE;YAC9D,MAAM;YACN,QAAQ;YACT,CAAC;WACA,CAAA,CACA,EAAA,CAAA;UACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;WAAM,WAAU;qBAAgC;WAAe,CAAA,EAC/D,kBAAC,KAAD;WAAG,WAAU;qBAA4B,EAAS;WAAY,CAAA,CAC1D,EAAA,CAAA;UACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;WAAM,WAAU;qBAAgC;WAAY,CAAA,EAC5D,kBAAC,KAAD;WAAG,WAAU;qBAAmB,EAAS;WAAgB,CAAA,CACrD,EAAA,CAAA;UACF;WACF;;OAGN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,MAAD;SAAI,WAAU;mBAAd,CACE,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA,EAAA,oBAEjC;YACL,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;WAAM,WAAU;qBAAgC;WAAqB,CAAA,EACrE,kBAAC,KAAD;WAAG,WAAU;qBACV,EAAa;WACZ,CAAA,CACA,EAAA,CAAA;UACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;WAAM,WAAU;qBAAgC;WAAmB,CAAA,EACnE,kBAAC,KAAD;WAAG,WAAU;qBACV,EAAe,KAAgB,EAAE,uBAAuB,GAAG,CAAC;WAC3D,CAAA,CACA,EAAA,CAAA;UACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;WAAM,WAAU;qBAAgC;WAAa,CAAA,EAC7D,kBAAC,KAAD;WAAG,WAAU;qBAA8B;WAAkB,CAAA,CACzD,EAAA,CAAA;UACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;WAAM,WAAU;qBAAgC;WAAa,CAAA,EAC7D,kBAAC,KAAD;WAAG,WAAU;qBAAiD;WAAQ,CAAA,CAClE,EAAA,CAAA;UACF;WACF;;OAGN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,MAAD;SAAI,WAAU;mBAA4D;SAErE,CAAA,EACL,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,GAAD,EAAc,WAAU,8CAA+C,CAAA,EACvE,kBAAC,QAAD,EAAA,UAAA;YAAM;YACgB;YACnB,EAAe,KAAgB,EAAE,uBAAuB,GAAG,CAAC;YAAC;YACzD,EAAA,CAAA,CACH;;UACN,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,GAAD,EAAO,WAAU,+BAAgC,CAAA,EACjD,kBAAC,QAAD,EAAA,UAAA;YAAM;YACoB;YACvB,IAAI,KAAK,EAAa,iBAAiB,CAAC,mBAAmB,EAAE,EAAE;aAC9D,MAAM;aACN,QAAQ;aACT,CAAC;YACG,EAAA,CAAA,CACH;;UACN,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,GAAD,EAAY,WAAU,+BAAgC,CAAA,EACtD,kBAAC,QAAD,EAAA,UAAA;YAAM;YACW,EAAe,IAAgB,EAAE,uBAAuB,GAAG,CAAC;YAAE;YAAI;YAE5E,EAAA,CAAA,CACH;;UACF;WACF;;OAGN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,UAAD;SACE,MAAK;SACL,eAAe,EAAW,sBAAsB,EAAa,YAAY;SACzE,WAAU;mBACX;SAEQ,CAAA,EACT,kBAAC,UAAD;SACE,MAAK;SACL,eAAe,EAAW,kBAAkB;SAC5C,WAAU;mBACX;SAEQ,CAAA,CACL;;OACF;;KAIP,MAAS,kBACR,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OACE,MAAK;OACL,SAAS;OACT,UAAU,MAAS;OACnB,WAAW,EACT,6HACA,MAAS,aAAa,kCAAkC,kBACzD;iBAPH,CASE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,WAE1B;UACT,kBAAC,UAAD;OACE,MAAK;OACL,SAAS;OACT,UAAU;OACV,WAAW,EACT,uHACA,IAAa,kCAAkC,mBAChD;iBAEA,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA,EAC3C,MAAS,YAAY,0BAA0B,gBAC/C,EAAA,CAAA,GAEH,kBAAA,GAAA,EAAA,UAAA,CACG,MAAS,YAAY,kBAAkB,QACxC,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA,CACjC,EAAA,CAAA;OAEE,CAAA,CACL;;KAEJ;OAGN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,MAAD;OAAI,WAAU;iBAA+C;OAAoB,CAAA;MAEjF,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,KAAK,EAAK;QAAO,KAAK,EAAK;QAAM,WAAU;QAAsC,CAAA,EACtF,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAuC,EAAK;QAAS,CAAA,EAClE,kBAAC,KAAD;QAAG,WAAU;kBAAiC,EAAK;QAAa,CAAA,CAC5D,EAAA,CAAA,CACF;;MAEN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAmB,CAAA,EAC3D,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAe,IAAY,EAAE,uBAAuB,GAAG,CAAC;SACpD,CAAA,CACH;WACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAuB,CAAA,EAC/D,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAe,KAAgB,EAAE,uBAAuB,GAAG,CAAC;SACxD,CAAA,CACH;UACF;;MAEN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAc,WAAU,eAAgB,CAAA,EACxC,kBAAC,QAAD;QAAM,WAAU;kBAAU;QAAmC,CAAA,CACzD;;MACF;;IACF,CAAA,CACF;KACK"}

package/dist/adaptercloud/pages/customer/FavoritesPage.js ADDED Viewed

@@ -0,0 +1,477 @@
+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 { EmptyState as r } from "../../components/EmptyState.js";
+import { useOrders as i, useProviders as a } from "../../hooks/useAdapterCloudApi.js";
+import { formatCurrency as o, formatDate as s } from "../../utils/formatters.js";
+import { useCallback as c, useState as l } from "react";
+import { Clock as u, Heart as d, Leaf as f, RotateCcw as p, Search as m, ShoppingCart as h, Star as g, Utensils as _, X as v } from "lucide-react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region src/adaptercloud/pages/customer/FavoritesPage.tsx
+function x() {
+	let { navigateTo: x, currentUser: S } = e(), { data: C = [], isLoading: w } = a(), { data: T = [], isLoading: E } = i({ customerId: S?.id }), D = C.slice(0, 2).map((e) => ({
+		id: e.id,
+		name: e.name,
+		description: "Authentic services from AdapterCloud",
+		category: e.category,
+		image: e.image,
+		rating: e.rating,
+		reviewCount: e.totalRatings,
+		isOpen: e.isOpen,
+		isVerified: e.isVerified || !1,
+		distance: e.distance,
+		estimatedTime: e.estimatedTime,
+		addedToFavorites: (/* @__PURE__ */ new Date()).toISOString(),
+		totalOrders: T.filter((t) => t.cartId === e.id).length,
+		totalSpent: T.filter((t) => t.cartId === e.id).reduce((e, t) => e + t.total, 0)
+	})), O = [{
+		id: "prod-001",
+		name: "Masala Dosa",
+		description: "Crispy rice crepe with spiced potato filling",
+		price: 120,
+		category: "South Indian",
+		image: "https://images.unsplash.com/photo-1630383249896-424e482df921?w=300",
+		cartId: C[0]?.id || "FOOD-001",
+		cartName: C[0]?.name || "Dosa Express",
+		isVegetarian: !0,
+		isVegan: !1,
+		preparationTime: 15,
+		rating: 4.7,
+		addedToFavorites: "2024-02-20T12:30:00Z",
+		orderCount: 8
+	}], [k, A] = l({
+		searchQuery: "",
+		type: "all",
+		category: "",
+		sortBy: "recent"
+	}), j = w || E, { carts: M, products: N } = c(() => {
+		let e = [...D], t = [...O];
+		if (k.searchQuery) {
+			let n = k.searchQuery.toLowerCase();
+			e = e.filter((e) => e.name.toLowerCase().includes(n) || e.description.toLowerCase().includes(n) || e.category.toLowerCase().includes(n)), t = t.filter((e) => e.name.toLowerCase().includes(n) || e.description.toLowerCase().includes(n) || e.category.toLowerCase().includes(n) || e.cartName.toLowerCase().includes(n));
+		}
+		switch (k.category && (e = e.filter((e) => e.category === k.category), t = t.filter((e) => e.category === k.category)), k.sortBy) {
+			case "recent":
+				e.sort((e, t) => new Date(t.addedToFavorites).getTime() - new Date(e.addedToFavorites).getTime()), t.sort((e, t) => new Date(t.addedToFavorites).getTime() - new Date(e.addedToFavorites).getTime());
+				break;
+			case "name":
+				e.sort((e, t) => e.name.localeCompare(t.name)), t.sort((e, t) => e.name.localeCompare(t.name));
+				break;
+			case "rating":
+				e.sort((e, t) => t.rating - e.rating), t.sort((e, t) => t.rating - e.rating);
+				break;
+			case "orders":
+				e.sort((e, t) => t.totalOrders - e.totalOrders), t.sort((e, t) => t.orderCount - e.orderCount);
+				break;
+		}
+		return k.type === "carts" ? {
+			carts: e,
+			products: []
+		} : k.type === "products" ? {
+			carts: [],
+			products: t
+		} : {
+			carts: e,
+			products: t
+		};
+	}, [
+		D,
+		O,
+		k
+	])(), P = (e) => {
+		console.log("Remove cart:", e);
+	}, F = (e) => {
+		console.log("Remove product:", e);
+	}, I = D.reduce((e, t) => e + t.totalSpent, 0) + O.reduce((e, t) => e + t.price * t.orderCount, 0);
+	return j ? /* @__PURE__ */ y(n, {
+		title: "My Favorites",
+		children: /* @__PURE__ */ y("div", {
+			className: "flex items-center justify-center py-20",
+			children: /* @__PURE__ */ y("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-foreground" })
+		})
+	}) : /* @__PURE__ */ b(n, {
+		title: "My Favorites",
+		description: `${D.length} carts, ${O.length} products`,
+		children: [
+			/* @__PURE__ */ b("div", {
+				className: "flex flex-wrap items-center gap-4 text-sm text-muted-foreground mb-6",
+				children: [
+					/* @__PURE__ */ b("span", {
+						className: "flex items-center gap-1.5",
+						children: [
+							/* @__PURE__ */ y(h, { className: "h-3.5 w-3.5" }),
+							D.length,
+							" carts"
+						]
+					}),
+					/* @__PURE__ */ b("span", {
+						className: "flex items-center gap-1.5",
+						children: [
+							/* @__PURE__ */ y(_, { className: "h-3.5 w-3.5" }),
+							O.length,
+							" products"
+						]
+					}),
+					/* @__PURE__ */ b("span", {
+						className: "flex items-center gap-1.5",
+						children: [
+							/* @__PURE__ */ y(g, { className: "h-3.5 w-3.5" }),
+							"Total saved: ",
+							o(I, { minimumFractionDigits: 0 })
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "rounded-lg border border-border bg-card p-4 mb-6",
+				children: /* @__PURE__ */ b("div", {
+					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3",
+					children: [
+						/* @__PURE__ */ b("div", {
+							className: "relative",
+							children: [/* @__PURE__ */ y(m, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ y("input", {
+								type: "text",
+								placeholder: "Search favorites...",
+								value: k.searchQuery,
+								onChange: (e) => A((t) => ({
+									...t,
+									searchQuery: e.target.value
+								})),
+								className: "w-full rounded-lg border border-border bg-card py-2 pl-9 pr-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+							})]
+						}),
+						/* @__PURE__ */ b("select", {
+							value: k.type,
+							onChange: (e) => A((t) => ({
+								...t,
+								type: e.target.value
+							})),
+							className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							children: [
+								/* @__PURE__ */ y("option", {
+									value: "all",
+									children: "All Favorites"
+								}),
+								/* @__PURE__ */ y("option", {
+									value: "carts",
+									children: "Favorite Carts"
+								}),
+								/* @__PURE__ */ y("option", {
+									value: "products",
+									children: "Favorite Products"
+								})
+							]
+						}),
+						/* @__PURE__ */ b("select", {
+							value: k.category,
+							onChange: (e) => A((t) => ({
+								...t,
+								category: e.target.value
+							})),
+							className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							children: [
+								/* @__PURE__ */ y("option", {
+									value: "",
+									children: "All Categories"
+								}),
+								/* @__PURE__ */ y("option", {
+									value: "Food & Beverage",
+									children: "Food & Beverage"
+								}),
+								/* @__PURE__ */ y("option", {
+									value: "Street Food",
+									children: "Street Food"
+								}),
+								/* @__PURE__ */ y("option", {
+									value: "South Indian",
+									children: "South Indian"
+								}),
+								/* @__PURE__ */ y("option", {
+									value: "Beverages",
+									children: "Beverages"
+								})
+							]
+						}),
+						/* @__PURE__ */ b("select", {
+							value: k.sortBy,
+							onChange: (e) => A((t) => ({
+								...t,
+								sortBy: e.target.value
+							})),
+							className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							children: [
+								/* @__PURE__ */ y("option", {
+									value: "recent",
+									children: "Recently Added"
+								}),
+								/* @__PURE__ */ y("option", {
+									value: "name",
+									children: "Name A-Z"
+								}),
+								/* @__PURE__ */ y("option", {
+									value: "rating",
+									children: "Highest Rated"
+								}),
+								/* @__PURE__ */ y("option", {
+									value: "orders",
+									children: "Most Ordered"
+								})
+							]
+						})
+					]
+				})
+			}),
+			M.length === 0 && N.length === 0 ? /* @__PURE__ */ y(r, {
+				icon: /* @__PURE__ */ y(d, { className: "h-12 w-12" }),
+				title: "No favorites yet",
+				description: "Browse carts and tap the heart icon to add them to your favorites.",
+				action: /* @__PURE__ */ y("button", {
+					type: "button",
+					onClick: () => x("/customer/carts"),
+					className: "rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity",
+					children: "Discover Carts"
+				})
+			}) : /* @__PURE__ */ b("div", {
+				className: "space-y-8",
+				children: [M.length > 0 && /* @__PURE__ */ b("section", { children: [/* @__PURE__ */ b("h3", {
+					className: "text-base font-semibold text-foreground mb-4 flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ y(h, { className: "h-4 w-4 text-muted-foreground" }),
+						"Favorite Carts (",
+						M.length,
+						")"
+					]
+				}), /* @__PURE__ */ y("div", {
+					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
+					children: M.map((e) => /* @__PURE__ */ b("div", {
+						className: "rounded-lg border border-border bg-card shadow-sm overflow-hidden",
+						children: [/* @__PURE__ */ b("div", {
+							className: "relative h-36 bg-muted",
+							children: [
+								/* @__PURE__ */ y("button", {
+									type: "button",
+									onClick: () => x(`/customer/carts/${e.id}`),
+									className: "block h-full w-full",
+									children: /* @__PURE__ */ y("img", {
+										src: e.image,
+										alt: e.name,
+										className: "h-full w-full object-cover"
+									})
+								}),
+								/* @__PURE__ */ y("button", {
+									type: "button",
+									onClick: () => P(e.id),
+									title: "Remove from favorites",
+									className: "absolute top-2 right-2 flex h-8 w-8 items-center justify-center rounded-full bg-card/80 backdrop-blur-sm text-red-500 hover:bg-card transition-colors",
+									children: /* @__PURE__ */ y(d, { className: "h-4 w-4 fill-current" })
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "absolute top-2 left-2",
+									children: /* @__PURE__ */ y("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-destructive/20 text-destructive"),
+										children: e.isOpen ? "Open" : "Closed"
+									})
+								})
+							]
+						}), /* @__PURE__ */ b("div", {
+							className: "p-4",
+							children: [
+								/* @__PURE__ */ b("div", {
+									className: "flex items-start justify-between gap-2 mb-2",
+									children: [/* @__PURE__ */ y("h4", {
+										className: "text-sm font-semibold text-foreground truncate",
+										children: e.name
+									}), /* @__PURE__ */ b("div", {
+										className: "flex items-center gap-1 shrink-0",
+										children: [
+											/* @__PURE__ */ y(g, { className: "h-3.5 w-3.5 fill-yellow-400 text-yellow-400" }),
+											/* @__PURE__ */ y("span", {
+												className: "text-xs font-medium text-foreground",
+												children: e.rating
+											}),
+											/* @__PURE__ */ b("span", {
+												className: "text-xs text-muted-foreground",
+												children: [
+													"(",
+													e.reviewCount,
+													")"
+												]
+											})
+										]
+									})]
+								}),
+								/* @__PURE__ */ y("p", {
+									className: "text-xs text-muted-foreground line-clamp-2 mb-3",
+									children: e.description
+								}),
+								/* @__PURE__ */ b("div", {
+									className: "space-y-1.5 text-xs text-muted-foreground",
+									children: [
+										/* @__PURE__ */ b("div", {
+											className: "flex justify-between",
+											children: [/* @__PURE__ */ y("span", { children: "Added:" }), /* @__PURE__ */ y("span", { children: s(e.addedToFavorites, {
+												hour: void 0,
+												minute: void 0,
+												hour12: void 0
+											}) })]
+										}),
+										/* @__PURE__ */ b("div", {
+											className: "flex justify-between",
+											children: [/* @__PURE__ */ y("span", { children: "Total orders:" }), /* @__PURE__ */ y("span", { children: e.totalOrders })]
+										}),
+										/* @__PURE__ */ b("div", {
+											className: "flex justify-between",
+											children: [/* @__PURE__ */ y("span", { children: "Total spent:" }), /* @__PURE__ */ y("span", {
+												className: "font-medium",
+												children: o(e.totalSpent, { minimumFractionDigits: 0 })
+											})]
+										}),
+										e.lastOrdered && /* @__PURE__ */ b("div", {
+											className: "flex justify-between",
+											children: [/* @__PURE__ */ y("span", { children: "Last ordered:" }), /* @__PURE__ */ y("span", { children: s(e.lastOrdered, {
+												hour: void 0,
+												minute: void 0,
+												hour12: void 0
+											}) })]
+										})
+									]
+								}),
+								/* @__PURE__ */ b("div", {
+									className: "flex gap-2 mt-4",
+									children: [/* @__PURE__ */ b("button", {
+										type: "button",
+										onClick: () => x(`/customer/carts/${e.id}`),
+										className: "flex-1 flex items-center justify-center gap-1.5 rounded-lg bg-foreground px-3 py-2 text-xs font-medium text-background hover:opacity-90 transition-opacity",
+										children: [/* @__PURE__ */ y(p, { className: "h-3 w-3" }), "Order Again"]
+									}), /* @__PURE__ */ y("button", {
+										type: "button",
+										onClick: () => x(`/customer/carts/${e.id}`),
+										className: "flex-1 rounded-lg border border-border px-3 py-2 text-xs font-medium text-foreground hover:bg-accent transition-colors",
+										children: "View Menu"
+									})]
+								})
+							]
+						})]
+					}, e.id))
+				})] }), N.length > 0 && /* @__PURE__ */ b("section", { children: [/* @__PURE__ */ b("h3", {
+					className: "text-base font-semibold text-foreground mb-4 flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ y(_, { className: "h-4 w-4 text-muted-foreground" }),
+						"Favorite Products (",
+						N.length,
+						")"
+					]
+				}), /* @__PURE__ */ y("div", {
+					className: "space-y-3",
+					children: N.map((e) => /* @__PURE__ */ y("div", {
+						className: "rounded-lg border border-border bg-card p-4",
+						children: /* @__PURE__ */ b("div", {
+							className: "flex flex-col sm:flex-row sm:items-center gap-4",
+							children: [
+								/* @__PURE__ */ y("img", {
+									src: e.image,
+									alt: e.name,
+									className: "w-20 h-20 rounded-lg object-cover shrink-0 mx-auto sm:mx-0"
+								}),
+								/* @__PURE__ */ b("div", {
+									className: "flex-1 min-w-0",
+									children: [
+										/* @__PURE__ */ b("div", {
+											className: "flex items-start justify-between gap-2 mb-1",
+											children: [/* @__PURE__ */ y("h4", {
+												className: "text-sm font-semibold text-foreground",
+												children: e.name
+											}), /* @__PURE__ */ b("div", {
+												className: "flex items-center gap-2 shrink-0",
+												children: [/* @__PURE__ */ y("span", {
+													className: "text-base font-bold text-foreground",
+													children: o(e.price, { minimumFractionDigits: 0 })
+												}), /* @__PURE__ */ y("button", {
+													type: "button",
+													onClick: () => F(e.id),
+													title: "Remove from favorites",
+													className: "rounded-md p-1 text-red-500 hover:bg-destructive/10 transition-colors",
+													children: /* @__PURE__ */ y(v, { className: "h-4 w-4" })
+												})]
+											})]
+										}),
+										/* @__PURE__ */ y("p", {
+											className: "text-xs text-muted-foreground mb-2",
+											children: e.description
+										}),
+										/* @__PURE__ */ b("div", {
+											className: "flex flex-wrap items-center gap-2 text-xs text-muted-foreground mb-2",
+											children: [
+												/* @__PURE__ */ b("span", { children: [
+													"From:",
+													" ",
+													/* @__PURE__ */ y("span", {
+														className: "font-medium text-foreground",
+														children: e.cartName
+													})
+												] }),
+												/* @__PURE__ */ b("span", { children: [
+													"Ordered ",
+													e.orderCount,
+													" times"
+												] }),
+												/* @__PURE__ */ b("span", { children: [
+													"Added:",
+													" ",
+													s(e.addedToFavorites, {
+														hour: void 0,
+														minute: void 0,
+														hour12: void 0
+													})
+												] })
+											]
+										}),
+										/* @__PURE__ */ b("div", {
+											className: "flex flex-wrap items-center gap-2",
+											children: [
+												e.isVegetarian && /* @__PURE__ */ b("span", {
+													className: "inline-flex items-center gap-1 rounded-full bg-green-500/10 px-2 py-0.5 text-[10px] font-medium text-green-600 dark:text-green-400",
+													children: [/* @__PURE__ */ y(f, { className: "h-3 w-3" }), "Veg"]
+												}),
+												e.isVegan && /* @__PURE__ */ b("span", {
+													className: "inline-flex items-center gap-1 rounded-full bg-green-500/10 px-2 py-0.5 text-[10px] font-medium text-green-600 dark:text-green-400",
+													children: [/* @__PURE__ */ y(f, { className: "h-3 w-3" }), "Vegan"]
+												}),
+												/* @__PURE__ */ b("span", {
+													className: "inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground",
+													children: [
+														/* @__PURE__ */ y(u, { className: "h-3 w-3" }),
+														e.preparationTime,
+														" min"
+													]
+												})
+											]
+										})
+									]
+								}),
+								/* @__PURE__ */ b("div", {
+									className: "flex sm:flex-col gap-2 shrink-0",
+									children: [/* @__PURE__ */ y("button", {
+										type: "button",
+										onClick: () => x(`/customer/carts/${e.cartId}`),
+										className: "flex-1 sm:flex-none rounded-lg bg-foreground px-4 py-2 text-xs font-medium text-background hover:opacity-90 transition-opacity whitespace-nowrap",
+										children: "Add to Cart"
+									}), /* @__PURE__ */ y("button", {
+										type: "button",
+										onClick: () => x(`/customer/carts/${e.cartId}`),
+										className: "flex-1 sm:flex-none rounded-lg border border-border px-4 py-2 text-xs font-medium text-foreground hover:bg-accent transition-colors whitespace-nowrap",
+										children: "View Cart"
+									})]
+								})
+							]
+						})
+					}, e.id))
+				})] })]
+			})
+		]
+	});
+}
+//#endregion
+export { x as FavoritesPage };
+//# sourceMappingURL=FavoritesPage.js.map