@chaibuilder/sdk 1.2.2 → 1.2.3

package/package.json

@@ -5,7 +5,7 @@
   "author": "Suraj Air",
   "license": "BSD-3-Clause",
   "homepage": "https://chaibuilder.com",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "type": "module",
   "repository": {
     "type": "git",
@@ -108,6 +108,8 @@
     "@radix-ui/react-toast": "^1.1.4",
     "@radix-ui/react-toggle": "^1.0.3",
     "@radix-ui/react-tooltip": "^1.0.6",
+    "@react-email/components": "^0.0.18",
+    "@react-email/render": "^0.0.14",
     "@react-hookz/web": "23.1.0",
     "@rjsf/core": "5.11.2",
     "@rjsf/utils": "5.11.2",
@@ -143,11 +145,9 @@
     "react-dnd": "16.0.1",
     "react-dnd-html5-backend": "16.0.1",
     "react-dom": "^18",
+    "react-email": "^2.1.3",
     "react-hotkeys-hook": "4.4.1",
     "react-i18next": "13.0.1",
-    "@react-email/components": "^0.0.18",
-    "@react-email/render": "^0.0.14",
-    "react-email": "^2.1.3",
     "react-icons": "^4.10.1",
     "react-icons-picker": "^1.0.9",
     "react-json-view": "^1.21.3",
@@ -158,6 +158,7 @@
     "sonner": "^1.2.0",
     "tailwind-merge": "1.13.2",
     "tippy.js": "^6.3.7",
+    "undo-manager": "^1.1.1",
     "unist-util-visit": "^4.1.2",
     "unsplash-js": "^7.0.18"
   },

package/dist/html-to-json-dfALTAdG.cjs

@@ -1 +0,0 @@
-"use strict";const o=require("himalaya"),p=require("./Functions-N3yhPYKY.cjs"),e=require("lodash-es"),u=require("./MODIFIERS-2FeVfZQ9.cjs"),T=require("lodash"),v={img:{alt:"alt",width:"width",height:"height",src:"image"},video:{src:"url",autoplay:"controls.autoPlay",muted:"controls.muted",loop:"controls.loop",controls:"controls.widgets"},a:{href:"link.href",target:"link.target",type:""},input:{placeholder:"placeholder",required:"required",type:"inputType",name:"fieldName"},textarea:{placeholder:"placeholder",required:"required",type:"inputType",name:"fieldName"},select:{placeholder:"placeholder",required:"required",multiple:"multiple",name:"fieldName"}},N=(t,r)=>t.children.length===1&&e.includes(["Heading","Paragraph","Span","ListItem","Button","Label","TableCell","Link"],r._type),h=t=>t.map(r=>r.type==="text"?e.get(r,"content",""):e.isEmpty(r.children)?"":h(r.children)).join(""),g=t=>t===null?!0:t,y=t=>{const r={},s=v[t.tagName]||{},a=t.attributes;return e.forEach(a,({key:l,value:c})=>{if(s[l]){if(t.tagName==="img"&&l==="src"&&!c.startsWith("http")){const i=e.find(t.attributes,{key:"width"}),n=e.find(t.attributes,{key:"height"});i&&n?c=`https://via.placeholder.com/${i==null?void 0:i.value}x${n==null?void 0:n.value}`:c="https://via.placeholder.com/150x150"}e.set(r,s[l],g(c))}else e.includes(["style","class","srcset"],l)||e.set(r,`styles_attrs.${l}`,g(c))}),delete r.class,r},k=(t,r="styles")=>{if(!t.attributes)return{[r]:`${u.STYLES_KEY},`};const s=e.find(t.attributes,{key:"class"});if(s){const a=s.value;return{[r]:`${u.STYLES_KEY},${a}`}}return{[r]:`${u.STYLES_KEY},`}},x=t=>{switch(t.tagName){case"img":return{_type:"Image"};case"input":return{_type:"Input",showLabel:!1};case"hr":return{_type:"Divider"};case"br":return{_type:"LineBreak"};case"textarea":return{_type:"TextArea",showLabel:!1};case"audio":return{_type:"Audio"};case"canvas":return{_type:"Canvas"};case"video":case"iframe":return{_type:"CustomHTML"};case"svg":return{_type:"Icon"};case"select":return{_type:"Select",options:[]};case"option":return{_type:"Option"};case"ul":case"ol":case"dl":return{_type:"List",tag:t.tagName,_listType:t.tagName==="ol"?"list-decimal":"list-none"};case"li":case"dt":return{_type:"ListItem",tag:t.tagName};case"span":case"figcaption":case"legend":return{_type:"Span",tag:t.tagName};case"p":return{_type:"Paragraph",content:""};case"a":return{_type:"Link"};case"form":return{_type:"Form"};case"label":return{_type:"Label"};case"button":return{_type:"Button"};case"code":return{_type:"Code"};case"h1":case"h2":case"h3":case"h4":case"h5":case"h6":return{_type:"Heading",tag:t.tagName};case"table":return{_type:"Table"};case"tr":return{_type:"TableRow"};case"td":case"th":return{_type:"TableCell",tag:t.tagName};case"thead":return{_type:"TableHead"};case"tbody":return{_type:"TableBody"};case"tfoot":return{_type:"TableFooter"};default:return{_type:"Box",tag:t.tagName,_name:t.tagName==="div"?"Box":e.capitalize(t.tagName)}}},m=(t,r=null)=>e.flatMapDeep(t,s=>{var c;if(s.type==="comment")return[];let a={_id:p.generateUUID()};if(r&&(a._parent=r.block._id),s.type==="text")return e.isEmpty(e.get(s,"content",""))?[]:r&&N(r.node,r.block)?(e.set(r,"block.content",e.get(s,"content","")),[]):{...a,_type:"Text",content:e.get(s,"content","")};if(a={...a,...x(s),...y(s),...k(s)},a._type==="Input"){const i=a.inputType||"text";i==="checkbox"?e.set(a,"_type","Checkbox"):i==="radio"&&e.set(a,"_type","Radio")}else{if(s.tagName==="video"||s.tagName==="iframe")return a.content=o.stringify([s]),[a];if(s.tagName==="svg"){const i=e.find(s.attributes,{key:"height"}),n=e.find(s.attributes,{key:"width"}),f=e.get(i,"value")?`[${e.get(i,"value")}px]`:"24px",_=e.get(n,"value")?`[${e.get(n,"value")}px]`:"24px",d=e.get(e.find(s.attributes,{key:"class"}),"value","w-full h-full");return a.styles=`${u.STYLES_KEY}, ${p.cn(`w-${_} h-${f}`,d)}`.trim(),s.attributes=e.filter(s.attributes,b=>!e.includes(["style","width","height","class"],b.key)),a.icon=o.stringify([s]),e.set(a,"styles_attrs",T.omit(e.get(a,"styles_attrs")||{},["height","width","style","class"])),[a]}else if(s.tagName=="option"&&r&&((c=r.block)==null?void 0:c._type)==="Select")return r.block.options.push({label:h(s.children),...y(s)}),[]}const l=m(s.children,{block:a,node:s});return[a,...l]}),L=t=>{const r=t.match(/<body[^>]*>[\s\S]*?<\/body>/);return(r&&r.length>0?r[0].replace(/<body/,"<div").replace(/<\/body>/,"</div>"):t).replace(/\s+/g," ").replaceAll("> <","><").replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,"").trim()},S=t=>{const r=o.parse(L(t));return e.isEmpty(t)?[]:e.flatten(m(r))};exports.getBlocksFromHTML=S;

