@burdenoff/microfe-ggnomad 2026.624.1 → 2026.626.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/dist/ggnomad/components/DetailRow.js +18 -0
  2. package/dist/ggnomad/components/DetailRow.js.map +1 -0
  3. package/dist/ggnomad/components/EntityCard.js +50 -0
  4. package/dist/ggnomad/components/EntityCard.js.map +1 -0
  5. package/dist/ggnomad/components/SectionCard.js +21 -0
  6. package/dist/ggnomad/components/SectionCard.js.map +1 -0
  7. package/dist/ggnomad/components/StatCard.js +27 -0
  8. package/dist/ggnomad/components/StatCard.js.map +1 -0
  9. package/dist/ggnomad/components/StatusBadge.js +65 -0
  10. package/dist/ggnomad/components/StatusBadge.js.map +1 -0
  11. package/dist/ggnomad/components/index.js +5 -0
  12. package/dist/ggnomad/pages/ActivityDetailsPage.js +84 -37
  13. package/dist/ggnomad/pages/ActivityDetailsPage.js.map +1 -1
  14. package/dist/ggnomad/pages/AnalyticsPage.js +64 -55
  15. package/dist/ggnomad/pages/AnalyticsPage.js.map +1 -1
  16. package/dist/ggnomad/pages/BookingsPage.js +108 -60
  17. package/dist/ggnomad/pages/BookingsPage.js.map +1 -1
  18. package/dist/ggnomad/pages/DashboardPage.js +132 -107
  19. package/dist/ggnomad/pages/DashboardPage.js.map +1 -1
  20. package/dist/ggnomad/pages/EntertainmentPage.js +40 -33
  21. package/dist/ggnomad/pages/EntertainmentPage.js.map +1 -1
  22. package/dist/ggnomad/pages/EventDetailsPage.js +86 -39
  23. package/dist/ggnomad/pages/EventDetailsPage.js.map +1 -1
  24. package/dist/ggnomad/pages/FavoritesPage.js +44 -27
  25. package/dist/ggnomad/pages/FavoritesPage.js.map +1 -1
  26. package/dist/ggnomad/pages/HospitalityPage.js +45 -42
  27. package/dist/ggnomad/pages/HospitalityPage.js.map +1 -1
  28. package/dist/ggnomad/pages/PageShell.js +33 -11
  29. package/dist/ggnomad/pages/PageShell.js.map +1 -1
  30. package/dist/ggnomad/pages/PropertyDetailsPage.js +95 -45
  31. package/dist/ggnomad/pages/PropertyDetailsPage.js.map +1 -1
  32. package/dist/ggnomad/pages/ProviderPage.js +65 -29
  33. package/dist/ggnomad/pages/ProviderPage.js.map +1 -1
  34. package/dist/ggnomad/pages/SearchPage.js +57 -48
  35. package/dist/ggnomad/pages/SearchPage.js.map +1 -1
  36. package/dist/ggnomad/pages/TourDetailsPage.js +86 -39
  37. package/dist/ggnomad/pages/TourDetailsPage.js.map +1 -1
  38. package/dist/ggnomad/pages/TourismPage.js +64 -63
  39. package/dist/ggnomad/pages/TourismPage.js.map +1 -1
  40. package/dist/ggnomad/pages/TravelPage.js +43 -27
  41. package/dist/ggnomad/pages/TravelPage.js.map +1 -1
  42. package/dist/ggnomad/utils/cn.js +10 -0
  43. package/dist/ggnomad/utils/cn.js.map +1 -0
  44. package/package.json +2 -2
@@ -1,49 +1,96 @@
1
1
  import { GGNOMAD_TOUR_QUERY as e } from "../graphql.js";
2
2
  import { PageShell as t } from "./PageShell.js";
3
- import { useParams as n } from "react-router-dom";
4
- import { useQuery as r } from "@apollo/client/react";
5
- import { jsx as i, jsxs as a } from "react/jsx-runtime";
3
+ import { SectionCard as n } from "../components/SectionCard.js";
4
+ import { DetailRow as r } from "../components/DetailRow.js";
5
+ import "../components/index.js";
6
+ import { CalendarCheck as i, CheckCircle2 as a, Compass as o } from "lucide-react";
7
+ import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
8
+ import { useNavigate as c, useParams as l } from "react-router-dom";
9
+ import { useQuery as u } from "@apollo/client/react";
10
+ import { GlassCard as d, IllustratedEmptyState as f, NextSteps as p, PagePurpose as m } from "@burdenoff/fe-libs/ui";
11
+ import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
6
12
  //#region src/ggnomad/pages/TourDetailsPage.tsx
