@chaibuilder/sdk 4.0.0-beta.36 → 4.0.0-beta.37

package/dist/{save-to-lib-CXhaKw5V.js → save-to-lib-CAzWtI64.js}

@@ -1,18 +1,18 @@
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { B as b, z as L } from "./register-chai-top-bar-D6GjnauV.js";
-import { aF as ne, c as M, W as oe, X as ie, P as le, aG as ce, ax as de, aH as ue, p as P } from "./index-DZheQdw-.js";
-import { ao as D, ap as G, A as _, av as me } from "./index-K4yKMKbY.js";
+import { aF as ne, c as M, W as ie, X as oe, P as le, aG as ce, ax as de, aH as ue, p as P } from "./index-7OSd9ssH.js";
+import { ap as D, aq as G, A as _, aw as me } from "./index-CHoZEbKv.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 he, ImageIcon as ge, X as be, AlertCircle as ye } from "lucide-react";
-import { useState as h, useRef as W, useMemo as S, useEffect as w, useCallback as ke } from "react";
+import { useState as h, useRef as W, 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 Ie = (r) => {
-  const a = D(), i = G();
+const we = (r) => {
+  const a = D(), o = G();
   return A({
-    mutationFn: async (t) => i(a, {
+    mutationFn: async (t) => o(a, {
       action: _.UPSERT_LIBRARY_ITEM,
       data: t
     }),
@@ -25,8 +25,8 @@ const Ie = (r) => {
       });
     }
   });
-}, we = (r) => {
-  const a = D(), i = G();
+}, Ie = (r) => {
+  const a = D(), o = G();
   return K({
     staleTime: "static",
     queryKey: [_.GET_LIBRARY_ITEM, r],
@@ -35,7 +35,7 @@ const Ie = (r) => {
     queryFn: async () => {
       if (!r) return null;
       try {
-        return await i(a, {
+        return await o(a, {
           action: _.GET_LIBRARY_ITEM,
           data: { id: r }
         });
@@ -46,9 +46,9 @@ const Ie = (r) => {
     retry: !1
   });
 }, Ee = (r) => {
-  const a = D(), i = G(), t = fe(ne);
+  const a = D(), o = G(), t = fe(ne);
   return A({
-    mutationFn: async (l) => i(a, {
+    mutationFn: async (l) => o(a, {
       action: _.DELETE_LIBRARY_ITEM,
       data: { id: l }
     }),
@@ -69,7 +69,7 @@ const Ie = (r) => {
 }, xe = ({
   blockId: r,
   libBlockId: a,
-  isOpen: i,
+  isOpen: o,
   onClose: t,
   blockName: l,
   trigger: m
@@ -77,8 +77,8 @@ const Ie = (r) => {
   const [u, c] = h(!1), d = M(), y = Ee(() => {
     d([r], { _libBlockId: void 0 }), N.success("Block deleted successfully"), c(!1), t();
   });
-  return /* @__PURE__ */ o(oe, { open: i, onOpenChange: (p) => !p && t(), children: [
-    /* @__PURE__ */ e(ie, { asChild: !0, children: m || /* @__PURE__ */ o(b, { type: "button", variant: "destructive", size: "sm", onClick: (p) => p.preventDefault(), disabled: u, 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"
     ] }) }),
@@ -88,11 +88,11 @@ const Ie = (r) => {
         className: "z-[9999] w-72 p-4",
         sideOffset: 5,
         align: "center",
-        children: /* @__PURE__ */ o("div", { className: "space-y-3", children: [
+        children: /* @__PURE__ */ i("div", { className: "space-y-3", children: [
           /* @__PURE__ */ e("h4", { className: "font-medium", children: "Delete Block" }),
-          /* @__PURE__ */ o("p", { className: "text-sm", children: [
+          /* @__PURE__ */ i("p", { className: "text-sm", children: [
             "Are you sure you want to delete the block",
-            /* @__PURE__ */ o("span", { className: "font-medium", children: [
+            /* @__PURE__ */ i("span", { className: "font-medium", children: [
               ' "',
               l,
               '"'
@@ -100,7 +100,7 @@ const Ie = (r) => {
             "?"
           ] }),
           /* @__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__ */ o("div", { className: "flex justify-end gap-2 pt-2", children: [
+          /* @__PURE__ */ i("div", { className: "flex justify-end gap-2 pt-2", children: [
             /* @__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: () => {
               c(!0), y.mutate(a);
@@ -113,7 +113,7 @@ const Ie = (r) => {
 }, Pe = ({
   blockId: r,
   libBlockId: a,
-  blockName: i,
+  blockName: o,
   size: t = "sm",
   className: l = "",
   close: m
@@ -128,8 +128,8 @@ const Ie = (r) => {
       onClose: () => {
         c(!1), m();
       },
-      blockName: i,
-      trigger: /* @__PURE__ */ o(
+      blockName: o,
+      trigger: /* @__PURE__ */ i(
         b,
         {
           type: "button",
@@ -146,7 +146,7 @@ const Ie = (r) => {
     }
   );
 }, Le = () => {
-  const r = D(), a = G(), i = pe(), {
+  const r = D(), a = G(), o = pe(), {
     data: t = [],
     isLoading: l,
     error: m
@@ -173,7 +173,7 @@ const Ie = (r) => {
       });
     },
     onSuccess: () => {
-      i.invalidateQueries({
+      o.invalidateQueries({
         queryKey: ["library-groups"]
       }), N.success("Group created successfully");
     },
@@ -191,7 +191,7 @@ const Ie = (r) => {
     isCreating: c
   };
 }, _e = ({ value: r, onChange: a }) => {
-  const [i, t] = h(!1), [l, m] = h(""), u = W(null), { groups: c } = Le(), [d, y] = h([
+  const [o, t] = h(!1), [l, m] = h(""), u = W(null), { groups: c } = Le(), [d, y] = h([
     { id: "hero", name: "Hero" },
     { id: "feature", name: "Feature" },
     { id: "footer", name: "Footer" },
@@ -231,15 +231,15 @@ const Ie = (r) => {
     const B = { id: s, name: s };
     y((E) => [...E, B]), a(B.id), m(""), t(!1);
   };
-  w(() => {
-    i && u.current && u.current.focus();
-  }, [i]);
+  I(() => {
+    o && u.current && u.current.focus();
+  }, [o]);
   const p = (s) => {
     s.key === "Enter" && (s.preventDefault(), g());
   };
-  return w(() => {
+  return I(() => {
     r && !f.some((s) => s.id === r) && a("");
-  }, [r, f, a]), i ? /* @__PURE__ */ o("div", { className: "space-y-2", children: [
+  }, [r, f, a]), o ? /* @__PURE__ */ i("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e(
       L,
       {
@@ -250,12 +250,12 @@ const Ie = (r) => {
         onKeyDown: p
       }
     ),
-    /* @__PURE__ */ o("div", { className: "flex justify-end gap-2", children: [
+    /* @__PURE__ */ i("div", { className: "flex justify-end gap-2", children: [
       /* @__PURE__ */ e(b, { variant: "outline", size: "sm", onClick: () => t(!1), children: "Cancel" }),
       /* @__PURE__ */ e(b, { size: "sm", onClick: g, children: "Create" })
     ] })
-  ] }) : /* @__PURE__ */ o("div", { className: "flex gap-2", children: [
-    /* @__PURE__ */ o(
+  ] }) : /* @__PURE__ */ i("div", { className: "flex gap-2", children: [
+    /* @__PURE__ */ i(
       "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",
@@ -271,7 +271,7 @@ const Ie = (r) => {
     /* @__PURE__ */ e(b, { type: "button", size: "icon", variant: "outline", onClick: () => t(!0), children: /* @__PURE__ */ e(he, { className: "h-4 w-4" }) })
   ] });
 }, De = ({ value: r, onChange: a }) => {
-  const [i, t] = h(!1), l = W(null), m = ke(
+  const [o, t] = h(!1), l = W(null), m = ke(
     async (d) => {
       var f;
       const y = (f = d.target.files) == null ? void 0 : f[0];
@@ -292,16 +292,16 @@ const Ie = (r) => {
     },
     [a]
   );
-  return /* @__PURE__ */ o("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+  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: l, onChange: m, accept: "image/*", className: "hidden" }),
       /* @__PURE__ */ e(b, { type: "button", variant: "outline", onClick: () => {
         var d;
         (d = l.current) == null || d.click();
-      }, disabled: i, className: "w-full", children: i ? /* @__PURE__ */ o("span", { className: "flex items-center gap-2", children: [
+      }, 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__ */ o("span", { className: "flex items-center gap-2", children: [
+      ] }) : /* @__PURE__ */ i("span", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(ge, { className: "h-4 w-4" }),
         "Select image"
       ] }) }),
@@ -312,7 +312,7 @@ const Ie = (r) => {
     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" }) })
   ] });
 }, Me = (r) => {
-  const { blocks: a, close: i, 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(() => {
+  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") {
@@ -322,25 +322,25 @@ const Ie = (r) => {
         n.push(k);
     return n;
   }, [a, l]), [f, g] = h(""), [p, s] = h(""), [B, E] = h(""), [x, U] = h(""), [C, V] = 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"), i();
+    O([t], { _libBlockId: void 0 }), N.success("Block delinked from library"), o();
   }, {
-    data: I,
+    data: w,
     isLoading: F,
     isError: j
-  } = we(u);
-  w(() => {
+  } = Ie(u);
+  I(() => {
     j && c && (J(!0), q(!1));
-  }, [j, c]), w(() => {
-    I && !F && (g(I.name || ""), s(I.group || ""), E(I.description || ""), U(I.preview || ""), q(!1));
-  }, [I, F]), w(() => {
+  }, [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 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"), V(n), Object.keys(n).length === 0;
-  }, { resetLibrary: ae } = ue({ id: "" }), z = Ie((n) => {
-    c || O([t], { _libBlockId: n.id }), N.success(`Block ${c ? "updated" : "saved"} successfully`), ae(n.library), i();
+  }, { 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));
@@ -355,23 +355,23 @@ const Ie = (r) => {
       ...c ? { id: u } : {}
     });
   }, 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__ */ o("div", { className: "space-y-4 p-6", children: [
+  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__ */ o("div", { className: "flex justify-end gap-2 pt-4", children: [
-      /* @__PURE__ */ e(b, { type: "button", variant: "outline", onClick: i, children: "Cancel" }),
+    /* @__PURE__ */ i("div", { className: "flex justify-end gap-2 pt-4", children: [
+      /* @__PURE__ */ e(b, { type: "button", variant: "outline", onClick: o, children: "Cancel" }),
       /* @__PURE__ */ e(b, { onClick: te, variant: "destructive", children: "Delink Block" })
     ] })
-  ] }) : /* @__PURE__ */ o("div", { children: [
-    d && /* @__PURE__ */ o("div", { className: "mb-4 flex items-start gap-2 rounded-md border border-destructive/50 bg-destructive/10 p-3 text-destructive", children: [
+  ] }) : /* @__PURE__ */ i("div", { children: [
+    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__ */ o("div", { children: [
+      /* @__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__ */ o("form", { onSubmit: se, className: "space-y-4", children: [
-      /* @__PURE__ */ o("div", { className: "space-y-2", 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(
           L,
@@ -385,12 +385,12 @@ const Ie = (r) => {
         ),
         C.name && /* @__PURE__ */ e("p", { className: "text-xs text-destructive", children: C.name })
       ] }),
-      /* @__PURE__ */ o("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ i("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e(P, { htmlFor: "group", className: C.group ? "text-destructive" : "", children: "Group" }),
         /* @__PURE__ */ e(_e, { value: p, onChange: s }),
         C.group && /* @__PURE__ */ e("p", { className: "text-xs text-destructive", children: C.group })
       ] }),
-      /* @__PURE__ */ o("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ i("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e(P, { htmlFor: "description", children: "Description (optional)" }),
         /* @__PURE__ */ e(
           L,
@@ -403,11 +403,11 @@ const Ie = (r) => {
           }
         )
       ] }),
-      /* @__PURE__ */ o("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ i("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e(P, { htmlFor: "previewImage", children: "Preview Image (optional)" }),
         /* @__PURE__ */ e(De, { value: x, onChange: U })
       ] }),
-      /* @__PURE__ */ o("div", { className: "flex justify-end gap-2 pt-2", children: [
+      /* @__PURE__ */ i("div", { className: "flex justify-end gap-2 pt-2", children: [
         c && ee && /* @__PURE__ */ e(
           Pe,
           {
@@ -415,10 +415,10 @@ const Ie = (r) => {
             libBlockId: u,
             blockName: f,
             className: "mr-auto",
-            close: i
+            close: o
           }
         ),
-        /* @__PURE__ */ e(b, { type: "button", variant: "outline", onClick: i, disabled: T, children: "Cancel" }),
+        /* @__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" })
       ] })
     ] })