@chaibuilder/sdk 0.1.4 → 0.1.6

package/dist/render.js

@@ -1,108 +1,35 @@
-import { j as s } from "./jsx-runtime-944c88e2.js";
-import u from "react";
-import { memoize as S, filter as f, isEmpty as w, omit as E, isString as z, get as i, replace as C, set as F } from "lodash";
-import { twMerge as v } from "tailwind-merge";
-import { S as D, a as k } from "./CONTROLS-442caee5.js";
-import { getBlockComponent as A } from "@chaibuilder/blocks";
-import { Provider as L } from "react-wrap-balancer";
-import { createTailwindcss as $ } from "@mhsdesign/jit-browser-tailwindcss";
-import { tailwindcssPaletteGenerator as j } from "@bobthered/tailwindcss-palette-generator";
-import { g as U } from "./_commonjsHelpers-d4512b9c.js";
-import O from "@tailwindcss/forms";
-import R from "@tailwindcss/typography";
-import B from "@tailwindcss/aspect-ratio";
-import H from "@tailwindcss/line-clamp";
-const M = (e) => {
-  const t = {};
-  return Object.keys(e).forEach((r) => {
-    z(e[r]) && e[r].startsWith(k) && (t[r] = e[r].replace(k, "").split(","));
-  }), t;
-}, P = S((e) => {
-  const t = e.replace(D, "").split(",");
-  return v(t[0], t[1]);
-});
-function W(e, t) {
-  return i(e, `${t}_attrs`, {});
-}
-function I(e) {
-  const t = {};
-  return Object.keys(e).forEach((r) => {
-    if (z(e[r]) && e[r].startsWith(D)) {
-      const n = P(e[r]);
-      t[r] = {
-        className: n,
-        ...W(e, r)
-      };
-    }
-  }), t;
-}
-function y({ blocks: e, parent: t }) {
-  const r = e, n = (o) => I(o), a = t ? f(e, { _parent: t }) : f(e, (o) => w(o._parent));
-  return /* @__PURE__ */ s.jsx(s.Fragment, { children: u.Children.toArray(
-    a.map((o, d) => {
-      const p = M(o), m = {};
-      w(p) || Object.keys(p).forEach((l) => {
-        m[l] = u.Children.toArray(
-          p[l].map((x) => /* @__PURE__ */ s.jsx(y, { blocks: r, parent: x }))
-        );
-      });
-      const c = f(r, { _parent: o._id });
-      m.children = c.length > 0 ? /* @__PURE__ */ s.jsx(y, { parent: o._id, blocks: r }) : null;
-      const g = A(o._type);
-      if (g !== null) {
-        let l = o;
-        const x = g.component;
-        return l = { ...g.defaults, ...o }, u.createElement(
-          x,
-          E(
-            {
-              blockProps: {},
-              ...l,
-              index: d,
-              ...n(l),
-              ...m,
-              inBuilder: !1
-            },
-            ["_parent"]
-          )
-        );
-      }
-      return /* @__PURE__ */ s.jsxs("noscript", { children: [
-        o._type,
-        " not found"
-      ] });
-    })
-  ) });
-}
-const N = (e) => {
-  const t = i(e, "_bodyTextLightColor", "#64748b"), r = i(e, "_bodyTextDarkColor", "#94a3b8"), n = i(e, "_bodyBgLightColor", "#FFFFFF"), a = i(e, "_bodyBgDarkColor", "#0f172a");
-  return `font-body antialiased text-[${t}] bg-[${n}] dark:text-[${r}] dark:bg-[${a}]`;
-}, me = ({ snapshot: e, before: t = null, after: r = null, classPrefix: n = "c-" }) => {
-  const a = i(e.projectData, "brandingOptions", {});
-  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    t,
-    /* @__PURE__ */ s.jsx("div", { className: n.replace("-", "") + " " + N(a) + " min-h-screen", children: /* @__PURE__ */ s.jsx(L, { children: /* @__PURE__ */ s.jsx(y, { blocks: e.pageData.blocks || [] }) }) }),
-    r
-  ] });
-};
-var T = {}, _ = {};
+import { j as m } from "./jsx-runtime-944c88e2.js";
+import f from "react";
+import { get as i, includes as b, last as _, replace as v, set as z, startsWith as L, memoize as $, filter as h, isEmpty as T, omit as j, isString as k } from "lodash";
+import { twMerge as U } from "tailwind-merge";
+import { S as g, a as D, B } from "./MODIFIERS-c2e02614.js";
+import { getBlockComponent as O } from "@chaibuilder/blocks";
+import { createTailwindcss as R } from "@mhsdesign/jit-browser-tailwindcss";
+import { tailwindcssPaletteGenerator as H } from "@bobthered/tailwindcss-palette-generator";
+import { g as M } from "./_commonjsHelpers-d4512b9c.js";
+import P from "@tailwindcss/forms";
+import I from "@tailwindcss/typography";
+import W from "@tailwindcss/aspect-ratio";
+import N from "@tailwindcss/line-clamp";
+import { Provider as q } from "react-wrap-balancer";
+var S = {}, E = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   }), Object.defineProperty(e, "cloneDeep", {
     enumerable: !0,
     get: function() {
-      return t;
+      return r;
     }
   });
