@chaibuilder/sdk 1.0.9 → 1.0.10

package/dist/useAddBlock-BOjrGBEO.js

@@ -0,0 +1,86 @@
+import { useCallback as x } from "react";
+import { findIndex as l, filter as P, isEmpty as j, last as J, find as A, first as S, has as K, forIn as L, startsWith as O } from "lodash";
+import { J as T, l as W } from "./ChaiBuilderEditor-h9bXC4l-.js";
+import { g } from "./functions-pcUZhFJM.js";
+import { u as Y, d as C } from "./useAllBlocks-lX6uVO39.js";
+import { b as q } from "./controls-Ni5kEzLz.js";
+import { a as D } from "./MODIFIERS-DsEzQ3aH.js";
+function E(e, s, d, o, h) {
+  if (s === null)
+    return [...e, ...o];
+  if (d !== null) {
+    const r = l(e, { _parent: s }), p = (r === -1 ? 0 : r) + d;
+    return e.splice(p, 0, ...o), e;
+  }
+  if (!h) {
+    const p = l(e, { _id: s }) + 1;
+    return e.splice(p, 0, ...o), e;
+  }
+  let t = l(e, { _id: s });
+  const n = P(e, { _parent: s });
+  j(n) || (t = l(e, { _id: J(n)._id }));
+  const f = t + 1;
+  return e.splice(f, 0, ...o), e;
+}
+const Q = () => {
+  const e = T(), s = Y(), [, d] = W(), o = x(
+    (t, n, f) => {
+      var u;
+      for (let i = 0; i < t.length; i++) {
+        const { _id: _ } = t[i];
+        t[i]._id = g();
+        const c = P(t, { _parent: _ });
+        for (let a = 0; a < c.length; a++)
+          c[a]._parent = t[i]._id;
+      }
+      let r;
+      n && (r = A(s, { _id: n }), t[0]._parent = n);
+      const p = r ? C(r._type) : !0;
+      return !p && r && (t[0]._parent = r._parent), e({
+        type: "set_blocks",
+        payload: E(s, n || null, f || null, t, p)
+      }), d([(u = S(t)) == null ? void 0 : u._id]), S(t);
+    },
+    [s, e, d]
+  );
+  return { addCoreBlock: x(
+    (t, n, f) => {
+      if (K(t, "blocks")) {
+        const m = t.blocks;
+        return o(m, n, f);
+      }
+      const r = g(), p = q(t.props), u = [];
+      L(p, (m, y) => {
+        if (O(m, D)) {
+          const U = m.replace(D, "");
+          u.push({
+            _id: U,
+            _type: "Slot",
+            _parent: r,
+            _name: t.props[y].name,
+            _styles: t.props[y].styles,
+            _emptyStyles: t.props[y].emptyStyles
+          });
+        }
+      });
+      const i = {
+        _type: t.type,
+        _id: r,
+        ...p
+      };
+      let _;
+      n && (_ = A(s, { _id: n }), i._parent = n);
+      const c = _ ? C(_._type) : !0;
+      !c && _ && (i._parent = _._parent);
+      const a = [i, ...u];
+      return e({
+        type: "set_blocks",
+        payload: E(s, n || null, f || null, a, c)
+      }), d([i._id]), i;
+    },
+    [o, s, e, d]
+  ), addPredefinedBlock: o };
+};
+export {
+  Q as u
+};

package/dist/useAllBlocks-RU_Xw8j9.cjs

@@ -0,0 +1 @@
+"use strict";const l=require("lodash"),i=require("jotai"),r=require("./ChaiBuilderEditor-SacH75l4.cjs"),s=t=>["Box","Slot","Form","DataProvider","Link","List","ListItem","Row","Column","Table","TableCell"].includes(t),u=t=>!["Slot"].includes(t),a=t=>!["Slot"].includes(t);function d(t,e){return t==="Slot"||e==="List"&&t!=="ListItem"||e==="Row"&&t!=="Column"?!1:s(e)}const B=(t,{dragSource:e,dropTarget:n})=>{const o=l.get(e,"data._type",""),c=l.get(n,"data._type","");return o==="Slot"||l.get(e,"id")&&l.get(e,"id")===l.get(n,"id")?!1:l.isEmpty(c)?!0:d(o,c)},k=()=>i.useAtomValue(r.presentBlocksAtom);exports.canAddChildBlock=s;exports.canDeleteBlock=a;exports.canDropBlock=B;exports.canDuplicateBlock=u;exports.useAllBlocks=k;

package/dist/useAllBlocks-lX6uVO39.js

@@ -0,0 +1,20 @@
+import { get as o, isEmpty as i } from "lodash";
+import { useAtomValue as c } from "jotai";
+import { O as a } from "./ChaiBuilderEditor-h9bXC4l-.js";
+const r = (t) => ["Box", "Slot", "Form", "DataProvider", "Link", "List", "ListItem", "Row", "Column", "Table", "TableCell"].includes(
+  t
+), k = (t) => !["Slot"].includes(t), B = (t) => !["Slot"].includes(t);
+function u(t, l) {
+  return t === "Slot" || l === "List" && t !== "ListItem" || l === "Row" && t !== "Column" ? !1 : r(l);
+}
+const p = (t, { dragSource: l, dropTarget: s }) => {
+  const e = o(l, "data._type", ""), n = o(s, "data._type", "");
+  return e === "Slot" || o(l, "id") && o(l, "id") === o(s, "id") ? !1 : i(n) ? !0 : u(e, n);
+}, A = () => c(a);
+export {
+  B as a,
+  p as b,
+  k as c,
+  r as d,
+  A as u
+};

package/dist/useChaiExternalData-4K9WxANa.js

@@ -0,0 +1,6 @@
+import { useAtom as a } from "jotai";
+import { i as t } from "./skeleton-CU_FIbg3.js";
+const m = () => a(t);
+export {
+  m as u
+};

package/dist/useChaiExternalData-DkyBJ81C.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("jotai"),a=require("./skeleton-JHP9zwL2.cjs"),e=()=>t.useAtom(a.chaiExternalDataAtom);exports.useChaiExternalData=e;

package/dist/useDarkMode-JWkrNFpH.js

