pagepilot-visual-editor 1.0.29 → 1.0.33

package/dist/email-builder-core/renderers/themeTokens.d.ts

@@ -1,143 +1,105 @@
 /**
- * Theme tokens for the generated (published) HTML.
+ * Host-application theme support.
  *
- * ## Why this exists
- *
- * A published page is a BODY FRAGMENT injected into a host application we
- * don't control (see ConfigureDialog's integration snippets — hosts do
- * `container.insertAdjacentHTML(...)`). There is no `<head>` to put a
- * stylesheet in and no guarantee any host CSS exists, so everything the page
- * needs to render dark must ship inside the fragment itself.
- *
- * ## Why not `filter: invert()`
- *
- * The previous implementation inverted the whole subtree with
- * `filter: invert(1) hue-rotate(180deg)`. That is not dark mode: it rotates
- * every author-picked hue 180deg, so a brand blue publishes as orange. It also
- * forced a fragile web of counter-inversions to keep photos from looking like
- * negatives. This module replaces it with real per-color dark values.
- *
- * ## How it works
- *
- * Each distinct authored color is issued a token. The block renders
- * `var(--ahd-c-N, <original>)` instead of the raw color, and the token is
- * defined once in a `<style>` scoped to the fragment root:
- *
- *   [data-ahd-theme] { --ahd-c-3: light-dark(#0a5fcc, #5aa2ff); }
- *
- * `light-dark()` resolves against the nearest `color-scheme`, which the
- * fragment root sets from the author's Light/Dark/Auto choice. That means a
- * host can flip an embedded page by changing one attribute — no re-fetch, no
- * media-query re-evaluation.
- *
- * Two independent fallbacks keep an unsupported browser rendering exactly what
- * it renders today:
- *   1. The `var()` fallback carries the original color, so a browser that
- *      drops the custom property still paints the light value.
- *   2. `emitTokenCss` writes a plain light-value declaration before the
- *      `light-dark()` one, so a browser that understands custom properties but
- *      not `light-dark()` uses the light value rather than an invalid
- *      declaration.
- */
-export type GeneratedTheme = 'light' | 'dark' | 'auto';
-export declare const GENERATED_THEME_ATTR = "data-ahd-theme";
-/**
- * Published pages always follow the visitor's device setting.
- *
- * This is the only mode the renderer emits: there is no author-facing
- * light/dark switch, because a published page has no opinion about the
- * visitor's environment - the visitor's browser does. `light` and `dark`
- * remain in the type because a HOST APP can override a rendered fragment at
- * runtime by setting this attribute (see the snippet in ConfigureDialog).
- */
-export declare const GENERATED_THEME_AUTO: GeneratedTheme;
-/**
- * Derive a dark-mode counterpart for an authored light color.
- *
- * The rule is: PRESERVE HUE AND SATURATION, INVERT LIGHTNESS ONLY. That is the
- * entire difference from the `hue-rotate` approach this replaces — a brand blue
- * stays blue and simply becomes lighter so it reads against a dark surface.
- *
- * Two deliberate departures from a naive `l -> 1 - l`:
- *
- * - Near-neutral colors (very low saturation) are the page's surfaces and text.
- *   A straight flip sends #ffffff to #000000, which is harsher than good dark
- *   UI: pure black raises perceived contrast and causes halation against light
- *   text. They're mapped into a softer range instead (about #121212 to #ededed),
- *   matching the app's own dark palette (`src/theme/colors/dark.ts` uses
- *   #121212 for background).
- *
- * - Saturated colors get a compressed flip. A mid-lightness brand color
- *   (l ~ 0.5) should stay close to where it is rather than swing to the
- *   opposite extreme, so the result is pulled toward a legible band and floored
- *   so it never lands too dark to see on a dark surface.
- *
- * Alpha is carried through untouched.
- *
- * Returns `null` for anything that is not a single solid color — gradients,
- * `transparent`, keywords, unparseable values. Those are left exactly as the
- * author wrote them (see `token`).
+ * Published output follows the host's light/dark theme through CSS custom
+ * properties (`--pp-*`) defined by `HOST_THEME_CSS`. A color adapts only when it
+ * is rendered in a theme-role slot AND its value is null or that slot's own
+ * seed default; every other value stays literal. Light = variables undefined,
+ * so each `var(--pp-x, <literal>)` resolves to the original literal.
  */