-  function t(r) {
-    return Array.isArray(r) ? r.map((n) => t(n)) : typeof r == "object" && r !== null ? Object.fromEntries(Object.entries(r).map(([n, a]) => [
+  function r(t) {
+    return Array.isArray(t) ? t.map((n) => r(n)) : typeof t == "object" && t !== null ? Object.fromEntries(Object.entries(t).map(([n, o]) => [
       n,
-      t(a)
-    ])) : r;
+      r(o)
+    ])) : t;
   }
-})(_);
-var q = {
+})(E);
+var G = {
   content: [],
   presets: [],
   darkMode: "media",
@@ -730,7 +657,7 @@ var q = {
       max: "max-content",
       fit: "fit-content"
     }),
-    maxWidth: ({ theme: e, breakpoints: t }) => ({
+    maxWidth: ({ theme: e, breakpoints: r }) => ({
       none: "none",
       0: "0rem",
       xs: "20rem",
@@ -749,7 +676,7 @@ var q = {
       max: "max-content",
       fit: "fit-content",
       prose: "65ch",
-      ...t(e("screens"))
+      ...r(e("screens"))
     }),
     minHeight: {
       0: "0px",
@@ -1099,73 +1026,166 @@ var q = {
   }), Object.defineProperty(e, "default", {
     enumerable: !0,
     get: function() {
-      return a;
+      return o;
     }
   });
-  const t = _, r = /* @__PURE__ */ n(q);
-  function n(o) {
-    return o && o.__esModule ? o : {
-      default: o
+  const r = E, t = /* @__PURE__ */ n(G);
+  function n(s) {
+    return s && s.__esModule ? s : {
+      default: s
     };
   }
-  const a = (0, t.cloneDeep)(r.default.theme);
-})(T);
-let b = T;
-var G = (b.__esModule ? b : { default: b }).default;
-const h = /* @__PURE__ */ U(G), Y = (e, t = "c-") => {
-  const r = i(e, "_bodyTextLightColor", "#64748b"), n = i(e, "_bodyTextDarkColor", "#94a3b8"), a = i(e, "_bodyBgLightColor", "#FFFFFF"), o = i(e, "_bodyBgDarkColor", "#0f172a");
-  return `${t}font-body ${t}antialiased ${t}text-[${r}] ${t}bg-[${a}] dark:${t}text-[${n}] dark:${t}bg-[${o}]`;
-}, pe = (e, t, r, n = "c-") => {
-  const a = Y(r, n);
-  return J(
+  const o = (0, r.cloneDeep)(t.default.theme);
+})(S);
+let y = S;
+var Y = (y.__esModule ? y : { default: y }).default;
+const w = /* @__PURE__ */ M(Y), K = (e, r = "c-") => {
+  const t = i(e, "bodyTextLightColor", "#64748b"), n = i(e, "bodyTextDarkColor", "#94a3b8"), o = i(e, "bodyBgLightColor", "#FFFFFF"), s = i(e, "bodyBgDarkColor", "#0f172a");
+  return `${r}font-body ${r}antialiased ${r}text-[${t}] ${r}bg-[${o}] dark:${r}text-[${n}] dark:${r}bg-[${s}]`;
+}, A = (e, r = "c-") => {
+  const n = e.replace(g, "").split(",").map((o) => o.split(" ").map((l) => {
+    if (l === "")
+      return "";
+    if (b(l, "hs-") || b(l, "[--") || b(l, "paddle"))
+      return l;
+    if (l.includes(":")) {
+      const p = l.split(":");
+      return p[p.length - 1] = r + _(p), p.join(":");
+    }
+    return `${r}${l}`;
+  }).join(" "));
+  return `${g}${n.join(" , ")}`;
+}, J = (e, r) => e.map((t) => (Object.keys(t).forEach((n) => {
+  L(t[n], g) && (t[n] = A(t[n], r));
+}), t)), fe = (e, r, t = "c-") => {
+  const n = K(r, t);
+  return Q(
     r,
-    [C(JSON.stringify(e), /#styles:/g, ""), C(JSON.stringify(t), /#styles:/g, "")],
-    a.split(" ").concat(`${n}inline-block`, `${n}w-full`, `${n}h-full`)
+    [v(JSON.stringify(J(e, t)), /#styles:/g, "")],
+    n.split(" ").concat(`${t}inline-block`, `${t}w-full`, `${t}h-full`)
   );
 };
-async function J(e, t, r = [], n = "c-") {
-  const a = i(e, "_primaryColor", "#000"), o = i(e, "_secondaryColor", "#ccc"), d = i(e, "_headingFont", "Inter"), p = i(e, "_bodyFont", "Inter"), m = i(e, "_roundedCorners", "0"), c = j({
-    colors: [a, o],
+async function Q(e, r, t = [], n = "c-") {
+  const o = i(e, "primaryColor", "#000"), s = i(e, "secondaryColor", "#ccc"), a = i(e, "headingFont", "Inter"), l = i(e, "bodyFont", "Inter"), p = i(e, "roundedCorners", "0"), c = H({
+    colors: [o, s],
     names: ["primary", "secondary"]
   });
-  return F(c, "primary.DEFAULT", a), F(c, "secondary.DEFAULT", o), `${await $({
+  return z(c, "primary.DEFAULT", o), z(c, "secondary.DEFAULT", s), `${await R({
     tailwindConfig: {
       prefix: n,
       darkMode: "class",
-      safelist: r,
+      safelist: t,
       theme: {
         fontFamily: {
-          heading: [d, ...h.fontFamily.sans],
-          body: [p, ...h.fontFamily.sans]
+          heading: [a, ...w.fontFamily.sans],
+          body: [l, ...w.fontFamily.sans]
         },
         extend: {
           borderRadius: {
-            global: `${m || "0"}px`
+            global: `${p || "0"}px`
           },
           colors: c
         }
       },
-      plugins: [O, R, B, H],
+      plugins: [P, I, W, N],
       corePlugins: { preflight: !1 }
     }
   }).generateStylesFromContent(
     ` @tailwind components;
       @tailwind utilities;`,
-    t
-  )} .${n}bg-clip-text{background-clip: text;-webkit-background-clip: text;} h1,h2,h3,h4,h5,h6{font-family: "${d}",${h.fontFamily.sans.join(
+    r
+  )} .${n}bg-clip-text{background-clip: text;-webkit-background-clip: text;} h1,h2,h3,h4,h5,h6{font-family: "${a}",${w.fontFamily.sans.join(
     ", "
   )};}`;
 }
-function ce(e = 6, t = "abcdefghijklmnopqrstuvwxyzABCD") {
-  let r = "";
+function be(e = 6, r = "abcdefghijklmnopqrstuvwxyzABCD") {
+  let t = "";
   for (let n = e; n > 0; --n)
-    r += t[Math.floor(Math.random() * t.length)];
-  return r;
+    t += r[Math.floor(Math.random() * r.length)];
+  return t;
+}
+const V = (e) => {
+  const r = {};
+  return Object.keys(e).forEach((t) => {
+    k(e[t]) && e[t].startsWith(D) && (r[t] = e[t].replace(D, "").split(","));
+  }), r;
+}, X = $((e, r) => {
+  const t = e.replace(g, "").split(","), n = U(t[0], t[1]);
+  return A(n, r).replace(g, "").trim();
+});
+function Z(e, r) {
+  return i(e, `${r}_attrs`, {});
 }
+function ee(e, r) {
+  const t = {};
+  return Object.keys(e).forEach((n) => {
+    if (k(e[n]) && e[n].startsWith(g)) {
+      const o = X(e[n], r);
+      t[n] = {
+        className: o,
+        ...Z(e, n)
+      };
+    }
+  }), t;
+}
+function C({
+  blocks: e,
+  parent: r,
+  classPrefix: t = "c-"
+}) {
+  const n = e, o = (a) => ee(a, t), s = r ? h(e, { _parent: r }) : h(e, (a) => T(a._parent));
+  return /* @__PURE__ */ m.jsx(m.Fragment, { children: f.Children.toArray(
+    s.map((a, l) => {
+      const p = V(a), c = {};
+      T(p) || Object.keys(p).forEach((d) => {
+        c[d] = f.Children.toArray(
+          p[d].map((x) => /* @__PURE__ */ m.jsx(C, { classPrefix: t, blocks: n, parent: x }))
+        );
+      });
+      const F = h(n, { _parent: a._id });
+      c.children = F.length > 0 ? /* @__PURE__ */ m.jsx(C, { classPrefix: t, parent: a._id, blocks: n }) : null;
+      const u = O(a._type);
+      if (u !== null) {
+        let d = a;
+        const x = u.component;
+        return d = { ...u.defaults, ...a }, f.createElement(
+          x,
+          j(
+            {
+              blockProps: {},
+              ...d,
+              index: l,
+              ...o(d),
+              ...c,
+              inBuilder: !1
+            },
+            ["_parent"]
+          )
+        );
+      }
+      return /* @__PURE__ */ m.jsxs("noscript", { children: [
+        a._type,
+        " not found"
+      ] });
+    })
+  ) });
+}
+const te = (e) => {
+  const r = i(e, "_bodyTextLightColor", "#64748b"), t = i(e, "_bodyTextDarkColor", "#94a3b8"), n = i(e, "_bodyBgLightColor", "#FFFFFF"), o = i(e, "_bodyBgDarkColor", "#0f172a");
+  return `font-body antialiased text-[${r}] bg-[${n}] dark:text-[${t}] dark:bg-[${o}]`;
+}, he = ({ snapshot: e, before: r = null, after: t = null, classPrefix: n = "c-" }) => {
+  const o = i(e.projectData, "brandingOptions", B);
+  return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
+    r,
+    /* @__PURE__ */ m.jsx("div", { className: n.replace("-", "") + " " + te(o) + " min-h-screen", children: /* @__PURE__ */ m.jsx(q, { children: /* @__PURE__ */ m.jsx(C, { blocks: e.pageData.blocks || [], classPrefix: n }) }) }),
+    t
+  ] });
+};
 export {
-  y as RenderChaiBlocks,
-  me as RenderChaiPage,
-  ce as generateUUID,
-  pe as getBlocksTailwindCSS,
-  Y as getBrandingClasses
+  C as RenderChaiBlocks,
+  he as RenderChaiPage,
+  A as addPrefixToClasses,
+  be as generateUUID,
+  fe as getBlocksTailwindCSS,
+  K as getBrandingClasses
 };

package/dist/single-page-detail-116281ae.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./jsx-runtime-5c3ac4f7.cjs"),q=require("react"),c=require("lodash"),M=require("@radix-ui/react-icons"),H=require("./useBuilderProp-5e57d0c8.cjs"),w=require("./scroll-area-088530b9.cjs"),d=require("@chaibuilder/blocks"),L=require("sonner"),h=require("./form-6eac0287.cjs"),p=require("./index-1217461b.cjs"),z=require("./usePageActions-5e28a006.cjs");require("@radix-ui/react-slot");require("class-variance-authority");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("jotai");require("@radix-ui/react-scroll-area");require("@rjsf/core");require("@rjsf/validator-ajv8");require("./link-86c532b5.cjs");require("react-icons-picker");require("react-dom");require("./dialog-170eaad9.cjs");require("@radix-ui/react-dialog");require("./ImagesPanel-addb2bf9.cjs");require("./tabs-860e37aa.cjs");require("@radix-ui/react-tabs");require("react-quill");require("react-i18next");require("i18next");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("flat-to-nested");require("./Class-6c695ccb.cjs");require("./MODIFIERS-70fef873.cjs");require("redux-undo");require("@react-hookz/web");require("lucide-react");require("./useChangePage-f22cea36.cjs");const B=q.lazy(()=>Promise.resolve().then(()=>require("./delete-page-modal-15e71ba4.cjs"))),G=q.lazy(()=>Promise.resolve().then(()=>require("./confirm-alert-4f50caa7.cjs"))),E=n=>{if(!c.isString(n)||!(n.includes("/[")&&n.includes("]")))return!1;const i=/^\[((?:\.{3})?[a-zA-Z0-9_-]+)\]$/,g=/^[a-zA-Z0-9_-]+$/;let e=!0;return n.split("/").forEach(u=>{e&&(u.includes("[[")&&u.includes("]]")?e=/^\[\[\.{3}[a-zA-Z0-9_-]+\]\]$/.test(u):u.includes("[")&&u.includes("]")?e=i.test(u):e=g.test(u))}),e},P=n=>n&&c.isEmpty(n.seoData)?{...n,seoData:{title:"",description:"",image:""}}:n,Y=(n,o)=>{const i=!c.isEqual(c.omit(n,["seoData"]),c.omit(o,["seoData"])),g=!c.isEqual(P(o).seoData,P(n).seoData);return i||g},F=({open:n,setOpen:o,pageData:i})=>{const g=p.useQueryClient(),{data:e}=p.useProject(),u=z.useUpdatePage(),m=p.useUpdateProject("Homepage updated successfully."),[s,b]=q.useState(P(i)),[a,y]=q.useState({isHomePage:(e==null?void 0:e.homepage)===i.uuid}),j=Y(s,i);q.useEffect(()=>{const l=!c.isEqual(P(i),s),r=(e==null?void 0:e.homepage)!==i.uuid&&a.isHomePage;o(l||r?"PENDING":"OPEN")},[e,i,s,a,o]);const S=()=>{if(j){if(i.type==="DYNAMIC"&&!E((s==null?void 0:s.slug)||"")){n==="ALERT"&&o("PENDING");return}u.mutate(s,{onSuccess:()=>{g.invalidateQueries({refetchType:"active",queryKey:["pages",e==null?void 0:e.uuid]}),o("CLOSE"),L.toast.success("Page updated successfully.")}})}a.isHomePage&&(e==null?void 0:e.homepage)!==i.uuid&&m.mutate({...e,homepage:i==null?void 0:i.uuid},{onSuccess:()=>o("CLOSE")})},C=({formData:l},r)=>{b(f=>{var R,N;if(!r)return f;const x={[r]:l[r]};return r==="name"?x.slug=c.kebabCase((R=l[r])==null?void 0:R.replace(/\d/g,"")):r==="slug"?x.slug=(N=l[r])==null?void 0:N.replace(/\d/g,"").replace(/\s+/g,"").replace("--","-").replace("__","_"):r==="seoData"&&(x.seoData={title:l[r].title||"",description:l[r].description||"",image:l[r].image||""}),{...f,...x}})},A=({formData:l},r)=>{y(f=>{const x={[r]:l[r]};return{...f,...x}})},I={name:d.SingleLineText({title:"Page Name",default:s.name}),slug:d.SingleLineText({title:"Page Slug",default:s.slug})},T={seoData:d.Model({title:"",description:"",default:{title:"",description:"",image:""},properties:{title:d.SingleLineText({title:"Meta Title",default:s.name}),description:d.MultilineText({title:"Meta Description",default:s.slug}),image:d.Image({title:"Social Media Image",default:""})}})},v={isHomePage:d.Checkbox({title:"Set as homepage",default:a.isHomePage})};return t.jsxRuntimeExports.jsxs(w.ScrollArea,{className:"flex h-full select-none flex-col",children:[t.jsxRuntimeExports.jsx(G,{open:n==="ALERT",title:"Do yo want to save changes?",onCancel:()=>o("CLOSE"),onConfirm:S,disabled:m.isPending||u.isPending}),t.jsxRuntimeExports.jsx("div",{className:"rounded-md bg-background/30 px-2.5 py-1",children:t.jsxRuntimeExports.jsx("h1",{className:"px-1 font-semibold",children:"Page Details"})}),t.jsxRuntimeExports.jsx("div",{className:"px-2.5 pt-2",children:t.jsxRuntimeExports.jsxs("div",{className:"flex flex-col space-y-2",children:[t.jsxRuntimeExports.jsx(h.Form,{title:"Basic Details",formData:s,properties:I,onChange:C,disabled:u.isPending||m.isPending}),t.jsxRuntimeExports.jsx("div",{className:"h-2 w-full"}),t.jsxRuntimeExports.jsx(h.Form,{title:"SEO Details",formData:s,properties:T,onChange:C,disabled:u.isPending||m.isPending}),(e==null?void 0:e.homepage)!==i.uuid&&i.type==="STATIC"?t.jsxRuntimeExports.jsx(h.Form,{formData:a,properties:v,onChange:A,disabled:u.isPending||m.isPending}):i.type==="STATIC"&&t.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-1 px-1 pt-2 text-xs font-medium text-gray-500",children:[t.jsxRuntimeExports.jsx(M.HomeIcon,{})," This is homepage"," "]}),s.type==="DYNAMIC"&&!E((s==null?void 0:s.slug)||"")&&t.jsxRuntimeExports.jsxs("small",{className:"px-1 text-red-400",children:["Add dynamic ID in page slug Eg: ",t.jsxRuntimeExports.jsx("i",{className:"underline",children:"some-url/[some-id]"})]}),t.jsxRuntimeExports.jsxs("div",{className:"my-2 flex w-full items-center justify-between gap-x-2 px-1",children:[t.jsxRuntimeExports.jsx(H.Button,{className:"w-full",type:"submit",onClick:S,disabled:(e==null?void 0:e.homepage)!==i.uuid&&a.isHomePage?!1:c.isEmpty(s.name)||c.isEmpty(s.slug)||!j||u.isPending||m.isPending||s.type==="DYNAMIC"&&!E((s==null?void 0:s.slug)||""),children:"Save"}),t.jsxRuntimeExports.jsx(B,{pageData:i,projectData:e})]})]})})]})};exports.default=F;

package/dist/{single-page-detail-74f88ed2.js → single-page-detail-a0332ab5.js}

@@ -1,14 +1,14 @@
 import { j as t } from "./jsx-runtime-944c88e2.js";
-import T, { useState as I, useEffect as L } from "react";
-import { isEqual as P, isEmpty as C, isString as z, omit as j, kebabCase as B } from "lodash";
+import y, { useState as I, useEffect as L } from "react";
+import { isEqual as x, isEmpty as C, isString as z, omit as j, kebabCase as B } from "lodash";
 import { HomeIcon as G } from "@radix-ui/react-icons";
 import { B as Y } from "./useBuilderProp-81a14920.js";
 import { S as q } from "./scroll-area-9f64a082.js";
-import { SingleLineText as g, Model as X, MultilineText as Z, Image as $, Checkbox as F } from "@chaibuilder/blocks";
+import { SingleLineText as g, Model as Z, MultilineText as _, Image as $, Checkbox as F } from "@chaibuilder/blocks";
 import { toast as O } from "sonner";
-import { F as h } from "./form-5d5c5c9e.js";
-import { X as Q, O as V } from "./index-3f65447f.js";
-import { u as y } from "./useProjectActions-3b1dbb5e.js";
+import { F as P } from "./form-5d5c5c9e.js";
+import { _ as Q, P as U, O as V } from "./index-32519c31.js";
+import { a as X } from "./usePageActions-d6e1d325.js";
 import "@radix-ui/react-slot";
 import "class-variance-authority";
 import "./utils-ac68b2c8.js";
@@ -36,12 +36,13 @@ import "react-dnd";
 import "@minoru/react-dnd-treeview";
 import "react-hotkeys-hook";
 import "flat-to-nested";
-import "./Class-e34b2337.js";
+import "./Class-1fb4c0c4.js";
+import "./MODIFIERS-c2e02614.js";
 import "redux-undo";
 import "@react-hookz/web";
-import "./CONTROLS-442caee5.js";
-import "./useMutation-97876a40.js";
-const K = T.lazy(() => import("./delete-page-modal-fa7b4272.js")), U = T.lazy(() => import("./confirm-alert-f2a47cc7.js")), x = (n) => {
+import "lucide-react";
+import "./useChangePage-6a7c7374.js";
+const K = y.lazy(() => import("./delete-page-modal-cc906461.js")), J = y.lazy(() => import("./confirm-alert-f2a47cc7.js")), h = (n) => {
   if (!z(n) || !(n.includes("/[") && n.includes("]")))
     return !1;
   const s = /^\[((?:\.{3})?[a-zA-Z0-9_-]+)\]$/, u = /^[a-zA-Z0-9_-]+$/;
@@ -52,20 +53,20 @@ const K = T.lazy(() => import("./delete-page-modal-fa7b4272.js")), U = T.lazy(()
 }, f = (n) => n && C(n.seoData) ? {
   ...n,
   seoData: { title: "", description: "", image: "" }
-} : n, J = (n, l) => {
-  const s = !P(j(n, ["seoData"]), j(l, ["seoData"])), u = !P(f(l).seoData, f(n).seoData);
+} : n, W = (n, l) => {
+  const s = !x(j(n, ["seoData"]), j(l, ["seoData"])), u = !x(f(l).seoData, f(n).seoData);
   return s || u;
-}, qe = ({ open: n, setOpen: l, pageData: s }) => {
-  const u = Q(), { data: e } = V(), r = y(), c = y("Homepage updated successfully."), [i, M] = I(f(s)), [d, v] = I({
+}, $e = ({ open: n, setOpen: l, pageData: s }) => {
+  const u = Q(), { data: e } = U(), r = X(), c = V("Homepage updated successfully."), [i, T] = I(f(s)), [d, M] = I({
     isHomePage: (e == null ? void 0 : e.homepage) === s.uuid
-  }), S = J(i, s);
+  }), S = W(i, s);
   L(() => {
-    const m = !P(f(s), i), o = (e == null ? void 0 : e.homepage) !== s.uuid && d.isHomePage;
+    const m = !x(f(s), i), o = (e == null ? void 0 : e.homepage) !== s.uuid && d.isHomePage;
     l(m || o ? "PENDING" : "OPEN");
   }, [e, s, i, d, l]);
   const N = () => {
     if (S) {
-      if (s.type === "DYNAMIC" && !x((i == null ? void 0 : i.slug) || "")) {
+      if (s.type === "DYNAMIC" && !h((i == null ? void 0 : i.slug) || "")) {
         n === "ALERT" && l("PENDING");
         return;
       }
@@ -80,12 +81,12 @@ const K = T.lazy(() => import("./delete-page-modal-fa7b4272.js")), U = T.lazy(()
     }
     d.isHomePage && (e == null ? void 0 : e.homepage) !== s.uuid && c.mutate({ ...e, homepage: s == null ? void 0 : s.uuid }, { onSuccess: () => l("CLOSE") });
   }, E = ({ formData: m }, o) => {
-    M((p) => {
+    T((p) => {
       var b, A;
       if (!o)
         return p;
       const a = { [o]: m[o] };
-      return o === "page_name" ? a.slug = B((b = m[o]) == null ? void 0 : b.replace(/\d/g, "")) : o === "slug" ? a.slug = (A = m[o]) == null ? void 0 : A.replace(/\d/g, "").replace(/\s+/g, "").replace("--", "-").replace("__", "_") : o === "seo_data" && (a.seo_data = {
+      return o === "name" ? a.slug = B((b = m[o]) == null ? void 0 : b.replace(/\d/g, "")) : o === "slug" ? a.slug = (A = m[o]) == null ? void 0 : A.replace(/\d/g, "").replace(/\s+/g, "").replace("--", "-").replace("__", "_") : o === "seoData" && (a.seoData = {
         title: m[o].title || "",
         description: m[o].description || "",
         image: m[o].image || ""
@@ -94,22 +95,22 @@ const K = T.lazy(() => import("./delete-page-modal-fa7b4272.js")), U = T.lazy(()
         ...a
       };
     });
-  }, H = ({ formData: m }, o) => {
-    v((p) => {
+  }, v = ({ formData: m }, o) => {
+    M((p) => {
       const a = { [o]: m[o] };
       return {
         ...p,
         ...a
       };
     });
-  }, w = {
-    page_name: g({
+  }, H = {
+    name: g({
       title: "Page Name",
       default: i.name
     }),
     slug: g({ title: "Page Slug", default: i.slug })
-  }, R = {
-    seo_data: X({
+  }, w = {
+    seoData: Z({
       title: "",
       description: "",
       default: {
@@ -122,14 +123,14 @@ const K = T.lazy(() => import("./delete-page-modal-fa7b4272.js")), U = T.lazy(()
           title: "Meta Title",
           default: i.name
         }),
-        description: Z({
+        description: _({
           title: "Meta Description",
           default: i.slug
         }),
         image: $({ title: "Social Media Image", default: "" })
       }
     })
-  }, _ = {
+  }, R = {
     isHomePage: F({
       title: "Set as homepage",
       default: d.isHomePage
@@ -137,7 +138,7 @@ const K = T.lazy(() => import("./delete-page-modal-fa7b4272.js")), U = T.lazy(()
   };
   return /* @__PURE__ */ t.jsxs(q, { className: "flex h-full select-none flex-col", children: [
     /* @__PURE__ */ t.jsx(
-      U,
+      J,
       {
         open: n === "ALERT",
         title: "Do yo want to save changes?",
@@ -149,32 +150,32 @@ const K = T.lazy(() => import("./delete-page-modal-fa7b4272.js")), U = T.lazy(()
     /* @__PURE__ */ t.jsx("div", { className: "rounded-md bg-background/30 px-2.5 py-1", children: /* @__PURE__ */ t.jsx("h1", { className: "px-1 font-semibold", children: "Page Details" }) }),
     /* @__PURE__ */ t.jsx("div", { className: "px-2.5 pt-2", children: /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col space-y-2", children: [
       /* @__PURE__ */ t.jsx(
-        h,
+        P,
         {
           title: "Basic Details",
           formData: i,
-          properties: w,
+          properties: H,
           onChange: E,
           disabled: r.isPending || c.isPending
         }
       ),
       /* @__PURE__ */ t.jsx("div", { className: "h-2 w-full" }),
       /* @__PURE__ */ t.jsx(
-        h,
+        P,
         {
           title: "SEO Details",
           formData: i,
-          properties: R,
+          properties: w,
           onChange: E,
           disabled: r.isPending || c.isPending
         }
       ),
       (e == null ? void 0 : e.homepage) !== s.uuid && s.type === "STATIC" ? /* @__PURE__ */ t.jsx(
-        h,
+        P,
         {
           formData: d,
-          properties: _,
-          onChange: H,
+          properties: R,
+          onChange: v,
           disabled: r.isPending || c.isPending
         }
       ) : s.type === "STATIC" && /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-x-1 px-1 pt-2 text-xs font-medium text-gray-500", children: [
@@ -182,7 +183,7 @@ const K = T.lazy(() => import("./delete-page-modal-fa7b4272.js")), U = T.lazy(()
         " This is homepage",
         " "
       ] }),
-      i.type === "DYNAMIC" && !x((i == null ? void 0 : i.slug) || "") && /* @__PURE__ */ t.jsxs("small", { className: "px-1 text-red-400", children: [
+      i.type === "DYNAMIC" && !h((i == null ? void 0 : i.slug) || "") && /* @__PURE__ */ t.jsxs("small", { className: "px-1 text-red-400", children: [
         "Add dynamic ID in page slug Eg: ",
         /* @__PURE__ */ t.jsx("i", { className: "underline", children: "some-url/[some-id]" })
       ] }),
@@ -193,7 +194,7 @@ const K = T.lazy(() => import("./delete-page-modal-fa7b4272.js")), U = T.lazy(()
             className: "w-full",
             type: "submit",
             onClick: N,
-            disabled: (e == null ? void 0 : e.homepage) !== s.uuid && d.isHomePage ? !1 : C(i.name) || C(i.slug) || !S || r.isPending || c.isPending || i.type === "DYNAMIC" && !x((i == null ? void 0 : i.slug) || ""),
+            disabled: (e == null ? void 0 : e.homepage) !== s.uuid && d.isHomePage ? !1 : C(i.name) || C(i.slug) || !S || r.isPending || c.isPending || i.type === "DYNAMIC" && !h((i == null ? void 0 : i.slug) || ""),
             children: "Save"
           }
         ),
@@ -203,5 +204,5 @@ const K = T.lazy(() => import("./delete-page-modal-fa7b4272.js")), U = T.lazy(()
   ] });
 };
 export {
-  qe as default
+  $e as default
 };