@burdenoff/microfe-ggnomad 2026.626.1 → 2026.704.1

package/dist/ggnomad/graphql.js

@@ -14,11 +14,55 @@ var t = e`
       totalUsers
       conversionRate
       revenueByCategory
-      monthlyTrends
-      topDestinations
     }
   }
 `, n = e`
+  query GGNomadBookableSample {
+    ggnomadProperties(pagination: { first: 1, skip: 0 }) {
+      id
+      name
+      pricePerNight
+      currency
+    }
+    ggnomadTours(pagination: { first: 1, skip: 0 }) {
+      id
+      name
+      price
+      currency
+    }
+    ggnomadEvents(pagination: { first: 1, skip: 0 }) {
+      id
+      name
+      price
+      currency
+    }
+    ggnomadActivities(pagination: { first: 1, skip: 0 }) {
+      id
+      name
+      price
+      currency
+    }
+  }
+`, r = e`
+  query GGNomadFavoriteTargets {
+    ggnomadProperties(pagination: { first: 100, skip: 0 }) {
+      id
+      name
+    }
+    ggnomadTours(pagination: { first: 100, skip: 0 }) {
+      id
+      name
+    }
+    ggnomadEvents(pagination: { first: 100, skip: 0 }) {
+      id
+      name
+    }
+    ggnomadActivities(pagination: { first: 100, skip: 0 }) {
+      id
+      name
+    }
+  }
+`, i = e`
   query GGNomadProviders($first: Int, $skip: Int) {
     ggnomadProviders(pagination: { first: $first, skip: $skip }) {
       id
@@ -33,7 +77,7 @@ var t = e`
       website
     }
   }
-`, r = e`
+`, a = e`
   query GGNomadProperties($first: Int, $skip: Int) {
     ggnomadProperties(pagination: { first: $first, skip: $skip }) {
       id
@@ -51,7 +95,7 @@ var t = e`
       providerId
     }
   }
-`, i = e`
+`, o = e`
   query GGNomadProperty($id: ID!) {
     ggnomadProperty(id: $id) {
       id
@@ -79,7 +123,7 @@ var t = e`
       }
     }
   }
-`, a = e`
+`, s = e`
   query GGNomadTours($first: Int, $skip: Int) {
     ggnomadTours(pagination: { first: $first, skip: $skip }) {
       id
@@ -97,7 +141,7 @@ var t = e`
       images
     }
   }
-`, o = e`
+`, c = e`
   query GGNomadTour($id: ID!) {
     ggnomadTour(id: $id) {
       id
@@ -121,7 +165,7 @@ var t = e`
       }
     }
   }
-`, s = e`
+`, l = e`
   query GGNomadEvents($first: Int, $skip: Int) {
     ggnomadEvents(pagination: { first: $first, skip: $skip }) {
       id
@@ -138,7 +182,7 @@ var t = e`
       images
     }
   }
-`, c = e`
+`, u = e`
   query GGNomadEvent($id: ID!) {
     ggnomadEvent(id: $id) {
       id
@@ -161,7 +205,7 @@ var t = e`
       }
     }
   }
-`, l = e`
+`, d = e`
   query GGNomadActivities($first: Int, $skip: Int) {
     ggnomadActivities(pagination: { first: $first, skip: $skip }) {
       id
@@ -181,7 +225,7 @@ var t = e`
       images
     }
   }
-`, u = e`
+`, f = e`
   query GGNomadActivity($id: ID!) {
     ggnomadActivity(id: $id) {
       id
@@ -207,7 +251,7 @@ var t = e`
       }
     }
   }
-`, d = e`
+`, p = e`
   query GGNomadTrips($first: Int, $skip: Int) {
     ggnomadTrips(pagination: { first: $first, skip: $skip }) {
       id
@@ -227,7 +271,7 @@ var t = e`
       ecoFriendly
     }
   }
-`, f = e`
+`, m = e`
   query GGNomadBookings($first: Int, $skip: Int) {
     ggnomadBookings(pagination: { first: $first, skip: $skip }) {
       id
@@ -251,11 +295,11 @@ var t = e`
       createdAt
     }
   }
-`, p = e`
+`, h = e`
   query GGNomadFavorites {
     ggnomadFavorites
   }
