@chaibuilder/sdk 2.0.0-beta.32 → 2.0.0-beta.35

package/dist/CodeEditor-50B_qMvG.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),b=require("@monaco-editor/react"),k=require("./context-menu-0lRey9QY.cjs"),C=require("react-i18next"),u=require("react"),n=require("./core.cjs"),E=require("@radix-ui/react-icons"),R=require("@react-hookz/web");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("class-variance-authority");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-hover-card");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("@radix-ui/react-context-menu");require("clsx");require("tailwind-merge");require("lodash-es");require("jotai");require("./iconBase-aZzpqff_.cjs");require("./ChaiThemeFn-bugxb1Cl.cjs");require("tree-model");require("@chaibuilder/runtime");require("react-quill");require("flagged");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("@tailwindcss/container-queries");require("./STRINGS-26RPxXyi.cjs");require("react-wrap-balancer");require("lucide-react");require("react-dom");require("prop-types");require("react-error-boundary");require("re-resizable");require("react-arborist");require("himalaya");require("@rjsf/core");require("@rjsf/validator-ajv8");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("i18next");require("framer-motion");const a=s=>{const i=document.createElement("div");return i.innerHTML=s,i.innerHTML};function g(){const{t:s}=C.useTranslation(),[i,d]=u.useState(!1),[l,q]=u.useState(""),[r,o]=n.useCodeEditor(),[c]=n.useSelectedBlockIds(),x=n.useUpdateBlocksProps(),m=n.useUpdateBlocksPropsRealtime(),p=R.useThrottledCallback(t=>{const h=a(t);m([r.blockId],{[r.blockProp]:h})},[],300),j=u.useCallback(()=>{if(i){const t=a(l);x([r.blockId],{[r.blockProp]:t})}},[i,l]);u.useEffect(()=>{c.includes(r==null?void 0:r.blockId)||(j(),o(null))},[c]);const f=()=>{o(null)};return e.jsxRuntimeExports.jsxs("div",{className:"h-full rounded-t-lg border-t-4 border-black bg-black text-white",children:[e.jsxRuntimeExports.jsx("button",{onClick:f,className:"fixed inset-0 z-[100000] cursor-default bg-gray-400/20"}),e.jsxRuntimeExports.jsxs("div",{className:"relative z-[100001] h-full w-full flex-col gap-y-1",children:[e.jsxRuntimeExports.jsxs("div",{className:"-mt-1 flex items-center justify-between px-2 py-2",children:[e.jsxRuntimeExports.jsxs("h3",{className:"space-x-3 text-sm font-semibold",children:[e.jsxRuntimeExports.jsx("span",{children:s("HTML Code Editor |")}),e.jsxRuntimeExports.jsx("span",{className:"text-xs text-gray-400",children:s("Scripts will be only executed in preview and live mode.")})]}),e.jsxRuntimeExports.jsx("div",{className:"flex gap-x-2",children:e.jsxRuntimeExports.jsx(k.Button,{onClick:()=>o(null),size:"sm",variant:"destructive",className:"h-6 w-fit",children:e.jsxRuntimeExports.jsx(E.Cross2Icon,{})})})]}),e.jsxRuntimeExports.jsx(b,{onMount:t=>{t.setValue(r.initialCode)},onChange:t=>{d(!0),q(t),p(t)},height:"100%",defaultLanguage:"html",theme:"vs-dark",defaultValue:"",options:{minimap:{enabled:!1}}})]})]})}exports.default=g;

package/dist/{CodeEditor-4lhmWkV8.js → CodeEditor-f8Ud0q2D.js}

@@ -2,7 +2,7 @@ import { j as t } from "./jsx-runtime-Sp0orL4X.js";
 import k from "@monaco-editor/react";
 import { B as C } from "./context-menu-EDKTnqIV.js";
 import { useTranslation as j } from "react-i18next";
-import { useState as p, useCallback as v, useEffect as g } from "react";
+import { useState as l, useCallback as v, useEffect as g } from "react";
 import { useCodeEditor as y, useSelectedBlockIds as N, useUpdateBlocksProps as T, useUpdateBlocksPropsRealtime as E } from "./core.js";
 import { Cross2Icon as w } from "@radix-ui/react-icons";
 import { useThrottledCallback as B } from "@react-hookz/web";
