@burdenoff/microfe-kadaikodi 2026.801.2 → 2026.802.1

package/dist/kadaikodi/pages/customer/BookingDetailsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BookingDetailsPage.d.ts","sourceRoot":"","sources":["../../../../src/kadaikodi/pages/customer/BookingDetailsPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AA2CH,wBAAgB,kBAAkB,gCA0bjC"}
+{"version":3,"file":"BookingDetailsPage.d.ts","sourceRoot":"","sources":["../../../../src/kadaikodi/pages/customer/BookingDetailsPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AA2CH,wBAAgB,kBAAkB,gCAwbjC"}

package/dist/kadaikodi/pages/customer/BookingDetailsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookingDetailsPage.js","names":[],"sources":["../../../../src/kadaikodi/pages/customer/BookingDetailsPage.tsx"],"sourcesContent":["/**\n * Booking Details Page\n * @module kadaikodi/pages/customer\n *\n * Detailed view of a service booking with service name, provider info,\n * scheduled date/time, booking status timeline, location info,\n * price breakdown, Contact Support button, Rate Service button (when completed),\n * Cart Information sidebar, cancel button.\n * Uses route param :bookingId from useParams().\n */\n\nimport { useMemo, useState } from 'react';\nimport { useParams } from 'react-router';\nimport {\n  ArrowLeft,\n  MapPin,\n  Star,\n  CheckCircle2,\n  XCircle,\n  ShoppingBag,\n  CalendarCheck,\n  Headphones,\n  Loader2,\n  X,\n} from 'lucide-react';\nimport { GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { Timeline, type TimelineItem } from '../../components/viz';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { useOrder, useCreateReview, useUpdateOrderStatus } from '../../hooks/useKadaikodiApi';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency, formatDate } from '../../utils/formatters';\n\nconst SUPPORT_EMAIL = 'support@kadaikodi.com';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ninterface BookingTimelineEvent {\n  status: string;\n  label: string;\n  timestamp: string | null;\n  completed: boolean;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function BookingDetailsPage() {\n  const { bookingId } = useParams<{ bookingId: string }>();\n  const { navigateTo, currentUser } = useKadaikodi();\n  const { data: order, isLoading } = useOrder(bookingId);\n  const createReview = useCreateReview();\n  const cancelOrder = useUpdateOrderStatus();\n  const [statusMessage, setStatusMessage] = useState<string | null>(null);\n  const [showRateModal, setShowRateModal] = useState(false);\n  const [rating, setRating] = useState(5);\n  const [reviewText, setReviewText] = useState('');\n\n  const showStatus = (msg: string) => {\n    setStatusMessage(msg);\n    setTimeout(() => setStatusMessage(null), 3000);\n  };\n\n  // Build the timeline from the order's real recorded events; fall back to a\n  // single \"order placed\" milestone derived from the order date.\n  const timeline = useMemo<BookingTimelineEvent[]>(() => {\n    if (!order) return [];\n    if (order.timeline.length > 0) {\n      return order.timeline.map((e) => ({\n        status: e.status,\n        label: e.description || e.status,\n        timestamp: e.timestamp,\n        completed: true,\n      }));\n    }\n    return [\n      { status: 'placed', label: 'Order placed', timestamp: order.orderDate, completed: true },\n    ];\n  }, [order]);\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Booking Details\">\n        <div className=\"flex items-center justify-center py-20\">\n          <div className=\"h-12 w-12 animate-spin rounded-full border-b-2 border-foreground\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (!order) {\n    return (\n      <PageLayout title=\"Booking Not Found\">\n        <EmptyState\n          icon={<CalendarCheck className=\"h-12 w-12\" />}\n          title=\"Booking not found\"\n          description={`No booking found with ID \"${bookingId}\".`}\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/customer/dashboard')}\n              className=\"rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n            >\n              Go to Dashboard\n            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  const isCancelled = order.status === 'cancelled';\n  const isCompleted = order.status === 'delivered';\n  const canCancel = !isCancelled && !isCompleted;\n  const addr = order.deliveryAddress;\n  const hasAddress = Boolean(addr.street || addr.area || addr.city);\n\n  const alreadyRated = order.rating != null && order.rating > 0;\n\n  const handleSubmitRating = () => {\n    if (!currentUser?.id) {\n      showStatus('Please sign in to rate this service.');\n      return;\n    }\n    createReview.mutate(\n      {\n        providerId: order.cartId,\n        orderId: order.id,\n        customerId: currentUser.id,\n        rating,\n        review: reviewText.trim() || undefined,\n      },\n      {\n        onSuccess: () => {\n          setShowRateModal(false);\n          setReviewText('');\n          showStatus('Thanks! Your rating has been submitted.');\n        },\n        onError: () => showStatus('Could not submit your rating. Please try again.'),\n      }\n    );\n  };\n\n  const handleCancelBooking = () => {\n    if (!window.confirm('Cancel this booking? This cannot be undone.')) return;\n    cancelOrder.mutate(\n      { id: order.id, status: 'CANCELLED' },\n      {\n        onSuccess: () => showStatus('Your booking has been cancelled.'),\n        onError: () => showStatus('Could not cancel the booking. Please try again.'),\n      }\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/dashboard')}\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>Booking #{order.id}</span>\n        </div>\n      }\n      actions={<StatusBadge status={order.status} />}\n    >\n      <PagePurpose className=\"mb-4\">\n        The full picture of one service booking — who&apos;s providing it, what was ordered, what it\n        costs, and the actions you can take such as contacting support or cancelling.\n      </PagePurpose>\n\n      {/* Status message */}\n      {statusMessage && (\n        <div className=\"mb-4 rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle p-3 flex items-center gap-2\">\n          <CheckCircle2 className=\"h-4 w-4 text-status-success-text shrink-0\" />\n          <p className=\"text-sm text-status-success-text\">{statusMessage}</p>\n        </div>\n      )}\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n        {/* Left: Main Content */}\n        <div className=\"lg:col-span-2 space-y-6\">\n          {/* Service Info — the one emphasis zone */}\n          <GlassCard treatment=\"glass\" glow className=\"p-6\">\n            <h2 className=\"text-lg font-semibold text-text-primary\">{order.cartName}</h2>\n            <p className=\"mt-1 text-sm text-text-secondary\">\n              Order placed on {formatDate(order.orderDate)}\n            </p>\n\n            {order.items.length > 0 && (\n              <div className=\"mt-4 space-y-1.5\">\n                {order.items.map((item, index) => (\n                  <div key={item.id || index} className=\"flex justify-between text-sm\">\n                    <span className=\"text-text-primary\">\n                      {item.quantity}x {item.name}\n                    </span>\n                    <span className=\"text-text-secondary\">\n                      {formatCurrency(item.price * item.quantity, { minimumFractionDigits: 0 })}\n                    </span>\n                  </div>\n                ))}\n              </div>\n            )}\n          </GlassCard>\n\n          {/* Provider Info */}\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n            <h2 className=\"text-base font-semibold text-text-primary mb-4\">Service Provider</h2>\n            <div className=\"flex items-center gap-4\">\n              <div className=\"flex h-12 w-12 items-center justify-center rounded-full bg-bg-sunken text-text-secondary\">\n                <ShoppingBag className=\"h-6 w-6\" />\n              </div>\n              <div className=\"flex-1 min-w-0\">\n                <p className=\"text-sm font-semibold text-text-primary\">{order.cartName}</p>\n              </div>\n              <button\n                type=\"button\"\n                onClick={() => navigateTo(`/customer/cart/${order.cartId}`)}\n                className=\"rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n              >\n                View Cart\n              </button>\n            </div>\n          </div>\n\n          {/* Booking Status Timeline */}\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n            <h2 className=\"text-base font-semibold text-text-primary mb-5\">Booking Timeline</h2>\n            <Timeline\n              items={timeline.map(\n                (event, index): TimelineItem => ({\n                  id: `${event.status}-${index}`,\n                  title: event.label,\n                  tone:\n                    event.status === 'cancelled' ? 'danger' : event.completed ? 'success' : 'muted',\n                  time: event.timestamp ? formatDate(event.timestamp) : 'Pending',\n                })\n              )}\n            />\n          </div>\n\n          {/* Action Buttons: Contact Support + Rate Service */}\n          <div className=\"flex flex-col sm:flex-row gap-3\">\n            <a\n              href={`mailto:${SUPPORT_EMAIL}?subject=${encodeURIComponent(\n                `Support request — Booking #${order.id}`\n              )}`}\n              className=\"flex-1 flex items-center justify-center gap-2 rounded-lg border border-border-subtle px-4 py-3 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n            >\n              <Headphones className=\"h-4 w-4\" />\n              Contact Support\n            </a>\n\n            {isCompleted && (\n              <button\n                type=\"button\"\n                disabled={alreadyRated}\n                onClick={() => setShowRateModal(true)}\n                className={cn(\n                  'flex-1 flex items-center justify-center gap-2 rounded-lg px-4 py-3 text-sm font-medium transition-opacity',\n                  alreadyRated\n                    ? 'bg-bg-sunken text-text-secondary cursor-not-allowed'\n                    : 'bg-foreground text-background hover:opacity-90'\n                )}\n              >\n                <Star className=\"h-4 w-4\" />\n                {alreadyRated ? 'Rated' : 'Rate Service'}\n              </button>\n            )}\n          </div>\n        </div>\n\n        {/* Right: Sidebar */}\n        <div className=\"space-y-6\">\n          {/* Cart Information */}\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5\">\n            <h3 className=\"text-base font-semibold text-text-primary mb-3\">Cart Information</h3>\n            <div className=\"flex items-center gap-3 mb-4\">\n              <div className=\"flex h-14 w-14 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary\">\n                <ShoppingBag className=\"h-6 w-6\" />\n              </div>\n              <div className=\"min-w-0\">\n                <p className=\"text-sm font-semibold text-text-primary\">{order.cartName}</p>\n              </div>\n            </div>\n\n            <button\n              type=\"button\"\n              onClick={() => navigateTo(`/customer/cart/${order.cartId}`)}\n              className=\"w-full rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n            >\n              View Cart Menu\n            </button>\n          </div>\n\n          {/* Location Info */}\n          {hasAddress && (\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5\">\n              <h3 className=\"text-base font-semibold text-text-primary mb-3\">Service Location</h3>\n              <div className=\"flex items-start gap-3\">\n                <MapPin className=\"mt-0.5 h-5 w-5 shrink-0 text-text-secondary\" />\n                <div>\n                  {addr.street && <p className=\"text-sm text-text-primary\">{addr.street}</p>}\n                  <p className=\"text-sm text-text-secondary\">\n                    {[addr.area, addr.city].filter(Boolean).join(', ')}\n                    {addr.pincode ? ` - ${addr.pincode}` : ''}\n                  </p>\n                  {addr.landmark && (\n                    <p className=\"text-xs text-text-secondary mt-1\">Landmark: {addr.landmark}</p>\n                  )}\n                </div>\n              </div>\n            </div>\n          )}\n\n          {/* Price Breakdown */}\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5\">\n            <h3 className=\"text-base font-semibold text-text-primary mb-3\">Price Breakdown</h3>\n            <div className=\"space-y-2.5 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-text-secondary\">Subtotal</span>\n                <span className=\"text-text-primary\">\n                  {formatCurrency(order.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                  {order.deliveryFee === 0\n                    ? 'FREE'\n                    : formatCurrency(order.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(order.taxes, { minimumFractionDigits: 0 })}\n                </span>\n              </div>\n              {order.discount != null && order.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(order.discount, { minimumFractionDigits: 0 })}\n                  </span>\n                </div>\n              )}\n              <div className=\"flex justify-between border-t border-border-subtle pt-2.5\">\n                <span className=\"font-semibold text-text-primary\">Total</span>\n                <span className=\"font-bold text-text-primary\">\n                  {formatCurrency(order.total, { minimumFractionDigits: 0 })}\n                </span>\n              </div>\n            </div>\n          </div>\n\n          {/* Booking Info */}\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5\">\n            <h3 className=\"text-base font-semibold text-text-primary mb-3\">Booking Info</h3>\n            <div className=\"space-y-3\">\n              <div className=\"flex items-center gap-2\">\n                <CalendarCheck className=\"h-4 w-4 text-text-secondary\" />\n                <div>\n                  <p className=\"text-xs text-text-secondary\">Booked On</p>\n                  <p className=\"text-sm text-text-primary\">{formatDate(order.orderDate)}</p>\n                </div>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <CheckCircle2 className=\"h-4 w-4 text-text-secondary\" />\n                <div>\n                  <p className=\"text-xs text-text-secondary\">Payment</p>\n                  <p className=\"text-sm text-text-primary capitalize\">\n                    {order.paymentMethod} &middot; {order.paymentStatus}\n                  </p>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          {/* Cancel Button */}\n          {canCancel && (\n            <button\n              type=\"button\"\n              onClick={handleCancelBooking}\n              disabled={cancelOrder.isPending}\n              className={cn(\n                'w-full inline-flex items-center justify-center gap-2 rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-3 text-sm font-medium text-status-error-text transition-colors',\n                cancelOrder.isPending\n                  ? 'opacity-60 cursor-not-allowed'\n                  : 'hover:bg-status-error-bg-subtle'\n              )}\n            >\n              {cancelOrder.isPending ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              ) : (\n                <XCircle className=\"h-4 w-4\" />\n              )}\n              Cancel Booking\n            </button>\n          )}\n        </div>\n      </div>\n\n      {/* Rate Service Modal */}\n      {showRateModal && (\n        <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4\">\n          <div className=\"w-full max-w-md rounded-lg border border-border-subtle bg-bg-surface shadow-lg\">\n            <div className=\"p-5\">\n              <div className=\"flex items-center justify-between mb-4\">\n                <h3 className=\"text-lg font-semibold text-text-primary\">Rate this service</h3>\n                <button\n                  type=\"button\"\n                  onClick={() => setShowRateModal(false)}\n                  className=\"rounded-md p-2 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors\"\n                >\n                  <X className=\"h-4 w-4\" />\n                </button>\n              </div>\n\n              <div className=\"mb-4\">\n                <label className=\"block text-sm font-medium text-text-primary mb-2\">\n                  Your rating\n                </label>\n                <div className=\"flex items-center gap-1\">\n                  {[1, 2, 3, 4, 5].map((star) => (\n                    <button\n                      key={star}\n                      type=\"button\"\n                      onClick={() => setRating(star)}\n                      className=\"p-0.5\"\n                      aria-label={`${star} star${star > 1 ? 's' : ''}`}\n                    >\n                      <Star\n                        className={cn(\n                          'h-7 w-7',\n                          star <= rating\n                            ? 'fill-status-warning-text text-status-warning-text'\n                            : 'fill-none text-text-secondary/40'\n                        )}\n                      />\n                    </button>\n                  ))}\n                </div>\n              </div>\n\n              <div className=\"mb-5\">\n                <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n                  Review <span className=\"text-text-secondary font-normal\">(optional)</span>\n                </label>\n                <textarea\n                  rows={4}\n                  value={reviewText}\n                  onChange={(e) => setReviewText(e.target.value)}\n                  placeholder=\"Share your experience with this service...\"\n                  className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 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\n              <div className=\"flex items-center gap-3\">\n                <button\n                  type=\"button\"\n                  onClick={handleSubmitRating}\n                  disabled={createReview.isPending}\n                  className={cn(\n                    'flex-1 inline-flex items-center justify-center gap-2 rounded-lg bg-foreground px-4 py-2.5 text-sm font-medium text-background transition-opacity',\n                    createReview.isPending ? 'opacity-60 cursor-not-allowed' : 'hover:opacity-90'\n                  )}\n                >\n                  {createReview.isPending && <Loader2 className=\"h-4 w-4 animate-spin\" />}\n                  Submit Rating\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setShowRateModal(false)}\n                  className=\"rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n                >\n                  Cancel\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"BookingDetailsPage.js","names":[],"sources":["../../../../src/kadaikodi/pages/customer/BookingDetailsPage.tsx"],"sourcesContent":["/**\n * Booking Details Page\n * @module kadaikodi/pages/customer\n *\n * Detailed view of a service booking with service name, provider info,\n * scheduled date/time, booking status timeline, location info,\n * price breakdown, Contact Support button, Rate Service button (when completed),\n * Cart Information sidebar, cancel button.\n * Uses route param :bookingId from useParams().\n */\n\nimport { useMemo, useState } from 'react';\nimport { useParams } from 'react-router';\nimport {\n  ArrowLeft,\n  MapPin,\n  Star,\n  CheckCircle2,\n  XCircle,\n  ShoppingBag,\n  CalendarCheck,\n  Headphones,\n  Loader2,\n  X,\n} from 'lucide-react';\nimport { GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { Timeline, type TimelineItem } from '../../components/viz';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { useOrder, useCreateReview, useUpdateOrderStatus } from '../../hooks/useKadaikodiApi';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency, formatDate } from '../../utils/formatters';\n\nconst SUPPORT_EMAIL = 'support@kadaikodi.com';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ninterface BookingTimelineEvent {\n  status: string;\n  label: string;\n  timestamp: string | null;\n  completed: boolean;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function BookingDetailsPage() {\n  const { bookingId } = useParams<{ bookingId: string }>();\n  const { navigateTo, currentUser } = useKadaikodi();\n  const { data: order, isLoading } = useOrder(bookingId);\n  const createReview = useCreateReview();\n  const cancelOrder = useUpdateOrderStatus();\n  const [statusMessage, setStatusMessage] = useState<string | null>(null);\n  const [showRateModal, setShowRateModal] = useState(false);\n  const [rating, setRating] = useState(5);\n  const [reviewText, setReviewText] = useState('');\n\n  const showStatus = (msg: string) => {\n    setStatusMessage(msg);\n    setTimeout(() => setStatusMessage(null), 3000);\n  };\n\n  // Build the timeline from the order's real recorded events; fall back to a\n  // single \"order placed\" milestone derived from the order date.\n  const timeline = useMemo<BookingTimelineEvent[]>(() => {\n    if (!order) return [];\n    if (order.timeline.length > 0) {\n      return order.timeline.map((e) => ({\n        status: e.status,\n        label: e.description || e.status,\n        timestamp: e.timestamp,\n        completed: true,\n      }));\n    }\n    return [\n      { status: 'placed', label: 'Order placed', timestamp: order.orderDate, completed: true },\n    ];\n  }, [order]);\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Booking Details\">\n        <div className=\"flex items-center justify-center py-20\">\n          <div className=\"h-12 w-12 animate-spin rounded-full border-b-2 border-foreground\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (!order) {\n    return (\n      <PageLayout title=\"Booking Not Found\">\n        <EmptyState\n          icon={<CalendarCheck className=\"h-12 w-12\" />}\n          title=\"Booking not found\"\n          description={`No booking found with ID \"${bookingId}\".`}\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/customer/dashboard')}\n              className=\"rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n            >\n              Go to Dashboard\n            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  const isCancelled = order.status === 'cancelled';\n  const isCompleted = order.status === 'delivered';\n  const canCancel = !isCancelled && !isCompleted;\n  const addr = order.deliveryAddress;\n  const hasAddress = Boolean(addr.street || addr.area || addr.city);\n\n  const alreadyRated = order.rating != null && order.rating > 0;\n\n  const handleSubmitRating = () => {\n    if (!currentUser?.id) {\n      showStatus('Please sign in to rate this service.');\n      return;\n    }\n    createReview.mutate(\n      {\n        providerId: order.cartId,\n        orderId: order.id,\n        customerId: currentUser.id,\n        rating,\n        review: reviewText.trim() || undefined,\n      },\n      {\n        onSuccess: () => {\n          setShowRateModal(false);\n          setReviewText('');\n          showStatus('Thanks! Your rating has been submitted.');\n        },\n        onError: () => showStatus('Could not submit your rating. Please try again.'),\n      }\n    );\n  };\n\n  const handleCancelBooking = () => {\n    if (!window.confirm('Cancel this booking? This cannot be undone.')) return;\n    cancelOrder.mutate(\n      { id: order.id, status: 'CANCELLED' },\n      {\n        onSuccess: () => showStatus('Your booking has been cancelled.'),\n        onError: () => showStatus('Could not cancel the booking. Please try again.'),\n      }\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/dashboard')}\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>Booking #{order.id}</span>\n        </div>\n      }\n      actions={<StatusBadge status={order.status} />}\n    >\n      <PagePurpose className=\"mb-4\">\n        The full picture of one service booking — who&apos;s providing it, what was ordered, what it\n        costs, and the actions you can take such as contacting support or cancelling.\n      </PagePurpose>\n\n      {/* Status message */}\n      {statusMessage && (\n        <div className=\"mb-4 rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle p-3 flex items-center gap-2\">\n          <CheckCircle2 className=\"h-4 w-4 text-status-success-text shrink-0\" />\n          <p className=\"text-sm text-status-success-text\">{statusMessage}</p>\n        </div>\n      )}\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n        {/* Left: Main Content */}\n        <div className=\"lg:col-span-2 space-y-6\">\n          {/* Service Info — the one emphasis zone */}\n          <GlassCard treatment=\"glass\" glow className=\"p-6\">\n            <h2 className=\"text-lg font-semibold text-text-primary\">{order.cartName}</h2>\n            <p className=\"mt-1 text-sm text-text-secondary\">\n              Order placed on {formatDate(order.orderDate)}\n            </p>\n\n            {order.items.length > 0 && (\n              <div className=\"mt-4 space-y-1.5\">\n                {order.items.map((item, index) => (\n                  <div key={item.id || index} className=\"flex justify-between text-sm\">\n                    <span className=\"text-text-primary\">\n                      {item.quantity}x {item.name}\n                    </span>\n                    <span className=\"text-text-secondary\">\n                      {formatCurrency(item.price * item.quantity, { minimumFractionDigits: 0 })}\n                    </span>\n                  </div>\n                ))}\n              </div>\n            )}\n          </GlassCard>\n\n          {/* Provider Info */}\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n            <h2 className=\"text-base font-semibold text-text-primary mb-4\">Service Provider</h2>\n            <div className=\"flex items-center gap-4\">\n              <div className=\"flex h-12 w-12 items-center justify-center rounded-full bg-bg-sunken text-text-secondary\">\n                <ShoppingBag className=\"h-6 w-6\" />\n              </div>\n              <div className=\"flex-1 min-w-0\">\n                <p className=\"text-sm font-semibold text-text-primary\">{order.cartName}</p>\n              </div>\n              <button\n                type=\"button\"\n                onClick={() => navigateTo(`/customer/cart/${order.cartId}`)}\n                className=\"rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n              >\n                View Cart\n              </button>\n            </div>\n          </div>\n\n          {/* Booking Status Timeline */}\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n            <h2 className=\"text-base font-semibold text-text-primary mb-5\">Booking Timeline</h2>\n            <Timeline\n              items={timeline.map((event, index): TimelineItem => ({\n                id: `${event.status}-${index}`,\n                title: event.label,\n                tone:\n                  event.status === 'cancelled' ? 'danger' : event.completed ? 'success' : 'muted',\n                time: event.timestamp ? formatDate(event.timestamp) : 'Pending',\n              }))}\n            />\n          </div>\n\n          {/* Action Buttons: Contact Support + Rate Service */}\n          <div className=\"flex flex-col sm:flex-row gap-3\">\n            <a\n              href={`mailto:${SUPPORT_EMAIL}?subject=${encodeURIComponent(\n                `Support request — Booking #${order.id}`\n              )}`}\n              className=\"flex-1 flex items-center justify-center gap-2 rounded-lg border border-border-subtle px-4 py-3 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n            >\n              <Headphones className=\"h-4 w-4\" />\n              Contact Support\n            </a>\n\n            {isCompleted && (\n              <button\n                type=\"button\"\n                disabled={alreadyRated}\n                onClick={() => setShowRateModal(true)}\n                className={cn(\n                  'flex-1 flex items-center justify-center gap-2 rounded-lg px-4 py-3 text-sm font-medium transition-opacity',\n                  alreadyRated\n                    ? 'bg-bg-sunken text-text-secondary cursor-not-allowed'\n                    : 'bg-foreground text-background hover:opacity-90'\n                )}\n              >\n                <Star className=\"h-4 w-4\" />\n                {alreadyRated ? 'Rated' : 'Rate Service'}\n              </button>\n            )}\n          </div>\n        </div>\n\n        {/* Right: Sidebar */}\n        <div className=\"space-y-6\">\n          {/* Cart Information */}\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5\">\n            <h3 className=\"text-base font-semibold text-text-primary mb-3\">Cart Information</h3>\n            <div className=\"flex items-center gap-3 mb-4\">\n              <div className=\"flex h-14 w-14 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary\">\n                <ShoppingBag className=\"h-6 w-6\" />\n              </div>\n              <div className=\"min-w-0\">\n                <p className=\"text-sm font-semibold text-text-primary\">{order.cartName}</p>\n              </div>\n            </div>\n\n            <button\n              type=\"button\"\n              onClick={() => navigateTo(`/customer/cart/${order.cartId}`)}\n              className=\"w-full rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n            >\n              View Cart Menu\n            </button>\n          </div>\n\n          {/* Location Info */}\n          {hasAddress && (\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5\">\n              <h3 className=\"text-base font-semibold text-text-primary mb-3\">Service Location</h3>\n              <div className=\"flex items-start gap-3\">\n                <MapPin className=\"mt-0.5 h-5 w-5 shrink-0 text-text-secondary\" />\n                <div>\n                  {addr.street && <p className=\"text-sm text-text-primary\">{addr.street}</p>}\n                  <p className=\"text-sm text-text-secondary\">\n                    {[addr.area, addr.city].filter(Boolean).join(', ')}\n                    {addr.pincode ? ` - ${addr.pincode}` : ''}\n                  </p>\n                  {addr.landmark && (\n                    <p className=\"text-xs text-text-secondary mt-1\">Landmark: {addr.landmark}</p>\n                  )}\n                </div>\n              </div>\n            </div>\n          )}\n\n          {/* Price Breakdown */}\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5\">\n            <h3 className=\"text-base font-semibold text-text-primary mb-3\">Price Breakdown</h3>\n            <div className=\"space-y-2.5 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-text-secondary\">Subtotal</span>\n                <span className=\"text-text-primary\">\n                  {formatCurrency(order.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                  {order.deliveryFee === 0\n                    ? 'FREE'\n                    : formatCurrency(order.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(order.taxes, { minimumFractionDigits: 0 })}\n                </span>\n              </div>\n              {order.discount != null && order.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(order.discount, { minimumFractionDigits: 0 })}\n                  </span>\n                </div>\n              )}\n              <div className=\"flex justify-between border-t border-border-subtle pt-2.5\">\n                <span className=\"font-semibold text-text-primary\">Total</span>\n                <span className=\"font-bold text-text-primary\">\n                  {formatCurrency(order.total, { minimumFractionDigits: 0 })}\n                </span>\n              </div>\n            </div>\n          </div>\n\n          {/* Booking Info */}\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5\">\n            <h3 className=\"text-base font-semibold text-text-primary mb-3\">Booking Info</h3>\n            <div className=\"space-y-3\">\n              <div className=\"flex items-center gap-2\">\n                <CalendarCheck className=\"h-4 w-4 text-text-secondary\" />\n                <div>\n                  <p className=\"text-xs text-text-secondary\">Booked On</p>\n                  <p className=\"text-sm text-text-primary\">{formatDate(order.orderDate)}</p>\n                </div>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <CheckCircle2 className=\"h-4 w-4 text-text-secondary\" />\n                <div>\n                  <p className=\"text-xs text-text-secondary\">Payment</p>\n                  <p className=\"text-sm text-text-primary capitalize\">\n                    {order.paymentMethod} &middot; {order.paymentStatus}\n                  </p>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          {/* Cancel Button */}\n          {canCancel && (\n            <button\n              type=\"button\"\n              onClick={handleCancelBooking}\n              disabled={cancelOrder.isPending}\n              className={cn(\n                'w-full inline-flex items-center justify-center gap-2 rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-3 text-sm font-medium text-status-error-text transition-colors',\n                cancelOrder.isPending\n                  ? 'opacity-60 cursor-not-allowed'\n                  : 'hover:bg-status-error-bg-subtle'\n              )}\n            >\n              {cancelOrder.isPending ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              ) : (\n                <XCircle className=\"h-4 w-4\" />\n              )}\n              Cancel Booking\n            </button>\n          )}\n        </div>\n      </div>\n\n      {/* Rate Service Modal */}\n      {showRateModal && (\n        <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4\">\n          <div className=\"w-full max-w-md rounded-lg border border-border-subtle bg-bg-surface shadow-lg\">\n            <div className=\"p-5\">\n              <div className=\"flex items-center justify-between mb-4\">\n                <h3 className=\"text-lg font-semibold text-text-primary\">Rate this service</h3>\n                <button\n                  type=\"button\"\n                  onClick={() => setShowRateModal(false)}\n                  className=\"rounded-md p-2 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors\"\n                >\n                  <X className=\"h-4 w-4\" />\n                </button>\n              </div>\n\n              <div className=\"mb-4\">\n                <label className=\"block text-sm font-medium text-text-primary mb-2\">\n                  Your rating\n                </label>\n                <div className=\"flex items-center gap-1\">\n                  {[1, 2, 3, 4, 5].map((star) => (\n                    <button\n                      key={star}\n                      type=\"button\"\n                      onClick={() => setRating(star)}\n                      className=\"p-0.5\"\n                      aria-label={`${star} star${star > 1 ? 's' : ''}`}\n                    >\n                      <Star\n                        className={cn(\n                          'h-7 w-7',\n                          star <= rating\n                            ? 'fill-status-warning-text text-status-warning-text'\n                            : 'fill-none text-text-secondary/40'\n                        )}\n                      />\n                    </button>\n                  ))}\n                </div>\n              </div>\n\n              <div className=\"mb-5\">\n                <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n                  Review <span className=\"text-text-secondary font-normal\">(optional)</span>\n                </label>\n                <textarea\n                  rows={4}\n                  value={reviewText}\n                  onChange={(e) => setReviewText(e.target.value)}\n                  placeholder=\"Share your experience with this service...\"\n                  className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 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\n              <div className=\"flex items-center gap-3\">\n                <button\n                  type=\"button\"\n                  onClick={handleSubmitRating}\n                  disabled={createReview.isPending}\n                  className={cn(\n                    'flex-1 inline-flex items-center justify-center gap-2 rounded-lg bg-foreground px-4 py-2.5 text-sm font-medium text-background transition-opacity',\n                    createReview.isPending ? 'opacity-60 cursor-not-allowed' : 'hover:opacity-90'\n                  )}\n                >\n                  {createReview.isPending && <Loader2 className=\"h-4 w-4 animate-spin\" />}\n                  Submit Rating\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setShowRateModal(false)}\n                  className=\"rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n                >\n                  Cancel\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/services/createSandboxAssistantTransport.js

@@ -1,12 +1,14 @@
-import { useSandboxAssistantTransport as e } from "@burdenoff/fe-libs/shared/assistant";
+import { gatherPageContext as e } from "../utils/pageContext.js";
+import { useSandboxAssistantTransport as t } from "@burdenoff/fe-libs/shared/assistant";
 //#region src/services/createSandboxAssistantTransport.ts
-function t() {
-	return e({
+function n() {
+	return t({
 		product: "kadaikodi",
+		gatherPageContext: e,
 		enableCredits: !0
 	});
 }
 //#endregion
-export { t as useSandboxAssistantTransport };
+export { n as useSandboxAssistantTransport };
 
 //# sourceMappingURL=createSandboxAssistantTransport.js.map

package/dist/services/createSandboxAssistantTransport.js.map

@@ -1 +1 @@
-{"version":3,"file":"createSandboxAssistantTransport.js","names":[],"sources":["../../src/services/createSandboxAssistantTransport.ts"],"sourcesContent":["/**\n * kadaikodi adapter for the shared fe-libs AssistantWidget transport.\n *\n * The sandbox lifecycle + poll/stream loop now lives in\n * `@burdenoff/fe-libs/shared/assistant` (one implementation for all products);\n * this is a thin wrapper. The exported name/shape are unchanged so app-shell\n * imports don't move. The public return type is a LOCALLY-declared structural\n * mirror — never re-export fe-libs types (vite-plugin-dts path rewriting).\n */\n\nimport { useSandboxAssistantTransport as useSharedTransport } from '@burdenoff/fe-libs/shared/assistant';\n\n\ninterface AssistantSendArgs {\n  prompt: string;\n  onProgress: (partialText: string) => void;\n  signal: AbortSignal;\n}\n\nexport interface AssistantTransport {\n  sendPrompt: (args: AssistantSendArgs) => Promise<{ text: string }>;\n  prewarm?: (level?: 'probe' | 'full') => void;\n  suspend?: () => void;\n}\n\nexport function useSandboxAssistantTransport(): AssistantTransport {\n  return useSharedTransport({\n    product: 'kadaikodi',\n    \n    enableCredits: true,\n  });\n}\n"],"mappings":";;AAyBA,SAAgB,IAAmD;AACjE,QAAO,EAAmB;EACxB,SAAS;EAET,eAAe;EAChB,CAAC"}
+{"version":3,"file":"createSandboxAssistantTransport.js","names":[],"sources":["../../src/services/createSandboxAssistantTransport.ts"],"sourcesContent":["/**\n * kadaikodi adapter for the shared fe-libs AssistantWidget transport.\n *\n * The sandbox lifecycle + poll/stream loop now lives in\n * `@burdenoff/fe-libs/shared/assistant` (one implementation for all products);\n * this is a thin wrapper. The exported name/shape are unchanged so app-shell\n * imports don't move. The public return type is a LOCALLY-declared structural\n * mirror — never re-export fe-libs types (vite-plugin-dts path rewriting).\n */\n\nimport { useSandboxAssistantTransport as useSharedTransport } from '@burdenoff/fe-libs/shared/assistant';\nimport { gatherPageContext } from '../utils/pageContext';\n\ninterface AssistantSendArgs {\n  prompt: string;\n  onProgress: (partialText: string) => void;\n  signal: AbortSignal;\n}\n\nexport interface AssistantTransport {\n  sendPrompt: (args: AssistantSendArgs) => Promise<{ text: string }>;\n  prewarm?: (level?: 'probe' | 'full') => void;\n  suspend?: () => void;\n}\n\nexport function useSandboxAssistantTransport(): AssistantTransport {\n  return useSharedTransport({\n    product: 'kadaikodi',\n    gatherPageContext: gatherPageContext,\n    enableCredits: true,\n  });\n}\n"],"mappings":";;;AAyBA,SAAgB,IAAmD;AACjE,QAAO,EAAmB;EACxB,SAAS;EACU;EACnB,eAAe;EAChB,CAAC"}

package/dist/stories/CartCard.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CartCard } from '../kadaikodi/components/CartCard';
+
+declare const meta: Meta<typeof CartCard>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Open: Story;
+export declare const Busy: Story;
+export declare const TemporarilyClosed: Story;
+/**
+ * Interaction test: the card is an activatable control, so both a pointer click
+ * and a keyboard Enter must invoke `onClick` with the provider id. This is the
+ * regression that the story smoke run in CI actually gates (BOFF-3368).
+ */
+export declare const ActivatesOnClickAndKeyboard: Story;
+//# sourceMappingURL=CartCard.stories.d.ts.map

package/dist/stories/CartCard.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartCard.stories.d.ts","sourceRoot":"","sources":["../../src/stories/CartCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAuB/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAC;AAE9B,eAAO,MAAM,IAAI,EAAE,KAQlB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAK/B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,EAAE,KAYzC,CAAC"}

package/dist/stories/InvestmentCard.stories.d.ts

@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { InvestmentCard } from '../kadaikodi/components/InvestmentCard';
+
+declare const meta: Meta<typeof InvestmentCard>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Active: Story;
+export declare const LowRisk: Story;
+export declare const FullyFunded: Story;
+/**
+ * Interaction test: the progress percentage is derived arithmetic and must stay
+ * clamped to 0-100 even when raised exceeds target. Guards a division/clamp
+ * regression that a pure render smoke test would not catch.
+ */
+export declare const ProgressIsClampedAndCardActivates: Story;
+export declare const ZeroTargetDoesNotDivideByZero: Story;
+//# sourceMappingURL=InvestmentCard.stories.d.ts.map

package/dist/stories/InvestmentCard.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvestmentCard.stories.d.ts","sourceRoot":"","sources":["../../src/stories/InvestmentCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAExE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAwBrC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,MAAM,EAAE,KAAU,CAAC;AAEhC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iCAAiC,EAAE,KAY/C,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,KAS3C,CAAC"}

package/dist/stories/OrderCard.stories.d.ts

@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { OrderCard } from '../kadaikodi/components/OrderCard';
+
+declare const meta: Meta<typeof OrderCard>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Preparing: Story;
+export declare const OutForDelivery: Story;
+export declare const Cancelled: Story;
+/**
+ * Interaction test: order cards render a short id, a pluralised item count and a
+ * localised currency total. All three have silently regressed before, so assert
+ * them rather than only smoke-rendering the story.
+ */
+export declare const RendersSummaryAndActivates: Story;
+export declare const SingleItemUsesSingularLabel: Story;
+//# sourceMappingURL=OrderCard.stories.d.ts.map

package/dist/stories/OrderCard.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderCard.stories.d.ts","sourceRoot":"","sources":["../../src/stories/OrderCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAE9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAwBhC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,SAAS,EAAE,KAAU,CAAC;AAEnC,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,EAAE,KAUxC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KASzC,CAAC"}

package/dist/stories/RatingDisplay.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { RatingDisplay } from '../kadaikodi/components/RatingDisplay';
+
+declare const meta: Meta<typeof RatingDisplay>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const WithReviewCount: Story;
+export declare const NoReviewCount: Story;
+export declare const Medium: Story;
+/**
+ * Interaction test: ratings arriving from the API are not guaranteed to be in
+ * range, so the component clamps them. Assert both ends of the clamp.
+ */
+export declare const ClampsOutOfRangeValues: Story;
+export declare const ClampsNegativeValues: Story;
+//# sourceMappingURL=RatingDisplay.stories.d.ts.map

package/dist/stories/RatingDisplay.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingDisplay.stories.d.ts","sourceRoot":"","sources":["../../src/stories/RatingDisplay.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAEtE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAMpC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAUpC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAQlC,CAAC"}

package/dist/utils/pageContext.js

@@ -0,0 +1,54 @@
+//#region src/utils/pageContext.ts
+var e = [
+	[/^\/kadaikodi\/customer\/cart\/([^/]+)\/direct-service\/?$/, "KADAIKODI_SERVICE_BOOKING"],
+	[/^\/kadaikodi\/customer\/cart\/([^/]+)\/?$/, "KADAIKODI_SERVICE_PROVIDER"],
+	[/^\/kadaikodi\/customer\/orders\/([^/]+)\/track\/?$/, "KADAIKODI_ORDER"],
+	[/^\/kadaikodi\/customer\/booking\/([^/]+)\/?$/, "KADAIKODI_BOOKING"],
+	[/^\/kadaikodi\/worker\/task\/([^/]+)\/?$/, "KADAIKODI_WORKER_TASK"],
+	[/^\/kadaikodi\/investor\/opportunity\/([^/]+)\/?$/, "KADAIKODI_INVESTMENT_OPPORTUNITY"],
+	[/^\/kadaikodi\/investor\/investments\/([^/]+)\/?$/, "KADAIKODI_INVESTMENT"]
+], t = [
+	"customer",
+	"cart-owner",
+	"worker",
+	"investor",
+	"admin"
+];
+function n(n, r) {
+	let i = new URLSearchParams(r), a = n.split("/").filter(Boolean), o = t.find((e) => e === a[1]);
+	for (let [t, r] of e) {
+		let e = n.match(t);
+		if (e) return {
+			entityType: r,
+			entityId: e[1],
+			metadata: {
+				routePattern: t.source,
+				...o ? { persona: o } : {}
+			}
+		};
+	}
+	let s = i.get("tab") ?? (a.length > 2 ? a[a.length - 1] : void 0);
+	return {
+		activeTab: s ?? void 0,
+		metadata: {
+			...s ? { activeTab: s } : {},
+			...o ? { persona: o } : {}
+		}
+	};
+}
+function r() {
+	let { href: e, pathname: t, search: r } = window.location, i = t.split("/").filter(Boolean).slice(0, 3).join("/") || "home", a = n(t, r);
+	return {
+		currentUrl: e,
+		currentPage: i,
+		entityType: a.entityType,
+		entityId: a.entityId,
+		platform: "kadaikodi",
+		version: "2026.719.4",
+		viewportSize: `${window.innerWidth}x${window.innerHeight}`
+	};
+}
+//#endregion
+export { r as gatherPageContext };
+
+//# sourceMappingURL=pageContext.js.map

package/dist/utils/pageContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pageContext.js","names":[],"sources":["../../src/utils/pageContext.ts"],"sourcesContent":["/**\n * Page context gathering (BOFF-3777) — captures the user's current browser\n * context so it can be sent alongside every assistant prompt, giving the shared\n * assistant page + entity awareness across all `/kadaikodi/*` routes.\n *\n * Contract note: the key MUST be `currentUrl` (NOT `activeUrl`). The agent's\n * ALLOWED_CONTEXT_KEYS filter drops anything else, so a rename here silently\n * removes the assistant's awareness rather than failing loudly.\n *\n * Only the seven allowed context keys are emitted. `userAgent` and `timestamp`\n * are intentionally kept local and not forwarded to the agent.\n */\n\ninterface ConversationContextShape {\n  entityType?: string;\n  entityId?: string;\n  activeTab?: string;\n  metadata?: Record<string, unknown>;\n}\n\nexport interface PageContext {\n  currentUrl: string;\n  currentPage: string;\n  entityType?: string;\n  entityId?: string;\n  platform: string;\n  version: string;\n  viewportSize: string;\n}\n\n/**\n * Route patterns that identify a concrete Kadaikodi entity. Ordered most\n * specific first — `customer/cart/:cartId/direct-service` must win over\n * `customer/cart/:cartId`.\n */\nconst ENTITY_ROUTES: Array<[RegExp, string]> = [\n  [/^\\/kadaikodi\\/customer\\/cart\\/([^/]+)\\/direct-service\\/?$/, 'KADAIKODI_SERVICE_BOOKING'],\n  [/^\\/kadaikodi\\/customer\\/cart\\/([^/]+)\\/?$/, 'KADAIKODI_SERVICE_PROVIDER'],\n  [/^\\/kadaikodi\\/customer\\/orders\\/([^/]+)\\/track\\/?$/, 'KADAIKODI_ORDER'],\n  [/^\\/kadaikodi\\/customer\\/booking\\/([^/]+)\\/?$/, 'KADAIKODI_BOOKING'],\n  [/^\\/kadaikodi\\/worker\\/task\\/([^/]+)\\/?$/, 'KADAIKODI_WORKER_TASK'],\n  [/^\\/kadaikodi\\/investor\\/opportunity\\/([^/]+)\\/?$/, 'KADAIKODI_INVESTMENT_OPPORTUNITY'],\n  [/^\\/kadaikodi\\/investor\\/investments\\/([^/]+)\\/?$/, 'KADAIKODI_INVESTMENT'],\n];\n\n/**\n * Persona-level surfaces. These are not entity pages, but knowing which console\n * the user is in (\"cart-owner\" vs \"investor\") materially changes what the\n * assistant should suggest, so it travels as metadata.\n */\nconst PERSONAS = ['customer', 'cart-owner', 'worker', 'investor', 'admin'] as const;\n\nexport function resolveKadaikodiConversationContext(\n  pathname: string,\n  search: string\n): ConversationContextShape {\n  const params = new URLSearchParams(search);\n  const segments = pathname.split('/').filter(Boolean);\n  const persona = PERSONAS.find((candidate) => candidate === segments[1]);\n\n  for (const [pattern, entityType] of ENTITY_ROUTES) {\n    const match = pathname.match(pattern);\n    if (match) {\n      return {\n        entityType,\n        entityId: match[1],\n        metadata: {\n          routePattern: pattern.source,\n          ...(persona ? { persona } : {}),\n        },\n      };\n    }\n  }\n\n  const activeTab =\n    params.get('tab') ?? (segments.length > 2 ? segments[segments.length - 1] : undefined);\n\n  return {\n    activeTab: activeTab ?? undefined,\n    metadata: {\n      ...(activeTab ? { activeTab } : {}),\n      ...(persona ? { persona } : {}),\n    },\n  };\n}\n\nexport function gatherPageContext(): PageContext {\n  const { href, pathname, search } = window.location;\n  const pathSegments = pathname.split('/').filter(Boolean);\n  const currentPage = pathSegments.slice(0, 3).join('/') || 'home';\n  const entity = resolveKadaikodiConversationContext(pathname, search);\n\n  return {\n    currentUrl: href,\n    currentPage,\n    entityType: entity.entityType,\n    entityId: entity.entityId,\n    platform: 'kadaikodi',\n    version: import.meta.env.VITE_APP_VERSION ?? '2026.719.4',\n    viewportSize: `${window.innerWidth}x${window.innerHeight}`,\n  };\n}\n"],"mappings":";AAmCA,IAAM,IAAyC;CAC7C,CAAC,6DAA6D,4BAA4B;CAC1F,CAAC,6CAA6C,6BAA6B;CAC3E,CAAC,sDAAsD,kBAAkB;CACzE,CAAC,gDAAgD,oBAAoB;CACrE,CAAC,2CAA2C,wBAAwB;CACpE,CAAC,oDAAoD,mCAAmC;CACxF,CAAC,oDAAoD,uBAAuB;CAC7E,EAOK,IAAW;CAAC;CAAY;CAAc;CAAU;CAAY;CAAQ;AAE1E,SAAgB,EACd,GACA,GAC0B;CAC1B,IAAM,IAAS,IAAI,gBAAgB,EAAO,EACpC,IAAW,EAAS,MAAM,IAAI,CAAC,OAAO,QAAQ,EAC9C,IAAU,EAAS,MAAM,MAAc,MAAc,EAAS,GAAG;AAEvE,MAAK,IAAM,CAAC,GAAS,MAAe,GAAe;EACjD,IAAM,IAAQ,EAAS,MAAM,EAAQ;AACrC,MAAI,EACF,QAAO;GACL;GACA,UAAU,EAAM;GAChB,UAAU;IACR,cAAc,EAAQ;IACtB,GAAI,IAAU,EAAE,YAAS,GAAG,EAAE;IAC/B;GACF;;CAIL,IAAM,IACJ,EAAO,IAAI,MAAM,KAAK,EAAS,SAAS,IAAI,EAAS,EAAS,SAAS,KAAK,KAAA;AAE9E,QAAO;EACL,WAAW,KAAa,KAAA;EACxB,UAAU;GACR,GAAI,IAAY,EAAE,cAAW,GAAG,EAAE;GAClC,GAAI,IAAU,EAAE,YAAS,GAAG,EAAE;GAC/B;EACF;;AAGH,SAAgB,IAAiC;CAC/C,IAAM,EAAE,SAAM,aAAU,cAAW,OAAO,UAEpC,IADe,EAAS,MAAM,IAAI,CAAC,OAAO,QAAQ,CACvB,MAAM,GAAG,EAAE,CAAC,KAAK,IAAI,IAAI,QACpD,IAAS,EAAoC,GAAU,EAAO;AAEpE,QAAO;EACL,YAAY;EACZ;EACA,YAAY,EAAO;EACnB,UAAU,EAAO;EACjB,UAAU;EACV,SAA6C;EAC7C,cAAc,GAAG,OAAO,WAAW,GAAG,OAAO;EAC9C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-kadaikodi",
-  "version": "2026.801.2",
+  "version": "2026.802.1",
   "description": "Burdenoff Kadaikodi Microfrontend - Mobile services marketplace platform for connecting service providers with customers",
   "type": "module",
   "files": [