@chaibuilder/sdk 1.2.34 → 1.2.36

package/dist/ListTree-H2WaKwOs.js

@@ -1,319 +0,0 @@
-import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import _, { memo as b, useMemo as k, useCallback as z, useEffect as N, useRef as L } from "react";
-import { useAtom as C } from "jotai";
-import { useDebouncedCallback as R } from "@react-hookz/web";
-import { Tree as E } from "react-arborist";
-import { i as M, L as y, H as F, M as S, bo as H, aI as O, w as V, bp as $, aH as U, bq as q, br as G, h as K, z as Q, bs as v, ac as W, ad as Y, ae as J, bt as X, Q as Z, Y as ee, aA as te, aE as re } from "./ChaiBuilderEditor-y1NxvXJ7.js";
-import { c as P } from "./Functions-7jnEwJyw.js";
-import { BoxModelIcon as se, BoxIcon as oe, DragHandleHorizontalIcon as ne, ViewHorizontalIcon as ce, BorderAllIcon as ae, BorderTopIcon as ie, TableIcon as le, DropdownMenuIcon as ue, RadiobuttonIcon as pe, InputIcon as de, ButtonIcon as B, CheckboxIcon as xe, GroupIcon as me, SpaceBetweenVerticallyIcon as he, ColumnsIcon as ge, RowsIcon as T, TextIcon as w, SketchLogoIcon as fe, DividerHorizontalIcon as je, CodeIcon as be, CursorTextIcon as ye, VideoIcon as ve, Link1Icon as Ie, HeadingIcon as ke, ImageIcon as Ce, TrashIcon as Be, CopyIcon as Te, TriangleRightIcon as we } from "@radix-ui/react-icons";
-import { DatabaseIcon as De } from "lucide-react";
-import { find as D, first as _e } from "lodash-es";
-import "./_commonjsHelpers-UyOWmZb0.js";
-import "clsx";
-import "react-dom";
-import "@radix-ui/react-scroll-area";
-import "@floating-ui/react-dom";
-import "i18next";
-import "react-i18next";
-import "flagged";
-import "./STRINGS--j49GZJP.js";
-import "@chaibuilder/runtime";
-import "./MODIFIERS-cBT31iqE.js";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
-import "./Class-6Hz2KzYb.js";
-import "tailwind-merge";
-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-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 "cmdk";
-import "@radix-ui/react-context-menu";
-import "react-icons-picker";
-import "react-quill";
-import "react-hotkeys-hook";
-import "lodash";
-const A = (t) => {
-  switch (t.type) {
-    case "Image":
-      return /* @__PURE__ */ e.jsx(Ce, {});
-    case "Heading":
-      return /* @__PURE__ */ e.jsx(ke, {});
-    case "Text":
-      return /* @__PURE__ */ e.jsx(w, {});
-    case "Link":
-      return /* @__PURE__ */ e.jsx(Ie, {});
-    case "Video":
-      return /* @__PURE__ */ e.jsx(ve, {});
-    case "RichText":
-      return /* @__PURE__ */ e.jsx(ye, {});
-    case "Button":
-      return /* @__PURE__ */ e.jsx(B, {});
-    case "CustomHTML":
-      return /* @__PURE__ */ e.jsx(be, {});
-    case "Divider":
-      return /* @__PURE__ */ e.jsx(je, {});
-    case "Icon":
-      return /* @__PURE__ */ e.jsx(fe, {});
-    case "List":
-      return /* @__PURE__ */ e.jsx(T, {});
-    case "Paragraph":
-      return /* @__PURE__ */ e.jsx(w, {});
-    case "Row":
-      return /* @__PURE__ */ e.jsx(T, {});
-    case "ListItem":
-      return /* @__PURE__ */ e.jsx(ge, {});
-    case "LineBreak":
-      return /* @__PURE__ */ e.jsx(he, {});
-    case "Form":
-      return /* @__PURE__ */ e.jsx(me, {});
-    case "Checkbox":
-      return /* @__PURE__ */ e.jsx(xe, {});
-    case "FormButton":
-      return /* @__PURE__ */ e.jsx(B, {});
-    case "Input":
-    case "TextArea":
-      return /* @__PURE__ */ e.jsx(de, {});
-    case "Radio":
-      return /* @__PURE__ */ e.jsx(pe, {});
-    case "Select":
-      return /* @__PURE__ */ e.jsx(ue, {});
-    case "Table":
-      return /* @__PURE__ */ e.jsx(le, {});
-    case "TableHead":
-      return /* @__PURE__ */ e.jsx(ie, {});
-    case "TableBody":
-      return /* @__PURE__ */ e.jsx(ae, {});
-    case "TableRow":
-      return /* @__PURE__ */ e.jsx(ce, {});
-    case "TableCell":
-      return /* @__PURE__ */ e.jsx(ne, {});
-    case "DataProvider":
-      return /* @__PURE__ */ e.jsx(De, { size: 16 });
-    case "Box":
-      return /* @__PURE__ */ e.jsx(oe, {});
-    default:
-      return /* @__PURE__ */ e.jsx(se, {});
-  }
-}, Ne = {
-  display: "flex",
-  alignItems: "center",
-  zIndex: 1
-}, Re = _.memo(function({ top: o, left: r }) {
-  const i = {
-    position: "absolute",
-    pointerEvents: "none",
-    top: o + "px",
-    left: r + "px",
-    right: 0
-  };
-  return /* @__PURE__ */ e.jsx("div", { style: { ...Ne, ...i }, children: /* @__PURE__ */ e.jsx("div", { className: "h-0.5 flex-1 rounded-[1px] bg-green-500" }) });
-}), Me = b(function({ children: o, isDragging: r }) {
-  return r ? /* @__PURE__ */ e.jsx("div", { className: "pointer-events-none fixed left-0 top-0 z-[100] h-full w-full", children: o }) : null;
-}), Se = b(({ id: t, isDragging: o, mouse: r }) => {
-  const [i] = M(), n = k(() => i.find((l) => l._id === t), [i, t]), p = k(
-    () => ({
-      transform: `translate(${(r == null ? void 0 : r.x) - 10}px, ${(r == null ? void 0 : r.y) - 10}px)`
-    }),
-    [r]
-  );
-  return r ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(Me, { isDragging: o, children: /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      className: "pointer-events-none absolute z-50 rounded border border-gray-200 bg-gray-100/80 font-semibold text-blue-600 shadow-md dark:border-gray-700 dark:bg-gray-800",
-      style: p,
-      children: /* @__PURE__ */ e.jsxs("button", { type: "button", className: "flex !cursor-grab items-center p-0.5", "aria-label": `Type: ${n == null ? void 0 : n._type}`, children: [
-        /* @__PURE__ */ e.jsx("div", { className: "-mt-0.5 h-3 w-3", children: /* @__PURE__ */ e.jsx(A, { type: n == null ? void 0 : n._type }) }),
-        /* @__PURE__ */ e.jsx("div", { className: "ml-2 truncate text-[11px]", children: (n == null ? void 0 : n._name) || (n == null ? void 0 : n._type) })
-      ] })
-    }
-  ) }) }) : /* @__PURE__ */ e.jsx("div", { className: "hidden" });
-}), He = () => {
-  const [t] = y(), o = F(), r = S();
-  return /* @__PURE__ */ e.jsxs(
-    H,
-    {
-      disabled: !O(r == null ? void 0 : r._type),
-      className: "flex items-center gap-x-4 text-xs",
-      onClick: () => o(t),
-      children: [
-        /* @__PURE__ */ e.jsx(Be, {}),
-        " Remove"
-      ]
-    }
-  );
-}, Pe = () => {
-  const [t] = y(), o = V(), r = S(), i = z(() => {
-    o(t);
-  }, [t, o]);
-  return /* @__PURE__ */ e.jsxs($, { className: "text-xs", children: [
-    /* @__PURE__ */ e.jsxs(
-      H,
-      {
-        disabled: !U(r == null ? void 0 : r._type),
-        className: "flex items-center gap-x-4 text-xs",
-        onClick: i,
-        children: [
-          /* @__PURE__ */ e.jsx(Te, {}),
-          " Duplicate"
-        ]
-      }
-    ),
-    /* @__PURE__ */ e.jsx(He, {})
-  ] });
-}, Ae = ({ children: t }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(q, { children: [
-  /* @__PURE__ */ e.jsx(G, { children: t }),
-  /* @__PURE__ */ e.jsx(Pe, {})
-] }) }), ze = b(({ node: t, style: o, dragHandle: r }) => {
-  const i = K("outlineMenuItems", []), [, n] = Q(), p = t.children.length > 0, { id: l, data: a, isSelected: x, willReceiveDrop: d, isDragging: m, isEditing: h, handleClick: g } = t, f = R((s) => n(s), [], 300), j = (s) => {
-    s.stopPropagation(), t.toggle();
-  }, c = (s) => {
-    s.stopPropagation(), t.isOpen || t.toggle(), g(s);
-  };
-  return N(() => {
-    const s = setTimeout(() => {
-      d && !t.isOpen && t.toggle();
-    }, 500);
-    return () => clearTimeout(s);
-  }, [d, t]), /* @__PURE__ */ e.jsx(Ae, { id: l, children: /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      onClick: c,
-      onMouseEnter: () => f(l),
-      style: o,
-      "data-node-id": l,
-      ref: r,
-      className: P(
-        "group flex !h-fit w-full items-center justify-between space-x-px py-px outline-none",
-        x ? "bg-blue-500 text-white" : "text-gray-600 hover:bg-gray-200 dark:hover:bg-gray-800",
-        d && v(a._type, "Icon") ? "bg-green-200" : "",
-        m && "opacity-20"
-      ),
-      children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
-          /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              className: `flex h-4 w-4 rotate-0 transform cursor-pointer items-center justify-center text-xs transition-transform duration-100 ${t.isOpen ? "rotate-90" : ""}`,
-              children: p && /* @__PURE__ */ e.jsx("button", { onClick: j, type: "button", children: /* @__PURE__ */ e.jsx(we, {}) })
-            }
-          ),
-          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
-            /* @__PURE__ */ e.jsx("div", { className: "-mt-0.5 h-3 w-3", children: /* @__PURE__ */ e.jsx(A, { type: a == null ? void 0 : a._type }) }),
-            h ? /* @__PURE__ */ e.jsx(Le, { node: t }) : /* @__PURE__ */ e.jsx(
-              "div",
-              {
-                className: "ml-2 truncate text-[11px]",
-                onDoubleClick: (s) => {
-                  s.stopPropagation(), t.edit(), t.deselect();
-                },
-                children: (a == null ? void 0 : a._name) || (a == null ? void 0 : a._type.split("/").pop())
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "invisible flex items-center space-x-1 pr-2 group-hover:visible", children: i.map((s) => /* @__PURE__ */ e.jsxs(W, { children: [
-          /* @__PURE__ */ e.jsx(
-            Y,
-            {
-              className: "cursor-pointer rounded bg-transparent hover:bg-white hover:text-blue-500",
-              asChild: !0,
-              children: _.createElement(s.item, { blockId: l })
-            }
-          ),
-          /* @__PURE__ */ e.jsx(J, { className: "z-[9999]", children: s.tooltip })
-        ] })) })
-      ]
-    }
-  ) });
-}), Le = ({ node: t }) => /* @__PURE__ */ e.jsx(
-  "input",
-  {
-    autoFocus: !0,
-    className: "ml-2 w-full rounded-sm border border-black/30 bg-transparent px-1 text-[11px] outline-none",
-    type: "text",
-    defaultValue: t.data.name,
-    onFocus: (o) => o.currentTarget.select(),
-    onBlur: (o) => t.submit(o.currentTarget.value),
-    onKeyDown: (o) => {
-      o.key === "Enter" && t.submit(o.currentTarget.value);
-    }
-  }
-), Ee = () => {
-  const [t] = M();
-  return (o, r) => {
-    var p;
-    const i = (p = D(t, { _id: r })) == null ? void 0 : p._type, n = _e(o.map((l) => {
-      var a;
-      return (a = D(t, { _id: l })) == null ? void 0 : a._type;
-    }));
-    return v(i, n);
-  };
-}, Mt = () => {
-  const [t] = C(X), [o, r] = y(), i = Z(), [, n] = ee(), { moveBlocks: p } = te(), l = Ee(), a = L(null), [, x] = C(re), d = () => {
-    r([]), n([]);
-  };
-  N(() => {
-    x(a.current);
-  }, [a.current]);
-  const m = ({ id: c, name: s, node: u }) => {
-    i([c], { _name: s }, u.data._name);
-  }, h = ({ dragIds: c, parentId: s, index: u }) => {
-    l(c, s) && p(c, s, u);
-  }, g = (c) => {
-    if (c.length === 0)
-      return;
-    const s = c[0] ? c[0].id : "";
-    n([]), r([s]);
-  }, f = (c) => {
-    var I;
-    c.preventDefault();
-    const s = c.target, u = s.getAttribute("data-node-id") || ((I = s.closest("[data-node-id]")) == null ? void 0 : I.getAttribute("data-node-id"));
-    u && (n([]), r([u]));
-  }, j = R(
-    ({ parentNode: c, dragNodes: s }) => {
-      var u;
-      return !v(c == null ? void 0 : c.data._type, (u = s[0]) == null ? void 0 : u.data._type);
-    },
-    [],
-    300
-  );
-  return /* @__PURE__ */ e.jsx("div", { className: P("-mx-1 -mt-1 flex h-full select-none flex-col space-y-1"), onClick: () => d(), children: /* @__PURE__ */ e.jsx("div", { id: "outline-view", className: "no-scrollbar h-full overflow-y-auto p-1 px-2 text-xs", children: /* @__PURE__ */ e.jsx(
-    E,
-    {
-      ref: a,
-      height: 800,
-      className: "no-scrollbar !h-full max-w-full !overflow-y-auto !overflow-x-hidden",
-      selection: o[0] || "",
-      onRename: m,
-      openByDefault: !1,
-      onMove: h,
-      rowHeight: 20,
-      data: t,
-      renderCursor: Re,
-      onSelect: g,
-      childrenAccessor: (c) => c.children,
-      width: "100%",
-      renderDragPreview: Se,
-      indent: 10,
-      onContextMenu: f,
-      disableDrop: j,
-      idAccessor: "_id",
-      children: ze
-    }
-  ) }) });
-};
-export {
-  Mt as default
-};

