@burdenoff/microfe-ggnomad 2026.705.3 → 2026.705.4

package/dist/ggnomad/pages/TripPlanDetailPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TripPlanDetailPage.js","names":[],"sources":["../../../src/ggnomad/pages/TripPlanDetailPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  ChevronDown,\n  Plus,\n  Users,\n  X,\n} from 'lucide-react';\nimport { useNavigate, useParams } from 'react-router-dom';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  GlassCard,\n  IllustratedEmptyState,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  ADD_GGNOMAD_TRIP_PLAN_ITEM_MUTATION,\n  CREATE_GGNOMAD_BOOKING_MUTATION,\n  GGNOMAD_ACTIVITIES_QUERY,\n  GGNOMAD_EVENTS_QUERY,\n  GGNOMAD_PROPERTIES_QUERY,\n  GGNOMAD_TOURS_QUERY,\n  GGNOMAD_TRIP_PLAN_QUERY,\n  REMOVE_GGNOMAD_TRIP_PLAN_ITEM_MUTATION,\n  UPDATE_GGNOMAD_TRIP_PLAN_MUTATION,\n} from '../graphql';\nimport { PageShell } from './PageShell';\nimport { notify } from '../utils/notify';\nimport { useGGNomad } from '../providers/GGNomadProvider';\nimport { joinPath } from '../utils/navigation';\n\ntype ItemType = 'PROPERTY' | 'TOUR' | 'EVENT' | 'ACTIVITY';\n\ninterface TripPlanItem {\n  id: string;\n  itemType: ItemType;\n  itemId: string;\n  itemName: string;\n  day?: number;\n  scheduledAt?: string;\n  price: number;\n  currency: string;\n  notes?: string;\n}\n\ninterface AddingItem {\n  itemType: ItemType;\n  itemId: string;\n  itemName: string;\n  price: number;\n  currency: string;\n}\n\nexport function TripPlanDetailPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { basePath = '/' } = useGGNomad();\n  const { id = '' } = useParams();\n  const [addingItem, setAddingItem] = useState<AddingItem | null>(null);\n  const [showCheckout, setShowCheckout] = useState(false);\n  const [removingItemId, setRemovingItemId] = useState<string | null>(null);\n  const [activeTab, setActiveTab] = useState('itinerary');\n\n  const { data, refetch } = useQuery(\n    GGNOMAD_TRIP_PLAN_QUERY as TypedDocumentNode<\n      {\n        ggnomadTripPlan: {\n          id: string;\n          name: string;\n          description?: string;\n          startDate?: string;\n          endDate?: string;\n          travelers: number;\n          status: string;\n          total: number;\n          itemCount: number;\n          items: TripPlanItem[];\n          createdAt: string;\n          updatedAt: string;\n        } | null;\n      },\n      { id: string }\n    >,\n    { variables: { id }, skip: !id }\n  );\n\n  const tripPlan = data?.ggnomadTripPlan;\n\n  const { data: propertiesData } = useQuery(\n    GGNOMAD_PROPERTIES_QUERY as TypedDocumentNode<\n      {\n        ggnomadProperties: Array<{\n          id: string;\n          name: string;\n          pricePerNight: number;\n          currency: string;\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    { variables: { first: 20, skip: 0 } }\n  );\n\n  const { data: toursData } = useQuery(\n    GGNOMAD_TOURS_QUERY as TypedDocumentNode<\n      {\n        ggnomadTours: Array<{\n          id: string;\n          name: string;\n          price: number;\n          currency: string;\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    { variables: { first: 20, skip: 0 } }\n  );\n\n  const { data: eventsData } = useQuery(\n    GGNOMAD_EVENTS_QUERY as TypedDocumentNode<\n      {\n        ggnomadEvents: Array<{\n          id: string;\n          name: string;\n          price: number;\n          currency: string;\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    { variables: { first: 20, skip: 0 } }\n  );\n\n  const { data: activitiesData } = useQuery(\n    GGNOMAD_ACTIVITIES_QUERY as TypedDocumentNode<\n      {\n        ggnomadActivities: Array<{\n          id: string;\n          name: string;\n          price: number;\n          currency: string;\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    { variables: { first: 20, skip: 0 } }\n  );\n\n  const [addItem, { loading: addingItemMutation }] = useMutation(\n    ADD_GGNOMAD_TRIP_PLAN_ITEM_MUTATION as TypedDocumentNode<\n      {\n        addGgnomadTripPlanItem: TripPlanItem;\n      },\n      {\n        tripPlanId: string;\n        input: {\n          itemType: ItemType;\n          itemId: string;\n          itemName: string;\n          price: number;\n          currency: string;\n        };\n      }\n    >\n  );\n\n  const [removeItem, { loading: removingItemMutation }] = useMutation(\n    REMOVE_GGNOMAD_TRIP_PLAN_ITEM_MUTATION as TypedDocumentNode<\n      { removeGgnomadTripPlanItem: boolean },\n      { id: string }\n    >\n  );\n\n  const [updateStatus] = useMutation(\n    UPDATE_GGNOMAD_TRIP_PLAN_MUTATION as TypedDocumentNode<\n      {\n        updateGgnomadTripPlan: {\n          id: string;\n          status: string;\n        };\n      },\n      {\n        id: string;\n        input: {\n          status: string;\n        };\n      }\n    >\n  );\n\n  const [createBooking] = useMutation(\n    CREATE_GGNOMAD_BOOKING_MUTATION as TypedDocumentNode<\n      {\n        createGgnomadBooking: {\n          id: string;\n          referenceCode: string;\n          itemName: string;\n        };\n      },\n      {\n        input: {\n          bookingType: ItemType;\n          itemId: string;\n          itemName: string;\n          guestName: string;\n          guestEmail: string;\n          guests: number;\n          totalPrice: number;\n          currency: string;\n          paymentMethod: string;\n        };\n      }\n    >\n  );\n\n  const handleAddItem = async () => {\n    if (!addingItem || !tripPlan) return;\n\n    try {\n      const result = await addItem({\n        variables: {\n          tripPlanId: tripPlan.id,\n          input: {\n            itemType: addingItem.itemType,\n            itemId: addingItem.itemId,\n            itemName: addingItem.itemName,\n            price: addingItem.price,\n            currency: addingItem.currency,\n          },\n        },\n      });\n\n      if (result.error) {\n        notify.error(\n          t('ggnomad.tripPlan.toast.addItemErrorTitle', 'Could not add item'),\n          result.error.message\n        );\n        return;\n      }\n\n      notify.success(\n        t('ggnomad.tripPlan.toast.addItemSuccessTitle', 'Item added'),\n        addingItem.itemName\n      );\n\n      setAddingItem(null);\n      await refetch();\n    } catch (err) {\n      notify.error(\n        t('ggnomad.tripPlan.toast.addItemErrorTitle', 'Could not add item'),\n        err instanceof Error ? err.message : String(err)\n      );\n    }\n  };\n\n  const handleRemoveItem = async () => {\n    if (!removingItemId) return;\n\n    try {\n      const result = await removeItem({\n        variables: { id: removingItemId },\n      });\n\n      if (result.error) {\n        notify.error(\n          t('ggnomad.tripPlan.toast.removeItemErrorTitle', 'Could not remove item'),\n          result.error.message\n        );\n        return;\n      }\n\n      notify.success(\n        t('ggnomad.tripPlan.toast.removeItemSuccessTitle', 'Item removed'),\n        ''\n      );\n\n      setRemovingItemId(null);\n      await refetch();\n    } catch (err) {\n      notify.error(\n        t('ggnomad.tripPlan.toast.removeItemErrorTitle', 'Could not remove item'),\n        err instanceof Error ? err.message : String(err)\n      );\n    }\n  };\n\n  const handleCheckout = async () => {\n    if (!tripPlan) return;\n\n    try {\n      for (const item of tripPlan.items) {\n        await createBooking({\n          variables: {\n            input: {\n              bookingType: item.itemType,\n              itemId: item.itemId,\n              itemName: item.itemName,\n              guestName: 'Guest',\n              guestEmail: 'guest@burdenoff.com',\n              guests: tripPlan.travelers,\n              totalPrice: item.price,\n              currency: item.currency,\n              paymentMethod: 'card',\n            },\n          },\n        });\n      }\n\n      await updateStatus({\n        variables: {\n          id: tripPlan.id,\n          input: { status: 'BOOKED' },\n        },\n      });\n\n      notify.success(\n        t('ggnomad.tripPlan.toast.checkoutSuccessTitle', 'Trip booked!'),\n        t('ggnomad.tripPlan.toast.checkoutSuccessBody', 'All items have been booked')\n      );\n\n      await refetch();\n      setShowCheckout(false);\n      navigate(joinPath(basePath, 'bookings'));\n    } catch (err) {\n      notify.error(\n        t('ggnomad.tripPlan.toast.checkoutErrorTitle', 'Booking failed'),\n        err instanceof Error ? err.message : String(err)\n      );\n    }\n  };\n\n  if (!tripPlan) {\n    return (\n      <PageShell\n        title={t('ggnomad.tripPlan.loadingTitle', 'Trip Plan')}\n        subtitle={t('ggnomad.tripPlan.loadingSubtitle', 'Loading trip plan')}\n      >\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.tripPlan.notFoundTitle', 'Trip plan not found')}\n          description={t(\n            'ggnomad.tripPlan.notFoundDescription',\n            'This trip may have been deleted or is unavailable.'\n          )}\n        />\n      </PageShell>\n    );\n  }\n\n  const itemsByDay: Record<number, TripPlanItem[]> = {};\n  tripPlan.items.forEach((item) => {\n    const day = item.day ?? 0;\n    if (!itemsByDay[day]) {\n      itemsByDay[day] = [];\n    }\n    itemsByDay[day].push(item);\n  });\n\n  const sortedDays: number[] = Object.keys(itemsByDay)\n    .map((d) => Number(d))\n    .sort((a: number, b: number) => a - b);\n\n  const properties = propertiesData?.ggnomadProperties ?? [];\n  const tours = toursData?.ggnomadTours ?? [];\n  const events = eventsData?.ggnomadEvents ?? [];\n  const activities = activitiesData?.ggnomadActivities ?? [];\n\n  return (\n    <PageShell\n      title={tripPlan.name}\n      subtitle={t('ggnomad.tripPlan.subtitle', 'Build your complete itinerary')}\n    >\n      <Tabs value={activeTab} onValueChange={setActiveTab} className=\"w-full\">\n        <TabsList className=\"mb-6 w-full justify-start\">\n          <TabsTrigger value=\"itinerary\">\n            {t('ggnomad.tripPlan.tabs.itinerary', 'Itinerary')}\n          </TabsTrigger>\n          <TabsTrigger value=\"timeline\">\n            {t('ggnomad.tripPlan.tabs.timeline', 'Timeline')}\n          </TabsTrigger>\n        </TabsList>\n\n        <TabsContent value=\"itinerary\" className=\"space-y-6\">\n          <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-4\">\n            {/* Left Rail - Add Items */}\n            <div className=\"space-y-4\">\n              <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-4\">\n                <h3 className=\"mb-3 flex items-center gap-2 font-medium text-text-primary\">\n                  <Plus className=\"size-4\" />\n                  {t('ggnomad.tripPlan.addToTrip', 'Add to trip')}\n                </h3>\n\n                <div className=\"space-y-3\">\n                  {/* Stays */}\n                  <details className=\"group\">\n                    <summary className=\"flex cursor-pointer items-center justify-between rounded-md bg-bg-canvas-inverted p-2 text-sm font-medium text-text-primary hover:bg-opacity-80\">\n                      {t('ggnomad.tripPlan.stays', 'Stays')}\n                      <ChevronDown className=\"size-4 transition-transform group-open:rotate-180\" />\n                    </summary>\n                    <div className=\"mt-2 space-y-2\">\n                      {properties.length === 0 ? (\n                        <p className=\"text-xs text-text-secondary\">\n                          {t('ggnomad.tripPlan.noStaysAvailable', 'No stays available')}\n                        </p>\n                      ) : (\n                        properties.map((property) => (\n                          <button\n                            key={property.id}\n                            onClick={() =>\n                              setAddingItem({\n                                itemType: 'PROPERTY',\n                                itemId: property.id,\n                                itemName: property.name,\n                                price: property.pricePerNight,\n                                currency: property.currency,\n                              })\n                            }\n                            className=\"w-full rounded-md border border-border-seam bg-bg-canvas p-2 text-left text-xs text-text-primary hover:bg-action-primary-bg hover:text-action-primary-text\"\n                          >\n                            <div className=\"font-medium\">{property.name}</div>\n                            <div className=\"text-text-secondary\">\n                              {property.currency} {property.pricePerNight.toFixed(2)}\n                            </div>\n                          </button>\n                        ))\n                      )}\n                    </div>\n                  </details>\n\n                  {/* Tours */}\n                  <details className=\"group\">\n                    <summary className=\"flex cursor-pointer items-center justify-between rounded-md bg-bg-canvas-inverted p-2 text-sm font-medium text-text-primary hover:bg-opacity-80\">\n                      {t('ggnomad.tripPlan.tours', 'Tours')}\n                      <ChevronDown className=\"size-4 transition-transform group-open:rotate-180\" />\n                    </summary>\n                    <div className=\"mt-2 space-y-2\">\n                      {tours.length === 0 ? (\n                        <p className=\"text-xs text-text-secondary\">\n                          {t('ggnomad.tripPlan.noToursAvailable', 'No tours available')}\n                        </p>\n                      ) : (\n                        tours.map((tour) => (\n                          <button\n                            key={tour.id}\n                            onClick={() =>\n                              setAddingItem({\n                                itemType: 'TOUR',\n                                itemId: tour.id,\n                                itemName: tour.name,\n                                price: tour.price,\n                                currency: tour.currency,\n                              })\n                            }\n                            className=\"w-full rounded-md border border-border-seam bg-bg-canvas p-2 text-left text-xs text-text-primary hover:bg-action-primary-bg hover:text-action-primary-text\"\n                          >\n                            <div className=\"font-medium\">{tour.name}</div>\n                            <div className=\"text-text-secondary\">\n                              {tour.currency} {tour.price.toFixed(2)}\n                            </div>\n                          </button>\n                        ))\n                      )}\n                    </div>\n                  </details>\n\n                  {/* Events */}\n                  <details className=\"group\">\n                    <summary className=\"flex cursor-pointer items-center justify-between rounded-md bg-bg-canvas-inverted p-2 text-sm font-medium text-text-primary hover:bg-opacity-80\">\n                      {t('ggnomad.tripPlan.events', 'Events')}\n                      <ChevronDown className=\"size-4 transition-transform group-open:rotate-180\" />\n                    </summary>\n                    <div className=\"mt-2 space-y-2\">\n                      {events.length === 0 ? (\n                        <p className=\"text-xs text-text-secondary\">\n                          {t('ggnomad.tripPlan.noEventsAvailable', 'No events available')}\n                        </p>\n                      ) : (\n                        events.map((event) => (\n                          <button\n                            key={event.id}\n                            onClick={() =>\n                              setAddingItem({\n                                itemType: 'EVENT',\n                                itemId: event.id,\n                                itemName: event.name,\n                                price: event.price,\n                                currency: event.currency,\n                              })\n                            }\n                            className=\"w-full rounded-md border border-border-seam bg-bg-canvas p-2 text-left text-xs text-text-primary hover:bg-action-primary-bg hover:text-action-primary-text\"\n                          >\n                            <div className=\"font-medium\">{event.name}</div>\n                            <div className=\"text-text-secondary\">\n                              {event.currency} {event.price.toFixed(2)}\n                            </div>\n                          </button>\n                        ))\n                      )}\n                    </div>\n                  </details>\n\n                  {/* Activities */}\n                  <details className=\"group\">\n                    <summary className=\"flex cursor-pointer items-center justify-between rounded-md bg-bg-canvas-inverted p-2 text-sm font-medium text-text-primary hover:bg-opacity-80\">\n                      {t('ggnomad.tripPlan.activities', 'Activities')}\n                      <ChevronDown className=\"size-4 transition-transform group-open:rotate-180\" />\n                    </summary>\n                    <div className=\"mt-2 space-y-2\">\n                      {activities.length === 0 ? (\n                        <p className=\"text-xs text-text-secondary\">\n                          {t('ggnomad.tripPlan.noActivitiesAvailable', 'No activities available')}\n                        </p>\n                      ) : (\n                        activities.map((activity) => (\n                          <button\n                            key={activity.id}\n                            onClick={() =>\n                              setAddingItem({\n                                itemType: 'ACTIVITY',\n                                itemId: activity.id,\n                                itemName: activity.name,\n                                price: activity.price,\n                                currency: activity.currency,\n                              })\n                            }\n                            className=\"w-full rounded-md border border-border-seam bg-bg-canvas p-2 text-left text-xs text-text-primary hover:bg-action-primary-bg hover:text-action-primary-text\"\n                          >\n                            <div className=\"font-medium\">{activity.name}</div>\n                            <div className=\"text-text-secondary\">\n                              {activity.currency} {activity.price.toFixed(2)}\n                            </div>\n                          </button>\n                        ))\n                      )}\n                    </div>\n                  </details>\n                </div>\n              </GlassCard>\n            </div>\n\n            {/* Center - Itinerary Items */}\n            <div className=\"space-y-4 lg:col-span-2\">\n              <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n                <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n                  {t('ggnomad.tripPlan.itineraryHeader', 'Your itinerary')}\n                </h2>\n\n                {tripPlan.items.length === 0 ? (\n                  <p className=\"text-sm text-text-secondary\">\n                    {t(\n                      'ggnomad.tripPlan.noItemsYet',\n                      'No items added yet. Start adding stays, tours, events and activities from the left.'\n                    )}\n                  </p>\n                ) : (\n                  <div className=\"space-y-6\">\n                    {sortedDays.map((day: number) => (\n                      <div key={String(day)}>\n                        <h3 className=\"mb-2 text-sm font-medium text-text-secondary\">\n                          {day === 0\n                            ? t('ggnomad.tripPlan.unscheduled', 'Unscheduled')\n                            : t('ggnomad.tripPlan.day', 'Day {{day}}').replace('{{day}}', String(day))}\n                        </h3>\n                        <div className=\"space-y-2\">\n                          {(itemsByDay[day] || []).map((item: TripPlanItem) => (\n                            <div\n                              key={item.id}\n                              className=\"flex items-start justify-between rounded-md border border-border-seam bg-bg-canvas p-3\"\n                            >\n                              <div className=\"flex-1\">\n                                <p className=\"font-medium text-text-primary\">{item.itemName}</p>\n                                <p className=\"text-xs text-text-secondary\">\n                                  {item.itemType.charAt(0) + item.itemType.slice(1).toLowerCase()}\n                                </p>\n                                <p className=\"mt-1 font-semibold text-status-success-text\">\n                                  {item.currency} {item.price.toFixed(2)}\n                                </p>\n                              </div>\n                              <button\n                                onClick={() => setRemovingItemId(item.id)}\n                                className=\"ml-2 rounded-md p-1 text-text-secondary hover:bg-action-danger-bg hover:text-action-danger-text\"\n                                aria-label={t(\n                                  'ggnomad.tripPlan.removeItem',\n                                  'Remove item'\n                                )}\n                              >\n                                <X className=\"size-4\" />\n                              </button>\n                            </div>\n                          ))}\n                        </div>\n                      </div>\n                    ))}\n                  </div>\n                )}\n              </GlassCard>\n            </div>\n\n            {/* Right - Trip Summary */}\n            <div className=\"space-y-4\">\n              <GlassCard\n                treatment=\"glass\"\n                glow\n                className=\"sticky top-6 border-border-seam p-5\"\n              >\n                <h3 className=\"mb-4 font-medium text-text-primary\">\n                  {t('ggnomad.tripPlan.tripTotal', 'Trip total')}\n                </h3>\n\n                <div className=\"space-y-3 border-b border-border-seam pb-4\">\n                  <div className=\"flex items-center justify-between text-sm\">\n                    <span className=\"text-text-secondary\">\n                      {t('ggnomad.tripPlan.items', 'Items')}\n                    </span>\n                    <span className=\"font-medium text-text-primary\">{tripPlan.itemCount}</span>\n                  </div>\n                  <div className=\"flex items-center justify-between text-sm\">\n                    <span className=\"text-text-secondary\">\n                      {t('ggnomad.tripPlan.travelers', 'Travelers')}\n                    </span>\n                    <span className=\"font-medium text-text-primary flex items-center gap-1\">\n                      <Users className=\"size-3\" />\n                      {tripPlan.travelers}\n                    </span>\n                  </div>\n                </div>\n\n                <div className=\"my-4\">\n                  <div className=\"text-2xl font-bold text-text-primary\">\n                    USD {tripPlan.total.toFixed(2)}\n                  </div>\n                </div>\n\n                <div className=\"space-y-2\">\n                  <button\n                    onClick={() => setShowCheckout(true)}\n                    disabled={tripPlan.items.length === 0}\n                    className=\"w-full rounded-md bg-action-primary-bg px-4 py-2 font-medium text-action-primary-text hover:bg-action-primary-bgHover disabled:opacity-50\"\n                  >\n                    {t('ggnomad.tripPlan.checkout', 'Checkout')}\n                  </button>\n\n                  <div className=\"flex items-center gap-2\">\n                    <select\n                      value={tripPlan.status}\n                      onChange={async (e) => {\n                        await updateStatus({\n                          variables: {\n                            id: tripPlan.id,\n                            input: { status: e.target.value },\n                          },\n                        });\n                        await refetch();\n                      }}\n                      className=\"flex-1 rounded-md border border-border-seam bg-bg-canvas px-2 py-1 text-sm text-text-primary\"\n                    >\n                      <option value=\"DRAFT\">Draft</option>\n                      <option value=\"PLANNED\">Planned</option>\n                      <option value=\"BOOKED\">Booked</option>\n                      <option value=\"CONFIRMED\">Confirmed</option>\n                      <option value=\"COMPLETED\">Completed</option>\n                      <option value=\"CANCELLED\">Cancelled</option>\n                    </select>\n                  </div>\n                </div>\n              </GlassCard>\n            </div>\n          </div>\n        </TabsContent>\n\n        <TabsContent value=\"timeline\" className=\"space-y-4\">\n          <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n            <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n              {t('ggnomad.tripPlan.timeline', 'Trip timeline')}\n            </h2>\n\n            <div className=\"space-y-6\">\n              {/* Plan Status Milestone */}\n              <div className=\"flex gap-4\">\n                <div className=\"flex flex-col items-center\">\n                  <div className=\"size-3 rounded-full bg-status-info-bg\" />\n                  <div className=\"my-2 h-8 w-0.5 bg-border-seam\" />\n                </div>\n                <div>\n                  <h3 className=\"font-medium text-text-primary\">\n                    {t('ggnomad.tripPlan.milestone.started', 'Trip started')}\n                  </h3>\n                  <p className=\"text-xs text-text-secondary\">\n                    {t('ggnomad.tripPlan.milestone.startedDesc', 'Created your itinerary')}\n                  </p>\n                </div>\n              </div>\n\n              {/* Items Timeline */}\n              {tripPlan.items.length === 0 ? (\n                <p className=\"text-sm text-text-secondary\">\n                  {t('ggnomad.tripPlan.noItemsInTimeline', 'No items in your timeline yet')}\n                </p>\n              ) : (\n                tripPlan.items.map((item, index) => (\n                  <div key={item.id} className=\"flex gap-4\">\n                    <div className=\"flex flex-col items-center\">\n                      <div\n                        className={`size-3 rounded-full ${\n                          tripPlan.status === 'BOOKED' || tripPlan.status === 'COMPLETED'\n                            ? 'bg-status-success-bg'\n                            : 'bg-status-warning-bg'\n                        }`}\n                      />\n                      {index < tripPlan.items.length - 1 && (\n                        <div className=\"my-2 h-8 w-0.5 bg-border-seam\" />\n                      )}\n                    </div>\n                    <div>\n                      <h3 className=\"font-medium text-text-primary\">{item.itemName}</h3>\n                      <p className=\"text-xs text-text-secondary\">\n                        {item.itemType.charAt(0) + item.itemType.slice(1).toLowerCase()}\n                        {item.day && ` · Day ${item.day}`}\n                      </p>\n                      <p className=\"mt-1 text-sm font-semibold text-status-success-text\">\n                        {item.currency} {item.price.toFixed(2)}\n                      </p>\n                      <p className=\"mt-1 text-xs text-text-secondary\">\n                        {tripPlan.status === 'BOOKED' || tripPlan.status === 'COMPLETED'\n                          ? t('ggnomad.tripPlan.milestone.booked', 'Booked')\n                          : t('ggnomad.tripPlan.milestone.planned', 'Planned')}\n                      </p>\n                    </div>\n                  </div>\n                ))\n              )}\n\n              {/* Final Status */}\n              {tripPlan.items.length > 0 && (\n                <>\n                  <div className=\"flex gap-4\">\n                    <div className=\"flex flex-col items-center\">\n                      <div\n                        className={`size-3 rounded-full ${\n                          tripPlan.status === 'COMPLETED'\n                            ? 'bg-status-success-bg'\n                            : 'bg-status-secondary-bg'\n                        }`}\n                      />\n                    </div>\n                    <div>\n                      <h3 className=\"font-medium text-text-primary\">\n                        {tripPlan.status === 'COMPLETED'\n                          ? t('ggnomad.tripPlan.milestone.completed', 'Trip completed')\n                          : t('ggnomad.tripPlan.milestone.confirming', 'Awaiting completion')}\n                      </h3>\n                      <p className=\"text-xs text-text-secondary\">\n                        {tripPlan.status === 'COMPLETED'\n                          ? t(\n                              'ggnomad.tripPlan.milestone.completedDesc',\n                              'Your trip is complete'\n                            )\n                          : t(\n                              'ggnomad.tripPlan.milestone.confirmingDesc',\n                              'Update status as your trip progresses'\n                            )}\n                      </p>\n                    </div>\n                  </div>\n                </>\n              )}\n            </div>\n          </GlassCard>\n        </TabsContent>\n      </Tabs>\n\n      {/* Add Item Dialog */}\n      <AlertDialog open={addingItem !== null} onOpenChange={(open) => !open && setAddingItem(null)}>\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>\n              {t('ggnomad.tripPlan.addItemDialog.title', 'Add to itinerary?')}\n            </AlertDialogTitle>\n            <AlertDialogDescription>\n              {addingItem && (\n                <>\n                  {addingItem.itemName}\n                  {' · '}\n                  {addingItem.currency} {addingItem.price.toFixed(2)}\n                </>\n              )}\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel disabled={addingItemMutation}>\n              {t('ggnomad.tripPlan.addItemDialog.cancel', 'Cancel')}\n            </AlertDialogCancel>\n            <AlertDialogAction\n              disabled={addingItemMutation}\n              onClick={(event) => {\n                event.preventDefault();\n                void handleAddItem();\n              }}\n            >\n              {addingItemMutation\n                ? t('ggnomad.tripPlan.addItemDialog.adding', 'Adding…')\n                : t('ggnomad.tripPlan.addItemDialog.add', 'Add item')}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n\n      {/* Remove Item Dialog */}\n      <AlertDialog\n        open={removingItemId !== null}\n        onOpenChange={(open) => !open && setRemovingItemId(null)}\n      >\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>\n              {t('ggnomad.tripPlan.removeItemDialog.title', 'Remove item from trip?')}\n            </AlertDialogTitle>\n            <AlertDialogDescription>\n              {t(\n                'ggnomad.tripPlan.removeItemDialog.description',\n                'This item will be removed from your itinerary.'\n              )}\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel disabled={removingItemMutation}>\n              {t('ggnomad.tripPlan.removeItemDialog.cancel', 'Keep item')}\n            </AlertDialogCancel>\n            <AlertDialogAction\n              className=\"bg-action-danger-bg text-action-danger-text hover:bg-action-danger-bgHover\"\n              disabled={removingItemMutation}\n              onClick={(event) => {\n                event.preventDefault();\n                void handleRemoveItem();\n              }}\n            >\n              {removingItemMutation\n                ? t('ggnomad.tripPlan.removeItemDialog.removing', 'Removing…')\n                : t('ggnomad.tripPlan.removeItemDialog.remove', 'Remove item')}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n\n      {/* Checkout Dialog */}\n      <AlertDialog open={showCheckout} onOpenChange={setShowCheckout}>\n        <AlertDialogContent className=\"max-w-2xl\">\n          <AlertDialogHeader>\n            <AlertDialogTitle>\n              {t('ggnomad.tripPlan.checkoutDialog.title', 'Review and book')}\n            </AlertDialogTitle>\n            <AlertDialogDescription>\n              {t(\n                'ggnomad.tripPlan.checkoutDialog.description',\n                'Review your items and confirm to book everything at once.'\n              )}\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n\n          <div className=\"space-y-4 max-h-96 overflow-y-auto\">\n            {tripPlan.items.map((item) => (\n              <div\n                key={item.id}\n                className=\"flex items-center justify-between rounded-md border border-border-seam bg-bg-canvas p-3\"\n              >\n                <div>\n                  <p className=\"font-medium text-text-primary\">{item.itemName}</p>\n                  <p className=\"text-xs text-text-secondary\">\n                    {item.itemType.charAt(0) + item.itemType.slice(1).toLowerCase()}\n                  </p>\n                </div>\n                <p className=\"font-semibold text-text-primary\">\n                  {item.currency} {item.price.toFixed(2)}\n                </p>\n              </div>\n            ))}\n\n            <div className=\"space-y-2 border-t border-border-seam pt-4\">\n              <div className=\"flex justify-between text-sm\">\n                <span className=\"text-text-secondary\">Subtotal</span>\n                <span className=\"text-text-primary\">USD {tripPlan.total.toFixed(2)}</span>\n              </div>\n              <div className=\"flex justify-between text-sm\">\n                <span className=\"text-text-secondary\">Taxes (10%)</span>\n                <span className=\"text-text-primary\">\n                  USD {(tripPlan.total * 0.1).toFixed(2)}\n                </span>\n              </div>\n              <div className=\"flex justify-between border-t border-border-seam pt-2 text-lg font-bold\">\n                <span className=\"text-text-primary\">Total</span>\n                <span className=\"text-status-success-text\">\n                  USD {(tripPlan.total * 1.1).toFixed(2)}\n                </span>\n              </div>\n            </div>\n          </div>\n\n          <AlertDialogFooter>\n            <AlertDialogCancel disabled={false}>\n              {t('ggnomad.tripPlan.checkoutDialog.cancel', 'Cancel')}\n            </AlertDialogCancel>\n            <AlertDialogAction\n              onClick={(event) => {\n                event.preventDefault();\n                void handleCheckout();\n              }}\n            >\n              {t('ggnomad.tripPlan.checkoutDialog.confirm', 'Confirm & book all')}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAkEA,SAAgB,IAAqB;CACnC,IAAM,EAAE,SAAM,IAAS,EACjB,IAAW,GAAa,EACxB,EAAE,cAAW,QAAQ,GAAY,EACjC,EAAE,QAAK,OAAO,GAAW,EACzB,CAAC,GAAY,KAAiB,EAA4B,KAAK,EAC/D,CAAC,GAAc,KAAmB,EAAS,GAAM,EACjD,CAAC,GAAgB,KAAqB,EAAwB,KAAK,EACnE,CAAC,GAAW,KAAgB,EAAS,YAAY,EAEjD,EAAE,SAAM,eAAY,EACxB,GAmBA;EAAE,WAAW,EAAE,OAAI;EAAE,MAAM,CAAC;EAAI,CACjC,EAEK,IAAW,GAAM,iBAEjB,EAAE,MAAM,OAAmB,EAC/B,GAWA,EAAE,WAAW;EAAE,OAAO;EAAI,MAAM;EAAG,EAAE,CACtC,EAEK,EAAE,MAAM,OAAc,EAC1B,GAWA,EAAE,WAAW;EAAE,OAAO;EAAI,MAAM;EAAG,EAAE,CACtC,EAEK,EAAE,MAAM,OAAe,EAC3B,IAWA,EAAE,WAAW;EAAE,OAAO;EAAI,MAAM;EAAG,EAAE,CACtC,EAEK,EAAE,MAAM,OAAmB,EAC/B,IAWA,EAAE,WAAW;EAAE,OAAO;EAAI,MAAM;EAAG,EAAE,CACtC,EAEK,CAAC,IAAS,EAAE,SAAS,OAAwB,EACjD,EAeD,EAEK,CAAC,IAAY,EAAE,SAAS,OAA0B,EACtD,EAID,EAEK,CAAC,KAAgB,EACrB,EAcD,EAEK,CAAC,MAAiB,EACtB,EAsBD,EAEK,KAAgB,YAAY;AAC5B,SAAC,KAAc,CAAC,GAEpB,KAAI;GACF,IAAM,IAAS,MAAM,GAAQ,EAC3B,WAAW;IACT,YAAY,EAAS;IACrB,OAAO;KACL,UAAU,EAAW;KACrB,QAAQ,EAAW;KACnB,UAAU,EAAW;KACrB,OAAO,EAAW;KAClB,UAAU,EAAW;KACtB;IACF,EACF,CAAC;AAEF,OAAI,EAAO,OAAO;AAChB,MAAO,MACL,EAAE,4CAA4C,qBAAqB,EACnE,EAAO,MAAM,QACd;AACD;;AASF,GANA,EAAO,QACL,EAAE,8CAA8C,aAAa,EAC7D,EAAW,SACZ,EAED,EAAc,KAAK,EACnB,MAAM,GAAS;WACR,GAAK;AACZ,KAAO,MACL,EAAE,4CAA4C,qBAAqB,EACnE,aAAe,QAAQ,EAAI,UAAU,OAAO,EAAI,CACjD;;IAIC,KAAmB,YAAY;AAC9B,QAEL,KAAI;GACF,IAAM,IAAS,MAAM,GAAW,EAC9B,WAAW,EAAE,IAAI,GAAgB,EAClC,CAAC;AAEF,OAAI,EAAO,OAAO;AAChB,MAAO,MACL,EAAE,+CAA+C,wBAAwB,EACzE,EAAO,MAAM,QACd;AACD;;AASF,GANA,EAAO,QACL,EAAE,iDAAiD,eAAe,EAClE,GACD,EAED,EAAkB,KAAK,EACvB,MAAM,GAAS;WACR,GAAK;AACZ,KAAO,MACL,EAAE,+CAA+C,wBAAwB,EACzE,aAAe,QAAQ,EAAI,UAAU,OAAO,EAAI,CACjD;;IAIC,KAAiB,YAAY;AAC5B,QAEL,KAAI;AACF,QAAK,IAAM,KAAQ,EAAS,MAC1B,OAAM,GAAc,EAClB,WAAW,EACT,OAAO;IACL,aAAa,EAAK;IAClB,QAAQ,EAAK;IACb,UAAU,EAAK;IACf,WAAW;IACX,YAAY;IACZ,QAAQ,EAAS;IACjB,YAAY,EAAK;IACjB,UAAU,EAAK;IACf,eAAe;IAChB,EACF,EACF,CAAC;AAiBJ,GAdA,MAAM,EAAa,EACjB,WAAW;IACT,IAAI,EAAS;IACb,OAAO,EAAE,QAAQ,UAAU;IAC5B,EACF,CAAC,EAEF,EAAO,QACL,EAAE,+CAA+C,eAAe,EAChE,EAAE,8CAA8C,6BAA6B,CAC9E,EAED,MAAM,GAAS,EACf,EAAgB,GAAM,EACtB,EAAS,GAAS,GAAU,WAAW,CAAC;WACjC,GAAK;AACZ,KAAO,MACL,EAAE,6CAA6C,iBAAiB,EAChE,aAAe,QAAQ,EAAI,UAAU,OAAO,EAAI,CACjD;;;AAIL,KAAI,CAAC,EACH,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,iCAAiC,YAAY;EACtD,UAAU,EAAE,oCAAoC,oBAAoB;YAEpE,kBAAC,IAAD;GACE,cAAa;GACb,OAAO,EAAE,kCAAkC,sBAAsB;GACjE,aAAa,EACX,wCACA,qDACD;GACD,CAAA;EACQ,CAAA;CAIhB,IAAM,IAA6C,EAAE;AACrD,GAAS,MAAM,SAAS,MAAS;EAC/B,IAAM,IAAM,EAAK,OAAO;AAIxB,EAHK,EAAW,OACd,EAAW,KAAO,EAAE,GAEtB,EAAW,GAAK,KAAK,EAAK;GAC1B;CAEF,IAAM,KAAuB,OAAO,KAAK,EAAW,CACjD,KAAK,MAAM,OAAO,EAAE,CAAC,CACrB,MAAM,GAAW,MAAc,IAAI,EAAE,EAElC,IAAa,IAAgB,qBAAqB,EAAE,EACpD,IAAQ,IAAW,gBAAgB,EAAE,EACrC,IAAS,IAAY,iBAAiB,EAAE,EACxC,IAAa,IAAgB,qBAAqB,EAAE;AAE1D,QACE,kBAAC,GAAD;EACE,OAAO,EAAS;EAChB,UAAU,EAAE,6BAA6B,gCAAgC;YAF3E;GAIE,kBAAC,IAAD;IAAM,OAAO;IAAW,eAAe;IAAc,WAAU;cAA/D;KACE,kBAAC,GAAD;MAAU,WAAU;gBAApB,CACE,kBAAC,GAAD;OAAa,OAAM;iBAChB,EAAE,mCAAmC,YAAY;OACtC,CAAA,EACd,kBAAC,GAAD;OAAa,OAAM;iBAChB,EAAE,kCAAkC,WAAW;OACpC,CAAA,CACL;;KAEX,kBAAC,GAAD;MAAa,OAAM;MAAY,WAAU;gBACvC,kBAAC,OAAD;OAAK,WAAU;iBAAf;QAEE,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,GAAD;UAAW,WAAU;UAAQ,MAAA;UAAK,WAAU;oBAA5C,CACE,kBAAC,MAAD;WAAI,WAAU;qBAAd,CACE,kBAAC,IAAD,EAAM,WAAU,UAAW,CAAA,EAC1B,EAAE,8BAA8B,cAAc,CAC5C;cAEL,kBAAC,OAAD;WAAK,WAAU;qBAAf;YAEE,kBAAC,WAAD;aAAS,WAAU;uBAAnB,CACE,kBAAC,WAAD;cAAS,WAAU;wBAAnB,CACG,EAAE,0BAA0B,QAAQ,EACrC,kBAAC,GAAD,EAAa,WAAU,qDAAsD,CAAA,CACrE;iBACV,kBAAC,OAAD;cAAK,WAAU;wBACZ,EAAW,WAAW,IACrB,kBAAC,KAAD;eAAG,WAAU;yBACV,EAAE,qCAAqC,qBAAqB;eAC3D,CAAA,GAEJ,EAAW,KAAK,MACd,kBAAC,UAAD;eAEE,eACE,EAAc;gBACZ,UAAU;gBACV,QAAQ,EAAS;gBACjB,UAAU,EAAS;gBACnB,OAAO,EAAS;gBAChB,UAAU,EAAS;gBACpB,CAAC;eAEJ,WAAU;yBAXZ,CAaE,kBAAC,OAAD;gBAAK,WAAU;0BAAe,EAAS;gBAAW,CAAA,EAClD,kBAAC,OAAD;gBAAK,WAAU;0BAAf;iBACG,EAAS;iBAAS;iBAAE,EAAS,cAAc,QAAQ,EAAE;iBAClD;kBACC;iBAhBF,EAAS,GAgBP,CACT;cAEA,CAAA,CACE;;YAGV,kBAAC,WAAD;aAAS,WAAU;uBAAnB,CACE,kBAAC,WAAD;cAAS,WAAU;wBAAnB,CACG,EAAE,0BAA0B,QAAQ,EACrC,kBAAC,GAAD,EAAa,WAAU,qDAAsD,CAAA,CACrE;iBACV,kBAAC,OAAD;cAAK,WAAU;wBACZ,EAAM,WAAW,IAChB,kBAAC,KAAD;eAAG,WAAU;yBACV,EAAE,qCAAqC,qBAAqB;eAC3D,CAAA,GAEJ,EAAM,KAAK,MACT,kBAAC,UAAD;eAEE,eACE,EAAc;gBACZ,UAAU;gBACV,QAAQ,EAAK;gBACb,UAAU,EAAK;gBACf,OAAO,EAAK;gBACZ,UAAU,EAAK;gBAChB,CAAC;eAEJ,WAAU;yBAXZ,CAaE,kBAAC,OAAD;gBAAK,WAAU;0BAAe,EAAK;gBAAW,CAAA,EAC9C,kBAAC,OAAD;gBAAK,WAAU;0BAAf;iBACG,EAAK;iBAAS;iBAAE,EAAK,MAAM,QAAQ,EAAE;iBAClC;kBACC;iBAhBF,EAAK,GAgBH,CACT;cAEA,CAAA,CACE;;YAGV,kBAAC,WAAD;aAAS,WAAU;uBAAnB,CACE,kBAAC,WAAD;cAAS,WAAU;wBAAnB,CACG,EAAE,2BAA2B,SAAS,EACvC,kBAAC,GAAD,EAAa,WAAU,qDAAsD,CAAA,CACrE;iBACV,kBAAC,OAAD;cAAK,WAAU;wBACZ,EAAO,WAAW,IACjB,kBAAC,KAAD;eAAG,WAAU;yBACV,EAAE,sCAAsC,sBAAsB;eAC7D,CAAA,GAEJ,EAAO,KAAK,MACV,kBAAC,UAAD;eAEE,eACE,EAAc;gBACZ,UAAU;gBACV,QAAQ,EAAM;gBACd,UAAU,EAAM;gBAChB,OAAO,EAAM;gBACb,UAAU,EAAM;gBACjB,CAAC;eAEJ,WAAU;yBAXZ,CAaE,kBAAC,OAAD;gBAAK,WAAU;0BAAe,EAAM;gBAAW,CAAA,EAC/C,kBAAC,OAAD;gBAAK,WAAU;0BAAf;iBACG,EAAM;iBAAS;iBAAE,EAAM,MAAM,QAAQ,EAAE;iBACpC;kBACC;iBAhBF,EAAM,GAgBJ,CACT;cAEA,CAAA,CACE;;YAGV,kBAAC,WAAD;aAAS,WAAU;uBAAnB,CACE,kBAAC,WAAD;cAAS,WAAU;wBAAnB,CACG,EAAE,+BAA+B,aAAa,EAC/C,kBAAC,GAAD,EAAa,WAAU,qDAAsD,CAAA,CACrE;iBACV,kBAAC,OAAD;cAAK,WAAU;wBACZ,EAAW,WAAW,IACrB,kBAAC,KAAD;eAAG,WAAU;yBACV,EAAE,0CAA0C,0BAA0B;eACrE,CAAA,GAEJ,EAAW,KAAK,MACd,kBAAC,UAAD;eAEE,eACE,EAAc;gBACZ,UAAU;gBACV,QAAQ,EAAS;gBACjB,UAAU,EAAS;gBACnB,OAAO,EAAS;gBAChB,UAAU,EAAS;gBACpB,CAAC;eAEJ,WAAU;yBAXZ,CAaE,kBAAC,OAAD;gBAAK,WAAU;0BAAe,EAAS;gBAAW,CAAA,EAClD,kBAAC,OAAD;gBAAK,WAAU;0BAAf;iBACG,EAAS;iBAAS;iBAAE,EAAS,MAAM,QAAQ,EAAE;iBAC1C;kBACC;iBAhBF,EAAS,GAgBP,CACT;cAEA,CAAA,CACE;;YACN;aACI;;SACR,CAAA;QAGN,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,GAAD;UAAW,WAAU;UAAQ,MAAA;UAAK,WAAU;oBAA5C,CACE,kBAAC,MAAD;WAAI,WAAU;qBACX,EAAE,oCAAoC,iBAAiB;WACrD,CAAA,EAEJ,EAAS,MAAM,WAAW,IACzB,kBAAC,KAAD;WAAG,WAAU;qBACV,EACC,+BACA,sFACD;WACC,CAAA,GAEJ,kBAAC,OAAD;WAAK,WAAU;qBACZ,GAAW,KAAK,MACf,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;YAAI,WAAU;sBACX,MAAQ,IACL,EAAE,gCAAgC,cAAc,GAChD,EAAE,wBAAwB,cAAc,CAAC,QAAQ,WAAW,OAAO,EAAI,CAAC;YACzE,CAAA,EACL,kBAAC,OAAD;YAAK,WAAU;uBACX,EAAW,MAAQ,EAAE,EAAE,KAAK,MAC5B,kBAAC,OAAD;aAEE,WAAU;uBAFZ,CAIE,kBAAC,OAAD;cAAK,WAAU;wBAAf;eACE,kBAAC,KAAD;gBAAG,WAAU;0BAAiC,EAAK;gBAAa,CAAA;eAChE,kBAAC,KAAD;gBAAG,WAAU;0BACV,EAAK,SAAS,OAAO,EAAE,GAAG,EAAK,SAAS,MAAM,EAAE,CAAC,aAAa;gBAC7D,CAAA;eACJ,kBAAC,KAAD;gBAAG,WAAU;0BAAb;iBACG,EAAK;iBAAS;iBAAE,EAAK,MAAM,QAAQ,EAAE;iBACpC;;eACA;iBACN,kBAAC,UAAD;cACE,eAAe,EAAkB,EAAK,GAAG;cACzC,WAAU;cACV,cAAY,EACV,+BACA,cACD;wBAED,kBAAC,IAAD,EAAG,WAAU,UAAW,CAAA;cACjB,CAAA,CACL;eAtBC,EAAK,GAsBN,CACN;YACE,CAAA,CACF,EAAA,EAlCI,OAAO,EAAI,CAkCf,CACN;WACE,CAAA,CAEE;;SACR,CAAA;QAGN,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,GAAD;UACE,WAAU;UACV,MAAA;UACA,WAAU;oBAHZ;WAKE,kBAAC,MAAD;YAAI,WAAU;sBACX,EAAE,8BAA8B,aAAa;YAC3C,CAAA;WAEL,kBAAC,OAAD;YAAK,WAAU;sBAAf,CACE,kBAAC,OAAD;aAAK,WAAU;uBAAf,CACE,kBAAC,QAAD;cAAM,WAAU;wBACb,EAAE,0BAA0B,QAAQ;cAChC,CAAA,EACP,kBAAC,QAAD;cAAM,WAAU;wBAAiC,EAAS;cAAiB,CAAA,CACvE;gBACN,kBAAC,OAAD;aAAK,WAAU;uBAAf,CACE,kBAAC,QAAD;cAAM,WAAU;wBACb,EAAE,8BAA8B,YAAY;cACxC,CAAA,EACP,kBAAC,QAAD;cAAM,WAAU;wBAAhB,CACE,kBAAC,IAAD,EAAO,WAAU,UAAW,CAAA,EAC3B,EAAS,UACL;gBACH;eACF;;WAEN,kBAAC,OAAD;YAAK,WAAU;sBACb,kBAAC,OAAD;aAAK,WAAU;uBAAf,CAAsD,QAC/C,EAAS,MAAM,QAAQ,EAAE,CAC1B;;YACF,CAAA;WAEN,kBAAC,OAAD;YAAK,WAAU;sBAAf,CACE,kBAAC,UAAD;aACE,eAAe,EAAgB,GAAK;aACpC,UAAU,EAAS,MAAM,WAAW;aACpC,WAAU;uBAET,EAAE,6BAA6B,WAAW;aACpC,CAAA,EAET,kBAAC,OAAD;aAAK,WAAU;uBACb,kBAAC,UAAD;cACE,OAAO,EAAS;cAChB,UAAU,OAAO,MAAM;AAOrB,eANA,MAAM,EAAa,EACjB,WAAW;gBACT,IAAI,EAAS;gBACb,OAAO,EAAE,QAAQ,EAAE,OAAO,OAAO;gBAClC,EACF,CAAC,EACF,MAAM,GAAS;;cAEjB,WAAU;wBAXZ;eAaE,kBAAC,UAAD;gBAAQ,OAAM;0BAAQ;gBAAc,CAAA;eACpC,kBAAC,UAAD;gBAAQ,OAAM;0BAAU;gBAAgB,CAAA;eACxC,kBAAC,UAAD;gBAAQ,OAAM;0BAAS;gBAAe,CAAA;eACtC,kBAAC,UAAD;gBAAQ,OAAM;0BAAY;gBAAkB,CAAA;eAC5C,kBAAC,UAAD;gBAAQ,OAAM;0BAAY;gBAAkB,CAAA;eAC5C,kBAAC,UAAD;gBAAQ,OAAM;0BAAY;gBAAkB,CAAA;eACrC;;aACL,CAAA,CACF;;WACI;;SACR,CAAA;QACF;;MACM,CAAA;KAEd,kBAAC,GAAD;MAAa,OAAM;MAAW,WAAU;gBACtC,kBAAC,GAAD;OAAW,WAAU;OAAQ,MAAA;OAAK,WAAU;iBAA5C,CACE,kBAAC,MAAD;QAAI,WAAU;kBACX,EAAE,6BAA6B,gBAAgB;QAC7C,CAAA,EAEL,kBAAC,OAAD;QAAK,WAAU;kBAAf;SAEE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,OAAD,EAAK,WAAU,yCAA0C,CAAA,EACzD,kBAAC,OAAD,EAAK,WAAU,iCAAkC,CAAA,CAC7C;cACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;WAAI,WAAU;qBACX,EAAE,sCAAsC,eAAe;WACrD,CAAA,EACL,kBAAC,KAAD;WAAG,WAAU;qBACV,EAAE,0CAA0C,yBAAyB;WACpE,CAAA,CACA,EAAA,CAAA,CACF;;SAGL,EAAS,MAAM,WAAW,IACzB,kBAAC,KAAD;UAAG,WAAU;oBACV,EAAE,sCAAsC,gCAAgC;UACvE,CAAA,GAEJ,EAAS,MAAM,KAAK,GAAM,MACxB,kBAAC,OAAD;UAAmB,WAAU;oBAA7B,CACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,OAAD,EACE,WAAW,uBACT,EAAS,WAAW,YAAY,EAAS,WAAW,cAChD,yBACA,0BAEN,CAAA,EACD,IAAQ,EAAS,MAAM,SAAS,KAC/B,kBAAC,OAAD,EAAK,WAAU,iCAAkC,CAAA,CAE/C;cACN,kBAAC,OAAD,EAAA,UAAA;WACE,kBAAC,MAAD;YAAI,WAAU;sBAAiC,EAAK;YAAc,CAAA;WAClE,kBAAC,KAAD;YAAG,WAAU;sBAAb,CACG,EAAK,SAAS,OAAO,EAAE,GAAG,EAAK,SAAS,MAAM,EAAE,CAAC,aAAa,EAC9D,EAAK,OAAO,UAAU,EAAK,MAC1B;;WACJ,kBAAC,KAAD;YAAG,WAAU;sBAAb;aACG,EAAK;aAAS;aAAE,EAAK,MAAM,QAAQ,EAAE;aACpC;;WACJ,kBAAC,KAAD;YAAG,WAAU;sBACV,EAAS,WAAW,YAAY,EAAS,WAAW,cACjD,EAAE,qCAAqC,SAAS,GAChD,EAAE,sCAAsC,UAAU;YACpD,CAAA;WACA,EAAA,CAAA,CACF;YA5BI,EAAK,GA4BT,CACN;SAIH,EAAS,MAAM,SAAS,KACvB,kBAAA,GAAA,EAAA,UACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,OAAD;WAAK,WAAU;qBACb,kBAAC,OAAD,EACE,WAAW,uBACT,EAAS,WAAW,cAChB,yBACA,4BAEN,CAAA;WACE,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;WAAI,WAAU;qBACX,EAAS,WAAW,cACjB,EAAE,wCAAwC,iBAAiB,GAC3D,EAAE,yCAAyC,sBAAsB;WAClE,CAAA,EACL,kBAAC,KAAD;WAAG,WAAU;qBACV,EAAS,WAAW,cACjB,EACE,4CACA,wBACD,GACD,EACE,6CACA,wCACD;WACH,CAAA,CACA,EAAA,CAAA,CACF;aACL,CAAA;SAED;UACI;;MACA,CAAA;KACT;;GAGP,kBAAC,GAAD;IAAa,MAAM,MAAe;IAAM,eAAe,MAAS,CAAC,KAAQ,EAAc,KAAK;cAC1F,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACG,EAAE,wCAAwC,oBAAoB,EAC9C,CAAA,EACnB,kBAAC,GAAD,EAAA,UACG,KACC,kBAAA,GAAA,EAAA,UAAA;KACG,EAAW;KACX;KACA,EAAW;KAAS;KAAE,EAAW,MAAM,QAAQ,EAAE;KACjD,EAAA,CAAA,EAEkB,CAAA,CACP,EAAA,CAAA,EACpB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAmB,UAAU;eAC1B,EAAE,yCAAyC,SAAS;KACnC,CAAA,EACpB,kBAAC,GAAD;KACE,UAAU;KACV,UAAU,MAAU;AAEb,MADL,EAAM,gBAAgB,EACjB,IAAe;;eAGrB,IACG,EAAE,yCAAyC,UAAU,GACrD,EAAE,sCAAsC,WAAW;KACrC,CAAA,CACF,EAAA,CAAA,CACD,EAAA,CAAA;IACT,CAAA;GAGd,kBAAC,GAAD;IACE,MAAM,MAAmB;IACzB,eAAe,MAAS,CAAC,KAAQ,EAAkB,KAAK;cAExD,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACG,EAAE,2CAA2C,yBAAyB,EACtD,CAAA,EACnB,kBAAC,GAAD,EAAA,UACG,EACC,iDACA,iDACD,EACsB,CAAA,CACP,EAAA,CAAA,EACpB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAmB,UAAU;eAC1B,EAAE,4CAA4C,YAAY;KACzC,CAAA,EACpB,kBAAC,GAAD;KACE,WAAU;KACV,UAAU;KACV,UAAU,MAAU;AAEb,MADL,EAAM,gBAAgB,EACjB,IAAkB;;eAGxB,IACG,EAAE,8CAA8C,YAAY,GAC5D,EAAE,4CAA4C,cAAc;KAC9C,CAAA,CACF,EAAA,CAAA,CACD,EAAA,CAAA;IACT,CAAA;GAGd,kBAAC,GAAD;IAAa,MAAM;IAAc,cAAc;cAC7C,kBAAC,GAAD;KAAoB,WAAU;eAA9B;MACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACG,EAAE,yCAAyC,kBAAkB,EAC7C,CAAA,EACnB,kBAAC,GAAD,EAAA,UACG,EACC,+CACA,4DACD,EACsB,CAAA,CACP,EAAA,CAAA;MAEpB,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,EAAS,MAAM,KAAK,MACnB,kBAAC,OAAD;QAEE,WAAU;kBAFZ,CAIE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;SAAG,WAAU;mBAAiC,EAAK;SAAa,CAAA,EAChE,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAK,SAAS,OAAO,EAAE,GAAG,EAAK,SAAS,MAAM,EAAE,CAAC,aAAa;SAC7D,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,KAAD;SAAG,WAAU;mBAAb;UACG,EAAK;UAAS;UAAE,EAAK,MAAM,QAAQ,EAAE;UACpC;WACA;UAZC,EAAK,GAYN,CACN,EAEF,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,QAAD;WAAM,WAAU;qBAAsB;WAAe,CAAA,EACrD,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CAAoC,QAAK,EAAS,MAAM,QAAQ,EAAE,CAAQ;aACtE;;SACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,QAAD;WAAM,WAAU;qBAAsB;WAAkB,CAAA,EACxD,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CAAoC,SAC5B,EAAS,QAAQ,IAAK,QAAQ,EAAE,CACjC;aACH;;SACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,QAAD;WAAM,WAAU;qBAAoB;WAAY,CAAA,EAChD,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CAA2C,SACnC,EAAS,QAAQ,KAAK,QAAQ,EAAE,CACjC;aACH;;SACF;UACF;;MAEN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;OAAmB,UAAU;iBAC1B,EAAE,0CAA0C,SAAS;OACpC,CAAA,EACpB,kBAAC,GAAD;OACE,UAAU,MAAU;AAEb,QADL,EAAM,gBAAgB,EACjB,IAAgB;;iBAGtB,EAAE,2CAA2C,qBAAqB;OACjD,CAAA,CACF,EAAA,CAAA;MACD;;IACT,CAAA;GACJ"}

package/dist/ggnomad/pages/TripsPage.js

@@ -0,0 +1,181 @@
+import { CREATE_GGNOMAD_TRIP_PLAN_MUTATION as e, GGNOMAD_TRIP_PLANS_QUERY as t } from "../graphql.js";
+import { PageShell as n } from "./PageShell.js";
+import { StatusBadge as r } from "../components/StatusBadge.js";
+import { EntityCard as i } from "../components/EntityCard.js";
+import { notify as a } from "../utils/notify.js";
+import "../components/index.js";
+import { useState as o } from "react";
+import { Calendar as s, Map as c, Plus as l } from "lucide-react";
+import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useNavigate as d } from "react-router-dom";
+import { useMutation as f, useQuery as p } from "@apollo/client/react";
+import { AlertDialog as m, AlertDialogAction as h, AlertDialogCancel as g, AlertDialogContent as _, AlertDialogDescription as v, AlertDialogFooter as y, AlertDialogHeader as b, AlertDialogTitle as x, CTAOverflowMenu as S, GlassCard as C, IllustratedEmptyState as w, NextSteps as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+//#region src/ggnomad/pages/TripsPage.tsx
+var k = {
+	name: "",
+	startDate: "",
+	endDate: ""
+};
+function A() {
+	let { t: A } = u(), j = d(), [M, N] = o(!1), [P, F] = o(k), { data: I, refetch: L } = p(t, { variables: {
+		first: 50,
+		skip: 0
+	} }), [R, { loading: z }] = f(e), B = I?.ggnomadTripPlans ?? [], V = async () => {
+		if (!P.name.trim()) {
+			a.warning(A("ggnomad.trips.toast.validationTitle", "Required field missing"), A("ggnomad.trips.toast.nameRequired", "Please enter a trip name"));
+			return;
+		}
+		try {
+			let e = await R({ variables: { input: {
+				name: P.name.trim(),
+				startDate: P.startDate ? new Date(P.startDate).toISOString() : void 0,
+				endDate: P.endDate ? new Date(P.endDate).toISOString() : void 0,
+				travelers: 1
+			} } });
+			if (e.error) {
+				a.error(A("ggnomad.trips.toast.createErrorTitle", "Could not create trip"), e.error.message);
+				return;
+			}
+			let t = e.data?.createGgnomadTripPlan;
+			if (!t) return;
+			a.success(A("ggnomad.trips.toast.createSuccessTitle", "Trip created"), t.name), N(!1), F(k), await L(), j(`trips/${t.id}`);
+		} catch (e) {
+			a.error(A("ggnomad.trips.toast.createErrorTitle", "Could not create trip"), e instanceof Error ? e.message : String(e));
+		}
+	}, H = (e) => e ? new Date(e).toLocaleDateString("en-US", {
+		month: "short",
+		day: "numeric",
+		year: "numeric"
+	}) : "";
+	return /* @__PURE__ */ O(n, {
+		title: A("ggnomad.trips.title", "Trips"),
+		titleAccent: A("ggnomad.trips.title.accent", "Trips"),
+		subtitle: A("ggnomad.trips.subtitle", "Plan complete itineraries with real trip planning API mutations"),
+		actions: /* @__PURE__ */ D(S, {
+			primary: {
+				label: A("ggnomad.trips.actions.newTrip", "New trip"),
+				onSelect: () => N(!0),
+				disabled: z,
+				icon: /* @__PURE__ */ D(l, {})
+			},
+			actions: []
+		}),
+		children: [
+			/* @__PURE__ */ D(E, {
+				icon: /* @__PURE__ */ D(c, { className: "size-4" }),
+				children: A("ggnomad.trips.purpose", "Organize every aspect of your journey — build itineraries day by day, add activities and accommodations, manage your trip status, and book everything at once. All your trips in one place.")
+			}),
+			/* @__PURE__ */ D(T, {
+				storageKey: "ggnomad-trips",
+				steps: [{
+					id: "add-stays",
+					label: A("ggnomad.trips.next.stays", "Add places to stay"),
+					description: A("ggnomad.trips.next.staysDesc", "Browse accommodations and add them to your itinerary."),
+					icon: /* @__PURE__ */ D(s, { className: "size-4" }),
+					onClick: () => j("../hospitality")
+				}, {
+					id: "build-activities",
+					label: A("ggnomad.trips.next.activities", "Plan activities"),
+					description: A("ggnomad.trips.next.activitiesDesc", "Mix in tours, events, and activities by day."),
+					icon: /* @__PURE__ */ D(c, { className: "size-4" }),
+					onClick: () => j("../tourism")
+				}]
+			}),
+			B.length === 0 ? /* @__PURE__ */ D(w, {
+				illustration: "empty-data",
+				title: A("ggnomad.trips.emptyTitle", "No trips yet"),
+				description: A("ggnomad.trips.emptyDescription", "Create your first trip to start building an itinerary.")
+			}) : /* @__PURE__ */ O(C, {
+				treatment: "glass",
+				glow: !0,
+				className: "border-border-seam p-5",
+				children: [/* @__PURE__ */ D("h2", {
+					className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
+					children: A("ggnomad.trips.yourTrips", "Your trips")
+				}), /* @__PURE__ */ D("div", {
+					className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3",
+					children: B.map((e) => /* @__PURE__ */ D(i, {
+						to: `trips/${e.id}`,
+						title: e.name,
+						meta: `${e.travelers} ${e.travelers === 1 ? A("ggnomad.trips.card.traveler", "traveler") : A("ggnomad.trips.card.travelers", "travelers")} · ${e.itemCount} ${A("ggnomad.trips.card.items", "items")}`,
+						price: e.total > 0 ? `USD ${e.total.toFixed(2)}` : "",
+						badge: /* @__PURE__ */ D(r, {
+							status: e.status,
+							live: e.status !== "CANCELLED"
+						}),
+						footer: e.startDate && e.endDate ? `${H(e.startDate)} – ${H(e.endDate)}` : A("ggnomad.trips.card.noDates", "No dates set")
+					}, e.id))
+				})]
+			}),
+			/* @__PURE__ */ D(m, {
+				open: M,
+				onOpenChange: N,
+				children: /* @__PURE__ */ O(_, { children: [
+					/* @__PURE__ */ O(b, { children: [/* @__PURE__ */ D(x, { children: A("ggnomad.trips.newDialog.title", "Create a new trip") }), /* @__PURE__ */ D(v, { children: A("ggnomad.trips.newDialog.description", "Name your trip and set the dates to get started building your itinerary.") })] }),
+					/* @__PURE__ */ O("div", {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
+							htmlFor: "trip-name",
+							className: "block text-sm font-medium text-text-primary",
+							children: A("ggnomad.trips.newDialog.tripName", "Trip name")
+						}), /* @__PURE__ */ D("input", {
+							id: "trip-name",
+							type: "text",
+							className: "mt-1 w-full rounded-md border border-border-seam bg-bg-canvas px-3 py-2 text-sm text-text-primary placeholder-text-secondary focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary",
+							placeholder: A("ggnomad.trips.newDialog.tripNamePlaceholder", "e.g. Summer Europe Adventure"),
+							value: P.name,
+							onChange: (e) => F((t) => ({
+								...t,
+								name: e.target.value
+							}))
+						})] }), /* @__PURE__ */ O("div", {
+							className: "grid grid-cols-2 gap-3",
+							children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
+								htmlFor: "trip-start-date",
+								className: "block text-sm font-medium text-text-primary",
+								children: A("ggnomad.trips.newDialog.startDate", "Start date")
+							}), /* @__PURE__ */ D("input", {
+								id: "trip-start-date",
+								type: "date",
+								className: "mt-1 w-full rounded-md border border-border-seam bg-bg-canvas px-3 py-2 text-sm text-text-primary focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary",
+								value: P.startDate,
+								onChange: (e) => F((t) => ({
+									...t,
+									startDate: e.target.value
+								}))
+							})] }), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
+								htmlFor: "trip-end-date",
+								className: "block text-sm font-medium text-text-primary",
+								children: A("ggnomad.trips.newDialog.endDate", "End date")
+							}), /* @__PURE__ */ D("input", {
+								id: "trip-end-date",
+								type: "date",
+								className: "mt-1 w-full rounded-md border border-border-seam bg-bg-canvas px-3 py-2 text-sm text-text-primary focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary",
+								value: P.endDate,
+								onChange: (e) => F((t) => ({
+									...t,
+									endDate: e.target.value
+								}))
+							})] })]
+						})]
+					}),
+					/* @__PURE__ */ O(y, { children: [/* @__PURE__ */ D(g, {
+						disabled: z,
+						children: A("ggnomad.trips.newDialog.cancel", "Cancel")
+					}), /* @__PURE__ */ D(h, {
+						disabled: z || !P.name.trim(),
+						onClick: (e) => {
+							e.preventDefault(), V();
+						},
+						children: z ? A("ggnomad.trips.newDialog.creating", "Creating…") : A("ggnomad.trips.newDialog.create", "Create trip")
+					})] })
+				] })
+			})
+		]
+	});
+}
+//#endregion
+export { A as TripsPage };
+
+//# sourceMappingURL=TripsPage.js.map