-export declare function deriveDarkColor(value: string): string | null;
-export type TokenRegistry = {
-    /**
-     * Issue (or reuse) a token for `raw` and return the value a block should
-     * render.
-     *
-     * Returns `raw` unchanged when there is nothing to theme — null/undefined,
-     * `transparent`, `currentColor`, a gradient, or anything unparseable. Callers
-     * can therefore pipe every color through this without pre-checking, EXCEPT
-     * that a caller which BRANCHES on whether a value is a gradient must do that
-     * classification on the raw value first (see `isGradientColor` in
-     * blocks/helpers/blockStyleHelpers).
-     *
-     * GRADIENTS ARE NEVER THEMED. An author-picked gradient renders identically
-     * in light and dark mode — it is returned byte-for-byte unchanged, so the
-     * published CSS carries the author's exact value in both themes.
-     */
-    token(raw: string | null | undefined): string | undefined;
-    /** CSS defining every token issued so far. Empty when none, or theme light. */
-    css(theme: GeneratedTheme): string;
-    /** Number of distinct colors tokenized (for tests/diagnostics). */
-    size(): number;
+export type ThemeRole = 'text' | 'text-strong' | 'text-muted' | 'link' | 'surface' | 'surface-alt' | 'track' | 'border' | 'border-subtle';
+export type ThemeSlotDef = {
+    role: ThemeRole;
+    /** Values (normalized) that count as the editor-seeded default for this slot. */
+    seeds: string[];
+    /** Applied when raw is null. Without it a null raw stays undefined (inherits). */
+    nullFallback?: string;
 };
-export declare function createTokenRegistry(): TokenRegistry;
-/**
- * CSS for a fragment that issued no tokens (or chose light).
- *
- * Still worth emitting for `dark`/`auto`: `color-scheme` alone makes form
- * controls, scrollbars and the canvas behind the fragment follow the theme.
- */
-export declare function baseThemeCss(theme: GeneratedTheme): string;
-export declare const ThemeTokenProvider: import('react').Provider<TokenRegistry>;
+export declare function normalizeColor(raw: string | null | undefined): string;
+/** Central registry of theme-aware slots (see host-theme-plan.md, matrix C). */
+export declare const THEME_SLOTS: {
+    readonly pageText: ThemeSlotDef;
+    readonly containerFill: ThemeSlotDef;
+    readonly layoutText: ThemeSlotDef;
+    readonly canvas: ThemeSlotDef;
+    readonly closeIcon: ThemeSlotDef;
+    readonly brandingText: ThemeSlotDef;
+    readonly blockText: ThemeSlotDef;
+    readonly listText: ThemeSlotDef;
+    readonly link: ThemeSlotDef;
+    readonly codeBg: ThemeSlotDef;
+    readonly quoteBorder: ThemeSlotDef;
+    readonly divider: ThemeSlotDef;
+    readonly tableText: ThemeSlotDef;
+    readonly tableBorder: ThemeSlotDef;
+    readonly tableHeaderBg: ThemeSlotDef;
+    readonly tableHeaderText: ThemeSlotDef;
+    readonly tableStripe: ThemeSlotDef;
+    readonly track: ThemeSlotDef;
+    readonly trackText: ThemeSlotDef;
+    readonly timerText: ThemeSlotDef;
+    readonly timerLabel: ThemeSlotDef;
+    readonly timerTrack: ThemeSlotDef;
+    readonly breadcrumbText: ThemeSlotDef;
+    readonly menuText: ThemeSlotDef;
+    readonly menuSurface: ThemeSlotDef;
+    readonly carouselArrow: ThemeSlotDef;
+    readonly carouselArrowBg: ThemeSlotDef;
+    readonly carouselArrowBorder: ThemeSlotDef;
+    readonly carouselDot: ThemeSlotDef;
+    readonly carouselDotActive: ThemeSlotDef;
+    readonly paginationBg: ThemeSlotDef;
+    readonly paginationText: ThemeSlotDef;
+    readonly paginationBorder: ThemeSlotDef;
+    readonly surface: ThemeSlotDef;
+    readonly surfaceLiteral: ThemeSlotDef;
+    readonly bgAdaptive: ThemeSlotDef;
+    readonly buttonText: ThemeSlotDef;
+    readonly borderAdaptive: ThemeSlotDef;
+    readonly borderSubtle: ThemeSlotDef;
+    readonly surfaceAlt: ThemeSlotDef;
+    readonly tabsRing: ThemeSlotDef;
+};
+export type ThemeSlotName = keyof typeof THEME_SLOTS;
+/** Dark-mode counterpart of an authored color, or null when it should stay as authored. */
+export declare function darkCounterpart(raw: string, kind: 'text' | 'bg'): string | null;
+/** True when this light solid background gets a dark counterpart (so no light lock is needed). */
+/** True when a background is effectively see-through (empty, transparent or alpha 0). */
+export declare function isClearBg(raw: string | null | undefined): boolean;
+export declare function isAdaptableBg(raw: string | null | undefined): boolean;
+type GradientKind = 'text' | 'bg' | 'border';
+export declare const gradientKindForRole: (role: ThemeRole) => GradientKind;
+/** Theme the seed colors of every gradient in `raw`; everything else is preserved verbatim. */
+export declare function themeGradient(raw: string, kind?: GradientKind): string;
+/** True when every opaque stop of the gradient adapts (so no light surface lock is needed). */
+export declare function isFullyAdaptiveGradient(raw: string, kind?: GradientKind): boolean;
+/** Resolve a raw color for a slot: var(--pp-role, literal) when adaptable, else literal. */
+export declare function themeSlot(raw: string | null | undefined, name: ThemeSlotName | ThemeSlotDef): string | undefined;
+export declare function useThemeSlot(raw: string | null | undefined, name: ThemeSlotName | ThemeSlotDef): string | undefined;
+/** Plain-function form for colors in lists/maps (no hook rules). */
+export declare function useThemeSlotter(): typeof themeSlot;
 /**
- * Theme a single color value.
- *
- * Safe to call unconditionally: outside a publish render it returns `raw`
- * unchanged. See `TokenRegistry.token` for what is and isn't themed — notably,
- * gradients pass through byte-for-byte.
- *
- * A caller that BRANCHES on whether a color is a gradient must classify the
- * RAW value first (via `isGradientColor`) and only then tokenize, or the
- * branch will misfire on the returned `var(...)` string.
+ * Spread on the element that paints an author background. Locks the subtree to
+ * light so default text stays readable on author-painted surfaces.
  */
+export declare function surfaceAttrs(bgRaw?: string | null, bgImage?: string | null, adaptiveSlot?: ThemeSlotName): {
+    'data-pp-surface'?: 'fixed';
+};
 export declare function useColorToken(raw: string | null | undefined): string | undefined;
-/**
- * A themer for colors that live in a LIST.
- *
- * `useColorToken` is a hook, so it cannot be called from inside `.map()` or any
- * other loop — blocks whose colors come from per-row data (breadcrumb items,
- * menu entries, pagination buttons) have no fixed number of colors to theme and
- * would break the rules of hooks. This returns a plain function instead: call
- * the hook once at the top of the component, then apply the result per item.
- *
- * Outside a publish render it is the identity function, exactly like
- * `useColorToken`.
- */
 export declare function useColorTokenizer(): (raw: string | null | undefined) => string | undefined;
-export declare function themeAuthorHtml(html: string, registry: TokenRegistry | null): string;
 /**
- * Hook form of `themeAuthorHtml`, for blocks that render author HTML.
- * Outside a publish render this returns the input unchanged.
+ * Theme colors the rich-text toolbar baked into the markup (`<font color>` and
+ * inline `color:` declarations). Neutral dark text gets a light-dark() pair so it
+ * stays readable on a dark host; tinted/light colors stay as authored.
  */
+export declare function themeHtmlColors(html: string): string;
+/** Inverse of themeHtmlColors: restores the authored color so edited HTML is saved untouched. */
+export declare function unthemeHtmlColors(html: string): string;
 export declare function useThemedHtml(html: string): string;
+/**
+ * Nearest marked element wins: marker rules DEFINE the variables on the element
+ * carrying the marker, descendants inherit. :where() keeps specificity at 0, so
+ * same-element conflicts are decided by source order (weakest first).
+ */
+export declare const HOST_THEME_CSS: string;
+export {};

package/dist/host-stubs/history.d.ts

@@ -0,0 +1,5 @@
+declare const History: {
+    navigate: (_path: string, ..._rest: unknown[]) => void;
+    push: (path: string, ...rest: unknown[]) => void;
+};
+export default History;

package/dist/host-stubs/hooks/useTenantFeatureCutoff.d.ts

@@ -0,0 +1,8 @@
+export declare const LEGACY_FEATURE_CUTOFFS: {
+    readonly legacyTextBlocks: Date;
+};
+export type LegacyFeatureKey = keyof typeof LEGACY_FEATURE_CUTOFFS;
+/** True when the feature is hidden for this tenant (created on/after the cutoff). */
+export declare const isLegacyFeatureHidden: (tenant: any, feature: LegacyFeatureKey) => boolean;
+export declare const useIsLegacyFeatureHidden: (feature: LegacyFeatureKey) => boolean;
+export default useIsLegacyFeatureHidden;

package/dist/host-stubs/hooks/useTenantPlan.d.ts

@@ -0,0 +1,18 @@
+import { isProOrAboveTenant } from '../../api/useTenantPlan';
+export { isProOrAboveTenant };
+export declare const useCurrentTenantPlan: () => {
+    currentTenant: {
+        [key: string]: any;
+        id?: string;
+        plan?: string;
+    };
+    isPlanProOrAbove: boolean;
+};
+export declare const isTemplateLockedForPlan: (supportedPlans: string[] | undefined | null, tenantPlan: string | undefined | null) => boolean;
+export declare const useTemplatePlanLock: () => {
+    tenantPlan: string;
+    isTemplateLocked: (template: {
+        supportedPlans?: string[];
+    } | null | undefined) => boolean;
+};
+export default useCurrentTenantPlan;

package/dist/host-stubs/i18nAhdDefaults.d.ts

@@ -0,0 +1 @@
+export declare const AHD_EN_DEFAULTS: Record<string, string>;

package/dist/host-stubs/modules/allSlugs/allSlugsActions.d.ts

@@ -0,0 +1 @@
+export { noopListActions as default } from '../_hostListShim';

package/dist/host-stubs/modules/allSlugs/allSlugsSelectors.d.ts

@@ -0,0 +1 @@
+export { noopListSelectors as default } from '../_hostListShim';

package/dist/host-stubs/modules/auth/authCurrentTenant.d.ts

@@ -0,0 +1,6 @@
+declare const AuthCurrentTenant: {
+    get(): string | null;
+    set(_tenant: unknown): void;
+    clear(): void;
+};
+export default AuthCurrentTenant;

package/dist/host-stubs/modules/forms/formsService.d.ts

@@ -4,7 +4,9 @@ declare const FormsService: {
         count: number;
     }>;
     find: () => Promise<any>;
-    getViewUrl: (_id: string, _tenantId?: string) => string;
     getCreateUrl: () => string;
+    getEditUrl: (id: string, tenantId?: string) => string;
+    getViewUrl: (id: string, tenantId?: string) => string;
+    getStatsUrl: (id: string, tenantId?: string) => string;
 };
 export default FormsService;

