@chaibuilder/sdk 4.0.0-beta.49 → 4.0.0-beta.51

package/dist/page-creator-DKEkuGCO.js

@@ -1,796 +0,0 @@
-import { jsx as s, jsxs as a, Fragment as We } from "react/jsx-runtime";
-import { z as Y, h as ye, B as W } from "./register-chai-top-bar-D6GjnauV.js";
-import { j as os, p as z, X as ee, Y as se, P as le, C as ae, k as ne, l as G, m as I, ax as cs, d as us } from "./index-OuHV9Ann.js";
-import { useState as y, useRef as ms, useEffect as ze, useMemo as B, startTransition as Oe } from "react";
-import { r as te, S as hs, c as Be } from "./slug-input-DLWTMTsO.js";
-import { isEmpty as Ie, startCase as de, filter as ps, find as ge, groupBy as ds, pick as fs, set as P } from "lodash-es";
-import { ChevronDown as re, Search as ie, Check as R } from "lucide-react";
-import { aq as Re, ar as Ue, A as oe, k as gs, as as ys, e as vs, f as Ns, g as Ss, ax as bs, L as xs } from "./index-LBTm1Jmk.js";
-import { useQuery as qe } from "@tanstack/react-query";
-import { toast as E } from "sonner";
-import { g as $e } from "./get-seo-defaults-9zHebckY.js";
-function ws({
-  value: l,
-  onChange: o,
-  placeholder: v = "Enter custom slug part",
-  dynamicPattern: p,
-  onValidationChange: i
-}) {
-  const [g, u] = y(null), m = ms(null), [f, C] = y(p + l);
-  ze(() => {
-    C(p + l);
-  }, [l, p]);
-  const F = (S) => {
-    const b = S.target.value;
-    if (!b.startsWith(p)) {
-      const O = b.replace(p, ""), U = p + O;
-      C(U), o(O);
-      return;
-    }
-    const t = b.substring(p.length).replace(/\//g, "").replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-_.]/g, "-").replace(/-+/g, "-").replace(/^-+/, "").toLowerCase(), n = (t.match(/\./g) || []).length, d = n <= 1;
-    n > 1 ? u("Invalid slug. Only one dot (.) is allowed in the slug") : u(null), i && i(d);
-    const N = p + t;
-    C(N), o(t);
-  }, x = () => {
-    if (m.current) {
-      const S = m.current;
-      setTimeout(() => {
-        const b = p.length;
-        S.setSelectionRange(b, b);
-      }, 0);
-    }
-  }, $ = (S) => {
-    const b = S.currentTarget;
-    (b.selectionStart || 0) <= p.length && setTimeout(() => {
-      const t = p.length;
-      b.setSelectionRange(t, t);
-    }, 0);
-  };
-  return /* @__PURE__ */ s("div", { children: /* @__PURE__ */ a("div", { className: "relative", children: [
-    /* @__PURE__ */ a("p", { className: "mb-2 text-xs text-gray-500", children: [
-      `${p}`,
-      " is a dynamic segment of slug"
-    ] }),
-    /* @__PURE__ */ s(
-      Y,
-      {
-        ref: m,
-        value: f,
-        onChange: F,
-        onFocus: x,
-        onClick: $,
-        placeholder: v,
-        className: g ? "border-red-500" : ""
-      }
-    ),
-    g && /* @__PURE__ */ s("div", { className: "mt-1 text-xs text-red-500", children: g })
-  ] }) });
-}
-const ce = ({ children: l, onWheel: o, ...v }) => /* @__PURE__ */ s(os, { ...v, onWheel: (i) => {
-  try {
-    i.preventDefault();
-    const g = i.currentTarget;
-    g.scrollTop += i.deltaY;
-  } catch {
-    i.preventDefault();
-  }
-  o && o(i);
-}, children: l }), fe = (...l) => l.filter(Boolean).join(" ");
-function Cs({
-  pages: l,
-  selectedParentId: o,
-  onChange: v,
-  className: p,
-  id: i = "parentPage",
-  currentPage: g
-}) {
-  const [u, m] = y(!1), [f, C] = y(""), F = ye("enable-add-page-dropdown");
-  F || (p = "w-full rounded-md border border-gray-300 px-3 py-2");
-  const x = B(() => !l || l.length === 0 ? [] : l.filter((d) => !Ie(d.slug)).filter((d) => d.slug !== "/").sort((d, N) => d.slug.localeCompare(N.slug)), [l]), $ = B(() => {
-    if (!f.trim()) return x;
-    const n = f.toLowerCase();
-    return x.filter(
-      (d) => d.name.toLowerCase().includes(n) || d.slug.toLowerCase().includes(n)
-    );
-  }, [x, f]), S = (n) => Math.max(0, (n.match(/\//g) || []).length - 1), b = (n) => "    ".repeat(n), h = (n) => {
-    if (n === "/") return "/";
-    const d = n.split("/").filter(Boolean);
-    if (d.length <= 1) {
-      const N = d[0] || "";
-      return `/${te(N)}`;
-    }
-    return `/${te(d[d.length - 1])}`;
-  }, t = () => {
-    if (!o || o === "none") return "None";
-    const n = x.find((d) => d.id === o);
-    return n ? `${n.name} (${h(n.slug)})` : "None";
-  };
-  return /* @__PURE__ */ a("div", { className: "space-y-0.5", children: [
-    /* @__PURE__ */ s(z, { htmlFor: i, className: "text-sm", children: "Parent" }),
-    F ? /* @__PURE__ */ a(ee, { open: u, onOpenChange: m, children: [
-      /* @__PURE__ */ s(se, { asChild: !0, children: /* @__PURE__ */ a(
-        W,
-        {
-          id: i,
-          variant: "outline",
-          role: "combobox",
-          className: fe("w-full justify-between", p),
-          "data-testid": "parent-page-selector",
-          children: [
-            t(),
-            /* @__PURE__ */ s(re, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ s(le, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ a(ae, { shouldFilter: !1, children: [
-        /* @__PURE__ */ s("div", { className: "relative border-none py-2", children: /* @__PURE__ */ s("div", { className: "sticky top-0 z-10 bg-white px-3 py-2", children: /* @__PURE__ */ a("div", { className: "relative", children: [
-          /* @__PURE__ */ s(ie, { strokeWidth: 2, className: "absolute left-2 top-2 h-4 w-4 text-gray-400" }),
-          /* @__PURE__ */ s(
-            Y,
-            {
-              placeholder: "Search pages...",
-              className: "h-8 pl-8 text-xs",
-              value: f,
-              onChange: (n) => C(n.target.value)
-            }
-          )
-        ] }) }) }),
-        /* @__PURE__ */ a(ce, { className: "max-h-[300px] overflow-y-auto", children: [
-          /* @__PURE__ */ s(ne, { children: "No pages found." }),
-          /* @__PURE__ */ a(G, { children: [
-            /* @__PURE__ */ a(
-              I,
-              {
-                value: "none",
-                onSelect: () => {
-                  v(""), m(!1), C("");
-                },
-                className: "flex cursor-pointer items-center justify-between",
-                children: [
-                  /* @__PURE__ */ s("span", { children: "None" }),
-                  /* @__PURE__ */ s(R, { className: fe("mr-2 h-4 w-4", o ? "opacity-0" : "opacity-100") })
-                ]
-              }
-            ),
-            $.map((n) => {
-              const d = b(S(n.slug)), N = h(n.slug), O = /* @__PURE__ */ a("span", { className: "flex items-center text-sm", children: [
-                d,
-                n.name,
-                /* @__PURE__ */ a("span", { className: "text-xs text-gray-500", children: [
-                  " (",
-                  N,
-                  ")"
-                ] })
-              ] });
-              return /* @__PURE__ */ a(
-                I,
-                {
-                  value: n.id,
-                  onSelect: () => {
-                    v(n.id), m(!1), C("");
-                  },
-                  className: "flex cursor-pointer items-center justify-between whitespace-pre-wrap",
-                  children: [
-                    /* @__PURE__ */ s("span", { children: O }),
-                    /* @__PURE__ */ s(
-                      R,
-                      {
-                        className: fe(
-                          "mr-2 h-4 w-4 shrink-0",
-                          o === n.id ? "opacity-100" : "opacity-0"
-                        )
-                      }
-                    )
-                  ]
-                },
-                n.id
-              );
-            })
-          ] })
-        ] })
-      ] }) })
-    ] }) : /* @__PURE__ */ a(
-      "select",
-      {
-        id: i,
-        value: o || "none",
-        onChange: (n) => v(n.target.value),
-        className: p,
-        "data-testid": "parent-page-selector",
-        children: [
-          /* @__PURE__ */ s("option", { value: "none", children: "None" }),
-          x.map((n) => {
-            const d = S(n.slug), N = d > 0 ? b(d) : "", O = h(n.slug);
-            return (g == null ? void 0 : g.id) === n.id || n.slug.startsWith(((g == null ? void 0 : g.slug) || "") + "/") ? null : /* @__PURE__ */ a("option", { value: n.id, children: [
-              N,
-              n.name,
-              " (",
-              O,
-              ")"
-            ] }, n.id);
-          })
-        ]
-      }
-    )
-  ] });
-}
-const ks = (...l) => l.filter(Boolean).join(" "), Ls = ({
-  templates: l,
-  selectedTemplateId: o,
-  onSelectTemplate: v,
-  isLoading: p = !1
-}) => {
-  const [i, g] = y(""), [u, m] = y(!1), [f, C] = y(""), F = ye("enable-add-page-dropdown");
-  if (ze(() => {
-    if (o) {
-      const h = l.find((t) => t.id === o);
-      Oe(() => g((h == null ? void 0 : h.preview) || ""));
-    } else
-      Oe(() => g(""));
-  }, [o, l]), p)
-    return /* @__PURE__ */ s("div", { className: "flex h-fit items-center justify-center text-sm text-gray-500", children: "Loading templates..." });
-  if (l.length === 0)
-    return null;
-  const x = {};
-  l.forEach((h) => {
-    const t = h.libraryName;
-    x[t] || (x[t] = []), x[t].push(h);
-  });
-  const $ = Object.entries(x).reduce(
-    (h, [t, n]) => {
-      const d = n.filter(
-        (N) => N.name.toLowerCase().includes(f.toLowerCase()) || t.toLowerCase().includes(f.toLowerCase())
-      );
-      return d.length > 0 && (h[t] = d), h;
-    },
-    {}
-  ), S = l.find((h) => h.id === o), b = S ? de(S.name) : "No Template";
-  return /* @__PURE__ */ a("div", { className: "space-y-4", children: [
-    F ? /* @__PURE__ */ a(ee, { open: u, onOpenChange: m, children: [
-      /* @__PURE__ */ s(se, { asChild: !0, children: /* @__PURE__ */ a(W, { variant: "outline", role: "combobox", className: "w-full justify-between", children: [
-        b,
-        /* @__PURE__ */ s(re, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
-      ] }) }),
-      /* @__PURE__ */ s(le, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ a(ae, { shouldFilter: !1, children: [
-        /* @__PURE__ */ s("div", { className: "sticky top-0 z-10 bg-white px-3 py-2", children: /* @__PURE__ */ a("div", { className: "relative", children: [
-          /* @__PURE__ */ s(ie, { strokeWidth: 2, className: "absolute left-2 top-2 h-4 w-4 text-gray-400" }),
-          /* @__PURE__ */ s(
-            Y,
-            {
-              placeholder: "Search templates...",
-              className: "h-8 pl-8 text-xs",
-              value: f,
-              onChange: (h) => C(h.target.value)
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ a(ce, { className: "max-h-[300px] overflow-y-auto", children: [
-          /* @__PURE__ */ s(ne, { children: "No templates found." }),
-          Object.entries($).map(([h, t]) => /* @__PURE__ */ s(G, { heading: h, children: t.map((n) => /* @__PURE__ */ a(
-            I,
-            {
-              value: n.id,
-              onSelect: () => {
-                v(n.id), m(!1), C("");
-              },
-              className: "flex cursor-pointer items-center justify-between",
-              children: [
-                de(n.name),
-                /* @__PURE__ */ s(
-                  R,
-                  {
-                    className: ks(
-                      "mr-2 h-4 w-4",
-                      o === n.id ? "opacity-100" : "opacity-0"
-                    )
-                  }
-                )
-              ]
-            },
-            n.id
-          )) }, h))
-        ] })
-      ] }) })
-    ] }) : /* @__PURE__ */ a(
-      "select",
-      {
-        className: "w-full rounded-md border border-gray-300 px-3 py-2",
-        value: o,
-        onChange: (h) => v(h.target.value),
-        children: [
-          /* @__PURE__ */ s("option", { value: "", children: "No Template" }),
-          Object.entries(x).map(([h, t]) => /* @__PURE__ */ s("optgroup", { label: h, children: t.map((n) => /* @__PURE__ */ s("option", { value: n.id, children: de(n.name) }, n.id)) }, h))
-        ]
-      }
-    ),
-    i && /* @__PURE__ */ a("div", { className: "mt-3 overflow-hidden rounded border", children: [
-      /* @__PURE__ */ s("div", { className: "max-h-[200px] overflow-auto", children: /* @__PURE__ */ s("img", { src: i, alt: "Template Preview", className: "w-full object-contain" }) }),
-      /* @__PURE__ */ s("div", { className: "border-t bg-gray-50 p-2 text-xs text-gray-500", children: "Template preview" })
-    ] })
-  ] });
-}, Ts = () => {
-  const l = Re(), o = Ue();
-  return qe({
-    queryKey: [oe.GET_LIBRARIES],
-    staleTime: "static",
-    queryFn: async () => await o(l, { action: oe.GET_LIBRARIES }) || []
-  });
-}, js = (l) => {
-  const o = Re(), v = Ue();
-  return qe({
-    queryKey: [oe.GET_TEMPLATES_BY_TYPE, l],
-    staleTime: "static",
-    enabled: !!l,
-    queryFn: async () => {
-      const p = await v(o, {
-        action: oe.GET_TEMPLATES_BY_TYPE,
-        data: { pageType: l }
-      });
-      return (l ? ps(p, { pageType: l }) : p) || [];
-    }
-  });
-}, Ds = (l) => {
-  const { data: o = [], isLoading: v } = js(l), { data: p = [], isLoading: i } = Ts(), g = B(() => v || i ? [] : o.map((m) => {
-    const f = ge(p, { id: m.library });
-    return {
-      ...m,
-      libraryName: (f == null ? void 0 : f.type) !== "shared" ? "Site Library" : (f == null ? void 0 : f.name) + " Library",
-      libraryType: f == null ? void 0 : f.type
-    };
-  }), [o, p, v, i]), u = B(() => ds(g, "libraryName"), [g]);
-  return {
-    data: g,
-    groupedData: u,
-    isLoading: v || i
-  };
-}, V = (...l) => l.filter(Boolean).join(" ");
-function _s({ addEditPage: l, close: o, closePanel: v }) {
-  var Ae, Fe;
-  const { data: p } = gs(), i = B(() => p ?? [], [p]), g = ys(), u = !!(l != null && l.id), { data: m } = vs(), { mutate: f, isPending: C } = Ns(), { mutate: F, isPending: x } = Ss(), [$, S] = y(null), [b, h] = y(!0), [t, n] = y((l == null ? void 0 : l.pageType) ?? "page"), { hasPermission: d } = cs(), N = d(bs.CHANGE_PAGE_TYPE), [O, U] = y(!1), [_e, Ve] = y(""), { selectedLang: Ge, fallbackLang: Ye } = us(), ve = Ge || Ye, [M, X] = y(""), [Ne, H] = y(!1), Se = B(() => {
-    const e = i.find((c) => c.key === t);
-    return (e == null ? void 0 : e.hasSlug) === !1;
-  }, [t, i]), [k, Me] = y((l == null ? void 0 : l.parent) ?? ""), [q, be] = y((l == null ? void 0 : l.name) ?? ""), [T, xe] = y((l == null ? void 0 : l.dynamic) ?? !1), [j, K] = y(T ? "" : ((l == null ? void 0 : l.slug) ?? "").split("/").pop() || ""), [we, Ce] = y((l == null ? void 0 : l.dynamicSlugCustom) ?? ""), [ke, Qe] = y(!0), [He, ue] = y(!1), [me, Ke] = y(""), { data: Le, isLoading: Xe } = Ds(t), Q = C || x, Te = ye("enable-add-page-dropdown"), he = B(() => !u || !(l != null && l.id) || !m ? null : m.find((e) => e.id === l.id), [u, l == null ? void 0 : l.id, m]), Ze = (he == null ? void 0 : he.online) || !1, Je = B(() => !u || !(l != null && l.id) || !m ? !1 : m.some((e) => e.parent === l.id), [u, l == null ? void 0 : l.id, m]), r = i.find((e) => e.key === t), _ = (e) => {
-    if (u && t !== e) {
-      Ve(e), U(!0), X(""), H(!1);
-      return;
-    }
-    n(e), X(""), H(!1);
-  }, je = () => {
-    n(_e), U(!1), xe(!1);
-  }, Pe = (e) => {
-    xe(e), e ? K("") : Ce("");
-  }, Ee = (e) => {
-    if (Me(e), e && e !== "none") {
-      const c = m == null ? void 0 : m.find((w) => w.id === e), D = (c == null ? void 0 : c.slug) || "";
-      if (j.startsWith(D)) {
-        const w = j.slice(D.length).replace(/^\/+/, "");
-        K(w);
-      } else
-        K(j.replace(/^\/+/, ""));
-    } else
-      K(j ? `${j}` : "");
-  }, es = (e) => {
-    Ke(e);
-  }, ss = () => q.trim() ? T && !Ie(j) ? (S("Slug must be empty when using dynamic slug"), !1) : T && !ke ? (S("Dynamic slug is invalid"), !1) : !0 : (E.error("Name is required"), !1), ls = () => {
-    const e = {
-      pageType: r == null ? void 0 : r.key,
-      name: q,
-      slug: "",
-      hasSlug: !1
-    };
-    u ? F(
-      { id: l == null ? void 0 : l.id, name: q },
-      {
-        onSuccess: () => {
-          E.success((r == null ? void 0 : r.name) + " updated successfully"), o();
-        }
-      }
-    ) : f(e, {
-      onSuccess: (c) => {
-        o(), g(c.page.id, v);
-      }
-    });
-  }, as = (e, c) => {
-    if (!e.trim() && !T)
-      return S("Child page slug is required"), !1;
-    const D = te(c), w = Be(D, e);
-    return Object.keys(xs).some((J) => w === `/${J}` || (w == null ? void 0 : w.startsWith(`/${J}/`))) ? (S("Slugs cannot start with a language code for primary page"), !1) : !0;
-  }, ns = (e, c) => {
-    const D = te(c), w = Be(D, e), L = {
-      pageType: t,
-      name: q,
-      slug: w.replace(/\/$/, ""),
-      // remove trailing slashes
-      parent: k,
-      dynamic: T,
-      hasSlug: !0,
-      template: me || void 0,
-      tracking: {},
-      seo: {},
-      jsonLD: {}
-    };
-    if (T && (L.dynamicSlugCustom = we), u) {
-      const A = fs(L, ["pageType", "parent", "name", "slug", "dynamic", "dynamicSlugCustom"]);
-      F(
-        { id: l == null ? void 0 : l.id, ...A },
-        {
-          onSuccess: () => {
-            E.success("Page updated successfully"), o();
-          }
-        }
-      );
-    } else {
-      const A = ge(i, { key: t });
-      A != null && A.trackingDefault && (L.tracking = A.trackingDefault);
-      const { seo: J, jsonLD: rs } = $e(A, ve);
-      P(L, "seo", J), P(L, "jsonLD", rs), f(L, {
-        onSuccess: (is) => {
-          o(), g(is.page.id, v);
-        }
-      });
-    }
-  }, ts = () => {
-    const e = {
-      pageType: t,
-      name: q,
-      slug: j === "" ? "/" : `/${j.replace(/\/$/, "")}`,
-      template: me || void 0,
-      parent: null,
-      tracking: {}
-    };
-    if (u)
-      F(
-        { id: l == null ? void 0 : l.id, ...e },
-        {
-          onSuccess: () => {
-            E.success("Page updated successfully"), o();
-          }
-        }
-      );
-    else {
-      const c = ge(i, { key: t });
-      c != null && c.trackingDefault && (e.tracking = c.trackingDefault);
-      const { seo: D, jsonLD: w } = $e(c, ve);
-      P(e, "seo", D), P(e, "jsonLD", w), f(e, {
-        onSuccess: (L) => {
-          var A;
-          (A = L == null ? void 0 : L.page) != null && A.id && g(L.page.id, v), o();
-        }
-      });
-    }
-  }, De = (e) => {
-    if (e.preventDefault(), S(null), !!ss()) {
-      if (!(r != null && r.hasSlug)) {
-        ls();
-        return;
-      }
-      if (k && k !== "none") {
-        const c = m == null ? void 0 : m.find((w) => w.id === k), D = (c == null ? void 0 : c.slug) || "";
-        if (!as(j, D))
-          return;
-        ns(j, D);
-      } else
-        ts();
-    }
-  }, { pagesType: pe, partialsType: Z } = B(() => {
-    const e = (c) => M ? c.name.toLowerCase().includes(M.toLowerCase()) || c.key.toLowerCase().includes(M.toLowerCase()) : !0;
-    return {
-      pagesType: i.filter((c) => c.hasSlug !== !1 && e(c)),
-      partialsType: i.filter((c) => c.hasSlug === !1 && e(c))
-    };
-  }, [i, M]);
-  return r != null && r.hasSlug ? /* @__PURE__ */ a("form", { onSubmit: De, className: "mx-auto w-full max-w-md space-y-4", children: [
-    /* @__PURE__ */ a("div", { className: "space-y-0.5", children: [
-      /* @__PURE__ */ s(z, { htmlFor: "pageType", className: "text-sm", children: "Type" }),
-      Te ? /* @__PURE__ */ a(ee, { open: Ne, onOpenChange: H, children: [
-        /* @__PURE__ */ s(se, { asChild: !0, children: /* @__PURE__ */ a(
-          W,
-          {
-            variant: "outline",
-            role: "combobox",
-            disabled: u && !N,
-            className: V(
-              "w-full justify-between",
-              u && !N ? "cursor-not-allowed text-gray-500" : ""
-            ),
-            children: [
-              (r == null ? void 0 : r.name) || "Select page type",
-              /* @__PURE__ */ s(re, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ s(le, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ a(ae, { shouldFilter: !1, children: [
-          /* @__PURE__ */ s("div", { className: "sticky top-0 z-10 bg-white px-3 py-2", children: /* @__PURE__ */ a("div", { className: "relative", children: [
-            /* @__PURE__ */ s(ie, { strokeWidth: 2, className: "absolute left-2 top-2 h-4 w-4 text-gray-400" }),
-            /* @__PURE__ */ s(
-              Y,
-              {
-                placeholder: "Search page types...",
-                className: "h-8 pl-8 text-xs",
-                value: M,
-                onChange: (e) => X(e.target.value)
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ a(ce, { className: "overflow-y-auto", children: [
-            /* @__PURE__ */ s(ne, { children: "No page type found." }),
-            u ? Se ? /* @__PURE__ */ s(G, { heading: "Partials", children: Z.map((e) => /* @__PURE__ */ a(
-              I,
-              {
-                value: e.key,
-                onSelect: () => _(e.key),
-                className: "flex cursor-pointer items-center justify-between",
-                children: [
-                  e.name,
-                  /* @__PURE__ */ s(
-                    R,
-                    {
-                      className: V("mr-2 h-4 w-4", t === e.key ? "opacity-100" : "opacity-0")
-                    }
-                  )
-                ]
-              },
-              e.key
-            )) }) : /* @__PURE__ */ s(G, { heading: "Pages", children: pe.map((e) => /* @__PURE__ */ a(
-              I,
-              {
-                value: e.key,
-                onSelect: () => _(e.key),
-                className: "flex cursor-pointer items-center justify-between",
-                children: [
-                  e.name,
-                  /* @__PURE__ */ s(
-                    R,
-                    {
-                      className: V("mr-2 h-4 w-4", t === e.key ? "opacity-100" : "opacity-0")
-                    }
-                  )
-                ]
-              },
-              e.key
-            )) }) : /* @__PURE__ */ a(We, { children: [
-              pe.length > 0 && /* @__PURE__ */ s(G, { heading: "Pages", children: pe.map((e) => /* @__PURE__ */ a(
-                I,
-                {
-                  value: e.key,
-                  onSelect: () => _(e.key),
-                  className: "flex cursor-pointer items-center justify-between",
-                  children: [
-                    e.name,
-                    /* @__PURE__ */ s(
-                      R,
-                      {
-                        className: V("mr-2 h-4 w-4", t === e.key ? "opacity-100" : "opacity-0")
-                      }
-                    )
-                  ]
-                },
-                e.key
-              )) }),
-              Z.length > 0 && /* @__PURE__ */ s(G, { heading: "Partials", children: Z.map((e) => /* @__PURE__ */ a(
-                I,
-                {
-                  value: e.key,
-                  onSelect: () => _(e.key),
-                  className: "flex cursor-pointer items-center justify-between",
-                  children: [
-                    e.name,
-                    /* @__PURE__ */ s(
-                      R,
-                      {
-                        className: V("mr-2 h-4 w-4", t === e.key ? "opacity-100" : "opacity-0")
-                      }
-                    )
-                  ]
-                },
-                e.key
-              )) })
-            ] })
-          ] })
-        ] }) })
-      ] }) : /* @__PURE__ */ s(
-        "select",
-        {
-          id: "pageType",
-          value: t,
-          disabled: u && !N,
-          onChange: (e) => _(e.target.value),
-          className: `w-full rounded-md border border-gray-300 px-3 py-2 ${u && !N ? "cursor-not-allowed text-gray-500" : ""}`,
-          children: u ? Se ? /* @__PURE__ */ s("optgroup", { label: "Partials", children: i.filter((e) => e.hasSlug === !1).map((e) => /* @__PURE__ */ s("option", { value: e.key, children: e.name }, e.key)) }) : /* @__PURE__ */ s("optgroup", { label: "Pages", children: i.filter((e) => e.hasSlug !== !1).map((e) => /* @__PURE__ */ s("option", { value: e.key, children: e.name }, e.key)) }) : /* @__PURE__ */ a(We, { children: [
-            /* @__PURE__ */ s("optgroup", { label: "Pages", children: i.filter((e) => e.hasSlug !== !1).map((e) => /* @__PURE__ */ s("option", { value: e.key, children: e.name }, e.key)) }),
-            /* @__PURE__ */ s("optgroup", { label: "Partials", children: i.filter((e) => e.hasSlug === !1).map((e) => /* @__PURE__ */ s("option", { value: e.key, children: e.name }, e.key)) })
-          ] })
-        }
-      ),
-      O && /* @__PURE__ */ a("div", { className: "mt-2 rounded-md border border-yellow-200 bg-yellow-50 p-3", children: [
-        /* @__PURE__ */ s("p", { className: "text-sm text-yellow-800", children: "Changing the page type may impact the page data. Are you sure you want to proceed?" }),
-        /* @__PURE__ */ a("div", { className: "mt-2 flex gap-2", children: [
-          /* @__PURE__ */ s(W, { variant: "outline", size: "sm", onClick: () => U(!1), children: "Cancel" }),
-          /* @__PURE__ */ s(W, { variant: "default", size: "sm", onClick: je, children: "Confirm" })
-        ] })
-      ] })
-    ] }),
-    !u && (r == null ? void 0 : r.hasSlug) && Le.length > 0 && /* @__PURE__ */ a("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ s(z, { className: "mb-1 block text-sm", children: "Template" }),
-      /* @__PURE__ */ s(
-        Ls,
-        {
-          templates: Le,
-          selectedTemplateId: me,
-          onSelectTemplate: es,
-          isLoading: Xe
-        }
-      )
-    ] }),
-    /* @__PURE__ */ s(
-      Cs,
-      {
-        pages: m,
-        selectedParentId: k,
-        onChange: Ee,
-        currentPage: l
-      }
-    ),
-    /* @__PURE__ */ a("div", { className: "space-y-0.5", children: [
-      /* @__PURE__ */ s(z, { htmlFor: "name", className: "text-sm", children: "Name" }),
-      /* @__PURE__ */ s(
-        Y,
-        {
-          id: "name",
-          value: q,
-          onChange: (e) => be(e.target.value),
-          required: !0,
-          "aria-required": "true",
-          placeholder: "Enter page name"
-        }
-      )
-    ] }),
-    (r == null ? void 0 : r.dynamicSegments) && k && k !== "none" && /* @__PURE__ */ a("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ a("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ s(
-          "input",
-          {
-            type: "checkbox",
-            id: "useDynamicSlug",
-            checked: T,
-            onChange: (e) => Pe(e.target.checked),
-            className: "rounded border-gray-300"
-          }
-        ),
-        /* @__PURE__ */ s(z, { htmlFor: "useDynamicSlug", className: "text-sm", children: "Use Dynamic Slug" })
-      ] }),
-      T && /* @__PURE__ */ s("div", { className: "space-y-2", children: /* @__PURE__ */ s("div", { className: "space-y-0.5", children: /* @__PURE__ */ s(
-        ws,
-        {
-          value: we,
-          onChange: Ce,
-          dynamicPattern: (r == null ? void 0 : r.dynamicSlug) || "{{id}}",
-          placeholder: "Enter custom slug part (optional)",
-          onValidationChange: Qe
-        }
-      ) }) })
-    ] }),
-    (!(r != null && r.dynamicSegments) || !T) && /* @__PURE__ */ a("div", { className: "space-y-0.5", children: [
-      /* @__PURE__ */ s(z, { htmlFor: "slug", className: "text-sm", children: "Slug" }),
-      /* @__PURE__ */ s(
-        hs,
-        {
-          value: j,
-          onChange: (e) => {
-            var c;
-            K(e), u && e !== (((c = l == null ? void 0 : l.slug) == null ? void 0 : c.split("/").pop()) || "") ? ue(!!(Ze || Je)) : ue(!1);
-          },
-          placeholder: k && k !== "none" ? "Enter page slug" : t === "page" ? "Leave empty for home page" : "Required - e.g. your-slug",
-          parentSlug: k && k !== "none" ? (Fe = m == null ? void 0 : m.find((e) => e.id === k)) == null ? void 0 : Fe.slug : void 0,
-          onValidationChange: h
-        }
-      ),
-      $ && /* @__PURE__ */ s("p", { className: "text-xs text-red-500", children: $ }),
-      He && /* @__PURE__ */ s("div", { className: "mt-4 rounded-md border border-amber-200 bg-amber-50 p-3", children: /* @__PURE__ */ a("div", { className: "flex items-start space-x-2", children: [
-        /* @__PURE__ */ s("div", { className: "flex-shrink-0", children: /* @__PURE__ */ s("svg", { className: "h-5 w-5 text-amber-400", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ s(
-          "path",
-          {
-            fillRule: "evenodd",
-            d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z",
-            clipRule: "evenodd"
-          }
-        ) }) }),
-        /* @__PURE__ */ a("div", { className: "flex-1", children: [
-          /* @__PURE__ */ s("h3", { className: "text-sm font-medium text-amber-800", children: "Slug Change Warning" }),
-          /* @__PURE__ */ s("div", { className: "mt-1 text-sm text-amber-700", children: /* @__PURE__ */ s("p", { children: "The previous URL and any child pages will become inaccessible. You may want to set up a redirect to avoid broken links." }) })
-        ] })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ s(
-      W,
-      {
-        disabled: Q || // Disable if regular slug is invalid and we're not using dynamic slug
-        !b && (!(r != null && r.dynamicSegments) || !T) || // Disable if dynamic slug is invalid and we are using dynamic slug
-        T && !ke,
-        type: "submit",
-        className: "w-full",
-        children: u ? Q ? "Updating..." : "Update page" : Q ? "Creating..." : "Create Page"
-      }
-    )
-  ] }) : /* @__PURE__ */ a("form", { onSubmit: De, className: "mx-auto w-full max-w-md space-y-4", children: [
-    /* @__PURE__ */ a("div", { className: "space-y-0.5", children: [
-      /* @__PURE__ */ s(z, { htmlFor: "pageType", className: "text-sm", children: "Type" }),
-      Te ? /* @__PURE__ */ a(ee, { open: Ne, onOpenChange: H, children: [
-        /* @__PURE__ */ s(se, { asChild: !0, children: /* @__PURE__ */ a(
-          W,
-          {
-            variant: "outline",
-            role: "combobox",
-            disabled: u && !N,
-            className: V(
-              "w-full justify-between",
-              u && !N ? "cursor-not-allowed text-gray-500" : ""
-            ),
-            children: [
-              (r == null ? void 0 : r.name) || "Select page type",
-              /* @__PURE__ */ s(re, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ s(le, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ a(ae, { shouldFilter: !1, children: [
-          /* @__PURE__ */ s("div", { className: "sticky top-0 z-10 bg-white px-3 py-2", children: /* @__PURE__ */ a("div", { className: "relative", children: [
-            /* @__PURE__ */ s(ie, { strokeWidth: 2, className: "absolute left-2 top-2 h-4 w-4 text-gray-400" }),
-            /* @__PURE__ */ s(
-              Y,
-              {
-                placeholder: "Search page types...",
-                className: "h-8 pl-8 text-xs",
-                value: M,
-                onChange: (e) => X(e.target.value)
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ a(ce, { className: "max-h-[200px] overflow-y-auto", children: [
-            /* @__PURE__ */ s(ne, { children: "No page type found." }),
-            /* @__PURE__ */ s(G, { heading: "Partials", children: Z.map((e) => /* @__PURE__ */ a(
-              I,
-              {
-                value: e.key,
-                onSelect: () => {
-                  _(e.key), H(!1);
-                },
-                className: "flex cursor-pointer items-center justify-between",
-                children: [
-                  e.name,
-                  /* @__PURE__ */ s(R, { className: V("mr-2 h-4 w-4", t === e.key ? "opacity-100" : "opacity-0") })
-                ]
-              },
-              e.key
-            )) })
-          ] })
-        ] }) })
-      ] }) : /* @__PURE__ */ s(
-        "select",
-        {
-          id: "pageType",
-          value: t,
-          disabled: u && !N,
-          onChange: (e) => _(e.target.value),
-          className: `w-full rounded-md border border-gray-300 px-3 py-2 ${u && !N ? "cursor-not-allowed text-gray-500" : ""}`,
-          children: /* @__PURE__ */ s("optgroup", { label: "Partials", children: i.filter((e) => e.hasSlug === !1).map((e) => /* @__PURE__ */ s("option", { value: e.key, children: e.name }, e.key)) })
-        }
-      ),
-      O && /* @__PURE__ */ a("div", { className: "mt-2 rounded-md border border-yellow-200 bg-yellow-50 p-3", children: [
-        /* @__PURE__ */ s("p", { className: "text-sm text-yellow-800", children: "Changing the page type may impact the page data. Are you sure you want to proceed?" }),
-        /* @__PURE__ */ a("div", { className: "mt-2 flex gap-2", children: [
-          /* @__PURE__ */ s(W, { variant: "outline", size: "sm", onClick: () => U(!1), children: "Cancel" }),
-          /* @__PURE__ */ s(W, { variant: "default", size: "sm", onClick: je, children: "Confirm" })
-        ] })
-      ] }),
-      /* @__PURE__ */ s("p", { className: "text-xs text-gray-500", children: (Ae = i.find((e) => e.key === t)) == null ? void 0 : Ae.helpText })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "space-y-0.5", children: [
-      /* @__PURE__ */ s(z, { htmlFor: "name", className: "text-sm", children: "Name" }),
-      /* @__PURE__ */ s(Y, { id: "name", value: q, onChange: (e) => be(e.target.value), required: !0, "aria-required": "true" })
-    ] }),
-    /* @__PURE__ */ s(W, { disabled: Q, type: "submit", className: "w-full", children: u ? Q ? "Updating..." : "Update " + (r == null ? void 0 : r.name) : Q ? "Creating..." : "Create " + (r == null ? void 0 : r.name) })
-  ] });
-}
-export {
-  _s as default
-};