@developer_tribe/react-builder 1.1.0 → 1.2.0

package/dist/migrations/migratePipe.d.ts

@@ -0,0 +1,14 @@
+import type { Project } from '../types/Project';
+import type { Migration } from './types';
+export declare const CURRENT_PROJECT_VERSION = "1.1.0";
+export type MigrationPipe = {
+    projectVersion: string;
+    requiredVersion: string;
+    required: boolean;
+    pending: Migration[];
+};
+export declare function getMigrationPipe(project: Pick<Project, 'version'>): MigrationPipe;
+export declare function runProjectMigrations(project: Project): {
+    project: Project;
+    applied: Migration[];
+};

package/dist/migrations/migrations/1.1.0_normalize_style_attributes.d.ts

@@ -0,0 +1,2 @@
+import type { Migration } from '../types';
+export declare const migration_1_1_0_normalize_style_attributes: Migration;

package/dist/migrations/semver.d.ts

@@ -0,0 +1,8 @@
+export type Semver = {
+    major: number;
+    minor: number;
+    patch: number;
+};
+export declare function parseSemver(input?: string | null): Semver;
+export declare function compareSemver(a: string, b: string): number;
+export declare function isSemverLess(a: string, b: string): boolean;

package/dist/migrations/types.d.ts

@@ -0,0 +1,8 @@
+import type { Project } from '../types/Project';
+export type Migration = {
+    id: string;
+    title: string;
+    fromVersion: string;
+    toVersion: string;
+    run: (project: Project) => Project;
+};

package/dist/mockOS/components/MockLaunchScreenComponent.d.ts

@@ -0,0 +1,6 @@
+interface MockLaunchScreenComponentProps {
+    appName: string;
+    onAppClick: () => void;
+}
+export declare function MockLaunchScreenComponent({ appName, onAppClick, }: MockLaunchScreenComponentProps): import("react/jsx-runtime").JSX.Element;
+export default MockLaunchScreenComponent;

package/dist/mockOS/components/MockOSRouter.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+interface MockOSRouterProps {
+    children?: ReactNode;
+    childrenBelongTo?: 'launchscreen' | 'app' | 'home' | 'onboard' | 'subscription';
+    appName?: string;
+}
+export declare function MockOSRouter({ children, childrenBelongTo, appName, }: MockOSRouterProps): import("react/jsx-runtime").JSX.Element;
+export default MockOSRouter;

package/dist/mockOS/components/PermissionModal.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { PermissionType } from '../managers/mockPermissionManager';
+interface PermissionModalProps {
+    permission: PermissionType | string;
+    onAllow: () => void;
+    onDeny: () => void;
+}
+export declare const PermissionModal: React.FC<PermissionModalProps>;
+export {};

package/dist/mockOS/components/SubscriptionModal.d.ts

