@flamingo-stack/openframe-frontend-core 0.0.239 → 0.0.240

package/dist/chunk-POZHDJSK.js

@@ -0,0 +1,276 @@
+"use client";
+import {
+  useSelfFetch
+} from "./chunk-L4LAAA5Q.js";
+import {
+  BlogCard,
+  BlogCardSkeleton,
+  CONTENT_REF_GROUPS,
+  CaseStudyCard,
+  CaseStudyCardSkeleton,
+  CustomerInterviewCard,
+  CustomerInterviewCardSkeleton,
+  InvestorUpdateCard,
+  InvestorUpdateCardSkeleton,
+  OnboardingGuideCard,
+  OnboardingGuideCardSkeleton,
+  ProductReleaseCard,
+  ProductReleaseCardSkeleton,
+  ProgramCard,
+  ProgramCardSkeleton,
+  RoadmapCard,
+  RoadmapCardSkeleton,
+  buildListUrl,
+  buildProductReleaseCardProps,
+  decideNewTab,
+  extractItems,
+  getContentRefLabelOrTitleCase,
+  orderContentRefTypes
+} from "./chunk-YH6KPNIH.js";
+import {
+  buildSuggestionUrl
+} from "./chunk-VAUI3CND.js";
+
+// src/components/related-content/related-content-section.tsx
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function DefaultLinkPropsProvider({ href, targetPlatform, children }) {
+  if (!href) return children(null);
+  const newTab = decideNewTab({ href, targetPlatform, currentSource: "" });
+  return children(
+    newTab ? { href, target: "_blank", rel: "noopener noreferrer" } : { href }
+  );
+}
+function defaultResolveHref(ref) {
+  return { href: ref.url || null, targetPlatform: ref.targetPlatform ?? null };
+}
+function renderSkeletonForType(type, size, adminCampaignCard) {
+  const legacySize = size === "sm" ? "sm" : "default";
+  switch (type) {
+    case "blog_post_existing":
+      return /* @__PURE__ */ jsx(BlogCardSkeleton, { size: legacySize });
+    case "case_study":
+      return /* @__PURE__ */ jsx(CaseStudyCardSkeleton, { size: legacySize });
+    case "customer_interview":
+      return /* @__PURE__ */ jsx(CustomerInterviewCardSkeleton, { size: legacySize });
+    case "product_release":
+      return /* @__PURE__ */ jsx(ProductReleaseCardSkeleton, { size: size === "sm" ? "sm" : "lg" });
+    case "podcast":
+    case "webinar":
+    case "event":
+      return /* @__PURE__ */ jsx(ProgramCardSkeleton, { size: legacySize });
+    case "investor_update":
+      return /* @__PURE__ */ jsx(InvestorUpdateCardSkeleton, { size: legacySize });
+    case "onboarding_guide":
+      return /* @__PURE__ */ jsx(OnboardingGuideCardSkeleton, { size: legacySize });
+    case "marketing_campaign":
+      return adminCampaignCard ? /* @__PURE__ */ jsx(adminCampaignCard.Skeleton, { size: legacySize }) : null;
+    case "roadmap_item":
+    case "delivery_item":
+    case "internal_task":
+      return /* @__PURE__ */ jsx(RoadmapCardSkeleton, { size: legacySize });
+    default:
+      return null;
+  }
+}
+function CardForType({
+  type,
+  item,
+  size,
+  href,
+  targetPlatform,
+  linkProps,
+  extras,
+  adminCampaignCard
+}) {
+  const legacySize = size === "sm" ? "sm" : "default";
+  const placeholderUrl = extras?.buildOgPlaceholderUrl?.(item?.title ?? "") ?? void 0;
+  const anchorAttrs = linkProps ? { target: linkProps.target, rel: linkProps.rel } : {};
+  switch (type) {
+    case "blog_post_existing":
+      return /* @__PURE__ */ jsx(BlogCard, { post: item, size: legacySize, href, targetPlatform, placeholderUrl, ...anchorAttrs });
+    case "case_study":
+      return /* @__PURE__ */ jsx(CaseStudyCard, { study: item, size: legacySize, href, targetPlatform, placeholderUrl, ...anchorAttrs });
+    case "customer_interview":
+      return /* @__PURE__ */ jsx(CustomerInterviewCard, { interview: item, size: legacySize, href, targetPlatform, placeholderUrl, ...anchorAttrs });
+    case "product_release": {
+      const releaseSize = size === "sm" ? "sm" : "lg";
+      const buildReleaseProps = extras?.buildProductReleaseCardProps ?? buildProductReleaseCardProps;
+      const releaseProps = buildReleaseProps(item);
+      return /* @__PURE__ */ jsx(
+        ProductReleaseCard,
+        {
+          size: releaseSize,
+          title: item.title,
+          summary: item.summary,
+          version: item.version,
+          ...releaseProps,
+          anchorProps: linkProps ?? void 0
+        }
+      );
+    }
+    case "podcast":
+      return extras?.programConfigs?.podcast ? /* @__PURE__ */ jsx(ProgramCard, { config: extras.programConfigs.podcast, item, size: legacySize, href, targetPlatform, placeholderUrl, ...anchorAttrs }) : null;
+    case "webinar":
+      return extras?.programConfigs?.webinar ? /* @__PURE__ */ jsx(ProgramCard, { config: extras.programConfigs.webinar, item, size: legacySize, href, targetPlatform, placeholderUrl, ...anchorAttrs }) : null;
+    case "event":
+      return extras?.programConfigs?.event ? /* @__PURE__ */ jsx(ProgramCard, { config: extras.programConfigs.event, item, size: legacySize, href, targetPlatform, placeholderUrl, ...anchorAttrs }) : null;
+    case "investor_update":
+      return /* @__PURE__ */ jsx(InvestorUpdateCard, { update: item, size: legacySize, href, targetPlatform, placeholderUrl, ...anchorAttrs });
+    case "onboarding_guide":
+      return /* @__PURE__ */ jsx(OnboardingGuideCard, { guide: item, size: legacySize, href, targetPlatform, placeholderUrl, ...anchorAttrs });
+    case "marketing_campaign":
+      return adminCampaignCard ? /* @__PURE__ */ jsx(adminCampaignCard.Card, { campaign: item }) : null;
+    case "roadmap_item":
+    case "delivery_item":
+    case "internal_task":
+      return /* @__PURE__ */ jsx(
+        RoadmapCard,
+        {
+          item,
+          href: href ?? "",
+          targetPlatform,
+          userVote: null,
+          onVote: () => {
+          },
+          size: legacySize,
+          cardType: type,
+          ...anchorAttrs
+        }
+      );
+    default:
+      return null;
+  }
+}
+function useGroupItems(type, refs, buildUrl) {
+  const ids = refs.map((r) => r.id);
+  const url = ids.length > 0 ? buildUrl(type, ids) : null;
+  const { data, isLoading } = useSelfFetch(url);
+  const items = data != null ? extractItems(data) : null;
+  return { items, isLoading };
+}
+function gridClassFor(columns) {
+  return columns === 3 ? "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6" : "grid grid-cols-1 sm:grid-cols-2 gap-6";
+}
+function resolveGroupConfig(type) {
+  return CONTENT_REF_GROUPS[type] ?? {
+    label: type,
+    order: 999,
+    layout: "grid",
+    gridSize: "default"
+  };
+}
+function ContentGroup({
+  type,
+  refs,
+  columns,
+  buildUrl,
+  resolveHref,
+  LinkProvider,
+  extras,
+  adminCampaignCard
+}) {
+  const { items, isLoading } = useGroupItems(type, refs, buildUrl);
+  const config = resolveGroupConfig(type);
+  const isListLayout = config.layout === "list";
+  const cardSize = config.gridSize;
+  if (isLoading && !items) {
+    const skeletons = refs.map((r) => /* @__PURE__ */ jsx("div", { children: renderSkeletonForType(type, cardSize, adminCampaignCard) }, r.id));
+    return isListLayout ? /* @__PURE__ */ jsx("div", { className: "space-y-4", children: skeletons }) : /* @__PURE__ */ jsx("div", { className: gridClassFor(columns), children: skeletons });
+  }
+  if (!items || items.length === 0) return null;
+  const refMap = new Map(refs.map((r) => [String(r.id), r]));
+  const cards = items.map((item) => {
+    const itemId = String(item.id);
+    const contentRef = refMap.get(itemId);
+    if (!contentRef) return null;
+    const resolved = resolveHref(contentRef);
+    const href = resolved.href ?? "";
+    const targetPlatform = resolved.targetPlatform ?? contentRef.targetPlatform ?? null;
+    return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(LinkProvider, { href: href || null, targetPlatform, children: (linkProps) => /* @__PURE__ */ jsx(
+      CardForType,
+      {
+        type,
+        item,
+        contentRef,
+        size: cardSize,
+        href,
+        targetPlatform,
+        linkProps,
+        extras,
+        adminCampaignCard
+      }
+    ) }) }, itemId);
+  }).filter(Boolean);
+  if (cards.length === 0) return null;
+  return isListLayout ? /* @__PURE__ */ jsx("div", { className: "space-y-4", children: cards }) : /* @__PURE__ */ jsx("div", { className: gridClassFor(columns), children: cards });
+}
+function RelatedContentSection({
+  contentRefs,
+  entityType,
+  entityId,
+  minResults,
+  initialItems,
+  title = "Related Content",
+  columns = 2,
+  excludeTypes,
+  apiBaseUrl = "",
+  extras,
+  resolveHref = defaultResolveHref,
+  buildListUrl: buildListUrl2,
+  LinkProvider = DefaultLinkPropsProvider,
+  adminCampaignCard
+}) {
+  const suggestUrl = contentRefs === void 0 && entityType && entityId !== void 0 && entityId !== null && entityId !== "" ? buildSuggestionUrl("/api/related-content", {
+    apiBaseUrl,
+    entityType,
+    entityId,
+    count: minResults,
+    extraParams: {
+      excludeTypes: excludeTypes && excludeTypes.length > 0 ? excludeTypes.join(",") : void 0
+    }
+  }) : null;
+  const initialData = useMemo(
+    () => initialItems ? { refs: initialItems } : void 0,
+    [initialItems]
+  );
+  const { data } = useSelfFetch(suggestUrl, { initialData });
+  const effectiveBuildListUrl = useMemo(
+    () => buildListUrl2 ?? ((type, ids) => buildListUrl(type, ids, apiBaseUrl)),
+    [buildListUrl2, apiBaseUrl]
+  );
+  const refs = contentRefs ?? data?.refs ?? [];
+  const exclude = new Set(excludeTypes || []);
+  const visibleRefs = exclude.size > 0 ? refs.filter((r) => !exclude.has(r.type)) : refs;
+  if (!visibleRefs.length) return null;
+  const grouped = {};
+  for (const ref of visibleRefs) {
+    if (!grouped[ref.type]) grouped[ref.type] = [];
+    grouped[ref.type].push(ref);
+  }
+  const orderedTypes = orderContentRefTypes(Object.keys(grouped));
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-8", children: [
+    /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold text-ods-text-primary", children: title }),
+    orderedTypes.map((type) => /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx("h3", { className: "font-['Azeret_Mono'] text-[14px] font-semibold uppercase text-ods-text-secondary tracking-wider", children: getContentRefLabelOrTitleCase(type) }),
+      /* @__PURE__ */ jsx(
+        ContentGroup,
+        {
+          type,
+          refs: grouped[type],
+          columns,
+          buildUrl: effectiveBuildListUrl,
+          resolveHref,
+          LinkProvider,
+          extras,
+          adminCampaignCard
+        }
+      )
+    ] }, type))
+  ] });
+}
+
+export {
+  RelatedContentSection
+};
+//# sourceMappingURL=chunk-POZHDJSK.js.map

