@flamingo-stack/openframe-frontend-core 0.0.705 → 0.0.706-snapshot.20261006190707

package/dist/components/footer.d.ts

@@ -1,47 +0,0 @@
-import type { ReactNode } from 'react';
-interface FooterLink {
-    href: string;
-    label: string;
-}
-interface FooterSection {
-    title: string;
-    links: FooterLink[];
-}
-interface FooterConfig {
-    name: string;
-    legalName: string;
-    description: string;
-    logo?: ReactNode;
-    sections: FooterSection[];
-    customComponent?: ReactNode;
-    nameElement?: ReactNode;
-    hideSocialRow?: boolean;
-    rightColumnContent?: ReactNode;
-    belowDescriptionContent?: ReactNode;
-    moveDescriptionToRight?: boolean;
-    keepBelowDescriptionLeft?: boolean;
-    backgroundColor?: string;
-    social?: {
-        github?: string;
-        twitter?: string;
-        linkedin?: string;
-        reddit?: string;
-        youtube?: string;
-        instagram?: string;
-        facebook?: string;
-        discord?: string;
-        telegram?: string;
-        whatsapp?: string;
-    };
-}
-interface FooterProps {
-    config?: FooterConfig;
-    renderLink?: (link: FooterLink) => ReactNode;
-}
-/**
- * Platform-Aware Footer Component
- * Accepts configuration from app-config.ts
- */
-export declare function Footer({ config, renderLink }: FooterProps): import("react").JSX.Element | null;
-export {};
-//# sourceMappingURL=footer.d.ts.map

package/dist/components/footer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../src/components/footer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB;AAED,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE;QACP,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,SAAS,CAAC;CAC9C;AAMD;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,WAAW,sCAQzD"}

package/dist/components/navigation/client-only-header.d.ts

@@ -1,8 +0,0 @@
-import type { ReactNode } from 'react';
-import { type HeaderConfig } from './header';
-export interface ClientOnlyHeaderProps {
-    config: HeaderConfig;
-    skeleton?: ReactNode;
-}
-export declare function ClientOnlyHeader({ config, skeleton }: ClientOnlyHeaderProps): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element;
-//# sourceMappingURL=client-only-header.d.ts.map

package/dist/components/navigation/client-only-header.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"client-only-header.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/client-only-header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAGrD,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,qBAAqB,ySAS3E"}

package/dist/components/navigation/header-skeleton.d.ts

@@ -1,12 +0,0 @@
-import type { HeaderConfig } from '../../types/navigation';
-export interface HeaderSkeletonProps {
-    config?: HeaderConfig;
-}
-/**
- * Loading skeleton mirroring the unified ODS top-navigation geometry
- * (`TopNavigation`, Figma 2797-5978): 48px mobile / 56px md+, cell model.
- * Keep in sync with `header.tsx` — a diverging skeleton makes the
- * skeleton→live handoff jump.
- */
-export declare function HeaderSkeleton({ config }: HeaderSkeletonProps): import("react").JSX.Element;
-//# sourceMappingURL=header-skeleton.d.ts.map

package/dist/components/navigation/header-skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/header-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAG3D,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,EAAE,mBAAmB,+BA4D7D"}

package/dist/components/navigation/header.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { HeaderConfig } from '../../types/navigation';
-export interface HeaderProps {
-    config: HeaderConfig;
-    platform?: string;
-}
-export type { HeaderConfig } from '../../types/navigation';
-export declare function Header({ config }: HeaderProps): React.JSX.Element;
-//# sourceMappingURL=header.d.ts.map

package/dist/components/navigation/header.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,YAAY,EAAkB,MAAM,wBAAwB,CAAC;AAU3E,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAGD,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAO3D,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,qBAiZ7C"}

package/dist/components/navigation/mobile-nav-panel.d.ts

@@ -1,10 +0,0 @@
-import type React from 'react';
-import type { MobileNavConfig } from '../../types/navigation';
-/** DOM id of the panel — referenced by the header hamburger's `aria-controls`. */
-export declare const MOBILE_NAV_PANEL_ID = "mobile-nav-panel";
-export interface MobileNavPanelProps {
-    isOpen: boolean;
-    config: MobileNavConfig;
-}
-export declare function MobileNavPanel({ isOpen, config }: MobileNavPanelProps): React.JSX.Element | null;
-//# sourceMappingURL=mobile-nav-panel.d.ts.map

package/dist/components/navigation/mobile-nav-panel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mobile-nav-panel.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/mobile-nav-panel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,eAAe,EAAkB,MAAM,wBAAwB,CAAC;AAK9E,kFAAkF;AAClF,eAAO,MAAM,mBAAmB,qBAAqB,CAAC;AAEtD,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,eAAe,CAAC;CACzB;AAED,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,mBAAmB,4BAqIrE"}

