@levo-so/react 0.1.14 → 0.1.16

package/dist/CollectionFormBuilder-B6CAVKhg.js

@@ -1,772 +0,0 @@
-"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 b, { useState as T, lazy as h, Suspense as ie, useEffect as le } from "react";
-import { useFieldArray as ce, useController as ue } from "react-hook-form";
-import { G as O, T as de, a as ge, c as me, B as v, d as he, r as pe, s as xe, S as ye } from "./Spinner-DzGH5rKe.js";
-import { Mate as $ } from "@theinternetfolks/mate";
-import { u as G } from "./LevoProvider-BI6g_T4E.js";
-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 * as je from "inflection";
-import { useInView as be } 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 z.isValidNumber(z.parseAndKeepRawInput(e));
-  } 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 E(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 A = ({
-  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] = T("0"), { fields: u, ...g } = ce({
-    name: t
-  });
-  return !i || !t ? null : /* @__PURE__ */ s.jsxs("div", { className: "w-full max-w-full", children: [
-    /* @__PURE__ */ s.jsx(A, { className: "text-md font-medium mb-4", children: n }),
-    u && Array.isArray(u) ? /* @__PURE__ */ s.jsxs(de, { 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(ge, { 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(
-          me,
-          {
-            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(E, { className: "inline-block mr-1", size: "14px" }),
-              "Add"
-            ]
-          }
-        )
-      ] }),
-      u == null ? void 0 : u.map((x, l) => /* @__PURE__ */ s.jsxs(
-        he,
-        {
-          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 j = {
-                ...p,
-                key: `${t}.${l}.${p == null ? void 0 : p.key}`
-              };
-              return /* @__PURE__ */ s.jsx(
-                J,
-                {
-                  field: j,
-                  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(pe, { 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(xe, { 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(E, { className: "inline-block mr-1", size: "14px" }),
-          "Add"
-        ]
-      }
-    )
-  ] });
-}, Re = (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;
-    }
-  };
-}, _e = b.lazy(
-  () => import("react-select-async-paginate").then((e) => ({
-    default: e.AsyncPaginate
-  }))
-), Te = (e) => /* @__PURE__ */ s.jsx(
-  _e,
-  {
-    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
-  }
-), Le = ({
-  children: e
-}) => /* @__PURE__ */ s.jsx("p", { className: "text-xs font-normal text-red-400 text-wrap", children: e }), Ne = ({
-  children: e
-}) => /* @__PURE__ */ s.jsx("p", { className: f("text-xs font-normal text-gray-600"), children: e }), Ae = b.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(Le, { children: e }) }),
-      r && /* @__PURE__ */ s.jsx("div", { className: f("w-full mt-3"), children: /* @__PURE__ */ s.jsx(Ne, { children: r }) })
-    ] })
-  }
-)), Ie = ({
-  field: e
-}) => {
-  var I, M, D;
-  const { collection: r } = G(), [t, n] = T(!1), { key: i = "", label: d = "", helper_text: o = "", readonly: c = !1 } = e, u = i, g = ((I = e == null ? void 0 : e.options) == null ? void 0 : I.collection_key) || "", x = ((M = e == null ? void 0 : e.options) == null ? void 0 : M.label_field_key) || "", {
-    field: { value: l, onBlur: p, onChange: j, ref: W, disabled: X, ...Y },
-    fieldState: L
-  } = ue({
-    name: u,
-    rules: Re(e)
-  }), Z = !!(e != null && e.required), ee = (D = L == null ? void 0 : L.error) == null ? void 0 : D.message, te = async (y, Ye, { page: N = 1 }) => {
-    var S;
-    n(!0);
-    try {
-      const R = await (r == null ? void 0 : r.getCollectionContentList({
-        collection_key: g,
-        page: N,
-        search: y,
-        limit: 10
-      })), k = (S = R == null ? void 0 : R.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(A, { htmlFor: u, isRequired: Z, children: d }),
-        /* @__PURE__ */ s.jsx(
-          Te,
-          {
-            id: u,
-            value: re,
-            onChange: (y) => {
-              j((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
-          }
-        )
-      ]
-    }
-  );
-}, Me = h(
-  () => import("./MultiTextWidget-CyQRcWC8.js")
-), H = h(() => import("./TextWidget-Bvsz-hey.js")), De = h(
-  () => import("./CurrencyWidget-COoMkfsA.js")
-), Se = h(
-  () => import("./CheckboxWidget-BctVOZiO.js")
-), U = h(
-  () => import("./DateTimeWidget-DcbQ3smI.js")
-), q = h(
-  () => import("./DropdownWidget-DszCTSWr.js")
-), Ve = h(() => import("./EmailWidget-CG9oNUM5.js")), $e = h(
-  () => import("./GeocoderWidget-CXu17A7y.js")
-), Pe = h(
-  () => import("./MultiGeocoderWidget-D3Xmv8g4.js")
-), ze = h(() => import("./PhoneWidget-C1Jt7kXL.js")), Be = h(() => import("./RadioWidget-BrLNF-I2.js")), Ee = h(
-  () => import("./RichTextWidget-BogYcPtS.js")
-), He = h(() => import("./SwitchWidget-BT0-waP9.js")), Ue = h(
-  () => import("./TextareaWidget-8SLym--T.js")
-), qe = h(
-  () => import("./ToggleCheckboxWidget-VrCQBF5C.js")
-), Fe = h(() => import("./URLWidget-B99nKr6N.js")), _ = h(() => import("./UploadWidget-ZebPWZZZ.js")), Oe = ({
-  field: e,
-  isInternal: r
-}) => {
-  var i, d, o;
-  const { field_interface: t, key: n } = e;
-  if (!t || !n)
-    return null;
-  switch (t) {
-    case a.TextWidget:
-      return /* @__PURE__ */ s.jsx(H, { field: e });
-    case a.NumberWidget:
-      return /* @__PURE__ */ s.jsx(H, { type: "number", field: e });
-    case a.CurrencyWidget:
-      return /* @__PURE__ */ s.jsx(De, { 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.MultiTextWidget:
-      return /* @__PURE__ */ s.jsx(Me, { field: e });
-    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(Ee, { field: e });
-    case a.SwitchWidget:
-      return /* @__PURE__ */ s.jsx(He, { 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(
-        _,
-        {
-          field: e,
-          isMultiple: !1,
-          kind: ["image"],
-          isExternal: !r
-        }
-      );
-    case a.MultiImageUploadWidget:
-      return /* @__PURE__ */ s.jsx(
-        _,
-        {
-          field: e,
-          isMultiple: !0,
-          kind: ["image"],
-          isExternal: !r
-        }
-      );
-    case a.FileUploadWidget:
-      return /* @__PURE__ */ s.jsx(
-        _,
-        {
-          field: e,
-          isMultiple: !1,
-          kind: ["audio", "video", "image", "document"],
-          isExternal: !r
-        }
-      );
-    case a.MultiFileUploadWidget:
-      return /* @__PURE__ */ s.jsx(
-        _,
-        {
-          field: e,
-          isMultiple: !0,
-          kind: ["audio", "video", "image", "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) : (
-        /**
-         * @context
-         *
-         * this includes both `o2m` and `m2m` relationships, which if rendered
-         * should be using a multi-select dropdown widget
-         *
-         *
-         * @todo
-         * but, if such a field exist, we should be handling that with a modal or a drawer widget
-         * which renders a table with a multi-row select.
-         *
-         * the selected row, would then become connected to the current row.
-         *
-         * e.g.: `blog` collection key can have an `o2m` relationship with `post` collection key
-         *
-         * in this case, the `post` collection key should be rendered as a widget which shows count of posts
-         * and on clicking which actually opens a modal or a drawer widget which renders a table with a multi-row select
-         *
-         */
-        (o = e == null ? void 0 : e.options) != null && o.current_have_many_connected ? (console.error(
-          "[LevoCollection]: Error while rendering collection widget. Field options not set correctly."
-        ), null) : /* @__PURE__ */ s.jsx(Ie, { 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(A, { 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 = b.createContext({
-  schema: null,
-  submitButtonConfig: {
-    show: !0
-  }
-}), Ke = ({
-  children: e,
-  ...r
-}) => {
-  const { schema: t, onFormView: n } = r, { ref: i } = be({
-    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
-  ] });
-}, jt = () => b.useContext(Q), Je = b.lazy(
-  () => import("./DefaultFormVariant-C6zbKgwB.js")
-), Qe = b.lazy(
-  () => import("./StepsFormVariant-Bx-jdciC.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 ",
-          je.singularize((t == null ? void 0 : t.name) || "")
-        ]
-      }
-    ),
-    /* @__PURE__ */ s.jsx(ie, { children: e === "steps" ? /* @__PURE__ */ s.jsx(Qe, {}) : /* @__PURE__ */ s.jsx(Je, {}) })
-  ] });
-}, bt = ({
-  collection_id: e,
-  hiddenFields: r,
-  ...t
-}) => {
-  const { collection: n } = G(), [i, d] = T(!0), [o, c] = T(null);
-  return le(() => {
-    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 j;
-            return p.fields = (j = p == null ? void 0 : p.fields) == null ? void 0 : j.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(ye, {}) }) : o ? /* @__PURE__ */ s.jsx(Xe, { schema: o, ...t }) : null });
-};
-export {
-  bt 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,
-  A as k,
-  jt as l,
-  z as p,
-  yt as s,
-  xt as u,
-  mt as v
-};