@flamingo-stack/openframe-frontend-core 0.0.777 → 0.0.781

package/dist/components/help-center-pages/index.d.ts

@@ -16,7 +16,7 @@ export { RoadmapPage, type RoadmapPageProps } from './roadmap-page';
 export { ProductReleasesListPage, type ProductReleasesListPageProps } from './product-releases-list-page';
 export { DeliveryPage, type DeliveryPageProps } from './delivery-page';
 export { OnboardingGuidesCatalogPage, type OnboardingGuidesCatalogPageProps } from './onboarding-guides-catalog-page';
-export { TrustCenterPage, TrustCenterPageSkeleton, type TrustCenterPageProps } from './trust-center-page';
+export { TrustCenterPage, type TrustCenterPageProps } from './trust-center-page';
 export { DownloadAppsPage, type DownloadAppsPageProps, type DownloadAppsWebOption } from './download-apps-page';
 export { FaqDocumentPage, type FaqDocumentPageProps } from '../faq';
 export { LegalDocumentPage, type LegalDocumentPageProps } from '../shared/legal-document';

package/dist/components/help-center-pages/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/help-center-pages/index.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AAIH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,KAAK,4BAA4B,EAAE,MAAM,8BAA8B,CAAC;AAC1G,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,KAAK,gCAAgC,EAAE,MAAM,kCAAkC,CAAC;AACtH,OAAO,EAAE,eAAe,EAAE,uBAAuB,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC1G,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,KAAK,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAGhH,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC1F,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,GAC9B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,yBAAyB,EAAE,KAAK,8BAA8B,EAAE,MAAM,sBAAsB,CAAC;AACtG,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/help-center-pages/index.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AAIH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,KAAK,4BAA4B,EAAE,MAAM,8BAA8B,CAAC;AAC1G,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,KAAK,gCAAgC,EAAE,MAAM,kCAAkC,CAAC;AACtH,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AACjF,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,KAAK,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAGhH,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC1F,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,GAC9B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,yBAAyB,EAAE,KAAK,8BAA8B,EAAE,MAAM,sBAAsB,CAAC;AACtG,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/help-center-pages/index.js

@@ -2,7 +2,7 @@ import { RoadmapPage } from "./roadmap-page.js";
 import { ProductReleasesListPage } from "./product-releases-list-page.js";
 import { DeliveryPage } from "./delivery-page.js";
 import { OnboardingGuidesCatalogPage } from "./onboarding-guides-catalog-page.js";
-import { TrustCenterPage, TrustCenterPageSkeleton } from "./trust-center-page.js";
+import { TrustCenterPage } from "./trust-center-page.js";
 import { DownloadAppsPage } from "./download-apps-page.js";
 import { FaqDocumentPage } from "../faq/index.js";
 import { LegalDocumentPage } from "../shared/legal-document/index.js";
@@ -24,6 +24,5 @@ export {
   ProductReleasesListPage,
   ReleaseDetailPage,
   RoadmapPage,
-  TrustCenterPage,
-  TrustCenterPageSkeleton
+  TrustCenterPage
 };

package/dist/components/help-center-pages/trust-center-page.d.ts

@@ -72,13 +72,4 @@ export interface TrustCenterPageProps {
     panelSkeletonRows?: Partial<Record<TrustCenterPanelId, TrustPanelRows>>;
 }
 export declare function TrustCenterPage({ endpoint, initialData, shell, backButton, title, subtitle, ask, beforeFaq, attribution, faqSkeletonShape, panelSkeletonRows, }: TrustCenterPageProps): import("react").JSX.Element;
-/**
- * @deprecated Render `<TrustCenterPage>` inside a `LoadingScope`: the page draws its own loading state (this is what
- * it does). Kept so hosts on an older release keep compiling; nothing in the lib uses it. `region` is ignored: the
- * page announces its own loading state.
- */
-export declare function TrustCenterPageSkeleton({ region: _region, ...chrome }: Pick<TrustCenterPageProps, 'shell' | 'backButton' | 'title' | 'subtitle'> & {
-    /** Ignored: the page announces its own loading state. */
-    region?: boolean;
-}): import("react").JSX.Element;
 //# sourceMappingURL=trust-center-page.d.ts.map

