@chaibuilder/sdk 1.2.2 → 1.2.3

package/dist/core.d.ts

@@ -48,36 +48,39 @@ export declare const ChaiBuilderEditor: (props: ChaiBuilderEditorProps) => JSX_2
 
 export declare interface ChaiBuilderEditorProps {
     breakpoints?: Breakpoint[];
-    blocks?: ChaiBlock[];
     editable?: boolean;
+    loading?: boolean;
     locale?: string;
     nonEditableComponent?: ReactComponentType;
-    brandingOptions?: Record<string, string>;
     canvas?: React_2.FC<any>;
-    previewLink?: string;
     canvasTopBarComponents?: {
         right?: ReactComponentType[];
     };
+    previewLink?: string;
     dataBindingSupport?: boolean;
-    dataProviders?: {
-        providerKey: string;
-        args: Record<string, any>;
-    }[];
+    dataProviders?: DataProvider[];
     darkMode?: boolean;
     dndOptions?: any;
+    importHTMLSupport?: boolean;
     fetchMediaCallback?: (limit?: number, offset?: number) => Promise<any[]>;
+    uploadMediaCallback?: (file: File) => Promise<{
+        url: string;
+    }>;
     getExternalPredefinedBlock?: (block: PredefinedBlock) => Promise<PredefinedBlock & {
         blocks: ChaiBlock[];
         html: string;
     }>;
     getUILibraryBlocks?: (libraryUuid: string) => Promise<PredefinedBlock[]>;
+    uiLibraries?: UILibrary[];
     subPages?: Block[];
     subPagesSupport?: boolean;
-    importHTML?: boolean;
-    loading?: boolean;
+    blocks?: ChaiBlock[];
     onSaveBlocks?: ({ blocks, providers }: any) => Promise<any>;
-    onSavePage: ({ blocks, providers }: any) => Promise<boolean>;
-    onSaveBrandingOptions: (brandingOptions: any) => Promise<boolean>;
+    onSavePage?: ({ blocks, providers }: SavePageData) => Promise<boolean | Error>;
+    brandingOptions?: Record<string, string>;
+    onSaveBrandingOptions?: (brandingOptions: Record<string, any>) => Promise<boolean | Error>;
+    container?: ChaiBlock | "Body" | "Container";
+    onSaveContainer?: (container: ChaiBlock) => Promise<boolean | Error>;
     onSyncStatusChange?: (syncStatus: "UNSAVED" | "SAVED") => void;
     previewComponent?: ReactComponentType;
     sideBarComponents?: {
@@ -93,10 +96,6 @@ export declare interface ChaiBuilderEditorProps {
         left?: ReactComponentType[];
         right?: ReactComponentType[];
     };
-    uiLibraries?: UILibrary[];
-    uploadMediaCallback?: (file: File) => Promise<{
-        url: string;
-    }>;
     getPages?: () => Promise<ChaiPage[]>;
     unsplashAccessKey?: string;
 }
@@ -120,6 +119,11 @@ declare type ClassDerivedObject = {
     property: string;
 };
 
+declare type DataProvider = {
+    providerKey: string;
+    args: Record<string, any>;
+};
+
 declare type PredefinedBlock = {
     uuid: string;
     name: string;
@@ -130,6 +134,11 @@ declare type PredefinedBlock = {
 
 declare type ReactComponentType = React_2.ComponentType<any>;
 
+declare type SavePageData = {
+    blocks: ChaiBlock[];
+    providers?: DataProvider[];
+};
+
 declare type TBlockTranslation = {
     [_path: string]: any;
 };

package/dist/core.js

@@ -1,4 +1,4 @@
-import { k as J } from "./index-QEchoZ98.js";
+import { k as J } from "./index-aHQmo59Y.js";
 import { N as ss, af as es, O as as, ah as os, P as ts, ae as rs, x as is, i as ps, y as ls, Q as ms, p as us, R as cs, U as ds, k as Bs, V as ks, n as ns, W as Ss, X as Cs, m as Ps, L as vs, Y as gs, Z as ys, _ as As, $ as Ms, a0 as hs, o as Ds, h as Is, a1 as Rs, M as fs, l as xs, a3 as Ts, ag as Us, a6 as bs, a5 as js, a4 as ws, j as Hs, ad as Os, ai as Fs, aj as Gs, w as Ls, a7 as Ws, a9 as Zs, a2 as Es, aa as Ns, a8 as Qs, ab as Vs, ac as Xs } from "./index-_OgCuSUz.js";
 import { useTranslation as _s } from "react-i18next";
 import "i18next";
@@ -21,7 +21,7 @@ import "react-hotkeys-hook";
 import "@chaibuilder/runtime";
 import "@radix-ui/react-icons";
 import "sonner";
-import "./html-to-json-xKBERAI1.js";
+import "./html-to-json-yjzEN9OX.js";
 import "himalaya";
 import "./MODIFIERS-RiXS5Mn1.js";
 import "lodash";

package/dist/{delete-page-modal-U4yiuhx0.cjs → delete-page-modal-gViErMeG.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),r=require("./index-IIJ_o44s.cjs"),l=require("./index-hMoPNZVn.cjs"),q=require("@radix-ui/react-icons");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-PTxFk6qT.cjs");require("lodash-es");require("./MODIFIERS-2FeVfZQ9.cjs");require("clsx");require("tailwind-merge");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("jotai");require("flat-to-nested");require("./Functions-N3yhPYKY.cjs");require("redux-undo");require("@chaibuilder/runtime");require("@react-hookz/web");require("react-i18next");require("i18next");require("@floating-ui/react-dom");require("react-textarea-autosize");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("sonner");require("./html-to-json-dfALTAdG.cjs");require("himalaya");require("lodash");require("lucide-react");const d=({pageData:i,projectData:t})=>{const n={},u=l.useDeletePage(),s=i.uuid===t.homepage,o=()=>{u.mutate(i,{onSuccess:()=>{n({uuid:t.homepage,slug:"/home"})}})};return e.jsxRuntimeExports.jsxs(r.AlertDialog,{children:[e.jsxRuntimeExports.jsx(r.AlertDialogTrigger,{disabled:s,children:e.jsxRuntimeExports.jsx("div",{className:`flex h-full items-center justify-center rounded-md border px-2 py-2 font-medium hover:bg-red-400 hover:text-white ${s?"cursor-not-allowed border-red-200 text-red-200":"cursor-pointer border-red-400 text-red-400"}`,children:e.jsxRuntimeExports.jsx(q.TrashIcon,{})})}),e.jsxRuntimeExports.jsxs(r.AlertDialogContent,{children:[e.jsxRuntimeExports.jsxs(r.AlertDialogTitle,{children:["Are you sure you want to delete ",e.jsxRuntimeExports.jsx("i",{className:"text-red-500",children:i.name})," page?"]}),e.jsxRuntimeExports.jsx(r.AlertDialogDescription,{children:"This action cannot be undone. This will permanently delete your page."}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-end gap-x-3",children:[e.jsxRuntimeExports.jsx(r.AlertDialogCancel,{disabled:u.isPending,children:"Cancel"}),e.jsxRuntimeExports.jsx(r.Button,{variant:"destructive",onClick:o,disabled:u.isPending,children:"Yes, Delete"})]})]})]})};exports.default=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),r=require("./index-IIJ_o44s.cjs"),l=require("./index-99vxkDWJ.cjs"),q=require("@radix-ui/react-icons");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-PTxFk6qT.cjs");require("lodash-es");require("./MODIFIERS-2FeVfZQ9.cjs");require("clsx");require("tailwind-merge");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("jotai");require("flat-to-nested");require("./Functions-N3yhPYKY.cjs");require("redux-undo");require("@chaibuilder/runtime");require("@react-hookz/web");require("react-i18next");require("i18next");require("@floating-ui/react-dom");require("react-textarea-autosize");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("sonner");require("./html-to-json-5UoswV2Q.cjs");require("himalaya");require("lodash");require("lucide-react");const d=({pageData:i,projectData:t})=>{const n={},u=l.useDeletePage(),s=i.uuid===t.homepage,o=()=>{u.mutate(i,{onSuccess:()=>{n({uuid:t.homepage,slug:"/home"})}})};return e.jsxRuntimeExports.jsxs(r.AlertDialog,{children:[e.jsxRuntimeExports.jsx(r.AlertDialogTrigger,{disabled:s,children:e.jsxRuntimeExports.jsx("div",{className:`flex h-full items-center justify-center rounded-md border px-2 py-2 font-medium hover:bg-red-400 hover:text-white ${s?"cursor-not-allowed border-red-200 text-red-200":"cursor-pointer border-red-400 text-red-400"}`,children:e.jsxRuntimeExports.jsx(q.TrashIcon,{})})}),e.jsxRuntimeExports.jsxs(r.AlertDialogContent,{children:[e.jsxRuntimeExports.jsxs(r.AlertDialogTitle,{children:["Are you sure you want to delete ",e.jsxRuntimeExports.jsx("i",{className:"text-red-500",children:i.name})," page?"]}),e.jsxRuntimeExports.jsx(r.AlertDialogDescription,{children:"This action cannot be undone. This will permanently delete your page."}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-end gap-x-3",children:[e.jsxRuntimeExports.jsx(r.AlertDialogCancel,{disabled:u.isPending,children:"Cancel"}),e.jsxRuntimeExports.jsx(r.Button,{variant:"destructive",onClick:o,disabled:u.isPending,children:"Yes, Delete"})]})]})]})};exports.default=d;

