@burdenoff/microfe-tours 2026.519.1 → 2026.523.1

package/dist/tours/pages/TourBuilderPage.js

@@ -4,14 +4,16 @@ import { useTourLifecycle as n } from "../hooks/useTourLifecycle.js";
 import { useToursPermissionAccess as r } from "../hooks/useToursPermissionAccess.js";
 import { TOUR_PERMISSIONS as i } from "../../constants/permissions.js";
 import { useToursI18n as a } from "../i18n.js";
-import { useTourBuilder as o } from "../hooks/useTourBuilder.js";
-import { useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
-import { PermissionGate as d } from "@burdenoff/fe-libs/shared/components";
-import { ArrowLeft as f, BarChart3 as p, Calendar as ee, Eye as te, LayoutTemplate as ne, ListOrdered as m, Save as h } from "lucide-react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { useNavigate as re, useParams as ie } from "react-router-dom";
+import { emitToursApiFailed as o } from "../telemetry.js";
+import { useTourBuilder as s } from "../hooks/useTourBuilder.js";
+import { useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+import { PermissionGate as f } from "@burdenoff/fe-libs/shared/components";
+import { ArrowLeft as ee, BarChart3 as te, Calendar as ne, Eye as re, LayoutTemplate as ie, ListOrdered as ae, Save as oe } from "lucide-react";
+import { Fragment as se, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useNavigate as h, useParams as g } from "react-router-dom";
+import { useEventBus as _ } from "@burdenoff/fe-libs/shared/events";
 //#region src/tours/pages/TourBuilderPage.tsx
-var y = 250, b = [
+var v = 250, y = [
 	{
 		productId: "vibecontrols",
 		moduleId: "dashboard",
@@ -169,38 +171,38 @@ var y = 250, b = [
 		isModuleHome: !0
 	}
 ];
-function x(e) {
+function b(e) {
 	return e?.trim() || void 0;
 }
-function S(e) {
-	let t = x(e);
-	return t ? b.filter((e) => e.productId === t) : [];
+function x(e) {
+	let t = b(e);
+	return t ? y.filter((e) => e.productId === t) : [];
 }
-function C(e) {
+function ce(e) {
 	let t = /* @__PURE__ */ new Map();
-	for (let n of S(e)) (!t.get(n.moduleId) || n.isModuleHome) && t.set(n.moduleId, {
+	for (let n of x(e)) (!t.get(n.moduleId) || n.isModuleHome) && t.set(n.moduleId, {
 		moduleId: n.moduleId,
 		label: n.moduleLabel,
 		path: n.path
 	});
 	return [...t.values()];
 }
-function w(e, t) {
-	let n = x(t);
-	return n ? S(e).filter((e) => e.moduleId === n).map((e) => ({
+function le(e, t) {
+	let n = b(t);
+	return n ? x(e).filter((e) => e.moduleId === n).map((e) => ({
 		pageId: e.pageId,
 		label: e.pageLabel,
 		path: e.path
 	})) : [];
 }
-function T() {
-	let { tr: b } = a(), { tourId: x } = ie(), S = re(), { basePath: T = "/" } = e(), { hasPermission: E } = r(), D = !x || x === "new", O = E(i.TOUR_CREATE), ae = E(i.TOUR_UPDATE), oe = E(i.TOUR_TEMPLATE_CREATE), se = D ? O : ae, { tour: k, loadTour: A, createTour: ce, updateTour: j, saving: M, validationErrors: N, error: P } = o(x), { saveAsTemplate: F } = n(), { data: I, loading: L } = t({
+function S() {
+	let { tr: y } = a(), { tourId: b } = g(), x = h(), S = e(), { basePath: C = "/" } = S, w = _(), { hasPermission: T } = r(), E = !b || b === "new", ue = T(i.TOUR_CREATE), de = T(i.TOUR_UPDATE), fe = T(i.TOUR_TEMPLATE_CREATE), pe = E ? ue : de, { tour: D, loadTour: O, createTour: k, updateTour: A, saving: j, validationErrors: M, error: N } = s(b), { saveAsTemplate: P } = n(), { data: F, loading: I } = t({
 		variables: {
-			limit: y,
+			limit: v,
 			offset: 0
 		},
 		fetchPolicy: "cache-and-network"
-	}), [R, z] = u({
+	}), [L, R] = d({
 		name: "",
 		description: "",
 		productId: "",
@@ -213,140 +215,140 @@ function T() {
 		displayOrder: 1,
 		startDate: "",
 		endDate: ""
-	}), [B, V] = u(!1), [H, U] = u(!1), [W, G] = u(!1), K = l(!1), q = c(() => [...I?.platformProducts.items ?? []].sort((e, t) => e.name.localeCompare(t.name)), [I]), J = c(() => new Set(q.map((e) => e.slug)), [q]), Y = c(() => C(R.productId), [R.productId]), X = c(() => new Set(Y.map((e) => e.moduleId)), [Y]), Z = c(() => w(R.productId, R.moduleId), [R.moduleId, R.productId]), Q = c(() => new Set(Z.map((e) => e.pageId)), [Z]);
-	s(() => {
-		x && x !== "new" && (K.current = !1, A(x));
-	}, [x, A]), s(() => {
-		k && !K.current && (z(k), K.current = !0);
-	}, [k]), s(() => {
-		if (!R.productId || L) {
-			V(!1);
+	}), [z, B] = d(!1), [V, H] = d(!1), [U, W] = d(!1), G = u(!1), K = l(() => [...F?.platformProducts.items ?? []].sort((e, t) => e.name.localeCompare(t.name)), [F]), q = l(() => new Set(K.map((e) => e.slug)), [K]), J = l(() => ce(L.productId), [L.productId]), Y = l(() => new Set(J.map((e) => e.moduleId)), [J]), X = l(() => le(L.productId, L.moduleId), [L.moduleId, L.productId]), Z = l(() => new Set(X.map((e) => e.pageId)), [X]);
+	c(() => {
+		b && b !== "new" && (G.current = !1, O(b));
+	}, [b, O]), c(() => {
+		D && !G.current && (R(D), G.current = !0);
+	}, [D]), c(() => {
+		if (!L.productId || I) {
+			B(!1);
 			return;
 		}
-		V(q.length > 0 && !J.has(R.productId));
+		B(K.length > 0 && !q.has(L.productId));
 	}, [
-		R.productId,
-		J,
-		q.length,
-		L
-	]), s(() => {
-		if (!R.productId || !R.moduleId) {
-			U(!1);
+		L.productId,
+		q,
+		K.length,
+		I
+	]), c(() => {
+		if (!L.productId || !L.moduleId) {
+			H(!1);
 			return;
 		}
-		U(Y.length === 0 || !X.has(R.moduleId));
+		H(J.length === 0 || !Y.has(L.moduleId));
 	}, [
-		R.moduleId,
-		R.productId,
-		X,
-		Y.length
-	]), s(() => {
-		if (!R.productId || !R.pageId) {
-			G(!1);
+		L.moduleId,
+		L.productId,
+		Y,
+		J.length
+	]), c(() => {
+		if (!L.productId || !L.pageId) {
+			W(!1);
 			return;
 		}
-		G(Z.length === 0 || !Q.has(R.pageId));
+		W(X.length === 0 || !Z.has(L.pageId));
 	}, [
-		R.pageId,
-		R.productId,
-		Q,
-		Z.length
+		L.pageId,
+		L.productId,
+		Z,
+		X.length
 	]);
-	let le = !!(R.productId && !B && !J.has(R.productId)), ue = !!(R.moduleId && !H && !X.has(R.moduleId)), de = !!(R.pageId && !W && !Q.has(R.pageId)), fe = async (e) => {
+	let me = !!(L.productId && !z && !q.has(L.productId)), he = !!(L.moduleId && !V && !Y.has(L.moduleId)), ge = !!(L.pageId && !U && !Z.has(L.pageId)), _e = async (e) => {
 		e.preventDefault();
 		try {
-			x && x !== "new" ? await j(x, R) : await ce(R);
-		} catch (e) {
-			console.error("Failed to save tour:", e);
+			b && b !== "new" ? await A(b, L) : await k(L);
+		} catch {
+			o(w, "tour.save", S);
 		}
-	}, pe = () => {
-		S(`${T}/list`);
+	}, Q = () => {
+		x(`${C}/list`);
 	}, $ = (e) => {
 		if (!e) return "";
 		let t = new Date(e);
 		return Number.isNaN(t.getTime()) ? "" : (/* @__PURE__ */ new Date(t.getTime() - t.getTimezoneOffset() * 6e4)).toISOString().slice(0, 16);
 	};
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ m("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6 max-w-4xl mx-auto",
-		children: [/* @__PURE__ */ v("div", {
+		children: [/* @__PURE__ */ m("div", {
 			className: "flex items-center gap-4",
-			children: [/* @__PURE__ */ _("button", {
-				onClick: pe,
+			children: [/* @__PURE__ */ p("button", {
+				onClick: Q,
 				className: "p-2 hover:bg-accent rounded-md",
-				"aria-label": b("tourBuilder.goBack"),
-				children: /* @__PURE__ */ _(f, { size: 20 })
-			}), /* @__PURE__ */ v("div", {
+				"aria-label": y("tourBuilder.goBack"),
+				children: /* @__PURE__ */ p(ee, { size: 20 })
+			}), /* @__PURE__ */ m("div", {
 				className: "flex-1",
-				children: [/* @__PURE__ */ _("h1", {
+				children: [/* @__PURE__ */ p("h1", {
 					className: "text-xl sm:text-2xl font-bold text-foreground",
-					children: b(x && x !== "new" ? "tourBuilder.titleEdit" : "tourBuilder.titleCreate")
-				}), /* @__PURE__ */ _("p", {
+					children: y(b && b !== "new" ? "tourBuilder.titleEdit" : "tourBuilder.titleCreate")
+				}), /* @__PURE__ */ p("p", {
 					className: "text-sm text-muted-foreground",
-					children: b("tourBuilder.subtitle")
+					children: y("tourBuilder.subtitle")
 				})]
 			})]
-		}), /* @__PURE__ */ v("form", {
-			onSubmit: fe,
+		}), /* @__PURE__ */ m("form", {
+			onSubmit: _e,
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ m("div", {
 					className: "border border-border rounded-md p-4 sm:p-6 bg-card",
-					children: [/* @__PURE__ */ _("h2", {
+					children: [/* @__PURE__ */ p("h2", {
 						className: "text-lg font-semibold mb-4",
-						children: b("tourBuilder.sectionBasicInfo")
-					}), /* @__PURE__ */ v("div", {
+						children: y("tourBuilder.sectionBasicInfo")
+					}), /* @__PURE__ */ m("div", {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 								className: "block text-sm font-medium mb-2",
 								htmlFor: "tour-name",
-								children: b("tourBuilder.labelName")
-							}), /* @__PURE__ */ _("input", {
+								children: y("tourBuilder.labelName")
+							}), /* @__PURE__ */ p("input", {
 								id: "tour-name",
 								type: "text",
-								value: R.name || "",
-								onChange: (e) => z({
-									...R,
+								value: L.name || "",
+								onChange: (e) => R({
+									...L,
 									name: e.target.value
 								}),
 								className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
 								required: !0
 							})] }),
-							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 								className: "block text-sm font-medium mb-2",
 								htmlFor: "tour-description",
-								children: b("tourBuilder.labelDescription")
-							}), /* @__PURE__ */ _("textarea", {
+								children: y("tourBuilder.labelDescription")
+							}), /* @__PURE__ */ p("textarea", {
 								id: "tour-description",
-								value: R.description || "",
-								onChange: (e) => z({
-									...R,
+								value: L.description || "",
+								onChange: (e) => R({
+									...L,
 									description: e.target.value
 								}),
 								rows: 3,
 								className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground"
 							})] }),
-							/* @__PURE__ */ v("div", { children: [
-								/* @__PURE__ */ _("label", {
+							/* @__PURE__ */ m("div", { children: [
+								/* @__PURE__ */ p("label", {
 									className: "block text-sm font-medium mb-2",
 									htmlFor: "product-id",
-									children: b("tourBuilder.labelProductId")
+									children: y("tourBuilder.labelProductId")
 								}),
-								/* @__PURE__ */ v("select", {
+								/* @__PURE__ */ m("select", {
 									id: "product-id",
-									value: B ? "__custom__" : R.productId || "",
+									value: z ? "__custom__" : L.productId || "",
 									onChange: (e) => {
 										if (e.target.value === "__custom__") {
-											V(!0), z({
-												...R,
+											B(!0), R({
+												...L,
 												productId: "",
 												moduleId: void 0,
 												pageId: void 0
 											});
 											return;
 										}
-										V(!1), U(!1), G(!1), z({
-											...R,
+										B(!1), H(!1), W(!1), R({
+											...L,
 											productId: e.target.value,
 											moduleId: void 0,
 											pageId: void 0
@@ -355,15 +357,15 @@ function T() {
 									className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
 									required: !0,
 									children: [
-										/* @__PURE__ */ _("option", {
+										/* @__PURE__ */ p("option", {
 											value: "",
 											children: "Select product"
 										}),
-										L ? /* @__PURE__ */ _("option", {
+										I ? /* @__PURE__ */ p("option", {
 											disabled: !0,
 											children: "Loading products..."
 										}) : null,
-										q.map((e) => /* @__PURE__ */ v("option", {
+										K.map((e) => /* @__PURE__ */ m("option", {
 											value: e.slug,
 											children: [
 												e.name,
@@ -372,22 +374,22 @@ function T() {
 												")"
 											]
 										}, e.id)),
-										le ? /* @__PURE__ */ v("option", {
-											value: R.productId,
-											children: ["Current: ", R.productId]
+										me ? /* @__PURE__ */ m("option", {
+											value: L.productId,
+											children: ["Current: ", L.productId]
 										}) : null,
-										/* @__PURE__ */ _("option", {
+										/* @__PURE__ */ p("option", {
 											value: "__custom__",
 											children: "Custom product slug"
 										})
 									]
 								}),
-								B ? /* @__PURE__ */ _("input", {
+								z ? /* @__PURE__ */ p("input", {
 									id: "product-id-custom",
 									type: "text",
-									value: R.productId || "",
-									onChange: (e) => z({
-										...R,
+									value: L.productId || "",
+									onChange: (e) => R({
+										...L,
 										productId: e.target.value,
 										moduleId: void 0,
 										pageId: void 0
@@ -397,40 +399,40 @@ function T() {
 									required: !0
 								}) : null
 							] }),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-								children: [/* @__PURE__ */ v("div", { children: [
-									/* @__PURE__ */ _("label", {
+								children: [/* @__PURE__ */ m("div", { children: [
+									/* @__PURE__ */ p("label", {
 										className: "block text-sm font-medium mb-2",
 										htmlFor: "module-id",
 										children: "Module ID"
 									}),
-									/* @__PURE__ */ v("select", {
+									/* @__PURE__ */ m("select", {
 										id: "module-id",
-										value: H ? "__custom__" : R.moduleId || "",
+										value: V ? "__custom__" : L.moduleId || "",
 										onChange: (e) => {
 											if (e.target.value === "__custom__") {
-												U(!0), z({
-													...R,
+												H(!0), R({
+													...L,
 													moduleId: "",
 													pageId: void 0
 												});
 												return;
 											}
-											U(!1), G(!1), z({
-												...R,
+											H(!1), W(!1), R({
+												...L,
 												moduleId: e.target.value || void 0,
 												pageId: void 0
 											});
 										},
 										className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
-										disabled: !R.productId,
+										disabled: !L.productId,
 										children: [
-											/* @__PURE__ */ _("option", {
+											/* @__PURE__ */ p("option", {
 												value: "",
 												children: "All modules"
 											}),
-											Y.map((e) => /* @__PURE__ */ v("option", {
+											J.map((e) => /* @__PURE__ */ m("option", {
 												value: e.moduleId,
 												children: [
 													e.label,
@@ -439,58 +441,58 @@ function T() {
 													")"
 												]
 											}, e.moduleId)),
-											ue ? /* @__PURE__ */ v("option", {
-												value: R.moduleId,
-												children: ["Current: ", R.moduleId]
+											he ? /* @__PURE__ */ m("option", {
+												value: L.moduleId,
+												children: ["Current: ", L.moduleId]
 											}) : null,
-											/* @__PURE__ */ _("option", {
+											/* @__PURE__ */ p("option", {
 												value: "__custom__",
 												children: "Custom module ID"
 											})
 										]
 									}),
-									H ? /* @__PURE__ */ _("input", {
+									V ? /* @__PURE__ */ p("input", {
 										id: "module-id-custom",
 										type: "text",
-										value: R.moduleId || "",
-										onChange: (e) => z({
-											...R,
+										value: L.moduleId || "",
+										onChange: (e) => R({
+											...L,
 											moduleId: e.target.value || void 0,
 											pageId: void 0
 										}),
 										className: "mt-2 w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
 										placeholder: "vibecontrols"
 									}) : null
-								] }), /* @__PURE__ */ v("div", { children: [
-									/* @__PURE__ */ _("label", {
+								] }), /* @__PURE__ */ m("div", { children: [
+									/* @__PURE__ */ p("label", {
 										className: "block text-sm font-medium mb-2",
 										htmlFor: "page-id",
 										children: "Page ID"
 									}),
-									/* @__PURE__ */ v("select", {
+									/* @__PURE__ */ m("select", {
 										id: "page-id",
-										value: W ? "__custom__" : R.pageId || "",
+										value: U ? "__custom__" : L.pageId || "",
 										onChange: (e) => {
 											if (e.target.value === "__custom__") {
-												G(!0), z({
-													...R,
+												W(!0), R({
+													...L,
 													pageId: ""
 												});
 												return;
 											}
-											G(!1), z({
-												...R,
+											W(!1), R({
+												...L,
 												pageId: e.target.value || void 0
 											});
 										},
 										className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
-										disabled: !R.productId,
+										disabled: !L.productId,
 										children: [
-											/* @__PURE__ */ _("option", {
+											/* @__PURE__ */ p("option", {
 												value: "",
 												children: "All pages"
 											}),
-											Z.map((e) => /* @__PURE__ */ v("option", {
+											X.map((e) => /* @__PURE__ */ m("option", {
 												value: e.pageId,
 												children: [
 													e.label,
@@ -499,22 +501,22 @@ function T() {
 													")"
 												]
 											}, e.pageId)),
-											de ? /* @__PURE__ */ v("option", {
-												value: R.pageId,
-												children: ["Current: ", R.pageId]
+											ge ? /* @__PURE__ */ m("option", {
+												value: L.pageId,
+												children: ["Current: ", L.pageId]
 											}) : null,
-											/* @__PURE__ */ _("option", {
+											/* @__PURE__ */ p("option", {
 												value: "__custom__",
 												children: "Custom page ID"
 											})
 										]
 									}),
-									W ? /* @__PURE__ */ _("input", {
+									U ? /* @__PURE__ */ p("input", {
 										id: "page-id-custom",
 										type: "text",
-										value: R.pageId || "",
-										onChange: (e) => z({
-											...R,
+										value: L.pageId || "",
+										onChange: (e) => R({
+											...L,
 											pageId: e.target.value || void 0
 										}),
 										className: "mt-2 w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
@@ -522,17 +524,17 @@ function T() {
 									}) : null
 								] })]
 							}),
-							/* @__PURE__ */ v("label", {
+							/* @__PURE__ */ m("label", {
 								className: "flex items-center gap-3 cursor-pointer",
-								children: [/* @__PURE__ */ _("input", {
+								children: [/* @__PURE__ */ p("input", {
 									type: "checkbox",
-									checked: R.isActive ?? !0,
-									onChange: (e) => z({
-										...R,
+									checked: L.isActive ?? !0,
+									onChange: (e) => R({
+										...L,
 										isActive: e.target.checked
 									}),
 									className: "w-4 h-4 rounded"
-								}), /* @__PURE__ */ _("span", {
+								}), /* @__PURE__ */ p("span", {
 									className: "text-sm font-medium",
 									children: "Active"
 								})]
@@ -540,93 +542,93 @@ function T() {
 						]
 					})]
 				}),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ m("div", {
 					className: "border border-border rounded-md p-4 sm:p-6 bg-card",
-					children: [/* @__PURE__ */ _("h2", {
+					children: [/* @__PURE__ */ p("h2", {
 						className: "text-lg font-semibold mb-4",
-						children: b("tourBuilder.sectionTriggerSettings")
-					}), /* @__PURE__ */ v("div", {
+						children: y("tourBuilder.sectionTriggerSettings")
+					}), /* @__PURE__ */ m("div", {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 								className: "block text-sm font-medium mb-2",
 								htmlFor: "trigger-type",
-								children: b("tourBuilder.labelTriggerType")
-							}), /* @__PURE__ */ v("select", {
+								children: y("tourBuilder.labelTriggerType")
+							}), /* @__PURE__ */ m("select", {
 								id: "trigger-type",
-								value: R.triggerType || "MANUAL",
-								onChange: (e) => z({
-									...R,
+								value: L.triggerType || "MANUAL",
+								onChange: (e) => R({
+									...L,
 									triggerType: e.target.value
 								}),
 								className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground",
 								children: [
-									/* @__PURE__ */ _("option", {
+									/* @__PURE__ */ p("option", {
 										value: "MANUAL",
-										children: b("tourBuilder.triggerManual")
+										children: y("tourBuilder.triggerManual")
 									}),
-									/* @__PURE__ */ _("option", {
+									/* @__PURE__ */ p("option", {
 										value: "AUTO_FIRST_VISIT",
-										children: b("tourBuilder.triggerAutoFirstVisit")
+										children: y("tourBuilder.triggerAutoFirstVisit")
 									}),
-									/* @__PURE__ */ _("option", {
+									/* @__PURE__ */ p("option", {
 										value: "AUTO_ALWAYS",
-										children: b("tourBuilder.triggerAutoAlways")
+										children: y("tourBuilder.triggerAutoAlways")
 									}),
-									/* @__PURE__ */ _("option", {
+									/* @__PURE__ */ p("option", {
 										value: "ON_EVENT",
-										children: b("tourBuilder.triggerOnEvent")
+										children: y("tourBuilder.triggerOnEvent")
 									}),
-									/* @__PURE__ */ _("option", {
+									/* @__PURE__ */ p("option", {
 										value: "SCHEDULED",
-										children: b("tourBuilder.triggerScheduled")
+										children: y("tourBuilder.triggerScheduled")
 									})
 								]
 							})] }),
-							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 								className: "block text-sm font-medium mb-2",
 								htmlFor: "priority",
-								children: b("tourBuilder.labelPriority")
-							}), /* @__PURE__ */ _("input", {
+								children: y("tourBuilder.labelPriority")
+							}), /* @__PURE__ */ p("input", {
 								id: "priority",
 								type: "number",
 								min: "1",
 								max: "100",
-								value: R.priority || 50,
+								value: L.priority || 50,
 								onChange: (e) => {
 									let t = Number.parseInt(e.target.value, 10) || 50;
-									z({
-										...R,
+									R({
+										...L,
 										priority: t
 									});
 								},
 								className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground"
 							})] }),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-								children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+								children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 									className: "block text-sm font-medium mb-2",
 									htmlFor: "tour-start-date",
 									children: "Start Date"
-								}), /* @__PURE__ */ _("input", {
+								}), /* @__PURE__ */ p("input", {
 									id: "tour-start-date",
 									type: "datetime-local",
-									value: $(R.startDate),
-									onChange: (e) => z({
-										...R,
+									value: $(L.startDate),
+									onChange: (e) => R({
+										...L,
 										startDate: e.target.value ? new Date(e.target.value).toISOString() : void 0
 									}),
 									className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground"
-								})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+								})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 									className: "block text-sm font-medium mb-2",
 									htmlFor: "tour-end-date",
 									children: "End Date"
-								}), /* @__PURE__ */ _("input", {
+								}), /* @__PURE__ */ p("input", {
 									id: "tour-end-date",
 									type: "datetime-local",
-									value: $(R.endDate),
-									onChange: (e) => z({
-										...R,
+									value: $(L.endDate),
+									onChange: (e) => R({
+										...L,
 										endDate: e.target.value ? new Date(e.target.value).toISOString() : void 0
 									}),
 									className: "w-full px-3 py-2 border border-border rounded-md bg-background text-foreground"
@@ -635,94 +637,94 @@ function T() {
 						]
 					})]
 				}),
-				P && /* @__PURE__ */ v("div", {
+				N && /* @__PURE__ */ m("div", {
 					className: "border border-destructive rounded-md p-4 bg-destructive/10",
-					children: [/* @__PURE__ */ _("h3", {
+					children: [/* @__PURE__ */ p("h3", {
 						className: "font-semibold text-destructive mb-2",
-						children: b("tourBuilder.errorTitle")
-					}), /* @__PURE__ */ _("p", {
+						children: y("tourBuilder.errorTitle")
+					}), /* @__PURE__ */ p("p", {
 						className: "text-sm text-destructive",
-						children: P.message
+						children: N.message
 					})]
 				}),
-				N.length > 0 && /* @__PURE__ */ v("div", {
+				M.length > 0 && /* @__PURE__ */ m("div", {
 					className: "border border-destructive rounded-md p-4 bg-destructive/10",
-					children: [/* @__PURE__ */ _("h3", {
+					children: [/* @__PURE__ */ p("h3", {
 						className: "font-semibold text-destructive mb-2",
-						children: b("tourBuilder.validationErrorsTitle")
-					}), /* @__PURE__ */ _("ul", {
+						children: y("tourBuilder.validationErrorsTitle")
+					}), /* @__PURE__ */ p("ul", {
 						className: "list-disc list-inside space-y-1",
-						children: N.map((e, t) => /* @__PURE__ */ _("li", {
+						children: M.map((e, t) => /* @__PURE__ */ p("li", {
 							className: "text-sm text-destructive",
 							children: e.message
 						}, t))
 					})]
 				}),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ m("div", {
 					className: "flex flex-wrap gap-3",
-					children: [/* @__PURE__ */ _(d, {
-						permission: D ? i.TOUR_CREATE : i.TOUR_UPDATE,
-						children: /* @__PURE__ */ v("button", {
+					children: [/* @__PURE__ */ p(f, {
+						permission: E ? i.TOUR_CREATE : i.TOUR_UPDATE,
+						children: /* @__PURE__ */ m("button", {
 							type: "submit",
-							disabled: M || !se,
+							disabled: j || !pe,
 							className: "flex-1 min-w-[200px] px-4 py-2 bg-primary text-primary-foreground rounded-md hover:bg-primary/90 disabled:opacity-50 flex items-center justify-center gap-2",
-							children: [/* @__PURE__ */ _(h, { size: 20 }), b(M ? "tourBuilder.saving" : x && x !== "new" ? "tourBuilder.updateTour" : "tourBuilder.createAndAddSteps")]
+							children: [/* @__PURE__ */ p(oe, { size: 20 }), y(j ? "tourBuilder.saving" : b && b !== "new" ? "tourBuilder.updateTour" : "tourBuilder.createAndAddSteps")]
 						})
-					}), x && x !== "new" && /* @__PURE__ */ v(g, { children: [
-						/* @__PURE__ */ v("button", {
+					}), b && b !== "new" && /* @__PURE__ */ m(se, { children: [
+						/* @__PURE__ */ m("button", {
 							type: "button",
-							onClick: () => S(`${T}/${x}/steps`),
+							onClick: () => x(`${C}/${b}/steps`),
 							className: "px-4 py-2 bg-secondary text-secondary-foreground rounded-md hover:bg-secondary/80 flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ _(m, { size: 20 }),
-								b("tourBuilder.editSteps"),
-								k?.steps && k.steps.length > 0 && /* @__PURE__ */ _("span", {
+								/* @__PURE__ */ p(ae, { size: 20 }),
+								y("tourBuilder.editSteps"),
+								D?.steps && D.steps.length > 0 && /* @__PURE__ */ p("span", {
 									className: "ml-1 px-2 py-0.5 text-xs bg-primary/20 rounded-full",
-									children: k.steps.length
+									children: D.steps.length
 								})
 							]
 						}),
-						/* @__PURE__ */ v("button", {
+						/* @__PURE__ */ m("button", {
 							type: "button",
-							onClick: () => S(`${T}/${x}/preview`),
+							onClick: () => x(`${C}/${b}/preview`),
 							className: "px-4 py-2 border border-border rounded-md hover:bg-accent flex items-center gap-2",
-							children: [/* @__PURE__ */ _(te, { size: 20 }), b("tourBuilder.preview")]
+							children: [/* @__PURE__ */ p(re, { size: 20 }), y("tourBuilder.preview")]
 						}),
-						/* @__PURE__ */ v("button", {
+						/* @__PURE__ */ m("button", {
 							type: "button",
-							onClick: () => S(`${T}/${x}/analytics`),
+							onClick: () => x(`${C}/${b}/analytics`),
 							className: "px-4 py-2 border border-border rounded-md hover:bg-accent flex items-center gap-2",
-							children: [/* @__PURE__ */ _(p, { size: 20 }), b("tourBuilder.analytics")]
+							children: [/* @__PURE__ */ p(te, { size: 20 }), y("tourBuilder.analytics")]
 						}),
-						/* @__PURE__ */ v("button", {
+						/* @__PURE__ */ m("button", {
 							type: "button",
-							onClick: () => S(`${T}/${x}/schedule`),
+							onClick: () => x(`${C}/${b}/schedule`),
 							className: "px-4 py-2 border border-border rounded-md hover:bg-accent flex items-center gap-2",
-							children: [/* @__PURE__ */ _(ee, { size: 20 }), "Schedule"]
+							children: [/* @__PURE__ */ p(ne, { size: 20 }), "Schedule"]
 						}),
-						/* @__PURE__ */ _(d, {
+						/* @__PURE__ */ p(f, {
 							permission: i.TOUR_TEMPLATE_CREATE,
-							children: /* @__PURE__ */ v("button", {
+							children: /* @__PURE__ */ m("button", {
 								type: "button",
 								onClick: async () => {
-									if (!x || x === "new") return;
-									let e = `${R.name || k?.name || "Tour"} Template`, t = window.prompt("Template name", e);
+									if (!b || b === "new") return;
+									let e = `${L.name || D?.name || "Tour"} Template`, t = window.prompt("Template name", e);
 									if (!t) return;
 									let n = window.prompt("Template category (ONBOARDING, FEATURE_ANNOUNCEMENT, HELP, CUSTOM)", "ONBOARDING") || "ONBOARDING";
 									try {
-										await F(x, {
+										await P(b, {
 											name: t,
-											description: R.description,
+											description: L.description,
 											category: n,
 											isPublic: !1
-										}), S(`${T}/templates`);
-									} catch (e) {
-										console.error("Failed to save template:", e);
+										}), x(`${C}/templates`);
+									} catch {
+										o(w, "template.save", S);
 									}
 								},
-								disabled: !oe,
+								disabled: !fe,
 								className: "px-4 py-2 border border-border rounded-md hover:bg-accent flex items-center gap-2 disabled:opacity-50",
-								children: [/* @__PURE__ */ _(ne, { size: 20 }), "Save as Template"]
+								children: [/* @__PURE__ */ p(ie, { size: 20 }), "Save as Template"]
 							})
 						})
 					] })]
@@ -732,6 +734,6 @@ function T() {
 	});
 }
 //#endregion
-export { T as TourBuilderPage };
+export { S as TourBuilderPage };
 
 //# sourceMappingURL=TourBuilderPage.js.map