package/dist/components/help-center-pages/trust-center-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trust-center-page.d.ts","sourceRoot":"","sources":["../../../src/components/help-center-pages/trust-center-page.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,EAA6C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlF,OAAO,EAWL,KAAK,iBAAiB,EAEvB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAAc,KAAK,eAAe,EAAE,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAW7F,OAAO,EAYL,KAAK,kBAAkB,EACvB,KAAK,cAAc,EAEpB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,oBAAoB;IACnC,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC;gFAC4E;IAC5E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sFAAsF;IACtF,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC;IACvD,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oGAAoG;IACpG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qHAAqH;IACrH,GAAG,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IAC7B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC,CAAC;CACzE;AA8DD,wBAAgB,eAAe,CAAC,EAC9B,QAAgC,EAChC,WAAW,EACX,KAAY,EACZ,UAAkB,EAClB,KAA0B,EAC1B,QAA+B,EAC/B,GAAG,EACH,SAAS,EACT,WAAkB,EAClB,gBAAgB,EAChB,iBAAiB,GAClB,EAAE,oBAAoB,+BAqNtB;AAED;;;;GAIG;AAEH,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EAAE,OAAO,EACf,GAAG,MAAM,EACV,EAAE,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,YAAY,GAAG,OAAO,GAAG,UAAU,CAAC,GAAG;IAC7E,yDAAyD;IACzD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,+BAMA"}
+{"version":3,"file":"trust-center-page.d.ts","sourceRoot":"","sources":["../../../src/components/help-center-pages/trust-center-page.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,EAA6C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlF,OAAO,EAWL,KAAK,iBAAiB,EAEvB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAAc,KAAK,eAAe,EAAE,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAW7F,OAAO,EAYL,KAAK,kBAAkB,EACvB,KAAK,cAAc,EAEpB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,oBAAoB;IACnC,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC;gFAC4E;IAC5E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sFAAsF;IACtF,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC;IACvD,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oGAAoG;IACpG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qHAAqH;IACrH,GAAG,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IAC7B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC,CAAC;CACzE;AA8DD,wBAAgB,eAAe,CAAC,EAC9B,QAAgC,EAChC,WAAW,EACX,KAAY,EACZ,UAAkB,EAClB,KAA0B,EAC1B,QAA+B,EAC/B,GAAG,EACH,SAAS,EACT,WAAkB,EAClB,gBAAgB,EAChB,iBAAiB,GAClB,EAAE,oBAAoB,+BAqNtB"}

package/dist/components/help-center-pages/trust-center-page.js

@@ -21,13 +21,13 @@ import { useScrollSpy } from "../docs/use-scroll-spy.js";
 import { FaqSection } from "../faq/faq-section.js";
 import { PageShell } from "../layout/article-detail-layout.js";
 import { PageLayout } from "../layout/page-layout.js";
-import { LoadingRegion } from "../loading/loading-region.js";
+import { LoadingFallback } from "../loading/loading-fallback.js";
 import { StickySectionNav } from "../navigation/sticky-section-nav.js";
 import { DataAttribution } from "../ui/data-attribution.js";
 import { DownloadButton } from "../ui/download-button.js";
 import { EntityImage } from "../ui/entity-image.js";
 import { LoadError } from "../ui/error-state.js";
-import { LoadingScope, useLoadingScope } from "../ui/loading-scope.js";
+import { useLoadingScope } from "../ui/loading-scope.js";
 import { StatusIndicator } from "../ui/status-indicator.js";
 import {
   AiSection,
@@ -162,7 +162,7 @@ function TrustCenterPage({
   const faqSection = sections.find((section) => section.id === "faq");
   const faqLast = Boolean(beforeFaq) && Boolean(faqSection);
   const columnSections = faqLast ? sections.filter((section) => section.id !== "faq") : sections;
-  const inLoadingScope = (node, label) => loading ? /* @__PURE__ */ jsx(LoadingRegion, { label, announce: !scoped, className: "contents", children: /* @__PURE__ */ jsx(LoadingScope, { className: "contents", children: node }) }) : node;
+  const inLoadingScope = (node, label) => loading ? /* @__PURE__ */ jsx(LoadingFallback, { label, className: "contents", children: node }) : node;
   let body;
   if (!loading && error && !data) {
     body = /* @__PURE__ */ jsx(LoadError, { message: "Could not load the trust center", onRetry: reload });
@@ -232,12 +232,6 @@ function TrustCenterPage({
     ) : null
   ] });
 }
-function TrustCenterPageSkeleton({
-  region: _region,
-  ...chrome
-}) {
-  return /* @__PURE__ */ jsx(LoadingScope, { children: /* @__PURE__ */ jsx(TrustCenterPage, { ...chrome }) });
-}
 function TrustCenterChrome({
   shell,
   title,
@@ -264,6 +258,5 @@ function TrustCenterChrome({
   return shell ? /* @__PURE__ */ jsx(PageShell, { children: inner }) : /* @__PURE__ */ jsx("div", { className: "page-shell-content", children: inner });
 }
 export {
-  TrustCenterPage,
-  TrustCenterPageSkeleton
+  TrustCenterPage
 };

package/dist/components/help-center-pages/trust-center-sections.js

@@ -36,8 +36,8 @@ import { ModalV2, ModalV2Content, ModalV2Header, ModalV2Title } from "../ui/moda
 import { ScrollShadow } from "../ui/scroll-fade.js";
 import { SearchInput } from "../ui/search-input.js";
 import { StackedRowsPanel } from "../ui/stacked-rows-panel.js";
-import { StatusBadge, StatusBadgeSkeleton } from "../ui/status-badge.js";
-import { TabNavigation, TabNavigationSkeleton } from "../ui/tab-navigation.js";
+import { StatusBadge } from "../ui/status-badge.js";
+import { TabNavigation } from "../ui/tab-navigation.js";
 const FRAMEWORK_ICONS = {
   "shield-check": ShieldCheckIcon,
   "file-shield": FileShieldIcon
@@ -391,13 +391,13 @@ const TRUST_PANEL_SHAPES = {
   subprocessors: { mark: "glyph", action: "none", lines: { phone: 1, wide: 1 } },
   ai: { mark: "glyph", action: "none", lines: { phone: 6, wide: 2 } }
 };
-function panelRowCount(rows) {
-  if (rows === void 0) return TRUST_PANEL_SKELETON_ROWS;
-  return typeof rows === "number" ? rows : Math.max(rows.phone, rows.wide);
-}
-function TrustPanelSkeleton({ panel, rows }) {
+function TrustPanelSkeleton({
+  panel,
+  rows = TRUST_PANEL_SKELETON_ROWS
+}) {
   const shape = TRUST_PANEL_SHAPES[panel];
-  const panelRows = Array.from({ length: panelRowCount(rows) }, (_, index) => ({
+  const length = typeof rows === "number" ? rows : Math.max(rows.phone, rows.wide);
+  const panelRows = Array.from({ length }, (_, index) => ({
     id: `skeleton-${index}`,
     columns: [
       {
@@ -430,7 +430,7 @@ function TrustPanelSkeleton({ panel, rows }) {
           key: "action",
           width: ACTION_COLUMN,
           align: "right",
-          content: shape.action === "badge" ? /* @__PURE__ */ jsx(StatusBadgeSkeleton, {}) : (
+          content: shape.action === "badge" ? /* @__PURE__ */ jsx(StatusBadge, { loading: true, text: "" }) : (
             // The rows' action is a `size="small"` Button: its own size classes.
             /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { size: "small", className: "w-16" })
           )
@@ -445,7 +445,7 @@ function ControlsSummarySkeleton() {
 }
 function ControlsSectionSkeleton() {
   return /* @__PURE__ */ jsxs("div", { className: CONTROLS_SECTION_CLASS, style: controlsSectionStyle, children: [
-    /* @__PURE__ */ jsx(TabNavigationSkeleton, { count: CONTROLS_SKELETON_TABS }),
+    /* @__PURE__ */ jsx(TabNavigation, { loading: true, tabs: [], skeletonCount: CONTROLS_SKELETON_TABS }),
     /* @__PURE__ */ jsxs("div", { className: CONTROLS_TOOLBAR_CLASS, children: [
       /* @__PURE__ */ jsx("p", { className: BODY_TEXT, children: /* @__PURE__ */ jsx(ControlsSummarySkeleton, {}) }),
       /* @__PURE__ */ jsx("div", { className: CONTROLS_SEARCH_CLASS, children: /* @__PURE__ */ jsx(