@burdenoff/microfe-tours 2026.830.1 → 2026.918.1

package/dist/tours/components/MarkdownEditor.js

@@ -1,10 +1,11 @@
-import { useCallback as e, useRef as t, useState as n } from "react";
-import { Markdown as r } from "@burdenoff/fe-libs/shared/components";
-import { Bold as i, Code as a, Italic as o, Link as s, List as c } from "lucide-react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useTr as e } from "../i18n.js";
+import { useCallback as t, useRef as n, useState as r } from "react";
+import { Markdown as i } from "@burdenoff/fe-libs/shared/components";
+import { Bold as a, Code as o, Italic as s, Link as c, List as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/tours/components/MarkdownEditor.tsx
-function d({ title: e, onClick: t, children: n }) {
-	return /* @__PURE__ */ l("button", {
+function f({ title: e, onClick: t, children: n }) {
+	return /* @__PURE__ */ u("button", {
 		type: "button",
 		onClick: t,
 		title: e,
@@ -13,7 +14,7 @@ function d({ title: e, onClick: t, children: n }) {
 		children: n
 	});
 }
-function f(e, t, n = t) {
+function p(e, t, n = t) {
 	let r = e.selectionStart, i = e.selectionEnd, a = e.value, o = a.slice(r, i), s = `${t}${o}${n}`, c = a.slice(0, r) + s + a.slice(i);
 	return requestAnimationFrame(() => {
 		e.focus();
@@ -21,7 +22,7 @@ function f(e, t, n = t) {
 		e.setSelectionRange(n, n);
 	}), c;
 }
-function p(e, t) {
+function m(e, t) {
 	let n = e.selectionStart, r = e.value, i = r.lastIndexOf("\n", n - 1) + 1, a = r.slice(0, i), o = r.slice(i);
 	return requestAnimationFrame(() => {
 		e.focus();
@@ -29,109 +30,113 @@ function p(e, t) {
 		e.setSelectionRange(n, n);
 	}), `${a}${t}${o}`;
 }
-function m({ id: m, value: h, onChange: g, label: _, placeholder: v, rows: y = 6, required: b, disabled: x, "aria-label": S }) {
-	let C = t(null), [w, T] = n("write"), E = e(() => {
-		let e = C.current;
-		e && g(f(e, "**"));
-	}, [g]), D = e(() => {
-		let e = C.current;
-		e && g(f(e, "_"));
-	}, [g]), O = e(() => {
-		let e = C.current;
+function h({ id: h, value: g, onChange: _, label: v, placeholder: y, rows: b = 6, required: x, disabled: S, "aria-label": C }) {
+	let w = e(), T = n(null), [E, D] = r("write"), O = t(() => {
+		let e = T.current;
+		e && _(p(e, "**"));
+	}, [_]), k = t(() => {
+		let e = T.current;
+		e && _(p(e, "_"));
+	}, [_]), A = t(() => {
+		let e = T.current;
 		if (!e) return;
-		let t = e.selectionStart, n = e.selectionEnd, r = h.slice(t, n) || "link text", i = `[${r}](url)`, a = h.slice(0, t) + i + h.slice(n);
+		let t = e.selectionStart, n = e.selectionEnd, r = g.slice(t, n) || w("markdownEditor.linkTextPlaceholder", "link text"), i = `[${r}](url)`, a = g.slice(0, t) + i + g.slice(n);
 		requestAnimationFrame(() => {
 			e.focus();
 			let n = t + r.length + 3, i = n + 3;
 			e.setSelectionRange(n, i);
-		}), g(a);
-	}, [g, h]), k = e(() => {
-		let e = C.current;
-		e && g(f(e, "`"));
-	}, [g]), A = e(() => {
-		let e = C.current;
-		e && g(p(e, "- "));
-	}, [g]);
-	return /* @__PURE__ */ u("div", {
+		}), _(a);
+	}, [
+		_,
+		g,
+		w
+	]), j = t(() => {
+		let e = T.current;
+		e && _(p(e, "`"));
+	}, [_]), M = t(() => {
+		let e = T.current;
+		e && _(m(e, "- "));
+	}, [_]);
+	return /* @__PURE__ */ d("div", {
 		className: "space-y-2",
-		children: [_ && /* @__PURE__ */ u("label", {
-			htmlFor: m,
+		children: [v && /* @__PURE__ */ d("label", {
+			htmlFor: h,
 			className: "block text-sm font-medium",
-			children: [_, b && /* @__PURE__ */ l("span", {
+			children: [v, x && /* @__PURE__ */ u("span", {
 				className: "text-status-error-text ml-1",
 				children: "*"
 			})]
-		}), /* @__PURE__ */ u("div", {
+		}), /* @__PURE__ */ d("div", {
 			className: "border border-border-subtle rounded-md bg-bg-surface overflow-hidden",
-			children: [/* @__PURE__ */ u("div", {
+			children: [/* @__PURE__ */ d("div", {
 				className: "flex items-center justify-between border-b border-border-subtle px-2 py-1",
-				children: [/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ d("div", {
 					className: "flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ l(d, {
-							title: "Bold",
-							onClick: E,
-							children: /* @__PURE__ */ l(i, { size: 16 })
-						}),
-						/* @__PURE__ */ l(d, {
-							title: "Italic",
-							onClick: D,
-							children: /* @__PURE__ */ l(o, { size: 16 })
-						}),
-						/* @__PURE__ */ l(d, {
-							title: "Link",
+						/* @__PURE__ */ u(f, {
+							title: w("markdownEditor.bold", "Bold"),
 							onClick: O,
-							children: /* @__PURE__ */ l(s, { size: 16 })
+							children: /* @__PURE__ */ u(a, { size: 16 })
 						}),
-						/* @__PURE__ */ l(d, {
-							title: "Inline code",
+						/* @__PURE__ */ u(f, {
+							title: w("markdownEditor.italic", "Italic"),
 							onClick: k,
-							children: /* @__PURE__ */ l(a, { size: 16 })
+							children: /* @__PURE__ */ u(s, { size: 16 })
 						}),
-						/* @__PURE__ */ l(d, {
-							title: "Bullet list",
+						/* @__PURE__ */ u(f, {
+							title: w("markdownEditor.link", "Link"),
 							onClick: A,
-							children: /* @__PURE__ */ l(c, { size: 16 })
+							children: /* @__PURE__ */ u(c, { size: 16 })
+						}),
+						/* @__PURE__ */ u(f, {
+							title: w("markdownEditor.inlineCode", "Inline code"),
+							onClick: j,
+							children: /* @__PURE__ */ u(o, { size: 16 })
+						}),
+						/* @__PURE__ */ u(f, {
+							title: w("markdownEditor.bulletList", "Bullet list"),
+							onClick: M,
+							children: /* @__PURE__ */ u(l, { size: 16 })
 						})
 					]
-				}), /* @__PURE__ */ u("div", {
+				}), /* @__PURE__ */ d("div", {
 					className: "flex items-center gap-1",
 					role: "tablist",
-					"aria-label": "Markdown editor tabs",
-					children: [/* @__PURE__ */ l("button", {
+					"aria-label": w("markdownEditor.tabsAriaLabel", "Markdown editor tabs"),
+					children: [/* @__PURE__ */ u("button", {
 						type: "button",
 						role: "tab",
-						"aria-selected": w === "write",
-						onClick: () => T("write"),
-						className: `px-3 py-1.5 text-sm rounded-md ${w === "write" ? "bg-action-primary-bg text-action-primary-text" : "hover:bg-accent text-text-secondary"}`,
-						children: "Write"
-					}), /* @__PURE__ */ l("button", {
+						"aria-selected": E === "write",
+						onClick: () => D("write"),
+						className: `px-3 py-1.5 text-sm rounded-md ${E === "write" ? "bg-action-primary-bg text-action-primary-text" : "hover:bg-accent text-text-secondary"}`,
+						children: w("markdownEditor.writeTab", "Write")
+					}), /* @__PURE__ */ u("button", {
 						type: "button",
 						role: "tab",
-						"aria-selected": w === "preview",
-						onClick: () => T("preview"),
-						className: `px-3 py-1.5 text-sm rounded-md ${w === "preview" ? "bg-action-primary-bg text-action-primary-text" : "hover:bg-accent text-text-secondary"}`,
-						children: "Preview"
+						"aria-selected": E === "preview",
+						onClick: () => D("preview"),
+						className: `px-3 py-1.5 text-sm rounded-md ${E === "preview" ? "bg-action-primary-bg text-action-primary-text" : "hover:bg-accent text-text-secondary"}`,
+						children: w("markdownEditor.previewTab", "Preview")
 					})]
 				})]
-			}), /* @__PURE__ */ u("div", {
+			}), /* @__PURE__ */ d("div", {
 				className: "relative",
-				children: [/* @__PURE__ */ l("textarea", {
-					ref: C,
-					id: m,
-					value: h,
-					onChange: (e) => g(e.target.value),
-					rows: y,
-					disabled: x,
-					required: b,
-					placeholder: v,
-					"aria-label": S ?? _,
-					className: `w-full px-3 py-2 bg-bg-surface text-text-primary text-sm sm:text-base resize-y min-h-[120px] focus:outline-none ${w === "write" ? "block" : "hidden"}`
-				}), w === "preview" && /* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ u("textarea", {
+					ref: T,
+					id: h,
+					value: g,
+					onChange: (e) => _(e.target.value),
+					rows: b,
+					disabled: S,
+					required: x,
+					placeholder: y,
+					"aria-label": C ?? v,
+					className: `w-full px-3 py-2 bg-bg-surface text-text-primary text-sm sm:text-base resize-y min-h-[120px] focus:outline-none ${E === "write" ? "block" : "hidden"}`
+				}), E === "preview" && /* @__PURE__ */ u("div", {
 					className: "w-full px-3 py-2 min-h-[120px] max-h-[24rem] overflow-y-auto text-sm sm:text-base",
-					children: h ? /* @__PURE__ */ l(r, { children: h }) : /* @__PURE__ */ l("p", {
+					children: g ? /* @__PURE__ */ u(i, { children: g }) : /* @__PURE__ */ u("p", {
 						className: "text-text-secondary italic",
-						children: "Nothing to preview"
+						children: w("markdownEditor.nothingToPreview", "Nothing to preview")
 					})
 				})]
 			})]
@@ -139,6 +144,6 @@ function m({ id: m, value: h, onChange: g, label: _, placeholder: v, rows: y = 6
 	});
 }
 //#endregion
-export { m as MarkdownEditor };
+export { h as MarkdownEditor };
 
 //# sourceMappingURL=MarkdownEditor.js.map

package/dist/tours/components/MarkdownEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.js","names":[],"sources":["../../../src/tours/components/MarkdownEditor.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\nimport { Bold, Italic, Link, Code, List } from 'lucide-react';\nimport { Markdown } from '@burdenoff/fe-libs/shared/components';\n\nexport interface MarkdownEditorProps {\n  id?: string;\n  value: string;\n  onChange: (value: string) => void;\n  label?: string;\n  placeholder?: string;\n  rows?: number;\n  required?: boolean;\n  disabled?: boolean;\n  'aria-label'?: string;\n}\n\ninterface ToolbarButtonProps {\n  title: string;\n  onClick: () => void;\n  children: React.ReactNode;\n}\n\nfunction ToolbarButton({ title, onClick, children }: ToolbarButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      title={title}\n      aria-label={title}\n      className=\"p-2 min-h-[36px] min-w-[36px] rounded-md border border-border-subtle hover:bg-accent text-text-secondary\"\n    >\n      {children}\n    </button>\n  );\n}\n\nfunction wrapSelection(\n  textarea: HTMLTextAreaElement,\n  prefix: string,\n  suffix: string = prefix\n): string {\n  const start = textarea.selectionStart;\n  const end = textarea.selectionEnd;\n  const value = textarea.value;\n  const selected = value.slice(start, end);\n  const replacement = `${prefix}${selected}${suffix}`;\n  const newValue = value.slice(0, start) + replacement + value.slice(end);\n\n  // Defer cursor positioning so React state flush does not reset it.\n  requestAnimationFrame(() => {\n    textarea.focus();\n    const newCursor = start + prefix.length + selected.length;\n    textarea.setSelectionRange(newCursor, newCursor);\n  });\n\n  return newValue;\n}\n\nfunction insertAtLineStart(textarea: HTMLTextAreaElement, marker: string): string {\n  const start = textarea.selectionStart;\n  const value = textarea.value;\n  const lineStart = value.lastIndexOf('\\n', start - 1) + 1;\n  const before = value.slice(0, lineStart);\n  const after = value.slice(lineStart);\n\n  requestAnimationFrame(() => {\n    textarea.focus();\n    const newCursor = lineStart + marker.length;\n    textarea.setSelectionRange(newCursor, newCursor);\n  });\n\n  return `${before}${marker}${after}`;\n}\n\nexport function MarkdownEditor({\n  id,\n  value,\n  onChange,\n  label,\n  placeholder,\n  rows = 6,\n  required,\n  disabled,\n  'aria-label': ariaLabel,\n}: MarkdownEditorProps) {\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const [activeTab, setActiveTab] = useState<'write' | 'preview'>('write');\n\n  const handleBold = useCallback(() => {\n    const textarea = textareaRef.current;\n    if (!textarea) return;\n    onChange(wrapSelection(textarea, '**'));\n  }, [onChange]);\n\n  const handleItalic = useCallback(() => {\n    const textarea = textareaRef.current;\n    if (!textarea) return;\n    onChange(wrapSelection(textarea, '_'));\n  }, [onChange]);\n\n  const handleLink = useCallback(() => {\n    const textarea = textareaRef.current;\n    if (!textarea) return;\n    const start = textarea.selectionStart;\n    const end = textarea.selectionEnd;\n    const selected = value.slice(start, end) || 'link text';\n    const replacement = `[${selected}](url)`;\n    const newValue = value.slice(0, start) + replacement + value.slice(end);\n\n    requestAnimationFrame(() => {\n      textarea.focus();\n      const linkStart = start + selected.length + 3;\n      const linkEnd = linkStart + 3;\n      textarea.setSelectionRange(linkStart, linkEnd);\n    });\n\n    onChange(newValue);\n  }, [onChange, value]);\n\n  const handleCode = useCallback(() => {\n    const textarea = textareaRef.current;\n    if (!textarea) return;\n    onChange(wrapSelection(textarea, '`'));\n  }, [onChange]);\n\n  const handleList = useCallback(() => {\n    const textarea = textareaRef.current;\n    if (!textarea) return;\n    onChange(insertAtLineStart(textarea, '- '));\n  }, [onChange]);\n\n  return (\n    <div className=\"space-y-2\">\n      {label && (\n        <label htmlFor={id} className=\"block text-sm font-medium\">\n          {label}\n          {required && <span className=\"text-status-error-text ml-1\">*</span>}\n        </label>\n      )}\n\n      <div className=\"border border-border-subtle rounded-md bg-bg-surface overflow-hidden\">\n        <div className=\"flex items-center justify-between border-b border-border-subtle px-2 py-1\">\n          <div className=\"flex items-center gap-1\">\n            <ToolbarButton title=\"Bold\" onClick={handleBold}>\n              <Bold size={16} />\n            </ToolbarButton>\n            <ToolbarButton title=\"Italic\" onClick={handleItalic}>\n              <Italic size={16} />\n            </ToolbarButton>\n            <ToolbarButton title=\"Link\" onClick={handleLink}>\n              <Link size={16} />\n            </ToolbarButton>\n            <ToolbarButton title=\"Inline code\" onClick={handleCode}>\n              <Code size={16} />\n            </ToolbarButton>\n            <ToolbarButton title=\"Bullet list\" onClick={handleList}>\n              <List size={16} />\n            </ToolbarButton>\n          </div>\n\n          <div className=\"flex items-center gap-1\" role=\"tablist\" aria-label=\"Markdown editor tabs\">\n            <button\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={activeTab === 'write'}\n              onClick={() => setActiveTab('write')}\n              className={`px-3 py-1.5 text-sm rounded-md ${\n                activeTab === 'write'\n                  ? 'bg-action-primary-bg text-action-primary-text'\n                  : 'hover:bg-accent text-text-secondary'\n              }`}\n            >\n              Write\n            </button>\n            <button\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={activeTab === 'preview'}\n              onClick={() => setActiveTab('preview')}\n              className={`px-3 py-1.5 text-sm rounded-md ${\n                activeTab === 'preview'\n                  ? 'bg-action-primary-bg text-action-primary-text'\n                  : 'hover:bg-accent text-text-secondary'\n              }`}\n            >\n              Preview\n            </button>\n          </div>\n        </div>\n\n        <div className=\"relative\">\n          <textarea\n            ref={textareaRef}\n            id={id}\n            value={value}\n            onChange={(e) => onChange(e.target.value)}\n            rows={rows}\n            disabled={disabled}\n            required={required}\n            placeholder={placeholder}\n            aria-label={ariaLabel ?? label}\n            className={`w-full px-3 py-2 bg-bg-surface text-text-primary text-sm sm:text-base resize-y min-h-[120px] focus:outline-none ${\n              activeTab === 'write' ? 'block' : 'hidden'\n            }`}\n          />\n          {activeTab === 'preview' && (\n            <div className=\"w-full px-3 py-2 min-h-[120px] max-h-[24rem] overflow-y-auto text-sm sm:text-base\">\n              {value ? (\n                <Markdown>{value}</Markdown>\n              ) : (\n                <p className=\"text-text-secondary italic\">Nothing to preview</p>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MarkdownEditor.js","names":[],"sources":["../../../src/tours/components/MarkdownEditor.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\nimport { Bold, Italic, Link, Code, List } from 'lucide-react';\nimport { Markdown } from '@burdenoff/fe-libs/shared/components';\nimport { useTr } from '../i18n';\n\nexport interface MarkdownEditorProps {\n  id?: string;\n  value: string;\n  onChange: (value: string) => void;\n  label?: string;\n  placeholder?: string;\n  rows?: number;\n  required?: boolean;\n  disabled?: boolean;\n  'aria-label'?: string;\n}\n\ninterface ToolbarButtonProps {\n  title: string;\n  onClick: () => void;\n  children: React.ReactNode;\n}\n\nfunction ToolbarButton({ title, onClick, children }: ToolbarButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      title={title}\n      aria-label={title}\n      className=\"p-2 min-h-[36px] min-w-[36px] rounded-md border border-border-subtle hover:bg-accent text-text-secondary\"\n    >\n      {children}\n    </button>\n  );\n}\n\nfunction wrapSelection(\n  textarea: HTMLTextAreaElement,\n  prefix: string,\n  suffix: string = prefix\n): string {\n  const start = textarea.selectionStart;\n  const end = textarea.selectionEnd;\n  const value = textarea.value;\n  const selected = value.slice(start, end);\n  const replacement = `${prefix}${selected}${suffix}`;\n  const newValue = value.slice(0, start) + replacement + value.slice(end);\n\n  // Defer cursor positioning so React state flush does not reset it.\n  requestAnimationFrame(() => {\n    textarea.focus();\n    const newCursor = start + prefix.length + selected.length;\n    textarea.setSelectionRange(newCursor, newCursor);\n  });\n\n  return newValue;\n}\n\nfunction insertAtLineStart(textarea: HTMLTextAreaElement, marker: string): string {\n  const start = textarea.selectionStart;\n  const value = textarea.value;\n  const lineStart = value.lastIndexOf('\\n', start - 1) + 1;\n  const before = value.slice(0, lineStart);\n  const after = value.slice(lineStart);\n\n  requestAnimationFrame(() => {\n    textarea.focus();\n    const newCursor = lineStart + marker.length;\n    textarea.setSelectionRange(newCursor, newCursor);\n  });\n\n  return `${before}${marker}${after}`;\n}\n\nexport function MarkdownEditor({\n  id,\n  value,\n  onChange,\n  label,\n  placeholder,\n  rows = 6,\n  required,\n  disabled,\n  'aria-label': ariaLabel,\n}: MarkdownEditorProps) {\n  const tr = useTr();\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const [activeTab, setActiveTab] = useState<'write' | 'preview'>('write');\n\n  const handleBold = useCallback(() => {\n    const textarea = textareaRef.current;\n    if (!textarea) return;\n    onChange(wrapSelection(textarea, '**'));\n  }, [onChange]);\n\n  const handleItalic = useCallback(() => {\n    const textarea = textareaRef.current;\n    if (!textarea) return;\n    onChange(wrapSelection(textarea, '_'));\n  }, [onChange]);\n\n  const handleLink = useCallback(() => {\n    const textarea = textareaRef.current;\n    if (!textarea) return;\n    const start = textarea.selectionStart;\n    const end = textarea.selectionEnd;\n    const selected =\n      value.slice(start, end) || tr('markdownEditor.linkTextPlaceholder', 'link text');\n    const replacement = `[${selected}](url)`;\n    const newValue = value.slice(0, start) + replacement + value.slice(end);\n\n    requestAnimationFrame(() => {\n      textarea.focus();\n      const linkStart = start + selected.length + 3;\n      const linkEnd = linkStart + 3;\n      textarea.setSelectionRange(linkStart, linkEnd);\n    });\n\n    onChange(newValue);\n  }, [onChange, value, tr]);\n\n  const handleCode = useCallback(() => {\n    const textarea = textareaRef.current;\n    if (!textarea) return;\n    onChange(wrapSelection(textarea, '`'));\n  }, [onChange]);\n\n  const handleList = useCallback(() => {\n    const textarea = textareaRef.current;\n    if (!textarea) return;\n    onChange(insertAtLineStart(textarea, '- '));\n  }, [onChange]);\n\n  return (\n    <div className=\"space-y-2\">\n      {label && (\n        <label htmlFor={id} className=\"block text-sm font-medium\">\n          {label}\n          {required && <span className=\"text-status-error-text ml-1\">*</span>}\n        </label>\n      )}\n\n      <div className=\"border border-border-subtle rounded-md bg-bg-surface overflow-hidden\">\n        <div className=\"flex items-center justify-between border-b border-border-subtle px-2 py-1\">\n          <div className=\"flex items-center gap-1\">\n            <ToolbarButton title={tr('markdownEditor.bold', 'Bold')} onClick={handleBold}>\n              <Bold size={16} />\n            </ToolbarButton>\n            <ToolbarButton title={tr('markdownEditor.italic', 'Italic')} onClick={handleItalic}>\n              <Italic size={16} />\n            </ToolbarButton>\n            <ToolbarButton title={tr('markdownEditor.link', 'Link')} onClick={handleLink}>\n              <Link size={16} />\n            </ToolbarButton>\n            <ToolbarButton\n              title={tr('markdownEditor.inlineCode', 'Inline code')}\n              onClick={handleCode}\n            >\n              <Code size={16} />\n            </ToolbarButton>\n            <ToolbarButton\n              title={tr('markdownEditor.bulletList', 'Bullet list')}\n              onClick={handleList}\n            >\n              <List size={16} />\n            </ToolbarButton>\n          </div>\n\n          <div\n            className=\"flex items-center gap-1\"\n            role=\"tablist\"\n            aria-label={tr('markdownEditor.tabsAriaLabel', 'Markdown editor tabs')}\n          >\n            <button\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={activeTab === 'write'}\n              onClick={() => setActiveTab('write')}\n              className={`px-3 py-1.5 text-sm rounded-md ${\n                activeTab === 'write'\n                  ? 'bg-action-primary-bg text-action-primary-text'\n                  : 'hover:bg-accent text-text-secondary'\n              }`}\n            >\n              {tr('markdownEditor.writeTab', 'Write')}\n            </button>\n            <button\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={activeTab === 'preview'}\n              onClick={() => setActiveTab('preview')}\n              className={`px-3 py-1.5 text-sm rounded-md ${\n                activeTab === 'preview'\n                  ? 'bg-action-primary-bg text-action-primary-text'\n                  : 'hover:bg-accent text-text-secondary'\n              }`}\n            >\n              {tr('markdownEditor.previewTab', 'Preview')}\n            </button>\n          </div>\n        </div>\n\n        <div className=\"relative\">\n          <textarea\n            ref={textareaRef}\n            id={id}\n            value={value}\n            onChange={(e) => onChange(e.target.value)}\n            rows={rows}\n            disabled={disabled}\n            required={required}\n            placeholder={placeholder}\n            aria-label={ariaLabel ?? label}\n            className={`w-full px-3 py-2 bg-bg-surface text-text-primary text-sm sm:text-base resize-y min-h-[120px] focus:outline-none ${\n              activeTab === 'write' ? 'block' : 'hidden'\n            }`}\n          />\n          {activeTab === 'preview' && (\n            <div className=\"w-full px-3 py-2 min-h-[120px] max-h-[24rem] overflow-y-auto text-sm sm:text-base\">\n              {value ? (\n                <Markdown>{value}</Markdown>\n              ) : (\n                <p className=\"text-text-secondary italic\">\n                  {tr('markdownEditor.nothingToPreview', 'Nothing to preview')}\n                </p>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/tours/components/RouteHelpers.js

@@ -1,14 +1,49 @@
-import { Component as e, Fragment as t } from "react";
-import { AlertTriangle as n, Loader2 as r, RefreshCw as i } from "lucide-react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useTr as e } from "../i18n.js";
+import { Component as t, Fragment as n } from "react";
+import { AlertTriangle as r, Loader2 as i, RefreshCw as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/tours/components/RouteHelpers.tsx
-function s() {
-	return /* @__PURE__ */ a("div", {
+function c() {
+	return /* @__PURE__ */ o("div", {
 		className: "flex items-center justify-center min-h-[200px]",
-		children: /* @__PURE__ */ a(r, { className: "size-8 animate-spin text-primary" })
+		children: /* @__PURE__ */ o(i, { className: "size-8 animate-spin text-primary" })
 	});
 }
-var c = 3, l = class extends e {
+var l = 3;
+function u({ retryCount: t, onRetry: n }) {
+	let i = e(), c = t < l;
+	return /* @__PURE__ */ s("div", {
+		className: "flex flex-col items-center justify-center min-h-[400px] gap-4 text-center p-6",
+		children: [
+			/* @__PURE__ */ o("div", {
+				className: "p-3 rounded-full bg-status-error-bg/10",
+				children: /* @__PURE__ */ o(r, { className: "size-8 text-status-error-text" })
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ o("h3", {
+					className: "text-lg font-semibold text-text-primary",
+					children: i("routeErrors.failedToLoadPage", "Failed to load page")
+				}), /* @__PURE__ */ o("p", {
+					className: "text-sm text-text-secondary max-w-md",
+					children: c ? i("routeErrors.chunkLoadRetry", "The page chunk could not be loaded. This may be due to a network issue.") : i("routeErrors.chunkLoadRefresh", "The page chunk could not be loaded after multiple attempts. Please refresh the page.")
+				})]
+			}),
+			c ? /* @__PURE__ */ s("button", {
+				type: "button",
+				onClick: n,
+				className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
+				children: [/* @__PURE__ */ o(a, { className: "size-4" }), i("routeErrors.tryAgain", "Try Again")]
+			}) : /* @__PURE__ */ s("button", {
+				type: "button",
+				onClick: () => window.location.reload(),
+				className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
+				children: [/* @__PURE__ */ o(a, { className: "size-4" }), i("routeErrors.refreshPage", "Refresh Page")]
+			})
+		]
+	});
+}
+var d = class extends t {
 	constructor(e) {
 		super(e), this.state = {
 			hasError: !1,
@@ -33,43 +68,13 @@ var c = 3, l = class extends e {
 		}));
 	};
 	render() {
-		if (this.state.hasError) {
-			let e = this.state.retryCount < c;
-			return /* @__PURE__ */ o("div", {
-				className: "flex flex-col items-center justify-center min-h-[400px] gap-4 text-center p-6",
-				children: [
-					/* @__PURE__ */ a("div", {
-						className: "p-3 rounded-full bg-status-error-bg/10",
-						children: /* @__PURE__ */ a(n, { className: "size-8 text-status-error-text" })
-					}),
-					/* @__PURE__ */ o("div", {
-						className: "space-y-2",
-						children: [/* @__PURE__ */ a("h3", {
-							className: "text-lg font-semibold text-text-primary",
-							children: "Failed to load page"
-						}), /* @__PURE__ */ a("p", {
-							className: "text-sm text-text-secondary max-w-md",
-							children: e ? "The page chunk could not be loaded. This may be due to a network issue." : "The page chunk could not be loaded after multiple attempts. Please refresh the page."
-						})]
-					}),
-					e ? /* @__PURE__ */ o("button", {
-						type: "button",
-						onClick: this.handleRetry,
-						className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
-						children: [/* @__PURE__ */ a(i, { className: "size-4" }), "Try Again"]
-					}) : /* @__PURE__ */ o("button", {
-						type: "button",
-						onClick: () => window.location.reload(),
-						className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
-						children: [/* @__PURE__ */ a(i, { className: "size-4" }), "Refresh Page"]
-					})
-				]
-			});
-		}
-		return /* @__PURE__ */ a(t, { children: this.props.children }, this.state.retryCount);
+		return this.state.hasError ? /* @__PURE__ */ o(u, {
+			retryCount: this.state.retryCount,
+			onRetry: this.handleRetry
+		}) : /* @__PURE__ */ o(n, { children: this.props.children }, this.state.retryCount);
 	}
 };
 //#endregion
-export { l as LazyErrorBoundary, s as PageLoader };
+export { d as LazyErrorBoundary, c as PageLoader };
 
 //# sourceMappingURL=RouteHelpers.js.map

package/dist/tours/components/RouteHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"RouteHelpers.js","names":[],"sources":["../../../src/tours/components/RouteHelpers.tsx"],"sourcesContent":["import { Component, Fragment, type ReactNode, type ErrorInfo } from 'react';\nimport { Loader2, AlertTriangle, RefreshCw } from 'lucide-react';\n\n/**\n * Loading fallback for lazy-loaded pages.\n * Shared between ToursAdminRoutes and ToursUserRoutes (Section D/E of BOFF-2391).\n */\nexport function PageLoader() {\n  return (\n    <div className=\"flex items-center justify-center min-h-[200px]\">\n      <Loader2 className=\"size-8 animate-spin text-primary\" />\n    </div>\n  );\n}\n\n/** Max consecutive retries before the error screen suggests a full reload. */\nconst MAX_RETRY_COUNT = 3;\n\n/**\n * Error boundary for lazy-loaded page chunks.\n *\n * React.lazy() caches rejected promises, so resetting error state alone would\n * re-throw the same cached rejection. The retryCount key forces a full remount\n * of the subtree on retry, creating fresh lazy-component instances.\n */\nexport class LazyErrorBoundary extends Component<\n  { children: ReactNode },\n  { hasError: boolean; error: Error | null; retryCount: number }\n> {\n  constructor(props: { children: ReactNode }) {\n    super(props);\n    this.state = { hasError: false, error: null, retryCount: 0 };\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    return { hasError: true, error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    // TODO: forward to error monitoring service (Sentry, etc.)\n    // Log the full error server-side / in the console; do NOT surface the raw\n    // message to users since chunk-load errors can include CDN paths, build\n    // hashes, or deployment details that shouldn't appear in the UI.\n    console.error('[Tours] Lazy page load failed:', error, errorInfo);\n  }\n\n  handleRetry = () => {\n    this.setState((prev) => ({\n      hasError: false,\n      error: null,\n      retryCount: prev.retryCount + 1,\n    }));\n  };\n\n  render() {\n    if (this.state.hasError) {\n      const canRetry = this.state.retryCount < MAX_RETRY_COUNT;\n      return (\n        <div className=\"flex flex-col items-center justify-center min-h-[400px] gap-4 text-center p-6\">\n          <div className=\"p-3 rounded-full bg-status-error-bg/10\">\n            <AlertTriangle className=\"size-8 text-status-error-text\" />\n          </div>\n          <div className=\"space-y-2\">\n            <h3 className=\"text-lg font-semibold text-text-primary\">Failed to load page</h3>\n            <p className=\"text-sm text-text-secondary max-w-md\">\n              {canRetry\n                ? 'The page chunk could not be loaded. This may be due to a network issue.'\n                : 'The page chunk could not be loaded after multiple attempts. Please refresh the page.'}\n            </p>\n          </div>\n          {canRetry ? (\n            <button\n              type=\"button\"\n              onClick={this.handleRetry}\n              className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n            >\n              <RefreshCw className=\"size-4\" />\n              Try Again\n            </button>\n          ) : (\n            <button\n              type=\"button\"\n              onClick={() => window.location.reload()}\n              className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n            >\n              <RefreshCw className=\"size-4\" />\n              Refresh Page\n            </button>\n          )}\n        </div>\n      );\n    }\n\n    return <Fragment key={this.state.retryCount}>{this.props.children}</Fragment>;\n  }\n}\n"],"mappings":";;;;AAOA,SAAgB,IAAa;AAC3B,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,WAAU,oCAAqC,CAAA;EACpD,CAAA;;AAKV,IAAM,IAAkB,GASX,IAAb,cAAuC,EAGrC;CACA,YAAY,GAAgC;AAE1C,EADA,MAAM,EAAM,EACZ,KAAK,QAAQ;GAAE,UAAU;GAAO,OAAO;GAAM,YAAY;GAAG;;CAG9D,OAAO,yBAAyB,GAAc;AAC5C,SAAO;GAAE,UAAU;GAAM;GAAO;;CAGlC,kBAAkB,GAAc,GAAsB;AAKpD,UAAQ,MAAM,kCAAkC,GAAO,EAAU;;CAGnE,oBAAoB;AAClB,OAAK,UAAU,OAAU;GACvB,UAAU;GACV,OAAO;GACP,YAAY,EAAK,aAAa;GAC/B,EAAE;;CAGL,SAAS;AACP,MAAI,KAAK,MAAM,UAAU;GACvB,IAAM,IAAW,KAAK,MAAM,aAAa;AACzC,UACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD,EAAe,WAAU,iCAAkC,CAAA;MACvD,CAAA;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAA0C;OAAwB,CAAA,EAChF,kBAAC,KAAD;OAAG,WAAU;iBACV,IACG,4EACA;OACF,CAAA,CACA;;KACL,IACC,kBAAC,UAAD;MACE,MAAK;MACL,SAAS,KAAK;MACd,WAAU;gBAHZ,CAKE,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA,EAAA,YAEzB;UAET,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,OAAO,SAAS,QAAQ;MACvC,WAAU;gBAHZ,CAKE,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA,EAAA,eAEzB;;KAEP;;;AAIV,SAAO,kBAAC,GAAD,EAAA,UAAuC,KAAK,MAAM,UAAoB,EAAvD,KAAK,MAAM,WAA4C"}
+{"version":3,"file":"RouteHelpers.js","names":[],"sources":["../../../src/tours/components/RouteHelpers.tsx"],"sourcesContent":["import { Component, Fragment, type ReactNode, type ErrorInfo } from 'react';\nimport { Loader2, AlertTriangle, RefreshCw } from 'lucide-react';\nimport { useTr } from '../i18n';\n\n/**\n * Loading fallback for lazy-loaded pages.\n * Shared between ToursAdminRoutes and ToursUserRoutes (Section D/E of BOFF-2391).\n */\nexport function PageLoader() {\n  return (\n    <div className=\"flex items-center justify-center min-h-[200px]\">\n      <Loader2 className=\"size-8 animate-spin text-primary\" />\n    </div>\n  );\n}\n\n/** Max consecutive retries before the error screen suggests a full reload. */\nconst MAX_RETRY_COUNT = 3;\n\ninterface LazyErrorScreenProps {\n  retryCount: number;\n  onRetry: () => void;\n}\n\nfunction LazyErrorScreen({ retryCount, onRetry }: LazyErrorScreenProps) {\n  const tr = useTr();\n  const canRetry = retryCount < MAX_RETRY_COUNT;\n\n  return (\n    <div className=\"flex flex-col items-center justify-center min-h-[400px] gap-4 text-center p-6\">\n      <div className=\"p-3 rounded-full bg-status-error-bg/10\">\n        <AlertTriangle className=\"size-8 text-status-error-text\" />\n      </div>\n      <div className=\"space-y-2\">\n        <h3 className=\"text-lg font-semibold text-text-primary\">\n          {tr('routeErrors.failedToLoadPage', 'Failed to load page')}\n        </h3>\n        <p className=\"text-sm text-text-secondary max-w-md\">\n          {canRetry\n            ? tr(\n                'routeErrors.chunkLoadRetry',\n                'The page chunk could not be loaded. This may be due to a network issue.'\n              )\n            : tr(\n                'routeErrors.chunkLoadRefresh',\n                'The page chunk could not be loaded after multiple attempts. Please refresh the page.'\n              )}\n        </p>\n      </div>\n      {canRetry ? (\n        <button\n          type=\"button\"\n          onClick={onRetry}\n          className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n        >\n          <RefreshCw className=\"size-4\" />\n          {tr('routeErrors.tryAgain', 'Try Again')}\n        </button>\n      ) : (\n        <button\n          type=\"button\"\n          onClick={() => window.location.reload()}\n          className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n        >\n          <RefreshCw className=\"size-4\" />\n          {tr('routeErrors.refreshPage', 'Refresh Page')}\n        </button>\n      )}\n    </div>\n  );\n}\n\n/**\n * Error boundary for lazy-loaded page chunks.\n *\n * React.lazy() caches rejected promises, so resetting error state alone would\n * re-throw the same cached rejection. The retryCount key forces a full remount\n * of the subtree on retry, creating fresh lazy-component instances.\n */\nexport class LazyErrorBoundary extends Component<\n  { children: ReactNode },\n  { hasError: boolean; error: Error | null; retryCount: number }\n> {\n  constructor(props: { children: ReactNode }) {\n    super(props);\n    this.state = { hasError: false, error: null, retryCount: 0 };\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    return { hasError: true, error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    // TODO: forward to error monitoring service (Sentry, etc.)\n    // Log the full error server-side / in the console; do NOT surface the raw\n    // message to users since chunk-load errors can include CDN paths, build\n    // hashes, or deployment details that shouldn't appear in the UI.\n    console.error('[Tours] Lazy page load failed:', error, errorInfo);\n  }\n\n  handleRetry = () => {\n    this.setState((prev) => ({\n      hasError: false,\n      error: null,\n      retryCount: prev.retryCount + 1,\n    }));\n  };\n\n  render() {\n    if (this.state.hasError) {\n      return <LazyErrorScreen retryCount={this.state.retryCount} onRetry={this.handleRetry} />;\n    }\n\n    return <Fragment key={this.state.retryCount}>{this.props.children}</Fragment>;\n  }\n}\n"],"mappings":";;;;;AAQA,SAAgB,IAAa;AAC3B,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,WAAU,oCAAqC,CAAA;EACpD,CAAA;;AAKV,IAAM,IAAkB;AAOxB,SAAS,EAAgB,EAAE,eAAY,cAAiC;CACtE,IAAM,IAAK,GAAO,EACZ,IAAW,IAAa;AAE9B,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAe,WAAU,iCAAkC,CAAA;IACvD,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,gCAAgC,sBAAsB;KACvD,CAAA,EACL,kBAAC,KAAD;KAAG,WAAU;eACV,IACG,EACE,8BACA,0EACD,GACD,EACE,gCACA,uFACD;KACH,CAAA,CACA;;GACL,IACC,kBAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,WAAU;cAHZ,CAKE,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA,EAC/B,EAAG,wBAAwB,YAAY,CACjC;QAET,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,OAAO,SAAS,QAAQ;IACvC,WAAU;cAHZ,CAKE,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA,EAC/B,EAAG,2BAA2B,eAAe,CACvC;;GAEP;;;AAWV,IAAa,IAAb,cAAuC,EAGrC;CACA,YAAY,GAAgC;AAE1C,EADA,MAAM,EAAM,EACZ,KAAK,QAAQ;GAAE,UAAU;GAAO,OAAO;GAAM,YAAY;GAAG;;CAG9D,OAAO,yBAAyB,GAAc;AAC5C,SAAO;GAAE,UAAU;GAAM;GAAO;;CAGlC,kBAAkB,GAAc,GAAsB;AAKpD,UAAQ,MAAM,kCAAkC,GAAO,EAAU;;CAGnE,oBAAoB;AAClB,OAAK,UAAU,OAAU;GACvB,UAAU;GACV,OAAO;GACP,YAAY,EAAK,aAAa;GAC/B,EAAE;;CAGL,SAAS;AAKP,SAJI,KAAK,MAAM,WACN,kBAAC,GAAD;GAAiB,YAAY,KAAK,MAAM;GAAY,SAAS,KAAK;GAAe,CAAA,GAGnF,kBAAC,GAAD,EAAA,UAAuC,KAAK,MAAM,UAAoB,EAAvD,KAAK,MAAM,WAA4C"}

package/dist/tours/components/ToursAdminNavRegistrar.js

@@ -1,60 +1,65 @@
 import { TOURS_FEATURES as e } from "../../constants/featureFlags.js";
 import { joinPath as t } from "../utils/joinPath.js";
-import { useEffect as n, useMemo as r, useRef as i } from "react";
-import { useFeatureFlag as a } from "@burdenoff/fe-libs/shared/feature-flags";
-import { BarChart3 as o, Image as s, LayoutTemplate as c, List as l, Plus as u } from "lucide-react";
-import { jsx as d } from "react/jsx-runtime";
+import { useTr as n } from "../i18n.js";
+import { useEffect as r, useMemo as i, useRef as a } from "react";
+import { useFeatureFlag as o } from "@burdenoff/fe-libs/shared/feature-flags";
+import { BarChart3 as s, Image as c, LayoutTemplate as l, List as u, Plus as d } from "lucide-react";
+import { jsx as f } from "react/jsx-runtime";
 //#region src/tours/components/ToursAdminNavRegistrar.tsx
-function f({ basePath: f, registerNavItems: p }) {
-	let m = a(e.MEDIA, !1), h = i(p);
-	h.current = p;
-	let g = r(() => {
+function p({ basePath: p, registerNavItems: m }) {
+	let h = n(), g = o(e.MEDIA, !1), _ = a(m);
+	_.current = m;
+	let v = i(() => {
 		let e = [
 			{
 				id: "tours-list",
-				label: "All Tours",
-				path: t(f, "list"),
-				icon: /* @__PURE__ */ d(l, { size: 20 }),
+				label: h("toursNav.allTours", "All Tours"),
+				path: t(p, "list"),
+				icon: /* @__PURE__ */ f(u, { size: 20 }),
 				order: 10,
 				group: "tours"
 			},
 			{
 				id: "tours-new",
-				label: "Create Tour",
-				path: t(f, "new"),
-				icon: /* @__PURE__ */ d(u, { size: 20 }),
+				label: h("toursNav.createTour", "Create Tour"),
+				path: t(p, "new"),
+				icon: /* @__PURE__ */ f(d, { size: 20 }),
 				order: 20,
 				group: "tours"
 			},
 			{
 				id: "tours-templates",
-				label: "Templates",
-				path: t(f, "templates"),
-				icon: /* @__PURE__ */ d(c, { size: 20 }),
+				label: h("toursNav.templates", "Templates"),
+				path: t(p, "templates"),
+				icon: /* @__PURE__ */ f(l, { size: 20 }),
 				order: 30,
 				group: "tours"
 			},
 			{
 				id: "tours-analytics",
-				label: "Analytics",
-				path: t(f, "analytics"),
-				icon: /* @__PURE__ */ d(o, { size: 20 }),
+				label: h("toursNav.analytics", "Analytics"),
+				path: t(p, "analytics"),
+				icon: /* @__PURE__ */ f(s, { size: 20 }),
 				order: 50,
 				group: "tours"
 			}
 		];
-		return m && e.push({
+		return g && e.push({
 			id: "tours-media",
-			label: "Media Library",
-			path: t(f, "media"),
-			icon: /* @__PURE__ */ d(s, { size: 20 }),
+			label: h("toursNav.mediaLibrary", "Media Library"),
+			path: t(p, "media"),
+			icon: /* @__PURE__ */ f(c, { size: 20 }),
 			order: 40,
 			group: "tours"
 		}), e;
-	}, [f, m]);
-	return n(() => h.current(g), [g]), null;
+	}, [
+		p,
+		g,
+		h
+	]);
+	return r(() => _.current(v), [v]), null;
 }
 //#endregion
-export { f as ToursAdminNavRegistrar };
+export { p as ToursAdminNavRegistrar };
 
 //# sourceMappingURL=ToursAdminNavRegistrar.js.map

package/dist/tours/components/ToursAdminNavRegistrar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToursAdminNavRegistrar.js","names":[],"sources":["../../../src/tours/components/ToursAdminNavRegistrar.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef } from 'react';\nimport { useFeatureFlag } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { List, Plus, LayoutTemplate, Image, BarChart3 } from 'lucide-react';\n\nimport { TOURS_FEATURES } from '../../constants/featureFlags';\nimport type { NavItem } from '../types';\nimport { joinPath } from '../utils/joinPath';\n\ninterface ToursAdminNavRegistrarProps {\n  basePath: string;\n  registerNavItems: (items: NavItem | NavItem[]) => () => void;\n}\n\n/**\n * Registers the admin tours nav items with the host shell.\n *\n * Rendered inside `<FeatureFlagProvider>` so it can consult `useFeatureFlag`\n * to conditionally include flag-gated items. Re-registers whenever flag state\n * changes so the host shell's nav reflects the current evaluation in real time.\n *\n * Baseline items (always registered): All Tours, Create Tour, Templates,\n * Analytics. Media Library is gated on `tours.media` because the upload\n * pipeline is still incomplete — the nav item appears only when the flag is\n * enabled for the workspace or the user has opted in via Feature Previews.\n *\n * `registerNavItems` is captured in a ref so a host shell that hands over a\n * fresh closure on every render can't trigger an unregister → re-register\n * storm. Only flag-state / `basePath` changes cause re-registration.\n */\nexport function ToursAdminNavRegistrar({\n  basePath,\n  registerNavItems,\n}: ToursAdminNavRegistrarProps) {\n  const mediaEnabled = useFeatureFlag(TOURS_FEATURES.MEDIA, false);\n\n  const registerNavItemsRef = useRef(registerNavItems);\n  registerNavItemsRef.current = registerNavItems;\n\n  const navItems = useMemo<NavItem[]>(() => {\n    const items: NavItem[] = [\n      {\n        id: 'tours-list',\n        label: 'All Tours',\n        path: joinPath(basePath, 'list'),\n        icon: <List size={20} />,\n        order: 10,\n        group: 'tours',\n      },\n      {\n        id: 'tours-new',\n        label: 'Create Tour',\n        path: joinPath(basePath, 'new'),\n        icon: <Plus size={20} />,\n        order: 20,\n        group: 'tours',\n      },\n      {\n        id: 'tours-templates',\n        label: 'Templates',\n        path: joinPath(basePath, 'templates'),\n        icon: <LayoutTemplate size={20} />,\n        order: 30,\n        group: 'tours',\n      },\n      {\n        id: 'tours-analytics',\n        label: 'Analytics',\n        path: joinPath(basePath, 'analytics'),\n        icon: <BarChart3 size={20} />,\n        order: 50,\n        group: 'tours',\n      },\n    ];\n\n    if (mediaEnabled) {\n      items.push({\n        id: 'tours-media',\n        label: 'Media Library',\n        path: joinPath(basePath, 'media'),\n        icon: <Image size={20} />,\n        order: 40,\n        group: 'tours',\n      });\n    }\n\n    return items;\n  }, [basePath, mediaEnabled]);\n\n  useEffect(() => {\n    const unregister = registerNavItemsRef.current(navItems);\n    return unregister;\n  }, [navItems]);\n\n  return null;\n}\n"],"mappings":";;;;;;;AA6BA,SAAgB,EAAuB,EACrC,aACA,uBAC8B;CAC9B,IAAM,IAAe,EAAe,EAAe,OAAO,GAAM,EAE1D,IAAsB,EAAO,EAAiB;AACpD,GAAoB,UAAU;CAE9B,IAAM,IAAW,QAAyB;EACxC,IAAM,IAAmB;GACvB;IACE,IAAI;IACJ,OAAO;IACP,MAAM,EAAS,GAAU,OAAO;IAChC,MAAM,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;IACxB,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO;IACP,MAAM,EAAS,GAAU,MAAM;IAC/B,MAAM,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;IACxB,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO;IACP,MAAM,EAAS,GAAU,YAAY;IACrC,MAAM,kBAAC,GAAD,EAAgB,MAAM,IAAM,CAAA;IAClC,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO;IACP,MAAM,EAAS,GAAU,YAAY;IACrC,MAAM,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA;IAC7B,OAAO;IACP,OAAO;IACR;GACF;AAaD,SAXI,KACF,EAAM,KAAK;GACT,IAAI;GACJ,OAAO;GACP,MAAM,EAAS,GAAU,QAAQ;GACjC,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;GACzB,OAAO;GACP,OAAO;GACR,CAAC,EAGG;IACN,CAAC,GAAU,EAAa,CAAC;AAO5B,QALA,QACqB,EAAoB,QAAQ,EAAS,EAEvD,CAAC,EAAS,CAAC,EAEP"}
+{"version":3,"file":"ToursAdminNavRegistrar.js","names":[],"sources":["../../../src/tours/components/ToursAdminNavRegistrar.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef } from 'react';\nimport { useFeatureFlag } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { List, Plus, LayoutTemplate, Image, BarChart3 } from 'lucide-react';\n\nimport { TOURS_FEATURES } from '../../constants/featureFlags';\nimport type { NavItem } from '../types';\nimport { joinPath } from '../utils/joinPath';\nimport { useTr } from '../i18n';\n\ninterface ToursAdminNavRegistrarProps {\n  basePath: string;\n  registerNavItems: (items: NavItem | NavItem[]) => () => void;\n}\n\n/**\n * Registers the admin tours nav items with the host shell.\n *\n * Rendered inside `<FeatureFlagProvider>` so it can consult `useFeatureFlag`\n * to conditionally include flag-gated items. Re-registers whenever flag state\n * changes so the host shell's nav reflects the current evaluation in real time.\n *\n * Baseline items (always registered): All Tours, Create Tour, Templates,\n * Analytics. Media Library is gated on `tours.media` because the upload\n * pipeline is still incomplete — the nav item appears only when the flag is\n * enabled for the workspace or the user has opted in via Feature Previews.\n *\n * `registerNavItems` is captured in a ref so a host shell that hands over a\n * fresh closure on every render can't trigger an unregister → re-register\n * storm. Only flag-state / `basePath` changes cause re-registration.\n */\nexport function ToursAdminNavRegistrar({\n  basePath,\n  registerNavItems,\n}: ToursAdminNavRegistrarProps) {\n  const tr = useTr();\n  const mediaEnabled = useFeatureFlag(TOURS_FEATURES.MEDIA, false);\n\n  const registerNavItemsRef = useRef(registerNavItems);\n  registerNavItemsRef.current = registerNavItems;\n\n  const navItems = useMemo<NavItem[]>(() => {\n    const items: NavItem[] = [\n      {\n        id: 'tours-list',\n        label: tr('toursNav.allTours', 'All Tours'),\n        path: joinPath(basePath, 'list'),\n        icon: <List size={20} />,\n        order: 10,\n        group: 'tours',\n      },\n      {\n        id: 'tours-new',\n        label: tr('toursNav.createTour', 'Create Tour'),\n        path: joinPath(basePath, 'new'),\n        icon: <Plus size={20} />,\n        order: 20,\n        group: 'tours',\n      },\n      {\n        id: 'tours-templates',\n        label: tr('toursNav.templates', 'Templates'),\n        path: joinPath(basePath, 'templates'),\n        icon: <LayoutTemplate size={20} />,\n        order: 30,\n        group: 'tours',\n      },\n      {\n        id: 'tours-analytics',\n        label: tr('toursNav.analytics', 'Analytics'),\n        path: joinPath(basePath, 'analytics'),\n        icon: <BarChart3 size={20} />,\n        order: 50,\n        group: 'tours',\n      },\n    ];\n\n    if (mediaEnabled) {\n      items.push({\n        id: 'tours-media',\n        label: tr('toursNav.mediaLibrary', 'Media Library'),\n        path: joinPath(basePath, 'media'),\n        icon: <Image size={20} />,\n        order: 40,\n        group: 'tours',\n      });\n    }\n\n    return items;\n  }, [basePath, mediaEnabled, tr]);\n\n  useEffect(() => {\n    const unregister = registerNavItemsRef.current(navItems);\n    return unregister;\n  }, [navItems]);\n\n  return null;\n}\n"],"mappings":";;;;;;;;AA8BA,SAAgB,EAAuB,EACrC,aACA,uBAC8B;CAC9B,IAAM,IAAK,GAAO,EACZ,IAAe,EAAe,EAAe,OAAO,GAAM,EAE1D,IAAsB,EAAO,EAAiB;AACpD,GAAoB,UAAU;CAE9B,IAAM,IAAW,QAAyB;EACxC,IAAM,IAAmB;GACvB;IACE,IAAI;IACJ,OAAO,EAAG,qBAAqB,YAAY;IAC3C,MAAM,EAAS,GAAU,OAAO;IAChC,MAAM,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;IACxB,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAG,uBAAuB,cAAc;IAC/C,MAAM,EAAS,GAAU,MAAM;IAC/B,MAAM,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;IACxB,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAG,sBAAsB,YAAY;IAC5C,MAAM,EAAS,GAAU,YAAY;IACrC,MAAM,kBAAC,GAAD,EAAgB,MAAM,IAAM,CAAA;IAClC,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAG,sBAAsB,YAAY;IAC5C,MAAM,EAAS,GAAU,YAAY;IACrC,MAAM,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA;IAC7B,OAAO;IACP,OAAO;IACR;GACF;AAaD,SAXI,KACF,EAAM,KAAK;GACT,IAAI;GACJ,OAAO,EAAG,yBAAyB,gBAAgB;GACnD,MAAM,EAAS,GAAU,QAAQ;GACjC,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;GACzB,OAAO;GACP,OAAO;GACR,CAAC,EAGG;IACN;EAAC;EAAU;EAAc;EAAG,CAAC;AAOhC,QALA,QACqB,EAAoB,QAAQ,EAAS,EAEvD,CAAC,EAAS,CAAC,EAEP"}