@chaibuilder/sdk 0.1.21 → 0.1.23

package/dist/SidePanels-4434d31b.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),S=require("@radix-ui/react-icons"),t=require("react"),C=require("jotai"),n=require("lodash"),l=require("./useBuilderProp-5e57d0c8.cjs"),j=require("./tabs-860e37aa.cjs"),y=require("./index-6f5cce76.cjs");require("react-i18next");const T=require("./utils-3c452dd0.cjs"),N=require("lucide-react"),D=require("@chaibuilder/blocks"),E=require("./dialog-170eaad9.cjs"),g=require("./card-14e1d020.cjs"),p=require("./select-0e32300c.cjs"),A=require("react-json-view");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("@radix-ui/react-tabs");require("./MODIFIERS-4716c669.cjs");require("clsx");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("sonner");require("tailwind-merge");require("@radix-ui/react-dialog");require("@radix-ui/react-select");const z=({provider:r,onClose:h})=>{const[i,c]=t.useState(null);return t.useEffect(()=>{r&&(r.mockFn?r.mockFn:r.dataFn)().then(d=>c(d))},[r]),r?e.jsxRuntimeExports.jsx(E.Dialog,{onOpenChange:o=>o?"":h(),defaultOpen:!0,children:e.jsxRuntimeExports.jsxs(E.DialogContent,{children:[e.jsxRuntimeExports.jsxs(E.DialogHeader,{children:[e.jsxRuntimeExports.jsxs(E.DialogTitle,{children:["Data Provider: ",r.name]}),e.jsxRuntimeExports.jsx(E.DialogDescription,{children:r.description})]}),e.jsxRuntimeExports.jsx(A,{name:r.providerKey,enableClipboard:!1,displayObjectSize:!1,displayDataTypes:!1,src:i})]})}):null},B=()=>{const r=t.useMemo(()=>D.getChaiDataProviders(),[]),[h,i]=y.usePageDataProviders(),[,c]=C.useAtom(y.pageSyncStateAtom),[o,d]=t.useState(n.filter(r,s=>n.map(h,"providerKey").includes(s.providerKey))),[x,R]=t.useState(""),[f,u]=t.useState(null),b=n.filter(r.map(s=>n.map(o,"providerKey").includes(s.providerKey)?null:{value:s.providerKey,label:s.name}),s=>!n.isNull(s)),a=()=>{const s=n.find(r,{providerKey:x});d(m=>[...m,s]),i(m=>[...m,{providerKey:s.providerKey,args:{}}]),R(""),c("UNSAVED")},v=s=>{d(m=>n.filter(m,q=>q.providerKey!==s.providerKey)),i(m=>n.filter(m,q=>q.providerKey!==s.providerKey)),c("UNSAVED")},k=s=>u(s);return n.isEmpty(r)?e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.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. ",e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("a",{className:"text-blue-500",href:"https://chaibuilder.com/docs/registering-data-providers",target:"_blank",children:"Learn more"})]})}):e.jsxRuntimeExports.jsxs("div",{className:"px-1",children:[e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("label",{children:e.jsxRuntimeExports.jsx("p",{className:"text-gray-500 mb-1.5 text-xs",children:"Add data providers:"})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-1",children:[e.jsxRuntimeExports.jsxs(p.Select,{value:x,onValueChange:s=>R(s),children:[e.jsxRuntimeExports.jsx(p.SelectTrigger,{className:"w-full",children:e.jsxRuntimeExports.jsx(p.SelectValue,{placeholder:"Select a provider"})}),e.jsxRuntimeExports.jsxs(p.SelectContent,{children:[e.jsxRuntimeExports.jsx(p.SelectItem,{value:"",children:"Choose"}),b.map(s=>e.jsxRuntimeExports.jsx(p.SelectItem,{value:s.value,children:s.label},s.value))]})]}),e.jsxRuntimeExports.jsx(l.Button,{onClick:a,disabled:n.isEmpty(x),variant:"destructive",children:"+"})]}),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsxs("div",{className:o.length?"block":"hidden",children:[e.jsxRuntimeExports.jsx("hr",{}),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("p",{className:"text-gray-500 mb-1.5 text-xs",children:"Page data providers:"}),o.map(s=>e.jsxRuntimeExports.jsx(g.Card,{className:"mt-2 rounded-md",children:e.jsxRuntimeExports.jsxs(g.CardHeader,{className:"p-2",children:[e.jsxRuntimeExports.jsx(g.CardTitle,{children:s.name}),e.jsxRuntimeExports.jsx(g.CardDescription,{children:s.description}),e.jsxRuntimeExports.jsx("button",{onClick:()=>k(s),className:"text-left text-xs text-blue-500",children:"view data"}),e.jsxRuntimeExports.jsx("button",{onClick:()=>v(s),className:"text-left text-xs text-red-500",children:"remove"})]})})),e.jsxRuntimeExports.jsx(z,{onClose:()=>u(null),provider:f})]})]})},P=t.lazy(()=>Promise.resolve().then(()=>require("./Layers-94aeb9f0.cjs"))),K=t.lazy(()=>Promise.resolve().then(()=>require("./BrandingOptions-e659a7bf.cjs"))),I=t.lazy(()=>Promise.resolve().then(()=>require("./ImagesPanel-0db5c72f.cjs")));let w=null;const L=()=>{const r=l.useBuilderProp("sideBarComponents.top",[]),h=l.useBuilderProp("sideBarComponents.bottom",[]),[i,c]=C.useAtom(y.activePanelAtom),[o,d]=t.useState(i),[x,R]=t.useState(null),f={layers:P,"branding-options":K,images:I};n.each(r,({name:a,panel:v})=>{f[a]=v});const u=a=>{clearTimeout(w),b(!1),i!=="layers"&&a==="layers"?w=setTimeout(()=>d("layers"),500):d(a),c(a)},[,b]=C.useAtom(y.addBlocksModalAtom);return e.jsxRuntimeExports.jsxs("div",{className:"relative flex",children:[e.jsxRuntimeExports.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:[e.jsxRuntimeExports.jsxs("div",{className:"relative z-[100] flex w-14  flex-col items-center space-y-2",children:[e.jsxRuntimeExports.jsx(l.Button,{onClick:()=>{b(!0),c("layers")},size:"sm",variant:i==="add-blocks"?"default":"outline",children:e.jsxRuntimeExports.jsx(S.PlusIcon,{className:"text-xl"})}),e.jsxRuntimeExports.jsx(l.Button,{onClick:()=>u("layers"),size:"sm",variant:i==="layers"?"default":"outline",children:e.jsxRuntimeExports.jsx(N.ListTreeIcon,{className:"w-4"})}),e.jsxRuntimeExports.jsx(l.Button,{onClick:()=>u("branding-options"),size:"sm",variant:i==="branding-options"?"default":"outline",children:e.jsxRuntimeExports.jsx(S.Half2Icon,{className:"w-4 max-w-[40px] text-xs"})}),t.Children.toArray(r.map(({name:a,icon:v})=>e.jsxRuntimeExports.jsx(t.Suspense,{fallback:e.jsxRuntimeExports.jsx(l.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(l.Button,{onClick:()=>u(a),size:"sm",className:"w-10",variant:i===a?"default":"outline",children:e.jsxRuntimeExports.jsx(v,{})})})))]}),e.jsxRuntimeExports.jsx("div",{className:"flex flex-col items-center space-y-2",children:t.Children.toArray(h.map(a=>e.jsxRuntimeExports.jsx(t.Suspense,{fallback:e.jsxRuntimeExports.jsx(l.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(a,{})})))})]}),e.jsxRuntimeExports.jsx("div",{onClick:()=>{u("layers")},className:"absolute inset-0 right-0 z-50 w-screen bg-black/20"+(i==="layers"?" hidden":"")}),e.jsxRuntimeExports.jsx("div",{className:`fixed left-14 z-[50] h-full w-96 border-r bg-background duration-500 ease-in-out ${i!=="layers"?"translate-x-0":"-translate-x-full"}`,children:e.jsxRuntimeExports.jsx(t.Suspense,{fallback:e.jsxRuntimeExports.jsxs("div",{className:"flex animate-pulse flex-col gap-y-2 bg-white p-4",children:[e.jsxRuntimeExports.jsx("div",{className:"h-6 w-1/2 bg-gray-300"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"})]}),children:e.jsxRuntimeExports.jsx("div",{className:T.cn("relative h-full max-h-[93%] bg-background p-1",i==="layers"?"":"z-[100]"),onMouseEnter:()=>{x&&clearTimeout(x)},onMouseLeave:()=>{const a=setTimeout(()=>{x&&(u("layers"),clearTimeout(x))},1e3);R(a)},children:t.createElement(n.get(f,o,()=>e.jsxRuntimeExports.jsx("div",{})))})})}),e.jsxRuntimeExports.jsx("div",{className:"h-full w-60 border-r p-1",children:e.jsxRuntimeExports.jsx(t.Suspense,{fallback:e.jsxRuntimeExports.jsxs("div",{className:"flex animate-pulse flex-col gap-y-2 p-4",children:[e.jsxRuntimeExports.jsx("div",{className:"h-6 w-1/2 bg-gray-300"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"})]}),children:e.jsxRuntimeExports.jsxs(j.Tabs,{defaultValue:"layers",className:"flex h-full w-full flex-col py-1",children:[e.jsxRuntimeExports.jsxs(j.TabsList,{className:"mx-1 h-10 grid grid-cols-2",children:[e.jsxRuntimeExports.jsxs(j.TabsTrigger,{value:"layers",children:[e.jsxRuntimeExports.jsx(N.ListTreeIcon,{className:"h-3 mr-2"})," Layers"]}),e.jsxRuntimeExports.jsxs(j.TabsTrigger,{value:"data-provider",children:[e.jsxRuntimeExports.jsx(N.DatabaseIcon,{className:"w-3 mr-2"}),"Data"]})]}),e.jsxRuntimeExports.jsx(j.TabsContent,{value:"layers",className:"no-scrollbar -mx-1 -mr-2 h-full flex-1 overflow-y-auto overflow-x-hidden",children:t.createElement(P)}),e.jsxRuntimeExports.jsx(j.TabsContent,{value:"data-provider",className:"flex-1 overflow-y-auto overflow-x-hidden",children:e.jsxRuntimeExports.jsx(B,{})})]})})})]})};exports.default=L;

package/dist/{SidePanels-ca294b35.js → SidePanels-78d8de19.js}

@@ -1,18 +1,18 @@
 import { j as e } from "./jsx-runtime-944c88e2.js";
-import { PlusIcon as E, Half2Icon as V } from "@radix-ui/react-icons";
-import v, { useMemo as I, useState as m, useEffect as L, lazy as C, Suspense as b } from "react";
+import { PlusIcon as L, Half2Icon as V } from "@radix-ui/react-icons";
+import v, { useMemo as I, useState as m, useEffect as _, lazy as C, Suspense as b } from "react";
 import { useAtom as N } from "jotai";
-import { filter as y, map as w, isNull as H, isEmpty as M, find as O, each as _, get as F } from "lodash";
-import { B as u, u as k, S as P } from "./useBuilderProp-81a14920.js";
-import { T as R, a as J, b as D, c as S } from "./tabs-85caa1e8.js";
-import { u as U, p as $, a as q, b as G } from "./index-436bba3e.js";
+import { filter as g, map as w, isNull as H, isEmpty as k, find as M, each as O, get as F } from "lodash";
+import { B as u, u as P, S as D } from "./useBuilderProp-81a14920.js";
+import { T as R, a as J, b as S, c as T } from "./tabs-85caa1e8.js";
+import { u as U, p as Y, a as $, b as q } from "./index-c49887fe.js";
 import "react-i18next";
-import { c as Q } from "./utils-ac68b2c8.js";
-import { ListTreeIcon as T, DatabaseIcon as W } from "lucide-react";
-import { getChaiDataProviders as X } from "@chaibuilder/blocks";
-import { D as Y, a as Z, c as ee, e as se, f as ae } from "./dialog-3d4e82ed.js";
-import { C as le, a as re, c as te, d as ie } from "./card-f8f4f985.js";
-import { S as oe, c as ne, b as ce, d as de, f as K } from "./select-7fddd7c3.js";
+import { c as G } from "./utils-ac68b2c8.js";
+import { ListTreeIcon as K, DatabaseIcon as Q } from "lucide-react";
+import { getChaiDataProviders as W } from "@chaibuilder/blocks";
+import { D as X, a as Z, c as ee, e as se, f as ae } from "./dialog-3d4e82ed.js";
+import { C as re, a as le, c as te, d as ie } from "./card-f8f4f985.js";
+import { S as oe, c as ne, b as ce, d as de, f as A } from "./select-7fddd7c3.js";
 import me from "react-json-view";
 import "@radix-ui/react-slot";
 import "class-variance-authority";
@@ -39,10 +39,10 @@ import "tailwind-merge";
 import "@radix-ui/react-dialog";
 import "@radix-ui/react-select";
 const xe = ({ provider: a, onClose: x }) => {
-  const [l, n] = m(null);
-  return L(() => {
+  const [r, n] = m(null);
+  return _(() => {
     a && (a.mockFn ? a.mockFn : a.dataFn)().then((c) => n(c));
-  }, [a]), a ? /* @__PURE__ */ e.jsx(Y, { onOpenChange: (t) => t ? "" : x(), defaultOpen: !0, children: /* @__PURE__ */ e.jsxs(Z, { children: [
+  }, [a]), a ? /* @__PURE__ */ e.jsx(X, { onOpenChange: (t) => t ? "" : x(), defaultOpen: !0, children: /* @__PURE__ */ e.jsxs(Z, { children: [
     /* @__PURE__ */ e.jsxs(ee, { children: [
       /* @__PURE__ */ e.jsxs(se, { children: [
         "Data Provider: ",
@@ -57,63 +57,67 @@ const xe = ({ provider: a, onClose: x }) => {
         enableClipboard: !1,
         displayObjectSize: !1,
         displayDataTypes: !1,
-        src: l
+        src: r
       }
     )
   ] }) }) : null;
 }, pe = () => {
-  const a = I(() => X(), []), [x, l] = U(), [, n] = N($), [t, c] = m(
-    y(a, (s) => w(x, "providerKey").includes(s.providerKey))
-  ), [i, f] = m(""), [h, o] = m(null), j = y(
+  const a = I(() => W(), []), [x, r] = U(), [, n] = N(Y), [t, c] = m(
+    g(a, (s) => w(x, "providerKey").includes(s.providerKey))
+  ), [i, h] = m(""), [f, o] = m(null), j = g(
     a.map((s) => w(t, "providerKey").includes(s.providerKey) ? null : { value: s.providerKey, label: s.name }),
     (s) => !H(s)
-  ), r = () => {
-    const s = O(a, { providerKey: i });
-    c((d) => [...d, s]), l((d) => [...d, { providerKey: s.providerKey, args: {} }]), f(""), n("UNSAVED");
+  ), l = () => {
+    const s = M(a, { providerKey: i });
+    c((d) => [...d, s]), r((d) => [...d, { providerKey: s.providerKey, args: {} }]), h(""), n("UNSAVED");
   }, p = (s) => {
-    c((d) => y(d, (g) => g.providerKey !== s.providerKey)), l((d) => y(d, (g) => g.providerKey !== s.providerKey)), n("UNSAVED");
-  }, B = (s) => o(s);
-  return /* @__PURE__ */ e.jsxs("div", { className: "px-1", children: [
+    c((d) => g(d, (y) => y.providerKey !== s.providerKey)), r((d) => g(d, (y) => y.providerKey !== s.providerKey)), n("UNSAVED");
+  }, E = (s) => o(s);
+  return k(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. ",
+    /* @__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.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.jsxs("div", { className: "flex items-center space-x-1", children: [
-      /* @__PURE__ */ e.jsxs(oe, { value: i, onValueChange: (s) => f(s), children: [
+      /* @__PURE__ */ e.jsxs(oe, { value: i, onValueChange: (s) => h(s), children: [
         /* @__PURE__ */ e.jsx(ne, { className: "w-full", children: /* @__PURE__ */ e.jsx(ce, { placeholder: "Select a provider" }) }),
         /* @__PURE__ */ e.jsxs(de, { children: [
-          /* @__PURE__ */ e.jsx(K, { value: "", children: "Choose" }),
-          j.map((s) => /* @__PURE__ */ e.jsx(K, { value: s.value, children: s.label }, s.value))
+          /* @__PURE__ */ e.jsx(A, { value: "", children: "Choose" }),
+          j.map((s) => /* @__PURE__ */ e.jsx(A, { value: s.value, children: s.label }, s.value))
         ] })
       ] }),
-      /* @__PURE__ */ e.jsx(u, { onClick: r, disabled: M(i), variant: "destructive", children: "+" })
+      /* @__PURE__ */ e.jsx(u, { onClick: l, disabled: k(i), variant: "destructive", children: "+" })
     ] }),
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsxs("div", { className: t.length ? "block" : "hidden", children: [
       /* @__PURE__ */ e.jsx("hr", {}),
       /* @__PURE__ */ e.jsx("br", {}),
       /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 mb-1.5 text-xs", children: "Page data providers:" }),
-      t.map((s) => /* @__PURE__ */ e.jsx(le, { className: "mt-2 rounded-md", children: /* @__PURE__ */ e.jsxs(re, { className: "p-2", children: [
+      t.map((s) => /* @__PURE__ */ e.jsx(re, { className: "mt-2 rounded-md", children: /* @__PURE__ */ e.jsxs(le, { className: "p-2", children: [
         /* @__PURE__ */ e.jsx(te, { children: s.name }),
         /* @__PURE__ */ e.jsx(ie, { children: s.description }),
-        /* @__PURE__ */ e.jsx("button", { onClick: () => B(s), className: "text-left text-xs text-blue-500", children: "view data" }),
+        /* @__PURE__ */ e.jsx("button", { onClick: () => E(s), className: "text-left text-xs text-blue-500", children: "view data" }),
         /* @__PURE__ */ e.jsx("button", { onClick: () => p(s), className: "text-left text-xs text-red-500", children: "remove" })
       ] }) })),
-      /* @__PURE__ */ e.jsx(xe, { onClose: () => o(null), provider: h })
+      /* @__PURE__ */ e.jsx(xe, { onClose: () => o(null), provider: f })
     ] })
   ] });
-}, A = C(() => import("./Layers-99bdc689.js")), ue = C(() => import("./BrandingOptions-7f66e02c.js")), fe = C(() => import("./ImagesPanel-38c44785.js"));
-let z = null;
+}, z = C(() => import("./Layers-c08aa961.js")), ue = C(() => import("./BrandingOptions-c01e08fc.js")), he = C(() => import("./ImagesPanel-38c44785.js"));
+let B = null;
 const as = () => {
-  const a = k("sideBarComponents.top", []), x = k("sideBarComponents.bottom", []), [l, n] = N(q), [t, c] = m(l), [i, f] = m(null), h = {
-    layers: A,
+  const a = P("sideBarComponents.top", []), x = P("sideBarComponents.bottom", []), [r, n] = N($), [t, c] = m(r), [i, h] = m(null), f = {
+    layers: z,
     "branding-options": ue,
-    images: fe
+    images: he
   };
-  _(a, ({ name: r, panel: p }) => {
-    h[r] = p;
+  O(a, ({ name: l, panel: p }) => {
+    f[l] = p;
   });
-  const o = (r) => {
-    clearTimeout(z), j(!1), l !== "layers" && r === "layers" ? z = setTimeout(() => c("layers"), 500) : c(r), n(r);
-  }, [, j] = N(G);
+  const o = (l) => {
+    clearTimeout(B), j(!1), r !== "layers" && l === "layers" ? B = setTimeout(() => c("layers"), 500) : c(l), n(l);
+  }, [, j] = N(q);
   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: [
@@ -124,8 +128,8 @@ const as = () => {
               j(!0), n("layers");
             },
             size: "sm",
-            variant: l === "add-blocks" ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(E, { className: "text-xl" })
+            variant: r === "add-blocks" ? "default" : "outline",
+            children: /* @__PURE__ */ e.jsx(L, { className: "text-xl" })
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -133,8 +137,8 @@ const as = () => {
           {
             onClick: () => o("layers"),
             size: "sm",
-            variant: l === "layers" ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(T, { className: "w-4" })
+            variant: r === "layers" ? "default" : "outline",
+            children: /* @__PURE__ */ e.jsx(K, { className: "w-4" })
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -142,25 +146,25 @@ const as = () => {
           {
             onClick: () => o("branding-options"),
             size: "sm",
-            variant: l === "branding-options" ? "default" : "outline",
+            variant: r === "branding-options" ? "default" : "outline",
             children: /* @__PURE__ */ e.jsx(V, { className: "w-4 max-w-[40px] text-xs" })
           }
         ),
         v.Children.toArray(
-          a.map(({ name: r, icon: p }) => /* @__PURE__ */ e.jsx(b, { fallback: /* @__PURE__ */ e.jsx(P, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(
+          a.map(({ name: l, icon: p }) => /* @__PURE__ */ e.jsx(b, { fallback: /* @__PURE__ */ e.jsx(D, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(
             u,
             {
-              onClick: () => o(r),
+              onClick: () => o(l),
               size: "sm",
               className: "w-10",
-              variant: l === r ? "default" : "outline",
+              variant: r === l ? "default" : "outline",
               children: /* @__PURE__ */ e.jsx(p, {})
             }
           ) }))
         )
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center space-y-2", children: v.Children.toArray(
-        x.map((r) => /* @__PURE__ */ e.jsx(b, { fallback: /* @__PURE__ */ e.jsx(P, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(r, {}) }))
+        x.map((l) => /* @__PURE__ */ e.jsx(b, { fallback: /* @__PURE__ */ e.jsx(D, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(l, {}) }))
       ) })
     ] }),
     /* @__PURE__ */ e.jsx(
@@ -169,13 +173,13 @@ const as = () => {
         onClick: () => {
           o("layers");
         },
-        className: "absolute inset-0 right-0 z-50 w-screen bg-black/20" + (l === "layers" ? " hidden" : "")
+        className: "absolute inset-0 right-0 z-50 w-screen bg-black/20" + (r === "layers" ? " hidden" : "")
       }
     ),
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: `fixed left-14 z-[50] h-full w-96 border-r bg-background duration-500 ease-in-out ${l !== "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 ${r !== "layers" ? "translate-x-0" : "-translate-x-full"}`,
         children: /* @__PURE__ */ e.jsx(
           b,
           {
@@ -187,17 +191,17 @@ const as = () => {
             children: /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: Q("relative h-full max-h-[93%] bg-background p-1", l === "layers" ? "" : "z-[100]"),
+                className: G("relative h-full max-h-[93%] bg-background p-1", r === "layers" ? "" : "z-[100]"),
                 onMouseEnter: () => {
                   i && clearTimeout(i);
                 },
                 onMouseLeave: () => {
-                  const r = setTimeout(() => {
+                  const l = setTimeout(() => {
                     i && (o("layers"), clearTimeout(i));
                   }, 1e3);
-                  f(r);
+                  h(l);
                 },
-                children: v.createElement(F(h, t, () => /* @__PURE__ */ e.jsx("div", {})))
+                children: v.createElement(F(f, t, () => /* @__PURE__ */ e.jsx("div", {})))
               }
             )
           }
@@ -214,24 +218,24 @@ const as = () => {
         ] }),
         children: /* @__PURE__ */ e.jsxs(R, { defaultValue: "layers", className: "flex h-full w-full flex-col py-1", children: [
           /* @__PURE__ */ e.jsxs(J, { className: "mx-1 h-10 grid grid-cols-2", children: [
-            /* @__PURE__ */ e.jsxs(D, { value: "layers", children: [
-              /* @__PURE__ */ e.jsx(T, { className: "h-3 mr-2" }),
+            /* @__PURE__ */ e.jsxs(S, { value: "layers", children: [
+              /* @__PURE__ */ e.jsx(K, { className: "h-3 mr-2" }),
               " Layers"
             ] }),
-            /* @__PURE__ */ e.jsxs(D, { value: "data-provider", children: [
-              /* @__PURE__ */ e.jsx(W, { className: "w-3 mr-2" }),
+            /* @__PURE__ */ e.jsxs(S, { value: "data-provider", children: [
+              /* @__PURE__ */ e.jsx(Q, { className: "w-3 mr-2" }),
               "Data"
             ] })
           ] }),
           /* @__PURE__ */ e.jsx(
-            S,
+            T,
             {
               value: "layers",
               className: "no-scrollbar -mx-1 -mr-2 h-full flex-1 overflow-y-auto overflow-x-hidden",
-              children: v.createElement(A)
+              children: v.createElement(z)
             }
           ),
-          /* @__PURE__ */ e.jsx(S, { value: "data-provider", className: "flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(pe, {}) })
+          /* @__PURE__ */ e.jsx(T, { value: "data-provider", className: "flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(pe, {}) })
         ] })
       }
     ) })

package/dist/{Topbar-1edef1b2.js → Topbar-0542b5f4.js}

@@ -5,7 +5,7 @@ import { S as x, c as d, b as h, d as u, a as g, e as j, f as t } from "./select
 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-436bba3e.js";
+import { c as C } from "./index-c49887fe.js";
 import { useTranslation as w } from "react-i18next";
 import "@radix-ui/react-select";
 import "./utils-ac68b2c8.js";

package/dist/{Topbar-75c99c88.cjs → Topbar-d6382110.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),i=require("react"),l=require("@radix-ui/react-icons"),r=require("./select-0e32300c.cjs"),s=require("./useBuilderProp-5e57d0c8.cjs"),o=require("./separator-a597dba7.cjs"),a=require("./toggle-b90fed97.cjs"),c=require("./index-c3a98a78.cjs"),p=require("react-i18next");require("@radix-ui/react-select");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("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("lucide-react");require("sonner");const m=()=>s.useBuilderProp("languages",["en"]),j=()=>m().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(l.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"})]})})]})}),d=()=>{const{savePage:x,syncState:t}=c.useSavePage(),{t:u}=p.useTranslation(),n=i.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(a.Toggle,{onClick:()=>x(),className:`flex h-auto w-20 items-center gap-x-1 rounded-full p-1 px-2 ${n}`,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"})})]})})},h=()=>{const x=s.useBuilderProp("topBarComponents.left",[]),t=s.useBuilderProp("topBarComponents.center",[]),u=s.useBuilderProp("topBarComponents.right",[]);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:i.Children.toArray(x.map(n=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(n,{})})))})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:i.Children.toArray(t.map(n=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(n,{})})))}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(j,{}),e.jsxRuntimeExports.jsx(o.Separator,{orientation:"vertical"}),e.jsxRuntimeExports.jsx(d,{}),i.Children.toArray(u.map(n=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(n,{})})))]})]})};exports.default=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),i=require("react"),l=require("@radix-ui/react-icons"),r=require("./select-0e32300c.cjs"),s=require("./useBuilderProp-5e57d0c8.cjs"),o=require("./separator-a597dba7.cjs"),a=require("./toggle-b90fed97.cjs"),c=require("./index-6f5cce76.cjs"),p=require("react-i18next");require("@radix-ui/react-select");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("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("lucide-react");require("sonner");const m=()=>s.useBuilderProp("languages",["en"]),j=()=>m().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(l.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"})]})})]})}),d=()=>{const{savePage:x,syncState:t}=c.useSavePage(),{t:u}=p.useTranslation(),n=i.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(a.Toggle,{onClick:()=>x(),className:`flex h-auto w-20 items-center gap-x-1 rounded-full p-1 px-2 ${n}`,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"})})]})})},h=()=>{const x=s.useBuilderProp("topBarComponents.left",[]),t=s.useBuilderProp("topBarComponents.center",[]),u=s.useBuilderProp("topBarComponents.right",[]);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:i.Children.toArray(x.map(n=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(n,{})})))})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:i.Children.toArray(t.map(n=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(n,{})})))}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(j,{}),e.jsxRuntimeExports.jsx(o.Separator,{orientation:"vertical"}),e.jsxRuntimeExports.jsx(d,{}),i.Children.toArray(u.map(n=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(n,{})})))]})]})};exports.default=h;

