@chaibuilder/sdk 1.2.50 → 1.2.52

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

@@ -0,0 +1,186 @@
+import { stringify as m, parse as w } from "himalaya";
+import { g as N, c as k } from "./Functions-7jnEwJyw.js";
+import { isEmpty as g, includes as y, get as l, forEach as L, find as u, set as o, capitalize as S, flatMapDeep as $, filter as C, flatten as A } from "lodash-es";
+import { a as p } from "./MODIFIERS-fd5XOmum.js";
+const B = (t) => {
+  const e = /(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/, r = /(?:https?:\/\/)?(?:www\.)?(player)?.vimeo\.com/;
+  return e.test(t) || r.test(t);
+}, R = (t) => {
+  if (g(t))
+    return t;
+  const e = /<video[^>]+src=['"]([^'">]+)['"]/, r = /<iframe[^>]+src=['"]([^'">]+)['"]/, a = t.match(e), i = t.match(r), c = a ? a[1] : i ? i[1] : null, s = /(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/, n = /(?:https?:\/\/)?(?:www\.)?player.vimeo\.com/;
+  return c && (s.test(c) || n.test(c)) ? c : t;
+}, H = {
+  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"
+  }
+}, M = (t, e) => t.children.length === 1 && y(["Heading", "Paragraph", "Span", "ListItem", "Button", "Label", "TableCell", "Link"], e._type), b = (t) => t.map((e) => e.type === "text" ? l(e, "content", "") : g(e.children) ? "" : b(e.children)).join(""), h = (t) => t === null ? !0 : t, f = (t) => {
+  if (t.tagName === "svg")
+    return {};
+  const e = {}, r = H[t.tagName] || {}, a = t.attributes;
+  return L(a, ({ key: i, value: c }) => {
+    if (r[i]) {
+      if (t.tagName === "img" && i === "src" && !c.startsWith("http")) {
+        const s = u(t.attributes, { key: "width" }), n = u(t.attributes, { key: "height" });
+        s && n ? c = `https://via.placeholder.com/${s == null ? void 0 : s.value}x${n == null ? void 0 : n.value}` : c = "https://via.placeholder.com/150x150";
+      }
+      o(e, r[i], h(c));
+    } else
+      y(["style", "class", "srcset"], i) || o(e, `styles_attrs.${i}`, h(c));
+  }), delete e.class, e;
+}, E = (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},` };
+}, I = (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:
+      const e = l(t, "children", []).length > 0 ? "Box" : "EmptyBox";
+      return {
+        _type: e,
+        tag: t.tagName,
+        _name: e == "EmptyBox" || t.tagName === "div" ? e : S(t.tagName)
+      };
+  }
+}, d = (t, e = null) => $(t, (r) => {
+  var c;
+  if (r.type === "comment")
+    return [];
+  let a = { _id: N() };
+  if (e && (a._parent = e.block._id), r.type === "text")
+    return g(l(r, "content", "")) ? [] : e && M(e.node, e.block) ? (o(e, "block.content", l(r, "content", "")), []) : { ...a, _type: "Text", content: l(r, "content", "") };
+  if (a = {
+    ...a,
+    ...I(r),
+    ...f(r),
+    ...E(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") {
+    const s = m([r]);
+    return B(s) && (o(a, "_type", "Video"), o(a, "url", R(s)), o(a, "styles", `${p},absolute top-0 left-0 w-full h-full`), o(a, "controls", { autoPlay: !1, muted: !0, loop: !1, controls: !1 })), a.content = s, [a];
+  } else if (r.tagName === "svg") {
+    const s = u(r.attributes, { key: "height" }), n = u(r.attributes, { key: "width" }), _ = l(s, "value") ? `[${l(s, "value")}px]` : "24px", v = l(n, "value") ? `[${l(n, "value")}px]` : "24px", T = l(u(r.attributes, { key: "class" }), "value", "w-full h-full");
+    return a.styles = `${p}, ${k(`w-${v} h-${_}`, T)}`.trim(), r.attributes = C(r.attributes, (x) => !y(["style", "width", "height", "class"], x.key)), a.icon = m([r]), [a];
+  } else if (r.tagName == "option" && e && ((c = e.block) == null ? void 0 : c._type) === "Select")
+    return e.block.options.push({
+      label: b(r.children),
+      ...f(r)
+    }), [];
+  const i = d(r.children, { block: a, node: r });
+  return [a, ...i];
+}), q = (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();
+}, V = (t) => {
+  const e = w(q(t));
+  return g(t) ? [] : A(d(e));
+};
+export {
+  V as g
+};

package/dist/index--mLLy7QQ.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react");var u={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},p=s.createContext&&s.createContext(u),d=["attr","size","title"];function I(e,t){if(e==null)return{};var i=f(e,t),n,o;if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(o=0;o<c.length;o++)n=c[o],!(t.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function f(e,t){if(e==null)return{};var i={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){if(t.indexOf(n)>=0)continue;i[n]=e[n]}return i}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},l.apply(this,arguments)}function h(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),i.push.apply(i,n)}return i}function a(e){for(var t=1;t<arguments.length;t++){var i=arguments[t]!=null?arguments[t]:{};t%2?h(Object(i),!0).forEach(function(n){U(e,n,i[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):h(Object(i)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))})}return e}function U(e,t,i){return t=j(t),t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function j(e){var t=v(e,"string");return typeof t=="symbol"?t:t+""}function v(e,t){if(typeof e!="object"||!e)return e;var i=e[Symbol.toPrimitive];if(i!==void 0){var n=i.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function b(e){return e&&e.map((t,i)=>s.createElement(t.tag,a({key:i},t.attr),b(t.child)))}function y(e){return t=>s.createElement(w,l({attr:a({},e.attr)},t),b(e.child))}function w(e){var t=i=>{var{attr:n,size:o,title:c}=e,g=I(e,d),m=o||i.size||"1em",r;return i.className&&(r=i.className),e.className&&(r=(r?r+" ":"")+e.className),s.createElement("svg",l({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},i.attr,n,g,{className:r,style:a(a({color:e.color||i.color},i.style),e.style),height:m,width:m,xmlns:"http://www.w3.org/2000/svg"}),c&&s.createElement("title",null,c),e.children)};return p!==void 0?s.createElement(p.Consumer,null,i=>t(i)):t(u)}exports.GenIcon=y;