@chaibuilder/sdk 3.2.13 → 4.0.0-beta.10

package/dist/page-creator-CGxrkmut.js

@@ -0,0 +1,796 @@
+import { jsx as s, jsxs as l, Fragment as We } from "react/jsx-runtime";
+import { z as M, h as ye, B as W } from "./register-chai-top-bar-CX_JkRJn.js";
+import { j as os, L as z, a6 as ee, a7 as se, P as ae, C as le, k as ne, l as G, m as I, ai as cs, n as us } from "./index-BqlDf5fg.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-CyKRaEV_.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 { ar as Re, as as Ue, A as oe, m as gs, at as ys, g as vs, h as Ns, i as Ss, ay as bs, L as ws } from "./index-CsChke2B.js";
+import { useQuery as _e } from "@tanstack/react-query";
+import { toast as E } from "sonner";
+import { g as $e } from "./get-seo-defaults-9zHebckY.js";
+function xs({
+  value: a,
+  onChange: o,
+  placeholder: v = "Enter custom slug part",
+  dynamicPattern: p,
+  onValidationChange: i
+}) {
+  const [g, u] = y(null), m = ms(null), [f, C] = y(p + a);
+  ze(() => {
+    C(p + a);
+  }, [a, 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);
+  }, w = () => {
+    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__ */ l("div", { className: "relative", children: [
+    /* @__PURE__ */ l("p", { className: "mb-2 text-xs text-gray-500", children: [
+      `${p}`,
+      " is a dynamic segment of slug"
+    ] }),
+    /* @__PURE__ */ s(
+      M,
+      {
+        ref: m,
+        value: f,
+        onChange: F,
+        onFocus: w,
+        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: a, 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: a }), fe = (...a) => a.filter(Boolean).join(" ");
+function Cs({
+  pages: a,
+  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 w = B(() => !a || a.length === 0 ? [] : a.filter((d) => !Ie(d.slug)).filter((d) => d.slug !== "/").sort((d, N) => d.slug.localeCompare(N.slug)), [a]), $ = B(() => {
+    if (!f.trim()) return w;
+    const n = f.toLowerCase();
+    return w.filter(
+      (d) => d.name.toLowerCase().includes(n) || d.slug.toLowerCase().includes(n)
+    );
+  }, [w, 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 = w.find((d) => d.id === o);
+    return n ? `${n.name} (${h(n.slug)})` : "None";
+  };
+  return /* @__PURE__ */ l("div", { className: "space-y-0.5", children: [
+    /* @__PURE__ */ s(z, { htmlFor: i, className: "text-sm", children: "Parent" }),
+    F ? /* @__PURE__ */ l(ee, { open: u, onOpenChange: m, children: [
+      /* @__PURE__ */ s(se, { asChild: !0, children: /* @__PURE__ */ l(
+        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(ae, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ l(le, { 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__ */ l("div", { className: "relative", children: [
+          /* @__PURE__ */ s(ie, { strokeWidth: 2, className: "absolute left-2 top-2 h-4 w-4 text-gray-400" }),
+          /* @__PURE__ */ s(
+            M,
+            {
+              placeholder: "Search pages...",
+              className: "h-8 pl-8 text-xs",
+              value: f,
+              onChange: (n) => C(n.target.value)
+            }
+          )
+        ] }) }) }),
+        /* @__PURE__ */ l(ce, { className: "max-h-[300px] overflow-y-auto", children: [
+          /* @__PURE__ */ s(ne, { children: "No pages found." }),
+          /* @__PURE__ */ l(G, { children: [
+            /* @__PURE__ */ l(
+              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__ */ l("span", { className: "flex items-center text-sm", children: [
+                d,
+                n.name,
+                /* @__PURE__ */ l("span", { className: "text-xs text-gray-500", children: [
+                  " (",
+                  N,
+                  ")"
+                ] })
+              ] });
+              return /* @__PURE__ */ l(
+                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__ */ l(
+      "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" }),
+          w.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__ */ l("option", { value: n.id, children: [
+              N,
+              n.name,
+              " (",
+              O,
+              ")"
+            ] }, n.id);
+          })
+        ]
+      }
+    )
+  ] });
+}
+const ks = (...a) => a.filter(Boolean).join(" "), Ls = ({
+  templates: a,
+  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 = a.find((t) => t.id === o);
+      Oe(() => g((h == null ? void 0 : h.preview) || ""));
+    } else
+      Oe(() => g(""));
+  }, [o, a]), p)
+    return /* @__PURE__ */ s("div", { className: "flex h-fit items-center justify-center text-sm text-gray-500", children: "Loading templates..." });
+  if (a.length === 0)
+    return null;
+  const w = {};
+  a.forEach((h) => {
+    const t = h.libraryName;
+    w[t] || (w[t] = []), w[t].push(h);
+  });
+  const $ = Object.entries(w).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 = a.find((h) => h.id === o), b = S ? de(S.name) : "No Template";
+  return /* @__PURE__ */ l("div", { className: "space-y-4", children: [
+    F ? /* @__PURE__ */ l(ee, { open: u, onOpenChange: m, children: [
+      /* @__PURE__ */ s(se, { asChild: !0, children: /* @__PURE__ */ l(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(ae, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ l(le, { shouldFilter: !1, children: [
+        /* @__PURE__ */ s("div", { className: "sticky top-0 z-10 bg-white px-3 py-2", children: /* @__PURE__ */ l("div", { className: "relative", children: [
+          /* @__PURE__ */ s(ie, { strokeWidth: 2, className: "absolute left-2 top-2 h-4 w-4 text-gray-400" }),
+          /* @__PURE__ */ s(
+            M,
+            {
+              placeholder: "Search templates...",
+              className: "h-8 pl-8 text-xs",
+              value: f,
+              onChange: (h) => C(h.target.value)
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ l(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__ */ l(
+            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__ */ l(
+      "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(w).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__ */ l("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 a = Re(), o = Ue();
+  return _e({
+    queryKey: [oe.GET_LIBRARIES],
+    staleTime: "static",
+    queryFn: async () => await o(a, { action: oe.GET_LIBRARIES }) || []
+  });
+}, js = (a) => {
+  const o = Re(), v = Ue();
+  return _e({
+    queryKey: [oe.GET_TEMPLATES_BY_TYPE, a],
+    staleTime: "static",
+    enabled: !!a,
+    queryFn: async () => {
+      const p = await v(o, {
+        action: oe.GET_TEMPLATES_BY_TYPE,
+        data: { pageType: a }
+      });
+      return (a ? ps(p, { pageType: a }) : p) || [];
+    }
+  });
+}, Ds = (a) => {
+  const { data: o = [], isLoading: v } = js(a), { 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 = (...a) => a.filter(Boolean).join(" ");
+function qs({ addEditPage: a, close: o, closePanel: v }) {
+  var Ae, Fe;
+  const { data: p } = gs(), i = B(() => p ?? [], [p]), g = ys(), u = !!(a != null && a.id), { data: m } = vs(), { mutate: f, isPending: C } = Ns(), { mutate: F, isPending: w } = Ss(), [$, S] = y(null), [b, h] = y(!0), [t, n] = y((a == null ? void 0 : a.pageType) ?? "page"), { hasPermission: d } = cs(), N = d(bs.CHANGE_PAGE_TYPE), [O, U] = y(!1), [qe, Ve] = y(""), { selectedLang: Ge, fallbackLang: Me } = us(), ve = Ge || Me, [Y, Z] = 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, Ye] = y((a == null ? void 0 : a.parent) ?? ""), [_, be] = y((a == null ? void 0 : a.name) ?? ""), [T, we] = y((a == null ? void 0 : a.dynamic) ?? !1), [j, K] = y(T ? "" : ((a == null ? void 0 : a.slug) ?? "").split("/").pop() || ""), [xe, Ce] = y((a == null ? void 0 : a.dynamicSlugCustom) ?? ""), [ke, Qe] = y(!0), [He, ue] = y(!1), [me, Ke] = y(""), { data: Le, isLoading: Ze } = Ds(t), Q = C || w, Te = ye("enable-add-page-dropdown"), he = B(() => !u || !(a != null && a.id) || !m ? null : m.find((e) => e.id === a.id), [u, a == null ? void 0 : a.id, m]), Je = (he == null ? void 0 : he.online) || !1, Xe = B(() => !u || !(a != null && a.id) || !m ? !1 : m.some((e) => e.parent === a.id), [u, a == null ? void 0 : a.id, m]), r = i.find((e) => e.key === t), q = (e) => {
+    if (u && t !== e) {
+      Ve(e), U(!0), Z(""), H(!1);
+      return;
+    }
+    n(e), Z(""), H(!1);
+  }, je = () => {
+    n(qe), U(!1), we(!1);
+  }, Pe = (e) => {
+    we(e), e ? K("") : Ce("");
+  }, Ee = (e) => {
+    if (Ye(e), e && e !== "none") {
+      const c = m == null ? void 0 : m.find((x) => x.id === e), D = (c == null ? void 0 : c.slug) || "";
+      if (j.startsWith(D)) {
+        const x = j.slice(D.length).replace(/^\/+/, "");
+        K(x);
+      } else
+        K(j.replace(/^\/+/, ""));
+    } else
+      K(j ? `${j}` : "");
+  }, es = (e) => {
+    Ke(e);
+  }, ss = () => _.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), as = () => {
+    const e = {
+      pageType: r == null ? void 0 : r.key,
+      name: _,
+      slug: "",
+      hasSlug: !1
+    };
+    u ? F(
+      { id: a == null ? void 0 : a.id, name: _ },
+      {
+        onSuccess: () => {
+          E.success((r == null ? void 0 : r.name) + " updated successfully"), o();
+        }
+      }
+    ) : f(e, {
+      onSuccess: (c) => {
+        o(), g(c.page.id, v);
+      }
+    });
+  }, ls = (e, c) => {
+    if (!e.trim() && !T)
+      return S("Child page slug is required"), !1;
+    const D = te(c), x = Be(D, e);
+    return Object.keys(ws).some((X) => x === `/${X}` || (x == null ? void 0 : x.startsWith(`/${X}/`))) ? (S("Slugs cannot start with a language code for primary page"), !1) : !0;
+  }, ns = (e, c) => {
+    const D = te(c), x = Be(D, e), L = {
+      pageType: t,
+      name: _,
+      slug: x.replace(/\/$/, ""),
+      // remove trailing slashes
+      parent: k,
+      dynamic: T,
+      hasSlug: !0,
+      template: me || void 0,
+      tracking: {},
+      seo: {},
+      jsonLD: {}
+    };
+    if (T && (L.dynamicSlugCustom = xe), u) {
+      const A = fs(L, ["pageType", "parent", "name", "slug", "dynamic", "dynamicSlugCustom"]);
+      F(
+        { id: a == null ? void 0 : a.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: X, jsonLD: rs } = $e(A, ve);
+      P(L, "seo", X), P(L, "jsonLD", rs), f(L, {
+        onSuccess: (is) => {
+          o(), g(is.page.id, v);
+        }
+      });
+    }
+  }, ts = () => {
+    const e = {
+      pageType: t,
+      name: _,
+      slug: j === "" ? "/" : `/${j.replace(/\/$/, "")}`,
+      template: me || void 0,
+      parent: null,
+      tracking: {}
+    };
+    if (u)
+      F(
+        { id: a == null ? void 0 : a.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: x } = $e(c, ve);
+      P(e, "seo", D), P(e, "jsonLD", x), 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)) {
+        as();
+        return;
+      }
+      if (k && k !== "none") {
+        const c = m == null ? void 0 : m.find((x) => x.id === k), D = (c == null ? void 0 : c.slug) || "";
+        if (!ls(j, D))
+          return;
+        ns(j, D);
+      } else
+        ts();
+    }
+  }, { pagesType: pe, partialsType: J } = B(() => {
+    const e = (c) => Y ? c.name.toLowerCase().includes(Y.toLowerCase()) || c.key.toLowerCase().includes(Y.toLowerCase()) : !0;
+    return {
+      pagesType: i.filter((c) => c.hasSlug !== !1 && e(c)),
+      partialsType: i.filter((c) => c.hasSlug === !1 && e(c))
+    };
+  }, [i, Y]);
+  return r != null && r.hasSlug ? /* @__PURE__ */ l("form", { onSubmit: De, className: "mx-auto w-full max-w-md space-y-4", children: [
+    /* @__PURE__ */ l("div", { className: "space-y-0.5", children: [
+      /* @__PURE__ */ s(z, { htmlFor: "pageType", className: "text-sm", children: "Type" }),
+      Te ? /* @__PURE__ */ l(ee, { open: Ne, onOpenChange: H, children: [
+        /* @__PURE__ */ s(se, { asChild: !0, children: /* @__PURE__ */ l(
+          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(ae, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ l(le, { shouldFilter: !1, children: [
+          /* @__PURE__ */ s("div", { className: "sticky top-0 z-10 bg-white px-3 py-2", children: /* @__PURE__ */ l("div", { className: "relative", children: [
+            /* @__PURE__ */ s(ie, { strokeWidth: 2, className: "absolute left-2 top-2 h-4 w-4 text-gray-400" }),
+            /* @__PURE__ */ s(
+              M,
+              {
+                placeholder: "Search page types...",
+                className: "h-8 pl-8 text-xs",
+                value: Y,
+                onChange: (e) => Z(e.target.value)
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ l(ce, { className: "overflow-y-auto", children: [
+            /* @__PURE__ */ s(ne, { children: "No page type found." }),
+            u ? Se ? /* @__PURE__ */ s(G, { heading: "Partials", children: J.map((e) => /* @__PURE__ */ l(
+              I,
+              {
+                value: e.key,
+                onSelect: () => q(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__ */ l(
+              I,
+              {
+                value: e.key,
+                onSelect: () => q(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__ */ l(We, { children: [
+              pe.length > 0 && /* @__PURE__ */ s(G, { heading: "Pages", children: pe.map((e) => /* @__PURE__ */ l(
+                I,
+                {
+                  value: e.key,
+                  onSelect: () => q(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
+              )) }),
+              J.length > 0 && /* @__PURE__ */ s(G, { heading: "Partials", children: J.map((e) => /* @__PURE__ */ l(
+                I,
+                {
+                  value: e.key,
+                  onSelect: () => q(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) => q(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__ */ l(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__ */ l("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__ */ l("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__ */ l("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: Ze
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s(
+      Cs,
+      {
+        pages: m,
+        selectedParentId: k,
+        onChange: Ee,
+        currentPage: a
+      }
+    ),
+    /* @__PURE__ */ l("div", { className: "space-y-0.5", children: [
+      /* @__PURE__ */ s(z, { htmlFor: "name", className: "text-sm", children: "Name" }),
+      /* @__PURE__ */ s(
+        M,
+        {
+          id: "name",
+          value: _,
+          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__ */ l("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ l("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(
+        xs,
+        {
+          value: xe,
+          onChange: Ce,
+          dynamicPattern: (r == null ? void 0 : r.dynamicSlug) || "{{id}}",
+          placeholder: "Enter custom slug part (optional)",
+          onValidationChange: Qe
+        }
+      ) }) })
+    ] }),
+    (!(r != null && r.dynamicSegments) || !T) && /* @__PURE__ */ l("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 = a == null ? void 0 : a.slug) == null ? void 0 : c.split("/").pop()) || "") ? ue(!!(Je || Xe)) : 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__ */ l("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__ */ l("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__ */ l("form", { onSubmit: De, className: "mx-auto w-full max-w-md space-y-4", children: [
+    /* @__PURE__ */ l("div", { className: "space-y-0.5", children: [
+      /* @__PURE__ */ s(z, { htmlFor: "pageType", className: "text-sm", children: "Type" }),
+      Te ? /* @__PURE__ */ l(ee, { open: Ne, onOpenChange: H, children: [
+        /* @__PURE__ */ s(se, { asChild: !0, children: /* @__PURE__ */ l(
+          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(ae, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ l(le, { shouldFilter: !1, children: [
+          /* @__PURE__ */ s("div", { className: "sticky top-0 z-10 bg-white px-3 py-2", children: /* @__PURE__ */ l("div", { className: "relative", children: [
+            /* @__PURE__ */ s(ie, { strokeWidth: 2, className: "absolute left-2 top-2 h-4 w-4 text-gray-400" }),
+            /* @__PURE__ */ s(
+              M,
+              {
+                placeholder: "Search page types...",
+                className: "h-8 pl-8 text-xs",
+                value: Y,
+                onChange: (e) => Z(e.target.value)
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ l(ce, { className: "max-h-[200px] overflow-y-auto", children: [
+            /* @__PURE__ */ s(ne, { children: "No page type found." }),
+            /* @__PURE__ */ s(G, { heading: "Partials", children: J.map((e) => /* @__PURE__ */ l(
+              I,
+              {
+                value: e.key,
+                onSelect: () => {
+                  q(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) => q(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__ */ l("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__ */ l("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__ */ l("div", { className: "space-y-0.5", children: [
+      /* @__PURE__ */ s(z, { htmlFor: "name", className: "text-sm", children: "Name" }),
+      /* @__PURE__ */ s(M, { id: "name", value: _, 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 {
+  qs as default
+};