@burdenoff/microfe-ggnomad 2026.608.1 → 2026.626.1

package/dist/ggnomad/pages/BookingsPage.js

@@ -1,71 +1,119 @@
 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 { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useMutation as a, useQuery as o } from "@apollo/client/react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { StatusBadge as i } from "../components/StatusBadge.js";
+import { EntityCard as a } 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";
 //#region src/ggnomad/pages/BookingsPage.tsx
-function l() {
-	let { t: l } = i(), { data: u, refetch: d } = o(n, { variables: {
+function C() {
+	let { t: C } = f(), w = p(), { data: T, refetch: E } = h(n, { variables: {
 		first: 20,
 		skip: 0
-	} }), [f, { loading: p }] = a(t, { onCompleted: () => void d() }), [m] = a(e, { onCompleted: () => void d() }), h = u?.ggnomadBookings ?? [];
-	return /* @__PURE__ */ c(r, {
-		title: l("ggnomad.bookings.title", "Bookings"),
-		subtitle: l("ggnomad.bookings.subtitle", "End-to-end booking operations with real API mutations"),
-		children: [/* @__PURE__ */ s("div", {
-			className: "flex gap-2",
-			children: /* @__PURE__ */ s("button", {
-				className: "rounded-md border px-3 py-2 text-sm",
-				disabled: p,
-				onClick: () => {
-					f({ 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"
-					} } });
-				},
-				type: "button",
-				children: l("ggnomad.bookings.actions.createDemoBooking", "Create demo booking")
-			})
-		}), /* @__PURE__ */ s("div", {
-			className: "space-y-2",
-			children: h.map((e) => /* @__PURE__ */ c("div", {
-				className: "flex items-center justify-between rounded-lg border p-3 text-sm",
-				children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
-					className: "font-medium",
-					children: e.referenceCode
-				}), /* @__PURE__ */ s("p", { children: e.itemName })] }), /* @__PURE__ */ c("div", {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ c("span", { children: [
-						e.status,
-						" - ",
-						e.currency,
-						" ",
-						Number(e.totalPrice).toFixed(2)
-					] }), e.status === "CANCELLED" ? null : /* @__PURE__ */ s("button", {
-						className: "rounded border px-2 py-1",
-						onClick: () => {
-							m({ variables: {
-								id: e.id,
-								reason: l("ggnomad.bookings.actions.cancelReason", "Cancelled via UI")
-							} });
-						},
-						type: "button",
-						children: l("ggnomad.bookings.actions.cancel", "Cancel")
-					})]
+	} }), [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")
+		} });
+	};
+	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, {
+			primary: {
+				label: C("ggnomad.bookings.actions.createDemoBooking", "Create demo booking"),
+				onSelect: j,
+				disabled: O,
+				icon: /* @__PURE__ */ x(l, {})
+			},
+			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__ */ x(y, {
+				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")
+					},
+					{
+						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")
+					},
+					{
+						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")
+					}
+				]
+			}),
+			A.length === 0 ? /* @__PURE__ */ x(v, {
+				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(_, {
+				treatment: "glass",
+				glow: !0,
+				className: "border-border-seam p-5",
+				children: [/* @__PURE__ */ x("h2", {
+					className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
+					children: C("ggnomad.bookings.activeBookings", "Your bookings")
+				}), /* @__PURE__ */ x("div", {
+					className: "grid gap-3 sm:grid-cols-2",
+					children: A.map((e) => /* @__PURE__ */ x(a, {
+						title: e.referenceCode,
+						meta: e.itemName,
+						price: `${e.currency} ${Number(e.totalPrice).toFixed(2)}`,
+						badge: /* @__PURE__ */ x(i, {
+							status: e.status,
+							live: e.status !== "CANCELLED"
+						}),
+						footer: e.status === "CANCELLED" ? null : /* @__PURE__ */ x(g, {
+							align: "end",
+							actions: [{
+								label: C("ggnomad.bookings.actions.cancel", "Cancel booking"),
+								onSelect: () => M(e.id),
+								intent: "destructive",
+								icon: /* @__PURE__ */ x(d, {})
+							}]
+						})
+					}, e.id))
 				})]
-			}, e.id))
-		})]
+			})
+		]
 	});
 }
 //#endregion