package/dist/Topbar-NHF8D1di.js

@@ -1,137 +0,0 @@
-import { j as c } from "./jsx-runtime-WbnYoNE9.js";
-import z, { useMemo as o, Suspense as n } from "react";
-import { FontFamilyIcon as M, EyeOpenIcon as u } from "@radix-ui/react-icons";
-import { h as r, a6 as d, a7 as C, a8 as L, a9 as m, am as p, an as F, aa as i, G as w, V as B, B as g, E as f, ah as v, ao as x } from "./ChaiBuilderEditor-y1NxvXJ7.js";
-import { useTranslation as e } from "react-i18next";
-import "./_commonjsHelpers-UyOWmZb0.js";
-import "clsx";
-import "react-dom";
-import "@radix-ui/react-scroll-area";
-import "@floating-ui/react-dom";
-import "jotai";
-import "i18next";
-import "flagged";
-import "lodash-es";
-import "./STRINGS--j49GZJP.js";
-import "./Functions-7jnEwJyw.js";
-import "tailwind-merge";
-import "@chaibuilder/runtime";
-import "@react-hookz/web";
-import "./MODIFIERS-cBT31iqE.js";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
-import "./Class-6Hz2KzYb.js";
-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-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 "cmdk";
-import "@radix-ui/react-context-menu";
-import "react-icons-picker";
-import "react-quill";
-import "react-hotkeys-hook";
-import "lodash";
-import "lucide-react";
-const S = () => r("languages", ["en"]), A = () => S().length === 1 ? null : /* @__PURE__ */ c.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ c.jsxs(d, { children: [
-  /* @__PURE__ */ c.jsx(C, { className: "w-[150px] border-0", children: /* @__PURE__ */ c.jsx(
-    L,
-    {
-      placeholder: /* @__PURE__ */ c.jsxs("span", { className: "flex items-center", children: [
-        /* @__PURE__ */ c.jsx(M, { className: "h-4 w-4" }),
-        " English(US)"
-      ] })
-    }
-  ) }),
-  /* @__PURE__ */ c.jsx(m, { children: /* @__PURE__ */ c.jsxs(p, { children: [
-    /* @__PURE__ */ c.jsx(F, { children: "Fruits" }),
-    /* @__PURE__ */ c.jsx(i, { value: "apple", children: "Apple" }),
-    /* @__PURE__ */ c.jsx(i, { value: "banana", children: "Banana" }),
-    /* @__PURE__ */ c.jsx(i, { value: "blueberry", children: "Blueberry" }),
-    /* @__PURE__ */ c.jsx(i, { value: "grapes", children: "Grapes" }),
-    /* @__PURE__ */ c.jsx(i, { value: "pineapple", children: "Pineapple" })
-  ] }) })
-] }) });
-function R(l) {
-  return w({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" } }] })(l);
-}
-const k = () => {
-  const { savePage: l, saveState: t } = B(), { t: s } = e(), h = r("hideSaveButton", !1), a = o(() => {
-    switch (t) {
-      case "SAVING":
-        return "animate-pulse bg-gray-300 text-gray-900";
-      case "SAVED":
-        return "bg-green-500 text-white hover:bg-green-600 hover:text-white";
-      default:
-        return "bg-gray-200 text-gray-500 hover:bg-gray-100";
-    }
-  }, [t]);
-  if (h)
-    return null;
-  const H = /* @__PURE__ */ c.jsxs(
-    g,
-    {
-      disabled: t === "SAVING",
-      onClick: (V) => {
-        V.preventDefault(), l();
-      },
-      className: `flex h-auto w-fit items-center gap-x-2 rounded-full p-1.5 px-3 ${a}`,
-      size: "sm",
-      variant: "outline",
-      children: [
-        /* @__PURE__ */ c.jsx(R, { className: "text-lg" }),
-        /* @__PURE__ */ c.jsx("span", { className: "text-sm", children: t === "SAVING" ? "Saving..." : s(t === "SAVED" ? "Saved" : "Unsaved") })
-      ]
-    }
-  );
-  return /* @__PURE__ */ c.jsx("div", { className: "flex items-center", children: H });
-}, P = function() {
-  const t = r("previewComponent"), [, s] = f(), { t: h } = e();
-  return t ? /* @__PURE__ */ c.jsxs(
-    g,
-    {
-      onClick: (a) => {
-        a.preventDefault(), s(!0);
-      },
-      className: "flex h-auto w-fit items-center gap-x-2 rounded-full bg-gray-200 px-3 py-1",
-      size: "sm",
-      variant: "outline",
-      children: [
-        /* @__PURE__ */ c.jsx(u, { className: "text-xs" }),
-        /* @__PURE__ */ c.jsx("span", { className: "text-sm", children: h("Preview") })
-      ]
-    }
-  ) : null;
-}, w1 = () => {
-  const l = r("topBarComponents.left", []), t = r("topBarComponents.center", []), s = r("topBarComponents.right", []), h = r("editable", !0);
-  return /* @__PURE__ */ c.jsxs("div", { className: "flex h-14 items-center justify-between px-2", children: [
-    /* @__PURE__ */ c.jsx("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ c.jsx("div", { className: "flex items-center space-x-2 font-bold", children: z.Children.toArray(
-      l.map((a) => /* @__PURE__ */ c.jsx(n, { fallback: /* @__PURE__ */ c.jsx(v, { className: "h-10" }), children: /* @__PURE__ */ c.jsx(a, {}) }))
-    ) }) }),
-    /* @__PURE__ */ c.jsx("div", { className: "flex items-center space-x-2", children: z.Children.toArray(
-      t.map((a) => /* @__PURE__ */ c.jsx(n, { fallback: /* @__PURE__ */ c.jsx(v, { className: "h-10" }), children: /* @__PURE__ */ c.jsx(a, {}) }))
-    ) }),
-    /* @__PURE__ */ c.jsxs("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ c.jsx(A, {}),
-      /* @__PURE__ */ c.jsx(P, {}),
-      /* @__PURE__ */ c.jsx(x, { orientation: "vertical" }),
-      h ? /* @__PURE__ */ c.jsx(k, {}) : null,
-      z.Children.toArray(
-        s.map((a) => /* @__PURE__ */ c.jsx(n, { fallback: /* @__PURE__ */ c.jsx(v, { className: "h-10" }), children: /* @__PURE__ */ c.jsx(a, {}) }))
-      )
-    ] })
-  ] });
-};
-export {
-  w1 as default
-};

