@chaibuilder/sdk 1.2.95 → 1.2.96

package/dist/web-blocks.js

@@ -1,9 +1,9 @@
 import { registerChaiBlock as u } from "@chaibuilder/runtime";
 import { j as s } from "./jsx-runtime-Sp0orL4X.js";
 import * as p from "react";
-import { c as j, T as m, f as v, o as C, b, q as N, y as I, l as T, d as L, m as S, v as R, r as k, e as F, G, g as B, S as O } from "./iconBase-HBZkvN04.js";
-import { ButtonIcon as H, CodeIcon as U, HeadingIcon as V, TextIcon as W, CursorTextIcon as X, Link1Icon as Y, ImageIcon as z, RowsIcon as Z, ColumnsIcon as J, SketchLogoIcon as K, VideoIcon as Q, DividerHorizontalIcon as ee, MoonIcon as te, SpaceBetweenVerticallyIcon as q, GroupIcon as le, InputIcon as A, RadiobuttonIcon as oe, DropdownMenuIcon as se, CheckboxIcon as ae } from "@radix-ui/react-icons";
-import { isNull as ne, isEmpty as y, get as x, pick as re, omit as ce, map as M } from "lodash-es";
+import { c as j, T as m, f as v, o as C, b, q as N, y as I, l as T, d as L, m as S, v as R, r as g, e as F, G, g as B, S as V } from "./iconBase-HBZkvN04.js";
+import { ButtonIcon as H, CodeIcon as O, HeadingIcon as U, TextIcon as W, CursorTextIcon as X, Link1Icon as Y, ImageIcon as z, RowsIcon as Z, ColumnsIcon as J, SketchLogoIcon as K, VideoIcon as Q, DividerHorizontalIcon as ee, MoonIcon as te, SpaceBetweenVerticallyIcon as A, GroupIcon as le, InputIcon as q, RadiobuttonIcon as oe, DropdownMenuIcon as se, CheckboxIcon as ae } from "@radix-ui/react-icons";
+import { isNull as ne, isEmpty as k, get as x, pick as re, omit as ce, map as M } from "lodash-es";
 import { GlobeIcon as ie } from "lucide-react";
 import "clsx";
 import "tailwind-merge";
@@ -104,7 +104,7 @@ const de = ({ className: e = "", inBuilder: l }) => l ? /* @__PURE__ */ s.jsx("d
   type: "CustomHTML",
   label: "web_blocks.custom_html",
   category: "core",
-  icon: U,
+  icon: O,
   group: "advanced",
   props: {
     styles: m({ default: "" }),
@@ -114,12 +114,12 @@ const de = ({ className: e = "", inBuilder: l }) => l ? /* @__PURE__ */ s.jsx("d
       placeholder: "web_blocks.placeholder"
     })
   }
