@chaibuilder/sdk 0.1.20 → 0.1.21

package/dist/{Settings-17279d90.js → Settings-fd1e3b5d.js}

@@ -2,13 +2,13 @@ import { j as e } from "./jsx-runtime-944c88e2.js";
 import * as se from "react";
 import $, { useState as k, useEffect as M, useMemo as T, useCallback as I, createContext as Le, useContext as ee } from "react";
 import { useThrottledCallback as xe } from "@react-hookz/web";
-import { map as C, isEmpty as b, last as he, forEach as fe, set as Pe, startCase as Q, filter as Oe, get as g, isArray as me, omit as at, includes as O, toLower as ne, first as be, split as Ne, truncate as it, keys as dt, cloneDeep as ct, each as pt, capitalize as ut, reject as gt, nth as Se, startsWith as Z, isNumber as xt, parseInt as ht, isNaN as Me, findLast as mt, has as ue, flatten as z, intersection as _e, isNull as yt } from "lodash";
+import { map as C, isEmpty as b, last as he, forEach as fe, set as Pe, startCase as Q, filter as Oe, get as g, isArray as ye, omit as at, includes as O, toLower as ne, first as be, split as Ne, truncate as it, keys as dt, cloneDeep as ct, each as pt, capitalize as ut, reject as gt, nth as Se, startsWith as Z, isNumber as xt, parseInt as ht, isNaN as Me, findLast as yt, has as ue, flatten as z, intersection as _e, isNull as mt } from "lodash";
 import { useTranslation as Ee } from "react-i18next";
 import { PlusIcon as ve, Cross2Icon as Fe, EyeOpenIcon as ft, EyeClosedIcon as Te, BorderAllIcon as _, WidthIcon as V, HeightIcon as H, ArrowUpIcon as G, ArrowRightIcon as K, ArrowDownIcon as q, ArrowLeftIcon as J, ArrowTopLeftIcon as bt, ArrowTopRightIcon as vt, ArrowBottomRightIcon as wt, ArrowBottomLeftIcon as jt, AlignLeftIcon as Ct, AlignCenterHorizontallyIcon as kt, AlignRightIcon as Nt, StretchHorizontallyIcon as St, FontItalicIcon as Tt, UnderlineIcon as Rt, OverlineIcon as Vt, LetterCaseUppercaseIcon as Ht, Cross1Icon as Bt, InfoCircledIcon as we, MinusIcon as At, BoxIcon as Xe, TriangleDownIcon as Dt, RowSpacingIcon as $t, TrashIcon as Ye, MixerHorizontalIcon as We } from "@radix-ui/react-icons";
 import { T as It, a as Lt, b as Re, c as Ve } from "./tabs-85caa1e8.js";
 import Pt from "@rjsf/core";
 import Ot from "@rjsf/validator-ajv8";
-import { D as te, d as Ze, G as ze, H as Mt, I as _t, J as Et, j as je, K as Ue, L as Ge, i as Ke, e as Ft, M as qe, f as He, N as ce, c as Xt, O as Yt, P as Wt } from "./index-397e45a0.js";
+import { D as te, d as Ze, G as ze, H as Mt, I as _t, J as Et, j as je, K as Ue, L as Ge, i as Ke, e as Ft, M as qe, f as He, N as ce, c as Xt, O as Yt, P as Wt } from "./index-436bba3e.js";
 import { getBlockComponent as Je, SingleLineText as Zt } from "@chaibuilder/blocks";
 import { TrashIcon as zt, ChevronRight as Ut } from "lucide-react";
 import Qe from "react-autosuggest";
@@ -18,9 +18,9 @@ import { A as tt, a as ae, b as ie, c as de } from "./accordion-c0176dc5.js";
 import { R as qt, I as Jt, a as Qt, L as er } from "./link-2af5de8b.js";
 import { useAtom as tr } from "jotai";
 import rr from "fuse.js";
-import { A as lr, C as pe, d as or } from "./html-to-json-8397fab5.js";
+import { A as lr, C as pe, d as or } from "./html-to-json-45e0e3b5.js";
 import { L as Ce } from "./label-e770a087.js";
-import { S as sr } from "./MODIFIERS-c2e02614.js";
+import { S as sr } from "./MODIFIERS-2f19c314.js";
 import { I as nr } from "./input-a0ea2bc7.js";
 import { S as ar } from "./scroll-area-83bd9e8f.js";
 import { S as ir, c as dr, b as cr, d as pr, f as A } from "./select-7fddd7c3.js";
