@syntrologie/adapt-faq 2.8.0-canary.31 → 2.8.0-canary.310

package/dist/faq-styles.js

@@ -1,204 +0,0 @@
-/**
- * Adaptive FAQ - Styles
- *
- * BaseStyles object (font, layout, colors, animations) and theme integration
- * for the FAQWidget component.
- */
-import { purple, slateGrey } from '@syntro/design-system/tokens';
-// ============================================================================
-// Base Styles
-// ============================================================================
-export const baseStyles = {
-    container: {
-        fontFamily: 'var(--sc-font-family, system-ui, -apple-system, sans-serif)',
-        maxWidth: '800px',
-        margin: '0 auto',
-    },
-    searchWrapper: {
-        marginBottom: '8px',
-    },
-    searchInput: {
-        width: '100%',
-        padding: '12px 16px',
-        borderRadius: '8px',
-        fontSize: '14px',
-        outline: 'none',
-        transition: 'border-color 0.15s ease',
-        backgroundColor: 'var(--sc-content-search-background)',
-        color: 'var(--sc-content-search-color)',
-    },
-    accordion: {
-        display: 'flex',
-        flexDirection: 'column',
-        gap: 'var(--sc-content-item-gap, 6px)',
-    },
-    item: {
-        borderRadius: 'var(--sc-content-border-radius, 8px)',
-        overflow: 'hidden',
-        transition: 'box-shadow 0.15s ease',
-    },
-    question: {
-        width: '100%',
-        padding: 'var(--sc-content-item-padding, 12px 16px)',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        border: 'none',
-        cursor: 'pointer',
-        fontSize: 'var(--sc-content-item-font-size, 15px)',
-        fontWeight: 500,
-        textAlign: 'left',
-        transition: 'background-color 0.15s ease',
-    },
-    chevron: {
-        fontSize: '20px',
-        transition: 'transform 0.2s ease',
-        color: 'var(--sc-content-chevron-color, currentColor)',
-    },
-    answer: {
-        padding: 'var(--sc-content-body-padding, 0 16px 12px 16px)',
-        fontSize: 'var(--sc-content-body-font-size, 14px)',
-        lineHeight: 1.6,
-        overflow: 'hidden',
-        transition: 'max-height 0.2s ease, padding 0.2s ease',
-    },
-    category: {
-        display: 'inline-block',
-        fontSize: '11px',
-        fontWeight: 600,
-        textTransform: 'uppercase',
-        letterSpacing: '0.05em',
-        padding: '4px 8px',
-        borderRadius: '4px',
-        marginBottom: '8px',
-    },
-    categoryHeader: {
-        fontSize: 'var(--sc-content-category-font-size, 12px)',
-        fontWeight: 700,
-        textTransform: 'uppercase',
-        letterSpacing: '0.05em',
-        padding: 'var(--sc-content-category-padding, 8px 4px 4px 4px)',
-        marginTop: 'var(--sc-content-category-gap, 4px)',
-    },
-    feedback: {
-        display: 'flex',
-        alignItems: 'center',
-        gap: '8px',
-        marginTop: '12px',
-        paddingTop: '10px',
-        borderTop: '1px solid rgba(0, 0, 0, 0.08)',
-        fontSize: '13px',
-    },
-    feedbackButton: {
-        background: 'none',
-        border: '1px solid transparent',
-        cursor: 'pointer',
-        fontSize: '16px',
-        padding: '4px 8px',
-        borderRadius: '4px',
-        transition: 'background-color 0.15s ease, border-color 0.15s ease',
-    },
-    feedbackButtonSelected: {
-        borderColor: 'rgba(0, 0, 0, 0.2)',
-        backgroundColor: 'rgba(0, 0, 0, 0.04)',
-    },
-    emptyState: {
-        textAlign: 'center',
-        padding: '48px 24px',
-        fontSize: '14px',
-    },
-    noResults: {
-        textAlign: 'center',
-        padding: '32px 16px',
-        fontSize: '14px',
-    },
-};
-// ============================================================================
-// Theme Styles
-// ============================================================================
-export const themeStyles = {
-    light: {
-        container: {
-            backgroundColor: 'transparent',
-            color: 'inherit',
-        },
-        searchInput: {
-            border: `1px solid ${slateGrey[11]}`,
-        },
-        item: {
-            backgroundColor: 'var(--sc-content-background)',
-            borderTop: 'var(--sc-content-border)',
-            borderRight: 'var(--sc-content-border)',
-            borderBottom: 'var(--sc-content-border)',
-            borderLeft: 'var(--sc-content-border)',
-        },
-        itemExpanded: {
-            boxShadow: '0 4px 12px rgba(0, 0, 0, 0.08)',
-        },
-        question: {
-            backgroundColor: 'transparent',
-            color: 'var(--sc-content-text-color)',
-        },
-        questionHover: {
-            backgroundColor: 'var(--sc-content-background-hover)',
-        },
-        answer: {
-            color: 'var(--sc-content-text-secondary-color)',
-        },
-        category: {
-            backgroundColor: purple[8],
-            color: purple[2],
-        },
-        categoryHeader: {
-            color: slateGrey[7],
-        },
-        emptyState: {
-            color: slateGrey[8],
-        },
-        feedbackPrompt: {
-            color: slateGrey[7],
-        },
-    },
-    dark: {
-        container: {
-            backgroundColor: 'transparent',
-            color: 'inherit',
-        },
-        searchInput: {
-            border: `1px solid ${slateGrey[5]}`,
-        },
-        item: {
-            backgroundColor: 'var(--sc-content-background)',
-            borderTop: 'var(--sc-content-border)',
-            borderRight: 'var(--sc-content-border)',
-            borderBottom: 'var(--sc-content-border)',
-            borderLeft: 'var(--sc-content-border)',
-        },
-        itemExpanded: {
-            boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',
-        },
-        question: {
-            backgroundColor: 'transparent',
-            color: 'var(--sc-content-text-color)',
-        },
-        questionHover: {
-            backgroundColor: 'var(--sc-content-background-hover)',
-        },
-        answer: {
-            color: 'var(--sc-content-text-secondary-color)',
-        },
-        category: {
-            backgroundColor: purple[0],
-            color: purple[6],
-        },
-        categoryHeader: {
-            color: slateGrey[8],
-        },
-        emptyState: {
-            color: slateGrey[7],
-        },
-        feedbackPrompt: {
-            color: slateGrey[8],
-        },
-    },
-};

