@chaibuilder/sdk 3.1.1 → 3.1.3

package/dist/web-blocks.js

@@ -1,9 +1,9 @@
-import { registerChaiBlockSchema as p, StylesProp as u, registerChaiBlock as d, getRegisteredChaiBlock as U, stylesProp as L, closestBlockProp as q } from "@chaibuilder/runtime";
+import { registerChaiBlockSchema as p, StylesProp as u, registerChaiBlock as d, getRegisteredChaiBlock as U, stylesProp as L, closestBlockProp as Z } from "@chaibuilder/runtime";
 import { jsx as a, jsxs as g, Fragment as N } from "react/jsx-runtime";
 import { c as _, g as I } from "./common-functions-BGzDsf1z.js";
 import * as y from "react";
 import { createElement as w } from "react";
-import { ButtonIcon as E, CodeIcon as H, FrameIcon as $, SketchLogoIcon as Z, LayoutIcon as G, RowsIcon as z, DividerHorizontalIcon as W, CheckboxIcon as O, FileTextIcon as Y, InputIcon as j, LetterCaseToggleIcon as Q, RadiobuttonIcon as J, DropdownMenuIcon as X, HeadingIcon as K, TableIcon as ee, BorderTopIcon as te, BorderAllIcon as oe, ViewHorizontalIcon as le, DragHandleHorizontalIcon as re, ImageIcon as ne, Link1Icon as ae, ColumnsIcon as ie, TextIcon as se, CursorTextIcon as ce, SpaceBetweenVerticallyIcon as de, VideoIcon as pe, ChevronLeftIcon as ue, ChevronRightIcon as me, LoopIcon as D } from "@radix-ui/react-icons";
+import { ButtonIcon as M, CodeIcon as H, FrameIcon as $, SketchLogoIcon as q, LayoutIcon as G, RowsIcon as j, DividerHorizontalIcon as W, CheckboxIcon as O, FileTextIcon as Y, InputIcon as D, LetterCaseToggleIcon as Q, RadiobuttonIcon as J, DropdownMenuIcon as X, HeadingIcon as K, TableIcon as ee, BorderTopIcon as te, BorderAllIcon as oe, ViewHorizontalIcon as le, DragHandleHorizontalIcon as re, ImageIcon as ne, Link1Icon as ae, ColumnsIcon as ie, TextIcon as se, CursorTextIcon as ce, SpaceBetweenVerticallyIcon as de, VideoIcon as pe, ChevronLeftIcon as ue, ChevronRightIcon as me, LoopIcon as z } from "@radix-ui/react-icons";
 import { isEmpty as v, get as k, map as R, isNull as ye, omit as V, pick as F } from "lodash-es";
 const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div", { className: _("pointer-events-none flex h-20 flex-col items-center justify-center p-2", e), children: /* @__PURE__ */ a("div", { className: "h-full w-full rounded bg-gray-200 p-2 dark:bg-gray-800", children: /* @__PURE__ */ a("div", { className: "flex h-full w-full items-center justify-center outline-dashed outline-1 -outline-offset-1 outline-gray-400 duration-300 dark:outline-gray-700" }) }) }) : null, ge = (e) => {
   const { blockProps: o, inBuilder: t, backgroundImage: l, children: r, tag: n = "div", styles: i } = e;
@@ -80,7 +80,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   description: "similar to a button element in HTML",
   label: "Button",
   category: "core",
