@burdenoff/microfe-ggnomad 2026.705.3 → 2026.705.4

package/dist/ggnomad/pages/TripPlanDetailPage.js

@@ -0,0 +1,605 @@
+import { ADD_GGNOMAD_TRIP_PLAN_ITEM_MUTATION as e, CREATE_GGNOMAD_BOOKING_MUTATION as t, GGNOMAD_ACTIVITIES_QUERY as ee, GGNOMAD_EVENTS_QUERY as te, GGNOMAD_PROPERTIES_QUERY as n, GGNOMAD_TOURS_QUERY as r, GGNOMAD_TRIP_PLAN_QUERY as i, REMOVE_GGNOMAD_TRIP_PLAN_ITEM_MUTATION as a, UPDATE_GGNOMAD_TRIP_PLAN_MUTATION as o } from "../graphql.js";
+import { PageShell as s } from "./PageShell.js";
+import { useGGNomad as c } from "../providers/GGNomadProvider.js";
+import { joinPath as ne } from "../utils/navigation.js";
+import { notify as l } from "../utils/notify.js";
+import { useState as u } from "react";
+import { ChevronDown as d, Plus as re, Users as ie, X as ae } from "lucide-react";
+import { useI18n as oe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useNavigate as f, useParams as p } from "react-router-dom";
+import { useMutation as m, useQuery as h } from "@apollo/client/react";
+import { AlertDialog as g, AlertDialogAction as _, AlertDialogCancel as v, AlertDialogContent as y, AlertDialogDescription as b, AlertDialogFooter as x, AlertDialogHeader as S, AlertDialogTitle as C, GlassCard as w, IllustratedEmptyState as se, Tabs as ce, TabsContent as T, TabsList as E, TabsTrigger as D } from "@burdenoff/fe-libs/ui";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+//#region src/ggnomad/pages/TripPlanDetailPage.tsx
+function j() {
+	let { t: j } = oe(), M = f(), { basePath: N = "/" } = c(), { id: P = "" } = p(), [F, I] = u(null), [L, R] = u(!1), [z, B] = u(null), [V, H] = u("itinerary"), { data: U, refetch: W } = h(i, {
+		variables: { id: P },
+		skip: !P
+	}), G = U?.ggnomadTripPlan, { data: le } = h(n, { variables: {
+		first: 20,
+		skip: 0
+	} }), { data: ue } = h(r, { variables: {
+		first: 20,
+		skip: 0
+	} }), { data: de } = h(te, { variables: {
+		first: 20,
+		skip: 0
+	} }), { data: fe } = h(ee, { variables: {
+		first: 20,
+		skip: 0
+	} }), [pe, { loading: K }] = m(e), [me, { loading: q }] = m(a), [J] = m(o), [he] = m(t), ge = async () => {
+		if (!(!F || !G)) try {
+			let e = await pe({ variables: {
+				tripPlanId: G.id,
+				input: {
+					itemType: F.itemType,
+					itemId: F.itemId,
+					itemName: F.itemName,
+					price: F.price,
+					currency: F.currency
+				}
+			} });
+			if (e.error) {
+				l.error(j("ggnomad.tripPlan.toast.addItemErrorTitle", "Could not add item"), e.error.message);
+				return;
+			}
+			l.success(j("ggnomad.tripPlan.toast.addItemSuccessTitle", "Item added"), F.itemName), I(null), await W();
+		} catch (e) {
+			l.error(j("ggnomad.tripPlan.toast.addItemErrorTitle", "Could not add item"), e instanceof Error ? e.message : String(e));
+		}
+	}, _e = async () => {
+		if (z) try {
+			let e = await me({ variables: { id: z } });
+			if (e.error) {
+				l.error(j("ggnomad.tripPlan.toast.removeItemErrorTitle", "Could not remove item"), e.error.message);
+				return;
+			}
+			l.success(j("ggnomad.tripPlan.toast.removeItemSuccessTitle", "Item removed"), ""), B(null), await W();
+		} catch (e) {
+			l.error(j("ggnomad.tripPlan.toast.removeItemErrorTitle", "Could not remove item"), e instanceof Error ? e.message : String(e));
+		}
+	}, ve = async () => {
+		if (G) try {
+			for (let e of G.items) await he({ variables: { input: {
+				bookingType: e.itemType,
+				itemId: e.itemId,
+				itemName: e.itemName,
+				guestName: "Guest",
+				guestEmail: "guest@burdenoff.com",
+				guests: G.travelers,
+				totalPrice: e.price,
+				currency: e.currency,
+				paymentMethod: "card"
+			} } });
+			await J({ variables: {
+				id: G.id,
+				input: { status: "BOOKED" }
+			} }), l.success(j("ggnomad.tripPlan.toast.checkoutSuccessTitle", "Trip booked!"), j("ggnomad.tripPlan.toast.checkoutSuccessBody", "All items have been booked")), await W(), R(!1), M(ne(N, "bookings"));
+		} catch (e) {
+			l.error(j("ggnomad.tripPlan.toast.checkoutErrorTitle", "Booking failed"), e instanceof Error ? e.message : String(e));
+		}
+	};
+	if (!G) return /* @__PURE__ */ k(s, {
+		title: j("ggnomad.tripPlan.loadingTitle", "Trip Plan"),
+		subtitle: j("ggnomad.tripPlan.loadingSubtitle", "Loading trip plan"),
+		children: /* @__PURE__ */ k(se, {
+			illustration: "empty-data",
+			title: j("ggnomad.tripPlan.notFoundTitle", "Trip plan not found"),
+			description: j("ggnomad.tripPlan.notFoundDescription", "This trip may have been deleted or is unavailable.")
+		})
+	});
+	let Y = {};
+	G.items.forEach((e) => {
+		let t = e.day ?? 0;
+		Y[t] || (Y[t] = []), Y[t].push(e);
+	});
+	let ye = Object.keys(Y).map((e) => Number(e)).sort((e, t) => e - t), X = le?.ggnomadProperties ?? [], Z = ue?.ggnomadTours ?? [], Q = de?.ggnomadEvents ?? [], $ = fe?.ggnomadActivities ?? [];
+	return /* @__PURE__ */ A(s, {
+		title: G.name,
+		subtitle: j("ggnomad.tripPlan.subtitle", "Build your complete itinerary"),
+		children: [
+			/* @__PURE__ */ A(ce, {
+				value: V,
+				onValueChange: H,
+				className: "w-full",
+				children: [
+					/* @__PURE__ */ A(E, {
+						className: "mb-6 w-full justify-start",
+						children: [/* @__PURE__ */ k(D, {
+							value: "itinerary",
+							children: j("ggnomad.tripPlan.tabs.itinerary", "Itinerary")
+						}), /* @__PURE__ */ k(D, {
+							value: "timeline",
+							children: j("ggnomad.tripPlan.tabs.timeline", "Timeline")
+						})]
+					}),
+					/* @__PURE__ */ k(T, {
+						value: "itinerary",
+						className: "space-y-6",
+						children: /* @__PURE__ */ A("div", {
+							className: "grid grid-cols-1 gap-6 lg:grid-cols-4",
+							children: [
+								/* @__PURE__ */ k("div", {
+									className: "space-y-4",
+									children: /* @__PURE__ */ A(w, {
+										treatment: "glass",
+										glow: !0,
+										className: "border-border-seam p-4",
+										children: [/* @__PURE__ */ A("h3", {
+											className: "mb-3 flex items-center gap-2 font-medium text-text-primary",
+											children: [/* @__PURE__ */ k(re, { className: "size-4" }), j("ggnomad.tripPlan.addToTrip", "Add to trip")]
+										}), /* @__PURE__ */ A("div", {
+											className: "space-y-3",
+											children: [
+												/* @__PURE__ */ A("details", {
+													className: "group",
+													children: [/* @__PURE__ */ A("summary", {
+														className: "flex cursor-pointer items-center justify-between rounded-md bg-bg-canvas-inverted p-2 text-sm font-medium text-text-primary hover:bg-opacity-80",
+														children: [j("ggnomad.tripPlan.stays", "Stays"), /* @__PURE__ */ k(d, { className: "size-4 transition-transform group-open:rotate-180" })]
+													}), /* @__PURE__ */ k("div", {
+														className: "mt-2 space-y-2",
+														children: X.length === 0 ? /* @__PURE__ */ k("p", {
+															className: "text-xs text-text-secondary",
+															children: j("ggnomad.tripPlan.noStaysAvailable", "No stays available")
+														}) : X.map((e) => /* @__PURE__ */ A("button", {
+															onClick: () => I({
+																itemType: "PROPERTY",
+																itemId: e.id,
+																itemName: e.name,
+																price: e.pricePerNight,
+																currency: e.currency
+															}),
+															className: "w-full rounded-md border border-border-seam bg-bg-canvas p-2 text-left text-xs text-text-primary hover:bg-action-primary-bg hover:text-action-primary-text",
+															children: [/* @__PURE__ */ k("div", {
+																className: "font-medium",
+																children: e.name
+															}), /* @__PURE__ */ A("div", {
+																className: "text-text-secondary",
+																children: [
+																	e.currency,
+																	" ",
+																	e.pricePerNight.toFixed(2)
+																]
+															})]
+														}, e.id))
+													})]
+												}),
+												/* @__PURE__ */ A("details", {
+													className: "group",
+													children: [/* @__PURE__ */ A("summary", {
+														className: "flex cursor-pointer items-center justify-between rounded-md bg-bg-canvas-inverted p-2 text-sm font-medium text-text-primary hover:bg-opacity-80",
+														children: [j("ggnomad.tripPlan.tours", "Tours"), /* @__PURE__ */ k(d, { className: "size-4 transition-transform group-open:rotate-180" })]
+													}), /* @__PURE__ */ k("div", {
+														className: "mt-2 space-y-2",
+														children: Z.length === 0 ? /* @__PURE__ */ k("p", {
+															className: "text-xs text-text-secondary",
+															children: j("ggnomad.tripPlan.noToursAvailable", "No tours available")
+														}) : Z.map((e) => /* @__PURE__ */ A("button", {
+															onClick: () => I({
+																itemType: "TOUR",
+																itemId: e.id,
+																itemName: e.name,
+																price: e.price,
+																currency: e.currency
+															}),
+															className: "w-full rounded-md border border-border-seam bg-bg-canvas p-2 text-left text-xs text-text-primary hover:bg-action-primary-bg hover:text-action-primary-text",
+															children: [/* @__PURE__ */ k("div", {
+																className: "font-medium",
+																children: e.name
+															}), /* @__PURE__ */ A("div", {
+																className: "text-text-secondary",
+																children: [
+																	e.currency,
+																	" ",
+																	e.price.toFixed(2)
+																]
+															})]
+														}, e.id))
+													})]
+												}),
+												/* @__PURE__ */ A("details", {
+													className: "group",
+													children: [/* @__PURE__ */ A("summary", {
+														className: "flex cursor-pointer items-center justify-between rounded-md bg-bg-canvas-inverted p-2 text-sm font-medium text-text-primary hover:bg-opacity-80",
+														children: [j("ggnomad.tripPlan.events", "Events"), /* @__PURE__ */ k(d, { className: "size-4 transition-transform group-open:rotate-180" })]
+													}), /* @__PURE__ */ k("div", {
+														className: "mt-2 space-y-2",
+														children: Q.length === 0 ? /* @__PURE__ */ k("p", {
+															className: "text-xs text-text-secondary",
+															children: j("ggnomad.tripPlan.noEventsAvailable", "No events available")
+														}) : Q.map((e) => /* @__PURE__ */ A("button", {
+															onClick: () => I({
+																itemType: "EVENT",
+																itemId: e.id,
+																itemName: e.name,
+																price: e.price,
+																currency: e.currency
+															}),
+															className: "w-full rounded-md border border-border-seam bg-bg-canvas p-2 text-left text-xs text-text-primary hover:bg-action-primary-bg hover:text-action-primary-text",
+															children: [/* @__PURE__ */ k("div", {
+																className: "font-medium",
+																children: e.name
+															}), /* @__PURE__ */ A("div", {
+																className: "text-text-secondary",
+																children: [
+																	e.currency,
+																	" ",
+																	e.price.toFixed(2)
+																]
+															})]
+														}, e.id))
+													})]
+												}),
+												/* @__PURE__ */ A("details", {
+													className: "group",
+													children: [/* @__PURE__ */ A("summary", {
+														className: "flex cursor-pointer items-center justify-between rounded-md bg-bg-canvas-inverted p-2 text-sm font-medium text-text-primary hover:bg-opacity-80",
+														children: [j("ggnomad.tripPlan.activities", "Activities"), /* @__PURE__ */ k(d, { className: "size-4 transition-transform group-open:rotate-180" })]
+													}), /* @__PURE__ */ k("div", {
+														className: "mt-2 space-y-2",
+														children: $.length === 0 ? /* @__PURE__ */ k("p", {
+															className: "text-xs text-text-secondary",
+															children: j("ggnomad.tripPlan.noActivitiesAvailable", "No activities available")
+														}) : $.map((e) => /* @__PURE__ */ A("button", {
+															onClick: () => I({
+																itemType: "ACTIVITY",
+																itemId: e.id,
+																itemName: e.name,
+																price: e.price,
+																currency: e.currency
+															}),
+															className: "w-full rounded-md border border-border-seam bg-bg-canvas p-2 text-left text-xs text-text-primary hover:bg-action-primary-bg hover:text-action-primary-text",
+															children: [/* @__PURE__ */ k("div", {
+																className: "font-medium",
+																children: e.name
+															}), /* @__PURE__ */ A("div", {
+																className: "text-text-secondary",
+																children: [
+																	e.currency,
+																	" ",
+																	e.price.toFixed(2)
+																]
+															})]
+														}, e.id))
+													})]
+												})
+											]
+										})]
+									})
+								}),
+								/* @__PURE__ */ k("div", {
+									className: "space-y-4 lg:col-span-2",
+									children: /* @__PURE__ */ A(w, {
+										treatment: "glass",
+										glow: !0,
+										className: "border-border-seam p-5",
+										children: [/* @__PURE__ */ k("h2", {
+											className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
+											children: j("ggnomad.tripPlan.itineraryHeader", "Your itinerary")
+										}), G.items.length === 0 ? /* @__PURE__ */ k("p", {
+											className: "text-sm text-text-secondary",
+											children: j("ggnomad.tripPlan.noItemsYet", "No items added yet. Start adding stays, tours, events and activities from the left.")
+										}) : /* @__PURE__ */ k("div", {
+											className: "space-y-6",
+											children: ye.map((e) => /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("h3", {
+												className: "mb-2 text-sm font-medium text-text-secondary",
+												children: e === 0 ? j("ggnomad.tripPlan.unscheduled", "Unscheduled") : j("ggnomad.tripPlan.day", "Day {{day}}").replace("{{day}}", String(e))
+											}), /* @__PURE__ */ k("div", {
+												className: "space-y-2",
+												children: (Y[e] || []).map((e) => /* @__PURE__ */ A("div", {
+													className: "flex items-start justify-between rounded-md border border-border-seam bg-bg-canvas p-3",
+													children: [/* @__PURE__ */ A("div", {
+														className: "flex-1",
+														children: [
+															/* @__PURE__ */ k("p", {
+																className: "font-medium text-text-primary",
+																children: e.itemName
+															}),
+															/* @__PURE__ */ k("p", {
+																className: "text-xs text-text-secondary",
+																children: e.itemType.charAt(0) + e.itemType.slice(1).toLowerCase()
+															}),
+															/* @__PURE__ */ A("p", {
+																className: "mt-1 font-semibold text-status-success-text",
+																children: [
+																	e.currency,
+																	" ",
+																	e.price.toFixed(2)
+																]
+															})
+														]
+													}), /* @__PURE__ */ k("button", {
+														onClick: () => B(e.id),
+														className: "ml-2 rounded-md p-1 text-text-secondary hover:bg-action-danger-bg hover:text-action-danger-text",
+														"aria-label": j("ggnomad.tripPlan.removeItem", "Remove item"),
+														children: /* @__PURE__ */ k(ae, { className: "size-4" })
+													})]
+												}, e.id))
+											})] }, String(e)))
+										})]
+									})
+								}),
+								/* @__PURE__ */ k("div", {
+									className: "space-y-4",
+									children: /* @__PURE__ */ A(w, {
+										treatment: "glass",
+										glow: !0,
+										className: "sticky top-6 border-border-seam p-5",
+										children: [
+											/* @__PURE__ */ k("h3", {
+												className: "mb-4 font-medium text-text-primary",
+												children: j("ggnomad.tripPlan.tripTotal", "Trip total")
+											}),
+											/* @__PURE__ */ A("div", {
+												className: "space-y-3 border-b border-border-seam pb-4",
+												children: [/* @__PURE__ */ A("div", {
+													className: "flex items-center justify-between text-sm",
+													children: [/* @__PURE__ */ k("span", {
+														className: "text-text-secondary",
+														children: j("ggnomad.tripPlan.items", "Items")
+													}), /* @__PURE__ */ k("span", {
+														className: "font-medium text-text-primary",
+														children: G.itemCount
+													})]
+												}), /* @__PURE__ */ A("div", {
+													className: "flex items-center justify-between text-sm",
+													children: [/* @__PURE__ */ k("span", {
+														className: "text-text-secondary",
+														children: j("ggnomad.tripPlan.travelers", "Travelers")
+													}), /* @__PURE__ */ A("span", {
+														className: "font-medium text-text-primary flex items-center gap-1",
+														children: [/* @__PURE__ */ k(ie, { className: "size-3" }), G.travelers]
+													})]
+												})]
+											}),
+											/* @__PURE__ */ k("div", {
+												className: "my-4",
+												children: /* @__PURE__ */ A("div", {
+													className: "text-2xl font-bold text-text-primary",
+													children: ["USD ", G.total.toFixed(2)]
+												})
+											}),
+											/* @__PURE__ */ A("div", {
+												className: "space-y-2",
+												children: [/* @__PURE__ */ k("button", {
+													onClick: () => R(!0),
+													disabled: G.items.length === 0,
+													className: "w-full rounded-md bg-action-primary-bg px-4 py-2 font-medium text-action-primary-text hover:bg-action-primary-bgHover disabled:opacity-50",
+													children: j("ggnomad.tripPlan.checkout", "Checkout")
+												}), /* @__PURE__ */ k("div", {
+													className: "flex items-center gap-2",
+													children: /* @__PURE__ */ A("select", {
+														value: G.status,
+														onChange: async (e) => {
+															await J({ variables: {
+																id: G.id,
+																input: { status: e.target.value }
+															} }), await W();
+														},
+														className: "flex-1 rounded-md border border-border-seam bg-bg-canvas px-2 py-1 text-sm text-text-primary",
+														children: [
+															/* @__PURE__ */ k("option", {
+																value: "DRAFT",
+																children: "Draft"
+															}),
+															/* @__PURE__ */ k("option", {
+																value: "PLANNED",
+																children: "Planned"
+															}),
+															/* @__PURE__ */ k("option", {
+																value: "BOOKED",
+																children: "Booked"
+															}),
+															/* @__PURE__ */ k("option", {
+																value: "CONFIRMED",
+																children: "Confirmed"
+															}),
+															/* @__PURE__ */ k("option", {
+																value: "COMPLETED",
+																children: "Completed"
+															}),
+															/* @__PURE__ */ k("option", {
+																value: "CANCELLED",
+																children: "Cancelled"
+															})
+														]
+													})
+												})]
+											})
+										]
+									})
+								})
+							]
+						})
+					}),
+					/* @__PURE__ */ k(T, {
+						value: "timeline",
+						className: "space-y-4",
+						children: /* @__PURE__ */ A(w, {
+							treatment: "glass",
+							glow: !0,
+							className: "border-border-seam p-5",
+							children: [/* @__PURE__ */ k("h2", {
+								className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
+								children: j("ggnomad.tripPlan.timeline", "Trip timeline")
+							}), /* @__PURE__ */ A("div", {
+								className: "space-y-6",
+								children: [
+									/* @__PURE__ */ A("div", {
+										className: "flex gap-4",
+										children: [/* @__PURE__ */ A("div", {
+											className: "flex flex-col items-center",
+											children: [/* @__PURE__ */ k("div", { className: "size-3 rounded-full bg-status-info-bg" }), /* @__PURE__ */ k("div", { className: "my-2 h-8 w-0.5 bg-border-seam" })]
+										}), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("h3", {
+											className: "font-medium text-text-primary",
+											children: j("ggnomad.tripPlan.milestone.started", "Trip started")
+										}), /* @__PURE__ */ k("p", {
+											className: "text-xs text-text-secondary",
+											children: j("ggnomad.tripPlan.milestone.startedDesc", "Created your itinerary")
+										})] })]
+									}),
+									G.items.length === 0 ? /* @__PURE__ */ k("p", {
+										className: "text-sm text-text-secondary",
+										children: j("ggnomad.tripPlan.noItemsInTimeline", "No items in your timeline yet")
+									}) : G.items.map((e, t) => /* @__PURE__ */ A("div", {
+										className: "flex gap-4",
+										children: [/* @__PURE__ */ A("div", {
+											className: "flex flex-col items-center",
+											children: [/* @__PURE__ */ k("div", { className: `size-3 rounded-full ${G.status === "BOOKED" || G.status === "COMPLETED" ? "bg-status-success-bg" : "bg-status-warning-bg"}` }), t < G.items.length - 1 && /* @__PURE__ */ k("div", { className: "my-2 h-8 w-0.5 bg-border-seam" })]
+										}), /* @__PURE__ */ A("div", { children: [
+											/* @__PURE__ */ k("h3", {
+												className: "font-medium text-text-primary",
+												children: e.itemName
+											}),
+											/* @__PURE__ */ A("p", {
+												className: "text-xs text-text-secondary",
+												children: [e.itemType.charAt(0) + e.itemType.slice(1).toLowerCase(), e.day && ` · Day ${e.day}`]
+											}),
+											/* @__PURE__ */ A("p", {
+												className: "mt-1 text-sm font-semibold text-status-success-text",
+												children: [
+													e.currency,
+													" ",
+													e.price.toFixed(2)
+												]
+											}),
+											/* @__PURE__ */ k("p", {
+												className: "mt-1 text-xs text-text-secondary",
+												children: G.status === "BOOKED" || G.status === "COMPLETED" ? j("ggnomad.tripPlan.milestone.booked", "Booked") : j("ggnomad.tripPlan.milestone.planned", "Planned")
+											})
+										] })]
+									}, e.id)),
+									G.items.length > 0 && /* @__PURE__ */ k(O, { children: /* @__PURE__ */ A("div", {
+										className: "flex gap-4",
+										children: [/* @__PURE__ */ k("div", {
+											className: "flex flex-col items-center",
+											children: /* @__PURE__ */ k("div", { className: `size-3 rounded-full ${G.status === "COMPLETED" ? "bg-status-success-bg" : "bg-status-secondary-bg"}` })
+										}), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("h3", {
+											className: "font-medium text-text-primary",
+											children: G.status === "COMPLETED" ? j("ggnomad.tripPlan.milestone.completed", "Trip completed") : j("ggnomad.tripPlan.milestone.confirming", "Awaiting completion")
+										}), /* @__PURE__ */ k("p", {
+											className: "text-xs text-text-secondary",
+											children: G.status === "COMPLETED" ? j("ggnomad.tripPlan.milestone.completedDesc", "Your trip is complete") : j("ggnomad.tripPlan.milestone.confirmingDesc", "Update status as your trip progresses")
+										})] })]
+									}) })
+								]
+							})]
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ k(g, {
+				open: F !== null,
+				onOpenChange: (e) => !e && I(null),
+				children: /* @__PURE__ */ A(y, { children: [/* @__PURE__ */ A(S, { children: [/* @__PURE__ */ k(C, { children: j("ggnomad.tripPlan.addItemDialog.title", "Add to itinerary?") }), /* @__PURE__ */ k(b, { children: F && /* @__PURE__ */ A(O, { children: [
+					F.itemName,
+					" · ",
+					F.currency,
+					" ",
+					F.price.toFixed(2)
+				] }) })] }), /* @__PURE__ */ A(x, { children: [/* @__PURE__ */ k(v, {
+					disabled: K,
+					children: j("ggnomad.tripPlan.addItemDialog.cancel", "Cancel")
+				}), /* @__PURE__ */ k(_, {
+					disabled: K,
+					onClick: (e) => {
+						e.preventDefault(), ge();
+					},
+					children: K ? j("ggnomad.tripPlan.addItemDialog.adding", "Adding…") : j("ggnomad.tripPlan.addItemDialog.add", "Add item")
+				})] })] })
+			}),
+			/* @__PURE__ */ k(g, {
+				open: z !== null,
+				onOpenChange: (e) => !e && B(null),
+				children: /* @__PURE__ */ A(y, { children: [/* @__PURE__ */ A(S, { children: [/* @__PURE__ */ k(C, { children: j("ggnomad.tripPlan.removeItemDialog.title", "Remove item from trip?") }), /* @__PURE__ */ k(b, { children: j("ggnomad.tripPlan.removeItemDialog.description", "This item will be removed from your itinerary.") })] }), /* @__PURE__ */ A(x, { children: [/* @__PURE__ */ k(v, {
+					disabled: q,
+					children: j("ggnomad.tripPlan.removeItemDialog.cancel", "Keep item")
+				}), /* @__PURE__ */ k(_, {
+					className: "bg-action-danger-bg text-action-danger-text hover:bg-action-danger-bgHover",
+					disabled: q,
+					onClick: (e) => {
+						e.preventDefault(), _e();
+					},
+					children: q ? j("ggnomad.tripPlan.removeItemDialog.removing", "Removing…") : j("ggnomad.tripPlan.removeItemDialog.remove", "Remove item")
+				})] })] })
+			}),
+			/* @__PURE__ */ k(g, {
+				open: L,
+				onOpenChange: R,
+				children: /* @__PURE__ */ A(y, {
+					className: "max-w-2xl",
+					children: [
+						/* @__PURE__ */ A(S, { children: [/* @__PURE__ */ k(C, { children: j("ggnomad.tripPlan.checkoutDialog.title", "Review and book") }), /* @__PURE__ */ k(b, { children: j("ggnomad.tripPlan.checkoutDialog.description", "Review your items and confirm to book everything at once.") })] }),
+						/* @__PURE__ */ A("div", {
+							className: "space-y-4 max-h-96 overflow-y-auto",
+							children: [G.items.map((e) => /* @__PURE__ */ A("div", {
+								className: "flex items-center justify-between rounded-md border border-border-seam bg-bg-canvas p-3",
+								children: [/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("p", {
+									className: "font-medium text-text-primary",
+									children: e.itemName
+								}), /* @__PURE__ */ k("p", {
+									className: "text-xs text-text-secondary",
+									children: e.itemType.charAt(0) + e.itemType.slice(1).toLowerCase()
+								})] }), /* @__PURE__ */ A("p", {
+									className: "font-semibold text-text-primary",
+									children: [
+										e.currency,
+										" ",
+										e.price.toFixed(2)
+									]
+								})]
+							}, e.id)), /* @__PURE__ */ A("div", {
+								className: "space-y-2 border-t border-border-seam pt-4",
+								children: [
+									/* @__PURE__ */ A("div", {
+										className: "flex justify-between text-sm",
+										children: [/* @__PURE__ */ k("span", {
+											className: "text-text-secondary",
+											children: "Subtotal"
+										}), /* @__PURE__ */ A("span", {
+											className: "text-text-primary",
+											children: ["USD ", G.total.toFixed(2)]
+										})]
+									}),
+									/* @__PURE__ */ A("div", {
+										className: "flex justify-between text-sm",
+										children: [/* @__PURE__ */ k("span", {
+											className: "text-text-secondary",
+											children: "Taxes (10%)"
+										}), /* @__PURE__ */ A("span", {
+											className: "text-text-primary",
+											children: ["USD ", (G.total * .1).toFixed(2)]
+										})]
+									}),
+									/* @__PURE__ */ A("div", {
+										className: "flex justify-between border-t border-border-seam pt-2 text-lg font-bold",
+										children: [/* @__PURE__ */ k("span", {
+											className: "text-text-primary",
+											children: "Total"
+										}), /* @__PURE__ */ A("span", {
+											className: "text-status-success-text",
+											children: ["USD ", (G.total * 1.1).toFixed(2)]
+										})]
+									})
+								]
+							})]
+						}),
+						/* @__PURE__ */ A(x, { children: [/* @__PURE__ */ k(v, {
+							disabled: !1,
+							children: j("ggnomad.tripPlan.checkoutDialog.cancel", "Cancel")
+						}), /* @__PURE__ */ k(_, {
+							onClick: (e) => {
+								e.preventDefault(), ve();
+							},
+							children: j("ggnomad.tripPlan.checkoutDialog.confirm", "Confirm & book all")
+						})] })
+					]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { j as TripPlanDetailPage };
+
+//# sourceMappingURL=TripPlanDetailPage.js.map