@@ -0,0 +1,23 @@
+import { useAtom as s, atom as c, useAtomValue as m } from "jotai";
+import { useEffect as d } from "react";
+import { a as u } from "./functions-pcUZhFJM.js";
+import { M as k, F as n } from "./ChaiBuilderEditor-h9bXC4l-.js";
+const p = () => s(k), i = n("canvasWidth", 800), f = c((t) => {
+  const o = t(i);
+  return u(o).toLowerCase();
+}), W = () => {
+  const [t, o] = s(i), a = m(f), [e, r] = p();
+  return d(() => {
+    e !== "xs" && r(a);
+  }, [a, e, r]), [t, a, o];
+}, h = n("darkMode", !1), g = () => {
+  const [t, o] = s(h);
+  return [t, o];
+};
+export {
+  g as a,
+  p as b,
+  f as c,
+  h as d,
+  W as u
+};

package/dist/useDarkMode-zeTW_UUR.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("jotai"),k=require("react"),m=require("./functions-uw7QP2kT.cjs"),a=require("./ChaiBuilderEditor-SacH75l4.cjs"),i=()=>o.useAtom(a.styleBreakpointAtom),c=a.atomWithStorage("canvasWidth",800),u=o.atom(t=>{const e=t(c);return m.getBreakpointValue(e).toLowerCase()}),h=()=>{const[t,e]=o.useAtom(c),s=o.useAtomValue(u),[n,r]=i();return k.useEffect(()=>{n!=="xs"&&r(s)},[s,n,r]),[t,s,e]},d=a.atomWithStorage("darkMode",!1),A=()=>{const[t,e]=o.useAtom(d);return[t,e]};exports.canvasBreakpointAtom=u;exports.darkModeAtom=d;exports.useCanvasWidth=h;exports.useDarkMode=A;exports.useStylingBreakpoint=i;

package/dist/useFeatureSupport-jWSuY7wk.js

@@ -0,0 +1,16 @@
+import { useAtom as e } from "jotai";
+import { F as s } from "./ChaiBuilderEditor-h9bXC4l-.js";
+import { get as a } from "lodash";
+import { h as n } from "./skeleton-CU_FIbg3.js";
+const m = s("canvasZoom", 100), l = () => e(m), c = s("selectedBreakpoints", ["XS", "MD", "XL"]), B = () => {
+  const [o, t] = e(c);
+  return [o, t];
+}, k = (o, t) => {
+  const [r] = e(n);
+  return a(r, o, t);
+};
+export {
+  l as a,
+  B as b,
+  k as u
+};

package/dist/useFeatureSupport-tZ0QfBxp.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("jotai"),s=require("./ChaiBuilderEditor-SacH75l4.cjs"),a=require("lodash"),n=require("./skeleton-JHP9zwL2.cjs"),u=s.atomWithStorage("canvasZoom",100),c=()=>o.useAtom(u),i=s.atomWithStorage("selectedBreakpoints",["XS","MD","XL"]),m=()=>{const[e,t]=o.useAtom(i);return[e,t]},p=(e,t)=>{const[r]=o.useAtom(n.chaiBuilderPropsAtom);return a.get(r,e,t)};exports.useCanvasZoom=c;exports.useFeatureSupport=p;exports.useSelectedBreakpoints=m;

package/dist/useHiddenBlocks-3MsGOJ1s.js

@@ -0,0 +1,15 @@
+import { atom as n, useAtom as c } from "jotai";
+import { includes as i, without as d } from "lodash";
+import { useCallback as r } from "react";
+const u = n([]), k = () => {
+  const [e, o] = c(u), m = r(
+    (t) => {
+      o((s) => i(s, t) ? d(s, t) : [...s, t]);
+    },
+    [o]
+  );
+  return [e, o, m];
+};
+export {
+  k as u
+};

package/dist/useHiddenBlocks-oJuQDmTy.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("jotai"),o=require("lodash"),i=require("react"),u=c.atom([]),l=()=>{const[n,s]=c.useAtom(u),d=i.useCallback(t=>{s(e=>o.includes(e,t)?o.without(e,t):[...e,t])},[s]);return[n,s,d]};exports.useHiddenBlockIds=l;

package/dist/useLanguage-O1uu2Bzu.js

