@levo-so/studio 0.1.106 → 0.1.108

package/{DateTimeWidget-DPHIhkAi.js → DateTimeWidget-CbpvxQ9s.js}

@@ -1,8 +1,7 @@
 import { t as e } from "./Button-lUfKisu8.js";
-import { t } from "./getFieldValidations-CSkSV2hW.js";
-import { t as n } from "./CollectionField-xa-jed3_.js";
-import { t as ee } from "./CollectionInput-CpNGIXJx.js";
-import { a as r, i, n as a, r as o, t as s } from "./Popover-O1poOHk2.js";
+import { f as t, t as n } from "./CollectionField-BPl8E9MW.js";
+import { t as ee } from "./CollectionInput-DcNJT5Pg.js";
+import { a as r, i, n as a, r as o, t as s } from "./Popover-DOvRAGzc.js";
 import { c as te } from "react/compiler-runtime";
 import { useEffect as ne, useRef as c, useState as l } from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";

package/{EntryCard-yFsTPjEj.js → EntryCard-Drnobf4s.js}

@@ -1,8 +1,8 @@
 "use client";
-import { r as e } from "./dist-BjFMATnH.js";
+import { t as e } from "./CollectionFormBuilder-BvFtiZeH.js";
 import { n as t } from "./AuthProvider-C6bvedwF.js";
-import { t as n } from "./card-5ooLmYSr.js";
-import { t as r } from "./MessageFooter-4qIEK91O.js";
+import { t as n } from "./card-E2LKF9nT.js";
+import { t as r } from "./MessageFooter-C4qC8cem.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 var o = {
 	header: "_header_emo7t_1",

