@chaibuilder/sdk 3.0.9 → 3.0.11

package/dist/apply-binding-B0CX8mDS.js

@@ -0,0 +1,641 @@
+import { getRegisteredChaiBlock as Q } from "@chaibuilder/runtime";
+import { memoize as Y, get as u, cloneDeep as S, forEach as $, keys as A, isString as T, startsWith as v, isArray as N, isEmpty as g, includes as _, flatten as tt, flatMapDeep as et, set as k, has as C, filter as V, find as m, some as st, compact as at, map as nt, trim as rt, capitalize as ot, last as ct } from "lodash-es";
+import { twMerge as lt } from "tailwind-merge";
+import { g as pt, c as D } from "./common-functions-BGzDsf1z.js";
+import { parse as dt, stringify as E } from "himalaya";
+const f = "#styles:", It = "__ADD_BLOCK_INTERNAL_ROOT", Ct = "@", ut = "#", K = (e) => {
+  if (e = e.replace(f, ""), !e) return { baseClasses: "", classes: "" };
+  const n = e.split(/,(?![^\[]*\])/);
+  if (n.length === 1)
+    return { baseClasses: "", classes: n[0].trim() };
+  const [t, ...a] = n;
+  return {
+    baseClasses: t.trim(),
+    classes: a.join(",").trim().replace(/ +(?= )/g, "")
+  };
+};
+import.meta.vitest && describe("getSplitChaiClasses", () => {
+  it("should return the base classes and the classes", () => {
+    const e = {
+      ",styles-2": { baseClasses: "", classes: "styles-2" },
+      "styles-1,styles-2": { baseClasses: "styles-1", classes: "styles-2" },
+      ",bg-[linear-gradient(-10deg,black,transparent_100%)]": {
+        baseClasses: "",
+        classes: "bg-[linear-gradient(-10deg,black,transparent_100%)]"
+      },
+      "styles-1,bg-[linear-gradient(-10deg,black,transparent_100%)]": {
+        baseClasses: "styles-1",
+        classes: "bg-[linear-gradient(-10deg,black,transparent_100%)]"
+      },
+      someclass: {
+        baseClasses: "",
+        classes: "someclass"
+      },
+      ",bg-red-500 text-center   font-bold": {
+        baseClasses: "",
+        classes: "bg-red-500 text-center font-bold"
+      },
+      "bg-[linear-gradient(-10deg,black,transparent_100%)], bg-[linear-gradient(-10deg,black,transparent_100%)]": {
+        baseClasses: "bg-[linear-gradient(-10deg,black,transparent_100%)]",
+        classes: "bg-[linear-gradient(-10deg,black,transparent_100%)]"
+      }
+    };
+    for (let n in e) {
+      const t = K(`${f}${n}`);
+      expect(t).toEqual(e[n]);
+    }
+  });
+});
+function Nt(e, n, t) {
+  const a = u(t, "i18nProps", []);
+  if (g(n) || g(a)) return e;
+  const s = S(e);
+  return $(A(s), (o) => {
+    if (_(a, o) && !g(n)) {
+      const c = u(s, o), r = u(s, `${o}-${n}`, "");
+      T(c) ? s[o] = T(r) && !g(r.trim()) && r.trimStart() || c : s[o] = g(r) ? c : r;
+    }
+  }), s;
+}
+const ht = Y((e) => {
+  const { baseClasses: n, classes: t } = K(e);
+  return lt(n, t);
+});
+function yt(e, n) {
+  return u(e, `${n}_attrs`, {});
+}
+function Dt(e, n = !0) {
+  const t = {};
+  return Object.keys(e).forEach((a) => {
+    if (T(e[a]) && e[a].startsWith(f)) {
+      const s = ht(e[a]), o = yt(e, a);
+      t[a] = {
+        ...!g(s) && { className: s },
+        ...o,
+        ...n ? {
+          "data-style-prop": a,
+          "data-block-parent": e._id,
+          "data-style-id": `${a}-${e._id}`
+        } : {}
+      };
+    }
+  }), t;
+}
+const Lt = Y((e) => {
+  const n = Q(e), t = u(n, "schema.properties", {});
+  return Object.fromEntries(Object.entries(t).filter(([, a]) => u(a, "runtime", !1)));
+}), St = (e, n) => {
+  if (!N(e)) return e;
+  let t = e, a;
+  return typeof n.limit == "number" && n.limit > 0 && (a = n.limit), a !== void 0 && (t = t.slice(0, a)), t;
+}, At = (e, n) => {
+  const t = S(e);
+  return $(A(t), (a) => {
+    if (T(t[a]) && !v(a, "_")) {
+      let s = t[a];
+      a === "repeaterItems" && (t.repeaterItemsBinding = s);
+      const o = /\{\{(.*?)\}\}/g, c = s.match(o);
+      c && c.forEach((r) => {
+        let p = r.slice(2, -2);
+        const h = u(n, p, r);
+        s = N(h) ? h : s.replace(r, h);
+      }), t[a] = s;
+    }
+  }), t;
+}, mt = (e) => {
+  const n = /(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/, t = /(?:https?:\/\/)?(?:www\.)?(player)?.vimeo\.com/;
+  return n.test(e) || t.test(e);
+}, gt = (e) => {
+  if (g(e)) return e;
+  const n = /<video[^>]+src=['"]([^'">]+)['"]/, t = /<iframe[^>]+src=['"]([^'">]+)['"]/, a = e.match(n), s = e.match(t), o = a ? a[1] : s ? s[1] : null, c = /(?: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 o && (c.test(o) || r.test(o)) ? o : e;
+}, X = ["chai-name", "data-chai-name"], bt = {
+  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"
+  },
+  form: {
+    action: "action"
+  }
+}, ft = (e, n) => e.children.length === 1 && _(
+  ["Heading", "Paragraph", "Span", "ListItem", "Button", "Label", "TableCell", "Link", "RichText"],
+  n._type
+), L = (e) => e.map((n) => n.type === "text" ? u(n, "content", "") : g(n.children) ? "" : L(n.children)).join(""), W = (e) => e === null ? "" : e, Z = (e) => {
+  const n = at(nt(e.split(/\s+/), rt)), t = m(n, (r) => /^w-/.test(r)), a = m(n, (r) => /^h-/.test(r));
+  if (!a || !t) return { height: "", width: "" };
+  const s = (r) => {
+    if (!r) return;
+    const p = r.match(/^[wh]-(?:\[(.*?)\]|(.+))$/);
+    if (!p) return;
+    if (p[1]) return p[1];
+    const h = p[2];
+    return /^\d+(\.\d+)?$/.test(h) ? `${Number(h) * 4}px` : h === "auto" || _(h, "%") ? h : "16px";
+  }, o = s(t), c = s(a);
+  return {
+    width: _(o, "px") ? o : "16px",
+    height: _(c, "px") ? c : "16px"
+  };
+}, U = (e) => {
+  if (e.tagName === "svg") return {};
+  const n = {}, t = bt[e.tagName] || {}, a = e.attributes;
+  return $(a, ({ key: s, value: o }) => {
+    if (!_(X, s))
+      if (t[s]) {
+        if (e.tagName === "img" && s === "src" && !o.startsWith("http")) {
+          const c = m(e.attributes, { key: "width" }), r = m(e.attributes, { key: "height" });
+          c && r ? o = `https://via.placeholder.com/${c == null ? void 0 : c.value}x${r == null ? void 0 : r.value}` : o = "https://via.placeholder.com/150x150";
+        }
+        k(n, t[s], W(o));
+      } else _(["style", "class", "srcset"], s) || (C(n, "styles_attrs") || (n.styles_attrs = {}), v(s, "@") && (s = s.replace("@", "x-on:")), n.styles_attrs[`${s}`] = W(o));
+  }), delete n.class, n;
+}, xt = (e, n = "styles") => {
+  if (!e.attributes) return { [n]: `${f},` };
+  const t = m(e.attributes, { key: "class" });
+  if (t) {
+    const a = t.value;
+    return { [n]: `${f},${a}` };
+  }
+  return { [n]: `${f},` };
+}, _t = (e) => {
+  const n = u(e, "attributes", []), t = n.find((r) => r.key === "data-chai-richtext" || r.key === "chai-richtext"), a = n.find((r) => r.key === "data-chai-lightbox" || r.key === "chai-lightbox"), s = n.find((r) => r.key === "data-chai-dropdown" || r.key === "chai-dropdown"), o = n.find(
+    (r) => r.key === "data-chai-dropdown-button" || r.key === "chai-dropdown-button"
+  ), c = n.find(
+    (r) => r.key === "data-chai-dropdown-content" || r.key === "chai-dropdown-content"
+  );
+  if (s)
+    return { _type: "Dropdown" };
+  if (o)
+    return { _type: "DropdownButton" };
+  if (c)
+    return { _type: "DropdownContent" };
+  if (t)
+    return { _type: "RichText" };
+  if (a)
+    return { _type: "LightBoxLink" };
+  switch (e.tagName) {
+    // self closing tags
+    case "img":
+      return { _type: "Image" };
+    case "input":
+      return { _type: "Input", showLabel: !1 };
+    // showLabel: hiding default block label
+    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" };
+    // non self closing tags
+    // fixed structure
+    case "select":
+      return { _type: "Select", options: [] };
+    case "option":
+      return { _type: "Option" };
+    case "ul":
+    case "ol":
+    case "dl":
+      return {
+        _type: "List",
+        tag: e.tagName,
+        _listType: e.tagName === "ol" ? "list-decimal" : "list-none"
+      };
+    case "li":
+    case "dt":
+      return { _type: "ListItem", tag: e.tagName };
+    // non self closing tags
+    // free flow structure
+    case "span":
+    case "figcaption":
+    case "legend":
+      return { _type: "Span", tag: e.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: "Box", _name: "Code" };
+    case "h1":
+    case "h2":
+    case "h3":
+    case "h4":
+    case "h5":
+    case "h6":
+      return { _type: "Heading", tag: e.tagName };
+    case "table":
+      return { _type: "Table" };
+    case "tr":
+      return { _type: "TableRow" };
+    case "td":
+    case "th":
+      return { _type: "TableCell", tag: e.tagName };
+    case "thead":
+      return { _type: "TableHead" };
+    case "tbody":
+      return { _type: "TableBody" };
+    case "tfoot":
+      return { _type: "TableFooter" };
+    default: {
+      const r = u(e, "children", []).length > 0 ? "Box" : "EmptyBox";
+      return {
+        _type: r,
+        tag: e.tagName,
+        _name: r == "EmptyBox" || e.tagName === "div" ? r : ot(e.tagName)
+      };
+    }
+  }
+}, G = (e, n = null) => et(e, (t) => {
+  var R, H, M, q, P, O, j, z, F, J;
+  if (t.type === "comment") return [];
+  let a = { _id: pt() };
+  if (n && (a._parent = n.block._id), t.type === "text")
+    return g(u(t, "content", "")) ? [] : n && ft(n.node, n.block) ? (k(n, "block.content", u(t, "content", "")), []) : { ...a, _type: "Text", content: u(t, "content", "") };
+  const s = u(t, "attributes", []), o = s.find(
+    (i) => i.key === "data-chai-richtext" || i.key === "chai-richtext"
+  ), c = s.find(
+    (i) => i.key === "data-chai-lightbox" || i.key === "chai-lightbox"
+  ), r = s.find(
+    (i) => i.key === "data-chai-dropdown" || i.key === "chai-dropdown"
+  ), p = s.find(
+    (i) => i.key === "data-chai-dropdown-button" || i.key === "chai-dropdown-button"
+  ), h = s.find(
+    (i) => i.key === "data-chai-dropdown-content" || i.key === "chai-dropdown-content"
+  );
+  if (a = {
+    ...a,
+    ..._t(t),
+    ...U(t),
+    ...xt(t)
+  }, t.attributes) {
+    const i = t.attributes.find((l) => _(X, l.key));
+    i && (a._name = i.value);
+  }
+  if (o)
+    return a.content = E(t.children), C(a, "styles_attrs.data-chai-richtext") && delete a.styles_attrs["data-chai-richtext"], C(a, "styles_attrs.chai-richtext") && delete a.styles_attrs["chai-richtext"], [a];
+  if (c) {
+    const i = [
+      "data-chai-lightbox",
+      "chai-lightbox",
+      "data-vbtype",
+      "data-autoplay",
+      "data-maxwidth",
+      "data-overlay",
+      "data-gall",
+      "href"
+    ];
+    a = {
+      ...a,
+      href: ((R = s.find((l) => l.key === "href")) == null ? void 0 : R.value) || "",
+      hrefType: ((H = s.find((l) => l.key === "data-vbtype")) == null ? void 0 : H.value) || "video",
+      autoplay: ((M = s.find((l) => l.key === "data-autoplay")) == null ? void 0 : M.value) === "true" ? "true" : "false",
+      maxWidth: ((P = (q = s.find((l) => l.key === "data-maxwidth")) == null ? void 0 : q.value) == null ? void 0 : P.replace("px", "")) || "",
+      backdropColor: ((O = s.find((l) => l.key === "data-overlay")) == null ? void 0 : O.value) || "",
+      galleryName: ((j = s.find((l) => l.key === "data-gall")) == null ? void 0 : j.value) || ""
+    }, $(i, (l) => {
+      C(a, `styles_attrs.${l}`) && delete a.styles_attrs[l];
+    });
+  }
+  if (r && (delete a.styles_attrs, a.showDropdown = !1), h && delete a.styles_attrs, p) {
+    delete a.styles_attrs;
+    const i = V(t.children || [], (d) => (d == null ? void 0 : d.tagName) !== "span");
+    a.content = L(i);
+    const l = m(
+      t.children || [],
+      (d) => (d == null ? void 0 : d.tagName) === "span" && st(d.children || [], (y) => (y == null ? void 0 : y.tagName) === "svg")
+    );
+    if (l) {
+      const d = m(l.children || [], (y) => (y == null ? void 0 : y.tagName) === "svg");
+      if (d) {
+        a.icon = E([d]);
+        const { height: y, width: B } = kt(d, "16px", "16px");
+        a.iconHeight = y, a.iconWidth = B;
+      }
+    }
+    return [a];
+  }
+  if (a._type === "Input") {
+    const i = a.inputType || "text";
+    i === "checkbox" ? k(a, "_type", "Checkbox") : i === "radio" && k(a, "_type", "Radio");
+  } else if (t.tagName === "video" || t.tagName === "iframe") {
+    const i = E([t]);
+    return mt(i) && (k(a, "_type", "Video"), k(a, "url", gt(i)), k(a, "styles", `${f},`), k(a, "controls", { autoPlay: !1, muted: !0, loop: !1, controls: !1 })), a.content = i, [a];
+  } else if (t.tagName === "svg") {
+    const i = u(m(t.attributes, { key: "class" }), "value", ""), { height: l, width: d } = Z(i);
+    if (l && d)
+      a.styles = `${f}, ${D(`w-${d} h-${l}`, i)}`.trim(), a.height = l == null ? void 0 : l.replace("px", ""), a.width = d == null ? void 0 : d.replace("px", "");
+    else {
+      const y = (z = m(t.attributes, { key: "height" })) == null ? void 0 : z.value, B = (F = m(t.attributes, { key: "width" })) == null ? void 0 : F.value;
+      y && B ? (a.styles = `${f}, ${D(`w-[${B}px] h-[${y}px]`, i)}`.trim(), a.height = y, a.width = B) : a.styles = `${f}, ${D("w-full h-full", i)}`.trim();
+    }
+    return t.attributes = V(t.attributes, (y) => !_(["style", "width", "height", "class"], y.key)), a.icon = E([t]), [a];
+  } else if (t.tagName == "option" && n && ((J = n.block) == null ? void 0 : J._type) === "Select")
+    return n.block.options.push({
+      label: L(t.children),
+      ...U(t)
+    }), [];
+  const w = G(t.children, { block: a, node: t });
+  return [a, ...w];
+}), kt = (e, n, t) => {
+  var p, h;
+  const a = u(e, "attributes", []), { height: s, width: o } = Z(
+    u(m(a, { key: "class" }), "value", "")
+  );
+  if (s && o)
+    return {
+      height: `[${s}px]`,
+      width: `[${o}px]`
+    };
+  const c = (p = m(a, { key: "height" })) == null ? void 0 : p.value, r = (h = m(a, { key: "width" })) == null ? void 0 : h.value;
+  return {
+    height: c ? `[${c}px]` : t,
+    width: r ? `[${r}px]` : n
+  };
+}, vt = (e) => {
+  e = e.replace(/(\w+)=\\?"(.*?)\\?"/g, (a, s, o) => {
+    let c = o.replace(/\\"/g, '"');
+    return c = c.replace(/{([^}]+)}/g, (r) => r.replace(/"/g, '\\"')), `${s}="${c.replace(/\\"/g, '"')}"`;
+  }), e = e.replace(/\\n/g, "").replace(/\\\\/g, "").replace(/\\([/<>])/g, "$1").replace(/\\./g, "").replace(/[\n\r\t\f\v]/g, ""), e = e.replace(/\$name="[^"]*"/g, "");
+  const n = e.match(/<body[^>]*>[\s\S]*?<\/body>/);
+  return (n && n.length > 0 ? n[0].replace(/<body/, "<div").replace(/<\/body>/, "</div>") : e).replace(/\s+/g, " ").replaceAll("> <", "><").replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "").trim();
+}, Rt = (e) => {
+  const n = dt(vt(e));
+  return g(e) ? [] : tt(G(n));
+}, x = (e) => {
+  const n = ct(e);
+  return e.map((t) => {
+    const a = Object.keys(t);
+    for (let s = 0; s < a.length; s++)
+      if (T(t[a[s]]) && v(a[s], "content")) {
+        const o = t === n ? "" : " ";
+        t[a[s]] = `${t[a[s]].trim()}${o}`;
+      }
+    return t;
+  });
+};
+if (import.meta.vitest) {
+  const { describe: e, it: n, expect: t } = import.meta.vitest;
+  e("adjustSpacingInContentBlocks", () => {
+    n("should add space after content fields except for the last block", () => {
+      const s = x([
+        { _id: "1", _type: "Text", content: "First" },
+        { _id: "2", _type: "Text", content: "Second" },
+        { _id: "3", _type: "Text", content: "Third" }
+      ]);
+      t(s[0].content).toBe("First "), t(s[1].content).toBe("Second "), t(s[2].content).toBe("Third");
+    }), n("should trim whitespace from content before adding space", () => {
+      const s = x([
+        { _id: "1", _type: "Text", content: "  First  " },
+        { _id: "2", _type: "Text", content: "  Second  " }
+      ]);
+      t(s[0].content).toBe("First "), t(s[1].content).toBe("Second");
+    }), n("should handle multiple content fields in a single block", () => {
+      const s = x([
+        { _id: "1", _type: "Text", content: "Main", contentAlt: "Alt" },
+        { _id: "2", _type: "Text", content: "Last", contentSecondary: "Secondary" }
+      ]);
+      t(s[0].content).toBe("Main "), t(s[0].contentAlt).toBe("Alt "), t(s[1].content).toBe("Last"), t(s[1].contentSecondary).toBe("Secondary");
+    }), n("should only process fields that start with 'content'", () => {
+      const s = x([
+        { _id: "1", _type: "Text", content: "Text", title: "Title", text: "Text" },
+        { _id: "2", _type: "Text", content: "Last" }
+      ]);
+      t(s[0].content).toBe("Text "), t(s[0].title).toBe("Title"), t(s[0].text).toBe("Text"), t(s[1].content).toBe("Last");
+    }), n("should handle empty array", () => {
+      const s = x([]);
+      t(s).toEqual([]);
+    }), n("should handle single block", () => {
+      const s = x([{ _id: "1", _type: "Text", content: "Only" }]);
+      t(s[0].content).toBe("Only");
+    }), n("should handle blocks without content fields", () => {
+      const s = x([
+        { _id: "1", _type: "Container", title: "Title" },
+        { _id: "2", _type: "Container", name: "Name" }
+      ]);
+      t(s[0].title).toBe("Title"), t(s[1].name).toBe("Name");
+    }), n("should handle blocks with non-string content fields", () => {
+      const s = x([
+        { _id: "1", _type: "Text", content: "Text", contentNum: 123 },
+        { _id: "2", _type: "Text", content: "Last", contentBool: !0 }
+      ]);
+      t(s[0].content).toBe("Text "), t(s[0].contentNum).toBe(123), t(s[1].content).toBe("Last"), t(s[1].contentBool).toBe(!0);
+    }), n("should handle empty string content", () => {
+      const s = x([
+        { _id: "1", _type: "Text", content: "" },
+        { _id: "2", _type: "Text", content: "Last" }
+      ]);
+      t(s[0].content).toBe(" "), t(s[1].content).toBe("Last");
+    });
+  });
+}
+const b = (e, n, { index: t, key: a }) => {
+  if (T(e)) {
+    let s = e;
+    const o = /\{\{(.*?)\}\}/g, c = e.match(o);
+    return c && c.forEach((r) => {
+      let p = r.slice(2, -2).trim(), h = a.slice(2, -2).trim();
+      t !== -1 && v(p, "$index.") ? p = `${h}.${t}.${p.slice(7)}` : t !== -1 && v(p, "$index") && (p = `${h}.${t}`);
+      const w = u(n, p);
+      w === void 0 ? s = s.replace(r, "") : s = N(w) ? w : s.replace(r, w);
+    }), s;
+  }
+  if (N(e))
+    return e.map((s) => b(s, n, { index: t, key: a }));
+  if (e && typeof e == "object") {
+    const s = {};
+    return $(A(e), (o) => {
+      !v(o, "_") && o !== "$repeaterItemsKey" ? s[o] = b(e[o], n, { index: t, key: a }) : s[o] = e[o];
+    }), s;
+  }
+  return e;
+}, I = (e, n, { index: t, key: a }) => {
+  let s = S(e);
+  return s.repeaterItems && (s.$repeaterItemsKey = s.repeaterItems, v(s.repeaterItems, `{{${ut}`) && (s.$repeaterItemsKey = s.repeaterItems = `${s.repeaterItems.replace("}}", `/${s._id}}}`)}`), !g(s.repeaterItems) && s.pagination && (s.repeaterTotalItems = `${s.repeaterItems.replace("}}", `/${s._id}/totalItems}}`)}`)), b(s, n, { index: t, key: a });
+};
+import.meta.vitest && (describe("applyBindingToValue", () => {
+  it("should handle string values with bindings", () => {
+    const t = b("Hello {{user.name}}", { user: { name: "John" } }, { index: -1, key: "" });
+    expect(t).toBe("Hello John");
+  }), it("should handle nested object properties", () => {
+    const t = b({
+      name: "John",
+      address: {
+        city: "{{user.city}}",
+        street: "123 Main St"
+      }
+    }, { user: { city: "New York" } }, { index: -1, key: "" });
+    expect(t).toEqual({
+      name: "John",
+      address: {
+        city: "New York",
+        street: "123 Main St"
+      }
+    });
+  }), it("should handle arrays of values", () => {
+    const t = b(["Hello {{user.name}}", "Welcome {{user.role}}"], { user: { name: "John", role: "Admin" } }, { index: -1, key: "" });
+    expect(t).toEqual(["Hello John", "Welcome Admin"]);
+  }), it("should handle $index binding in repeater context", () => {
+    const t = b("Item {{$index}}", { items: ["a", "b", "c"] }, { index: 1, key: "{{items}}" });
+    expect(t).toBe("Item b");
+  }), it("should handle $index binding with dot notation", () => {
+    const t = b("Item {{$index.value}}", { items: [{ value: "apple" }, { value: "banana" }, { value: "cherry" }] }, { index: 1, key: "{{items}}" });
+    expect(t).toBe("Item banana");
+  }), it("should return an empty string for non-existing bindings", () => {
+    const t = b("Hello {{user.nonexistent}}", { user: { name: "John" } }, { index: -1, key: "" });
+    expect(t).toBe("Hello ");
+  }), it("should preserve private properties starting with _", () => {
+    const n = b({
+      name: "John",
+      _private: "secret"
+    }, {}, { index: -1, key: "" });
+    expect(n).toEqual({
+      name: "John",
+      _private: "secret"
+    });
+  });
+}), describe("applyBindingToBlockProps", () => {
+  it("should handle basic block with bindings", () => {
+    const t = I({
+      _id: "test-block",
+      _type: "text",
+      type: "text",
+      content: "Hello {{user.name}}",
+      style: {
+        color: "{{theme.color}}"
+      }
+    }, { user: { name: "John" }, theme: { color: "blue" } }, { index: -1, key: "" });
+    expect(t).toEqual({
+      _id: "test-block",
+      _type: "text",
+      type: "text",
+      content: "Hello John",
+      style: {
+        color: "blue"
+      }
+    });
+  }), it("should handle repeaterItems and repeaterItemsBinding", () => {
+    const t = I({
+      _id: "test-block",
+      _type: "repeater",
+      type: "repeater",
+      repeaterItems: "{{items}}",
+      items: ["a", "b", "c"]
+    }, { items: ["x", "y", "z"] }, { index: -1, key: "" });
+    expect(t).toEqual({
+      _id: "test-block",
+      _type: "repeater",
+      type: "repeater",
+      $repeaterItemsKey: "{{items}}",
+      repeaterItems: ["x", "y", "z"],
+      items: ["a", "b", "c"]
+    });
+  }), it("should handle nested blocks with bindings", () => {
+    const t = I({
+      _id: "test-block",
+      _type: "container",
+      type: "container",
+      children: [
+        {
+          _id: "child-block",
+          _type: "text",
+          type: "text",
+          content: "Item {{$index}}",
+          style: {
+            color: "{{theme.color}}"
+          }
+        }
+      ]
+    }, { theme: { color: "red" }, items: ["x", "y", "z"] }, { index: 2, key: "{{items}}" });
+    expect(t).toEqual({
+      _id: "test-block",
+      _type: "container",
+      type: "container",
+      children: [
+        {
+          _id: "child-block",
+          _type: "text",
+          type: "text",
+          content: "Item z",
+          style: {
+            color: "red"
+          }
+        }
+      ]
+    });
+  }), it("should handle arrays of blocks", () => {
+    const t = I({
+      _id: "test-block",
+      _type: "list",
+      type: "list",
+      items: [
+        { _id: "item1", content: "Item {{$index}}" },
+        { _id: "item2", content: "Item {{$index}}" }
+      ]
+    }, { items: ["x", "y", "z"] }, { index: 0, key: "{{items}}" });
+    expect(t).toEqual({
+      _id: "test-block",
+      _type: "list",
+      type: "list",
+      items: [
+        { _id: "item1", content: "Item x" },
+        { _id: "item2", content: "Item x" }
+      ]
+    });
+  });
+}));
+export {
+  ut as C,
+  Ct as R,
+  f as S,
+  I as a,
+  Nt as b,
+  Lt as c,
+  St as d,
+  x as e,
+  At as f,
+  Dt as g,
+  Rt as h,
+  K as i,
+  It as j
+};

package/dist/apply-binding-DSgP62np.cjs

@@ -0,0 +1 @@
+"use strict";const j=require("@chaibuilder/runtime"),t=require("lodash-es"),q=require("tailwind-merge"),b=require("./common-functions-BZmyleS1.cjs"),x=require("himalaya"),h="#styles:",O="__ADD_BLOCK_INTERNAL_ROOT",V="@",A="#",R=e=>{if(e=e.replace(h,""),!e)return{baseClasses:"",classes:""};const i=e.split(/,(?![^\[]*\])/);if(i.length===1)return{baseClasses:"",classes:i[0].trim()};const[n,...s]=i;return{baseClasses:n.trim(),classes:s.join(",").trim().replace(/ +(?= )/g,"")}};function W(e,i,n){const s=t.get(n,"i18nProps",[]);if(t.isEmpty(i)||t.isEmpty(s))return e;const a=t.cloneDeep(e);return t.forEach(t.keys(a),o=>{if(t.includes(s,o)&&!t.isEmpty(i)){const l=t.get(a,o),r=t.get(a,`${o}-${i}`,"");t.isString(l)?a[o]=t.isString(r)&&!t.isEmpty(r.trim())&&r.trimStart()||l:a[o]=t.isEmpty(r)?l:r}}),a}const F=t.memoize(e=>{const{baseClasses:i,classes:n}=R(e);return q.twMerge(i,n)});function z(e,i){return t.get(e,`${i}_attrs`,{})}function J(e,i=!0){const n={};return Object.keys(e).forEach(s=>{if(t.isString(e[s])&&e[s].startsWith(h)){const a=F(e[s]),o=z(e,s);n[s]={...!t.isEmpty(a)&&{className:a},...o,...i?{"data-style-prop":s,"data-block-parent":e._id,"data-style-id":`${s}-${e._id}`}:{}}}}),n}const Y=t.memoize(e=>{const i=j.getRegisteredChaiBlock(e),n=t.get(i,"schema.properties",{});return Object.fromEntries(Object.entries(n).filter(([,s])=>t.get(s,"runtime",!1)))}),K=(e,i)=>{if(!t.isArray(e))return e;let n=e,s;return typeof i.limit=="number"&&i.limit>0&&(s=i.limit),s!==void 0&&(n=n.slice(0,s)),n},U=(e,i)=>{const n=t.cloneDeep(e);return t.forEach(t.keys(n),s=>{if(t.isString(n[s])&&!t.startsWith(s,"_")){let a=n[s];s==="repeaterItems"&&(n.repeaterItemsBinding=a);const o=/\{\{(.*?)\}\}/g,l=a.match(o);l&&l.forEach(r=>{let u=r.slice(2,-2);const g=t.get(i,u,r);a=t.isArray(g)?g:a.replace(r,g)}),n[s]=a}}),n},X=e=>{const i=/(?: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 i.test(e)||n.test(e)},Z=e=>{if(t.isEmpty(e))return e;const i=/<video[^>]+src=['"]([^'">]+)['"]/,n=/<iframe[^>]+src=['"]([^'">]+)['"]/,s=e.match(i),a=e.match(n),o=s?s[1]:a?a[1]:null,l=/(?: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 o&&(l.test(o)||r.test(o))?o:e},P=["chai-name","data-chai-name"],G={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"},form:{action:"action"}},Q=(e,i)=>e.children.length===1&&t.includes(["Heading","Paragraph","Span","ListItem","Button","Label","TableCell","Link","RichText"],i._type),_=e=>e.map(i=>i.type==="text"?t.get(i,"content",""):t.isEmpty(i.children)?"":_(i.children)).join(""),N=e=>e===null?"":e,M=e=>{const i=t.compact(t.map(e.split(/\s+/),t.trim)),n=t.find(i,r=>/^w-/.test(r)),s=t.find(i,r=>/^h-/.test(r));if(!s||!n)return{height:"",width:""};const a=r=>{if(!r)return;const u=r.match(/^[wh]-(?:\[(.*?)\]|(.+))$/);if(!u)return;if(u[1])return u[1];const g=u[2];return/^\d+(\.\d+)?$/.test(g)?`${Number(g)*4}px`:g==="auto"||t.includes(g,"%")?g:"16px"},o=a(n),l=a(s);return{width:t.includes(o,"px")?o:"16px",height:t.includes(l,"px")?l:"16px"}},D=e=>{if(e.tagName==="svg")return{};const i={},n=G[e.tagName]||{},s=e.attributes;return t.forEach(s,({key:a,value:o})=>{if(!t.includes(P,a))if(n[a]){if(e.tagName==="img"&&a==="src"&&!o.startsWith("http")){const l=t.find(e.attributes,{key:"width"}),r=t.find(e.attributes,{key:"height"});l&&r?o=`https://via.placeholder.com/${l==null?void 0:l.value}x${r==null?void 0:r.value}`:o="https://via.placeholder.com/150x150"}t.set(i,n[a],N(o))}else t.includes(["style","class","srcset"],a)||(t.has(i,"styles_attrs")||(i.styles_attrs={}),t.startsWith(a,"@")&&(a=a.replace("@","x-on:")),i.styles_attrs[`${a}`]=N(o))}),delete i.class,i},tt=(e,i="styles")=>{if(!e.attributes)return{[i]:`${h},`};const n=t.find(e.attributes,{key:"class"});if(n){const s=n.value;return{[i]:`${h},${s}`}}return{[i]:`${h},`}},et=e=>{const i=t.get(e,"attributes",[]),n=i.find(r=>r.key==="data-chai-richtext"||r.key==="chai-richtext"),s=i.find(r=>r.key==="data-chai-lightbox"||r.key==="chai-lightbox"),a=i.find(r=>r.key==="data-chai-dropdown"||r.key==="chai-dropdown"),o=i.find(r=>r.key==="data-chai-dropdown-button"||r.key==="chai-dropdown-button"),l=i.find(r=>r.key==="data-chai-dropdown-content"||r.key==="chai-dropdown-content");if(a)return{_type:"Dropdown"};if(o)return{_type:"DropdownButton"};if(l)return{_type:"DropdownContent"};if(n)return{_type:"RichText"};if(s)return{_type:"LightBoxLink"};switch(e.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:e.tagName,_listType:e.tagName==="ol"?"list-decimal":"list-none"};case"li":case"dt":return{_type:"ListItem",tag:e.tagName};case"span":case"figcaption":case"legend":return{_type:"Span",tag:e.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:"Box",_name:"Code"};case"h1":case"h2":case"h3":case"h4":case"h5":case"h6":return{_type:"Heading",tag:e.tagName};case"table":return{_type:"Table"};case"tr":return{_type:"TableRow"};case"td":case"th":return{_type:"TableCell",tag:e.tagName};case"thead":return{_type:"TableHead"};case"tbody":return{_type:"TableBody"};case"tfoot":return{_type:"TableFooter"};default:{const r=t.get(e,"children",[]).length>0?"Box":"EmptyBox";return{_type:r,tag:e.tagName,_name:r=="EmptyBox"||e.tagName==="div"?r:t.capitalize(e.tagName)}}}},H=(e,i=null)=>t.flatMapDeep(e,n=>{var T,B,E,w,v,$,C,I,S,L;if(n.type==="comment")return[];let s={_id:b.generateUUID()};if(i&&(s._parent=i.block._id),n.type==="text")return t.isEmpty(t.get(n,"content",""))?[]:i&&Q(i.node,i.block)?(t.set(i,"block.content",t.get(n,"content","")),[]):{...s,_type:"Text",content:t.get(n,"content","")};const a=t.get(n,"attributes",[]),o=a.find(c=>c.key==="data-chai-richtext"||c.key==="chai-richtext"),l=a.find(c=>c.key==="data-chai-lightbox"||c.key==="chai-lightbox"),r=a.find(c=>c.key==="data-chai-dropdown"||c.key==="chai-dropdown"),u=a.find(c=>c.key==="data-chai-dropdown-button"||c.key==="chai-dropdown-button"),g=a.find(c=>c.key==="data-chai-dropdown-content"||c.key==="chai-dropdown-content");if(s={...s,...et(n),...D(n),...tt(n)},n.attributes){const c=n.attributes.find(p=>t.includes(P,p.key));c&&(s._name=c.value)}if(o)return s.content=x.stringify(n.children),t.has(s,"styles_attrs.data-chai-richtext")&&delete s.styles_attrs["data-chai-richtext"],t.has(s,"styles_attrs.chai-richtext")&&delete s.styles_attrs["chai-richtext"],[s];if(l){const c=["data-chai-lightbox","chai-lightbox","data-vbtype","data-autoplay","data-maxwidth","data-overlay","data-gall","href"];s={...s,href:((T=a.find(p=>p.key==="href"))==null?void 0:T.value)||"",hrefType:((B=a.find(p=>p.key==="data-vbtype"))==null?void 0:B.value)||"video",autoplay:((E=a.find(p=>p.key==="data-autoplay"))==null?void 0:E.value)==="true"?"true":"false",maxWidth:((v=(w=a.find(p=>p.key==="data-maxwidth"))==null?void 0:w.value)==null?void 0:v.replace("px",""))||"",backdropColor:(($=a.find(p=>p.key==="data-overlay"))==null?void 0:$.value)||"",galleryName:((C=a.find(p=>p.key==="data-gall"))==null?void 0:C.value)||""},t.forEach(c,p=>{t.has(s,`styles_attrs.${p}`)&&delete s.styles_attrs[p]})}if(r&&(delete s.styles_attrs,s.showDropdown=!1),g&&delete s.styles_attrs,u){delete s.styles_attrs;const c=t.filter(n.children||[],d=>(d==null?void 0:d.tagName)!=="span");s.content=_(c);const p=t.find(n.children||[],d=>(d==null?void 0:d.tagName)==="span"&&t.some(d.children||[],y=>(y==null?void 0:y.tagName)==="svg"));if(p){const d=t.find(p.children||[],y=>(y==null?void 0:y.tagName)==="svg");if(d){s.icon=x.stringify([d]);const{height:y,width:f}=st(d,"16px","16px");s.iconHeight=y,s.iconWidth=f}}return[s]}if(s._type==="Input"){const c=s.inputType||"text";c==="checkbox"?t.set(s,"_type","Checkbox"):c==="radio"&&t.set(s,"_type","Radio")}else if(n.tagName==="video"||n.tagName==="iframe"){const c=x.stringify([n]);return X(c)&&(t.set(s,"_type","Video"),t.set(s,"url",Z(c)),t.set(s,"styles",`${h},`),t.set(s,"controls",{autoPlay:!1,muted:!0,loop:!1,controls:!1})),s.content=c,[s]}else if(n.tagName==="svg"){const c=t.get(t.find(n.attributes,{key:"class"}),"value",""),{height:p,width:d}=M(c);if(p&&d)s.styles=`${h}, ${b.cn(`w-${d} h-${p}`,c)}`.trim(),s.height=p==null?void 0:p.replace("px",""),s.width=d==null?void 0:d.replace("px","");else{const y=(I=t.find(n.attributes,{key:"height"}))==null?void 0:I.value,f=(S=t.find(n.attributes,{key:"width"}))==null?void 0:S.value;y&&f?(s.styles=`${h}, ${b.cn(`w-[${f}px] h-[${y}px]`,c)}`.trim(),s.height=y,s.width=f):s.styles=`${h}, ${b.cn("w-full h-full",c)}`.trim()}return n.attributes=t.filter(n.attributes,y=>!t.includes(["style","width","height","class"],y.key)),s.icon=x.stringify([n]),[s]}else if(n.tagName=="option"&&i&&((L=i.block)==null?void 0:L._type)==="Select")return i.block.options.push({label:_(n.children),...D(n)}),[];const m=H(n.children,{block:s,node:n});return[s,...m]}),st=(e,i,n)=>{var u,g;const s=t.get(e,"attributes",[]),{height:a,width:o}=M(t.get(t.find(s,{key:"class"}),"value",""));if(a&&o)return{height:`[${a}px]`,width:`[${o}px]`};const l=(u=t.find(s,{key:"height"}))==null?void 0:u.value,r=(g=t.find(s,{key:"width"}))==null?void 0:g.value;return{height:l?`[${l}px]`:n,width:r?`[${r}px]`:i}},nt=e=>{e=e.replace(/(\w+)=\\?"(.*?)\\?"/g,(s,a,o)=>{let l=o.replace(/\\"/g,'"');return l=l.replace(/{([^}]+)}/g,r=>r.replace(/"/g,'\\"')),`${a}="${l.replace(/\\"/g,'"')}"`}),e=e.replace(/\\n/g,"").replace(/\\\\/g,"").replace(/\\([/<>])/g,"$1").replace(/\\./g,"").replace(/[\n\r\t\f\v]/g,""),e=e.replace(/\$name="[^"]*"/g,"");const i=e.match(/<body[^>]*>[\s\S]*?<\/body>/);return(i&&i.length>0?i[0].replace(/<body/,"<div").replace(/<\/body>/,"</div>"):e).replace(/\s+/g," ").replaceAll("> <","><").replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,"").trim()},at=e=>{const i=x.parse(nt(e));return t.isEmpty(e)?[]:t.flatten(H(i))},rt=e=>{const i=t.last(e);return e.map(n=>{const s=Object.keys(n);for(let a=0;a<s.length;a++)if(t.isString(n[s[a]])&&t.startsWith(s[a],"content")){const o=n===i?"":" ";n[s[a]]=`${n[s[a]].trim()}${o}`}return n})},k=(e,i,{index:n,key:s})=>{if(t.isString(e)){let a=e;const o=/\{\{(.*?)\}\}/g,l=e.match(o);return l&&l.forEach(r=>{let u=r.slice(2,-2).trim(),g=s.slice(2,-2).trim();n!==-1&&t.startsWith(u,"$index.")?u=`${g}.${n}.${u.slice(7)}`:n!==-1&&t.startsWith(u,"$index")&&(u=`${g}.${n}`);const m=t.get(i,u);m===void 0?a=a.replace(r,""):a=t.isArray(m)?m:a.replace(r,m)}),a}if(t.isArray(e))return e.map(a=>k(a,i,{index:n,key:s}));if(e&&typeof e=="object"){const a={};return t.forEach(t.keys(e),o=>{!t.startsWith(o,"_")&&o!=="$repeaterItemsKey"?a[o]=k(e[o],i,{index:n,key:s}):a[o]=e[o]}),a}return e},ot=(e,i,{index:n,key:s})=>{let a=t.cloneDeep(e);return a.repeaterItems&&(a.$repeaterItemsKey=a.repeaterItems,t.startsWith(a.repeaterItems,`{{${A}`)&&(a.$repeaterItemsKey=a.repeaterItems=`${a.repeaterItems.replace("}}",`/${a._id}}}`)}`),!t.isEmpty(a.repeaterItems)&&a.pagination&&(a.repeaterTotalItems=`${a.repeaterItems.replace("}}",`/${a._id}/totalItems}}`)}`)),k(a,i,{index:n,key:s})};exports.COLLECTION_PREFIX=A;exports.REPEATER_PREFIX=V;exports.ROOT_TEMP_KEY=O;exports.STYLES_KEY=h;exports.adjustSpacingInContentBlocks=rt;exports.applyBindingToBlockProps=ot;exports.applyChaiDataBinding=U;exports.applyLanguage=W;exports.applyLimit=K;exports.getBlockRuntimeProps=Y;exports.getBlockTagAttributes=J;exports.getBlocksFromHTML=at;exports.getSplitChaiClasses=R;