package/dist/chunk-POZHDJSK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/related-content/related-content-section.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * RelatedContentSection\n *\n * Renders content references grouped by type using the canonical card\n * components. MOVED from the hub (`components/shared/related-content-card.tsx`)\n * so any consuming app can embed it; the hub keeps a thin wrapper that\n * pre-binds its host-specific injections (nav hook, URL recomposition,\n * program configs, admin campaign card).\n *\n * THREE data modes (precedence top-down):\n *   1. CONTROLLED — `contentRefs` provided (even `[]`): render exactly those\n *      refs, no suggestion fetch (the original investor-update behavior).\n *   2. SUGGESTION — `entityType` + `entityId` provided: self-fetch\n *      `GET {apiBaseUrl}/api/related-content?entityType&entityId[&count][&excludeTypes]`\n *      (the generic 5-tier engine's second web service). `minResults` maps to\n *      `count`; absent → param not sent (server default applies). Each ref\n *      carries a `reason` (data-only — never rendered, matching the\n *      FaqSection/FaqWithReason precedent).\n *   3. SSR-HYDRATED suggestion — also pass `initialItems` (the server page\n *      called the engine directly); the first client fetch is skipped per the\n *      `useSelfFetch` initialData contract.\n *\n * Group layout (list vs grid) + card size (lg vs default) come from\n * `CONTENT_REF_GROUPS` in `../../utils/content-ref-groups` — single source of\n * truth, no per-type logic in this file. Skeletons come from\n * `renderSkeletonForType` so the placeholder height matches the loaded card\n * exactly (zero layout shift on resolve).\n *\n * One API call per content type via the shared list-URL builder\n * (`buildListUrl` — injectable; defaults to the lib's byte-parity-tested\n * builder prefixed with `apiBaseUrl`). Fetching uses `useSelfFetch` (plain\n * fetch, NO react-query) so third-party embedders need no QueryClientProvider;\n * cards are imported via DEEP module paths (not the chat barrel) so this\n * chunk never reaches `@tanstack/react-query`.\n *\n * LOCKSTEP NOTE: this file's per-type card/skeleton dispatch is the SIZED\n * sibling of the chat-side `CHAT_CARD_REGISTRY` (`../chat/entity-cards/\n * dispatch.tsx`), which renders compact `size='sm'` cards wired to the chat\n * runtime. Two dispatchers by design — when registering a new fetch-mode\n * content type, add it BOTH there and here (cards + skeleton + list URL).\n */\n\nimport React, { useMemo } from 'react';\nimport {\n  CONTENT_REF_GROUPS,\n  getContentRefLabelOrTitleCase,\n  orderContentRefTypes,\n  type ContentRefGroupConfig,\n} from '../../utils/content-ref-groups';\nimport type { ContentRef, ContentRefWithReason } from '../../types/content-ref';\nimport { useSelfFetch } from '../../hooks/use-self-fetch';\nimport { extractItems } from '../../utils/extract-items';\nimport { buildListUrl as libBuildListUrl } from '../../utils/list-url';\nimport { buildSuggestionUrl } from '../../utils/suggestion-url';\nimport { decideNewTab } from '../chat/utils/decide-new-tab';\n// DEEP card imports — NOT the `../chat` barrel (the barrel statically reaches\n// @tanstack/react-query via embeddable-chat + its hooks). Deep paths keep this\n// component's SOURCE graph react-query-free. Note: tsup's shared-chunk\n// splitting may still colocate the cards with chat hooks in one dist chunk\n// (react-query is a required peerDep, so resolution always succeeds) — the\n// guarantee that matters here is the RUNTIME one: nothing on this path ever\n// instantiates a QueryClient, so embedders need NO QueryClientProvider.\nimport { BlogCard, BlogCardSkeleton } from '../chat/entity-cards/blog-card';\nimport { CaseStudyCard, CaseStudyCardSkeleton } from '../chat/entity-cards/case-study-card';\nimport { CustomerInterviewCard, CustomerInterviewCardSkeleton } from '../chat/entity-cards/customer-interview-card';\nimport { ProductReleaseCard, ProductReleaseCardSkeleton } from '../chat/entity-cards/product-release-card';\nimport { buildProductReleaseCardProps } from '../chat/entity-cards/product-release-card-defaults';\nimport { ProgramCard, ProgramCardSkeleton } from '../chat/entity-cards/program-card';\nimport { InvestorUpdateCard, InvestorUpdateCardSkeleton } from '../chat/entity-cards/investor-update-card';\nimport { OnboardingGuideCard, OnboardingGuideCardSkeleton } from '../chat/entity-cards/onboarding-guide-card';\nimport { RoadmapCard, RoadmapCardSkeleton } from '../chat/entity-cards/roadmap-card';\n// Type-only — erased at build, no runtime dependency on the dispatch module.\nimport type { ChatCardDispatchExtras } from '../chat/entity-cards/dispatch';\n\ntype CardSize = 'lg' | 'default' | 'sm';\n\n/** Anchor prop bundle the per-card link surface receives — same shape the\n *  hub's `useNavLink` returns and the chat dispatcher's anchor builders\n *  produce. `null` = non-anchor mode (no URL). */\nexport interface CardLinkAnchorProps {\n  href: string;\n  target?: '_blank';\n  rel?: 'noopener noreferrer';\n  onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;\n}\n\n/** Render-prop component injection for the navigation decision — keeps hook\n *  calls legal (hooks live INSIDE the injected component; `CardForType`\n *  itself calls zero hooks). The hub injects a `useNavLink`-backed provider;\n *  the default is hook-free (pure `decideNewTab`). MUST be defined at module\n *  scope by hosts — an inline arrow would remount every card each render. */\nexport interface CardLinkProviderProps {\n  href: string | null;\n  targetPlatform: string | null;\n  children: (linkProps: CardLinkAnchorProps | null) => React.ReactElement | null;\n}\nexport type CardLinkProvider = React.ComponentType<CardLinkProviderProps>;\n\n/** Default link provider for standalone embeds: relative/-same-origin hrefs\n *  stay same-tab, cross-origin pops a new tab (pure `decideNewTab` with no\n *  platform context — `currentSource: ''` falls through to the origin\n *  check). No router integration, no hooks. */\nfunction DefaultLinkPropsProvider({ href, targetPlatform, children }: CardLinkProviderProps): React.ReactElement | null {\n  if (!href) return children(null);\n  const newTab = decideNewTab({ href, targetPlatform, currentSource: '' });\n  return children(\n    newTab\n      ? { href, target: '_blank', rel: 'noopener noreferrer' }\n      : { href },\n  );\n}\n\n/** Default href resolution: trust the ref's stored url/targetPlatform as the\n *  API composed them. The hub overrides this with its `buildContentURL`\n *  re-composition so dev gets localhost and prod gets platform domains. */\nfunction defaultResolveHref(ref: ContentRef): { href: string | null; targetPlatform: string | null } {\n  return { href: ref.url || null, targetPlatform: ref.targetPlatform ?? null };\n}\n\n/** Host-injected renderer pair for the admin-only `marketing_campaign` type.\n *  Absent (every non-hub embed) → the type renders nothing (its list URL\n *  hits `/api/admin`, unreachable outside the hub anyway). */\nexport interface AdminCampaignCardSlot {\n  Card: React.ComponentType<{ campaign: any }>;\n  Skeleton: React.ComponentType<{ size?: 'default' | 'sm' }>;\n}\n\n/**\n * Per-type skeleton dispatch — returns the SAME colocated skeleton the\n * resolved card renders, sized to match (zero layout shift on resolve).\n * The chat-side `CHAT_CARD_REGISTRY` already does this via\n * `entry.skeleton()`; this surface exposes the same discipline to the\n * related-content rail.\n */\nfunction renderSkeletonForType(\n  type: string,\n  size: CardSize,\n  adminCampaignCard?: AdminCampaignCardSlot,\n): React.ReactNode {\n  // Most card skeletons accept only `{default, sm}`. `'lg'` collapses to\n  // `'default'`. ProductReleaseCardSkeleton uses lg/sm pair.\n  const legacySize: 'default' | 'sm' = size === 'sm' ? 'sm' : 'default';\n  switch (type) {\n    case 'blog_post_existing':\n      return <BlogCardSkeleton size={legacySize} />;\n    case 'case_study':\n      return <CaseStudyCardSkeleton size={legacySize} />;\n    case 'customer_interview':\n      return <CustomerInterviewCardSkeleton size={legacySize} />;\n    case 'product_release':\n      return <ProductReleaseCardSkeleton size={size === 'sm' ? 'sm' : 'lg'} />;\n    case 'podcast':\n    case 'webinar':\n    case 'event':\n      return <ProgramCardSkeleton size={legacySize} />;\n    case 'investor_update':\n      return <InvestorUpdateCardSkeleton size={legacySize} />;\n    case 'onboarding_guide':\n      return <OnboardingGuideCardSkeleton size={legacySize} />;\n    case 'marketing_campaign':\n      return adminCampaignCard ? <adminCampaignCard.Skeleton size={legacySize} /> : null;\n    case 'roadmap_item':\n    case 'delivery_item':\n    case 'internal_task':\n      return <RoadmapCardSkeleton size={legacySize} />;\n    default:\n      return null;\n  }\n}\n\n/**\n * Per-type card dispatch — renders the right card with the right size.\n * Sized cards (`'lg'` / `'default'`) are unique to this rail — the chat\n * dispatcher only renders `'sm'`, so we go directly through the per-type\n * cards here.\n *\n * PURE FUNCTION COMPONENT WITH ZERO HOOK CALLS: the placeholder comes from a\n * plain `extras.buildOgPlaceholderUrl` call (the chat `dispatch.tsx`\n * pattern) and the anchor-prop bundle arrives via the `LinkProvider`\n * render-prop from the parent — so per-card hook legality is owned by the\n * injected provider component, not by this switch.\n *\n * `href` comes from the host's `resolveHref(ref)` (hub: live\n * `buildContentURL` recomposition; default: the ref's stored url).\n */\nfunction CardForType({\n  type,\n  item,\n  size,\n  href,\n  targetPlatform,\n  linkProps,\n  extras,\n  adminCampaignCard,\n}: {\n  type: string;\n  item: any;\n  contentRef: ContentRef;\n  size: CardSize;\n  href: string;\n  targetPlatform: string | null;\n  linkProps: CardLinkAnchorProps | null;\n  extras?: ChatCardDispatchExtras;\n  adminCampaignCard?: AdminCampaignCardSlot;\n}): React.ReactNode {\n  // Most card variants accept only `{default, sm}`. `'lg'` collapses to\n  // `'default'` for those. ProductReleaseCard uses its own lg/sm pair.\n  const legacySize: 'default' | 'sm' = size === 'sm' ? 'sm' : 'default';\n  // OG placeholder URL — injected into the pure-presentation cards so they\n  // render a branded fallback when the row's featured image is null. Plain\n  // function call (NOT a hook). Title is the universal field across all card\n  // item shapes used here.\n  const placeholderUrl =\n    extras?.buildOgPlaceholderUrl?.((item?.title as string | undefined) ?? '') ?? undefined;\n\n  // Top-level target/rel for cards that take them as separate props\n  // (BlogCard, CaseStudyCard, …). ProductReleaseCard takes the bundle as a\n  // single `anchorProps={...}` and uses `linkProps` directly. When the host\n  // didn't surface a URL, `linkProps` is null and the card stays in\n  // non-anchor mode.\n  const anchorAttrs: Pick<CardLinkAnchorProps, 'target' | 'rel'> = linkProps\n    ? { target: linkProps.target, rel: linkProps.rel }\n    : {};\n\n  switch (type) {\n    case 'blog_post_existing':\n      return <BlogCard post={item} size={legacySize} href={href} targetPlatform={targetPlatform} placeholderUrl={placeholderUrl} {...anchorAttrs} />;\n    case 'case_study':\n      return <CaseStudyCard study={item} size={legacySize} href={href} targetPlatform={targetPlatform} placeholderUrl={placeholderUrl} {...anchorAttrs} />;\n    case 'customer_interview':\n      return <CustomerInterviewCard interview={item} size={legacySize} href={href} targetPlatform={targetPlatform} placeholderUrl={placeholderUrl} {...anchorAttrs} />;\n    case 'product_release': {\n      // Anchor-prop pattern: build product-release lg-variant props from the\n      // shared `buildProductReleaseCardProps` so this rail and the /releases\n      // catalog page render byte-identically. The card wraps in\n      // `<a {...anchorProps}>` ONLY when `anchorProps.href` is set — pass\n      // `undefined` (not an empty object) when href is empty so the card\n      // stays in non-anchor mode without rendering a dead <a> tag.\n      const releaseSize = size === 'sm' ? 'sm' : 'lg';\n      const buildReleaseProps = extras?.buildProductReleaseCardProps ?? buildProductReleaseCardProps;\n      const releaseProps = buildReleaseProps(item);\n      return (\n        <ProductReleaseCard\n          size={releaseSize}\n          title={item.title}\n          summary={item.summary}\n          version={item.version}\n          {...releaseProps}\n          anchorProps={linkProps ?? undefined}\n        />\n      );\n    }\n    case 'podcast':\n      return extras?.programConfigs?.podcast\n        ? <ProgramCard config={extras.programConfigs.podcast} item={item} size={legacySize} href={href} targetPlatform={targetPlatform} placeholderUrl={placeholderUrl} {...anchorAttrs} />\n        : null;\n    case 'webinar':\n      return extras?.programConfigs?.webinar\n        ? <ProgramCard config={extras.programConfigs.webinar} item={item} size={legacySize} href={href} targetPlatform={targetPlatform} placeholderUrl={placeholderUrl} {...anchorAttrs} />\n        : null;\n    case 'event':\n      return extras?.programConfigs?.event\n        ? <ProgramCard config={extras.programConfigs.event} item={item} size={legacySize} href={href} targetPlatform={targetPlatform} placeholderUrl={placeholderUrl} {...anchorAttrs} />\n        : null;\n    case 'investor_update':\n      return <InvestorUpdateCard update={item} size={legacySize} href={href} targetPlatform={targetPlatform} placeholderUrl={placeholderUrl} {...anchorAttrs} />;\n    case 'onboarding_guide':\n      return <OnboardingGuideCard guide={item} size={legacySize} href={href} targetPlatform={targetPlatform} placeholderUrl={placeholderUrl} {...anchorAttrs} />;\n    case 'marketing_campaign':\n      return adminCampaignCard ? <adminCampaignCard.Card campaign={item} /> : null;\n    case 'roadmap_item':\n    case 'delivery_item':\n    case 'internal_task':\n      return (\n        <RoadmapCard\n          item={item}\n          href={href ?? ''}\n          targetPlatform={targetPlatform}\n          userVote={null}\n          onVote={() => {}}\n          size={legacySize}\n          cardType={type as 'roadmap_item' | 'delivery_item' | 'internal_task'}\n          {...anchorAttrs}\n        />\n      );\n    default:\n      return null;\n  }\n}\n\n// =============================================================================\n// Fetch all items for a type in ONE server-sorted call, via the injectable\n// list-URL builder. `useSelfFetch` (URL = cache key) replaces the hub's old\n// react-query usage: `enabled` ≙ `url === null`, `!res.ok`/network error ≙\n// `error → items null → group renders nothing`. Accepted deltas vs\n// react-query: no retry/backoff, no focus refetch, no cross-mount cache.\n// =============================================================================\n\nfunction useGroupItems(\n  type: string,\n  refs: ContentRef[],\n  buildUrl: (type: string, ids: string[]) => string | null,\n) {\n  const ids = refs.map((r) => r.id);\n  const url = ids.length > 0 ? buildUrl(type, ids) : null;\n  const { data, isLoading } = useSelfFetch<unknown>(url);\n  const items = data != null ? extractItems(data) : null;\n  return { items, isLoading };\n}\n\n// =============================================================================\n// Per-group renderer — one API call, server-sorted, then render cards via the\n// dispatcher with per-type skeletons + per-type layout from CONTENT_REF_GROUPS.\n// =============================================================================\n\n/** Map columns prop → tailwind grid class. Only consulted for grid-layout\n *  groups; list-layout groups stack vertically. */\nfunction gridClassFor(columns: 2 | 3): string {\n  return columns === 3\n    ? 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6'\n    : 'grid grid-cols-1 sm:grid-cols-2 gap-6';\n}\n\n/** Resolve the group config for a type, falling back to a grid layout with\n *  the default card size for unregistered types so the section still renders\n *  rather than silently dropping them. The `label` field on the fallback is\n *  intentionally a placeholder — the section heading goes through\n *  `getContentRefLabelOrTitleCase(type)` instead so cross-surface labels\n *  stay consistent between this rail and the investor-email builder. */\nfunction resolveGroupConfig(type: string): ContentRefGroupConfig {\n  return CONTENT_REF_GROUPS[type] ?? {\n    label: type,\n    order: 999,\n    layout: 'grid',\n    gridSize: 'default',\n  };\n}\n\nfunction ContentGroup({\n  type,\n  refs,\n  columns,\n  buildUrl,\n  resolveHref,\n  LinkProvider,\n  extras,\n  adminCampaignCard,\n}: {\n  type: string;\n  refs: ContentRef[];\n  columns: 2 | 3;\n  buildUrl: (type: string, ids: string[]) => string | null;\n  resolveHref: (ref: ContentRef) => { href: string | null; targetPlatform: string | null };\n  LinkProvider: CardLinkProvider;\n  extras?: ChatCardDispatchExtras;\n  adminCampaignCard?: AdminCampaignCardSlot;\n}) {\n  const { items, isLoading } = useGroupItems(type, refs, buildUrl);\n  const config = resolveGroupConfig(type);\n  const isListLayout = config.layout === 'list';\n  const cardSize = config.gridSize;\n\n  // Skeleton gate: `isLoading && !items` — SSR HTML and the client's first\n  // paint render identical skeletons (useSelfFetch starts isLoading=true on\n  // both sides), and once items exist they are never replaced by skeletons.\n  if (isLoading && !items) {\n    const skeletons = refs.map((r) => (\n      <div key={r.id}>{renderSkeletonForType(type, cardSize, adminCampaignCard)}</div>\n    ));\n    return isListLayout ? (\n      <div className=\"space-y-4\">{skeletons}</div>\n    ) : (\n      <div className={gridClassFor(columns)}>{skeletons}</div>\n    );\n  }\n\n  if (!items || items.length === 0) return null;\n\n  // Match fetched items to refs (for url/visibility data).\n  const refMap = new Map(refs.map((r) => [String(r.id), r]));\n\n  // Items come back server-sorted (date descending). Render in that order.\n  const cards = items\n    .map((item: any) => {\n      const itemId = String(item.id);\n      const contentRef = refMap.get(itemId);\n      if (!contentRef) return null;\n      // Re-compose the URL via the host's resolver (hub: buildContentURL so\n      // dev gets localhost and prod the right platform domain; default: the\n      // ref's stored url as the API composed it).\n      const resolved = resolveHref(contentRef);\n      const href = resolved.href ?? '';\n      const targetPlatform = resolved.targetPlatform ?? contentRef.targetPlatform ?? null;\n      return (\n        <div key={itemId}>\n          <LinkProvider href={href || null} targetPlatform={targetPlatform}>\n            {(linkProps) => (\n              <CardForType\n                type={type}\n                item={item}\n                contentRef={contentRef}\n                size={cardSize}\n                href={href}\n                targetPlatform={targetPlatform}\n                linkProps={linkProps}\n                extras={extras}\n                adminCampaignCard={adminCampaignCard}\n              />\n            )}\n          </LinkProvider>\n        </div>\n      );\n    })\n    .filter(Boolean);\n\n  if (cards.length === 0) return null;\n\n  return isListLayout ? (\n    <div className=\"space-y-4\">{cards}</div>\n  ) : (\n    <div className={gridClassFor(columns)}>{cards}</div>\n  );\n}\n\n// =============================================================================\n// Main component\n// =============================================================================\n\ninterface RelatedContentResponse {\n  refs: ContentRefWithReason[];\n}\n\nexport interface RelatedContentSectionProps {\n  /** CONTROLLED mode (the original behavior). When defined — even `[]` — no\n   *  suggestion fetch runs and exactly these refs render. */\n  contentRefs?: ContentRef[];\n  /** SUGGESTION mode (with `entityId`): self-fetch suggestions for this host\n   *  entity from `{apiBaseUrl}/api/related-content`. Ignored when\n   *  `contentRefs` is provided. */\n  entityType?: string;\n  entityId?: number | string;\n  /** Maps to the suggestion API's `count` param. Absent → param not sent\n   *  (server default applies). */\n  minResults?: number;\n  /** SSR hydrate for suggestion mode — the server page ran the engine and\n   *  drills the refs here; the first client fetch is skipped (useSelfFetch\n   *  initialData contract). */\n  initialItems?: ContentRefWithReason[];\n  /** Section title (default: \"Related Content\") */\n  title?: string;\n  /**\n   * Grid columns at desktop. 2 = denser cards / wider summary (original\n   * investor-update layout); 3 = more cards per row for dashboards.\n   * Only consulted for grid-layout groups. Default: 2.\n   */\n  columns?: 2 | 3;\n  /**\n   * ContentRef.type values to exclude. Honored in ALL modes — controlled\n   * mode post-filters (original behavior); suggestion mode ALSO forwards the\n   * list verbatim as the API's `excludeTypes=` param so excluded types never\n   * consume engine fill slots (`minResults` stays honored). The subtraction\n   * happens SERVER-side — this component never mirrors the hub's candidate\n   * list.\n   */\n  excludeTypes?: string[];\n  /** Fetch-URL prefix for third-party embeds / reverse proxies\n   *  ('' = same-origin). Applied to BOTH the suggestion fetch and the\n   *  default per-group list fetches. */\n  apiBaseUrl?: string;\n  /** Host injection bundle — REUSES the chat dispatcher's\n   *  `ChatCardDispatchExtras` (programConfigs, buildOgPlaceholderUrl,\n   *  buildProductReleaseCardProps override). Program groups render nothing\n   *  when their config is absent. */\n  extras?: ChatCardDispatchExtras;\n  /** Hub injects its `buildContentURL` recomposition; default uses the\n   *  ref's stored `url`/`targetPlatform` as the API composed them. */\n  resolveHref?: (ref: ContentRef) => { href: string | null; targetPlatform: string | null };\n  /** Hub injects its registry-driven entity-list-api builder; default = the\n   *  lib's `buildListUrl(type, ids, apiBaseUrl)`. */\n  buildListUrl?: (type: string, ids: string[]) => string | null;\n  /** Hub injects a `useNavLink`-backed render-prop provider; default = pure\n   *  anchor via `decideNewTab`. MUST be a module-scope component. */\n  LinkProvider?: CardLinkProvider;\n  /** Renderer pair for the admin-only `marketing_campaign` type. Absent →\n   *  the type renders nothing. */\n  adminCampaignCard?: AdminCampaignCardSlot;\n}\n\nexport function RelatedContentSection({\n  contentRefs,\n  entityType,\n  entityId,\n  minResults,\n  initialItems,\n  title = 'Related Content',\n  columns = 2,\n  excludeTypes,\n  apiBaseUrl = '',\n  extras,\n  resolveHref = defaultResolveHref,\n  buildListUrl,\n  LinkProvider = DefaultLinkPropsProvider,\n  adminCampaignCard,\n}: RelatedContentSectionProps) {\n  // ── Hooks above EVERY early return (the original `if (!contentRefs.length)\n  // return null` guard moved below them). ──\n\n  // Suggestion-mode fetch URL — null in controlled mode (contentRefs defined,\n  // even []) or when the entity scope is incomplete.\n  const suggestUrl =\n    contentRefs === undefined && entityType && entityId !== undefined && entityId !== null && entityId !== ''\n      ? buildSuggestionUrl('/api/related-content', {\n          apiBaseUrl,\n          entityType,\n          entityId,\n          count: minResults,\n          extraParams: {\n            excludeTypes: excludeTypes && excludeTypes.length > 0 ? excludeTypes.join(',') : undefined,\n          },\n        })\n      : null;\n  // Memoize the initialData wrapper — useSelfFetch re-syncs on [initialData],\n  // and a fresh per-render object would loop setState under re-rendering\n  // parents (the latent FaqSection bug, fixed there in the same change).\n  const initialData = useMemo<RelatedContentResponse | undefined>(\n    () => (initialItems ? { refs: initialItems } : undefined),\n    [initialItems],\n  );\n  const { data } = useSelfFetch<RelatedContentResponse>(suggestUrl, { initialData });\n\n  // Default group fetcher: the lib's byte-parity-tested builder, prefixed for\n  // embeds. Memoized so group-fetch URLs stay value-stable across renders.\n  const effectiveBuildListUrl = useMemo(\n    () => buildListUrl ?? ((type: string, ids: string[]) => libBuildListUrl(type, ids, apiBaseUrl)),\n    [buildListUrl, apiBaseUrl],\n  );\n\n  const refs: ContentRef[] = contentRefs ?? data?.refs ?? [];\n\n  // Per-consumer type gating — drops refs whose `type` is in the exclude\n  // list. In suggestion mode the server already subtracted these (the param\n  // is forwarded above); the client filter stays as an idempotent guard and\n  // IS the mechanism in controlled mode (original behavior).\n  const exclude = new Set(excludeTypes || []);\n  const visibleRefs = exclude.size > 0 ? refs.filter((r) => !exclude.has(r.type)) : refs;\n  // Zero refs (still loading in suggestion mode, or genuinely empty) → no\n  // empty shell.\n  if (!visibleRefs.length) return null;\n\n  const grouped: Record<string, ContentRef[]> = {};\n  for (const ref of visibleRefs) {\n    if (!grouped[ref.type]) grouped[ref.type] = [];\n    grouped[ref.type].push(ref);\n  }\n\n  // Registered types in CONTENT_REF_GROUPS order, then any unregistered\n  // types appended (same shape the investor-email builder uses — both\n  // consume `orderContentRefTypes` so cross-surface ordering matches).\n  const orderedTypes = orderContentRefTypes(Object.keys(grouped));\n\n  return (\n    <div className=\"space-y-8\">\n      <h2 className=\"text-2xl font-bold text-ods-text-primary\">{title}</h2>\n      {orderedTypes.map((type) => (\n        <div key={type} className=\"space-y-4\">\n          <h3 className=\"font-['Azeret_Mono'] text-[14px] font-semibold uppercase text-ods-text-secondary tracking-wider\">\n            {getContentRefLabelOrTitleCase(type)}\n          </h3>\n          <ContentGroup\n            type={type}\n            refs={grouped[type]}\n            columns={columns}\n            buildUrl={effectiveBuildListUrl}\n            resolveHref={resolveHref}\n            LinkProvider={LinkProvider}\n            extras={extras}\n            adminCampaignCard={adminCampaignCard}\n          />\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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","names":["buildListUrl"]}

package/dist/{chunk-FSS2MIEA.cjs → chunk-SGJBUL2Y.cjs}

@@ -1,9 +1,25 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
 
 
 
 var _chunkFIG2RKZFcjs = require('./chunk-FIG2RKZF.cjs');
 
+// src/utils/suggestion-url.ts
+function buildSuggestionUrl(path, opts = {}) {
+  const qs = new URLSearchParams();
+  const { entityType, entityId } = opts;
+  if (entityType && entityId !== void 0 && entityId !== null && entityId !== "") {
+    qs.set("entityType", entityType);
+    qs.set("entityId", String(entityId));
+  }
+  if (opts.count !== void 0) qs.set("count", String(opts.count));
+  for (const [key, value] of Object.entries(_nullishCoalesce(opts.extraParams, () => ( {})))) {
+    if (value !== void 0 && value !== "") qs.set(key, value);
+  }
+  const query = qs.toString();
+  return `${_nullishCoalesce(opts.apiBaseUrl, () => ( ""))}${path}${query ? `?${query}` : ""}`;
+}
+
 // src/components/ui/chevron-button.tsx
 _chunkFIG2RKZFcjs.init_cn.call(void 0, );
 var _react = require('react'); var React = _interopRequireWildcard(_react);
@@ -40,5 +56,6 @@ ChevronButton.displayName = "ChevronButton";
 
 
 
-exports.ChevronButton = ChevronButton;
-//# sourceMappingURL=chunk-FSS2MIEA.cjs.map
+
+exports.buildSuggestionUrl = buildSuggestionUrl; exports.ChevronButton = ChevronButton;
+//# sourceMappingURL=chunk-SGJBUL2Y.cjs.map

package/dist/chunk-SGJBUL2Y.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-SGJBUL2Y.cjs","../src/utils/suggestion-url.ts","../src/components/ui/chevron-button.tsx"],"names":[],"mappings":"AAAA,2cAAY;AACZ;AACE;AACA;AACF,wDAA6B;AAC7B;AACA;ACmBO,SAAS,kBAAA,CAAmB,IAAA,EAAc,KAAA,EAA6B,CAAC,CAAA,EAAW;AACxF,EAAA,MAAM,GAAA,EAAK,IAAI,eAAA,CAAgB,CAAA;AAC/B,EAAA,MAAM,EAAE,UAAA,EAAY,SAAS,EAAA,EAAI,IAAA;AACjC,EAAA,GAAA,CAAI,WAAA,GAAc,SAAA,IAAa,KAAA,EAAA,GAAa,SAAA,IAAa,KAAA,GAAQ,SAAA,IAAa,EAAA,EAAI;AAChF,IAAA,EAAA,CAAG,GAAA,CAAI,YAAA,EAAc,UAAU,CAAA;AAC/B,IAAA,EAAA,CAAG,GAAA,CAAI,UAAA,EAAY,MAAA,CAAO,QAAQ,CAAC,CAAA;AAAA,EACrC;AACA,EAAA,GAAA,CAAI,IAAA,CAAK,MAAA,IAAU,KAAA,CAAA,EAAW,EAAA,CAAG,GAAA,CAAI,OAAA,EAAS,MAAA,CAAO,IAAA,CAAK,KAAK,CAAC,CAAA;AAChE,EAAA,IAAA,CAAA,MAAW,CAAC,GAAA,EAAK,KAAK,EAAA,GAAK,MAAA,CAAO,OAAA,kBAAQ,IAAA,CAAK,WAAA,UAAe,CAAC,GAAC,CAAA,EAAG;AACjE,IAAA,GAAA,CAAI,MAAA,IAAU,KAAA,EAAA,GAAa,MAAA,IAAU,EAAA,EAAI,EAAA,CAAG,GAAA,CAAI,GAAA,EAAK,KAAK,CAAA;AAAA,EAC5D;AACA,EAAA,MAAM,MAAA,EAAQ,EAAA,CAAG,QAAA,CAAS,CAAA;AAC1B,EAAA,OAAO,CAAA,mBAAA;AACT;ADjBU;AACA;AElBV;AAFA;AACS;AAkCD;AAvBF;AACD,EAAA;AACK,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACN,IAAA;AAEA,IAAA;AACG,MAAA;AAAA,MAAA;AACC,QAAA;AACE,UAAA;AACA,UAAA;AACA,UAAA;AACF,QAAA;AACA,QAAA;AACE,UAAA;AACA,UAAA;AACF,QAAA;AACA,QAAA;AACC,QAAA;AAED,QAAA;AAAoC,MAAA;AACtC,IAAA;AAEJ,EAAA;AACF;AACA;AFaU;AACA;AACA;AACA;AACA","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-SGJBUL2Y.cjs","sourcesContent":[null,"/**\n * Shared fetch-URL composer for the two suggestion sections (FaqSection +\n * RelatedContentSection) — ONE owner of the entityType/entityId/count query\n * shape so the sections can never drift. Pure + server-safe.\n *\n * Byte-parity contract with the original `buildFaqsUrl`: when only\n * entityType/entityId are set, the param order is `entityType`, `entityId`;\n * with nothing set, the bare `path` is returned (no `?`).\n */\nexport interface SuggestionUrlOptions {\n  /** Fetch-URL prefix for third-party embeds / reverse proxies\n   *  ('' = same-origin relative). */\n  apiBaseUrl?: string\n  /** Both required together for entity scope; partial → bare path. */\n  entityType?: string\n  entityId?: number | string\n  /** Maps to the server's `count` param. Undefined → param not sent\n   *  (server default applies). */\n  count?: number\n  /** Extra query params appended after the shared trio (e.g. the\n   *  related-content `excludeTypes` deny-list). Empty/undefined values\n   *  are skipped. */\n  extraParams?: Record<string, string | undefined>\n}\n\nexport function buildSuggestionUrl(path: string, opts: SuggestionUrlOptions = {}): string {\n  const qs = new URLSearchParams()\n  const { entityType, entityId } = opts\n  if (entityType && entityId !== undefined && entityId !== null && entityId !== '') {\n    qs.set('entityType', entityType)\n    qs.set('entityId', String(entityId))\n  }\n  if (opts.count !== undefined) qs.set('count', String(opts.count))\n  for (const [key, value] of Object.entries(opts.extraParams ?? {})) {\n    if (value !== undefined && value !== '') qs.set(key, value)\n  }\n  const query = qs.toString()\n  return `${opts.apiBaseUrl ?? ''}${path}${query ? `?${query}` : ''}`\n}\n","\"use client\"\n\nimport * as React from \"react\"\nimport { ChevronUp, ChevronDown } from \"lucide-react\"\nimport { cn } from \"../../utils/cn\"\n\ninterface ChevronButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  direction?: 'up' | 'down';\n  size?: 'sm' | 'md' | 'lg';\n  isExpanded?: boolean;\n  backgroundColor?: string;\n  borderColor?: string;\n}\n\nconst ChevronButton = React.forwardRef<HTMLButtonElement, ChevronButtonProps>(\n  ({ className, direction = 'down', size = 'md', isExpanded, backgroundColor, borderColor, ...props }, ref) => {\n    const Icon = (isExpanded ? ChevronUp : ChevronDown) || (direction === 'up' ? ChevronUp : ChevronDown);\n    const sizeClasses = {\n      sm: 'h-4 w-4',\n      md: 'h-5 w-5', \n      lg: 'h-6 w-6'\n    };\n\n    return (\n      <button\n        className={cn(\n          \"inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n          \"h-10 px-4 py-2\",\n          className\n        )}\n        style={{\n          backgroundColor: backgroundColor,\n          borderColor: borderColor\n        }}\n        ref={ref}\n        {...props}\n      >\n        <Icon className={sizeClasses[size]} />\n      </button>\n    )\n  }\n)\nChevronButton.displayName = \"ChevronButton\"\n\nexport { ChevronButton }"]}