@@ -28,7 +28,6 @@ import "@radix-ui/react-tabs";
 import "./utils-ac68b2c8.js";
 import "clsx";
 import "tailwind-merge";
-import "./_commonjsHelpers-10dfc225.js";
 import "@radix-ui/react-scroll-area";
 import "react-dom";
 import "@floating-ui/react-dom";
@@ -57,8 +56,8 @@ function ur(r) {
   const s = [], t = {};
   function n(l, a) {
     fe(a, (d, i) => {
-      const o = l ? `${l}.${i}` : i, p = me(d) ? "list" : typeof d;
-      s.push(o), t[o] = p === "string" ? "text" : p === "object" ? "model" : p, p === "object" && !me(d) && n(o, d);
+      const o = l ? `${l}.${i}` : i, p = ye(d) ? "list" : typeof d;
+      s.push(o), t[o] = p === "string" ? "text" : p === "object" ? "model" : p, p === "object" && !ye(d) && n(o, d);
     });
   }
   return n("", at(r, ["styles", "_type", "_id", "_name", "_bindings"])), { paths: s, pathsType: t };
@@ -78,14 +77,14 @@ const gr = ({ data: r }) => {
   dataType: d,
   appliedBindings: i
 }) => {
-  const [o, p] = k(n), { paths: u, pathsType: c } = ur(l), m = r === "PROP" ? Je(l == null ? void 0 : l._type) : {};
+  const [o, p] = k(n), { paths: u, pathsType: c } = ur(l), y = r === "PROP" ? Je(l == null ? void 0 : l._type) : {};
   M(() => {
     b(o) && a("");
   }, [o]), M(() => p(n), [n]);
   const x = () => u.filter((f) => {
     const j = b(o) || O(ne(f), ne(o));
-    return r === "PATH" ? j && d === g(c, f, "") : j && !O(i, f) && g(m, `props.${be(Ne(f, "."))}.binding`);
-  }), [y, v] = k(() => x());
+    return r === "PATH" ? j && d === g(c, f, "") : j && !O(i, f) && g(y, `props.${be(Ne(f, "."))}.binding`);
+  }), [m, v] = k(() => x());
   M(() => v(() => x()), [d]);
   const L = {
     autoComplete: "off",
@@ -123,7 +122,7 @@ const gr = ({ data: r }) => {
   return /* @__PURE__ */ e.jsx(
     Qe,
     {
-      suggestions: y,
+      suggestions: m,
       onSuggestionsFetchRequested: () => v(() => x()),
       onSuggestionsClearRequested: () => v([]),
       onSuggestionSelected: (f) => {
@@ -158,10 +157,10 @@ const gr = ({ data: r }) => {
       return "";
     {
       const c = g(u === "PROP" ? n : l, p, "");
-      if (me(c))
+      if (ye(c))
         return "list";
-      const m = typeof c;
-      return m === "string" ? "text" : m === "object" ? "model" : m;
+      const y = typeof c;
+      return y === "string" ? "text" : y === "object" ? "model" : y;
     }
   };
   return M(() => i(() => o(r.key, "PROP")), [r.key]), /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1 border border-gray-200 relative rounded-md p-2", children: [
@@ -209,9 +208,9 @@ const gr = ({ data: r }) => {
     ] })
   ] });
 }, hr = ({ bindingData: r, onChange: s }) => {
-  const t = te(), [n] = Gt(), [l, a] = k(C(r, (c, m) => ({ key: m, value: c })));
+  const t = te(), [n] = Gt(), [l, a] = k(C(r, (c, y) => ({ key: y, value: c })));
   M(() => {
-    a(C(r, (c, m) => ({ key: m, value: c })));
+    a(C(r, (c, y) => ({ key: y, value: c })));
   }, [t == null ? void 0 : t._id]);
   const d = T(() => {
     if (b(l))
@@ -221,31 +220,31 @@ const gr = ({ data: r }) => {
   }, [l]), i = () => {
     a([...l, { key: "", value: "" }]);
   }, o = (c) => {
-    const m = Oe(l, (x, y) => c !== y);
-    u([...m]);
-  }, p = (c, m) => {
+    const y = Oe(l, (x, m) => c !== m);
+    u([...y]);
+  }, p = (c, y) => {
     const x = [...l];
-    x[m][c.target.name] = c.target.value, u(x);
+    x[y][c.target.name] = c.target.value, u(x);
   }, u = I(
     (c = []) => {
       if (a(c), b(c)) {
         s({});
         return;
       }
-      const m = {};
+      const y = {};
       fe(c, (x) => {
-        !b(x == null ? void 0 : x.key) && !b(x == null ? void 0 : x.value) && Pe(m, x.key, x.value);
-      }), s(m);
+        !b(x == null ? void 0 : x.key) && !b(x == null ? void 0 : x.value) && Pe(y, x.key, x.value);
+      }), s(y);
     },
     [t]
   );
   return b(n) ? /* @__PURE__ */ e.jsx("div", { className: "w-full flex items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "text-xs text-gray-400", children: "No data provider selected." }) }) : /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-    C(l, (c, m) => /* @__PURE__ */ e.jsx(
+    C(l, (c, y) => /* @__PURE__ */ e.jsx(
       xr,
       {
         item: c,
-        onChange: (x) => p(x, m),
-        onRemove: () => o(m),
+        onChange: (x) => p(x, y),
+        onRemove: () => o(y),
         selectedBlock: t,
         dataProvider: n,
         appliedBindings: C(l, "key")
@@ -265,7 +264,7 @@ const gr = ({ data: r }) => {
       d && /* @__PURE__ */ e.jsx(W, { sideOffset: 10, className: "text-[11px]", children: "Complete last added data binding to add more" })
     ] })
   ] });