package/dist/html-to-json-xKBERAI1.js

@@ -1,177 +0,0 @@
-import { stringify as h, parse as N } from "himalaya";
-import { g as k, c as L } from "./Functions-7jnEwJyw.js";
-import { includes as y, get as c, isEmpty as g, forEach as w, find as u, set as o, capitalize as $, flatMapDeep as C, filter as S, flatten as B } from "lodash-es";
-import { a as p } from "./MODIFIERS-RiXS5Mn1.js";
-import { omit as A } from "lodash";
-const I = {
-  img: { alt: "alt", width: "width", height: "height", src: "image" },
-  video: {
-    src: "url",
-    autoplay: "controls.autoPlay",
-    muted: "controls.muted",
-    loop: "controls.loop",
-    controls: "controls.widgets"
-  },
-  a: {
-    href: "link.href",
-    target: "link.target",
-    type: ""
-    // @TODO: Detect here what to url, email, phone, elementId
-  },
-  input: {
-    placeholder: "placeholder",
-    required: "required",
-    type: "inputType",
-    name: "fieldName"
-  },
-  textarea: {
-    placeholder: "placeholder",
-    required: "required",
-    type: "inputType",
-    name: "fieldName"
-  },
-  select: {
-    placeholder: "placeholder",
-    required: "required",
-    multiple: "multiple",
-    name: "fieldName"
-  }
-}, H = (t, e) => t.children.length === 1 && y(["Heading", "Paragraph", "Span", "ListItem", "Button", "Label", "TableCell", "Link"], e._type), _ = (t) => t.map((e) => e.type === "text" ? c(e, "content", "") : g(e.children) ? "" : _(e.children)).join(""), m = (t) => t === null ? !0 : t, f = (t) => {
-  const e = {}, r = I[t.tagName] || {}, a = t.attributes;
-  return w(a, ({ key: l, value: i }) => {
-    if (r[l]) {
-      if (t.tagName === "img" && l === "src" && !i.startsWith("http")) {
-        const s = u(t.attributes, { key: "width" }), n = u(t.attributes, { key: "height" });
-        s && n ? i = `https://via.placeholder.com/${s == null ? void 0 : s.value}x${n == null ? void 0 : n.value}` : i = "https://via.placeholder.com/150x150";
-      }
-      o(e, r[l], m(i));
-    } else
-      y(["style", "class", "srcset"], l) || o(e, `styles_attrs.${l}`, m(i));
-  }), delete e.class, e;
-}, q = (t, e = "styles") => {
-  if (!t.attributes)
-    return { [e]: `${p},` };
-  const r = u(t.attributes, { key: "class" });
-  if (r) {
-    const a = r.value;
-    return { [e]: `${p},${a}` };
-  }
-  return { [e]: `${p},` };
-}, E = (t) => {
-  switch (t.tagName) {
-    case "img":
-      return { _type: "Image" };
-    case "input":
-      return { _type: "Input", showLabel: !1 };
-    case "hr":
-      return { _type: "Divider" };
-    case "br":
-      return { _type: "LineBreak" };
-    case "textarea":
-      return { _type: "TextArea", showLabel: !1 };
-    case "audio":
-      return { _type: "Audio" };
-    case "canvas":
-      return { _type: "Canvas" };
-    case "video":
-    case "iframe":
-      return { _type: "CustomHTML" };
-    case "svg":
-      return { _type: "Icon" };
-    case "select":
-      return { _type: "Select", options: [] };
-    case "option":
-      return { _type: "Option" };
-    case "ul":
-    case "ol":
-    case "dl":
-      return {
-        _type: "List",
-        tag: t.tagName,
-        _listType: t.tagName === "ol" ? "list-decimal" : "list-none"
-      };
-    case "li":
-    case "dt":
-      return { _type: "ListItem", tag: t.tagName };
-    case "span":
-    case "figcaption":
-    case "legend":
-      return { _type: "Span", tag: t.tagName };
-    case "p":
-      return { _type: "Paragraph", content: "" };
-    case "a":
-      return { _type: "Link" };
-    case "form":
-      return { _type: "Form" };
-    case "label":
-      return { _type: "Label" };
-    case "button":
-      return { _type: "Button" };
-    case "code":
-      return { _type: "Code" };
-    case "h1":
-    case "h2":
-    case "h3":
-    case "h4":
-    case "h5":
-    case "h6":
-      return { _type: "Heading", tag: t.tagName };
-    case "table":
-      return { _type: "Table" };
-    case "tr":
-      return { _type: "TableRow" };
-    case "td":
-    case "th":
-      return { _type: "TableCell", tag: t.tagName };
-    case "thead":
-      return { _type: "TableHead" };
-    case "tbody":
-      return { _type: "TableBody" };
-    case "tfoot":
-      return { _type: "TableFooter" };
-    default:
-      return {
-        _type: "Box",
-        tag: t.tagName,
-        _name: t.tagName === "div" ? "Box" : $(t.tagName)
-      };
-  }
-}, b = (t, e = null) => C(t, (r) => {
-  var i;
-  if (r.type === "comment")
-    return [];
-  let a = { _id: k() };
-  if (e && (a._parent = e.block._id), r.type === "text")
-    return g(c(r, "content", "")) ? [] : e && H(e.node, e.block) ? (o(e, "block.content", c(r, "content", "")), []) : { ...a, _type: "Text", content: c(r, "content", "") };
-  if (a = {
-    ...a,
-    ...E(r),
-    ...f(r),
-    ...q(r)
-  }, a._type === "Input") {
-    const s = a.inputType || "text";
-    s === "checkbox" ? o(a, "_type", "Checkbox") : s === "radio" && o(a, "_type", "Radio");
-  } else {
-    if (r.tagName === "video" || r.tagName === "iframe")
-      return a.content = h([r]), [a];
-    if (r.tagName === "svg") {
-      const s = u(r.attributes, { key: "height" }), n = u(r.attributes, { key: "width" }), d = c(s, "value") ? `[${c(s, "value")}px]` : "24px", T = c(n, "value") ? `[${c(n, "value")}px]` : "24px", v = c(u(r.attributes, { key: "class" }), "value", "w-full h-full");
-      return a.styles = `${p}, ${L(`w-${T} h-${d}`, v)}`.trim(), r.attributes = S(r.attributes, (x) => !y(["style", "width", "height", "class"], x.key)), a.icon = h([r]), o(a, "styles_attrs", A(c(a, "styles_attrs") || {}, ["height", "width", "style", "class"])), [a];
-    } else if (r.tagName == "option" && e && ((i = e.block) == null ? void 0 : i._type) === "Select")
-      return e.block.options.push({
-        label: _(r.children),
-        ...f(r)
-      }), [];
-  }
-  const l = b(r.children, { block: a, node: r });
-  return [a, ...l];
-}), M = (t) => {
-  const e = t.match(/<body[^>]*>[\s\S]*?<\/body>/);
-  return (e && e.length > 0 ? e[0].replace(/<body/, "<div").replace(/<\/body>/, "</div>") : t).replace(/\s+/g, " ").replaceAll("> <", "><").replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "").trim();
-}, U = (t) => {
-  const e = N(M(t));
-  return g(t) ? [] : B(b(e));
-};
-export {
-  U as g
-};