@chaibuilder/sdk 0.1.32 → 1.0.0

package/dist/{SidePanels-96bf29c6.js → SidePanels-b881185b.js}

@@ -3,16 +3,16 @@ import { PlusIcon as V, Half2Icon as E } from "@radix-ui/react-icons";
 import h, { useMemo as L, useState as u, useEffect as M, lazy as N, Suspense as j } from "react";
 import { useAtom as w } from "jotai";
 import { filter as g, map as k, isNull as H, isEmpty as I, find as R, each as _, get as F } from "lodash";
-import { u as C, B as b, S as D } from "./useBuilderProp-81a14920.js";
-import { T as O, a as Y, b as A, c as P } from "./tabs-85caa1e8.js";
-import { u as U, p as $, E as J, a as Z, b as q } from "./index-370ce00c.js";
+import { A as O, b as Y, d as U, e as $, f as J, g as Z, h as q, i as G, k as Q, u as C, B as b, S as D } from "./useBuilderProp-21feb2da.js";
+import { T as W, a as X, b as A, c as P } from "./tabs-85caa1e8.js";
+import { u as ee, p as se, E as re, a as ae, b as le } from "./index-914d197c.js";
 import "react-i18next";
-import { c as G } from "./utils-ac68b2c8.js";
-import { ListTreeIcon as S, DatabaseIcon as Q } from "lucide-react";
-import { getChaiDataProviders as W } from "@chaibuilder/blocks";
-import { A as X, a as ee, b as se, c as re, e as ae, f as le, d as ie, h as te, g as oe } from "./alert-dialog-ee98f47e.js";
+import { c as ie } from "./utils-ac68b2c8.js";
+import { ListTreeIcon as S, DatabaseIcon as te } from "lucide-react";
+import { getChaiDataProviders as oe } from "@chaibuilder/blocks";
 import { D as ne, b as ce, c as de, e as me, f as xe } from "./dialog-18207bef.js";
 import { S as ue, c as pe, b as he, d as fe, f as T } from "./select-7fddd7c3.js";
+import "@radix-ui/react-alert-dialog";
 import "@radix-ui/react-slot";
 import "class-variance-authority";
 import "@radix-ui/react-tooltip";
@@ -35,7 +35,6 @@ import "redux-undo";
 import "@react-hookz/web";
 import "sonner";
 import "tailwind-merge";
-import "@radix-ui/react-alert-dialog";
 import "@radix-ui/react-dialog";
 import "@radix-ui/react-select";
 const ve = h.lazy(() => import("react-json-view")), je = ({ provider: r, onClose: o }) => {
@@ -50,7 +49,7 @@ const ve = h.lazy(() => import("react-json-view")), je = ({ provider: r, onClose
       ] }),
       /* @__PURE__ */ e.jsx(xe, { children: r.description })
     ] }),