-export { l as BookingsPage };
+export { C 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 { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\nimport {\n  CANCEL_GGNOMAD_BOOKING_MUTATION,\n  CREATE_GGNOMAD_BOOKING_MUTATION,\n  GGNOMAD_BOOKINGS_QUERY,\n} from '../graphql';\nimport { PageShell } from './PageShell';\n\nexport function BookingsPage() {\n  const { t } = useI18n();\n  const { data, refetch } = useQuery<{\n    ggnomadBookings: Array<{\n      id: string;\n      referenceCode: string;\n      itemName: string;\n      status: string;\n      totalPrice: number;\n      currency: string;\n    }>;\n  }>(GGNOMAD_BOOKINGS_QUERY, { variables: { first: 20, skip: 0 } });\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  return (\n    <PageShell\n      title={t('ggnomad.bookings.title', 'Bookings')}\n      subtitle={t(\n        'ggnomad.bookings.subtitle',\n        'End-to-end booking operations with real API mutations'\n      )}\n    >\n      <div className=\"flex gap-2\">\n        <button\n          className=\"rounded-md border px-3 py-2 text-sm\"\n          disabled={creating}\n          onClick={() => {\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          type=\"button\"\n        >\n          {t('ggnomad.bookings.actions.createDemoBooking', 'Create demo booking')}\n        </button>\n      </div>\n\n      <div className=\"space-y-2\">\n        {bookings.map(\n          (booking: {\n            id: string;\n            referenceCode: string;\n            itemName: string;\n            status: string;\n            totalPrice: number;\n            currency: string;\n          }) => (\n            <div\n              key={booking.id}\n              className=\"flex items-center justify-between rounded-lg border p-3 text-sm\"\n            >\n              <div>\n                <p className=\"font-medium\">{booking.referenceCode}</p>\n                <p>{booking.itemName}</p>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <span>\n                  {booking.status} - {booking.currency} {Number(booking.totalPrice).toFixed(2)}\n                </span>\n                {booking.status !== 'CANCELLED' ? (\n                  <button\n                    className=\"rounded border px-2 py-1\"\n                    onClick={() => {\n                      void cancelBooking({\n                        variables: {\n                          id: booking.id,\n                          reason: t('ggnomad.bookings.actions.cancelReason', 'Cancelled via UI'),\n                        },\n                      });\n                    }}\n                    type=\"button\"\n                  >\n                    {t('ggnomad.bookings.actions.cancel', 'Cancel')}\n                  </button>\n                ) : null}\n              </div>\n            </div>\n          )\n        )}\n      </div>\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;AAUA,SAAgB,IAAe;CAC7B,IAAM,EAAE,SAAM,GAAS,EACjB,EAAE,SAAM,eAAY,EASvB,GAAwB,EAAE,WAAW;EAAE,OAAO;EAAI,MAAM;EAAG,EAAE,CAAC,EAC3D,CAAC,GAAe,EAAE,SAAS,OAAc,EAAY,GAAiC,EAC1F,mBAAmB,KAAK,GAAS,EAClC,CAAC,EACI,CAAC,KAAiB,EAAY,GAAiC,EACnE,mBAAmB,KAAK,GAAS,EAClC,CAAC,EAEI,IAAW,GAAM,mBAAmB,EAAE;AAE5C,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,0BAA0B,WAAW;EAC9C,UAAU,EACR,6BACA,wDACD;YALH,CAOE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,UAAD;IACE,WAAU;IACV,UAAU;IACV,eAAe;AACR,OAAc,EACjB,WAAW,EACT,OAAO;MACL,aAAa;MACb,QAAQ;MACR,UAAU;MACV,WAAW;MACX,YAAY;MACZ,YAAY;MACZ,QAAQ;MACR,YAAY;MACZ,UAAU;MACV,eAAe;MAChB,EACF,EACF,CAAC;;IAEJ,MAAK;cAEJ,EAAE,8CAA8C,sBAAsB;IAChE,CAAA;GACL,CAAA,EAEN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAS,KACP,MAQC,kBAAC,OAAD;IAEE,WAAU;cAFZ,CAIE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;KAAG,WAAU;eAAe,EAAQ;KAAkB,CAAA,EACtD,kBAAC,KAAD,EAAA,UAAI,EAAQ,UAAa,CAAA,CACrB,EAAA,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD,EAAA,UAAA;MACG,EAAQ;MAAO;MAAI,EAAQ;MAAS;MAAE,OAAO,EAAQ,WAAW,CAAC,QAAQ,EAAE;MACvE,EAAA,CAAA,EACN,EAAQ,WAAW,cAehB,OAdF,kBAAC,UAAD;MACE,WAAU;MACV,eAAe;AACR,SAAc,EACjB,WAAW;QACT,IAAI,EAAQ;QACZ,QAAQ,EAAE,yCAAyC,mBAAmB;QACvE,EACF,CAAC;;MAEJ,MAAK;gBAEJ,EAAE,mCAAmC,SAAS;MACxC,CAAA,CAEP;OACF;MA5BC,EAAQ,GA4BT,CAET;GACG,CAAA,CACI"}
+{"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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"}

package/dist/ggnomad/pages/DashboardPage.js

@@ -1,128 +1,153 @@
 import { GGNOMAD_BOOKINGS_QUERY as e, GGNOMAD_EVENTS_QUERY as t, GGNOMAD_OVERVIEW_QUERY as n, GGNOMAD_PROPERTIES_QUERY as r, GGNOMAD_TOURS_QUERY as i } from "../graphql.js";
 import { PageShell as a } from "./PageShell.js";
-import { useI18n as o } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useQuery as s } from "@apollo/client/react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { StatCard as o } from "../components/StatCard.js";
+import { StatusBadge as s } from "../components/StatusBadge.js";
+import { SectionCard as c } from "../components/SectionCard.js";
+import "../components/index.js";
+import { Building as l, CalendarCheck as u, Compass as d, DollarSign as f, Hotel as p, Search as m, Users as h } from "lucide-react";
+import { useI18n as g } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useNavigate as _ } from "react-router-dom";
+import { useQuery as v } from "@apollo/client/react";
+import { EmphasisPanel as y, IllustratedEmptyState as b, NextSteps as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
 //#region src/ggnomad/pages/DashboardPage.tsx
-function u() {
-	let { t: u } = o(), d = s(n), f = s(e, { variables: {
+function T() {
+	let { t: T } = g(), E = _(), D = v(n), O = v(e, { variables: {
 		first: 5,
 		skip: 0
-	} }), p = s(r, { variables: {
+	} }), k = v(r, { variables: {
 		first: 4,
 		skip: 0
-	} }), m = s(i, { variables: {
+	} }), A = v(i, { variables: {
 		first: 4,
 		skip: 0
-	} }), h = s(t, { variables: {
+	} }), j = v(t, { variables: {
 		first: 4,
 		skip: 0
-	} }), g = d.data?.ggnomadOverviewStats;
-	return /* @__PURE__ */ l(a, {
-		title: u("ggnomad.dashboard.title", "GGNomad Dashboard"),
-		subtitle: u("ggnomad.dashboard.subtitle", "Unified travel, hospitality, tourism and entertainment operations"),
-		children: [/* @__PURE__ */ l("section", {
-			className: "grid gap-4 md:grid-cols-4",
-			children: [
-				/* @__PURE__ */ l("div", {
-					className: "rounded-lg border p-4",
-					children: [/* @__PURE__ */ c("p", {
-						className: "text-sm text-muted-foreground",
-						children: u("ggnomad.dashboard.stats.users", "Users")
-					}), /* @__PURE__ */ c("p", {
-						className: "text-2xl font-semibold",
-						children: g?.users ?? 0
-					})]
-				}),
-				/* @__PURE__ */ l("div", {
-					className: "rounded-lg border p-4",
-					children: [/* @__PURE__ */ c("p", {
-						className: "text-sm text-muted-foreground",
-						children: u("ggnomad.dashboard.stats.listings", "Listings")
-					}), /* @__PURE__ */ c("p", {
-						className: "text-2xl font-semibold",
-						children: g?.listings ?? 0
-					})]
-				}),
-				/* @__PURE__ */ l("div", {
-					className: "rounded-lg border p-4",
-					children: [/* @__PURE__ */ c("p", {
-						className: "text-sm text-muted-foreground",
-						children: u("ggnomad.dashboard.stats.bookings", "Bookings")
-					}), /* @__PURE__ */ c("p", {
-						className: "text-2xl font-semibold",
-						children: g?.bookings ?? 0
-					})]
-				}),
-				/* @__PURE__ */ l("div", {
-					className: "rounded-lg border p-4",
-					children: [/* @__PURE__ */ c("p", {
-						className: "text-sm text-muted-foreground",
-						children: u("ggnomad.dashboard.stats.monthlyRevenue", "Monthly Revenue")
-					}), /* @__PURE__ */ l("p", {
-						className: "text-2xl font-semibold",
-						children: ["$", Number(g?.monthlyRevenue ?? 0).toLocaleString()]
-					})]
-				})
-			]
-		}), /* @__PURE__ */ l("section", {
-			className: "grid gap-4 lg:grid-cols-2",
-			children: [/* @__PURE__ */ l("div", {
-				className: "rounded-lg border p-4",
-				children: [/* @__PURE__ */ c("h2", {
-					className: "mb-3 text-lg font-medium",
-					children: u("ggnomad.dashboard.sections.recentBookings", "Recent bookings")
-				}), /* @__PURE__ */ c("ul", {
+	} }), M = D.data?.ggnomadOverviewStats, N = O.data?.ggnomadBookings ?? [];
+	return /* @__PURE__ */ w(a, {
+		hero: !0,
+		title: T("ggnomad.dashboard.title", "GGNomad Dashboard"),
+		titleAccent: T("ggnomad.dashboard.title.accent", "GGNomad"),
+		subtitle: T("ggnomad.dashboard.subtitle", "Unified travel, hospitality, tourism and entertainment operations"),
+		children: [
+			/* @__PURE__ */ C(S, {
+				icon: /* @__PURE__ */ C(d, { className: "size-4" }),
+				children: T("ggnomad.dashboard.purpose", "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.")
+			}),
+			/* @__PURE__ */ C(x, {
+				storageKey: "ggnomad-dashboard",
+				steps: [
+					{
+						id: "search",
+						label: T("ggnomad.dashboard.next.search", "Search the catalogue"),
+						description: T("ggnomad.dashboard.next.searchDesc", "Find inventory across every domain at once."),
+						icon: /* @__PURE__ */ C(m, { className: "size-4" }),
+						onClick: () => E("search")
+					},
+					{
+						id: "stays",
+						label: T("ggnomad.dashboard.next.stays", "Browse places to stay"),
+						description: T("ggnomad.dashboard.next.staysDesc", "Explore hospitality listings and open a property."),
+						icon: /* @__PURE__ */ C(p, { className: "size-4" }),
+						onClick: () => E("hospitality")
+					},
+					{
+						id: "tourism",
+						label: T("ggnomad.dashboard.next.tourism", "Discover tours & activities"),
+						description: T("ggnomad.dashboard.next.tourismDesc", "Plan what to do at each destination."),
+						icon: /* @__PURE__ */ C(d, { className: "size-4" }),
+						onClick: () => E("tourism")
+					},
+					{
+						id: "bookings",
+						label: T("ggnomad.dashboard.next.bookings", "Manage bookings"),
+						description: T("ggnomad.dashboard.next.bookingsDesc", "Track and cancel reservations in real time."),
+						icon: /* @__PURE__ */ C(u, { className: "size-4" }),
+						onClick: () => E("bookings")
+					}
+				]
+			}),
+			/* @__PURE__ */ w("section", {
+				className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-4",
+				children: [
+					/* @__PURE__ */ C(o, {
+						hero: !0,
+						label: T("ggnomad.dashboard.stats.monthlyRevenue", "Monthly Revenue"),
+						value: `$${Number(M?.monthlyRevenue ?? 0).toLocaleString()}`,
+						icon: /* @__PURE__ */ C(f, {})
+					}),
+					/* @__PURE__ */ C(o, {
+						label: T("ggnomad.dashboard.stats.users", "Users"),
+						value: Number(M?.users ?? 0).toLocaleString(),
+						icon: /* @__PURE__ */ C(h, {})
+					}),
+					/* @__PURE__ */ C(o, {
+						label: T("ggnomad.dashboard.stats.listings", "Listings"),
+						value: Number(M?.listings ?? 0).toLocaleString(),
+						icon: /* @__PURE__ */ C(l, {})
+					}),
+					/* @__PURE__ */ C(o, {
+						label: T("ggnomad.dashboard.stats.bookings", "Bookings"),
+						value: Number(M?.bookings ?? 0).toLocaleString(),
+						icon: /* @__PURE__ */ C(u, {})
+					})
+				]
+			}),
+			/* @__PURE__ */ w(y, { children: [/* @__PURE__ */ w("div", {
+				className: "grid gap-4 sm:grid-cols-3",
+				children: [
+					/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+						className: "text-sm text-text-secondary",
+						children: T("ggnomad.dashboard.inventory.properties", "Properties")
+					}), /* @__PURE__ */ C("p", {
+						className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
+						children: k.data?.ggnomadProperties?.length ?? 0
+					})] }),
+					/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+						className: "text-sm text-text-secondary",
+						children: T("ggnomad.dashboard.inventory.tours", "Tours")
+					}), /* @__PURE__ */ C("p", {
+						className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
+						children: A.data?.ggnomadTours?.length ?? 0
+					})] }),
+					/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+						className: "text-sm text-text-secondary",
+						children: T("ggnomad.dashboard.inventory.events", "Events")
+					}), /* @__PURE__ */ C("p", {
+						className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
+						children: j.data?.ggnomadEvents?.length ?? 0
+					})] })
+				]
+			}), /* @__PURE__ */ C("p", {
+				className: "mt-4 text-sm text-text-secondary",
+				children: T("ggnomad.dashboard.inventory.liveDataNotice", "Data is live from `wspace-ggnomad-svc` GraphQL APIs.")
+			})] }),
+			/* @__PURE__ */ C(c, {
+				title: T("ggnomad.dashboard.sections.recentBookings", "Recent bookings"),
+				children: N.length === 0 ? /* @__PURE__ */ C(b, {
+					illustration: "empty-data",
+					title: T("ggnomad.dashboard.recentBookings.emptyTitle", "No recent bookings"),
+					description: T("ggnomad.dashboard.recentBookings.emptyDescription", "New bookings across travel, hospitality and tourism will appear here.")
+				}) : /* @__PURE__ */ C("ul", {
 					className: "space-y-2 text-sm",
-					children: (f.data?.ggnomadBookings ?? []).map((e) => /* @__PURE__ */ l("li", {
-						className: "flex items-center justify-between rounded border p-2",
-						children: [/* @__PURE__ */ l("span", { children: [
-							e.referenceCode,
-							" - ",
-							e.itemName
-						] }), /* @__PURE__ */ c("span", {
-							className: "text-muted-foreground",
-							children: e.status
-						})]
+					children: N.map((e) => /* @__PURE__ */ w("li", {
+						className: "flex items-center justify-between gap-3 rounded-lg border border-border-seam bg-bg-surface/40 p-3",
+						children: [/* @__PURE__ */ w("span", {
+							className: "min-w-0 truncate text-text-primary",
+							children: [
+								e.referenceCode,
+								" — ",
+								e.itemName
+							]
+						}), /* @__PURE__ */ C(s, { status: e.status })]
 					}, e.id))
-				})]
-			}), /* @__PURE__ */ l("div", {
-				className: "rounded-lg border p-4",
-				children: [/* @__PURE__ */ c("h2", {
-					className: "mb-3 text-lg font-medium",
-					children: u("ggnomad.dashboard.sections.featuredInventory", "Featured inventory")
-				}), /* @__PURE__ */ l("div", {
-					className: "grid gap-2 text-sm",
-					children: [
-						/* @__PURE__ */ l("p", { children: [
-							u("ggnomad.dashboard.inventory.properties", "Properties"),
-							":",
-							" ",
-							p.data?.ggnomadProperties?.length ?? 0
-						] }),
-						/* @__PURE__ */ l("p", { children: [
-							u("ggnomad.dashboard.inventory.tours", "Tours"),
-							":",
-							" ",
-							m.data?.ggnomadTours?.length ?? 0
-						] }),
-						/* @__PURE__ */ l("p", { children: [
-							u("ggnomad.dashboard.inventory.events", "Events"),
-							":",
-							" ",
-							h.data?.ggnomadEvents?.length ?? 0
-						] }),
-						/* @__PURE__ */ c("p", {
-							className: "text-muted-foreground",
-							children: u("ggnomad.dashboard.inventory.liveDataNotice", "Data is live from `wspace-ggnomad-svc` GraphQL APIs.")
-						})
-					]
-				})]
-			})]
-		})]
+				})
+			})
+		]
 	});
 }
 //#endregion
