@burdenoff/microfe-tours 2026.830.1 → 2026.830.2

package/dist/tours/hooks/useStepSequencer.js

@@ -1,53 +1,62 @@
-import { useToursStore as e } from "../store/toursStore.js";
-import { useCallback as t } from "react";
+import { useTr as e } from "../i18n.js";
+import { useToursStore as t } from "../store/toursStore.js";
+import { useCallback as n } from "react";
 //#region src/tours/hooks/useStepSequencer.ts
-function n() {
-	let { stepSequence: n, selectedStep: r, setSelectedStep: i, addStep: a, removeStep: o, updateStep: s, reorderSteps: c } = e();
+function r() {
+	let r = e(), { stepSequence: i, selectedStep: a, setSelectedStep: o, addStep: s, removeStep: c, updateStep: l, reorderSteps: u } = t();
 	return {
-		steps: n,
-		selectedStep: r,
-		selectStep: i,
-		createStep: t((e) => {
-			a({
-				title: e?.title || "New Step",
+		steps: i,
+		selectedStep: a,
+		selectStep: o,
+		createStep: n((e) => {
+			s({
+				title: e?.title || r("stepEditor.newStep", "New Step"),
 				content: e?.content || "",
 				targetSelector: e?.targetSelector || "",
 				placement: e?.placement || "AUTO",
-				stepOrder: n.length + 1,
+				stepOrder: i.length + 1,
 				...e
 			});
-		}, [a, n.length]),
-		deleteStep: t((e) => {
-			o(e), r?.id === e && i(null);
 		}, [
-			o,
-			r,
-			i
+			s,
+			i.length,
+			r
 		]),
-		updateStepField: t((e, t, n) => {
-			s(e, { [t]: n });
-		}, [s]),
-		setStepSelector: t((e, t, n) => {
-			n === "mobile" ? s(e, { targetSelectorMobile: t }) : n === "tablet" ? s(e, { targetSelectorTablet: t }) : n === "desktop" ? s(e, { targetSelectorDesktop: t }) : s(e, { targetSelector: t });
-		}, [s]),
-		setStepPlacement: t((e, t) => {
-			s(e, { placement: t });
-		}, [s]),
-		moveStep: t((e, t) => {
-			c(e, t);
-		}, [c]),
-		duplicateStep: t((e) => {
-			let t = n.find((t) => t.id === e);
-			t && a({
+		deleteStep: n((e) => {
+			c(e), a?.id === e && o(null);
+		}, [
+			c,
+			a,
+			o
+		]),
+		updateStepField: n((e, t, n) => {
+			l(e, { [t]: n });
+		}, [l]),
+		setStepSelector: n((e, t, n) => {
+			n === "mobile" ? l(e, { targetSelectorMobile: t }) : n === "tablet" ? l(e, { targetSelectorTablet: t }) : n === "desktop" ? l(e, { targetSelectorDesktop: t }) : l(e, { targetSelector: t });
+		}, [l]),
+		setStepPlacement: n((e, t) => {
+			l(e, { placement: t });
+		}, [l]),
+		moveStep: n((e, t) => {
+			u(e, t);
+		}, [u]),
+		duplicateStep: n((e) => {
+			let t = i.find((t) => t.id === e);
+			t && s({
 				...t,
 				id: void 0,
-				title: `${t.title} (Copy)`,
-				stepOrder: n.length
+				title: `${t.title} ${r("stepEditor.copySuffix", "(Copy)")}`,
+				stepOrder: i.length
 			});
-		}, [n, a])
+		}, [
+			i,
+			s,
+			r
+		])
 	};
 }
 //#endregion
-export { n as useStepSequencer };
+export { r as useStepSequencer };
 
 //# sourceMappingURL=useStepSequencer.js.map

package/dist/tours/hooks/useStepSequencer.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStepSequencer.js","names":[],"sources":["../../../src/tours/hooks/useStepSequencer.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useToursStore } from '../store/toursStore';\nimport type { TourStep, StepPlacement } from '../types';\n\n/**\n * Hook for step sequencer functionality\n * Manages step creation, reordering, and editing locally.\n * Steps are persisted to backend via useTourBuilder.syncSteps()\n */\nexport function useStepSequencer() {\n  const {\n    stepSequence,\n    selectedStep,\n    setSelectedStep,\n    addStep,\n    removeStep,\n    updateStep,\n    reorderSteps,\n  } = useToursStore();\n\n  /**\n   * Create new step\n   */\n  const createStep = useCallback(\n    (stepData?: Partial<TourStep>) => {\n      const newStep: Partial<TourStep> = {\n        title: stepData?.title || 'New Step',\n        content: stepData?.content || '',\n        targetSelector: stepData?.targetSelector || '',\n        placement: stepData?.placement || 'AUTO',\n        stepOrder: stepSequence.length + 1,\n        ...stepData,\n      };\n      addStep(newStep);\n    },\n    [addStep, stepSequence.length]\n  );\n\n  /**\n   * Delete step\n   */\n  const deleteStep = useCallback(\n    (stepId: string) => {\n      removeStep(stepId);\n      if (selectedStep?.id === stepId) {\n        setSelectedStep(null);\n      }\n    },\n    [removeStep, selectedStep, setSelectedStep]\n  );\n\n  /**\n   * Update step field\n   */\n  const updateStepField = useCallback(\n    (stepId: string, field: keyof TourStep, value: unknown) => {\n      updateStep(stepId, { [field]: value });\n    },\n    [updateStep]\n  );\n\n  /**\n   * Set step target selector\n   */\n  const setStepSelector = useCallback(\n    (stepId: string, selector: string, deviceType?: 'mobile' | 'tablet' | 'desktop') => {\n      if (deviceType === 'mobile') {\n        updateStep(stepId, { targetSelectorMobile: selector });\n      } else if (deviceType === 'tablet') {\n        updateStep(stepId, { targetSelectorTablet: selector });\n      } else if (deviceType === 'desktop') {\n        updateStep(stepId, { targetSelectorDesktop: selector });\n      } else {\n        updateStep(stepId, { targetSelector: selector });\n      }\n    },\n    [updateStep]\n  );\n\n  /**\n   * Set step placement\n   */\n  const setStepPlacement = useCallback(\n    (stepId: string, placement: StepPlacement) => {\n      updateStep(stepId, { placement });\n    },\n    [updateStep]\n  );\n\n  /**\n   * Move step\n   */\n  const moveStep = useCallback(\n    (fromIndex: number, toIndex: number) => {\n      reorderSteps(fromIndex, toIndex);\n    },\n    [reorderSteps]\n  );\n\n  /**\n   * Duplicate step\n   */\n  const duplicateStep = useCallback(\n    (stepId: string) => {\n      const step = stepSequence.find((s) => s.id === stepId);\n      if (step) {\n        const duplicatedStep: Partial<TourStep> = {\n          ...step,\n          id: undefined,\n          title: `${step.title} (Copy)`,\n          stepOrder: stepSequence.length,\n        };\n        addStep(duplicatedStep);\n      }\n    },\n    [stepSequence, addStep]\n  );\n\n  return {\n    steps: stepSequence,\n    selectedStep,\n    selectStep: setSelectedStep,\n    createStep,\n    deleteStep,\n    updateStepField,\n    setStepSelector,\n    setStepPlacement,\n    moveStep,\n    duplicateStep,\n  };\n}\n"],"mappings":";;;AASA,SAAgB,IAAmB;CACjC,IAAM,EACJ,iBACA,iBACA,oBACA,YACA,eACA,eACA,oBACE,GAAe;AAoGnB,QAAO;EACL,OAAO;EACP;EACA,YAAY;EACZ,YAnGiB,GAChB,MAAiC;AAShC,KARmC;IACjC,OAAO,GAAU,SAAS;IAC1B,SAAS,GAAU,WAAW;IAC9B,gBAAgB,GAAU,kBAAkB;IAC5C,WAAW,GAAU,aAAa;IAClC,WAAW,EAAa,SAAS;IACjC,GAAG;IACJ,CACe;KAElB,CAAC,GAAS,EAAa,OAAO,CAC/B;EAuFC,YAlFiB,GAChB,MAAmB;AAElB,GADA,EAAW,EAAO,EACd,GAAc,OAAO,KACvB,EAAgB,KAAK;KAGzB;GAAC;GAAY;GAAc;GAAgB,CAC5C;EA2EC,iBAtEsB,GACrB,GAAgB,GAAuB,MAAmB;AACzD,KAAW,GAAQ,GAAG,IAAQ,GAAO,CAAC;KAExC,CAAC,EAAW,CACb;EAkEC,iBA7DsB,GACrB,GAAgB,GAAkB,MAAiD;AAClF,GAAI,MAAe,WACjB,EAAW,GAAQ,EAAE,sBAAsB,GAAU,CAAC,GAC7C,MAAe,WACxB,EAAW,GAAQ,EAAE,sBAAsB,GAAU,CAAC,GAC7C,MAAe,YACxB,EAAW,GAAQ,EAAE,uBAAuB,GAAU,CAAC,GAEvD,EAAW,GAAQ,EAAE,gBAAgB,GAAU,CAAC;KAGpD,CAAC,EAAW,CACb;EAiDC,kBA5CuB,GACtB,GAAgB,MAA6B;AAC5C,KAAW,GAAQ,EAAE,cAAW,CAAC;KAEnC,CAAC,EAAW,CACb;EAwCC,UAnCe,GACd,GAAmB,MAAoB;AACtC,KAAa,GAAW,EAAQ;KAElC,CAAC,EAAa,CACf;EA+BC,eA1BoB,GACnB,MAAmB;GAClB,IAAM,IAAO,EAAa,MAAM,MAAM,EAAE,OAAO,EAAO;AACtD,GAAI,KAOF,EAN0C;IACxC,GAAG;IACH,IAAI,KAAA;IACJ,OAAO,GAAG,EAAK,MAAM;IACrB,WAAW,EAAa;IACzB,CACsB;KAG3B,CAAC,GAAc,EAAQ,CACxB;EAaA"}
+{"version":3,"file":"useStepSequencer.js","names":[],"sources":["../../../src/tours/hooks/useStepSequencer.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useToursStore } from '../store/toursStore';\nimport { useTr } from '../i18n';\nimport type { TourStep, StepPlacement } from '../types';\n\n/**\n * Hook for step sequencer functionality\n * Manages step creation, reordering, and editing locally.\n * Steps are persisted to backend via useTourBuilder.syncSteps()\n */\nexport function useStepSequencer() {\n  const tr = useTr();\n  const {\n    stepSequence,\n    selectedStep,\n    setSelectedStep,\n    addStep,\n    removeStep,\n    updateStep,\n    reorderSteps,\n  } = useToursStore();\n\n  /**\n   * Create new step\n   */\n  const createStep = useCallback(\n    (stepData?: Partial<TourStep>) => {\n      const newStep: Partial<TourStep> = {\n        title: stepData?.title || tr('stepEditor.newStep', 'New Step'),\n        content: stepData?.content || '',\n        targetSelector: stepData?.targetSelector || '',\n        placement: stepData?.placement || 'AUTO',\n        stepOrder: stepSequence.length + 1,\n        ...stepData,\n      };\n      addStep(newStep);\n    },\n    [addStep, stepSequence.length, tr]\n  );\n\n  /**\n   * Delete step\n   */\n  const deleteStep = useCallback(\n    (stepId: string) => {\n      removeStep(stepId);\n      if (selectedStep?.id === stepId) {\n        setSelectedStep(null);\n      }\n    },\n    [removeStep, selectedStep, setSelectedStep]\n  );\n\n  /**\n   * Update step field\n   */\n  const updateStepField = useCallback(\n    (stepId: string, field: keyof TourStep, value: unknown) => {\n      updateStep(stepId, { [field]: value });\n    },\n    [updateStep]\n  );\n\n  /**\n   * Set step target selector\n   */\n  const setStepSelector = useCallback(\n    (stepId: string, selector: string, deviceType?: 'mobile' | 'tablet' | 'desktop') => {\n      if (deviceType === 'mobile') {\n        updateStep(stepId, { targetSelectorMobile: selector });\n      } else if (deviceType === 'tablet') {\n        updateStep(stepId, { targetSelectorTablet: selector });\n      } else if (deviceType === 'desktop') {\n        updateStep(stepId, { targetSelectorDesktop: selector });\n      } else {\n        updateStep(stepId, { targetSelector: selector });\n      }\n    },\n    [updateStep]\n  );\n\n  /**\n   * Set step placement\n   */\n  const setStepPlacement = useCallback(\n    (stepId: string, placement: StepPlacement) => {\n      updateStep(stepId, { placement });\n    },\n    [updateStep]\n  );\n\n  /**\n   * Move step\n   */\n  const moveStep = useCallback(\n    (fromIndex: number, toIndex: number) => {\n      reorderSteps(fromIndex, toIndex);\n    },\n    [reorderSteps]\n  );\n\n  /**\n   * Duplicate step\n   */\n  const duplicateStep = useCallback(\n    (stepId: string) => {\n      const step = stepSequence.find((s) => s.id === stepId);\n      if (step) {\n        const duplicatedStep: Partial<TourStep> = {\n          ...step,\n          id: undefined,\n          title: `${step.title} ${tr('stepEditor.copySuffix', '(Copy)')}`,\n          stepOrder: stepSequence.length,\n        };\n        addStep(duplicatedStep);\n      }\n    },\n    [stepSequence, addStep, tr]\n  );\n\n  return {\n    steps: stepSequence,\n    selectedStep,\n    selectStep: setSelectedStep,\n    createStep,\n    deleteStep,\n    updateStepField,\n    setStepSelector,\n    setStepPlacement,\n    moveStep,\n    duplicateStep,\n  };\n}\n"],"mappings":";;;;AAUA,SAAgB,IAAmB;CACjC,IAAM,IAAK,GAAO,EACZ,EACJ,iBACA,iBACA,oBACA,YACA,eACA,eACA,oBACE,GAAe;AAoGnB,QAAO;EACL,OAAO;EACP;EACA,YAAY;EACZ,YAnGiB,GAChB,MAAiC;AAShC,KARmC;IACjC,OAAO,GAAU,SAAS,EAAG,sBAAsB,WAAW;IAC9D,SAAS,GAAU,WAAW;IAC9B,gBAAgB,GAAU,kBAAkB;IAC5C,WAAW,GAAU,aAAa;IAClC,WAAW,EAAa,SAAS;IACjC,GAAG;IACJ,CACe;KAElB;GAAC;GAAS,EAAa;GAAQ;GAAG,CACnC;EAuFC,YAlFiB,GAChB,MAAmB;AAElB,GADA,EAAW,EAAO,EACd,GAAc,OAAO,KACvB,EAAgB,KAAK;KAGzB;GAAC;GAAY;GAAc;GAAgB,CAC5C;EA2EC,iBAtEsB,GACrB,GAAgB,GAAuB,MAAmB;AACzD,KAAW,GAAQ,GAAG,IAAQ,GAAO,CAAC;KAExC,CAAC,EAAW,CACb;EAkEC,iBA7DsB,GACrB,GAAgB,GAAkB,MAAiD;AAClF,GAAI,MAAe,WACjB,EAAW,GAAQ,EAAE,sBAAsB,GAAU,CAAC,GAC7C,MAAe,WACxB,EAAW,GAAQ,EAAE,sBAAsB,GAAU,CAAC,GAC7C,MAAe,YACxB,EAAW,GAAQ,EAAE,uBAAuB,GAAU,CAAC,GAEvD,EAAW,GAAQ,EAAE,gBAAgB,GAAU,CAAC;KAGpD,CAAC,EAAW,CACb;EAiDC,kBA5CuB,GACtB,GAAgB,MAA6B;AAC5C,KAAW,GAAQ,EAAE,cAAW,CAAC;KAEnC,CAAC,EAAW,CACb;EAwCC,UAnCe,GACd,GAAmB,MAAoB;AACtC,KAAa,GAAW,EAAQ;KAElC,CAAC,EAAa,CACf;EA+BC,eA1BoB,GACnB,MAAmB;GAClB,IAAM,IAAO,EAAa,MAAM,MAAM,EAAE,OAAO,EAAO;AACtD,GAAI,KAOF,EAN0C;IACxC,GAAG;IACH,IAAI,KAAA;IACJ,OAAO,GAAG,EAAK,MAAM,GAAG,EAAG,yBAAyB,SAAS;IAC7D,WAAW,EAAa;IACzB,CACsB;KAG3B;GAAC;GAAc;GAAS;GAAG,CAC5B;EAaA"}

package/dist/tours/hooks/useTourBuilder.js

@@ -1,117 +1,128 @@
-import { useToursContext as e } from "../providers/ToursProvider.js";
-import { useToursStore as t } from "../store/toursStore.js";
-import { CreateTourDocument as n, DeleteTourDocument as r, GetTourDocument as i, SyncTourStepsDocument as a, UpdateTourDocument as o } from "../../generated/global-operations.js";
-import { useCallback as s, useState as c } from "react";
-import { useNavigate as l } from "react-router";
-import { useGatewayClient as u } from "@burdenoff/fe-libs/shared/graphql";
+import { useTr as e } from "../i18n.js";
+import { useToursContext as t } from "../providers/ToursProvider.js";
+import { useToursStore as n } from "../store/toursStore.js";
+import { CreateTourDocument as r, DeleteTourDocument as i, GetTourDocument as a, SyncTourStepsDocument as o, UpdateTourDocument as s } from "../../generated/global-operations.js";
+import { useCallback as c, useState as l } from "react";
+import { useNavigate as u } from "react-router";
+import { useGatewayClient as d } from "@burdenoff/fe-libs/shared/graphql";
 //#region src/tours/hooks/useTourBuilder.ts
-function d(d) {
-	let p = u("global"), m = l(), { basePath: h = "/" } = e(), [g, _] = c(null), [v, y] = c(!1), [b, x] = c(!1), [S, C] = c(!1), { selectedTour: w, stepSequence: T, isDirty: E, validationErrors: D, setSelectedTour: O, updateStepSequence: k, validateTour: A, setDirty: j, notifyToursListChanged: M } = t(), N = s(async (e) => {
-		y(!0), _(null);
+function f(f) {
+	let m = e(), h = d("global"), g = u(), { basePath: _ = "/" } = t(), [v, y] = l(null), [b, x] = l(!1), [S, C] = l(!1), [w, T] = l(!1), { selectedTour: E, stepSequence: D, isDirty: O, validationErrors: k, setSelectedTour: A, updateStepSequence: j, validateTour: M, setDirty: N, notifyToursListChanged: P } = n(), F = c(async (e) => {
+		x(!0), y(null);
 		try {
-			let t = await p.query({
-				query: i,
+			let t = await h.query({
+				query: a,
 				variables: { id: e },
 				fetchPolicy: "network-only"
 			});
 			if (t.error) throw t.error;
 			let { data: n } = t;
-			n?.tour && (O(n.tour), k(n.tour.steps || []));
+			n?.tour && (A(n.tour), j(n.tour.steps || []));
 		} catch (e) {
-			_(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to load tour"));
+			y(e instanceof Error ? e : Error(m("tourBuilder.errorLoadTour", "Failed to load tour")));
 		} finally {
-			y(!1);
+			x(!1);
 		}
 	}, [
-		p,
-		O,
-		k
-	]), P = s(async (e) => {
-		x(!0), _(null);
+		h,
+		A,
+		j,
+		m
+	]), I = c(async (e) => {
+		C(!0), y(null);
 		try {
-			let t = e.slug || (e.name || "tour").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""), r = {
+			let t = e.slug || (e.name || "tour").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""), n = {
 				name: e.name || "",
 				slug: t,
 				productId: e.productId || "workspaces",
-				description: f(e.description),
-				moduleId: f(e.moduleId),
-				pageId: f(e.pageId),
+				description: p(e.description),
+				moduleId: p(e.moduleId),
+				pageId: p(e.pageId),
 				status: e.status || "DRAFT",
 				isActive: e.isActive ?? !0,
 				triggerType: e.triggerType || "MANUAL",
 				triggerConfig: e.triggerConfig,
 				priority: e.priority ?? 50,
 				displayOrder: e.displayOrder ?? 1,
-				startDate: f(e.startDate),
-				endDate: f(e.endDate),
+				startDate: p(e.startDate),
+				endDate: p(e.endDate),
 				mobileConfig: e.mobileConfig,
 				tabletConfig: e.tabletConfig,
 				desktopConfig: e.desktopConfig
-			}, i = (await p.mutate({
-				mutation: n,
-				variables: { input: r }
+			}, i = (await h.mutate({
+				mutation: r,
+				variables: { input: n }
 			})).data;
-			return i?.createTour ? (O(i.createTour), M(), m(`${h}/${i.createTour.id}/steps`), i.createTour) : null;
+			return i?.createTour ? (A(i.createTour), P(), g(`${_}/${i.createTour.id}/steps`), i.createTour) : null;
 		} catch (e) {
-			throw _(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to create tour")), e;
+			throw y(e instanceof Error ? e : Error(m("tourBuilder.errorCreateTour", "Failed to create tour"))), e;
 		} finally {
-			x(!1);
+			C(!1);
 		}
 	}, [
-		p,
 		h,
-		m,
-		M,
-		O
-	]), F = s(async (e, t) => {
-		x(!0), _(null);
+		_,
+		g,
+		P,
+		A,
+		m
+	]), L = c(async (e, t) => {
+		C(!0), y(null);
 		try {
 			let n = {
 				name: t.name,
 				slug: t.slug,
-				description: f(t.description),
-				productId: f(t.productId),
-				moduleId: f(t.moduleId),
-				pageId: f(t.pageId),
+				description: p(t.description),
+				productId: p(t.productId),
+				moduleId: p(t.moduleId),
+				pageId: p(t.pageId),
 				status: t.status,
 				isActive: t.isActive,
 				triggerType: t.triggerType,
 				triggerConfig: t.triggerConfig,
 				priority: t.priority,
 				displayOrder: t.displayOrder,
-				startDate: f(t.startDate),
-				endDate: f(t.endDate),
+				startDate: p(t.startDate),
+				endDate: p(t.endDate),
 				mobileConfig: t.mobileConfig,
 				tabletConfig: t.tabletConfig,
 				desktopConfig: t.desktopConfig
-			}, r = (await p.mutate({
-				mutation: o,
+			}, r = (await h.mutate({
+				mutation: s,
 				variables: {
 					id: e,
 					input: n
 				}
 			})).data;
-			return r?.updateTour ? (M(), r.updateTour) : null;
+			return r?.updateTour ? (P(), r.updateTour) : null;
 		} catch (e) {
-			throw _(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to update tour")), e;
+			throw y(e instanceof Error ? e : Error(m("tourBuilder.errorUpdateTour", "Failed to update tour"))), e;
 		} finally {
-			x(!1);
+			C(!1);
 		}
-	}, [p, M]), I = s(async (e) => {
-		C(!0), _(null);
+	}, [
+		h,
+		P,
+		m
+	]), R = c(async (e) => {
+		T(!0), y(null);
 		try {
-			let t = (await p.mutate({
-				mutation: r,
+			let t = (await h.mutate({
+				mutation: i,
 				variables: { id: e }
 			})).data;
-			return t?.deleteTour && M(), t?.deleteTour ?? !1;
+			return t?.deleteTour && P(), t?.deleteTour ?? !1;
 		} catch (e) {
-			throw _(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to delete tour")), e;
+			throw y(e instanceof Error ? e : Error(m("tourBuilder.errorDeleteTour", "Failed to delete tour"))), e;
 		} finally {
-			C(!1);
+			T(!1);
 		}
-	}, [p, M]), L = s(async (e, t) => {
-		x(!0), _(null);
+	}, [
+		h,
+		P,
+		m
+	]), z = c(async (e, t) => {
+		C(!0), y(null);
 		try {
 			let n = t.map((e, t) => ({
 				id: e.id?.startsWith("temp_") ? void 0 : e.id,
@@ -130,65 +141,67 @@ function d(d) {
 				waitForEvent: e.waitForEvent,
 				waitForTimeout: e.waitForTimeout,
 				skipConditions: e.skipConditions
-			})), r = (await p.mutate({
-				mutation: a,
+			})), r = (await h.mutate({
+				mutation: o,
 				variables: {
 					tourId: e,
 					steps: n
 				}
 			})).data;
-			return r?.syncTourSteps ? (k(r.syncTourSteps), j(!1), r.syncTourSteps) : null;
+			return r?.syncTourSteps ? (j(r.syncTourSteps), N(!1), r.syncTourSteps) : null;
 		} catch (e) {
-			throw _(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to sync steps")), e;
+			throw y(e instanceof Error ? e : Error(m("tourBuilder.errorSyncSteps", "Failed to sync steps"))), e;
 		} finally {
-			x(!1);
+			C(!1);
 		}
 	}, [
-		p,
-		k,
-		j
+		h,
+		j,
+		N,
+		m
 	]);
 	return {
-		tour: w,
-		steps: T,
-		isDirty: E,
-		validationErrors: D,
-		saving: b,
-		loading: v,
-		deleting: S,
-		error: g,
-		loadTour: N,
-		createTour: P,
-		updateTour: F,
-		deleteTour: I,
-		syncSteps: L,
-		saveTour: s(async () => {
-			if (A().length > 0) throw Error("Validation failed");
-			if (!w) throw Error("No tour selected");
-			if (w.id && !w.id.startsWith("temp_")) await F(w.id, w);
+		tour: E,
+		steps: D,
+		isDirty: O,
+		validationErrors: k,
+		saving: S,
+		loading: b,
+		deleting: w,
+		error: v,
+		loadTour: F,
+		createTour: I,
+		updateTour: L,
+		deleteTour: R,
+		syncSteps: z,
+		saveTour: c(async () => {
+			if (M().length > 0) throw Error(m("tourBuilder.errorValidationFailed", "Validation failed"));
+			if (!E) throw Error(m("tourBuilder.errorNoTourSelected", "No tour selected"));
+			if (E.id && !E.id.startsWith("temp_")) await L(E.id, E);
 			else {
-				let e = await P(w);
-				e && E && T.length > 0 && await L(e.id, T);
+				let e = await I(E);
+				e && O && D.length > 0 && await z(e.id, D);
 				return;
 			}
-			E && w.id && await L(w.id, T);
+			O && E.id && await z(E.id, D);
 		}, [
-			w,
-			T,
 			E,
-			A,
-			P,
-			F,
-			L
+			D,
+			O,
+			M,
+			I,
+			L,
+			z,
+			m
 		])
 	};
 }
-function f(e) {
+function p(e) {
 	if (typeof e != "string") return e;
 	let t = e.trim();
 	return t.length > 0 ? t : void 0;
 }
 //#endregion
-export { d as useTourBuilder };
+export { f as useTourBuilder };
 
 //# sourceMappingURL=useTourBuilder.js.map

package/dist/tours/hooks/useTourBuilder.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTourBuilder.js","names":[],"sources":["../../../src/tours/hooks/useTourBuilder.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { useGatewayClient } from '@burdenoff/fe-libs/shared/graphql';\nimport { useNavigate } from 'react-router';\nimport { useToursStore } from '../store/toursStore';\nimport { useToursContext } from '../providers/ToursProvider';\nimport type { Tour, TourStep } from '../types';\nimport type { TourStatus, TourTriggerType, TourStepPlacement } from '../../generated/global-types';\nimport {\n  CreateTourDocument,\n  UpdateTourDocument,\n  DeleteTourDocument,\n  GetTourDocument,\n  SyncTourStepsDocument,\n} from '../../generated/global-operations';\nimport type {\n  GetTourQuery,\n  GetTourQueryVariables,\n  CreateTourMutation,\n  CreateTourMutationVariables,\n  UpdateTourMutation,\n  UpdateTourMutationVariables,\n  DeleteTourMutation,\n  DeleteTourMutationVariables,\n  SyncTourStepsMutation,\n  SyncTourStepsMutationVariables,\n} from '../../generated/global-operations';\n\n/**\n * Hook for tour builder functionality\n * Manages tour creation, editing, and step synchronization\n * Uses the gateway client from fe-libs\n */\nexport function useTourBuilder(tourId?: string) {\n  const globalClient = useGatewayClient('global');\n  const navigate = useNavigate();\n  const { basePath = '/' } = useToursContext();\n\n  const [error, setError] = useState<Error | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [saving, setSaving] = useState(false);\n  const [deleting, setDeleting] = useState(false);\n\n  const {\n    selectedTour,\n    stepSequence,\n    isDirty,\n    validationErrors,\n    setSelectedTour,\n    updateStepSequence,\n    validateTour,\n    setDirty,\n    notifyToursListChanged,\n  } = useToursStore();\n\n  /**\n   * Load tour data\n   */\n  const loadTour = useCallback(\n    async (id: string) => {\n      setLoading(true);\n      setError(null);\n\n      try {\n        const result = await globalClient.query<GetTourQuery, GetTourQueryVariables>({\n          query: GetTourDocument,\n          variables: { id },\n          fetchPolicy: 'network-only',\n        });\n\n        if (result.error) {\n          throw result.error;\n        }\n\n        const { data } = result;\n\n        if (data?.tour) {\n          setSelectedTour(data.tour as Tour);\n          updateStepSequence((data.tour.steps || []) as TourStep[]);\n        }\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to load tour'));\n      } finally {\n        setLoading(false);\n      }\n    },\n    [globalClient, setSelectedTour, updateStepSequence]\n  );\n\n  /**\n   * Create new tour\n   */\n  const createTour = useCallback(\n    async (input: Partial<Tour>) => {\n      setSaving(true);\n      setError(null);\n\n      try {\n        // Generate slug from name if not provided\n        const slug =\n          input.slug ||\n          (input.name || 'tour')\n            .toLowerCase()\n            .replace(/[^a-z0-9]+/g, '-')\n            .replace(/^-|-$/g, '');\n\n        const createInput = {\n          name: input.name || '',\n          slug,\n          productId: input.productId || 'workspaces',\n          description: normalizeOptionalString(input.description),\n          moduleId: normalizeOptionalString(input.moduleId),\n          pageId: normalizeOptionalString(input.pageId),\n          status: (input.status || 'DRAFT') as TourStatus,\n          isActive: input.isActive ?? true,\n          triggerType: (input.triggerType || 'MANUAL') as TourTriggerType,\n          triggerConfig: input.triggerConfig,\n          priority: input.priority ?? 50,\n          displayOrder: input.displayOrder ?? 1,\n          startDate: normalizeOptionalString(input.startDate),\n          endDate: normalizeOptionalString(input.endDate),\n          mobileConfig: input.mobileConfig,\n          tabletConfig: input.tabletConfig,\n          desktopConfig: input.desktopConfig,\n        };\n\n        const result = await globalClient.mutate<CreateTourMutation, CreateTourMutationVariables>({\n          mutation: CreateTourDocument,\n          variables: { input: createInput },\n        });\n\n        const data = result.data;\n\n        if (data?.createTour) {\n          setSelectedTour(data.createTour as Tour);\n          notifyToursListChanged();\n\n          // Navigate to step editor\n          const editPath = `${basePath}/${data.createTour.id}/steps`;\n          navigate(editPath);\n\n          return data.createTour;\n        }\n\n        return null;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to create tour'));\n        throw err;\n      } finally {\n        setSaving(false);\n      }\n    },\n    [globalClient, basePath, navigate, notifyToursListChanged, setSelectedTour]\n  );\n\n  /**\n   * Update existing tour\n   */\n  const updateTour = useCallback(\n    async (id: string, input: Partial<Tour>) => {\n      setSaving(true);\n      setError(null);\n\n      try {\n        const updateInput = {\n          name: input.name,\n          slug: input.slug,\n          description: normalizeOptionalString(input.description),\n          productId: normalizeOptionalString(input.productId),\n          moduleId: normalizeOptionalString(input.moduleId),\n          pageId: normalizeOptionalString(input.pageId),\n          status: input.status as TourStatus | undefined,\n          isActive: input.isActive,\n          triggerType: input.triggerType as TourTriggerType | undefined,\n          triggerConfig: input.triggerConfig,\n          priority: input.priority,\n          displayOrder: input.displayOrder,\n          startDate: normalizeOptionalString(input.startDate),\n          endDate: normalizeOptionalString(input.endDate),\n          mobileConfig: input.mobileConfig,\n          tabletConfig: input.tabletConfig,\n          desktopConfig: input.desktopConfig,\n        };\n\n        const result = await globalClient.mutate<UpdateTourMutation, UpdateTourMutationVariables>({\n          mutation: UpdateTourDocument,\n          variables: { id, input: updateInput },\n        });\n\n        const data = result.data;\n\n        if (data?.updateTour) {\n          notifyToursListChanged();\n          return data.updateTour;\n        }\n\n        return null;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to update tour'));\n        throw err;\n      } finally {\n        setSaving(false);\n      }\n    },\n    [globalClient, notifyToursListChanged]\n  );\n\n  /**\n   * Delete tour\n   */\n  const deleteTour = useCallback(\n    async (id: string) => {\n      setDeleting(true);\n      setError(null);\n\n      try {\n        const result = await globalClient.mutate<DeleteTourMutation, DeleteTourMutationVariables>({\n          mutation: DeleteTourDocument,\n          variables: { id },\n        });\n\n        const data = result.data;\n\n        if (data?.deleteTour) {\n          notifyToursListChanged();\n        }\n\n        return data?.deleteTour ?? false;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to delete tour'));\n        throw err;\n      } finally {\n        setDeleting(false);\n      }\n    },\n    [globalClient, notifyToursListChanged]\n  );\n\n  /**\n   * Sync tour steps\n   */\n  const syncSteps = useCallback(\n    async (tourIdParam: string, steps: TourStep[]) => {\n      setSaving(true);\n      setError(null);\n\n      try {\n        const stepsInput = steps.map((s, index) => ({\n          id: s.id?.startsWith('temp_') ? undefined : s.id,\n          title: s.title,\n          content: s.content,\n          stepOrder: s.stepOrder ?? index + 1,\n          targetSelector: s.targetSelector || '',\n          placement: (s.placement || 'BOTTOM') as TourStepPlacement,\n          targetSelectorMobile: s.targetSelectorMobile,\n          targetSelectorTablet: s.targetSelectorTablet,\n          targetSelectorDesktop: s.targetSelectorDesktop,\n          customData: s.customData,\n          actions: s.actions,\n          requireInteraction: s.requireInteraction,\n          waitForSelector: s.waitForSelector,\n          waitForEvent: s.waitForEvent,\n          waitForTimeout: s.waitForTimeout,\n          skipConditions: s.skipConditions,\n        }));\n\n        const result = await globalClient.mutate<\n          SyncTourStepsMutation,\n          SyncTourStepsMutationVariables\n        >({\n          mutation: SyncTourStepsDocument,\n          variables: { tourId: tourIdParam, steps: stepsInput },\n        });\n\n        const data = result.data;\n\n        if (data?.syncTourSteps) {\n          updateStepSequence(data.syncTourSteps as TourStep[]);\n          setDirty(false);\n          return data.syncTourSteps;\n        }\n\n        return null;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to sync steps'));\n        throw err;\n      } finally {\n        setSaving(false);\n      }\n    },\n    [globalClient, updateStepSequence, setDirty]\n  );\n\n  /**\n   * Save tour with validation\n   */\n  const saveTour = useCallback(async () => {\n    const errors = validateTour();\n    if (errors.length > 0) {\n      throw new Error('Validation failed');\n    }\n\n    if (!selectedTour) {\n      throw new Error('No tour selected');\n    }\n\n    // Update tour metadata\n    if (selectedTour.id && !selectedTour.id.startsWith('temp_')) {\n      await updateTour(selectedTour.id, selectedTour);\n    } else {\n      const created = await createTour(selectedTour);\n      if (created && isDirty && stepSequence.length > 0) {\n        await syncSteps(created.id, stepSequence);\n      }\n      return;\n    }\n\n    // Sync steps\n    if (isDirty && selectedTour.id) {\n      await syncSteps(selectedTour.id, stepSequence);\n    }\n  }, [selectedTour, stepSequence, isDirty, validateTour, createTour, updateTour, syncSteps]);\n\n  return {\n    tour: selectedTour,\n    steps: stepSequence,\n    isDirty,\n    validationErrors,\n    saving,\n    loading,\n    deleting,\n    error,\n    loadTour,\n    createTour,\n    updateTour,\n    deleteTour,\n    syncSteps,\n    saveTour,\n  };\n}\n\nfunction normalizeOptionalString(value: unknown): string | undefined {\n  if (typeof value !== 'string') {\n    return value as string | undefined;\n  }\n\n  const normalized = value.trim();\n  return normalized.length > 0 ? normalized : undefined;\n}\n"],"mappings":"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"}
+{"version":3,"file":"useTourBuilder.js","names":[],"sources":["../../../src/tours/hooks/useTourBuilder.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { useGatewayClient } from '@burdenoff/fe-libs/shared/graphql';\nimport { useNavigate } from 'react-router';\nimport { useToursStore } from '../store/toursStore';\nimport { useToursContext } from '../providers/ToursProvider';\nimport { useTr } from '../i18n';\nimport type { Tour, TourStep } from '../types';\nimport type { TourStatus, TourTriggerType, TourStepPlacement } from '../../generated/global-types';\nimport {\n  CreateTourDocument,\n  UpdateTourDocument,\n  DeleteTourDocument,\n  GetTourDocument,\n  SyncTourStepsDocument,\n} from '../../generated/global-operations';\nimport type {\n  GetTourQuery,\n  GetTourQueryVariables,\n  CreateTourMutation,\n  CreateTourMutationVariables,\n  UpdateTourMutation,\n  UpdateTourMutationVariables,\n  DeleteTourMutation,\n  DeleteTourMutationVariables,\n  SyncTourStepsMutation,\n  SyncTourStepsMutationVariables,\n} from '../../generated/global-operations';\n\n/**\n * Hook for tour builder functionality\n * Manages tour creation, editing, and step synchronization\n * Uses the gateway client from fe-libs\n */\nexport function useTourBuilder(_tourId?: string) {\n  const tr = useTr();\n  const globalClient = useGatewayClient('global');\n  const navigate = useNavigate();\n  const { basePath = '/' } = useToursContext();\n\n  const [error, setError] = useState<Error | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [saving, setSaving] = useState(false);\n  const [deleting, setDeleting] = useState(false);\n\n  const {\n    selectedTour,\n    stepSequence,\n    isDirty,\n    validationErrors,\n    setSelectedTour,\n    updateStepSequence,\n    validateTour,\n    setDirty,\n    notifyToursListChanged,\n  } = useToursStore();\n\n  /**\n   * Load tour data\n   */\n  const loadTour = useCallback(\n    async (id: string) => {\n      setLoading(true);\n      setError(null);\n\n      try {\n        const result = await globalClient.query<GetTourQuery, GetTourQueryVariables>({\n          query: GetTourDocument,\n          variables: { id },\n          fetchPolicy: 'network-only',\n        });\n\n        if (result.error) {\n          throw result.error;\n        }\n\n        const { data } = result;\n\n        if (data?.tour) {\n          setSelectedTour(data.tour as Tour);\n          updateStepSequence((data.tour.steps || []) as TourStep[]);\n        }\n      } catch (err) {\n        setError(\n          err instanceof Error\n            ? err\n            : new Error(tr('tourBuilder.errorLoadTour', 'Failed to load tour'))\n        );\n      } finally {\n        setLoading(false);\n      }\n    },\n    [globalClient, setSelectedTour, updateStepSequence, tr]\n  );\n\n  /**\n   * Create new tour\n   */\n  const createTour = useCallback(\n    async (input: Partial<Tour>) => {\n      setSaving(true);\n      setError(null);\n\n      try {\n        // Generate slug from name if not provided\n        const slug =\n          input.slug ||\n          (input.name || 'tour')\n            .toLowerCase()\n            .replace(/[^a-z0-9]+/g, '-')\n            .replace(/^-|-$/g, '');\n\n        const createInput = {\n          name: input.name || '',\n          slug,\n          productId: input.productId || 'workspaces',\n          description: normalizeOptionalString(input.description),\n          moduleId: normalizeOptionalString(input.moduleId),\n          pageId: normalizeOptionalString(input.pageId),\n          status: (input.status || 'DRAFT') as TourStatus,\n          isActive: input.isActive ?? true,\n          triggerType: (input.triggerType || 'MANUAL') as TourTriggerType,\n          triggerConfig: input.triggerConfig,\n          priority: input.priority ?? 50,\n          displayOrder: input.displayOrder ?? 1,\n          startDate: normalizeOptionalString(input.startDate),\n          endDate: normalizeOptionalString(input.endDate),\n          mobileConfig: input.mobileConfig,\n          tabletConfig: input.tabletConfig,\n          desktopConfig: input.desktopConfig,\n        };\n\n        const result = await globalClient.mutate<CreateTourMutation, CreateTourMutationVariables>({\n          mutation: CreateTourDocument,\n          variables: { input: createInput },\n        });\n\n        const data = result.data;\n\n        if (data?.createTour) {\n          setSelectedTour(data.createTour as Tour);\n          notifyToursListChanged();\n\n          // Navigate to step editor\n          const editPath = `${basePath}/${data.createTour.id}/steps`;\n          navigate(editPath);\n\n          return data.createTour;\n        }\n\n        return null;\n      } catch (err) {\n        setError(\n          err instanceof Error\n            ? err\n            : new Error(tr('tourBuilder.errorCreateTour', 'Failed to create tour'))\n        );\n        throw err;\n      } finally {\n        setSaving(false);\n      }\n    },\n    [globalClient, basePath, navigate, notifyToursListChanged, setSelectedTour, tr]\n  );\n\n  /**\n   * Update existing tour\n   */\n  const updateTour = useCallback(\n    async (id: string, input: Partial<Tour>) => {\n      setSaving(true);\n      setError(null);\n\n      try {\n        const updateInput = {\n          name: input.name,\n          slug: input.slug,\n          description: normalizeOptionalString(input.description),\n          productId: normalizeOptionalString(input.productId),\n          moduleId: normalizeOptionalString(input.moduleId),\n          pageId: normalizeOptionalString(input.pageId),\n          status: input.status as TourStatus | undefined,\n          isActive: input.isActive,\n          triggerType: input.triggerType as TourTriggerType | undefined,\n          triggerConfig: input.triggerConfig,\n          priority: input.priority,\n          displayOrder: input.displayOrder,\n          startDate: normalizeOptionalString(input.startDate),\n          endDate: normalizeOptionalString(input.endDate),\n          mobileConfig: input.mobileConfig,\n          tabletConfig: input.tabletConfig,\n          desktopConfig: input.desktopConfig,\n        };\n\n        const result = await globalClient.mutate<UpdateTourMutation, UpdateTourMutationVariables>({\n          mutation: UpdateTourDocument,\n          variables: { id, input: updateInput },\n        });\n\n        const data = result.data;\n\n        if (data?.updateTour) {\n          notifyToursListChanged();\n          return data.updateTour;\n        }\n\n        return null;\n      } catch (err) {\n        setError(\n          err instanceof Error\n            ? err\n            : new Error(tr('tourBuilder.errorUpdateTour', 'Failed to update tour'))\n        );\n        throw err;\n      } finally {\n        setSaving(false);\n      }\n    },\n    [globalClient, notifyToursListChanged, tr]\n  );\n\n  /**\n   * Delete tour\n   */\n  const deleteTour = useCallback(\n    async (id: string) => {\n      setDeleting(true);\n      setError(null);\n\n      try {\n        const result = await globalClient.mutate<DeleteTourMutation, DeleteTourMutationVariables>({\n          mutation: DeleteTourDocument,\n          variables: { id },\n        });\n\n        const data = result.data;\n\n        if (data?.deleteTour) {\n          notifyToursListChanged();\n        }\n\n        return data?.deleteTour ?? false;\n      } catch (err) {\n        setError(\n          err instanceof Error\n            ? err\n            : new Error(tr('tourBuilder.errorDeleteTour', 'Failed to delete tour'))\n        );\n        throw err;\n      } finally {\n        setDeleting(false);\n      }\n    },\n    [globalClient, notifyToursListChanged, tr]\n  );\n\n  /**\n   * Sync tour steps\n   */\n  const syncSteps = useCallback(\n    async (tourIdParam: string, steps: TourStep[]) => {\n      setSaving(true);\n      setError(null);\n\n      try {\n        const stepsInput = steps.map((s, index) => ({\n          id: s.id?.startsWith('temp_') ? undefined : s.id,\n          title: s.title,\n          content: s.content,\n          stepOrder: s.stepOrder ?? index + 1,\n          targetSelector: s.targetSelector || '',\n          placement: (s.placement || 'BOTTOM') as TourStepPlacement,\n          targetSelectorMobile: s.targetSelectorMobile,\n          targetSelectorTablet: s.targetSelectorTablet,\n          targetSelectorDesktop: s.targetSelectorDesktop,\n          customData: s.customData,\n          actions: s.actions,\n          requireInteraction: s.requireInteraction,\n          waitForSelector: s.waitForSelector,\n          waitForEvent: s.waitForEvent,\n          waitForTimeout: s.waitForTimeout,\n          skipConditions: s.skipConditions,\n        }));\n\n        const result = await globalClient.mutate<\n          SyncTourStepsMutation,\n          SyncTourStepsMutationVariables\n        >({\n          mutation: SyncTourStepsDocument,\n          variables: { tourId: tourIdParam, steps: stepsInput },\n        });\n\n        const data = result.data;\n\n        if (data?.syncTourSteps) {\n          updateStepSequence(data.syncTourSteps as TourStep[]);\n          setDirty(false);\n          return data.syncTourSteps;\n        }\n\n        return null;\n      } catch (err) {\n        setError(\n          err instanceof Error\n            ? err\n            : new Error(tr('tourBuilder.errorSyncSteps', 'Failed to sync steps'))\n        );\n        throw err;\n      } finally {\n        setSaving(false);\n      }\n    },\n    [globalClient, updateStepSequence, setDirty, tr]\n  );\n\n  /**\n   * Save tour with validation\n   */\n  const saveTour = useCallback(async () => {\n    const errors = validateTour();\n    if (errors.length > 0) {\n      throw new Error(tr('tourBuilder.errorValidationFailed', 'Validation failed'));\n    }\n\n    if (!selectedTour) {\n      throw new Error(tr('tourBuilder.errorNoTourSelected', 'No tour selected'));\n    }\n\n    // Update tour metadata\n    if (selectedTour.id && !selectedTour.id.startsWith('temp_')) {\n      await updateTour(selectedTour.id, selectedTour);\n    } else {\n      const created = await createTour(selectedTour);\n      if (created && isDirty && stepSequence.length > 0) {\n        await syncSteps(created.id, stepSequence);\n      }\n      return;\n    }\n\n    // Sync steps\n    if (isDirty && selectedTour.id) {\n      await syncSteps(selectedTour.id, stepSequence);\n    }\n  }, [selectedTour, stepSequence, isDirty, validateTour, createTour, updateTour, syncSteps, tr]);\n\n  return {\n    tour: selectedTour,\n    steps: stepSequence,\n    isDirty,\n    validationErrors,\n    saving,\n    loading,\n    deleting,\n    error,\n    loadTour,\n    createTour,\n    updateTour,\n    deleteTour,\n    syncSteps,\n    saveTour,\n  };\n}\n\nfunction normalizeOptionalString(value: unknown): string | undefined {\n  if (typeof value !== 'string') {\n    return value as string | undefined;\n  }\n\n  const normalized = value.trim();\n  return normalized.length > 0 ? normalized : undefined;\n}\n"],"mappings":"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"}

package/dist/tours/hooks/useTourPreview.js

@@ -1,22 +1,23 @@
-import { useToursStore as e } from "../store/toursStore.js";
-import { useCallback as t, useMemo as n, useState as r } from "react";
+import { useTr as e } from "../i18n.js";
+import { useToursStore as t } from "../store/toursStore.js";
+import { useCallback as n, useMemo as r, useState as i } from "react";
 //#region src/tours/hooks/useTourPreview.ts
-function i(i) {
-	let [a, o] = r(!1), [s, c] = r(0), [l, u] = r(null), { devicePreview: d, setDevicePreview: f } = e(), p = n(() => i?.steps ?? [], [i?.steps]), m = p[s], h = t(() => {
-		o(!0), c(0);
-	}, []), g = t(() => {
-		o(!1), c(0);
-	}, []), _ = t(() => {
-		s < p.length - 1 && c((e) => e + 1);
-	}, [s, p.length]), v = t(() => {
-		s > 0 && c((e) => e - 1);
-	}, [s]), y = t((e) => {
-		e >= 0 && e < p.length && c(e);
-	}, [p.length]), b = t((e) => {
-		f(e);
-	}, [f]), x = t(() => {
+function a(a) {
+	let o = e(), [s, c] = i(!1), [l, u] = i(0), [d, f] = i(null), { devicePreview: p, setDevicePreview: m } = t(), h = r(() => a?.steps ?? [], [a?.steps]), g = h[l], _ = n(() => {
+		c(!0), u(0);
+	}, []), v = n(() => {
+		c(!1), u(0);
+	}, []), y = n(() => {
+		l < h.length - 1 && u((e) => e + 1);
+	}, [l, h.length]), b = n(() => {
+		l > 0 && u((e) => e - 1);
+	}, [l]), x = n((e) => {
+		e >= 0 && e < h.length && u(e);
+	}, [h.length]), S = n((e) => {
+		m(e);
+	}, [m]), C = n(() => {
 		let e = [], t = [];
-		if (!i) return e.push("No tour selected"), u({
+		if (!a) return e.push(o("tourPreview.errorNoTour", "No tour selected")), f({
 			valid: !1,
 			errors: e,
 			warnings: t
@@ -25,13 +26,21 @@ function i(i) {
 			errors: e,
 			warnings: t
 		};
-		p.length === 0 && e.push("Tour has no steps"), p.forEach((n, r) => {
-			n.placement !== "CENTER" && !n.targetSelector && e.push(`Step ${r + 1} has no selector`), (!n.content || n.content.trim() === "") && t.push(`Step ${r + 1} has empty content`), d === "mobile" && !n.targetSelectorMobile && !n.targetSelector && t.push(`Step ${r + 1} has no mobile selector`), d === "tablet" && !n.targetSelectorTablet && !n.targetSelector && t.push(`Step ${r + 1} has no tablet selector`), d === "desktop" && !n.targetSelectorDesktop && !n.targetSelector && t.push(`Step ${r + 1} has no desktop selector`), n.media && n.media.length > 0 && n.media.forEach((n, i) => {
-				n.media.cdnUrl || e.push(`Step ${r + 1}, media ${i + 1} has no URL`), n.media.type === "IMAGE" && !n.media.altText && t.push(`Step ${r + 1}, media ${i + 1} missing alt text`);
+		h.length === 0 && e.push(o("tourPreview.errorNoSteps", "Tour has no steps")), h.forEach((n, r) => {
+			let i = r + 1;
+			n.placement !== "CENTER" && !n.targetSelector && e.push(o("tourPreview.errorStepNoSelector", "Step {{number}} has no selector", { number: i })), (!n.content || n.content.trim() === "") && t.push(o("tourPreview.warningStepEmptyContent", "Step {{number}} has empty content", { number: i })), p === "mobile" && !n.targetSelectorMobile && !n.targetSelector && t.push(o("tourPreview.warningStepNoMobileSelector", "Step {{number}} has no mobile selector", { number: i })), p === "tablet" && !n.targetSelectorTablet && !n.targetSelector && t.push(o("tourPreview.warningStepNoTabletSelector", "Step {{number}} has no tablet selector", { number: i })), p === "desktop" && !n.targetSelectorDesktop && !n.targetSelector && t.push(o("tourPreview.warningStepNoDesktopSelector", "Step {{number}} has no desktop selector", { number: i })), n.media && n.media.length > 0 && n.media.forEach((n, r) => {
+				let a = r + 1;
+				n.media.cdnUrl || e.push(o("tourPreview.errorStepMediaNoUrl", "Step {{number}}, media {{mediaNumber}} has no URL", {
+					number: i,
+					mediaNumber: a
+				})), n.media.type === "IMAGE" && !n.media.altText && t.push(o("tourPreview.warningStepMediaMissingAlt", "Step {{number}}, media {{mediaNumber}} missing alt text", {
+					number: i,
+					mediaNumber: a
+				}));
 			});
 		});
 		let n = e.length === 0;
-		return u({
+		return f({
 			valid: n,
 			errors: e,
 			warnings: t
@@ -41,30 +50,31 @@ function i(i) {
 			warnings: t
 		};
 	}, [
-		i,
+		a,
+		h,
 		p,
-		d
-	]), S = t(async () => i ? `${window.location.origin}/tours/${i.id}/preview` : null, [i]);
+		o
+	]), w = n(async () => a ? `${window.location.origin}/tours/${a.id}/preview` : null, [a]);
 	return {
-		isPreviewActive: a,
-		currentStepIndex: s,
-		currentStep: m,
-		devicePreview: d,
-		validationResults: l,
-		totalSteps: p.length,
-		canGoNext: s < p.length - 1,
-		canGoPrevious: s > 0,
-		startPreview: h,
-		stopPreview: g,
-		nextStep: _,
-		previousStep: v,
-		goToStep: y,
-		changeDevice: b,
-		validateForPreview: x,
-		generatePreviewLink: S
+		isPreviewActive: s,
+		currentStepIndex: l,
+		currentStep: g,
+		devicePreview: p,
+		validationResults: d,
+		totalSteps: h.length,
+		canGoNext: l < h.length - 1,
+		canGoPrevious: l > 0,
+		startPreview: _,
+		stopPreview: v,
+		nextStep: y,
+		previousStep: b,
+		goToStep: x,
+		changeDevice: S,
+		validateForPreview: C,
+		generatePreviewLink: w
 	};
 }
 //#endregion
-export { i as useTourPreview };
+export { a as useTourPreview };
 
 //# sourceMappingURL=useTourPreview.js.map