@@ -0,0 +1,216 @@
+import { useCallback as b } from "react";
+import { atom as d, useSetAtom as S, useAtomValue as F, useAtom as _ } from "jotai";
+import { filter as i, map as x, isNull as E, includes as q, each as y, find as T, pick as $, sortBy as w, first as B, get as g, startsWith as N } from "lodash";
+import { H as j, I as L, J as h, K as O, L as D, a as U } from "./ChaiBuilderEditor-h9bXC4l-.js";
+import { c as A } from "./Class-l7qYbuoN.js";
+import { S as k } from "./MODIFIERS-DsEzQ3aH.js";
+import { c as H, d as Y } from "./useDarkMode-JWkrNFpH.js";
+const G = (s) => {
+  const e = s.replace(k, "").split(",");
+  return { baseClasses: e[0], classes: e[1] };
+}, P = {
+  xs: 420,
+  sm: 620,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+}, I = ["xs", "sm", "md", "lg", "xl", "2xl"];
+function J(s, e) {
+  if (e === null)
+    return "baseClasses";
+  const t = e.mq;
+  if (t === "xs" || e.dark || e.mod !== "")
+    return "classes";
+  let o = "baseClasses", l = I.indexOf(t);
+  for (; l > 0; ) {
+    const a = I[l - 1];
+    if (T(s, {
+      mq: a,
+      property: e.property
+    })) {
+      o = "classes";
+      break;
+    }
+    l--;
+  }
+  return o;
+}
+const v = [];
+function V(s = "", e = "", t = []) {
+  s = s.trim().replace(/  +/g, "");
+  let o = i(
+    x(s.split(" "), A),
+    (c) => !E(c)
+  ), l = i(x(e.split(" "), A), (c) => !E(c));
+  l = i(
+    l,
+    (c) => !q(v, c.property)
+  );
+  const a = [], p = [];
+  y(t, (c) => {
+    const r = A(c), u = T(o, $(r, ["dark", "mq", "mod", "property"]));
+    if (u && (o = i(
+      o,
+      (n) => n.fullCls !== (u == null ? void 0 : u.fullCls)
+    )), a.push(r), r.mq === "xs" && !r.dark && r.mod === "" && (l = i(l, (n) => n.property !== r.property)), J(o, r) === "baseClasses" && !q(v, r.property)) {
+      const n = T(l, $(r, ["property"]));
+      u && (l = i(
+        l,
+        (f) => f.fullCls !== (n == null ? void 0 : n.fullCls)
+      )), p.push({
+        ...r,
+        fullCls: r.cls,
+        mq: "xs"
+      });
+    }
+  });
+  const m = x(
+    w([...o, ...a], (c) => P[c.mq]),
+    "fullCls"
+  ).join(" ");
+  return `${x(
+    w([...l, ...p], (c) => P[c.mq]),
+    "fullCls"
+  ).join(" ").trim()},${m.trim()}`.trim().replace(/  +/g, "");
+}
+const W = (s) => {
+  const e = s.replace(k, "").split(",");
+  return { baseClasses: e[0], classes: e[1] };
+}, z = d(null, (s, e, { blockIds: t, newClasses: o, dispatch: l }) => {
+  const a = i(
+    s(j),
+    (m) => (
+      // @ts-ignore
+      t.includes(s(m)._id)
+    )
+  ), p = B(s(L));
+  y(a, (m) => {
+    const C = s(m), c = g(C, p.prop, `${k},`), { baseClasses: r, classes: u } = W(c);
+    l({
+      type: "update_props_realtime",
+      payload: {
+        ids: [C._id],
+        props: { [p.prop]: `${k}${V(u, r, o)}` }
+      }
+    });
+  });
+}), us = () => {
+  const s = h(), e = S(z);
+  return b(
+    (t, o, l) => {
+      e({ blockIds: t, newClasses: o, dispatch: s }), l && setTimeout(() => s({ type: "create_snapshot" }), 500);
+    },
+    [s, e]
+  );
+}, X = d(null, (s, e, { blockIds: t, fullClasses: o, dispatch: l }) => {
+  const a = B(s(L)), p = i(
+    s(j),
+    (m) => (
+      // @ts-ignore
+      t.includes(s(m)._id)
+    )
+  );
+  y(p, (m) => {
+    const C = s(m), c = o;
+    let { classes: r, baseClasses: u } = G(g(C, a.prop, "styles:,"));
+    y(c, (n) => {
+      const f = new RegExp(`(^| )${n.replace("[", "\\[").replace("]", "\\]")}($| )`, "g");
+      r = r.replace(f, " ").replace(/  +/g, " ").trim();
+      const Q = B(n.split(":"));
+      q(["2xl", "xl", "lg", "md", "sm"], Q) && c.push(n.split(":").pop().trim());
+    }), y(c, (n) => {
+      const f = new RegExp(`(^| )${n.replace("[", "\\[").replace("]", "\\]")}($| )`, "g");
+      u = u.replace(f, " ").replace(/  +/g, " ").trim();
+    }), l({
+      type: "update_props_realtime",
+      payload: {
+        ids: [C._id],
+        props: {
+          [a.prop]: `${k}${u},${r}`
+        }
+      }
+    });
+  });
+}), ds = () => {
+  const s = h(), e = S(X);
+  return b(
+    (t, o) => {
+      e({ blockIds: t, fullClasses: o, dispatch: s }), setTimeout(() => s({ type: "create_snapshot" }));
+    },
+    [s, e]
+  );
+}, K = d((s) => {
+  const e = B(s(L)), t = s(O);
+  if (!e || e.blockId !== g(t, "_id", null))
+    return [];
+  const l = g(t, e.prop, `${k},`).replace(k, "").split(",").join(" ");
+  return i(x(l.trim().split(" "), A), (a) => !E(a));
+}), ks = () => F(K), R = { xs: 0, sm: 1, md: 2, lg: 3, xl: 4, "2xl": 5 }, Z = d((s) => {
+  const e = s(H), t = s(D), o = s(Y), l = ss(e);
+  let a = i(s(K), { mod: t });
+  return N(t, "_") || (a = i(a, (p) => l.includes(p.mq))), a = a.sort((p, m) => R[p.mq] - R[m.mq]), o || (a = i(a, { dark: !1 })), a;
+}), ss = (s) => {
+  let e = [];
+  switch (s) {
+    case "xs":
+      e = ["xs"];
+      break;
+    case "sm":
+      e = ["xs", "sm"];
+      break;
+    case "md":
+      e = ["xs", "sm", "md"];
+      break;
+    case "lg":
+      e = ["xs", "sm", "md", "lg"];
+      break;
+    case "xl":
+      e = ["xs", "sm", "md", "lg", "xl"];
+      break;
+    case "2xl":
+      e = ["xs", "sm", "md", "lg", "xl", "2xl"];
+      break;
+    default:
+      e = ["xs"];
+      break;
+  }
+  return e;
+}, Cs = () => F(Z), gs = () => _(D), M = d(null, (s, e, { blockIds: t, props: o, dispatch: l }) => {
+  l({
+    type: "update_props_realtime",
+    payload: { ids: t, props: o }
+  });
+}), fs = () => {
+  const { createSnapshot: s } = U(), e = h(), t = S(M);
+  return b(
+    (o, l) => {
+      t({ blockIds: o, props: l, dispatch: e }), s();
+    },
+    [s, e, t]
+  );
+}, xs = () => {
+  const s = h(), e = S(M);
+  return b(
+    (t, o) => {
+      e({ blockIds: t, props: o, dispatch: s });
+    },
+    [s, e]
+  );
+}, es = d("en"), ts = d("en"), os = d(["en"]), ls = () => _(es), ys = () => _(ts), As = () => _(os), Bs = (s, e) => {
+  const [t] = ls(), o = `${s}${t ? `-${t}` : ""}`;
+  return { content: g(e, o, g(e, s, "")), propKey: s };
+};
+export {
+  ds as a,
+  Cs as b,
+  ks as c,
+  gs as d,
+  fs as e,
+  xs as f,
+  ls as g,
+  ys as h,
+  As as i,
+  Bs as j,
+  us as u
+};

package/dist/useLanguage-Y3qgAbgG.cjs