@@ -38,6 +38,7 @@ import "@floating-ui/react-dom";
 import "@tailwindcss/typography";
 import "@tailwindcss/forms";
 import "@tailwindcss/aspect-ratio";
+import "@tailwindcss/container-queries";
 import "./STRINGS-BnWT5XcX.js";
 import "react-wrap-balancer";
 import "lucide-react";
@@ -58,8 +59,8 @@ const n = (r) => {
   const i = document.createElement("div");
   return i.innerHTML = r, i.innerHTML;
 };
-function Mt() {
-  const { t: r } = j(), [i, a] = p(!1), [m, c] = p(""), [o, s] = y(), [l] = N(), d = T(), u = E(), f = B(
+function Pt() {
+  const { t: r } = j(), [i, a] = l(!1), [m, c] = l(""), [o, s] = y(), [p] = N(), d = T(), u = E(), f = B(
     (e) => {
       const b = n(e);
       u([o.blockId], { [o.blockProp]: b });
@@ -73,8 +74,8 @@ function Mt() {
     }
   }, [i, m]);
   g(() => {
-    l.includes(o == null ? void 0 : o.blockId) || (x(), s(null));
-  }, [l]);
+    p.includes(o == null ? void 0 : o.blockId) || (x(), s(null));
+  }, [p]);
   const h = () => {
     s(null);
   };
@@ -121,5 +122,5 @@ function Mt() {
   ] });
 }
 export {
-  Mt as default
+  Pt as default
 };

package/dist/{Topbar-iARshVmF.js → Topbar-9IbTAO2f.js}

@@ -37,6 +37,7 @@ import "@floating-ui/react-dom";
 import "@tailwindcss/typography";
 import "@tailwindcss/forms";
 import "@tailwindcss/aspect-ratio";
+import "@tailwindcss/container-queries";
 import "./STRINGS-BnWT5XcX.js";
 import "react-wrap-balancer";
 import "lucide-react";
@@ -53,7 +54,7 @@ import "react-autosuggest";
 import "fuse.js";
 import "i18next";
 import "framer-motion";
-const lt = () => {
+const ct = () => {
   const e = p("topBarComponents.left", []), s = p("topBarComponents.center", []), a = p("topBarComponents.right", []);
   return /* @__PURE__ */ t.jsxs("div", { className: "flex h-14 items-center justify-between px-2", children: [
     /* @__PURE__ */ t.jsx("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ t.jsx("div", { className: "flex items-center space-x-2 font-bold", children: o.Children.toArray(
@@ -68,5 +69,5 @@ const lt = () => {
   ] });
 };
 export {
-  lt as default
+  ct as default
 };

package/dist/Topbar-eQjJCLWI.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),r=require("react"),s=require("./context-menu-0lRey9QY.cjs");require("react-i18next");const u=require("./core.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("class-variance-authority");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-hover-card");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("@radix-ui/react-context-menu");require("clsx");require("tailwind-merge");require("lodash-es");require("jotai");require("./iconBase-aZzpqff_.cjs");require("./ChaiThemeFn-bugxb1Cl.cjs");require("@react-hookz/web");require("tree-model");require("@chaibuilder/runtime");require("react-quill");require("flagged");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("@tailwindcss/container-queries");require("./STRINGS-26RPxXyi.cjs");require("react-wrap-balancer");require("lucide-react");require("react-dom");require("prop-types");require("react-error-boundary");require("re-resizable");require("react-arborist");require("himalaya");require("@rjsf/core");require("@rjsf/validator-ajv8");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("i18next");require("framer-motion");const o=()=>{const t=u.useBuilderProp("topBarComponents.left",[]),n=u.useBuilderProp("topBarComponents.center",[]),q=u.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:r.Children.toArray(t.map(i=>e.jsxRuntimeExports.jsx(r.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(i,{})})))})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:r.Children.toArray(n.map(i=>e.jsxRuntimeExports.jsx(r.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(i,{})})))}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-1",children:r.Children.toArray(q.map(i=>e.jsxRuntimeExports.jsx(r.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(i,{})})))})]})};exports.default=o;