-}, mr = hr, yr = () => /* @__PURE__ */ e.jsx("div", { className: "text-xs border rounded-sm p-1 mt-1 border-orange-500 text-orange-500 bg-orange-100", children: "Data binding is set for this field" }), Ae = ({
+}, yr = hr, mr = () => /* @__PURE__ */ e.jsx("div", { className: "text-xs border rounded-sm p-1 mt-1 border-orange-500 text-orange-500 bg-orange-100", children: "Data binding is set for this field" }), Ae = ({
   createHistorySnapshot: r,
   properties: s,
   formData: t,
@@ -282,7 +281,7 @@ const gr = ({ data: r }) => {
     Pt,
     {
       widgets: {
-        binding: yr,
+        binding: mr,
         richtext: qt,
         icon: Jt,
         image: Qt
@@ -307,8 +306,8 @@ const gr = ({ data: r }) => {
 function fr() {
   const r = te(), { createSnapshot: s } = Ze(), t = ze(), n = Je(r._type), l = { ...r }, a = () => s(), d = ({ formData: u }, c) => {
     if (c) {
-      const m = c.replace("root.", "");
-      t([r._id], { [m]: g(u, m) });
+      const y = c.replace("root.", "");
+      t([r._id], { [y]: g(u, y) });
     }
   }, i = {
     _name: Zt({
@@ -344,7 +343,7 @@ function fr() {
           "Data Binding"
         ] }) }),
         /* @__PURE__ */ e.jsx(de, { className: "pt-4 px-4", children: /* @__PURE__ */ e.jsx(
-          mr,
+          yr,
           {
             bindingData: g(l, "_bindings", {}),
             onChange: (u) => {
@@ -392,7 +391,7 @@ function br() {
   const [r] = je(), s = te(), t = Ue(), n = Ge(), [l] = Ke(), [a, d] = k(""), i = (R = be(r)) == null ? void 0 : R.prop, o = gt((g(s, i, "").replace(sr, "").split(",").pop() || "").split(" "), b), p = () => {
     const f = a.trim().toLowerCase().replace(/ +(?= )/g, "").split(" ");
     t(l, f, !0), d("");
-  }, [u, c] = k([]), m = ({ value: f }) => {
+  }, [u, c] = k([]), y = ({ value: f }) => {
     const j = f.trim().toLowerCase(), B = j.match(/.+:/g);
     let N = [];
     if (B && B.length > 0) {
@@ -406,7 +405,7 @@ function br() {
     c(C(N, "item"));
   }, x = () => {
     c([]);
-  }, y = (f) => f.name, v = (f) => /* @__PURE__ */ e.jsx("div", { className: "rounded-md p-1", children: f.name }), L = {
+  }, m = (f) => f.name, v = (f) => /* @__PURE__ */ e.jsx("div", { className: "rounded-md p-1", children: f.name }), L = {
     autoComplete: "off",
     autoCorrect: "off",
     autoCapitalize: "off",
@@ -430,9 +429,9 @@ function br() {
             Qe,
             {
               suggestions: u,
-              onSuggestionsFetchRequested: m,
+              onSuggestionsFetchRequested: y,
               onSuggestionsClearRequested: x,
-              getSuggestionValue: y,
+              getSuggestionValue: m,
               renderSuggestion: v,
               inputProps: L,
               containerProps: {
@@ -1113,7 +1112,7 @@ const D = ["px", "%", "em", "rem", "ch", "vh", "vw"], vr = {
       /* @__PURE__ */ e.jsx(W, { children: "Current value is using a Tailwind arbitrary value." })
     ] })
   ] }) : /* @__PURE__ */ e.jsx(
-    ye,
+    me,
     {
       rounded: r,
       onChange: (o) => t(o, s),
@@ -1123,7 +1122,7 @@ const D = ["px", "%", "em", "rem", "ch", "vh", "vw"], vr = {
     }
   ) });
 };
-function ye({ selected: r, onChange: s, rounded: t = !1, options: n, disabled: l = !1 }) {
+function me({ selected: r, onChange: s, rounded: t = !1, options: n, disabled: l = !1 }) {
   const a = r.replace(/.*:/g, "").trim(), { undo: d, redo: i } = Ze();
   return /* @__PURE__ */ e.jsxs(
     "select",
@@ -1202,10 +1201,10 @@ const kr = ({ property: r, onChange: s }) => {
   ringColor: "ring",
   ringOffsetColor: "ring-offset"
 }, Tr = ({ property: r, onChange: s }) => {
-  const t = le(r), n = T(() => g(t, "cls", ""), [t]), { canChange: l } = ee(re), [a, d] = k([]), [i, o] = k({ color: "", shade: "" }), p = n.split("-"), u = g(p, "1", ""), c = g(p, "2", ""), m = I(
+  const t = le(r), n = T(() => g(t, "cls", ""), [t]), { canChange: l } = ee(re), [a, d] = k([]), [i, o] = k({ color: "", shade: "" }), p = n.split("-"), u = g(p, "1", ""), c = g(p, "2", ""), y = I(
     // eslint-disable-next-line no-shadow
-    (y) => {
-      ["current", "inherit", "transparent", "black", "white"].includes(y) ? (d([]), o({ color: y })) : (d(["50", "100", "200", "300", "400", "500", "600", "700", "800", "900"]), o((v) => ({ ...v, color: y, shade: v.shade ? v.shade : "500" })));
+    (m) => {
+      ["current", "inherit", "transparent", "black", "white"].includes(m) ? (d([]), o({ color: m })) : (d(["50", "100", "200", "300", "400", "500", "600", "700", "800", "900"]), o((v) => ({ ...v, color: m, shade: v.shade ? v.shade : "500" })));
     },
     [d, o]
   );
@@ -1216,8 +1215,8 @@ const kr = ({ property: r, onChange: s }) => {
   }, [u]);
   const x = I(
     // eslint-disable-next-line no-shadow
-    (y) => {
-      o({ color: u, shade: y });
+    (m) => {
+      o({ color: u, shade: m });
     },
     [u]
   );
@@ -1228,12 +1227,12 @@ const kr = ({ property: r, onChange: s }) => {
     v.match(new RegExp(g(pe, `${r}.regExp`, ""))) && s(v, r);
   }, [i, s, r]), /* @__PURE__ */ e.jsxs("div", { className: "flex flex-row divide-x divide-solid divide-border rounded-lg border border-border text-xs", children: [
     /* @__PURE__ */ e.jsx("div", { className: "grow text-center", children: /* @__PURE__ */ e.jsx(
-      ye,
+      me,
       {
         disabled: !l,
         rounded: !0,
         selected: u,
-        onChange: m,
+        onChange: y,
         options: [
           "current",
           "transparent",
@@ -1266,7 +1265,7 @@ const kr = ({ property: r, onChange: s }) => {
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsx("button", { type: "button", className: "grow text-center", children: /* @__PURE__ */ e.jsx(ye, { rounded: !0, selected: c, disabled: !u || !l, onChange: x, options: a }) })
+    /* @__PURE__ */ e.jsx("button", { type: "button", className: "grow text-center", children: /* @__PURE__ */ e.jsx(me, { rounded: !0, selected: c, disabled: !u || !l, onChange: x, options: a }) })
   ] });
 }, $e = (r, s) => {
   r = r.toLowerCase();
@@ -1461,14 +1460,14 @@ const kr = ({ property: r, onChange: s }) => {
   },
   n
 )) }), Dr = (r) => {
-  const [s, t] = k(!1), [n, l] = k(""), { currentClass: a, onChange: d, classPrefix: i, cssProperty: o, units: p, negative: u } = r, [c, m] = k(o != null && o.toLowerCase().includes("width") ? "%" : p[0]), [x, y] = k(!1), [v, L] = k(""), [R, f] = k(!1), [j, B] = k(!1);
+  const [s, t] = k(!1), [n, l] = k(""), { currentClass: a, onChange: d, classPrefix: i, cssProperty: o, units: p, negative: u } = r, [c, y] = k(o != null && o.toLowerCase().includes("width") ? "%" : p[0]), [x, m] = k(!1), [v, L] = k(""), [R, f] = k(!1), [j, B] = k(!1);
   M(() => {
     const { value: h, unit: w } = Vr(a);
     if (w === "") {
-      l(h), m(o != null && o.toLowerCase().includes("width") ? "%" : p[0]);
+      l(h), y(o != null && o.toLowerCase().includes("width") ? "%" : p[0]);
       return;
     }
-    m(w), l(w === "class" || b(h) ? "" : h);
+    y(w), l(w === "class" || b(h) ? "" : h);
   }, [a, o, p]);
   const N = xe(
     (h) => {
@@ -1486,7 +1485,7 @@ const kr = ({ property: r, onChange: s }) => {
     (h = !1) => {
       const w = $e(`${n}`, p);
       if (g(w, "error", !1)) {
-        y(!0);
+        m(!0);
         return;
       }
       const S = g(w, "unit") !== "" ? g(w, "unit") : c;
@@ -1504,7 +1503,7 @@ const kr = ({ property: r, onChange: s }) => {
     (h) => {
       const w = $e(`${n}`, p);
       if (g(w, "error", !1)) {
-        y(!0);
+        m(!0);
         return;
       }
       if (h === "auto" || h === "none") {
@@ -1548,7 +1547,7 @@ const kr = ({ property: r, onChange: s }) => {
           },
           onBlur: () => F(),
           onChange: (h) => {
-            y(!1), l(h.target.value);
+            m(!1), l(h.target.value);
           },
           onClick: (h) => {
             var w;
@@ -1580,7 +1579,7 @@ const kr = ({ property: r, onChange: s }) => {
             units: p,
             current: c,
             onSelect: (h) => {
-              t(!1), m(h), oe(h);
+              t(!1), y(h), oe(h);
             }
           }
         ) }) })
@@ -1612,7 +1611,7 @@ const kr = ({ property: r, onChange: s }) => {
   ] }) }) });
 }, le = (r) => {
   const s = ce();
-  return mt(s, { property: r });
+  return yt(s, { property: r });
 }, $r = (r, s) => {
   const t = {
     xs: 0,
@@ -1698,7 +1697,7 @@ const kr = ({ property: r, onChange: s }) => {
   "2xl": "1536px"
 }, Lr = (r) => `${r.toUpperCase()} ${Ie[r] ? `(${Ie[r]} & up)` : ""}`, ke = (r) => {
   const { type: s = "icons", label: t, property: n, onEmitChange: l = () => {
-  }, units: a, negative: d = !1 } = r, [i] = Ft(), [o] = qe(), [, p] = He(), u = le(n), c = Ue(), m = Ge(), [x] = Ke(), y = T(() => g(u, "fullCls", ""), [u]), v = I(
+  }, units: a, negative: d = !1 } = r, [i] = Ft(), [o] = qe(), [, p] = He(), u = le(n), c = Ue(), y = Ge(), [x] = Ke(), m = T(() => g(u, "fullCls", ""), [u]), v = I(
     (N, P = !0) => {
       const F = { dark: i, mq: p, mod: o, cls: N, property: n, fullCls: "" };
       (i || o !== "") && (F.mq = "xs");
@@ -1707,8 +1706,8 @@ const kr = ({ property: r, onChange: s }) => {
     },
     [x, i, p, o, n, c]
   ), L = I(() => {
-    m(x, [y]);
-  }, [x, y, m]), R = T(() => $r(u, p), [u, p]);
+    y(x, [m]);
+  }, [x, m, y]), R = T(() => $r(u, p), [u, p]);
   M(() => {
     l(R, u);
   }, [R, l, u]);
@@ -1745,7 +1744,7 @@ const kr = ({ property: r, onChange: s }) => {
         s === "color" && /* @__PURE__ */ e.jsx(Tr, { property: n, onChange: v }),
         s === "dropdown" && /* @__PURE__ */ e.jsx(lt, { label: t, property: n, onChange: v })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: `w-[30px] cursor-pointer ${y ? "visible" : "invisible"}`, children: B ? /* @__PURE__ */ e.jsx("button", { type: "button", onClick: () => L(), title: "Reset", className: "flex px-1.5 text-xs", children: /* @__PURE__ */ e.jsx(Ye, { className: "h-5 w-5 text-blue-500 hover:opacity-80" }) }) : R && u ? /* @__PURE__ */ e.jsxs(X, { delayDuration: 100, children: [
+      /* @__PURE__ */ e.jsx("div", { className: `w-[30px] cursor-pointer ${m ? "visible" : "invisible"}`, children: B ? /* @__PURE__ */ e.jsx("button", { type: "button", onClick: () => L(), title: "Reset", className: "flex px-1.5 text-xs", children: /* @__PURE__ */ e.jsx(Ye, { className: "h-5 w-5 text-blue-500 hover:opacity-80" }) }) : R && u ? /* @__PURE__ */ e.jsxs(X, { delayDuration: 100, children: [
         /* @__PURE__ */ e.jsx(Y, { asChild: !0, children: /* @__PURE__ */ e.jsx(
           "button",
           {
@@ -1795,18 +1794,18 @@ const kr = ({ property: r, onChange: s }) => {
         /* @__PURE__ */ e.jsxs("div", { className: "flex flex-row text-xs", children: [
           r && /* @__PURE__ */ e.jsx("span", { className: "relative w-[70px] flex-none text-xs text-foreground", children: r }),
           /* @__PURE__ */ e.jsx("div", { className: "mb-3 flex grow flex-row flex-wrap gap-x-px", children: $.Children.toArray(
-            s.map(({ label: c, key: m }) => /* @__PURE__ */ e.jsx("div", { className: "first:rounded-l last:rounded-r", children: /* @__PURE__ */ e.jsxs(X, { children: [
+            s.map(({ label: c, key: y }) => /* @__PURE__ */ e.jsx("div", { className: "first:rounded-l last:rounded-r", children: /* @__PURE__ */ e.jsxs(X, { children: [
               /* @__PURE__ */ e.jsx(Y, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
                 "button",
                 {
                   type: "button",
-                  onClick: () => o(m),
-                  className: `relative cursor-pointer rounded-full p-1 text-[8px] ${m === i ? " bg-[#3E57F0] text-white" : "text-gray-600 dark:text-gray-300"}`,
+                  onClick: () => o(y),
+                  className: `relative cursor-pointer rounded-full p-1 text-[8px] ${y === i ? " bg-[#3E57F0] text-white" : "text-gray-600 dark:text-gray-300"}`,
                   children: [
                     $.createElement("div", {
-                      className: u(m) ? "-bottom-1.5 absolute bg-[#3E57F0] h-[2px] left-0 w-full" : ""
+                      className: u(y) ? "-bottom-1.5 absolute bg-[#3E57F0] h-[2px] left-0 w-full" : ""
                     }),
-                    $.createElement(g(rt, m, Xe), { className: "text-inherit w-3 h-3" })
+                    $.createElement(g(rt, y, Xe), { className: "text-inherit w-3 h-3" })
                   ]
                 }
               ) }),
@@ -1923,24 +1922,24 @@ const kr = ({ property: r, onChange: s }) => {
     )
   ] })
 ] }), Er = ({ section: r }) => {
-  var m;
+  var y;
   const { setSyncState: s } = Xt(), t = te(), [n, l] = k([]), [a] = je(), d = ze(), i = `${g(a, "0.prop")}_attrs`;
   se.useEffect(() => {
-    const x = C(g(t, i), (y, v) => ({ key: v, value: y }));
+    const x = C(g(t, i), (m, v) => ({ key: v, value: m }));
     b(x) ? l([]) : l(x);
   }, [g(t, i)]);
   const o = () => l([...n, { key: "", value: "" }]), p = (x) => {
-    const y = Oe(n, (v, L) => x !== L);
-    c(y);
-  }, u = (x, y) => {
+    const m = Oe(n, (v, L) => x !== L);
+    c(m);
+  }, u = (x, m) => {
     const v = [...n];
-    v[y][x.target.name] = x.target.value, c(v);
+    v[m][x.target.name] = x.target.value, c(v);
   }, c = se.useCallback(
     (x = []) => {
-      const y = {};
+      const m = {};
       fe(x, (v) => {
-        b(v.key) || Pe(y, v.key, v.value);
-      }), d([g(t, "_id")], { [i]: y }), s("UNSAVED");
+        b(v.key) || Pe(m, v.key, v.value);
+      }), d([g(t, "_id")], { [i]: m }), s("UNSAVED");
     },
     [t, s, d, i]
   );
@@ -1960,7 +1959,7 @@ const kr = ({ property: r, onChange: s }) => {
         /* @__PURE__ */ e.jsxs(
           "div",
           {
-            className: `flex h-6 w-max items-center justify-center gap-x-0.5 rounded-full border p-1 px-2 text-xs ${!b(n) && b((m = he(n)) == null ? void 0 : m.key) ? "cursor-not-allowed border-gray-400 text-gray-400" : "cursor-pointer border-blue-400 text-blue-400 hover:bg-blue-400 hover:text-white"}`,
+            className: `flex h-6 w-max items-center justify-center gap-x-0.5 rounded-full border p-1 px-2 text-xs ${!b(n) && b((y = he(n)) == null ? void 0 : y.key) ? "cursor-not-allowed border-gray-400 text-gray-400" : "cursor-pointer border-blue-400 text-blue-400 hover:bg-blue-400 hover:text-white"}`,
             onClick: () => {
               var x;
               !b(n) && b((x = he(n)) == null ? void 0 : x.key) || o();
@@ -1975,16 +1974,16 @@ const kr = ({ property: r, onChange: s }) => {
       /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col", children: [
         b(n) && /* @__PURE__ */ e.jsx("div", { className: "flex h-12 items-center justify-center text-sm text-gray-400", children: "Click + Add to add attributes" }),
         se.Children.toArray(
-          C(n, (x, y) => {
-            const v = n.length > 0 && y < n.length - 1;
+          C(n, (x, m) => {
+            const v = n.length > 0 && m < n.length - 1;
             return /* @__PURE__ */ e.jsx(
               _r,
               {
                 item: x,
-                index: y,
+                index: m,
                 canDelete: v,
                 onChange: u,
-                onRemove: () => p(y)
+                onRemove: () => p(m)
               }
             );
           })
@@ -2050,7 +2049,7 @@ const Xr = {
   "-": 1,
   deg: 1,
   ms: 0.1
-}, Yl = () => {
+}, Xl = () => {
   const r = te(), { t: s } = Ee(), [t, n] = $.useState(""), [l, a] = $.useState({
     onDrag: (o) => o,
     onDragEnd: (o) => o,
@@ -2065,10 +2064,10 @@ const Xr = {
       const p = !g(l, "negative", !1), u = g(l, "cssProperty", "");
       let c = parseFloat(l.dragStartValue);
       c = Me(c) ? 0 : c;
-      let m = Xr[l.dragUnit];
-      (Z(u, "scale") || u === "opacity") && (m = 10);
-      let y = (l.dragStartY - o.pageY) / m + c;
-      p && y < 0 && (y = 0), u === "opacity" && y > 1 && (y = 1), l.onDrag(`${y}`), n(`${y}`);
+      let y = Xr[l.dragUnit];
+      (Z(u, "scale") || u === "opacity") && (y = 10);
+      let m = (l.dragStartY - o.pageY) / y + c;
+      p && m < 0 && (m = 0), u === "opacity" && m > 1 && (m = 1), l.onDrag(`${m}`), n(`${m}`);
     },
     [l],
     50
@@ -2084,7 +2083,7 @@ const Xr = {
       cssProperty: ""
     });
   }, [l, t, a]);
-  return yt(r) ? /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 rounded-xl p-4", children: [
+  return mt(r) ? /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 rounded-xl p-4", children: [
     /* @__PURE__ */ e.jsx(We, { className: "mx-auto text-3xl" }),
     /* @__PURE__ */ e.jsx("h1", { children: s("no_block_selected_for_styling") })
   ] }) }) : /* @__PURE__ */ e.jsxs(ot.Provider, { value: { setDragData: a }, children: [
@@ -2114,5 +2113,5 @@ const Xr = {
   ] });
 };
 export {
-  Yl as default
+  Xl as default
 };

package/dist/SidePanels-40966390.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"),l=require("lodash"),a=require("./useBuilderProp-5e57d0c8.cjs"),j=require("./tabs-860e37aa.cjs"),g=require("./index-c3a98a78.cjs");require("react-i18next");const T=require("./utils-3c452dd0.cjs"),N=require("lucide-react"),D=require("@chaibuilder/blocks"),E=require("./dialog-170eaad9.cjs"),y=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(m=>c(m))},[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]=g.usePageDataProviders(),[,c]=C.useAtom(g.pageSyncStateAtom),[o,m]=t.useState(l.filter(r,s=>l.map(h,"providerKey").includes(s.providerKey))),[x,R]=t.useState(""),[f,u]=t.useState(null),b=l.filter(r.map(s=>l.map(o,"providerKey").includes(s.providerKey)?null:{value:s.providerKey,label:s.name}),s=>!l.isNull(s)),n=()=>{const s=l.find(r,{providerKey:x});m(d=>[...d,s]),i(d=>[...d,{providerKey:s.providerKey,args:{}}]),R(""),c("UNSAVED")},v=s=>{m(d=>l.filter(d,q=>q.providerKey!==s.providerKey)),i(d=>l.filter(d,q=>q.providerKey!==s.providerKey)),c("UNSAVED")},k=s=>u(s);return 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(a.Button,{onClick:n,disabled:l.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(y.Card,{className:"mt-2 rounded-md",children:e.jsxRuntimeExports.jsxs(y.CardHeader,{className:"p-2",children:[e.jsxRuntimeExports.jsx(y.CardTitle,{children:s.name}),e.jsxRuntimeExports.jsx(y.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})]})]})},w=t.lazy(()=>Promise.resolve().then(()=>require("./Layers-595cc98e.cjs"))),K=t.lazy(()=>Promise.resolve().then(()=>require("./BrandingOptions-6fbe4b26.cjs"))),I=t.lazy(()=>Promise.resolve().then(()=>require("./ImagesPanel-0db5c72f.cjs")));let P=null;const L=()=>{const r=a.useBuilderProp("sideBarComponents.top",[]),h=a.useBuilderProp("sideBarComponents.bottom",[]),[i,c]=C.useAtom(g.activePanelAtom),[o,m]=t.useState(i),[x,R]=t.useState(null),f={layers:w,"branding-options":K,images:I};l.each(r,({name:n,panel:v})=>{f[n]=v});const u=n=>{clearTimeout(P),b(!1),i!=="layers"&&n==="layers"?P=setTimeout(()=>m("layers"),500):m(n),c(n)},[,b]=C.useAtom(g.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(a.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(a.Button,{onClick:()=>u("layers"),size:"sm",variant:i==="layers"?"default":"outline",children:e.jsxRuntimeExports.jsx(N.ListTreeIcon,{className:"w-4"})}),e.jsxRuntimeExports.jsx(a.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:n,icon:v})=>e.jsxRuntimeExports.jsx(t.Suspense,{fallback:e.jsxRuntimeExports.jsx(a.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(a.Button,{onClick:()=>u(n),size:"sm",className:"w-10",variant:i===n?"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(n=>e.jsxRuntimeExports.jsx(t.Suspense,{fallback:e.jsxRuntimeExports.jsx(a.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(n,{})})))})]}),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 n=setTimeout(()=>{x&&(u("layers"),clearTimeout(x))},1e3);R(n)},children:t.createElement(l.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(w)}),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-95d3316d.js → SidePanels-ca294b35.js}

@@ -5,7 +5,7 @@ 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-397e45a0.js";
+import { u as U, p as $, a as q, b as G } from "./index-436bba3e.js";
 import "react-i18next";
 import { c as Q } from "./utils-ac68b2c8.js";
 import { ListTreeIcon as T, DatabaseIcon as W } from "lucide-react";
@@ -19,7 +19,7 @@ import "class-variance-authority";
 import "@radix-ui/react-tooltip";
 import "@radix-ui/react-toast";
 import "@radix-ui/react-tabs";
-import "./_commonjsHelpers-10dfc225.js";
+import "./MODIFIERS-2f19c314.js";
 import "clsx";
 import "@radix-ui/react-scroll-area";
 import "react-dom";
@@ -30,8 +30,7 @@ import "react-dnd";
 import "@minoru/react-dnd-treeview";
 import "react-hotkeys-hook";
 import "flat-to-nested";
-import "./html-to-json-8397fab5.js";
-import "./MODIFIERS-c2e02614.js";
+import "./html-to-json-45e0e3b5.js";
 import "himalaya";
 import "redux-undo";
 import "@react-hookz/web";
@@ -101,9 +100,9 @@ const xe = ({ provider: a, onClose: x }) => {
       /* @__PURE__ */ e.jsx(xe, { onClose: () => o(null), provider: h })
     ] })
   ] });
-}, A = C(() => import("./Layers-c429fafe.js")), ue = C(() => import("./BrandingOptions-a95cba65.js")), fe = C(() => import("./ImagesPanel-38c44785.js"));
+}, A = C(() => import("./Layers-99bdc689.js")), ue = C(() => import("./BrandingOptions-7f66e02c.js")), fe = C(() => import("./ImagesPanel-38c44785.js"));
 let z = null;
-const ls = () => {
+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,
     "branding-options": ue,
@@ -239,5 +238,5 @@ const ls = () => {
   ] });
 };
 export {
-  ls as default
+  as as default
 };