@levo-so/studio 0.1.94 → 0.1.96

package/getFieldValidations-qVzuq6mv.js

@@ -0,0 +1,195 @@
+import { createContext as e, useContext as t, useEffect as n, useMemo as r, useRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { FieldInterfaces as o } from "@levo-so/core";
+import { c as s } from "react/compiler-runtime";
+import c from "clsx";
+import { createRuntimeFn as l } from "@vanilla-extract/recipes/createRuntimeFn";
+import { isValidPhoneNumber as u } from "react-phone-number-input";
+import * as d from "yup";
+//#region ../../libraries/levocn/dist/styles/reset.cssm.js
+var f = "_1er5g5a0", p = /* @__PURE__ */ new Set(), m = {}, h = e(null), g = () => {
+	let e = s(1), n = t(h);
+	if (!n) {
+		let t;
+		return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = {
+			portalRef: { current: null },
+			classes: p,
+			overrides: m
+		}, e[0] = t) : t = e[0], t;
+	}
+	return n;
+}, _ = ({ children: e, cssReset: o, className: s, style: l, ...u }) => {
+	let d = t(h), g = i(null), _ = !d && o !== !1 ? f : "", v = d?.classes ?? p, y = d?.overrides ?? m, b = r(() => {
+		let e = s ? s.split(/\s+/).filter(Boolean) : [], t = new Set(v);
+		for (let n of e) t.add(n);
+		return {
+			portalRef: g,
+			classes: t,
+			overrides: {
+				...y,
+				...l
+			}
+		};
+	}, [
+		v,
+		s,
+		y,
+		l
+	]);
+	n(() => {
+		let e = document.createElement("div");
+		return document.body.appendChild(e), g.current = e, () => {
+			document.body.removeChild(e), g.current = null;
+		};
+	}, []), n(() => {
+		let e = g.current;
+		e && (e.className = c(_, ...b.classes), Object.assign(e.style, {
+			display: "contents",
+			...b.overrides
+		}));
+	}, [
+		b.classes,
+		b.overrides,
+		_
+	]);
+	let x = c(_, ...s ? s.split(/\s+/).filter((e) => e && !v.has(e)) : []);
+	return /* @__PURE__ */ a(h.Provider, {
+		value: b,
+		children: /* @__PURE__ */ a("div", {
+			className: x,
+			style: {
+				display: "contents",
+				...l
+			},
+			...u,
+			children: e
+		})
+	});
+}, v = l({
+	defaultClassName: "_1a7d0ek1 _1a7d0ek0",
+	variantClassNames: {
+		variant: {
+			default: "_1a7d0ek2",
+			outline: "_1a7d0ek3",
+			secondary: "_1a7d0ek4",
+			ghost: "_1a7d0ek5",
+			destructive: "_1a7d0ek6",
+			link: "_1a7d0ek7"
+		},
+		size: {
+			default: "_1a7d0ek8",
+			xs: "_1a7d0ek9",
+			sm: "_1a7d0eka",
+			lg: "_1a7d0ekb",
+			icon: "_1a7d0ekc",
+			"icon-xs": "_1a7d0ekd",
+			"icon-sm": "_1a7d0eke",
+			"icon-lg": "_1a7d0ekf"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	},
+	compoundVariants: []
+}), y = (e) => {
+	let t = s(14), n, r, i, o, l;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3], o = t[4], l = t[5]) : ({className: n, variant: l, size: i, type: o, ...r} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = o, t[5] = l);
+	let u = o === void 0 ? "button" : o, d;
+	t[6] !== n || t[7] !== i || t[8] !== l ? (d = c(v({
+		variant: l,
+		size: i
+	}), n), t[6] = n, t[7] = i, t[8] = l, t[9] = d) : d = t[9];
+	let f;
+	return t[10] !== r || t[11] !== d || t[12] !== u ? (f = /* @__PURE__ */ a("button", {
+		"data-slot": "button",
+		type: u,
+		className: d,
+		...r
+	}), t[10] = r, t[11] = d, t[12] = u, t[13] = f) : f = t[13], f;
+}, b = (e, t) => {
+	let n = (e?.label || e?.key || "")?.replace(/_/g, " ");
+	if (n?.endsWith("Id") && (n = n?.replace("Id", "")), n.includes(".")) {
+		let [e] = n.split(".");
+		e && (n = e);
+	}
+	let r = (t) => {
+		let r = t;
+		return e.max !== void 0 && e.max !== null && e.max !== "" && (r = r.max(Number(e.max), `The ${n} value is too large (max ${e.max})`)), e.min !== void 0 && e.min !== null && e.min !== "" && (r = r.min(Number(e.min), `The ${n} value is too small (min ${e.min})`)), r;
+	}, i;
+	switch (e.field_interface) {
+		case o.NumberWidget:
+			i = r(d.number());
+			break;
+		case o.ArrayWidget:
+			i = r(d.array().typeError("The field must be an array"));
+			break;
+		case o.RecordWidget:
+			i = d.object();
+			break;
+		case o.EmailWidget:
+			i = r(d.string().email("The email address is not valid"));
+			break;
+		case o.PhoneWidget:
+			i = r(d.string().test("phone", "The phone number has incorrect format", (e) => {
+				if (e) try {
+					return u(e);
+				} catch {
+					return !1;
+				}
+				return !0;
+			}));
+			break;
+		case o.URLWidget:
+			i = r(d.string().matches(/^(?:https?:\/\/)?(?:[a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+(?:\.[a-zA-Z]{2,})+(?:\/[^\s?#]*)?(?:\?[^\s]*)?$/, "The URL is not valid"));
+			break;
+		case o.ImageUploadWidget:
+		case o.FileUploadWidget:
+		case o.GeocoderWidget:
+			i = d.object();
+			break;
+		case o.MultiImageUploadWidget:
+		case o.MultiFileUploadWidget:
+		case o.MultiGeocoderWidget:
+			i = d.array().of(d.object());
+			break;
+		case o.JSONWidget:
+		case o.DropdownWidget:
+			i = d.string();
+			break;
+		case o.MultiTextWidget:
+		case o.MultiDropdownWidget:
+		case o.CheckboxWidget:
+			i = d.array().of(d.string());
+			break;
+		case o.ToggleCheckboxWidget:
+			i = d.boolean();
+			break;
+		case o.CollectionWidget:
+			i = e.options.current_have_many_connected ? d.array() : d.object();
+			break;
+		default:
+			i = r(d.string());
+			break;
+	}
+	if (e.options?.validationsPresets && Array.isArray(e.options.validationsPresets)) {
+		let t = e.options.validationsPresets;
+		(e.field_interface === o.TextWidget || e.field_interface === o.TextareaWidget) && (t.includes("exclude_special_chars") && (i = i.matches(/^[a-zA-Z0-9\s]*$/, "Special characters are not allowed")), t.includes("exclude_numbers") && (i = i.matches(/^[^0-9]*$/, "Numbers are not allowed")));
+	}
+	return {
+		required: {
+			value: !!e?.required,
+			message: `The ${n} field is required`
+		},
+		validate: (n) => {
+			if (e?.options?.disableValidation || n === "" || n == null) return !0;
+			try {
+				return i.validateSync(n), t ? t(n) : !0;
+			} catch (e) {
+				return e instanceof d.ValidationError ? e.message : !0;
+			}
+		}
+	};
+};
+//#endregion
+export { _ as a, g as i, y as n, v as r, b as t };

package/index.d.ts

@@ -563,6 +563,8 @@ export declare const DEFAULT_VISIBLE_STATE: AnimationProperties;
 
 export declare const DEMO_SCHEMA: ILemaCollection;
 
+export declare const DevTools: React.FC<IDevToolsProps>;
+
 export declare const EditForm: WithBlockPropsComponent<BaseElementProps & {
 className?: string;
 initialValues?: Record<string, any>;
@@ -1104,6 +1106,13 @@ declare interface ICreateForumPostProps {
     onPostCreated?: (post: IForumPost) => void;
 }
 
+export declare interface IDevToolsProps {
+    schema: IBlock;
+    component: React.ComponentType<any>;
+    theme?: ITheme;
+    defaultLayoutIndex?: number;
+}
+
 export declare type IElementStyle = Record<string, any>;
 
 export declare interface IFieldConfig {
@@ -1173,6 +1182,9 @@ export declare interface IFieldConfig {
         height?: string;
         alt?: string;
     };
+    icon?: {
+        alt?: string;
+    };
     media?: {
         autoPlay?: boolean;
         controls?: boolean;
@@ -1341,6 +1353,8 @@ declare interface ILevoFormContext {
         };
     };
     debug?: boolean;
+    /** When true, the form is in preview mode — no remote submission, no drafts, no captcha, no analytics. */
+    preview?: boolean;
 }
 
 export declare type ILevoPageData = Pick<IPageExpanded, "id" | "workspace_id" | "blocks" | "source" | "title" | "description" | "access" | "style_config">;
@@ -1354,8 +1368,6 @@ export declare interface ILevoPageProps {
     workspace: IWorkspace;
     site: ISite;
     authOverride?: IAuthOverride | null;
-    /** Wrap page content in a Suspense boundary (needed for React.lazy blocks). Auto-enabled in studio modes. */
-    enableSuspense?: boolean;
 }
 
 export declare interface ILocalizedPage {
@@ -1693,7 +1705,7 @@ export declare interface ISite {
     updated_at: string;
 }
 
-export declare type ISiteCompact = Pick<ISite, "object" | "id" | "name" | "slug" | "icon" | "logo" | "domain" | "domain_count" | "is_default" | "created_at" | "updated_at">;
+export declare type ISiteCompact = Pick<ISite, "object" | "id" | "name" | "slug" | "icon" | "logo" | "domain" | "domain_count" | "is_default" | "settings" | "created_at" | "updated_at">;
 
 export declare interface ISitemap {
     created_at: string;
@@ -2428,6 +2440,12 @@ export declare const sanitizeBackgroundEffectConfig: (config: BackgroundEffectCo
  */
 export declare const sanitizeElementKey: (elementKey: string) => string;
 
+/**
+ * Converts an IBlock schema definition into a mock IBlockInstance
+ * that LevoBlock can render. Uses layout defaults for content/styles/config.
+ */
+export declare const schemaToBlockInstance: (schema: IBlock, layoutIndex?: number) => IBlockInstance;
+
 declare interface Scores {
     performance: number;
     seo: number;
@@ -2540,9 +2558,9 @@ export declare interface StudioState {
     };
 }
 
-export declare const StudioWidgetList: readonly ["BoxWidget", "ButtonWidget", "LayoutWidget", "HeadingWidget", "IframeWidget", "ImageWidget", "IconWidget", "MediaWidget", "TypographyWidget", "BlogContentWidget", "CarouselWidget", "FormWidget", "ContainerWidget", "UserMenuWidget", "TabsListWidget", "TabsTriggerWidget", "TabsContentWidget", "CardWidget", "TitleWidget", "TextWidget", "NumberWidget", "URLWidget", "ImageUploadWidget", "MultiImageUploadWidget", "TextareaWidget", "RichTextWidget", "DropdownWidget", "SwitchWidget", "DateWidget", "ArrayWidget", "RecordWidget"];
+export declare const StudioWidgetList: readonly ["BoxWidget", "ButtonWidget", "LayoutWidget", "HeadingWidget", "IframeWidget", "ImageWidget", "IconWidget", "MediaWidget", "TypographyWidget", "BlogContentWidget", "CarouselWidget", "FormWidget", "ContainerWidget", "UserMenuWidget", "TabsListWidget", "TabsTriggerWidget", "TabsContentWidget", "NavMenuWidget", "CardWidget", "TitleWidget", "TextWidget", "NumberWidget", "URLWidget", "ImageUploadWidget", "MultiImageUploadWidget", "TextareaWidget", "RichTextWidget", "DropdownWidget", "SwitchWidget", "DateWidget", "ArrayWidget", "RecordWidget"];
 
-export declare const StudioWidgetMap: Record<"BoxWidget" | "ButtonWidget" | "LayoutWidget" | "HeadingWidget" | "IframeWidget" | "ImageWidget" | "IconWidget" | "MediaWidget" | "TypographyWidget" | "BlogContentWidget" | "CarouselWidget" | "FormWidget" | "ContainerWidget" | "UserMenuWidget" | "TabsListWidget" | "TabsTriggerWidget" | "TabsContentWidget" | "CardWidget" | "TitleWidget" | "TextWidget" | "NumberWidget" | "URLWidget" | "ImageUploadWidget" | "MultiImageUploadWidget" | "TextareaWidget" | "RichTextWidget" | "DropdownWidget" | "SwitchWidget" | "DateWidget" | "ArrayWidget" | "RecordWidget", "BoxWidget" | "ButtonWidget" | "LayoutWidget" | "HeadingWidget" | "IframeWidget" | "ImageWidget" | "IconWidget" | "MediaWidget" | "TypographyWidget" | "BlogContentWidget" | "CarouselWidget" | "FormWidget" | "ContainerWidget" | "UserMenuWidget" | "TabsListWidget" | "TabsTriggerWidget" | "TabsContentWidget" | "CardWidget" | "TitleWidget" | "TextWidget" | "NumberWidget" | "URLWidget" | "ImageUploadWidget" | "MultiImageUploadWidget" | "TextareaWidget" | "RichTextWidget" | "DropdownWidget" | "SwitchWidget" | "DateWidget" | "ArrayWidget" | "RecordWidget">;
+export declare const StudioWidgetMap: Record<"BoxWidget" | "ButtonWidget" | "LayoutWidget" | "HeadingWidget" | "IframeWidget" | "ImageWidget" | "IconWidget" | "MediaWidget" | "TypographyWidget" | "BlogContentWidget" | "CarouselWidget" | "FormWidget" | "ContainerWidget" | "UserMenuWidget" | "TabsListWidget" | "TabsTriggerWidget" | "TabsContentWidget" | "NavMenuWidget" | "CardWidget" | "TitleWidget" | "TextWidget" | "NumberWidget" | "URLWidget" | "ImageUploadWidget" | "MultiImageUploadWidget" | "TextareaWidget" | "RichTextWidget" | "DropdownWidget" | "SwitchWidget" | "DateWidget" | "ArrayWidget" | "RecordWidget", "BoxWidget" | "ButtonWidget" | "LayoutWidget" | "HeadingWidget" | "IframeWidget" | "ImageWidget" | "IconWidget" | "MediaWidget" | "TypographyWidget" | "BlogContentWidget" | "CarouselWidget" | "FormWidget" | "ContainerWidget" | "UserMenuWidget" | "TabsListWidget" | "TabsTriggerWidget" | "TabsContentWidget" | "NavMenuWidget" | "CardWidget" | "TitleWidget" | "TextWidget" | "NumberWidget" | "URLWidget" | "ImageUploadWidget" | "MultiImageUploadWidget" | "TextareaWidget" | "RichTextWidget" | "DropdownWidget" | "SwitchWidget" | "DateWidget" | "ArrayWidget" | "RecordWidget">;
 
 export declare const TabsContent: WithBlockPropsComponent<BaseTabsContentProps>;