@levo-so/react 0.0.2-alpha → 0.1.1

package/dist/CollectionFormBuilder-jwwjyIpv.js

@@ -0,0 +1,738 @@
+"use client";
+import { j as s } from "./jsx-runtime-B6kdoens.js";
+import { FieldInterfaces as a, defaultByKinds as F, formatsByInterface as se, interfaceKinds as oe, FieldInterfacesList as ae } from "@levo-so/core";
+import { G as O, T as ie, a as le, c as ce, B as v, d as ue, r as de, s as ge, S as me } from "./Spinner-CuUosd-S.js";
+import j, { useState as R, lazy as h, Suspense as he, useEffect as pe } from "react";
+import { useFieldArray as xe, useController as ye } from "react-hook-form";
+import { Mate as $ } from "@theinternetfolks/mate";
+import { Snowflake as fe } from "@theinternetfolks/snowflake";
+import We from "google-libphonenumber";
+import P from "validator";
+import w from "validatorjs";
+import { c as f } from "./cn-C9QoOYNG.js";
+import { u as G } from "./LevoProvider-DNbYyEaf.js";
+import * as be from "inflection";
+import { useInView as je } from "react-intersection-observer";
+const { PhoneNumberUtil: ke } = We, ve = (e) => {
+  const r = [];
+  for (const t of Object.keys(e))
+    for (const n of (e == null ? void 0 : e[t]) || [])
+      r.push({ message: n, name: t });
+  return r;
+}, z = ke.getInstance(), we = (e) => {
+  try {
+    return e && (e == null ? void 0 : e.trim().length) > 3 ? z.isValidNumber(z.parseAndKeepRawInput(e)) : !0;
+  } catch {
+    return !1;
+  }
+}, K = (e, r) => {
+  w.register(
+    "data_uri",
+    (n) => typeof n != "string" ? !1 : P.isDataURI(n),
+    "The :attribute is not a valid file."
+  ), w.register(
+    "phone_number",
+    (n) => we(n),
+    "The :attribute has incorrect format."
+  ), w.register(
+    "url",
+    (n) => P.isURL(n.toString(), {}),
+    "The :attribute is not a valid URL."
+  ), w.setAttributeFormatter((n) => {
+    if (n.endsWith("Id"))
+      return n.replace("Id", "");
+    if (n.includes(".")) {
+      const [i] = n.split(".");
+      return i;
+    }
+    return n.replace(/_/g, " ");
+  });
+  const t = new w(e, r);
+  return t.passes() ? { status: !0 } : {
+    status: !1,
+    errors: ve(t.errors.all())
+  };
+}, mt = (e, r) => {
+  const t = {};
+  for (const o of e.sections)
+    for (const c of o.fields) {
+      const u = [];
+      switch (c.required && u.push("required"), typeof c.max < "u" && c.max !== null && u.push({
+        max: [c.max]
+      }), typeof c.min < "u" && c.min !== null && u.push({
+        min: [c.min]
+      }), c.field_interface) {
+        case a.EmailWidget:
+          u.push("email");
+          break;
+        case a.PhoneWidget:
+          u.push("phone_number");
+          break;
+        case a.URLWidget:
+          u.push("url");
+          break;
+      }
+      t[c.key] = u;
+    }
+  const n = K(r, t), { errors: i } = n, d = {};
+  return i && i.map((o) => {
+    d[o.name] = o.message;
+  }), d;
+}, C = (e) => {
+  var t, n;
+  const r = {};
+  for (const i of e)
+    r[i.key] = (t = F) == null ? void 0 : t[i == null ? void 0 : i.kind], (i == null ? void 0 : i.field_interface) === a.RecordWidget && ((n = i == null ? void 0 : i.fields) != null && n.length) && (r[i.key] = C(i.fields));
+  return r;
+}, ht = (e) => {
+  var t;
+  if (!(e != null && e.sections)) return {};
+  let r = {};
+  for (const n of e.sections)
+    n != null && n.fields && ((t = n == null ? void 0 : n.fields) == null ? void 0 : t.length) > 0 && (r = {
+      ...r,
+      ...C(n.fields)
+    });
+  return r;
+}, B = (e) => typeof e < "u" ? e : null, pt = (e, r) => {
+  var n;
+  if (!(e != null && e.sections)) return {};
+  const t = {};
+  for (const i of e.sections) {
+    const d = C(i.fields ?? []);
+    for (const o of i.fields) {
+      let c = B(r == null ? void 0 : r[o == null ? void 0 : o.key]);
+      Array.isArray(c) && (c == null ? void 0 : c.length) > 0 && Array.isArray(o == null ? void 0 : o.values) && ((n = o == null ? void 0 : o.values) == null ? void 0 : n.length) > 0 && (c = c == null ? void 0 : c.filter((u) => {
+        var g;
+        return (g = o == null ? void 0 : o.values) == null ? void 0 : g.includes(u);
+      })), t[o.key] = c ?? B(o == null ? void 0 : o.default_value) ?? d[o.key];
+    }
+  }
+  return t;
+}, xt = (e, r) => {
+  var i;
+  const t = { ...e };
+  let n = null;
+  return (t.field_interface === a.ArrayWidget && r !== a.ArrayWidget || t.field_interface === a.RecordWidget && r !== a.RecordWidget) && (t.fields = []), (r !== a.MultiDropdownWidget || r !== a.DropdownWidget || r !== a.RadioWidget || r !== a.CheckboxWidget) && t.field_interface !== a.MultiDropdownWidget && t.field_interface !== a.DropdownWidget && t.field_interface !== a.RadioWidget && t.field_interface !== a.CheckboxWidget && ((i = t.values) == null ? void 0 : i.length) !== 0 && (t.values = []), (r === a.MultiDropdownWidget && t.field_interface !== a.MultiDropdownWidget || r === a.DropdownWidget && t.field_interface !== a.DropdownWidget || r === a.RadioWidget && t.field_interface !== a.RadioWidget || r === a.CheckboxWidget && t.field_interface !== a.CheckboxWidget) && (t.values = [""], n = `${t.id}-option-0`), [a.RecordWidget, a.ArrayWidget].includes(
+    r
+  ) && (n = `field-${fe.generate()}`, t.kind = r === a.RecordWidget ? "record" : "group", t.fields = [
+    ...(t == null ? void 0 : t.fields) || [],
+    {
+      id: n,
+      key: "title",
+      label: "Title",
+      helper_text: "",
+      kind: "string",
+      field_interface: a.TextWidget,
+      default_value: "",
+      options: {},
+      fields: [],
+      hidden: !1,
+      readonly: !1,
+      required: !1,
+      unique: !1,
+      min: null,
+      max: null,
+      formats: se[r] || [],
+      values: [],
+      editable: !0
+    }
+  ]), t.kind = oe[r] || "string", t.default_value || (t.default_value = F[t.kind] || null), r !== a.CollectionWidget && ae.includes(r) && (t.field_interface = r), { field: t, fieldFocused: n };
+}, yt = (e, r) => {
+  var d;
+  const t = { ...e }, n = [], i = "_id";
+  if (r)
+    for (const o of r.sections ?? [])
+      for (const c of o.fields)
+        c.field_interface === "CollectionWidget" && n.push(c.key);
+  for (const o of n)
+    t[o] && typeof t[o] == "object" && (Array.isArray(t[o]) ? t[o] = (d = t[o]) == null ? void 0 : d.map(
+      (c) => c[i]
+    ) : t[o] = t[o][i]);
+  return t;
+}, ft = (e, r) => {
+  if (Array.isArray(e) && e.length > 0) {
+    let t = 0;
+    for (const n of e)
+      t += 1, n != null && n.param && r && r(
+        n == null ? void 0 : n.param,
+        {
+          type: "server_error",
+          message: n == null ? void 0 : n.message
+        },
+        {
+          shouldFocus: t === 0
+        }
+      );
+  }
+};
+function Wt(e) {
+  return O({ tag: "svg", attr: { viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M9.243 3.03a1 1 0 01.727 1.213L9.53 6h2.94l.56-2.243a1 1 0 111.94.486L14.53 6H17a1 1 0 110 2h-2.97l-1 4H15a1 1 0 110 2h-2.47l-.56 2.242a1 1 0 11-1.94-.485L10.47 14H7.53l-.56 2.242a1 1 0 11-1.94-.485L5.47 14H3a1 1 0 110-2h2.97l1-4H5a1 1 0 110-2h2.47l.56-2.243a1 1 0 011.213-.727zM9.03 8l-1 4h2.938l1-4H9.031z", clipRule: "evenodd" }, child: [] }] })(e);
+}
+function H(e) {
+  return O({ tag: "svg", attr: { viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z", clipRule: "evenodd" }, child: [] }] })(e);
+}
+const I = ({
+  children: e,
+  isRequired: r,
+  className: t,
+  ...n
+}) => /* @__PURE__ */ s.jsxs(
+  "label",
+  {
+    className: f(
+      "block text-sm font-medium leading-normal peer-disabled:cursor-not-allowed peer-disabled:opacity-70 select-none flex-1",
+      "mb-2",
+      t
+    ),
+    ...n,
+    children: [
+      e,
+      " ",
+      r && /* @__PURE__ */ s.jsx("span", { className: "text-red-500", children: "*" })
+    ]
+  }
+), Ce = ({
+  field: e,
+  isInternal: r
+}) => {
+  const { key: t = "", label: n = "", field_interface: i = "", fields: d = [] } = e, [o, c] = R("0"), { fields: u, ...g } = xe({
+    name: t
+  });
+  return !i || !t ? null : /* @__PURE__ */ s.jsxs("div", { className: "w-full max-w-full", children: [
+    /* @__PURE__ */ s.jsx(I, { className: "text-md font-medium mb-4", children: n }),
+    u && Array.isArray(u) ? /* @__PURE__ */ s.jsxs(ie, { value: o, onValueChange: c, className: "w-full", children: [
+      /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-2 w-full", children: [
+        u.length ? /* @__PURE__ */ s.jsx(le, { className: "h-11 overflow-y-hidden overflow-x-auto flex-1 w-1 justify-start", children: u == null ? void 0 : u.map((x, l) => /* @__PURE__ */ s.jsx(
+          ce,
+          {
+            id: `${e == null ? void 0 : e.key}-${l}`,
+            value: l.toString(),
+            children: l + 1
+          },
+          `array-widget-tab-${e == null ? void 0 : e.id}-${l}`
+        )) }) : null,
+        /* @__PURE__ */ s.jsxs(
+          v,
+          {
+            variant: "ghost",
+            size: "xs",
+            className: "shrink-0 grow-0",
+            onClick: () => {
+              g.append(C(d)), c(((u == null ? void 0 : u.length) ?? 0).toString());
+            },
+            children: [
+              /* @__PURE__ */ s.jsx(H, { className: "inline-block mr-1", size: "14px" }),
+              "Add"
+            ]
+          }
+        )
+      ] }),
+      u == null ? void 0 : u.map((x, l) => /* @__PURE__ */ s.jsxs(
+        ue,
+        {
+          className: "space-y-4 border rounded bg-secondary/40",
+          value: l.toString(),
+          children: [
+            /* @__PURE__ */ s.jsx("div", { className: "flex flex-col px-3 py-2 gap-3", children: d.map((p) => {
+              const b = {
+                ...p,
+                key: `${t}.${l}.${p == null ? void 0 : p.key}`
+              };
+              return /* @__PURE__ */ s.jsx(
+                J,
+                {
+                  field: b,
+                  isInternal: r
+                },
+                `common-fields-${p == null ? void 0 : p.id}`
+              );
+            }) }),
+            /* @__PURE__ */ s.jsxs("div", { className: "flex p-2 items-center border-t", children: [
+              /* @__PURE__ */ s.jsx(
+                v,
+                {
+                  onClick: () => {
+                    c((l - 1).toString()), g.move(l, l - 1);
+                  },
+                  disabled: l === 0,
+                  size: "icon",
+                  className: "rounded-full w-8 h-8",
+                  children: /* @__PURE__ */ s.jsx(de, { size: "24px" })
+                }
+              ),
+              /* @__PURE__ */ s.jsx(
+                v,
+                {
+                  className: "text-red-500",
+                  variant: "link",
+                  onClick: () => {
+                    c((l - 1).toString()), g.remove(l);
+                  },
+                  children: "Remove Item"
+                }
+              ),
+              /* @__PURE__ */ s.jsx(
+                v,
+                {
+                  className: "rounded-full w-8 h-8",
+                  onClick: () => {
+                    c((l + 1).toString()), g.move(l, l + 1);
+                  },
+                  disabled: l >= u.length - 1,
+                  size: "icon",
+                  children: /* @__PURE__ */ s.jsx(ge, { size: "24px" })
+                }
+              )
+            ] })
+          ]
+        },
+        `array-widget-tab-content-${e == null ? void 0 : e.id}-${l}`
+      ))
+    ] }) : /* @__PURE__ */ s.jsxs(
+      v,
+      {
+        variant: "ghost",
+        size: "xs",
+        onClick: () => {
+          g.append(C(d)), c("0");
+        },
+        children: [
+          /* @__PURE__ */ s.jsx(H, { className: "inline-block mr-1", size: "14px" }),
+          "Add"
+        ]
+      }
+    )
+  ] });
+}, _e = (e) => {
+  const r = e == null ? void 0 : e.key;
+  let t = r == null ? void 0 : r.replace(/_/g, " ");
+  if (t != null && t.endsWith("Id") && (t = t == null ? void 0 : t.replace("Id", "")), t.includes(".")) {
+    const [i] = t.split(".");
+    i && (t = i);
+  }
+  const n = [];
+  switch (typeof e.max < "u" && e.max !== null && n.push({
+    max: [e.max]
+  }), typeof e.min < "u" && e.min !== null && n.push({
+    min: [e.min]
+  }), e.field_interface) {
+    case a.EmailWidget:
+      n.push("email");
+      break;
+    case a.PhoneWidget:
+      n.push("phone_number");
+      break;
+    case a.URLWidget:
+      n.push("url");
+      break;
+  }
+  return {
+    required: {
+      value: !!(e != null && e.required),
+      message: `The ${t} field is required`
+    },
+    validate: (i) => {
+      var c, u;
+      if ((c = e == null ? void 0 : e.options) != null && c.disableValidation || !i)
+        return !0;
+      const d = K(
+        {
+          [e.key]: i
+        },
+        {
+          [e.key]: n
+        }
+      ), { errors: o } = d;
+      return o && (o == null ? void 0 : o.length) > 0 ? (u = o == null ? void 0 : o[0]) == null ? void 0 : u.message : !0;
+    }
+  };
+}, Re = _e, Le = j.lazy(
+  () => import("react-select-async-paginate").then((e) => ({
+    default: e.AsyncPaginate
+  }))
+), Ne = (e) => /* @__PURE__ */ s.jsx(
+  Le,
+  {
+    isClearable: !0,
+    menuPlacement: "auto",
+    isSearchable: !0,
+    unstyled: !0,
+    classNames: {
+      container: () => f("w-full min-w-none h-auto min-h-none"),
+      control: ({ isFocused: r, isMulti: t, isDisabled: n }) => f(
+        "w-full  pl-3",
+        t ? "!min-h-9 h-auto" : "h-9 !min-h-none",
+        "rounded-md border bg-transparent hover:cursor-pointer border-input text-sm shadow-sm transition-colors",
+        "flex ",
+        r && "outline-none ring-1 ring-ring",
+        n && "cursor-not-allowed opacity-50"
+      ),
+      input: () => "",
+      valueContainer: () => "gap-[4px] py-1",
+      singleValue: () => "",
+      multiValue: () => "bg-gray-100 rounded items-center py-0.5 pl-2 pr-1 gap-1.5",
+      multiValueLabel: () => "py-0.5",
+      multiValueRemove: () => "border border-gray-200 bg-white hover:bg-red-50 hover:text-red-800 text-gray-500 hover:border-red-300 rounded-md",
+      indicatorsContainer: () => "",
+      clearIndicator: () => "text-gray-500 p-1 rounded-md hover:bg-red-50 hover:text-red-800",
+      indicatorSeparator: () => "",
+      dropdownIndicator: () => "p-1 hover:bg-gray-100 text-gray-500 rounded-md hover:text-black",
+      menu: () => "p-1 mt-2 border border-gray-200 bg-white rounded-md",
+      groupHeading: () => "ml-3 mt-2 mb-1 text-gray-500 text-sm",
+      placeholder: () => "text-gray-500 pl-1 py-0.5",
+      option: ({ isSelected: r, isFocused: t }) => f(
+        "text-[.875rem] font-medium hover:cursor-pointer px-3 py-2 rounded",
+        t && "bg-gray-100 active:bg-gray-200",
+        r && "text-white bg-primary/80"
+      ),
+      noOptionsMessage: () => "text-gray-500 p-2 bg-gray-50 border border-dashed border-gray-200 rounded-sm"
+    },
+    ...e
+  }
+), Te = ({
+  children: e
+}) => /* @__PURE__ */ s.jsx("p", { className: "text-xs font-normal text-red-400 text-wrap", children: e }), Ie = ({
+  children: e
+}) => /* @__PURE__ */ s.jsx("p", { className: f("text-xs font-normal text-gray-600"), children: e }), Ae = j.forwardRef(({ error: e, helperText: r, containerStyles: t, readOnly: n, children: i }, d) => /* @__PURE__ */ s.jsx(
+  "div",
+  {
+    className: f(
+      "form-control w-full",
+      n ? "pointer-events-none" : "",
+      t
+    ),
+    ref: d,
+    children: /* @__PURE__ */ s.jsxs("div", { className: f("w-full shrink-0", "sm:flex-1"), children: [
+      i,
+      e && /* @__PURE__ */ s.jsx("div", { className: f("w-full mt-3"), children: /* @__PURE__ */ s.jsx(Te, { children: e }) }),
+      r && /* @__PURE__ */ s.jsx("div", { className: f("w-full mt-3"), children: /* @__PURE__ */ s.jsx(Ie, { children: r }) })
+    ] })
+  }
+)), De = ({
+  field: e
+}) => {
+  var A, D, M;
+  const { collection: r } = G(), [t, n] = R(!1), { key: i = "", label: d = "", helper_text: o = "", readonly: c = !1 } = e, u = i, g = ((A = e == null ? void 0 : e.options) == null ? void 0 : A.collection_key) || "", x = ((D = e == null ? void 0 : e.options) == null ? void 0 : D.label_field_key) || "", {
+    field: { value: l, onBlur: p, onChange: b, ref: W, disabled: X, ...Y },
+    fieldState: L
+  } = ye({
+    name: u,
+    rules: Re(e)
+  }), Z = !!(e != null && e.required), ee = (M = L == null ? void 0 : L.error) == null ? void 0 : M.message, te = async (y, Ye, { page: N = 1 }) => {
+    var S;
+    n(!0);
+    try {
+      const _ = await (r == null ? void 0 : r.getCollectionContentList({
+        collection_key: g,
+        page: N,
+        search: y,
+        limit: 10
+      })), k = (S = _ == null ? void 0 : _.content) == null ? void 0 : S.data, V = (k || []).map((m) => {
+        const ne = m != null && m[x] ? m == null ? void 0 : m[x] : $.toTitle((m == null ? void 0 : m.slug) || "");
+        return {
+          value: {
+            _id: m == null ? void 0 : m._id,
+            slug: m == null ? void 0 : m.slug,
+            [x]: m == null ? void 0 : m[x]
+          },
+          label: ne
+        };
+      });
+      return {
+        options: Array.isArray(V) ? V : [],
+        hasMore: k && !((k == null ? void 0 : k.length) < 10),
+        additional: {
+          page: N + 1
+        }
+      };
+    } catch {
+      return {
+        options: [],
+        hasMore: !1,
+        additional: {
+          page: N
+        }
+      };
+    } finally {
+      n(!1);
+    }
+  }, re = l ? {
+    label: l != null && l[x] ? l == null ? void 0 : l[x] : l != null && l.slug ? $.toTitle((l == null ? void 0 : l.slug) || "") : "",
+    value: {
+      _id: l == null ? void 0 : l._id,
+      slug: l == null ? void 0 : l.slug,
+      [x]: l == null ? void 0 : l[x]
+    }
+  } : null;
+  return /* @__PURE__ */ s.jsxs(
+    Ae,
+    {
+      ref: W,
+      error: ee,
+      helperText: o,
+      readOnly: c,
+      children: [
+        d && /* @__PURE__ */ s.jsx(I, { htmlFor: u, isRequired: Z, children: d }),
+        /* @__PURE__ */ s.jsx(
+          Ne,
+          {
+            id: u,
+            value: re,
+            onChange: (y) => {
+              b((y == null ? void 0 : y.value) || null);
+            },
+            onBlur: () => {
+              p();
+            },
+            loadOptions: te,
+            debounceTimeout: 500,
+            getOptionLabel: (y) => y == null ? void 0 : y.label,
+            getOptionValue: (y) => y == null ? void 0 : y.value,
+            isLoading: t,
+            additional: {
+              page: 1
+            },
+            cacheUniqs: [g],
+            minMenuHeight: 250,
+            isDisabled: X,
+            ...Y
+          }
+        )
+      ]
+    }
+  );
+}, E = h(() => import("./TextWidget-D0UBxTxe.js")), Me = h(
+  () => import("./CurrencyWidget-DVqD_lsY.js")
+), Se = h(
+  () => import("./CheckboxWidget-ComdVcZ_.js")
+), U = h(
+  () => import("./DateTimeWidget-CvgzwY1U.js")
+), q = h(
+  () => import("./DropdownWidget-C2YaM9Cf.js")
+), Ve = h(() => import("./EmailWidget-BBthwF68.js")), $e = h(
+  () => import("./GeocoderWidget-Dht_2vi6.js")
+), Pe = h(
+  () => import("./MultiGeocoderWidget-paCFW0QZ.js")
+), ze = h(() => import("./PhoneWidget-CP2T2JDx.js")), Be = h(() => import("./RadioWidget-BuFPz7kK.js")), He = h(
+  () => import("./RichTextWidget-DGFNZ1jl.js")
+), Ee = h(() => import("./SwitchWidget-t8iwhxk9.js")), Ue = h(
+  () => import("./TextareaWidget-CG6J_plD.js")
+), qe = h(
+  () => import("./ToggleCheckboxWidget-dl8ks4VX.js")
+), Fe = h(() => import("./URLWidget-CHeUEUXl.js")), T = h(() => import("./UploadWidget-CzYGViqE.js")), Oe = ({
+  field: e,
+  isInternal: r
+}) => {
+  var i, d, o, c;
+  const { field_interface: t, key: n } = e;
+  if (!t || !n)
+    return null;
+  switch (t) {
+    case a.TextWidget:
+      return /* @__PURE__ */ s.jsx(E, { field: e });
+    case a.NumberWidget:
+      return /* @__PURE__ */ s.jsx(E, { type: "number", field: e });
+    case a.CurrencyWidget:
+      return /* @__PURE__ */ s.jsx(Me, { field: e });
+    case a.CheckboxWidget:
+      return /* @__PURE__ */ s.jsx(Se, { field: e });
+    case a.DateTimeWidget:
+      return /* @__PURE__ */ s.jsx(U, { field: e });
+    case a.DateWidget:
+      return /* @__PURE__ */ s.jsx(U, { field: e });
+    case a.DropdownWidget:
+      return /* @__PURE__ */ s.jsx(q, { field: e, isMulti: !1 });
+    case a.MultiDropdownWidget:
+      return /* @__PURE__ */ s.jsx(q, { field: e, isMulti: !0 });
+    case a.EmailWidget:
+      return /* @__PURE__ */ s.jsx(Ve, { field: e });
+    case a.GeocoderWidget:
+      return /* @__PURE__ */ s.jsx($e, { field: e });
+    case a.MultiGeocoderWidget:
+      return /* @__PURE__ */ s.jsx(Pe, { field: e });
+    case a.PhoneWidget:
+      return /* @__PURE__ */ s.jsx(ze, { field: e });
+    case a.RadioWidget:
+      return /* @__PURE__ */ s.jsx(Be, { field: e });
+    case a.RichTextWidget:
+      return /* @__PURE__ */ s.jsx(He, { field: e });
+    case a.SwitchWidget:
+      return /* @__PURE__ */ s.jsx(Ee, { field: e });
+    case a.TextareaWidget:
+      return /* @__PURE__ */ s.jsx(Ue, { field: e });
+    case a.ToggleCheckboxWidget:
+      return /* @__PURE__ */ s.jsx(qe, { field: e });
+    case a.URLWidget:
+      return /* @__PURE__ */ s.jsx(Fe, { field: e });
+    case a.ImageUploadWidget:
+      return /* @__PURE__ */ s.jsx(
+        T,
+        {
+          field: e,
+          isMultiple: !1,
+          kind: ["image"],
+          isExternal: !r
+        }
+      );
+    case a.MultiImageUploadWidget:
+      return /* @__PURE__ */ s.jsx(
+        T,
+        {
+          field: e,
+          isMultiple: !0,
+          kind: ["image"],
+          isExternal: !r
+        }
+      );
+    case a.FileUploadWidget:
+      return /* @__PURE__ */ s.jsx(
+        T,
+        {
+          field: e,
+          isMultiple: !1,
+          kind: ["document"],
+          isExternal: !r
+        }
+      );
+    case a.CollectionWidget:
+      return !((i = e == null ? void 0 : e.options) != null && i.collection_key) || !((d = e == null ? void 0 : e.options) != null && d.label_field_key) ? (console.error(
+        "[LevoCollection]: Error while rendering collection widget. Collection key of label field key is required."
+      ), null) : (o = e == null ? void 0 : e.options) != null && o.connected_have_many_current && ((c = e == null ? void 0 : e.options) != null && c.current_have_many_connected) ? (console.error(
+        "[LevoCollection]: Error while rendering collection widget. Field options not set correctly."
+      ), null) : /* @__PURE__ */ s.jsx(De, { field: e });
+    default:
+      return null;
+  }
+}, Ge = ({
+  field: e,
+  isInternal: r
+}) => {
+  const { key: t = "", label: n = "", field_interface: i = "", fields: d = [] } = e;
+  return !i || !t ? null : /* @__PURE__ */ s.jsxs("div", { className: "w-full", children: [
+    /* @__PURE__ */ s.jsx(I, { className: "text-md font-medium mb-4", children: n }),
+    /* @__PURE__ */ s.jsx("div", { className: "border rounded bg-secondary/40 flex flex-col px-3 py-4 gap-3", children: d.map((o) => {
+      const c = {
+        ...o,
+        key: `${t}.${o == null ? void 0 : o.key}`
+      };
+      return /* @__PURE__ */ s.jsx(
+        J,
+        {
+          field: c,
+          isInternal: r
+        },
+        `common-fields-${e == null ? void 0 : e.id}-${o == null ? void 0 : o.id}`
+      );
+    }) })
+  ] });
+}, J = (e) => {
+  const { field_interface: r = "", key: t = "" } = e.field;
+  if (!r || !t)
+    return null;
+  switch (r) {
+    case a.ArrayWidget:
+      return /* @__PURE__ */ s.jsx(Ce, { ...e });
+    case a.RecordWidget:
+      return /* @__PURE__ */ s.jsx(Ge, { ...e });
+    default:
+      return /* @__PURE__ */ s.jsx(Oe, { ...e });
+  }
+}, Q = j.createContext({
+  schema: null,
+  submitButtonConfig: {
+    show: !0
+  }
+}), Ke = ({
+  children: e,
+  ...r
+}) => {
+  const { schema: t, onFormView: n } = r, { ref: i } = je({
+    triggerOnce: !0,
+    onChange: (d) => {
+      d && (t != null && t.id) && n && n({ schemaId: t.id });
+    }
+  });
+  return /* @__PURE__ */ s.jsxs(Q.Provider, { value: { ...r }, children: [
+    /* @__PURE__ */ s.jsx("div", { ref: i }),
+    e
+  ] });
+}, bt = () => j.useContext(Q), Je = j.lazy(
+  () => import("./DefaultFormVariant-CbRB9O_e.js")
+), Qe = j.lazy(
+  () => import("./StepsFormVariant-5_c3f2Vk.js")
+), Xe = ({
+  formVariant: e,
+  ...r
+}) => {
+  const { schema: t, uiConfig: n } = r;
+  return /* @__PURE__ */ s.jsxs(Ke, { ...r, children: [
+    n != null && n.hideFormHeading ? null : /* @__PURE__ */ s.jsxs(
+      "h1",
+      {
+        className: f(
+          "text-2xl text-left text-black mb-4 font-semibold",
+          e === "default" ? "ml-[32%]" : "ml-0"
+        ),
+        children: [
+          "Create new ",
+          be.singularize((t == null ? void 0 : t.name) || "")
+        ]
+      }
+    ),
+    /* @__PURE__ */ s.jsx(he, { children: e === "steps" ? /* @__PURE__ */ s.jsx(Qe, {}) : /* @__PURE__ */ s.jsx(Je, {}) })
+  ] });
+}, jt = ({
+  collection_id: e,
+  hiddenFields: r,
+  ...t
+}) => {
+  const { collection: n } = G(), [i, d] = R(!0), [o, c] = R(null);
+  return pe(() => {
+    e ? n == null || n.getCollectionByIDExpanded(e, {
+      headers: {
+        "Levo-Workspace": t == null ? void 0 : t.workspace_id
+      }
+    }).then((u) => {
+      var x, l;
+      const g = (x = u == null ? void 0 : u.content) == null ? void 0 : x.data;
+      if (g)
+        g.sections = (l = g == null ? void 0 : g.sections) == null ? void 0 : l.map(
+          (p) => {
+            var b;
+            return p.fields = (b = p == null ? void 0 : p.fields) == null ? void 0 : b.map((W) => (r != null && r.includes(W == null ? void 0 : W.key) && (W.hidden = !0), W)), p;
+          }
+        ), c(g);
+      else
+        throw new Error(`API response invalid: ${g}`);
+    }).catch((u) => {
+      console.error("Error fetching schema", u);
+    }).finally(() => {
+      d(!1);
+    }) : (console.error(
+      "[CollectionFormBuilder] Collection ID or Workspace ID is missing."
+    ), d(!1));
+  }, [e]), /* @__PURE__ */ s.jsx("div", { className: "w-full h-auto", children: i ? /* @__PURE__ */ s.jsx("div", { className: "min-h-[400px] w-full flex justify-center items-center bg-white rounded-md", children: /* @__PURE__ */ s.jsx(me, {}) }) : o ? /* @__PURE__ */ s.jsx(Xe, { schema: o, ...t }) : null });
+};
+export {
+  jt as C,
+  J as F,
+  Wt as H,
+  K as a,
+  ht as b,
+  B as c,
+  pt as d,
+  ve as e,
+  ft as f,
+  C as g,
+  Re as h,
+  we as i,
+  Ae as j,
+  I as k,
+  _e as l,
+  bt as m,
+  z as p,
+  yt as s,
+  xt as u,
+  mt as v
+};