7
- function o() {
8
- let { id: o = "" } = n(), { data: s } = r(e, {
9
- variables: { id: o },
10
- skip: !o
11
- }), c = s?.ggnomadTour;
12
- return /* @__PURE__ */ i(t, {
13
- title: c?.name ?? "Tour details",
14
- subtitle: "Tour package details and booking context",
15
- children: c ? /* @__PURE__ */ a("div", {
16
- className: "grid gap-4 md:grid-cols-2 text-sm",
17
- children: [/* @__PURE__ */ a("div", {
18
- className: "rounded-lg border p-4",
19
- children: [
20
- /* @__PURE__ */ a("p", { children: ["Duration: ", c.duration] }),
21
- /* @__PURE__ */ a("p", { children: ["Difficulty: ", c.difficulty ?? "N/A"] }),
22
- /* @__PURE__ */ a("p", { children: ["Guide: ", c.guideName ?? "N/A"] }),
23
- /* @__PURE__ */ a("p", { children: [
24
- "Price: ",
25
- c.currency,
26
- " ",
27
- Number(c.price).toFixed(2)
28
- ] })
29
- ]
30
- }), /* @__PURE__ */ a("div", {
31
- className: "rounded-lg border p-4",
32
- children: [/* @__PURE__ */ i("p", {
33
- className: "mb-2 font-medium",
34
- children: "Highlights"
35
- }), /* @__PURE__ */ i("ul", {
36
- className: "list-inside list-disc",
37
- children: (c.highlights ?? []).map((e) => /* @__PURE__ */ i("li", { children: e }, e))
13
+ function v() {
14
+ let { t: v } = s(), y = c(), { id: b = "" } = l(), { data: x } = u(e, {
15
+ variables: { id: b },
16
+ skip: !b
17
+ }), S = x?.ggnomadTour;
18
+ return /* @__PURE__ */ g(t, {
19
+ title: S?.name ?? v("ggnomad.tour.fallbackTitle", "Tour details"),
20
+ subtitle: v("ggnomad.tour.subtitle", "Tour package details and booking context"),
21
+ children: S ? /* @__PURE__ */ _(h, { children: [
22
+ /* @__PURE__ */ g(m, {
23
+ icon: /* @__PURE__ */ g(o, { className: "size-4" }),
24
+ children: v("ggnomad.tour.purpose", "See exactly what this tour involves — duration, difficulty, your guide, price and the highlights you’ll experience — so you can confirm it fits your trip before booking.")
25
+ }),
26
+ /* @__PURE__ */ g(p, {
27
+ storageKey: "ggnomad-tour-detail",
28
+ steps: [{
29
+ id: "book",
30
+ label: v("ggnomad.tour.next.book", "Book this tour"),
31
+ description: v("ggnomad.tour.next.bookDesc", "Add it to your itinerary and track it under Bookings."),
32
+ icon: /* @__PURE__ */ g(i, { className: "size-4" }),
33
+ onClick: () => y("../../../bookings")
34
+ }, {
35
+ id: "browse",
36
+ label: v("ggnomad.tour.next.browse", "Explore more experiences"),
37
+ description: v("ggnomad.tour.next.browseDesc", "Return to Tourism to compare tours and activities."),
38
+ icon: /* @__PURE__ */ g(o, { className: "size-4" }),
39
+ onClick: () => y("../..")
40
+ }]
41
+ }),
42
+ /* @__PURE__ */ _("div", {
43
+ className: "grid gap-4 lg:grid-cols-2",
44
+ children: [/* @__PURE__ */ _(d, {
45
+ treatment: "glass",
46
+ glow: !0,
47
+ className: "border-border-seam p-5",
48
+ children: [/* @__PURE__ */ g("h2", {
49
+ className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
50
+ children: v("ggnomad.tour.details", "Details")
51
+ }), /* @__PURE__ */ _("dl", {
52
+ className: "space-y-2 text-sm",
53
+ children: [
54
+ /* @__PURE__ */ g(r, {
55
+ label: v("ggnomad.tour.duration", "Duration"),
56
+ value: S.duration
57
+ }),
58
+ /* @__PURE__ */ g(r, {
59
+ label: v("ggnomad.tour.difficulty", "Difficulty"),
60
+ value: S.difficulty ?? v("ggnomad.tour.na", "N/A")
61
+ }),
62
+ /* @__PURE__ */ g(r, {
63
+ label: v("ggnomad.tour.guide", "Guide"),
64
+ value: S.guideName ?? v("ggnomad.tour.na", "N/A")
65
+ }),
66
+ /* @__PURE__ */ g(r, {
67
+ label: v("ggnomad.tour.price", "Price"),
68
+ value: `${S.currency} ${Number(S.price).toFixed(2)}`
69
+ })
70
+ ]
71
+ })]
72
+ }), /* @__PURE__ */ g(n, {
73
+ title: v("ggnomad.tour.highlights", "Highlights"),
74
+ children: /* @__PURE__ */ g("ul", {
75
+ className: "space-y-2 text-sm",
76
+ children: (S.highlights ?? []).map((e) => /* @__PURE__ */ _("li", {
77
+ className: "flex items-start gap-2 text-text-primary",
78
+ children: [/* @__PURE__ */ g(a, {
79
+ className: "mt-0.5 size-4 flex-shrink-0 text-status-success-text",
80
+ "aria-hidden": "true"
81
+ }), e]
82
+ }, e))
83
+ })
38
84
  })]
39
- })]
40
- }) : /* @__PURE__ */ i("div", {
41
- className: "rounded-lg border p-4 text-text-secondary",
42
- children: "No tour found."
85
+ })
86
+ ] }) : /* @__PURE__ */ g(f, {
87
+ illustration: "empty-data",
88
+ title: v("ggnomad.tour.notFoundTitle", "No tour found"),
89
+ description: v("ggnomad.tour.notFoundDescription", "This tour is unavailable or may have been removed.")
43
90
  })
44
91
  });
45
92
  }
46
93
  //#endregion
47
- export { o as TourDetailsPage };
94
+ export { v as TourDetailsPage };
48
95
 
49
96
  //# sourceMappingURL=TourDetailsPage.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TourDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/TourDetailsPage.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\nimport { useParams } from 'react-router-dom';\n\nimport { GGNOMAD_TOUR_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\n\nexport function TourDetailsPage() {\n const { id = '' } = useParams();\n const { data } = useQuery<{\n ggnomadTour: {\n name: string;\n duration: string;\n difficulty?: string;\n guideName?: string;\n currency: string;\n price: number;\n highlights: string[];\n } | null;\n }>(GGNOMAD_TOUR_QUERY, { variables: { id }, skip: !id });\n const tour = data?.ggnomadTour;\n\n return (\n <PageShell\n title={tour?.name ?? 'Tour details'}\n subtitle=\"Tour package details and booking context\"\n >\n {!tour ? (\n <div className=\"rounded-lg border p-4 text-text-secondary\">No tour found.</div>\n ) : (\n <div className=\"grid gap-4 md:grid-cols-2 text-sm\">\n <div className=\"rounded-lg border p-4\">\n <p>Duration: {tour.duration}</p>\n <p>Difficulty: {tour.difficulty ?? 'N/A'}</p>\n <p>Guide: {tour.guideName ?? 'N/A'}</p>\n <p>\n Price: {tour.currency} {Number(tour.price).toFixed(2)}\n </p>\n </div>\n <div className=\"rounded-lg border p-4\">\n <p className=\"mb-2 font-medium\">Highlights</p>\n <ul className=\"list-inside list-disc\">\n {(tour.highlights ?? []).map((highlight: string) => (\n <li key={highlight}>{highlight}</li>\n ))}\n </ul>\n </div>\n </div>\n )}\n </PageShell>\n );\n}\n"],"mappings":";;;;;;AAMA,SAAgB,IAAkB;CAChC,IAAM,EAAE,QAAK,OAAO,GAAW,EACzB,EAAE,YAAS,EAUd,GAAoB;EAAE,WAAW,EAAE,OAAI;EAAE,MAAM,CAAC;EAAI,CAAC,EAClD,IAAO,GAAM;AAEnB,QACE,kBAAC,GAAD;EACE,OAAO,GAAM,QAAQ;EACrB,UAAS;YAEP,IAGA,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,KAAD,EAAA,UAAA,CAAG,cAAW,EAAK,SAAa,EAAA,CAAA;KAChC,kBAAC,KAAD,EAAA,UAAA,CAAG,gBAAa,EAAK,cAAc,MAAU,EAAA,CAAA;KAC7C,kBAAC,KAAD,EAAA,UAAA,CAAG,WAAQ,EAAK,aAAa,MAAU,EAAA,CAAA;KACvC,kBAAC,KAAD,EAAA,UAAA;MAAG;MACO,EAAK;MAAS;MAAE,OAAO,EAAK,MAAM,CAAC,QAAQ,EAAE;MACnD,EAAA,CAAA;KACA;OACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAAmB;KAAc,CAAA,EAC9C,kBAAC,MAAD;KAAI,WAAU;gBACV,EAAK,cAAc,EAAE,EAAE,KAAK,MAC5B,kBAAC,MAAD,EAAA,UAAqB,GAAe,EAA3B,EAA2B,CACpC;KACC,CAAA,CACD;MACF;OAnBN,kBAAC,OAAD;GAAK,WAAU;aAA4C;GAAoB,CAAA;EAqBvE,CAAA"}
1
+ {"version":3,"file":"TourDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/TourDetailsPage.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 { useNavigate, useParams } from 'react-router-dom';\nimport { CalendarCheck, CheckCircle2, Compass } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_TOUR_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { DetailRow, SectionCard } from '../components';\n\nexport function TourDetailsPage() {\n const { t } = useI18n();\n const navigate = useNavigate();\n const { id = '' } = useParams();\n const { data } = useQuery(\n GGNOMAD_TOUR_QUERY as TypedDocumentNode<\n {\n ggnomadTour: {\n name: string;\n duration: string;\n difficulty?: string;\n guideName?: string;\n currency: string;\n price: number;\n highlights: string[];\n } | null;\n },\n { id: string }\n >,\n { variables: { id }, skip: !id }\n );\n const tour = data?.ggnomadTour;\n\n return (\n <PageShell\n title={tour?.name ?? t('ggnomad.tour.fallbackTitle', 'Tour details')}\n subtitle={t('ggnomad.tour.subtitle', 'Tour package details and booking context')}\n >\n {!tour ? (\n <IllustratedEmptyState\n illustration=\"empty-data\"\n title={t('ggnomad.tour.notFoundTitle', 'No tour found')}\n description={t(\n 'ggnomad.tour.notFoundDescription',\n 'This tour is unavailable or may have been removed.'\n )}\n />\n ) : (\n <>\n <PagePurpose icon={<Compass className=\"size-4\" />}>\n {t(\n 'ggnomad.tour.purpose',\n 'See exactly what this tour involves — duration, difficulty, your guide, price and the highlights you’ll experience — so you can confirm it fits your trip before booking.'\n )}\n </PagePurpose>\n\n <NextSteps\n storageKey=\"ggnomad-tour-detail\"\n steps={[\n {\n id: 'book',\n label: t('ggnomad.tour.next.book', 'Book this tour'),\n description: t(\n 'ggnomad.tour.next.bookDesc',\n 'Add it to your itinerary and track it under Bookings.'\n ),\n icon: <CalendarCheck className=\"size-4\" />,\n onClick: () => navigate('../../../bookings'),\n },\n {\n id: 'browse',\n label: t('ggnomad.tour.next.browse', 'Explore more experiences'),\n description: t(\n 'ggnomad.tour.next.browseDesc',\n 'Return to Tourism to compare tours and activities.'\n ),\n icon: <Compass className=\"size-4\" />,\n onClick: () => navigate('../..'),\n },\n ]}\n />\n\n <div className=\"grid gap-4 lg:grid-cols-2\">\n <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n {t('ggnomad.tour.details', 'Details')}\n </h2>\n <dl className=\"space-y-2 text-sm\">\n <DetailRow label={t('ggnomad.tour.duration', 'Duration')} value={tour.duration} />\n <DetailRow\n label={t('ggnomad.tour.difficulty', 'Difficulty')}\n value={tour.difficulty ?? t('ggnomad.tour.na', 'N/A')}\n />\n <DetailRow\n label={t('ggnomad.tour.guide', 'Guide')}\n value={tour.guideName ?? t('ggnomad.tour.na', 'N/A')}\n />\n <DetailRow\n label={t('ggnomad.tour.price', 'Price')}\n value={`${tour.currency} ${Number(tour.price).toFixed(2)}`}\n />\n </dl>\n </GlassCard>\n <SectionCard title={t('ggnomad.tour.highlights', 'Highlights')}>\n <ul className=\"space-y-2 text-sm\">\n {(tour.highlights ?? []).map((highlight) => (\n <li key={highlight} className=\"flex items-start gap-2 text-text-primary\">\n <CheckCircle2\n className=\"mt-0.5 size-4 flex-shrink-0 text-status-success-text\"\n aria-hidden=\"true\"\n />\n {highlight}\n </li>\n ))}\n </ul>\n </SectionCard>\n </div>\n </>\n )}\n </PageShell>\n );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAgB,IAAkB;CAChC,IAAM,EAAE,SAAM,GAAS,EACjB,IAAW,GAAa,EACxB,EAAE,QAAK,OAAO,GAAW,EACzB,EAAE,YAAS,EACf,GAcA;EAAE,WAAW,EAAE,OAAI;EAAE,MAAM,CAAC;EAAI,CACjC,EACK,IAAO,GAAM;AAEnB,QACE,kBAAC,GAAD;EACE,OAAO,GAAM,QAAQ,EAAE,8BAA8B,eAAe;EACpE,UAAU,EAAE,yBAAyB,2CAA2C;YAE9E,IAUA,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAS,WAAU,UAAW,CAAA;cAC9C,EACC,wBACA,4KACD;IACW,CAAA;GAEd,kBAAC,GAAD;IACE,YAAW;IACX,OAAO,CACL;KACE,IAAI;KACJ,OAAO,EAAE,0BAA0B,iBAAiB;KACpD,aAAa,EACX,8BACA,wDACD;KACD,MAAM,kBAAC,GAAD,EAAe,WAAU,UAAW,CAAA;KAC1C,eAAe,EAAS,oBAAoB;KAC7C,EACD;KACE,IAAI;KACJ,OAAO,EAAE,4BAA4B,2BAA2B;KAChE,aAAa,EACX,gCACA,qDACD;KACD,MAAM,kBAAC,GAAD,EAAS,WAAU,UAAW,CAAA;KACpC,eAAe,EAAS,QAAQ;KACjC,CACF;IACD,CAAA;GAEF,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAW,WAAU;KAAQ,MAAA;KAAK,WAAU;eAA5C,CACE,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAE,wBAAwB,UAAU;MAClC,CAAA,EACL,kBAAC,MAAD;MAAI,WAAU;gBAAd;OACE,kBAAC,GAAD;QAAW,OAAO,EAAE,yBAAyB,WAAW;QAAE,OAAO,EAAK;QAAY,CAAA;OAClF,kBAAC,GAAD;QACE,OAAO,EAAE,2BAA2B,aAAa;QACjD,OAAO,EAAK,cAAc,EAAE,mBAAmB,MAAM;QACrD,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,sBAAsB,QAAQ;QACvC,OAAO,EAAK,aAAa,EAAE,mBAAmB,MAAM;QACpD,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,sBAAsB,QAAQ;QACvC,OAAO,GAAG,EAAK,SAAS,GAAG,OAAO,EAAK,MAAM,CAAC,QAAQ,EAAE;QACxD,CAAA;OACC;QACK;QACZ,kBAAC,GAAD;KAAa,OAAO,EAAE,2BAA2B,aAAa;eAC5D,kBAAC,MAAD;MAAI,WAAU;iBACV,EAAK,cAAc,EAAE,EAAE,KAAK,MAC5B,kBAAC,MAAD;OAAoB,WAAU;iBAA9B,CACE,kBAAC,GAAD;QACE,WAAU;QACV,eAAY;QACZ,CAAA,EACD,EACE;SANI,EAMJ,CACL;MACC,CAAA;KACO,CAAA,CACV;;GACL,EAAA,CAAA,GA9EH,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,8BAA8B,gBAAgB;GACvD,aAAa,EACX,oCACA,qDACD;GACD,CAAA;EAyEM,CAAA"}
@@ -1,75 +1,76 @@
1
1
  import { GGNOMAD_ACTIVITIES_QUERY as e, GGNOMAD_TOURS_QUERY as t } from "../graphql.js";
2
2
  import { PageShell as n } from "./PageShell.js";
3
- import { Link as r } from "react-router-dom";
4
- import { useQuery as i } from "@apollo/client/react";
5
- import { jsx as a, jsxs as o } from "react/jsx-runtime";
3
+ import { SectionCard as r } from "../components/SectionCard.js";
4
+ import { EntityCard as i } from "../components/EntityCard.js";
5
+ import "../components/index.js";
6
+ import { Compass as a } from "lucide-react";
7
+ import { useI18n as o } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
8
+ import { useQuery as s } from "@apollo/client/react";
9
+ import { EmphasisPanel as c, IllustratedEmptyState as l, PagePurpose as u } from "@burdenoff/fe-libs/ui";
10
+ import { jsx as d, jsxs as f } from "react/jsx-runtime";
6
11
  //#region src/ggnomad/pages/TourismPage.tsx
7
- function s() {
8
- let { data: s } = i(t, { variables: {
12
+ function p() {
13
+ let { t: p } = o(), { data: m } = s(t, { variables: {
9
14
  first: 12,
10
15
  skip: 0
11
- } }), { data: c } = i(e, { variables: {
16
+ } }), { data: h } = s(e, { variables: {
12
17
  first: 12,
13
18
  skip: 0
14
- } }), l = s?.ggnomadTours ?? [], u = c?.ggnomadActivities ?? [];
15
- return /* @__PURE__ */ a(n, {
16
- title: "Tourism",
17
- subtitle: "Tours and curated activity experiences",
18
- children: /* @__PURE__ */ o("div", {
19
- className: "grid gap-6 md:grid-cols-2",
20
- children: [/* @__PURE__ */ o("div", {
21
- className: "space-y-2",
22
- children: [/* @__PURE__ */ a("h2", {
23
- className: "text-lg font-medium",
24
- children: "Tours"
25
- }), l.map((e) => /* @__PURE__ */ o(r, {
26
- to: `tours/${e.id}`,
27
- className: "block rounded-lg border p-3 text-sm hover:bg-bg-sunken/30",
28
- children: [
29
- /* @__PURE__ */ a("p", {
30
- className: "font-medium",
31
- children: e.name
32
- }),
33
- /* @__PURE__ */ a("p", {
34
- className: "text-text-secondary",
35
- children: e.duration
36
- }),
37
- /* @__PURE__ */ o("p", { children: [
38
- e.currency,
39
- " ",
40
- Number(e.price).toFixed(2)
41
- ] })
42
- ]
43
- }, e.id))]
44
- }), /* @__PURE__ */ o("div", {
45
- className: "space-y-2",
46
- children: [/* @__PURE__ */ a("h2", {
47
- className: "text-lg font-medium",
48
- children: "Activities"
49
- }), u.map((e) => /* @__PURE__ */ o(r, {
50
- to: `activities/${e.id}`,
51
- className: "block rounded-lg border p-3 text-sm hover:bg-bg-sunken/30",
52
- children: [
53
- /* @__PURE__ */ a("p", {
54
- className: "font-medium",
55
- children: e.name
56
- }),
57
- /* @__PURE__ */ a("p", {
58
- className: "text-text-secondary",
59
- children: e.duration
60
- }),
61
- /* @__PURE__ */ o("p", { children: [
62
- e.currency,
63
- " ",
64
- Number(e.price).toFixed(2)
65
- ] })
66
- ]
67
- }, e.id))]
68
- })]
69
- })
19
+ } }), g = m?.ggnomadTours ?? [], _ = h?.ggnomadActivities ?? [], v = (e, t, n) => e.length === 0 ? /* @__PURE__ */ d(l, {
20
+ illustration: "empty-data",
21
+ title: n,
22
+ description: p("ggnomad.tourism.emptyDescription", "Curated experiences will appear here once published.")
23
+ }) : /* @__PURE__ */ d("div", {
24
+ className: "grid gap-3",
25
+ children: e.map((e) => /* @__PURE__ */ d(i, {
26
+ to: `${t}/${e.id}`,
27
+ title: e.name,
28
+ meta: e.duration,
29
+ price: `${e.currency} ${Number(e.price).toFixed(2)}`
30
+ }, e.id))
31
+ });
32
+ return /* @__PURE__ */ f(n, {
33
+ title: p("ggnomad.tourism.title", "Tourism"),
34
+ titleAccent: p("ggnomad.tourism.title.accent", "Tourism"),
35
+ subtitle: p("ggnomad.tourism.subtitle", "Tours and curated activity experiences"),
36
+ children: [
37
+ /* @__PURE__ */ d(u, {
38
+ icon: /* @__PURE__ */ d(a, { className: "size-4" }),
39
+ children: p("ggnomad.tourism.purpose", "Plan what you’ll actually do at a destination — guided tours and bookable activities curated by local operators. Open any experience to review duration, price and what’s included, then add it to a booking.")
40
+ }),
41
+ /* @__PURE__ */ f(c, { children: [/* @__PURE__ */ f("div", {
42
+ className: "grid gap-4 sm:grid-cols-2",
43
+ children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
44
+ className: "text-sm text-text-secondary",
45
+ children: p("ggnomad.tourism.tours", "Tours")
46
+ }), /* @__PURE__ */ d("p", {
47
+ className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
48
+ children: g.length
49
+ })] }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
50
+ className: "text-sm text-text-secondary",
51
+ children: p("ggnomad.tourism.activities", "Activities")
52
+ }), /* @__PURE__ */ d("p", {
53
+ className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
54
+ children: _.length
55
+ })] })]
56
+ }), /* @__PURE__ */ d("p", {
57
+ className: "mt-4 text-sm text-text-secondary",
58
+ children: p("ggnomad.tourism.emphasisNote", "Curated, bookable experiences across your destinations — pick a tour or activity below to see full details.")
59
+ })] }),
60
+ /* @__PURE__ */ f("div", {
61
+ className: "grid gap-6 lg:grid-cols-2",
62
+ children: [/* @__PURE__ */ d(r, {
63
+ title: p("ggnomad.tourism.tours", "Tours"),
64
+ children: v(g, "tours", p("ggnomad.tourism.toursEmpty", "No tours yet"))
65
+ }), /* @__PURE__ */ d(r, {
66
+ title: p("ggnomad.tourism.activities", "Activities"),
67
+ children: v(_, "activities", p("ggnomad.tourism.activitiesEmpty", "No activities yet"))
68
+ })]
69
+ })
70
+ ]
70
71
  });
71
72
  }
72
73
  //#endregion
73
- export { s as TourismPage };
74
+ export { p as TourismPage };
74
75
 
75
76
  //# sourceMappingURL=TourismPage.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TourismPage.js","names":[],"sources":["../../../src/ggnomad/pages/TourismPage.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\nimport { Link } from 'react-router-dom';\n\nimport { GGNOMAD_ACTIVITIES_QUERY, GGNOMAD_TOURS_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\n\nexport function TourismPage() {\n const { data: toursData } = useQuery<{\n ggnomadTours: Array<{\n id: string;\n name: string;\n duration: string;\n price: number;\n currency: string;\n }>;\n }>(GGNOMAD_TOURS_QUERY, {\n variables: { first: 12, skip: 0 },\n });\n const { data: activitiesData } = useQuery<{\n ggnomadActivities: Array<{\n id: string;\n name: string;\n duration: string;\n price: number;\n currency: string;\n }>;\n }>(GGNOMAD_ACTIVITIES_QUERY, { variables: { first: 12, skip: 0 } });\n const tours = toursData?.ggnomadTours ?? [];\n const activities = activitiesData?.ggnomadActivities ?? [];\n\n return (\n <PageShell title=\"Tourism\" subtitle=\"Tours and curated activity experiences\">\n <div className=\"grid gap-6 md:grid-cols-2\">\n <div className=\"space-y-2\">\n <h2 className=\"text-lg font-medium\">Tours</h2>\n {tours.map(\n (tour: {\n id: string;\n name: string;\n duration: string;\n price: number;\n currency: string;\n }) => (\n <Link\n key={tour.id}\n to={`tours/${tour.id}`}\n className=\"block rounded-lg border p-3 text-sm hover:bg-bg-sunken/30\"\n >\n <p className=\"font-medium\">{tour.name}</p>\n <p className=\"text-text-secondary\">{tour.duration}</p>\n <p>\n {tour.currency} {Number(tour.price).toFixed(2)}\n </p>\n </Link>\n )\n )}\n </div>\n <div className=\"space-y-2\">\n <h2 className=\"text-lg font-medium\">Activities</h2>\n {activities.map(\n (activity: {\n id: string;\n name: string;\n duration: string;\n price: number;\n currency: string;\n }) => (\n <Link\n key={activity.id}\n to={`activities/${activity.id}`}\n className=\"block rounded-lg border p-3 text-sm hover:bg-bg-sunken/30\"\n >\n <p className=\"font-medium\">{activity.name}</p>\n <p className=\"text-text-secondary\">{activity.duration}</p>\n <p>\n {activity.currency} {Number(activity.price).toFixed(2)}\n </p>\n </Link>\n )\n )}\n </div>\n </div>\n </PageShell>\n );\n}\n"],"mappings":";;;;;;AAMA,SAAgB,IAAc;CAC5B,IAAM,EAAE,MAAM,MAAc,EAQzB,GAAqB,EACtB,WAAW;EAAE,OAAO;EAAI,MAAM;EAAG,EAClC,CAAC,EACI,EAAE,MAAM,MAAmB,EAQ9B,GAA0B,EAAE,WAAW;EAAE,OAAO;EAAI,MAAM;EAAG,EAAE,CAAC,EAC7D,IAAQ,GAAW,gBAAgB,EAAE,EACrC,IAAa,GAAgB,qBAAqB,EAAE;AAE1D,QACE,kBAAC,GAAD;EAAW,OAAM;EAAU,UAAS;YAClC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAAsB;KAAU,CAAA,EAC7C,EAAM,KACJ,MAOC,kBAAC,GAAD;KAEE,IAAI,SAAS,EAAK;KAClB,WAAU;eAHZ;MAKE,kBAAC,KAAD;OAAG,WAAU;iBAAe,EAAK;OAAS,CAAA;MAC1C,kBAAC,KAAD;OAAG,WAAU;iBAAuB,EAAK;OAAa,CAAA;MACtD,kBAAC,KAAD,EAAA,UAAA;OACG,EAAK;OAAS;OAAE,OAAO,EAAK,MAAM,CAAC,QAAQ,EAAE;OAC5C,EAAA,CAAA;MACC;OATA,EAAK,GASL,CAEV,CACG;OACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAAsB;KAAe,CAAA,EAClD,EAAW,KACT,MAOC,kBAAC,GAAD;KAEE,IAAI,cAAc,EAAS;KAC3B,WAAU;eAHZ;MAKE,kBAAC,KAAD;OAAG,WAAU;iBAAe,EAAS;OAAS,CAAA;MAC9C,kBAAC,KAAD;OAAG,WAAU;iBAAuB,EAAS;OAAa,CAAA;MAC1D,kBAAC,KAAD,EAAA,UAAA;OACG,EAAS;OAAS;OAAE,OAAO,EAAS,MAAM,CAAC,QAAQ,EAAE;OACpD,EAAA,CAAA;MACC;OATA,EAAS,GAST,CAEV,CACG;MACF;;EACI,CAAA"}
1
+ {"version":3,"file":"TourismPage.js","names":[],"sources":["../../../src/ggnomad/pages/TourismPage.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 { Compass } from 'lucide-react';\nimport { EmphasisPanel, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_ACTIVITIES_QUERY, GGNOMAD_TOURS_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, SectionCard } from '../components';\n\ntype TourismItem = {\n id: string;\n name: string;\n duration: string;\n price: number;\n currency: string;\n};\n\nexport function TourismPage() {\n const { t } = useI18n();\n const { data: toursData } = useQuery(\n GGNOMAD_TOURS_QUERY as TypedDocumentNode<\n { ggnomadTours: TourismItem[] },\n { first: number; skip: number }\n >,\n {\n variables: { first: 12, skip: 0 },\n }\n );\n const { data: activitiesData } = useQuery(\n GGNOMAD_ACTIVITIES_QUERY as TypedDocumentNode<\n { ggnomadActivities: TourismItem[] },\n { first: number; skip: number }\n >,\n { variables: { first: 12, skip: 0 } }\n );\n const tours = toursData?.ggnomadTours ?? [];\n const activities = activitiesData?.ggnomadActivities ?? [];\n\n const renderList = (items: TourismItem[], basePath: string, emptyLabel: string) => {\n if (items.length === 0) {\n return (\n <IllustratedEmptyState\n illustration=\"empty-data\"\n title={emptyLabel}\n description={t(\n 'ggnomad.tourism.emptyDescription',\n 'Curated experiences will appear here once published.'\n )}\n />\n );\n }\n return (\n <div className=\"grid gap-3\">\n {items.map((item) => (\n <EntityCard\n key={item.id}\n to={`${basePath}/${item.id}`}\n title={item.name}\n meta={item.duration}\n price={`${item.currency} ${Number(item.price).toFixed(2)}`}\n />\n ))}\n </div>\n );\n };\n\n return (\n <PageShell\n title={t('ggnomad.tourism.title', 'Tourism')}\n titleAccent={t('ggnomad.tourism.title.accent', 'Tourism')}\n subtitle={t('ggnomad.tourism.subtitle', 'Tours and curated activity experiences')}\n >\n <PagePurpose icon={<Compass className=\"size-4\" />}>\n {t(\n 'ggnomad.tourism.purpose',\n 'Plan what you’ll actually do at a destination — guided tours and bookable activities curated by local operators. Open any experience to review duration, price and what’s included, then add it to a booking.'\n )}\n </PagePurpose>\n\n <EmphasisPanel>\n <div className=\"grid gap-4 sm:grid-cols-2\">\n <div>\n <p className=\"text-sm text-text-secondary\">{t('ggnomad.tourism.tours', 'Tours')}</p>\n <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n {tours.length}\n </p>\n </div>\n <div>\n <p className=\"text-sm text-text-secondary\">\n {t('ggnomad.tourism.activities', 'Activities')}\n </p>\n <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n {activities.length}\n </p>\n </div>\n </div>\n <p className=\"mt-4 text-sm text-text-secondary\">\n {t(\n 'ggnomad.tourism.emphasisNote',\n 'Curated, bookable experiences across your destinations — pick a tour or activity below to see full details.'\n )}\n </p>\n </EmphasisPanel>\n\n <div className=\"grid gap-6 lg:grid-cols-2\">\n <SectionCard title={t('ggnomad.tourism.tours', 'Tours')}>\n {renderList(tours, 'tours', t('ggnomad.tourism.toursEmpty', 'No tours yet'))}\n </SectionCard>\n <SectionCard title={t('ggnomad.tourism.activities', 'Activities')}>\n {renderList(\n activities,\n 'activities',\n t('ggnomad.tourism.activitiesEmpty', 'No activities yet')\n )}\n </SectionCard>\n </div>\n </PageShell>\n );\n}\n"],"mappings":";;;;;;;;;;;AAkBA,SAAgB,IAAc;CAC5B,IAAM,EAAE,SAAM,GAAS,EACjB,EAAE,MAAM,MAAc,EAC1B,GAIA,EACE,WAAW;EAAE,OAAO;EAAI,MAAM;EAAG,EAClC,CACF,EACK,EAAE,MAAM,MAAmB,EAC/B,GAIA,EAAE,WAAW;EAAE,OAAO;EAAI,MAAM;EAAG,EAAE,CACtC,EACK,IAAQ,GAAW,gBAAgB,EAAE,EACrC,IAAa,GAAgB,qBAAqB,EAAE,EAEpD,KAAc,GAAsB,GAAkB,MACtD,EAAM,WAAW,IAEjB,kBAAC,GAAD;EACE,cAAa;EACb,OAAO;EACP,aAAa,EACX,oCACA,uDACD;EACD,CAAA,GAIJ,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAM,KAAK,MACV,kBAAC,GAAD;GAEE,IAAI,GAAG,EAAS,GAAG,EAAK;GACxB,OAAO,EAAK;GACZ,MAAM,EAAK;GACX,OAAO,GAAG,EAAK,SAAS,GAAG,OAAO,EAAK,MAAM,CAAC,QAAQ,EAAE;GACxD,EALK,EAAK,GAKV,CACF;EACE,CAAA;AAIV,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,yBAAyB,UAAU;EAC5C,aAAa,EAAE,gCAAgC,UAAU;EACzD,UAAU,EAAE,4BAA4B,yCAAyC;YAHnF;GAKE,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAS,WAAU,UAAW,CAAA;cAC9C,EACC,2BACA,gNACD;IACW,CAAA;GAEd,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;KAAG,WAAU;eAA+B,EAAE,yBAAyB,QAAQ;KAAK,CAAA,EACpF,kBAAC,KAAD;KAAG,WAAU;eACV,EAAM;KACL,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;KAAG,WAAU;eACV,EAAE,8BAA8B,aAAa;KAC5C,CAAA,EACJ,kBAAC,KAAD;KAAG,WAAU;eACV,EAAW;KACV,CAAA,CACA,EAAA,CAAA,CACF;OACN,kBAAC,KAAD;IAAG,WAAU;cACV,EACC,gCACA,8GACD;IACC,CAAA,CACU,EAAA,CAAA;GAEhB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAa,OAAO,EAAE,yBAAyB,QAAQ;eACpD,EAAW,GAAO,SAAS,EAAE,8BAA8B,eAAe,CAAC;KAChE,CAAA,EACd,kBAAC,GAAD;KAAa,OAAO,EAAE,8BAA8B,aAAa;eAC9D,EACC,GACA,cACA,EAAE,mCAAmC,oBAAoB,CAC1D;KACW,CAAA,CACV;;GACI"}
@@ -1,37 +1,53 @@
1
1
  import { GGNOMAD_TRIPS_QUERY as e } from "../graphql.js";
2
2
  import { PageShell as t } from "./PageShell.js";
3
- import { useQuery as n } from "@apollo/client/react";
4
- import { jsx as r, jsxs as i } from "react/jsx-runtime";
3
+ import { StatusBadge as n } from "../components/StatusBadge.js";
4
+ import { EntityCard as r } from "../components/EntityCard.js";
5
+ import "../components/index.js";
6
+ import { Plane as i } from "lucide-react";
7
+ import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
8
+ import { useQuery as o } from "@apollo/client/react";
9
+ import { GlassCard as s, IllustratedEmptyState as c, PagePurpose as l } from "@burdenoff/fe-libs/ui";
10
+ import { jsx as u, jsxs as d } from "react/jsx-runtime";
5
11
  //#region src/ggnomad/pages/TravelPage.tsx
6
- function a() {
7
- let { data: a } = n(e, { variables: {
12
+ function f() {
13
+ let { t: f } = a(), { data: p } = o(e, { variables: {
8
14
  first: 20,
9
15
  skip: 0
10
- } });
11
- return /* @__PURE__ */ r(t, {
12
- title: "Travel",
13
- subtitle: "Live trip inventory and route management",
14
- children: /* @__PURE__ */ r("div", {
15
- className: "space-y-2",
16
- children: (a?.ggnomadTrips ?? []).map((e) => /* @__PURE__ */ i("div", {
17
- className: "flex items-center justify-between rounded-lg border p-3 text-sm",
18
- children: [/* @__PURE__ */ i("span", { children: [
19
- e.name,
20
- " (",
21
- e.transportMode,
22
- ")"
23
- ] }), /* @__PURE__ */ i("span", { children: [
24
- e.status,
25
- " - ",
26
- e.currency,
27
- " ",
28
- Number(e.price).toFixed(2)
29
- ] })]
30
- }, e.id))
31
- })
16
+ } }), m = p?.ggnomadTrips ?? [];
17
+ return /* @__PURE__ */ d(t, {
18
+ title: f("ggnomad.travel.title", "Travel"),
19
+ titleAccent: f("ggnomad.travel.title.accent", "Travel"),
20
+ subtitle: f("ggnomad.travel.subtitle", "Live trip inventory and route management"),
21
+ children: [/* @__PURE__ */ u(l, {
22
+ icon: /* @__PURE__ */ u(i, { className: "size-4" }),
23
+ children: f("ggnomad.travel.purpose", "Browse the live trip catalogue — flights, rail and road routes published by providers — to compare transport modes, prices and availability before turning a trip into a booking.")
24
+ }), m.length === 0 ? /* @__PURE__ */ u(c, {
25
+ illustration: "empty-data",
26
+ title: f("ggnomad.travel.emptyTitle", "No trips in inventory"),
27
+ description: f("ggnomad.travel.emptyDescription", "Routes and trips added by providers will appear here.")
28
+ }) : /* @__PURE__ */ d(s, {
29
+ treatment: "glass",
30
+ glow: !0,
31
+ className: "border-border-seam p-5",
32
+ children: [/* @__PURE__ */ u("h2", {
33
+ className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
34
+ children: f("ggnomad.travel.availableTrips", "Available trips")
35
+ }), /* @__PURE__ */ u("div", {
36
+ className: "grid gap-3 sm:grid-cols-2",
37
+ children: m.map((e) => /* @__PURE__ */ u(r, {
38
+ title: e.name,
39
+ meta: e.transportMode,
40
+ price: `${e.currency} ${Number(e.price).toFixed(2)}`,
41
+ badge: /* @__PURE__ */ u(n, {
42
+ status: e.status,
43
+ live: e.status === "ACTIVE"
44
+ })
45
+ }, e.id))
46
+ })]
47
+ })]
32
48
  });
33
49
  }
34
50
  //#endregion
35
- export { a as TravelPage };
51
+ export { f as TravelPage };
36
52
 
37
53
  //# sourceMappingURL=TravelPage.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TravelPage.js","names":[],"sources":["../../../src/ggnomad/pages/TravelPage.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\n\nimport { GGNOMAD_TRIPS_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\n\nexport function TravelPage() {\n const { data } = useQuery<{\n ggnomadTrips: Array<{\n id: string;\n name: string;\n transportMode: string;\n status: string;\n price: number;\n currency: string;\n }>;\n }>(GGNOMAD_TRIPS_QUERY, {\n variables: { first: 20, skip: 0 },\n });\n const trips = data?.ggnomadTrips ?? [];\n\n return (\n <PageShell title=\"Travel\" subtitle=\"Live trip inventory and route management\">\n <div className=\"space-y-2\">\n {trips.map(\n (trip: {\n id: string;\n name: string;\n transportMode: string;\n status: string;\n price: number;\n currency: string;\n }) => (\n <div\n key={trip.id}\n className=\"flex items-center justify-between rounded-lg border p-3 text-sm\"\n >\n <span>\n {trip.name} ({trip.transportMode})\n </span>\n <span>\n {trip.status} - {trip.currency} {Number(trip.price).toFixed(2)}\n </span>\n </div>\n )\n )}\n </div>\n </PageShell>\n );\n}\n"],"mappings":";;;;;AAKA,SAAgB,IAAa;CAC3B,IAAM,EAAE,YAAS,EASd,GAAqB,EACtB,WAAW;EAAE,OAAO;EAAI,MAAM;EAAG,EAClC,CAAC;AAGF,QACE,kBAAC,GAAD;EAAW,OAAM;EAAS,UAAS;YACjC,kBAAC,OAAD;GAAK,WAAU;cAJL,GAAM,gBAAgB,EAAE,EAKzB,KACJ,MAQC,kBAAC,OAAD;IAEE,WAAU;cAFZ,CAIE,kBAAC,QAAD,EAAA,UAAA;KACG,EAAK;KAAK;KAAG,EAAK;KAAc;KAC5B,EAAA,CAAA,EACP,kBAAC,QAAD,EAAA,UAAA;KACG,EAAK;KAAO;KAAI,EAAK;KAAS;KAAE,OAAO,EAAK,MAAM,CAAC,QAAQ,EAAE;KACzD,EAAA,CAAA,CACH;MATC,EAAK,GASN,CAET;GACG,CAAA;EACI,CAAA"}
1
+ {"version":3,"file":"TravelPage.js","names":[],"sources":["../../../src/ggnomad/pages/TravelPage.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Plane } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_TRIPS_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, StatusBadge } from '../components';\n\nexport function TravelPage() {\n const { t } = useI18n();\n const { data } = useQuery(\n GGNOMAD_TRIPS_QUERY as TypedDocumentNode<\n {\n ggnomadTrips: Array<{\n id: string;\n name: string;\n transportMode: string;\n status: string;\n price: number;\n currency: string;\n }>;\n },\n { first: number; skip: number }\n >,\n {\n variables: { first: 20, skip: 0 },\n }\n );\n const trips = data?.ggnomadTrips ?? [];\n\n return (\n <PageShell\n title={t('ggnomad.travel.title', 'Travel')}\n titleAccent={t('ggnomad.travel.title.accent', 'Travel')}\n subtitle={t('ggnomad.travel.subtitle', 'Live trip inventory and route management')}\n >\n <PagePurpose icon={<Plane className=\"size-4\" />}>\n {t(\n 'ggnomad.travel.purpose',\n 'Browse the live trip catalogue — flights, rail and road routes published by providers — to compare transport modes, prices and availability before turning a trip into a booking.'\n )}\n </PagePurpose>\n\n {trips.length === 0 ? (\n <IllustratedEmptyState\n illustration=\"empty-data\"\n title={t('ggnomad.travel.emptyTitle', 'No trips in inventory')}\n description={t(\n 'ggnomad.travel.emptyDescription',\n 'Routes and trips added by providers will appear here.'\n )}\n />\n ) : (\n <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n {t('ggnomad.travel.availableTrips', 'Available trips')}\n </h2>\n <div className=\"grid gap-3 sm:grid-cols-2\">\n {trips.map((trip) => (\n <EntityCard\n key={trip.id}\n title={trip.name}\n meta={trip.transportMode}\n price={`${trip.currency} ${Number(trip.price).toFixed(2)}`}\n badge={<StatusBadge status={trip.status} live={trip.status === 'ACTIVE'} />}\n />\n ))}\n </div>\n </GlassCard>\n )}\n </PageShell>\n );\n}\n"],"mappings":";;;;;;;;;;;AAUA,SAAgB,IAAa;CAC3B,IAAM,EAAE,SAAM,GAAS,EACjB,EAAE,YAAS,EACf,GAaA,EACE,WAAW;EAAE,OAAO;EAAI,MAAM;EAAG,EAClC,CACF,EACK,IAAQ,GAAM,gBAAgB,EAAE;AAEtC,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,wBAAwB,SAAS;EAC1C,aAAa,EAAE,+BAA+B,SAAS;EACvD,UAAU,EAAE,2BAA2B,2CAA2C;YAHpF,CAKE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;aAC5C,EACC,0BACA,oLACD;GACW,CAAA,EAEb,EAAM,WAAW,IAChB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,6BAA6B,wBAAwB;GAC9D,aAAa,EACX,mCACA,wDACD;GACD,CAAA,GAEF,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAA5C,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAE,iCAAiC,kBAAkB;IACnD,CAAA,EACL,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAM,KAAK,MACV,kBAAC,GAAD;KAEE,OAAO,EAAK;KACZ,MAAM,EAAK;KACX,OAAO,GAAG,EAAK,SAAS,GAAG,OAAO,EAAK,MAAM,CAAC,QAAQ,EAAE;KACxD,OAAO,kBAAC,GAAD;MAAa,QAAQ,EAAK;MAAQ,MAAM,EAAK,WAAW;MAAY,CAAA;KAC3E,EALK,EAAK,GAKV,CACF;IACE,CAAA,CACI;KAEJ"}
@@ -0,0 +1,10 @@
1
+ import { clsx as e } from "clsx";
2
+ import { twMerge as t } from "tailwind-merge";
3
+ //#region src/ggnomad/utils/cn.ts
4
+ function n(...n) {
5
+ return t(e(n));
6
+ }
7
+ //#endregion
8
+ export { n as cn };
9
+
10
+ //# sourceMappingURL=cn.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cn.js","names":[],"sources":["../../../src/ggnomad/utils/cn.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAGA,SAAgB,EAAG,GAAG,GAAsB;AAC1C,QAAO,EAAQ,EAAK,EAAO,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@burdenoff/microfe-ggnomad",
3
- "version": "2026.624.1",
3
+ "version": "2026.626.1",
4
4
  "description": "Burdenoff GGNomad Microfrontend",
5
5
  "type": "module",
6
6
  "files": [
@@ -67,7 +67,7 @@
67
67
  },
68
68
  "peerDependencies": {
69
69
  "@apollo/client": "^4.0.11",
70
- "@burdenoff/fe-libs": "2026.518.7",
70
+ "@burdenoff/fe-libs": "2026.625.5",
71
71
  "@tanstack/react-query": "^5.90.16",
72
72
  "clsx": "^2.1.1",
73
73
  "framer-motion": "^12.0.0",