@flamingo-stack/openframe-frontend-core 0.0.405 → 0.0.406-snapshot.20260711131925

package/dist/components/index.js

@@ -4,7 +4,7 @@ import "../chunk-GZ4C3XW6.js";
 import {
   GROUP_PAGE_SIZE,
   RelatedContentSection
-} from "../chunk-3XCNFTFV.js";
+} from "../chunk-7XVFSGQA.js";
 import {
   DeliveryLists,
   DeliveryTable,
@@ -21,7 +21,7 @@ import {
   useLegalDocs,
   usePaginationLoading,
   useRoadmapVoting
-} from "../chunk-Q2KKEE6W.js";
+} from "../chunk-KLBEIJVZ.js";
 import {
   AnnouncementBarSkeleton,
   ArticleLayoutSkeleton,
@@ -54,17 +54,17 @@ import {
   useDocNavigation,
   useDocumentTree,
   useScrollSpy
-} from "../chunk-UIAQXIA6.js";
+} from "../chunk-XFP43YKG.js";
 import {
   FileDownloadCard,
   GoogleSheetsViewer,
   PdfViewer
-} from "../chunk-UN2BJ7XW.js";
+} from "../chunk-GJSLKATJ.js";
 import {
   FaqAccordion,
   FaqDocumentPage,
   FaqSection
-} from "../chunk-QYTGHN2T.js";
+} from "../chunk-4UZH3MT2.js";
 import {
   DeliveryRow,
   DevCardRowContent,
@@ -75,11 +75,11 @@ import {
   EmptyState,
   UnifiedPagination,
   init_unified_pagination
-} from "../chunk-F3YLM5PO.js";
+} from "../chunk-HB63TQQO.js";
 import {
   ArticleAuthorByline,
   DetailPageSkeleton
-} from "../chunk-GT7AJXKH.js";
+} from "../chunk-GMZL4T7C.js";
 import {
   DocSearchBar,
   DocSearchResultRow,
@@ -87,10 +87,10 @@ import {
   mapDocSearchResults,
   resolveSearchResultAction,
   useDocSearch
-} from "../chunk-5XZEY34X.js";
+} from "../chunk-HJIRG7R6.js";
 import {
   useSelfFetch
-} from "../chunk-PNJ5LMVK.js";
+} from "../chunk-NO2KT42M.js";
 import "../chunk-4XLJWX2N.js";
 import {
   ADMIN_APPROVAL_REQUEST_CONTEXT_TYPE,
@@ -879,7 +879,7 @@ import {
   useVideoOriginPreconnect,
   useVideoWarmup,
   usesCanonicalStatusStyle
-} from "../chunk-ICJRSNBM.js";
+} from "../chunk-CVYSW33D.js";
 import {
   CommandApprovalToast,
   ToastCard,
@@ -898,12 +898,12 @@ import {
   showToast,
   useOnboardingState,
   useToast
-} from "../chunk-E6YHDT3D.js";
+} from "../chunk-7Q52HP45.js";
 import "../chunk-OYGFWWLQ.js";
 import {
   useChatRuntime,
   useEndpointsRuntime
-} from "../chunk-NA7XJRWB.js";
+} from "../chunk-KFQXO7QB.js";
 import "../chunk-EL5YVPD5.js";
 import {
   init_next_navigation,
@@ -1115,7 +1115,7 @@ import "../chunk-GGWZFCYS.js";
 
 // src/components/announcement-bar.tsx
 init_button();
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { X } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function AnnouncementBar({
@@ -1135,6 +1135,11 @@ function AnnouncementBar({
     revalidateOnVisibleAfterMs: 6e4
   });
   const announcement = data?.announcement ?? null;
+  const lastAnnouncementRef = useRef(initialAnnouncement ?? null);
+  useEffect(() => {
+    if (announcement) lastAnnouncementRef.current = announcement;
+  }, [announcement]);
+  const displayAnnouncement = announcement ?? lastAnnouncementRef.current;
   const [expandedState, setExpandedState] = useState(() => initialAnnouncement != null);
   const expanded = previewMode ? announcement != null : expandedState;
   useEffect(() => {
@@ -1157,13 +1162,14 @@ function AnnouncementBar({
   const handleDismiss = () => {
     if (previewMode || !announcement) return;
     dismissAnnouncement(platform, announcement.id);
+    document.activeElement?.blur?.();
     setExpandedState(false);
   };
   const handleCtaClick = () => {
     if (previewMode || !announcement?.cta_url) return;
     let safeUrl;
     try {
-      const parsed = new URL(announcement.cta_url, window.location.origin);
+      const parsed = new URL(announcement.cta_url, window.location.href);
       if (parsed.protocol !== "http:" && parsed.protocol !== "https:") return;
       safeUrl = parsed.href;
     } catch {
@@ -1171,10 +1177,10 @@ function AnnouncementBar({
     }
     announcement.cta_target === "_blank" ? window.open(safeUrl, "_blank", "noopener,noreferrer") : window.location.href = safeUrl;
   };
-  if (!announcement) return null;
-  const themeScope = pickReadableTextColor(announcement.background_color) === "dark" ? "theme-light" : "theme-dark";
+  if (!displayAnnouncement) return null;
+  const themeScope = pickReadableTextColor(displayAnnouncement.background_color) === "dark" ? "theme-light" : "theme-dark";
   const barButtonClasses = "text-[color:var(--ods-system-greys-white)] hover:bg-[var(--ods-system-greys-black-hover)] active:bg-[var(--ods-system-greys-black-action)]";
-  const hasCta = Boolean(announcement.cta_enabled && announcement.cta_url);
+  const hasCta = Boolean(displayAnnouncement.cta_enabled && displayAnnouncement.cta_url && displayAnnouncement.cta_text);
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -1184,7 +1190,7 @@ function AnnouncementBar({
       "data-announcement-bar": true,
       className: `relative w-full z-50 grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none ${className ?? ""}`,
       style: { gridTemplateRows: expanded ? "1fr" : "0fr" },
-      children: /* @__PURE__ */ jsx("div", { className: `min-h-0 overflow-hidden ${themeScope}`, style: { backgroundColor: announcement.background_color }, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center w-full max-w-full min-h-11 text-[color:var(--ods-system-greys-white)]", children: [
+      children: /* @__PURE__ */ jsx("div", { className: `min-h-0 overflow-hidden ${themeScope}`, style: { backgroundColor: displayAnnouncement.background_color }, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center w-full max-w-full min-h-11 text-[color:var(--ods-system-greys-white)]", children: [
         /* @__PURE__ */ jsxs(
           "div",
           {
@@ -1200,22 +1206,22 @@ function AnnouncementBar({
                 EntityIcon,
                 {
                   icon: {
-                    name: announcement.icon_name || "openframe-logo",
-                    url: announcement.icon_url,
-                    props: announcement.icon_props
+                    name: displayAnnouncement.icon_name || "openframe-logo",
+                    url: displayAnnouncement.icon_url,
+                    props: displayAnnouncement.icon_props
                   },
                   size: 24,
                   className: "relative shrink-0 w-5 h-5 md:w-6 md:h-6"
                 }
               ),
               /* @__PURE__ */ jsxs("p", { className: "font-body flex-1 min-w-0 max-w-full text-[13px] md:text-sm leading-snug truncate mb-0", children: [
-                /* @__PURE__ */ jsx("span", { className: "font-semibold", children: announcement.title }),
-                announcement.description && /* @__PURE__ */ jsxs("span", { className: "hidden sm:inline opacity-80", children: [
+                /* @__PURE__ */ jsx("span", { className: "font-semibold", children: displayAnnouncement.title }),
+                displayAnnouncement.description && /* @__PURE__ */ jsxs("span", { className: "hidden sm:inline opacity-80", children: [
                   " \xB7 ",
-                  announcement.description
+                  displayAnnouncement.description
                 ] })
               ] }),
-              hasCta && announcement.cta_text && /* @__PURE__ */ jsx("div", { className: "hidden md:flex flex-shrink-0 ml-1", children: /* @__PURE__ */ jsx(
+              hasCta && displayAnnouncement.cta_text && /* @__PURE__ */ jsx("div", { className: "hidden md:flex flex-shrink-0 ml-1", children: /* @__PURE__ */ jsx(
                 Button,
                 {
                   onClick: handleCtaClick,
@@ -1223,15 +1229,15 @@ function AnnouncementBar({
                   size: "small",
                   className: barButtonClasses,
                   tabIndex: expanded ? 0 : -1,
-                  leftIcon: announcement.cta_show_icon && announcement.cta_icon_name ? /* @__PURE__ */ jsx(
+                  leftIcon: displayAnnouncement.cta_show_icon && displayAnnouncement.cta_icon_name ? /* @__PURE__ */ jsx(
                     EntityIcon,
                     {
-                      icon: { name: announcement.cta_icon_name, props: announcement.cta_icon_props },
+                      icon: { name: displayAnnouncement.cta_icon_name, props: displayAnnouncement.cta_icon_props },
                       size: 14,
                       className: "w-3.5 h-3.5"
                     }
                   ) : void 0,
-                  children: announcement.cta_text
+                  children: displayAnnouncement.cta_text
                 }
               ) })
             ]
@@ -2636,11 +2642,11 @@ function FooterWaitlistButton({ className }) {
 
 // src/components/hero-image-uploader.tsx
 init_button();
-import { useRef, useState as useState2 } from "react";
+import { useRef as useRef2, useState as useState2 } from "react";
 import { Loader2, Image as ImageIcon2, Upload, X as X3 } from "lucide-react";
 import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 function HeroImageUploader({ imageUrl, onChange, uploadEndpoint, height = 300, objectFit = "cover", showReplaceButton = true, deferUpload = false, onUpload, onDelete }) {
-  const inputRef = useRef(null);
+  const inputRef = useRef2(null);
   const { toast } = useToast();
   const [uploading, setUploading] = useState2(false);
   const ALLOWED_TYPES = ["image/jpeg", "image/jpg", "image/png", "image/webp", "image/gif"];
@@ -2758,7 +2764,7 @@ function HeroImageUploader({ imageUrl, onChange, uploadEndpoint, height = 300, o
 }
 
 // src/components/icons-block.tsx
-import { useState as useState3, useEffect as useEffect2, useRef as useRef2 } from "react";
+import { useState as useState3, useEffect as useEffect2, useRef as useRef3 } from "react";
 
 // src/components/icons-stub.tsx
 import { DollarSign, Code, Users, Building, GitCompare, MessageSquare } from "lucide-react";
@@ -2797,7 +2803,7 @@ function ResponsiveIconsBlock({ loading = false }) {
   const [columns, setColumns] = useState3(24);
   const [iconGrid, setIconGrid] = useState3([]);
   const [iconsLoaded, setIconsLoaded] = useState3(false);
-  const randomSeedRef = useRef2(0);
+  const randomSeedRef = useRef3(0);
   useEffect2(() => {
     function calculateColumns() {
       const cols = Math.ceil(window.innerWidth / 56) + 4;