-export { u as DashboardPage };
+export { T as DashboardPage };
 
 //# sourceMappingURL=DashboardPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/ggnomad/pages/DashboardPage.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\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';\n\nexport function DashboardPage() {\n  const { t } = useI18n();\n  const overview = useQuery<{\n    ggnomadOverviewStats: {\n      users: number;\n      listings: number;\n      bookings: number;\n      monthlyRevenue: number;\n    };\n  }>(GGNOMAD_OVERVIEW_QUERY);\n  const bookings = useQuery<{\n    ggnomadBookings: Array<{ id: string; referenceCode: string; itemName: string; status: string }>;\n  }>(GGNOMAD_BOOKINGS_QUERY, {\n    variables: { first: 5, skip: 0 },\n  });\n  const properties = useQuery<{ ggnomadProperties: Array<{ id: string }> }>(\n    GGNOMAD_PROPERTIES_QUERY,\n    { variables: { first: 4, skip: 0 } }\n  );\n  const tours = useQuery<{ ggnomadTours: Array<{ id: string }> }>(GGNOMAD_TOURS_QUERY, {\n    variables: { first: 4, skip: 0 },\n  });\n  const events = useQuery<{ ggnomadEvents: Array<{ id: string }> }>(GGNOMAD_EVENTS_QUERY, {\n    variables: { first: 4, skip: 0 },\n  });\n\n  const stats = overview.data?.ggnomadOverviewStats;\n\n  return (\n    <PageShell\n      title={t('ggnomad.dashboard.title', 'GGNomad Dashboard')}\n      subtitle={t(\n        'ggnomad.dashboard.subtitle',\n        'Unified travel, hospitality, tourism and entertainment operations'\n      )}\n    >\n      <section className=\"grid gap-4 md:grid-cols-4\">\n        <div className=\"rounded-lg border p-4\">\n          <p className=\"text-sm text-muted-foreground\">\n            {t('ggnomad.dashboard.stats.users', 'Users')}\n          </p>\n          <p className=\"text-2xl font-semibold\">{stats?.users ?? 0}</p>\n        </div>\n        <div className=\"rounded-lg border p-4\">\n          <p className=\"text-sm text-muted-foreground\">\n            {t('ggnomad.dashboard.stats.listings', 'Listings')}\n          </p>\n          <p className=\"text-2xl font-semibold\">{stats?.listings ?? 0}</p>\n        </div>\n        <div className=\"rounded-lg border p-4\">\n          <p className=\"text-sm text-muted-foreground\">\n            {t('ggnomad.dashboard.stats.bookings', 'Bookings')}\n          </p>\n          <p className=\"text-2xl font-semibold\">{stats?.bookings ?? 0}</p>\n        </div>\n        <div className=\"rounded-lg border p-4\">\n          <p className=\"text-sm text-muted-foreground\">\n            {t('ggnomad.dashboard.stats.monthlyRevenue', 'Monthly Revenue')}\n          </p>\n          <p className=\"text-2xl font-semibold\">\n            ${Number(stats?.monthlyRevenue ?? 0).toLocaleString()}\n          </p>\n        </div>\n      </section>\n\n      <section className=\"grid gap-4 lg:grid-cols-2\">\n        <div className=\"rounded-lg border p-4\">\n          <h2 className=\"mb-3 text-lg font-medium\">\n            {t('ggnomad.dashboard.sections.recentBookings', 'Recent bookings')}\n          </h2>\n          <ul className=\"space-y-2 text-sm\">\n            {(bookings.data?.ggnomadBookings ?? []).map(\n              (booking: {\n                id: string;\n                referenceCode: string;\n                itemName: string;\n                status: string;\n              }) => (\n                <li\n                  key={booking.id}\n                  className=\"flex items-center justify-between rounded border p-2\"\n                >\n                  <span>\n                    {booking.referenceCode} - {booking.itemName}\n                  </span>\n                  <span className=\"text-muted-foreground\">{booking.status}</span>\n                </li>\n              )\n            )}\n          </ul>\n        </div>\n        <div className=\"rounded-lg border p-4\">\n          <h2 className=\"mb-3 text-lg font-medium\">\n            {t('ggnomad.dashboard.sections.featuredInventory', 'Featured inventory')}\n          </h2>\n          <div className=\"grid gap-2 text-sm\">\n            <p>\n              {t('ggnomad.dashboard.inventory.properties', 'Properties')}:{' '}\n              {properties.data?.ggnomadProperties?.length ?? 0}\n            </p>\n            <p>\n              {t('ggnomad.dashboard.inventory.tours', 'Tours')}:{' '}\n              {tours.data?.ggnomadTours?.length ?? 0}\n            </p>\n            <p>\n              {t('ggnomad.dashboard.inventory.events', 'Events')}:{' '}\n              {events.data?.ggnomadEvents?.length ?? 0}\n            </p>\n            <p className=\"text-muted-foreground\">\n              {t(\n                'ggnomad.dashboard.inventory.liveDataNotice',\n                'Data is live from `wspace-ggnomad-svc` GraphQL APIs.'\n              )}\n            </p>\n          </div>\n        </div>\n      </section>\n    </PageShell>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/ggnomad/pages/DashboardPage.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 { 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\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      },\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 recentBookings = bookings.data?.ggnomadBookings ?? [];\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    </PageShell>\n  );\n}\n"],"mappings":"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"}