-}, ke = p.memo(
+}, ge = p.memo(
   (e) => {
     const { blockProps: l, styles: t } = e;
     return p.createElement("div", { ...l, ...t });
   }
-), ge = {
+), ye = {
   type: "EmptyBox",
   label: "web_blocks.empty_box",
   category: "core",
@@ -128,7 +128,7 @@ const de = ({ className: e = "", inBuilder: l }) => l ? /* @__PURE__ */ s.jsx("d
     styles: m({ default: "" }),
     backgroundImage: C({ title: "web_blocks.background_image" })
   }
-}, ye = (e) => {
+}, ke = (e) => {
   const { blockProps: l, styles: t, content: a, level: o = "h1", children: n = null } = e;
   return n ? p.createElement(o, { ...t, ...l }, n) : p.createElement(o, {
     ...t,
@@ -141,7 +141,7 @@ const de = ({ className: e = "", inBuilder: l }) => l ? /* @__PURE__ */ s.jsx("d
   type: "Heading",
   label: "web_blocks.heading",
   category: "core",
-  icon: V,
+  icon: U,
   group: "typography",
   props: {
     level: v({
@@ -190,7 +190,7 @@ const de = ({ className: e = "", inBuilder: l }) => l ? /* @__PURE__ */ s.jsx("d
     ...t,
     ...l,
     "data-ai-key": "content",
-    dangerouslySetInnerHTML: { __html: a }
+    dangerouslySetInnerHTML: { __html: a || "" }
   });
 }, Be = {
   type: "Span",
@@ -199,7 +199,7 @@ const de = ({ className: e = "", inBuilder: l }) => l ? /* @__PURE__ */ s.jsx("d
   group: "typography",
   props: {
     styles: m({ default: "" }),
-    content: L({ title: "web_blocks.content", default: "" })
+    content: L({ title: "Content", default: "" })
   },
   canAcceptBlock: () => !0
 }, Ie = (e) => {
@@ -229,7 +229,7 @@ const de = ({ className: e = "", inBuilder: l }) => l ? /* @__PURE__ */ s.jsx("d
   }
 }, Le = (e) => {
   const { blockProps: l, link: t, children: a, styles: o, inBuilder: n, content: r } = e;
-  return !a && y(o == null ? void 0 : o.className) && y(r) ? /* @__PURE__ */ s.jsx(_, { inBuilder: n }) : n ? a ? /* @__PURE__ */ s.jsx("span", { ...l, ...o, children: a }) : p.createElement("span", {
+  return !a && k(o == null ? void 0 : o.className) && k(r) ? /* @__PURE__ */ s.jsx(_, { inBuilder: n }) : n ? a ? /* @__PURE__ */ s.jsx("span", { ...l, ...o, children: a }) : p.createElement("span", {
     ...l,
     ...o,
     dangerouslySetInnerHTML: { __html: r }
@@ -260,52 +260,52 @@ const de = ({ className: e = "", inBuilder: l }) => l ? /* @__PURE__ */ s.jsx("d
   ...e,
   className: j(e.className, ...l)
 }), Se = (e) => {
-  const { blockProps: l, children: t, styles: a, inBuilder: o, content: n, href: r } = e, { hrefType: i, autoplay: c, maxWidth: d, backdropColor: h, galleryName: f } = e, g = D(a, "cb-lightbox");
-  if (!t && y(a == null ? void 0 : a.className) && y(n))
+  const { blockProps: l, children: t, styles: a, inBuilder: o, content: n, href: r } = e, { hrefType: i, autoplay: c, maxWidth: d, backdropColor: h, galleryName: f } = e, y = D(a, "cb-lightbox");
+  if (!t && k(a == null ? void 0 : a.className) && k(n))
     return /* @__PURE__ */ s.jsx(_, { inBuilder: o });
   if (o)
-    return t ? /* @__PURE__ */ s.jsx("span", { ...l, ...g, children: t }) : p.createElement("span", {
+    return t ? /* @__PURE__ */ s.jsx("span", { ...l, ...y, children: t }) : p.createElement("span", {
       ...l,
-      ...g,
+      ...y,
       dangerouslySetInnerHTML: { __html: n }
     });
   const w = {};
-  return w["data-vbtype"] = i, c && (w["data-autoplay"] = "true"), d && (w["data-maxwidth"] = d + "px"), h && (w["data-overlay"] = h), f && (w["data-gall"] = f), t ? /* @__PURE__ */ s.jsx("a", { ...w, href: r || "#/", ...l, ...g, children: t }) : p.createElement("a", {
+  return w["data-vbtype"] = i, c && (w["data-autoplay"] = "true"), d && (w["data-maxwidth"] = d + "px"), h && (w["data-overlay"] = h), f && (w["data-gall"] = f), t ? /* @__PURE__ */ s.jsx("a", { ...w, href: r || "#/", ...l, ...y, children: t }) : p.createElement("a", {
     ...l,
-    ...g,
+    ...y,
     ...w,
     href: r || "#",
     dangerouslySetInnerHTML: { __html: n }
   });
 }, Me = {
   type: "LightBoxLink",
-  label: "web_blocks.lightbox_link",
+  label: "Lightbox Link",
   category: "core",
   icon: z,
   group: "basic",
   props: {
     styles: m({ default: "" }),
-    content: b({ title: "web_blocks.content", default: "Link text or drop blocks inside" }),
-    href: b({ title: "web_blocks.href", default: "" }),
+    content: b({ title: "Content", default: "Link text or drop blocks inside" }),
+    href: b({ title: "Href", default: "" }),
     hrefType: v({
-      title: "web_blocks.type",
+      title: "Type",
       default: "video",
       options: [
-        { value: "video", title: "web_blocks.video" },
-        { value: "iframe", title: "web_blocks.iframe" },
-        { value: "inline", title: "web_blocks.inline" },
-        { value: "ajax", title: "web_blocks.ajax" }
+        { value: "video", title: "Video" },
+        { value: "iframe", title: "Iframe" },
+        { value: "inline", title: "Inline" },
+        { value: "ajax", title: "Ajax" }
       ]
     }),
-    autoplay: k({ title: "web_blocks.autoplay", default: !1 }),
-    maxWidth: I({ title: "web_blocks.max_width", default: "" }),
-    backdropColor: b({ title: "backdrop_color", default: "" }),
-    galleryName: b({ title: "web_blocks.gallery_name", default: "" })
+    autoplay: g({ title: "Autoplay", default: !1 }),
+    maxWidth: I({ title: "Max Width", default: "" }),
+    backdropColor: b({ title: "Backdrop Color", default: "" }),
+    galleryName: b({ title: "Gallery Name", default: "" })
   },
   canAcceptBlock: (e) => e !== "Link" && e !== "LightBoxLink"
 }, Ne = (e) => {
   const { blockProps: l, children: t, listType: a, styles: o, tag: n, inBuilder: r } = e, i = j(x(o, "className", ""), a);
-  return !t && y(o == null ? void 0 : o.className) ? /* @__PURE__ */ s.jsx(_, { inBuilder: r }) : p.createElement(
+  return !t && k(o == null ? void 0 : o.className) ? /* @__PURE__ */ s.jsx(_, { inBuilder: r }) : p.createElement(
     n || (a === "list-decimal" ? "ol" : "ul"),
     { ...l, ...o, className: i },
     t
@@ -375,7 +375,7 @@ const de = ({ className: e = "", inBuilder: l }) => l ? /* @__PURE__ */ s.jsx("d
   canBeNested: (e) => e === "List"
 }, Te = (e) => {
   const { blockProps: l, icon: t, styles: a, width: o, inBuilder: n, height: r } = e, i = D(a, j(o ? `w-[${o}px]` : "", r ? `h-[${r}px]` : ""));
-  if (y(t))
+  if (k(t))
     return /* @__PURE__ */ s.jsx(_, { inBuilder: n, className: "h-8 w-14" });
   const c = t.replace(/<svg /g, '<svg class="w-[inherit] h-[inherit]" ');
   return p.createElement("span", {
@@ -399,17 +399,17 @@ const de = ({ className: e = "", inBuilder: l }) => l ? /* @__PURE__ */ s.jsx("d
     height: I({ title: "web_blocks.height", default: "" })
   }
 }, ze = (e) => {
-  const { blockProps: l, image: t, styles: a, alt: o, height: n, width: r } = e;
-  return y(t) ? /* @__PURE__ */ s.jsx(_, { className: "h-36" }) : p.createElement("img", {
+  const { blockProps: l, image: t, styles: a, alt: o, height: n, width: r, lazyLoading: i } = e;
+  return k(t) ? /* @__PURE__ */ s.jsx(_, { className: "h-36" }) : p.createElement("img", {
     ...l,
     ...a,
     src: t,
     alt: o,
-    loading: "lazy",
+    loading: i ? "lazy" : "eager",
     height: n,
     width: r
   });
-}, qe = {
+}, Ae = {
   type: "Image",
   label: "web_blocks.image",
   category: "core",
@@ -423,9 +423,10 @@ const de = ({ className: e = "", inBuilder: l }) => l ? /* @__PURE__ */ s.jsx("d
     }),
     alt: b({ title: "web_blocks.alt", default: "" }),
     width: b({ title: "web_blocks.width", default: "" }),
-    height: b({ title: "web_blocks.height", default: "" })
+    height: b({ title: "web_blocks.height", default: "" }),
+    lazyLoading: g({ title: "Lazy Load", default: !0 })
   }
-}, $ = /^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/, E = /^(https?:\/\/)?(www\.)?player.vimeo\.com/, P = /^(https?:\/\/)?(www\.)?dailymotion\.com\/(video|embed\/video)\/([a-zA-Z0-9_-]+)/, Ae = (e) => {
+}, $ = /^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/, E = /^(https?:\/\/)?(www\.)?player.vimeo\.com/, P = /^(https?:\/\/)?(www\.)?dailymotion\.com\/(video|embed\/video)\/([a-zA-Z0-9_-]+)/, qe = (e) => {
   if ($.test(e)) {
     const l = e.match($);
     return l ? `https://www.youtube.com/embed/${l[4]}` : e;
@@ -442,13 +443,13 @@ const de = ({ className: e = "", inBuilder: l }) => l ? /* @__PURE__ */ s.jsx("d
 }, De = p.memo(
   (e) => {
     const { blockProps: l, inBuilder: t, styles: a, url: o, controls: n } = e, r = x(n, "autoPlay", !1), i = x(n, "controls", !1), c = r || x(n, "muted", !0), d = x(n, "loop", !1);
-    if (y(o))
+    if (k(o))
       return /* @__PURE__ */ s.jsx(_, { inBuilder: t, className: "h-36" });
-    let h = Ae(o), f = null;
+    let h = qe(o), f = null;
     if (h) {
-      if (!y(h)) {
-        const g = [];
-        g.push(`autoplay=${r ? 1 : 0}`), g.push(`controls=${n ? 1 : 0}`), g.push(`mute=${c ? 1 : 0}&muted=${c ? 1 : 0}`), g.push(`loop=${d ? 1 : 0}`), h = `${h}?${g.join("&")}`;
+      if (!k(h)) {
+        const y = [];
+        y.push(`autoplay=${r ? 1 : 0}`), y.push(`controls=${n ? 1 : 0}`), y.push(`mute=${c ? 1 : 0}&muted=${c ? 1 : 0}`), y.push(`loop=${d ? 1 : 0}`), h = `${h}?${y.join("&")}`;
       }
       f = p.createElement("iframe", {
         ...l,
@@ -488,10 +489,10 @@ const de = ({ className: e = "", inBuilder: l }) => l ? /* @__PURE__ */ s.jsx("d
     controls: F({
       title: "web_blocks.controls",
       properties: {
-        autoPlay: k({ title: "web_blocks.autoplay", default: !0 }),
-        controls: k({ title: "web_blocks.controls", default: !1 }),
-        loop: k({ title: "web_blocks.loop", default: !1 }),
-        muted: k({ title: "web_blocks.muted", default: !0 })
+        autoPlay: g({ title: "web_blocks.autoplay", default: !0 }),
+        controls: g({ title: "web_blocks.controls", default: !1 }),
+        loop: g({ title: "web_blocks.loop", default: !1 }),
+        muted: g({ title: "web_blocks.muted", default: !0 })
       }
     })
   }
@@ -502,7 +503,7 @@ function Fe(e) {
 const Ge = (e) => {
   const { scripts: l, inBuilder: t, blockProps: a } = e;
   return t ? /* @__PURE__ */ s.jsx("div", { ...a, children: /* @__PURE__ */ s.jsx("div", { className: j("pointer-events-none flex flex-col items-center justify-center p-2", ""), children: /* @__PURE__ */ s.jsx("div", { className: "h-full w-full rounded bg-gray-200 p-1 dark:bg-gray-800", children: /* @__PURE__ */ s.jsx("p", { className: "text-left text-xs text-gray-400", children: "Scripts will be only executed in preview and live mode. Place your script at the bottom of the" }) }) }) }) : /* @__PURE__ */ s.jsx("div", { dangerouslySetInnerHTML: { __html: l } });
-}, Oe = {
+}, Ve = {
   type: "CustomScript",
   label: "web_blocks.custom_script",
   category: "core",
@@ -515,10 +516,10 @@ const Ge = (e) => {
       placeholder: "<script>console.log('Hello, world!');<\/script>"
     })
   }
-}, Ue = (e) => {
+}, Oe = (e) => {
   const { blockProps: l, styles: t } = e;
   return p.createElement("hr", { ...t, ...l });
-}, Ve = {
+}, Ue = {
   type: "Divider",
   label: "web_blocks.divider",
   category: "core",
@@ -614,7 +615,7 @@ const Ge = (e) => {
   hidden: !0,
   category: "core",
   group: "typography",
-  icon: q,
+  icon: A,
   props: {
     content: L({ title: "web_blocks.content", defaultValue: "" })
   }
@@ -645,7 +646,7 @@ const Ge = (e) => {
   category: "core",
   group: "basic",
   hidden: !0,
-  icon: q,
+  icon: A,
   props: {
     styles: m({ default: "" })
   }
@@ -784,7 +785,7 @@ const Ge = (e) => {
   type: "Input",
   label: "web_blocks.input",
   category: "core",
-  icon: A,
+  icon: q,
   group: "form",
   props: {
     styles: m({ default: "" }),
@@ -801,14 +802,14 @@ const Ge = (e) => {
       default: "text"
     }),
     value: b({ title: "web_blocks.value", default: "" }),
-    showLabel: k({ title: "web_blocks.show_label", default: !0 }),
+    showLabel: g({ title: "web_blocks.show_label", default: !0 }),
     inputStyles: m({ default: "w-full p-1" }),
     label: b({ title: "web_blocks.label", default: "Label" }),
     placeholder: b({
       title: "web_blocks.placeholder",
       default: "Placeholder"
     }),
-    required: k({ title: "web_blocks.required", default: !1 })
+    required: g({ title: "web_blocks.required", default: !1 })
   }
 }, it = (e) => {
   const { blockProps: l, fieldName: t, label: a, styles: o, inputStyles: n, checked: r, required: i, showLabel: c = !0 } = e, d = B();
@@ -838,8 +839,8 @@ const Ge = (e) => {
     styles: m({ default: "flex items-center w-max gap-x-2" }),
     fieldName: b({ title: "web_blocks.field_name", default: "radio" }),
     label: b({ title: "web_blocks.label", default: "Label" }),
-    checked: k({ title: "web_blocks.checked", default: !1 }),
-    required: k({ title: "web_blocks.required", default: !1 })
+    checked: g({ title: "web_blocks.checked", default: !1 }),
+    required: g({ title: "web_blocks.required", default: !1 })
   }
 }, ut = (e) => {
   const {
@@ -899,16 +900,16 @@ const Ge = (e) => {
   props: {
     styles: m({ default: "" }),
     fieldName: b({ title: "web_blocks.field_name", default: "select" }),
-    showLabel: k({ title: "web_blocks.show_label", default: !0 }),
+    showLabel: g({ title: "web_blocks.show_label", default: !0 }),
     inputStyles: m({ default: "w-full p-1" }),
     label: b({ title: "web_blocks.label", default: "Label" }),
     placeholder: b({
       title: "web_blocks.placeholder",
       default: "Placeholder"
     }),
-    required: k({ title: "web_blocks.required", default: !1 }),
-    _multiple: k({ title: "web_blocks.multiple", default: !1 }),
-    options: O({
+    required: g({ title: "web_blocks.required", default: !1 }),
+    _multiple: g({ title: "web_blocks.multiple", default: !1 }),
+    options: V({
       title: "web_blocks.options",
       itemProperties: {
         label: b({ title: "web_blocks.label", default: "" }),
@@ -937,11 +938,11 @@ const Ge = (e) => {
   type: "TextArea",
   label: "web_blocks.textarea",
   category: "core",
-  icon: A,
+  icon: q,
   group: "form",
   props: {
     fieldName: b({ title: "web_blocks.field_name", default: "textarea" }),
-    showLabel: k({ title: "web_blocks.show_label", default: !0 }),
+    showLabel: g({ title: "web_blocks.show_label", default: !0 }),
     styles: m({ default: "" }),
     inputStyles: m({ default: "w-full p-1" }),
     label: b({ title: "web_blocks.label", default: "Label" }),
@@ -988,11 +989,11 @@ const Ge = (e) => {
     fieldName: b({ title: "Field Name", default: "checkbox" }),
     styles: m({ default: "flex items-center gap-x-2" }),
     label: b({ title: "web_blocks.label", default: "Label" }),
-    checked: k({ title: "web_blocks.checked", default: !1 }),
-    required: k({ title: "web_blocks.required", default: !1 })
+    checked: g({ title: "web_blocks.checked", default: !1 }),
+    required: g({ title: "web_blocks.required", default: !1 })
   }
 }, It = () => {
-  u(ue, be), u(ke, ge), u(pe, me), u(ye, _e), u(we, xe), u(ve, Be), u(Ie, je), u(Le, Ce), u(Se, Me), u(Ne, $e), u(Ee, Pe), u(Te, He), u(ze, qe), u(De, Re), u(fe, he), u(Je, Ke), u(ot, st), u(at, nt), u(rt, ct), u(ft, ht), u(it, dt), u(ut, bt), u(pt, mt), u(tt, lt), u(Qe, et), u(Ge, Oe), u(Ue, Ve), u(We, Xe), u(Ye, Ze);
+  u(ue, be), u(ge, ye), u(pe, me), u(ke, _e), u(we, xe), u(ve, Be), u(Ie, je), u(Le, Ce), u(Se, Me), u(Ne, $e), u(Ee, Pe), u(Te, He), u(ze, Ae), u(De, Re), u(fe, he), u(Je, Ke), u(ot, st), u(at, nt), u(rt, ct), u(ft, ht), u(it, dt), u(ut, bt), u(pt, mt), u(tt, lt), u(Qe, et), u(Ge, Ve), u(Oe, Ue), u(We, Xe), u(Ye, Ze);
 };
 export {
   It as loadWebBlocks

package/package.json

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