@flamingo-stack/openframe-frontend-core 0.0.764 → 0.0.766

package/dist/chunk-INI4ADPT.cjs

@@ -0,0 +1,495 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+
+
+var _chunkRMUSPTJNcjs = require('./chunk-RMUSPTJN.cjs');
+
+
+
+var _chunk7XFVUUVZcjs = require('./chunk-7XFVUUVZ.cjs');
+
+
+
+
+
+
+var _chunkVRDHAR3Xcjs = require('./chunk-VRDHAR3X.cjs');
+
+
+var _chunkZV45VS6Kcjs = require('./chunk-ZV45VS6K.cjs');
+
+
+var _chunk7VI7TOGIcjs = require('./chunk-7VI7TOGI.cjs');
+
+
+
+
+var _chunkYL6ZB2SRcjs = require('./chunk-YL6ZB2SR.cjs');
+
+
+var _chunkRNLRS4IDcjs = require('./chunk-RNLRS4ID.cjs');
+
+
+
+var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
+
+
+var _chunkFZB4RMRKcjs = require('./chunk-FZB4RMRK.cjs');
+
+
+
+
+
+var _chunkDGNBXZXTcjs = require('./chunk-DGNBXZXT.cjs');
+
+
+var _chunk3LW5TD54cjs = require('./chunk-3LW5TD54.cjs');
+
+
+var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
+
+
+var _chunkWEANWBJHcjs = require('./chunk-WEANWBJH.cjs');
+
+
+
+
+var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
+
+
+var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
+
+// src/components/onboarding-guides/onboarding-guides-catalog-view.tsx
+var _lucidereact = require('lucide-react');
+var _react = require('react');
+
+// src/components/onboarding-guides/onboarding-guides-catalog-skeleton.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var CATALOG_VIEW_CLASS = "flex w-full flex-col gap-10";
+var CATALOG_CONTROLS_CLASS = "space-y-4";
+var CATALOG_SECTIONS_CLASS = "space-y-10";
+var CATALOG_SECTION_CLASS = "space-y-4";
+var CATALOG_SECTION_HEADING_CLASS = "flex items-center gap-2 text-ods-text-primary text-h3";
+var CATALOG_SECTION_COUNT_CLASS = "inline-flex items-center justify-center rounded-full bg-ods-text-secondary/20 px-2 py-0.5 text-ods-text-secondary text-h6";
+var CATALOG_LIST_CLASS = "flex flex-col gap-4";
+var ONBOARDING_CATALOG_CARD_FOLD = 3;
+function OnboardingCatalogSectionsSkeleton() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CATALOG_SECTIONS_CLASS, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { className: CATALOG_SECTION_CLASS, "data-loading-item": true, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "h2", { className: CATALOG_SECTION_HEADING_CLASS, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-40" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: CATALOG_SECTION_COUNT_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-3" }) })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: CATALOG_LIST_CLASS, children: Array.from({ length: ONBOARDING_CATALOG_CARD_FOLD }, (_, i) => (
+      // biome-ignore lint/suspicious/noArrayIndexKey: skeleton cards never reorder
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGNBXZXTcjs.OnboardingGuideCardSkeleton, { size: "catalog" }) }, i)
+    )) })
+  ] }) });
+}
+
+// src/components/onboarding-guides/onboarding-guides-catalog-view.tsx
+
+function OnboardingGuidesCatalogView({
+  initialGuides,
+  initialSections,
+  initialSection = "",
+  guidesEndpoint,
+  sectionsEndpoint,
+  renderCard,
+  basePath = "/onboarding-guides"
+}) {
+  const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
+  const searchParams = _chunk7DNL734Scjs.useSearchParams.call(void 0, );
+  const [isPending, startTransition] = _react.useTransition.call(void 0, );
+  const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
+  const scoped = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const selfFetch = !scoped && initialGuides === void 0 && guidesEndpoint !== void 0;
+  const sectionValue = selfFetch ? _nullishCoalesce(searchParams.get("section"), () => ( "")) : initialSection;
+  const activeSection = sectionValue || "all";
+  const guidesQs = sectionValue ? `?section=${encodeURIComponent(sectionValue)}` : "";
+  const guidesRes = _chunkFZB4RMRKcjs.useSelfFetch.call(void 0, 
+    selfFetch && guidesEndpoint ? `${guidesEndpoint}${guidesQs}` : null
+  );
+  const sectionsRes = _chunkFZB4RMRKcjs.useSelfFetch.call(void 0, selfFetch && sectionsEndpoint ? sectionsEndpoint : null);
+  const guides = _react.useMemo.call(void 0, () => _nullishCoalesce(_nullishCoalesce(initialGuides, () => ( _optionalChain([guidesRes, 'access', _2 => _2.data, 'optionalAccess', _3 => _3.data]))), () => ( [])), [initialGuides, _optionalChain([guidesRes, 'access', _4 => _4.data, 'optionalAccess', _5 => _5.data])]);
+  const sections = _react.useMemo.call(void 0, 
+    () => _nullishCoalesce(initialSections, () => ( (Array.isArray(sectionsRes.data) ? sectionsRes.data : []))),
+    [initialSections, sectionsRes.data]
+  );
+  const isLoading = selfFetch ? guidesRes.isLoading : false;
+  const loading = scoped || selfFetch && guidesRes.data == null && isLoading;
+  const grouped = _react.useMemo.call(void 0, () => {
+    const map = /* @__PURE__ */ new Map();
+    for (const g of guides) {
+      const existing = map.get(g.section);
+      if (existing) {
+        if (g.section_order < existing.section_order) existing.section_order = g.section_order;
+        existing.guides.push(g);
+      } else {
+        map.set(g.section, { section_order: g.section_order, guides: [g] });
+      }
+    }
+    for (const entry of map.values()) {
+      entry.guides.sort((a, b) => a.step_order - b.step_order || a.title.localeCompare(b.title));
+    }
+    return Array.from(map.entries()).map(([section, info]) => ({ section, ...info })).sort((a, b) => a.section_order - b.section_order || a.section.localeCompare(b.section));
+  }, [guides]);
+  const sectionFilterOptions = _react.useMemo.call(void 0, 
+    () => [
+      { value: "all", label: `All (${guides.length})` },
+      ...sections.map((s) => ({ value: s.section, label: `${s.section} (${s.count})` }))
+    ],
+    [guides.length, sections]
+  );
+  const setSection = (value) => {
+    const params = new URLSearchParams(searchParams.toString());
+    if (value === "all") {
+      params.delete("section");
+    } else {
+      params.set("section", value);
+    }
+    const qs = params.toString();
+    startTransition(() => {
+      router.push(qs ? `${basePath}?${qs}` : basePath);
+    });
+  };
+  const source = _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _6 => _6.source]), () => ( "openframe"));
+  const docSearch = _chunk7XFVUUVZcjs.useDocSearch.call(void 0, {
+    source,
+    baseRoute: basePath,
+    onNavigate: (path) => router.push(path),
+    tableIds: ["onboarding-guides"]
+  });
+  const defaultRenderCard = (guide) => {
+    const cta = _chunk7VI7TOGIcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _7 => _7.composeContentUrl]), {
+      type: "onboarding_guide",
+      slug: guide.slug,
+      basePath,
+      platforms: guide.onboarding_guide_platforms
+    });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGNBXZXTcjs.OnboardingGuideCard, { guide, href: cta.href, targetPlatform: cta.targetPlatform, size: "catalog" });
+  };
+  const renderCardFn = _nullishCoalesce(renderCard, () => ( defaultRenderCard));
+  const preControls = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CATALOG_CONTROLS_CLASS, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk7XFVUUVZcjs.DocSearchBar,
+      {
+        placeholder: "Search onboarding guides, releases, case studies\u2026",
+        query: docSearch.query,
+        onQueryChange: docSearch.setQuery,
+        results: docSearch.results,
+        isLoading: docSearch.isLoading,
+        onResultSelect: docSearch.handleResultSelect,
+        showDropdown: docSearch.keepDropdownOpen
+      }
+    ),
+    (loading || sections.length > 0) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkVRDHAR3Xcjs.FilterPillRow,
+      {
+        label: "Section",
+        selectedValue: activeSection,
+        onValueChange: setSection,
+        options: loading ? [] : sectionFilterOptions,
+        loading
+      }
+    )
+  ] });
+  if (!loading && selfFetch && guidesRes.error) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.LoadError, { message: "Failed to load onboarding guides.", onRetry: guidesRes.reload });
+  }
+  const view = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CATALOG_VIEW_CLASS, children: [
+    preControls,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      OnboardingCatalogSections,
+      {
+        grouped,
+        loading,
+        dimmed: isPending || isLoading,
+        allSections: activeSection === "all",
+        renderCard: renderCardFn
+      }
+    )
+  ] });
+  if (!loading) return view;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading onboarding guides", announce: !scoped, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.LoadingScope, { children: view }) });
+}
+function OnboardingCatalogSections({
+  grouped,
+  loading,
+  dimmed,
+  allSections,
+  renderCard
+}) {
+  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, ) || loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, OnboardingCatalogSectionsSkeleton, {});
+  if (grouped.length === 0) {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "py-16 text-center", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.GraduationCap, { className: "mx-auto mb-4 h-12 w-12 text-ods-text-secondary" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "mb-2 text-ods-text-primary text-h3", children: "No onboarding guides found" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: allSections ? "We're working on the onboarding library. Check back soon." : "No guides in this section yet." })
+    ] });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, CATALOG_SECTIONS_CLASS, dimmed && "opacity-60 transition-opacity"), children: grouped.map((sec) => (
+    // A section is the data's group: how many there are is the record's (`data-loading-item`).
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { className: CATALOG_SECTION_CLASS, "data-loading-item": true, children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "h2", { className: CATALOG_SECTION_HEADING_CLASS, children: [
+        sec.section,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: CATALOG_SECTION_COUNT_CLASS, children: sec.guides.length })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: CATALOG_LIST_CLASS, children: sec.guides.map((guide) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: renderCard(guide) }, guide.id)) })
+    ] }, sec.section)
+  )) });
+}
+
+// src/components/onboarding-guides/onboarding-guide-detail-view.tsx
+
+
+var RELATED_BLOCK_CLASS = "space-y-4 border-t border-ods-border pt-8";
+var RELATED_HEADING_CLASS = "tracking-[-0.36px] text-ods-text-primary text-h3";
+var RELATED_LIST_CLASS = "flex flex-col gap-3";
+var BODY_CLASS = "space-y-4";
+var SECTION_CELL_LABEL = "Section";
+var ONBOARDING_GUIDE_RELATED_SKELETON_COUNT = 3;
+var EMPTY_ONBOARDING_GUIDE = {
+  id: "",
+  title: "",
+  slug: "",
+  section: "",
+  step_order: 0,
+  section_order: 0,
+  content: "",
+  video_summary: null,
+  transcript: null,
+  transcript_words_data: null,
+  srt_content: null,
+  ai_transcript_formatted: null,
+  main_video_url: null,
+  main_video_thumbnail: null,
+  youtube_url: null,
+  highlight_video_url: null,
+  highlight_video_thumbnail: null,
+  highlight_video_duration_ms: null,
+  highlight_video_source: null,
+  video_bites: [],
+  featured_image: null,
+  og_image_url: null,
+  seo_title: null,
+  seo_description: null,
+  seo_keywords: null,
+  status: "published",
+  published_at: null,
+  author_id: null,
+  custom_instructions: null,
+  config: null,
+  ai_effort_score: null,
+  onboarding_guide_tags: [],
+  created_at: "",
+  updated_at: "",
+  created_by: null,
+  updated_by: null
+};
+function RelatedGuides({
+  section,
+  related,
+  renderCard
+}) {
+  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const guides = loading ? Array.from({ length: ONBOARDING_GUIDE_RELATED_SKELETON_COUNT }, (_, i) => ({
+    ...EMPTY_ONBOARDING_GUIDE,
+    id: `skeleton-${i}`
+  })) : related;
+  if (guides.length === 0) return null;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: RELATED_BLOCK_CLASS, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "h2", { className: RELATED_HEADING_CLASS, children: [
+      "More in",
+      " ",
+      loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "inline-block w-32 align-middle" }) : section
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: RELATED_LIST_CLASS, children: guides.map((guide) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { "data-loading-item": true, children: renderCard(guide) }, guide.id)) })
+  ] });
+}
+function OnboardingGuideDetailView({
+  authorHref,
+  authorBio,
+  fallbackBio,
+  initialData,
+  slug,
+  guideEndpoint,
+  related = [],
+  MarkdownRenderer = _chunkVRDHAR3Xcjs.RichMarkdownRenderer,
+  renderRelatedCard,
+  backHref,
+  backLabel = "Back to Getting Started",
+  basePath = "/onboarding-guides",
+  relatedContent,
+  shell = true
+}) {
+  const resolvedBackHref = _nullishCoalesce(backHref, () => ( basePath));
+  const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
+  const captions = _chunkYL6ZB2SRcjs.useCaptions.call(void 0, );
+  const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
+  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
+  const url = initialData ? null : slug && guideEndpoint ? guideEndpoint(slug) : null;
+  const scoped = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const {
+    data: guide,
+    isLoading,
+    error,
+    reload
+  } = _chunkFZB4RMRKcjs.useSelfFetch.call(void 0, scoped ? null : url, {
+    initialData
+  });
+  const { ref: videoWarmupRef } = _chunkRNLRS4IDcjs.useVideoWarmup.call(void 0, {
+    videoUrl: _optionalChain([guide, 'optionalAccess', _8 => _8.main_video_url]),
+    supabaseStorageOrigin: _optionalChain([runtime, 'optionalAccess', _9 => _9.endpoints, 'access', _10 => _10.supabaseStorageOrigin])
+  });
+  const backCfg = { label: backLabel, onClick: () => router.push(resolvedBackHref) };
+  const loading = scoped || !guide && isLoading;
+  if (!loading && (error || !guide)) {
+    return renderShell(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.LoadError, { message: "Guide not found.", onRetry: reload }));
+  }
+  const view = _nullishCoalesce(guide, () => ( EMPTY_ONBOARDING_GUIDE));
+  const { captionsUrl, highlightCaptionsUrl } = captions.forEntity("onboarding_guide", view);
+  const videoPoster = view.main_video_thumbnail || view.featured_image || view.og_image_url || // `buildOgPlaceholderUrl` always returns a usable string (relative route at
+  // worst), so it's the terminal fallback — no trailing `|| undefined` needed.
+  _chunk3LW5TD54cjs.buildOgPlaceholderUrl.call(void 0, _optionalChain([runtime, 'optionalAccess', _11 => _11.endpoints]), view.title, { aspect: "wide" });
+  const defaultRenderRelatedCard = (g) => {
+    const cta = _chunk7VI7TOGIcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _12 => _12.composeContentUrl]), {
+      type: "onboarding_guide",
+      slug: g.slug,
+      basePath,
+      platforms: g.onboarding_guide_platforms
+    });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGNBXZXTcjs.OnboardingGuideCard, { guide: g, href: cta.href, targetPlatform: cta.targetPlatform });
+  };
+  const renderRelatedCardFn = _nullishCoalesce(renderRelatedCard, () => ( defaultRenderRelatedCard));
+  const page = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkZV45VS6Kcjs.PageLayout, { title: view.title, loading, titleSize: "h1", titleWrap: true, backButton: backCfg, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.EntityTagBadges, { tags: view.onboarding_guide_tags }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkDGNBXZXTcjs.EntityAuthorCard,
+      {
+        author: view.author,
+        authorHref,
+        publishedAt: view.published_at,
+        extraCells: [
+          {
+            value: `${view.section} \xB7 Step ${view.step_order}`,
+            label: SECTION_CELL_LABEL,
+            uppercase: false
+          }
+        ]
+      }
+    ),
+    !loading && (view.main_video_url || view.youtube_url) && // A guide's video is optional: the loading state leaves it out.
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: videoWarmupRef, "data-loading-optional": "", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkYL6ZB2SRcjs.EntityVideoSection,
+      {
+        mainVideoUrl: view.main_video_url,
+        youtubeUrl: view.youtube_url || void 0,
+        highlightVideoUrl: view.highlight_video_url,
+        mainVideoPoster: videoPoster,
+        highlightVideoThumbnail: view.highlight_video_thumbnail || void 0,
+        videoSummary: void 0,
+        videoBites: void 0,
+        title: view.title,
+        captionsUrl,
+        highlightCaptionsUrl,
+        MarkdownRenderer
+      }
+    ) }),
+    (loading || view.content) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: BODY_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MarkdownRenderer, { content: _nullishCoalesce(view.content, () => ( "")) }) }),
+    loading ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "contents", "data-loading-optional": "", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkYL6ZB2SRcjs.VideoBitesStrip,
+      {
+        bites: _nullishCoalesce(view.video_bites, () => ( [])),
+        filterPublished: true,
+        showTitle: false,
+        profile: _chunkDGNBXZXTcjs.toStripProfile.call(void 0, view.author),
+        href: `/onboarding-guides/${view.slug}`
+      }
+    ) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkRMUSPTJNcjs.ArticleAuthorByline,
+      {
+        author: _nullishCoalesce(_optionalChain([view, 'access', _13 => _13.author, 'optionalAccess', _14 => _14.full_name]), () => ( null)),
+        avatar: _optionalChain([view, 'access', _15 => _15.author, 'optionalAccess', _16 => _16.avatar_url]),
+        jobTitle: _optionalChain([view, 'access', _17 => _17.author, 'optionalAccess', _18 => _18.job_title]),
+        bio: _nullishCoalesce(authorBio, () => ( _optionalChain([view, 'access', _19 => _19.author, 'optionalAccess', _20 => _20.about]))),
+        href: authorHref,
+        fallbackBio
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RelatedGuides, { section: view.section, related, renderCard: renderRelatedCardFn }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: relatedContent }, "related-content")
+  ] });
+  return renderShell(
+    loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading the guide", announce: !scoped, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.LoadingScope, { children: page }) }) : page
+  );
+}
+
+// src/components/onboarding-guides/hooks/use-onboarding-guides.ts
+var _reactquery = require('@tanstack/react-query');
+var onboardingGuideKeys = {
+  all: ["onboarding-guides"],
+  lists: () => [...onboardingGuideKeys.all, "list"],
+  list: (filters) => [...onboardingGuideKeys.lists(), filters],
+  details: () => [...onboardingGuideKeys.all, "detail"],
+  detail: (slug) => [...onboardingGuideKeys.details(), slug],
+  sections: () => [...onboardingGuideKeys.all, "sections"],
+  admin: {
+    all: ["admin", "onboarding-guides"],
+    lists: () => ["admin", "onboarding-guides", "list"],
+    detail: (slug) => ["admin", "onboarding-guide", slug],
+    stats: () => ["admin", "onboarding-guides", "stats"]
+  }
+};
+function useOnboardingGuides(filters) {
+  const held = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  return _reactquery.useQuery.call(void 0, {
+    enabled: !held,
+    queryKey: onboardingGuideKeys.list(filters || {}),
+    queryFn: async () => {
+      const params = new URLSearchParams();
+      if (_optionalChain([filters, 'optionalAccess', _21 => _21.search])) params.set("search", filters.search);
+      if (_optionalChain([filters, 'optionalAccess', _22 => _22.section])) params.set("section", filters.section);
+      if (_optionalChain([filters, 'optionalAccess', _23 => _23.limit])) params.set("limit", filters.limit.toString());
+      if (_optionalChain([filters, 'optionalAccess', _24 => _24.offset])) params.set("offset", filters.offset.toString());
+      if (_optionalChain([filters, 'optionalAccess', _25 => _25.ids, 'optionalAccess', _26 => _26.length])) params.set("ids", filters.ids.join(","));
+      const res = await fetch(`/api/onboarding-guides?${params}`);
+      if (!res.ok) throw new Error("Failed to fetch onboarding guides");
+      return await res.json();
+    }
+  });
+}
+function useOnboardingGuide(slug) {
+  const held = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  return _reactquery.useQuery.call(void 0, {
+    queryKey: onboardingGuideKeys.detail(slug || ""),
+    queryFn: async () => {
+      const res = await fetch(`/api/onboarding-guides/${slug}`);
+      if (!res.ok) throw new Error("Failed to fetch onboarding guide");
+      return await res.json();
+    },
+    enabled: !!slug && !held
+  });
+}
+function useOnboardingGuideSections() {
+  const held = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  return _reactquery.useQuery.call(void 0, {
+    enabled: !held,
+    queryKey: onboardingGuideKeys.sections(),
+    queryFn: async () => {
+      const res = await fetch("/api/onboarding-guides/sections");
+      if (!res.ok) throw new Error("Failed to fetch onboarding-guide sections");
+      return await res.json();
+    },
+    staleTime: 0
+  });
+}
+
+
+
+
+
+
+
+
+
+exports.OnboardingGuidesCatalogView = OnboardingGuidesCatalogView; exports.ONBOARDING_GUIDE_RELATED_SKELETON_COUNT = ONBOARDING_GUIDE_RELATED_SKELETON_COUNT; exports.OnboardingGuideDetailView = OnboardingGuideDetailView; exports.onboardingGuideKeys = onboardingGuideKeys; exports.useOnboardingGuides = useOnboardingGuides; exports.useOnboardingGuide = useOnboardingGuide; exports.useOnboardingGuideSections = useOnboardingGuideSections;