-    /* @__PURE__ */ e.jsx(J, { children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsx(
       ve,
       {
         style: { maxHeight: "80vh", overflowY: "auto" },
@@ -68,26 +67,26 @@ function ge({
   name: o,
   onRemove: a
 }) {
-  return /* @__PURE__ */ e.jsxs(X, { children: [
-    /* @__PURE__ */ e.jsx(ee, { asChild: !0, children: r }),
-    /* @__PURE__ */ e.jsxs(se, { children: [
-      /* @__PURE__ */ e.jsxs(re, { children: [
-        /* @__PURE__ */ e.jsxs(ae, { children: [
+  return /* @__PURE__ */ e.jsxs(O, { children: [
+    /* @__PURE__ */ e.jsx(Y, { asChild: !0, children: r }),
+    /* @__PURE__ */ e.jsxs(U, { children: [
+      /* @__PURE__ */ e.jsxs($, { children: [
+        /* @__PURE__ */ e.jsxs(J, { children: [
           "Are you sure, you want to remove ",
           /* @__PURE__ */ e.jsx("span", { className: "text-blue-500", children: o }),
           " provider?"
         ] }),
-        /* @__PURE__ */ e.jsx(le, { children: "Your data provider will be removed from this page and all added data binding will be not visible on blocks." })
+        /* @__PURE__ */ e.jsx(Z, { children: "Your data provider will be removed from this page and all added data binding will be not visible on blocks." })
       ] }),
-      /* @__PURE__ */ e.jsxs(ie, { children: [
-        /* @__PURE__ */ e.jsx(te, { children: "Cancel" }),
-        /* @__PURE__ */ e.jsx(oe, { onClick: a, className: "bg-red-600 hover:bg-red-700", children: "Remove" })
+      /* @__PURE__ */ e.jsxs(q, { children: [
+        /* @__PURE__ */ e.jsx(G, { children: "Cancel" }),
+        /* @__PURE__ */ e.jsx(Q, { onClick: a, className: "bg-red-600 hover:bg-red-700", children: "Remove" })
       ] })
     ] })
   ] });
 }
 const be = () => {
-  const r = L(() => W(), []), [o, a] = U(), [, n] = w($), [i, c] = u(
+  const r = L(() => oe(), []), [o, a] = ee(), [, n] = w(se), [i, c] = u(
     g(r, (s) => k(o, "providerKey").includes(s.providerKey))
   ), [m, y] = u(""), [f, t] = u(null), v = g(
     r.map((s) => k(i, "providerKey").includes(s.providerKey) ? null : { value: s.providerKey, label: s.name }),
@@ -186,11 +185,11 @@ const be = () => {
       /* @__PURE__ */ e.jsx(je, { onClose: () => t(null), provider: f })
     ] })
   ] });
-}, K = N(() => import("./Layers-6866cb0c.js")), ye = N(() => import("./BrandingOptions-c91e9d44.js")), we = N(() => import("./ImagesPanel-3fb8087f.js"));
-let z = null;
-const cs = () => {
-  const r = C("sideBarComponents.top", []), o = C("sideBarComponents.bottom", []), [a, n] = w(Z), [i, c] = u(a), [m, y] = u(null), f = {
-    layers: K,
+}, z = N(() => import("./Layers-b2c5aa66.js")), ye = N(() => import("./BrandingOptions-33e6da26.js")), we = N(() => import("./ImagesPanel-47ac13c3.js"));
+let K = null;
+const ns = () => {
+  const r = C("sideBarComponents.top", []), o = C("sideBarComponents.bottom", []), [a, n] = w(ae), [i, c] = u(a), [m, y] = u(null), f = {
+    layers: z,
     "branding-options": ye,
     images: we
   };
@@ -198,11 +197,11 @@ const cs = () => {
     f[l] = p;
   });
   const t = (l) => {
-    clearTimeout(z), v(!1), a !== "layers" && l === "layers" ? z = setTimeout(() => c("layers"), 500) : c(l), n(l);
-  }, [, v] = w(q);
+    clearTimeout(K), v(!1), a !== "layers" && l === "layers" ? K = setTimeout(() => c("layers"), 500) : c(l), n(l);
+  }, [, v] = w(le);
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex", children: [
     /* @__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.jsxs("div", { className: "relative z-[100] flex w-14 flex-col items-center space-y-2", children: [
         /* @__PURE__ */ e.jsx(
           b,
           {
@@ -245,7 +244,7 @@ const cs = () => {
           ) }))
         )
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center space-y-2", children: h.Children.toArray(
+      /* @__PURE__ */ e.jsx("div", { className: "relative z-[100] flex w-14 flex-col items-center space-y-2", children: h.Children.toArray(
         o.map((l) => /* @__PURE__ */ e.jsx(j, { fallback: /* @__PURE__ */ e.jsx(D, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(l, {}) }))
       ) })
     ] }),
@@ -273,7 +272,7 @@ const cs = () => {
             children: /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: G("relative h-full max-h-[93%] bg-background p-1", a === "layers" ? "" : "z-[100]"),
+                className: ie("relative h-full max-h-[93%] bg-background p-1", a === "layers" ? "" : "z-[100]"),
                 onMouseEnter: () => {
                   m && clearTimeout(m);
                 },
@@ -298,14 +297,14 @@ const cs = () => {
           /* @__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: /* @__PURE__ */ e.jsxs(O, { defaultValue: "layers", className: "flex h-full w-full flex-col py-1", children: [
-          /* @__PURE__ */ e.jsxs(Y, { className: "mx-1 h-10 grid grid-cols-2", children: [
+        children: /* @__PURE__ */ e.jsxs(W, { defaultValue: "layers", className: "flex h-full w-full flex-col py-1", children: [
+          /* @__PURE__ */ e.jsxs(X, { className: "mx-1 h-10 grid grid-cols-2", children: [
             /* @__PURE__ */ e.jsxs(A, { value: "layers", children: [
               /* @__PURE__ */ e.jsx(S, { className: "h-3 mr-2" }),
               " Layers"
             ] }),
             /* @__PURE__ */ e.jsxs(A, { value: "data-provider", children: [
-              /* @__PURE__ */ e.jsx(Q, { className: "w-3 mr-2" }),
+              /* @__PURE__ */ e.jsx(te, { className: "w-3 mr-2" }),
               "Data"
             ] })
           ] }),
@@ -314,7 +313,7 @@ const cs = () => {
             {
               value: "layers",
               className: "no-scrollbar -mx-1 -mr-2 h-full flex-1 overflow-y-auto overflow-x-hidden",
-              children: h.createElement(K)
+              children: h.createElement(z)
             }
           ),
           /* @__PURE__ */ e.jsx(P, { value: "data-provider", className: "flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(be, {}) })
@@ -324,5 +323,5 @@ const cs = () => {
   ] });
 };
 export {
-  cs as default
+  ns as default
 };

package/dist/Topbar-68a0d125.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),n=require("react"),o=require("@radix-ui/react-icons"),r=require("./select-0e32300c.cjs"),s=require("./useBuilderProp-adacf42f.cjs"),a=require("./separator-a597dba7.cjs"),c=require("./toggle-b90fed97.cjs"),p=require("./index-6fc652ec.cjs"),m=require("react-i18next");require("@radix-ui/react-select");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("jotai");require("lodash");require("@radix-ui/react-separator");require("@radix-ui/react-toggle");require("./MODIFIERS-4716c669.cjs");require("@radix-ui/react-scroll-area");require("react-dom");require("@floating-ui/react-dom");require("i18next");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("flat-to-nested");require("./html-to-json-aadcbf66.cjs");require("himalaya");require("redux-undo");require("@react-hookz/web");require("@chaibuilder/blocks");require("sonner");require("lucide-react");const j=()=>s.useBuilderProp("languages",["en"]),d=()=>j().length===1?null:e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:e.jsxRuntimeExports.jsxs(r.Select,{children:[e.jsxRuntimeExports.jsx(r.SelectTrigger,{className:"w-[150px] border-0",children:e.jsxRuntimeExports.jsx(r.SelectValue,{placeholder:e.jsxRuntimeExports.jsxs("span",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx(o.FontFamilyIcon,{className:"h-4 w-4"})," English(US)"]})})}),e.jsxRuntimeExports.jsx(r.SelectContent,{children:e.jsxRuntimeExports.jsxs(r.SelectGroup,{children:[e.jsxRuntimeExports.jsx(r.SelectLabel,{children:"Fruits"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"apple",children:"Apple"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"banana",children:"Banana"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"blueberry",children:"Blueberry"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"grapes",children:"Grapes"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"pineapple",children:"Pineapple"})]})})]})}),h=()=>{const{savePage:x,syncState:t}=p.useSavePage(),{t:u}=m.useTranslation(),l=n.useMemo(()=>{switch(t){case"SAVING":return"animate-pulse bg-gray-500 text-gray-900";case"SAVED":return"bg-green-500 text-white hover:bg-green-600 hover:text-white";default:return"bg-gray-200 text-gray-500 hover:bg-gray-100"}},[t]);return e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:e.jsxRuntimeExports.jsxs(s.Tooltip,{children:[e.jsxRuntimeExports.jsx(s.TooltipTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs(c.Toggle,{onClick:()=>x(),className:`flex h-auto w-20 items-center gap-x-1 rounded-full p-1 px-2 ${l}`,size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx("svg",{fill:"currentColor",width:"16",height:"16",viewBox:"0 0 0.32 0.32",xmlns:"http://www.w3.org/2000/svg",children:e.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",d:"M.274.086a.02.02 0 0 1 0 .028l-.12.12a.02.02 0 0 1-.028 0l-.06-.06A.02.02 0 0 1 .094.146L.14.192.246.086a.02.02 0 0 1 .028 0Z"})}),t==="SAVING"?"Saving...":t==="SAVED"?u("Saved"):"Save"]})}),e.jsxRuntimeExports.jsx(s.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{children:t==="SAVING"?"Saving...":t==="SAVED"?"Saved":"Save changes"})})]})})},g=()=>{const x=s.useBuilderProp("topBarComponents.left",[]),t=s.useBuilderProp("topBarComponents.center",[]),u=s.useBuilderProp("topBarComponents.right",[]),l=s.useBuilderProp("editable",!0);return e.jsxRuntimeExports.jsxs("div",{className:"flex h-14 items-center justify-between px-2",children:[e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2 font-bold",children:n.Children.toArray(x.map(i=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(i,{})})))})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:n.Children.toArray(t.map(i=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(i,{})})))}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(d,{}),e.jsxRuntimeExports.jsx(a.Separator,{orientation:"vertical"}),l?e.jsxRuntimeExports.jsx(h,{}):null,n.Children.toArray(u.map(i=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(i,{})})))]})]})};exports.default=g;

package/dist/{Topbar-1c4964e5.js → Topbar-fda7588e.js}

@@ -1,16 +1,17 @@
 import { j as e } from "./jsx-runtime-944c88e2.js";
-import n, { useMemo as m, Suspense as o } from "react";
-import { FontFamilyIcon as p } from "@radix-ui/react-icons";
-import { S as x, c as d, b as h, d as u, a as g, e as j, f as t } from "./select-7fddd7c3.js";
-import { u as i, d as f, e as v, f as S, S as c } from "./useBuilderProp-81a14920.js";
-import { S as b } from "./separator-a80d065b.js";
-import { T as N } from "./toggle-00c9d11e.js";
-import { c as C } from "./index-370ce00c.js";
-import { useTranslation as w } from "react-i18next";
+import o, { useMemo as p, Suspense as c } from "react";
+import { FontFamilyIcon as x } from "@radix-ui/react-icons";
+import { S as d, c as h, b as u, d as g, a as j, e as f, f as t } from "./select-7fddd7c3.js";
+import { u as a, l as v, m as S, n as b, S as m } from "./useBuilderProp-21feb2da.js";
+import { S as N } from "./separator-a80d065b.js";
+import { T as C } from "./toggle-00c9d11e.js";
+import { c as w } from "./index-914d197c.js";
+import { useTranslation as y } from "react-i18next";
 import "@radix-ui/react-select";
 import "./utils-ac68b2c8.js";
 import "clsx";
 import "tailwind-merge";
+import "@radix-ui/react-alert-dialog";
 import "@radix-ui/react-slot";
 import "class-variance-authority";
 import "@radix-ui/react-tooltip";
@@ -34,29 +35,29 @@ import "himalaya";
 import "redux-undo";
 import "@react-hookz/web";
 import "@chaibuilder/blocks";
-import "lucide-react";
 import "sonner";
-const y = () => i("languages", ["en"]), A = () => y().length === 1 ? null : /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ e.jsxs(x, { children: [
-  /* @__PURE__ */ e.jsx(d, { className: "w-[150px] border-0", children: /* @__PURE__ */ e.jsx(
-    h,
+import "lucide-react";
+const A = () => a("languages", ["en"]), T = () => A().length === 1 ? null : /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ e.jsxs(d, { children: [
+  /* @__PURE__ */ e.jsx(h, { className: "w-[150px] border-0", children: /* @__PURE__ */ e.jsx(
+    u,
     {
       placeholder: /* @__PURE__ */ e.jsxs("span", { className: "flex items-center", children: [
-        /* @__PURE__ */ e.jsx(p, { className: "h-4 w-4" }),
+        /* @__PURE__ */ e.jsx(x, { className: "h-4 w-4" }),
         " English(US)"
       ] })
     }
   ) }),
-  /* @__PURE__ */ e.jsx(u, { children: /* @__PURE__ */ e.jsxs(g, { children: [
-    /* @__PURE__ */ e.jsx(j, { children: "Fruits" }),
+  /* @__PURE__ */ e.jsx(g, { children: /* @__PURE__ */ e.jsxs(j, { children: [
+    /* @__PURE__ */ e.jsx(f, { children: "Fruits" }),
     /* @__PURE__ */ e.jsx(t, { value: "apple", children: "Apple" }),
     /* @__PURE__ */ e.jsx(t, { value: "banana", children: "Banana" }),
     /* @__PURE__ */ e.jsx(t, { value: "blueberry", children: "Blueberry" }),
     /* @__PURE__ */ e.jsx(t, { value: "grapes", children: "Grapes" }),
     /* @__PURE__ */ e.jsx(t, { value: "pineapple", children: "Pineapple" })
   ] }) })
-] }) }), T = () => {
-  const { savePage: a, syncState: s } = C(), { t: l } = w(), r = m(() => {
-    switch (s) {
+] }) }), B = () => {
+  const { savePage: l, syncState: r } = w(), { t: i } = y(), n = p(() => {
+    switch (r) {
       case "SAVING":
         return "animate-pulse bg-gray-500 text-gray-900";
       case "SAVED":
@@ -64,13 +65,13 @@ const y = () => i("languages", ["en"]), A = () => y().length === 1 ? null : /* @
       default:
         return "bg-gray-200 text-gray-500 hover:bg-gray-100";
     }
-  }, [s]);
-  return /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ e.jsxs(f, { children: [
-    /* @__PURE__ */ e.jsx(v, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-      N,
+  }, [r]);
+  return /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ e.jsxs(v, { children: [
+    /* @__PURE__ */ e.jsx(S, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+      C,
       {
-        onClick: () => a(),
-        className: `flex h-auto w-20 items-center gap-x-1 rounded-full p-1 px-2 ${r}`,
+        onClick: () => l(),
+        className: `flex h-auto w-20 items-center gap-x-1 rounded-full p-1 px-2 ${n}`,
         size: "sm",
         variant: "outline",
         children: [
@@ -81,31 +82,31 @@ const y = () => i("languages", ["en"]), A = () => y().length === 1 ? null : /* @
               d: "M.274.086a.02.02 0 0 1 0 .028l-.12.12a.02.02 0 0 1-.028 0l-.06-.06A.02.02 0 0 1 .094.146L.14.192.246.086a.02.02 0 0 1 .028 0Z"
             }
           ) }),
-          s === "SAVING" ? "Saving..." : s === "SAVED" ? l("Saved") : "Save"
+          r === "SAVING" ? "Saving..." : r === "SAVED" ? i("Saved") : "Save"
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx("p", { children: s === "SAVING" ? "Saving..." : s === "SAVED" ? "Saved" : "Save changes" }) })
+    /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsx("p", { children: r === "SAVING" ? "Saving..." : r === "SAVED" ? "Saved" : "Save changes" }) })
   ] }) });
-}, xe = () => {
-  const a = i("topBarComponents.left", []), s = i("topBarComponents.center", []), l = i("topBarComponents.right", []);
+}, he = () => {
+  const l = a("topBarComponents.left", []), r = a("topBarComponents.center", []), i = a("topBarComponents.right", []), n = a("editable", !0);
   return /* @__PURE__ */ e.jsxs("div", { className: "flex h-14 items-center justify-between px-2", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2 font-bold", children: n.Children.toArray(
-      a.map((r) => /* @__PURE__ */ e.jsx(o, { fallback: /* @__PURE__ */ e.jsx(c, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(r, {}) }))
+    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2 font-bold", children: o.Children.toArray(
+      l.map((s) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(m, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(s, {}) }))
     ) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2", children: n.Children.toArray(
-      s.map((r) => /* @__PURE__ */ e.jsx(o, { fallback: /* @__PURE__ */ e.jsx(c, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(r, {}) }))
+    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2", children: o.Children.toArray(
+      r.map((s) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(m, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(s, {}) }))
     ) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ e.jsx(A, {}),
-      /* @__PURE__ */ e.jsx(b, { orientation: "vertical" }),
       /* @__PURE__ */ e.jsx(T, {}),
-      n.Children.toArray(
-        l.map((r) => /* @__PURE__ */ e.jsx(o, { fallback: /* @__PURE__ */ e.jsx(c, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(r, {}) }))
+      /* @__PURE__ */ e.jsx(N, { orientation: "vertical" }),
+      n ? /* @__PURE__ */ e.jsx(B, {}) : null,
+      o.Children.toArray(
+        i.map((s) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(m, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(s, {}) }))
       )
     ] })
   ] });
 };
 export {
-  xe as default
+  he as default
 };

package/dist/{UnsplashImages-fe480747.js → UnsplashImages-4edb97e7.js}

@@ -3,7 +3,7 @@ import { useState as d, useEffect as D } from "react";
 import { isEmpty as p, startCase as E } from "lodash";
 import { MixerHorizontalIcon as L } from "@radix-ui/react-icons";
 import { createApi as B } from "unsplash-js";
-import { u as F, B as K } from "./useBuilderProp-81a14920.js";
+import { u as F, B as K } from "./useBuilderProp-21feb2da.js";
 import { I as U } from "./command-6f260f61.js";
 import { S as V } from "./scroll-area-83bd9e8f.js";
 import { P as O, a as Q, b as H } from "./popover-f7addcf4.js";
@@ -11,11 +11,12 @@ import { S as P, c as S, b as C, d as I, f as h } from "./select-7fddd7c3.js";
 import "react-i18next";
 import { useDebouncedState as R } from "@react-hookz/web";
 import { Loader as $ } from "lucide-react";
-import "@radix-ui/react-slot";
-import "class-variance-authority";
+import "@radix-ui/react-alert-dialog";
 import "./utils-ac68b2c8.js";
 import "clsx";
 import "tailwind-merge";
+import "@radix-ui/react-slot";
+import "class-variance-authority";
 import "@radix-ui/react-tooltip";
 import "@radix-ui/react-toast";
 import "jotai";
@@ -29,7 +30,7 @@ const k = async (x, g) => new Promise((o, r) => {
   B({ accessKey: g }).search.getPhotos(x).then((l) => {
     o(l);
   }).catch((l) => r(l));
-}), ye = ({ isModalView: x, onSelect: g }) => {
+}), Ne = ({ isModalView: x, onSelect: g }) => {
   const o = F("unsplashAccessKey"), [r, j] = d([]), [l, v] = d(0), [n, A] = d(), [i, q] = d(), [z, y] = d(0), [u, T] = R("", 1e3), [f, c] = d(!1), _ = async (s) => {
     if (p(u))
       return;
@@ -179,6 +180,6 @@ const k = async (x, g) => new Promise((o, r) => {
   ] });
 };
 export {
-  ye as default,
+  Ne as default,
   k as fetchImage
 };

package/dist/UnsplashImages-98c085c2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),i=require("react"),o=require("lodash"),k=require("@radix-ui/react-icons"),T=require("unsplash-js"),b=require("./useBuilderProp-adacf42f.cjs"),z=require("./command-b1103666.cjs"),_=require("./scroll-area-bb343b86.cjs"),g=require("./popover-7cb9079b.cjs"),t=require("./select-0e32300c.cjs");require("react-i18next");const D=require("@react-hookz/web"),L=require("lucide-react");require("@radix-ui/react-alert-dialog");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("jotai");require("cmdk");require("./dialog-170eaad9.cjs");require("@radix-ui/react-dialog");require("@radix-ui/react-scroll-area");require("@radix-ui/react-popover");require("@radix-ui/react-select");const R=async(d,E)=>new Promise((l,a)=>{T.createApi({accessKey:E}).search.getPhotos(d).then(c=>{l(c)}).catch(c=>a(c))}),V=({isModalView:d,onSelect:E})=>{const l=b.useBuilderProp("unsplashAccessKey"),[a,f]=i.useState([]),[c,y]=i.useState(0),[x,I]=i.useState(),[u,w]=i.useState(),[P,v]=i.useState(0),[j,C]=D.useDebouncedState("",1e3),[h,m]=i.useState(!1),A=async s=>{if(o.isEmpty(j))return;let n=c+1;s&&(s.preventDefault(),n=1),m(!0),y(n);const p={query:j,page:n};x&&(p.orientation=x),u&&(p.color=u),R(p,l).then(r=>{var q,N,S;f(n===1?((q=r==null?void 0:r.response)==null?void 0:q.results)||[]:[...a,...((N=r==null?void 0:r.response)==null?void 0:N.results)||[]]),v((S=r==null?void 0:r.response)==null?void 0:S.total_pages),m(!1)}).catch(()=>{m(!1)})};return i.useEffect(()=>{if(!o.isEmpty(j)){m(!0);const s={query:j,page:1};x&&(s.orientation=x),u&&(s.color=u),y(1),R(s,l).then(n=>{var p,r;f(((p=n==null?void 0:n.response)==null?void 0:p.results)||[]),v((r=n==null?void 0:n.response)==null?void 0:r.total_pages),m(!1)}).catch(()=>{m(!1)})}},[x,u,j,l]),o.isEmpty(l)?e.jsxRuntimeExports.jsx("div",{className:"h-full flex flex-col items-center justify-center",children:e.jsxRuntimeExports.jsxs("p",{className:"max-w-3xl text-center text-gray-500",children:["To enable Unsplash, kindly provide your",e.jsxRuntimeExports.jsx("a",{href:"https://unsplash.com/documentation#public-authentication",className:"underline px-1 hover:text-blue-400",target:"_blank",rel:"noopener noreferrer",children:"Unsplash Access Key"})]})}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("form",{className:"flex items-center rounded-md border bg-gray-100 p-px",children:[e.jsxRuntimeExports.jsx(z.Input,{type:"text",name:"query",className:"input",placeholder:'Try "dog" or "apple"',onChange:s=>C(s.target.value)}),e.jsxRuntimeExports.jsxs(g.Popover,{children:[e.jsxRuntimeExports.jsx(g.PopoverTrigger,{asChild:!0,className:"h-full w-10 cursor-pointer p-2.5 hover:bg-slate-200",children:e.jsxRuntimeExports.jsx(k.MixerHorizontalIcon,{})}),e.jsxRuntimeExports.jsx(g.PopoverContent,{side:d?"bottom":"right",className:"z-[9999] flex w-max items-center justify-center",children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("div",{className:"py-1 text-sm font-medium",children:"Orientation"}),e.jsxRuntimeExports.jsxs(t.Select,{defaultValue:x,onValueChange:s=>I(s),children:[e.jsxRuntimeExports.jsx(t.SelectTrigger,{className:"h-auto w-40 p-1 px-3",children:e.jsxRuntimeExports.jsx(t.SelectValue,{placeholder:"Select"})}),e.jsxRuntimeExports.jsxs(t.SelectContent,{className:"z-[9999]",children:[e.jsxRuntimeExports.jsx(t.SelectItem,{value:"",children:"All"}),e.jsxRuntimeExports.jsx(t.SelectItem,{value:"landscape",children:"Landscape"}),e.jsxRuntimeExports.jsx(t.SelectItem,{value:"portrait",children:"Portrait"}),e.jsxRuntimeExports.jsx(t.SelectItem,{value:"squarish",children:"Square"})]})]}),e.jsxRuntimeExports.jsx("div",{className:"pb-1 pt-2 text-sm font-medium",children:"Color"}),e.jsxRuntimeExports.jsxs(t.Select,{defaultValue:u,onValueChange:s=>w(s),children:[e.jsxRuntimeExports.jsx(t.SelectTrigger,{className:"h-auto w-40 p-1 px-3",children:e.jsxRuntimeExports.jsx(t.SelectValue,{placeholder:"Select"})}),e.jsxRuntimeExports.jsxs(t.SelectContent,{className:"z-[9999]",children:[e.jsxRuntimeExports.jsx(t.SelectItem,{value:"",children:"All"}),["black_and_white","black","white","yellow","orange","red","purple","magenta","green","teal","blue"].map(s=>e.jsxRuntimeExports.jsx(t.SelectItem,{value:s,children:o.startCase(s)},s))]})]})]})})]})]}),e.jsxRuntimeExports.jsxs(_.ScrollArea,{className:`h-full ${d&&!o.isEmpty(a)?"-mx-2 flex flex-wrap px-2":"-mx-2 flex flex-col pb-8 pt-2"}`,children:[o.isEmpty(a)&&!h&&e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col items-center justify-center py-6",children:[e.jsxRuntimeExports.jsx("div",{className:"font-medium",children:"No Data"}),e.jsxRuntimeExports.jsx("div",{className:"text-sm text-gray-500",children:"Enter query and press enter"})]}),d?e.jsxRuntimeExports.jsx("div",{className:"h-full columns-5 py-2",children:a.map(s=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"my-1 flex",onClick:()=>E(s.urls.regular),children:e.jsxRuntimeExports.jsx("div",{className:"relative overflow-hidden rounded-md bg-cover bg-no-repeat",children:e.jsxRuntimeExports.jsx("img",{className:"h-auto flex-1 cursor-pointer rounded-md transition duration-300 ease-in-out hover:scale-105",alt:s.alt_description,src:s.urls.small})})},s.id))}):a.map(s=>e.jsxRuntimeExports.jsx("div",{className:"w-full px-2 py-1",children:e.jsxRuntimeExports.jsx("div",{className:"relative overflow-hidden rounded-md bg-cover bg-no-repeat",children:e.jsxRuntimeExports.jsx("img",{className:"h-auto cursor-pointer transition duration-300 ease-in-out hover:scale-105",alt:s.alt_description,src:s.urls.small})})},s.id)),h&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-center py-8",children:[e.jsxRuntimeExports.jsx(L.Loader,{className:"animate-spin w-6 h-6"}),"  Loading..."]}),!o.isEmpty(a)&&c<P&&!h&&e.jsxRuntimeExports.jsx(b.Button,{size:"sm",variant:"link",className:"w-full",onClick:()=>A(void 0),disabled:h,children:h?"":"Load More"})]})]})};exports.default=V;exports.fetchImage=R;

package/dist/{UploadImages-b14bd152.js → UploadImages-52181c3e.js}

@@ -5,22 +5,23 @@ import { GearIcon as C, UploadIcon as U, Cross1Icon as k } from "@radix-ui/react
 import { atom as F, useAtom as E } from "jotai";
 import { S as A } from "./scroll-area-83bd9e8f.js";
 import "react-i18next";
-import { u as j } from "./useBuilderProp-81a14920.js";
+import { u as j } from "./useBuilderProp-21feb2da.js";
 import "@radix-ui/react-scroll-area";
 import "./utils-ac68b2c8.js";
 import "clsx";
 import "tailwind-merge";
+import "@radix-ui/react-alert-dialog";
 import "@radix-ui/react-slot";
 import "class-variance-authority";
 import "@radix-ui/react-tooltip";
 import "@radix-ui/react-toast";
-const R = F([]), W = ({ isModalView: s, onSelect: n }) => {
-  const v = j("uploadMediaCallback", () => ""), d = j("fetchMediaCallback", () => []), [l, a] = E(R), [r, u] = i(!1), [x, p] = i(!1), [c, m] = i(), [f, y] = i("");
+const R = F([]), X = ({ isModalView: s, onSelect: n }) => {
+  const v = j("uploadMediaCallback", () => ""), d = j("fetchMediaCallback", () => []), [l, a] = E(R), [r, u] = i(!1), [p, x] = i(!1), [c, m] = i(), [f, y] = i("");
   w(() => {
     (async () => {
-      p(!0);
+      x(!0);
       const t = await d();
-      a(t || []), p(!1);
+      a(t || []), x(!1);
     })();
   }, [d, a]);
   const N = (t) => {
@@ -85,8 +86,8 @@ const R = F([]), W = ({ isModalView: s, onSelect: n }) => {
       /* @__PURE__ */ e.jsx("input", { type: "file", id: s ? "upload-in-modal" : "upload-in-panel", hidden: !0, onChange: N })
     ] }),
     /* @__PURE__ */ e.jsxs(A, { className: `-mx-2 flex h-full flex-col pb-8 pt-2 ${s ? "px-2" : ""} pt-2`, children: [
-      g(l) && x && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center justify-center py-6", children: /* @__PURE__ */ e.jsx("div", { className: "animate-pulse font-medium", children: "Fetching..." }) }),
-      g(l) && !x && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center justify-center py-6", children: /* @__PURE__ */ e.jsx("div", { className: "font-medium", children: "No Images" }) }),
+      g(l) && p && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center justify-center py-6", children: /* @__PURE__ */ e.jsx("div", { className: "animate-pulse font-medium", children: "Fetching..." }) }),
+      g(l) && !p && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center justify-center py-6", children: /* @__PURE__ */ e.jsx("div", { className: "font-medium", children: "No Images" }) }),
       s ? /* @__PURE__ */ e.jsx("div", { className: "h-full columns-5 py-2", children: b(l, (t) => /* @__PURE__ */ e.jsx("div", { role: "button", tabIndex: 0, className: "my-1 flex", onClick: () => n(t.url), children: /* @__PURE__ */ e.jsx("div", { className: "relative overflow-hidden rounded-md bg-cover bg-no-repeat", children: /* @__PURE__ */ e.jsx(
         "img",
         {
@@ -109,5 +110,5 @@ const R = F([]), W = ({ isModalView: s, onSelect: n }) => {
   ] });
 };
 export {
-  W as default
+  X as default
 };

package/dist/UploadImages-61ef83ad.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),t=require("react"),a=require("lodash"),m=require("@radix-ui/react-icons"),E=require("jotai"),q=require("./scroll-area-bb343b86.cjs");require("react-i18next");const b=require("./useBuilderProp-adacf42f.cjs");require("@radix-ui/react-scroll-area");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");const I=E.atom([]),w=({isModalView:r,onSelect:u})=>{const R=b.useBuilderProp("uploadMediaCallback",()=>""),c=b.useBuilderProp("fetchMediaCallback",()=>[]),[n,o]=E.useAtom(I),[l,p]=t.useState(!1),[j,h]=t.useState(!1),[x,d]=t.useState(),[f,v]=t.useState("");t.useEffect(()=>{(async()=>{h(!0);const s=await c();o(s||[]),h(!1)})()},[c,o]);const y=s=>{var i,g;s&&((g=(i=s==null?void 0:s.target)==null?void 0:i.files)==null?void 0:g.length)>0&&d(s.target.files[0])},N=async()=>{p(!0);try{const{url:s}=await R(x);u(s),d(void 0);const i=await c();o(i)}catch(s){o([]),v((s==null?void 0:s.message)||"Something went wrong.")}p(!1)};return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[x?e.jsxRuntimeExports.jsxs("div",{className:"relative flex w-full flex-col items-center justify-center rounded-md border bg-slate-50 p-2 px-1",children:[e.jsxRuntimeExports.jsx("img",{src:URL.createObjectURL(x),alt:"",className:"h-auto w-full max-w-sm rounded-md  max-h-96 object-contain"}),f&&e.jsxRuntimeExports.jsx("div",{className:"w-full pt-2 text-center text-sm text-red-500",children:f}),e.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-center justify-center gap-2 pt-2",children:[e.jsxRuntimeExports.jsxs("button",{type:"button",onClick:N,disabled:l,className:"flex items-center rounded-full bg-blue-500 px-3 py-1 text-sm text-white hover:bg-blue-600 hover:text-white",children:[l?e.jsxRuntimeExports.jsx(m.GearIcon,{className:"animate-spin"}):e.jsxRuntimeExports.jsx(m.UploadIcon,{className:"animate-bounce"}),"  ",l?"Uploading...":"Upload"]}),!l&&e.jsxRuntimeExports.jsxs("button",{type:"button",className:"flex items-center rounded-full border border-gray-300 px-3 py-1 text-sm hover:bg-gray-200",onClick:()=>d(void 0),children:[e.jsxRuntimeExports.jsx(m.Cross1Icon,{}),"  Cancel"]})]})]}):e.jsxRuntimeExports.jsxs("label",{htmlFor:r?"upload-in-modal":"upload-in-panel",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex w-full cursor-pointer flex-col items-center justify-center rounded-md border border-dashed border-blue-900 bg-gray-200 py-8 hover:bg-blue-50",children:[e.jsxRuntimeExports.jsx("div",{className:"text-3xl",children:"+"}),e.jsxRuntimeExports.jsx("div",{children:"Click to choose file"})]}),e.jsxRuntimeExports.jsx("input",{type:"file",id:r?"upload-in-modal":"upload-in-panel",hidden:!0,onChange:y})]}),e.jsxRuntimeExports.jsxs(q.ScrollArea,{className:`-mx-2 flex h-full flex-col pb-8 pt-2 ${r?"px-2":""} pt-2`,children:[a.isEmpty(n)&&j&&e.jsxRuntimeExports.jsx("div",{className:"flex flex-col items-center justify-center py-6",children:e.jsxRuntimeExports.jsx("div",{className:"animate-pulse font-medium",children:"Fetching..."})}),a.isEmpty(n)&&!j&&e.jsxRuntimeExports.jsx("div",{className:"flex flex-col items-center justify-center py-6",children:e.jsxRuntimeExports.jsx("div",{className:"font-medium",children:"No Images"})}),r?e.jsxRuntimeExports.jsx("div",{className:"h-full columns-5 py-2",children:a.map(n,s=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"my-1 flex",onClick:()=>u(s.url),children:e.jsxRuntimeExports.jsx("div",{className:"relative overflow-hidden rounded-md bg-cover bg-no-repeat",children:e.jsxRuntimeExports.jsx("img",{className:"h-auto flex-1 cursor-pointer rounded-md transition duration-300 ease-in-out hover:scale-105",alt:s.name,src:s.thumbUrl})})},s.id))}):a.map(n,s=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"px-2 py-1",onClick:()=>u(s.url),children:e.jsxRuntimeExports.jsx("div",{className:"relative overflow-hidden rounded-md bg-cover bg-no-repeat",children:e.jsxRuntimeExports.jsx("img",{className:"h-auto w-full cursor-pointer transition duration-300 ease-in-out hover:scale-105",alt:s.name,src:s.url})})},s.id))]})]})};exports.default=w;

package/dist/{add-page-modal-2ef8a63c.js → add-page-modal-38af4548.js}

@@ -1,16 +1,17 @@
 import { j as t } from "./jsx-runtime-944c88e2.js";
 import { useState as g } from "react";
 import { kebabCase as j } from "lodash";
-import { B as c } from "./useBuilderProp-81a14920.js";
+import { B as c } from "./useBuilderProp-21feb2da.js";
 import { D as b, a as C, b as A } from "./dialog-18207bef.js";
 import { SingleLineText as d } from "@chaibuilder/blocks";
-import { F as D } from "./form-046bcdbc.js";
-import { a0 as N } from "./index-370ce00c.js";
-import "@radix-ui/react-slot";
-import "class-variance-authority";
+import { F as D } from "./form-25e1af37.js";
+import { a0 as N } from "./index-914d197c.js";
+import "@radix-ui/react-alert-dialog";
 import "./utils-ac68b2c8.js";
 import "clsx";
 import "tailwind-merge";
+import "@radix-ui/react-slot";
+import "class-variance-authority";
 import "@radix-ui/react-tooltip";
 import "@radix-ui/react-icons";
 import "@radix-ui/react-toast";
@@ -18,10 +19,10 @@ import "jotai";
 import "@radix-ui/react-dialog";
 import "@rjsf/core";
 import "@rjsf/validator-ajv8";
-import "./link-e3a788f7.js";
+import "./link-57de608a.js";
 import "react-icons-picker";
 import "react-dom";
-import "./ImagesPanel-3fb8087f.js";
+import "./ImagesPanel-47ac13c3.js";
 import "./tabs-85caa1e8.js";
 import "@radix-ui/react-tabs";
 import "react-quill";
@@ -39,8 +40,8 @@ import "./html-to-json-45e0e3b5.js";
 import "himalaya";
 import "redux-undo";
 import "@react-hookz/web";
-import "lucide-react";
 import "sonner";
+import "lucide-react";
 const S = ({ closeModal: o }) => {
   var s, p;
   const i = N(), [e, u] = g({
@@ -82,7 +83,7 @@ const S = ({ closeModal: o }) => {
       }
     ) })
   ] });
-}, ft = () => {
+}, xt = () => {
   const [o, i] = g(!1);
   return /* @__PURE__ */ t.jsxs(b, { open: o, onOpenChange: () => i(!o), children: [
     /* @__PURE__ */ t.jsx(C, { children: /* @__PURE__ */ t.jsx(c, { size: "sm", variant: "link", className: "text-blue-500", onClick: () => i(!o), children: "+ New Page" }) }),
@@ -90,5 +91,5 @@ const S = ({ closeModal: o }) => {
   ] });
 };
 export {
-  ft as default
+  xt as default
 };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),g=require("react"),R=require("lodash"),x=require("./useBuilderProp-adacf42f.cjs"),a=require("./dialog-170eaad9.cjs"),q=require("@chaibuilder/blocks"),b=require("./form-ea21db6c.cjs"),f=require("./index-6fc652ec.cjs");require("@radix-ui/react-alert-dialog");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-icons");require("@radix-ui/react-toast");require("jotai");require("@radix-ui/react-dialog");require("@rjsf/core");require("@rjsf/validator-ajv8");require("./link-24679521.cjs");require("react-icons-picker");require("react-dom");require("./ImagesPanel-8b7a989d.cjs");require("./tabs-860e37aa.cjs");require("@radix-ui/react-tabs");require("react-quill");require("react-i18next");require("./MODIFIERS-4716c669.cjs");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("i18next");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("flat-to-nested");require("./html-to-json-aadcbf66.cjs");require("himalaya");require("redux-undo");require("@react-hookz/web");require("sonner");require("lucide-react");const E=({closeModal:i})=>{var l,o;const s=f.useAddPage(),[r,m]=g.useState({name:"",slug:"",blocks:[],type:"STATIC",seoData:{}}),p=()=>{s.mutate(r,{onSuccess:()=>i()})},j=({formData:u},t)=>{m(h=>{var d,c;const n={[t]:u[t]};return t==="name"?n.slug=R.kebabCase((d=u[t])==null?void 0:d.replace(/\d/g,"")):t==="slug"&&(n.slug=(c=u[t])==null?void 0:c.replace(/\d/g,"").replace(/\s+/g,"").replace("--","-").replace("__","_")),{...h,...n}})},P={name:q.SingleLineText({title:"Page Name",default:r.name}),slug:q.SingleLineText({title:"Page Slug",default:r.slug})};return e.jsxRuntimeExports.jsxs(a.DialogContent,{children:[e.jsxRuntimeExports.jsx("div",{className:"px-1 font-bold",children:"Add Page"}),e.jsxRuntimeExports.jsx(b.Form,{formData:r,properties:P,onChange:j,disabled:s.isPending}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center justify-end",children:e.jsxRuntimeExports.jsx(x.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||s.isPending,onClick:p,children:"Add Page"})})]})},S=()=>{const[i,s]=g.useState(!1);return e.jsxRuntimeExports.jsxs(a.Dialog,{open:i,onOpenChange:()=>s(!i),children:[e.jsxRuntimeExports.jsx(a.DialogTrigger,{children:e.jsxRuntimeExports.jsx(x.Button,{size:"sm",variant:"link",className:"text-blue-500",onClick:()=>s(!i),children:"+ New Page"})}),i&&e.jsxRuntimeExports.jsx(E,{closeModal:()=>s(!i)})]})};exports.default=S;

package/dist/confirm-alert-c1fdf1e4.js

@@ -0,0 +1,35 @@
+import { j as i } from "./jsx-runtime-944c88e2.js";
+import { A as n, d as p, f as c, g as x, i as d, B as j } from "./useBuilderProp-21feb2da.js";
+import "react";
+import "@radix-ui/react-alert-dialog";
+import "./utils-ac68b2c8.js";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-slot";
+import "class-variance-authority";
+import "@radix-ui/react-tooltip";
+import "@radix-ui/react-icons";
+import "@radix-ui/react-toast";
+import "jotai";
+import "lodash";
+const S = ({
+  open: o,
+  onCancel: e = () => {
+  },
+  onConfirm: l,
+  title: s,
+  description: r,
+  disabled: t,
+  cancelText: a = "Discard",
+  confirmText: m = "Save"
+}) => /* @__PURE__ */ i.jsx(n, { open: o, children: /* @__PURE__ */ i.jsxs(p, { children: [
+  /* @__PURE__ */ i.jsx(c, { children: s }),
+  r && /* @__PURE__ */ i.jsx(x, { children: r }),
+  /* @__PURE__ */ i.jsxs("div", { className: "flex items-center justify-end gap-x-3", children: [
+    /* @__PURE__ */ i.jsx(d, { disabled: t, onClick: e, children: a }),
+    /* @__PURE__ */ i.jsx(j, { variant: "default", onClick: l, disabled: t, children: m })
+  ] })
+] }) });
+export {
+  S as default
+};

package/dist/confirm-alert-e1ea5110.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),r=require("./useBuilderProp-adacf42f.cjs");require("react");require("@radix-ui/react-alert-dialog");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-icons");require("@radix-ui/react-toast");require("jotai");require("lodash");const c=({open:s,onCancel:u=()=>{},onConfirm:n,title:l,description:i,disabled:t,cancelText:o="Discard",confirmText:x="Save"})=>e.jsxRuntimeExports.jsx(r.AlertDialog,{open:s,children:e.jsxRuntimeExports.jsxs(r.AlertDialogContent,{children:[e.jsxRuntimeExports.jsx(r.AlertDialogTitle,{children:l}),i&&e.jsxRuntimeExports.jsx(r.AlertDialogDescription,{children:i}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-end gap-x-3",children:[e.jsxRuntimeExports.jsx(r.AlertDialogCancel,{disabled:t,onClick:u,children:o}),e.jsxRuntimeExports.jsx(r.Button,{variant:"default",onClick:n,disabled:t,children:x})]})]})});exports.default=c;