package/dist/Topbar-Wwdd9Flx.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./jsx-runtime-Z_BpKhVy.cjs"),r=require("react"),h=require("@radix-ui/react-icons"),t=require("./ChaiBuilderEditor-YqEKonJ_.cjs"),i=require("react-i18next");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("clsx");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("jotai");require("i18next");require("flagged");require("lodash-es");require("./STRINGS-gPz7CUOk.cjs");require("./Functions-N3yhPYKY.cjs");require("tailwind-merge");require("@chaibuilder/runtime");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-Zc8hpE7f.cjs");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-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-quill");require("react-hotkeys-hook");require("lodash");require("lucide-react");const v=()=>t.useBuilderProp("languages",["en"]),g=()=>v().length===1?null:c.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:c.jsxRuntimeExports.jsxs(t.Select,{children:[c.jsxRuntimeExports.jsx(t.SelectTrigger,{className:"w-[150px] border-0",children:c.jsxRuntimeExports.jsx(t.SelectValue,{placeholder:c.jsxRuntimeExports.jsxs("span",{className:"flex items-center",children:[c.jsxRuntimeExports.jsx(h.FontFamilyIcon,{className:"h-4 w-4"})," English(US)"]})})}),c.jsxRuntimeExports.jsx(t.SelectContent,{children:c.jsxRuntimeExports.jsxs(t.SelectGroup,{children:[c.jsxRuntimeExports.jsx(t.SelectLabel,{children:"Fruits"}),c.jsxRuntimeExports.jsx(t.SelectItem,{value:"apple",children:"Apple"}),c.jsxRuntimeExports.jsx(t.SelectItem,{value:"banana",children:"Banana"}),c.jsxRuntimeExports.jsx(t.SelectItem,{value:"blueberry",children:"Blueberry"}),c.jsxRuntimeExports.jsx(t.SelectItem,{value:"grapes",children:"Grapes"}),c.jsxRuntimeExports.jsx(t.SelectItem,{value:"pineapple",children:"Pineapple"})]})})]})});function H(l){return t.GenIcon({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"}}]})(l)}const V=()=>{const{savePage:l,saveState:a}=t.useSavePage(),{t:s}=i.useTranslation(),e=t.useBuilderProp("hideSaveButton",!1),n=r.useMemo(()=>{switch(a){case"SAVING":return"animate-pulse bg-gray-300 text-gray-900";case"SAVED":return"bg-green-500 text-white hover:bg-green-600 hover:text-white";default:return"bg-gray-200 text-gray-500 hover:bg-gray-100"}},[a]);if(e)return null;const o=c.jsxRuntimeExports.jsxs(t.Button,{disabled:a==="SAVING",onClick:z=>{z.preventDefault(),l()},className:`flex h-auto w-fit items-center gap-x-2 rounded-full p-1.5 px-3 ${n}`,size:"sm",variant:"outline",children:[c.jsxRuntimeExports.jsx(H,{className:"text-lg"}),c.jsxRuntimeExports.jsx("span",{className:"text-sm",children:a==="SAVING"?"Saving...":s(a==="SAVED"?"Saved":"Unsaved")})]});return c.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:o})},M=function(){const a=t.useBuilderProp("previewComponent"),[,s]=t.usePreviewMode(),{t:e}=i.useTranslation();return a?c.jsxRuntimeExports.jsxs(t.Button,{onClick:n=>{n.preventDefault(),s(!0)},className:"flex h-auto w-fit items-center gap-x-2 rounded-full bg-gray-200 px-3 py-1",size:"sm",variant:"outline",children:[c.jsxRuntimeExports.jsx(h.EyeOpenIcon,{className:"text-xs"}),c.jsxRuntimeExports.jsx("span",{className:"text-sm",children:e("Preview")})]}):null},u=()=>{const l=t.useBuilderProp("topBarComponents.left",[]),a=t.useBuilderProp("topBarComponents.center",[]),s=t.useBuilderProp("topBarComponents.right",[]),e=t.useBuilderProp("editable",!0);return c.jsxRuntimeExports.jsxs("div",{className:"flex h-14 items-center justify-between px-2",children:[c.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:c.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2 font-bold",children:r.Children.toArray(l.map(n=>c.jsxRuntimeExports.jsx(r.Suspense,{fallback:c.jsxRuntimeExports.jsx(t.Skeleton,{className:"h-10"}),children:c.jsxRuntimeExports.jsx(n,{})})))})}),c.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:r.Children.toArray(a.map(n=>c.jsxRuntimeExports.jsx(r.Suspense,{fallback:c.jsxRuntimeExports.jsx(t.Skeleton,{className:"h-10"}),children:c.jsxRuntimeExports.jsx(n,{})})))}),c.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[c.jsxRuntimeExports.jsx(g,{}),c.jsxRuntimeExports.jsx(M,{}),c.jsxRuntimeExports.jsx(t.Separator,{orientation:"vertical"}),e?c.jsxRuntimeExports.jsx(V,{}):null,r.Children.toArray(s.map(n=>c.jsxRuntimeExports.jsx(r.Suspense,{fallback:c.jsxRuntimeExports.jsx(t.Skeleton,{className:"h-10"}),children:c.jsxRuntimeExports.jsx(n,{})})))]})]})};exports.default=u;

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

@@ -1 +0,0 @@
-"use strict";const y=require("himalaya"),m=require("./Functions-N3yhPYKY.cjs"),a=require("lodash-es"),p=require("./STRINGS-gPz7CUOk.cjs"),_=e=>{const s=/(?: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 s.test(e)||t.test(e)},T=e=>{if(a.isEmpty(e))return e;const s=/<video[^>]+src=['"]([^'">]+)['"]/,t=/<iframe[^>]+src=['"]([^'">]+)['"]/,r=e.match(s),l=e.match(t),i=r?r[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})/,o=/(?:https?:\/\/)?(?:www\.)?player.vimeo\.com/;return i&&(c.test(i)||o.test(i))?i:e},k={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"}},w=(e,s)=>e.children.length===1&&a.includes(["Heading","Paragraph","Span","ListItem","Button","Label","TableCell","Link"],s._type),b=e=>e.map(s=>s.type==="text"?a.get(s,"content",""):a.isEmpty(s.children)?"":b(s.children)).join(""),h=e=>e===null?!0:e,f=e=>{if(e.tagName==="svg")return{};const s={},t=k[e.tagName]||{},r=e.attributes;return a.forEach(r,({key:l,value:i})=>{if(t[l]){if(e.tagName==="img"&&l==="src"&&!i.startsWith("http")){const c=a.find(e.attributes,{key:"width"}),o=a.find(e.attributes,{key:"height"});c&&o?i=`https://via.placeholder.com/${c==null?void 0:c.value}x${o==null?void 0:o.value}`:i="https://via.placeholder.com/150x150"}a.set(s,t[l],h(i))}else a.includes(["style","class","srcset"],l)||a.set(s,`styles_attrs.${l}`,h(i))}),delete s.class,s},x=(e,s="styles")=>{if(!e.attributes)return{[s]:`${p.STYLES_KEY},`};const t=a.find(e.attributes,{key:"class"});if(t){const r=t.value;return{[s]:`${p.STYLES_KEY},${r}`}}return{[s]:`${p.STYLES_KEY},`}},S=e=>{const s={"hs-collapse-toggle":"CollapseToggle","hs-collapse":"Collapse","hs-accordion-group":"AccordionGroup","hs-accordion":"Accordion","hs-accordion-toggle":"AccordionToggle","hs-accordion-content":"AccordionContent"},t={Accordion:"active",CollapseToggle:"open"},r=a.find(e.attributes,{key:"class"});if(r){const c=r.value.split(" ");for(const o of c)if(s[o]){const u=s[o],g=r.value.replace(o,"");return e.attributes=e.attributes.map(n=>n.key==="class"?{...n,value:g}:n),t[u]&&(e.attributes=e.attributes.map(n=>n.key==="class"?{...n,value:n.value.replace(t[u],"")}:n)),u}}const l={"data-hs-overlay":"OverlayTrigger","data-hs-remove-element":"RemoveElementButton","data-hs-tab":"Tab","data-hs-theme-click-value":"DarkModeButton",'role="tablist"':"TabList",'role="tab"':"TabItem",'role="tabpanel"':"TabPanel"};for(const c in l)if(e.attributes.some(o=>o.key===c))return l[c];const i=a.find(e.attributes,{key:"role"});if(i){const c=`role="${i.value}"`;if(l[c])return l[c]}},N=e=>{const s=S(e);if(s)return{_type:s};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:"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 t=a.get(e,"children",[]).length>0?"Box":"EmptyBox";return{_type:t,tag:e.tagName,_name:t=="EmptyBox"||e.tagName==="div"?t:a.capitalize(e.tagName)}}},d=(e,s=null)=>a.flatMapDeep(e,t=>{var i;if(t.type==="comment")return[];let r={_id:m.generateUUID()};if(s&&(r._parent=s.block._id),t.type==="text")return a.isEmpty(a.get(t,"content",""))?[]:s&&w(s.node,s.block)?(a.set(s,"block.content",a.get(t,"content","")),[]):{...r,_type:"Text",content:a.get(t,"content","")};if(r={...r,...N(t),...f(t),...x(t)},r._type==="Input"){const c=r.inputType||"text";c==="checkbox"?a.set(r,"_type","Checkbox"):c==="radio"&&a.set(r,"_type","Radio")}else if(t.tagName==="video"||t.tagName==="iframe"){const c=y.stringify([t]);return _(c)&&(a.set(r,"_type","Video"),a.set(r,"url",T(c)),a.set(r,"styles",`${p.STYLES_KEY},absolute top-0 left-0 w-full h-full`),a.set(r,"controls",{autoPlay:!1,muted:!0,loop:!1,controls:!1})),r.content=c,[r]}else if(t.tagName==="svg"){const c=a.find(t.attributes,{key:"height"}),o=a.find(t.attributes,{key:"width"}),u=a.get(c,"value")?`[${a.get(c,"value")}px]`:"24px",g=a.get(o,"value")?`[${a.get(o,"value")}px]`:"24px",n=a.get(a.find(t.attributes,{key:"class"}),"value","w-full h-full");return r.styles=`${p.STYLES_KEY}, ${m.cn(`w-${g} h-${u}`,n)}`.trim(),t.attributes=a.filter(t.attributes,v=>!a.includes(["style","width","height","class"],v.key)),r.icon=y.stringify([t]),[r]}else if(t.tagName=="option"&&s&&((i=s.block)==null?void 0:i._type)==="Select")return s.block.options.push({label:b(t.children),...f(t)}),[];const l=d(t.children,{block:r,node:t});return[r,...l]}),L=e=>{const s=e.match(/<body[^>]*>[\s\S]*?<\/body>/);return(s&&s.length>0?s[0].replace(/<body/,"<div").replace(/<\/body>/,"</div>"):e).replace(/\s+/g," ").replaceAll("> <","><").replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,"").trim()},E=e=>{const s=y.parse(L(e));return a.isEmpty(e)?[]:a.flatten(d(s))};exports.getBlocksFromHTML=E;

package/dist/useCanvasSettings-XwFRrknO.js

@@ -1,6 +0,0 @@
-import { useAtom as t } from "jotai";
-import { be as s } from "./ChaiBuilderEditor-y1NxvXJ7.js";
-const r = () => t(s);
-export {
-  r as u
-};