package/dist/{add-page-modal-9985b5ce.js → add-page-modal-36a6b406.js}

@@ -5,7 +5,7 @@ import { B as c } from "./useBuilderProp-81a14920.js";
 import { D as b, b as C, a as A } from "./dialog-3d4e82ed.js";
 import { SingleLineText as d } from "@chaibuilder/blocks";
 import { F as D } from "./form-725e3191.js";
-import { a0 as N } from "./index-436bba3e.js";
+import { a0 as N } from "./index-c49887fe.js";
 import "@radix-ui/react-slot";
 import "class-variance-authority";
 import "./utils-ac68b2c8.js";

package/dist/{add-page-modal-18f134c0.cjs → add-page-modal-6132fdff.cjs}

@@ -1 +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-5e57d0c8.cjs"),a=require("./dialog-170eaad9.cjs"),q=require("@chaibuilder/blocks"),b=require("./form-99b51245.cjs"),f=require("./index-c3a98a78.cjs");require("@radix-ui/react-slot");require("class-variance-authority");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-tooltip");require("@radix-ui/react-icons");require("@radix-ui/react-toast");require("jotai");require("@radix-ui/react-dialog");require("@rjsf/core");require("@rjsf/validator-ajv8");require("./link-86ac8848.cjs");require("react-icons-picker");require("react-dom");require("./ImagesPanel-0db5c72f.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("lucide-react");require("sonner");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;
+"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-5e57d0c8.cjs"),a=require("./dialog-170eaad9.cjs"),q=require("@chaibuilder/blocks"),b=require("./form-99b51245.cjs"),f=require("./index-6f5cce76.cjs");require("@radix-ui/react-slot");require("class-variance-authority");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-tooltip");require("@radix-ui/react-icons");require("@radix-ui/react-toast");require("jotai");require("@radix-ui/react-dialog");require("@rjsf/core");require("@rjsf/validator-ajv8");require("./link-86ac8848.cjs");require("react-icons-picker");require("react-dom");require("./ImagesPanel-0db5c72f.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("lucide-react");require("sonner");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/core.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-c3a98a78.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-6f5cce76.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});