-`, m = e`
+`, g = e`
   mutation CreateGGNomadBooking($input: CreateGgnomadBookingInput!) {
     createGgnomadBooking(input: $input) {
       id
@@ -270,11 +314,11 @@ var t = e`
       createdAt
     }
   }
-`, h = e`
+`, _ = e`
   mutation ToggleGGNomadFavorite($input: ToggleGgnomadFavoriteInput!) {
     toggleGgnomadFavorite(input: $input)
   }
-`, g = e`
+`, v = e`
   mutation CancelGGNomadBooking($id: ID!, $reason: String) {
     cancelGgnomadBooking(id: $id, reason: $reason) {
       id
@@ -283,6 +327,6 @@ var t = e`
   }
 `;
 //#endregion
-export { g as CANCEL_GGNOMAD_BOOKING_MUTATION, m as CREATE_GGNOMAD_BOOKING_MUTATION, l as GGNOMAD_ACTIVITIES_QUERY, u as GGNOMAD_ACTIVITY_QUERY, f as GGNOMAD_BOOKINGS_QUERY, s as GGNOMAD_EVENTS_QUERY, c as GGNOMAD_EVENT_QUERY, p as GGNOMAD_FAVORITES_QUERY, t as GGNOMAD_OVERVIEW_QUERY, r as GGNOMAD_PROPERTIES_QUERY, i as GGNOMAD_PROPERTY_QUERY, n as GGNOMAD_PROVIDERS_QUERY, a as GGNOMAD_TOURS_QUERY, o as GGNOMAD_TOUR_QUERY, d as GGNOMAD_TRIPS_QUERY, h as TOGGLE_GGNOMAD_FAVORITE_MUTATION };
+export { v as CANCEL_GGNOMAD_BOOKING_MUTATION, g as CREATE_GGNOMAD_BOOKING_MUTATION, d as GGNOMAD_ACTIVITIES_QUERY, f as GGNOMAD_ACTIVITY_QUERY, n as GGNOMAD_BOOKABLE_SAMPLE_QUERY, m as GGNOMAD_BOOKINGS_QUERY, l as GGNOMAD_EVENTS_QUERY, u as GGNOMAD_EVENT_QUERY, h as GGNOMAD_FAVORITES_QUERY, r as GGNOMAD_FAVORITE_TARGETS_QUERY, t as GGNOMAD_OVERVIEW_QUERY, a as GGNOMAD_PROPERTIES_QUERY, o as GGNOMAD_PROPERTY_QUERY, i as GGNOMAD_PROVIDERS_QUERY, s as GGNOMAD_TOURS_QUERY, c as GGNOMAD_TOUR_QUERY, p as GGNOMAD_TRIPS_QUERY, _ as TOGGLE_GGNOMAD_FAVORITE_MUTATION };
 
 //# sourceMappingURL=graphql.js.map

package/dist/ggnomad/graphql.js.map

@@ -1 +1 @@
-{"version":3,"file":"graphql.js","names":[],"sources":["../../src/ggnomad/graphql.ts"],"sourcesContent":["import { gql } from '@apollo/client/core';\n\nexport const GGNOMAD_OVERVIEW_QUERY = gql`\n  query GGNomadOverview {\n    ggnomadOverviewStats {\n      users\n      listings\n      bookings\n      monthlyRevenue\n    }\n    ggnomadAnalytics {\n      totalRevenue\n      totalBookings\n      totalUsers\n      conversionRate\n      revenueByCategory\n      monthlyTrends\n      topDestinations\n    }\n  }\n`;\n\nexport const GGNOMAD_PROVIDERS_QUERY = gql`\n  query GGNomadProviders($first: Int, $skip: Int) {\n    ggnomadProviders(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      type\n      status\n      listingCount\n      totalRevenue\n      rating\n      reviewCount\n      contactEmail\n      website\n    }\n  }\n`;\n\nexport const GGNOMAD_PROPERTIES_QUERY = gql`\n  query GGNomadProperties($first: Int, $skip: Int) {\n    ggnomadProperties(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      type\n      status\n      description\n      pricePerNight\n      currency\n      rating\n      reviewCount\n      maxGuests\n      amenities\n      images\n      providerId\n    }\n  }\n`;\n\nexport const GGNOMAD_PROPERTY_QUERY = gql`\n  query GGNomadProperty($id: ID!) {\n    ggnomadProperty(id: $id) {\n      id\n      name\n      type\n      status\n      description\n      address\n      pricePerNight\n      currency\n      rating\n      reviewCount\n      bedrooms\n      bathrooms\n      maxGuests\n      checkInTime\n      checkOutTime\n      amenities\n      images\n      provider {\n        id\n        name\n        type\n        rating\n      }\n    }\n  }\n`;\n\nexport const GGNOMAD_TOURS_QUERY = gql`\n  query GGNomadTours($first: Int, $skip: Int) {\n    ggnomadTours(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      description\n      type\n      status\n      duration\n      difficulty\n      price\n      currency\n      rating\n      reviewCount\n      highlights\n      images\n    }\n  }\n`;\n\nexport const GGNOMAD_TOUR_QUERY = gql`\n  query GGNomadTour($id: ID!) {\n    ggnomadTour(id: $id) {\n      id\n      name\n      description\n      type\n      status\n      duration\n      difficulty\n      price\n      currency\n      rating\n      reviewCount\n      highlights\n      images\n      languages\n      guideName\n      provider {\n        id\n        name\n      }\n    }\n  }\n`;\n\nexport const GGNOMAD_EVENTS_QUERY = gql`\n  query GGNomadEvents($first: Int, $skip: Int) {\n    ggnomadEvents(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      description\n      category\n      status\n      startsAt\n      price\n      currency\n      rating\n      reviewCount\n      performers\n      images\n    }\n  }\n`;\n\nexport const GGNOMAD_EVENT_QUERY = gql`\n  query GGNomadEvent($id: ID!) {\n    ggnomadEvent(id: $id) {\n      id\n      name\n      description\n      category\n      status\n      startsAt\n      endsAt\n      venue\n      price\n      currency\n      rating\n      reviewCount\n      performers\n      images\n      provider {\n        id\n        name\n      }\n    }\n  }\n`;\n\nexport const GGNOMAD_ACTIVITIES_QUERY = gql`\n  query GGNomadActivities($first: Int, $skip: Int) {\n    ggnomadActivities(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      description\n      category\n      status\n      duration\n      difficulty\n      price\n      currency\n      rating\n      reviewCount\n      maxParticipants\n      includes\n      requirements\n      images\n    }\n  }\n`;\n\nexport const GGNOMAD_ACTIVITY_QUERY = gql`\n  query GGNomadActivity($id: ID!) {\n    ggnomadActivity(id: $id) {\n      id\n      name\n      description\n      category\n      status\n      location\n      duration\n      difficulty\n      price\n      currency\n      rating\n      reviewCount\n      maxParticipants\n      includes\n      requirements\n      safetyInfo\n      images\n      provider {\n        id\n        name\n      }\n    }\n  }\n`;\n\nexport const GGNOMAD_TRIPS_QUERY = gql`\n  query GGNomadTrips($first: Int, $skip: Int) {\n    ggnomadTrips(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      transportMode\n      status\n      origin\n      destination\n      departureAt\n      arrivalAt\n      isRoundTrip\n      carrier\n      class\n      price\n      currency\n      passengers\n      ecoFriendly\n    }\n  }\n`;\n\nexport const GGNOMAD_BOOKINGS_QUERY = gql`\n  query GGNomadBookings($first: Int, $skip: Int) {\n    ggnomadBookings(pagination: { first: $first, skip: $skip }) {\n      id\n      referenceCode\n      bookingType\n      status\n      itemId\n      itemName\n      guestName\n      guestEmail\n      guestPhone\n      guests\n      checkIn\n      checkOut\n      eventDate\n      totalPrice\n      currency\n      paymentStatus\n      paymentMethod\n      specialRequests\n      createdAt\n    }\n  }\n`;\n\nexport const GGNOMAD_FAVORITES_QUERY = gql`\n  query GGNomadFavorites {\n    ggnomadFavorites\n  }\n`;\n\nexport const CREATE_GGNOMAD_BOOKING_MUTATION = gql`\n  mutation CreateGGNomadBooking($input: CreateGgnomadBookingInput!) {\n    createGgnomadBooking(input: $input) {\n      id\n      referenceCode\n      bookingType\n      status\n      itemId\n      itemName\n      guestName\n      totalPrice\n      currency\n      createdAt\n    }\n  }\n`;\n\nexport const TOGGLE_GGNOMAD_FAVORITE_MUTATION = gql`\n  mutation ToggleGGNomadFavorite($input: ToggleGgnomadFavoriteInput!) {\n    toggleGgnomadFavorite(input: $input)\n  }\n`;\n\nexport const CANCEL_GGNOMAD_BOOKING_MUTATION = gql`\n  mutation CancelGGNomadBooking($id: ID!, $reason: String) {\n    cancelGgnomadBooking(id: $id, reason: $reason) {\n      id\n      status\n    }\n  }\n`;\n"],"mappings":";;AAEA,IAAa,IAAyB,CAAG;;;;;;;;;;;;;;;;;;GAoB5B,IAA0B,CAAG;;;;;;;;;;;;;;;GAiB7B,IAA2B,CAAG;;;;;;;;;;;;;;;;;;GAoB9B,IAAyB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8B5B,IAAsB,CAAG;;;;;;;;;;;;;;;;;;GAoBzB,IAAqB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;GA0BxB,IAAuB,CAAG;;;;;;;;;;;;;;;;;GAmB1B,IAAsB,CAAG;;;;;;;;;;;;;;;;;;;;;;;GAyBzB,IAA2B,CAAG;;;;;;;;;;;;;;;;;;;;GAsB9B,IAAyB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;GA4B5B,IAAsB,CAAG;;;;;;;;;;;;;;;;;;;;GAsBzB,IAAyB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;GA0B5B,IAA0B,CAAG;;;;GAM7B,IAAkC,CAAG;;;;;;;;;;;;;;;GAiBrC,IAAmC,CAAG;;;;GAMtC,IAAkC,CAAG"}
+{"version":3,"file":"graphql.js","names":[],"sources":["../../src/ggnomad/graphql.ts"],"sourcesContent":["import { gql } from '@apollo/client/core';\n\nexport const GGNOMAD_OVERVIEW_QUERY = gql`\n  query GGNomadOverview {\n    ggnomadOverviewStats {\n      users\n      listings\n      bookings\n      monthlyRevenue\n    }\n    ggnomadAnalytics {\n      totalRevenue\n      totalBookings\n      totalUsers\n      conversionRate\n      revenueByCategory\n    }\n  }\n`;\n\n/**\n * One bookable item of each type (properties are priced per night, the rest\n * carry a flat price). Used to seed the Bookings \"create demo booking\" action\n * with a REAL listing id so the mutation passes the backend's\n * assertTargetInWorkspace check instead of failing on a synthetic id.\n */\nexport const GGNOMAD_BOOKABLE_SAMPLE_QUERY = gql`\n  query GGNomadBookableSample {\n    ggnomadProperties(pagination: { first: 1, skip: 0 }) {\n      id\n      name\n      pricePerNight\n      currency\n    }\n    ggnomadTours(pagination: { first: 1, skip: 0 }) {\n      id\n      name\n      price\n      currency\n    }\n    ggnomadEvents(pagination: { first: 1, skip: 0 }) {\n      id\n      name\n      price\n      currency\n    }\n    ggnomadActivities(pagination: { first: 1, skip: 0 }) {\n      id\n      name\n      price\n      currency\n    }\n  }\n`;\n\n/**\n * id + name for every favouritable listing type, used to (a) resolve the real\n * entity name for a saved favorite (which the backend only exposes as\n * targetType + targetId) and (b) seed the \"toggle demo favorite\" action with a\n * real target id.\n */\nexport const GGNOMAD_FAVORITE_TARGETS_QUERY = gql`\n  query GGNomadFavoriteTargets {\n    ggnomadProperties(pagination: { first: 100, skip: 0 }) {\n      id\n      name\n    }\n    ggnomadTours(pagination: { first: 100, skip: 0 }) {\n      id\n      name\n    }\n    ggnomadEvents(pagination: { first: 100, skip: 0 }) {\n      id\n      name\n    }\n    ggnomadActivities(pagination: { first: 100, skip: 0 }) {\n      id\n      name\n    }\n  }\n`;\n\nexport const GGNOMAD_PROVIDERS_QUERY = gql`\n  query GGNomadProviders($first: Int, $skip: Int) {\n    ggnomadProviders(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      type\n      status\n      listingCount\n      totalRevenue\n      rating\n      reviewCount\n      contactEmail\n      website\n    }\n  }\n`;\n\nexport const GGNOMAD_PROPERTIES_QUERY = gql`\n  query GGNomadProperties($first: Int, $skip: Int) {\n    ggnomadProperties(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      type\n      status\n      description\n      pricePerNight\n      currency\n      rating\n      reviewCount\n      maxGuests\n      amenities\n      images\n      providerId\n    }\n  }\n`;\n\nexport const GGNOMAD_PROPERTY_QUERY = gql`\n  query GGNomadProperty($id: ID!) {\n    ggnomadProperty(id: $id) {\n      id\n      name\n      type\n      status\n      description\n      address\n      pricePerNight\n      currency\n      rating\n      reviewCount\n      bedrooms\n      bathrooms\n      maxGuests\n      checkInTime\n      checkOutTime\n      amenities\n      images\n      provider {\n        id\n        name\n        type\n        rating\n      }\n    }\n  }\n`;\n\nexport const GGNOMAD_TOURS_QUERY = gql`\n  query GGNomadTours($first: Int, $skip: Int) {\n    ggnomadTours(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      description\n      type\n      status\n      duration\n      difficulty\n      price\n      currency\n      rating\n      reviewCount\n      highlights\n      images\n    }\n  }\n`;\n\nexport const GGNOMAD_TOUR_QUERY = gql`\n  query GGNomadTour($id: ID!) {\n    ggnomadTour(id: $id) {\n      id\n      name\n      description\n      type\n      status\n      duration\n      difficulty\n      price\n      currency\n      rating\n      reviewCount\n      highlights\n      images\n      languages\n      guideName\n      provider {\n        id\n        name\n      }\n    }\n  }\n`;\n\nexport const GGNOMAD_EVENTS_QUERY = gql`\n  query GGNomadEvents($first: Int, $skip: Int) {\n    ggnomadEvents(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      description\n      category\n      status\n      startsAt\n      price\n      currency\n      rating\n      reviewCount\n      performers\n      images\n    }\n  }\n`;\n\nexport const GGNOMAD_EVENT_QUERY = gql`\n  query GGNomadEvent($id: ID!) {\n    ggnomadEvent(id: $id) {\n      id\n      name\n      description\n      category\n      status\n      startsAt\n      endsAt\n      venue\n      price\n      currency\n      rating\n      reviewCount\n      performers\n      images\n      provider {\n        id\n        name\n      }\n    }\n  }\n`;\n\nexport const GGNOMAD_ACTIVITIES_QUERY = gql`\n  query GGNomadActivities($first: Int, $skip: Int) {\n    ggnomadActivities(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      description\n      category\n      status\n      duration\n      difficulty\n      price\n      currency\n      rating\n      reviewCount\n      maxParticipants\n      includes\n      requirements\n      images\n    }\n  }\n`;\n\nexport const GGNOMAD_ACTIVITY_QUERY = gql`\n  query GGNomadActivity($id: ID!) {\n    ggnomadActivity(id: $id) {\n      id\n      name\n      description\n      category\n      status\n      location\n      duration\n      difficulty\n      price\n      currency\n      rating\n      reviewCount\n      maxParticipants\n      includes\n      requirements\n      safetyInfo\n      images\n      provider {\n        id\n        name\n      }\n    }\n  }\n`;\n\nexport const GGNOMAD_TRIPS_QUERY = gql`\n  query GGNomadTrips($first: Int, $skip: Int) {\n    ggnomadTrips(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      transportMode\n      status\n      origin\n      destination\n      departureAt\n      arrivalAt\n      isRoundTrip\n      carrier\n      class\n      price\n      currency\n      passengers\n      ecoFriendly\n    }\n  }\n`;\n\nexport const GGNOMAD_BOOKINGS_QUERY = gql`\n  query GGNomadBookings($first: Int, $skip: Int) {\n    ggnomadBookings(pagination: { first: $first, skip: $skip }) {\n      id\n      referenceCode\n      bookingType\n      status\n      itemId\n      itemName\n      guestName\n      guestEmail\n      guestPhone\n      guests\n      checkIn\n      checkOut\n      eventDate\n      totalPrice\n      currency\n      paymentStatus\n      paymentMethod\n      specialRequests\n      createdAt\n    }\n  }\n`;\n\nexport const GGNOMAD_FAVORITES_QUERY = gql`\n  query GGNomadFavorites {\n    ggnomadFavorites\n  }\n`;\n\nexport const CREATE_GGNOMAD_BOOKING_MUTATION = gql`\n  mutation CreateGGNomadBooking($input: CreateGgnomadBookingInput!) {\n    createGgnomadBooking(input: $input) {\n      id\n      referenceCode\n      bookingType\n      status\n      itemId\n      itemName\n      guestName\n      totalPrice\n      currency\n      createdAt\n    }\n  }\n`;\n\nexport const TOGGLE_GGNOMAD_FAVORITE_MUTATION = gql`\n  mutation ToggleGGNomadFavorite($input: ToggleGgnomadFavoriteInput!) {\n    toggleGgnomadFavorite(input: $input)\n  }\n`;\n\nexport const CANCEL_GGNOMAD_BOOKING_MUTATION = gql`\n  mutation CancelGGNomadBooking($id: ID!, $reason: String) {\n    cancelGgnomadBooking(id: $id, reason: $reason) {\n      id\n      status\n    }\n  }\n`;\n"],"mappings":";;AAEA,IAAa,IAAyB,CAAG;;;;;;;;;;;;;;;;GAwB5B,IAAgC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCnC,IAAiC,CAAG;;;;;;;;;;;;;;;;;;;GAqBpC,IAA0B,CAAG;;;;;;;;;;;;;;;GAiB7B,IAA2B,CAAG;;;;;;;;;;;;;;;;;;GAoB9B,IAAyB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8B5B,IAAsB,CAAG;;;;;;;;;;;;;;;;;;GAoBzB,IAAqB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;GA0BxB,IAAuB,CAAG;;;;;;;;;;;;;;;;;GAmB1B,IAAsB,CAAG;;;;;;;;;;;;;;;;;;;;;;;GAyBzB,IAA2B,CAAG;;;;;;;;;;;;;;;;;;;;GAsB9B,IAAyB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;GA4B5B,IAAsB,CAAG;;;;;;;;;;;;;;;;;;;;GAsBzB,IAAyB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;GA0B5B,IAA0B,CAAG;;;;GAM7B,IAAkC,CAAG;;;;;;;;;;;;;;;GAiBrC,IAAmC,CAAG;;;;GAMtC,IAAkC,CAAG"}

package/dist/ggnomad/pages/AnalyticsPage.js

@@ -3,64 +3,111 @@ import { PageShell as t } from "./PageShell.js";
 import { StatCard as n } from "../components/StatCard.js";
 import { SectionCard as r } from "../components/SectionCard.js";
 import "../components/index.js";
-import { BarChart3 as i, CalendarCheck as a, DollarSign as o, Percent as s, Users as c } from "lucide-react";
-import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useQuery as u } from "@apollo/client/react";
-import { EmphasisPanel as d, PagePurpose as f, ShowMore as p } from "@burdenoff/fe-libs/ui";
+import { useMemo as i } from "react";
+import { BarChart3 as a, CalendarCheck as o, DollarSign as s, Percent as c, Users as l } from "lucide-react";
+import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useQuery as d } from "@apollo/client/react";
+import { EmphasisPanel as f, PagePurpose as p } from "@burdenoff/fe-libs/ui";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/ggnomad/pages/AnalyticsPage.tsx
-function g() {
-	let { t: g } = l(), { data: _ } = u(e), v = _?.ggnomadAnalytics;
+var g = [
+	"var(--color-chart-1)",
+	"var(--color-chart-2)",
+	"var(--color-chart-3)",
+	"var(--color-chart-4)",
+	"var(--color-chart-5)"
+], _ = (e) => e.replace(/[_-]+/g, " ").trim().replace(/\b\w/g, (e) => e.toUpperCase()) || e;
+function v() {
+	let { t: v } = u(), { data: y } = d(e), b = y?.ggnomadAnalytics, x = i(() => {
+		let e = b?.revenueByCategory ?? {};
+		return Object.entries(e).map(([e, t]) => ({
+			label: _(e),
+			value: Number(t)
+		})).filter((e) => Number.isFinite(e.value) && e.value > 0).sort((e, t) => t.value - e.value);
+	}, [b?.revenueByCategory]), S = x.length > 0 ? x[0].value : 0;
 	return /* @__PURE__ */ h(t, {
-		title: g("ggnomad.analytics.title", "Analytics"),
-		titleAccent: g("ggnomad.analytics.title.accent", "Analytics"),
-		subtitle: g("ggnomad.analytics.subtitle", "GGNomad performance and growth analytics"),
+		title: v("ggnomad.analytics.title", "Analytics"),
+		titleAccent: v("ggnomad.analytics.title.accent", "Analytics"),
+		subtitle: v("ggnomad.analytics.subtitle", "GGNomad performance and growth analytics"),
 		children: [
-			/* @__PURE__ */ m(f, {
-				icon: /* @__PURE__ */ m(i, { className: "size-4" }),
-				children: g("ggnomad.analytics.purpose", "Understand how the marketplace is performing — total revenue, bookings, active users and conversion rate at a glance, with a category breakdown to see which domains (stays, tours, events) are driving growth.")
+			/* @__PURE__ */ m(p, {
+				icon: /* @__PURE__ */ m(a, { className: "size-4" }),
+				children: v("ggnomad.analytics.purpose", "Understand how the marketplace is performing — total revenue, bookings, active users and conversion rate at a glance, with a category breakdown to see which domains (stays, tours, events) are driving growth.")
 			}),
-			/* @__PURE__ */ h(d, { children: [/* @__PURE__ */ m("p", {
+			/* @__PURE__ */ h(f, { children: [/* @__PURE__ */ m("p", {
 				className: "text-sm text-text-secondary",
-				children: g("ggnomad.analytics.totalRevenue", "Total revenue")
+				children: v("ggnomad.analytics.totalRevenue", "Total revenue")
 			}), /* @__PURE__ */ h("p", {
 				className: "mt-1 text-3xl font-semibold tabular-nums text-text-primary",
-				children: ["$", Number(v?.totalRevenue ?? 0).toLocaleString()]
+				children: ["$", Number(b?.totalRevenue ?? 0).toLocaleString()]
 			})] }),
 			/* @__PURE__ */ h("section", {
 				className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-4",
 				children: [
 					/* @__PURE__ */ m(n, {
 						hero: !0,
-						label: g("ggnomad.analytics.conversion", "Conversion"),
-						value: `${Number(v?.conversionRate ?? 0).toFixed(2)}%`,
-						icon: /* @__PURE__ */ m(s, {})
+						label: v("ggnomad.analytics.conversion", "Conversion"),
+						value: `${Number(b?.conversionRate ?? 0).toFixed(2)}%`,
+						icon: /* @__PURE__ */ m(c, {})
 					}),
 					/* @__PURE__ */ m(n, {
-						label: g("ggnomad.analytics.revenue", "Revenue"),
-						value: `$${Number(v?.totalRevenue ?? 0).toLocaleString()}`,
-						icon: /* @__PURE__ */ m(o, {})
+						label: v("ggnomad.analytics.revenue", "Revenue"),
+						value: `$${Number(b?.totalRevenue ?? 0).toLocaleString()}`,
+						icon: /* @__PURE__ */ m(s, {})
 					}),
 					/* @__PURE__ */ m(n, {
-						label: g("ggnomad.analytics.bookings", "Bookings"),
-						value: Number(v?.totalBookings ?? 0).toLocaleString(),
-						icon: /* @__PURE__ */ m(a, {})
+						label: v("ggnomad.analytics.bookings", "Bookings"),
+						value: Number(b?.totalBookings ?? 0).toLocaleString(),
+						icon: /* @__PURE__ */ m(o, {})
 					}),
 					/* @__PURE__ */ m(n, {
-						label: g("ggnomad.analytics.users", "Users"),
-						value: Number(v?.totalUsers ?? 0).toLocaleString(),
-						icon: /* @__PURE__ */ m(c, {})
+						label: v("ggnomad.analytics.users", "Users"),
+						value: Number(b?.totalUsers ?? 0).toLocaleString(),
+						icon: /* @__PURE__ */ m(l, {})
 					})
 				]
 			}),
 			/* @__PURE__ */ m(r, {
-				title: g("ggnomad.analytics.revenueByCategory", "Revenue by category"),
-				children: /* @__PURE__ */ m(p, {
-					collapsedHeight: 140,
-					label: g("ggnomad.analytics.rawData", "Raw breakdown"),
-					children: /* @__PURE__ */ m("pre", {
-						className: "overflow-auto rounded-lg border border-border-seam bg-bg-sunken/40 p-4 text-xs text-text-secondary",
-						children: JSON.stringify(v?.revenueByCategory ?? {}, null, 2)
+				title: v("ggnomad.analytics.revenueByCategory", "Revenue by category"),
+				children: x.length === 0 ? /* @__PURE__ */ h("div", {
+					className: "flex flex-col items-center gap-2 py-8 text-center",
+					children: [
+						/* @__PURE__ */ m("span", {
+							className: "flex size-10 items-center justify-center rounded-full bg-[var(--color-accent-soft)] text-text-secondary",
+							children: /* @__PURE__ */ m(a, { className: "size-5" })
+						}),
+						/* @__PURE__ */ m("p", {
+							className: "text-sm font-medium text-text-primary",
+							children: v("ggnomad.analytics.empty.title", "No analytics yet")
+						}),
+						/* @__PURE__ */ m("p", {
+							className: "max-w-sm text-sm text-text-secondary",
+							children: v("ggnomad.analytics.empty.description", "Revenue by category appears here as bookings come in across stays, tours and events.")
+						})
+					]
+				}) : /* @__PURE__ */ m("ul", {
+					className: "flex flex-col gap-4",
+					children: x.map((e, t) => {
+						let n = S > 0 ? Math.max(e.value / S * 100, 2) : 0;
+						return /* @__PURE__ */ h("li", { children: [/* @__PURE__ */ h("div", {
+							className: "flex items-baseline justify-between gap-3",
+							children: [/* @__PURE__ */ m("span", {
+								className: "truncate text-sm font-medium text-text-primary",
+								children: e.label
+							}), /* @__PURE__ */ h("span", {
+								className: "flex-shrink-0 text-sm tabular-nums text-text-secondary",
+								children: ["$", e.value.toLocaleString()]
+							})]
+						}), /* @__PURE__ */ m("div", {
+							className: "mt-1.5 h-2.5 w-full overflow-hidden rounded-full bg-bg-sunken",
+							children: /* @__PURE__ */ m("div", {
+								className: "h-full rounded-full transition-[width] duration-500 ease-out",
+								style: {
+									width: `${n}%`,
+									backgroundColor: g[t % g.length]
+								}
+							})
+						})] }, e.label);
 					})
 				})
 			})
@@ -68,6 +115,6 @@ function g() {
 	});
 }
 //#endregion
-export { g as AnalyticsPage };
+export { v as AnalyticsPage };
 
 //# sourceMappingURL=AnalyticsPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsPage.js","names":[],"sources":["../../../src/ggnomad/pages/AnalyticsPage.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 { BarChart3, CalendarCheck, DollarSign, Percent, Users } from 'lucide-react';\nimport { EmphasisPanel, PagePurpose, ShowMore } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_OVERVIEW_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { SectionCard, StatCard } from '../components';\n\nexport function AnalyticsPage() {\n  const { t } = useI18n();\n  const { data } = useQuery(\n    GGNOMAD_OVERVIEW_QUERY as TypedDocumentNode<\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 analytics = data?.ggnomadAnalytics;\n\n  return (\n    <PageShell\n      title={t('ggnomad.analytics.title', 'Analytics')}\n      titleAccent={t('ggnomad.analytics.title.accent', 'Analytics')}\n      subtitle={t('ggnomad.analytics.subtitle', 'GGNomad performance and growth analytics')}\n    >\n      <PagePurpose icon={<BarChart3 className=\"size-4\" />}>\n        {t(\n          'ggnomad.analytics.purpose',\n          'Understand how the marketplace is performing — total revenue, bookings, active users and conversion rate at a glance, with a category breakdown to see which domains (stays, tours, events) are driving growth.'\n        )}\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <p className=\"text-sm text-text-secondary\">\n          {t('ggnomad.analytics.totalRevenue', 'Total revenue')}\n        </p>\n        <p className=\"mt-1 text-3xl font-semibold tabular-nums text-text-primary\">\n          ${Number(analytics?.totalRevenue ?? 0).toLocaleString()}\n        </p>\n      </EmphasisPanel>\n\n      <section className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n        <StatCard\n          hero\n          label={t('ggnomad.analytics.conversion', 'Conversion')}\n          value={`${Number(analytics?.conversionRate ?? 0).toFixed(2)}%`}\n          icon={<Percent />}\n        />\n        <StatCard\n          label={t('ggnomad.analytics.revenue', 'Revenue')}\n          value={`$${Number(analytics?.totalRevenue ?? 0).toLocaleString()}`}\n          icon={<DollarSign />}\n        />\n        <StatCard\n          label={t('ggnomad.analytics.bookings', 'Bookings')}\n          value={Number(analytics?.totalBookings ?? 0).toLocaleString()}\n          icon={<CalendarCheck />}\n        />\n        <StatCard\n          label={t('ggnomad.analytics.users', 'Users')}\n          value={Number(analytics?.totalUsers ?? 0).toLocaleString()}\n          icon={<Users />}\n        />\n      </section>\n\n      <SectionCard title={t('ggnomad.analytics.revenueByCategory', 'Revenue by category')}>\n        <ShowMore collapsedHeight={140} label={t('ggnomad.analytics.rawData', 'Raw breakdown')}>\n          <pre className=\"overflow-auto rounded-lg border border-border-seam bg-bg-sunken/40 p-4 text-xs text-text-secondary\">\n            {JSON.stringify(analytics?.revenueByCategory ?? {}, null, 2)}\n          </pre>\n        </ShowMore>\n      </SectionCard>\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAUA,SAAgB,IAAgB;CAC9B,IAAM,EAAE,SAAM,GAAS,EACjB,EAAE,YAAS,EACf,EAYD,EACK,IAAY,GAAM;AAExB,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,2BAA2B,YAAY;EAChD,aAAa,EAAE,kCAAkC,YAAY;EAC7D,UAAU,EAAE,8BAA8B,2CAA2C;YAHvF;GAKE,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;cAChD,EACC,6BACA,kNACD;IACW,CAAA;GAEd,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,kCAAkC,gBAAgB;IACnD,CAAA,EACJ,kBAAC,KAAD;IAAG,WAAU;cAAb,CAA0E,KACtE,OAAO,GAAW,gBAAgB,EAAE,CAAC,gBAAgB,CACrD;MACU,EAAA,CAAA;GAEhB,kBAAC,WAAD;IAAS,WAAU;cAAnB;KACE,kBAAC,GAAD;MACE,MAAA;MACA,OAAO,EAAE,gCAAgC,aAAa;MACtD,OAAO,GAAG,OAAO,GAAW,kBAAkB,EAAE,CAAC,QAAQ,EAAE,CAAC;MAC5D,MAAM,kBAAC,GAAD,EAAW,CAAA;MACjB,CAAA;KACF,kBAAC,GAAD;MACE,OAAO,EAAE,6BAA6B,UAAU;MAChD,OAAO,IAAI,OAAO,GAAW,gBAAgB,EAAE,CAAC,gBAAgB;MAChE,MAAM,kBAAC,GAAD,EAAc,CAAA;MACpB,CAAA;KACF,kBAAC,GAAD;MACE,OAAO,EAAE,8BAA8B,WAAW;MAClD,OAAO,OAAO,GAAW,iBAAiB,EAAE,CAAC,gBAAgB;MAC7D,MAAM,kBAAC,GAAD,EAAiB,CAAA;MACvB,CAAA;KACF,kBAAC,GAAD;MACE,OAAO,EAAE,2BAA2B,QAAQ;MAC5C,OAAO,OAAO,GAAW,cAAc,EAAE,CAAC,gBAAgB;MAC1D,MAAM,kBAAC,GAAD,EAAS,CAAA;MACf,CAAA;KACM;;GAEV,kBAAC,GAAD;IAAa,OAAO,EAAE,uCAAuC,sBAAsB;cACjF,kBAAC,GAAD;KAAU,iBAAiB;KAAK,OAAO,EAAE,6BAA6B,gBAAgB;eACpF,kBAAC,OAAD;MAAK,WAAU;gBACZ,KAAK,UAAU,GAAW,qBAAqB,EAAE,EAAE,MAAM,EAAE;MACxD,CAAA;KACG,CAAA;IACC,CAAA;GACJ"}
+{"version":3,"file":"AnalyticsPage.js","names":[],"sources":["../../../src/ggnomad/pages/AnalyticsPage.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 { BarChart3, CalendarCheck, DollarSign, Percent, Users } from 'lucide-react';\nimport { EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_OVERVIEW_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { SectionCard, StatCard } 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 AnalyticsPage() {\n  const { t } = useI18n();\n  const { data } = useQuery(\n    GGNOMAD_OVERVIEW_QUERY as TypedDocumentNode<\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 analytics = data?.ggnomadAnalytics;\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      title={t('ggnomad.analytics.title', 'Analytics')}\n      titleAccent={t('ggnomad.analytics.title.accent', 'Analytics')}\n      subtitle={t('ggnomad.analytics.subtitle', 'GGNomad performance and growth analytics')}\n    >\n      <PagePurpose icon={<BarChart3 className=\"size-4\" />}>\n        {t(\n          'ggnomad.analytics.purpose',\n          'Understand how the marketplace is performing — total revenue, bookings, active users and conversion rate at a glance, with a category breakdown to see which domains (stays, tours, events) are driving growth.'\n        )}\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <p className=\"text-sm text-text-secondary\">\n          {t('ggnomad.analytics.totalRevenue', 'Total revenue')}\n        </p>\n        <p className=\"mt-1 text-3xl font-semibold tabular-nums text-text-primary\">\n          ${Number(analytics?.totalRevenue ?? 0).toLocaleString()}\n        </p>\n      </EmphasisPanel>\n\n      <section className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n        <StatCard\n          hero\n          label={t('ggnomad.analytics.conversion', 'Conversion')}\n          value={`${Number(analytics?.conversionRate ?? 0).toFixed(2)}%`}\n          icon={<Percent />}\n        />\n        <StatCard\n          label={t('ggnomad.analytics.revenue', 'Revenue')}\n          value={`$${Number(analytics?.totalRevenue ?? 0).toLocaleString()}`}\n          icon={<DollarSign />}\n        />\n        <StatCard\n          label={t('ggnomad.analytics.bookings', 'Bookings')}\n          value={Number(analytics?.totalBookings ?? 0).toLocaleString()}\n          icon={<CalendarCheck />}\n        />\n        <StatCard\n          label={t('ggnomad.analytics.users', 'Users')}\n          value={Number(analytics?.totalUsers ?? 0).toLocaleString()}\n          icon={<Users />}\n        />\n      </section>\n\n      <SectionCard title={t('ggnomad.analytics.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              <BarChart3 className=\"size-5\" />\n            </span>\n            <p className=\"text-sm font-medium text-text-primary\">\n              {t('ggnomad.analytics.empty.title', 'No analytics yet')}\n            </p>\n            <p className=\"max-w-sm text-sm text-text-secondary\">\n              {t(\n                'ggnomad.analytics.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/BookingsPage.js

@@ -1,119 +1,193 @@
-import { CANCEL_GGNOMAD_BOOKING_MUTATION as e, CREATE_GGNOMAD_BOOKING_MUTATION as t, GGNOMAD_BOOKINGS_QUERY as n } from "../graphql.js";
-import { PageShell as r } from "./PageShell.js";
-import { StatusBadge as i } from "../components/StatusBadge.js";
-import { EntityCard as a } from "../components/EntityCard.js";
+import { CANCEL_GGNOMAD_BOOKING_MUTATION as e, CREATE_GGNOMAD_BOOKING_MUTATION as t, GGNOMAD_BOOKABLE_SAMPLE_QUERY as n, GGNOMAD_BOOKINGS_QUERY as r } from "../graphql.js";
+import { PageShell as i } from "./PageShell.js";
+import { StatusBadge as a } from "../components/StatusBadge.js";
+import { EntityCard as o } from "../components/EntityCard.js";
 import "../components/index.js";
-import { CalendarCheck as o, Compass as s, Hotel as c, Plus as l, Ticket as u, XCircle as d } from "lucide-react";
-import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useNavigate as p } from "react-router-dom";
-import { useMutation as m, useQuery as h } from "@apollo/client/react";
-import { CTAOverflowMenu as g, GlassCard as _, IllustratedEmptyState as v, NextSteps as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { notify as s } from "../utils/notify.js";
+import { useState as c } from "react";
+import { CalendarCheck as l, Compass as u, Hotel as d, Plus as f, Ticket as p, XCircle as m } from "lucide-react";
+import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useNavigate as g } from "react-router-dom";
+import { useMutation as _, useQuery as v } from "@apollo/client/react";
+import { AlertDialog as y, AlertDialogAction as b, AlertDialogCancel as x, AlertDialogContent as S, AlertDialogDescription as C, AlertDialogFooter as w, AlertDialogHeader as T, AlertDialogTitle as E, CTAOverflowMenu as D, GlassCard as O, IllustratedEmptyState as k, NextSteps as A, PagePurpose as j } from "@burdenoff/fe-libs/ui";
+import { jsx as M, jsxs as N } from "react/jsx-runtime";
 //#region src/ggnomad/pages/BookingsPage.tsx
-function C() {
-	let { t: C } = f(), w = p(), { data: T, refetch: E } = h(n, { variables: {
+function P() {
+	let { t: P } = h(), F = g(), [I, L] = c(null), { data: R, refetch: z } = v(r, { variables: {
 		first: 20,
 		skip: 0
-	} }), [D, { loading: O }] = m(t, { onCompleted: () => void E() }), [k] = m(e, { onCompleted: () => void E() }), A = T?.ggnomadBookings ?? [], j = () => {
-		D({ variables: { input: {
-			bookingType: "PROPERTY",
-			itemId: "demo-property",
-			itemName: "Demo Property",
-			guestName: "Demo Guest",
-			guestEmail: "demo@burdenoff.com",
-			guestPhone: "+910000000000",
-			guests: 2,
-			totalPrice: 299,
-			currency: "USD",
-			paymentMethod: "card"
-		} } });
-	}, M = (e) => {
-		window.confirm(C("ggnomad.bookings.actions.cancelConfirm", "Cancel this booking? This cannot be undone.")) && k({ variables: {
-			id: e,
-			reason: C("ggnomad.bookings.actions.cancelReason", "Cancelled via UI")
-		} });
+	} }), { data: B } = v(n), [V, { loading: H }] = _(t), [U, { loading: W }] = _(e), G = R?.ggnomadBookings ?? [], K = () => {
+		let e = B?.ggnomadProperties?.[0];
+		if (e) return {
+			type: "PROPERTY",
+			listing: {
+				id: e.id,
+				name: e.name,
+				price: e.pricePerNight,
+				currency: e.currency
+			}
+		};
+		let t = B?.ggnomadTours?.[0];
+		if (t) return {
+			type: "TOUR",
+			listing: t
+		};
+		let n = B?.ggnomadEvents?.[0];
+		if (n) return {
+			type: "EVENT",
+			listing: n
+		};
+		let r = B?.ggnomadActivities?.[0];
+		return r ? {
+			type: "ACTIVITY",
+			listing: r
+		} : null;
+	}, q = async () => {
+		let e = K();
+		if (!e) {
+			s.warning(P("ggnomad.bookings.toast.noListingsTitle", "No listings available to book yet"), P("ggnomad.bookings.toast.noListingsBody", "Add a property, tour, event or activity first, then create a booking against it."));
+			return;
+		}
+		let { type: t, listing: n } = e;
+		try {
+			let e = await V({ variables: { input: {
+				bookingType: t,
+				itemId: n.id,
+				itemName: n.name,
+				guestName: P("ggnomad.bookings.demo.guestName", "Demo Guest"),
+				guestEmail: "demo@burdenoff.com",
+				guests: 2,
+				totalPrice: Number(n.price ?? 0),
+				currency: n.currency ?? "USD",
+				paymentMethod: "card"
+			} } });
+			if (e.error) {
+				s.error(P("ggnomad.bookings.toast.createErrorTitle", "Could not create booking"), e.error.message);
+				return;
+			}
+			let r = e.data?.createGgnomadBooking;
+			s.success(P("ggnomad.bookings.toast.createSuccessTitle", "Booking confirmed"), r ? P("ggnomad.bookings.toast.createSuccessBody", "{{ref}} · {{item}}").replace("{{ref}}", r.referenceCode).replace("{{item}}", r.itemName) : n.name), await z();
+		} catch (e) {
+			s.error(P("ggnomad.bookings.toast.createErrorTitle", "Could not create booking"), e instanceof Error ? e.message : String(e));
+		}
+	}, J = async () => {
+		if (I) try {
+			let e = await U({ variables: {
+				id: I.id,
+				reason: P("ggnomad.bookings.actions.cancelReason", "Cancelled via UI")
+			} });
+			if (e.error) {
+				s.error(P("ggnomad.bookings.toast.cancelErrorTitle", "Could not cancel booking"), e.error.message);
+				return;
+			}
+			s.success(P("ggnomad.bookings.toast.cancelSuccessTitle", "Booking cancelled"), I.referenceCode), await z();
+		} catch (e) {
+			s.error(P("ggnomad.bookings.toast.cancelErrorTitle", "Could not cancel booking"), e instanceof Error ? e.message : String(e));
+		} finally {
+			L(null);
+		}
 	};
-	return /* @__PURE__ */ S(r, {
-		title: C("ggnomad.bookings.title", "Bookings"),
-		titleAccent: C("ggnomad.bookings.title.accent", "Bookings"),
-		subtitle: C("ggnomad.bookings.subtitle", "End-to-end booking operations with real API mutations"),
-		actions: /* @__PURE__ */ x(g, {
+	return /* @__PURE__ */ N(i, {
+		title: P("ggnomad.bookings.title", "Bookings"),
+		titleAccent: P("ggnomad.bookings.title.accent", "Bookings"),
+		subtitle: P("ggnomad.bookings.subtitle", "End-to-end booking operations with real API mutations"),
+		actions: /* @__PURE__ */ M(D, {
 			primary: {
-				label: C("ggnomad.bookings.actions.createDemoBooking", "Create demo booking"),
-				onSelect: j,
-				disabled: O,
-				icon: /* @__PURE__ */ x(l, {})
+				label: P("ggnomad.bookings.actions.createDemoBooking", "Create demo booking"),
+				onSelect: () => void q(),
+				disabled: H,
+				icon: /* @__PURE__ */ M(f, {})
 			},
 			actions: []
 		}),
 		children: [
-			/* @__PURE__ */ x(b, {
-				icon: /* @__PURE__ */ x(o, { className: "size-4" }),
-				children: C("ggnomad.bookings.purpose", "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.")
+			/* @__PURE__ */ M(j, {
+				icon: /* @__PURE__ */ M(l, { className: "size-4" }),
+				children: P("ggnomad.bookings.purpose", "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.")
 			}),
-			/* @__PURE__ */ x(y, {
+			/* @__PURE__ */ M(A, {
 				storageKey: "ggnomad-bookings",
 				steps: [
 					{
 						id: "book-stay",
-						label: C("ggnomad.bookings.next.stay", "Book a place to stay"),
-						description: C("ggnomad.bookings.next.stayDesc", "Browse hospitality listings and reserve a property."),
-						icon: /* @__PURE__ */ x(c, { className: "size-4" }),
-						onClick: () => w("../hospitality")
+						label: P("ggnomad.bookings.next.stay", "Book a place to stay"),
+						description: P("ggnomad.bookings.next.stayDesc", "Browse hospitality listings and reserve a property."),
+						icon: /* @__PURE__ */ M(d, { className: "size-4" }),
+						onClick: () => F("../hospitality")
 					},
 					{
 						id: "book-tour",
-						label: C("ggnomad.bookings.next.tour", "Add a tour or activity"),
-						description: C("ggnomad.bookings.next.tourDesc", "Pick a curated experience from Tourism."),
-						icon: /* @__PURE__ */ x(s, { className: "size-4" }),
-						onClick: () => w("../tourism")
+						label: P("ggnomad.bookings.next.tour", "Add a tour or activity"),
+						description: P("ggnomad.bookings.next.tourDesc", "Pick a curated experience from Tourism."),
+						icon: /* @__PURE__ */ M(u, { className: "size-4" }),
+						onClick: () => F("../tourism")
 					},
 					{
 						id: "book-event",
-						label: C("ggnomad.bookings.next.event", "Grab event tickets"),
-						description: C("ggnomad.bookings.next.eventDesc", "Find live events to round out the itinerary."),
-						icon: /* @__PURE__ */ x(u, { className: "size-4" }),
-						onClick: () => w("../entertainment")
+						label: P("ggnomad.bookings.next.event", "Grab event tickets"),
+						description: P("ggnomad.bookings.next.eventDesc", "Find live events to round out the itinerary."),
+						icon: /* @__PURE__ */ M(p, { className: "size-4" }),
+						onClick: () => F("../entertainment")
 					}
 				]
 			}),
-			A.length === 0 ? /* @__PURE__ */ x(v, {
+			G.length === 0 ? /* @__PURE__ */ M(k, {
 				illustration: "empty-data",
-				title: C("ggnomad.bookings.emptyTitle", "No bookings yet"),
-				description: C("ggnomad.bookings.emptyDescription", "Create your first booking to see it tracked here in real time.")
-			}) : /* @__PURE__ */ S(_, {
+				title: P("ggnomad.bookings.emptyTitle", "No bookings yet"),
+				description: P("ggnomad.bookings.emptyDescription", "Create your first booking to see it tracked here in real time.")
+			}) : /* @__PURE__ */ N(O, {
 				treatment: "glass",
 				glow: !0,
 				className: "border-border-seam p-5",
-				children: [/* @__PURE__ */ x("h2", {
+				children: [/* @__PURE__ */ M("h2", {
 					className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
-					children: C("ggnomad.bookings.activeBookings", "Your bookings")
-				}), /* @__PURE__ */ x("div", {
+					children: P("ggnomad.bookings.activeBookings", "Your bookings")
+				}), /* @__PURE__ */ M("div", {
 					className: "grid gap-3 sm:grid-cols-2",
-					children: A.map((e) => /* @__PURE__ */ x(a, {
+					children: G.map((e) => /* @__PURE__ */ M(o, {
 						title: e.referenceCode,
 						meta: e.itemName,
 						price: `${e.currency} ${Number(e.totalPrice).toFixed(2)}`,
-						badge: /* @__PURE__ */ x(i, {
+						badge: /* @__PURE__ */ M(a, {
 							status: e.status,
 							live: e.status !== "CANCELLED"
 						}),
-						footer: e.status === "CANCELLED" ? null : /* @__PURE__ */ x(g, {
+						footer: e.status === "CANCELLED" ? null : /* @__PURE__ */ M(D, {
 							align: "end",
 							actions: [{
-								label: C("ggnomad.bookings.actions.cancel", "Cancel booking"),
-								onSelect: () => M(e.id),
+								label: P("ggnomad.bookings.actions.cancel", "Cancel booking"),
+								onSelect: () => L({
+									id: e.id,
+									referenceCode: e.referenceCode
+								}),
 								intent: "destructive",
-								icon: /* @__PURE__ */ x(d, {})
+								icon: /* @__PURE__ */ M(m, {})
 							}]
 						})
 					}, e.id))
 				})]
+			}),
+			/* @__PURE__ */ M(y, {
+				open: I !== null,
+				onOpenChange: (e) => {
+					e || L(null);
+				},
+				children: /* @__PURE__ */ N(S, { children: [/* @__PURE__ */ N(T, { children: [/* @__PURE__ */ M(E, { children: P("ggnomad.bookings.cancelDialog.title", "Cancel this booking?") }), /* @__PURE__ */ M(C, { children: P("ggnomad.bookings.cancelDialog.body", "This releases reservation {{ref}} and cannot be undone.").replace("{{ref}}", I?.referenceCode ?? "") })] }), /* @__PURE__ */ N(w, { children: [/* @__PURE__ */ M(x, {
+					disabled: W,
+					children: P("ggnomad.bookings.cancelDialog.keep", "Keep booking")
+				}), /* @__PURE__ */ M(b, {
+					className: "bg-action-danger-bg text-action-danger-text hover:bg-action-danger-bgHover",
+					disabled: W,
+					onClick: (e) => {
+						e.preventDefault(), J();
+					},
+					children: W ? P("ggnomad.bookings.cancelDialog.cancelling", "Cancelling…") : P("ggnomad.bookings.cancelDialog.confirm", "Cancel booking")
+				})] })] })
 			})
 		]
 	});
 }
 //#endregion
-export { C as BookingsPage };
+export { P as BookingsPage };
 
 //# sourceMappingURL=BookingsPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BookingsPage.js","names":[],"sources":["../../../src/ggnomad/pages/BookingsPage.tsx"],"sourcesContent":["import { 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  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_BOOKINGS_QUERY,\n} from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, StatusBadge } from '../components';\n\nexport function BookingsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\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  const [createBooking, { loading: creating }] = useMutation(CREATE_GGNOMAD_BOOKING_MUTATION, {\n    onCompleted: () => void refetch(),\n  });\n  const [cancelBooking] = useMutation(CANCEL_GGNOMAD_BOOKING_MUTATION, {\n    onCompleted: () => void refetch(),\n  });\n\n  const bookings = data?.ggnomadBookings ?? [];\n\n  const handleCreateDemoBooking = () => {\n    void createBooking({\n      variables: {\n        input: {\n          bookingType: 'PROPERTY',\n          itemId: 'demo-property',\n          itemName: 'Demo Property',\n          guestName: 'Demo Guest',\n          guestEmail: 'demo@burdenoff.com',\n          guestPhone: '+910000000000',\n          guests: 2,\n          totalPrice: 299,\n          currency: 'USD',\n          paymentMethod: 'card',\n        },\n      },\n    });\n  };\n\n  const handleCancel = (id: string) => {\n    if (\n      !window.confirm(\n        t('ggnomad.bookings.actions.cancelConfirm', 'Cancel this booking? This cannot be undone.')\n      )\n    ) {\n      return;\n    }\n    void cancelBooking({\n      variables: {\n        id,\n        reason: t('ggnomad.bookings.actions.cancelReason', 'Cancelled via UI'),\n      },\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: 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        <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: () => handleCancel(booking.id),\n                          intent: 'destructive',\n                          icon: <XCircle />,\n                        },\n                      ]}\n                    />\n                  ) : null\n                }\n              />\n            ))}\n          </div>\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"BookingsPage.js","names":[],"sources":["../../../src/ggnomad/pages/BookingsPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { 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 = data?.ggnomadBookings ?? [];\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        <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/FavoritesPage.js

@@ -1,57 +1,117 @@
-import { GGNOMAD_FAVORITES_QUERY as e, TOGGLE_GGNOMAD_FAVORITE_MUTATION as t } from "../graphql.js";
-import { PageShell as n } from "./PageShell.js";
-import { EntityCard as r } from "../components/EntityCard.js";
+import { GGNOMAD_FAVORITES_QUERY as e, GGNOMAD_FAVORITE_TARGETS_QUERY as t, TOGGLE_GGNOMAD_FAVORITE_MUTATION as n } from "../graphql.js";
+import { PageShell as r } from "./PageShell.js";
+import { EntityCard as i } from "../components/EntityCard.js";
 import "../components/index.js";
-import { Heart as i } from "lucide-react";
-import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useMutation as o, useQuery as s } from "@apollo/client/react";
-import { CTAOverflowMenu as c, GlassCard as l, IllustratedEmptyState as u, PagePurpose as d } from "@burdenoff/fe-libs/ui";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { notify as a } from "../utils/notify.js";
+import { useMemo as o } from "react";
+import { Heart as s } from "lucide-react";
+import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useMutation as l, useQuery as u } from "@apollo/client/react";
+import { CTAOverflowMenu as d, GlassCard as f, IllustratedEmptyState as p, PagePurpose as m } from "@burdenoff/fe-libs/ui";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/ggnomad/pages/FavoritesPage.tsx
-function m() {
-	let { t: m } = a(), { data: h, refetch: g } = s(e), [_] = o(t, { onCompleted: () => void g() }), v = h?.ggnomadFavorites ?? [];
-	return /* @__PURE__ */ p(n, {
-		title: m("ggnomad.favorites.title", "Favorites"),
-		titleAccent: m("ggnomad.favorites.title.accent", "Favorites"),
-		subtitle: m("ggnomad.favorites.subtitle", "Social ecosystem: saved entities across GGNomad domains"),
-		actions: /* @__PURE__ */ f(c, {
+function _() {
+	let { t: _ } = c(), v = (e) => {
+		switch (e.toUpperCase()) {
+			case "PROPERTY": return _("ggnomad.favorites.type.property", "Property");
+			case "TOUR": return _("ggnomad.favorites.type.tour", "Tour");
+			case "EVENT": return _("ggnomad.favorites.type.event", "Event");
+			case "ACTIVITY": return _("ggnomad.favorites.type.activity", "Activity");
+			case "TRIP": return _("ggnomad.favorites.type.trip", "Trip");
+			default: return _("ggnomad.favorites.type.saved", "Saved item");
+		}
+	}, { data: y, refetch: b } = u(e), { data: x } = u(t), [S] = l(n), C = o(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of [
+			...x?.ggnomadProperties ?? [],
+			...x?.ggnomadTours ?? [],
+			...x?.ggnomadEvents ?? [],
+			...x?.ggnomadActivities ?? []
+		]) e.set(t.id, t.name);
+		return e;
+	}, [x]), w = y?.ggnomadFavorites ?? [], T = () => {
+		let e = x?.ggnomadProperties?.[0];
+		if (e) return {
+			type: "PROPERTY",
+			listing: e
+		};
+		let t = x?.ggnomadTours?.[0];
+		if (t) return {
+			type: "TOUR",
+			listing: t
+		};
+		let n = x?.ggnomadEvents?.[0];
+		if (n) return {
+			type: "EVENT",
+			listing: n
+		};
+		let r = x?.ggnomadActivities?.[0];
+		return r ? {
+			type: "ACTIVITY",
+			listing: r
+		} : null;
+	}, E = async () => {
+		let e = T();
+		if (!e) {
+			a.warning(_("ggnomad.favorites.toast.noListingsTitle", "Nothing to favorite yet"), _("ggnomad.favorites.toast.noListingsBody", "Add a property, tour, event or activity first, then save it to your favorites."));
+			return;
+		}
+		let { type: t, listing: n } = e;
+		try {
+			let e = await S({ variables: { input: {
+				targetType: t,
+				targetId: n.id
+			} } });
+			if (e.error) {
+				a.error(_("ggnomad.favorites.toast.errorTitle", "Could not update favorite"), e.error.message);
+				return;
+			}
+			let r = e.data?.toggleGgnomadFavorite === !0;
+			a.success(r ? _("ggnomad.favorites.toast.added", "Added to favorites") : _("ggnomad.favorites.toast.removed", "Removed from favorites"), n.name), await b();
+		} catch (e) {
+			a.error(_("ggnomad.favorites.toast.errorTitle", "Could not update favorite"), e instanceof Error ? e.message : String(e));
+		}
+	};
+	return /* @__PURE__ */ g(r, {
+		title: _("ggnomad.favorites.title", "Favorites"),
+		titleAccent: _("ggnomad.favorites.title.accent", "Favorites"),
+		subtitle: _("ggnomad.favorites.subtitle", "Social ecosystem: saved entities across GGNomad domains"),
+		actions: /* @__PURE__ */ h(d, {
 			primary: {
-				label: m("ggnomad.favorites.actions.toggleDemo", "Toggle demo favorite"),
-				onSelect: () => {
-					_({ variables: { input: {
-						targetType: "PROPERTY",
-						targetId: "demo-property"
-					} } });
-				},
-				icon: /* @__PURE__ */ f(i, {})
+				label: _("ggnomad.favorites.actions.toggleDemo", "Toggle demo favorite"),
+				onSelect: () => void E(),
+				icon: /* @__PURE__ */ h(s, {})
 			},
 			actions: []
 		}),
-		children: [/* @__PURE__ */ f(d, {
-			icon: /* @__PURE__ */ f(i, { className: "size-4" }),
-			children: m("ggnomad.favorites.purpose", "A personal shortlist that spans every GGNomad domain — save properties, tours, events and trips you’re considering so you can compare and come back to them before you book.")
-		}), v.length === 0 ? /* @__PURE__ */ f(u, {
+		children: [/* @__PURE__ */ h(m, {
+			icon: /* @__PURE__ */ h(s, { className: "size-4" }),
+			children: _("ggnomad.favorites.purpose", "A personal shortlist that spans every GGNomad domain — save properties, tours, events and trips you’re considering so you can compare and come back to them before you book.")
+		}), w.length === 0 ? /* @__PURE__ */ h(p, {
 			illustration: "empty-notifications",
-			title: m("ggnomad.favorites.emptyTitle", "No favorites saved"),
-			description: m("ggnomad.favorites.emptyDescription", "Items you save across travel, hospitality and tourism will collect here.")
-		}) : /* @__PURE__ */ p(l, {
+			title: _("ggnomad.favorites.emptyTitle", "No favorites saved"),
+			description: _("ggnomad.favorites.emptyDescription", "Items you save across travel, hospitality and tourism will collect here.")
+		}) : /* @__PURE__ */ g(f, {
 			treatment: "glass",
 			glow: !0,
 			className: "border-border-seam p-5",
-			children: [/* @__PURE__ */ f("h2", {
+			children: [/* @__PURE__ */ h("h2", {
 				className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
-				children: m("ggnomad.favorites.savedItems", "Saved items")
-			}), /* @__PURE__ */ f("div", {
+				children: _("ggnomad.favorites.savedItems", "Saved items")
+			}), /* @__PURE__ */ h("div", {
 				className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3",
-				children: v.map((e) => /* @__PURE__ */ f(r, {
-					title: e.targetType,
-					meta: e.targetId
-				}, e.id))
+				children: w.map((e) => {
+					let t = C.get(e.targetId);
+					return /* @__PURE__ */ h(i, {
+						title: t ?? v(e.targetType),
+						meta: t ? v(e.targetType) : _("ggnomad.favorites.savedListing", "Saved listing")
+					}, e.id);
+				})
 			})]
 		})]
 	});
 }
 //#endregion
-export { m as FavoritesPage };
+export { _ as FavoritesPage };
 
 //# sourceMappingURL=FavoritesPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FavoritesPage.js","names":[],"sources":["../../../src/ggnomad/pages/FavoritesPage.tsx"],"sourcesContent":["import { useMutation, useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Heart } from 'lucide-react';\nimport {\n  CTAOverflowMenu,\n  GlassCard,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_FAVORITES_QUERY, TOGGLE_GGNOMAD_FAVORITE_MUTATION } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard } from '../components';\n\nexport function FavoritesPage() {\n  const { t } = useI18n();\n  const { data, refetch } = useQuery(\n    GGNOMAD_FAVORITES_QUERY as TypedDocumentNode<\n      { ggnomadFavorites: Array<{ id: string; targetType: string; targetId: string }> },\n      Record<string, never>\n    >\n  );\n  const [toggleFavorite] = useMutation(TOGGLE_GGNOMAD_FAVORITE_MUTATION, {\n    onCompleted: () => void refetch(),\n  });\n  const favorites = (data?.ggnomadFavorites ?? []) as Array<{\n    id: string;\n    targetType: string;\n    targetId: string;\n  }>;\n\n  const handleToggleDemo = () => {\n    void toggleFavorite({\n      variables: { input: { targetType: 'PROPERTY', targetId: 'demo-property' } },\n    });\n  };\n\n  return (\n    <PageShell\n      title={t('ggnomad.favorites.title', 'Favorites')}\n      titleAccent={t('ggnomad.favorites.title.accent', 'Favorites')}\n      subtitle={t(\n        'ggnomad.favorites.subtitle',\n        'Social ecosystem: saved entities across GGNomad domains'\n      )}\n      actions={\n        <CTAOverflowMenu\n          primary={{\n            label: t('ggnomad.favorites.actions.toggleDemo', 'Toggle demo favorite'),\n            onSelect: handleToggleDemo,\n            icon: <Heart />,\n          }}\n          actions={[]}\n        />\n      }\n    >\n      <PagePurpose icon={<Heart className=\"size-4\" />}>\n        {t(\n          'ggnomad.favorites.purpose',\n          'A personal shortlist that spans every GGNomad domain — save properties, tours, events and trips you’re considering so you can compare and come back to them before you book.'\n        )}\n      </PagePurpose>\n\n      {favorites.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-notifications\"\n          title={t('ggnomad.favorites.emptyTitle', 'No favorites saved')}\n          description={t(\n            'ggnomad.favorites.emptyDescription',\n            'Items you save across travel, hospitality and tourism will collect 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.favorites.savedItems', 'Saved items')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {favorites.map((favorite) => (\n              <EntityCard key={favorite.id} title={favorite.targetType} meta={favorite.targetId} />\n            ))}\n          </div>\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,IAAgB;CAC9B,IAAM,EAAE,SAAM,GAAS,EACjB,EAAE,SAAM,eAAY,EACxB,EAID,EACK,CAAC,KAAkB,EAAY,GAAkC,EACrE,mBAAmB,KAAK,GAAS,EAClC,CAAC,EACI,IAAa,GAAM,oBAAoB,EAAE;AAY/C,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,2BAA2B,YAAY;EAChD,aAAa,EAAE,kCAAkC,YAAY;EAC7D,UAAU,EACR,8BACA,0DACD;EACD,SACE,kBAAC,GAAD;GACE,SAAS;IACP,OAAO,EAAE,wCAAwC,uBAAuB;IACxE,gBAlBqB;AACxB,OAAe,EAClB,WAAW,EAAE,OAAO;MAAE,YAAY;MAAY,UAAU;MAAiB,EAAE,EAC5E,CAAC;;IAgBM,MAAM,kBAAC,GAAD,EAAS,CAAA;IAChB;GACD,SAAS,EAAE;GACX,CAAA;YAfN,CAkBE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;aAC5C,EACC,6BACA,+KACD;GACW,CAAA,EAEb,EAAU,WAAW,IACpB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,gCAAgC,qBAAqB;GAC9D,aAAa,EACX,sCACA,2EACD;GACD,CAAA,GAEF,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAA5C,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAE,gCAAgC,cAAc;IAC9C,CAAA,EACL,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAU,KAAK,MACd,kBAAC,GAAD;KAA8B,OAAO,EAAS;KAAY,MAAM,EAAS;KAAY,EAApE,EAAS,GAA2D,CACrF;IACE,CAAA,CACI;KAEJ"}
+{"version":3,"file":"FavoritesPage.js","names":[],"sources":["../../../src/ggnomad/pages/FavoritesPage.tsx"],"sourcesContent":["import { useMemo } 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 { Heart } from 'lucide-react';\nimport {\n  CTAOverflowMenu,\n  GlassCard,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  GGNOMAD_FAVORITES_QUERY,\n  GGNOMAD_FAVORITE_TARGETS_QUERY,\n  TOGGLE_GGNOMAD_FAVORITE_MUTATION,\n} from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard } from '../components';\nimport { notify } from '../utils/notify';\n\ntype FavoriteType = 'PROPERTY' | 'TOUR' | 'EVENT' | 'ACTIVITY';\n\ntype Listing = { id: string; name: string };\n\nexport function FavoritesPage() {\n  const { t } = useI18n();\n\n  const typeLabel = (type: string): string => {\n    switch (type.toUpperCase()) {\n      case 'PROPERTY':\n        return t('ggnomad.favorites.type.property', 'Property');\n      case 'TOUR':\n        return t('ggnomad.favorites.type.tour', 'Tour');\n      case 'EVENT':\n        return t('ggnomad.favorites.type.event', 'Event');\n      case 'ACTIVITY':\n        return t('ggnomad.favorites.type.activity', 'Activity');\n      case 'TRIP':\n        return t('ggnomad.favorites.type.trip', 'Trip');\n      default:\n        return t('ggnomad.favorites.type.saved', 'Saved item');\n    }\n  };\n\n  const { data, refetch } = useQuery(\n    GGNOMAD_FAVORITES_QUERY as TypedDocumentNode<\n      { ggnomadFavorites: Array<{ id: string; targetType: string; targetId: string }> },\n      Record<string, never>\n    >\n  );\n\n  // Real listing names so a saved favorite reads as its entity name instead of\n  // a raw enum + UUID (the backend only stores targetType + targetId).\n  const { data: targetsData } = useQuery(\n    GGNOMAD_FAVORITE_TARGETS_QUERY as TypedDocumentNode<\n      {\n        ggnomadProperties: Listing[];\n        ggnomadTours: Listing[];\n        ggnomadEvents: Listing[];\n        ggnomadActivities: Listing[];\n      },\n      Record<string, never>\n    >\n  );\n\n  const [toggleFavorite] = useMutation(\n    TOGGLE_GGNOMAD_FAVORITE_MUTATION as TypedDocumentNode<\n      { toggleGgnomadFavorite: boolean },\n      { input: { targetType: FavoriteType; targetId: string } }\n    >\n  );\n\n  const nameById = useMemo(() => {\n    const map = new Map<string, string>();\n    for (const listing of [\n      ...(targetsData?.ggnomadProperties ?? []),\n      ...(targetsData?.ggnomadTours ?? []),\n      ...(targetsData?.ggnomadEvents ?? []),\n      ...(targetsData?.ggnomadActivities ?? []),\n    ]) {\n      map.set(listing.id, listing.name);\n    }\n    return map;\n  }, [targetsData]);\n\n  const favorites = (data?.ggnomadFavorites ?? []) as Array<{\n    id: string;\n    targetType: string;\n    targetId: string;\n  }>;\n\n  /** First available real listing, in priority order, mapped to a favorite type. */\n  const resolveDemoTarget = (): { type: FavoriteType; listing: Listing } | null => {\n    const property = targetsData?.ggnomadProperties?.[0];\n    if (property) return { type: 'PROPERTY', listing: property };\n    const tour = targetsData?.ggnomadTours?.[0];\n    if (tour) return { type: 'TOUR', listing: tour };\n    const event = targetsData?.ggnomadEvents?.[0];\n    if (event) return { type: 'EVENT', listing: event };\n    const activity = targetsData?.ggnomadActivities?.[0];\n    if (activity) return { type: 'ACTIVITY', listing: activity };\n    return null;\n  };\n\n  const handleToggleDemo = async () => {\n    const target = resolveDemoTarget();\n    if (!target) {\n      notify.warning(\n        t('ggnomad.favorites.toast.noListingsTitle', 'Nothing to favorite yet'),\n        t(\n          'ggnomad.favorites.toast.noListingsBody',\n          'Add a property, tour, event or activity first, then save it to your favorites.'\n        )\n      );\n      return;\n    }\n    const { type, listing } = target;\n    try {\n      const result = await toggleFavorite({\n        variables: { input: { targetType: type, targetId: listing.id } },\n      });\n      if (result.error) {\n        notify.error(\n          t('ggnomad.favorites.toast.errorTitle', 'Could not update favorite'),\n          result.error.message\n        );\n        return;\n      }\n      const added = result.data?.toggleGgnomadFavorite === true;\n      notify.success(\n        added\n          ? t('ggnomad.favorites.toast.added', 'Added to favorites')\n          : t('ggnomad.favorites.toast.removed', 'Removed from favorites'),\n        listing.name\n      );\n      await refetch();\n    } catch (err) {\n      notify.error(\n        t('ggnomad.favorites.toast.errorTitle', 'Could not update favorite'),\n        err instanceof Error ? err.message : String(err)\n      );\n    }\n  };\n\n  return (\n    <PageShell\n      title={t('ggnomad.favorites.title', 'Favorites')}\n      titleAccent={t('ggnomad.favorites.title.accent', 'Favorites')}\n      subtitle={t(\n        'ggnomad.favorites.subtitle',\n        'Social ecosystem: saved entities across GGNomad domains'\n      )}\n      actions={\n        <CTAOverflowMenu\n          primary={{\n            label: t('ggnomad.favorites.actions.toggleDemo', 'Toggle demo favorite'),\n            onSelect: () => void handleToggleDemo(),\n            icon: <Heart />,\n          }}\n          actions={[]}\n        />\n      }\n    >\n      <PagePurpose icon={<Heart className=\"size-4\" />}>\n        {t(\n          'ggnomad.favorites.purpose',\n          'A personal shortlist that spans every GGNomad domain — save properties, tours, events and trips you’re considering so you can compare and come back to them before you book.'\n        )}\n      </PagePurpose>\n\n      {favorites.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-notifications\"\n          title={t('ggnomad.favorites.emptyTitle', 'No favorites saved')}\n          description={t(\n            'ggnomad.favorites.emptyDescription',\n            'Items you save across travel, hospitality and tourism will collect 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.favorites.savedItems', 'Saved items')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {favorites.map((favorite) => {\n              const resolvedName = nameById.get(favorite.targetId);\n              return (\n                <EntityCard\n                  key={favorite.id}\n                  title={resolvedName ?? typeLabel(favorite.targetType)}\n                  meta={\n                    resolvedName\n                      ? typeLabel(favorite.targetType)\n                      : t('ggnomad.favorites.savedListing', 'Saved listing')\n                  }\n                />\n              );\n            })}\n          </div>\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":"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"}

package/dist/ggnomad/utils/notify.js

@@ -0,0 +1,36 @@
+import { toast as e } from "sonner";
+//#region src/ggnomad/utils/notify.ts
+var t = {
+	success(t, n) {
+		e.success(t, {
+			description: n,
+			duration: 4e3
+		});
+	},
+	info(t, n) {
+		e.info(t, {
+			description: n,
+			duration: 4e3
+		});
+	},
+	warning(t, n) {
+		e.warning(t, {
+			description: n,
+			duration: 8e3
+		});
+	},
+	error(t, n) {
+		e.error(t, {
+			description: n,
+			duration: Infinity,
+			closeButton: !0
+		});
+	},
+	dismiss(t) {
+		e.dismiss(t);
+	}
+};
+//#endregion
+export { t as notify };
+
+//# sourceMappingURL=notify.js.map

package/dist/ggnomad/utils/notify.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notify.js","names":[],"sources":["../../../src/ggnomad/utils/notify.ts"],"sourcesContent":["import { toast } from 'sonner';\n\n/**\n * Module-wide toast API. sonner is a global singleton; the matching <Toaster>\n * is owned by the HOST — the production app shell mounts a single one via\n * AppShellProvider, and the standalone dev harness mounts its own (see\n * GGNomadRoot's `renderToaster`). Every page/component must emit feedback\n * through these helpers instead of hand-rolling fixed-position toast markup.\n *\n * Durations follow the notification spec: success/info auto-dismiss, errors\n * stay until the user dismisses them (sonner renders a close button and\n * announces via aria-live).\n */\nexport const notify = {\n  success(message: string, description?: string): void {\n    toast.success(message, { description, duration: 4000 });\n  },\n  info(message: string, description?: string): void {\n    toast.info(message, { description, duration: 4000 });\n  },\n  warning(message: string, description?: string): void {\n    toast.warning(message, { description, duration: 8000 });\n  },\n  error(message: string, description?: string): void {\n    toast.error(message, { description, duration: Infinity, closeButton: true });\n  },\n  dismiss(id?: string | number): void {\n    toast.dismiss(id);\n  },\n};\n\nexport { toast };\n"],"mappings":";;AAaA,IAAa,IAAS;CACpB,QAAQ,GAAiB,GAA4B;AACnD,IAAM,QAAQ,GAAS;GAAE;GAAa,UAAU;GAAM,CAAC;;CAEzD,KAAK,GAAiB,GAA4B;AAChD,IAAM,KAAK,GAAS;GAAE;GAAa,UAAU;GAAM,CAAC;;CAEtD,QAAQ,GAAiB,GAA4B;AACnD,IAAM,QAAQ,GAAS;GAAE;GAAa,UAAU;GAAM,CAAC;;CAEzD,MAAM,GAAiB,GAA4B;AACjD,IAAM,MAAM,GAAS;GAAE;GAAa,UAAU;GAAU,aAAa;GAAM,CAAC;;CAE9E,QAAQ,GAA4B;AAClC,IAAM,QAAQ,EAAG;;CAEpB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-ggnomad",
-  "version": "2026.626.1",
+  "version": "2026.704.1",
   "description": "Burdenoff GGNomad Microfrontend",
   "type": "module",
   "files": [
@@ -77,6 +77,7 @@
     "react-dom": "^19.0.0",
     "react-router-dom": "^7.1.3",
     "recharts": "^2.15.0",
+    "sonner": "^2.0.7",
     "tailwind-merge": "^3.4.0",
     "zustand": "^5.0.3"
   },