@levo-so/studio 0.3.6 → 0.3.8

package/{RteThemeProvider-DxYOzcck.js → RteThemeProvider-owl5oajj.js}

@@ -1,13 +1,13 @@
-import { i as e } from "./Button-lUfKisu8.js";
-import { a as t } from "./nodeAlignment-DS9_DLGB.js";
-import { t as n } from "./theme.cssm-2YTdd8Yh.js";
+import { n as e } from "./ThemeProvider-CqPHzkW9.js";
+import { t } from "./theme.cssm-Czj9sF4X.js";
+import { t as n } from "./rteTheme.cssm-W4gTOijw.js";
 import { c as r } from "react/compiler-runtime";
 import { jsx as i } from "react/jsx-runtime";
 import a from "clsx";
 //#region ../../libraries/editor-core/dist/theme/RteThemeProvider.js
 var o = (o) => {
 	let s = r(7), { children: c, theme: l } = o, u = l?.className, d;
-	s[0] === u ? d = s[1] : (d = a(n, t, u), s[0] = u, s[1] = d);
+	s[0] === u ? d = s[1] : (d = a(t, n, u), s[0] = u, s[1] = d);
 	let f = l?.style, p = l?.portalToThemeRoot, m;
 	return s[2] !== c || s[3] !== d || s[4] !== f || s[5] !== p ? (m = /* @__PURE__ */ i(e, {
 		className: d,

package/{Spinner-HCqR1eGW.js → Spinner-D5spB_Mv.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./cn-BL52QQS4.js";
+import { t as e } from "./cn-B6c1DjO_.js";
 import { jsx as t } from "react/jsx-runtime";
 import { Loader2 as n } from "lucide-react";
 //#region src/components/Spinner.tsx

package/{StripePaymentModal-Cw-AlxTS.js → StripePaymentModal-CiKqmQwK.js}

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "./cn-BL52QQS4.js";
+import { t as e } from "./cn-B6c1DjO_.js";
 import { useCallback as t, useState as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { XIcon as a } from "lucide-react";

package/{Button-lUfKisu8.js → ThemeProvider-CqPHzkW9.js}

@@ -4,19 +4,61 @@ import { jsx as o } from "react/jsx-runtime";
 import s from "clsx";
 import { createRuntimeFn as c } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region ../../libraries/levocn/dist/styles/reset.cssm.js
-var l = "_1er5g5a0", u = /* @__PURE__ */ new Set(), d = {}, f = t(null), p = () => {
-	let t = e(1), r = n(f);
+var l = "_1er5g5a0", u = c({
+	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: []
+}), d = (t) => {
+	let n = e(14), r, i, a, c, l;
+	n[0] === t ? (r = n[1], i = n[2], a = n[3], c = n[4], l = n[5]) : ({className: r, variant: l, size: a, type: c, ...i} = t, n[0] = t, n[1] = r, n[2] = i, n[3] = a, n[4] = c, n[5] = l);
+	let d = c === void 0 ? "button" : c, f;
+	n[6] !== r || n[7] !== a || n[8] !== l ? (f = s(u({
+		variant: l,
+		size: a
+	}), r), n[6] = r, n[7] = a, n[8] = l, n[9] = f) : f = n[9];
+	let p;
+	return n[10] !== i || n[11] !== f || n[12] !== d ? (p = /* @__PURE__ */ o("button", {
+		"data-slot": "button",
+		type: d,
+		className: f,
+		...i
+	}), n[10] = i, n[11] = f, n[12] = d, n[13] = p) : p = n[13], p;
+}, f = /* @__PURE__ */ new Set(), p = {}, m = t(null), h = () => {
+	let t = e(1), r = n(m);
 	if (!r) {
 		let e;
 		return t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = {
 			portalRef: { current: null },
-			classes: u,
-			overrides: d
+			classes: f,
+			overrides: p
 		}, t[0] = e) : e = t[0], e;
 	}
 	return r;
-}, m = ({ children: e, cssReset: t, className: c, style: p, portalToThemeRoot: m, ...h }) => {
-	let g = n(f), _ = a(null), v = !g && t !== !1 ? l : "", y = g?.classes ?? u, b = g?.overrides ?? d, x = i(() => {
+}, g = ({ children: e, cssReset: t, className: c, style: u, portalToThemeRoot: d, ...h }) => {
+	let g = n(m), _ = a(null), v = !g && t !== !1 ? l : "", y = g?.classes ?? f, b = g?.overrides ?? p, x = i(() => {
 		let e = c ? c.split(/\s+/).filter(Boolean) : [], t = new Set(y);
 		for (let n of e) t.add(n);
 		return {
@@ -24,23 +66,23 @@ var l = "_1er5g5a0", u = /* @__PURE__ */ new Set(), d = {}, f = t(null), p = ()
 			classes: t,
 			overrides: {
 				...b,
-				...p
+				...u
 			}
 		};
 	}, [
 		y,
 		c,
 		b,
-		p
+		u
 	]);
 	r(() => {
-		if (m) return;
+		if (d) return;
 		let e = document.createElement("div");
 		return document.body.appendChild(e), _.current = e, () => {
 			document.body.removeChild(e), _.current = null;
 		};
-	}, [m]), r(() => {
-		if (m) return;
+	}, [d]), r(() => {
+		if (d) return;
 		let e = _.current;
 		if (!e) return;
 		e.className = s(v, ...x.classes), e.style.cssText = "";
@@ -53,64 +95,22 @@ var l = "_1er5g5a0", u = /* @__PURE__ */ new Set(), d = {}, f = t(null), p = ()
 		x.classes,
 		x.overrides,
 		v,
-		m
+		d
 	]);
 	let S = s(v, ...c ? c.split(/\s+/).filter((e) => e && !y.has(e)) : []);
-	return /* @__PURE__ */ o(f.Provider, {
+	return /* @__PURE__ */ o(m.Provider, {
 		value: x,
 		children: /* @__PURE__ */ o("div", {
-			...m ? { ref: _ } : {},
+			...d ? { ref: _ } : {},
 			...S ? { className: S } : {},
 			style: {
 				display: "contents",
-				...p
+				...u
 			},
 			...h,
 			children: e
 		})
 	});
-}, h = c({
-	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: []
-}), g = (t) => {
-	let n = e(14), r, i, a, c, l;
-	n[0] === t ? (r = n[1], i = n[2], a = n[3], c = n[4], l = n[5]) : ({className: r, variant: l, size: a, type: c, ...i} = t, n[0] = t, n[1] = r, n[2] = i, n[3] = a, n[4] = c, n[5] = l);
-	let u = c === void 0 ? "button" : c, d;
-	n[6] !== r || n[7] !== a || n[8] !== l ? (d = s(h({
-		variant: l,
-		size: a
-	}), r), n[6] = r, n[7] = a, n[8] = l, n[9] = d) : d = n[9];
-	let f;
-	return n[10] !== i || n[11] !== d || n[12] !== u ? (f = /* @__PURE__ */ o("button", {
-		"data-slot": "button",
-		type: u,
-		className: d,
-		...i
-	}), n[10] = i, n[11] = d, n[12] = u, n[13] = f) : f = n[13], f;
 };
 //#endregion
-export { m as i, h as n, p as r, g as t };
+export { u as i, g as n, d as r, h as t };

package/{Tooltip-DTnCNEcE.js → Tooltip-DHU1QD-n.js}

@@ -1,4 +1,4 @@
-import { n as e, r as t } from "./Button-lUfKisu8.js";
+import { i as e, t } from "./ThemeProvider-CqPHzkW9.js";
 import { c as n } from "react/compiler-runtime";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import a from "clsx";

package/{VerifyButton-kdxRhJWI.js → VerifyButton-BwTbzSwS.js}

@@ -1,7 +1,7 @@
 "use client";
-import { i as e, n as t, o as n, t as r } from "./Dialog-IrII0ugb.js";
-import { t as i } from "./Button-lUfKisu8.js";
-import { t as a } from "./CollectionInput-DyNbxIZ8.js";
+import { r as e } from "./ThemeProvider-CqPHzkW9.js";
+import { t } from "./CollectionInput-DyNbxIZ8.js";
+import { i as n, n as r, o as i, t as a } from "./Dialog-CPE8yUqK.js";
 import { c as o } from "react/compiler-runtime";
 import { errorToast as s, successToast as c, useLevo as l } from "@levo-so/react";
 import { useEffect as u, useState as d } from "react";
@@ -30,14 +30,14 @@ var v = "_1k4xirc1", y = (e) => {
 		}, 1e3)), () => clearInterval(e);
 	}, [o, N]), u(() => {
 		o && (O(""), P(30), A(!1), M(!1));
-	}, [o]), /* @__PURE__ */ p(n, {
+	}, [o]), /* @__PURE__ */ p(i, {
 		open: o,
 		onOpenChange: (e) => {
 			e || f();
 		},
-		children: /* @__PURE__ */ m(t, {
+		children: /* @__PURE__ */ m(r, {
 			className: b,
-			children: [/* @__PURE__ */ p(r, { children: /* @__PURE__ */ p(e, { children: `Verify ${g === "email" ? "Email" : "Phone"}` }) }), /* @__PURE__ */ m("div", {
+			children: [/* @__PURE__ */ p(a, { children: /* @__PURE__ */ p(n, { children: `Verify ${g === "email" ? "Email" : "Phone"}` }) }), /* @__PURE__ */ m("div", {
 				className: x,
 				children: [
 					/* @__PURE__ */ m("div", {
@@ -56,7 +56,7 @@ var v = "_1k4xirc1", y = (e) => {
 					}),
 					/* @__PURE__ */ p("div", {
 						className: w,
-						children: /* @__PURE__ */ p(a, {
+						children: /* @__PURE__ */ p(t, {
 							value: y,
 							onChange: (e) => {
 								O(e.target.value.replace(/\D/g, "").slice(0, 4));
@@ -68,7 +68,7 @@ var v = "_1k4xirc1", y = (e) => {
 					}),
 					/* @__PURE__ */ m("div", {
 						className: T,
-						children: [/* @__PURE__ */ p(i, {
+						children: [/* @__PURE__ */ p(e, {
 							onClick: async () => {
 								if (!(!y || y.length !== 4)) {
 									A(!0);
@@ -121,24 +121,24 @@ var v = "_1k4xirc1", y = (e) => {
 			})]
 		})
 	});
-}, k = "jfrbe10", A = "jfrbe11", j = "jfrbe12", M = ({ value: e, type: t, isVerified: n, onVerifySuccess: r, onStateChange: a }) => {
+}, k = "jfrbe10", A = "jfrbe11", j = "jfrbe12", M = ({ value: t, type: n, isVerified: r, onVerifySuccess: i, onStateChange: a }) => {
 	let { membership: o } = l(), [c, u] = d(!1), [h, _] = d(!1), v = (e) => {
 		a && a(e);
 	}, b = async () => {
-		let n = e?.trim()?.toLowerCase();
-		if (!n) {
-			s(`Please enter a ${t}`);
+		let e = t?.trim()?.toLowerCase();
+		if (!e) {
+			s(`Please enter a ${n}`);
 			return;
 		}
-		if (t === "email" && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(n)) {
+		if (n === "email" && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)) {
 			s("Please enter a valid email address");
 			return;
 		}
 		_(!0), v(!0);
 		try {
 			await o?.requestOtp({
-				content: n,
-				medium: t === "phone" ? "whatsapp" : "email"
+				content: e,
+				medium: n === "phone" ? "whatsapp" : "email"
 			}), u(!0);
 		} catch (e) {
 			let t = e;
@@ -149,27 +149,27 @@ var v = "_1k4xirc1", y = (e) => {
 	}, x = () => {
 		u(!1), v(!1);
 	};
-	return n ? /* @__PURE__ */ m("div", {
+	return r ? /* @__PURE__ */ m("div", {
 		className: k,
 		children: [/* @__PURE__ */ p(g, { className: j }), /* @__PURE__ */ p("span", {
 			className: A,
 			children: "Verified"
 		})]
-	}) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(i, {
+	}) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(e, {
 		size: "default",
 		variant: "ghost",
 		onClick: b,
 		onMouseDown: (e) => e.preventDefault(),
-		disabled: !e || h,
+		disabled: !t || h,
 		type: "button",
 		children: h ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(y, { size: 14 }), "Sending..."] }) : "Verify"
 	}), c && /* @__PURE__ */ p(O, {
 		isOpen: c,
 		onClose: x,
-		value: e?.trim()?.toLowerCase() || "",
-		type: t,
+		value: t?.trim()?.toLowerCase() || "",
+		type: n,
 		onVerifySuccess: (e) => {
-			r(e), x();
+			i(e), x();
 		}
 	})] });
 };

package/{bookingCard-DUMPxFp4.js → bookingCard-kEYdGZJ-.js}

@@ -1,9 +1,9 @@
 "use client";
-import { t as e } from "./Button-Ho7QJuCT.js";
-import { n as t } from "./AuthProvider-CFQqiIf1.js";
-import { t as n } from "./cn-BL52QQS4.js";
-import { n as r, t as i } from "./StripePaymentModal-Cw-AlxTS.js";
-import { BillingStep as a } from "./BillingStep-DhK0Mkjr.js";
+import { t as e } from "./Button-BZDul09m.js";
+import { n as t } from "./AuthProvider-B5NfFwbG.js";
+import { t as n } from "./cn-B6c1DjO_.js";
+import { n as r, t as i } from "./StripePaymentModal-CiKqmQwK.js";
+import { BillingStep as a } from "./BillingStep-vBBLXLzk.js";
 import { errorHandler as o, useLevo as s } from "@levo-so/react";
 import { useEffect as c, useRef as l, useState as u } from "react";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";

package/collection.d.ts

@@ -0,0 +1,171 @@
+import { CommonFieldInterfacesList } from '@levo-so/core';
+import { default as default_2 } from 'react';
+import { FieldValues } from 'react-hook-form';
+import { IFieldError } from '@levo-so/core';
+import { ILemaCollection } from '@levo-so/core';
+import { ILemaField } from '@levo-so/core';
+import { UseFormReturn } from 'react-hook-form';
+
+export declare const CollectionForm: default_2.FC<ICollectionFormProps>;
+
+export declare const CollectionFormBuilder: default_2.FC<ICollectionFormBuilderProps>;
+
+export declare const CollectionFormRenderer: default_2.FC<ICollectionFormRendererProps>;
+
+export declare const FormBuilder: default_2.FC<IFormBuilderProps>;
+
+declare const FormVariantOptions: readonly [{
+    readonly value: "default";
+    readonly label: "Classic";
+    readonly description: "All fields displayed together in a single view";
+}, {
+    readonly value: "steps";
+    readonly label: "Multi-Step";
+    readonly description: "Each section becomes a step — navigate with next/previous buttons";
+}, {
+    readonly value: "single-field";
+    readonly label: "One at a Time";
+    readonly description: "Typeform-style — one field per screen with smooth transitions";
+}, {
+    readonly value: "steps-2";
+    readonly label: "Conversational Steps";
+    readonly description: "Multi-step with typeform-style field presentation";
+}];
+
+declare type FormVariantType = (typeof FormVariantOptions)[number]["value"];
+
+export declare interface ICollectionFormBuilderProps extends Omit<ILevoFormContext, "schema"> {
+    formVariant?: FormVariantType;
+    collection_id: string;
+    hiddenFields?: string[];
+    workspace_id?: string;
+}
+
+export declare interface ICollectionFormProps extends Omit<ILevoFormContext, "onSuccess" | "externalInitialValues" | "onError" | "isLoggedIn" | "toastConfig" | "onFormDirty" | "disableCaptcha" | "enableVerification"> {
+    hiddenFields?: string[];
+    isLoading?: boolean;
+    initialValues?: any;
+    onSubmit?: (values: any) => void;
+    disableCaptcha?: boolean;
+    enableVerification?: boolean;
+}
+
+export declare interface ICollectionFormRendererProps extends Omit<ILevoFormContext, "schema"> {
+    formVariant?: FormVariantType;
+    fetchedSchema?: ILevoFormContext["schema"];
+    hiddenFields?: string[];
+    workspace_id?: string;
+    isLoading?: boolean;
+}
+
+declare interface ICommonRendererProps {
+    schema: ILemaCollection | null;
+    field: ILemaField;
+    settings?: {
+        enableVerification?: boolean;
+    };
+}
+
+export declare interface IFormBuilderProps extends ILevoFormContext {
+    formVariant?: FormVariantType;
+}
+
+export declare interface IFormRendererProps extends ILevoFormContext {
+    children: default_2.ReactNode;
+    variant?: FormVariantType;
+}
+
+declare interface ILevoFormContext {
+    schema: ILemaCollection | null;
+    isDisabled?: boolean;
+    containerStyles?: string;
+    submitButtonConfig: {
+        text?: string;
+        show?: boolean;
+        styles?: string;
+    };
+    uiConfig?: {
+        hideSectionHeadings?: boolean;
+        hideFormHeading?: boolean;
+    };
+    toastConfig?: {
+        showSuccessToast?: boolean;
+        successToastText?: string;
+        suppressOnBooking?: boolean;
+    };
+    onError?: (v: any) => void;
+    disableCaptcha?: boolean;
+    enableVerification?: boolean;
+    theme?: {
+        className?: string;
+        style?: React.CSSProperties;
+        cssReset?: boolean;
+    };
+    isLoggedIn?: boolean;
+    /**
+     * Logged-in member's contact details, used only to prefill the schema's designated
+     * email_field/mobile_field. Strictly the fields consumed — pass anything else via
+     * externalInitialValues.
+     */
+    account?: {
+        email?: string | null;
+        mobile?: string | null;
+    };
+    externalInitialValues?: Record<string, any>;
+    onSuccess?: (v: {
+        schemaId: string;
+        response: any;
+        meta?: any;
+    }) => void;
+    onFormView?: (v: {
+        schemaId: string;
+    }) => void;
+    onFormDirty?: (v: {
+        schemaId: string;
+    }) => void;
+    widgets?: Partial<IWidgetRegistry>;
+    /** Success screen config from props. Priority: this > schema.settings.success_message > defaults. */
+    successConfig?: {
+        title?: string;
+        message?: string;
+        action?: {
+            type: "none" | "submit_another" | "redirect";
+            /** URL for redirect action type. */
+            value?: string;
+        };
+    };
+    debug?: boolean;
+    /** When true, the form is in preview mode — no remote submission, no drafts, no captcha, no analytics. */
+    preview?: boolean;
+}
+
+declare type IWidgetRegistry = Record<(typeof CommonFieldInterfacesList)[number], WidgetComponent>;
+
+export declare const LevoFormProvider: default_2.FC<IFormRendererProps>;
+
+export declare const useLevoForm: ({ schema: schemaProp, originalSchema: originalSchemaProp, onSubmitSuccess, onSubmitError, onInit, setFormErrorAfterSubmit, }: {
+    schema: ILemaCollection | null;
+    originalSchema?: ILemaCollection | null;
+    setFormErrorAfterSubmit?: boolean;
+    onSubmitSuccess?: () => void;
+    onSubmitError?: (e: IFieldError[]) => void;
+    onInit?: (values: Record<string, unknown>) => void;
+}) => {
+    methods: UseFormReturn<FieldValues, any, FieldValues>;
+    isLoading: boolean;
+    isError: boolean;
+    contentId: string | null;
+    publishedId: string | null;
+    allFormValues: any;
+    handleContentId: (id: string) => void;
+    appendFormValues: (data: any) => void;
+    submitToRemote: (data: any) => Promise<void>;
+    showSuccessOverlay: boolean;
+    dismissSuccessOverlay: () => void;
+};
+
+export declare const useLevoFormContext: () => ILevoFormContext;
+
+declare type WidgetComponent = default_2.FC<ICommonRendererProps>;
+
+export { }

package/collection.js

@@ -0,0 +1,2 @@
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o } from "./dist-2bXx8eVI.js";
+export { t as CollectionForm, a as CollectionFormBuilder, r as CollectionFormRenderer, n as FormBuilder, i as LevoFormProvider, e as useLevoForm, o as useLevoFormContext };

package/{theme.cssm-2YTdd8Yh.js → createThemeExtension-C0PSYy0J.js}

@@ -10,6 +10,6 @@ var t = (e, n) => {
 		} else typeof o == "string" && (r[o] = String(a));
 	}
 	return r;
-}, n = (n) => (r) => r ? e(t(n, r)) : {}, r = "_1bi3v3x0";
+}, n = (n) => (r) => r ? e(t(n, r)) : {};
 //#endregion
-export { n, r as t };
+export { n as t };

package/{dialog-RrTP-MGm.js → dialog-8LH_ihs4.js}

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "./cn-BL52QQS4.js";
+import { t as e } from "./cn-B6c1DjO_.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { XIcon as r } from "lucide-react";
 import { Dialog as i } from "radix-ui";