@@ -0,0 +1 @@
+"use strict";const f=require("react"),r=require("jotai"),t=require("lodash"),p=require("./ChaiBuilderEditor-SacH75l4.cjs"),A=require("./Class-_uCzl5v1.cjs"),C=require("./MODIFIERS-Fx6WAZcw.cjs"),B=require("./useDarkMode-zeTW_UUR.cjs"),T=s=>{const e=s.replace(C.STYLES_KEY,"").split(",");return{baseClasses:e[0],classes:e[1]}},y={xs:420,sm:620,md:768,lg:1024,xl:1280,"2xl":1536},b=["xs","sm","md","lg","xl","2xl"];function $(s,e){if(e===null)return"baseClasses";const l=e.mq;if(l==="xs"||e.dark||e.mod!=="")return"classes";let o="baseClasses",c=b.indexOf(l);for(;c>0;){const a=b[c-1];if(t.find(s,{mq:a,property:e.property})){o="classes";break}c--}return o}const x=[];function Y(s="",e="",l=[]){s=s.trim().replace(/  +/g,"");let o=t.filter(t.map(s.split(" "),A.constructClassObject),n=>!t.isNull(n)),c=t.filter(t.map(e.split(" "),A.constructClassObject),n=>!t.isNull(n));c=t.filter(c,n=>!t.includes(x,n.property));const a=[],m=[];t.each(l,n=>{const i=A.constructClassObject(n),k=t.find(o,t.pick(i,["dark","mq","mod","property"]));if(k&&(o=t.filter(o,u=>u.fullCls!==(k==null?void 0:k.fullCls))),a.push(i),i.mq==="xs"&&!i.dark&&i.mod===""&&(c=t.filter(c,u=>u.property!==i.property)),$(o,i)==="baseClasses"&&!t.includes(x,i.property)){const u=t.find(c,t.pick(i,["property"]));k&&(c=t.filter(c,S=>S.fullCls!==(u==null?void 0:u.fullCls))),m.push({...i,fullCls:i.cls,mq:"xs"})}});const d=t.map(t.sortBy([...o,...a],n=>y[n.mq]),"fullCls").join(" ");return`${t.map(t.sortBy([...c,...m],n=>y[n.mq]),"fullCls").join(" ").trim()},${d.trim()}`.trim().replace(/  +/g,"")}const P=s=>{const e=s.replace(C.STYLES_KEY,"").split(",");return{baseClasses:e[0],classes:e[1]}},R=r.atom(null,(s,e,{blockIds:l,newClasses:o,dispatch:c})=>{const a=t.filter(s(p.pageBlocksAtomsAtom),d=>l.includes(s(d)._id)),m=t.first(s(p.selectedStylingBlocksAtom));t.each(a,d=>{const g=s(d),n=t.get(g,m.prop,`${C.STYLES_KEY},`),{baseClasses:i,classes:k}=P(n);c({type:"update_props_realtime",payload:{ids:[g._id],props:{[m.prop]:`${C.STYLES_KEY}${Y(k,i,o)}`}}})})}),D=()=>{const s=p.useDispatch(),e=r.useSetAtom(R);return f.useCallback((l,o,c)=>{e({blockIds:l,newClasses:o,dispatch:s}),c&&setTimeout(()=>s({type:"create_snapshot"}),500)},[s,e])},K=r.atom(null,(s,e,{blockIds:l,fullClasses:o,dispatch:c})=>{const a=t.first(s(p.selectedStylingBlocksAtom)),m=t.filter(s(p.pageBlocksAtomsAtom),d=>l.includes(s(d)._id));t.each(m,d=>{const g=s(d),n=o;let{classes:i,baseClasses:k}=T(t.get(g,a.prop,"styles:,"));t.each(n,u=>{const S=new RegExp(`(^| )${u.replace("[","\\[").replace("]","\\]")}($| )`,"g");i=i.replace(S," ").replace(/  +/g," ").trim();const L=t.first(u.split(":"));t.includes(["2xl","xl","lg","md","sm"],L)&&n.push(u.split(":").pop().trim())}),t.each(n,u=>{const S=new RegExp(`(^| )${u.replace("[","\\[").replace("]","\\]")}($| )`,"g");k=k.replace(S," ").replace(/  +/g," ").trim()}),c({type:"update_props_realtime",payload:{ids:[g._id],props:{[a.prop]:`${C.STYLES_KEY}${k},${i}`}}})})}),v=()=>{const s=p.useDispatch(),e=r.useSetAtom(K);return f.useCallback((l,o)=>{e({blockIds:l,fullClasses:o,dispatch:s}),setTimeout(()=>s({type:"create_snapshot"}))},[s,e])},E=r.atom(s=>{const e=t.first(s(p.selectedStylingBlocksAtom)),l=s(p.selectedBlockAtom);if(!e||e.blockId!==t.get(l,"_id",null))return[];const c=t.get(l,e.prop,`${C.STYLES_KEY},`).replace(C.STYLES_KEY,"").split(",").join(" ");return t.filter(t.map(c.trim().split(" "),A.constructClassObject),a=>!t.isNull(a))}),w=()=>r.useAtomValue(E),_={xs:0,sm:1,md:2,lg:3,xl:4,"2xl":5},I=r.atom(s=>{const e=s(B.canvasBreakpointAtom),l=s(p.styleStateAtom),o=s(B.darkModeAtom),c=j(e);let a=t.filter(s(E),{mod:l});return t.startsWith(l,"_")||(a=t.filter(a,m=>c.includes(m.mq))),a=a.sort((m,d)=>_[m.mq]-_[d.mq]),o||(a=t.filter(a,{dark:!1})),a}),j=s=>{let e=[];switch(s){case"xs":e=["xs"];break;case"sm":e=["xs","sm"];break;case"md":e=["xs","sm","md"];break;case"lg":e=["xs","sm","md","lg"];break;case"xl":e=["xs","sm","md","lg","xl"];break;case"2xl":e=["xs","sm","md","lg","xl","2xl"];break;default:e=["xs"];break}return e},F=()=>r.useAtomValue(I),O=()=>r.useAtom(p.styleStateAtom),h=r.atom(null,(s,e,{blockIds:l,props:o,dispatch:c})=>{c({type:"update_props_realtime",payload:{ids:l,props:o}})}),M=()=>{const{createSnapshot:s}=p.useCanvasHistory(),e=p.useDispatch(),l=r.useSetAtom(h);return f.useCallback((o,c)=>{l({blockIds:o,props:c,dispatch:e}),s()},[s,e,l])},N=()=>{const s=p.useDispatch(),e=r.useSetAtom(h);return f.useCallback((l,o)=>{e({blockIds:l,props:o,dispatch:s})},[s,e])},U=r.atom("en"),Q=r.atom("en"),V=r.atom(["en"]),q=()=>r.useAtom(U),G=()=>r.useAtom(Q),H=()=>r.useAtom(V),W=(s,e)=>{const[l]=q(),o=`${s}${l?`-${l}`:""}`;return{content:t.get(e,o,t.get(e,s,"")),propKey:s}};exports.useActiveLanguage=q;exports.useAddClassesToBlocks=D;exports.useBlockContentByLanguage=W;exports.useLanguages=H;exports.usePrimaryLanguage=G;exports.useRemoveClassesFromBlocks=v;exports.useSelectedBlockAllClasses=w;exports.useSelectedBlockCurrentClasses=F;exports.useStylingState=O;exports.useUpdateBlocksProps=M;exports.useUpdateBlocksPropsRealtime=N;

