@chaibuilder/sdk 1.2.2 → 1.2.4

package/dist/{index-QEchoZ98.js → index-7mV_OcXd.js}

@@ -37,8 +37,9 @@ import { useHotkeys as se } from "react-hotkeys-hook";
 import { getChaiDataProviders as oC, syncBlocksWithDefaults as cC } from "@chaibuilder/runtime";
 import { FileTextIcon as hC, GearIcon as sC, EyeClosedIcon as vC, EyeOpenIcon as dC } from "@radix-ui/react-icons";
 import { toast as ae, Toaster as uC } from "sonner";
-import { g as gC } from "./html-to-json-xKBERAI1.js";
+import { g as gC } from "./html-to-json-yjzEN9OX.js";
 import { Loader as fC, Loader2 as pC, LogOutIcon as zC } from "lucide-react";
+import "./web-blocks.js";
 const MC = "Add block", mC = "(Enter or paste TailwindCSS HTML snippet)", HC = "(Click to add block to page)", VC = "Core", wC = "Custom Blocks", bC = "Use HTML snippets from Tailwind CSS component libraries etc. or just copy paste your own HTML code.", yC = "Tailwind HTML snippet:", xC = "Enter your code snippet here...", LC = "Import HTML", OC = "NOTE: Imported html will be added to the currently selected block. If no block is selected, the html will be added to the page.", SC = "Dark mode", CC = "This page has no blocks. Add a block by clicking the + button", BC = "This page is empty", AC = "Please select a block to edit settings or styles", EC = "Please select a styling block", PC = "Drop your block here", IC = "Use setting", kC = "Mobile (XS)", NC = "Styles set here are applied to all screen unless edited at higher breakpoint", RC = "Mobile landscape (SM)", TC = "Styles set here are applied at 640px and up unless edited at higher breakpoint", DC = "Tablet (MD)", jC = "Styles set here are applied at 768px and up", FC = "Tablet Landscape (LG)", qC = "Styles set here are applied at 1024px and up unless edited at higher breakpoint", WC = "Desktop (XL)", KC = "Styles set here are applied at 1280px and up unless edited at higher breakpoint", UC = "Large Desktop (2XL)", ZC = "Styles set here are applied at 1536px and up", GC = "Breakpoints", JC = "Clear", YC = "Clear whole canvas?", QC = "Are you sure you want to clear the whole canvas?", XC = "Cancel", _C = "Yes", $C = "Preview", tB = "Settings", eB = "Styling", aB = "Data Provider", rB = "Are you sure you want to remove <span class='text-blue-500'>{name}</span> provider?", nB = "Your data provider will be removed from this page and all added data binding will be not visible on blocks.", lB = "Remove", iB = "You have no data providers registered. Please add a data provider to your project.", oB = "Learn more", cB = "Add data providers:", hB = "Select a provider", sB = "Choose", vB = "Page data providers:", dB = "View Data", uB = "Mark as Global", gB = "Note: Global blocks are single instances. Editing global blocks will be reflected on all pages using these blocks.", fB = "Global blocks are indicated with", pB = "Global blocks are available under 'Global' category", zB = "Enter global block name", MB = "Eg: Header, Footer", mB = "{{length}} blocks selected.", HB = "Cut", VB = "Copy", wB = "Clear Selection", bB = "This is dev mode. Visit", yB = "to see page preview", xB = {
   add_block: MC,
   enter_paste_tailwind_html: mC,
@@ -1670,7 +1671,7 @@ function EP() {
     Z1.AsyncMode = w, Z1.ConcurrentMode = y, Z1.ContextConsumer = x, Z1.ContextProvider = L, Z1.Element = S, Z1.ForwardRef = P, Z1.Fragment = C, Z1.Lazy = N, Z1.Memo = k, Z1.Portal = T, Z1.Profiler = U, Z1.StrictMode = t1, Z1.Suspense = Z, Z1.isAsyncMode = J, Z1.isConcurrentMode = W, Z1.isContextConsumer = G, Z1.isContextProvider = E, Z1.isElement = F, Z1.isForwardRef = a1, Z1.isFragment = _, Z1.isLazy = X, Z1.isMemo = v1, Z1.isPortal = o1, Z1.isProfiler = c1, Z1.isStrictMode = $, Z1.isSuspense = s1, Z1.isValidElementType = V, Z1.typeOf = b;
   }()), Z1;
 }