package/dist/host-stubs/modules/forms/useFormsList.d.ts

@@ -3,10 +3,13 @@ export type FormRow = {
     name?: string;
     tenantId?: string;
 };
-export default function useFormsList(): {
+export default function useFormsList(_options?: {
+    enabled?: boolean;
+}): {
     forms: FormRow[];
     options: {
         label: string;
         value: string;
     }[];
+    isLoading: boolean;
 };

package/dist/host-stubs/modules/menu/menuService.d.ts

@@ -0,0 +1,4 @@
+export default class MenuService {
+    static update(id: string, data: Record<string, unknown>): Promise<any>;
+    static list(filter?: Record<string, unknown>, orderBy?: string | null, limit?: number, offset?: number): Promise<import('../../..').PageListResponse>;
+}

package/dist/host-stubs/modules/page/pageService.d.ts

@@ -0,0 +1,11 @@
+export default class PageService {
+    static find(id: string): Promise<any>;
+    static upsert(data: Record<string, unknown>): Promise<any>;
+    static update(id: string, data: Record<string, unknown>): Promise<any>;
+    static create(data: Record<string, unknown>): Promise<any>;
+    /** Page listing isn't exposed by the pagepilot API client. */
+    static list(_filter?: Record<string, unknown>, _orderBy?: string | null, _limit?: number, _offset?: number): Promise<{
+        rows: any[];
+        count: number;
+    }>;
+}

package/dist/host-stubs/modules/settings/settingsActions.d.ts

@@ -0,0 +1,2 @@
+declare const settingsActions: any;
+export default settingsActions;

package/dist/host-stubs/modules/settings/settingsSelectors.d.ts

@@ -1,5 +1,9 @@
 declare const settingsSelectors: {
+    selectRaw: (_state: unknown) => any;
     selectSettings: (_state: unknown) => any;
     selectBranding: (_state: unknown) => any;
+    selectInitLoading: (_state: unknown) => boolean;
+    selectSaveLoading: (_state: unknown) => boolean;
+    selectBrandingLoaded: (_state: unknown) => boolean;
 };
 export default settingsSelectors;

package/dist/host-stubs/modules/shared/axios/authAxios.d.ts

@@ -0,0 +1,17 @@
+type AxiosLikeConfig = {
+    headers?: Record<string, string>;
+    params?: Record<string, unknown>;
+    signal?: AbortSignal;
+};
+type AxiosLikeResponse<T = any> = {
+    data: T;
+    status: number;
+};
+declare const authAxios: {
+    get: <T = any>(url: string, config?: AxiosLikeConfig) => Promise<AxiosLikeResponse<T>>;
+    delete: <T = any>(url: string, config?: AxiosLikeConfig) => Promise<AxiosLikeResponse<T>>;
+    post: <T = any>(url: string, body?: unknown, config?: AxiosLikeConfig) => Promise<AxiosLikeResponse<T>>;
+    put: <T = any>(url: string, body?: unknown, config?: AxiosLikeConfig) => Promise<AxiosLikeResponse<T>>;
+    patch: <T = any>(url: string, body?: unknown, config?: AxiosLikeConfig) => Promise<AxiosLikeResponse<T>>;
+};
+export default authAxios;

package/dist/host-stubs/modules/shared/constants.d.ts

@@ -0,0 +1,14 @@
+export declare const CR_TENANT_ID: string | undefined;
+export declare const STUDIO_TENANT_ID: string | undefined;
+export declare const MIN_CHAR_LIMIT = 50;
+export declare const MAX_CHAR_LIMIT = 200;
+export declare const DEFAULT_CALENDLY_URL = "https://calendly.com/ishaan-fabbuilder/30min";
+export declare const DOCS_BASE_URL = "https://fab-builder.github.io/pagepilot-vanilla-react-app";
+export declare const DOCS_LINK_PAGE_TO_MENU = "https://fab-builder.github.io/pagepilot-vanilla-react-app/pages/link-page-to-menu";
+export declare const DOCS_TEMPLATE_VARIABLES = "https://fab-builder.github.io/pagepilot-vanilla-react-app/pages/template-variables";
+export declare const DOCS_WEBINAR_REGISTRATION = "https://fab-builder.github.io/pagepilot-vanilla-react-app/webinar#registration";
+export declare const DOCS_WEBINAR_PAID = "https://fab-builder.github.io/pagepilot-vanilla-react-app/webinar#paid-webinar";
+export declare const DOCS_PREVIEW_MODE = "https://fab-builder.github.io/pagepilot-vanilla-react-app/pages/fetch-pages#preview-mode";
+export declare const PRODUCT_DOCS_BASE_URL = "https://pagepilot-docs.fabbuilder.com";
+export declare const FORM_BUILDER_API_BASE = "https://cs.fabbuilder.com/cs-app/form-builder/api";
+export declare const FORM_BUILDER_FE_BASE = "https://cs-app-form-builder-fe.web.app";

package/dist/host-stubs/modules/store.d.ts

@@ -1,3 +1,7 @@
 export type AppDispatch = (action: unknown) => void;
 declare const getStore: () => any;
+/** Host router history — none in the standalone build (navigation is a no-op). */
+export declare const getHistory: () => {
+    push: (path: string) => void;
+} | null;
 export default getStore;

package/dist/host-stubs/modules/template/templateEnumerators.d.ts

@@ -0,0 +1,19 @@
+export declare enum TemplateVisibility {
+    Global = "global",
+    Private = "private"
+}
+declare const templateEnumerators: {
+    type: string[];
+    visibility: string[];
+    tags: string[];
+    pageCategory: string[];
+    tagsByType: {
+        page: string[];
+        tour: string[];
+        banner: string[];
+        tooltip: string[];
+        appbanner: string[];
+        'app-banner': string[];
+    };
+};
+export default templateEnumerators;

package/dist/host-stubs/modules/tour/injectTourIntoPage.d.ts

@@ -0,0 +1,20 @@
+export declare const stripAhdIntegration: (html: string) => string;
+/** Returns the exact AHD integration block from a chunk of HTML, or '' if absent. */
+export declare const extractAhdIntegrationBlock: (html: string) => string;
+export declare const buildAhdIntegrationSnippet: (tenantId: string, slug: string) => string;
+export declare const injectAhdIntegration: (html: string, slug: string, tenantId?: string) => string;
+type LinkedPageSources = {
+    tourData?: any;
+    record?: any;
+    searchParams?: URLSearchParams | null;
+};
+/**
+ * Resolves the linked page's slug and id from tour data, record, and URL search params
+ * (in that order). When `mode === 'remove'`, strips the AHD integration block from the
+ * linked page's first section. Otherwise (re)injects it.
+ */
+export declare function injectPageGuideIntoLinkedPage(tourId: string | undefined, sources: LinkedPageSources, mode?: 'inject' | 'remove'): Promise<void>;
+/** Strips the AHD integration block from every section of the linked page. */
+export declare const removeTourFromPage: (pageSlug: string, pageId?: string) => Promise<void>;
+export declare const injectTourIntoPage: (pageSlug: string, _tourId?: string, pageId?: string) => Promise<void>;
+export {};

package/dist/host-stubs/modules/websiteV2/propagateFromPage.d.ts

@@ -0,0 +1,4 @@
+export type PropagateResult = {
+    updatedPages: number;
+};
+export declare const propagatePageEdits: (_websiteId: string, _pageId: string, _document: Record<string, any>) => Promise<PropagateResult>;

package/dist/host-stubs/style/icons.d.ts

@@ -0,0 +1,57 @@
+import { SvgIconProps } from '@mui/material/SvgIcon';
+export declare const BrowserIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const RedoIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const UndoIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const GridDotsOuter: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const BracketsIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const ClipBoardIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const ListIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const CodeIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const DotsGridIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const RollerBrushIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const AlignLeftIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const AlignCenterIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const AlignRightIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const AlignJustifyIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};