package/dist/core.d.ts

@@ -53,7 +53,10 @@ export declare interface ChaiBuilderEditorProps {
     canvasTopBarComponents?: {
         right?: React_2.LazyExoticComponent<any>[];
     };
-    dataProviders?: any[];
+    dataProviders?: {
+        providerKey: string;
+        args: Record<string, any>;
+    }[];
     darkMode?: boolean;
     dndOptions?: any;
     fetchMediaCallback?: (limit?: number, offset?: number) => Promise<any[]>;

package/dist/core.js

@@ -1,4 +1,4 @@
-import { a5 as T, ap as b, H as j, a8 as x, ak as G, W as O, al as U, K as w, B as F, ao as W, z as Z, a6 as q, a9 as z, d as E, f as K, l as N, o as V, aa as J, n as Q, e as X, ab as Y, m as _, k as $, ac as ss, V as es, A as as, an as os, a1 as ts, ad as us, q as rs, s as is, am as ls, ae as ps, a7 as cs, t as ds, L as ms, c as Bs, D as ks, ag as ns, N as gs, i as Cs, O as Ss, g as vs, j as Ps, h as As, ah as ys, M as hs, af as Ms, ai as Ds, Z as Is, aj as Ls, G as fs } from "./index-436bba3e.js";
+import { a5 as T, ap as b, H as j, a8 as x, ak as G, W as O, al as U, K as w, B as F, ao as W, z as Z, a6 as q, a9 as z, d as E, f as K, l as N, o as V, aa as J, n as Q, e as X, ab as Y, m as _, k as $, ac as ss, V as es, A as as, an as os, a1 as ts, ad as us, q as rs, s as is, am as ls, ae as ps, a7 as cs, t as ds, L as ms, c as Bs, D as ks, ag as ns, N as gs, i as Cs, O as Ss, g as vs, j as Ps, h as As, ah as ys, M as hs, af as Ms, ai as Ds, Z as Is, aj as Ls, G as fs } from "./index-c49887fe.js";
 import { u as Hs } from "./useBuilderProp-81a14920.js";
 import { useTranslation as bs } from "react-i18next";
 import "./jsx-runtime-944c88e2.js";

package/dist/{delete-page-modal-98272bf5.js → delete-page-modal-68a4d71e.js}

@@ -1,7 +1,7 @@
 import { j as e } from "./jsx-runtime-944c88e2.js";
 import { B as l } from "./useBuilderProp-81a14920.js";
 import { A as n, a as d, b as a, e as p, f as c, h as u } from "./alert-dialog-ee98f47e.js";
-import { a4 as h } from "./index-436bba3e.js";
+import { a4 as h } from "./index-c49887fe.js";
 import { TrashIcon as x } from "@radix-ui/react-icons";
 import "react";
 import "@radix-ui/react-slot";

package/dist/{delete-page-modal-393697d7.cjs → delete-page-modal-87c48560.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),l=require("./useBuilderProp-5e57d0c8.cjs"),r=require("./alert-dialog-4ce6ed22.cjs"),d=require("./index-c3a98a78.cjs"),c=require("@radix-ui/react-icons");require("react");require("@radix-ui/react-slot");require("class-variance-authority");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("jotai");require("lodash");require("@radix-ui/react-alert-dialog");require("./MODIFIERS-4716c669.cjs");require("@radix-ui/react-scroll-area");require("react-dom");require("@floating-ui/react-dom");require("i18next");require("react-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("lucide-react");require("sonner");const x=({pageData:i,projectData:s})=>{const n={},t=d.useDeletePage(),u=i.uuid===s.homepage,o=()=>{t.mutate(i,{onSuccess:()=>{n({uuid:s.homepage,slug:"/home"})}})};return e.jsxRuntimeExports.jsxs(r.AlertDialog,{children:[e.jsxRuntimeExports.jsx(r.AlertDialogTrigger,{disabled:u,children:e.jsxRuntimeExports.jsx("div",{className:`flex h-full items-center justify-center rounded-md border px-2 py-2 font-medium hover:bg-red-400 hover:text-white ${u?"cursor-not-allowed border-red-200 text-red-200":"cursor-pointer border-red-400 text-red-400"}`,children:e.jsxRuntimeExports.jsx(c.TrashIcon,{})})}),e.jsxRuntimeExports.jsxs(r.AlertDialogContent,{children:[e.jsxRuntimeExports.jsxs(r.AlertDialogTitle,{children:["Are you sure you want to delete ",e.jsxRuntimeExports.jsx("i",{className:"text-red-500",children:i.name})," page?"]}),e.jsxRuntimeExports.jsx(r.AlertDialogDescription,{children:"This action cannot be undone. This will permanently delete your page."}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-end gap-x-3",children:[e.jsxRuntimeExports.jsx(r.AlertDialogCancel,{disabled:t.isPending,children:"Cancel"}),e.jsxRuntimeExports.jsx(l.Button,{variant:"destructive",onClick:o,disabled:t.isPending,children:"Yes, Delete"})]})]})]})};exports.default=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),l=require("./useBuilderProp-5e57d0c8.cjs"),r=require("./alert-dialog-4ce6ed22.cjs"),d=require("./index-6f5cce76.cjs"),c=require("@radix-ui/react-icons");require("react");require("@radix-ui/react-slot");require("class-variance-authority");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("jotai");require("lodash");require("@radix-ui/react-alert-dialog");require("./MODIFIERS-4716c669.cjs");require("@radix-ui/react-scroll-area");require("react-dom");require("@floating-ui/react-dom");require("i18next");require("react-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("lucide-react");require("sonner");const x=({pageData:i,projectData:s})=>{const n={},t=d.useDeletePage(),u=i.uuid===s.homepage,o=()=>{t.mutate(i,{onSuccess:()=>{n({uuid:s.homepage,slug:"/home"})}})};return e.jsxRuntimeExports.jsxs(r.AlertDialog,{children:[e.jsxRuntimeExports.jsx(r.AlertDialogTrigger,{disabled:u,children:e.jsxRuntimeExports.jsx("div",{className:`flex h-full items-center justify-center rounded-md border px-2 py-2 font-medium hover:bg-red-400 hover:text-white ${u?"cursor-not-allowed border-red-200 text-red-200":"cursor-pointer border-red-400 text-red-400"}`,children:e.jsxRuntimeExports.jsx(c.TrashIcon,{})})}),e.jsxRuntimeExports.jsxs(r.AlertDialogContent,{children:[e.jsxRuntimeExports.jsxs(r.AlertDialogTitle,{children:["Are you sure you want to delete ",e.jsxRuntimeExports.jsx("i",{className:"text-red-500",children:i.name})," page?"]}),e.jsxRuntimeExports.jsx(r.AlertDialogDescription,{children:"This action cannot be undone. This will permanently delete your page."}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-end gap-x-3",children:[e.jsxRuntimeExports.jsx(r.AlertDialogCancel,{disabled:t.isPending,children:"Cancel"}),e.jsxRuntimeExports.jsx(l.Button,{variant:"destructive",onClick:o,disabled:t.isPending,children:"Yes, Delete"})]})]})]})};exports.default=x;