package/dist/{chunk-IJOJWBME.cjs → chunk-SI4LEFLR.cjs}

@@ -11,15 +11,15 @@
 
 
 
-var _chunk5VU66BD2cjs = require('./chunk-5VU66BD2.cjs');
+var _chunkNE2DYD6Kcjs = require('./chunk-NE2DYD6K.cjs');
 
 
 
-var _chunkGRTZ23GLcjs = require('./chunk-GRTZ23GL.cjs');
+var _chunk27VVOBDBcjs = require('./chunk-27VVOBDB.cjs');
 
 
 
-var _chunk27VVOBDBcjs = require('./chunk-27VVOBDB.cjs');
+var _chunkGRTZ23GLcjs = require('./chunk-GRTZ23GL.cjs');
 
 // src/components/contact/contact-form.tsx
 var _react = require('react');
@@ -108,7 +108,7 @@ function ContactForm({
   successRedirectUrl = "/blog#community",
   successToastMessage = "Redirecting you to join our community..."
 } = {}) {
-  const attachments = _chunk5VU66BD2cjs.useChatAttachments.call(void 0, );
+  const attachments = _chunkNE2DYD6Kcjs.useChatAttachments.call(void 0, );
   const builtInSubmission = _chunk27VVOBDBcjs.useContactSubmission.call(void 0, {
     userId,
     successRedirectUrl,
@@ -190,11 +190,11 @@ function ContactForm({
               !showEmail && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("email") }),
               !showHelpCategory && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("helpCategory") }),
               !showMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("message") }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5VU66BD2cjs.HoneypotField, { ...honeypotInputProps }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNE2DYD6Kcjs.HoneypotField, { ...honeypotInputProps }),
               extraTopField,
               showNameEmailRow && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6", children: [
                 showName && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk5VU66BD2cjs.Label, { htmlFor: "name", children: [
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkNE2DYD6Kcjs.Label, { htmlFor: "name", children: [
                     "Your Name",
                     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: "*" })
                   ] }),