-  icon: E,
+  icon: M,
   group: "basic",
   ...p({
     properties: {
@@ -240,7 +240,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   label: "web_blocks.icon",
   category: "core",
   description: "Icon block is used to display an icon/svg.",
-  icon: Z,
+  icon: q,
   group: "media",
   ...p({
     properties: {
@@ -248,7 +248,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
       icon: {
         type: "string",
         title: "Icon",
-        default: '<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M8 16c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zM8 1.5c3.59 0 6.5 2.91 6.5 6.5s-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5zM8 9.356c1.812 0 3.535-0.481 5-1.327-0.228 2.788-2.393 4.971-5 4.971s-4.772-2.186-5-4.973c1.465 0.845 3.188 1.329 5 1.329zM4 5.5c0-0.828 0.448-1.5 1-1.5s1 0.672 1 1.5c0 0.828-0.448 1.5-1 1.5s-1-0.672-1-1.5zM10 5.5c0-0.828 0.448-1.5 1-1.5s1 0.672 1 1.5c0 0.828-0.448 1.5-1 1.5s-1-0.672-1-1.5z"></path></svg>',
+        default: '<svg xmlns="http://www.w3.org/2000/svg" class="chai-default-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-diamond-icon lucide-diamond"><path d="M2.7 10.3a2.41 2.41 0 0 0 0 3.41l7.59 7.59a2.41 2.41 0 0 0 3.41 0l7.59-7.59a2.41 2.41 0 0 0 0-3.41l-7.59-7.59a2.41 2.41 0 0 0-3.41 0Z"/></svg>',
         ui: { "ui:widget": "icon" }
       },
       width: {
@@ -393,7 +393,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   description: "A row component",
   label: "Row",
   group: "basic",
-  icon: z,
+  icon: j,
   hidden: !0,
   blocks: () => [
     { _type: "Row", _id: "row", styles: "#styles:,p-1" },
@@ -423,7 +423,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
 }, Ae = (e) => {
   const { blockProps: o, styles: t } = e;
   return w("hr", { ...t, ...o });
-}, Me = {
+}, Ee = {
   type: "Divider",
   description: "A horizontal line component",
   label: "Divider",
@@ -435,7 +435,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
       styles: u("bg-gray-900 h-0.5 py-2 my-1")
     }
   })
-}, Ee = (e) => {
+}, Me = (e) => {
   const { blockProps: o, styles: t, backgroundImage: l } = e;
   let r = {};
   return l && (r = { backgroundImage: `url(${l})` }), y.createElement("div", { ...o, ...t, style: r });
@@ -473,7 +473,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
       defaultChecked: s
     }
   );
-}, ze = {
+}, je = {
   type: "Checkbox",
   label: "web_blocks.checkbox",
   category: "core",
@@ -512,7 +512,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   }),
   aiProps: ["label"],
   i18nProps: ["label"]
-}, je = (e) => {
+}, De = (e) => {
   const { children: o, blockProps: t, errorMessage: l, successMessage: r, action: n, styles: i, inBuilder: s } = e;
   let c = o;
   return o || (c = /* @__PURE__ */ a(C, { inBuilder: s })), /* @__PURE__ */ g(
@@ -537,7 +537,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
       ]
     }
   );