package/dist/core.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-86352d44.cjs"),s=require("./useBuilderProp-5e57d0c8.cjs"),u=require("react-i18next");require("./jsx-runtime-5c3ac4f7.cjs");require("react");require("./MODIFIERS-4716c669.cjs");require("clsx");require("@radix-ui/react-scroll-area");require("react-dom");require("@floating-ui/react-dom");require("jotai");require("i18next");require("flagged");require("react-dnd");require("lodash");require("@minoru/react-dnd-treeview");require("./utils-3c452dd0.cjs");require("tailwind-merge");require("react-hotkeys-hook");require("flat-to-nested");require("./html-to-json-aadcbf66.cjs");require("himalaya");require("redux-undo");require("@react-hookz/web");require("@chaibuilder/blocks");require("@radix-ui/react-icons");require("lucide-react");require("sonner");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");exports.ChaiBuilderEditor=e.ChaiBuilderEditor;exports.ChaiBuilderStudio=e.ChaiBuilderStudio;exports.useActiveLanguage=e.useActiveLanguage;exports.useActiveModal=e.useActiveModal;exports.useActivePanel=e.useActivePanel;exports.useAddBlock=e.useAddBlock;exports.useAddBlockParent=e.useAddBlockParent;exports.useAddClassesToBlocks=e.useAddClassesToBlocks;exports.useAllBlocks=e.useAllBlocks;exports.useBlockContentByLanguage=e.useBlockContentByLanguage;exports.useBrandingOptions=e.useBrandingOptions;exports.useBuilderReset=e.useBuilderReset;exports.useBuildingBlocks=e.useBuildingBlocks;exports.useCanvasHistory=e.useCanvasHistory;exports.useCanvasWidth=e.useCanvasWidth;exports.useCanvasZoom=e.useCanvasZoom;exports.useCopyBlockIds=e.useCopyBlockIds;exports.useCurrentPage=e.useCurrentPage$1;exports.useCutBlockIds=e.useCutBlockIds;exports.useDarkMode=e.useDarkMode;exports.useDeveloperPreviewMode=e.useDeveloperPreviewMode;exports.useDuplicateBlocks=e.useDuplicateBlocks;exports.useFeatureSupport=e.useFeatureSupport;exports.useGetPageData=e.useGetPageData;exports.useHiddenBlockIds=e.useHiddenBlockIds;exports.useHighlightBlockId=e.useHighlightBlockId;exports.useLanguages=e.useLanguages;exports.useMarkAsGlobalBlock=e.useMarkAsGlobalBlock;exports.useMoveBlocks=e.useMoveBlocks;exports.usePasteBlocks=e.usePasteBlocks;exports.usePreviewMode=e.usePreviewMode;exports.usePrimaryLanguage=e.usePrimaryLanguage;exports.useProject=e.useProject$1;exports.useReadOnlyMode=e.useReadOnlyMode;exports.useRemoveBlocks=e.useRemoveBlocks;exports.useRemoveClassesFromBlocks=e.useRemoveClassesFromBlocks;exports.useSavePage=e.useSavePage;exports.useSelectedBlock=e.useSelectedBlock;exports.useSelectedBlockAllClasses=e.useSelectedBlockAllClasses;exports.useSelectedBlockCurrentClasses=e.useSelectedBlockCurrentClasses;exports.useSelectedBlockIds=e.useSelectedBlockIds;exports.useSelectedBlocksDisplayChild=e.useSelectedBlocksDisplayChild;exports.useSelectedBreakpoints=e.useSelectedBreakpoints;exports.useSelectedStylingBlocks=e.useSelectedStylingBlocks;exports.useSetAllBlocks=e.useSetAllBlocks;exports.useStylingBreakpoint=e.useStylingBreakpoint;exports.useStylingState=e.useStylingState;exports.useTranslations=e.useTranslations;exports.useTreeData=e.useTreeData;exports.useUILibraryBlocks=e.useUILibraryBlocks;exports.useUpdateBlocksProps=e.useUpdateBlocksProps;exports.useUpdateBlocksPropsRealtime=e.useUpdateBlocksPropsRealtime;exports.useBuilderProp=s.useBuilderProp;Object.defineProperty(exports,"useTranslation",{enumerable:!0,get:()=>u.useTranslation});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-6fc652ec.cjs"),s=require("./useBuilderProp-adacf42f.cjs"),u=require("react-i18next");require("./jsx-runtime-5c3ac4f7.cjs");require("react");require("./MODIFIERS-4716c669.cjs");require("clsx");require("@radix-ui/react-scroll-area");require("react-dom");require("@floating-ui/react-dom");require("jotai");require("i18next");require("flagged");require("react-dnd");require("lodash");require("@minoru/react-dnd-treeview");require("./utils-3c452dd0.cjs");require("tailwind-merge");require("react-hotkeys-hook");require("flat-to-nested");require("./html-to-json-aadcbf66.cjs");require("himalaya");require("redux-undo");require("@react-hookz/web");require("@chaibuilder/blocks");require("@radix-ui/react-icons");require("sonner");require("lucide-react");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");exports.ChaiBuilderEditor=e.ChaiBuilderEditor;exports.ChaiBuilderStudio=e.ChaiBuilderStudio;exports.useActiveLanguage=e.useActiveLanguage;exports.useActiveModal=e.useActiveModal;exports.useActivePanel=e.useActivePanel;exports.useAddBlock=e.useAddBlock;exports.useAddBlockParent=e.useAddBlockParent;exports.useAddClassesToBlocks=e.useAddClassesToBlocks;exports.useAllBlocks=e.useAllBlocks;exports.useBlockContentByLanguage=e.useBlockContentByLanguage;exports.useBrandingOptions=e.useBrandingOptions;exports.useBuilderReset=e.useBuilderReset;exports.useBuildingBlocks=e.useBuildingBlocks;exports.useCanvasHistory=e.useCanvasHistory;exports.useCanvasWidth=e.useCanvasWidth;exports.useCanvasZoom=e.useCanvasZoom;exports.useCopyBlockIds=e.useCopyBlockIds;exports.useCurrentPage=e.useCurrentPage$1;exports.useCutBlockIds=e.useCutBlockIds;exports.useDarkMode=e.useDarkMode;exports.useDeveloperPreviewMode=e.useDeveloperPreviewMode;exports.useDuplicateBlocks=e.useDuplicateBlocks;exports.useFeatureSupport=e.useFeatureSupport;exports.useGetPageData=e.useGetPageData;exports.useHiddenBlockIds=e.useHiddenBlockIds;exports.useHighlightBlockId=e.useHighlightBlockId;exports.useLanguages=e.useLanguages;exports.useMarkAsGlobalBlock=e.useMarkAsGlobalBlock;exports.useMoveBlocks=e.useMoveBlocks;exports.usePasteBlocks=e.usePasteBlocks;exports.usePreviewMode=e.usePreviewMode;exports.usePrimaryLanguage=e.usePrimaryLanguage;exports.useProject=e.useProject$1;exports.useReadOnlyMode=e.useReadOnlyMode;exports.useRemoveBlocks=e.useRemoveBlocks;exports.useRemoveClassesFromBlocks=e.useRemoveClassesFromBlocks;exports.useSavePage=e.useSavePage;exports.useSelectedBlock=e.useSelectedBlock;exports.useSelectedBlockAllClasses=e.useSelectedBlockAllClasses;exports.useSelectedBlockCurrentClasses=e.useSelectedBlockCurrentClasses;exports.useSelectedBlockIds=e.useSelectedBlockIds;exports.useSelectedBlocksDisplayChild=e.useSelectedBlocksDisplayChild;exports.useSelectedBreakpoints=e.useSelectedBreakpoints;exports.useSelectedStylingBlocks=e.useSelectedStylingBlocks;exports.useSetAllBlocks=e.useSetAllBlocks;exports.useStylingBreakpoint=e.useStylingBreakpoint;exports.useStylingState=e.useStylingState;exports.useTranslations=e.useTranslations;exports.useTreeData=e.useTreeData;exports.useUILibraryBlocks=e.useUILibraryBlocks;exports.useUpdateBlocksProps=e.useUpdateBlocksProps;exports.useUpdateBlocksPropsRealtime=e.useUpdateBlocksPropsRealtime;exports.useBuilderProp=s.useBuilderProp;Object.defineProperty(exports,"useTranslation",{enumerable:!0,get:()=>u.useTranslation});

package/dist/core.d.ts

@@ -45,8 +45,9 @@ export declare type ChaiBlock = {
 export declare const ChaiBuilderEditor: (props: ChaiBuilderEditorProps) => JSX_2.Element;
 
 export declare interface ChaiBuilderEditorProps {
-    apiKey?: string;
     blocks?: ChaiBlock[];
+    editable?: boolean;
+    nonEditableComponent?: ReactComponents;
     brandingOptions?: Record<string, string>;
     canvas?: React_2.FC<any>;
     previewLink?: string;