package/src/components/footer-waitlist-button.tsx

@@ -1,53 +0,0 @@
-'use client';
-
-import { useCallback } from 'react';
-import { useChatRuntime } from '../contexts/chat-runtime-context';
-import { useRouter } from '../embed-shims/next-navigation';
-import { executeNavigationImperative } from './chat/utils/execute-navigation';
-import { OpenFrameLogo } from './icons';
-import { Button } from './ui/button';
-
-export interface FooterWaitlistButtonProps {
-  className?: string;
-}
-
-/**
- * Small wrapper around JoinWaitlistButton for use inside the footer.
- *
- * Routes through the host's unified-navigation hook
- * (`runtime.navigation.navigate`) when a `ChatRuntimeContext` is
- * mounted — that's the same path EVERY other in-app navigation
- * surface uses (source chips, inline cards, search-autocomplete,
- * action cards). One rule, one decision tree across the whole app.
- * The hub's `HubRuntimeProvider` wires `navigate` to its `useUnifiedNav`
- * helper, so this button picks up cross-platform new-tab decisions,
- * same-URL re-scroll handling, embed-mode short-circuiting, and any
- * future host-side nav rules for free.
- *
- * Falls back to the embed-shim's `router.push` when no runtime is
- * mounted (third-party embedders who haven't set up
- * `ChatRuntimeContext` — the lib stays usable without forcing them
- * to wire the full chat-runtime).
- *
- * Target URL: `/waitlist#top`. `#top` is the canonical "scroll to
- * page top" anchor — the destination page has an explicit
- * `<div id="top">` at the top of `<main>` so native browser anchor
- * scroll works in every browser regardless of the HTML5 magic-anchor
- * behavior.
- */
-export function FooterWaitlistButton({ className }: FooterWaitlistButtonProps) {
-  const router = useRouter();
-  const runtime = useChatRuntime();
-
-  const handleClick = useCallback(() => {
-    // The unified nav primitive: host `navigation.navigate` if wired, else the
-    // embed-shim router; new-tab/embed decision handled internally.
-    executeNavigationImperative({ runtime, href: '/waitlist#top', fallbackNavigate: router.push });
-  }, [router, runtime]);
-
-  return (
-    <Button onClick={handleClick} className={className} leftIcon={<OpenFrameLogo />}>
-      Join Waitlist
-    </Button>
-  );
-}

package/src/components/footer.tsx

