@chaibuilder/sdk 3.1.21 → 3.1.22

package/dist/{index-D5zinQbA.js → index-CBT9rRYh.js}

@@ -35,7 +35,7 @@ import StarterKit from "@tiptap/starter-kit";
 import RjForm from "@rjsf/core";
 import validator from "@rjsf/validator-ajv8";
 import Autosuggest from "react-autosuggest";
-import { pick as pick$1, isFunction as isFunction$1, filter as filter$1, find as find$1 } from "lodash";
+import { pick as pick$1, isFunction as isFunction$1, filter as filter$1, some, find as find$1 } from "lodash";
 import { Tree } from "react-arborist";
 import { parse, stringify } from "himalaya";
 import tailwindAspectRatio from "@tailwindcss/aspect-ratio";
@@ -3334,14 +3334,14 @@ function detectDropZone(o, n, r, a, l) {
         if (L) {
           const O = L.getBoundingClientRect();
           if (u === "vertical") {
-            const $ = A.width - j - _, H = A.left + P + j;
+            const H = A.width - j - _, $ = A.left + P + j;
             return {
               position: "before",
               placeholderOrientation: R,
               rect: {
                 top: O.top + D - 2,
-                left: H,
-                width: $,
+                left: $,
+                width: H,
                 height: 4
               },
               targetElement: L,
@@ -3350,15 +3350,15 @@ function detectDropZone(o, n, r, a, l) {
               confidence: 0.9
             };
           } else {
-            const $ = A.top + D + N, H = M.maxHeight > 0 ? M.maxHeight : A.height - N - T;
+            const H = A.top + D + N, $ = M.maxHeight > 0 ? M.maxHeight : A.height - N - T;
             return {
               position: "before",
               placeholderOrientation: R,
               rect: {
-                top: $,
+                top: H,
                 left: O.left + P - 2,
                 width: 4,
-                height: H
+                height: $
               },
               targetElement: L,
               targetBlockId: L.getAttribute("data-block-id"),
@@ -3370,16 +3370,16 @@ function detectDropZone(o, n, r, a, l) {
       } else {
         const L = getChildBlocks(d), O = L[L.length - 1];
         if (O) {
-          const $ = O.getBoundingClientRect();
+          const H = O.getBoundingClientRect();
           if (u === "vertical") {
-            const H = A.width - j - _, F = A.left + P + j;
+            const $ = A.width - j - _, F = A.left + P + j;
             return {
               position: "after",
               placeholderOrientation: R,
               rect: {
-                top: $.bottom + D - 2,
+                top: H.bottom + D - 2,
                 left: F,
-                width: H,
+                width: $,
                 height: 4
               },
               targetElement: O,
@@ -3388,13 +3388,13 @@ function detectDropZone(o, n, r, a, l) {
               confidence: 0.9
             };
           } else {
-            const H = A.top + D + N, F = M.maxHeight > 0 ? M.maxHeight : A.height - N - T;
+            const $ = A.top + D + N, F = M.maxHeight > 0 ? M.maxHeight : A.height - N - T;
             return {
               position: "after",
               placeholderOrientation: R,
               rect: {
-                top: H,
-                left: $.right + P - 2,
+                top: $,
+                left: H.right + P - 2,
                 width: 4,
                 height: F
               },
@@ -3717,11 +3717,11 @@ function removeDropTargetAttributes$1(o) {
 function createCoreDragImage(o) {
   var i;
   const n = document.createElement("div");
-  n.className = "absolute -top-[1000px] -left-[1000px] px-2 py-1 bg-white/60 border border-blue-400/30 rounded shadow-md flex items-center gap-1.5 font-sans pointer-events-none z-[9999] scale-90";
+  n.className = "absolute -top-[1000px] -left-[1000px] pl-3 pr-1 py-1 bg-white/60 border border-blue-400/30 rounded shadow-md flex items-center gap-1.5 font-sans pointer-events-none z-[9999] scale-90";
   const r = o.type || o._type || "Box", a = document.createElement("div");
   a.className = "w-3 h-3 flex items-center justify-center text-blue-600";
   try {
-    a.innerHTML = ((i = document.querySelector(`[data-add-core-block-icon="${r}"]`)) == null ? void 0 : i.outerHTML) || '<svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path d="M3 4a1 1 0 011-1h12a1 1 0 011 1v12a1 1 0 01-1 1H4a1 1 0 01-1-1V4z"/></svg>';
+    r === "Image" ? a.innerHTML = '<svg class="w-3 h-3" fill="currentColor" viewBox="0 0 0.72 0.72"><path d="M.57.12H.15a.09.09 0 0 0-.09.09v.3A.09.09 0 0 0 .15.6h.42A.09.09 0 0 0 .66.51v-.3A.09.09 0 0 0 .57.12M.15.54A.03.03 0 0 1 .12.51V.437L.219.338a.03.03 0 0 1 .042 0L.462.54ZM.6.51a.03.03 0 0 1-.03.03H.547L.433.425.459.399a.03.03 0 0 1 .042 0L.6.498Zm0-.097L.544.357a.09.09 0 0 0-.127 0L.391.383.305.297a.09.09 0 0 0-.127 0L.12.353V.21A.03.03 0 0 1 .15.18h.42A.03.03 0 0 1 .6.21Z"/></svg>' : a.innerHTML = ((i = document.querySelector(`[data-add-core-block-icon="${r}"]`)) == null ? void 0 : i.outerHTML) || '<svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path d="M3 4a1 1 0 011-1h12a1 1 0 011 1v12a1 1 0 01-1 1H4a1 1 0 01-1-1V4z"/></svg>';
   } catch {
     a.textContent = "";
   }
@@ -3967,7 +3967,10 @@ function getTargetedBlock(o) {
 const INLINE_EDITABLE_BLOCKS = ["Heading", "Paragraph", "Text", "Link", "Span", "Button"], isRichTextParent = (o) => {
   var n;
   return (o == null ? void 0 : o.getAttribute("data-block-type")) === "RichText" || ((n = o == null ? void 0 : o.parentElement) == null ? void 0 : n.getAttribute("data-block-type")) === "RichText";
-}, isInlineEditable = (o, n) => {
+}, hasDataBlockIdInChildren = (o) => o ? some(o.children, (n) => {
+  const r = n;
+  return r.hasAttribute("data-block-id") || hasDataBlockIdInChildren(r);
+}) : !1, isInlineEditable = (o, n) => {
   if (isRichTextParent(o))
     return !0;
   const r = o == null ? void 0 : o.getAttribute("data-block-type");
@@ -3979,7 +3982,7 @@ const INLINE_EDITABLE_BLOCKS = ["Heading", "Paragraph", "Text", "Link", "Span",
       var d;
       if (a == null || a.preventDefault(), a == null || a.stopPropagation(), o) return;
       const l = getTargetedBlock(a.target);
-      if (!isInlineEditable(l)) return;
+      if (!isInlineEditable(l) || hasDataBlockIdInChildren(l)) return;
       const i = l.getAttribute("data-block-id");
       if (!i || !l) return;
       const c = l.closest('[data-block-type="Repeater"]');
@@ -5513,7 +5516,7 @@ const RichTextEditor = memo(
     /* @__PURE__ */ jsx("p", { className: "font-semibold", children: o("Oops! Something went wrong.") }),
     /* @__PURE__ */ jsx("p", { children: o("Please try again.") })
   ] }) });
-}, CodeEditor$1 = React__default.lazy(() => import("./code-editor-DRLBAEJb.js")), CanvasArea = () => {
+}, CodeEditor$1 = React__default.lazy(() => import("./code-editor-D64ahHN_.js")), CanvasArea = () => {
   const [o] = useCodeEditor(), n = useBuilderProp("onError", noop);
   return /* @__PURE__ */ jsx("div", { className: "flex h-full max-h-full w-full flex-1 flex-col", children: /* @__PURE__ */ jsxs("div", { className: "relative flex h-full max-h-full flex-col overflow-hidden bg-gray-100/40", children: [
     /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Skeleton, { className: "h-full" }), children: /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx(FallbackError, {}), onError: n, children: /* @__PURE__ */ jsx(StaticCanvas, {}) }) }),
@@ -6083,7 +6086,7 @@ const DataBindingSelector = ({
       ]
     }
   ) });
-}, RTEModal = React__default.lazy(() => import("./rte-widget-modal-MiC8MgXv.js")), RichTextEditorFieldComp = ({ blockId: o, id: n, placeholder: r, value: a, onChange: l, onBlur: i }) => {
+}, RTEModal = React__default.lazy(() => import("./rte-widget-modal-Cd_8db9R.js")), RichTextEditorFieldComp = ({ blockId: o, id: n, placeholder: r, value: a, onChange: l, onBlur: i }) => {
   const c = useRef(null), [d, p] = useState(!1), u = useRTEditor({
     blockId: o,
     value: a,
@@ -7760,9 +7763,9 @@ function ManualClasses() {
     let R = [];
     if (P && P.length > 0) {
       const [M] = P, L = D.replace(M, "");
-      R = i.search(L).map(($) => ({
-        ...$,
-        item: { ...$.item, name: M + $.item.name }
+      R = i.search(L).map((H) => ({
+        ...H,
+        item: { ...H.item, name: M + H.item.name }
       }));
     } else
       R = i.search(D);
@@ -8209,52 +8212,67 @@ const registerChaiLibrary = (o, n) => {
   onDragStart: l,
   onDragEnd: i,
   draggable: c,
-  className: d = ""
+  className: d = "",
+  type: p = "Box"
 }) => {
-  const { onDragStart: p, onDragEnd: u } = useDragAndDrop(), g = useIsDragAndDropEnabled(), [, m] = useSelectedBlockIds(), { clearHighlight: f } = useBlockHighlight(), h = c !== void 0 ? c : g;
+  const { onDragStart: u, onDragEnd: g } = useDragAndDrop(), m = useIsDragAndDropEnabled(), [, f] = useSelectedBlockIds(), { clearHighlight: h } = useBlockHighlight(), x = c !== void 0 ? c : m;
   return /* @__PURE__ */ jsx(
     "div",
     {
-      draggable: h,
-      onDragStart: async (y) => {
+      draggable: x,
+      onDragStart: async (S) => {
         try {
           if (l) {
-            l(y);
+            l(S);
             return;
           }
-          let S = null;
-          if (n) {
-            const k = typeof n == "function" ? await n() : n, v = getBlocksFromHTML(k);
-            if (isEmpty(v)) return;
-            S = {
+          let k = null;
+          if (p === "Image") {
+            if (!(o != null && o.image)) return;
+            k = {
+              type: "Image",
+              blocks: [
+                {
+                  _type: "Image",
+                  styles: "#styles:,w-full",
+                  image: o == null ? void 0 : o.image,
+                  alt: (o == null ? void 0 : o.alt) || "",
+                  _name: (o == null ? void 0 : o.name) || "Image"
+                }
+              ]
+            };
+          } else if (n) {
+            const v = typeof n == "function" ? await n() : n, B = getBlocksFromHTML(v);
+            if (isEmpty(B)) return;
+            k = {
               type: "Box",
-              blocks: v,
-              name: get(v, "0._type", "Block")
+              blocks: B,
+              name: get(B, "0._type", "Block")
             };
           } else if (r) {
-            const k = typeof r == "function" ? await r() : r;
-            if (isEmpty(k)) return;
-            S = {
+            const v = typeof r == "function" ? await r() : r;
+            if (isEmpty(v)) return;
+            k = {
               type: "Box",
-              blocks: k,
-              name: get(k, "0._type", "Block")
+              blocks: v,
+              name: get(v, "0._type", "Block")
             };
           } else if (o) {
-            const k = typeof o == "function" ? await o() : o;
-            S = typeof k == "object" ? omit(k, ["component", "icon"]) : k;
+            const v = typeof o == "function" ? await o() : o;
+            k = typeof v == "object" ? omit(v, ["component", "icon"]) : v;
           }
-          if (!S) return;
-          p(y, S, !0), setTimeout(() => {
-            m([]), f();
+          if (!k) return;
+          u(S, k, !0), setTimeout(() => {
+            f([]), h();
           }, 200);
-        } catch (S) {
-          console.error("Error in ChaiDraggableBlock drag start:", S);
+        } catch (k) {
+          console.error("Error in ChaiDraggableBlock drag start:", k);
         }
       },
-      onDragEnd: (y) => {
-        i ? i(y) : u();
+      onDragEnd: (S) => {
+        i ? i(S) : g();
       },
-      className: `${h ? "cursor-grab active:cursor-grabbing" : ""} ${d}`.trim(),
+      className: `${x ? "cursor-grab active:cursor-grabbing" : ""} ${d}`.trim(),
       children: a
     }
   );
@@ -9119,10 +9137,10 @@ const Input = ({ node: o }) => {
     return () => clearTimeout(L);
   }, [b, o, y]);
   const N = (L, O) => {
-    const $ = i.contentDocument || i.contentWindow.document, H = $.querySelector(`[data-block-id=${L}]`);
-    H && H.setAttribute("data-drop", O);
-    const F = H.getBoundingClientRect(), U = i.getBoundingClientRect();
-    F.top >= U.top && F.left >= U.left && F.bottom <= U.bottom && F.right <= U.right || ($.documentElement.scrollTop = H.offsetTop - U.top);
+    const H = i.contentDocument || i.contentWindow.document, $ = H.querySelector(`[data-block-id=${L}]`);
+    $ && $.setAttribute("data-drop", O);
+    const F = $.getBoundingClientRect(), U = i.getBoundingClientRect();
+    F.top >= U.top && F.left >= U.left && F.bottom <= U.bottom && F.right <= U.right || (H.documentElement.scrollTop = $.offsetTop - U.top);
   }, T = (L) => {
     j();
     const O = get(o, "parent.id");
@@ -10582,8 +10600,8 @@ const UndoRedo = () => {
     if (j) {
       const _ = j.selectionStart || 0, N = j.value || "", T = j.selectionEnd || _;
       if (T > _) {
-        const L = `{{${C}}}`, { text: O } = w(N, _, L), $ = N.slice(0, _) + O + N.slice(T);
-        p($);
+        const L = `{{${C}}}`, { text: O } = w(N, _, L), H = N.slice(0, _) + O + N.slice(T);
+        p(H);
         return;
       }
       const P = `{{${C}}}`, { text: R } = w(N, _, P), M = N.slice(0, _) + R + N.slice(_);

package/dist/{rte-widget-modal-BQbN6b_R.cjs → rte-widget-modal-C4SrkoTQ.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("./index-B-HhWOKS.cjs"),n=require("./tooltip-CzZ7Fvt7.cjs");require("clsx");require("tailwind-merge");const S=({isOpen:m,onClose:l,editor:t,rteElement:f})=>{const r=u.usePageExternalData(),j=o=>{if(!t)return;const i=`{{${o}}}`;t.commands.focus();const{from:p,to:g}=t.state.selection;if(p!==g)t.chain().deleteSelection().insertContent(i).run();else{const{state:c}=t,s=c.selection.from,x=c.doc.textBetween(Math.max(0,s-1),s),a=c.doc.textBetween(s,Math.min(s+1,c.doc.content.size));let d="";s>0&&x!==" "&&!/[.,!?;:]/.test(x)&&(d=" ");let h="";a&&a!==" "&&!/[.,!?;:]/.test(a)&&(h=" "),t.chain().insertContent(d+i+h).run()}};return e.jsx(n.Dialog,{open:m,onOpenChange:o=>!o&&l(),children:e.jsxs(n.DialogContent,{className:"max-h-[90vh] overflow-y-auto sm:max-w-[800px]",children:[e.jsx(n.DialogHeader,{children:e.jsxs(n.DialogTitle,{className:"flex items-center justify-between pr-8",children:[e.jsx("span",{children:"Rich Text Editor"}),Object.keys(r).length>0&&e.jsxs("div",{className:"flex items-center",children:[e.jsx("span",{className:"mr-2 text-sm text-muted-foreground",children:"Add field:"}),e.jsx("div",{className:"rte-path-selector",children:e.jsx(u.NestedPathSelector,{data:r,onSelect:j})})]})]})}),f,e.jsx("div",{className:"mt-4 flex justify-end",children:e.jsx(n.Button,{onClick:l,children:"Done"})})]})})};exports.default=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("./index-BlHe-VXv.cjs"),n=require("./tooltip-CzZ7Fvt7.cjs");require("clsx");require("tailwind-merge");const S=({isOpen:m,onClose:l,editor:t,rteElement:f})=>{const r=u.usePageExternalData(),j=o=>{if(!t)return;const i=`{{${o}}}`;t.commands.focus();const{from:p,to:g}=t.state.selection;if(p!==g)t.chain().deleteSelection().insertContent(i).run();else{const{state:c}=t,s=c.selection.from,x=c.doc.textBetween(Math.max(0,s-1),s),a=c.doc.textBetween(s,Math.min(s+1,c.doc.content.size));let d="";s>0&&x!==" "&&!/[.,!?;:]/.test(x)&&(d=" ");let h="";a&&a!==" "&&!/[.,!?;:]/.test(a)&&(h=" "),t.chain().insertContent(d+i+h).run()}};return e.jsx(n.Dialog,{open:m,onOpenChange:o=>!o&&l(),children:e.jsxs(n.DialogContent,{className:"max-h-[90vh] overflow-y-auto sm:max-w-[800px]",children:[e.jsx(n.DialogHeader,{children:e.jsxs(n.DialogTitle,{className:"flex items-center justify-between pr-8",children:[e.jsx("span",{children:"Rich Text Editor"}),Object.keys(r).length>0&&e.jsxs("div",{className:"flex items-center",children:[e.jsx("span",{className:"mr-2 text-sm text-muted-foreground",children:"Add field:"}),e.jsx("div",{className:"rte-path-selector",children:e.jsx(u.NestedPathSelector,{data:r,onSelect:j})})]})]})}),f,e.jsx("div",{className:"mt-4 flex justify-end",children:e.jsx(n.Button,{onClick:l,children:"Done"})})]})})};exports.default=S;

package/dist/{rte-widget-modal-MiC8MgXv.js → rte-widget-modal-Cd_8db9R.js}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { d as N, N as D } from "./index-D5zinQbA.js";
+import { d as N, N as D } from "./index-CBT9rRYh.js";
 import { a1 as v, a3 as S, a6 as j, a9 as w, v as y } from "./tooltip-Bz2MxMHf.js";
 import "clsx";
 import "tailwind-merge";

package/package.json

@@ -5,7 +5,7 @@
   "author": "Suraj Air",
   "license": "BSD-3-Clause",
   "homepage": "https://chaibuilder.com",
-  "version": "3.1.21",
+  "version": "3.1.22",
   "type": "module",
   "repository": {
     "type": "git",