package/dist/{delete-page-modal-qZJCk_JH.js → delete-page-modal-gWvIto0r.js}

@@ -1,6 +1,6 @@
 import { j as e } from "./jsx-runtime-WbnYoNE9.js";
 import { D as s, E as l, F as n, H as d, I as a, K as c, B as u } from "./index-_OgCuSUz.js";
-import { j as x } from "./index-QEchoZ98.js";
+import { j as x } from "./index-aHQmo59Y.js";
 import { TrashIcon as h } from "@radix-ui/react-icons";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "react";
@@ -47,7 +47,7 @@ import "react-dnd";
 import "@minoru/react-dnd-treeview";
 import "react-hotkeys-hook";
 import "sonner";
-import "./html-to-json-xKBERAI1.js";
+import "./html-to-json-yjzEN9OX.js";
 import "himalaya";
 import "lodash";
 import "lucide-react";

package/dist/email-blocks.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),r=require("@react-email/components"),s=require("@chaibuilder/runtime"),c=require("./controls-Dy1qa8Dc.cjs"),i=require("lodash-es");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");const l=({blockProps:o,styles:t,children:n})=>e.jsxRuntimeExports.jsxs(r.Container,{...o,...t,children:[e.jsxRuntimeExports.jsx("h1",{children:"Hello"}),e.jsxRuntimeExports.jsx(r.Button,{href:"https://example.com",className:"c-bg-red-500 c-px-4 c-py-1 c-border c-rounded-md c-inline-block c-text-white c-font-bold",children:"Click me"}),e.jsxRuntimeExports.jsx(r.Hr,{}),e.jsxRuntimeExports.jsx(r.CodeInline,{children:"@react-email/code-inline"}),";",n]});s.registerChaiBlock(l,{type:"Container",label:"Container",group:"basic",category:"core",props:{styles:c.S({default:""})}});const u=i.noop;exports.loadWebBlocks=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),r=require("@react-email/components"),s=require("@chaibuilder/runtime"),i=require("./controls-Dy1qa8Dc.cjs"),c=require("lodash-es");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");const l=({blockProps:o,styles:t,children:n})=>e.jsxRuntimeExports.jsxs(r.Container,{...o,...t,children:[e.jsxRuntimeExports.jsx("h1",{children:"Hello"}),e.jsxRuntimeExports.jsx(r.Button,{href:"https://example.com",className:"c-bg-red-500 c-px-4 c-py-1 c-border c-rounded-md c-inline-block c-text-white c-font-bold",children:"Click me"}),e.jsxRuntimeExports.jsx(r.Hr,{}),e.jsxRuntimeExports.jsx(r.CodeInline,{children:"@react-email/code-inline"}),";",n]});s.registerChaiBlock(l,{type:"Container",label:"Container",group:"basic",category:"core",props:{styles:i.S({default:""})}});const u=c.noop;exports.loadEmailBlocks=u;