package/dist/useMarkAsGlobalBlock-DB5B1UP6.js

@@ -0,0 +1,25 @@
+import { useCallback as c } from "react";
+import { useAtomValue as e } from "jotai";
+import { map as k } from "lodash";
+import { R as u, O as i, J as B, f as d } from "./ChaiBuilderEditor-h9bXC4l-.js";
+import { g } from "./functions-pcUZhFJM.js";
+import { useChaiBlocks as b } from "@chaibuilder/blocks";
+const f = () => {
+}, G = () => {
+  const o = b(), s = e(u), l = () => {
+  }, t = c(() => f(), []);
+  return [o, s, l, t];
+}, C = () => {
+  const o = e(i), s = B(), l = d(), [, , t] = G();
+  return c(
+    async (r, n) => {
+      const m = g(16), p = k(o, (a) => (a._id === r && (a._globalBlockId = m, a._name = n), a));
+      s({ type: "set_page_blocks", payload: p }), t();
+    },
+    [o, s, l, t]
+  );
+};
+export {
+  C as a,
+  G as u
+};

package/dist/useMarkAsGlobalBlock-toxRSLc_.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("react"),n=require("jotai"),d=require("lodash"),c=require("./ChaiBuilderEditor-SacH75l4.cjs"),b=require("./functions-uw7QP2kT.cjs"),g=require("@chaibuilder/blocks"),p=()=>{},u=()=>{const s=g.useChaiBlocks(),o=n.useAtomValue(c.globalBlocksAtom),l=()=>{},e=a.useCallback(()=>p(),[]);return[s,o,l,e]},m=()=>{const s=n.useAtomValue(c.presentBlocksAtom),o=c.useDispatch(),l=c.useGetPageData(),[,,e]=u();return a.useCallback(async(r,i)=>{const k=b.generateUUID(16),B=d.map(s,t=>(t._id===r&&(t._globalBlockId=k,t._name=i),t));o({type:"set_page_blocks",payload:B}),e()},[s,o,l,e])};exports.useBuildingBlocks=u;exports.useMarkAsGlobalBlock=m;

package/dist/useUiLibraries-4hPOi8DI.js

@@ -0,0 +1,12 @@
+import { useState as a, useEffect as c } from "react";
+import { atom as i, useAtom as l } from "jotai";
+import { u as n } from "./skeleton-CU_FIbg3.js";
+const u = i([]), B = () => {
+  const [o, s] = a(!1), [t, r] = l(u), e = n("getUILibraryBlocks", () => []);
+  return c(() => {
+    (async () => t.length > 0 || (s(!0), r(await e()), s(!1)))();
+  }, []), { data: t, isLoading: o };
+};
+export {
+  B as u
+};

package/dist/useUiLibraries-9FhQCpKo.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react"),o=require("jotai"),i=require("./skeleton-JHP9zwL2.cjs"),n=o.atom([]),u=()=>{const[r,s]=t.useState(!1),[e,c]=o.useAtom(n),a=i.useBuilderProp("getUILibraryBlocks",()=>[]);return t.useEffect(()=>{(async()=>e.length>0||(s(!0),c(await a()),s(!1)))()},[]),{data:e,isLoading:r}};exports.useUILibraryBlocks=u;

package/package.json

@@ -1,8 +1,16 @@
 {
   "name": "@chaibuilder/sdk",
+  "description": "Low code visual builder",
   "private": false,
-  "version": "1.0.9",
+  "author": "Suraj Air",
+  "license": "BSD-3-Clause",
+  "homepage": "https://chaibuilder.com",
+  "version": "1.0.10",
   "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/chaibuilder/sdk.git"
+  },
   "files": [
     "dist"
   ],
@@ -34,6 +42,11 @@
       "require": "./dist/server.cjs",
       "types": "./dist/server.d.ts"
     },