@@ -1,195 +0,0 @@
-'use client';
-
-import { Suspense } from 'react';
-import type { ReactNode } from 'react';
-import { copyrightLine } from '../utils/copyright-line';
-import { SocialIconRow } from './social-icon-row';
-import { Skeleton } from './ui/skeleton';
-
-interface FooterLink {
-  href: string;
-  label: string;
-}
-
-interface FooterSection {
-  title: string;
-  links: FooterLink[];
-}
-
-interface FooterConfig {
-  name: string;
-  legalName: string;
-  description: string;
-  logo?: ReactNode;
-  sections: FooterSection[];
-  customComponent?: ReactNode; // Inject any custom component here
-  nameElement?: ReactNode; // Custom element for platform name with specific font
-  hideSocialRow?: boolean; // Hide the default social row
-  rightColumnContent?: ReactNode; // Custom content for right column
-  belowDescriptionContent?: ReactNode; // Custom content below description
-  moveDescriptionToRight?: boolean; // Move description and belowDescriptionContent to right column
-  keepBelowDescriptionLeft?: boolean; // Keep belowDescriptionContent on left even when moveDescriptionToRight is true
-  backgroundColor?: string; // ODS background color (e.g., 'bg-ods-card', 'bg-ods-bg')
-  social?: {
-    github?: string;
-    twitter?: string;
-    linkedin?: string;
-    reddit?: string;
-    youtube?: string;
-    instagram?: string;
-    facebook?: string;
-    discord?: string;
-    telegram?: string;
-    whatsapp?: string;
-  };
-}
-
-interface FooterProps {
-  config?: FooterConfig;
-  renderLink?: (link: FooterLink) => ReactNode;
-}
-
-function NavLinkSkeleton() {
-  return <Skeleton className="h-5 w-20 md:h-6 md:w-24" />;
-}
-
-/**
- * Platform-Aware Footer Component
- * Accepts configuration from app-config.ts
- */
-export function Footer({ config, renderLink }: FooterProps) {
-  // Config is required - no hardcoded fallbacks
-  if (!config) {
-    console.warn('Footer: No config provided');
-    return null;
-  }
-
-  return <UniversalFooter config={config} renderLink={renderLink} />;
-}
-
-/**
- * Universal Footer Component
- * Renders footer based on provided config
- */
-function UniversalFooter({
-  config,
-  renderLink,
-}: {
-  config: FooterConfig;
-  renderLink?: (link: FooterLink) => ReactNode;
-}) {
-  const defaultRenderLink = (link: FooterLink) => (
-    <a
-      href={link.href}
-      className="text-md md:text-md font-body font-medium leading-[1.33] text-ods-text-primary transition-colors hover:text-ods-accent"
-    >
-      {link.label}
-    </a>
-  );
-
-  const linkRenderer = renderLink || defaultRenderLink;
-
-  return (
-    <footer
-      className={`flex w-full flex-col items-center justify-center ${config.backgroundColor || 'bg-ods-card'} relative z-[44] min-h-[auto] gap-6 border-t border-ods-border px-6 py-10 md:min-h-[248px] md:gap-6`}
-    >
-      <div className="grid w-full grid-cols-2 items-start gap-6 md:gap-8 lg:grid-cols-4">
-        {/* Column 1: Logo and optionally description */}
-        <div className="col-span-2 flex flex-col items-start gap-4 text-left md:col-span-1 md:gap-6 lg:col-span-1">
-          {/* Logo and name */}
-          <div className="flex items-center gap-2">
-            {config.logo && <Suspense fallback={<Skeleton className="h-8 w-8" />}>{config.logo}</Suspense>}
-            {config.nameElement || (
-              <span className="whitespace-nowrap font-heading text-heading-5 font-bold text-ods-text-primary">
-                {config.name}
-              </span>
-            )}
-          </div>
-
-          {/* Only show description here if NOT moving to right */}
-          {!config.moveDescriptionToRight && (
-            <>
-              <p className="font-body text-sm font-medium leading-[1.43] text-ods-text-primary md:text-sm">
-                {config.description}
-              </p>
-
-              {/* Custom content below description */}
-              {config.belowDescriptionContent && (
-                <Suspense fallback={<Skeleton className="h-8 w-full" />}>{config.belowDescriptionContent}</Suspense>
-              )}
-
-              {/* Conditional social row - show by default unless hideSocialRow is true */}
-              {!config.hideSocialRow && (
-                <SocialIconRow
-                  className="pt-2"
-                  links={
-                    config.social
-                      ? Object.entries(config.social)
-                          .filter(([_, href]) => href)
-                          .map(([platform, href]) => ({ platform, href: href }))
-                      : undefined
-                  }
-                />
-              )}
-            </>
-          )}
-
-          {/* Show belowDescriptionContent on left even when description is moved to right */}
-          {config.moveDescriptionToRight && config.keepBelowDescriptionLeft && config.belowDescriptionContent && (
-            <Suspense fallback={<Skeleton className="h-8 w-full" />}>{config.belowDescriptionContent}</Suspense>
-          )}
-        </div>
-
-        {/* Dynamic sections - 1 column each on all screens */}
-        {config.sections.map((section, index) => (
-          <div key={index} className="col-span-1 flex flex-col items-start gap-3 text-left">
-            <h3 className="tracking-[-0.02em] text-ods-text-muted text-h5">{section.title}</h3>
-            <div className="flex flex-col gap-3">
-              {section.links.map((link, linkIndex) => (
-                <Suspense key={linkIndex} fallback={<NavLinkSkeleton />}>
-                  {linkRenderer(link)}
-                </Suspense>
-              ))}
-            </div>
-          </div>
-        ))}
-
-        {/* Custom component column - full width on mobile and medium, 1 column on large */}
-        {config.customComponent && (
-          <div className="col-span-2 flex flex-col justify-center md:col-span-1 lg:col-span-1">
-            <Suspense fallback={<Skeleton className="h-32 w-full" />}>{config.customComponent}</Suspense>
-          </div>
-        )}
-
-        {/* Right column content - shows if rightColumnContent is provided OR if moving description to right */}
-        {(config.rightColumnContent || config.moveDescriptionToRight) && (
-          <div className="col-span-2 flex flex-col justify-start gap-4 md:col-span-1 md:gap-6 lg:col-span-1">
-            {/* Show description in right column if moveDescriptionToRight is true */}
-            {config.moveDescriptionToRight && (
-              <>
-                <p className="font-body text-sm font-medium leading-[1.43] text-ods-text-primary md:text-sm">
-                  {config.description}
-                </p>
-
-                {/* Custom content below description - only if NOT keeping it on left */}
-                {config.belowDescriptionContent && !config.keepBelowDescriptionLeft && (
-                  <Suspense fallback={<Skeleton className="h-8 w-full" />}>{config.belowDescriptionContent}</Suspense>
-                )}
-              </>
-            )}
-
-            {/* Regular right column content */}
-            {config.rightColumnContent && (
-              <Suspense fallback={<Skeleton className="h-32 w-full" />}>{config.rightColumnContent}</Suspense>
-            )}
-          </div>
-        )}
-      </div>
-
-      {/* Copyright */}
-      <p className="text-md md:text-md w-full pt-4 text-center font-body font-medium leading-[1.33] text-ods-text-muted md:pt-0">
-        {copyrightLine(config.legalName)}
-      </p>
-    </footer>
-  );
-}

