@chaibuilder/sdk 1.1.14 → 1.1.16

package/dist/{SidePanels-4lvmnnlw.js → SidePanels-CWAz1HdY.js}

@@ -1,13 +1,14 @@
 import { j as e } from "./jsx-runtime-NV737rRe.js";
-import { PlusIcon as E, Half2Icon as V } from "@radix-ui/react-icons";
-import p, { useState as u, useEffect as L, useMemo as M, lazy as g, Suspense as f } from "react";
-import { useAtom as A } from "jotai";
-import { b as v, d as P, A as H, j as I, a as F, f as R, g as _ } from "./lodash-3gkdNK5u.js";
-import { ak as O, al as Y, am as J, an as U, ao as $, D as q, E as G, F as Z, G as Q, H as W, I as X, J as ee, K as se, ap as ae, s as re, t as le, aq as ie, ar as te, as as oe, at as ne, au as S, i as k, av as ce, aw as de, B as j, S as T, ax as me, ay as xe, az as z, aA as K } from "./index-0OqmBgqo.js";
-import { ListTreeIcon as C, DatabaseIcon as pe } from "lucide-react";
-import { getChaiDataProviders as ue } from "@chaibuilder/runtime";
-import { E as he } from "./index-CQz6j3ex.js";
-import { d as fe } from "./utils-XsPKXMVo.js";
+import { PlusIcon as V, Half2Icon as M } from "@radix-ui/react-icons";
+import p, { useState as u, useEffect as H, useMemo as I, lazy as y, Suspense as j } from "react";
+import { useAtom as P } from "jotai";
+import { b as g, d as T, A as L, j as F, a as O, f as R, g as J } from "./lodash-3gkdNK5u.js";
+import { ak as U, al as $, am as q, an as G, ao as Y, D as Z, E as Q, F as W, G as X, H as ee, I as se, J as re, K as ae, ap as le, s as ie, t as te, aq as oe, ar as ne, as as ce, at as de, au as _, i as C, av as me, aw as xe, B as b, S as z, ax as pe, ay as ue, az as K, aA as B } from "./index-0OqmBgqo.js";
+import { ListTreeIcon as D, DatabaseIcon as he } from "lucide-react";
+import { getChaiDataProviders as fe } from "@chaibuilder/runtime";
+import { useTranslation as S } from "react-i18next";
+import { E as ve } from "./index-TWBwhGkh.js";
+import { d as je } from "./utils-XsPKXMVo.js";
 import "./MODIFIERS-MLfpKQY1.js";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
@@ -35,7 +36,6 @@ import "react-quill";
 import "flat-to-nested";
 import "redux-undo";
 import "@react-hookz/web";
-import "react-i18next";
 import "i18next";
 import "clsx";
 import "@floating-ui/react-dom";
@@ -48,84 +48,85 @@ import "sonner";
 import "./html-to-json-Y5M0N8PH.js";
 import "himalaya";
 import "tailwind-merge";