-var Wd1 = Q4.exports;
+var Kd1 = Q4.exports;
 process.env.NODE_ENV === "production" ? Q4.exports = AP() : Q4.exports = EP();
 var PP = Q4.exports;
 var sp = PP;
@@ -1690,7 +1691,7 @@ var IP = {
 }, vp = {};
 vp[sp.ForwardRef] = IP;
 vp[sp.Memo] = kP;
-var Kd1 = Object.prototype;
+var Ud1 = Object.prototype;
 var NP = !0;
 function N3(t, e, a) {
   var r = "";
@@ -1961,7 +1962,7 @@ var B2, c0 = function(e, a, r) {
   }) : null
 );
 process.env.NODE_ENV !== "production" && (ar.displayName = "EmotionCacheContext");
-var Ud1 = ar.Provider;
+var Zd1 = ar.Provider;
 var Fi = function(e) {
   return /* @__PURE__ */ Q(function(a, r) {
     var n = Pt(ar);
@@ -3340,7 +3341,7 @@ function Ap(t) {
     }
   });
 }
-const Zd1 = Object.keys(Op), Ep = ["xs", "sm", "md", "lg", "xl"], wk = {
+const Gd1 = Object.keys(Op), Ep = ["xs", "sm", "md", "lg", "xl"], wk = {
   dir: "ltr",
   primaryShade: {
     light: 6,
@@ -3982,7 +3983,7 @@ const C0 = {
   "pop-top-right": S0(O0({}, C0), {
     common: { transformOrigin: "top right" }
   })
-}, Gd1 = Object.keys(q0), Js = ["mousedown", "touchstart"];
+}, Jd1 = Object.keys(q0), Js = ["mousedown", "touchstart"];
 function vN(t, e, a) {
   const r = z1();
   return L1(() => {
@@ -7424,8 +7425,8 @@ var PF = e1(() => ({
 * tabbable 6.2.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
-var CM = typeof Element > "u", Jd1 = CM ? function() {
-} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, Yd1 = !CM && Element.prototype.getRootNode ? function(t) {
+var CM = typeof Element > "u", Yd1 = CM ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, Qd1 = !CM && Element.prototype.getRootNode ? function(t) {
   var e;
   return t == null || (e = t.getRootNode) === null || e === void 0 ? void 0 : e.call(t);
 } : function(t) {
@@ -10059,7 +10060,7 @@ const EK = {
 });
 lh.displayName = "@mantine/core/Avatar";
 lh.Group = Hm;
-const Qd1 = lh;
+const Xd1 = lh;
 var PK = Object.defineProperty, IK = Object.defineProperties, kK = Object.getOwnPropertyDescriptors, m6 = Object.getOwnPropertySymbols, NK = Object.prototype.hasOwnProperty, RK = Object.prototype.propertyIsEnumerable, H6 = (t, e, a) => e in t ? PK(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a, TK = (t, e) => {
   for (var a in e || (e = {}))
     NK.call(e, a) && H6(t, a, e[a]);
@@ -10105,7 +10106,7 @@ const GK = {
   }));
 });
 xm.displayName = "@mantine/core/BackgroundImage";
-const Xd1 = xm;
+const _d1 = xm;
 var JK = Object.defineProperty, YK = Object.defineProperties, QK = Object.getOwnPropertyDescriptors, w6 = Object.getOwnPropertySymbols, XK = Object.prototype.hasOwnProperty, _K = Object.prototype.propertyIsEnumerable, b6 = (t, e, a) => e in t ? JK(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a, Fo = (t, e) => {
   for (var a in e || (e = {}))
     XK.call(e, a) && b6(t, a, e[a]);
@@ -10961,7 +10962,7 @@ const mZ = {
 });
 ch.Section = Ym;
 ch.displayName = "@mantine/core/Card";
-const _d1 = ch;
+const $d1 = ch;
 var HZ = e1((t, { inline: e }) => ({
   root: {
     display: e ? "inline-flex" : "flex",
@@ -10992,7 +10993,7 @@ const tH = Q((t, e) => {
   }, o));
 });
 tH.displayName = "@mantine/core/Center";
-const $d1 = tH, eH = $t(null), yZ = eH.Provider, xZ = () => Pt(eH);
+const t71 = tH, eH = $t(null), yZ = eH.Provider, xZ = () => Pt(eH);
 var LZ = Object.defineProperty, c5 = Object.getOwnPropertySymbols, aH = Object.prototype.hasOwnProperty, rH = Object.prototype.propertyIsEnumerable, F6 = (t, e, a) => e in t ? LZ(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a, q6 = (t, e) => {
   for (var a in e || (e = {}))
     aH.call(e, a) && F6(t, a, e[a]);
@@ -14292,7 +14293,7 @@ const WX = {
   }, h)));
 });
 XV.displayName = "@mantine/core/Highlight";
-const t71 = XV, _V = {
+const e71 = XV, _V = {
   context: "HoverCard component was not found in the tree",
   children: "HoverCard.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported"
 }, [KX, $V] = w2(_V.context);
@@ -14728,7 +14729,7 @@ const k_ = {
   })));
 });
 Mw.displayName = "@mantine/core/InputBase";
-const e71 = Mw;
+const a71 = Mw;
 function P7(t, e) {
   if (typeof t == "string" && t.trim().length === 0)
     return !0;
@@ -26147,7 +26148,7 @@ var Ih = { exports: {} }, hL = {
 var kh = { exports: {} }, Bi1 = function(e) {
   return !e || typeof e == "string" ? !1 : e instanceof Array || Array.isArray(e) || e.length >= 0 && (e.splice instanceof Function || Object.getOwnPropertyDescriptor(e, e.length - 1) && e.constructor.name !== "String");
 };
-var a71 = kh.exports, Ai1 = Bi1, Ei1 = Array.prototype.concat, Pi1 = Array.prototype.slice, Cg = kh.exports = function(e) {
+var r71 = kh.exports, Ai1 = Bi1, Ei1 = Array.prototype.concat, Pi1 = Array.prototype.slice, Cg = kh.exports = function(e) {
   for (var a = [], r = 0, n = e.length; r < n; r++) {
     var l = e[r];
     Ai1(l) ? a = Ei1.call(a, Pi1.call(l)) : a.push(l);
@@ -26160,7 +26161,7 @@ Cg.wrap = function(t) {
   };
 };
 var Ii1 = kh.exports;
-var r71 = Ih.exports, X0 = hL, Pr = Ii1, sL = Object.hasOwnProperty, vL = /* @__PURE__ */ Object.create(null);
+var n71 = Ih.exports, X0 = hL, Pr = Ii1, sL = Object.hasOwnProperty, vL = /* @__PURE__ */ Object.create(null);
 for (var zc in X0)
   sL.call(X0, zc) && (vL[X0[zc]] = zc);
 var o2 = Ih.exports = {
@@ -26411,7 +26412,7 @@ var Nh = { exports: {} }, Ni1 = {
   yellow: [255, 255, 0],
   yellowgreen: [154, 205, 50]
 };
-var n71 = Nh.exports, na = Ni1, dL = {};
+var l71 = Nh.exports, na = Ni1, dL = {};
 for (var Mc in na)
   na.hasOwnProperty(Mc) && (dL[na[Mc]] = Mc);
 var V1 = Nh.exports = {
@@ -31573,7 +31574,7 @@ function Yc1() {
   let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
   return t.length !== e.length || t.some((a, r) => !Object.is(a, e[r]));
 }
-var Fh = { exports: {} }, i71 = Fh.exports;
+var Fh = { exports: {} }, o71 = Fh.exports;
 (function(t) {
   var e = function() {
     this.Diff_Timeout = 1, this.Diff_EditCost = 4, this.Match_Threshold = 0.5, this.Match_Distance = 1e3, this.Patch_DeleteThreshold = 0.5, this.Patch_Margin = 4, this.Match_MaxBits = 32;
@@ -32605,7 +32606,7 @@ function _c1() {
     });
   }), yc = a, yc;
 }
-var o71 = qh.exports;
+var c71 = qh.exports;
 (function(t) {
   "use strict";
   const e = (h, s) => (...d) => `\x1B[${h(...d) + s}m`, a = (h, s) => (...d) => {
@@ -33819,7 +33820,7 @@ function We(t) {
     return a;
   };
 }
-const c71 = {
+const h71 = {
   added: We("green"),
   deleted: We("red"),
   movedestination: We("gray"),
@@ -36982,7 +36983,7 @@ D();
 D();
 D();
 D();
-var h71 = Wf(), oO = $t(
+var s71 = Wf(), oO = $t(
   void 0
 ), Jh = () => {
   const t = Pt(oO);
@@ -39277,7 +39278,7 @@ const Yv1 = () => {
     const n = _S(t);
     $f(n) && (r = [n, ...Xv1(e, n)]), a(r);
   }, [t, e, a]);
-}, s71 = () => _f(qO), $v1 = () => ki(VS), t61 = () => f0(() => oC(), []), v71 = ({ children: t }) => {
+}, v71 = () => _f(qO), $v1 = () => ki(VS), t61 = () => f0(() => oC(), []), d71 = ({ children: t }) => {
   const [, e] = $v1(), [a] = wS(), r = t61();
   return L1(() => (e({}), is(a, (n) => {
     const l = Bc(r, { providerKey: n.providerKey });
@@ -39292,7 +39293,7 @@ const Yv1 = () => {
       e((l) => (delete l[n.providerKey], l));
     });
   }), [r, a, e]), /* @__PURE__ */ n1.jsx(n1.Fragment, { children: t });
-}, e61 = va(() => import("./SidePanels--ZK6Iqou.js")), a61 = va(() => import("./Topbar-ks1ckGLz.js")), r61 = va(() => import("./CanvasArea-59Gm0EZx.js")), n61 = va(() => import("./Settings-28A7R61i.js")), l61 = () => {
+}, e61 = va(() => import("./SidePanels-XABN8kD3.js")), a61 = va(() => import("./Topbar-ks1ckGLz.js")), r61 = va(() => import("./CanvasArea-WS9dnLyS.js")), n61 = va(() => import("./Settings-JjYbPJrt.js")), l61 = () => {
   const [t] = ki(bS), e = (n) => {
     yS() || n.preventDefault();
   };
@@ -40938,7 +40939,7 @@ var XO = O.createContext(
   children: e
 }) => (O.useEffect(() => (t.mount(), () => {
   t.unmount();
-}), [t]), /* @__PURE__ */ O.createElement(XO.Provider, { value: t }, e)), _O = O.createContext(!1), B61 = () => O.useContext(_O), u71 = _O.Provider;
+}), [t]), /* @__PURE__ */ O.createElement(XO.Provider, { value: t }, e)), _O = O.createContext(!1), B61 = () => O.useContext(_O), g71 = _O.Provider;
 function A61() {
   let t = !1;
   return {
@@ -41149,7 +41150,7 @@ const v2 = {
   return (n) => t !== "SAVED" ? (ae.error("You have unsaved changes. Please save before changing the page."), !1) : e === n.uuid ? !1 : (r(), setTimeout(() => {
     a(n.uuid);
   }, 100), !0);
-}, g71 = () => {
+}, f71 = () => {
   const t = b2(), e = G61(), a = Ft();
   return k2({
     mutationFn: async (r) => v2.post(`${a}/pages`, r).then((n) => n.json()),
@@ -41193,7 +41194,7 @@ const v2 = {
       });
     }
   });
-}, f71 = () => {
+}, p71 = () => {
   const t = b2(), e = Ft();
   return k2({
     mutationFn: async (a) => v2.delete(`${e}/page`, a).then((r) => r.json()),
@@ -41424,7 +41425,7 @@ const rd1 = () => {
       ] })
     ] })
   ] });
-}, cd1 = () => /* @__PURE__ */ n1.jsx(od1, { children: /* @__PURE__ */ n1.jsx("button", { className: "border-gray-200 rounded-md p-2 mb-2 border", children: /* @__PURE__ */ n1.jsx(zC, { className: "w-4 h-4 text-red-500 cursor-pointer hover:text-red-300 duration-300" }) }) }), hd1 = va(() => import("./PagesPanel-Q08uN4X3.js")), sd1 = va(() => import("./ProjectPanel-zzYV9yrV.js")), vd1 = va(() => import("./CurrentPage-YPI5QTjk.js")), dd1 = () => /* @__PURE__ */ n1.jsx("h2", { children: "Your Logo" }), ud1 = () => {
+}, cd1 = () => /* @__PURE__ */ n1.jsx(od1, { children: /* @__PURE__ */ n1.jsx("button", { className: "border-gray-200 rounded-md p-2 mb-2 border", children: /* @__PURE__ */ n1.jsx(zC, { className: "w-4 h-4 text-red-500 cursor-pointer hover:text-red-300 duration-300" }) }) }), hd1 = va(() => import("./PagesPanel-wfyKhLJ5.js")), sd1 = va(() => import("./ProjectPanel-aiKhpNvr.js")), vd1 = va(() => import("./CurrentPage-iaGHiR2B.js")), dd1 = () => /* @__PURE__ */ n1.jsx("h2", { children: "Your Logo" }), ud1 = () => {
   const { mutate: t } = Y61();
   return J4("editable", !0) ? /* @__PURE__ */ n1.jsx(C3, { onClick: t, className: "bg-blue-600 text-white", children: "Publish" }) : null;
 }, gd1 = (t) => {
@@ -41559,24 +41560,24 @@ const rd1 = () => {
   return L1(() => {
     r.setQueryData(["apiBaseUrl"], t.apiBaseUrl || "/api/chaibuilder");
   }, [t.apiBaseUrl, r]), a ? /* @__PURE__ */ n1.jsx(x3, {}) : e != null && e.valid ? /* @__PURE__ */ n1.jsx(gd1, { ...t }) : /* @__PURE__ */ n1.jsx(fd1, { logo: t.logo });
-}, zd1 = new y61(), p71 = (t) => /* @__PURE__ */ n1.jsxs(C61, { client: zd1, children: [
+}, zd1 = new y61(), z71 = (t) => /* @__PURE__ */ n1.jsxs(C61, { client: zd1, children: [
   /* @__PURE__ */ n1.jsx(uC, { richColors: !0 }),
   /* @__PURE__ */ n1.jsx(pd1, { ...t })
 ] });
 export {
-  v71 as B,
-  p71 as C,
+  d71 as B,
+  z71 as C,
   Jv1 as E,
   eS as a,
   tS as b,
   Z61 as c,
   G61 as d,
   ba as e,
-  s71 as f,
-  g71 as g,
+  v71 as f,
+  f71 as g,
   b2 as h,
   J61 as i,
-  f71 as j,
+  p71 as j,
   h61 as k,
   PP as r,
   $v1 as u