@burdenoff/microfe-ggnomad 2026.719.1 → 2026.719.3

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

@@ -1 +1 @@
-{"version":3,"file":"BookingsPage.js","names":[],"sources":["../../../src/ggnomad/pages/BookingsPage.tsx"],"sourcesContent":["import { useMemo, 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 { CalendarCheck, Compass, Hotel, Plus, Ticket, XCircle } 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  CANCEL_GGNOMAD_BOOKING_MUTATION,\n  CREATE_GGNOMAD_BOOKING_MUTATION,\n  GGNOMAD_BOOKABLE_SAMPLE_QUERY,\n  GGNOMAD_BOOKINGS_QUERY,\n} from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, StatusBadge } from '../components';\nimport { notify } from '../utils/notify';\n\ntype BookingType = 'PROPERTY' | 'TOUR' | 'EVENT' | 'ACTIVITY';\n\ntype PricedListing = { id: string; name: string; price: number; currency: string };\n\ntype CancelTarget = { id: string; referenceCode: string };\n\nexport function BookingsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const [cancelTarget, setCancelTarget] = useState<CancelTarget | null>(null);\n\n  const { data, refetch } = useQuery(\n    GGNOMAD_BOOKINGS_QUERY as TypedDocumentNode<\n      {\n        ggnomadBookings: Array<{\n          id: string;\n          referenceCode: string;\n          itemName: string;\n          status: string;\n          totalPrice: number;\n          currency: string;\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    { variables: { first: 20, skip: 0 } }\n  );\n\n  // One real listing of each type so the demo booking targets an id that\n  // actually exists in the workspace (the backend rejects synthetic ids).\n  const { data: sampleData } = useQuery(\n    GGNOMAD_BOOKABLE_SAMPLE_QUERY as TypedDocumentNode<\n      {\n        ggnomadProperties: Array<{\n          id: string;\n          name: string;\n          pricePerNight: number;\n          currency: string;\n        }>;\n        ggnomadTours: Array<{ id: string; name: string; price: number; currency: string }>;\n        ggnomadEvents: Array<{ id: string; name: string; price: number; currency: string }>;\n        ggnomadActivities: Array<{ id: string; name: string; price: number; currency: string }>;\n      },\n      Record<string, never>\n    >\n  );\n\n  const [createBooking, { loading: creating }] = useMutation(\n    CREATE_GGNOMAD_BOOKING_MUTATION as TypedDocumentNode<\n      { createGgnomadBooking: { id: string; referenceCode: string; itemName: string } },\n      {\n        input: {\n          bookingType: BookingType;\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 [cancelBooking, { loading: cancelling }] = useMutation(\n    CANCEL_GGNOMAD_BOOKING_MUTATION as TypedDocumentNode<\n      { cancelGgnomadBooking: { id: string; status: string } },\n      { id: string; reason: string }\n    >\n  );\n\n  const bookings = useMemo(() => data?.ggnomadBookings ?? [], [data?.ggnomadBookings]);\n\n  const statusCounts = useMemo(() => {\n    const counts: Record<string, number> = {\n      CONFIRMED: 0,\n      CHECKED_IN: 0,\n      COMPLETED: 0,\n      CANCELLED: 0,\n    };\n    bookings.forEach((booking) => {\n      const status = booking.status?.toUpperCase();\n      if (status && status in counts) {\n        counts[status] += 1;\n      }\n    });\n    return counts;\n  }, [bookings]);\n\n  /** First available real listing, in priority order, mapped to a booking type. */\n  const resolveDemoTarget = (): { type: BookingType; listing: PricedListing } | null => {\n    const property = sampleData?.ggnomadProperties?.[0];\n    if (property) {\n      return {\n        type: 'PROPERTY',\n        listing: {\n          id: property.id,\n          name: property.name,\n          price: property.pricePerNight,\n          currency: property.currency,\n        },\n      };\n    }\n    const tour = sampleData?.ggnomadTours?.[0];\n    if (tour) return { type: 'TOUR', listing: tour };\n    const event = sampleData?.ggnomadEvents?.[0];\n    if (event) return { type: 'EVENT', listing: event };\n    const activity = sampleData?.ggnomadActivities?.[0];\n    if (activity) return { type: 'ACTIVITY', listing: activity };\n    return null;\n  };\n\n  const handleCreateDemoBooking = async () => {\n    const target = resolveDemoTarget();\n    if (!target) {\n      notify.warning(\n        t('ggnomad.bookings.toast.noListingsTitle', 'No listings available to book yet'),\n        t(\n          'ggnomad.bookings.toast.noListingsBody',\n          'Add a property, tour, event or activity first, then create a booking against it.'\n        )\n      );\n      return;\n    }\n    const { type, listing } = target;\n    try {\n      const result = await createBooking({\n        variables: {\n          input: {\n            bookingType: type,\n            itemId: listing.id,\n            itemName: listing.name,\n            guestName: t('ggnomad.bookings.demo.guestName', 'Demo Guest'),\n            guestEmail: 'demo@burdenoff.com',\n            guests: 2,\n            totalPrice: Number(listing.price ?? 0),\n            currency: listing.currency ?? 'USD',\n            paymentMethod: 'card',\n          },\n        },\n      });\n      if (result.error) {\n        notify.error(\n          t('ggnomad.bookings.toast.createErrorTitle', 'Could not create booking'),\n          result.error.message\n        );\n        return;\n      }\n      const created = result.data?.createGgnomadBooking;\n      notify.success(\n        t('ggnomad.bookings.toast.createSuccessTitle', 'Booking confirmed'),\n        created\n          ? t('ggnomad.bookings.toast.createSuccessBody', '{{ref}} · {{item}}')\n              .replace('{{ref}}', created.referenceCode)\n              .replace('{{item}}', created.itemName)\n          : listing.name\n      );\n      await refetch();\n    } catch (err) {\n      notify.error(\n        t('ggnomad.bookings.toast.createErrorTitle', 'Could not create booking'),\n        err instanceof Error ? err.message : String(err)\n      );\n    }\n  };\n\n  const confirmCancel = async () => {\n    if (!cancelTarget) return;\n    try {\n      const result = await cancelBooking({\n        variables: {\n          id: cancelTarget.id,\n          reason: t('ggnomad.bookings.actions.cancelReason', 'Cancelled via UI'),\n        },\n      });\n      if (result.error) {\n        notify.error(\n          t('ggnomad.bookings.toast.cancelErrorTitle', 'Could not cancel booking'),\n          result.error.message\n        );\n        return;\n      }\n      notify.success(\n        t('ggnomad.bookings.toast.cancelSuccessTitle', 'Booking cancelled'),\n        cancelTarget.referenceCode\n      );\n      await refetch();\n    } catch (err) {\n      notify.error(\n        t('ggnomad.bookings.toast.cancelErrorTitle', 'Could not cancel booking'),\n        err instanceof Error ? err.message : String(err)\n      );\n    } finally {\n      setCancelTarget(null);\n    }\n  };\n\n  return (\n    <PageShell\n      title={t('ggnomad.bookings.title', 'Bookings')}\n      titleAccent={t('ggnomad.bookings.title.accent', 'Bookings')}\n      subtitle={t(\n        'ggnomad.bookings.subtitle',\n        'End-to-end booking operations with real API mutations'\n      )}\n      actions={\n        <CTAOverflowMenu\n          primary={{\n            label: t('ggnomad.bookings.actions.createDemoBooking', 'Create demo booking'),\n            onSelect: () => void handleCreateDemoBooking(),\n            disabled: creating,\n            icon: <Plus />,\n          }}\n          actions={[]}\n        />\n      }\n    >\n      <PagePurpose icon={<CalendarCheck className=\"size-4\" />}>\n        {t(\n          'ggnomad.bookings.purpose',\n          'Your single place to manage every reservation across travel, stays, tours and events. Track each booking’s status and reference code in real time, and cancel a reservation when plans change — all backed by live API mutations.'\n        )}\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"ggnomad-bookings\"\n        steps={[\n          {\n            id: 'book-stay',\n            label: t('ggnomad.bookings.next.stay', 'Book a place to stay'),\n            description: t(\n              'ggnomad.bookings.next.stayDesc',\n              'Browse hospitality listings and reserve a property.'\n            ),\n            icon: <Hotel className=\"size-4\" />,\n            onClick: () => navigate('../hospitality'),\n          },\n          {\n            id: 'book-tour',\n            label: t('ggnomad.bookings.next.tour', 'Add a tour or activity'),\n            description: t(\n              'ggnomad.bookings.next.tourDesc',\n              'Pick a curated experience from Tourism.'\n            ),\n            icon: <Compass className=\"size-4\" />,\n            onClick: () => navigate('../tourism'),\n          },\n          {\n            id: 'book-event',\n            label: t('ggnomad.bookings.next.event', 'Grab event tickets'),\n            description: t(\n              'ggnomad.bookings.next.eventDesc',\n              'Find live events to round out the itinerary.'\n            ),\n            icon: <Ticket className=\"size-4\" />,\n            onClick: () => navigate('../entertainment'),\n          },\n        ]}\n      />\n\n      {bookings.length > 0 && (\n        <div className=\"grid gap-3 sm:grid-cols-4\">\n          {[\n            {\n              status: 'CONFIRMED',\n              label: t('ggnomad.bookings.pipeline.confirmed', 'Confirmed'),\n              icon: CalendarCheck,\n            },\n            {\n              status: 'CHECKED_IN',\n              label: t('ggnomad.bookings.pipeline.checkedIn', 'Checked-in'),\n              icon: Hotel,\n            },\n            {\n              status: 'COMPLETED',\n              label: t('ggnomad.bookings.pipeline.completed', 'Completed'),\n              icon: Ticket,\n            },\n            {\n              status: 'CANCELLED',\n              label: t('ggnomad.bookings.pipeline.cancelled', 'Cancelled'),\n              icon: XCircle,\n            },\n          ].map((stage) => {\n            const Icon = stage.icon;\n            const count = statusCounts[stage.status];\n            return (\n              <div\n                key={stage.status}\n                className=\"flex flex-col items-center gap-2 rounded-lg border border-border-seam bg-bg-surface/40 p-3 text-center\"\n              >\n                <div className=\"flex size-8 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary\">\n                  <Icon className=\"size-4\" />\n                </div>\n                <p className=\"text-xs font-medium text-text-secondary\">{stage.label}</p>\n                <p className=\"text-lg font-semibold tabular-nums text-text-primary\">{count}</p>\n              </div>\n            );\n          })}\n        </div>\n      )}\n\n      {bookings.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.bookings.emptyTitle', 'No bookings yet')}\n          description={t(\n            'ggnomad.bookings.emptyDescription',\n            'Create your first booking to see it tracked here in real time.'\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.bookings.activeBookings', 'Your bookings')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2\">\n            {bookings.map((booking) => (\n              <EntityCard\n                key={booking.id}\n                title={booking.referenceCode}\n                meta={booking.itemName}\n                price={`${booking.currency} ${Number(booking.totalPrice).toFixed(2)}`}\n                badge={\n                  <StatusBadge status={booking.status} live={booking.status !== 'CANCELLED'} />\n                }\n                footer={\n                  booking.status !== 'CANCELLED' ? (\n                    <CTAOverflowMenu\n                      align=\"end\"\n                      actions={[\n                        {\n                          label: t('ggnomad.bookings.actions.cancel', 'Cancel booking'),\n                          onSelect: () =>\n                            setCancelTarget({\n                              id: booking.id,\n                              referenceCode: booking.referenceCode,\n                            }),\n                          intent: 'destructive',\n                          icon: <XCircle />,\n                        },\n                      ]}\n                    />\n                  ) : null\n                }\n              />\n            ))}\n          </div>\n        </GlassCard>\n      )}\n\n      <AlertDialog\n        open={cancelTarget !== null}\n        onOpenChange={(open) => {\n          if (!open) setCancelTarget(null);\n        }}\n      >\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>\n              {t('ggnomad.bookings.cancelDialog.title', 'Cancel this booking?')}\n            </AlertDialogTitle>\n            <AlertDialogDescription>\n              {t(\n                'ggnomad.bookings.cancelDialog.body',\n                'This releases reservation {{ref}} and cannot be undone.'\n              ).replace('{{ref}}', cancelTarget?.referenceCode ?? '')}\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel disabled={cancelling}>\n              {t('ggnomad.bookings.cancelDialog.keep', 'Keep booking')}\n            </AlertDialogCancel>\n            <AlertDialogAction\n              className=\"bg-action-danger-bg text-action-danger-text hover:bg-action-danger-bgHover\"\n              disabled={cancelling}\n              onClick={(event) => {\n                event.preventDefault();\n                void confirmCancel();\n              }}\n            >\n              {cancelling\n                ? t('ggnomad.bookings.cancelDialog.cancelling', 'Cancelling…')\n                : t('ggnomad.bookings.cancelDialog.confirm', 'Cancel booking')}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAsCA,SAAgB,IAAe;CAC7B,IAAM,EAAE,SAAM,EAAQ,GAChB,IAAW,EAAY,GACvB,CAAC,GAAc,KAAmB,EAA8B,IAAI,GAEpE,EAAE,SAAM,eAAY,EACxB,GAaA,EAAE,WAAW;EAAE,OAAO;EAAI,MAAM;CAAE,EAAE,CACtC,GAIM,EAAE,MAAM,MAAe,EAC3B,CAcF,GAEM,CAAC,GAAe,EAAE,SAAS,OAAc,EAC7C,CAgBF,GAEM,CAAC,GAAe,EAAE,SAAS,OAAgB,EAC/C,CAIF,GAEM,IAAW,QAAc,GAAM,mBAAmB,CAAC,GAAG,CAAC,GAAM,eAAe,CAAC,GAE7E,IAAe,QAAc;EACjC,IAAM,IAAiC;GACrC,WAAW;GACX,YAAY;GACZ,WAAW;GACX,WAAW;EACb;EAOA,OANA,EAAS,SAAS,MAAY;GAC5B,IAAM,IAAS,EAAQ,QAAQ,YAAY;GAC3C,AAAI,KAAU,KAAU,MACtB,EAAO,MAAW;EAEtB,CAAC,GACM;CACT,GAAG,CAAC,CAAQ,CAAC,GAGP,UAAgF;EACpF,IAAM,IAAW,GAAY,oBAAoB;EACjD,IAAI,GACF,OAAO;GACL,MAAM;GACN,SAAS;IACP,IAAI,EAAS;IACb,MAAM,EAAS;IACf,OAAO,EAAS;IAChB,UAAU,EAAS;GACrB;EACF;EAEF,IAAM,IAAO,GAAY,eAAe;EACxC,IAAI,GAAM,OAAO;GAAE,MAAM;GAAQ,SAAS;EAAK;EAC/C,IAAM,IAAQ,GAAY,gBAAgB;EAC1C,IAAI,GAAO,OAAO;GAAE,MAAM;GAAS,SAAS;EAAM;EAClD,IAAM,IAAW,GAAY,oBAAoB;EAEjD,OADI,IAAiB;GAAE,MAAM;GAAY,SAAS;EAAS,IACpD;CACT,GAEM,IAA0B,YAAY;EAC1C,IAAM,IAAS,EAAkB;EACjC,IAAI,CAAC,GAAQ;GACX,EAAO,QACL,EAAE,0CAA0C,mCAAmC,GAC/E,EACE,yCACA,kFACF,CACF;GACA;EACF;EACA,IAAM,EAAE,SAAM,eAAY;EAC1B,IAAI;GACF,IAAM,IAAS,MAAM,EAAc,EACjC,WAAW,EACT,OAAO;IACL,aAAa;IACb,QAAQ,EAAQ;IAChB,UAAU,EAAQ;IAClB,WAAW,EAAE,mCAAmC,YAAY;IAC5D,YAAY;IACZ,QAAQ;IACR,YAAY,OAAO,EAAQ,SAAS,CAAC;IACrC,UAAU,EAAQ,YAAY;IAC9B,eAAe;GACjB,EACF,EACF,CAAC;GACD,IAAI,EAAO,OAAO;IAChB,EAAO,MACL,EAAE,2CAA2C,0BAA0B,GACvE,EAAO,MAAM,OACf;IACA;GACF;GACA,IAAM,IAAU,EAAO,MAAM;GAS7B,AARA,EAAO,QACL,EAAE,6CAA6C,mBAAmB,GAClE,IACI,EAAE,4CAA4C,oBAAoB,EAC/D,QAAQ,WAAW,EAAQ,aAAa,EACxC,QAAQ,YAAY,EAAQ,QAAQ,IACvC,EAAQ,IACd,GACA,MAAM,EAAQ;EAChB,SAAS,GAAK;GACZ,EAAO,MACL,EAAE,2CAA2C,0BAA0B,GACvE,aAAe,QAAQ,EAAI,UAAU,OAAO,CAAG,CACjD;EACF;CACF,GAEM,IAAgB,YAAY;EAC3B,OACL,IAAI;GACF,IAAM,IAAS,MAAM,EAAc,EACjC,WAAW;IACT,IAAI,EAAa;IACjB,QAAQ,EAAE,yCAAyC,kBAAkB;GACvE,EACF,CAAC;GACD,IAAI,EAAO,OAAO;IAChB,EAAO,MACL,EAAE,2CAA2C,0BAA0B,GACvE,EAAO,MAAM,OACf;IACA;GACF;GAKA,AAJA,EAAO,QACL,EAAE,6CAA6C,mBAAmB,GAClE,EAAa,aACf,GACA,MAAM,EAAQ;EAChB,SAAS,GAAK;GACZ,EAAO,MACL,EAAE,2CAA2C,0BAA0B,GACvE,aAAe,QAAQ,EAAI,UAAU,OAAO,CAAG,CACjD;EACF,UAAU;GACR,EAAgB,IAAI;EACtB;CACF;CAEA,OACE,kBAAC,GAAD;EACE,OAAO,EAAE,0BAA0B,UAAU;EAC7C,aAAa,EAAE,iCAAiC,UAAU;EAC1D,UAAU,EACR,6BACA,uDACF;EACA,SACE,kBAAC,GAAD;GACE,SAAS;IACP,OAAO,EAAE,8CAA8C,qBAAqB;IAC5E,gBAAgB,KAAK,EAAwB;IAC7C,UAAU;IACV,MAAM,kBAAC,GAAD,CAAO,CAAA;GACf;GACA,SAAS,CAAC;EACX,CAAA;YAhBL;GAmBE,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAe,WAAU,SAAU,CAAA;cACnD,EACC,4BACA,mOACF;GACW,CAAA;GAEb,kBAAC,GAAD;IACE,YAAW;IACX,OAAO;KACL;MACE,IAAI;MACJ,OAAO,EAAE,8BAA8B,sBAAsB;MAC7D,aAAa,EACX,kCACA,qDACF;MACA,MAAM,kBAAC,GAAD,EAAO,WAAU,SAAU,CAAA;MACjC,eAAe,EAAS,gBAAgB;KAC1C;KACA;MACE,IAAI;MACJ,OAAO,EAAE,8BAA8B,wBAAwB;MAC/D,aAAa,EACX,kCACA,yCACF;MACA,MAAM,kBAAC,GAAD,EAAS,WAAU,SAAU,CAAA;MACnC,eAAe,EAAS,YAAY;KACtC;KACA;MACE,IAAI;MACJ,OAAO,EAAE,+BAA+B,oBAAoB;MAC5D,aAAa,EACX,mCACA,8CACF;MACA,MAAM,kBAAC,GAAD,EAAQ,WAAU,SAAU,CAAA;MAClC,eAAe,EAAS,kBAAkB;KAC5C;IACF;GACD,CAAA;GAEA,EAAS,SAAS,KACjB,kBAAC,OAAD;IAAK,WAAU;cACZ;KACC;MACE,QAAQ;MACR,OAAO,EAAE,uCAAuC,WAAW;MAC3D,MAAM;KACR;KACA;MACE,QAAQ;MACR,OAAO,EAAE,uCAAuC,YAAY;MAC5D,MAAM;KACR;KACA;MACE,QAAQ;MACR,OAAO,EAAE,uCAAuC,WAAW;MAC3D,MAAM;KACR;KACA;MACE,QAAQ;MACR,OAAO,EAAE,uCAAuC,WAAW;MAC3D,MAAM;KACR;IACF,EAAE,KAAK,MAAU;KACf,IAAM,IAAO,EAAM,MACb,IAAQ,EAAa,EAAM;KACjC,OACE,kBAAC,OAAD;MAEE,WAAU;gBAFZ;OAIE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD,EAAM,WAAU,SAAU,CAAA;OACvB,CAAA;OACL,kBAAC,KAAD;QAAG,WAAU;kBAA2C,EAAM;OAAS,CAAA;OACvE,kBAAC,KAAD;QAAG,WAAU;kBAAwD;OAAS,CAAA;MAC3E;QARE,EAAM,MAQR;IAET,CAAC;GACE,CAAA;GAGN,EAAS,WAAW,IACnB,kBAAC,GAAD;IACE,cAAa;IACb,OAAO,EAAE,+BAA+B,iBAAiB;IACzD,aAAa,EACX,qCACA,gEACF;GACD,CAAA,IAED,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAA5C,CACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAE,mCAAmC,eAAe;IACnD,CAAA,GACJ,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAS,KAAK,MACb,kBAAC,GAAD;MAEE,OAAO,EAAQ;MACf,MAAM,EAAQ;MACd,OAAO,GAAG,EAAQ,SAAS,GAAG,OAAO,EAAQ,UAAU,EAAE,QAAQ,CAAC;MAClE,OACE,kBAAC,GAAD;OAAa,QAAQ,EAAQ;OAAQ,MAAM,EAAQ,WAAW;MAAc,CAAA;MAE9E,QACE,EAAQ,WAAW,cAgBf,OAfF,kBAAC,GAAD;OACE,OAAM;OACN,SAAS,CACP;QACE,OAAO,EAAE,mCAAmC,gBAAgB;QAC5D,gBACE,EAAgB;SACd,IAAI,EAAQ;SACZ,eAAe,EAAQ;QACzB,CAAC;QACH,QAAQ;QACR,MAAM,kBAAC,GAAD,CAAU,CAAA;OAClB,CACF;MACD,CAAA;KAGN,GA1BM,EAAQ,EA0Bd,CACF;IACE,CAAA,CACI;;GAGb,kBAAC,GAAD;IACE,MAAM,MAAiB;IACvB,eAAe,MAAS;KACtB,AAAK,KAAM,EAAgB,IAAI;IACjC;cAEA,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACG,EAAE,uCAAuC,sBAAsB,EAChD,CAAA,GAClB,kBAAC,GAAD,EAAA,UACG,EACC,sCACA,yDACF,EAAE,QAAQ,WAAW,GAAc,iBAAiB,EAAE,EAChC,CAAA,CACP,EAAA,CAAA,GACnB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAmB,UAAU;eAC1B,EAAE,sCAAsC,cAAc;IACtC,CAAA,GACnB,kBAAC,GAAD;KACE,WAAU;KACV,UAAU;KACV,UAAU,MAAU;MAElB,AADA,EAAM,eAAe,GACrB,EAAmB;KACrB;eAEC,IACG,EAAE,4CAA4C,aAAa,IAC3D,EAAE,yCAAyC,gBAAgB;IAC9C,CAAA,CACF,EAAA,CAAA,CACD,EAAA,CAAA;GACT,CAAA;EACJ;;AAEf"}
+{"version":3,"file":"BookingsPage.js","names":[],"sources":["../../../src/ggnomad/pages/BookingsPage.tsx"],"sourcesContent":["import { useMemo, 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 { CalendarCheck, Compass, Hotel, Plus, Ticket, XCircle } 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  CANCEL_GGNOMAD_BOOKING_MUTATION,\n  CREATE_GGNOMAD_BOOKING_MUTATION,\n  GGNOMAD_BOOKABLE_SAMPLE_QUERY,\n  GGNOMAD_BOOKINGS_QUERY,\n} from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, StatusBadge } from '../components';\nimport { notify } from '../utils/notify';\n\ntype BookingType = 'PROPERTY' | 'TOUR' | 'EVENT' | 'ACTIVITY';\n\ntype PricedListing = { id: string; name: string; price: number; currency: string };\n\ntype CancelTarget = { id: string; referenceCode: string };\n\nexport function BookingsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const [cancelTarget, setCancelTarget] = useState<CancelTarget | null>(null);\n\n  const { data, refetch } = useQuery(\n    GGNOMAD_BOOKINGS_QUERY as TypedDocumentNode<\n      {\n        ggnomadBookings: Array<{\n          id: string;\n          referenceCode: string;\n          itemName: string;\n          status: string;\n          totalPrice: number;\n          currency: string;\n        }>;\n      },\n      { limit: number; offset: number }\n    >,\n    { variables: { limit: 20, offset: 0 } }\n  );\n\n  // One real listing of each type so the demo booking targets an id that\n  // actually exists in the workspace (the backend rejects synthetic ids).\n  const { data: sampleData } = useQuery(\n    GGNOMAD_BOOKABLE_SAMPLE_QUERY as TypedDocumentNode<\n      {\n        ggnomadProperties: Array<{\n          id: string;\n          name: string;\n          pricePerNight: number;\n          currency: string;\n        }>;\n        ggnomadTours: Array<{ id: string; name: string; price: number; currency: string }>;\n        ggnomadEvents: Array<{ id: string; name: string; price: number; currency: string }>;\n        ggnomadActivities: Array<{ id: string; name: string; price: number; currency: string }>;\n      },\n      Record<string, never>\n    >\n  );\n\n  const [createBooking, { loading: creating }] = useMutation(\n    CREATE_GGNOMAD_BOOKING_MUTATION as TypedDocumentNode<\n      { createGgnomadBooking: { id: string; referenceCode: string; itemName: string } },\n      {\n        input: {\n          bookingType: BookingType;\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 [cancelBooking, { loading: cancelling }] = useMutation(\n    CANCEL_GGNOMAD_BOOKING_MUTATION as TypedDocumentNode<\n      { cancelGgnomadBooking: { id: string; status: string } },\n      { id: string; reason: string }\n    >\n  );\n\n  const bookings = useMemo(() => data?.ggnomadBookings ?? [], [data?.ggnomadBookings]);\n\n  const statusCounts = useMemo(() => {\n    const counts: Record<string, number> = {\n      CONFIRMED: 0,\n      CHECKED_IN: 0,\n      COMPLETED: 0,\n      CANCELLED: 0,\n    };\n    bookings.forEach((booking) => {\n      const status = booking.status?.toUpperCase();\n      if (status && status in counts) {\n        counts[status] += 1;\n      }\n    });\n    return counts;\n  }, [bookings]);\n\n  /** First available real listing, in priority order, mapped to a booking type. */\n  const resolveDemoTarget = (): { type: BookingType; listing: PricedListing } | null => {\n    const property = sampleData?.ggnomadProperties?.[0];\n    if (property) {\n      return {\n        type: 'PROPERTY',\n        listing: {\n          id: property.id,\n          name: property.name,\n          price: property.pricePerNight,\n          currency: property.currency,\n        },\n      };\n    }\n    const tour = sampleData?.ggnomadTours?.[0];\n    if (tour) return { type: 'TOUR', listing: tour };\n    const event = sampleData?.ggnomadEvents?.[0];\n    if (event) return { type: 'EVENT', listing: event };\n    const activity = sampleData?.ggnomadActivities?.[0];\n    if (activity) return { type: 'ACTIVITY', listing: activity };\n    return null;\n  };\n\n  const handleCreateDemoBooking = async () => {\n    const target = resolveDemoTarget();\n    if (!target) {\n      notify.warning(\n        t('ggnomad.bookings.toast.noListingsTitle', 'No listings available to book yet'),\n        t(\n          'ggnomad.bookings.toast.noListingsBody',\n          'Add a property, tour, event or activity first, then create a booking against it.'\n        )\n      );\n      return;\n    }\n    const { type, listing } = target;\n    try {\n      const result = await createBooking({\n        variables: {\n          input: {\n            bookingType: type,\n            itemId: listing.id,\n            itemName: listing.name,\n            guestName: t('ggnomad.bookings.demo.guestName', 'Demo Guest'),\n            guestEmail: 'demo@burdenoff.com',\n            guests: 2,\n            totalPrice: Number(listing.price ?? 0),\n            currency: listing.currency ?? 'USD',\n            paymentMethod: 'card',\n          },\n        },\n      });\n      if (result.error) {\n        notify.error(\n          t('ggnomad.bookings.toast.createErrorTitle', 'Could not create booking'),\n          result.error.message\n        );\n        return;\n      }\n      const created = result.data?.createGgnomadBooking;\n      notify.success(\n        t('ggnomad.bookings.toast.createSuccessTitle', 'Booking confirmed'),\n        created\n          ? t('ggnomad.bookings.toast.createSuccessBody', '{{ref}} · {{item}}')\n              .replace('{{ref}}', created.referenceCode)\n              .replace('{{item}}', created.itemName)\n          : listing.name\n      );\n      await refetch();\n    } catch (err) {\n      notify.error(\n        t('ggnomad.bookings.toast.createErrorTitle', 'Could not create booking'),\n        err instanceof Error ? err.message : String(err)\n      );\n    }\n  };\n\n  const confirmCancel = async () => {\n    if (!cancelTarget) return;\n    try {\n      const result = await cancelBooking({\n        variables: {\n          id: cancelTarget.id,\n          reason: t('ggnomad.bookings.actions.cancelReason', 'Cancelled via UI'),\n        },\n      });\n      if (result.error) {\n        notify.error(\n          t('ggnomad.bookings.toast.cancelErrorTitle', 'Could not cancel booking'),\n          result.error.message\n        );\n        return;\n      }\n      notify.success(\n        t('ggnomad.bookings.toast.cancelSuccessTitle', 'Booking cancelled'),\n        cancelTarget.referenceCode\n      );\n      await refetch();\n    } catch (err) {\n      notify.error(\n        t('ggnomad.bookings.toast.cancelErrorTitle', 'Could not cancel booking'),\n        err instanceof Error ? err.message : String(err)\n      );\n    } finally {\n      setCancelTarget(null);\n    }\n  };\n\n  return (\n    <PageShell\n      title={t('ggnomad.bookings.title', 'Bookings')}\n      titleAccent={t('ggnomad.bookings.title.accent', 'Bookings')}\n      subtitle={t(\n        'ggnomad.bookings.subtitle',\n        'End-to-end booking operations with real API mutations'\n      )}\n      actions={\n        <CTAOverflowMenu\n          primary={{\n            label: t('ggnomad.bookings.actions.createDemoBooking', 'Create demo booking'),\n            onSelect: () => void handleCreateDemoBooking(),\n            disabled: creating,\n            icon: <Plus />,\n          }}\n          actions={[]}\n        />\n      }\n    >\n      <PagePurpose icon={<CalendarCheck className=\"size-4\" />}>\n        {t(\n          'ggnomad.bookings.purpose',\n          'Your single place to manage every reservation across travel, stays, tours and events. Track each booking’s status and reference code in real time, and cancel a reservation when plans change — all backed by live API mutations.'\n        )}\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"ggnomad-bookings\"\n        steps={[\n          {\n            id: 'book-stay',\n            label: t('ggnomad.bookings.next.stay', 'Book a place to stay'),\n            description: t(\n              'ggnomad.bookings.next.stayDesc',\n              'Browse hospitality listings and reserve a property.'\n            ),\n            icon: <Hotel className=\"size-4\" />,\n            onClick: () => navigate('../hospitality'),\n          },\n          {\n            id: 'book-tour',\n            label: t('ggnomad.bookings.next.tour', 'Add a tour or activity'),\n            description: t(\n              'ggnomad.bookings.next.tourDesc',\n              'Pick a curated experience from Tourism.'\n            ),\n            icon: <Compass className=\"size-4\" />,\n            onClick: () => navigate('../tourism'),\n          },\n          {\n            id: 'book-event',\n            label: t('ggnomad.bookings.next.event', 'Grab event tickets'),\n            description: t(\n              'ggnomad.bookings.next.eventDesc',\n              'Find live events to round out the itinerary.'\n            ),\n            icon: <Ticket className=\"size-4\" />,\n            onClick: () => navigate('../entertainment'),\n          },\n        ]}\n      />\n\n      {bookings.length > 0 && (\n        <div className=\"grid gap-3 sm:grid-cols-4\">\n          {[\n            {\n              status: 'CONFIRMED',\n              label: t('ggnomad.bookings.pipeline.confirmed', 'Confirmed'),\n              icon: CalendarCheck,\n            },\n            {\n              status: 'CHECKED_IN',\n              label: t('ggnomad.bookings.pipeline.checkedIn', 'Checked-in'),\n              icon: Hotel,\n            },\n            {\n              status: 'COMPLETED',\n              label: t('ggnomad.bookings.pipeline.completed', 'Completed'),\n              icon: Ticket,\n            },\n            {\n              status: 'CANCELLED',\n              label: t('ggnomad.bookings.pipeline.cancelled', 'Cancelled'),\n              icon: XCircle,\n            },\n          ].map((stage) => {\n            const Icon = stage.icon;\n            const count = statusCounts[stage.status];\n            return (\n              <div\n                key={stage.status}\n                className=\"flex flex-col items-center gap-2 rounded-lg border border-border-seam bg-bg-surface/40 p-3 text-center\"\n              >\n                <div className=\"flex size-8 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary\">\n                  <Icon className=\"size-4\" />\n                </div>\n                <p className=\"text-xs font-medium text-text-secondary\">{stage.label}</p>\n                <p className=\"text-lg font-semibold tabular-nums text-text-primary\">{count}</p>\n              </div>\n            );\n          })}\n        </div>\n      )}\n\n      {bookings.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.bookings.emptyTitle', 'No bookings yet')}\n          description={t(\n            'ggnomad.bookings.emptyDescription',\n            'Create your first booking to see it tracked here in real time.'\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.bookings.activeBookings', 'Your bookings')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2\">\n            {bookings.map((booking) => (\n              <EntityCard\n                key={booking.id}\n                title={booking.referenceCode}\n                meta={booking.itemName}\n                price={`${booking.currency} ${Number(booking.totalPrice).toFixed(2)}`}\n                badge={\n                  <StatusBadge status={booking.status} live={booking.status !== 'CANCELLED'} />\n                }\n                footer={\n                  booking.status !== 'CANCELLED' ? (\n                    <CTAOverflowMenu\n                      align=\"end\"\n                      actions={[\n                        {\n                          label: t('ggnomad.bookings.actions.cancel', 'Cancel booking'),\n                          onSelect: () =>\n                            setCancelTarget({\n                              id: booking.id,\n                              referenceCode: booking.referenceCode,\n                            }),\n                          intent: 'destructive',\n                          icon: <XCircle />,\n                        },\n                      ]}\n                    />\n                  ) : null\n                }\n              />\n            ))}\n          </div>\n        </GlassCard>\n      )}\n\n      <AlertDialog\n        open={cancelTarget !== null}\n        onOpenChange={(open) => {\n          if (!open) setCancelTarget(null);\n        }}\n      >\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>\n              {t('ggnomad.bookings.cancelDialog.title', 'Cancel this booking?')}\n            </AlertDialogTitle>\n            <AlertDialogDescription>\n              {t(\n                'ggnomad.bookings.cancelDialog.body',\n                'This releases reservation {{ref}} and cannot be undone.'\n              ).replace('{{ref}}', cancelTarget?.referenceCode ?? '')}\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel disabled={cancelling}>\n              {t('ggnomad.bookings.cancelDialog.keep', 'Keep booking')}\n            </AlertDialogCancel>\n            <AlertDialogAction\n              className=\"bg-action-danger-bg text-action-danger-text hover:bg-action-danger-bgHover\"\n              disabled={cancelling}\n              onClick={(event) => {\n                event.preventDefault();\n                void confirmCancel();\n              }}\n            >\n              {cancelling\n                ? t('ggnomad.bookings.cancelDialog.cancelling', 'Cancelling…')\n                : t('ggnomad.bookings.cancelDialog.confirm', 'Cancel booking')}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </PageShell>\n  );\n}\n"],"mappings":"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"}

package/dist/ggnomad/pages/DashboardPage.js

@@ -21,17 +21,17 @@ var E = [
 ], D = (e) => e.replace(/[_-]+/g, " ").trim().replace(/\b\w/g, (e) => e.toUpperCase()) || e;
 function O() {
 	let { t: O } = _(), k = v(), A = y(n), j = y(e, { variables: {
-		first: 5,
-		skip: 0
+		limit: 5,
+		offset: 0
 	} }), M = y(r, { variables: {
-		first: 4,
-		skip: 0
+		limit: 4,
+		offset: 0
 	} }), N = y(i, { variables: {
-		first: 4,
-		skip: 0
+		limit: 4,
+		offset: 0
 	} }), P = y(t, { variables: {
-		first: 4,
-		skip: 0
+		limit: 4,
+		offset: 0
 	} }), F = A.data?.ggnomadOverviewStats, I = A.data?.ggnomadAnalytics, L = j.data?.ggnomadBookings ?? [], R = l(() => {
 		let e = I?.revenueByCategory ?? {};
 		return Object.entries(e).map(([e, t]) => ({

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/ggnomad/pages/DashboardPage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Building, CalendarCheck, Compass, DollarSign, Hotel, Search, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  EmphasisPanel,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  GGNOMAD_OVERVIEW_QUERY,\n  GGNOMAD_BOOKINGS_QUERY,\n  GGNOMAD_PROPERTIES_QUERY,\n  GGNOMAD_TOURS_QUERY,\n  GGNOMAD_EVENTS_QUERY,\n} from '../graphql';\nimport { PageShell } from './PageShell';\nimport { SectionCard, StatCard, StatusBadge } from '../components';\n\nconst CHART_COLORS = [\n  'var(--color-chart-1)',\n  'var(--color-chart-2)',\n  'var(--color-chart-3)',\n  'var(--color-chart-4)',\n  'var(--color-chart-5)',\n];\n\nconst humanizeCategory = (key: string): string =>\n  key\n    .replace(/[_-]+/g, ' ')\n    .trim()\n    .replace(/\\b\\w/g, (char) => char.toUpperCase()) || key;\n\nexport function DashboardPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const overview = useQuery(\n    GGNOMAD_OVERVIEW_QUERY as TypedDocumentNode<\n      {\n        ggnomadOverviewStats: {\n          users: number;\n          listings: number;\n          bookings: number;\n          monthlyRevenue: number;\n        };\n        ggnomadAnalytics: {\n          totalRevenue: number;\n          totalBookings: number;\n          totalUsers: number;\n          conversionRate: number;\n          revenueByCategory: Record<string, unknown>;\n        };\n      },\n      Record<string, never>\n    >\n  );\n  const bookings = useQuery(\n    GGNOMAD_BOOKINGS_QUERY as TypedDocumentNode<\n      {\n        ggnomadBookings: Array<{\n          id: string;\n          referenceCode: string;\n          itemName: string;\n          status: string;\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    {\n      variables: { first: 5, skip: 0 },\n    }\n  );\n  const properties = useQuery(\n    GGNOMAD_PROPERTIES_QUERY as TypedDocumentNode<\n      { ggnomadProperties: Array<{ id: string }> },\n      { first: number; skip: number }\n    >,\n    { variables: { first: 4, skip: 0 } }\n  );\n  const tours = useQuery(\n    GGNOMAD_TOURS_QUERY as TypedDocumentNode<\n      { ggnomadTours: Array<{ id: string }> },\n      { first: number; skip: number }\n    >,\n    {\n      variables: { first: 4, skip: 0 },\n    }\n  );\n  const events = useQuery(\n    GGNOMAD_EVENTS_QUERY as TypedDocumentNode<\n      { ggnomadEvents: Array<{ id: string }> },\n      { first: number; skip: number }\n    >,\n    {\n      variables: { first: 4, skip: 0 },\n    }\n  );\n\n  const stats = overview.data?.ggnomadOverviewStats;\n  const analytics = overview.data?.ggnomadAnalytics;\n  const recentBookings = bookings.data?.ggnomadBookings ?? [];\n\n  const categories = useMemo(() => {\n    const raw = analytics?.revenueByCategory ?? {};\n    return Object.entries(raw)\n      .map(([key, value]) => ({ label: humanizeCategory(key), value: Number(value) }))\n      .filter((entry) => Number.isFinite(entry.value) && entry.value > 0)\n      .sort((a, b) => b.value - a.value);\n  }, [analytics?.revenueByCategory]);\n\n  const maxCategory = categories.length > 0 ? categories[0].value : 0;\n\n  return (\n    <PageShell\n      hero\n      title={t('ggnomad.dashboard.title', 'GGNomad Dashboard')}\n      titleAccent={t('ggnomad.dashboard.title.accent', 'GGNomad')}\n      subtitle={t(\n        'ggnomad.dashboard.subtitle',\n        'Unified travel, hospitality, tourism and entertainment operations'\n      )}\n    >\n      <PagePurpose icon={<Compass className=\"size-4\" />}>\n        {t(\n          'ggnomad.dashboard.purpose',\n          'Your command centre for the whole GGNomad marketplace — see live revenue, users, listings and bookings across travel, hospitality, tourism and entertainment in one place, and jump straight into the area you want to work on.'\n        )}\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"ggnomad-dashboard\"\n        steps={[\n          {\n            id: 'search',\n            label: t('ggnomad.dashboard.next.search', 'Search the catalogue'),\n            description: t(\n              'ggnomad.dashboard.next.searchDesc',\n              'Find inventory across every domain at once.'\n            ),\n            icon: <Search className=\"size-4\" />,\n            onClick: () => navigate('search'),\n          },\n          {\n            id: 'stays',\n            label: t('ggnomad.dashboard.next.stays', 'Browse places to stay'),\n            description: t(\n              'ggnomad.dashboard.next.staysDesc',\n              'Explore hospitality listings and open a property.'\n            ),\n            icon: <Hotel className=\"size-4\" />,\n            onClick: () => navigate('hospitality'),\n          },\n          {\n            id: 'tourism',\n            label: t('ggnomad.dashboard.next.tourism', 'Discover tours & activities'),\n            description: t(\n              'ggnomad.dashboard.next.tourismDesc',\n              'Plan what to do at each destination.'\n            ),\n            icon: <Compass className=\"size-4\" />,\n            onClick: () => navigate('tourism'),\n          },\n          {\n            id: 'bookings',\n            label: t('ggnomad.dashboard.next.bookings', 'Manage bookings'),\n            description: t(\n              'ggnomad.dashboard.next.bookingsDesc',\n              'Track and cancel reservations in real time.'\n            ),\n            icon: <CalendarCheck className=\"size-4\" />,\n            onClick: () => navigate('bookings'),\n          },\n        ]}\n      />\n\n      <section className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n        <StatCard\n          hero\n          label={t('ggnomad.dashboard.stats.monthlyRevenue', 'Monthly Revenue')}\n          value={`$${Number(stats?.monthlyRevenue ?? 0).toLocaleString()}`}\n          icon={<DollarSign />}\n        />\n        <StatCard\n          label={t('ggnomad.dashboard.stats.users', 'Users')}\n          value={Number(stats?.users ?? 0).toLocaleString()}\n          icon={<Users />}\n        />\n        <StatCard\n          label={t('ggnomad.dashboard.stats.listings', 'Listings')}\n          value={Number(stats?.listings ?? 0).toLocaleString()}\n          icon={<Building />}\n        />\n        <StatCard\n          label={t('ggnomad.dashboard.stats.bookings', 'Bookings')}\n          value={Number(stats?.bookings ?? 0).toLocaleString()}\n          icon={<CalendarCheck />}\n        />\n      </section>\n\n      <EmphasisPanel>\n        <div className=\"grid gap-4 sm:grid-cols-3\">\n          <div>\n            <p className=\"text-sm text-text-secondary\">\n              {t('ggnomad.dashboard.inventory.properties', 'Properties')}\n            </p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {properties.data?.ggnomadProperties?.length ?? 0}\n            </p>\n          </div>\n          <div>\n            <p className=\"text-sm text-text-secondary\">\n              {t('ggnomad.dashboard.inventory.tours', 'Tours')}\n            </p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {tours.data?.ggnomadTours?.length ?? 0}\n            </p>\n          </div>\n          <div>\n            <p className=\"text-sm text-text-secondary\">\n              {t('ggnomad.dashboard.inventory.events', 'Events')}\n            </p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {events.data?.ggnomadEvents?.length ?? 0}\n            </p>\n          </div>\n        </div>\n        <p className=\"mt-4 text-sm text-text-secondary\">\n          {t(\n            'ggnomad.dashboard.inventory.liveDataNotice',\n            'Data is live from `wspace-ggnomad-svc` GraphQL APIs.'\n          )}\n        </p>\n      </EmphasisPanel>\n\n      <SectionCard title={t('ggnomad.dashboard.sections.recentBookings', 'Recent bookings')}>\n        {recentBookings.length === 0 ? (\n          <IllustratedEmptyState\n            illustration=\"empty-data\"\n            title={t('ggnomad.dashboard.recentBookings.emptyTitle', 'No recent bookings')}\n            description={t(\n              'ggnomad.dashboard.recentBookings.emptyDescription',\n              'New bookings across travel, hospitality and tourism will appear here.'\n            )}\n          />\n        ) : (\n          <ul className=\"space-y-2 text-sm\">\n            {recentBookings.map((booking) => (\n              <li\n                key={booking.id}\n                className=\"flex items-center justify-between gap-3 rounded-lg border border-border-seam bg-bg-surface/40 p-3\"\n              >\n                <span className=\"min-w-0 truncate text-text-primary\">\n                  {booking.referenceCode} — {booking.itemName}\n                </span>\n                <StatusBadge status={booking.status} />\n              </li>\n            ))}\n          </ul>\n        )}\n      </SectionCard>\n\n      <SectionCard title={t('ggnomad.dashboard.sections.revenueByCategory', 'Revenue by category')}>\n        {categories.length === 0 ? (\n          <div className=\"flex flex-col items-center gap-2 py-8 text-center\">\n            <span className=\"flex size-10 items-center justify-center rounded-full bg-[var(--color-accent-soft)] text-text-secondary\">\n              <DollarSign className=\"size-5\" />\n            </span>\n            <p className=\"text-sm font-medium text-text-primary\">\n              {t('ggnomad.dashboard.empty.title', 'Revenue data coming soon')}\n            </p>\n            <p className=\"max-w-sm text-sm text-text-secondary\">\n              {t(\n                'ggnomad.dashboard.empty.description',\n                'Revenue by category appears here as bookings come in across stays, tours and events.'\n              )}\n            </p>\n          </div>\n        ) : (\n          <ul className=\"flex flex-col gap-4\">\n            {categories.map((category, index) => {\n              const pct = maxCategory > 0 ? Math.max((category.value / maxCategory) * 100, 2) : 0;\n              return (\n                <li key={category.label}>\n                  <div className=\"flex items-baseline justify-between gap-3\">\n                    <span className=\"truncate text-sm font-medium text-text-primary\">\n                      {category.label}\n                    </span>\n                    <span className=\"flex-shrink-0 text-sm tabular-nums text-text-secondary\">\n                      ${category.value.toLocaleString()}\n                    </span>\n                  </div>\n                  <div className=\"mt-1.5 h-2.5 w-full overflow-hidden rounded-full bg-bg-sunken\">\n                    <div\n                      className=\"h-full rounded-full transition-[width] duration-500 ease-out\"\n                      style={{\n                        width: `${pct}%`,\n                        backgroundColor: CHART_COLORS[index % CHART_COLORS.length],\n                      }}\n                    />\n                  </div>\n                </li>\n              );\n            })}\n          </ul>\n        )}\n      </SectionCard>\n    </PageShell>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/ggnomad/pages/DashboardPage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Building, CalendarCheck, Compass, DollarSign, Hotel, Search, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  EmphasisPanel,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  GGNOMAD_OVERVIEW_QUERY,\n  GGNOMAD_BOOKINGS_QUERY,\n  GGNOMAD_PROPERTIES_QUERY,\n  GGNOMAD_TOURS_QUERY,\n  GGNOMAD_EVENTS_QUERY,\n} from '../graphql';\nimport { PageShell } from './PageShell';\nimport { SectionCard, StatCard, StatusBadge } from '../components';\n\nconst CHART_COLORS = [\n  'var(--color-chart-1)',\n  'var(--color-chart-2)',\n  'var(--color-chart-3)',\n  'var(--color-chart-4)',\n  'var(--color-chart-5)',\n];\n\nconst humanizeCategory = (key: string): string =>\n  key\n    .replace(/[_-]+/g, ' ')\n    .trim()\n    .replace(/\\b\\w/g, (char) => char.toUpperCase()) || key;\n\nexport function DashboardPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const overview = useQuery(\n    GGNOMAD_OVERVIEW_QUERY as TypedDocumentNode<\n      {\n        ggnomadOverviewStats: {\n          users: number;\n          listings: number;\n          bookings: number;\n          monthlyRevenue: number;\n        };\n        ggnomadAnalytics: {\n          totalRevenue: number;\n          totalBookings: number;\n          totalUsers: number;\n          conversionRate: number;\n          revenueByCategory: Record<string, unknown>;\n        };\n      },\n      Record<string, never>\n    >\n  );\n  const bookings = useQuery(\n    GGNOMAD_BOOKINGS_QUERY as TypedDocumentNode<\n      {\n        ggnomadBookings: Array<{\n          id: string;\n          referenceCode: string;\n          itemName: string;\n          status: string;\n        }>;\n      },\n      { limit: number; offset: number }\n    >,\n    {\n      variables: { limit: 5, offset: 0 },\n    }\n  );\n  const properties = useQuery(\n    GGNOMAD_PROPERTIES_QUERY as TypedDocumentNode<\n      { ggnomadProperties: Array<{ id: string }> },\n      { limit: number; offset: number }\n    >,\n    { variables: { limit: 4, offset: 0 } }\n  );\n  const tours = useQuery(\n    GGNOMAD_TOURS_QUERY as TypedDocumentNode<\n      { ggnomadTours: Array<{ id: string }> },\n      { limit: number; offset: number }\n    >,\n    {\n      variables: { limit: 4, offset: 0 },\n    }\n  );\n  const events = useQuery(\n    GGNOMAD_EVENTS_QUERY as TypedDocumentNode<\n      { ggnomadEvents: Array<{ id: string }> },\n      { limit: number; offset: number }\n    >,\n    {\n      variables: { limit: 4, offset: 0 },\n    }\n  );\n\n  const stats = overview.data?.ggnomadOverviewStats;\n  const analytics = overview.data?.ggnomadAnalytics;\n  const recentBookings = bookings.data?.ggnomadBookings ?? [];\n\n  const categories = useMemo(() => {\n    const raw = analytics?.revenueByCategory ?? {};\n    return Object.entries(raw)\n      .map(([key, value]) => ({ label: humanizeCategory(key), value: Number(value) }))\n      .filter((entry) => Number.isFinite(entry.value) && entry.value > 0)\n      .sort((a, b) => b.value - a.value);\n  }, [analytics?.revenueByCategory]);\n\n  const maxCategory = categories.length > 0 ? categories[0].value : 0;\n\n  return (\n    <PageShell\n      hero\n      title={t('ggnomad.dashboard.title', 'GGNomad Dashboard')}\n      titleAccent={t('ggnomad.dashboard.title.accent', 'GGNomad')}\n      subtitle={t(\n        'ggnomad.dashboard.subtitle',\n        'Unified travel, hospitality, tourism and entertainment operations'\n      )}\n    >\n      <PagePurpose icon={<Compass className=\"size-4\" />}>\n        {t(\n          'ggnomad.dashboard.purpose',\n          'Your command centre for the whole GGNomad marketplace — see live revenue, users, listings and bookings across travel, hospitality, tourism and entertainment in one place, and jump straight into the area you want to work on.'\n        )}\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"ggnomad-dashboard\"\n        steps={[\n          {\n            id: 'search',\n            label: t('ggnomad.dashboard.next.search', 'Search the catalogue'),\n            description: t(\n              'ggnomad.dashboard.next.searchDesc',\n              'Find inventory across every domain at once.'\n            ),\n            icon: <Search className=\"size-4\" />,\n            onClick: () => navigate('search'),\n          },\n          {\n            id: 'stays',\n            label: t('ggnomad.dashboard.next.stays', 'Browse places to stay'),\n            description: t(\n              'ggnomad.dashboard.next.staysDesc',\n              'Explore hospitality listings and open a property.'\n            ),\n            icon: <Hotel className=\"size-4\" />,\n            onClick: () => navigate('hospitality'),\n          },\n          {\n            id: 'tourism',\n            label: t('ggnomad.dashboard.next.tourism', 'Discover tours & activities'),\n            description: t(\n              'ggnomad.dashboard.next.tourismDesc',\n              'Plan what to do at each destination.'\n            ),\n            icon: <Compass className=\"size-4\" />,\n            onClick: () => navigate('tourism'),\n          },\n          {\n            id: 'bookings',\n            label: t('ggnomad.dashboard.next.bookings', 'Manage bookings'),\n            description: t(\n              'ggnomad.dashboard.next.bookingsDesc',\n              'Track and cancel reservations in real time.'\n            ),\n            icon: <CalendarCheck className=\"size-4\" />,\n            onClick: () => navigate('bookings'),\n          },\n        ]}\n      />\n\n      <section className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n        <StatCard\n          hero\n          label={t('ggnomad.dashboard.stats.monthlyRevenue', 'Monthly Revenue')}\n          value={`$${Number(stats?.monthlyRevenue ?? 0).toLocaleString()}`}\n          icon={<DollarSign />}\n        />\n        <StatCard\n          label={t('ggnomad.dashboard.stats.users', 'Users')}\n          value={Number(stats?.users ?? 0).toLocaleString()}\n          icon={<Users />}\n        />\n        <StatCard\n          label={t('ggnomad.dashboard.stats.listings', 'Listings')}\n          value={Number(stats?.listings ?? 0).toLocaleString()}\n          icon={<Building />}\n        />\n        <StatCard\n          label={t('ggnomad.dashboard.stats.bookings', 'Bookings')}\n          value={Number(stats?.bookings ?? 0).toLocaleString()}\n          icon={<CalendarCheck />}\n        />\n      </section>\n\n      <EmphasisPanel>\n        <div className=\"grid gap-4 sm:grid-cols-3\">\n          <div>\n            <p className=\"text-sm text-text-secondary\">\n              {t('ggnomad.dashboard.inventory.properties', 'Properties')}\n            </p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {properties.data?.ggnomadProperties?.length ?? 0}\n            </p>\n          </div>\n          <div>\n            <p className=\"text-sm text-text-secondary\">\n              {t('ggnomad.dashboard.inventory.tours', 'Tours')}\n            </p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {tours.data?.ggnomadTours?.length ?? 0}\n            </p>\n          </div>\n          <div>\n            <p className=\"text-sm text-text-secondary\">\n              {t('ggnomad.dashboard.inventory.events', 'Events')}\n            </p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {events.data?.ggnomadEvents?.length ?? 0}\n            </p>\n          </div>\n        </div>\n        <p className=\"mt-4 text-sm text-text-secondary\">\n          {t(\n            'ggnomad.dashboard.inventory.liveDataNotice',\n            'Data is live from `wspace-ggnomad-svc` GraphQL APIs.'\n          )}\n        </p>\n      </EmphasisPanel>\n\n      <SectionCard title={t('ggnomad.dashboard.sections.recentBookings', 'Recent bookings')}>\n        {recentBookings.length === 0 ? (\n          <IllustratedEmptyState\n            illustration=\"empty-data\"\n            title={t('ggnomad.dashboard.recentBookings.emptyTitle', 'No recent bookings')}\n            description={t(\n              'ggnomad.dashboard.recentBookings.emptyDescription',\n              'New bookings across travel, hospitality and tourism will appear here.'\n            )}\n          />\n        ) : (\n          <ul className=\"space-y-2 text-sm\">\n            {recentBookings.map((booking) => (\n              <li\n                key={booking.id}\n                className=\"flex items-center justify-between gap-3 rounded-lg border border-border-seam bg-bg-surface/40 p-3\"\n              >\n                <span className=\"min-w-0 truncate text-text-primary\">\n                  {booking.referenceCode} — {booking.itemName}\n                </span>\n                <StatusBadge status={booking.status} />\n              </li>\n            ))}\n          </ul>\n        )}\n      </SectionCard>\n\n      <SectionCard title={t('ggnomad.dashboard.sections.revenueByCategory', 'Revenue by category')}>\n        {categories.length === 0 ? (\n          <div className=\"flex flex-col items-center gap-2 py-8 text-center\">\n            <span className=\"flex size-10 items-center justify-center rounded-full bg-[var(--color-accent-soft)] text-text-secondary\">\n              <DollarSign className=\"size-5\" />\n            </span>\n            <p className=\"text-sm font-medium text-text-primary\">\n              {t('ggnomad.dashboard.empty.title', 'Revenue data coming soon')}\n            </p>\n            <p className=\"max-w-sm text-sm text-text-secondary\">\n              {t(\n                'ggnomad.dashboard.empty.description',\n                'Revenue by category appears here as bookings come in across stays, tours and events.'\n              )}\n            </p>\n          </div>\n        ) : (\n          <ul className=\"flex flex-col gap-4\">\n            {categories.map((category, index) => {\n              const pct = maxCategory > 0 ? Math.max((category.value / maxCategory) * 100, 2) : 0;\n              return (\n                <li key={category.label}>\n                  <div className=\"flex items-baseline justify-between gap-3\">\n                    <span className=\"truncate text-sm font-medium text-text-primary\">\n                      {category.label}\n                    </span>\n                    <span className=\"flex-shrink-0 text-sm tabular-nums text-text-secondary\">\n                      ${category.value.toLocaleString()}\n                    </span>\n                  </div>\n                  <div className=\"mt-1.5 h-2.5 w-full overflow-hidden rounded-full bg-bg-sunken\">\n                    <div\n                      className=\"h-full rounded-full transition-[width] duration-500 ease-out\"\n                      style={{\n                        width: `${pct}%`,\n                        backgroundColor: CHART_COLORS[index % CHART_COLORS.length],\n                      }}\n                    />\n                  </div>\n                </li>\n              );\n            })}\n          </ul>\n        )}\n      </SectionCard>\n    </PageShell>\n  );\n}\n"],"mappings":"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"}

package/dist/ggnomad/pages/EntertainmentPage.js

@@ -12,8 +12,8 @@ import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/ggnomad/pages/EntertainmentPage.tsx
 function p() {
 	let { t: p } = o(), [m, h] = i(12), { data: g } = s(e, { variables: {
-		first: m,
-		skip: 0
+		limit: m,
+		offset: 0
 	} }), _ = g?.ggnomadEvents ?? [];
 	return /* @__PURE__ */ f(t, {
 		title: p("ggnomad.entertainment.title", "Entertainment"),

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

@@ -1 +1 @@
-{"version":3,"file":"EntertainmentPage.js","names":[],"sources":["../../../src/ggnomad/pages/EntertainmentPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Ticket } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_EVENTS_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, LoadMoreButton } from '../components';\n\nexport function EntertainmentPage() {\n  const { t } = useI18n();\n  const [limit, setLimit] = useState(12);\n  const { data } = useQuery(\n    GGNOMAD_EVENTS_QUERY as TypedDocumentNode<\n      {\n        ggnomadEvents: Array<{\n          id: string;\n          name: string;\n          category: string;\n          startsAt: string;\n          price: number;\n          currency: string;\n          images?: string[];\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    { variables: { first: limit, skip: 0 } }\n  );\n  const events = data?.ggnomadEvents ?? [];\n\n  return (\n    <PageShell\n      title={t('ggnomad.entertainment.title', 'Entertainment')}\n      titleAccent={t('ggnomad.entertainment.title.accent', 'Entertainment')}\n      subtitle={t('ggnomad.entertainment.subtitle', 'Events and live experiences')}\n    >\n      <PagePurpose icon={<Ticket className=\"size-4\" />}>\n        {t(\n          'ggnomad.entertainment.purpose',\n          'Find live events and experiences — concerts, shows and local happenings. Open an event to see its lineup, venue and timing, then book tickets for your trip dates.'\n        )}\n      </PagePurpose>\n\n      {events.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.entertainment.emptyTitle', 'No events scheduled')}\n          description={t(\n            'ggnomad.entertainment.emptyDescription',\n            'Upcoming events and live experiences will be listed here.'\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.entertainment.upcomingEvents', 'Upcoming events')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {events.map((event) => (\n              <EntityCard\n                key={event.id}\n                to={event.id}\n                image={event.images?.[0]}\n                imageAlt={event.name}\n                title={event.name}\n                meta={event.category}\n                price={`${event.currency} ${Number(event.price).toFixed(2)}`}\n                footer={new Date(event.startsAt).toLocaleString()}\n              />\n            ))}\n          </div>\n          <LoadMoreButton\n            visible={events.length >= limit}\n            onLoadMore={() => setLimit((l) => l + 12)}\n          />\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAgB,IAAoB;CAClC,IAAM,EAAE,SAAM,EAAQ,GAChB,CAAC,GAAO,KAAY,EAAS,EAAE,GAC/B,EAAE,YAAS,EACf,GAcA,EAAE,WAAW;EAAE,OAAO;EAAO,MAAM;CAAE,EAAE,CACzC,GACM,IAAS,GAAM,iBAAiB,CAAC;CAEvC,OACE,kBAAC,GAAD;EACE,OAAO,EAAE,+BAA+B,eAAe;EACvD,aAAa,EAAE,sCAAsC,eAAe;EACpE,UAAU,EAAE,kCAAkC,6BAA6B;YAH7E,CAKE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAQ,WAAU,SAAU,CAAA;aAC5C,EACC,iCACA,oKACF;EACW,CAAA,GAEZ,EAAO,WAAW,IACjB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,oCAAoC,qBAAqB;GAClE,aAAa,EACX,0CACA,2DACF;EACD,CAAA,IAED,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAA5C;IACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAE,wCAAwC,iBAAiB;IAC1D,CAAA;IACJ,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAO,KAAK,MACX,kBAAC,GAAD;MAEE,IAAI,EAAM;MACV,OAAO,EAAM,SAAS;MACtB,UAAU,EAAM;MAChB,OAAO,EAAM;MACb,MAAM,EAAM;MACZ,OAAO,GAAG,EAAM,SAAS,GAAG,OAAO,EAAM,KAAK,EAAE,QAAQ,CAAC;MACzD,QAAQ,IAAI,KAAK,EAAM,QAAQ,EAAE,eAAe;KACjD,GARM,EAAM,EAQZ,CACF;IACE,CAAA;IACL,kBAAC,GAAD;KACE,SAAS,EAAO,UAAU;KAC1B,kBAAkB,GAAU,MAAM,IAAI,EAAE;IACzC,CAAA;GACQ;IAEJ;;AAEf"}
+{"version":3,"file":"EntertainmentPage.js","names":[],"sources":["../../../src/ggnomad/pages/EntertainmentPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Ticket } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_EVENTS_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, LoadMoreButton } from '../components';\n\nexport function EntertainmentPage() {\n  const { t } = useI18n();\n  const [limit, setLimit] = useState(12);\n  const { data } = useQuery(\n    GGNOMAD_EVENTS_QUERY as TypedDocumentNode<\n      {\n        ggnomadEvents: Array<{\n          id: string;\n          name: string;\n          category: string;\n          startsAt: string;\n          price: number;\n          currency: string;\n          images?: string[];\n        }>;\n      },\n      { limit: number; offset: number }\n    >,\n    { variables: { limit, offset: 0 } }\n  );\n  const events = data?.ggnomadEvents ?? [];\n\n  return (\n    <PageShell\n      title={t('ggnomad.entertainment.title', 'Entertainment')}\n      titleAccent={t('ggnomad.entertainment.title.accent', 'Entertainment')}\n      subtitle={t('ggnomad.entertainment.subtitle', 'Events and live experiences')}\n    >\n      <PagePurpose icon={<Ticket className=\"size-4\" />}>\n        {t(\n          'ggnomad.entertainment.purpose',\n          'Find live events and experiences — concerts, shows and local happenings. Open an event to see its lineup, venue and timing, then book tickets for your trip dates.'\n        )}\n      </PagePurpose>\n\n      {events.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.entertainment.emptyTitle', 'No events scheduled')}\n          description={t(\n            'ggnomad.entertainment.emptyDescription',\n            'Upcoming events and live experiences will be listed here.'\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.entertainment.upcomingEvents', 'Upcoming events')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {events.map((event) => (\n              <EntityCard\n                key={event.id}\n                to={event.id}\n                image={event.images?.[0]}\n                imageAlt={event.name}\n                title={event.name}\n                meta={event.category}\n                price={`${event.currency} ${Number(event.price).toFixed(2)}`}\n                footer={new Date(event.startsAt).toLocaleString()}\n              />\n            ))}\n          </div>\n          <LoadMoreButton\n            visible={events.length >= limit}\n            onLoadMore={() => setLimit((l) => l + 12)}\n          />\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAgB,IAAoB;CAClC,IAAM,EAAE,SAAM,EAAQ,GAChB,CAAC,GAAO,KAAY,EAAS,EAAE,GAC/B,EAAE,YAAS,EACf,GAcA,EAAE,WAAW;EAAE;EAAO,QAAQ;CAAE,EAAE,CACpC,GACM,IAAS,GAAM,iBAAiB,CAAC;CAEvC,OACE,kBAAC,GAAD;EACE,OAAO,EAAE,+BAA+B,eAAe;EACvD,aAAa,EAAE,sCAAsC,eAAe;EACpE,UAAU,EAAE,kCAAkC,6BAA6B;YAH7E,CAKE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAQ,WAAU,SAAU,CAAA;aAC5C,EACC,iCACA,oKACF;EACW,CAAA,GAEZ,EAAO,WAAW,IACjB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,oCAAoC,qBAAqB;GAClE,aAAa,EACX,0CACA,2DACF;EACD,CAAA,IAED,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAA5C;IACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAE,wCAAwC,iBAAiB;IAC1D,CAAA;IACJ,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAO,KAAK,MACX,kBAAC,GAAD;MAEE,IAAI,EAAM;MACV,OAAO,EAAM,SAAS;MACtB,UAAU,EAAM;MAChB,OAAO,EAAM;MACb,MAAM,EAAM;MACZ,OAAO,GAAG,EAAM,SAAS,GAAG,OAAO,EAAM,KAAK,EAAE,QAAQ,CAAC;MACzD,QAAQ,IAAI,KAAK,EAAM,QAAQ,EAAE,eAAe;KACjD,GARM,EAAM,EAQZ,CACF;IACE,CAAA;IACL,kBAAC,GAAD;KACE,SAAS,EAAO,UAAU;KAC1B,kBAAkB,GAAU,MAAM,IAAI,EAAE;IACzC,CAAA;GACQ;IAEJ;;AAEf"}

package/dist/ggnomad/pages/HospitalityPage.js

@@ -12,8 +12,8 @@ import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/ggnomad/pages/HospitalityPage.tsx
 function m() {
 	let { t: m } = s(), [h, g] = i(12), { data: _ } = c(e, { variables: {
-		first: h,
-		skip: 0
+		limit: h,
+		offset: 0
 	} }), v = _?.ggnomadProperties ?? [];
 	return /* @__PURE__ */ p(t, {
 		title: m("ggnomad.hospitality.title", "Hospitality"),

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

@@ -1 +1 @@
-{"version":3,"file":"HospitalityPage.js","names":[],"sources":["../../../src/ggnomad/pages/HospitalityPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Hotel, Star } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_PROPERTIES_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, LoadMoreButton } from '../components';\n\nexport function HospitalityPage() {\n  const { t } = useI18n();\n  const [limit, setLimit] = useState(12);\n  const { data } = useQuery(\n    GGNOMAD_PROPERTIES_QUERY as TypedDocumentNode<\n      {\n        ggnomadProperties: Array<{\n          id: string;\n          name: string;\n          type: string;\n          pricePerNight: number;\n          currency: string;\n          rating?: number;\n          images?: string[];\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    { variables: { first: limit, skip: 0 } }\n  );\n  const properties = data?.ggnomadProperties ?? [];\n\n  return (\n    <PageShell\n      title={t('ggnomad.hospitality.title', 'Hospitality')}\n      titleAccent={t('ggnomad.hospitality.title.accent', 'Hospitality')}\n      subtitle={t(\n        'ggnomad.hospitality.subtitle',\n        'Property discovery powered by live GraphQL data'\n      )}\n    >\n      <PagePurpose icon={<Hotel className=\"size-4\" />}>\n        {t(\n          'ggnomad.hospitality.purpose',\n          'Discover places to stay — hotels, homestays and short-stay rentals. Open any property to review its nightly price, guest capacity and rating, then create a booking for the dates you need.'\n        )}\n      </PagePurpose>\n\n      {properties.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.hospitality.emptyTitle', 'No properties available')}\n          description={t(\n            'ggnomad.hospitality.emptyDescription',\n            'Properties published by providers will be discoverable here.'\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.hospitality.featuredStays', 'Featured stays')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {properties.map((property) => (\n              <EntityCard\n                key={property.id}\n                to={property.id}\n                image={property.images?.[0]}\n                imageAlt={property.name}\n                title={property.name}\n                meta={property.type}\n                price={`${property.currency} ${Number(property.pricePerNight).toFixed(2)} ${t(\n                  'ggnomad.hospitality.card.perNight',\n                  'per night'\n                )}`}\n                footer={\n                  <span className=\"inline-flex items-center gap-1 tabular-nums\">\n                    <Star className=\"size-3.5 text-status-warning-text\" aria-hidden=\"true\" />\n                    {property.rating ?? t('ggnomad.hospitality.card.noRating', 'N/A')}\n                  </span>\n                }\n              />\n            ))}\n          </div>\n          <LoadMoreButton\n            visible={properties.length >= limit}\n            onLoadMore={() => setLimit((l) => l + 12)}\n          />\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAgB,IAAkB;CAChC,IAAM,EAAE,SAAM,EAAQ,GAChB,CAAC,GAAO,KAAY,EAAS,EAAE,GAC/B,EAAE,YAAS,EACf,GAcA,EAAE,WAAW;EAAE,OAAO;EAAO,MAAM;CAAE,EAAE,CACzC,GACM,IAAa,GAAM,qBAAqB,CAAC;CAE/C,OACE,kBAAC,GAAD;EACE,OAAO,EAAE,6BAA6B,aAAa;EACnD,aAAa,EAAE,oCAAoC,aAAa;EAChE,UAAU,EACR,gCACA,iDACF;YANF,CAQE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAO,WAAU,SAAU,CAAA;aAC3C,EACC,+BACA,6LACF;EACW,CAAA,GAEZ,EAAW,WAAW,IACrB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,kCAAkC,yBAAyB;GACpE,aAAa,EACX,wCACA,8DACF;EACD,CAAA,IAED,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAA5C;IACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAE,qCAAqC,gBAAgB;IACtD,CAAA;IACJ,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAW,KAAK,MACf,kBAAC,GAAD;MAEE,IAAI,EAAS;MACb,OAAO,EAAS,SAAS;MACzB,UAAU,EAAS;MACnB,OAAO,EAAS;MAChB,MAAM,EAAS;MACf,OAAO,GAAG,EAAS,SAAS,GAAG,OAAO,EAAS,aAAa,EAAE,QAAQ,CAAC,EAAE,GAAG,EAC1E,qCACA,WACF;MACA,QACE,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACE,kBAAC,GAAD;QAAM,WAAU;QAAoC,eAAY;OAAQ,CAAA,GACvE,EAAS,UAAU,EAAE,qCAAqC,KAAK,CAC5D;;KAET,GAhBM,EAAS,EAgBf,CACF;IACE,CAAA;IACL,kBAAC,GAAD;KACE,SAAS,EAAW,UAAU;KAC9B,kBAAkB,GAAU,MAAM,IAAI,EAAE;IACzC,CAAA;GACQ;IAEJ;;AAEf"}
+{"version":3,"file":"HospitalityPage.js","names":[],"sources":["../../../src/ggnomad/pages/HospitalityPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Hotel, Star } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_PROPERTIES_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, LoadMoreButton } from '../components';\n\nexport function HospitalityPage() {\n  const { t } = useI18n();\n  const [limit, setLimit] = useState(12);\n  const { data } = useQuery(\n    GGNOMAD_PROPERTIES_QUERY as TypedDocumentNode<\n      {\n        ggnomadProperties: Array<{\n          id: string;\n          name: string;\n          type: string;\n          pricePerNight: number;\n          currency: string;\n          rating?: number;\n          images?: string[];\n        }>;\n      },\n      { limit: number; offset: number }\n    >,\n    { variables: { limit, offset: 0 } }\n  );\n  const properties = data?.ggnomadProperties ?? [];\n\n  return (\n    <PageShell\n      title={t('ggnomad.hospitality.title', 'Hospitality')}\n      titleAccent={t('ggnomad.hospitality.title.accent', 'Hospitality')}\n      subtitle={t(\n        'ggnomad.hospitality.subtitle',\n        'Property discovery powered by live GraphQL data'\n      )}\n    >\n      <PagePurpose icon={<Hotel className=\"size-4\" />}>\n        {t(\n          'ggnomad.hospitality.purpose',\n          'Discover places to stay — hotels, homestays and short-stay rentals. Open any property to review its nightly price, guest capacity and rating, then create a booking for the dates you need.'\n        )}\n      </PagePurpose>\n\n      {properties.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.hospitality.emptyTitle', 'No properties available')}\n          description={t(\n            'ggnomad.hospitality.emptyDescription',\n            'Properties published by providers will be discoverable here.'\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.hospitality.featuredStays', 'Featured stays')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {properties.map((property) => (\n              <EntityCard\n                key={property.id}\n                to={property.id}\n                image={property.images?.[0]}\n                imageAlt={property.name}\n                title={property.name}\n                meta={property.type}\n                price={`${property.currency} ${Number(property.pricePerNight).toFixed(2)} ${t(\n                  'ggnomad.hospitality.card.perNight',\n                  'per night'\n                )}`}\n                footer={\n                  <span className=\"inline-flex items-center gap-1 tabular-nums\">\n                    <Star className=\"size-3.5 text-status-warning-text\" aria-hidden=\"true\" />\n                    {property.rating ?? t('ggnomad.hospitality.card.noRating', 'N/A')}\n                  </span>\n                }\n              />\n            ))}\n          </div>\n          <LoadMoreButton\n            visible={properties.length >= limit}\n            onLoadMore={() => setLimit((l) => l + 12)}\n          />\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAgB,IAAkB;CAChC,IAAM,EAAE,SAAM,EAAQ,GAChB,CAAC,GAAO,KAAY,EAAS,EAAE,GAC/B,EAAE,YAAS,EACf,GAcA,EAAE,WAAW;EAAE;EAAO,QAAQ;CAAE,EAAE,CACpC,GACM,IAAa,GAAM,qBAAqB,CAAC;CAE/C,OACE,kBAAC,GAAD;EACE,OAAO,EAAE,6BAA6B,aAAa;EACnD,aAAa,EAAE,oCAAoC,aAAa;EAChE,UAAU,EACR,gCACA,iDACF;YANF,CAQE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAO,WAAU,SAAU,CAAA;aAC3C,EACC,+BACA,6LACF;EACW,CAAA,GAEZ,EAAW,WAAW,IACrB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,kCAAkC,yBAAyB;GACpE,aAAa,EACX,wCACA,8DACF;EACD,CAAA,IAED,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAA5C;IACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAE,qCAAqC,gBAAgB;IACtD,CAAA;IACJ,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAW,KAAK,MACf,kBAAC,GAAD;MAEE,IAAI,EAAS;MACb,OAAO,EAAS,SAAS;MACzB,UAAU,EAAS;MACnB,OAAO,EAAS;MAChB,MAAM,EAAS;MACf,OAAO,GAAG,EAAS,SAAS,GAAG,OAAO,EAAS,aAAa,EAAE,QAAQ,CAAC,EAAE,GAAG,EAC1E,qCACA,WACF;MACA,QACE,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACE,kBAAC,GAAD;QAAM,WAAU;QAAoC,eAAY;OAAQ,CAAA,GACvE,EAAS,UAAU,EAAE,qCAAqC,KAAK,CAC5D;;KAET,GAhBM,EAAS,EAgBf,CACF;IACE,CAAA;IACL,kBAAC,GAAD;KACE,SAAS,EAAW,UAAU;KAC9B,kBAAkB,GAAU,MAAM,IAAI,EAAE;IACzC,CAAA;GACQ;IAEJ;;AAEf"}

package/dist/ggnomad/pages/ProviderPage.js

@@ -13,8 +13,8 @@ import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/ggnomad/pages/ProviderPage.tsx
 function m() {
 	let { t: m } = s(), [h, g] = a(12), { data: _ } = c(e, { variables: {
-		first: h,
-		skip: 0
+		limit: h,
+		offset: 0
 	} }), v = _?.ggnomadProviders ?? [];
 	return /* @__PURE__ */ p(t, {
 		title: m("ggnomad.provider.title", "Provider Dashboard"),

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

@@ -1 +1 @@
-{"version":3,"file":"ProviderPage.js","names":[],"sources":["../../../src/ggnomad/pages/ProviderPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Briefcase } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_PROVIDERS_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, LoadMoreButton, StatusBadge } from '../components';\n\nexport function ProviderPage() {\n  const { t } = useI18n();\n  const [limit, setLimit] = useState(12);\n  const { data } = useQuery(\n    GGNOMAD_PROVIDERS_QUERY as TypedDocumentNode<\n      {\n        ggnomadProviders: Array<{\n          id: string;\n          name: string;\n          type: string;\n          status: string;\n          listingCount: number;\n          totalRevenue: number;\n          rating?: number;\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    { variables: { first: limit, skip: 0 } }\n  );\n  const providers = data?.ggnomadProviders ?? [];\n\n  return (\n    <PageShell\n      title={t('ggnomad.provider.title', 'Provider Dashboard')}\n      titleAccent={t('ggnomad.provider.title.accent', 'Provider')}\n      subtitle={t('ggnomad.provider.subtitle', 'B2B provider operations and onboarding metrics')}\n    >\n      <PagePurpose icon={<Briefcase className=\"size-4\" />}>\n        {t(\n          'ggnomad.provider.purpose',\n          'Track the supply side of the marketplace — the hotels, tour operators and venues that publish inventory. Use it to monitor each provider’s status, listing count, revenue and rating, and to spot who needs onboarding attention.'\n        )}\n      </PagePurpose>\n\n      {providers.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-people\"\n          title={t('ggnomad.provider.emptyTitle', 'No providers onboarded')}\n          description={t(\n            'ggnomad.provider.emptyDescription',\n            'Onboarded B2B providers and their performance will be tracked here.'\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.provider.onboardedProviders', 'Onboarded providers')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {providers.map((provider) => (\n              <EntityCard\n                key={provider.id}\n                title={provider.name}\n                meta={provider.type}\n                badge={<StatusBadge status={provider.status} live={provider.status === 'ACTIVE'} />}\n                footer={\n                  <dl className=\"grid grid-cols-3 gap-2 text-xs\">\n                    <div>\n                      <dt className=\"text-text-secondary\">\n                        {t('ggnomad.provider.listings', 'Listings')}\n                      </dt>\n                      <dd className=\"mt-0.5 font-medium tabular-nums text-text-primary\">\n                        {provider.listingCount}\n                      </dd>\n                    </div>\n                    <div>\n                      <dt className=\"text-text-secondary\">\n                        {t('ggnomad.provider.revenue', 'Revenue')}\n                      </dt>\n                      <dd className=\"mt-0.5 font-medium tabular-nums text-text-primary\">\n                        ${Number(provider.totalRevenue).toLocaleString()}\n                      </dd>\n                    </div>\n                    <div>\n                      <dt className=\"text-text-secondary\">\n                        {t('ggnomad.provider.rating', 'Rating')}\n                      </dt>\n                      <dd className=\"mt-0.5 font-medium tabular-nums text-text-primary\">\n                        {provider.rating ?? t('ggnomad.provider.noRating', 'N/A')}\n                      </dd>\n                    </div>\n                  </dl>\n                }\n              />\n            ))}\n          </div>\n          <LoadMoreButton\n            visible={providers.length >= limit}\n            onLoadMore={() => setLimit((l) => l + 12)}\n          />\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAWA,SAAgB,IAAe;CAC7B,IAAM,EAAE,SAAM,EAAQ,GAChB,CAAC,GAAO,KAAY,EAAS,EAAE,GAC/B,EAAE,YAAS,EACf,GAcA,EAAE,WAAW;EAAE,OAAO;EAAO,MAAM;CAAE,EAAE,CACzC,GACM,IAAY,GAAM,oBAAoB,CAAC;CAE7C,OACE,kBAAC,GAAD;EACE,OAAO,EAAE,0BAA0B,oBAAoB;EACvD,aAAa,EAAE,iCAAiC,UAAU;EAC1D,UAAU,EAAE,6BAA6B,gDAAgD;YAH3F,CAKE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAW,WAAU,SAAU,CAAA;aAC/C,EACC,4BACA,mOACF;EACW,CAAA,GAEZ,EAAU,WAAW,IACpB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,+BAA+B,wBAAwB;GAChE,aAAa,EACX,qCACA,qEACF;EACD,CAAA,IAED,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAA5C;IACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAE,uCAAuC,qBAAqB;IAC7D,CAAA;IACJ,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAU,KAAK,MACd,kBAAC,GAAD;MAEE,OAAO,EAAS;MAChB,MAAM,EAAS;MACf,OAAO,kBAAC,GAAD;OAAa,QAAQ,EAAS;OAAQ,MAAM,EAAS,WAAW;MAAW,CAAA;MAClF,QACE,kBAAC,MAAD;OAAI,WAAU;iBAAd;QACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;SAAI,WAAU;mBACX,EAAE,6BAA6B,UAAU;QACxC,CAAA,GACJ,kBAAC,MAAD;SAAI,WAAU;mBACX,EAAS;QACR,CAAA,CACD,EAAA,CAAA;QACL,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;SAAI,WAAU;mBACX,EAAE,4BAA4B,SAAS;QACtC,CAAA,GACJ,kBAAC,MAAD;SAAI,WAAU;mBAAd,CAAkE,KAC9D,OAAO,EAAS,YAAY,EAAE,eAAe,CAC7C;UACD,EAAA,CAAA;QACL,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;SAAI,WAAU;mBACX,EAAE,2BAA2B,QAAQ;QACpC,CAAA,GACJ,kBAAC,MAAD;SAAI,WAAU;mBACX,EAAS,UAAU,EAAE,6BAA6B,KAAK;QACtD,CAAA,CACD,EAAA,CAAA;OACH;;KAEP,GAhCM,EAAS,EAgCf,CACF;IACE,CAAA;IACL,kBAAC,GAAD;KACE,SAAS,EAAU,UAAU;KAC7B,kBAAkB,GAAU,MAAM,IAAI,EAAE;IACzC,CAAA;GACQ;IAEJ;;AAEf"}
+{"version":3,"file":"ProviderPage.js","names":[],"sources":["../../../src/ggnomad/pages/ProviderPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Briefcase } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_PROVIDERS_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, LoadMoreButton, StatusBadge } from '../components';\n\nexport function ProviderPage() {\n  const { t } = useI18n();\n  const [limit, setLimit] = useState(12);\n  const { data } = useQuery(\n    GGNOMAD_PROVIDERS_QUERY as TypedDocumentNode<\n      {\n        ggnomadProviders: Array<{\n          id: string;\n          name: string;\n          type: string;\n          status: string;\n          listingCount: number;\n          totalRevenue: number;\n          rating?: number;\n        }>;\n      },\n      { limit: number; offset: number }\n    >,\n    { variables: { limit, offset: 0 } }\n  );\n  const providers = data?.ggnomadProviders ?? [];\n\n  return (\n    <PageShell\n      title={t('ggnomad.provider.title', 'Provider Dashboard')}\n      titleAccent={t('ggnomad.provider.title.accent', 'Provider')}\n      subtitle={t('ggnomad.provider.subtitle', 'B2B provider operations and onboarding metrics')}\n    >\n      <PagePurpose icon={<Briefcase className=\"size-4\" />}>\n        {t(\n          'ggnomad.provider.purpose',\n          'Track the supply side of the marketplace — the hotels, tour operators and venues that publish inventory. Use it to monitor each provider’s status, listing count, revenue and rating, and to spot who needs onboarding attention.'\n        )}\n      </PagePurpose>\n\n      {providers.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-people\"\n          title={t('ggnomad.provider.emptyTitle', 'No providers onboarded')}\n          description={t(\n            'ggnomad.provider.emptyDescription',\n            'Onboarded B2B providers and their performance will be tracked here.'\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.provider.onboardedProviders', 'Onboarded providers')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {providers.map((provider) => (\n              <EntityCard\n                key={provider.id}\n                title={provider.name}\n                meta={provider.type}\n                badge={<StatusBadge status={provider.status} live={provider.status === 'ACTIVE'} />}\n                footer={\n                  <dl className=\"grid grid-cols-3 gap-2 text-xs\">\n                    <div>\n                      <dt className=\"text-text-secondary\">\n                        {t('ggnomad.provider.listings', 'Listings')}\n                      </dt>\n                      <dd className=\"mt-0.5 font-medium tabular-nums text-text-primary\">\n                        {provider.listingCount}\n                      </dd>\n                    </div>\n                    <div>\n                      <dt className=\"text-text-secondary\">\n                        {t('ggnomad.provider.revenue', 'Revenue')}\n                      </dt>\n                      <dd className=\"mt-0.5 font-medium tabular-nums text-text-primary\">\n                        ${Number(provider.totalRevenue).toLocaleString()}\n                      </dd>\n                    </div>\n                    <div>\n                      <dt className=\"text-text-secondary\">\n                        {t('ggnomad.provider.rating', 'Rating')}\n                      </dt>\n                      <dd className=\"mt-0.5 font-medium tabular-nums text-text-primary\">\n                        {provider.rating ?? t('ggnomad.provider.noRating', 'N/A')}\n                      </dd>\n                    </div>\n                  </dl>\n                }\n              />\n            ))}\n          </div>\n          <LoadMoreButton\n            visible={providers.length >= limit}\n            onLoadMore={() => setLimit((l) => l + 12)}\n          />\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAWA,SAAgB,IAAe;CAC7B,IAAM,EAAE,SAAM,EAAQ,GAChB,CAAC,GAAO,KAAY,EAAS,EAAE,GAC/B,EAAE,YAAS,EACf,GAcA,EAAE,WAAW;EAAE;EAAO,QAAQ;CAAE,EAAE,CACpC,GACM,IAAY,GAAM,oBAAoB,CAAC;CAE7C,OACE,kBAAC,GAAD;EACE,OAAO,EAAE,0BAA0B,oBAAoB;EACvD,aAAa,EAAE,iCAAiC,UAAU;EAC1D,UAAU,EAAE,6BAA6B,gDAAgD;YAH3F,CAKE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAW,WAAU,SAAU,CAAA;aAC/C,EACC,4BACA,mOACF;EACW,CAAA,GAEZ,EAAU,WAAW,IACpB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,+BAA+B,wBAAwB;GAChE,aAAa,EACX,qCACA,qEACF;EACD,CAAA,IAED,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAA5C;IACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAE,uCAAuC,qBAAqB;IAC7D,CAAA;IACJ,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAU,KAAK,MACd,kBAAC,GAAD;MAEE,OAAO,EAAS;MAChB,MAAM,EAAS;MACf,OAAO,kBAAC,GAAD;OAAa,QAAQ,EAAS;OAAQ,MAAM,EAAS,WAAW;MAAW,CAAA;MAClF,QACE,kBAAC,MAAD;OAAI,WAAU;iBAAd;QACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;SAAI,WAAU;mBACX,EAAE,6BAA6B,UAAU;QACxC,CAAA,GACJ,kBAAC,MAAD;SAAI,WAAU;mBACX,EAAS;QACR,CAAA,CACD,EAAA,CAAA;QACL,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;SAAI,WAAU;mBACX,EAAE,4BAA4B,SAAS;QACtC,CAAA,GACJ,kBAAC,MAAD;SAAI,WAAU;mBAAd,CAAkE,KAC9D,OAAO,EAAS,YAAY,EAAE,eAAe,CAC7C;UACD,EAAA,CAAA;QACL,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;SAAI,WAAU;mBACX,EAAE,2BAA2B,QAAQ;QACpC,CAAA,GACJ,kBAAC,MAAD;SAAI,WAAU;mBACX,EAAS,UAAU,EAAE,6BAA6B,KAAK;QACtD,CAAA,CACD,EAAA,CAAA;OACH;;KAEP,GAhCM,EAAS,EAgCf,CACF;IACE,CAAA;IACL,kBAAC,GAAD;KACE,SAAS,EAAU,UAAU;KAC7B,kBAAkB,GAAU,MAAM,IAAI,EAAE;IACzC,CAAA;GACQ;IAEJ;;AAEf"}

package/dist/ggnomad/pages/SearchPage.js

@@ -10,17 +10,17 @@ import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/ggnomad/pages/SearchPage.tsx
 function y() {
 	let { t: y } = d(), b = f(n, { variables: {
-		first: 5,
-		skip: 0
+		limit: 5,
+		offset: 0
 	} }), x = f(r, { variables: {
-		first: 5,
-		skip: 0
+		limit: 5,
+		offset: 0
 	} }), S = f(t, { variables: {
-		first: 5,
-		skip: 0
+		limit: 5,
+		offset: 0
 	} }), C = f(e, { variables: {
-		first: 5,
-		skip: 0
+		limit: 5,
+		offset: 0
 	} }), w = b.data?.ggnomadProperties?.length ?? 0, T = x.data?.ggnomadTours?.length ?? 0, E = S.data?.ggnomadEvents?.length ?? 0, D = C.data?.ggnomadActivities?.length ?? 0, O = w + T + E + D;
 	return /* @__PURE__ */ v(i, {
 		title: y("ggnomad.search.title", "Global Search"),

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

@@ -1 +1 @@
-{"version":3,"file":"SearchPage.js","names":[],"sources":["../../../src/ggnomad/pages/SearchPage.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Activity, Building, Compass, Search, Ticket } from 'lucide-react';\nimport { EmphasisPanel, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport {\n  GGNOMAD_PROPERTIES_QUERY,\n  GGNOMAD_TOURS_QUERY,\n  GGNOMAD_EVENTS_QUERY,\n  GGNOMAD_ACTIVITIES_QUERY,\n} from '../graphql';\nimport { PageShell } from './PageShell';\nimport { StatCard } from '../components';\n\nexport function SearchPage() {\n  const { t } = useI18n();\n  const properties = useQuery(\n    GGNOMAD_PROPERTIES_QUERY as TypedDocumentNode<\n      { ggnomadProperties: Array<{ id: string }> },\n      { first: number; skip: number }\n    >,\n    { variables: { first: 5, skip: 0 } }\n  );\n  const tours = useQuery(\n    GGNOMAD_TOURS_QUERY as TypedDocumentNode<\n      { ggnomadTours: Array<{ id: string }> },\n      { first: number; skip: number }\n    >,\n    {\n      variables: { first: 5, skip: 0 },\n    }\n  );\n  const events = useQuery(\n    GGNOMAD_EVENTS_QUERY as TypedDocumentNode<\n      { ggnomadEvents: Array<{ id: string }> },\n      { first: number; skip: number }\n    >,\n    {\n      variables: { first: 5, skip: 0 },\n    }\n  );\n  const activities = useQuery(\n    GGNOMAD_ACTIVITIES_QUERY as TypedDocumentNode<\n      { ggnomadActivities: Array<{ id: string }> },\n      { first: number; skip: number }\n    >,\n    { variables: { first: 5, skip: 0 } }\n  );\n\n  const propertyCount = properties.data?.ggnomadProperties?.length ?? 0;\n  const tourCount = tours.data?.ggnomadTours?.length ?? 0;\n  const eventCount = events.data?.ggnomadEvents?.length ?? 0;\n  const activityCount = activities.data?.ggnomadActivities?.length ?? 0;\n  const total = propertyCount + tourCount + eventCount + activityCount;\n\n  return (\n    <PageShell\n      title={t('ggnomad.search.title', 'Global Search')}\n      titleAccent={t('ggnomad.search.title.accent', 'Search')}\n      subtitle={t('ggnomad.search.subtitle', 'Cross-domain search across all GGNomad inventory')}\n    >\n      <PagePurpose icon={<Search className=\"size-4\" />}>\n        {t(\n          'ggnomad.search.purpose',\n          'One search across the entire GGNomad catalogue — properties, tours, events and activities at once — so you can see everything available for a destination in a single view instead of checking each domain separately.'\n        )}\n      </PagePurpose>\n\n      {total === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title={t('ggnomad.search.emptyTitle', 'No matching inventory')}\n          description={t(\n            'ggnomad.search.emptyDescription',\n            'Nothing matched across properties, tours, events and activities yet.'\n          )}\n        />\n      ) : (\n        <>\n          <EmphasisPanel>\n            <p className=\"text-sm text-text-secondary\">\n              {t('ggnomad.search.totalMatches', 'Total matches across all domains')}\n            </p>\n            <p className=\"mt-1 text-3xl font-semibold tabular-nums text-text-primary\">\n              {total.toLocaleString()}\n            </p>\n            <p className=\"mt-2 text-sm text-text-secondary\">\n              {t(\n                'ggnomad.search.totalMatchesNote',\n                'Combined inventory from properties, tours, events and activities — open a domain below to drill in.'\n              )}\n            </p>\n          </EmphasisPanel>\n\n          <section className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n            <StatCard\n              label={t('ggnomad.search.results.propertiesFound', 'Properties found')}\n              value={propertyCount}\n              icon={<Building />}\n            />\n            <StatCard\n              label={t('ggnomad.search.results.toursFound', 'Tours found')}\n              value={tourCount}\n              icon={<Compass />}\n            />\n            <StatCard\n              label={t('ggnomad.search.results.eventsFound', 'Events found')}\n              value={eventCount}\n              icon={<Ticket />}\n            />\n            <StatCard\n              label={t('ggnomad.search.results.activitiesFound', 'Activities found')}\n              value={activityCount}\n              icon={<Activity />}\n            />\n          </section>\n        </>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,IAAa;CAC3B,IAAM,EAAE,SAAM,EAAQ,GAChB,IAAa,EACjB,GAIA,EAAE,WAAW;EAAE,OAAO;EAAG,MAAM;CAAE,EAAE,CACrC,GACM,IAAQ,EACZ,GAIA,EACE,WAAW;EAAE,OAAO;EAAG,MAAM;CAAE,EACjC,CACF,GACM,IAAS,EACb,GAIA,EACE,WAAW;EAAE,OAAO;EAAG,MAAM;CAAE,EACjC,CACF,GACM,IAAa,EACjB,GAIA,EAAE,WAAW;EAAE,OAAO;EAAG,MAAM;CAAE,EAAE,CACrC,GAEM,IAAgB,EAAW,MAAM,mBAAmB,UAAU,GAC9D,IAAY,EAAM,MAAM,cAAc,UAAU,GAChD,IAAa,EAAO,MAAM,eAAe,UAAU,GACnD,IAAgB,EAAW,MAAM,mBAAmB,UAAU,GAC9D,IAAQ,IAAgB,IAAY,IAAa;CAEvD,OACE,kBAAC,GAAD;EACE,OAAO,EAAE,wBAAwB,eAAe;EAChD,aAAa,EAAE,+BAA+B,QAAQ;EACtD,UAAU,EAAE,2BAA2B,kDAAkD;YAH3F,CAKE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAQ,WAAU,SAAU,CAAA;aAC5C,EACC,0BACA,wNACF;EACW,CAAA,GAEZ,MAAU,IACT,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,6BAA6B,uBAAuB;GAC7D,aAAa,EACX,mCACA,sEACF;EACD,CAAA,IAED,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA;GACE,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,+BAA+B,kCAAkC;GACnE,CAAA;GACH,kBAAC,KAAD;IAAG,WAAU;cACV,EAAM,eAAe;GACrB,CAAA;GACH,kBAAC,KAAD;IAAG,WAAU;cACV,EACC,mCACA,qGACF;GACC,CAAA;EACU,EAAA,CAAA,GAEf,kBAAC,WAAD;GAAS,WAAU;aAAnB;IACE,kBAAC,GAAD;KACE,OAAO,EAAE,0CAA0C,kBAAkB;KACrE,OAAO;KACP,MAAM,kBAAC,GAAD,CAAW,CAAA;IAClB,CAAA;IACD,kBAAC,GAAD;KACE,OAAO,EAAE,qCAAqC,aAAa;KAC3D,OAAO;KACP,MAAM,kBAAC,GAAD,CAAU,CAAA;IACjB,CAAA;IACD,kBAAC,GAAD;KACE,OAAO,EAAE,sCAAsC,cAAc;KAC7D,OAAO;KACP,MAAM,kBAAC,GAAD,CAAS,CAAA;IAChB,CAAA;IACD,kBAAC,GAAD;KACE,OAAO,EAAE,0CAA0C,kBAAkB;KACrE,OAAO;KACP,MAAM,kBAAC,GAAD,CAAW,CAAA;IAClB,CAAA;GACM;IACT,EAAA,CAAA,CAEK;;AAEf"}
+{"version":3,"file":"SearchPage.js","names":[],"sources":["../../../src/ggnomad/pages/SearchPage.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Activity, Building, Compass, Search, Ticket } from 'lucide-react';\nimport { EmphasisPanel, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport {\n  GGNOMAD_PROPERTIES_QUERY,\n  GGNOMAD_TOURS_QUERY,\n  GGNOMAD_EVENTS_QUERY,\n  GGNOMAD_ACTIVITIES_QUERY,\n} from '../graphql';\nimport { PageShell } from './PageShell';\nimport { StatCard } from '../components';\n\nexport function SearchPage() {\n  const { t } = useI18n();\n  const properties = useQuery(\n    GGNOMAD_PROPERTIES_QUERY as TypedDocumentNode<\n      { ggnomadProperties: Array<{ id: string }> },\n      { limit: number; offset: number }\n    >,\n    { variables: { limit: 5, offset: 0 } }\n  );\n  const tours = useQuery(\n    GGNOMAD_TOURS_QUERY as TypedDocumentNode<\n      { ggnomadTours: Array<{ id: string }> },\n      { limit: number; offset: number }\n    >,\n    {\n      variables: { limit: 5, offset: 0 },\n    }\n  );\n  const events = useQuery(\n    GGNOMAD_EVENTS_QUERY as TypedDocumentNode<\n      { ggnomadEvents: Array<{ id: string }> },\n      { limit: number; offset: number }\n    >,\n    {\n      variables: { limit: 5, offset: 0 },\n    }\n  );\n  const activities = useQuery(\n    GGNOMAD_ACTIVITIES_QUERY as TypedDocumentNode<\n      { ggnomadActivities: Array<{ id: string }> },\n      { limit: number; offset: number }\n    >,\n    { variables: { limit: 5, offset: 0 } }\n  );\n\n  const propertyCount = properties.data?.ggnomadProperties?.length ?? 0;\n  const tourCount = tours.data?.ggnomadTours?.length ?? 0;\n  const eventCount = events.data?.ggnomadEvents?.length ?? 0;\n  const activityCount = activities.data?.ggnomadActivities?.length ?? 0;\n  const total = propertyCount + tourCount + eventCount + activityCount;\n\n  return (\n    <PageShell\n      title={t('ggnomad.search.title', 'Global Search')}\n      titleAccent={t('ggnomad.search.title.accent', 'Search')}\n      subtitle={t('ggnomad.search.subtitle', 'Cross-domain search across all GGNomad inventory')}\n    >\n      <PagePurpose icon={<Search className=\"size-4\" />}>\n        {t(\n          'ggnomad.search.purpose',\n          'One search across the entire GGNomad catalogue — properties, tours, events and activities at once — so you can see everything available for a destination in a single view instead of checking each domain separately.'\n        )}\n      </PagePurpose>\n\n      {total === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title={t('ggnomad.search.emptyTitle', 'No matching inventory')}\n          description={t(\n            'ggnomad.search.emptyDescription',\n            'Nothing matched across properties, tours, events and activities yet.'\n          )}\n        />\n      ) : (\n        <>\n          <EmphasisPanel>\n            <p className=\"text-sm text-text-secondary\">\n              {t('ggnomad.search.totalMatches', 'Total matches across all domains')}\n            </p>\n            <p className=\"mt-1 text-3xl font-semibold tabular-nums text-text-primary\">\n              {total.toLocaleString()}\n            </p>\n            <p className=\"mt-2 text-sm text-text-secondary\">\n              {t(\n                'ggnomad.search.totalMatchesNote',\n                'Combined inventory from properties, tours, events and activities — open a domain below to drill in.'\n              )}\n            </p>\n          </EmphasisPanel>\n\n          <section className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n            <StatCard\n              label={t('ggnomad.search.results.propertiesFound', 'Properties found')}\n              value={propertyCount}\n              icon={<Building />}\n            />\n            <StatCard\n              label={t('ggnomad.search.results.toursFound', 'Tours found')}\n              value={tourCount}\n              icon={<Compass />}\n            />\n            <StatCard\n              label={t('ggnomad.search.results.eventsFound', 'Events found')}\n              value={eventCount}\n              icon={<Ticket />}\n            />\n            <StatCard\n              label={t('ggnomad.search.results.activitiesFound', 'Activities found')}\n              value={activityCount}\n              icon={<Activity />}\n            />\n          </section>\n        </>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,IAAa;CAC3B,IAAM,EAAE,SAAM,EAAQ,GAChB,IAAa,EACjB,GAIA,EAAE,WAAW;EAAE,OAAO;EAAG,QAAQ;CAAE,EAAE,CACvC,GACM,IAAQ,EACZ,GAIA,EACE,WAAW;EAAE,OAAO;EAAG,QAAQ;CAAE,EACnC,CACF,GACM,IAAS,EACb,GAIA,EACE,WAAW;EAAE,OAAO;EAAG,QAAQ;CAAE,EACnC,CACF,GACM,IAAa,EACjB,GAIA,EAAE,WAAW;EAAE,OAAO;EAAG,QAAQ;CAAE,EAAE,CACvC,GAEM,IAAgB,EAAW,MAAM,mBAAmB,UAAU,GAC9D,IAAY,EAAM,MAAM,cAAc,UAAU,GAChD,IAAa,EAAO,MAAM,eAAe,UAAU,GACnD,IAAgB,EAAW,MAAM,mBAAmB,UAAU,GAC9D,IAAQ,IAAgB,IAAY,IAAa;CAEvD,OACE,kBAAC,GAAD;EACE,OAAO,EAAE,wBAAwB,eAAe;EAChD,aAAa,EAAE,+BAA+B,QAAQ;EACtD,UAAU,EAAE,2BAA2B,kDAAkD;YAH3F,CAKE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAQ,WAAU,SAAU,CAAA;aAC5C,EACC,0BACA,wNACF;EACW,CAAA,GAEZ,MAAU,IACT,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,6BAA6B,uBAAuB;GAC7D,aAAa,EACX,mCACA,sEACF;EACD,CAAA,IAED,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA;GACE,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,+BAA+B,kCAAkC;GACnE,CAAA;GACH,kBAAC,KAAD;IAAG,WAAU;cACV,EAAM,eAAe;GACrB,CAAA;GACH,kBAAC,KAAD;IAAG,WAAU;cACV,EACC,mCACA,qGACF;GACC,CAAA;EACU,EAAA,CAAA,GAEf,kBAAC,WAAD;GAAS,WAAU;aAAnB;IACE,kBAAC,GAAD;KACE,OAAO,EAAE,0CAA0C,kBAAkB;KACrE,OAAO;KACP,MAAM,kBAAC,GAAD,CAAW,CAAA;IAClB,CAAA;IACD,kBAAC,GAAD;KACE,OAAO,EAAE,qCAAqC,aAAa;KAC3D,OAAO;KACP,MAAM,kBAAC,GAAD,CAAU,CAAA;IACjB,CAAA;IACD,kBAAC,GAAD;KACE,OAAO,EAAE,sCAAsC,cAAc;KAC7D,OAAO;KACP,MAAM,kBAAC,GAAD,CAAS,CAAA;IAChB,CAAA;IACD,kBAAC,GAAD;KACE,OAAO,EAAE,0CAA0C,kBAAkB;KACrE,OAAO;KACP,MAAM,kBAAC,GAAD,CAAW,CAAA;IAClB,CAAA;GACM;IACT,EAAA,CAAA,CAEK;;AAEf"}

package/dist/ggnomad/pages/TourismPage.js

@@ -13,11 +13,11 @@ import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/ggnomad/pages/TourismPage.tsx
 function h() {
 	let { t: h } = c(), [g, _] = o(12), [v, y] = o(12), { data: b } = l(t, { variables: {
-		first: g,
-		skip: 0
+		limit: g,
+		offset: 0
 	} }), { data: x } = l(e, { variables: {
-		first: v,
-		skip: 0
+		limit: v,
+		offset: 0
 	} }), S = b?.ggnomadTours ?? [], C = x?.ggnomadActivities ?? [], w = (e, t, n) => e.length === 0 ? /* @__PURE__ */ p(d, {
 		illustration: "empty-data",
 		title: n,

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

@@ -1 +1 @@
-{"version":3,"file":"TourismPage.js","names":[],"sources":["../../../src/ggnomad/pages/TourismPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Compass } from 'lucide-react';\nimport { EmphasisPanel, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_ACTIVITIES_QUERY, GGNOMAD_TOURS_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, SectionCard, LoadMoreButton } from '../components';\n\ntype TourismItem = {\n  images?: string[];\n  id: string;\n  name: string;\n  duration: string;\n  price: number;\n  currency: string;\n};\n\nexport function TourismPage() {\n  const { t } = useI18n();\n  const [tourLimit, setTourLimit] = useState(12);\n  const [activityLimit, setActivityLimit] = useState(12);\n  const { data: toursData } = useQuery(\n    GGNOMAD_TOURS_QUERY as TypedDocumentNode<\n      { ggnomadTours: TourismItem[] },\n      { first: number; skip: number }\n    >,\n    {\n      variables: { first: tourLimit, skip: 0 },\n    }\n  );\n  const { data: activitiesData } = useQuery(\n    GGNOMAD_ACTIVITIES_QUERY as TypedDocumentNode<\n      { ggnomadActivities: TourismItem[] },\n      { first: number; skip: number }\n    >,\n    { variables: { first: activityLimit, skip: 0 } }\n  );\n  const tours = toursData?.ggnomadTours ?? [];\n  const activities = activitiesData?.ggnomadActivities ?? [];\n\n  const renderList = (items: TourismItem[], basePath: string, emptyLabel: string) => {\n    if (items.length === 0) {\n      return (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={emptyLabel}\n          description={t(\n            'ggnomad.tourism.emptyDescription',\n            'Curated experiences will appear here once published.'\n          )}\n        />\n      );\n    }\n    return (\n      <div className=\"grid gap-3\">\n        {items.map((item) => (\n          <EntityCard\n            key={item.id}\n            to={`${basePath}/${item.id}`}\n            image={item.images?.[0]}\n            imageAlt={item.name}\n            title={item.name}\n            meta={item.duration}\n            price={`${item.currency} ${Number(item.price).toFixed(2)}`}\n          />\n        ))}\n      </div>\n    );\n  };\n\n  return (\n    <PageShell\n      title={t('ggnomad.tourism.title', 'Tourism')}\n      titleAccent={t('ggnomad.tourism.title.accent', 'Tourism')}\n      subtitle={t('ggnomad.tourism.subtitle', 'Tours and curated activity experiences')}\n    >\n      <PagePurpose icon={<Compass className=\"size-4\" />}>\n        {t(\n          'ggnomad.tourism.purpose',\n          'Plan what you’ll actually do at a destination — guided tours and bookable activities curated by local operators. Open any experience to review duration, price and what’s included, then add it to a booking.'\n        )}\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <div className=\"grid gap-4 sm:grid-cols-2\">\n          <div>\n            <p className=\"text-sm text-text-secondary\">{t('ggnomad.tourism.tours', 'Tours')}</p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {tours.length}\n            </p>\n          </div>\n          <div>\n            <p className=\"text-sm text-text-secondary\">\n              {t('ggnomad.tourism.activities', 'Activities')}\n            </p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {activities.length}\n            </p>\n          </div>\n        </div>\n        <p className=\"mt-4 text-sm text-text-secondary\">\n          {t(\n            'ggnomad.tourism.emphasisNote',\n            'Curated, bookable experiences across your destinations — pick a tour or activity below to see full details.'\n          )}\n        </p>\n      </EmphasisPanel>\n\n      <div className=\"grid gap-6 lg:grid-cols-2\">\n        <SectionCard title={t('ggnomad.tourism.tours', 'Tours')}>\n          {renderList(tours, 'tours', t('ggnomad.tourism.toursEmpty', 'No tours yet'))}\n          <LoadMoreButton\n            visible={tours.length >= tourLimit}\n            onLoadMore={() => setTourLimit((l) => l + 12)}\n          />\n        </SectionCard>\n        <SectionCard title={t('ggnomad.tourism.activities', 'Activities')}>\n          {renderList(\n            activities,\n            'activities',\n            t('ggnomad.tourism.activitiesEmpty', 'No activities yet')\n          )}\n          <LoadMoreButton\n            visible={activities.length >= activityLimit}\n            onLoadMore={() => setActivityLimit((l) => l + 12)}\n          />\n        </SectionCard>\n      </div>\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAoBA,SAAgB,IAAc;CAC5B,IAAM,EAAE,SAAM,EAAQ,GAChB,CAAC,GAAW,KAAgB,EAAS,EAAE,GACvC,CAAC,GAAe,KAAoB,EAAS,EAAE,GAC/C,EAAE,MAAM,MAAc,EAC1B,GAIA,EACE,WAAW;EAAE,OAAO;EAAW,MAAM;CAAE,EACzC,CACF,GACM,EAAE,MAAM,MAAmB,EAC/B,GAIA,EAAE,WAAW;EAAE,OAAO;EAAe,MAAM;CAAE,EAAE,CACjD,GACM,IAAQ,GAAW,gBAAgB,CAAC,GACpC,IAAa,GAAgB,qBAAqB,CAAC,GAEnD,KAAc,GAAsB,GAAkB,MACtD,EAAM,WAAW,IAEjB,kBAAC,GAAD;EACE,cAAa;EACb,OAAO;EACP,aAAa,EACX,oCACA,sDACF;CACD,CAAA,IAIH,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAM,KAAK,MACV,kBAAC,GAAD;GAEE,IAAI,GAAG,EAAS,GAAG,EAAK;GACxB,OAAO,EAAK,SAAS;GACrB,UAAU,EAAK;GACf,OAAO,EAAK;GACZ,MAAM,EAAK;GACX,OAAO,GAAG,EAAK,SAAS,GAAG,OAAO,EAAK,KAAK,EAAE,QAAQ,CAAC;EACxD,GAPM,EAAK,EAOX,CACF;CACE,CAAA;CAIT,OACE,kBAAC,GAAD;EACE,OAAO,EAAE,yBAAyB,SAAS;EAC3C,aAAa,EAAE,gCAAgC,SAAS;EACxD,UAAU,EAAE,4BAA4B,wCAAwC;YAHlF;GAKE,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAS,WAAU,SAAU,CAAA;cAC7C,EACC,2BACA,+MACF;GACW,CAAA;GAEb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;KAAG,WAAU;eAA+B,EAAE,yBAAyB,OAAO;IAAK,CAAA,GACnF,kBAAC,KAAD;KAAG,WAAU;eACV,EAAM;IACN,CAAA,CACA,EAAA,CAAA,GACL,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;KAAG,WAAU;eACV,EAAE,8BAA8B,YAAY;IAC5C,CAAA,GACH,kBAAC,KAAD;KAAG,WAAU;eACV,EAAW;IACX,CAAA,CACA,EAAA,CAAA,CACF;OACL,kBAAC,KAAD;IAAG,WAAU;cACV,EACC,gCACA,6GACF;GACC,CAAA,CACU,EAAA,CAAA;GAEf,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAa,OAAO,EAAE,yBAAyB,OAAO;eAAtD,CACG,EAAW,GAAO,SAAS,EAAE,8BAA8B,cAAc,CAAC,GAC3E,kBAAC,GAAD;MACE,SAAS,EAAM,UAAU;MACzB,kBAAkB,GAAc,MAAM,IAAI,EAAE;KAC7C,CAAA,CACU;QACb,kBAAC,GAAD;KAAa,OAAO,EAAE,8BAA8B,YAAY;eAAhE,CACG,EACC,GACA,cACA,EAAE,mCAAmC,mBAAmB,CAC1D,GACA,kBAAC,GAAD;MACE,SAAS,EAAW,UAAU;MAC9B,kBAAkB,GAAkB,MAAM,IAAI,EAAE;KACjD,CAAA,CACU;MACV;;EACI;;AAEf"}
+{"version":3,"file":"TourismPage.js","names":[],"sources":["../../../src/ggnomad/pages/TourismPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Compass } from 'lucide-react';\nimport { EmphasisPanel, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_ACTIVITIES_QUERY, GGNOMAD_TOURS_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, SectionCard, LoadMoreButton } from '../components';\n\ntype TourismItem = {\n  images?: string[];\n  id: string;\n  name: string;\n  duration: string;\n  price: number;\n  currency: string;\n};\n\nexport function TourismPage() {\n  const { t } = useI18n();\n  const [tourLimit, setTourLimit] = useState(12);\n  const [activityLimit, setActivityLimit] = useState(12);\n  const { data: toursData } = useQuery(\n    GGNOMAD_TOURS_QUERY as TypedDocumentNode<\n      { ggnomadTours: TourismItem[] },\n      { limit: number; offset: number }\n    >,\n    {\n      variables: { limit: tourLimit, offset: 0 },\n    }\n  );\n  const { data: activitiesData } = useQuery(\n    GGNOMAD_ACTIVITIES_QUERY as TypedDocumentNode<\n      { ggnomadActivities: TourismItem[] },\n      { limit: number; offset: number }\n    >,\n    { variables: { limit: activityLimit, offset: 0 } }\n  );\n  const tours = toursData?.ggnomadTours ?? [];\n  const activities = activitiesData?.ggnomadActivities ?? [];\n\n  const renderList = (items: TourismItem[], basePath: string, emptyLabel: string) => {\n    if (items.length === 0) {\n      return (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={emptyLabel}\n          description={t(\n            'ggnomad.tourism.emptyDescription',\n            'Curated experiences will appear here once published.'\n          )}\n        />\n      );\n    }\n    return (\n      <div className=\"grid gap-3\">\n        {items.map((item) => (\n          <EntityCard\n            key={item.id}\n            to={`${basePath}/${item.id}`}\n            image={item.images?.[0]}\n            imageAlt={item.name}\n            title={item.name}\n            meta={item.duration}\n            price={`${item.currency} ${Number(item.price).toFixed(2)}`}\n          />\n        ))}\n      </div>\n    );\n  };\n\n  return (\n    <PageShell\n      title={t('ggnomad.tourism.title', 'Tourism')}\n      titleAccent={t('ggnomad.tourism.title.accent', 'Tourism')}\n      subtitle={t('ggnomad.tourism.subtitle', 'Tours and curated activity experiences')}\n    >\n      <PagePurpose icon={<Compass className=\"size-4\" />}>\n        {t(\n          'ggnomad.tourism.purpose',\n          'Plan what you’ll actually do at a destination — guided tours and bookable activities curated by local operators. Open any experience to review duration, price and what’s included, then add it to a booking.'\n        )}\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <div className=\"grid gap-4 sm:grid-cols-2\">\n          <div>\n            <p className=\"text-sm text-text-secondary\">{t('ggnomad.tourism.tours', 'Tours')}</p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {tours.length}\n            </p>\n          </div>\n          <div>\n            <p className=\"text-sm text-text-secondary\">\n              {t('ggnomad.tourism.activities', 'Activities')}\n            </p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {activities.length}\n            </p>\n          </div>\n        </div>\n        <p className=\"mt-4 text-sm text-text-secondary\">\n          {t(\n            'ggnomad.tourism.emphasisNote',\n            'Curated, bookable experiences across your destinations — pick a tour or activity below to see full details.'\n          )}\n        </p>\n      </EmphasisPanel>\n\n      <div className=\"grid gap-6 lg:grid-cols-2\">\n        <SectionCard title={t('ggnomad.tourism.tours', 'Tours')}>\n          {renderList(tours, 'tours', t('ggnomad.tourism.toursEmpty', 'No tours yet'))}\n          <LoadMoreButton\n            visible={tours.length >= tourLimit}\n            onLoadMore={() => setTourLimit((l) => l + 12)}\n          />\n        </SectionCard>\n        <SectionCard title={t('ggnomad.tourism.activities', 'Activities')}>\n          {renderList(\n            activities,\n            'activities',\n            t('ggnomad.tourism.activitiesEmpty', 'No activities yet')\n          )}\n          <LoadMoreButton\n            visible={activities.length >= activityLimit}\n            onLoadMore={() => setActivityLimit((l) => l + 12)}\n          />\n        </SectionCard>\n      </div>\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAoBA,SAAgB,IAAc;CAC5B,IAAM,EAAE,SAAM,EAAQ,GAChB,CAAC,GAAW,KAAgB,EAAS,EAAE,GACvC,CAAC,GAAe,KAAoB,EAAS,EAAE,GAC/C,EAAE,MAAM,MAAc,EAC1B,GAIA,EACE,WAAW;EAAE,OAAO;EAAW,QAAQ;CAAE,EAC3C,CACF,GACM,EAAE,MAAM,MAAmB,EAC/B,GAIA,EAAE,WAAW;EAAE,OAAO;EAAe,QAAQ;CAAE,EAAE,CACnD,GACM,IAAQ,GAAW,gBAAgB,CAAC,GACpC,IAAa,GAAgB,qBAAqB,CAAC,GAEnD,KAAc,GAAsB,GAAkB,MACtD,EAAM,WAAW,IAEjB,kBAAC,GAAD;EACE,cAAa;EACb,OAAO;EACP,aAAa,EACX,oCACA,sDACF;CACD,CAAA,IAIH,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAM,KAAK,MACV,kBAAC,GAAD;GAEE,IAAI,GAAG,EAAS,GAAG,EAAK;GACxB,OAAO,EAAK,SAAS;GACrB,UAAU,EAAK;GACf,OAAO,EAAK;GACZ,MAAM,EAAK;GACX,OAAO,GAAG,EAAK,SAAS,GAAG,OAAO,EAAK,KAAK,EAAE,QAAQ,CAAC;EACxD,GAPM,EAAK,EAOX,CACF;CACE,CAAA;CAIT,OACE,kBAAC,GAAD;EACE,OAAO,EAAE,yBAAyB,SAAS;EAC3C,aAAa,EAAE,gCAAgC,SAAS;EACxD,UAAU,EAAE,4BAA4B,wCAAwC;YAHlF;GAKE,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAS,WAAU,SAAU,CAAA;cAC7C,EACC,2BACA,+MACF;GACW,CAAA;GAEb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;KAAG,WAAU;eAA+B,EAAE,yBAAyB,OAAO;IAAK,CAAA,GACnF,kBAAC,KAAD;KAAG,WAAU;eACV,EAAM;IACN,CAAA,CACA,EAAA,CAAA,GACL,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;KAAG,WAAU;eACV,EAAE,8BAA8B,YAAY;IAC5C,CAAA,GACH,kBAAC,KAAD;KAAG,WAAU;eACV,EAAW;IACX,CAAA,CACA,EAAA,CAAA,CACF;OACL,kBAAC,KAAD;IAAG,WAAU;cACV,EACC,gCACA,6GACF;GACC,CAAA,CACU,EAAA,CAAA;GAEf,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAa,OAAO,EAAE,yBAAyB,OAAO;eAAtD,CACG,EAAW,GAAO,SAAS,EAAE,8BAA8B,cAAc,CAAC,GAC3E,kBAAC,GAAD;MACE,SAAS,EAAM,UAAU;MACzB,kBAAkB,GAAc,MAAM,IAAI,EAAE;KAC7C,CAAA,CACU;QACb,kBAAC,GAAD;KAAa,OAAO,EAAE,8BAA8B,YAAY;eAAhE,CACG,EACC,GACA,cACA,EAAE,mCAAmC,mBAAmB,CAC1D,GACA,kBAAC,GAAD;MACE,SAAS,EAAW,UAAU;MAC9B,kBAAkB,GAAkB,MAAM,IAAI,EAAE;KACjD,CAAA,CACU;MACV;;EACI;;AAEf"}

package/dist/ggnomad/pages/TravelPage.js

@@ -11,8 +11,8 @@ import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/ggnomad/pages/TravelPage.tsx
 function f() {
 	let { t: f } = a(), { data: p } = o(e, { variables: {
-		first: 20,
-		skip: 0
+		limit: 20,
+		offset: 0
 	} }), m = p?.ggnomadTrips ?? [];
 	return /* @__PURE__ */ d(t, {
 		title: f("ggnomad.travel.title", "Travel"),

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

@@ -1 +1 @@
-{"version":3,"file":"TravelPage.js","names":[],"sources":["../../../src/ggnomad/pages/TravelPage.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Plane } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_TRIPS_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, StatusBadge } from '../components';\n\nexport function TravelPage() {\n  const { t } = useI18n();\n  const { data } = useQuery(\n    GGNOMAD_TRIPS_QUERY as TypedDocumentNode<\n      {\n        ggnomadTrips: Array<{\n          id: string;\n          name: string;\n          transportMode: string;\n          status: string;\n          price: number;\n          currency: string;\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    {\n      variables: { first: 20, skip: 0 },\n    }\n  );\n  const trips = data?.ggnomadTrips ?? [];\n\n  return (\n    <PageShell\n      title={t('ggnomad.travel.title', 'Travel')}\n      titleAccent={t('ggnomad.travel.title.accent', 'Travel')}\n      subtitle={t('ggnomad.travel.subtitle', 'Live trip inventory and route management')}\n    >\n      <PagePurpose icon={<Plane className=\"size-4\" />}>\n        {t(\n          'ggnomad.travel.purpose',\n          'Browse the live trip catalogue — flights, rail and road routes published by providers — to compare transport modes, prices and availability before turning a trip into a booking.'\n        )}\n      </PagePurpose>\n\n      {trips.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.travel.emptyTitle', 'No trips in inventory')}\n          description={t(\n            'ggnomad.travel.emptyDescription',\n            'Routes and trips added by providers will appear here.'\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.travel.availableTrips', 'Available trips')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2\">\n            {trips.map((trip) => (\n              <EntityCard\n                key={trip.id}\n                title={trip.name}\n                meta={trip.transportMode}\n                price={`${trip.currency} ${Number(trip.price).toFixed(2)}`}\n                badge={<StatusBadge status={trip.status} live={trip.status === 'ACTIVE'} />}\n              />\n            ))}\n          </div>\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAUA,SAAgB,IAAa;CAC3B,IAAM,EAAE,SAAM,EAAQ,GAChB,EAAE,YAAS,EACf,GAaA,EACE,WAAW;EAAE,OAAO;EAAI,MAAM;CAAE,EAClC,CACF,GACM,IAAQ,GAAM,gBAAgB,CAAC;CAErC,OACE,kBAAC,GAAD;EACE,OAAO,EAAE,wBAAwB,QAAQ;EACzC,aAAa,EAAE,+BAA+B,QAAQ;EACtD,UAAU,EAAE,2BAA2B,0CAA0C;YAHnF,CAKE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAO,WAAU,SAAU,CAAA;aAC3C,EACC,0BACA,mLACF;EACW,CAAA,GAEZ,EAAM,WAAW,IAChB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,6BAA6B,uBAAuB;GAC7D,aAAa,EACX,mCACA,uDACF;EACD,CAAA,IAED,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAA5C,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAE,iCAAiC,iBAAiB;GACnD,CAAA,GACJ,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAM,KAAK,MACV,kBAAC,GAAD;KAEE,OAAO,EAAK;KACZ,MAAM,EAAK;KACX,OAAO,GAAG,EAAK,SAAS,GAAG,OAAO,EAAK,KAAK,EAAE,QAAQ,CAAC;KACvD,OAAO,kBAAC,GAAD;MAAa,QAAQ,EAAK;MAAQ,MAAM,EAAK,WAAW;KAAW,CAAA;IAC3E,GALM,EAAK,EAKX,CACF;GACE,CAAA,CACI;IAEJ;;AAEf"}
+{"version":3,"file":"TravelPage.js","names":[],"sources":["../../../src/ggnomad/pages/TravelPage.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Plane } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_TRIPS_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, StatusBadge } from '../components';\n\nexport function TravelPage() {\n  const { t } = useI18n();\n  const { data } = useQuery(\n    GGNOMAD_TRIPS_QUERY as TypedDocumentNode<\n      {\n        ggnomadTrips: Array<{\n          id: string;\n          name: string;\n          transportMode: string;\n          status: string;\n          price: number;\n          currency: string;\n        }>;\n      },\n      { limit: number; offset: number }\n    >,\n    {\n      variables: { limit: 20, offset: 0 },\n    }\n  );\n  const trips = data?.ggnomadTrips ?? [];\n\n  return (\n    <PageShell\n      title={t('ggnomad.travel.title', 'Travel')}\n      titleAccent={t('ggnomad.travel.title.accent', 'Travel')}\n      subtitle={t('ggnomad.travel.subtitle', 'Live trip inventory and route management')}\n    >\n      <PagePurpose icon={<Plane className=\"size-4\" />}>\n        {t(\n          'ggnomad.travel.purpose',\n          'Browse the live trip catalogue — flights, rail and road routes published by providers — to compare transport modes, prices and availability before turning a trip into a booking.'\n        )}\n      </PagePurpose>\n\n      {trips.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.travel.emptyTitle', 'No trips in inventory')}\n          description={t(\n            'ggnomad.travel.emptyDescription',\n            'Routes and trips added by providers will appear here.'\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.travel.availableTrips', 'Available trips')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2\">\n            {trips.map((trip) => (\n              <EntityCard\n                key={trip.id}\n                title={trip.name}\n                meta={trip.transportMode}\n                price={`${trip.currency} ${Number(trip.price).toFixed(2)}`}\n                badge={<StatusBadge status={trip.status} live={trip.status === 'ACTIVE'} />}\n              />\n            ))}\n          </div>\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAUA,SAAgB,IAAa;CAC3B,IAAM,EAAE,SAAM,EAAQ,GAChB,EAAE,YAAS,EACf,GAaA,EACE,WAAW;EAAE,OAAO;EAAI,QAAQ;CAAE,EACpC,CACF,GACM,IAAQ,GAAM,gBAAgB,CAAC;CAErC,OACE,kBAAC,GAAD;EACE,OAAO,EAAE,wBAAwB,QAAQ;EACzC,aAAa,EAAE,+BAA+B,QAAQ;EACtD,UAAU,EAAE,2BAA2B,0CAA0C;YAHnF,CAKE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAO,WAAU,SAAU,CAAA;aAC3C,EACC,0BACA,mLACF;EACW,CAAA,GAEZ,EAAM,WAAW,IAChB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,6BAA6B,uBAAuB;GAC7D,aAAa,EACX,mCACA,uDACF;EACD,CAAA,IAED,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAA5C,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAE,iCAAiC,iBAAiB;GACnD,CAAA,GACJ,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAM,KAAK,MACV,kBAAC,GAAD;KAEE,OAAO,EAAK;KACZ,MAAM,EAAK;KACX,OAAO,GAAG,EAAK,SAAS,GAAG,OAAO,EAAK,KAAK,EAAE,QAAQ,CAAC;KACvD,OAAO,kBAAC,GAAD;MAAa,QAAQ,EAAK;MAAQ,MAAM,EAAK,WAAW;KAAW,CAAA;IAC3E,GALM,EAAK,EAKX,CACF;GACE,CAAA,CACI;IAEJ;;AAEf"}

package/dist/ggnomad/pages/TripPlanDetailPage.js

@@ -16,17 +16,17 @@ function j() {
 		variables: { id: P },
 		skip: !P
 	}), G = U?.ggnomadTripPlan, { data: le } = h(n, { variables: {
-		first: 20,
-		skip: 0
+		limit: 20,
+		offset: 0
 	} }), { data: ue } = h(r, { variables: {
-		first: 20,
-		skip: 0
+		limit: 20,
+		offset: 0
 	} }), { data: de } = h(te, { variables: {
-		first: 20,
-		skip: 0
+		limit: 20,
+		offset: 0
 	} }), { data: fe } = h(ee, { variables: {
-		first: 20,
-		skip: 0
+		limit: 20,
+		offset: 0
 	} }), [pe, { loading: K }] = m(e), [me, { loading: q }] = m(a), [J] = m(o), [he] = m(t), ge = async () => {
 		if (!(!F || !G)) try {
 			let e = await pe({ variables: {