@levo-so/studio 0.1.105 → 0.1.107

package/{RichTextWidget-18XLL8wW.js → RichTextWidget-DCzgJ9EA.js}

@@ -1,10 +1,9 @@
 "use client";
 import { r as e, t } from "./inlineRteTheme-Ajq9PNpQ.js";
 import { t as ee } from "./RteThemeProvider-Cfepkyer.js";
-import { t as te } from "./getFieldValidations-CSkSV2hW.js";
-import { l as ne, t as re } from "./CollectionField-xa-jed3_.js";
-import { i as n } from "./Tooltip-NEMQqPyr.js";
-import { r, t as ie } from "./Toolbar-Y6JtgPFn.js";
+import { f as te, l as ne, t as re } from "./CollectionField-BPl8E9MW.js";
+import { i as n } from "./Tooltip-CJINDx93.js";
+import { r, t as ie } from "./Toolbar-B5UZer_x.js";
 import { c as ae } from "react/compiler-runtime";
 import { useEffect as i, useState as oe } from "react";
 import { jsx as a, jsxs as se } from "react/jsx-runtime";

package/{Toolbar-Y6JtgPFn.js → Toolbar-B5UZer_x.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./Button-lUfKisu8.js";
 import { t } from "./nodeAlignment-DKCIjzlR.js";
-import { l as n } from "./CollectionField-xa-jed3_.js";
-import { n as r, r as i, t as a } from "./Tooltip-NEMQqPyr.js";
-import { a as o, i as s, n as c, o as l, r as u } from "./Popover-O1poOHk2.js";
+import { l as n } from "./CollectionField-BPl8E9MW.js";
+import { n as r, r as i, t as a } from "./Tooltip-CJINDx93.js";
+import { a as o, i as s, n as c, o as l, r as u } from "./Popover-DOvRAGzc.js";
 import { c as d } from "react/compiler-runtime";
 import { forwardRef as f, useEffect as p, useState as m } from "react";
 import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";

package/{VerifyButton-TNkt-SDu.js → VerifyButton-DFAg6STD.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-CpNGIXJx.js";
+import { t as a } from "./CollectionInput-DcNJT5Pg.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";

package/{bookingCard-BdV2YSkq.js → bookingCard-BgApvrcj.js}

@@ -1,8 +1,8 @@
 "use client";
-import { t as e } from "./Button-DtPwDEN0.js";
+import { t as e } from "./Button-DujHjtOV.js";
 import { n as t } from "./AuthProvider-C6bvedwF.js";
-import { n, t as r } from "./StripePaymentModal-DrLMN18M.js";
-import { BillingStep as i } from "./BillingStep-2cKT5Pir.js";
+import { n, t as r } from "./StripePaymentModal-Do1xHctU.js";
+import { BillingStep as i } from "./BillingStep-CJqmdIz2.js";
 import { cn as a, 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

@@ -13,6 +13,7 @@ import { ILemaCollection } from '@levo-so/core';
 import { ILemaField } from '@levo-so/core';
 import { ILemaFieldOptions } from '@levo-so/core';
 import { ILevoMembership } from '@levo-so/core';
+import { ILogicRule } from '@levo-so/core';
 import { JSX } from 'react/jsx-runtime';
 import { Mark } from '@tiptap/core';
 import { MediaKindList } from '@levo-so/core';
@@ -456,15 +457,14 @@ export declare const updateFieldWInterface: (tempField: ILemaField, field_interf
         options: ILemaFieldOptions;
         allow_public_view?: boolean;
         allow_public_submit?: boolean;
+        logic?: ILogicRule[];
     };
     fieldFocused: string | null;
 };
 
-export declare const useLevoForm: ({ schema: schemaProp, originalSchema: originalSchemaProp, saveToRemote, onSubmit, onSubmitSuccess, onSubmitError, setFormErrorAfterSubmit, }: {
+export declare const useLevoForm: ({ schema: schemaProp, originalSchema: originalSchemaProp, onSubmitSuccess, onSubmitError, setFormErrorAfterSubmit, }: {
     schema: ILemaCollection | null;
     originalSchema?: ILemaCollection | null;
-    saveToRemote?: boolean;
-    onSubmit?: (v: any) => void;
     onSubmitSuccess?: () => void;
     onSubmitError?: (e: IFieldError[]) => void;
     setFormErrorAfterSubmit?: boolean;
@@ -475,7 +475,8 @@ export declare const useLevoForm: ({ schema: schemaProp, originalSchema: origina
     contentId: string | null;
     allFormValues: any;
     handleContentId: (id: string) => void;
-    handleSubmit: (e?: React.BaseSyntheticEvent) => Promise<void>;
+    appendFormValues: (data: any) => void;
+    submitToRemote: (data: any) => Promise<void>;
     showSuccessOverlay: boolean;
     dismissSuccessOverlay: () => void;
 };

package/collection.js

@@ -1,10 +1,9 @@
-import { a as e, c as t, d as n, f as r, h as i, i as a, l as o, m as s, n as c, o as l, p as u, r as d, s as f, u as p } from "./dist-CsX9NP5P.js";
-import { a as m, c as h, d as g, f as _, i as v, l as y, n as b, o as x, r as S, s as C, t as w, u as T } from "./widgets-eu5zXTf-.js";
-import { t as E } from "./getFieldValidations-CSkSV2hW.js";
-import { t as D } from "./utils-CZLafTgN.js";
-import { a as O, c as k, i as A, n as j, o as M, r as N, s as P, t as F, u as I } from "./CollectionField-xa-jed3_.js";
-import { t as L } from "./CollectionInput-CpNGIXJx.js";
-import { n as R, r as z, t as B } from "./Toolbar-Y6JtgPFn.js";
+import { C as e, S as t, T as n, _ as r, a as i, b as a, c as o, d as s, f as c, g as l, h as u, i as d, l as f, m as p, o as m, p as h, r as g, s as _, t as v, u as y, v as b, w as x, x as S, y as C } from "./CollectionFormBuilder-BvFtiZeH.js";
+import { a as w, c as T, f as E, i as D, n as O, o as k, r as A, s as j, t as M, u as N } from "./CollectionField-BPl8E9MW.js";
+import { t as P } from "./utils-CUqS5dMC.js";
+import { t as F } from "./CollectionInput-DcNJT5Pg.js";
+import { n as I, r as L } from "./dist-DZbXWctg.js";
+import { n as R, r as z, t as B } from "./Toolbar-B5UZer_x.js";
 //#region ../../libraries/react-collection/dist/types/formVariant.js
 var V = [
 	{
@@ -29,4 +28,4 @@ var V = [
 	}
 ];
 //#endregion
-export { i as AsyncSelectPaginate, s as CURRENCY_SYMBOLS, B as CollectionEditorToolbar, F as CollectionFieldWrapper, F as FieldWrapper, t as CollectionForm, d as CollectionFormBuilder, c as CollectionFormRenderer, L as CollectionInput, L as Input, I as CollectionLabel, r as DEFAULT_WIDGET_REGISTRY, O as Field, P as FieldContent, M as FieldDescription, j as FieldError, k as FieldGroup, N as FieldLabel, n as FieldRenderer, A as FieldSet, a as FormBuilder, V as FormVariantOptions, u as INR_CURRENCY_SYMBOL, l as LevoFormProvider, p as ThemeWrapper, R as ToolbarButton, _ as areAllFieldsHidden, w as createWidget, v as errorsToParam, z as getCollectionEditorExtensions, x as getDefaultFieldValues, g as getDefaultValuesByKind, E as getFieldValidations, h as getInitialValues, D as getKindFromMimetype, T as getValueIfNotUndefined, y as isPhoneValid, b as setFormErrors, S as submitDataParser, C as updateFieldWInterface, e as useLevoForm, f as useLevoFormContext, o as useLevoFormTheme, m as validateForm };
+export { h as AsyncSelectPaginate, c as CURRENCY_SYMBOLS, B as CollectionEditorToolbar, M as CollectionFieldWrapper, M as FieldWrapper, L as CollectionForm, v as CollectionFormBuilder, I as CollectionFormRenderer, F as CollectionInput, F as Input, N as CollectionLabel, y as DEFAULT_WIDGET_REGISTRY, w as Field, j as FieldContent, k as FieldDescription, O as FieldError, T as FieldGroup, A as FieldLabel, f as FieldRenderer, D as FieldSet, g as FormBuilder, V as FormVariantOptions, s as INR_CURRENCY_SYMBOL, i as LevoFormProvider, o as ThemeWrapper, R as ToolbarButton, n as areAllFieldsHidden, p as createWidget, r as errorsToParam, z as getCollectionEditorExtensions, C as getDefaultFieldValues, x as getDefaultValuesByKind, E as getFieldValidations, S as getInitialValues, P as getKindFromMimetype, e as getValueIfNotUndefined, t as isPhoneValid, u as setFormErrors, l as submitDataParser, a as updateFieldWInterface, d as useLevoForm, m as useLevoFormContext, _ as useLevoFormTheme, b as validateForm };

package/dist-DZbXWctg.js

@@ -0,0 +1,97 @@
+"use client";
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { t } from "./Button-lUfKisu8.js";
+import { T as n, a as r, c as i, i as a, l as o, n as s, o as c, r as l, t as u, w as d } from "./CollectionFormBuilder-BvFtiZeH.js";
+import { useEffect as f, useMemo as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import g from "clsx";
+import { FormProvider as _, useForm as v } from "react-hook-form";
+//#region ../../libraries/react-collection/dist/lib/CollectionForm/CollectionForm.cssm.js
+var y = "_1dzarb20", b = "_1dzarb21", x = "_1dzarb23", S = "_1dzarb24", C = "_1dzarb25", w = "_1dzarb26", T = ({ hiddenFields: e, isLoading: r, initialValues: a, onSubmit: s, schema: c, uiConfig: l, submitButtonConfig: u, containerStyles: T, isDisabled: E, theme: D, enableVerification: O = !0 }) => {
+	let k = p(() => {
+		if (c) {
+			let t = { ...c };
+			return t.sections = t?.sections?.map((t) => (t.fields = t?.fields?.map((t) => ((e?.includes(t?.key) || e?.includes(t?.id)) && (t.hidden = !0), t)), t)), t;
+		}
+		return null;
+	}, [c]), A = v({
+		mode: "onTouched",
+		disabled: E,
+		defaultValues: {},
+		resetOptions: { keepErrors: !0 }
+	}), { formState: { isSubmitting: j } } = A, M = (e) => {
+		s && s(e);
+	};
+	f(() => {
+		if (k) {
+			let e = {
+				...d(c),
+				...a
+			};
+			A.reset(e);
+		}
+	}, [k]);
+	let N = r || j;
+	return k ? /* @__PURE__ */ m(_, {
+		...A,
+		children: /* @__PURE__ */ m(i, {
+			...D || {},
+			children: /* @__PURE__ */ h("div", {
+				className: y,
+				children: [l?.hideFormHeading ? null : /* @__PURE__ */ m("h1", {
+					className: g(b),
+					children: "Create new"
+				}), /* @__PURE__ */ m("div", {
+					className: g(x, T),
+					children: /* @__PURE__ */ h("form", {
+						className: g(S, r && "_1dzarb27"),
+						id: "collection-form",
+						onSubmit: A.handleSubmit(M),
+						children: [c?.sections?.map((e) => n(e?.fields || []) ? null : /* @__PURE__ */ h("div", {
+							className: C,
+							children: [!l?.hideSectionHeadings && /* @__PURE__ */ m("p", {
+								className: "_1dzarb28",
+								children: e?.label
+							}), /* @__PURE__ */ m("div", {
+								className: w,
+								children: e?.fields?.map((e) => /* @__PURE__ */ m(o, {
+									field: e,
+									schema: c,
+									settings: { enableVerification: O }
+								}, e?.key))
+							})]
+						}, e.id)), u?.show && /* @__PURE__ */ m("div", {
+							className: "_1dzarb29",
+							children: /* @__PURE__ */ m(t, {
+								className: u?.styles,
+								disabled: E || N,
+								type: "submit",
+								children: N ? "Saving" : u?.text || "Save"
+							})
+						})]
+					})
+				})]
+			})
+		})
+	}) : null;
+}, E = ({ hiddenFields: e, fetchedSchema: t, isLoading: n, enableVerification: r = !0, ...i }) => {
+	let a = p(() => {
+		let n = { ...t }, r = (t) => t?.map((t) => ((e?.includes(t.key) || e?.includes(t.id)) && (t.hidden = !0), t.fields = r(t.fields), t));
+		return n.sections = n?.sections?.map((e) => (e.fields = r(e?.fields), e)), n;
+	}, [t]);
+	return n ? /* @__PURE__ */ m(s, {}) : a ? /* @__PURE__ */ m(l, {
+		schema: a,
+		enableVerification: r,
+		...i
+	}) : null;
+}, D = /* @__PURE__ */ e({
+	CollectionForm: () => T,
+	CollectionFormBuilder: () => u,
+	CollectionFormRenderer: () => E,
+	FormBuilder: () => l,
+	LevoFormProvider: () => r,
+	useLevoForm: () => a,
+	useLevoFormContext: () => c
+});
+//#endregion
+export { E as n, T as r, D as t };

package/index.d.ts

@@ -402,6 +402,8 @@ declare interface CarouselProps extends BaseElementProps {
  */
 export declare const CategoryFilter: React.FC<ICategoryFilterProps>;
 
+export declare const CollectionFormBuilder: default_2.FC<ICollectionFormBuilderProps>;
+
 export declare const colorOptions: {
     readonly brand: {
         readonly label: "Brand";
@@ -1082,6 +1084,14 @@ export declare interface ICategoryFilterProps {
     className?: string;
 }
 
+declare interface ICollectionFormBuilderProps extends Omit<ILevoFormContext, "schema"> {
+    formVariant?: FormVariantType;
+    collection_id: string;
+    hiddenFields?: string[];
+    workspace_id?: string;
+    account?: ILevoMembership.Account;
+}
+
 declare interface ICollectionTheme {
     form: {
         maxWidth: string;