@chaibuilder/sdk 1.2.25 → 1.2.27

package/dist/email-blocks.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("lodash-es"),l=o.noop;exports.loadEmailBlocks=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("lodash-es"),i=require("./jsx-runtime-Z_BpKhVy.cjs"),c=require("@react-email/components"),s=require("@chaibuilder/runtime"),d=require("./empty-slot-nzYOgZuS.cjs"),l=require("./controls-KK2oLIa8.cjs"),a=require("@radix-ui/react-icons");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");require("./Functions-N3yhPYKY.cjs");require("clsx");require("tailwind-merge");const m=({blockProps:e,styles:t,children:o,inBuilder:r})=>{let n=o;return o||(n=i.jsxRuntimeExports.jsx(d.EmptySlot,{blockProps:{},styles:{},inBuilder:r})),i.jsxRuntimeExports.jsx(c.Container,{...e,...t,children:n})};s.registerChaiBlock(m,{type:"Email/Container",label:"Container",group:"basic",category:"core",canAcceptBlock:()=>!0,canMove:()=>!0,canDelete:()=>!1,canDuplicate:()=>!1,canBeNested:e=>!e});const x=({blockProps:e,styles:t,children:o})=>i.jsxRuntimeExports.jsx(c.Section,{...e,...t,children:o});s.registerChaiBlock(x,{type:"Email/Section",label:"Section",group:"basic",category:"core",icon:a.ImageIcon,props:{align:l.s({title:"Align",default:"",options:[{value:"",title:"None"},{value:"left",title:"left"},{value:"center",title:"center"},{value:"right",title:"right"}]})},canAcceptBlock:()=>!0});const g=({blockProps:e,styles:t,children:o})=>i.jsxRuntimeExports.jsx(c.Row,{...e,...t,children:o});s.registerChaiBlock(g,{type:"Email/Row",label:"Row",group:"basic",category:"core",icon:a.ImageIcon,blocks:[{_type:"Email/Row",_id:"a"},{_type:"Email/Column",_id:"b",_parent:"a"}],props:{styles:l.S({default:""})},canAcceptBlock:e=>e==="Email/Column"});const h=({blockProps:e,styles:t,children:o,align:r})=>{let n=o;return o||(n=i.jsxRuntimeExports.jsx(d.EmptySlot,{blockProps:{},styles:{}})),i.jsxRuntimeExports.jsx(c.Column,{...e,...t,align:r,children:n})};s.registerChaiBlock(h,{type:"Email/Column",label:"Column",group:"basic",category:"core",icon:a.ImageIcon,props:{styles:l.S({default:""}),align:l.s({title:"Align",default:"",options:[{value:"",title:"None"},{value:"left",title:"left"},{value:"center",title:"center"},{value:"right",title:"right"}]})},canAcceptBlock:()=>!0,canBeNested:e=>e==="Email/Row"});const k=({level:e,blockProps:t,styles:o,content:r})=>i.jsxRuntimeExports.jsx(c.Heading,{as:e,...t,...o,children:r}),b=({blockProps:e,styles:t,content:o})=>i.jsxRuntimeExports.jsx("h1",{...e,...t,children:o});s.registerChaiBlock(k,{type:"Email/Heading",label:"Heading",group:"basic",category:"core",icon:a.HeadingIcon,builderComponent:b,props:{content:l.u({title:"Content",default:"Enter your heading here..."}),styles:l.S({default:"text-xl"}),level:l.s({title:"Level",default:"h1",binding:!1,options:[{value:"h1",title:"h1"},{value:"h2",title:"h2"},{value:"h3",title:"h3"},{value:"h4",title:"h4"},{value:"h5",title:"h5"},{value:"h6",title:"h6"}]})},canAcceptBlock:e=>["Email/Link","Email/RawText"].includes(e)});const B=({blockProps:e,styles:t,content:o})=>i.jsxRuntimeExports.jsx(c.Text,{...e,...t,children:o}),C=({content:e,blockProps:t,styles:o})=>i.jsxRuntimeExports.jsx("p",{...t,...o,children:e});s.registerChaiBlock(B,{type:"Email/Text",label:"Text",group:"basic",category:"core",icon:a.TextIcon,builderComponent:C,props:{content:l.g({title:"Content",default:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui mauris. Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim."}),styles:l.S({default:""})},canAcceptBlock:e=>["Email/Link","Email/RawText"].includes(e)});const j=({content:e})=>e,y=({content:e,blockProps:t})=>i.jsxRuntimeExports.jsx("span",{...t,children:e});s.registerChaiBlock(j,{type:"Email/RawText",label:"Raw Text",group:"basic",category:"core",icon:a.TextIcon,hidden:!0,builderComponent:y,props:{content:l.g({title:"Content",default:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui mauris. "})}});const E=({blockProps:e,styles:t,link:o,content:r})=>i.jsxRuntimeExports.jsx(c.Button,{...e,...t,href:o.href,children:r}),f=({blockProps:e,styles:t,content:o})=>i.jsxRuntimeExports.jsx("button",{type:"button",...e,...t,children:o});s.registerChaiBlock(E,{type:"Email/Button",label:"Button",group:"basic",category:"core",builderComponent:f,props:{content:l.u({title:"Content",default:"Click me"}),link:l.q({title:"Link",default:{href:"https://chaibuilder.com",target:"_blank",type:"url"}}),styles:l.S({default:"bg-primary text-white px-4 py-2 rounded-md"})}});const R=({blockProps:e,styles:t,href:o,content:r,target:n,children:u})=>i.jsxRuntimeExports.jsx(c.Link,{...e,...t,href:o,target:n,children:u||r}),v=({blockProps:e,styles:t,content:o,children:r})=>{let n=r;return r||(n=i.jsxRuntimeExports.jsx(d.EmptySlot,{blockProps:{},styles:{}})),i.jsxRuntimeExports.jsx("span",{...e,...t,children:n||o})};s.registerChaiBlock(R,{type:"Email/Link",label:"Link",group:"basic",category:"core",icon:a.Link1Icon,blocks:[{_id:"a",_type:"Link"},{_id:"b",_parent:"a",_type:"RawText",content:"I am a link."}],builderComponent:v,props:{content:l.u({title:"Content",default:"I am a link."}),link:l.q({title:"Link",default:{href:"https://chaibuilder.com",target:"_blank",type:"url"}}),styles:l.S({default:"font-bold text-blue-500"})},canAcceptBlock:()=>!0});const w=({blockProps:e,styles:t,children:o})=>i.jsxRuntimeExports.jsx(c.Preview,{...e,...t,children:o}),I=({blockProps:e,styles:t,content:o})=>i.jsxRuntimeExports.jsx("div",{...e,...t,children:o});s.registerChaiBlock(w,{type:"Email/Preview",label:"Preview",group:"basic",category:"core",builderComponent:I,canAcceptBlock:()=>!0,canDuplicate:()=>!1,props:{content:l.g({default:"Preview content",title:"Content"})}});const S=({blockProps:e,content:t})=>i.jsxRuntimeExports.jsx(c.Markdown,{children:t,...e});s.registerChaiBlock(S,{type:"Email/Markdown",label:"Markdown",group:"basic",category:"core",props:{content:l.g({default:"# This is a ~~strikethrough~~",title:"Markdown"})}});const L=({blockProps:e,styles:t,alt:o,image:r,width:n,height:u})=>i.jsxRuntimeExports.jsx(c.Img,{...e,...t,src:r,alt:o,width:n,height:u}),T=({blockProps:e,styles:t,alt:o,image:r,width:n,height:u})=>i.jsxRuntimeExports.jsx("img",{...e,...t,src:r,alt:o,width:n,height:u});s.registerChaiBlock(L,{type:"Email/Image",label:"Image",group:"basic",category:"core",icon:a.ImageIcon,builderComponent:T,props:{styles:l.S({default:"w-full"}),image:l.o({title:"Image",default:"https://fakeimg.pl/400x200?text=Choose&font=bebas"}),alt:l.u({title:"Alt",default:""}),width:l.u({title:"Width",default:""}),height:l.u({title:"Height",default:""})}});const q=({blockProps:e,styles:t})=>i.jsxRuntimeExports.jsx(c.Hr,{...e,...t}),H=({blockProps:e,styles:t})=>i.jsxRuntimeExports.jsx("hr",{...e,...t});s.registerChaiBlock(q,{type:"Email/Divider",label:"Divider",group:"basic",category:"core",icon:a.DividerHorizontalIcon,builderComponent:H,props:{styles:l.S({default:"w-full h-2"})}});const _=({blockProps:e,styles:t,code:o,lineNumbers:r,theme:n,language:u})=>i.jsxRuntimeExports.jsx(c.CodeBlock,{...e,...t,code:o,linenumbers:r,theme:n,language:u}),A=({blockProps:e,styles:t,code:o})=>i.jsxRuntimeExports.jsx("div",{...e,...t,children:i.jsxRuntimeExports.jsx("code",{children:o})});s.registerChaiBlock(_,{type:"Email/CodeBlock",label:"Code Block",group:"basic",category:"core",hidden:!0,icon:a.CodeSandboxLogoIcon,builderComponent:A,props:{styles:l.S({default:""}),code:l.g({title:"Code",default:"console.log('Hello, world!');"}),theme:l.u({title:"Theme",default:"dracula"}),lineNumbers:l.r({title:"Line number",default:!1}),language:l.s({title:"Language",default:"javascript",binding:!1,options:[{value:"javascript",title:"JavaScript"},{value:"html",title:"HTML"},{value:"css",title:"CSS"}]})}});const P=({blockProps:e,styles:t,code:o})=>i.jsxRuntimeExports.jsx(c.CodeInline,{...e,...t,children:o}),D=({blockProps:e,styles:t,code:o})=>i.jsxRuntimeExports.jsx("code",{...e,...t,children:o});s.registerChaiBlock(P,{type:"Email/CodeInline",label:"Code Inline",group:"basic",category:"core",icon:a.CodeSandboxLogoIcon,builderComponent:D,props:{styles:l.S({default:""}),code:l.g({title:"Code",default:"console.log('Hello, world!');"})}});const M=p.noop;exports.loadEmailBlocks=M;

package/dist/email-blocks.js

@@ -1,5 +1,294 @@
-import { noop as o } from "lodash-es";
-const m = o;
+import { noop as k } from "lodash-es";
+import { j as o } from "./jsx-runtime-WbnYoNE9.js";
+import { Container as f, Section as y, Row as x, Column as B, Heading as C, Text as v, Button as j, Link as w, Preview as E, Markdown as I, Img as L, Hr as T, CodeBlock as H, CodeInline as R } from "@react-email/components";
+import { registerChaiBlock as r } from "@chaibuilder/runtime";
+import { E as m } from "./empty-slot-ZBlsQi6m.js";
+import { s as d, S as a, u as s, g as u, q as g, o as _, r as A } from "./controls-OfJWSEqC.js";
+import { ImageIcon as p, HeadingIcon as S, TextIcon as h, Link1Icon as P, DividerHorizontalIcon as D, CodeSandboxLogoIcon as b } from "@radix-ui/react-icons";
+import "./_commonjsHelpers-UyOWmZb0.js";
+import "react";
+import "./Functions-7jnEwJyw.js";
+import "clsx";
+import "tailwind-merge";
+const M = ({ blockProps: e, styles: t, children: l, inBuilder: i }) => {
+  let n = l;
+  return l || (n = /* @__PURE__ */ o.jsx(m, { blockProps: {}, styles: {}, inBuilder: i })), /* @__PURE__ */ o.jsx(f, { ...e, ...t, children: n });
+};
+r(M, {
+  type: "Email/Container",
+  label: "Container",
+  group: "basic",
+  category: "core",
+  canAcceptBlock: () => !0,
+  canMove: () => !0,
+  canDelete: () => !1,
+  canDuplicate: () => !1,
+  canBeNested: (e) => !e
+});
+const N = ({ blockProps: e, styles: t, children: l }) => /* @__PURE__ */ o.jsx(y, { ...e, ...t, children: l });
+r(N, {
+  type: "Email/Section",
+  label: "Section",
+  group: "basic",
+  category: "core",
+  icon: p,
+  props: {
+    align: d({
+      title: "Align",
+      default: "",
+      options: [
+        { value: "", title: "None" },
+        { value: "left", title: "left" },
+        { value: "center", title: "center" },
+        { value: "right", title: "right" }
+      ]
+    })
+  },
+  canAcceptBlock: () => !0
+});
+const $ = ({ blockProps: e, styles: t, children: l }) => /* @__PURE__ */ o.jsx(x, { ...e, ...t, children: l });
+r($, {
+  type: "Email/Row",
+  label: "Row",
+  group: "basic",
+  category: "core",
+  icon: p,
+  blocks: [
+    { _type: "Email/Row", _id: "a" },
+    { _type: "Email/Column", _id: "b", _parent: "a" }
+  ],
+  props: {
+    styles: a({ default: "" })
+  },
+  canAcceptBlock: (e) => e === "Email/Column"
+});
+const q = ({ blockProps: e, styles: t, children: l, align: i }) => {
+  let n = l;
+  return l || (n = /* @__PURE__ */ o.jsx(m, { blockProps: {}, styles: {} })), /* @__PURE__ */ o.jsx(B, { ...e, ...t, align: i, children: n });
+};
+r(q, {
+  type: "Email/Column",
+  label: "Column",
+  group: "basic",
+  category: "core",
+  icon: p,
+  props: {
+    styles: a({ default: "" }),
+    align: d({
+      title: "Align",
+      default: "",
+      options: [
+        { value: "", title: "None" },
+        { value: "left", title: "left" },
+        { value: "center", title: "center" },
+        { value: "right", title: "right" }
+      ]
+    })
+  },
+  canAcceptBlock: () => !0,
+  canBeNested: (e) => e === "Email/Row"
+});
+const z = ({ level: e, blockProps: t, styles: l, content: i }) => /* @__PURE__ */ o.jsx(C, { as: e, ...t, ...l, children: i }), J = ({ blockProps: e, styles: t, content: l }) => /* @__PURE__ */ o.jsx("h1", { ...e, ...t, children: l });
+r(z, {
+  type: "Email/Heading",
+  label: "Heading",
+  group: "basic",
+  category: "core",
+  icon: S,
+  builderComponent: J,
+  props: {
+    content: s({ title: "Content", default: "Enter your heading here..." }),
+    styles: a({ default: "text-xl" }),
+    level: d({
+      title: "Level",
+      default: "h1",
+      binding: !1,
+      options: [
+        { value: "h1", title: "h1" },
+        { value: "h2", title: "h2" },
+        { value: "h3", title: "h3" },
+        { value: "h4", title: "h4" },
+        { value: "h5", title: "h5" },
+        { value: "h6", title: "h6" }
+      ]
+    })
+  },
+  canAcceptBlock: (e) => ["Email/Link", "Email/RawText"].includes(e)
+});
+const U = ({ blockProps: e, styles: t, content: l }) => /* @__PURE__ */ o.jsx(v, { ...e, ...t, children: l }), V = ({ content: e, blockProps: t, styles: l }) => /* @__PURE__ */ o.jsx("p", { ...t, ...l, children: e });
+r(U, {
+  type: "Email/Text",
+  label: "Text",
+  group: "basic",
+  category: "core",
+  icon: h,
+  builderComponent: V,
+  props: {
+    content: u({
+      title: "Content",
+      default: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui mauris. Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim."
+    }),
+    styles: a({ default: "" })
+  },
+  canAcceptBlock: (e) => ["Email/Link", "Email/RawText"].includes(e)
+});
+const W = ({ content: e }) => e, F = ({ content: e, blockProps: t }) => /* @__PURE__ */ o.jsx("span", { ...t, children: e });
+r(W, {
+  type: "Email/RawText",
+  label: "Raw Text",
+  group: "basic",
+  category: "core",
+  icon: h,
+  hidden: !0,
+  builderComponent: F,
+  props: {
+    content: u({
+      title: "Content",
+      default: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui mauris. "
+    })
+  }
+});
+const G = ({ blockProps: e, styles: t, link: l, content: i }) => /* @__PURE__ */ o.jsx(j, { ...e, ...t, href: l.href, children: i }), K = ({ blockProps: e, styles: t, content: l }) => /* @__PURE__ */ o.jsx("button", { type: "button", ...e, ...t, children: l });
+r(G, {
+  type: "Email/Button",
+  label: "Button",
+  group: "basic",
+  category: "core",
+  builderComponent: K,
+  props: {
+    content: s({ title: "Content", default: "Click me" }),
+    link: g({ title: "Link", default: { href: "https://chaibuilder.com", target: "_blank", type: "url" } }),
+    styles: a({ default: "bg-primary text-white px-4 py-2 rounded-md" })
+  }
+});
+const O = ({ blockProps: e, styles: t, href: l, content: i, target: n, children: c }) => /* @__PURE__ */ o.jsx(w, { ...e, ...t, href: l, target: n, children: c || i }), Q = ({ blockProps: e, styles: t, content: l, children: i }) => {
+  let n = i;
+  return i || (n = /* @__PURE__ */ o.jsx(m, { blockProps: {}, styles: {} })), /* @__PURE__ */ o.jsx("span", { ...e, ...t, children: n || l });
+};
+r(O, {
+  type: "Email/Link",
+  label: "Link",
+  group: "basic",
+  category: "core",
+  icon: P,
+  blocks: [
+    {
+      _id: "a",
+      _type: "Link"
+    },
+    {
+      _id: "b",
+      _parent: "a",
+      _type: "RawText",
+      content: "I am a link."
+    }
+  ],
+  builderComponent: Q,
+  props: {
+    content: s({ title: "Content", default: "I am a link." }),
+    link: g({ title: "Link", default: { href: "https://chaibuilder.com", target: "_blank", type: "url" } }),
+    styles: a({ default: "font-bold text-blue-500" })
+  },
+  canAcceptBlock: () => !0
+});
+const X = ({ blockProps: e, styles: t, children: l }) => /* @__PURE__ */ o.jsx(E, { ...e, ...t, children: l }), Y = ({ blockProps: e, styles: t, content: l }) => /* @__PURE__ */ o.jsx("div", { ...e, ...t, children: l });
+r(X, {
+  type: "Email/Preview",
+  label: "Preview",
+  group: "basic",
+  category: "core",
+  builderComponent: Y,
+  canAcceptBlock: () => !0,
+  canDuplicate: () => !1,
+  props: {
+    content: u({ default: "Preview content", title: "Content" })
+  }
+});
+const Z = ({ blockProps: e, content: t }) => /* @__PURE__ */ o.jsx(I, { children: t, ...e });
+r(Z, {
+  type: "Email/Markdown",
+  label: "Markdown",
+  group: "basic",
+  category: "core",
+  props: {
+    content: u({ default: "# This is a ~~strikethrough~~", title: "Markdown" })
+  }
+});
+const ee = ({ blockProps: e, styles: t, alt: l, image: i, width: n, height: c }) => /* @__PURE__ */ o.jsx(L, { ...e, ...t, src: i, alt: l, width: n, height: c }), te = ({ blockProps: e, styles: t, alt: l, image: i, width: n, height: c }) => /* @__PURE__ */ o.jsx("img", { ...e, ...t, src: i, alt: l, width: n, height: c });
+r(ee, {
+  type: "Email/Image",
+  label: "Image",
+  group: "basic",
+  category: "core",
+  icon: p,
+  builderComponent: te,
+  props: {
+    styles: a({ default: "w-full" }),
+    image: _({
+      title: "Image",
+      default: "https://fakeimg.pl/400x200?text=Choose&font=bebas"
+    }),
+    alt: s({ title: "Alt", default: "" }),
+    width: s({ title: "Width", default: "" }),
+    height: s({ title: "Height", default: "" })
+  }
+});
+const le = ({ blockProps: e, styles: t }) => /* @__PURE__ */ o.jsx(T, { ...e, ...t }), oe = ({ blockProps: e, styles: t }) => /* @__PURE__ */ o.jsx("hr", { ...e, ...t });
+r(le, {
+  type: "Email/Divider",
+  label: "Divider",
+  group: "basic",
+  category: "core",
+  icon: D,
+  builderComponent: oe,
+  props: {
+    styles: a({ default: "w-full h-2" })
+  }
+});
+const ie = ({ blockProps: e, styles: t, code: l, lineNumbers: i, theme: n, language: c }) => /* @__PURE__ */ o.jsx(H, { ...e, ...t, code: l, linenumbers: i, theme: n, language: c }), ne = ({ blockProps: e, styles: t, code: l }) => /* @__PURE__ */ o.jsx("div", { ...e, ...t, children: /* @__PURE__ */ o.jsx("code", { children: l }) });
+r(ie, {
+  type: "Email/CodeBlock",
+  label: "Code Block",
+  group: "basic",
+  category: "core",
+  hidden: !0,
+  icon: b,
+  builderComponent: ne,
+  props: {
+    styles: a({ default: "" }),
+    code: u({ title: "Code", default: "console.log('Hello, world!');" }),
+    theme: s({ title: "Theme", default: "dracula" }),
+    lineNumbers: A({
+      title: "Line number",
+      default: !1
+    }),
+    language: d({
+      title: "Language",
+      default: "javascript",
+      binding: !1,
+      options: [
+        { value: "javascript", title: "JavaScript" },
+        { value: "html", title: "HTML" },
+        { value: "css", title: "CSS" }
+        //add more options
+      ]
+    })
+  }
+});
+const re = ({ blockProps: e, styles: t, code: l }) => /* @__PURE__ */ o.jsx(R, { ...e, ...t, children: l }), ae = ({ blockProps: e, styles: t, code: l }) => /* @__PURE__ */ o.jsx("code", { ...e, ...t, children: l });
+r(re, {
+  type: "Email/CodeInline",
+  label: "Code Inline",
+  group: "basic",
+  category: "core",
+  icon: b,
+  builderComponent: ae,
+  props: {
+    styles: a({ default: "" }),
+    code: u({ title: "Code", default: "console.log('Hello, world!');" })
+  }
+});
+const xe = k;
 export {
-  m as loadEmailBlocks
+  xe as loadEmailBlocks
 };

package/dist/email.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),o=require("./ChaiBuilderEditor-m30yoOgJ.cjs"),r=require("@radix-ui/react-icons"),n=require("lodash-es");require("react");require("./MODIFIERS-o1p3VnpS.cjs");require("clsx");require("@radix-ui/react-scroll-area");require("react-dom");require("@floating-ui/react-dom");require("jotai");require("i18next");require("react-i18next");require("flagged");require("./skeleton-STeL9VrJ.cjs");require("@radix-ui/react-slot");require("class-variance-authority");require("./utils-qK_SjzzV.cjs");require("tailwind-merge");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("./Functions-Hvon6AMZ.cjs");require("react-hotkeys-hook");require("@react-hookz/web");require("@chaibuilder/runtime");const s=[{title:"Mobile",content:"Mobile email client",breakpoint:"xs",icon:e.jsxRuntimeExports.jsx(r.MobileIcon,{}),width:400},{title:"Email Client",content:"Content as seen  inside an email client",breakpoint:"sm",icon:e.jsxRuntimeExports.jsx(r.MobileIcon,{className:"rotate-90"}),width:700}],l=i=>{const t={...i,filterChaiBlock:u=>n.includes(u.type,"Email/"),importHTMLSupport:!1,dataBindingSupport:!1,breakpoints:s};return e.jsxRuntimeExports.jsx(o.ChaiBuilderEditor,{...t})};exports.ChaiBuilderEmail=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),q=require("./index-l19JVVXI.cjs"),r=require("@radix-ui/react-icons"),o=require("lodash-es");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");require("i18next");require("react-i18next");require("./index-F4AQQ6qq.cjs");require("./Functions-N3yhPYKY.cjs");require("clsx");require("tailwind-merge");require("@chaibuilder/runtime");require("jotai");require("./MODIFIERS-9EwxLM8V.cjs");require("@react-hookz/web");require("./Class-MmCxz2Ay.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("@floating-ui/react-dom");require("flagged");require("react-hotkeys-hook");const n=[{title:"Mobile",content:"Mobile email client",breakpoint:"xs",icon:e.jsxRuntimeExports.jsx(r.MobileIcon,{}),width:400},{title:"Email Client",content:"Content as seen  inside an email client",breakpoint:"sm",icon:e.jsxRuntimeExports.jsx(r.MobileIcon,{className:"rotate-90"}),width:700}],s=i=>{const u={...i,filterChaiBlock:t=>o.includes(t.type,"Email/"),importHTMLSupport:!1,dataBindingSupport:!1,breakpoints:n};return e.jsxRuntimeExports.jsx(q.ChaiBuilderEditor,{...u})};exports.ChaiBuilderEmail=s;

package/dist/email.js

@@ -1,28 +1,46 @@
-import { j as i } from "./jsx-runtime-Sp0orL4X.js";
-import { C as p } from "./ChaiBuilderEditor-vP4at00I.js";
+import { j as i } from "./jsx-runtime-WbnYoNE9.js";
+import { C as p } from "./index-lOJfSheQ.js";
 import { MobileIcon as t } from "@radix-ui/react-icons";
 import { includes as e } from "lodash-es";
+import "./_commonjsHelpers-UyOWmZb0.js";
 import "react";
-import "./MODIFIERS-CNqNUapY.js";
-import "clsx";
-import "@radix-ui/react-scroll-area";
-import "react-dom";
-import "@floating-ui/react-dom";
-import "jotai";
 import "i18next";
 import "react-i18next";
-import "flagged";
-import "./skeleton-lu8e7q2y.js";
-import "@radix-ui/react-slot";
-import "class-variance-authority";
-import "./utils-dze1SGvB.js";
+import "./index-CFUoB97-.js";
+import "./Functions-7jnEwJyw.js";
+import "clsx";
 import "tailwind-merge";
+import "@chaibuilder/runtime";
+import "jotai";
+import "./MODIFIERS-WQdaNvb8.js";
+import "@react-hookz/web";
+import "./Class-3k8xjeiM.js";
+import "@radix-ui/react-toggle";
+import "class-variance-authority";
+import "@radix-ui/react-switch";
+import "@radix-ui/react-slot";
+import "@radix-ui/react-accordion";
+import "@radix-ui/react-alert-dialog";
+import "@radix-ui/react-dialog";
+import "@radix-ui/react-label";
+import "@radix-ui/react-scroll-area";
+import "@radix-ui/react-tabs";
 import "@radix-ui/react-tooltip";
+import "@radix-ui/react-popover";
+import "@radix-ui/react-menubar";
+import "@radix-ui/react-hover-card";
+import "@radix-ui/react-select";
+import "@radix-ui/react-dropdown-menu";
+import "@radix-ui/react-separator";
 import "@radix-ui/react-toast";
-import "./Functions-NzT2Six_.js";
+import "cmdk";
+import "@radix-ui/react-context-menu";
+import "react-icons-picker";
+import "react-dom";
+import "react-quill";
+import "@floating-ui/react-dom";
+import "flagged";
 import "react-hotkeys-hook";
-import "@react-hookz/web";
-import "@chaibuilder/runtime";
 const n = [
   {
     title: "Mobile",
@@ -38,7 +56,7 @@ const n = [
     icon: /* @__PURE__ */ i.jsx(t, { className: "rotate-90" }),
     width: 700
   }
-], A = (o) => {
+], Z = (o) => {
   const r = {
     ...o,
     filterChaiBlock: (m) => e(m.type, "Email/"),
@@ -49,5 +67,5 @@ const n = [
   return /* @__PURE__ */ i.jsx(p, { ...r });
 };
 export {
-  A as ChaiBuilderEmail
+  Z as ChaiBuilderEmail
 };

package/dist/empty-slot-ZBlsQi6m.js

@@ -0,0 +1,15 @@
+import { j as e } from "./jsx-runtime-WbnYoNE9.js";
+import { omit as r } from "lodash-es";
+import { c as o } from "./Functions-7jnEwJyw.js";
+const c = ({ blockProps: t, className: s = "", styles: l = {}, inBuilder: i }) => i ? /* @__PURE__ */ e.jsx(
+  "div",
+  {
+    ...t,
+    className: o("flex h-20 flex-col items-center justify-center", s),
+    ...r(l, ["className"]),
+    children: /* @__PURE__ */ e.jsx("div", { className: "flex h-full w-full items-center justify-center outline-dashed outline-1 -outline-offset-1 outline-gray-400 duration-300", children: /* @__PURE__ */ e.jsx("span", { className: "opacit flex items-center gap-x-1.5 text-xs font-semibold text-gray-400" }) })
+  }
+) : null;
+export {
+  c as E
+};

package/dist/empty-slot-nzYOgZuS.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./jsx-runtime-Z_BpKhVy.cjs"),l=require("lodash-es"),r=require("./Functions-N3yhPYKY.cjs"),o=({blockProps:t,className:s="",styles:n={},inBuilder:i})=>i?e.jsxRuntimeExports.jsx("div",{...t,className:r.cn("flex h-20 flex-col items-center justify-center",s),...l.omit(n,["className"]),children:e.jsxRuntimeExports.jsx("div",{className:"flex h-full w-full items-center justify-center outline-dashed outline-1 -outline-offset-1 outline-gray-400 duration-300",children:e.jsxRuntimeExports.jsx("span",{className:"opacit flex items-center gap-x-1.5 text-xs font-semibold text-gray-400"})})}):null;exports.EmptySlot=o;

package/dist/form-Ap63cNec.cjs

@@ -0,0 +1 @@
+"use strict";const f=require("./jsx-runtime-Z_BpKhVy.cjs"),y=require("@rjsf/core"),E=require("@rjsf/validator-ajv8"),i=require("lodash-es"),d=require("./index-F4AQQ6qq.cjs"),h=(c,n="")=>{switch(c.type){case"singular":return c.uiSchema;case"model":const{properties:p}=c,u={};return Object.keys(p).forEach(r=>{const e=p[r];if(i.includes(["slot","styles"],e.type))return;const o=i.get(e,"i18n",!1)?`${r}-${n}`:r;u[o]=h(e,n)}),u;case"list":const{itemProperties:m}=c,l={items:{}};return Object.keys(m).forEach(r=>{const e=m[r];if(i.includes(["slot","styles"],e.type))return;const o=i.get(e,"i18n",!1)?`${r}-${n}`:r;l.items[o]=h(e,n)}),l;default:return{}}},x=(c,n="")=>{switch(c.type){case"singular":return c.schema;case"model":const{properties:p,title:u}=c,m={title:u,type:"object",properties:{}};return Object.keys(p).forEach(o=>{const t=p[o];if(i.includes(["slot","styles"],t.type))return;const s=i.get(t,"i18n",!1)?`${o}-${n}`:o;m.properties[s]=x(t,n)}),m;case"list":const{itemProperties:l,title:r}=c,e={title:r,type:"array",items:{type:"object",properties:{}}};return Object.keys(l).forEach(o=>{const t=l[o];if(i.includes(["slot","styles"],t.type))return;const s=i.get(t,"i18n",!1)?`${o}-${n}`:o;e.items.properties[s]=x(t,n),i.set(e.items,"title",i.get(t,"itemTitle",`${r} item`))}),e;default:return{}}},$=({title:c,properties:n={},formData:p,onChange:u,disabled:m=!1,activeLang:l=""})=>{const r={type:"object",properties:{}},e={};Object.keys(n).forEach(t=>{const s=n[t];if(i.includes(["slot","styles"],s.type))return;const a=i.get(s,"i18n",!1)?`${t}-${l}`:t;r.properties[a]=x(s,l),e[a]=h(s,l)});const o=({...t},s)=>{const a=s==null?void 0:s.replace("root.","").split("/").pop();if(!s||!a)return;const j=i.first(a.split("."));s&&j&&u({...t},j)};return f.jsxRuntimeExports.jsxs(f.jsxRuntimeExports.Fragment,{children:[c&&f.jsxRuntimeExports.jsx("h1",{className:"px-1 text-sm font-semibold underline",children:c}),f.jsxRuntimeExports.jsx("div",{className:"-mx-3",children:f.jsxRuntimeExports.jsx(y,{widgets:{richtext:d.RichTextEditorField,icon:d.IconPickerField,image:d.ImagePickerField},fields:{link:d.LinkField},idSeparator:".",autoComplete:"off",omitExtraData:!0,liveOmit:!0,liveValidate:!0,uiSchema:e,schema:r,formData:p,validator:E,onChange:o,disabled:m})})]})};exports.Form=$;

package/dist/{form-0_RLz2TB.js → form-zmlTjM9j.js}

@@ -1,8 +1,8 @@
-import { j as u } from "./jsx-runtime-Sp0orL4X.js";
-import x from "@rjsf/core";
-import $ from "@rjsf/validator-ajv8";
-import { includes as h, get as a, set as F, first as P } from "lodash-es";
-import { R as b, I as E, a as O, L as S } from "./link-xuhP-4dN.js";
+import { j as u } from "./jsx-runtime-WbnYoNE9.js";
+import b from "@rjsf/core";
+import x from "@rjsf/validator-ajv8";
+import { includes as h, get as a, set as $, first as F } from "lodash-es";
+import { b5 as P, b6 as E, b7 as O, b8 as S } from "./index-CFUoB97-.js";
 const d = (i, l = "") => {
   switch (i.type) {
     case "singular":
@@ -61,12 +61,12 @@ const d = (i, l = "") => {
         if (h(["slot", "styles"], t.type))
           return;
         const s = a(t, "i18n", !1) ? `${o}-${l}` : o;
-        e.items.properties[s] = y(t, l), F(e.items, "title", a(t, "itemTitle", `${r} item`));
+        e.items.properties[s] = y(t, l), $(e.items, "title", a(t, "itemTitle", `${r} item`));
       }), e;
     default:
       return {};
   }
-}, g = ({
+}, C = ({
   title: i,
   properties: l = {},
   formData: c,
@@ -89,16 +89,16 @@ const d = (i, l = "") => {
     const f = s == null ? void 0 : s.replace("root.", "").split("/").pop();
     if (!s || !f)
       return;
-    const j = P(f.split("."));
+    const j = F(f.split("."));
     s && j && m({ ...t }, j);
   };
   return /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
     i && /* @__PURE__ */ u.jsx("h1", { className: "px-1 text-sm font-semibold underline", children: i }),
     /* @__PURE__ */ u.jsx("div", { className: "-mx-3", children: /* @__PURE__ */ u.jsx(
-      x,
+      b,
       {
         widgets: {
-          richtext: b,
+          richtext: P,
           icon: E,
           image: O
         },
@@ -113,7 +113,7 @@ const d = (i, l = "") => {
         uiSchema: e,
         schema: r,
         formData: c,
-        validator: $,
+        validator: x,
         onChange: o,
         disabled: n
       }
@@ -121,5 +121,5 @@ const d = (i, l = "") => {
   ] });
 };
 export {
-  g as F
+  C as F
 };

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

@@ -0,0 +1 @@
+"use strict";const u=require("himalaya"),p=require("./Functions-N3yhPYKY.cjs"),r=require("lodash-es"),l=require("./MODIFIERS-9EwxLM8V.cjs"),T=t=>{const e=/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/,s=/(?:https?:\/\/)?(?:www\.)?(player)?.vimeo\.com/;return e.test(t)||s.test(t)},v=t=>{if(r.isEmpty(t))return t;const e=/<video[^>]+src=['"]([^'">]+)['"]/,s=/<iframe[^>]+src=['"]([^'">]+)['"]/,a=t.match(e),o=t.match(s),i=a?a[1]:o?o[1]:null,c=/(?: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&&(c.test(i)||n.test(i))?i:t},w={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"}},x=(t,e)=>t.children.length===1&&r.includes(["Heading","Paragraph","Span","ListItem","Button","Label","TableCell","Link"],e._type),h=t=>t.map(e=>e.type==="text"?r.get(e,"content",""):r.isEmpty(e.children)?"":h(e.children)).join(""),g=t=>t===null?!0:t,y=t=>{if(t.tagName==="svg")return{};const e={},s=w[t.tagName]||{},a=t.attributes;return r.forEach(a,({key:o,value:i})=>{if(s[o]){if(t.tagName==="img"&&o==="src"&&!i.startsWith("http")){const c=r.find(t.attributes,{key:"width"}),n=r.find(t.attributes,{key:"height"});c&&n?i=`https://via.placeholder.com/${c==null?void 0:c.value}x${n==null?void 0:n.value}`:i="https://via.placeholder.com/150x150"}r.set(e,s[o],g(i))}else r.includes(["style","class","srcset"],o)||r.set(e,`styles_attrs.${o}`,g(i))}),delete e.class,e},S=(t,e="styles")=>{if(!t.attributes)return{[e]:`${l.STYLES_KEY},`};const s=r.find(t.attributes,{key:"class"});if(s){const a=s.value;return{[e]:`${l.STYLES_KEY},${a}`}}return{[e]:`${l.STYLES_KEY},`}},N=t=>{const e={"hs-collapse-toggle":"CollapseToggle","hs-collapse":"Collapse","hs-accordion-group":"AccordionGroup","hs-accordion":"Accordion","hs-accordion-toggle":"AccordionToggle","hs-accordion-content":"AccordionContent","hs-dropdown":"Dropdown","hs-dropdown-toggle":"DropdownToggle","hs-dropdown-menu":"DropdownMenu","hs-overlay":"Overlay","hs-tooltip":"Tooltip","hs-tooltip-toggle":"TooltipToggle","hs-tooltip-content":"TooltipContent"},s=r.find(t.attributes,{key:"class"});if(s){const a=s.value.split(" ");for(const o of a)if(e[o])return e[o]}},L=t=>{const e=N(t);if(e)return{_type:e};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":r.capitalize(t.tagName)}}},d=(t,e=null)=>r.flatMapDeep(t,s=>{var i;if(s.type==="comment")return[];let a={_id:p.generateUUID()};if(e&&(a._parent=e.block._id),s.type==="text")return r.isEmpty(r.get(s,"content",""))?[]:e&&x(e.node,e.block)?(r.set(e,"block.content",r.get(s,"content","")),[]):{...a,_type:"Text",content:r.get(s,"content","")};if(a={...a,...L(s),...y(s),...S(s)},a._type==="Input"){const c=a.inputType||"text";c==="checkbox"?r.set(a,"_type","Checkbox"):c==="radio"&&r.set(a,"_type","Radio")}else if(s.tagName==="video"||s.tagName==="iframe"){const c=u.stringify([s]);return T(c)&&(r.set(a,"_type","Video"),r.set(a,"url",v(c)),r.set(a,"styles",`${l.STYLES_KEY},absolute top-0 left-0 w-full h-full`),r.set(a,"controls",{autoPlay:!1,muted:!0,loop:!1,controls:!1})),a.content=c,[a]}else if(s.tagName==="svg"){const c=r.find(s.attributes,{key:"height"}),n=r.find(s.attributes,{key:"width"}),m=r.get(c,"value")?`[${r.get(c,"value")}px]`:"24px",f=r.get(n,"value")?`[${r.get(n,"value")}px]`:"24px",b=r.get(r.find(s.attributes,{key:"class"}),"value","w-full h-full");return a.styles=`${l.STYLES_KEY}, ${p.cn(`w-${f} h-${m}`,b)}`.trim(),s.attributes=r.filter(s.attributes,_=>!r.includes(["style","width","height","class"],_.key)),a.icon=u.stringify([s]),[a]}else if(s.tagName=="option"&&e&&((i=e.block)==null?void 0:i._type)==="Select")return e.block.options.push({label:h(s.children),...y(s)}),[];const o=d(s.children,{block:a,node:s});return[a,...o]}),k=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()},E=t=>{const e=u.parse(k(t));return r.isEmpty(t)?[]:r.flatten(d(e))};exports.getBlocksFromHTML=E;