package/dist/email-blocks.d.ts

@@ -1,3 +1,3 @@
-export declare const loadWebBlocks: any;
+export declare const loadEmailBlocks: any;
 
 export { }

package/dist/email-blocks.js

@@ -1,7 +1,7 @@
 import { j as o } from "./jsx-runtime-WbnYoNE9.js";
 import { Container as i, Button as c, Hr as n, CodeInline as l } from "@react-email/components";
-import { registerChaiBlock as s } from "@chaibuilder/runtime";
-import { S as m } from "./controls-XPXGHKht.js";
+import { registerChaiBlock as m } from "@chaibuilder/runtime";
+import { S as s } from "./controls-XPXGHKht.js";
 import { noop as p } from "lodash-es";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "react";
@@ -20,16 +20,16 @@ const a = ({ blockProps: e, styles: r, children: t }) => /* @__PURE__ */ o.jsxs(
   ";",
   t
 ] });
-s(a, {
+m(a, {
   type: "Container",
   label: "Container",
   group: "basic",
   category: "core",
   props: {
-    styles: m({ default: "" })
+    styles: s({ default: "" })
   }
 });
 const u = p;
 export {
-  u as loadWebBlocks
+  u as loadEmailBlocks
 };

package/dist/html-to-json-5UoswV2Q.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("himalaya"),p=require("./Functions-N3yhPYKY.cjs"),e=require("lodash-es"),o=require("./MODIFIERS-2FeVfZQ9.cjs"),h=require("lodash"),v=t=>{const s=/(?: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 s.test(t)||r.test(t)},w=t=>{if(h.isEmpty(t))return t;const s=/<video[^>]+src=['"]([^'">]+)['"]/,r=/<iframe[^>]+src=['"]([^'">]+)['"]/,a=t.match(s),l=t.match(r),i=a?a[1]:l?l[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},x={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"}},S=(t,s)=>t.children.length===1&&e.includes(["Heading","Paragraph","Span","ListItem","Button","Label","TableCell","Link"],s._type),m=t=>t.map(s=>s.type==="text"?e.get(s,"content",""):e.isEmpty(s.children)?"":m(s.children)).join(""),g=t=>t===null?!0:t,y=t=>{const s={},r=x[t.tagName]||{},a=t.attributes;return e.forEach(a,({key:l,value:i})=>{if(r[l]){if(t.tagName==="img"&&l==="src"&&!i.startsWith("http")){const c=e.find(t.attributes,{key:"width"}),n=e.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"}e.set(s,r[l],g(i))}else e.includes(["style","class","srcset"],l)||e.set(s,`styles_attrs.${l}`,g(i))}),delete s.class,s},L=(t,s="styles")=>{if(!t.attributes)return{[s]:`${o.STYLES_KEY},`};const r=e.find(t.attributes,{key:"class"});if(r){const a=r.value;return{[s]:`${o.STYLES_KEY},${a}`}}return{[s]:`${o.STYLES_KEY},`}},N=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)}}},f=(t,s=null)=>e.flatMapDeep(t,r=>{var i;if(r.type==="comment")return[];let a={_id:p.generateUUID()};if(s&&(a._parent=s.block._id),r.type==="text")return e.isEmpty(e.get(r,"content",""))?[]:s&&S(s.node,s.block)?(e.set(s,"block.content",e.get(r,"content","")),[]):{...a,_type:"Text",content:e.get(r,"content","")};if(a={...a,...N(r),...y(r),...L(r)},a._type==="Input"){const c=a.inputType||"text";c==="checkbox"?e.set(a,"_type","Checkbox"):c==="radio"&&e.set(a,"_type","Radio")}else if(r.tagName==="video"||r.tagName==="iframe"){const c=u.stringify([r]);return v(c)&&(e.set(a,"_type","Video"),e.set(a,"url",w(c)),e.set(a,"styles",`${o.STYLES_KEY},absolute top-0 left-0 w-full h-full`),e.set(a,"controls",{autoPlay:!1,muted:!0,loop:!1,controls:!1})),a.content=c,[a]}else if(r.tagName==="svg"){const c=e.find(r.attributes,{key:"height"}),n=e.find(r.attributes,{key:"width"}),d=e.get(c,"value")?`[${e.get(c,"value")}px]`:"24px",b=e.get(n,"value")?`[${e.get(n,"value")}px]`:"24px",_=e.get(e.find(r.attributes,{key:"class"}),"value","w-full h-full");return a.styles=`${o.STYLES_KEY}, ${p.cn(`w-${b} h-${d}`,_)}`.trim(),r.attributes=e.filter(r.attributes,T=>!e.includes(["style","width","height","class"],T.key)),a.icon=u.stringify([r]),e.set(a,"styles_attrs",h.omit(e.get(a,"styles_attrs")||{},["height","width","style","class"])),[a]}else if(r.tagName=="option"&&s&&((i=s.block)==null?void 0:i._type)==="Select")return s.block.options.push({label:m(r.children),...y(r)}),[];const l=f(r.children,{block:a,node:r});return[a,...l]}),k=t=>{const s=t.match(/<body[^>]*>[\s\S]*?<\/body>/);return(s&&s.length>0?s[0].replace(/<body/,"<div").replace(/<\/body>/,"</div>"):t).replace(/\s+/g," ").replaceAll("> <","><").replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,"").trim()},E=t=>{const s=u.parse(k(t));return e.isEmpty(t)?[]:e.flatten(f(s))};exports.getBlocksFromHTML=E;

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