-const ve = p.lazy(() => import("react-json-view")), je = ({ provider: a, onClose: o }) => {
-  const [r, d] = u(null);
-  return L(() => {
-    a && (a.mockFn ? a.mockFn : a.dataFn)().then((n) => d(n));
-  }, [a]), a ? /* @__PURE__ */ e.jsx(O, { onOpenChange: (t) => t ? "" : o(), defaultOpen: !0, children: /* @__PURE__ */ e.jsxs(Y, { children: [
-    /* @__PURE__ */ e.jsxs(J, { children: [
-      /* @__PURE__ */ e.jsxs(U, { children: [
-        "Data Provider: ",
-        a.name
+const ge = p.lazy(() => import("react-json-view")), be = ({ provider: r, onClose: t }) => {
+  const { t: a } = S(), [i, m] = u(null);
+  return H(() => {
+    r && (r.mockFn ? r.mockFn : r.dataFn)().then((n) => m(n));
+  }, [r]), r ? /* @__PURE__ */ e.jsx(U, { onOpenChange: (o) => o ? "" : t(), defaultOpen: !0, children: /* @__PURE__ */ e.jsxs($, { children: [
+    /* @__PURE__ */ e.jsxs(q, { children: [
+      /* @__PURE__ */ e.jsxs(G, { children: [
+        a("data_provider"),
+        ": ",
+        r.name
       ] }),
-      /* @__PURE__ */ e.jsx($, { children: a.description })
+      /* @__PURE__ */ e.jsx(Y, { children: r.description })
     ] }),
-    /* @__PURE__ */ e.jsx(he, { children: /* @__PURE__ */ e.jsx(
-      ve,
+    /* @__PURE__ */ e.jsx(ve, { children: /* @__PURE__ */ e.jsx(
+      ge,
       {
         style: { maxHeight: "80vh", overflowY: "auto" },
-        name: a.providerKey,
+        name: r.providerKey,
         enableClipboard: !1,
         displayObjectSize: !1,
         displayDataTypes: !1,
-        src: r
+        src: i
       }
     ) })
   ] }) }) : null;
 };
-function ge({
-  children: a,
-  name: o,
-  onRemove: r
+function ye({
+  children: r,
+  name: t,
+  onRemove: a
 }) {
-  return /* @__PURE__ */ e.jsxs(q, { children: [
-    /* @__PURE__ */ e.jsx(G, { asChild: !0, children: a }),
-    /* @__PURE__ */ e.jsxs(Z, { children: [
-      /* @__PURE__ */ e.jsxs(Q, { children: [
-        /* @__PURE__ */ e.jsxs(W, { children: [
-          "Are you sure, you want to remove ",
-          /* @__PURE__ */ e.jsx("span", { className: "text-blue-500", children: o }),
-          " provider?"
-        ] }),
-        /* @__PURE__ */ e.jsx(X, { children: "Your data provider will be removed from this page and all added data binding will be not visible on blocks." })
+  const { t: i } = S();
+  return /* @__PURE__ */ e.jsxs(Z, { children: [
+    /* @__PURE__ */ e.jsx(Q, { asChild: !0, children: r }),
+    /* @__PURE__ */ e.jsxs(W, { children: [
+      /* @__PURE__ */ e.jsxs(X, { children: [
+        /* @__PURE__ */ e.jsx(ee, { children: i("remove_provider_confirmation", { name: t }) }),
+        /* @__PURE__ */ e.jsx(se, { children: i("remove_provider_warning") })
       ] }),
-      /* @__PURE__ */ e.jsxs(ee, { children: [
-        /* @__PURE__ */ e.jsx(se, { children: "Cancel" }),
-        /* @__PURE__ */ e.jsx(ae, { onClick: r, className: "bg-red-600 hover:bg-red-700", children: "Remove" })
+      /* @__PURE__ */ e.jsxs(re, { children: [
+        /* @__PURE__ */ e.jsx(ae, { children: i("cancel") }),
+        /* @__PURE__ */ e.jsx(le, { onClick: a, className: "bg-red-600 hover:bg-red-700", children: i("remove") })
       ] })
     ] })
   ] });
 }
-const be = () => {
-  const a = M(() => ue(), []), [o, r] = re(), [, d] = A(le), [t, n] = u(
-    v(a, (s) => P(o, "providerKey").includes(s.providerKey))
-  ), [m, b] = u(""), [h, i] = u(null), y = v(
-    a.map((s) => P(t, "providerKey").includes(s.providerKey) ? null : { value: s.providerKey, label: s.name }),
-    (s) => !H(s)
-  ), w = (s) => {
-    const x = I(a, { providerKey: s });
-    n((c) => [...c, x]), r((c) => [...c, { providerKey: x.providerKey, args: {} }]), b(""), d("UNSAVED");
-  }, N = (s) => {
-    n((x) => v(x, (c) => c.providerKey !== s.providerKey)), r((x) => v(x, (c) => c.providerKey !== s.providerKey)), d("UNSAVED");
-  }, l = (s) => i(s);
-  return F(a) ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("p", { className: "text-gray-500 mb-1.5 text-xs p-4", children: [
-    "You have no data providers registered. Please add a data provider to your project. ",
+const Ne = () => {
+  const { t: r } = S(), t = I(() => fe(), []), [a, i] = ie(), [, m] = P(te), [o, n] = u(
+    g(t, (s) => T(a, "providerKey").includes(s.providerKey))
+  ), [N, f] = u(""), [c, v] = u(null), w = g(
+    t.map((s) => T(o, "providerKey").includes(s.providerKey) ? null : { value: s.providerKey, label: s.name }),
+    (s) => !L(s)
+  ), k = (s) => {
+    const x = F(t, { providerKey: s });
+    n((d) => [...d, x]), i((d) => [...d, { providerKey: x.providerKey, args: {} }]), f(""), m("UNSAVED");
+  }, l = (s) => {
+    n((x) => g(x, (d) => d.providerKey !== s.providerKey)), i((x) => g(x, (d) => d.providerKey !== s.providerKey)), m("UNSAVED");
+  }, h = (s) => v(s);
+  return O(t) ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("p", { className: "text-gray-500 mb-1.5 text-xs p-4", children: [
+    r("no_data_providers"),
     /* @__PURE__ */ e.jsx("br", {}),
-    /* @__PURE__ */ e.jsx("a", { className: "text-blue-500", href: "https://chaibuilder.com/docs/registering-data-providers", target: "_blank", children: "Learn more" })
+    /* @__PURE__ */ e.jsx("a", { className: "text-blue-500", href: "https://chaibuilder.com/docs/registering-data-providers", target: "_blank", children: r("learn_more") })
   ] }) }) : /* @__PURE__ */ e.jsxs("div", { className: "px-1", children: [
     /* @__PURE__ */ e.jsx("br", {}),
-    /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 mb-1.5 text-xs", children: "Add data providers:" }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-1", children: /* @__PURE__ */ e.jsxs(ie, { value: m, onValueChange: (s) => w(s), children: [
-      /* @__PURE__ */ e.jsx(te, { className: "w-full", children: /* @__PURE__ */ e.jsx(oe, { placeholder: "Select a provider" }) }),
-      /* @__PURE__ */ e.jsxs(ne, { children: [
-        /* @__PURE__ */ e.jsx(S, { value: "", children: "Choose" }),
-        y.map((s) => /* @__PURE__ */ e.jsx(S, { value: s.value, children: s.label }, s.value))
+    /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 mb-1.5 text-xs", children: r("add_data_providers") }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-1", children: /* @__PURE__ */ e.jsxs(oe, { value: N, onValueChange: (s) => k(s), children: [
+      /* @__PURE__ */ e.jsx(ne, { className: "w-full", children: /* @__PURE__ */ e.jsx(ce, { placeholder: r("select_provider") }) }),
+      /* @__PURE__ */ e.jsxs(de, { children: [
+        /* @__PURE__ */ e.jsx(_, { value: "", children: r("choose") }),
+        w.map((s) => /* @__PURE__ */ e.jsx(_, { value: s.value, children: s.label }, s.value))
       ] })
     ] }) }),
     /* @__PURE__ */ e.jsx("br", {}),
-    /* @__PURE__ */ e.jsxs("div", { className: `border-t ${t.length ? "block" : "hidden"}`, children: [
-      /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 pt-4 pb-1.5 text-xs flex-1 font-medium", children: "Page data providers:" }),
-      /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: t.map((s) => /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ e.jsxs("div", { className: `border-t ${o.length ? "block" : "hidden"}`, children: [
+      /* @__PURE__ */ e.jsxs("p", { className: "text-gray-500 pt-4 pb-1.5 text-xs flex-1 font-medium", children: [
+        r("page_data_providers"),
+        ":"
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: o.map((s) => /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: "rounded-lg border bg-card text-card-foreground shadow-sm w-full",
@@ -139,7 +140,7 @@ const be = () => {
               /* @__PURE__ */ e.jsxs(
                 "button",
                 {
-                  onClick: () => l(s),
+                  onClick: () => h(s),
                   className: "inline-flex items-center justify-center text-xs font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 underline-offset-4 hover:underline h-9 rounded-md px-3 text-blue-500",
                   children: [
                     /* @__PURE__ */ e.jsxs(
@@ -161,11 +162,11 @@ const be = () => {
                         ]
                       }
                     ),
-                    "View Data"
+                    r("view_data")
                   ]
                 }
               ),
-              /* @__PURE__ */ e.jsx(ge, { onRemove: () => N(s), name: s.name, children: /* @__PURE__ */ e.jsxs("button", { className: "inline-flex items-center justify-center text-xs font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 underline-offset-4 hover:underline h-9 rounded-md px-3 text-red-500", children: [
+              /* @__PURE__ */ e.jsx(ye, { onRemove: () => l(s), name: s.name, children: /* @__PURE__ */ e.jsxs("button", { className: "inline-flex items-center justify-center text-xs font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 underline-offset-4 hover:underline h-9 rounded-md px-3 text-red-500", children: [
                 /* @__PURE__ */ e.jsxs(
                   "svg",
                   {
@@ -186,100 +187,100 @@ const be = () => {
                     ]
                   }
                 ),
-                "Remove"
+                r("remove")
               ] }) })
             ] })
           ]
         },
         s.providerKey
       )) }),
-      /* @__PURE__ */ e.jsx(je, { onClose: () => i(null), provider: h })
+      /* @__PURE__ */ e.jsx(be, { onClose: () => v(null), provider: c })
     ] })
   ] });
-}, ye = g(() => import("./AddBlocks-FsdsASNp.js")), D = g(() => import("./Layers-QNAlCI4j.js")), we = g(() => import("./BrandingOptions-4qzTYdj5.js")), Ne = g(() => import("./index-0OqmBgqo.js").then((a) => a.cy));
-let B = null;
-const bs = () => {
-  const a = k("sideBarComponents.top", []), o = k("sideBarComponents.bottom", []), [r, d] = A(ce), [t, n] = u(r), [m, b] = u(null), h = {
-    "add-blocks": ye,
-    layers: D,
-    "branding-options": we,
-    images: Ne
+}, we = y(() => import("./AddBlocks-1DrS62uN.js")), A = y(() => import("./Layers-6Fa_6Vy2.js")), ke = y(() => import("./BrandingOptions-zFJ28xmJ.js")), Ce = y(() => import("./index-0OqmBgqo.js").then((r) => r.cy));
+let E = null;
+const Ns = () => {
+  const r = C("sideBarComponents.top", []), t = C("sideBarComponents.bottom", []), [a, i] = P(me), [m, o] = u(a), [n, N] = u(null), f = {
+    "add-blocks": we,
+    layers: A,
+    "branding-options": ke,
+    images: Ce
   };
-  R(a, ({ name: l, panel: s }) => {
-    h[l] = s;
+  R(r, ({ name: l, panel: h }) => {
+    f[l] = h;
   });
-  const i = (l) => {
-    clearTimeout(B), y(!1), r !== "layers" && l === "layers" ? B = setTimeout(() => n("layers"), 500) : n(l), d(l);
-  }, [, y] = A(de), w = k("dataBindingSupport", !1);
-  function N() {
+  const c = (l) => {
+    clearTimeout(E), v(!1), a !== "layers" && l === "layers" ? E = setTimeout(() => o("layers"), 500) : o(l), i(l);
+  }, [, v] = P(xe), w = C("dataBindingSupport", !1);
+  function k() {
     const l = setTimeout(() => {
-      m && (i("layers"), clearTimeout(m));
+      n && (c("layers"), clearTimeout(n));
     }, 500);
-    b(l);
+    N(l);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex ", children: [
-    r !== "layers" ? /* @__PURE__ */ e.jsx(
+    a !== "layers" ? /* @__PURE__ */ e.jsx(
       "div",
       {
-        onMouseEnter: N,
-        onClick: () => i("layers"),
+        onMouseEnter: k,
+        onClick: () => c("layers"),
         className: "fixed inset-0 bg-black/20 z-[50]"
       }
     ) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "z-[100] flex h-full w-fit flex-col items-center justify-between border-b border-r border-border bg-background pt-2", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "relative z-[100] flex w-14 flex-col items-center space-y-2", children: [
         /* @__PURE__ */ e.jsx(
-          j,
+          b,
           {
             onClick: () => {
-              i("add-blocks");
+              c("add-blocks");
             },
             size: "sm",
-            variant: r === "add-blocks" ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(E, { className: "text-xl" })
+            variant: a === "add-blocks" ? "default" : "outline",
+            children: /* @__PURE__ */ e.jsx(V, { className: "text-xl" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          j,
+          b,
           {
-            onClick: () => i("layers"),
+            onClick: () => c("layers"),
             size: "sm",
-            variant: r === "layers" ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(C, { className: "w-4" })
+            variant: a === "layers" ? "default" : "outline",
+            children: /* @__PURE__ */ e.jsx(D, { className: "w-4" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          j,
+          b,
           {
-            onClick: () => i("branding-options"),
+            onClick: () => c("branding-options"),
             size: "sm",
-            variant: r === "branding-options" ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(V, { className: "w-4 max-w-[40px] text-xs" })
+            variant: a === "branding-options" ? "default" : "outline",
+            children: /* @__PURE__ */ e.jsx(M, { className: "w-4 max-w-[40px] text-xs" })
           }
         ),
         p.Children.toArray(
-          a.map(({ name: l, icon: s }) => /* @__PURE__ */ e.jsx(f, { fallback: /* @__PURE__ */ e.jsx(T, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(
-            j,
+          r.map(({ name: l, icon: h }) => /* @__PURE__ */ e.jsx(j, { fallback: /* @__PURE__ */ e.jsx(z, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(
+            b,
             {
-              onClick: () => i(l),
+              onClick: () => c(l),
               size: "sm",
               className: "w-10",
-              variant: r === l ? "default" : "outline",
-              children: /* @__PURE__ */ e.jsx(s, {})
+              variant: a === l ? "default" : "outline",
+              children: /* @__PURE__ */ e.jsx(h, {})
             }
           ) }))
         )
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "relative z-[100] flex w-14 flex-col items-center space-y-2", children: p.Children.toArray(
-        o.map((l) => /* @__PURE__ */ e.jsx(f, { fallback: /* @__PURE__ */ e.jsx(T, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(l, {}) }))
+        t.map((l) => /* @__PURE__ */ e.jsx(j, { fallback: /* @__PURE__ */ e.jsx(z, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(l, {}) }))
       ) })
     ] }),
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: `fixed left-14 z-[50] h-full w-96 border-r bg-background duration-500 ease-in-out ${r !== "layers" ? "translate-x-0" : "-translate-x-full"}`,
+        className: `fixed left-14 z-[50] h-full w-96 border-r bg-background duration-500 ease-in-out ${a !== "layers" ? "translate-x-0" : "-translate-x-full"}`,
         children: /* @__PURE__ */ e.jsx(
-          f,
+          j,
           {
             fallback: /* @__PURE__ */ e.jsxs("div", { className: "flex animate-pulse flex-col gap-y-2 bg-white p-4", children: [
               /* @__PURE__ */ e.jsx("div", { className: "h-6 w-1/2 bg-gray-300" }),
@@ -289,11 +290,11 @@ const bs = () => {
             children: /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: fe("relative h-full max-h-[93%] bg-background p-1", r === "layers" ? "" : "z-[100]"),
+                className: je("relative h-full max-h-[93%] bg-background p-1", a === "layers" ? "" : "z-[100]"),
                 onMouseEnter: () => {
-                  m && clearTimeout(m);
+                  n && clearTimeout(n);
                 },
-                children: p.createElement(_(h, t, () => /* @__PURE__ */ e.jsx("div", {})))
+                children: p.createElement(J(f, m, () => /* @__PURE__ */ e.jsx("div", {})))
               }
             )
           }
@@ -301,37 +302,37 @@ const bs = () => {
       }
     ),
     /* @__PURE__ */ e.jsx("div", { className: "h-full w-60 border-r p-1", children: /* @__PURE__ */ e.jsx(
-      f,
+      j,
       {
         fallback: /* @__PURE__ */ e.jsxs("div", { className: "flex animate-pulse flex-col gap-y-2 p-4", children: [
           /* @__PURE__ */ e.jsx("div", { className: "h-6 w-1/2 bg-gray-300" }),
           /* @__PURE__ */ e.jsx("div", { className: "h-16 w-full bg-gray-200" }),
           /* @__PURE__ */ e.jsx("div", { className: "h-16 w-full bg-gray-200" })
         ] }),
-        children: w ? /* @__PURE__ */ e.jsxs(me, { defaultValue: "layers", className: "flex h-full w-full flex-col py-1", children: [
-          /* @__PURE__ */ e.jsxs(xe, { className: "mx-1 h-10 grid grid-cols-2", children: [
-            /* @__PURE__ */ e.jsxs(z, { value: "layers", children: [
-              /* @__PURE__ */ e.jsx(C, { className: "h-3 mr-2" }),
+        children: w ? /* @__PURE__ */ e.jsxs(pe, { defaultValue: "layers", className: "flex h-full w-full flex-col py-1", children: [
+          /* @__PURE__ */ e.jsxs(ue, { className: "mx-1 h-10 grid grid-cols-2", children: [
+            /* @__PURE__ */ e.jsxs(K, { value: "layers", children: [
+              /* @__PURE__ */ e.jsx(D, { className: "h-3 mr-2" }),
               " Layers"
             ] }),
-            /* @__PURE__ */ e.jsxs(z, { value: "data-provider", children: [
-              /* @__PURE__ */ e.jsx(pe, { className: "w-3 mr-2" }),
+            /* @__PURE__ */ e.jsxs(K, { value: "data-provider", children: [
+              /* @__PURE__ */ e.jsx(he, { className: "w-3 mr-2" }),
               "Data"
             ] })
           ] }),
-          /* @__PURE__ */ e.jsx(K, { value: "layers", className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: p.createElement(D) }),
-          /* @__PURE__ */ e.jsx(K, { value: "data-provider", className: "flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(be, {}) })
+          /* @__PURE__ */ e.jsx(B, { value: "layers", className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: p.createElement(A) }),
+          /* @__PURE__ */ e.jsx(B, { value: "data-provider", className: "flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(Ne, {}) })
         ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           /* @__PURE__ */ e.jsxs("div", { className: "flex items-center bg-gray-200  rounded-md py-1", children: [
-            /* @__PURE__ */ e.jsx(C, { className: "h-4 mr-2 ml-2" }),
+            /* @__PURE__ */ e.jsx(D, { className: "h-4 mr-2 ml-2" }),
             " Layers"
           ] }),
-          /* @__PURE__ */ e.jsx("div", { className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: p.createElement(D) })
+          /* @__PURE__ */ e.jsx("div", { className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: p.createElement(A) })
         ] })
       }
     ) })
   ] });
 };
 export {
-  bs as default
+  Ns as default
 };

package/dist/add-page-modal-rn0OScnT.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-WUGKV8jN.cjs"),x=require("react"),P=require("./lodash-2us0VT8I.cjs"),t=require("./index-d55M5MRz.cjs"),g=require("./controls-QnyBNkXG.cjs"),R=require("./form-6qGAOYI3.cjs"),f=require("./index-Ge20J9Pa.cjs");require("./MODIFIERS-WFzDQfiT.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-37UXq2O5.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("jotai");require("flat-to-nested");require("redux-undo");require("@chaibuilder/runtime");require("@react-hookz/web");require("react-i18next");require("@rjsf/core");require("@rjsf/validator-ajv8");require("i18next");require("@floating-ui/react-dom");require("react-textarea-autosize");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("sonner");require("./html-to-json-aAZkA0f5.cjs");require("himalaya");require("lucide-react");const b=({closeModal:i})=>{var l,o;const u=f.useAddPage(),[r,m]=x.useState({name:"",slug:"",blocks:[],type:"STATIC",seoData:{},template:""}),p=()=>{u.mutate(r,{onSuccess:()=>i()})},j=({formData:n},s)=>{m(q=>{var d,c;const a={[s]:n[s]};return s==="name"?a.slug=P.kebabCase((d=n[s])==null?void 0:d.replace(/\d/g,"")):s==="slug"&&(a.slug=(c=n[s])==null?void 0:c.replace(/\d/g,"").replace(/\s+/g,"").replace("--","-").replace("__","_")),{...q,...a}})},h={name:g.Ry({title:"Page Name",default:r.name}),slug:g.Ry({title:"Page Slug",default:r.slug})};return e.jsxRuntimeExports.jsxs(t.DialogContent,{children:[e.jsxRuntimeExports.jsx("div",{className:"px-1 font-bold",children:"Add Page"}),e.jsxRuntimeExports.jsx(R.Form,{formData:r,properties:h,onChange:j,disabled:u.isPending}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center justify-end",children:e.jsxRuntimeExports.jsx(t.Button,{type:"submit",disabled:!r.name||!r.slug||((l=r.name)==null?void 0:l.length)<2||((o=r.slug)==null?void 0:o.length)<2||u.isPending,onClick:p,children:"Add Page"})})]})},C=()=>{const[i,u]=x.useState(!1);return e.jsxRuntimeExports.jsxs(t.Dialog,{open:i,onOpenChange:()=>u(!i),children:[e.jsxRuntimeExports.jsx(t.DialogTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(t.Button,{size:"sm",variant:"link",className:"text-blue-500",onClick:()=>u(!i),children:"+ New Page"})}),i&&e.jsxRuntimeExports.jsx(b,{closeModal:()=>u(!i)})]})};exports.default=C;

package/dist/{add-page-modal-fZnKopNf.js → add-page-modal-vT0-45wi.js}

@@ -2,9 +2,9 @@ import { j as t } from "./jsx-runtime-NV737rRe.js";
 import { useState as c } from "react";
 import { a0 as j } from "./lodash-3gkdNK5u.js";
 import { al as b, B as u, ak as C, ba as A } from "./index-0OqmBgqo.js";
-import { u as g } from "./controls-G0puEH71.js";
+import { R as g } from "./controls-kEuiMMDf.js";
 import { F as D } from "./form-irY39wvJ.js";
-import { g as N } from "./index-CQz6j3ex.js";
+import { g as N } from "./index-TWBwhGkh.js";
 import "./MODIFIERS-MLfpKQY1.js";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
@@ -39,7 +39,6 @@ import "redux-undo";
 import "@chaibuilder/runtime";
 import "@react-hookz/web";
 import "react-i18next";
-import "lodash";
 import "@rjsf/core";
 import "@rjsf/validator-ajv8";
 import "i18next";
@@ -53,7 +52,7 @@ import "sonner";
 import "./html-to-json-Y5M0N8PH.js";
 import "himalaya";
 import "lucide-react";
-const S = ({ closeModal: e }) => {
+const R = ({ closeModal: e }) => {
   var p, s;
   const i = N(), [o, f] = c({
     name: "",
@@ -93,13 +92,13 @@ const S = ({ closeModal: e }) => {
       }
     ) })
   ] });
-}, Mt = () => {
+}, St = () => {
   const [e, i] = c(!1);
   return /* @__PURE__ */ t.jsxs(C, { open: e, onOpenChange: () => i(!e), children: [
     /* @__PURE__ */ t.jsx(A, { asChild: !0, children: /* @__PURE__ */ t.jsx(u, { size: "sm", variant: "link", className: "text-blue-500", onClick: () => i(!e), children: "+ New Page" }) }),
-    e && /* @__PURE__ */ t.jsx(S, { closeModal: () => i(!e) })
+    e && /* @__PURE__ */ t.jsx(R, { closeModal: () => i(!e) })
   ] });
 };
 export {
-  Mt as default
+  St as default
 };