@@ -0,0 +1,7 @@
+type SubscriptionModalProps = {
+    productId: string;
+    onBuy: () => void;
+    onCancel: () => void;
+};
+export declare function SubscriptionModal({ productId, onBuy, onCancel, }: SubscriptionModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/mockOS/context/MockOSContext.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import type { Device } from '../../types/Device';
+import { type MockOSContextValue, type RouteStackItem, type RouteType, useMockOSContext } from './MockOSContextBase';
+export type { RouteType, RouteStackItem, MockOSContextValue };
+export { useMockOSContext };
+interface MockOSProviderProps {
+    children: ReactNode;
+    defaultRoute?: RouteType;
+    appName?: string;
+    statusBarHeight: number;
+    statusBarBackgroundColor: string;
+    statusBarPlatform: Device['platform'];
+    statusBarIsDark: boolean;
+    navBarHeight: number;
+    navBarBackgroundColor: string;
+    navBarPlatform: Device['platform'];
+    navBarNavigationBarType: Device['navigationBarType'];
+    navBarIsDark: boolean;
+    insetLeft: number;
+    insetRight: number;
+}
+export declare function MockOSProvider({ children, defaultRoute, appName, statusBarHeight, statusBarBackgroundColor, statusBarPlatform, statusBarIsDark, navBarHeight, navBarBackgroundColor, navBarPlatform, navBarNavigationBarType, navBarIsDark, }: MockOSProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/mockOS/context/MockOSContextBase.d.ts

@@ -0,0 +1,22 @@
+import type { PermissionType } from '../managers/mockPermissionManager';
+export type RouteType = 'launchscreen' | 'app' | 'home' | 'onboard' | 'subscription';
+export interface RouteStackItem {
+    route: RouteType;
+    timestamp: number;
+}
+export interface MockOSContextValue {
+    isEnabled: boolean;
+    permission: PermissionType | string | null;
+    setPermission: (permission: PermissionType | string | null) => void;
+    requestSubscriptionPurchase: (productId: string) => Promise<boolean>;
+    currentRoute: RouteType;
+    navigation: (route: RouteType) => void;
+    goBack: () => boolean;
+    navigationStack: RouteStackItem[];
+}
+/**
+ * Keep this module "pure" (no imports from mockOS/components or app components),
+ * so consumers can import `useMockOSContext` without creating circular deps in bundlers.
+ */
+export declare const MockOSContext: import("react").Context<MockOSContextValue | null>;
+export declare const useMockOSContext: () => MockOSContextValue | null;

package/dist/mockOS/hooks/useMockIap.d.ts

@@ -0,0 +1,3 @@
+import type { MockOSContextValue } from '../context/MockOSContext';
+import { MockOSIapManager } from '../managers/mockOSIapManager';
+export declare function useMockIap(context: MockOSContextValue | null): MockOSIapManager;

package/dist/mockOS/hooks/useMockNavigation.d.ts

@@ -0,0 +1,3 @@
+import { MockOSContextValue } from '../context/MockOSContext';
+import { MockNavigationManager } from '../managers/navigationManager';
+export declare function useMockNavigation(context: MockOSContextValue | null): MockNavigationManager;

package/dist/mockOS/hooks/useMockPermission.d.ts

@@ -0,0 +1,3 @@
+import { MockOSContextValue } from '../context/MockOSContext';
+import { MockPermissionManager } from '../managers/mockPermissionManager';
+export declare function useMockPermission(context: MockOSContextValue | null): MockPermissionManager;

package/dist/mockOS/index.d.ts

@@ -0,0 +1,14 @@
+export { MockOSProvider } from './context/MockOSContext';
+export { useMockOSContext } from './context/MockOSContextBase';
+export type { MockOSContextValue, RouteType, RouteStackItem, } from './context/MockOSContextBase';
+export { MockOSRouter } from './components/MockOSRouter';
+export { MockPermissionManager } from './managers/mockPermissionManager';
+export type { PermissionType, PermissionStatus, } from './managers/mockPermissionManager';
+export { MockNavigationManager } from './managers/navigationManager';
+export type { NavigationDestination, NavigationStackItem, } from './managers/navigationManager';
+export { MockOSIapManager } from './managers/mockOSIapManager';
+export { MockSubscriptionManager } from './managers/subscriptionManager';
+export type { SubscriptionPurchaseListener, SubscriptionPurchaseResult, } from './managers/subscriptionManager';
+export { useMockPermission } from './hooks/useMockPermission';
+export { useMockNavigation } from './hooks/useMockNavigation';
+export { useMockIap } from './hooks/useMockIap';

package/dist/mockOS/managers/mockOSIapManager.d.ts

@@ -0,0 +1,6 @@
+import type { MockOSContextValue } from '../context/MockOSContext';
+import { MockSubscriptionManager } from './subscriptionManager';
+export declare class MockOSIapManager {
+    subscription: MockSubscriptionManager;
+    constructor(context: MockOSContextValue | null);
+}

package/dist/mockOS/managers/mockPermissionManager.d.ts

@@ -0,0 +1,10 @@
+import { MockOSContextValue } from '../context/MockOSContext';
+export type PermissionType = 'camera' | 'microphone' | 'location' | 'notifications' | 'photos' | 'contacts' | 'att';
+export type PermissionStatus = 'granted' | 'denied' | 'not-determined';
+export declare class MockPermissionManager {
+    private context;
+    constructor(context: MockOSContextValue | null);
+    requestPermission(permission: PermissionType | string): PermissionStatus;
+    checkPermission(permission: PermissionType | string): PermissionStatus;
+    openSettings(): void;
+}

package/dist/mockOS/managers/navigationManager.d.ts

@@ -0,0 +1,17 @@
+import { MockOSContextValue } from '../context/MockOSContext';
+export type NavigationDestination = 'home' | 'subscriptions' | 'launchApp' | 'settings' | 'profile';
+export interface NavigationStackItem {
+    destination: NavigationDestination;
+    timestamp: number;
+}
+export declare class MockNavigationManager {
+    private context;
+    private stack;
+    constructor(context: MockOSContextValue | null);
+    goToHome(): void;
+    goToSubscriptions(): void;
+    goToLaunchApp(): void;
+    goBack(): boolean;
+    getStack(): NavigationStackItem[];
+    clearStack(): void;
+}

package/dist/mockOS/managers/subscriptionManager.d.ts

@@ -0,0 +1,10 @@
+import type { MockOSContextValue } from '../context/MockOSContext';
+export type SubscriptionPurchaseResult = boolean;
+export type SubscriptionPurchaseListener = (result: SubscriptionPurchaseResult) => void;
+export declare class MockSubscriptionManager {
+    private context;
+    private listeners;
+    constructor(context: MockOSContextValue | null);
+    addListener(listener: SubscriptionPurchaseListener): () => void;
+    buy(productId: string): Promise<boolean>;
+}

package/dist/modals/AddComponentModal.d.ts

@@ -0,0 +1,8 @@
+type AddComponentModalProps = {
+    allowedChildTypes: string[];
+    parentType?: string | null;
+    onSelect: (type: string) => void;
+    onClose: () => void;
+};
+export declare function AddComponentModal({ allowedChildTypes, parentType, onSelect, onClose, }: AddComponentModalProps): import("react/jsx-runtime").JSX.Element;
+export default AddComponentModal;

package/dist/modals/BenefitEditModal.d.ts

@@ -0,0 +1,13 @@
+import type { PaywallBenefitValue } from '../paywall/types/benefits';
+type BenefitEditModalProps = {
+    benefitKey: string;
+    benefitValue: PaywallBenefitValue;
+    index: number;
+    onSave: (next: {
+        key: string;
+        value: PaywallBenefitValue;
+    }) => void;
+    onClose: () => void;
+};
+export declare function BenefitEditModal({ benefitKey, benefitValue, index, onSave, onClose, }: BenefitEditModalProps): import("react/jsx-runtime").JSX.Element;
+export default BenefitEditModal;

package/dist/modals/BenefitPresetsModal.d.ts

@@ -0,0 +1,9 @@
+import type { PaywallBenefits } from '../paywall/types/benefits';
+type BenefitPresetsModalProps = {
+    current: PaywallBenefits;
+    onReplace: (next: PaywallBenefits) => void;
+    onMerge: (next: PaywallBenefits) => void;
+    onClose: () => void;
+};
+export declare function BenefitPresetsModal({ current, onReplace, onMerge, onClose, }: BenefitPresetsModalProps): import("react/jsx-runtime").JSX.Element;
+export default BenefitPresetsModal;

package/dist/modals/ColorModal.d.ts

@@ -0,0 +1,11 @@
+import type { ProjectColors } from '../types/Project';
+type ColorModalProps = {
+    value?: string;
+    projectColors?: ProjectColors;
+    onSelect: (color: string) => void;
+    onClose: () => void;
+    onClear: () => void;
+};
+export declare const resolveProjectColorValue: (candidate?: string, projectColors?: ProjectColors) => string | undefined;
+export declare function ColorModal({ value, projectColors, onSelect, onClose, onClear, }: ColorModalProps): import("react/jsx-runtime").JSX.Element;
+export default ColorModal;

package/dist/modals/DeviceSelectorModal.d.ts

@@ -0,0 +1,9 @@
+import { Device } from '../types/Device';
+type DeviceSelectorModalProps = {
+    devices: Device[];
+    selectedDevice: Device | null;
+    onSelect: (device: Device) => void;
+    onClose: () => void;
+};
+export declare function DeviceSelectorModal({ devices, selectedDevice, onSelect, onClose, }: DeviceSelectorModalProps): import("react/jsx-runtime").JSX.Element;
+export default DeviceSelectorModal;

package/dist/modals/IconPickerModal.d.ts

@@ -0,0 +1,9 @@
+import { type IconsType } from '../types/Icons';
+type IconPickerModalProps = {
+    value?: IconsType;
+    onSelect: (icon: IconsType) => void;
+    onClose: () => void;
+    onClear?: () => void;
+};
+export declare function IconPickerModal({ value, onSelect, onClose, onClear, }: IconPickerModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modals/LocalicationModal.d.ts

@@ -0,0 +1,8 @@
+import { Localication } from '../types/PreviewConfig';
+type LocalicationModalProps = {
+    data: Localication;
+    onChange: (next: Localication) => void;
+    onClose: () => void;
+};
+export declare function LocalicationModal({ data, onChange, onClose, }: LocalicationModalProps): import("react/jsx-runtime").JSX.Element;
+export default LocalicationModal;

package/dist/modals/MockableFeatureModal.d.ts

@@ -0,0 +1,6 @@
+type MockableFeatureModalProps = {
+    featureKey: string;
+    onClose: () => void;
+};
+export declare function MockableFeatureModal({ featureKey, onClose, }: MockableFeatureModalProps): import("react/jsx-runtime").JSX.Element;
+export default MockableFeatureModal;

package/dist/modals/Modal.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+type ModalProps = {
+    onClose: () => void;
+    ariaLabelledBy?: string;
+    children: React.ReactNode;
+    className?: string;
+    contentClassName?: string;
+    closeOnOverlayClick?: boolean;
+    closeOnEsc?: boolean;
+};
+export declare function Modal({ onClose, ariaLabelledBy, children, className, contentClassName, closeOnOverlayClick, closeOnEsc, }: ModalProps): import("react/jsx-runtime").JSX.Element;
+export default Modal;

package/dist/modals/ProductEditModal.d.ts

@@ -0,0 +1,9 @@
+import type { Product } from '../paywall/types/paywall-types';
+type ProductEditModalProps = {
+    product: Product;
+    index: number;
+    onSave: (patch: Partial<Product>) => void;
+    onClose: () => void;
+};
+export declare function ProductEditModal({ product, index, onSave, onClose, }: ProductEditModalProps): import("react/jsx-runtime").JSX.Element;
+export default ProductEditModal;

package/dist/modals/ProductPresetsModal.d.ts

@@ -0,0 +1,9 @@
+import type { Product } from '../paywall/types/paywall-types';
+type ProductPresetsModalProps = {
+    current: Product[];
+    onReplace: (next: Product[]) => void;
+    onAppend: (next: Product[]) => void;
+    onClose: () => void;
+};
+export declare function ProductPresetsModal({ current, onReplace, onAppend, onClose, }: ProductPresetsModalProps): import("react/jsx-runtime").JSX.Element;
+export default ProductPresetsModal;

package/dist/modals/ScreenColorsModal.d.ts

@@ -0,0 +1,8 @@
+import type { AppConfig } from '../types/PreviewConfig';
+type ScreenColorsModalProps = {
+    appConfig: AppConfig;
+    onChange: (next: AppConfig) => void;
+    onClose: () => void;
+};
+export declare function ScreenColorsModal({ appConfig, onChange, onClose, }: ScreenColorsModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modals/index.d.ts

@@ -0,0 +1,12 @@
+export { default as Modal } from './Modal';
+export { AddComponentModal } from './AddComponentModal';
+export { DeviceSelectorModal } from './DeviceSelectorModal';
+export { ColorModal } from './ColorModal';
+export { IconPickerModal } from './IconPickerModal';
+export { LocalicationModal } from './LocalicationModal';
+export { ScreenColorsModal } from './ScreenColorsModal';
+export { MockableFeatureModal } from './MockableFeatureModal';
+export { ProductEditModal } from './ProductEditModal';
+export { ProductPresetsModal } from './ProductPresetsModal';
+export { BenefitEditModal } from './BenefitEditModal';
+export { BenefitPresetsModal } from './BenefitPresetsModal';

package/dist/pages/ProjectDebug.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from 'react';
+import type { Product } from '../paywall/types/paywall-types';
+import type { PaywallBenefits } from '../paywall/types/benefits';
+export type ProjectDebugProps = {
+    name: string;
+    rawData: unknown;
+    validationError: string;
+    validationErrorStack?: string;
+    products: Product[];
+    benefits: PaywallBenefits;
+    canvasBg?: string;
+    belowName?: ReactNode;
+};
+export declare function ProjectDebug({ name, rawData, validationError, validationErrorStack, products, benefits, canvasBg, belowName, }: ProjectDebugProps): import("react/jsx-runtime").JSX.Element;

package/dist/pages/ProjectMigrationPage.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+import type { Product } from '../paywall/types/paywall-types';
+import type { PaywallBenefits } from '../paywall/types/benefits';
+export type ProjectMigrationPageProps = {
+    name: string;
+    rawData: unknown;
+    projectVersion: string;
+    requiredVersion: string;
+    pendingMigrations: Array<{
+        id: string;
+        title: string;
+        fromVersion: string;
+        toVersion: string;
+    }>;
+    products: Product[];
+    benefits: PaywallBenefits;
+    canvasBg?: string;
+    belowName?: ReactNode;
+    migrating?: boolean;
+    onContinueWithoutValidation?: () => void;
+    onMigrateNow?: () => void;
+};
+export declare function ProjectMigrationPage({ name, rawData, projectVersion, requiredVersion, pendingMigrations, products, benefits, canvasBg, belowName, migrating, onContinueWithoutValidation, onMigrateNow, }: ProjectMigrationPageProps): import("react/jsx-runtime").JSX.Element;

package/dist/pages/ProjectPage.d.ts

@@ -1,9 +1,16 @@
-import { Project } from '..';
+import type { Project, ProjectColors } from '../types/Project';
 import { AppConfig } from '../types/PreviewConfig';
-type ProjectPageProps = {
+import type { LogLevel } from '../types/Project';
+import type { Fonts } from '../types/Fonts';
+export type ProjectPageProps = {
     project: Project;
     onSaveProject: (project: Project) => void;
     appConfig?: AppConfig;
+    logLevel?: LogLevel;
+    projectColors?: ProjectColors;
+    onSaveProjectColors?: (colors: ProjectColors) => void;
+    name?: string;
+    fonts: Fonts;
+    appFont: string | undefined;
 };
-export declare function ProjectPage({ project, appConfig, onSaveProject, }: ProjectPageProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function ProjectPage({ project, appConfig, onSaveProject, logLevel, projectColors, onSaveProjectColors, name, fonts, appFont, }: ProjectPageProps): import("react/jsx-runtime").JSX.Element;

package/dist/pages/ProjectValidationPage.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+import type { Product } from '../paywall/types/paywall-types';
+import type { PaywallBenefits } from '../paywall/types/benefits';
+export type ProjectValidationPageProps = {
+    name: string;
+    rawData: unknown;
+    validationError: string;
+    validationErrorStack?: string;
+    products: Product[];
+    benefits: PaywallBenefits;
+    canvasBg?: string;
+    belowName?: ReactNode;
+    onContinueWithoutValidation?: () => void;
+};
+export declare function ProjectValidationPage({ name, rawData, validationError, validationErrorStack, products, benefits, canvasBg, belowName, onContinueWithoutValidation, }: ProjectValidationPageProps): import("react/jsx-runtime").JSX.Element;

package/dist/pages/tabs/BuilderPanel.d.ts

@@ -0,0 +1,8 @@
+import type { Node } from '../../types/Node';
+type BuilderPanelProps = {
+    data: Node;
+    setData: (data: Node) => void;
+    onDeleteNode: (node: Node) => void;
+};
+export declare function BuilderPanel({ data, setData, onDeleteNode, }: BuilderPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/pages/tabs/SideTool.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { Node } from '../../types/Node';
+type SideToolProps = {
+    data: Node;
+    setData: React.Dispatch<React.SetStateAction<Node>>;
+};
+export declare function SideTool({ data, setData }: SideToolProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/paywall/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export { usePaywallCounter } from './usePaywallCounter';
+export { useCloseStatusPaywall } from './useCloseStatusPaywall';
+export { useCarouselOptionsSeperator } from './useCarouselOptionsSeperator';
+export { useCalculateLocalizedPrice } from './useCalculateLocalizedPrice';
+export { useDiscountRate } from './useDiscountRate';

package/dist/paywall/hooks/useCalculateLocalizedPrice.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Placeholder hook — will be implemented later.
+ */
+export declare function useCalculateLocalizedPrice(): string;

package/dist/paywall/hooks/useCarouselOptionsSeperator.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Placeholder hook — will be implemented later.
+ *
+ * NOTE: name kept as `Seperator` to match existing external API usage.
+ */
+export declare function useCarouselOptionsSeperator(): string;

package/dist/paywall/hooks/useCloseStatusPaywall.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Placeholder hook — will be implemented later.
+ */
+export declare function useCloseStatusPaywall(): boolean;

package/dist/paywall/hooks/useDiscountRate.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Placeholder hook — will be implemented later.
+ */
+export declare function useDiscountRate(): number;

package/dist/paywall/hooks/usePaywallCounter.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Placeholder hook — will be implemented later.
+ */
+export declare function usePaywallCounter(): number;

package/dist/paywall/types/benefits.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Benefits are a simple key/value map used by paywall UIs to show feature bullets,
+ * trial metadata, headlines, etc.
+ *
+ * We keep the value type primitive so it serializes cleanly and is easy to mock.
+ */
+export type PaywallBenefitValue = string | number | boolean;
+export type PaywallBenefits = Record<string, PaywallBenefitValue>;
+export type PaywallBenefitEntry = {
+    key: string;
+    value: PaywallBenefitValue;
+};
+export declare function benefitMapToEntries(map: PaywallBenefits | undefined): PaywallBenefitEntry[];
+export declare function benefitEntriesToMap(entries: Array<PaywallBenefitEntry | null | undefined> | undefined): PaywallBenefits;

package/dist/paywall/types/paywall-types.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Simple paywall-related types.
+ *
+ * We keep this intentionally small and runtime-agnostic.
+ *
+ * Product fields are based on the common shape returned by `react-native-iap`
+ * calls like `getProducts()` / `getSubscriptions()`.
+ * See: `https://www.npmjs.com/package/react-native-iap`
+ */
+export type { PaywallBenefits, PaywallBenefitValue } from './benefits';
+/**
+ * Minimal "product" representation (compatible with `react-native-iap` product-ish objects).
+ *
+ * Note: `react-native-iap` has slightly different fields per platform/product type.
+ * This is the common subset most paywalls need.
+ */
+export interface Product {
+    /** iOS: `productId`, Android: `productId` */
+    productId: string;
+    /** Display name / title from the store (when available). */
+    title?: string;
+    /** Description from the store (when available). */
+    description?: string;
+    /**
+     * Localized formatted price (e.g. "$4.99", "€9,99").
+     * In `react-native-iap` this is typically `localizedPrice`.
+     */
+    localizedPrice?: string;
+    /**
+     * Raw price string from the store (often numeric string).
+     * In `react-native-iap` this is typically `price`.
+     */
+    price?: string;
+    /** Currency code (e.g. "USD", "EUR"). */
+    currency?: string;
+}
+/**
+ * A simple paywall model you can store/serialize.
+ */
+export interface PaywallModel {
+    product: Product[];
+    benefits: import('./benefits').PaywallBenefits;
+}

package/dist/store.d.ts

@@ -1,15 +1,69 @@
 import type { Device } from './types/Device';
 import { type AppConfig } from './types/PreviewConfig';
 import { Node } from './types/Node';
+import type { LogEntry, LogLevel, ProjectColors } from './types/Project';
+import type { Product } from './paywall/types/paywall-types';
+import type { PaywallBenefits, PaywallBenefitValue } from './paywall/types/benefits';
+import type { Fonts } from './types/Fonts';
 type RenderStore = {
+    projectName: string;
+    setProjectName: (name: string) => void;
     copiedNode: Node | null;
     setCopiedNode: (node: Node | null) => void;
+    current: Node | null;
+    setCurrent: (node: Node | null) => void;
+    forceRender: number;
+    incForceRender: () => void;
     device: Device;
     setDevice: (device: Device) => void;
     appConfig: AppConfig;
     setAppConfig: (appConfig: AppConfig) => void;
-    renderCount: number;
-    forceRender: () => void;
+    projectColors?: ProjectColors;
+    setProjectColors: (projectColors?: ProjectColors) => void;
+    previewMode: boolean;
+    setPreviewMode: (previewMode: boolean) => void;
+    products: Product[];
+    addProduct: () => void;
+    removeProduct: (index: number) => void;
+    updateProduct: (index: number, patch: Partial<Product>) => void;
+    setProducts: (products: Product[]) => void;
+    clearProducts: () => void;
+    benefits: PaywallBenefits;
+    setBenefits: (benefits: PaywallBenefits) => void;
+    clearBenefits: () => void;
+    upsertBenefit: (key: string, value: PaywallBenefitValue) => void;
+    removeBenefit: (key: string) => void;
+    renameBenefit: (fromKey: string, toKey: string) => void;
+    logs: LogEntry[];
+    logLevel: LogLevel;
+    setLogLevel: (level: LogLevel) => void;
+    addLog: (entry: Omit<LogEntry, 'id' | 'timestamp'> & {
+        id?: string;
+        timestamp?: number;
+    }) => void;
+    clearLogs: () => void;
+    fonts: Fonts;
+    setFonts: (fonts: Fonts) => void;
+    appFont: string | undefined;
+    setAppFont: (appFont: string | undefined) => void;
+    errors: string[];
+    setErrors: (errors: string[]) => void;
+    addError: (error: string) => void;
+    clearErrors: () => void;
+    loadedFonts: string[];
+    markFontLoaded: (fontFamily: string) => void;
 };
-export declare const useRenderStore: import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand/vanilla").StoreApi<RenderStore>>;
+export declare const useRenderStore: import("zustand/traditional").UseBoundStoreWithEqualityFn<Omit<import("zustand/vanilla").StoreApi<RenderStore>, "setState" | "persist"> & {
+    setState(partial: RenderStore | Partial<RenderStore> | ((state: RenderStore) => RenderStore | Partial<RenderStore>), replace?: false | undefined): unknown;
+    setState(state: RenderStore | ((state: RenderStore) => RenderStore), replace: true): unknown;
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<RenderStore, unknown, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: RenderStore) => void) => () => void;
+        onFinishHydration: (fn: (state: RenderStore) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<RenderStore, unknown, unknown>>;
+    };
+}>;
 export {};