@@ -0,0 +1,184 @@
+import { stringify as m, parse as x } from "himalaya";
+import { g as N, c as k } from "./Functions-7jnEwJyw.js";
+import { includes as y, get as l, isEmpty as g, 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-RiXS5Mn1.js";
+import { isEmpty as R, omit as B } from "lodash";
+const H = (t) => {
+  const e = /(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/, a = /(?:https?:\/\/)?(?:www\.)?(player)?.vimeo\.com/;
+  return e.test(t) || a.test(t);
+}, M = (t) => {
+  if (R(t))
+    return t;
+  const e = /<video[^>]+src=['"]([^'">]+)['"]/, a = /<iframe[^>]+src=['"]([^'">]+)['"]/, r = t.match(e), i = t.match(a), c = r ? r[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;
+}, E = {
+  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"
+  }
+}, I = (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) => {
+  const e = {}, a = E[t.tagName] || {}, r = t.attributes;
+  return L(r, ({ key: i, value: c }) => {
+    if (a[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, a[i], h(c));
+    } else
+      y(["style", "class", "srcset"], i) || o(e, `styles_attrs.${i}`, h(c));
+  }), delete e.class, e;
+}, q = (t, e = "styles") => {
+  if (!t.attributes)
+    return { [e]: `${p},` };
+  const a = u(t.attributes, { key: "class" });
+  if (a) {
+    const r = a.value;
+    return { [e]: `${p},${r}` };
+  }
+  return { [e]: `${p},` };
+}, P = (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" : S(t.tagName)
+      };
+  }
+}, d = (t, e = null) => $(t, (a) => {
+  var c;
+  if (a.type === "comment")
+    return [];
+  let r = { _id: N() };
+  if (e && (r._parent = e.block._id), a.type === "text")
+    return g(l(a, "content", "")) ? [] : e && I(e.node, e.block) ? (o(e, "block.content", l(a, "content", "")), []) : { ...r, _type: "Text", content: l(a, "content", "") };
+  if (r = {
+    ...r,
+    ...P(a),
+    ...f(a),
+    ...q(a)
+  }, r._type === "Input") {
+    const s = r.inputType || "text";
+    s === "checkbox" ? o(r, "_type", "Checkbox") : s === "radio" && o(r, "_type", "Radio");
+  } else if (a.tagName === "video" || a.tagName === "iframe") {
+    const s = m([a]);
+    return H(s) && (o(r, "_type", "Video"), o(r, "url", M(s)), o(r, "styles", `${p},absolute top-0 left-0 w-full h-full`), o(r, "controls", { autoPlay: !1, muted: !0, loop: !1, controls: !1 })), r.content = s, [r];
+  } else if (a.tagName === "svg") {
+    const s = u(a.attributes, { key: "height" }), n = u(a.attributes, { key: "width" }), _ = l(s, "value") ? `[${l(s, "value")}px]` : "24px", v = l(n, "value") ? `[${l(n, "value")}px]` : "24px", T = l(u(a.attributes, { key: "class" }), "value", "w-full h-full");
+    return r.styles = `${p}, ${k(`w-${v} h-${_}`, T)}`.trim(), a.attributes = C(a.attributes, (w) => !y(["style", "width", "height", "class"], w.key)), r.icon = m([a]), o(r, "styles_attrs", B(l(r, "styles_attrs") || {}, ["height", "width", "style", "class"])), [r];
+  } else if (a.tagName == "option" && e && ((c = e.block) == null ? void 0 : c._type) === "Select")
+    return e.block.options.push({
+      label: b(a.children),
+      ...f(a)
+    }), [];
+  const i = d(a.children, { block: r, node: a });
+  return [r, ...i];
+}), z = (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();
+}, Y = (t) => {
+  const e = x(z(t));
+  return g(t) ? [] : A(d(e));
+};
+export {
+  Y as g
+};