package/dist/ggnomad/pages/TripsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TripsPage.js","names":[],"sources":["../../../src/ggnomad/pages/TripsPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Calendar, Map, Plus } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  CTAOverflowMenu,\n  GlassCard,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  CREATE_GGNOMAD_TRIP_PLAN_MUTATION,\n  GGNOMAD_TRIP_PLANS_QUERY,\n} from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, StatusBadge } from '../components';\nimport { notify } from '../utils/notify';\n\ninterface NewTripFormState {\n  name: string;\n  startDate: string;\n  endDate: string;\n}\n\nconst defaultFormState: NewTripFormState = {\n  name: '',\n  startDate: '',\n  endDate: '',\n};\n\nexport function TripsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const [showNewTripDialog, setShowNewTripDialog] = useState(false);\n  const [formState, setFormState] = useState<NewTripFormState>(defaultFormState);\n\n  const { data, refetch } = useQuery(\n    GGNOMAD_TRIP_PLANS_QUERY as TypedDocumentNode<\n      {\n        ggnomadTripPlans: Array<{\n          id: string;\n          name: string;\n          description?: string;\n          startDate?: string;\n          endDate?: string;\n          travelers: number;\n          status: string;\n          total: number;\n          itemCount: number;\n          createdAt: string;\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    { variables: { first: 50, skip: 0 } }\n  );\n\n  const [createTripPlan, { loading: creating }] = useMutation(\n    CREATE_GGNOMAD_TRIP_PLAN_MUTATION as TypedDocumentNode<\n      {\n        createGgnomadTripPlan: {\n          id: string;\n          name: string;\n          startDate?: string;\n          endDate?: string;\n        };\n      },\n      {\n        input: {\n          name: string;\n          description?: string;\n          startDate?: string;\n          endDate?: string;\n          travelers?: number;\n        };\n      }\n    >\n  );\n\n  const trips = data?.ggnomadTripPlans ?? [];\n\n  const handleCreateTrip = async () => {\n    if (!formState.name.trim()) {\n      notify.warning(\n        t('ggnomad.trips.toast.validationTitle', 'Required field missing'),\n        t('ggnomad.trips.toast.nameRequired', 'Please enter a trip name')\n      );\n      return;\n    }\n\n    try {\n      const result = await createTripPlan({\n        variables: {\n          input: {\n            name: formState.name.trim(),\n            startDate: formState.startDate ? new Date(formState.startDate).toISOString() : undefined,\n            endDate: formState.endDate ? new Date(formState.endDate).toISOString() : undefined,\n            travelers: 1,\n          },\n        },\n      });\n\n      if (result.error) {\n        notify.error(\n          t('ggnomad.trips.toast.createErrorTitle', 'Could not create trip'),\n          result.error.message\n        );\n        return;\n      }\n\n      const created = result.data?.createGgnomadTripPlan;\n      if (!created) return;\n\n      notify.success(\n        t('ggnomad.trips.toast.createSuccessTitle', 'Trip created'),\n        created.name\n      );\n\n      setShowNewTripDialog(false);\n      setFormState(defaultFormState);\n      await refetch();\n      navigate(`trips/${created.id}`);\n    } catch (err) {\n      notify.error(\n        t('ggnomad.trips.toast.createErrorTitle', 'Could not create trip'),\n        err instanceof Error ? err.message : String(err)\n      );\n    }\n  };\n\n  const formatDate = (dateStr?: string) => {\n    if (!dateStr) return '';\n    const date = new Date(dateStr);\n    return date.toLocaleDateString('en-US', {\n      month: 'short',\n      day: 'numeric',\n      year: 'numeric',\n    });\n  };\n\n  return (\n    <PageShell\n      title={t('ggnomad.trips.title', 'Trips')}\n      titleAccent={t('ggnomad.trips.title.accent', 'Trips')}\n      subtitle={t(\n        'ggnomad.trips.subtitle',\n        'Plan complete itineraries with real trip planning API mutations'\n      )}\n      actions={\n        <CTAOverflowMenu\n          primary={{\n            label: t('ggnomad.trips.actions.newTrip', 'New trip'),\n            onSelect: () => setShowNewTripDialog(true),\n            disabled: creating,\n            icon: <Plus />,\n          }}\n          actions={[]}\n        />\n      }\n    >\n      <PagePurpose icon={<Map className=\"size-4\" />}>\n        {t(\n          'ggnomad.trips.purpose',\n          'Organize every aspect of your journey — build itineraries day by day, add activities and accommodations, manage your trip status, and book everything at once. All your trips in one place.'\n        )}\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"ggnomad-trips\"\n        steps={[\n          {\n            id: 'add-stays',\n            label: t('ggnomad.trips.next.stays', 'Add places to stay'),\n            description: t(\n              'ggnomad.trips.next.staysDesc',\n              'Browse accommodations and add them to your itinerary.'\n            ),\n            icon: <Calendar className=\"size-4\" />,\n            onClick: () => navigate('../hospitality'),\n          },\n          {\n            id: 'build-activities',\n            label: t('ggnomad.trips.next.activities', 'Plan activities'),\n            description: t(\n              'ggnomad.trips.next.activitiesDesc',\n              'Mix in tours, events, and activities by day.'\n            ),\n            icon: <Map className=\"size-4\" />,\n            onClick: () => navigate('../tourism'),\n          },\n        ]}\n      />\n\n      {trips.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.trips.emptyTitle', 'No trips yet')}\n          description={t(\n            'ggnomad.trips.emptyDescription',\n            'Create your first trip to start building an itinerary.'\n          )}\n        />\n      ) : (\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n          <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n            {t('ggnomad.trips.yourTrips', 'Your trips')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2 lg:grid-cols-3\">\n            {trips.map((trip) => (\n              <EntityCard\n                key={trip.id}\n                to={`trips/${trip.id}`}\n                title={trip.name}\n                meta={`${trip.travelers} ${\n                  trip.travelers === 1\n                    ? t('ggnomad.trips.card.traveler', 'traveler')\n                    : t('ggnomad.trips.card.travelers', 'travelers')\n                } · ${trip.itemCount} ${t('ggnomad.trips.card.items', 'items')}`}\n                price={trip.total > 0 ? `USD ${trip.total.toFixed(2)}` : ''}\n                badge={<StatusBadge status={trip.status} live={trip.status !== 'CANCELLED'} />}\n                footer={\n                  trip.startDate && trip.endDate\n                    ? `${formatDate(trip.startDate)} – ${formatDate(trip.endDate)}`\n                    : t('ggnomad.trips.card.noDates', 'No dates set')\n                }\n              />\n            ))}\n          </div>\n        </GlassCard>\n      )}\n\n      <AlertDialog open={showNewTripDialog} onOpenChange={setShowNewTripDialog}>\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>\n              {t('ggnomad.trips.newDialog.title', 'Create a new trip')}\n            </AlertDialogTitle>\n            <AlertDialogDescription>\n              {t(\n                'ggnomad.trips.newDialog.description',\n                'Name your trip and set the dates to get started building your itinerary.'\n              )}\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n\n          <div className=\"space-y-4\">\n            <div>\n              <label htmlFor=\"trip-name\" className=\"block text-sm font-medium text-text-primary\">\n                {t('ggnomad.trips.newDialog.tripName', 'Trip name')}\n              </label>\n              <input\n                id=\"trip-name\"\n                type=\"text\"\n                className=\"mt-1 w-full rounded-md border border-border-seam bg-bg-canvas px-3 py-2 text-sm text-text-primary placeholder-text-secondary focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary\"\n                placeholder={t(\n                  'ggnomad.trips.newDialog.tripNamePlaceholder',\n                  'e.g. Summer Europe Adventure'\n                )}\n                value={formState.name}\n                onChange={(e) =>\n                  setFormState((prev) => ({ ...prev, name: e.target.value }))\n                }\n              />\n            </div>\n\n            <div className=\"grid grid-cols-2 gap-3\">\n              <div>\n                <label\n                  htmlFor=\"trip-start-date\"\n                  className=\"block text-sm font-medium text-text-primary\"\n                >\n                  {t('ggnomad.trips.newDialog.startDate', 'Start date')}\n                </label>\n                <input\n                  id=\"trip-start-date\"\n                  type=\"date\"\n                  className=\"mt-1 w-full rounded-md border border-border-seam bg-bg-canvas px-3 py-2 text-sm text-text-primary focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary\"\n                  value={formState.startDate}\n                  onChange={(e) =>\n                    setFormState((prev) => ({ ...prev, startDate: e.target.value }))\n                  }\n                />\n              </div>\n              <div>\n                <label\n                  htmlFor=\"trip-end-date\"\n                  className=\"block text-sm font-medium text-text-primary\"\n                >\n                  {t('ggnomad.trips.newDialog.endDate', 'End date')}\n                </label>\n                <input\n                  id=\"trip-end-date\"\n                  type=\"date\"\n                  className=\"mt-1 w-full rounded-md border border-border-seam bg-bg-canvas px-3 py-2 text-sm text-text-primary focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary\"\n                  value={formState.endDate}\n                  onChange={(e) =>\n                    setFormState((prev) => ({ ...prev, endDate: e.target.value }))\n                  }\n                />\n              </div>\n            </div>\n          </div>\n\n          <AlertDialogFooter>\n            <AlertDialogCancel disabled={creating}>\n              {t('ggnomad.trips.newDialog.cancel', 'Cancel')}\n            </AlertDialogCancel>\n            <AlertDialogAction\n              disabled={creating || !formState.name.trim()}\n              onClick={(event) => {\n                event.preventDefault();\n                void handleCreateTrip();\n              }}\n            >\n              {creating\n                ? t('ggnomad.trips.newDialog.creating', 'Creating…')\n                : t('ggnomad.trips.newDialog.create', 'Create trip')}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </PageShell>\n  );\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-ggnomad",
-  "version": "2026.705.3",
+  "version": "2026.705.4",
   "description": "Burdenoff GGNomad Microfrontend",
   "type": "module",
   "files": [