@chaibuilder/sdk 4.0.0-beta.4 → 4.0.0-beta.41

package/dist/{save-to-lib-WwOzbgiF.js → save-to-lib-5nwSdZ9R.js}

@@ -1,16 +1,17 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { B as b, z as L } from "./register-chai-top-bar-ESJHs5s-.js";
-import { c as j, a6 as se, a7 as ie, P as oe, az as le, ai as ce, aA as de, L as P } from "./index-rAcNbjk_.js";
-import { ar as D, as as G, A as _, ay as ue } from "./index-Dno42B0a.js";
-import { useQuery as K, useMutation as U, useQueryClient as me } from "@tanstack/react-query";
+import { B as b, z as L } from "./register-chai-top-bar-D6GjnauV.js";
+import { aF as ne, c as M, X as ie, Y as oe, P as le, aG as ce, ax as de, aH as ue, p as P } from "./index-wBr2Ml98.js";
+import { ap as D, aq as G, A as _, aw as me } from "./index-CDVuf3C1.js";
+import { useQuery as K, useMutation as A, useQueryClient as pe } from "@tanstack/react-query";
+import { useSetAtom as fe } from "jotai";
 import { toast as N } from "sonner";
-import { Trash2 as Y, Plus as pe, ImageIcon as fe, X as he, AlertCircle as ge } from "lucide-react";
-import { useState as h, useRef as V, useMemo as S, useEffect as w, useCallback as be } from "react";
-import { c as ve } from "./image-compression-DsZ1oqpb.js";
-import { isEmpty as ye, set as ke, has as Ne } from "lodash-es";
-const Be = (r) => {
+import { Trash2 as Y, Plus as he, ImageIcon as ge, X as be, AlertCircle as ye } from "lucide-react";
+import { useState as h, useRef as V, useMemo as S, useEffect as I, useCallback as ke } from "react";
+import { c as ve } from "./image-compression-DPFITwOL.js";
+import { isEmpty as Ne, set as Be, has as Ce } from "lodash-es";
+const we = (r) => {
   const a = D(), o = G();
-  return U({
+  return A({
     mutationFn: async (t) => o(a, {
       action: _.UPSERT_LIBRARY_ITEM,
       data: t
@@ -24,7 +25,7 @@ const Be = (r) => {
       });
     }
   });
-}, Ce = (r) => {
+}, Ie = (r) => {
   const a = D(), o = G();
   return K({
     staleTime: "static",
@@ -44,40 +45,45 @@ const Be = (r) => {
     },
     retry: !1
   });
-}, Ie = (r) => {
-  const a = D(), o = G();
-  return U({
-    mutationFn: async (t) => o(a, {
+}, Ee = (r) => {
+  const a = D(), o = G(), t = fe(ne);
+  return A({
+    mutationFn: async (l) => o(a, {
       action: _.DELETE_LIBRARY_ITEM,
-      data: { id: t }
+      data: { id: l }
     }),
     onSuccess: () => {
-      r ? r() : N.success("Block deleted successfully");
+      t((l) => {
+        const m = { ...l };
+        return Object.keys(m).forEach((u) => {
+          m[u] = { loading: "idle", blocks: [], error: !1 };
+        }), m;
+      }), r ? r() : N.success("Block deleted successfully");
     },
-    onError: (t) => {
-      console.error("Error deleting block:", t), N.error("Failed to delete block", {
-        description: t instanceof Error ? t.message : "Unknown error"
+    onError: (l) => {
+      console.error("Error deleting block:", l), N.error("Failed to delete block", {
+        description: l instanceof Error ? l.message : "Unknown error"
       });
     }
   });
-}, we = ({
+}, xe = ({
   blockId: r,
   libBlockId: a,
   isOpen: o,
   onClose: t,
-  blockName: u,
-  trigger: p
+  blockName: l,
+  trigger: m
 }) => {
-  const [d, l] = h(!1), c = j(), v = Ie(() => {
-    c([r], { _libBlockId: void 0 }), N.success("Block deleted successfully"), l(!1), t();
+  const [u, c] = h(!1), d = M(), y = Ee(() => {
+    d([r], { _libBlockId: void 0 }), N.success("Block deleted successfully"), c(!1), t();
   });
-  return /* @__PURE__ */ i(se, { open: o, onOpenChange: (m) => !m && t(), children: [
-    /* @__PURE__ */ e(ie, { asChild: !0, children: p || /* @__PURE__ */ i(b, { type: "button", variant: "destructive", size: "sm", onClick: (m) => m.preventDefault(), disabled: d, children: [
+  return /* @__PURE__ */ i(ie, { open: o, onOpenChange: (p) => !p && t(), children: [
+    /* @__PURE__ */ e(oe, { asChild: !0, children: m || /* @__PURE__ */ i(b, { type: "button", variant: "destructive", size: "sm", onClick: (p) => p.preventDefault(), disabled: u, children: [
       /* @__PURE__ */ e(Y, { className: "mr-2 h-4 w-4" }),
       "Delete"
     ] }) }),
     /* @__PURE__ */ e(
-      oe,
+      le,
       {
         className: "z-[9999] w-72 p-4",
         sideOffset: 5,
@@ -88,39 +94,39 @@ const Be = (r) => {
             "Are you sure you want to delete the block",
             /* @__PURE__ */ i("span", { className: "font-medium", children: [
               ' "',
-              u,
+              l,
               '"'
             ] }),
             "?"
           ] }),
           /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: "This block will be permanently removed from the library. This action cannot be undone." }),
           /* @__PURE__ */ i("div", { className: "flex justify-end gap-2 pt-2", children: [
-            /* @__PURE__ */ e(b, { type: "button", variant: "outline", size: "sm", onClick: t, disabled: d, children: "Cancel" }),
+            /* @__PURE__ */ e(b, { type: "button", variant: "outline", size: "sm", onClick: t, disabled: u, children: "Cancel" }),
             /* @__PURE__ */ e(b, { type: "button", variant: "destructive", size: "sm", onClick: () => {
-              l(!0), v.mutate(a);
-            }, disabled: d, children: d ? "Deleting..." : "Delete" })
+              c(!0), y.mutate(a);
+            }, disabled: u, children: u ? "Deleting..." : "Delete" })
           ] })
         ] })
       }
     )
   ] });
-}, Ee = ({
+}, Pe = ({
   blockId: r,
   libBlockId: a,
   blockName: o,
   size: t = "sm",
-  className: u = "",
-  close: p
+  className: l = "",
+  close: m
 }) => {
-  const [d, l] = h(!1);
+  const [u, c] = h(!1);
   return /* @__PURE__ */ e(
-    we,
+    xe,
     {
       blockId: r,
       libBlockId: a,
-      isOpen: d,
+      isOpen: u,
       onClose: () => {
-        l(!1), p();
+        c(!1), m();
       },
       blockName: o,
       trigger: /* @__PURE__ */ i(
@@ -129,8 +135,8 @@ const Be = (r) => {
           type: "button",
           variant: "destructive",
           size: t,
-          className: u,
-          onClick: () => l(!0),
+          className: l,
+          onClick: () => c(!0),
           children: [
             /* @__PURE__ */ e(Y, { className: "mr-2 h-4 w-4" }),
             "Delete"
@@ -139,11 +145,11 @@ const Be = (r) => {
       )
     }
   );
-}, xe = () => {
-  const r = D(), a = G(), o = me(), {
+}, Le = () => {
+  const r = D(), a = G(), o = pe(), {
     data: t = [],
-    isLoading: u,
-    error: p
+    isLoading: l,
+    error: m
   } = K({
     queryKey: ["library-groups"],
     staleTime: "static",
@@ -153,17 +159,17 @@ const Be = (r) => {
         return await a(r, {
           action: "GET_LIBRARY_GROUPS"
         }) || [];
-      } catch (c) {
-        return console.error("Error fetching library groups:", c), [];
+      } catch (d) {
+        return console.error("Error fetching library groups:", d), [];
       }
     }
-  }), { mutateAsync: d, isPending: l } = U({
-    mutationFn: async (c) => {
-      if (!c.trim())
+  }), { mutateAsync: u, isPending: c } = A({
+    mutationFn: async (d) => {
+      if (!d.trim())
         throw new Error("Group name is required");
       return a(r, {
         action: "CREATE_BLOCK_GROUP",
-        data: { name: c }
+        data: { name: d }
       });
     },
     onSuccess: () => {
@@ -171,21 +177,21 @@ const Be = (r) => {
         queryKey: ["library-groups"]
       }), N.success("Group created successfully");
     },
-    onError: (c) => {
-      console.error("Error creating group:", c), N.error("Failed to create group", {
-        description: c instanceof Error ? c.message : "Unknown error"
+    onError: (d) => {
+      console.error("Error creating group:", d), N.error("Failed to create group", {
+        description: d instanceof Error ? d.message : "Unknown error"
       });
     }
   });
   return {
     groups: t,
-    isLoading: u,
-    error: p,
-    createGroup: d,
-    isCreating: l
+    isLoading: l,
+    error: m,
+    createGroup: u,
+    isCreating: c
   };
-}, Pe = ({ value: r, onChange: a }) => {
-  const [o, t] = h(!1), [u, p] = h(""), d = V(null), { groups: l } = xe(), [c, v] = h([
+}, _e = ({ value: r, onChange: a }) => {
+  const [o, t] = h(!1), [l, m] = h(""), u = V(null), { groups: c } = Le(), [d, y] = h([
     { id: "hero", name: "Hero" },
     { id: "feature", name: "Feature" },
     { id: "footer", name: "Footer" },
@@ -215,33 +221,33 @@ const Be = (r) => {
     { id: "timeline", name: "Timeline" }
   ]), f = S(
     () => [
-      ...l,
-      ...c.filter((n) => !l.some((B) => B.id === n.id))
+      ...c,
+      ...d.filter((s) => !c.some((B) => B.id === s.id))
     ],
-    [l, c]
+    [c, d]
   ), g = () => {
-    const n = u.trim();
-    if (!n) return;
-    const B = { id: n, name: n };
-    v((E) => [...E, B]), a(B.id), p(""), t(!1);
+    const s = l.trim();
+    if (!s) return;
+    const B = { id: s, name: s };
+    y((E) => [...E, B]), a(B.id), m(""), t(!1);
   };
-  w(() => {
-    o && d.current && d.current.focus();
+  I(() => {
+    o && u.current && u.current.focus();
   }, [o]);
-  const m = (n) => {
-    n.key === "Enter" && (n.preventDefault(), g());
+  const p = (s) => {
+    s.key === "Enter" && (s.preventDefault(), g());
   };
-  return w(() => {
-    r && !f.some((n) => n.id === r) && a("");
+  return I(() => {
+    r && !f.some((s) => s.id === r) && a("");
   }, [r, f, a]), o ? /* @__PURE__ */ i("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e(
       L,
       {
-        ref: d,
+        ref: u,
         placeholder: "Enter new group name",
-        value: u,
-        onChange: (n) => p(n.target.value),
-        onKeyDown: m
+        value: l,
+        onChange: (s) => m(s.target.value),
+        onKeyDown: p
       }
     ),
     /* @__PURE__ */ i("div", { className: "flex justify-end gap-2", children: [
@@ -254,30 +260,30 @@ const Be = (r) => {
       {
         className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
         value: r,
-        onChange: (n) => a(n.target.value),
+        onChange: (s) => a(s.target.value),
         children: [
           /* @__PURE__ */ e("option", { value: "", children: "Select a group" }),
-          l.length > 0 && /* @__PURE__ */ e("optgroup", { label: "Library Groups", children: l.map((n) => /* @__PURE__ */ e("option", { value: n.id, children: n.name }, `lib-${n.id}`)) }),
-          c.length > 0 && /* @__PURE__ */ e("optgroup", { label: "Predefined Groups", children: c.filter((n) => !l.some((B) => B.id === n.id)).map((n) => /* @__PURE__ */ e("option", { value: n.id, children: n.name }, `local-${n.id}`)) })
+          c.length > 0 && /* @__PURE__ */ e("optgroup", { label: "Library Groups", children: c.map((s) => /* @__PURE__ */ e("option", { value: s.id, children: s.name }, `lib-${s.id}`)) }),
+          d.length > 0 && /* @__PURE__ */ e("optgroup", { label: "Predefined Groups", children: d.filter((s) => !c.some((B) => B.id === s.id)).map((s) => /* @__PURE__ */ e("option", { value: s.id, children: s.name }, `local-${s.id}`)) })
         ]
       }
     ),
-    /* @__PURE__ */ e(b, { type: "button", size: "icon", variant: "outline", onClick: () => t(!0), children: /* @__PURE__ */ e(pe, { className: "h-4 w-4" }) })
+    /* @__PURE__ */ e(b, { type: "button", size: "icon", variant: "outline", onClick: () => t(!0), children: /* @__PURE__ */ e(he, { className: "h-4 w-4" }) })
   ] });
-}, Le = ({ value: r, onChange: a }) => {
-  const [o, t] = h(!1), u = V(null), p = be(
-    async (c) => {
+}, De = ({ value: r, onChange: a }) => {
+  const [o, t] = h(!1), l = V(null), m = ke(
+    async (d) => {
       var f;
-      const v = (f = c.target.files) == null ? void 0 : f[0];
-      if (v)
+      const y = (f = d.target.files) == null ? void 0 : f[0];
+      if (y)
         try {
           t(!0);
-          let g = v;
-          v.type.startsWith("image/") && (g = await ve(v));
-          const m = new FileReader();
-          m.onloadend = () => {
-            a(m.result), t(!1);
-          }, m.readAsDataURL(g);
+          let g = y;
+          y.type.startsWith("image/") && (g = await ve(y));
+          const p = new FileReader();
+          p.onloadend = () => {
+            a(p.result), t(!1);
+          }, p.readAsDataURL(g);
         } catch (g) {
           console.error("Error reading file:", g), t(!1), N.error("Failed to process image", {
             description: g instanceof Error ? g.message : "Unknown error"
@@ -288,68 +294,68 @@ const Be = (r) => {
   );
   return /* @__PURE__ */ i("div", { className: "space-y-2", children: [
     /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(L, { type: "file", ref: u, onChange: p, accept: "image/*", className: "hidden" }),
+      /* @__PURE__ */ e(L, { type: "file", ref: l, onChange: m, accept: "image/*", className: "hidden" }),
       /* @__PURE__ */ e(b, { type: "button", variant: "outline", onClick: () => {
-        var c;
-        (c = u.current) == null || c.click();
+        var d;
+        (d = l.current) == null || d.click();
       }, disabled: o, className: "w-full", children: o ? /* @__PURE__ */ i("span", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }),
         "Uploading..."
       ] }) : /* @__PURE__ */ i("span", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ e(fe, { className: "h-4 w-4" }),
+        /* @__PURE__ */ e(ge, { className: "h-4 w-4" }),
         "Select image"
       ] }) }),
       r && /* @__PURE__ */ e(b, { type: "button", variant: "outline", size: "icon", onClick: () => {
-        a(""), u.current && (u.current.value = "");
-      }, children: /* @__PURE__ */ e(he, { className: "h-4 w-4" }) })
+        a(""), l.current && (l.current.value = "");
+      }, children: /* @__PURE__ */ e(be, { className: "h-4 w-4" }) })
     ] }),
     r && /* @__PURE__ */ e("div", { className: "aspect-video h-[200px] max-h-[200px] overflow-hidden rounded-md border", children: /* @__PURE__ */ e("img", { src: r, alt: "Preview", className: "h-full w-full object-contain" }) })
   ] });
-}, ze = (r) => {
-  const { blocks: a, close: o, blockId: t } = r, { getPartailBlocks: u } = le(), p = a.find((s) => s._id === t), d = p == null ? void 0 : p._libBlockId, l = !!d, c = S(() => a.some((s) => s._type === "PartialBlock" || s._type === "GlobalBlock"), [a]), v = S(() => {
-    let s = [];
-    for (const y of a)
-      if (y._type === "PartialBlock" || y._type === "GlobalBlock") {
-        let k = u(y.partialBlockId);
-        y._parent && (k == null ? void 0 : k.length) > 0 && (k = k.map((R) => (ye(R._parent) && ke(R, "_parent", y._parent), R))), s = [...s, ...k];
+}, Me = (r) => {
+  const { blocks: a, close: o, blockId: t } = r, { getPartialBlocks: l } = ce(), m = a.find((n) => n._id === t), u = m == null ? void 0 : m._libBlockId, c = !!u, d = S(() => a.some((n) => n._type === "PartialBlock" || n._type === "GlobalBlock"), [a]), y = S(() => {
+    let n = [];
+    for (const k of a)
+      if (k._type === "PartialBlock" || k._type === "GlobalBlock") {
+        let v = l(k.partialBlockId);
+        k._parent && (v == null ? void 0 : v.length) > 0 && (v = v.map((R) => (Ne(R._parent) && Be(R, "_parent", k._parent), R))), n = [...n, ...v];
       } else
-        s.push(y);
-    return s;
-  }, [a, u]), [f, g] = h(""), [m, n] = h(""), [B, E] = h(""), [x, A] = h(""), [C, W] = h({}), [Q, $] = h(!1), [H, q] = h(l), [X, J] = h(!1), { hasPermission: Z } = ce(), ee = Z(ue.DELETE_LIBRARY_BLOCK), z = j(), te = () => {
-    z([t], { _libBlockId: void 0 }), N.success("Block delinked from library"), o();
+        n.push(k);
+    return n;
+  }, [a, l]), [f, g] = h(""), [p, s] = h(""), [B, E] = h(""), [x, U] = h(""), [C, W] = h({}), [Q, $] = h(!1), [H, q] = h(c), [X, J] = h(!1), { hasPermission: Z } = de(), ee = Z(me.DELETE_LIBRARY_BLOCK), O = M(), te = () => {
+    O([t], { _libBlockId: void 0 }), N.success("Block delinked from library"), o();
   }, {
-    data: I,
-    isLoading: T,
-    isError: M
-  } = Ce(d);
-  w(() => {
-    M && l && (J(!0), q(!1));
-  }, [M, l]), w(() => {
-    I && !T && (g(I.name || ""), n(I.group || ""), E(I.description || ""), A(I.preview || ""), q(!1));
-  }, [I, T]), w(() => {
-    const s = f.trim().length >= 2, y = m.trim() !== "";
-    $(s && y);
-  }, [f, m]);
+    data: w,
+    isLoading: F,
+    isError: j
+  } = Ie(u);
+  I(() => {
+    j && c && (J(!0), q(!1));
+  }, [j, c]), I(() => {
+    w && !F && (g(w.name || ""), s(w.group || ""), E(w.description || ""), U(w.preview || ""), q(!1));
+  }, [w, F]), I(() => {
+    const n = f.trim().length >= 2, k = p.trim() !== "";
+    $(n && k);
+  }, [f, p]);
   const re = () => {
-    const s = {};
-    return f.trim() ? f.length < 2 && (s.name = "Name must be at least 2 characters") : s.name = "Name is required", m || (s.group = "Group is required"), W(s), Object.keys(s).length === 0;
-  }, { resetLibrary: ae } = de({ id: "" }), O = Be((s) => {
-    l || z([t], { _libBlockId: s.id }), N.success(`Block ${l ? "updated" : "saved"} successfully`), ae(s.library), o();
-  }), ne = async (s) => {
-    if (s.preventDefault(), !re()) return;
-    const y = v.map((k) => (Ne(k, "_libBlockId") && delete k._libBlockId, k));
-    O.mutate({
+    const n = {};
+    return f.trim() ? f.length < 2 && (n.name = "Name must be at least 2 characters") : n.name = "Name is required", p || (n.group = "Group is required"), W(n), Object.keys(n).length === 0;
+  }, { resetLibrary: ae } = ue({ id: "" }), z = we((n) => {
+    c || O([t], { _libBlockId: n.id }), N.success(`Block ${c ? "updated" : "saved"} successfully`), ae(n.library), o();
+  }), se = async (n) => {
+    if (n.preventDefault(), !re()) return;
+    const k = y.map((v) => (Ce(v, "_libBlockId") && delete v._libBlockId, v));
+    z.mutate({
       name: f.trim(),
-      group: m,
-      blocks: y,
+      group: p,
+      blocks: k,
       description: B.trim(),
       // Only include previewImage if it exists and is a base64 image
       ...x && x.startsWith("data:") ? { previewImage: x } : {},
       // Include id if in edit mode
-      ...l ? { id: d } : {}
+      ...c ? { id: u } : {}
     });
-  }, F = O.isPending;
-  return H || T ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ e("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent" }) }) : X ? /* @__PURE__ */ i("div", { className: "space-y-4 p-6", children: [
+  }, T = z.isPending;
+  return H || F ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ e("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent" }) }) : X ? /* @__PURE__ */ i("div", { className: "space-y-4 p-6", children: [
     /* @__PURE__ */ e("div", { className: "font-medium text-destructive", children: "Block Not Found" }),
     /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "This block could not be found on the server. It may have been deleted." }),
     /* @__PURE__ */ i("div", { className: "flex justify-end gap-2 pt-4", children: [
@@ -357,14 +363,14 @@ const Be = (r) => {
       /* @__PURE__ */ e(b, { onClick: te, variant: "destructive", children: "Delink Block" })
     ] })
   ] }) : /* @__PURE__ */ i("div", { children: [
-    c && /* @__PURE__ */ i("div", { className: "mb-4 flex items-start gap-2 rounded-md border border-destructive/50 bg-destructive/10 p-3 text-destructive", children: [
-      /* @__PURE__ */ e(ge, { className: "mt-0.5 h-5 w-5 flex-shrink-0" }),
+    d && /* @__PURE__ */ i("div", { className: "mb-4 flex items-start gap-2 rounded-md border border-destructive/50 bg-destructive/10 p-3 text-destructive", children: [
+      /* @__PURE__ */ e(ye, { className: "mt-0.5 h-5 w-5 flex-shrink-0" }),
       /* @__PURE__ */ i("div", { children: [
         /* @__PURE__ */ e("p", { className: "font-medium", children: "Partial Blocks Detected" }),
         /* @__PURE__ */ e("p", { className: "mt-1 text-xs", children: "This block contains one or more Partial Blocks. Partial blocks will be merged into the library block" })
       ] })
     ] }),
-    /* @__PURE__ */ i("form", { onSubmit: ne, className: "space-y-4", children: [
+    /* @__PURE__ */ i("form", { onSubmit: se, className: "space-y-4", children: [
       /* @__PURE__ */ i("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e(P, { htmlFor: "name", className: C.name ? "text-destructive" : "", children: "Name" }),
         /* @__PURE__ */ e(
@@ -373,7 +379,7 @@ const Be = (r) => {
             id: "name",
             placeholder: "Enter block name",
             value: f,
-            onChange: (s) => g(s.target.value),
+            onChange: (n) => g(n.target.value),
             className: C.name ? "border-destructive" : ""
           }
         ),
@@ -381,7 +387,7 @@ const Be = (r) => {
       ] }),
       /* @__PURE__ */ i("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e(P, { htmlFor: "group", className: C.group ? "text-destructive" : "", children: "Group" }),
-        /* @__PURE__ */ e(Pe, { value: m, onChange: n }),
+        /* @__PURE__ */ e(_e, { value: p, onChange: s }),
         C.group && /* @__PURE__ */ e("p", { className: "text-xs text-destructive", children: C.group })
       ] }),
       /* @__PURE__ */ i("div", { className: "space-y-2", children: [
@@ -393,31 +399,31 @@ const Be = (r) => {
             placeholder: "Enter a brief description",
             className: "resize-none",
             value: B,
-            onChange: (s) => E(s.target.value)
+            onChange: (n) => E(n.target.value)
           }
         )
       ] }),
       /* @__PURE__ */ i("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e(P, { htmlFor: "previewImage", children: "Preview Image (optional)" }),
-        /* @__PURE__ */ e(Le, { value: x, onChange: A })
+        /* @__PURE__ */ e(De, { value: x, onChange: U })
       ] }),
       /* @__PURE__ */ i("div", { className: "flex justify-end gap-2 pt-2", children: [
-        l && ee && /* @__PURE__ */ e(
-          Ee,
+        c && ee && /* @__PURE__ */ e(
+          Pe,
           {
             blockId: t,
-            libBlockId: d,
+            libBlockId: u,
             blockName: f,
             className: "mr-auto",
             close: o
           }
         ),
-        /* @__PURE__ */ e(b, { type: "button", variant: "outline", onClick: o, disabled: F, children: "Cancel" }),
-        /* @__PURE__ */ e(b, { type: "submit", disabled: F || !Q, children: F ? "Saving..." : l ? "Update Block" : "Save Block" })
+        /* @__PURE__ */ e(b, { type: "button", variant: "outline", onClick: o, disabled: T, children: "Cancel" }),
+        /* @__PURE__ */ e(b, { type: "submit", disabled: T || !Q, children: T ? "Saving..." : c ? "Update Block" : "Save Block" })
       ] })
     ] })
   ] });
 };
 export {
-  ze as default
+  Me as default
 };

package/dist/save-to-lib-D0WdH4lq.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("./register-chai-top-bar-DyW9GPzV.cjs"),x=require("./index-C3CV1lXL.cjs"),b=require("./index-3pEi7VzS.cjs"),C=require("@tanstack/react-query"),X=require("jotai"),j=require("sonner"),E=require("lucide-react"),i=require("react"),J=require("./image-compression-UaU7Bwqe.cjs"),R=require("lodash-es"),Z=s=>{const r=b.useApiUrl(),l=b.useFetch();return C.useMutation({mutationFn:async t=>l(r,{action:b.ACTIONS.UPSERT_LIBRARY_ITEM,data:t}),onSuccess:t=>{s?s(t):j.toast.success("Block saved successfully")},onError:t=>{console.error("Error saving block:",t),j.toast.error("Failed to save block",{description:t instanceof Error?t.message:"Unknown error"})}})},ee=s=>{const r=b.useApiUrl(),l=b.useFetch();return C.useQuery({staleTime:"static",queryKey:[b.ACTIONS.GET_LIBRARY_ITEM,s],enabled:!!s,queryFn:async()=>{if(!s)return null;try{return await l(r,{action:b.ACTIONS.GET_LIBRARY_ITEM,data:{id:s}})}catch(t){throw console.error(t),new Error("The block could not be found on the server. It may have been deleted.")}},retry:!1})},te=s=>{const r=b.useApiUrl(),l=b.useFetch(),t=X.useSetAtom(x.libraryBlocksAtom);return C.useMutation({mutationFn:async c=>l(r,{action:b.ACTIONS.DELETE_LIBRARY_ITEM,data:{id:c}}),onSuccess:()=>{t(c=>{const m={...c};return Object.keys(m).forEach(u=>{m[u]={loading:"idle",blocks:[],error:!1}}),m}),s?s():j.toast.success("Block deleted successfully")},onError:c=>{console.error("Error deleting block:",c),j.toast.error("Failed to delete block",{description:c instanceof Error?c.message:"Unknown error"})}})},se=({blockId:s,libBlockId:r,isOpen:l,onClose:t,blockName:c,trigger:m})=>{const[u,o]=i.useState(!1),d=x.useUpdateBlocksPropsRealtime(),y=te(()=>{d([s],{_libBlockId:void 0}),j.toast.success("Block deleted successfully"),o(!1),t()}),h=()=>{o(!0),y.mutate(r)},g=e.jsxs(p.Button,{type:"button",variant:"destructive",size:"sm",onClick:f=>f.preventDefault(),disabled:u,children:[e.jsx(E.Trash2,{className:"mr-2 h-4 w-4"}),"Delete"]});return e.jsxs(x.Popover,{open:l,onOpenChange:f=>!f&&t(),children:[e.jsx(x.PopoverTrigger,{asChild:!0,children:m||g}),e.jsx(x.PopoverContent,{className:"z-[9999] w-72 p-4",sideOffset:5,align:"center",children:e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Delete Block"}),e.jsxs("p",{className:"text-sm",children:["Are you sure you want to delete the block",e.jsxs("span",{className:"font-medium",children:[' "',c,'"']}),"?"]}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"This block will be permanently removed from the library. This action cannot be undone."}),e.jsxs("div",{className:"flex justify-end gap-2 pt-2",children:[e.jsx(p.Button,{type:"button",variant:"outline",size:"sm",onClick:t,disabled:u,children:"Cancel"}),e.jsx(p.Button,{type:"button",variant:"destructive",size:"sm",onClick:h,disabled:u,children:u?"Deleting...":"Delete"})]})]})})]})},re=({blockId:s,libBlockId:r,blockName:l,size:t="sm",className:c="",close:m})=>{const[u,o]=i.useState(!1);return e.jsx(se,{blockId:s,libBlockId:r,isOpen:u,onClose:()=>{o(!1),m()},blockName:l,trigger:e.jsxs(p.Button,{type:"button",variant:"destructive",size:t,className:c,onClick:()=>o(!0),children:[e.jsx(E.Trash2,{className:"mr-2 h-4 w-4"}),"Delete"]})})},ne=()=>{const s=b.useApiUrl(),r=b.useFetch(),l=C.useQueryClient(),{data:t=[],isLoading:c,error:m}=C.useQuery({queryKey:["library-groups"],staleTime:"static",placeholderData:[],queryFn:async()=>{try{return await r(s,{action:"GET_LIBRARY_GROUPS"})||[]}catch(d){return console.error("Error fetching library groups:",d),[]}}}),{mutateAsync:u,isPending:o}=C.useMutation({mutationFn:async d=>{if(!d.trim())throw new Error("Group name is required");return r(s,{action:"CREATE_BLOCK_GROUP",data:{name:d}})},onSuccess:()=>{l.invalidateQueries({queryKey:["library-groups"]}),j.toast.success("Group created successfully")},onError:d=>{console.error("Error creating group:",d),j.toast.error("Failed to create group",{description:d instanceof Error?d.message:"Unknown error"})}});return{groups:t,isLoading:c,error:m,createGroup:u,isCreating:o}},ae=({value:s,onChange:r})=>{const[l,t]=i.useState(!1),[c,m]=i.useState(""),u=i.useRef(null),{groups:o}=ne(),[d,y]=i.useState([{id:"hero",name:"Hero"},{id:"feature",name:"Feature"},{id:"footer",name:"Footer"},{id:"content",name:"Content"},{id:"testimonial",name:"Testimonial"},{id:"pricing",name:"Pricing"},{id:"login",name:"Login"},{id:"logos",name:"Logos"},{id:"about",name:"About"},{id:"banner",name:"Banner"},{id:"blog",name:"Blog"},{id:"careers",name:"Careers"},{id:"casestudy",name:"Casestudy"},{id:"changelog",name:"Changelog"},{id:"compare",name:"Compare"},{id:"contact",name:"Contact"},{id:"cta",name:"Cta"},{id:"faq",name:"Faq"},{id:"gallery",name:"Gallery"},{id:"integration",name:"Integration"},{id:"list",name:"List"},{id:"navbar",name:"Navbar"},{id:"product",name:"Product"},{id:"signup",name:"Signup"},{id:"stats",name:"Stats"},{id:"team",name:"Team"},{id:"timeline",name:"Timeline"}]),h=i.useMemo(()=>[...o,...d.filter(n=>!o.some(B=>B.id===n.id))],[o,d]),g=()=>{const n=c.trim();if(!n)return;const B={id:n,name:n};y(w=>[...w,B]),r(B.id),m(""),t(!1)};i.useEffect(()=>{l&&u.current&&u.current.focus()},[l]);const f=n=>{n.key==="Enter"&&(n.preventDefault(),g())};return i.useEffect(()=>{s&&!h.some(n=>n.id===s)&&r("")},[s,h,r]),l?e.jsxs("div",{className:"space-y-2",children:[e.jsx(p.Input,{ref:u,placeholder:"Enter new group name",value:c,onChange:n=>m(n.target.value),onKeyDown:f}),e.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsx(p.Button,{variant:"outline",size:"sm",onClick:()=>t(!1),children:"Cancel"}),e.jsx(p.Button,{size:"sm",onClick:g,children:"Create"})]})]}):e.jsxs("div",{className:"flex gap-2",children:[e.jsxs("select",{className:"w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",value:s,onChange:n=>r(n.target.value),children:[e.jsx("option",{value:"",children:"Select a group"}),o.length>0&&e.jsx("optgroup",{label:"Library Groups",children:o.map(n=>e.jsx("option",{value:n.id,children:n.name},`lib-${n.id}`))}),d.length>0&&e.jsx("optgroup",{label:"Predefined Groups",children:d.filter(n=>!o.some(B=>B.id===n.id)).map(n=>e.jsx("option",{value:n.id,children:n.name},`local-${n.id}`))})]}),e.jsx(p.Button,{type:"button",size:"icon",variant:"outline",onClick:()=>t(!0),children:e.jsx(E.Plus,{className:"h-4 w-4"})})]})},oe=({value:s,onChange:r})=>{const[l,t]=i.useState(!1),c=i.useRef(null),m=i.useCallback(async d=>{var h;const y=(h=d.target.files)==null?void 0:h[0];if(y)try{t(!0);let g=y;y.type.startsWith("image/")&&(g=await J.compressImageIfNeeded(y));const f=new FileReader;f.onloadend=()=>{r(f.result),t(!1)},f.readAsDataURL(g)}catch(g){console.error("Error reading file:",g),t(!1),j.toast.error("Failed to process image",{description:g instanceof Error?g.message:"Unknown error"})}},[r]),u=()=>{r(""),c.current&&(c.current.value="")},o=()=>{var d;(d=c.current)==null||d.click()};return e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(p.Input,{type:"file",ref:c,onChange:m,accept:"image/*",className:"hidden"}),e.jsx(p.Button,{type:"button",variant:"outline",onClick:o,disabled:l,className:"w-full",children:l?e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent"}),"Uploading..."]}):e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(E.ImageIcon,{className:"h-4 w-4"}),"Select image"]})}),s&&e.jsx(p.Button,{type:"button",variant:"outline",size:"icon",onClick:u,children:e.jsx(E.X,{className:"h-4 w-4"})})]}),s&&e.jsx("div",{className:"aspect-video h-[200px] max-h-[200px] overflow-hidden rounded-md border",children:e.jsx("img",{src:s,alt:"Preview",className:"h-full w-full object-contain"})})]})},ie=s=>{const{blocks:r,close:l,blockId:t}=s,{getPartialBlocks:c}=x.usePartialBlocksStore(),m=r.find(a=>a._id===t),u=m==null?void 0:m._libBlockId,o=!!u,d=i.useMemo(()=>r.some(a=>a._type==="PartialBlock"||a._type==="GlobalBlock"),[r]),y=i.useMemo(()=>{let a=[];for(const k of r)if(k._type==="PartialBlock"||k._type==="GlobalBlock"){let v=c(k.partialBlockId);k._parent&&(v==null?void 0:v.length)>0&&(v=v.map(T=>(R.isEmpty(T._parent)&&R.set(T,"_parent",k._parent),T))),a=[...a,...v]}else a.push(k);return a},[r,c]),[h,g]=i.useState(""),[f,n]=i.useState(""),[B,w]=i.useState(""),[S,_]=i.useState(""),[N,U]=i.useState({}),[q,M]=i.useState(!1),[O,F]=i.useState(o),[z,K]=i.useState(!1),{hasPermission:Y}=x.usePermissions(),Q=Y(b.PAGES_PERMISSIONS.DELETE_LIBRARY_BLOCK),D=x.useUpdateBlocksPropsRealtime(),V=()=>{D([t],{_libBlockId:void 0}),j.toast.success("Block delinked from library"),l()},{data:I,isLoading:P,isError:G}=ee(u);i.useEffect(()=>{G&&o&&(K(!0),F(!1))},[G,o]),i.useEffect(()=>{I&&!P&&(g(I.name||""),n(I.group||""),w(I.description||""),_(I.preview||""),F(!1))},[I,P]),i.useEffect(()=>{const a=h.trim().length>=2,k=f.trim()!=="";M(a&&k)},[h,f]);const W=()=>{const a={};return h.trim()?h.length<2&&(a.name="Name must be at least 2 characters"):a.name="Name is required",f||(a.group="Group is required"),U(a),Object.keys(a).length===0},{resetLibrary:$}=x.useLibraryBlocks({id:""}),A=Z(a=>{o||D([t],{_libBlockId:a.id}),j.toast.success(`Block ${o?"updated":"saved"} successfully`),$(a.library),l()}),H=async a=>{if(a.preventDefault(),!W())return;const k=y.map(v=>(R.has(v,"_libBlockId")&&delete v._libBlockId,v));A.mutate({name:h.trim(),group:f,blocks:k,description:B.trim(),...S&&S.startsWith("data:")?{previewImage:S}:{},...o?{id:u}:{}})},L=A.isPending;return O||P?e.jsx("div",{className:"flex items-center justify-center p-8",children:e.jsx("div",{className:"h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent"})}):z?e.jsxs("div",{className:"space-y-4 p-6",children:[e.jsx("div",{className:"font-medium text-destructive",children:"Block Not Found"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"This block could not be found on the server. It may have been deleted."}),e.jsxs("div",{className:"flex justify-end gap-2 pt-4",children:[e.jsx(p.Button,{type:"button",variant:"outline",onClick:l,children:"Cancel"}),e.jsx(p.Button,{onClick:V,variant:"destructive",children:"Delink Block"})]})]}):e.jsxs("div",{children:[d&&e.jsxs("div",{className:"mb-4 flex items-start gap-2 rounded-md border border-destructive/50 bg-destructive/10 p-3 text-destructive",children:[e.jsx(E.AlertCircle,{className:"mt-0.5 h-5 w-5 flex-shrink-0"}),e.jsxs("div",{children:[e.jsx("p",{className:"font-medium",children:"Partial Blocks Detected"}),e.jsx("p",{className:"mt-1 text-xs",children:"This block contains one or more Partial Blocks. Partial blocks will be merged into the library block"})]})]}),e.jsxs("form",{onSubmit:H,className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(x.Label,{htmlFor:"name",className:N.name?"text-destructive":"",children:"Name"}),e.jsx(p.Input,{id:"name",placeholder:"Enter block name",value:h,onChange:a=>g(a.target.value),className:N.name?"border-destructive":""}),N.name&&e.jsx("p",{className:"text-xs text-destructive",children:N.name})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(x.Label,{htmlFor:"group",className:N.group?"text-destructive":"",children:"Group"}),e.jsx(ae,{value:f,onChange:n}),N.group&&e.jsx("p",{className:"text-xs text-destructive",children:N.group})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(x.Label,{htmlFor:"description",children:"Description (optional)"}),e.jsx(p.Input,{id:"description",placeholder:"Enter a brief description",className:"resize-none",value:B,onChange:a=>w(a.target.value)})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(x.Label,{htmlFor:"previewImage",children:"Preview Image (optional)"}),e.jsx(oe,{value:S,onChange:_})]}),e.jsxs("div",{className:"flex justify-end gap-2 pt-2",children:[o&&Q&&e.jsx(re,{blockId:t,libBlockId:u,blockName:h,className:"mr-auto",close:l}),e.jsx(p.Button,{type:"button",variant:"outline",onClick:l,disabled:L,children:"Cancel"}),e.jsx(p.Button,{type:"submit",disabled:L||!q,children:L?"Saving...":o?"Update Block":"Save Block"})]})]})]})};exports.default=ie;