-}, De = {
+}, ze = {
   type: "Form",
   label: "Form",
   category: "core",
@@ -595,7 +595,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   type: "FormButton",
   label: "Submit Button",
   category: "core",
-  icon: E,
+  icon: M,
   group: "form",
   ...p({
     properties: {
@@ -698,7 +698,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
     organization: { type: "text", autocomplete: "organization" },
     language: { type: "text", autocomplete: "language" }
   }[e] || o : o;
-}, qe = (e) => {
+}, Ze = (e) => {
   const {
     blockProps: o,
     fieldName: t,
@@ -739,11 +739,11 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
       defaultValue: h
     }
   );
-}, Ze = {
+}, qe = {
   type: "Input",
   label: "web_blocks.input",
   category: "core",
-  icon: j,
+  icon: D,
   group: "form",
   ...p({
     properties: {
@@ -1080,7 +1080,7 @@ const C = ({ className: e = "", inBuilder: o }) => o ? /* @__PURE__ */ a("div",
   type: "TextArea",
   label: "web_blocks.textarea",
   category: "core",
-  icon: j,
+  icon: D,
   group: "form",
   ...p({
     properties: {
@@ -1469,7 +1469,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   type: "List",
   description: "A list component",
   label: "List",
-  icon: z,
+  icon: j,
   category: "core",
   group: "basic",
   ...p({
@@ -1665,7 +1665,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
       default: !1
     }
   }
-}, A = /^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/, M = /(?:https?:\/\/)?(?:www\.)?(?:vimeo\.com\/(?:channels\/[\w]+\/|groups\/[^\/]+\/videos\/|album\/\d+\/video\/|video\/)?|player\.vimeo\.com\/video\/)(\d+)/, Lt = (e, o) => {
+}, A = /^(https?:\/\/)?(www\.)?youtube\.com\/(watch\?v=|embed\/)([a-zA-Z0-9_-]{11})/, E = /(?:https?:\/\/)?(?:www\.)?(?:vimeo\.com\/(?:channels\/[\w]+\/|groups\/[^\/]+\/videos\/|album\/\d+\/video\/|video\/)?|player\.vimeo\.com\/video\/)(\d+)/, Lt = (e, o) => {
   const t = k(o, "autoplay", !1), l = k(o, "controls", !1), r = k(o, "loop", !1), n = t || k(o, "muted", !0);
   if (A.test(e)) {
     const i = e.match(A);
@@ -1675,8 +1675,8 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
       return m += r ? `&loop=1&playlist=${s}` : "", m += n ? "&mute=1&muted=1" : "", m += l ? "&controls=1" : "&controls=0", `${c}?${m}`;
     }
   }
-  if (M.test(e)) {
-    const i = e.match(M);
+  if (E.test(e)) {
+    const i = e.match(E);
     if (i) {
       const s = i[1];
       let c = "";
@@ -1859,7 +1859,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
 }, At = {
   type: "Repeater",
   label: "Repeater",
-  icon: D,
+  icon: z,
   group: "basic",
   description: "Repeater block is used to display a list of items based on data binding in repeaterItems",
   dataProviderMode: "live",
@@ -1951,7 +1951,7 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
     ]
   }),
   canAcceptBlock: (e) => e === "Pagination"
-}, Mt = ({
+}, Et = ({
   children: e,
   blockProps: o,
   styles: t,
@@ -1974,16 +1974,16 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
     { ...o, ...t },
     /* @__PURE__ */ a("div", { className: "col-span-3 flex items-center justify-center bg-orange-50 p-5 text-sm text-muted-foreground", children: "Add children to repeater item" })
   ) : y.createElement(n, { ...o, ...t }, e);
-}, Et = {
+}, Mt = {
   type: "RepeaterItem",
   label: "Repeater Item",
-  icon: D,
+  icon: z,
   hidden: !0,
   group: "basic",
   ...p({
     properties: {
       styles: L(""),
-      parentTag: q("Repeater", "tag")
+      parentTag: Z("Repeater", "tag")
     }
   }),
   canAcceptBlock: (e) => e !== "RepeaterItem",
@@ -2006,9 +2006,9 @@ const ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   canDelete: () => !1,
   canMove: () => !1,
   canDuplicate: () => !1
-}, qt = () => {
-  d(ge, be), d(Ee, He), d(fe, he), d(et, tt), d(ht, kt), d(vt, Ct), d(xt, wt), d(ut, mt), d(yt, gt), d(bt, ft), d(Pe, Le), d(dt, pt), d(Nt, _t), d(ke, xe), d(we, ve), d(It, Pt), d(je, De), d(Ve, Fe), d(qe, Ze), d($e, ze), d(Oe, Ye), d(Qe, Je), d(Xe, Ke), d(Ge, We), d(ot, lt), d(Ae, Me), d(Ce, Ie), d(Be, Se), d(Te, Re), d(Ne, _e), d(Rt, At), d(Mt, Et), d(Ht, $t);
+}, Zt = () => {
+  d(ge, be), d(Me, He), d(fe, he), d(et, tt), d(ht, kt), d(vt, Ct), d(xt, wt), d(ut, mt), d(yt, gt), d(bt, ft), d(Pe, Le), d(dt, pt), d(Nt, _t), d(ke, xe), d(we, ve), d(It, Pt), d(De, ze), d(Ve, Fe), d(Ze, qe), d($e, je), d(Oe, Ye), d(Qe, Je), d(Xe, Ke), d(Ge, We), d(ot, lt), d(Ae, Ee), d(Ce, Ie), d(Be, Se), d(Te, Re), d(Ne, _e), d(Rt, At), d(Et, Mt), d(Ht, $t);
 };
 export {
-  qt as loadWebBlocks
+  Zt as loadWebBlocks
 };

package/package.json

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