package/{LoginCard-CUapIHAo.js → LoginCard-B9HKjZEk.js}

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "./LoginForm-n-6Z7eVb.js";
-import { t } from "./card-5ooLmYSr.js";
+import { t as e } from "./LoginForm-DpgxFh89.js";
+import { t } from "./card-E2LKF9nT.js";
 import { Suspense as n, lazy as r, useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 var s = {
@@ -8,7 +8,7 @@ var s = {
 	title: "_title_s7k8g_7",
 	subtitle: "_subtitle_s7k8g_14",
 	formWrapper: "_formWrapper_s7k8g_20"
-}, c = r(() => import("./PendingApprovalCard-CDZRD8Jm.js")), l = ({ logo: r, siteName: l, page: u }) => {
+}, c = r(() => import("./PendingApprovalCard-CrdOrMRu.js")), l = ({ logo: r, siteName: l, page: u }) => {
 	let [d, f] = i(!1), [p, m] = i(!1), h = u.access?.find((e) => e.kind === "gating" && e.enabled)?.options;
 	return p ? /* @__PURE__ */ a(n, {
 		fallback: /* @__PURE__ */ a("div", {}),

package/{LoginForm-n-6Z7eVb.js → LoginForm-DpgxFh89.js}

@@ -1,6 +1,6 @@
 "use client";
 import { t as e } from "./useLogin-D4A5iRey.js";
-import { c as t, t as n } from "./authentication-hnV1BI8s.js";
+import { c as t, t as n } from "./authentication-ClOFcry8.js";
 import { LevoOAuth as r, errorHandler as i, successToast as a, useLevo as o } from "@levo-so/react";
 import { useEffect as s, useMemo 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/{LoginModal-wyVhIJk8.js → LoginModal-CaqsScly.js}

@@ -1,8 +1,8 @@
 "use client";
 import { n as e } from "./AuthProvider-C6bvedwF.js";
-import { n as t } from "./ModalManager-D-yKU_15.js";
+import { n as t } from "./ModalManager-CaBZKQR2.js";
 import { a as n, n as r, o as i, r as a, t as o } from "./dialog-DoxC50i0.js";
-import { t as s } from "./LoginForm-n-6Z7eVb.js";
+import { t as s } from "./LoginForm-DpgxFh89.js";
 import { useEffect as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 var d = {

package/{MessageCard-C2fU_Bo_.js → MessageCard-DojQRKnf.js}

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "./card-5ooLmYSr.js";
-import { t } from "./MessageFooter-4qIEK91O.js";
+import { t as e } from "./card-E2LKF9nT.js";
+import { t } from "./MessageFooter-C4qC8cem.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/accessCard/MessageCard.tsx
 var i = ({ logo: i, siteName: a, options: o, message: s }) => /* @__PURE__ */ r(e, {

package/{ModalManager-D-yKU_15.js → ModalManager-CaBZKQR2.js}

@@ -2,7 +2,7 @@
 import { Suspense as e, createContext as t, lazy as n, useCallback as r, useContext as i, useState as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/context/ModalManager.tsx
-var c = n(() => import("./LoginModal-wyVhIJk8.js")), l = t({
+var c = n(() => import("./LoginModal-CaqsScly.js")), l = t({
 	availableModals: ["login"],
 	openModals: { key: null },
 	openModal: () => ({}),

package/{PendingApprovalCard-CDZRD8Jm.js → PendingApprovalCard-CrdOrMRu.js}

@@ -1,7 +1,7 @@
 "use client";
-import { r as e } from "./dist-BjFMATnH.js";
-import { t } from "./card-5ooLmYSr.js";
-import { t as n } from "./MessageFooter-4qIEK91O.js";
+import { t as e } from "./CollectionFormBuilder-BvFtiZeH.js";
+import { t } from "./card-E2LKF9nT.js";
+import { t as n } from "./MessageFooter-C4qC8cem.js";
 import { useState as r } from "react";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 var s = {

package/{PhoneWidget-BOFhs8Ra.js → PhoneWidget-BxW2gL28.js}

@@ -1,8 +1,7 @@
 "use client";
-import { t as e } from "./getFieldValidations-CSkSV2hW.js";
-import { t } from "./CollectionField-xa-jed3_.js";
-import { t as n } from "./VerifyButton-TNkt-SDu.js";
-import { t as r } from "./CollectionInput-CpNGIXJx.js";
+import { f as e, t } from "./CollectionField-BPl8E9MW.js";
+import { t as n } from "./VerifyButton-DFAg6STD.js";
+import { t as r } from "./CollectionInput-DcNJT5Pg.js";
 import { c as ee } from "react/compiler-runtime";
 import { useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";

package/{PopupRenderer-CV5HY1dP-DlAn5Rc8.js → PopupRenderer-CV5HY1dP-hICGc5AG.js}

@@ -2241,7 +2241,7 @@ var et = oe([L, I], (e, t) => ({
 	return e[0] === t ? n = e[1] : (n = () => {
 		t && (t.callbacks?.onPopupClose?.(t.popup, { trigger_type: rt() }), q(t.popup.id));
 	}, e[0] = t, e[1] = n), n;
-}, bt = "zv6sjd4", xt = "zv6sjd5", St = "zv6sjd6", Ct = k(() => import("./dist-BjFMATnH.js").then((e) => e.t).then((e) => ({ default: e.CollectionFormBuilder }))), wt = {
+}, bt = "zv6sjd4", xt = "zv6sjd5", St = "zv6sjd6", Ct = k(() => import("./dist-DZbXWctg.js").then((e) => e.t).then((e) => ({ default: e.CollectionFormBuilder }))), wt = {
 	left: bt,
 	center: xt,
 	right: St

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-MDpR8SL_.js → bookingCard-BgApvrcj.js}

@@ -1,8 +1,8 @@
 "use client";
-import { t as e } from "./Button-BIpdwMrO.js";
+import { t as e } from "./Button-DujHjtOV.js";
 import { n as t } from "./AuthProvider-C6bvedwF.js";
 import { n, t as r } from "./StripePaymentModal-Do1xHctU.js";
-import { BillingStep as i } from "./BillingStep-BNRcxjRl.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.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-BjFMATnH.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-NzmPF3Ji.js";
-import { t as E } from "./getFieldValidations-CSkSV2hW.js";
-import { t as D } from "./utils-B01DL3RB.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;