@burdenoff/microfe-ggnomad 2026.704.1 → 2026.705.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.
- package/dist/ggnomad/components/LoadMoreButton.js +19 -0
- package/dist/ggnomad/components/LoadMoreButton.js.map +1 -0
- package/dist/ggnomad/components/index.js +1 -0
- package/dist/ggnomad/pages/ActivityDetailsPage.js +55 -53
- package/dist/ggnomad/pages/ActivityDetailsPage.js.map +1 -1
- package/dist/ggnomad/pages/EntertainmentPage.js +43 -34
- package/dist/ggnomad/pages/EntertainmentPage.js.map +1 -1
- package/dist/ggnomad/pages/EventDetailsPage.js +55 -53
- package/dist/ggnomad/pages/EventDetailsPage.js.map +1 -1
- package/dist/ggnomad/pages/HospitalityPage.js +49 -40
- package/dist/ggnomad/pages/HospitalityPage.js.map +1 -1
- package/dist/ggnomad/pages/PropertyDetailsPage.js +60 -58
- package/dist/ggnomad/pages/PropertyDetailsPage.js.map +1 -1
- package/dist/ggnomad/pages/ProviderPage.js +70 -61
- package/dist/ggnomad/pages/ProviderPage.js.map +1 -1
- package/dist/ggnomad/pages/TourDetailsPage.js +55 -53
- package/dist/ggnomad/pages/TourDetailsPage.js.map +1 -1
- package/dist/ggnomad/pages/TourismPage.js +48 -40
- package/dist/ggnomad/pages/TourismPage.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { useI18n as e } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
|
|
2
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
3
|
+
//#region src/ggnomad/components/LoadMoreButton.tsx
|
|
4
|
+
function n({ visible: n, onLoadMore: r }) {
|
|
5
|
+
let { t: i } = e();
|
|
6
|
+
return n ? /* @__PURE__ */ t("div", {
|
|
7
|
+
className: "mt-6 flex justify-center",
|
|
8
|
+
children: /* @__PURE__ */ t("button", {
|
|
9
|
+
type: "button",
|
|
10
|
+
onClick: r,
|
|
11
|
+
className: "rounded-lg border border-border-seam bg-bg-surface px-5 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-action-primary-bg",
|
|
12
|
+
children: i("ggnomad.common.loadMore", "Load more")
|
|
13
|
+
})
|
|
14
|
+
}) : null;
|
|
15
|
+
}
|
|
16
|
+
//#endregion
|
|
17
|
+
export { n as LoadMoreButton };
|
|
18
|
+
|
|
19
|
+
//# sourceMappingURL=LoadMoreButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoadMoreButton.js","names":[],"sources":["../../../src/ggnomad/components/LoadMoreButton.tsx"],"sourcesContent":["import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\ninterface LoadMoreButtonProps {\n /** Whether more items may exist (typically items.length >= current limit). */\n visible: boolean;\n /** Increase the page limit to fetch the next batch. */\n onLoadMore: () => void;\n}\n\n/**\n * Offset \"Load more\" control shown under a list grid when the current page is\n * full and more results may exist. Tokenized + responsive; no fixed widths.\n */\nexport function LoadMoreButton({ visible, onLoadMore }: LoadMoreButtonProps) {\n const { t } = useI18n();\n if (!visible) return null;\n return (\n <div className=\"mt-6 flex justify-center\">\n <button\n type=\"button\"\n onClick={onLoadMore}\n className=\"rounded-lg border border-border-seam bg-bg-surface px-5 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-action-primary-bg\"\n >\n {t('ggnomad.common.loadMore', 'Load more')}\n </button>\n </div>\n );\n}\n"],"mappings":";;;AAaA,SAAgB,EAAe,EAAE,YAAS,iBAAmC;CAC3E,IAAM,EAAE,SAAM,GAAS;AAEvB,QADK,IAEH,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,WAAU;aAET,EAAE,2BAA2B,YAAY;GACnC,CAAA;EACL,CAAA,GAVa"}
|
|
@@ -3,91 +3,93 @@ import { PageShell as t } from "./PageShell.js";
|
|
|
3
3
|
import { SectionCard as n } from "../components/SectionCard.js";
|
|
4
4
|
import { DetailRow as r } from "../components/DetailRow.js";
|
|
5
5
|
import "../components/index.js";
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
6
|
+
import { useGGNomad as i } from "../providers/GGNomadProvider.js";
|
|
7
|
+
import { joinPath as a } from "../utils/navigation.js";
|
|
8
|
+
import { Activity as o, CalendarCheck as s, Compass as c, ShieldCheck as l } from "lucide-react";
|
|
9
|
+
import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
|
|
10
|
+
import { useNavigate as d, useParams as f } from "react-router-dom";
|
|
11
|
+
import { useQuery as p } from "@apollo/client/react";
|
|
12
|
+
import { GlassCard as m, IllustratedEmptyState as h, NextSteps as g, PagePurpose as _ } from "@burdenoff/fe-libs/ui";
|
|
13
|
+
import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
|
|
12
14
|
//#region src/ggnomad/pages/ActivityDetailsPage.tsx
|
|
13
|
-
function
|
|
14
|
-
let { t:
|
|
15
|
-
variables: { id:
|
|
16
|
-
skip: !
|
|
17
|
-
}),
|
|
18
|
-
return /* @__PURE__ */
|
|
19
|
-
title:
|
|
20
|
-
subtitle:
|
|
21
|
-
children:
|
|
22
|
-
/* @__PURE__ */ _
|
|
23
|
-
icon: /* @__PURE__ */
|
|
24
|
-
children:
|
|
15
|
+
function x() {
|
|
16
|
+
let { t: x } = u(), S = d(), { basePath: C = "/" } = i(), { id: w = "" } = f(), { data: T } = p(e, {
|
|
17
|
+
variables: { id: w },
|
|
18
|
+
skip: !w
|
|
19
|
+
}), E = T?.ggnomadActivity;
|
|
20
|
+
return /* @__PURE__ */ y(t, {
|
|
21
|
+
title: E?.name ?? x("ggnomad.activity.fallbackTitle", "Activity details"),
|
|
22
|
+
subtitle: x("ggnomad.activity.subtitle", "Safety, inclusions and participation details"),
|
|
23
|
+
children: E ? /* @__PURE__ */ b(v, { children: [
|
|
24
|
+
/* @__PURE__ */ y(_, {
|
|
25
|
+
icon: /* @__PURE__ */ y(o, { className: "size-4" }),
|
|
26
|
+
children: x("ggnomad.activity.purpose", "Everything you need to know before joining this activity — its category, duration, group size, price and the safety policy that applies — so you can be confident it fits your group before you book.")
|
|
25
27
|
}),
|
|
26
|
-
/* @__PURE__ */
|
|
28
|
+
/* @__PURE__ */ y(g, {
|
|
27
29
|
storageKey: "ggnomad-activity-detail",
|
|
28
30
|
steps: [{
|
|
29
31
|
id: "book",
|
|
30
|
-
label:
|
|
31
|
-
description:
|
|
32
|
-
icon: /* @__PURE__ */
|
|
33
|
-
onClick: () =>
|
|
32
|
+
label: x("ggnomad.activity.next.book", "Book this activity"),
|
|
33
|
+
description: x("ggnomad.activity.next.bookDesc", "Add it to your itinerary and track it under Bookings."),
|
|
34
|
+
icon: /* @__PURE__ */ y(s, { className: "size-4" }),
|
|
35
|
+
onClick: () => S(a(C, "bookings"))
|
|
34
36
|
}, {
|
|
35
37
|
id: "browse",
|
|
36
|
-
label:
|
|
37
|
-
description:
|
|
38
|
-
icon: /* @__PURE__ */
|
|
39
|
-
onClick: () =>
|
|
38
|
+
label: x("ggnomad.activity.next.browse", "Explore more experiences"),
|
|
39
|
+
description: x("ggnomad.activity.next.browseDesc", "Return to Tourism to compare tours and activities."),
|
|
40
|
+
icon: /* @__PURE__ */ y(c, { className: "size-4" }),
|
|
41
|
+
onClick: () => S(a(C, "tourism"))
|
|
40
42
|
}]
|
|
41
43
|
}),
|
|
42
|
-
/* @__PURE__ */
|
|
44
|
+
/* @__PURE__ */ b("div", {
|
|
43
45
|
className: "grid gap-4 lg:grid-cols-2",
|
|
44
|
-
children: [/* @__PURE__ */
|
|
46
|
+
children: [/* @__PURE__ */ b(m, {
|
|
45
47
|
treatment: "glass",
|
|
46
48
|
glow: !0,
|
|
47
49
|
className: "border-border-seam p-5",
|
|
48
|
-
children: [/* @__PURE__ */
|
|
50
|
+
children: [/* @__PURE__ */ y("h2", {
|
|
49
51
|
className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
|
|
50
|
-
children:
|
|
51
|
-
}), /* @__PURE__ */
|
|
52
|
+
children: x("ggnomad.activity.details", "Details")
|
|
53
|
+
}), /* @__PURE__ */ b("dl", {
|
|
52
54
|
className: "space-y-2 text-sm",
|
|
53
55
|
children: [
|
|
54
|
-
/* @__PURE__ */
|
|
55
|
-
label:
|
|
56
|
-
value:
|
|
56
|
+
/* @__PURE__ */ y(r, {
|
|
57
|
+
label: x("ggnomad.activity.category", "Category"),
|
|
58
|
+
value: E.category
|
|
57
59
|
}),
|
|
58
|
-
/* @__PURE__ */
|
|
59
|
-
label:
|
|
60
|
-
value:
|
|
60
|
+
/* @__PURE__ */ y(r, {
|
|
61
|
+
label: x("ggnomad.activity.duration", "Duration"),
|
|
62
|
+
value: E.duration
|
|
61
63
|
}),
|
|
62
|
-
/* @__PURE__ */
|
|
63
|
-
label:
|
|
64
|
-
value: String(
|
|
64
|
+
/* @__PURE__ */ y(r, {
|
|
65
|
+
label: x("ggnomad.activity.maxParticipants", "Max participants"),
|
|
66
|
+
value: String(E.maxParticipants)
|
|
65
67
|
}),
|
|
66
|
-
/* @__PURE__ */
|
|
67
|
-
label:
|
|
68
|
-
value: `${
|
|
68
|
+
/* @__PURE__ */ y(r, {
|
|
69
|
+
label: x("ggnomad.activity.price", "Price"),
|
|
70
|
+
value: `${E.currency} ${Number(E.price).toFixed(2)}`
|
|
69
71
|
})
|
|
70
72
|
]
|
|
71
73
|
})]
|
|
72
|
-
}), /* @__PURE__ */
|
|
73
|
-
title:
|
|
74
|
-
children: /* @__PURE__ */
|
|
74
|
+
}), /* @__PURE__ */ y(n, {
|
|
75
|
+
title: x("ggnomad.activity.safety", "Safety information"),
|
|
76
|
+
children: /* @__PURE__ */ b("div", {
|
|
75
77
|
className: "flex items-start gap-2 text-sm text-text-primary",
|
|
76
|
-
children: [/* @__PURE__ */
|
|
78
|
+
children: [/* @__PURE__ */ y(l, {
|
|
77
79
|
className: "mt-0.5 size-4 flex-shrink-0 text-status-success-text",
|
|
78
80
|
"aria-hidden": "true"
|
|
79
|
-
}), /* @__PURE__ */
|
|
81
|
+
}), /* @__PURE__ */ y("p", { children: E.safetyInfo ?? x("ggnomad.activity.defaultSafety", "Standard provider safety policy applies.") })]
|
|
80
82
|
})
|
|
81
83
|
})]
|
|
82
84
|
})
|
|
83
|
-
] }) : /* @__PURE__ */
|
|
85
|
+
] }) : /* @__PURE__ */ y(h, {
|
|
84
86
|
illustration: "empty-data",
|
|
85
|
-
title:
|
|
86
|
-
description:
|
|
87
|
+
title: x("ggnomad.activity.notFoundTitle", "No activity found"),
|
|
88
|
+
description: x("ggnomad.activity.notFoundDescription", "This activity is unavailable or may have been removed.")
|
|
87
89
|
})
|
|
88
90
|
});
|
|
89
91
|
}
|
|
90
92
|
//#endregion
|
|
91
|
-
export {
|
|
93
|
+
export { x as ActivityDetailsPage };
|
|
92
94
|
|
|
93
95
|
//# sourceMappingURL=ActivityDetailsPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActivityDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/ActivityDetailsPage.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 { Activity, CalendarCheck, Compass, ShieldCheck } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_ACTIVITY_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { DetailRow, SectionCard } from '../components';\n\nexport function ActivityDetailsPage() {\n const { t } = useI18n();\n const navigate = useNavigate();\n const { id = '' } = useParams();\n const { data } = useQuery(\n GGNOMAD_ACTIVITY_QUERY as TypedDocumentNode<\n {\n ggnomadActivity: {\n name: string;\n category: string;\n duration: string;\n maxParticipants: number;\n currency: string;\n price: number;\n safetyInfo?: string;\n } | null;\n },\n { id: string }\n >,\n { variables: { id }, skip: !id }\n );\n const activity = data?.ggnomadActivity;\n\n return (\n <PageShell\n title={activity?.name ?? t('ggnomad.activity.fallbackTitle', 'Activity details')}\n subtitle={t('ggnomad.activity.subtitle', 'Safety, inclusions and participation details')}\n >\n {!activity ? (\n <IllustratedEmptyState\n illustration=\"empty-data\"\n title={t('ggnomad.activity.notFoundTitle', 'No activity found')}\n description={t(\n 'ggnomad.activity.notFoundDescription',\n 'This activity is unavailable or may have been removed.'\n )}\n />\n ) : (\n <>\n <PagePurpose icon={<Activity className=\"size-4\" />}>\n {t(\n 'ggnomad.activity.purpose',\n 'Everything you need to know before joining this activity — its category, duration, group size, price and the safety policy that applies — so you can be confident it fits your group before you book.'\n )}\n </PagePurpose>\n\n <NextSteps\n storageKey=\"ggnomad-activity-detail\"\n steps={[\n {\n id: 'book',\n label: t('ggnomad.activity.next.book', 'Book this activity'),\n description: t(\n 'ggnomad.activity.next.bookDesc',\n 'Add it to your itinerary and track it under Bookings.'\n ),\n icon: <CalendarCheck className=\"size-4\" />,\n onClick: () => navigate('
|
|
1
|
+
{"version":3,"file":"ActivityDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/ActivityDetailsPage.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 { Activity, CalendarCheck, Compass, ShieldCheck } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_ACTIVITY_QUERY } from '../graphql';\nimport { useGGNomad } from '../providers/GGNomadProvider';\nimport { joinPath } from '../utils/navigation';\nimport { PageShell } from './PageShell';\nimport { DetailRow, SectionCard } from '../components';\n\nexport function ActivityDetailsPage() {\n const { t } = useI18n();\n const navigate = useNavigate();\n const { basePath = '/' } = useGGNomad();\n const { id = '' } = useParams();\n const { data } = useQuery(\n GGNOMAD_ACTIVITY_QUERY as TypedDocumentNode<\n {\n ggnomadActivity: {\n name: string;\n category: string;\n duration: string;\n maxParticipants: number;\n currency: string;\n price: number;\n safetyInfo?: string;\n } | null;\n },\n { id: string }\n >,\n { variables: { id }, skip: !id }\n );\n const activity = data?.ggnomadActivity;\n\n return (\n <PageShell\n title={activity?.name ?? t('ggnomad.activity.fallbackTitle', 'Activity details')}\n subtitle={t('ggnomad.activity.subtitle', 'Safety, inclusions and participation details')}\n >\n {!activity ? (\n <IllustratedEmptyState\n illustration=\"empty-data\"\n title={t('ggnomad.activity.notFoundTitle', 'No activity found')}\n description={t(\n 'ggnomad.activity.notFoundDescription',\n 'This activity is unavailable or may have been removed.'\n )}\n />\n ) : (\n <>\n <PagePurpose icon={<Activity className=\"size-4\" />}>\n {t(\n 'ggnomad.activity.purpose',\n 'Everything you need to know before joining this activity — its category, duration, group size, price and the safety policy that applies — so you can be confident it fits your group before you book.'\n )}\n </PagePurpose>\n\n <NextSteps\n storageKey=\"ggnomad-activity-detail\"\n steps={[\n {\n id: 'book',\n label: t('ggnomad.activity.next.book', 'Book this activity'),\n description: t(\n 'ggnomad.activity.next.bookDesc',\n 'Add it to your itinerary and track it under Bookings.'\n ),\n icon: <CalendarCheck className=\"size-4\" />,\n onClick: () => navigate(joinPath(basePath, 'bookings')),\n },\n {\n id: 'browse',\n label: t('ggnomad.activity.next.browse', 'Explore more experiences'),\n description: t(\n 'ggnomad.activity.next.browseDesc',\n 'Return to Tourism to compare tours and activities.'\n ),\n icon: <Compass className=\"size-4\" />,\n onClick: () => navigate(joinPath(basePath, 'tourism')),\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.activity.details', 'Details')}\n </h2>\n <dl className=\"space-y-2 text-sm\">\n <DetailRow\n label={t('ggnomad.activity.category', 'Category')}\n value={activity.category}\n />\n <DetailRow\n label={t('ggnomad.activity.duration', 'Duration')}\n value={activity.duration}\n />\n <DetailRow\n label={t('ggnomad.activity.maxParticipants', 'Max participants')}\n value={String(activity.maxParticipants)}\n />\n <DetailRow\n label={t('ggnomad.activity.price', 'Price')}\n value={`${activity.currency} ${Number(activity.price).toFixed(2)}`}\n />\n </dl>\n </GlassCard>\n <SectionCard title={t('ggnomad.activity.safety', 'Safety information')}>\n <div className=\"flex items-start gap-2 text-sm text-text-primary\">\n <ShieldCheck\n className=\"mt-0.5 size-4 flex-shrink-0 text-status-success-text\"\n aria-hidden=\"true\"\n />\n <p>\n {activity.safetyInfo ??\n t('ggnomad.activity.defaultSafety', 'Standard provider safety policy applies.')}\n </p>\n </div>\n </SectionCard>\n </div>\n </>\n )}\n </PageShell>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;AAaA,SAAgB,IAAsB;CACpC,IAAM,EAAE,SAAM,GAAS,EACjB,IAAW,GAAa,EACxB,EAAE,cAAW,QAAQ,GAAY,EACjC,EAAE,QAAK,OAAO,GAAW,EACzB,EAAE,YAAS,EACf,GAcA;EAAE,WAAW,EAAE,OAAI;EAAE,MAAM,CAAC;EAAI,CACjC,EACK,IAAW,GAAM;AAEvB,QACE,kBAAC,GAAD;EACE,OAAO,GAAU,QAAQ,EAAE,kCAAkC,mBAAmB;EAChF,UAAU,EAAE,6BAA6B,+CAA+C;YAEtF,IAUA,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAU,WAAU,UAAW,CAAA;cAC/C,EACC,4BACA,wMACD;IACW,CAAA;GAEd,kBAAC,GAAD;IACE,YAAW;IACX,OAAO,CACL;KACE,IAAI;KACJ,OAAO,EAAE,8BAA8B,qBAAqB;KAC5D,aAAa,EACX,kCACA,wDACD;KACD,MAAM,kBAAC,GAAD,EAAe,WAAU,UAAW,CAAA;KAC1C,eAAe,EAAS,EAAS,GAAU,WAAW,CAAC;KACxD,EACD;KACE,IAAI;KACJ,OAAO,EAAE,gCAAgC,2BAA2B;KACpE,aAAa,EACX,oCACA,qDACD;KACD,MAAM,kBAAC,GAAD,EAAS,WAAU,UAAW,CAAA;KACpC,eAAe,EAAS,EAAS,GAAU,UAAU,CAAC;KACvD,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,4BAA4B,UAAU;MACtC,CAAA,EACL,kBAAC,MAAD;MAAI,WAAU;gBAAd;OACE,kBAAC,GAAD;QACE,OAAO,EAAE,6BAA6B,WAAW;QACjD,OAAO,EAAS;QAChB,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,6BAA6B,WAAW;QACjD,OAAO,EAAS;QAChB,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,oCAAoC,mBAAmB;QAChE,OAAO,OAAO,EAAS,gBAAgB;QACvC,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,0BAA0B,QAAQ;QAC3C,OAAO,GAAG,EAAS,SAAS,GAAG,OAAO,EAAS,MAAM,CAAC,QAAQ,EAAE;QAChE,CAAA;OACC;QACK;QACZ,kBAAC,GAAD;KAAa,OAAO,EAAE,2BAA2B,qBAAqB;eACpE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OACE,WAAU;OACV,eAAY;OACZ,CAAA,EACF,kBAAC,KAAD,EAAA,UACG,EAAS,cACR,EAAE,kCAAkC,2CAA2C,EAC/E,CAAA,CACA;;KACM,CAAA,CACV;;GACL,EAAA,CAAA,GAhFH,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,kCAAkC,oBAAoB;GAC/D,aAAa,EACX,wCACA,yDACD;GACD,CAAA;EA2EM,CAAA"}
|
|
@@ -1,50 +1,59 @@
|
|
|
1
1
|
import { GGNOMAD_EVENTS_QUERY as e } from "../graphql.js";
|
|
2
2
|
import { PageShell as t } from "./PageShell.js";
|
|
3
3
|
import { EntityCard as n } from "../components/EntityCard.js";
|
|
4
|
+
import { LoadMoreButton as r } from "../components/LoadMoreButton.js";
|
|
4
5
|
import "../components/index.js";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
6
|
+
import { useState as i } from "react";
|
|
7
|
+
import { Ticket as a } from "lucide-react";
|
|
8
|
+
import { useI18n as o } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
|
|
9
|
+
import { useQuery as s } from "@apollo/client/react";
|
|
10
|
+
import { GlassCard as c, IllustratedEmptyState as l, PagePurpose as u } from "@burdenoff/fe-libs/ui";
|
|
11
|
+
import { jsx as d, jsxs as f } from "react/jsx-runtime";
|
|
10
12
|
//#region src/ggnomad/pages/EntertainmentPage.tsx
|
|
11
|
-
function
|
|
12
|
-
let { t:
|
|
13
|
-
first:
|
|
13
|
+
function p() {
|
|
14
|
+
let { t: p } = o(), [m, h] = i(12), { data: g } = s(e, { variables: {
|
|
15
|
+
first: m,
|
|
14
16
|
skip: 0
|
|
15
|
-
} }),
|
|
16
|
-
return /* @__PURE__ */
|
|
17
|
-
title:
|
|
18
|
-
titleAccent:
|
|
19
|
-
subtitle:
|
|
20
|
-
children: [/* @__PURE__ */
|
|
21
|
-
icon: /* @__PURE__ */
|
|
22
|
-
children:
|
|
23
|
-
}),
|
|
17
|
+
} }), _ = g?.ggnomadEvents ?? [];
|
|
18
|
+
return /* @__PURE__ */ f(t, {
|
|
19
|
+
title: p("ggnomad.entertainment.title", "Entertainment"),
|
|
20
|
+
titleAccent: p("ggnomad.entertainment.title.accent", "Entertainment"),
|
|
21
|
+
subtitle: p("ggnomad.entertainment.subtitle", "Events and live experiences"),
|
|
22
|
+
children: [/* @__PURE__ */ d(u, {
|
|
23
|
+
icon: /* @__PURE__ */ d(a, { className: "size-4" }),
|
|
24
|
+
children: p("ggnomad.entertainment.purpose", "Find live events and experiences — concerts, shows and local happenings. Open an event to see its lineup, venue and timing, then book tickets for your trip dates.")
|
|
25
|
+
}), _.length === 0 ? /* @__PURE__ */ d(l, {
|
|
24
26
|
illustration: "empty-data",
|
|
25
|
-
title:
|
|
26
|
-
description:
|
|
27
|
-
}) : /* @__PURE__ */
|
|
27
|
+
title: p("ggnomad.entertainment.emptyTitle", "No events scheduled"),
|
|
28
|
+
description: p("ggnomad.entertainment.emptyDescription", "Upcoming events and live experiences will be listed here.")
|
|
29
|
+
}) : /* @__PURE__ */ f(c, {
|
|
28
30
|
treatment: "glass",
|
|
29
31
|
glow: !0,
|
|
30
32
|
className: "border-border-seam p-5",
|
|
31
|
-
children: [
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
33
|
+
children: [
|
|
34
|
+
/* @__PURE__ */ d("h2", {
|
|
35
|
+
className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
|
|
36
|
+
children: p("ggnomad.entertainment.upcomingEvents", "Upcoming events")
|
|
37
|
+
}),
|
|
38
|
+
/* @__PURE__ */ d("div", {
|
|
39
|
+
className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3",
|
|
40
|
+
children: _.map((e) => /* @__PURE__ */ d(n, {
|
|
41
|
+
to: e.id,
|
|
42
|
+
title: e.name,
|
|
43
|
+
meta: e.category,
|
|
44
|
+
price: `${e.currency} ${Number(e.price).toFixed(2)}`,
|
|
45
|
+
footer: new Date(e.startsAt).toLocaleString()
|
|
46
|
+
}, e.id))
|
|
47
|
+
}),
|
|
48
|
+
/* @__PURE__ */ d(r, {
|
|
49
|
+
visible: _.length >= m,
|
|
50
|
+
onLoadMore: () => h((e) => e + 12)
|
|
51
|
+
})
|
|
52
|
+
]
|
|
44
53
|
})]
|
|
45
54
|
});
|
|
46
55
|
}
|
|
47
56
|
//#endregion
|
|
48
|
-
export {
|
|
57
|
+
export { p as EntertainmentPage };
|
|
49
58
|
|
|
50
59
|
//# sourceMappingURL=EntertainmentPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EntertainmentPage.js","names":[],"sources":["../../../src/ggnomad/pages/EntertainmentPage.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 { Ticket } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_EVENTS_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard } from '../components';\n\nexport function EntertainmentPage() {\n const { t } = useI18n();\n const { data } = useQuery(\n GGNOMAD_EVENTS_QUERY as TypedDocumentNode<\n {\n ggnomadEvents: Array<{\n id: string;\n name: string;\n category: string;\n startsAt: string;\n price: number;\n currency: string;\n }>;\n },\n { first: number; skip: number }\n >,\n { variables: { first:
|
|
1
|
+
{"version":3,"file":"EntertainmentPage.js","names":[],"sources":["../../../src/ggnomad/pages/EntertainmentPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Ticket } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_EVENTS_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, LoadMoreButton } from '../components';\n\nexport function EntertainmentPage() {\n const { t } = useI18n();\n const [limit, setLimit] = useState(12);\n const { data } = useQuery(\n GGNOMAD_EVENTS_QUERY as TypedDocumentNode<\n {\n ggnomadEvents: Array<{\n id: string;\n name: string;\n category: string;\n startsAt: string;\n price: number;\n currency: string;\n }>;\n },\n { first: number; skip: number }\n >,\n { variables: { first: limit, skip: 0 } }\n );\n const events = data?.ggnomadEvents ?? [];\n\n return (\n <PageShell\n title={t('ggnomad.entertainment.title', 'Entertainment')}\n titleAccent={t('ggnomad.entertainment.title.accent', 'Entertainment')}\n subtitle={t('ggnomad.entertainment.subtitle', 'Events and live experiences')}\n >\n <PagePurpose icon={<Ticket className=\"size-4\" />}>\n {t(\n 'ggnomad.entertainment.purpose',\n 'Find live events and experiences — concerts, shows and local happenings. Open an event to see its lineup, venue and timing, then book tickets for your trip dates.'\n )}\n </PagePurpose>\n\n {events.length === 0 ? (\n <IllustratedEmptyState\n illustration=\"empty-data\"\n title={t('ggnomad.entertainment.emptyTitle', 'No events scheduled')}\n description={t(\n 'ggnomad.entertainment.emptyDescription',\n 'Upcoming events and live experiences will be listed here.'\n )}\n />\n ) : (\n <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n {t('ggnomad.entertainment.upcomingEvents', 'Upcoming events')}\n </h2>\n <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n {events.map((event) => (\n <EntityCard\n key={event.id}\n to={event.id}\n title={event.name}\n meta={event.category}\n price={`${event.currency} ${Number(event.price).toFixed(2)}`}\n footer={new Date(event.startsAt).toLocaleString()}\n />\n ))}\n </div>\n <LoadMoreButton\n visible={events.length >= limit}\n onLoadMore={() => setLimit((l) => l + 12)}\n />\n </GlassCard>\n )}\n </PageShell>\n );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAgB,IAAoB;CAClC,IAAM,EAAE,SAAM,GAAS,EACjB,CAAC,GAAO,KAAY,EAAS,GAAG,EAChC,EAAE,YAAS,EACf,GAaA,EAAE,WAAW;EAAE,OAAO;EAAO,MAAM;EAAG,EAAE,CACzC,EACK,IAAS,GAAM,iBAAiB,EAAE;AAExC,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,+BAA+B,gBAAgB;EACxD,aAAa,EAAE,sCAAsC,gBAAgB;EACrE,UAAU,EAAE,kCAAkC,8BAA8B;YAH9E,CAKE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;aAC7C,EACC,iCACA,qKACD;GACW,CAAA,EAEb,EAAO,WAAW,IACjB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,oCAAoC,sBAAsB;GACnE,aAAa,EACX,0CACA,4DACD;GACD,CAAA,GAEF,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAA5C;IACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAE,wCAAwC,kBAAkB;KAC1D,CAAA;IACL,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAO,KAAK,MACX,kBAAC,GAAD;MAEE,IAAI,EAAM;MACV,OAAO,EAAM;MACb,MAAM,EAAM;MACZ,OAAO,GAAG,EAAM,SAAS,GAAG,OAAO,EAAM,MAAM,CAAC,QAAQ,EAAE;MAC1D,QAAQ,IAAI,KAAK,EAAM,SAAS,CAAC,gBAAgB;MACjD,EANK,EAAM,GAMX,CACF;KACE,CAAA;IACN,kBAAC,GAAD;KACE,SAAS,EAAO,UAAU;KAC1B,kBAAkB,GAAU,MAAM,IAAI,GAAG;KACzC,CAAA;IACQ;KAEJ"}
|
|
@@ -3,79 +3,81 @@ import { PageShell as t } from "./PageShell.js";
|
|
|
3
3
|
import { SectionCard as n } from "../components/SectionCard.js";
|
|
4
4
|
import { DetailRow as r } from "../components/DetailRow.js";
|
|
5
5
|
import "../components/index.js";
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
6
|
+
import { useGGNomad as i } from "../providers/GGNomadProvider.js";
|
|
7
|
+
import { joinPath as a } from "../utils/navigation.js";
|
|
8
|
+
import { CalendarCheck as o, Mic2 as s, Ticket as c } from "lucide-react";
|
|
9
|
+
import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
|
|
10
|
+
import { useNavigate as u, useParams as d } from "react-router-dom";
|
|
11
|
+
import { useQuery as f } from "@apollo/client/react";
|
|
12
|
+
import { GlassCard as p, IllustratedEmptyState as m, NextSteps as h, PagePurpose as g } from "@burdenoff/fe-libs/ui";
|
|
13
|
+
import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
|
|
12
14
|
//#region src/ggnomad/pages/EventDetailsPage.tsx
|
|
13
|
-
function
|
|
14
|
-
let { t:
|
|
15
|
-
variables: { id:
|
|
16
|
-
skip: !
|
|
17
|
-
}),
|
|
18
|
-
return /* @__PURE__ */
|
|
19
|
-
title:
|
|
20
|
-
subtitle:
|
|
21
|
-
children:
|
|
22
|
-
/* @__PURE__ */ g
|
|
23
|
-
icon: /* @__PURE__ */
|
|
24
|
-
children:
|
|
15
|
+
function b() {
|
|
16
|
+
let { t: b } = l(), x = u(), { basePath: S = "/" } = i(), { id: C = "" } = d(), { data: w } = f(e, {
|
|
17
|
+
variables: { id: C },
|
|
18
|
+
skip: !C
|
|
19
|
+
}), T = w?.ggnomadEvent;
|
|
20
|
+
return /* @__PURE__ */ v(t, {
|
|
21
|
+
title: T?.name ?? b("ggnomad.event.fallbackTitle", "Event details"),
|
|
22
|
+
subtitle: b("ggnomad.event.subtitle", "Live event details, venue and lineup"),
|
|
23
|
+
children: T ? /* @__PURE__ */ y(_, { children: [
|
|
24
|
+
/* @__PURE__ */ v(g, {
|
|
25
|
+
icon: /* @__PURE__ */ v(c, { className: "size-4" }),
|
|
26
|
+
children: b("ggnomad.event.purpose", "All the details for this live event in one place — category, start and end times, ticket price and the full lineup — so you can decide and book tickets before they sell out.")
|
|
25
27
|
}),
|
|
26
|
-
/* @__PURE__ */
|
|
28
|
+
/* @__PURE__ */ v(h, {
|
|
27
29
|
storageKey: "ggnomad-event-detail",
|
|
28
30
|
steps: [{
|
|
29
31
|
id: "book",
|
|
30
|
-
label:
|
|
31
|
-
description:
|
|
32
|
-
icon: /* @__PURE__ */
|
|
33
|
-
onClick: () =>
|
|
32
|
+
label: b("ggnomad.event.next.book", "Book tickets"),
|
|
33
|
+
description: b("ggnomad.event.next.bookDesc", "Reserve seats and track them under Bookings."),
|
|
34
|
+
icon: /* @__PURE__ */ v(o, { className: "size-4" }),
|
|
35
|
+
onClick: () => x(a(S, "bookings"))
|
|
34
36
|
}, {
|
|
35
37
|
id: "browse",
|
|
36
|
-
label:
|
|
37
|
-
description:
|
|
38
|
-
icon: /* @__PURE__ */
|
|
39
|
-
onClick: () =>
|
|
38
|
+
label: b("ggnomad.event.next.browse", "See more events"),
|
|
39
|
+
description: b("ggnomad.event.next.browseDesc", "Return to Entertainment for other live experiences."),
|
|
40
|
+
icon: /* @__PURE__ */ v(c, { className: "size-4" }),
|
|
41
|
+
onClick: () => x(a(S, "entertainment"))
|
|
40
42
|
}]
|
|
41
43
|
}),
|
|
42
|
-
/* @__PURE__ */
|
|
44
|
+
/* @__PURE__ */ y("div", {
|
|
43
45
|
className: "grid gap-4 lg:grid-cols-2",
|
|
44
|
-
children: [/* @__PURE__ */
|
|
46
|
+
children: [/* @__PURE__ */ y(p, {
|
|
45
47
|
treatment: "glass",
|
|
46
48
|
glow: !0,
|
|
47
49
|
className: "border-border-seam p-5",
|
|
48
|
-
children: [/* @__PURE__ */
|
|
50
|
+
children: [/* @__PURE__ */ v("h2", {
|
|
49
51
|
className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
|
|
50
|
-
children:
|
|
51
|
-
}), /* @__PURE__ */
|
|
52
|
+
children: b("ggnomad.event.details", "Details")
|
|
53
|
+
}), /* @__PURE__ */ y("dl", {
|
|
52
54
|
className: "space-y-2 text-sm",
|
|
53
55
|
children: [
|
|
54
|
-
/* @__PURE__ */
|
|
55
|
-
label:
|
|
56
|
-
value:
|
|
56
|
+
/* @__PURE__ */ v(r, {
|
|
57
|
+
label: b("ggnomad.event.category", "Category"),
|
|
58
|
+
value: T.category
|
|
57
59
|
}),
|
|
58
|
-
/* @__PURE__ */
|
|
59
|
-
label:
|
|
60
|
-
value: new Date(
|
|
60
|
+
/* @__PURE__ */ v(r, {
|
|
61
|
+
label: b("ggnomad.event.starts", "Starts"),
|
|
62
|
+
value: new Date(T.startsAt).toLocaleString()
|
|
61
63
|
}),
|
|
62
|
-
/* @__PURE__ */
|
|
63
|
-
label:
|
|
64
|
-
value:
|
|
64
|
+
/* @__PURE__ */ v(r, {
|
|
65
|
+
label: b("ggnomad.event.ends", "Ends"),
|
|
66
|
+
value: T.endsAt ? new Date(T.endsAt).toLocaleString() : b("ggnomad.event.na", "N/A")
|
|
65
67
|
}),
|
|
66
|
-
/* @__PURE__ */
|
|
67
|
-
label:
|
|
68
|
-
value: `${
|
|
68
|
+
/* @__PURE__ */ v(r, {
|
|
69
|
+
label: b("ggnomad.event.price", "Price"),
|
|
70
|
+
value: `${T.currency} ${Number(T.price).toFixed(2)}`
|
|
69
71
|
})
|
|
70
72
|
]
|
|
71
73
|
})]
|
|
72
|
-
}), /* @__PURE__ */
|
|
73
|
-
title:
|
|
74
|
-
children: /* @__PURE__ */
|
|
74
|
+
}), /* @__PURE__ */ v(n, {
|
|
75
|
+
title: b("ggnomad.event.performers", "Performers"),
|
|
76
|
+
children: /* @__PURE__ */ v("ul", {
|
|
75
77
|
className: "space-y-2 text-sm",
|
|
76
|
-
children: (
|
|
78
|
+
children: (T.performers ?? []).map((e) => /* @__PURE__ */ y("li", {
|
|
77
79
|
className: "flex items-start gap-2 text-text-primary",
|
|
78
|
-
children: [/* @__PURE__ */
|
|
80
|
+
children: [/* @__PURE__ */ v(s, {
|
|
79
81
|
className: "mt-0.5 size-4 flex-shrink-0 text-action-primary-bg",
|
|
80
82
|
"aria-hidden": "true"
|
|
81
83
|
}), e]
|
|
@@ -83,14 +85,14 @@ function v() {
|
|
|
83
85
|
})
|
|
84
86
|
})]
|
|
85
87
|
})
|
|
86
|
-
] }) : /* @__PURE__ */
|
|
88
|
+
] }) : /* @__PURE__ */ v(m, {
|
|
87
89
|
illustration: "empty-data",
|
|
88
|
-
title:
|
|
89
|
-
description:
|
|
90
|
+
title: b("ggnomad.event.notFoundTitle", "No event found"),
|
|
91
|
+
description: b("ggnomad.event.notFoundDescription", "This event is unavailable or may have been removed.")
|
|
90
92
|
})
|
|
91
93
|
});
|
|
92
94
|
}
|
|
93
95
|
//#endregion
|
|
94
|
-
export {
|
|
96
|
+
export { b as EventDetailsPage };
|
|
95
97
|
|
|
96
98
|
//# sourceMappingURL=EventDetailsPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EventDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/EventDetailsPage.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, Mic2, Ticket } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_EVENT_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { DetailRow, SectionCard } from '../components';\n\nexport function EventDetailsPage() {\n const { t } = useI18n();\n const navigate = useNavigate();\n const { id = '' } = useParams();\n const { data } = useQuery(\n GGNOMAD_EVENT_QUERY as TypedDocumentNode<\n {\n ggnomadEvent: {\n name: string;\n category: string;\n startsAt: string;\n endsAt?: string;\n currency: string;\n price: number;\n performers: string[];\n } | null;\n },\n { id: string }\n >,\n { variables: { id }, skip: !id }\n );\n const event = data?.ggnomadEvent;\n\n return (\n <PageShell\n title={event?.name ?? t('ggnomad.event.fallbackTitle', 'Event details')}\n subtitle={t('ggnomad.event.subtitle', 'Live event details, venue and lineup')}\n >\n {!event ? (\n <IllustratedEmptyState\n illustration=\"empty-data\"\n title={t('ggnomad.event.notFoundTitle', 'No event found')}\n description={t(\n 'ggnomad.event.notFoundDescription',\n 'This event is unavailable or may have been removed.'\n )}\n />\n ) : (\n <>\n <PagePurpose icon={<Ticket className=\"size-4\" />}>\n {t(\n 'ggnomad.event.purpose',\n 'All the details for this live event in one place — category, start and end times, ticket price and the full lineup — so you can decide and book tickets before they sell out.'\n )}\n </PagePurpose>\n\n <NextSteps\n storageKey=\"ggnomad-event-detail\"\n steps={[\n {\n id: 'book',\n label: t('ggnomad.event.next.book', 'Book tickets'),\n description: t(\n 'ggnomad.event.next.bookDesc',\n 'Reserve seats and track them under Bookings.'\n ),\n icon: <CalendarCheck className=\"size-4\" />,\n onClick: () => navigate('
|
|
1
|
+
{"version":3,"file":"EventDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/EventDetailsPage.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, Mic2, Ticket } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_EVENT_QUERY } from '../graphql';\nimport { useGGNomad } from '../providers/GGNomadProvider';\nimport { joinPath } from '../utils/navigation';\nimport { PageShell } from './PageShell';\nimport { DetailRow, SectionCard } from '../components';\n\nexport function EventDetailsPage() {\n const { t } = useI18n();\n const navigate = useNavigate();\n const { basePath = '/' } = useGGNomad();\n const { id = '' } = useParams();\n const { data } = useQuery(\n GGNOMAD_EVENT_QUERY as TypedDocumentNode<\n {\n ggnomadEvent: {\n name: string;\n category: string;\n startsAt: string;\n endsAt?: string;\n currency: string;\n price: number;\n performers: string[];\n } | null;\n },\n { id: string }\n >,\n { variables: { id }, skip: !id }\n );\n const event = data?.ggnomadEvent;\n\n return (\n <PageShell\n title={event?.name ?? t('ggnomad.event.fallbackTitle', 'Event details')}\n subtitle={t('ggnomad.event.subtitle', 'Live event details, venue and lineup')}\n >\n {!event ? (\n <IllustratedEmptyState\n illustration=\"empty-data\"\n title={t('ggnomad.event.notFoundTitle', 'No event found')}\n description={t(\n 'ggnomad.event.notFoundDescription',\n 'This event is unavailable or may have been removed.'\n )}\n />\n ) : (\n <>\n <PagePurpose icon={<Ticket className=\"size-4\" />}>\n {t(\n 'ggnomad.event.purpose',\n 'All the details for this live event in one place — category, start and end times, ticket price and the full lineup — so you can decide and book tickets before they sell out.'\n )}\n </PagePurpose>\n\n <NextSteps\n storageKey=\"ggnomad-event-detail\"\n steps={[\n {\n id: 'book',\n label: t('ggnomad.event.next.book', 'Book tickets'),\n description: t(\n 'ggnomad.event.next.bookDesc',\n 'Reserve seats and track them under Bookings.'\n ),\n icon: <CalendarCheck className=\"size-4\" />,\n onClick: () => navigate(joinPath(basePath, 'bookings')),\n },\n {\n id: 'browse',\n label: t('ggnomad.event.next.browse', 'See more events'),\n description: t(\n 'ggnomad.event.next.browseDesc',\n 'Return to Entertainment for other live experiences.'\n ),\n icon: <Ticket className=\"size-4\" />,\n onClick: () => navigate(joinPath(basePath, 'entertainment')),\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.event.details', 'Details')}\n </h2>\n <dl className=\"space-y-2 text-sm\">\n <DetailRow label={t('ggnomad.event.category', 'Category')} value={event.category} />\n <DetailRow\n label={t('ggnomad.event.starts', 'Starts')}\n value={new Date(event.startsAt).toLocaleString()}\n />\n <DetailRow\n label={t('ggnomad.event.ends', 'Ends')}\n value={\n event.endsAt\n ? new Date(event.endsAt).toLocaleString()\n : t('ggnomad.event.na', 'N/A')\n }\n />\n <DetailRow\n label={t('ggnomad.event.price', 'Price')}\n value={`${event.currency} ${Number(event.price).toFixed(2)}`}\n />\n </dl>\n </GlassCard>\n <SectionCard title={t('ggnomad.event.performers', 'Performers')}>\n <ul className=\"space-y-2 text-sm\">\n {(event.performers ?? []).map((performer) => (\n <li key={performer} className=\"flex items-start gap-2 text-text-primary\">\n <Mic2\n className=\"mt-0.5 size-4 flex-shrink-0 text-action-primary-bg\"\n aria-hidden=\"true\"\n />\n {performer}\n </li>\n ))}\n </ul>\n </SectionCard>\n </div>\n </>\n )}\n </PageShell>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;AAaA,SAAgB,IAAmB;CACjC,IAAM,EAAE,SAAM,GAAS,EACjB,IAAW,GAAa,EACxB,EAAE,cAAW,QAAQ,GAAY,EACjC,EAAE,QAAK,OAAO,GAAW,EACzB,EAAE,YAAS,EACf,GAcA;EAAE,WAAW,EAAE,OAAI;EAAE,MAAM,CAAC;EAAI,CACjC,EACK,IAAQ,GAAM;AAEpB,QACE,kBAAC,GAAD;EACE,OAAO,GAAO,QAAQ,EAAE,+BAA+B,gBAAgB;EACvE,UAAU,EAAE,0BAA0B,uCAAuC;YAE3E,IAUA,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;cAC7C,EACC,yBACA,gLACD;IACW,CAAA;GAEd,kBAAC,GAAD;IACE,YAAW;IACX,OAAO,CACL;KACE,IAAI;KACJ,OAAO,EAAE,2BAA2B,eAAe;KACnD,aAAa,EACX,+BACA,+CACD;KACD,MAAM,kBAAC,GAAD,EAAe,WAAU,UAAW,CAAA;KAC1C,eAAe,EAAS,EAAS,GAAU,WAAW,CAAC;KACxD,EACD;KACE,IAAI;KACJ,OAAO,EAAE,6BAA6B,kBAAkB;KACxD,aAAa,EACX,iCACA,sDACD;KACD,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;KACnC,eAAe,EAAS,EAAS,GAAU,gBAAgB,CAAC;KAC7D,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,yBAAyB,UAAU;MACnC,CAAA,EACL,kBAAC,MAAD;MAAI,WAAU;gBAAd;OACE,kBAAC,GAAD;QAAW,OAAO,EAAE,0BAA0B,WAAW;QAAE,OAAO,EAAM;QAAY,CAAA;OACpF,kBAAC,GAAD;QACE,OAAO,EAAE,wBAAwB,SAAS;QAC1C,OAAO,IAAI,KAAK,EAAM,SAAS,CAAC,gBAAgB;QAChD,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,sBAAsB,OAAO;QACtC,OACE,EAAM,SACF,IAAI,KAAK,EAAM,OAAO,CAAC,gBAAgB,GACvC,EAAE,oBAAoB,MAAM;QAElC,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,uBAAuB,QAAQ;QACxC,OAAO,GAAG,EAAM,SAAS,GAAG,OAAO,EAAM,MAAM,CAAC,QAAQ,EAAE;QAC1D,CAAA;OACC;QACK;QACZ,kBAAC,GAAD;KAAa,OAAO,EAAE,4BAA4B,aAAa;eAC7D,kBAAC,MAAD;MAAI,WAAU;iBACV,EAAM,cAAc,EAAE,EAAE,KAAK,MAC7B,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,GAlFH,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,+BAA+B,iBAAiB;GACzD,aAAa,EACX,qCACA,sDACD;GACD,CAAA;EA6EM,CAAA"}
|