+    "./studio": {
+      "import": "./dist/studio.js",
+      "require": "./dist/studio.cjs",
+      "types": "./dist/studio.d.ts"
+    },
     "./styles": {
       "import": "./dist/style.css",
       "require": "./dist/style.css"
@@ -50,7 +63,8 @@
     "e2e": "playwright test",
     "e2e:report": "playwright show-report",
     "e2e:ui": "playwright test --ui",
-    "docs": "jsdoc -c jsdoc.conf.json"
+    "docs": "jsdoc -c jsdoc.conf.json",
+    "prepare": "husky"
   },
   "dependencies": {
     "@bobthered/tailwindcss-palette-generator": "3.1.1",
@@ -88,7 +102,6 @@
     "@tailwindcss/line-clamp": "^0.4.4",
     "@tailwindcss/typography": "^0.5.10",
     "@tanstack/react-query": "^5.8.4",
-    "analytics": "^0.8.9",
     "class-variance-authority": "0.6.1",
     "clsx": "1.2.1",
     "cmdk": "0.2.0",
@@ -156,6 +169,7 @@
     "eslint": "^8.45.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.3",
+    "husky": "^9.0.10",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jotai-devtools": "^0.7.1",
@@ -168,8 +182,8 @@
     "react-router-dom": "^6.19.0",
     "tailwindcss": "^3.3.5",
     "ts-jest": "^29.1.1",
-    "typescript": "^5.0.2",
-    "vite": "^4.4.5",
+    "typescript": "^5.2.2",
+    "vite": "^5.0.12",
     "vite-plugin-dts": "^3.6.3"
   },
   "msw": {

package/dist/AddBlocks-76275943.cjs

@@ -1,3 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),n=require("react"),s=require("lodash"),b=require("jotai"),w=require("./accordion-0afd8143.cjs"),q=require("./scroll-area-bb343b86.cjs"),k=require("./tabs-860e37aa.cjs"),y=require("./useBuilderProp-adacf42f.cjs"),v=require("react-dnd"),C=require("@radix-ui/react-icons"),l=require("./index-c535cc95.cjs");require("react-i18next");const T=require("@chaibuilder/blocks"),I=require("lucide-react"),L=require("./utils-3c452dd0.cjs"),f=require("./textarea-a338ede6.cjs"),P=require("./label-167415e5.cjs"),S=require("./html-to-json-aadcbf66.cjs");require("@radix-ui/react-accordion");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("./MODIFIERS-4716c669.cjs");require("clsx");require("react-dom");require("@floating-ui/react-dom");require("i18next");require("flagged");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("flat-to-nested");require("redux-undo");require("@react-hookz/web");require("sonner");require("tailwind-merge");require("@radix-ui/react-label");require("himalaya");const M=({block:t})=>{const{type:r,icon:o,label:c}=t,{addCoreBlock:u,addPredefinedBlock:m}=l.useAddBlock(),[p]=l.useSelectedBlockIds(),[,x]=b.useAtom(l.activePanelAtom),[,i]=b.useAtom(l.addBlocksModalAtom),E=()=>{s.has(t,"blocks")?m(T.syncBlocksWithDefaults(t.blocks),s.first(p)):u(t,s.first(p)),i(!1),x("layers")},[,g,j]=v.useDrag(()=>({type:"CHAI_BLOCK",item:t}));return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(v.DragPreviewImage,{connect:j,src:"https://placehold.co/100x30/000000/FFF?text="+(c||r).replace(/ /g,"+")}),e.jsxRuntimeExports.jsxs(y.Tooltip,{children:[e.jsxRuntimeExports.jsx(y.TooltipTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{onClick:E,type:"button",ref:g,className:"cursor-grab space-y-2 rounded-lg border border-border p-3 text-center hover:bg-slate-300/50",children:[n.createElement(o||C.BoxIcon,{className:"w-4 h-4 mx-auto"}),e.jsxRuntimeExports.jsx("p",{className:"truncate text-xs",children:c||r})]})}),e.jsxRuntimeExports.jsx(y.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{children:c||r})})]})]})},F=({block:t,closePopover:r})=>{var j;const[o,c]=n.useState(!1),u=y.useBuilderProp("getExternalPredefinedBlock"),{addCoreBlock:m,addPredefinedBlock:p}=l.useAddBlock(),[x]=l.useSelectedBlockIds(),[,i,E]=v.useDrag(()=>({type:"CHAI_BLOCK",item:t}),[t]),g=n.useCallback(async R=>{if(R.stopPropagation(),s.has(t,"component")){m(t,s.first(x)),r();return}c(!0);const a=await u(t);s.isEmpty(a)||p(T.syncBlocksWithDefaults(a),s.first(x)),r()},[t]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(v.DragPreviewImage,{connect:E,src:"https://placehold.co/100x30/000000/FFF?text="+((j=t.name||t.label)==null?void 0:j.replace(" ","+"))}),e.jsxRuntimeExports.jsxs("div",{ref:i,onClick:o?()=>{}:g,className:"relative cursor-grab overflow-hidden rounded-md border border-transparent duration-200 hover:scale-x-105 hover:border-foreground/20 hover:shadow-2xl",children:[o&&e.jsxRuntimeExports.jsxs("div",{className:"absolute flex h-full w-full items-center justify-center bg-black bg-opacity-70",children:[e.jsxRuntimeExports.jsx(I.Loader,{className:"animate-spin",size:15,color:"white"})," ",e.jsxRuntimeExports.jsx("span",{className:"pl-2 text-sm text-white",children:"Adding..."})]}),t.preview?e.jsxRuntimeExports.jsx("img",{src:t.preview,className:"min-h-[50px] w-full rounded-md border border-gray-300",alt:t.name}):e.jsxRuntimeExports.jsx("div",{className:"flex h-20 items-center justify-center rounded-md border border-border border-gray-300 bg-gray-200",children:e.jsxRuntimeExports.jsx("p",{className:"max-w-xs text-center text-sm text-gray-700",children:t.name})})]})]})},H=()=>{const{data:t,isLoading:r}=l.useUILibraryBlocks(),o=T.useChaiBlocks(),c=s.filter(s.values(o),{category:"custom"}),u=s.groupBy(c,"group"),m=s.groupBy(t,"group"),[p,x]=n.useState(null),i=n.useMemo(()=>s.mergeWith(u,m,(a,h)=>{if(s.isArray(a)&&s.isArray(h))return[...a,...h]}),[u,m]),[,E]=b.useAtom(l.addBlocksModalAtom),[g,j]=n.useState("Navbar"),R=s.get(i,g,[]);return e.jsxRuntimeExports.jsxs("div",{className:"relative flex h-full max-h-full overflow-hidden py-2",children:[e.jsxRuntimeExports.jsx("ul",{className:"sticky top-0 h-full w-48 space-y-1 overflow-y-auto border-r px-2",children:r?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("li",{className:"h-8 w-full animate-pulse bg-gray-200"}),e.jsxRuntimeExports.jsx("li",{className:"mt-2 h-8 w-full animate-pulse bg-gray-200"}),e.jsxRuntimeExports.jsx("li",{className:"mt-2 h-8 w-full animate-pulse bg-gray-200"}),e.jsxRuntimeExports.jsx("li",{className:"mt-2 h-8 w-full animate-pulse bg-gray-200"}),e.jsxRuntimeExports.jsx("li",{className:"mt-2 h-8 w-full animate-pulse bg-gray-200"}),e.jsxRuntimeExports.jsx("li",{className:"mt-2 h-8 w-full animate-pulse bg-gray-200"})]}):n.Children.toArray(s.map(i,(a,h)=>e.jsxRuntimeExports.jsx("li",{onMouseOut:()=>{clearTimeout(p),x(null)},onMouseEnter:()=>{const B=setTimeout(()=>{j(h)},300);x(B)},onClick:()=>j(h),className:L.cn("-mx-2 cursor-default rounded-md rounded-r-none px-2 py-1 text-sm font-medium capitalize",g===h?"bg-blue-500 text-white":" text-gray-700 hover:bg-foreground/10"),children:h})))}),e.jsxRuntimeExports.jsx("div",{className:"h-full w-full space-y-2 overflow-y-auto px-8",children:n.Children.toArray(R.map(a=>e.jsxRuntimeExports.jsx(F,{block:a,closePopover:()=>E(!1)})))})]})},D=()=>{const[t,r]=n.useState(""),{addPredefinedBlock:o}=l.useAddBlock(),[c]=l.useSelectedBlockIds(),[,u]=b.useAtom(l.addBlockOffCanvasAtom),[,m]=b.useAtom(l.activePanelAtom),[,p]=b.useAtom(l.addBlocksModalAtom),x=()=>{const i=S.getBlocksFromHTML(t);o([...i],s.first(c)||null),r(""),u(!1),m("layers"),p(!1)};return e.jsxRuntimeExports.jsxs(f.Card,{className:"border-border/0 p-0 shadow-none",children:[e.jsxRuntimeExports.jsxs(f.CardHeader,{className:"p-3",children:[e.jsxRuntimeExports.jsx(f.CardTitle,{children:"Import HTML"}),e.jsxRuntimeExports.jsx(f.CardDescription,{children:"Use HTML snippets from component libraries like Tailwind UI, Flowbite, Preline, Kitwind, Tailblocks etc. or just copy paste your own HTML code. Only Tailwind CSS markup is supported."})]}),e.jsxRuntimeExports.jsx(f.CardContent,{className:"space-y-2 px-3 py-0",children:e.jsxRuntimeExports.jsxs("div",{className:"space-y-1",children:[e.jsxRuntimeExports.jsx(P.Label,{htmlFor:"current",className:"text-sm",children:"Enter HTML Code:"}),e.jsxRuntimeExports.jsx(f.Textarea,{autoFocus:!0,tabIndex:1,ref:i=>i&&i.focus(),defaultValue:t,onChange:i=>r(i.target.value),rows:12,placeholder:`<div>
-    <h1>Enter code here</h1>
-</div>`,className:"resize-none overflow-x-auto whitespace-pre font-mono font-normal"})]})}),e.jsxRuntimeExports.jsxs(f.CardFooter,{className:"flex flex-col justify-end p-3",children:[e.jsxRuntimeExports.jsx(y.Button,{disabled:t.trim()==="",onClick:()=>x(),size:"sm",className:"w-full",children:"Import"}),e.jsxRuntimeExports.jsxs(f.Alert,{variant:"default",className:"mt-2 p-1 text-blue-400",children:[e.jsxRuntimeExports.jsx(C.ExclamationTriangleIcon,{className:"h-4 w-4"}),e.jsxRuntimeExports.jsx(f.AlertTitle,{className:"text-sm leading-4",children:"Imported html will be added to the currently selected block. If no block is selected, the html will be added to the page."})]})]})]})},O=D,N=["ListItem","TableHead","TableBody","TableRow","TableCell","Column"],U=(t,r)=>{if(!t)return!s.includes(N,r);const o=t._type;return o==="List"?r==="ListItem":o==="Table"?r==="TableHead"||r==="TableBody":o==="TableHead"||o==="TableBody"?r==="TableRow":o==="TableRow"?r==="TableCell":o==="Row"?r==="Column":!s.includes(N,r)},z=()=>{const[t,r]=n.useState("core"),[o,c]=n.useState("basic"),u=T.useChaiBlocks(),[,m]=b.useAtom(l.showPredefinedBlockCategoryAtom),[,p]=b.useAtom(l.addBlocksModalAtom),[x]=l.useSelectedBlockIds(),i=l.useAllBlocks(),E=s.find(i,{_id:s.first(x)}),{data:g,isLoading:j}=l.useUILibraryBlocks(),R=s.groupBy(s.filter(u,d=>U(E,d.type)),"category"),a=s.uniq(s.map(R.core,"group"));n.useEffect(()=>{!s.includes(a,o)&&!s.isEmpty(a)&&!s.isEmpty(o)&&c(s.first(a))},[a,o]);const h=d=>c(A=>A===d?"":d),B=!j&&!s.isEmpty(g)||s.find(s.values(u),{category:"custom"})!==void 0;return e.jsxRuntimeExports.jsxs("div",{className:"flex h-full flex-col overflow-hidden",children:[e.jsxRuntimeExports.jsxs("div",{className:"mb-2 flex justify-between rounded-md bg-background/30 p-1",children:[e.jsxRuntimeExports.jsxs("h1",{className:"flex flex-col items-baseline px-1 text-2xl font-semibold xl:flex-row",children:["Add block",e.jsxRuntimeExports.jsx("span",{className:"p-0 text-xs font-light leading-3 opacity-80 xl:pl-1",children:t==="html"?"(Enter or paste your own HTML code)":"(Drag & drop into tree view or click to add)"})]}),e.jsxRuntimeExports.jsxs("button",{onClick:()=>p(!1),className:"flex h-max items-center gap-x-1 rounded-full border p-px text-xs text-gray-800 hover:bg-gray-100 md:p-2",children:[e.jsxRuntimeExports.jsx(C.Cross1Icon,{width:12})," Close"]})]}),e.jsxRuntimeExports.jsx(k.Tabs,{onValueChange:d=>{m(""),r(d)},value:t,className:"h-max",children:e.jsxRuntimeExports.jsxs(k.TabsList,{className:"grid w-full "+(B?"grid-cols-3":"grid-cols-2"),children:[e.jsxRuntimeExports.jsx(k.TabsTrigger,{value:"core",children:"Core"}),B?e.jsxRuntimeExports.jsx(k.TabsTrigger,{value:"ui-blocks",children:"UI Blocks"}):null,e.jsxRuntimeExports.jsx(k.TabsTrigger,{value:"html",children:"Import"})]})}),t==="core"&&e.jsxRuntimeExports.jsx(q.ScrollArea,{className:"-mx-1.5 h-full",children:e.jsxRuntimeExports.jsx(w.Accordion,{type:"single",value:o,className:"w-full px-3",children:n.Children.toArray(s.map(a,d=>s.reject(s.filter(s.values(R.core),{group:d}),{hidden:!0}).length?e.jsxRuntimeExports.jsxs(w.AccordionItem,{value:d,className:"border-border",children:[e.jsxRuntimeExports.jsx(w.AccordionTrigger,{onClick:()=>h(d),className:"py-2 capitalize",children:d}),e.jsxRuntimeExports.jsx(w.AccordionContent,{children:e.jsxRuntimeExports.jsx("div",{className:"grid grid-cols-4 gap-2",children:n.Children.toArray(s.reject(s.filter(s.values(R.core),{group:d}),{hidden:!0}).map(A=>e.jsxRuntimeExports.jsx(M,{block:A})))})})]}):null))})}),t==="ui-blocks"&&e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(y.Skeleton,{className:"h-32 w-full"}),children:e.jsxRuntimeExports.jsx(H,{})}),t==="html"&&e.jsxRuntimeExports.jsx(O,{})]})};exports.default=z;