package/src/components/navigation/client-only-header.tsx

@@ -1,22 +0,0 @@
-'use client';
-
-import type { ReactNode } from 'react';
-import { useIsHydrated } from '../../hooks/ui/use-is-hydrated';
-import { Header, type HeaderConfig } from './header';
-import { HeaderSkeleton } from './header-skeleton';
-
-export interface ClientOnlyHeaderProps {
-  config: HeaderConfig;
-  skeleton?: ReactNode;
-}
-
-export function ClientOnlyHeader({ config, skeleton }: ClientOnlyHeaderProps) {
-  const isClient = useIsHydrated();
-
-  if (!isClient) {
-    // Return custom skeleton or default skeleton while client-side JavaScript loads
-    return skeleton || <HeaderSkeleton config={config} />;
-  }
-
-  return <Header config={config} />;
-}

package/src/components/navigation/header-skeleton.tsx

@@ -1,74 +0,0 @@
-import type { HeaderConfig } from '../../types/navigation';
-import { cn } from '../../utils';
-
-export interface HeaderSkeletonProps {
-  config?: HeaderConfig;
-}
-
-/**
- * Loading skeleton mirroring the unified ODS top-navigation geometry
- * (`TopNavigation`, Figma 2797-5978): 48px mobile / 56px md+, cell model.
- * Keep in sync with `header.tsx` — a diverging skeleton makes the
- * skeleton→live handoff jump.
- */
-export function HeaderSkeleton({ config }: HeaderSkeletonProps) {
-  const showNavigation = config?.navigation && config.navigation.items.length > 0;
-  const showActions = config?.actions?.right && config.actions.right.length > 0;
-  const showMobileMenu = config?.mobile?.enabled;
-  const showLeftActions = !!config?.actions?.left;
-
-  return (
-    <div className="sticky top-0 z-[50] w-full">
-      <header
-        className={cn(
-          'flex h-[72px] w-full items-center border-b border-t border-ods-border md:border-t-0',
-          config?.backgroundColor || 'bg-ods-card',
-          config?.className,
-        )}
-      >
-        {/* Leading cells: admin toggle / burger */}
-        {showLeftActions && (
-          <div className="flex h-full w-[72px] items-center justify-center border-r border-ods-border">
-            <div className="h-6 w-6 animate-pulse rounded bg-ods-border" />
-          </div>
-        )}
-        {showMobileMenu && (
-          <div className="flex h-full w-[72px] items-center justify-center border-r border-ods-border lg:hidden">
-            <div className="h-6 w-6 animate-pulse rounded bg-ods-border" />
-          </div>
-        )}
-
-        {/* Logo zone */}
-        <div className="flex h-full flex-1 items-center gap-2 p-[var(--spacing-system-m)] md:pl-[var(--spacing-system-l)] lg:flex-none lg:pl-[var(--spacing-system-xxl)]">
-          <div className="h-6 w-6 animate-pulse rounded bg-ods-border" />
-          <div className="h-5 w-24 animate-pulse rounded bg-ods-border" />
-        </div>
-
-        {/* Center: navigation links (desktop only) */}
-        <div className="hidden h-full min-w-0 flex-1 items-center justify-center gap-2 lg:flex">
-          {showNavigation && (
-            <>
-              <div className="h-8 w-20 animate-pulse rounded bg-ods-border" />
-              <div className="h-8 w-28 animate-pulse rounded bg-ods-border" />
-              <div className="h-8 w-24 animate-pulse rounded bg-ods-border" />
-            </>
-          )}
-        </div>
-
-        {/* CTA zone */}
-        {showActions && (
-          <div className="hidden h-full items-center px-[var(--spacing-system-m)] lg:flex">
-            <div className="h-8 w-24 animate-pulse rounded bg-ods-border" />
-          </div>
-        )}
-
-        {/* Mingo cell */}
-        {config?.mingo?.enabled && (
-          <div className="flex h-full items-center border-l border-ods-border px-[var(--spacing-system-l)]">
-            <div className="h-8 w-8 animate-pulse rounded bg-ods-border md:w-28" />
-          </div>
-        )}
-      </header>
-    </div>
-  );
-}