@@ -213,7 +213,7 @@ function ContactForm({
                   errors.name && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: "name-error", className: "text-ods-error text-xs font-['DM_Sans'] mt-1", children: errors.name.message })
                 ] }),
                 showEmail && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk5VU66BD2cjs.Label, { htmlFor: "email", children: [
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkNE2DYD6Kcjs.Label, { htmlFor: "email", children: [
                     "Email",
                     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: "*" })
                   ] }),
@@ -234,46 +234,46 @@ function ContactForm({
               ] }),
               (showCompanySize || showReferralSource) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6", children: [
                 showCompanySize && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5VU66BD2cjs.Label, { htmlFor: "companySize", children: "Company Size" }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNE2DYD6Kcjs.Label, { htmlFor: "companySize", children: "Company Size" }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     _reacthookform.Controller,
                     {
                       control,
                       name: "companySize",
-                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk5VU66BD2cjs.Select, { onValueChange: field.onChange, defaultValue: field.value, children: [
+                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkNE2DYD6Kcjs.Select, { onValueChange: field.onChange, defaultValue: field.value, children: [
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          _chunk5VU66BD2cjs.SelectTrigger,
+                          _chunkNE2DYD6Kcjs.SelectTrigger,
                           {
                             id: "companySize",
                             "aria-label": "Company Size",
                             className: "bg-ods-card border-ods-border text-ods-text-primary h-12 px-3",
-                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5VU66BD2cjs.SelectValue, { placeholder: "Select company size" })
+                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNE2DYD6Kcjs.SelectValue, { placeholder: "Select company size" })
                           }
                         ),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5VU66BD2cjs.SelectContent, { children: companySizeOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5VU66BD2cjs.SelectItem, { value: opt, children: opt }, opt)) })
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNE2DYD6Kcjs.SelectContent, { children: companySizeOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNE2DYD6Kcjs.SelectItem, { value: opt, children: opt }, opt)) })
                       ] })
                     }
                   ),
                   errors.companySize && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: "companySize-error", className: "text-ods-error text-xs font-['DM_Sans'] mt-1", children: errors.companySize.message })
                 ] }),
                 showReferralSource && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5VU66BD2cjs.Label, { htmlFor: "referralSource", children: "How did you hear about us?" }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNE2DYD6Kcjs.Label, { htmlFor: "referralSource", children: "How did you hear about us?" }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     _reacthookform.Controller,
                     {
                       control,
                       name: "referralSource",
-                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk5VU66BD2cjs.Select, { onValueChange: field.onChange, defaultValue: field.value, children: [
+                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkNE2DYD6Kcjs.Select, { onValueChange: field.onChange, defaultValue: field.value, children: [
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          _chunk5VU66BD2cjs.SelectTrigger,
+                          _chunkNE2DYD6Kcjs.SelectTrigger,
                           {
                             id: "referralSource",
                             "aria-label": "Referral Source",
                             className: "bg-ods-card border-ods-border text-ods-text-primary h-12 px-3",
-                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5VU66BD2cjs.SelectValue, { placeholder: "Select an option" })
+                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNE2DYD6Kcjs.SelectValue, { placeholder: "Select an option" })
                           }
                         ),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5VU66BD2cjs.SelectContent, { children: referralSourceOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5VU66BD2cjs.SelectItem, { value: opt, children: opt }, opt)) })
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNE2DYD6Kcjs.SelectContent, { children: referralSourceOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNE2DYD6Kcjs.SelectItem, { value: opt, children: opt }, opt)) })
                       ] })
                     }
                   ),