package/dist/host-stubs/utils/dateFormats.d.ts

@@ -0,0 +1 @@
+export * from '../../render-core/dateFormats';

package/dist/host-stubs/view/branding/brandDefaultFont.d.ts

@@ -1,3 +1,5 @@
-export declare const DEFAULT_BRAND_FONT_KEY = "INTER";
+import { BrandTypography, BrandTypographyLevel, DEFAULT_BRAND_FONT_KEY } from './styles/types';
+export { DEFAULT_BRAND_FONT_KEY };
 export declare function resolveRootFontFamily(rootFontFamily?: string | null): string;
 export declare function getBrandDefaultFontFamily(): string;
+export declare function getBrandTypographyLevel(_tag: keyof BrandTypography): BrandTypographyLevel;

package/dist/host-stubs/view/branding/styles/BrandIcons.d.ts

@@ -0,0 +1,9 @@
+import { SvgIconProps } from '@mui/material/SvgIcon';
+export declare const InfoCircleIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const StopIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};

package/dist/host-stubs/view/branding/styles/types.d.ts

@@ -0,0 +1,76 @@
+export type BrandColor = {
+    id: string;
+    name: string;
+    color: string;
+};
+export type BrandFontWeight = '400' | '500' | '600' | '700';
+export type BrandFont = {
+    id: string;
+    name: string;
+    fontFamily: string;
+    weight: BrandFontWeight;
+    color: string;
+    fontSize?: number | null;
+};
+export type BrandLink = {
+    id: string;
+    url: string;
+};
+export type BrandButtonHover = {
+    enabled: boolean;
+    backgroundColor?: string | null;
+    textColor?: string | null;
+};
+export type BrandButtonBorder = {
+    enabled: boolean;
+    color?: string | null;
+    width?: number | null;
+};
+export type BrandButton = {
+    primaryColor: string;
+    textColor: string;
+    width: number | null;
+    padding: number | null;
+    fontFamily: string;
+    fontSize: number | null;
+    cornerRadius: number | null;
+    hover: BrandButtonHover;
+    border: BrandButtonBorder;
+};
+export type BrandAsset = {
+    url: string;
+    name: string;
+};
+export declare const DEFAULT_BRAND_FONT_KEY = "INTER";
+export type BrandTypographyLevel = {
+    fontSize: number | null;
+    fontSizeTablet?: number | null;
+    fontSizeMobile?: number | null;
+    color: string | null;
+};
+export type BrandTypography = {
+    h1: BrandTypographyLevel;
+    h2: BrandTypographyLevel;
+    h3: BrandTypographyLevel;
+    h4: BrandTypographyLevel;
+    h5: BrandTypographyLevel;
+    h6: BrandTypographyLevel;
+    p: BrandTypographyLevel;
+};
+export type BrandingConfig = {
+    colors: BrandColor[];
+    backgroundColors: BrandColor[];
+    fonts: BrandFont[];
+    defaultFontFamily: string;
+    typography: BrandTypography;
+    links: BrandLink[];
+    button: BrandButton;
+    organizationLogo?: BrandAsset | null;
+    favicon?: BrandAsset | null;
+    showBranding?: boolean;
+};
+export declare const EMPTY_BUTTON: BrandButton;
+export declare const EMPTY_TYPOGRAPHY_LEVEL: BrandTypographyLevel;
+export declare const EMPTY_TYPOGRAPHY: BrandTypography;
+export declare const DEFAULT_BRANDING: BrandingConfig;
+export declare const isButtonEmpty: (b: BrandButton) => boolean;

package/dist/host-stubs/view/configurations/ConfigurationIcons.d.ts

@@ -0,0 +1,9 @@
+import { SvgIconProps } from '@mui/material/SvgIcon';
+export declare const InfoCircleIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const MagicWandIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};

package/dist/host-stubs/view/demo/DemoIcons.d.ts

@@ -0,0 +1,9 @@
+import { SvgIconProps } from '@mui/material/SvgIcon';
+export declare const TabletIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const DesktopIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};

package/dist/host-stubs/view/images/Icons.d.ts

@@ -647,3 +647,9 @@ export declare const ImagePlusIcon: {
     (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
     muiName: string;
 };
+export declare const TimerBlockIcon: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressBarIcon: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PageLiveIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};