package/dist/BrandingOptions-d3b3309a.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./jsx-runtime-5c3ac4f7.cjs"),O=require("react"),C=require("@rjsf/validator-ajv8"),B=require("@rjsf/core"),j=require("./index-c535cc95.cjs");require("react-i18next");const R=require("./useBuilderProp-adacf42f.cjs"),e=require("@chaibuilder/blocks"),P=require("lodash");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("@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("@radix-ui/react-icons");require("sonner");require("lucide-react");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");function k(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const i in r)if(i!=="default"){const a=Object.getOwnPropertyDescriptor(r,i);Object.defineProperty(t,i,a.get?a:{enumerable:!0,get:()=>r[i]})}}return t.default=r,Object.freeze(t)}const c=k(O),v=[{title:"Roboto",value:"Roboto"},{title:"Open Sans",value:"Open Sans"},{title:"Montserrat",value:"Montserrat"},{title:"Lato",value:"Lato"},{title:"Poppins",value:"Poppins"},{title:"Oswald",value:"Oswald"},{title:"Raleway",value:"Raleway"},{title:"Ubuntu",value:"Ubuntu"},{title:"Nunito",value:"Nunito"},{title:"Merriweather",value:"Merriweather"},{title:"Nunito Sans",value:"Nunito Sans"},{title:"Playfair Display",value:"Playfair Display"},{title:"Rubik",value:"Rubik"},{title:"Inter",value:"Inter"},{title:"Lora",value:"Lora"},{title:"Kanit",value:"Kanit"},{title:"Fira Sans",value:"Fira Sans"},{title:"Hind",value:"Hind"},{title:"Quicksand",value:"Quicksand"},{title:"Mulish",value:"Mulish"},{title:"Barlow",value:"Barlow"},{title:"Inconsolata",value:"Inconsolata"},{title:"Titillium Web",value:"Titillium Web"},{title:"Heebo",value:"Heebo"},{title:"IBM Plex Sans",value:"IBM Plex Sans"},{title:"DM Sans",value:"DM Sans"},{title:"Nanum Gothic",value:"Nanum Gothic"},{title:"Karla",value:"Karla"},{title:"Arimo",value:"Arimo"},{title:"Cabin",value:"Cabin"},{title:"Oxygen",value:"Oxygen"},{title:"Overpass",value:"Overpass"},{title:"Assistant",value:"Assistant"},{title:"Tajawal",value:"Tajawal"},{title:"Play",value:"Play"},{title:"Exo",value:"Exo"},{title:"Cinzel",value:"Cinzel"},{title:"Faustina",value:"Faustina"},{title:"Philosopher",value:"Philosopher"},{title:"Gelasio",value:"Gelasio"},{title:"Sofia Sans Condensed",value:"Sofia Sans Condensed"},{title:"Noto Sans Devanagari",value:"Noto Sans Devanagari"},{title:"Actor",value:"Actor"},{title:"Epilogue",value:"Epilogue"},{title:"Glegoo",value:"Glegoo"},{title:"Overlock",value:"Overlock"},{title:"Lustria",value:"Lustria"},{title:"Ovo",value:"Ovo"},{title:"Suranna",value:"Suranna"}],D=()=>{const r=R.useBuilderProp("onSaveBrandingOptions",async()=>{}),[t,i]=j.useBrandingOptions(),a=c.useRef(t);c.useEffect(()=>()=>{P.isEqual(t,a.current)||r(a.current)},[]);const p=({formData:l},u)=>{u&&(i(l),a.current=l)},{bodyFont:g,headingFont:f,primaryColor:b,bodyTextDarkColor:m,bodyTextLightColor:y,bodyBgDarkColor:q,secondaryColor:x,bodyBgLightColor:h,roundedCorners:S}=t,s={headingFont:e.SelectOption({title:"Heading font",default:f,options:v}),bodyFont:e.SelectOption({title:"Body font",default:g,options:v}),roundedCorners:e.Numeric({title:"Rounded Corner",default:parseInt(S||5,10)}),primaryColor:e.Color({title:"Primary",default:b}),secondaryColor:e.Color({title:"Secondary",default:x}),bodyBgLightColor:e.Color({title:"Body Background (Light)",default:h}),bodyBgDarkColor:e.Color({title:"Body Background (Dark)",default:q}),bodyTextLightColor:e.Color({title:"Body Text (Light)",default:m}),bodyTextDarkColor:e.Color({title:"Body Text (Dark)",default:y})},n={type:"object",properties:{}},d={};return Object.keys(s).forEach(l=>{const u=s[l];return n.properties||(n.properties={}),n.properties[l]=u.schema,d[l]=u.uiSchema,!0}),o.jsxRuntimeExports.jsxs("div",{className:"flex h-full select-none flex-col",children:[o.jsxRuntimeExports.jsx("div",{className:"rounded-md bg-background/30 p-1",children:o.jsxRuntimeExports.jsx("h1",{className:"px-1 font-semibold",children:"Branding Options"})}),o.jsxRuntimeExports.jsx("div",{className:"-mx-2",children:o.jsxRuntimeExports.jsx(B,{idSeparator:".",autoComplete:"off",omitExtraData:!0,liveOmit:!0,liveValidate:!0,uiSchema:d,schema:n,formData:t,validator:C,onChange:p})})]})};exports.default=D;