@@ -281,7 +281,7 @@ function ContactForm({
                 ] })
               ] }),
               showHelpCategory && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk5VU66BD2cjs.Label, { htmlFor: "helpCategory", children: [
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkNE2DYD6Kcjs.Label, { htmlFor: "helpCategory", children: [
                   "Choose your main interest",
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: "*" })
                 ] }),
@@ -290,29 +290,29 @@ function ContactForm({
                   {
                     control,
                     name: "helpCategory",
-                    render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk5VU66BD2cjs.Select, { onValueChange: field.onChange, defaultValue: field.value, children: [
+                    render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkNE2DYD6Kcjs.Select, { onValueChange: field.onChange, defaultValue: field.value, children: [
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunk5VU66BD2cjs.SelectTrigger,
+                        _chunkNE2DYD6Kcjs.SelectTrigger,
                         {
                           id: "helpCategory",
                           "aria-label": "Help Category",
                           className: "bg-ods-card border-ods-border text-ods-text-primary h-12 px-3",
-                          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5VU66BD2cjs.SelectValue, { placeholder: "Choose your main interest" })
+                          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNE2DYD6Kcjs.SelectValue, { placeholder: "Choose your main interest" })
                         }
                       ),
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5VU66BD2cjs.SelectContent, { children: helpCategoryOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5VU66BD2cjs.SelectItem, { value: opt, children: opt }, opt)) })
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNE2DYD6Kcjs.SelectContent, { children: helpCategoryOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNE2DYD6Kcjs.SelectItem, { value: opt, children: opt }, opt)) })
                     ] })
                   }
                 ),
                 errors.helpCategory && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: "helpCategory-error", className: "text-ods-error text-xs font-['DM_Sans'] mt-1", children: errors.helpCategory.message })
               ] }),
               showMessage && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col flex-grow", children: [
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk5VU66BD2cjs.Label, { htmlFor: "message", children: [
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkNE2DYD6Kcjs.Label, { htmlFor: "message", children: [
                   "Your Message",
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: "*" })
                 ] }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunk5VU66BD2cjs.Textarea,
+                  _chunkNE2DYD6Kcjs.Textarea,
                   {
                     id: "message",
                     ...register("message"),
@@ -326,7 +326,7 @@ function ContactForm({
               ] }),
               attachmentsEnabled && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunk5VU66BD2cjs.ChatAttachmentChipStrip,
+                  _chunkNE2DYD6Kcjs.ChatAttachmentChipStrip,
                   {
                     attachments: attachments.attachments,
                     onRemove: attachments.removeAttachment,
@@ -335,7 +335,7 @@ function ContactForm({
                 ),
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunk5VU66BD2cjs.ChatAttachmentAddButton,
+                    _chunkNE2DYD6Kcjs.ChatAttachmentAddButton,
                     {
                       attachmentsEnabled: true,
                       attachmentsCount: attachments.attachments.length,
@@ -371,4 +371,4 @@ function ContactForm({
 
 
 exports.ContactForm = ContactForm;
-//# sourceMappingURL=chunk-IJOJWBME.cjs.map
+//# sourceMappingURL=chunk-SI4LEFLR.cjs.map