package/dist/{chunk-JD7CL2I6.cjs → chunk-JGWN6GH5.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunk3FC6AKEJcjs = require('./chunk-3FC6AKEJ.cjs');
+var _chunkHNQRY6RUcjs = require('./chunk-HNQRY6RU.cjs');
 
 
-var _chunkVL6IXTAIcjs = require('./chunk-VL6IXTAI.cjs');
+var _chunkVRDHAR3Xcjs = require('./chunk-VRDHAR3X.cjs');
 
 
-var _chunk2IFCRPNPcjs = require('./chunk-2IFCRPNP.cjs');
+var _chunkZV45VS6Kcjs = require('./chunk-ZV45VS6K.cjs');
 
 
 var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
@@ -27,6 +27,8 @@ function FaqDocumentPage({
   minResults,
   topic,
   ask,
+  skeletonShape,
+  skeletonNav,
   shell = true
 }) {
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
@@ -34,8 +36,8 @@ function FaqDocumentPage({
     label: _nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _ => _.label]), () => ( "Back to home")),
     onClick: () => router.push(_nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _2 => _2.href]), () => ( "/")))
   };
-  const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2IFCRPNPcjs.PageLayout, { title, subtitle, backButton: backCfg, titleSize: "h1", titleWrap: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk3FC6AKEJcjs.FaqSection,
+  const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZV45VS6Kcjs.PageLayout, { title, subtitle, backButton: backCfg, titleSize: "h1", titleWrap: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkHNQRY6RUcjs.FaqSection,
     {
       initialFaqs,
       heading: null,
@@ -46,10 +48,12 @@ function FaqDocumentPage({
       entityId,
       minResults,
       topic,
-      ask
+      ask,
+      skeletonShape,
+      skeletonNav
     }
   ) });
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVL6IXTAIcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
 }