package/dist/faq-types.js

@@ -1,7 +0,0 @@
-/**
- * Adaptive FAQ - Widget Runtime & Props Types
- *
- * Runtime interface, component props, and helper type definitions
- * used by the FAQWidget component.
- */
-export {};

package/dist/state.js

@@ -1,132 +0,0 @@
-/**
- * Adaptive FAQ - Shared Widget State Store
- *
- * Lightweight reactive store that executors and the widget both read/write.
- * Implements an observer pattern so UI components can subscribe to changes.
- */
-// ============================================================================
-// Factory
-// ============================================================================
-export function createFAQStore(initialItems) {
-    // Internal mutable state ---------------------------------------------------
-    let state = {
-        expandedItems: new Set(),
-        items: [...initialItems],
-        searchQuery: '',
-        collapsedCategories: new Set(),
-        feedbackState: new Map(),
-    };
-    const listeners = new Set();
-    // Notify all subscribers with the current state snapshot -------------------
-    function notify() {
-        for (const listener of listeners) {
-            listener(state);
-        }
-    }
-    // Helpers to produce new state objects (immutable from the outside) --------
-    function setState(patch) {
-        state = { ...state, ...patch };
-        notify();
-    }
-    // --- Public API -----------------------------------------------------------
-    function getState() {
-        return state;
-    }
-    function expand(itemId) {
-        const next = new Set(state.expandedItems);
-        next.add(itemId);
-        setState({ expandedItems: next });
-    }
-    function collapse(itemId) {
-        const next = new Set(state.expandedItems);
-        next.delete(itemId);
-        setState({ expandedItems: next });
-    }
-    function toggle(itemId) {
-        if (state.expandedItems.has(itemId)) {
-            collapse(itemId);
-        }
-        else {
-            expand(itemId);
-        }
-    }
-    function addItems(items, position) {
-        const next = position === 'prepend' ? [...items, ...state.items] : [...state.items, ...items];
-        setState({ items: next });
-    }
-    function removeItem(itemId) {
-        setState({
-            items: state.items.filter((i) => i.config.id !== itemId),
-        });
-    }
-    function reorderItems(order) {
-        const orderSet = new Set(order);
-        const itemMap = new Map(state.items.map((i) => [i.config.id, i]));
-        // Place items in the specified order first
-        const ordered = [];
-        for (const id of order) {
-            const item = itemMap.get(id);
-            if (item) {
-                ordered.push(item);
-            }
-        }
-        // Append any items that were not listed in the order array
-        for (const item of state.items) {
-            if (!orderSet.has(item.config.id)) {
-                ordered.push(item);
-            }
-        }
-        setState({ items: ordered });
-    }
-    function replaceItems(items) {
-        setState({ items: [...items] });
-    }
-    function setFeedback(itemId, value) {
-        const next = new Map(state.feedbackState);
-        next.set(itemId, value);
-        setState({ feedbackState: next });
-    }
-    function setSearchQuery(query) {
-        setState({ searchQuery: query });
-    }
-    function toggleCategory(category) {
-        const next = new Set(state.collapsedCategories);
-        if (next.has(category)) {
-            next.delete(category);
-        }
-        else {
-            next.add(category);
-        }
-        setState({ collapsedCategories: next });
-    }
-    function findByQuestion(text) {
-        const needle = text.toLowerCase();
-        for (const item of state.items) {
-            if (item.config.question.toLowerCase().includes(needle)) {
-                return item;
-            }
-        }
-        return null;
-    }
-    function subscribe(listener) {
-        listeners.add(listener);
-        return () => {
-            listeners.delete(listener);
-        };
-    }
-    return {
-        getState,
-        expand,
-        collapse,
-        toggle,
-        addItems,
-        removeItem,
-        reorderItems,
-        replaceItems,
-        setFeedback,
-        setSearchQuery,
-        toggleCategory,
-        findByQuestion,
-        subscribe,
-    };
-}

package/dist/summarize.js

@@ -1,62 +0,0 @@
-/**
- * Human-readable summary generation for FAQ items.
- * Pure functions — no DOM access, just string formatting.
- */
-const MAX_Q_LEN = 50;
-const MAX_A_LEN = 40;
-function truncate(text, max) {
-    if (text.length <= max)
-        return text;
-    return `${text.slice(0, max).trimEnd()}...`;
-}
-function stripHtml(html) {
-    return html.replace(/<[^>]*>/g, '').trim();
-}
-function getAnswerPreview(answer) {
-    if (typeof answer === 'string')
-        return answer;
-    if (answer.type === 'rich')
-        return stripHtml(answer.html);
-    return answer.content.replace(/[*_#`]/g, '').trim();
-}
-function isRuleStrategy(s) {
-    return (typeof s === 'object' &&
-        s !== null &&
-        s.type === 'rules' &&
-        Array.isArray(s.rules));
-}
-/**
- * Parse a triggerWhen strategy into a human-readable trigger description.
- */
-export function describeTrigger(triggerWhen) {
-    if (!triggerWhen)
-        return 'All pages';
-    if (!isRuleStrategy(triggerWhen))
-        return 'All pages';
-    const pages = [];
-    const anchors = [];
-    for (const rule of triggerWhen.rules) {
-        for (const condition of rule.conditions) {
-            if (condition.type === 'page_url' && typeof condition.url === 'string') {
-                pages.push(condition.url);
-            }
-            if (condition.type === 'anchor_visible' && typeof condition.anchorId === 'string') {
-                anchors.push(condition.anchorId);
-            }
-        }
-    }
-    const parts = [];
-    if (pages.length > 0)
-        parts.push(pages[0]);
-    if (anchors.length > 0)
-        parts.push(anchors[0]);
-    return parts.length > 0 ? parts.join(' \u00b7 ') : 'All pages';
-}
-/**
- * Generate a one-liner summary for an FAQ item.
- */
-export function summarizeFAQItem(item) {
-    const q = truncate(item.config.question, MAX_Q_LEN);
-    const a = truncate(getAnswerPreview(item.config.answer), MAX_A_LEN);
-    return `Q: "${q}" \u2014 ${a}`;
-}

package/dist/types.js

@@ -1,17 +0,0 @@
-/**
- * Adaptive FAQ - Types
- *
- * Type definitions for the FAQ accordion adaptive.
- * Demonstrates compositional action pattern with per-item triggerWhen.
- */
-// ============================================================================
-// Action Namespace
-// ============================================================================
-export const ACTION_NAMESPACE = 'faq';
-/**
- * Returns true if the action belongs to this adaptive package.
- * Uses prefix matching so new kinds (e.g. faq:category) are automatically included.
- */
-export function isOwnAction(action) {
-    return action.kind.startsWith(`${ACTION_NAMESPACE}:`);
-}

package/node_modules/@syntrologie/sdk-contracts/dist/index.d.ts

@@ -1,129 +0,0 @@
-/**
- * @syntrologie/sdk-contracts
- *
- * Shared TypeScript contracts between runtime-sdk and adaptive packages.
- * Executor types + shared Zod schemas for decision strategies and conditions.
- */
-export { AnchorIdZ, AnchorVisibleConditionZ, type ConditionSchema, ConditionZ, CooldownActiveConditionZ, CounterDefZ, type DecisionStrategySchema, DecisionStrategyZ, DismissedConditionZ, EventCountConditionZ, EventOccurredConditionZ, type EventScopeSchema, EventScopeZ, ExternalStrategyZ, FrequencyLimitConditionZ, MatchOpZ, ModelStrategyZ, NotifyZ, PageUrlConditionZ, RouteConditionZ, type RuleSchema, RuleStrategyZ, RuleZ, ScoreStrategyZ, SessionMetricConditionZ, StateEqualsConditionZ, type TriggerWhenSchema, TriggerWhenZ, ViewportConditionZ, } from './schemas.js';
-/** Route-scoped anchor identifier */
-export interface AnchorId {
-    /** CSS selector for the anchor element */
-    selector: string;
-    /** Route pattern(s) where this anchor applies */
-    route: string | string[];
-}
-/** Highlight style configuration */
-export interface HighlightStyle {
-    /** Ring color (default: "#5b8cff") */
-    color?: string;
-    /** Backdrop scrim opacity 0-1 (default: 0.55) */
-    scrimOpacity?: number;
-    /** Padding between element and ring (default: 12px) */
-    paddingPx?: number;
-    /** Ring corner radius (default: 12px) */
-    radiusPx?: number;
-}
-/** Badge position relative to anchor */
-export type BadgePosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-/** CTA button configuration for tooltips/modals */
-export interface CtaButton {
-    label: string;
-    actionId: string;
-    primary?: boolean;
-}
-/** Modal content configuration */
-export interface ModalContent {
-    title?: string;
-    body: string;
-}
-/** Tooltip content configuration (action typed as unknown — packages with ActionStep keep local narrowing) */
-export interface TooltipContent {
-    title?: string;
-    body: string;
-    cta?: {
-        label: string;
-        action: unknown;
-    };
-    ctaButtons?: CtaButton[];
-}
-/** Tooltip trigger mode */
-export type TooltipTrigger = 'immediate' | 'hover' | 'click';
-/** Tooltip lifecycle — when the action completes (for sequences) */
-export type TooltipWaitFor = 'dismissed' | 'cta-click' | `timeout:${number}`;
-/** Modal lifecycle — when the action completes (for sequences) */
-export type ModalWaitFor = 'dismissed' | 'cta-click' | `timeout:${number}`;
-/** Position where HTML/content should be inserted */
-export type InsertPosition = 'before' | 'after' | 'prepend' | 'append' | 'replace';
-/** Deep-link target for opening a specific tile/item in the canvas sidebar */
-export interface DeepLink {
-    tileId: string;
-    itemId?: string;
-}
-/**
- * Scoped event filtering for event_count conditions.
- * The adaptive registers a predicate built from this scope.
- */
-export interface EventScope {
-    /** Event names to count */
-    events: string[];
-    /** URL path substring filter */
-    urlContains?: string;
-    /** Exact prop matching (e.g. { tagName: "a" }) */
-    props?: Record<string, string | number | boolean>;
-}
-/** Props passed to editor panel components by the ModularEditorPanel host. */
-export interface EditorPanelProps {
-    config: Record<string, unknown>;
-    onChange: (config: Record<string, unknown>) => void;
-    editor: {
-        setDirty: (dirty: boolean) => void;
-        navigateHome: () => Promise<boolean>;
-        save: () => Promise<void>;
-        publish: (captureScreenshot?: boolean) => Promise<void>;
-        /** Navigate the target page to a different route (preserves editor params). */
-        navigateTo: (route: string) => Promise<void>;
-        /** Show a persistent blue highlight on the element matching this selector. */
-        highlightElement: (selector: string) => void;
-        /** Remove the persistent element highlight. */
-        clearHighlight: () => void;
-        /** Get the current page route (pathname). */
-        getCurrentRoute: () => string;
-        /** Push a temporary config to the live page preview without saving to state. */
-        previewConfig: (config: Record<string, unknown>) => void;
-        /** Global before/after preview mode set by the panel's toggle. */
-        previewMode?: 'before' | 'after';
-        /** Flat action index to open in edit mode (from accordion navigation). */
-        initialEditKey?: string;
-        /** Open the editor in create mode. */
-        initialCreate?: boolean;
-        /** Clear the initial navigation state (call after consuming). */
-        clearInitialState?: () => void;
-        /** Get dismissed keys persisted in navigation context. */
-        getDismissedKeys?: () => Set<string>;
-        /** Sync dismissed keys back to navigation context. */
-        setDismissedKeys?: (keys: Set<string>) => void;
-        /** Register a back handler shown in the panel header. Pass null to clear. */
-        setBackHandler?: (handler: (() => void) | null) => void;
-    };
-    platformClient?: unknown;
-}
-/** Cleanup function returned by executors */
-export type ExecutorCleanup = () => void | Promise<void>;
-/** Update function for actions that support in-place updates */
-export type ExecutorUpdate = (changes: Record<string, unknown>) => void | Promise<void>;
-/** Result returned by action executors */
-export interface ExecutorResult {
-    cleanup: ExecutorCleanup;
-    updateFn?: ExecutorUpdate;
-}
-/** Context passed to action executors by the runtime */
-export interface ExecutorContext {
-    overlayRoot: HTMLElement;
-    resolveAnchor: (anchorId: AnchorId) => HTMLElement | null;
-    waitForAnchor?: (anchorId: AnchorId, timeoutMs?: number) => Promise<HTMLElement | null>;
-    generateId: () => string;
-    publishEvent: (name: string, props?: Record<string, unknown>) => void;
-    adaptiveId?: string;
-}
-/** Executor function signature */
-export type ActionExecutor<T = unknown> = (action: T, context: ExecutorContext) => Promise<ExecutorResult>;

package/node_modules/@syntrologie/sdk-contracts/dist/index.js

@@ -1,15 +0,0 @@
-/**
- * @syntrologie/sdk-contracts
- *
- * Shared TypeScript contracts between runtime-sdk and adaptive packages.
- * Executor types + shared Zod schemas for decision strategies and conditions.
- */
-export { 
-// Anchor ID schema
-AnchorIdZ, AnchorVisibleConditionZ, ConditionZ, CooldownActiveConditionZ, CounterDefZ, DecisionStrategyZ, DismissedConditionZ, EventCountConditionZ, EventOccurredConditionZ, 
-// Shared schemas
-EventScopeZ, ExternalStrategyZ, FrequencyLimitConditionZ, MatchOpZ, ModelStrategyZ, NotifyZ, 
-// Condition schemas
-PageUrlConditionZ, RouteConditionZ, RuleStrategyZ, 
-// Strategy schemas
-RuleZ, ScoreStrategyZ, SessionMetricConditionZ, StateEqualsConditionZ, TriggerWhenZ, ViewportConditionZ, } from './schemas.js';