@chaibuilder/sdk 0.1.1 → 0.1.3

package/dist/add-page-modal-63858244.js

@@ -0,0 +1,92 @@
+import { j as e } from "./jsx-runtime-944c88e2.js";
+import { useState as c } from "react";
+import { kebabCase as _ } from "lodash";
+import { B as u } from "./useBuilderProp-81a14920.js";
+import { D as b, b as C, a as A } from "./dialog-3d4e82ed.js";
+import { SingleLineText as g } from "@chaibuilder/blocks";
+import { F as D } from "./form-5d5c5c9e.js";
+import { O as N } from "./index-390f7bef.js";
+import { u as S } from "./usePageActions-f86f6f65.js";
+import "@radix-ui/react-slot";
+import "class-variance-authority";
+import "./utils-ac68b2c8.js";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-tooltip";
+import "@radix-ui/react-icons";
+import "@radix-ui/react-toast";
+import "jotai";
+import "@radix-ui/react-dialog";
+import "@rjsf/core";
+import "@rjsf/validator-ajv8";
+import "./link-f80a947d.js";
+import "react-icons-picker";
+import "react-dom";
+import "./ImagesPanel-8ccab6d9.js";
+import "./tabs-85caa1e8.js";
+import "@radix-ui/react-tabs";
+import "react-quill";
+import "react-i18next";
+import "i18next";
+import "flagged";
+import "react-dnd";
+import "@minoru/react-dnd-treeview";
+import "react-hotkeys-hook";
+import "flat-to-nested";
+import "./Class-e34b2337.js";
+import "redux-undo";
+import "@react-hookz/web";
+import "./CONTROLS-442caee5.js";
+import "./index-824a7bd0.js";
+const T = ({ closeModal: o }) => {
+  var p, n;
+  const { data: i } = N(), r = S(), [t, f] = c({
+    page_name: "",
+    slug: "",
+    blocks: [],
+    type: "STATIC",
+    project: i == null ? void 0 : i.uuid,
+    seo_data: {}
+  }), x = () => {
+    r.mutate(t, {
+      onSuccess: () => o()
+    });
+  }, P = ({ formData: s }, a) => {
+    f((h) => {
+      var l, d;
+      const m = { [a]: s[a] };
+      return a === "page_name" ? m.slug = _((l = s[a]) == null ? void 0 : l.replace(/\d/g, "")) : a === "slug" && (m.slug = (d = s[a]) == null ? void 0 : d.replace(/\d/g, "").replace(/\s+/g, "").replace("--", "-").replace("__", "_")), {
+        ...h,
+        ...m
+      };
+    });
+  }, j = {
+    page_name: g({
+      title: "Page Name",
+      default: t.page_name
+    }),
+    slug: g({ title: "Page Slug", default: t.slug })
+  };
+  return /* @__PURE__ */ e.jsxs(A, { children: [
+    /* @__PURE__ */ e.jsx("div", { className: "px-1 font-bold", children: "Add Page" }),
+    /* @__PURE__ */ e.jsx(D, { formData: t, properties: j, onChange: P, disabled: r.isPending }),
+    /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ e.jsx(
+      u,
+      {
+        type: "submit",
+        disabled: !t.page_name || !t.slug || ((p = t.page_name) == null ? void 0 : p.length) < 2 || ((n = t.slug) == null ? void 0 : n.length) < 2 || r.isPending,
+        onClick: x,
+        children: "Add Page"
+      }
+    ) })
+  ] });
+}, ue = () => {
+  const [o, i] = c(!1);
+  return /* @__PURE__ */ e.jsxs(b, { open: o, onOpenChange: () => i(!o), children: [
+    /* @__PURE__ */ e.jsx(C, { children: /* @__PURE__ */ e.jsx(u, { size: "sm", variant: "link", className: "text-blue-500", onClick: () => i(!o), children: "+ New Page" }) }),
+    o && /* @__PURE__ */ e.jsx(T, { closeModal: () => i(!o) })
+  ] });
+};
+export {
+  ue as default
+};

package/dist/add-page-modal-cb367c9d.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),x=require("react"),b=require("lodash"),p=require("./useBuilderProp-5e57d0c8.cjs"),o=require("./dialog-170eaad9.cjs"),q=require("@chaibuilder/blocks"),f=require("./form-6eac0287.cjs"),_=require("./index-ebd86d7f.cjs"),E=require("./usePageActions-3bed2330.cjs");require("@radix-ui/react-slot");require("class-variance-authority");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-tooltip");require("@radix-ui/react-icons");require("@radix-ui/react-toast");require("jotai");require("@radix-ui/react-dialog");require("@rjsf/core");require("@rjsf/validator-ajv8");require("./link-86c532b5.cjs");require("react-icons-picker");require("react-dom");require("./ImagesPanel-addb2bf9.cjs");require("./tabs-860e37aa.cjs");require("@radix-ui/react-tabs");require("react-quill");require("react-i18next");require("i18next");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("flat-to-nested");require("./Class-7d6aadbc.cjs");require("redux-undo");require("@react-hookz/web");require("./CONTROLS-031e1de3.cjs");require("./index-207f2cbf.cjs");const S=({closeModal:s})=>{var l,d;const{data:i}=_.useProject(),u=E.useAddPage(),[r,m]=x.useState({page_name:"",slug:"",blocks:[],type:"STATIC",project:i==null?void 0:i.uuid,seo_data:{}}),j=()=>{u.mutate(r,{onSuccess:()=>s()})},P=({formData:n},t)=>{m(R=>{var c,g;const a={[t]:n[t]};return t==="page_name"?a.slug=b.kebabCase((c=n[t])==null?void 0:c.replace(/\d/g,"")):t==="slug"&&(a.slug=(g=n[t])==null?void 0:g.replace(/\d/g,"").replace(/\s+/g,"").replace("--","-").replace("__","_")),{...R,...a}})},h={page_name:q.SingleLineText({title:"Page Name",default:r.page_name}),slug:q.SingleLineText({title:"Page Slug",default:r.slug})};return e.jsxRuntimeExports.jsxs(o.DialogContent,{children:[e.jsxRuntimeExports.jsx("div",{className:"px-1 font-bold",children:"Add Page"}),e.jsxRuntimeExports.jsx(f.Form,{formData:r,properties:h,onChange:P,disabled:u.isPending}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center justify-end",children:e.jsxRuntimeExports.jsx(p.Button,{type:"submit",disabled:!r.page_name||!r.slug||((l=r.page_name)==null?void 0:l.length)<2||((d=r.slug)==null?void 0:d.length)<2||u.isPending,onClick:j,children:"Add Page"})})]})},A=()=>{const[s,i]=x.useState(!1);return e.jsxRuntimeExports.jsxs(o.Dialog,{open:s,onOpenChange:()=>i(!s),children:[e.jsxRuntimeExports.jsx(o.DialogTrigger,{children:e.jsxRuntimeExports.jsx(p.Button,{size:"sm",variant:"link",className:"text-blue-500",onClick:()=>i(!s),children:"+ New Page"})}),s&&e.jsxRuntimeExports.jsx(S,{closeModal:()=>i(!s)})]})};exports.default=A;

package/dist/alert-dialog-4ce6ed22.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("./jsx-runtime-5c3ac4f7.cjs"),A=require("react"),N=require("@radix-ui/react-alert-dialog"),l=require("./utils-3c452dd0.cjs"),n=require("./useBuilderProp-5e57d0c8.cjs");function c(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const i=c(A),s=c(N),y=s.Root,R=s.Trigger,d=({className:e,...t})=>o.jsxRuntimeExports.jsx(s.Portal,{className:l.cn(e),...t});d.displayName=s.Portal.displayName;const m=i.forwardRef(({className:e,...t},a)=>o.jsxRuntimeExports.jsx(s.Overlay,{className:l.cn("fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t,ref:a}));m.displayName=s.Overlay.displayName;const p=i.forwardRef(({className:e,...t},a)=>o.jsxRuntimeExports.jsxs(d,{children:[o.jsxRuntimeExports.jsx(m,{}),o.jsxRuntimeExports.jsx(s.Content,{ref:a,className:l.cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full",e),...t})]}));p.displayName=s.Content.displayName;const u=({className:e,...t})=>o.jsxRuntimeExports.jsx("div",{className:l.cn("flex flex-col space-y-2 text-center sm:text-left",e),...t});u.displayName="AlertDialogHeader";const x=({className:e,...t})=>o.jsxRuntimeExports.jsx("div",{className:l.cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});x.displayName="AlertDialogFooter";const g=i.forwardRef(({className:e,...t},a)=>o.jsxRuntimeExports.jsx(s.Title,{ref:a,className:l.cn("text-lg font-semibold",e),...t}));g.displayName=s.Title.displayName;const f=i.forwardRef(({className:e,...t},a)=>o.jsxRuntimeExports.jsx(s.Description,{ref:a,className:l.cn("text-sm text-muted-foreground",e),...t}));f.displayName=s.Description.displayName;const D=i.forwardRef(({className:e,...t},a)=>o.jsxRuntimeExports.jsx(s.Action,{ref:a,className:l.cn(n.buttonVariants(),e),...t}));D.displayName=s.Action.displayName;const j=i.forwardRef(({className:e,...t},a)=>o.jsxRuntimeExports.jsx(s.Cancel,{ref:a,className:l.cn(n.buttonVariants({variant:"outline"}),"mt-2 sm:mt-0",e),...t}));j.displayName=s.Cancel.displayName;exports.AlertDialog=y;exports.AlertDialogAction=D;exports.AlertDialogCancel=j;exports.AlertDialogContent=p;exports.AlertDialogDescription=f;exports.AlertDialogFooter=x;exports.AlertDialogHeader=u;exports.AlertDialogTitle=g;exports.AlertDialogTrigger=R;

package/dist/alert-dialog-ee98f47e.js

@@ -0,0 +1,64 @@
+import { j as o } from "./jsx-runtime-944c88e2.js";
+import * as i from "react";
+import * as t from "@radix-ui/react-alert-dialog";
+import { c as l } from "./utils-ac68b2c8.js";
+import { b as r } from "./useBuilderProp-81a14920.js";
+const D = t.Root, j = t.Trigger, d = ({ className: a, ...e }) => /* @__PURE__ */ o.jsx(t.Portal, { className: l(a), ...e });
+d.displayName = t.Portal.displayName;
+const n = i.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ o.jsx(
+  t.Overlay,
+  {
+    className: l(
+      "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      a
+    ),
+    ...e,
+    ref: s
+  }
+));
+n.displayName = t.Overlay.displayName;
+const m = i.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ o.jsxs(d, { children: [
+  /* @__PURE__ */ o.jsx(n, {}),
+  /* @__PURE__ */ o.jsx(
+    t.Content,
+    {
+      ref: s,
+      className: l(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full",
+        a
+      ),
+      ...e
+    }
+  )
+] }));
+m.displayName = t.Content.displayName;
+const c = ({ className: a, ...e }) => /* @__PURE__ */ o.jsx("div", { className: l("flex flex-col space-y-2 text-center sm:text-left", a), ...e });
+c.displayName = "AlertDialogHeader";
+const p = ({ className: a, ...e }) => /* @__PURE__ */ o.jsx("div", { className: l("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", a), ...e });
+p.displayName = "AlertDialogFooter";
+const f = i.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ o.jsx(t.Title, { ref: s, className: l("text-lg font-semibold", a), ...e }));
+f.displayName = t.Title.displayName;
+const g = i.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ o.jsx(t.Description, { ref: s, className: l("text-sm text-muted-foreground", a), ...e }));
+g.displayName = t.Description.displayName;
+const x = i.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ o.jsx(t.Action, { ref: s, className: l(r(), a), ...e }));
+x.displayName = t.Action.displayName;
+const N = i.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ o.jsx(
+  t.Cancel,
+  {
+    ref: s,
+    className: l(r({ variant: "outline" }), "mt-2 sm:mt-0", a),
+    ...e
+  }
+));
+N.displayName = t.Cancel.displayName;
+export {
+  D as A,
+  j as a,
+  m as b,
+  c,
+  p as d,
+  f as e,
+  g as f,
+  x as g,
+  N as h
+};

package/dist/confirm-alert-4f50caa7.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),c=require("./useBuilderProp-5e57d0c8.cjs"),r=require("./alert-dialog-4ce6ed22.cjs");require("react");require("@radix-ui/react-slot");require("class-variance-authority");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-tooltip");require("@radix-ui/react-icons");require("@radix-ui/react-toast");require("jotai");require("lodash");require("@radix-ui/react-alert-dialog");const a=({open:s,onCancel:u=()=>{},onConfirm:l,title:n,description:i,disabled:t,cancelText:o="Discard",confirmText:x="Save"})=>e.jsxRuntimeExports.jsx(r.AlertDialog,{open:s,children:e.jsxRuntimeExports.jsxs(r.AlertDialogContent,{children:[e.jsxRuntimeExports.jsx(r.AlertDialogTitle,{children:n}),i&&e.jsxRuntimeExports.jsx(r.AlertDialogDescription,{children:i}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-end gap-x-3",children:[e.jsxRuntimeExports.jsx(r.AlertDialogCancel,{disabled:t,onClick:u,children:o}),e.jsxRuntimeExports.jsx(c.Button,{variant:"default",onClick:l,disabled:t,children:x})]})]})});exports.default=a;

package/dist/confirm-alert-f2a47cc7.js

@@ -0,0 +1,36 @@
+import { j as r } from "./jsx-runtime-944c88e2.js";
+import { B as n } from "./useBuilderProp-81a14920.js";
+import { A as p, b as c, e as x, f as j, h as d } from "./alert-dialog-ee98f47e.js";
+import "react";
+import "@radix-ui/react-slot";
+import "class-variance-authority";
+import "./utils-ac68b2c8.js";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-tooltip";
+import "@radix-ui/react-icons";
+import "@radix-ui/react-toast";
+import "jotai";
+import "lodash";
+import "@radix-ui/react-alert-dialog";
+const T = ({
+  open: o,
+  onCancel: e = () => {
+  },
+  onConfirm: l,
+  title: s,
+  description: i,
+  disabled: t,
+  cancelText: a = "Discard",
+  confirmText: m = "Save"
+}) => /* @__PURE__ */ r.jsx(p, { open: o, children: /* @__PURE__ */ r.jsxs(c, { children: [
+  /* @__PURE__ */ r.jsx(x, { children: s }),
+  i && /* @__PURE__ */ r.jsx(j, { children: i }),
+  /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-end gap-x-3", children: [
+    /* @__PURE__ */ r.jsx(d, { disabled: t, onClick: e, children: a }),
+    /* @__PURE__ */ r.jsx(n, { variant: "default", onClick: l, disabled: t, children: m })
+  ] })
+] }) });
+export {
+  T as default
+};

package/dist/core.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-506fb888.cjs"),s=require("./useBuilderProp-5e57d0c8.cjs"),u=require("react-i18next");require("./jsx-runtime-5c3ac4f7.cjs");require("react");require("i18next");require("flagged");require("react-dnd");require("lodash");require("@minoru/react-dnd-treeview");require("jotai");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");require("react-hotkeys-hook");require("flat-to-nested");require("./Class-0801d193.cjs");require("redux-undo");require("@react-hookz/web");require("@chaibuilder/blocks");require("./CONTROLS-031e1de3.cjs");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-icons");require("@radix-ui/react-toast");exports.ChaiBuilderStudio=e.ChaiBuilderStudio;exports.enableStyling=e.enableStyling;exports.setBlockProps=e.setBlockProps;exports.useActiveLanguage=e.useActiveLanguage;exports.useActiveModal=e.useActiveModal;exports.useActivePanel=e.useActivePanel;exports.useAddBlock=e.useAddBlock;exports.useAddBlockParent=e.useAddBlockParent;exports.useAddClassesToBlocks=e.useAddClassesToBlocks;exports.useAllBlocks=e.useAllBlocks;exports.useBlockContentByLanguage=e.useBlockContentByLanguage;exports.useBrandingOptions=e.useBrandingOptions;exports.useBuilderReset=e.useBuilderReset;exports.useBuildingBlocks=e.useBuildingBlocks;exports.useCanvasHistory=e.useCanvasHistory;exports.useCanvasWidth=e.useCanvasWidth;exports.useCanvasZoom=e.useCanvasZoom;exports.useCopyBlockIds=e.useCopyBlockIds;exports.useCurrentPage=e.useCurrentPage;exports.useCutBlockIds=e.useCutBlockIds;exports.useDarkMode=e.useDarkMode;exports.useDeveloperPreviewMode=e.useDeveloperPreviewMode;exports.useDuplicateBlocks=e.useDuplicateBlocks;exports.useFeatureSupport=e.useFeatureSupport;exports.useGetPageData=e.useGetPageData;exports.useHiddenBlockIds=e.useHiddenBlockIds;exports.useHighlightBlockId=e.useHighlightBlockId;exports.useLanguages=e.useLanguages;exports.useMarkAsGlobalBlock=e.useMarkAsGlobalBlock;exports.useMoveBlocks=e.useMoveBlocks;exports.usePasteBlocks=e.usePasteBlocks;exports.usePreviewMode=e.usePreviewMode;exports.usePrimaryLanguage=e.usePrimaryLanguage;exports.useProject=e.useProject;exports.useReadOnlyMode=e.useReadOnlyMode;exports.useRemoveBlocks=e.useRemoveBlocks;exports.useRemoveClassesFromBlocks=e.useRemoveClassesFromBlocks;exports.useSavePage=e.useSavePage;exports.useSelectedBlock=e.useSelectedBlock;exports.useSelectedBlockAllClasses=e.useSelectedBlockAllClasses;exports.useSelectedBlockCurrentClasses=e.useSelectedBlockCurrentClasses;exports.useSelectedBlockIds=e.useSelectedBlockIds;exports.useSelectedBlocksDisplayChild=e.useSelectedBlocksDisplayChild;exports.useSelectedBreakpoints=e.useSelectedBreakpoints;exports.useSelectedStylingBlocks=e.useSelectedStylingBlocks;exports.useSetAllBlocks=e.useSetAllBlocks;exports.useStylingBreakpoint=e.useStylingBreakpoint;exports.useStylingState=e.useStylingState;exports.useTranslations=e.useTranslations;exports.useTreeData=e.useTreeData;exports.useUILibraryBlocks=e.useUILibraryBlocks;exports.useUpdateBlocksProps=e.useUpdateBlocksProps;exports.useUpdateBlocksPropsRealtime=e.useUpdateBlocksPropsRealtime;exports.useBuilderProp=s.useBuilderProp;Object.defineProperty(exports,"useTranslation",{enumerable:!0,get:()=>u.useTranslation});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-ebd86d7f.cjs"),s=require("./useBuilderProp-5e57d0c8.cjs"),u=require("react-i18next");require("./jsx-runtime-5c3ac4f7.cjs");require("react");require("i18next");require("flagged");require("react-dnd");require("lodash");require("@minoru/react-dnd-treeview");require("jotai");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");require("react-hotkeys-hook");require("flat-to-nested");require("./Class-7d6aadbc.cjs");require("redux-undo");require("@react-hookz/web");require("@chaibuilder/blocks");require("@radix-ui/react-icons");require("./CONTROLS-031e1de3.cjs");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");exports.ChaiBuilderEditor=e.ChaiBuilderEditor;exports.ChaiBuilderStudio=e.ChaiBuilderStudio;exports.enableStyling=e.enableStyling;exports.setBlockProps=e.setBlockProps;exports.useActiveLanguage=e.useActiveLanguage;exports.useActiveModal=e.useActiveModal;exports.useActivePanel=e.useActivePanel;exports.useAddBlock=e.useAddBlock;exports.useAddBlockParent=e.useAddBlockParent;exports.useAddClassesToBlocks=e.useAddClassesToBlocks;exports.useAllBlocks=e.useAllBlocks;exports.useBlockContentByLanguage=e.useBlockContentByLanguage;exports.useBrandingOptions=e.useBrandingOptions;exports.useBuilderReset=e.useBuilderReset;exports.useBuildingBlocks=e.useBuildingBlocks;exports.useCanvasHistory=e.useCanvasHistory;exports.useCanvasWidth=e.useCanvasWidth;exports.useCanvasZoom=e.useCanvasZoom;exports.useCopyBlockIds=e.useCopyBlockIds;exports.useCurrentPage=e.useCurrentPage$1;exports.useCutBlockIds=e.useCutBlockIds;exports.useDarkMode=e.useDarkMode;exports.useDeveloperPreviewMode=e.useDeveloperPreviewMode;exports.useDuplicateBlocks=e.useDuplicateBlocks;exports.useFeatureSupport=e.useFeatureSupport;exports.useGetPageData=e.useGetPageData;exports.useHiddenBlockIds=e.useHiddenBlockIds;exports.useHighlightBlockId=e.useHighlightBlockId;exports.useLanguages=e.useLanguages;exports.useMarkAsGlobalBlock=e.useMarkAsGlobalBlock;exports.useMoveBlocks=e.useMoveBlocks;exports.usePasteBlocks=e.usePasteBlocks;exports.usePreviewMode=e.usePreviewMode;exports.usePrimaryLanguage=e.usePrimaryLanguage;exports.useProject=e.useProject$1;exports.useReadOnlyMode=e.useReadOnlyMode;exports.useRemoveBlocks=e.useRemoveBlocks;exports.useRemoveClassesFromBlocks=e.useRemoveClassesFromBlocks;exports.useSavePage=e.useSavePage;exports.useSelectedBlock=e.useSelectedBlock;exports.useSelectedBlockAllClasses=e.useSelectedBlockAllClasses;exports.useSelectedBlockCurrentClasses=e.useSelectedBlockCurrentClasses;exports.useSelectedBlockIds=e.useSelectedBlockIds;exports.useSelectedBlocksDisplayChild=e.useSelectedBlocksDisplayChild;exports.useSelectedBreakpoints=e.useSelectedBreakpoints;exports.useSelectedStylingBlocks=e.useSelectedStylingBlocks;exports.useSetAllBlocks=e.useSetAllBlocks;exports.useStylingBreakpoint=e.useStylingBreakpoint;exports.useStylingState=e.useStylingState;exports.useTranslations=e.useTranslations;exports.useTreeData=e.useTreeData;exports.useUILibraryBlocks=e.useUILibraryBlocks;exports.useUpdateBlocksProps=e.useUpdateBlocksProps;exports.useUpdateBlocksPropsRealtime=e.useUpdateBlocksPropsRealtime;exports.useBuilderProp=s.useBuilderProp;Object.defineProperty(exports,"useTranslation",{enumerable:!0,get:()=>u.useTranslation});

package/dist/core.d.ts

@@ -38,13 +38,13 @@ export declare type ChaiBlock = {
 } & Record<string, string>;
 
 /**
- * ChaiBuilderStudio is the main entry point for the Chai Builder Studio.
+ * ChaiBuilder is the main entry point for the Chai Builder Studio.
  * @param props
  * @constructor
  */
-export declare const ChaiBuilderStudio: (props: ChaiBuilderStudioProps) => JSX_2.Element;
+export declare const ChaiBuilderEditor: (props: ChaiBuilderEditorProps) => JSX_2.Element;
 
-export declare interface ChaiBuilderStudioProps {
+export declare interface ChaiBuilderEditorProps {
     apiKey?: string;
     blocks?: ChaiBlock[];
     brandingOptions?: Record<string, string>;
@@ -87,6 +87,14 @@ export declare interface ChaiBuilderStudioProps {
     getPages?: () => Promise<ChaiPage[]>;
 }
 
+export declare const ChaiBuilderStudio: (props: ChaiBuilderStudioProps) => JSX_2.Element;
+
+declare type ChaiBuilderStudioProps = {
+    apiBaseUrl?: string;
+    logo?: string | React_2.FC<any>;
+    darkModeSupport?: boolean;
+};
+
 declare type ChaiPage = {
     uuid?: string;
     page_name?: string;
@@ -171,15 +179,15 @@ export declare const useBlockContentByLanguage: (prop: string, block: ChaiBlock)
  * Wrapper around useAtom
  */
 export declare const useBrandingOptions: () => readonly [{
-    _bodyFont: string;
-    _headingFont: string;
-    _roundedCorners: number;
-    _primaryColor: string;
-    _secondaryColor: string;
-    _bodyBgDarkColor: string;
-    _bodyBgLightColor: string;
-    _bodyTextDarkColor: string;
-    _bodyTextLightColor: string;
+    bodyFont: string;
+    headingFont: string;
+    roundedCorners: number;
+    primaryColor: string;
+    secondaryColor: string;
+    bodyBgDarkColor: string;
+    bodyBgLightColor: string;
+    bodyTextDarkColor: string;
+    bodyTextLightColor: string;
 }, (...args: unknown[]) => unknown];
 
 export declare const useBuilderProp: (propKey: string, defaultValue?: any) => any;

package/dist/core.js

@@ -1,6 +1,6 @@
-import { X as M, W as h, V as L, D as R, _ as b, aa as f, O as x, ab as H, H as T, y as U, ae as w, w as O, Y as j, $ as F, c as G, e as W, k as Z, n as q, a0 as J, m as K, d as N, a1 as V, l as X, j as Y, a2 as _, N as $, x as z, ad as E, U as Q, a3 as ss, o as es, p as as, ac as os, a4 as ts, Z as us, q as ls, I as rs, u as is, A as ps, a6 as cs, K as ds, h as Bs, L as ms, f as ks, i as ns, g as gs, a7 as Ss, J as Cs, a5 as Ps, a8 as vs, R as ys, a9 as As, C as Ds } from "./index-32d7b6e5.js";
+import { a6 as I, ap as M, a5 as L, a4 as f, D as R, a8 as T, ak as b, Q as x, al as H, H as j, y as w, ao as U, w as F, a3 as G, a9 as O, c as W, e as q, k as E, n as J, aa as K, m as Q, d as Z, ab as z, l as N, j as V, ac as X, P as Y, x as _, an as $, W as ss, ad as es, o as as, p as os, am as ts, ae as us, a7 as ls, q as rs, I as is, u as ps, A as cs, ag as ds, K as Bs, h as ms, L as ks, f as ns, i as gs, g as Cs, ah as Ss, J as Ps, af as vs, ai as ys, T as As, aj as hs, C as Ds } from "./index-390f7bef.js";
 import { u as Ms } from "./useBuilderProp-81a14920.js";
-import { useTranslation as Ls } from "react-i18next";
+import { useTranslation as fs } from "react-i18next";
 import "./jsx-runtime-944c88e2.js";
 import "react";
 import "i18next";
@@ -14,70 +14,71 @@ import "clsx";
 import "tailwind-merge";
 import "react-hotkeys-hook";
 import "flat-to-nested";
-import "./Class-e6b07b79.js";
+import "./Class-e34b2337.js";
 import "redux-undo";
 import "@react-hookz/web";
 import "@chaibuilder/blocks";
+import "@radix-ui/react-icons";
 import "./CONTROLS-442caee5.js";
 import "@radix-ui/react-slot";
 import "class-variance-authority";
 import "@radix-ui/react-tooltip";
-import "@radix-ui/react-icons";
 import "@radix-ui/react-toast";
 export {
+  I as ChaiBuilderEditor,
   M as ChaiBuilderStudio,
-  h as enableStyling,
-  L as setBlockProps,
+  L as enableStyling,
+  f as setBlockProps,
   R as useActiveLanguage,
-  b as useActiveModal,
-  f as useActivePanel,
+  T as useActiveModal,
+  b as useActivePanel,
   x as useAddBlock,
   H as useAddBlockParent,
-  T as useAddClassesToBlocks,
-  U as useAllBlocks,
-  w as useBlockContentByLanguage,
-  O as useBrandingOptions,
+  j as useAddClassesToBlocks,
+  w as useAllBlocks,
+  U as useBlockContentByLanguage,
+  F as useBrandingOptions,
   Ms as useBuilderProp,
-  j as useBuilderReset,
-  F as useBuildingBlocks,
-  G as useCanvasHistory,
-  W as useCanvasWidth,
-  Z as useCanvasZoom,
-  q as useCopyBlockIds,
-  J as useCurrentPage,
-  K as useCutBlockIds,
-  N as useDarkMode,
-  V as useDeveloperPreviewMode,
-  X as useDuplicateBlocks,
-  Y as useFeatureSupport,
-  _ as useGetPageData,
-  $ as useHiddenBlockIds,
-  z as useHighlightBlockId,
-  E as useLanguages,
-  Q as useMarkAsGlobalBlock,
-  ss as useMoveBlocks,
-  es as usePasteBlocks,
-  as as usePreviewMode,
-  os as usePrimaryLanguage,
-  ts as useProject,
-  us as useReadOnlyMode,
-  ls as useRemoveBlocks,
-  rs as useRemoveClassesFromBlocks,
-  is as useSavePage,
-  ps as useSelectedBlock,
-  cs as useSelectedBlockAllClasses,
-  ds as useSelectedBlockCurrentClasses,
-  Bs as useSelectedBlockIds,
-  ms as useSelectedBlocksDisplayChild,
-  ks as useSelectedBreakpoints,
-  ns as useSelectedStylingBlocks,
-  gs as useSetAllBlocks,
+  G as useBuilderReset,
+  O as useBuildingBlocks,
+  W as useCanvasHistory,
+  q as useCanvasWidth,
+  E as useCanvasZoom,
+  J as useCopyBlockIds,
+  K as useCurrentPage,
+  Q as useCutBlockIds,
+  Z as useDarkMode,
+  z as useDeveloperPreviewMode,
+  N as useDuplicateBlocks,
+  V as useFeatureSupport,
+  X as useGetPageData,
+  Y as useHiddenBlockIds,
+  _ as useHighlightBlockId,
+  $ as useLanguages,
+  ss as useMarkAsGlobalBlock,
+  es as useMoveBlocks,
+  as as usePasteBlocks,
+  os as usePreviewMode,
+  ts as usePrimaryLanguage,
+  us as useProject,
+  ls as useReadOnlyMode,
+  rs as useRemoveBlocks,
+  is as useRemoveClassesFromBlocks,
+  ps as useSavePage,
+  cs as useSelectedBlock,
+  ds as useSelectedBlockAllClasses,
+  Bs as useSelectedBlockCurrentClasses,
+  ms as useSelectedBlockIds,
+  ks as useSelectedBlocksDisplayChild,
+  ns as useSelectedBreakpoints,
+  gs as useSelectedStylingBlocks,
+  Cs as useSetAllBlocks,
   Ss as useStylingBreakpoint,
-  Cs as useStylingState,
-  Ls as useTranslation,
-  Ps as useTranslations,
-  vs as useTreeData,
-  ys as useUILibraryBlocks,
-  As as useUpdateBlocksProps,
+  Ps as useStylingState,
+  fs as useTranslation,
+  vs as useTranslations,
+  ys as useTreeData,
+  As as useUILibraryBlocks,
+  hs as useUpdateBlocksProps,
   Ds as useUpdateBlocksPropsRealtime
 };

package/dist/delete-page-modal-1e3914e3.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),l=require("./useBuilderProp-5e57d0c8.cjs"),r=require("./alert-dialog-4ce6ed22.cjs"),d=require("./usePageActions-3bed2330.cjs");require("react");require("@radix-ui/react-slot");require("class-variance-authority");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-tooltip");require("@radix-ui/react-icons");require("@radix-ui/react-toast");require("jotai");require("lodash");require("@radix-ui/react-alert-dialog");require("./index-ebd86d7f.cjs");require("i18next");require("react-i18next");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("flat-to-nested");require("./Class-7d6aadbc.cjs");require("redux-undo");require("@react-hookz/web");require("@chaibuilder/blocks");require("./CONTROLS-031e1de3.cjs");require("./index-207f2cbf.cjs");require("react-dom");const x=({pageData:i,projectData:s})=>{const n={},t=d.useDeletePage(),u=i.uuid===s.homepage,o=()=>{t.mutate(i,{onSuccess:()=>{n({uuid:s.homepage,slug:"/home"})}})};return e.jsxRuntimeExports.jsxs(r.AlertDialog,{children:[e.jsxRuntimeExports.jsx(r.AlertDialogTrigger,{disabled:u,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 ${u?"cursor-not-allowed border-red-200 text-red-200":"cursor-pointer border-red-400 text-red-400"}`,children:e.jsxRuntimeExports.jsx("div",{children:"Del"})})}),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.page_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:t.isPending,children:"Cancel"}),e.jsxRuntimeExports.jsx(l.Button,{variant:"destructive",onClick:o,disabled:t.isPending,children:"Yes, Delete"})]})]})]})};exports.default=x;

package/dist/delete-page-modal-def9012d.js

@@ -0,0 +1,64 @@
+import { j as e } from "./jsx-runtime-944c88e2.js";
+import { B as m } from "./useBuilderProp-81a14920.js";
+import { A as n, a as d, b as a, e as p, f as c, h as u } from "./alert-dialog-ee98f47e.js";
+import { a as h } from "./usePageActions-f86f6f65.js";
+import "react";
+import "@radix-ui/react-slot";
+import "class-variance-authority";
+import "./utils-ac68b2c8.js";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-tooltip";
+import "@radix-ui/react-icons";
+import "@radix-ui/react-toast";
+import "jotai";
+import "lodash";
+import "@radix-ui/react-alert-dialog";
+import "./index-390f7bef.js";
+import "i18next";
+import "react-i18next";
+import "flagged";
+import "react-dnd";
+import "@minoru/react-dnd-treeview";
+import "react-hotkeys-hook";
+import "flat-to-nested";
+import "./Class-e34b2337.js";
+import "redux-undo";
+import "@react-hookz/web";
+import "@chaibuilder/blocks";
+import "./CONTROLS-442caee5.js";
+import "./index-824a7bd0.js";
+import "react-dom";
+const M = ({ pageData: r, projectData: i }) => {
+  const s = {}, t = h(), o = r.uuid === i.homepage, l = () => {
+    t.mutate(r, {
+      onSuccess: () => {
+        s({ uuid: i.homepage, slug: "/home" });
+      }
+    });
+  };
+  return /* @__PURE__ */ e.jsxs(n, { children: [
+    /* @__PURE__ */ e.jsx(d, { disabled: o, children: /* @__PURE__ */ e.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 ${o ? "cursor-not-allowed border-red-200 text-red-200" : "cursor-pointer border-red-400 text-red-400"}`,
+        children: /* @__PURE__ */ e.jsx("div", { children: "Del" })
+      }
+    ) }),
+    /* @__PURE__ */ e.jsxs(a, { children: [
+      /* @__PURE__ */ e.jsxs(p, { children: [
+        "Are you sure you want to delete ",
+        /* @__PURE__ */ e.jsx("i", { className: "text-red-500", children: r.page_name }),
+        " page?"
+      ] }),
+      /* @__PURE__ */ e.jsx(c, { children: "This action cannot be undone. This will permanently delete your page." }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-end gap-x-3", children: [
+        /* @__PURE__ */ e.jsx(u, { disabled: t.isPending, children: "Cancel" }),
+        /* @__PURE__ */ e.jsx(m, { variant: "destructive", onClick: l, disabled: t.isPending, children: "Yes, Delete" })
+      ] })
+    ] })
+  ] });
+};
+export {
+  M as default
+};

package/dist/dropdown-menu-84b2439e.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("./jsx-runtime-5c3ac4f7.cjs"),y=require("@radix-ui/react-switch"),D=require("react"),r=require("./utils-3c452dd0.cjs"),M=require("@radix-ui/react-hover-card"),C=require("@radix-ui/react-dropdown-menu"),p=require("@radix-ui/react-icons");function c(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,s.get?s:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const u=c(y),d=c(D),l=c(M),o=c(C),m=d.forwardRef(({className:e,...t},n)=>a.jsxRuntimeExports.jsx(u.Root,{className:r.cn("peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-slate-900 data-[state=unchecked]:bg-slate-200 dark:focus-visible:ring-slate-800 dark:focus-visible:ring-offset-slate-950 dark:data-[state=checked]:bg-slate-50 dark:data-[state=unchecked]:bg-slate-800",e),...t,ref:n,children:a.jsxRuntimeExports.jsx(u.Thumb,{className:r.cn("pointer-events-none block h-5 w-5 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0 dark:bg-slate-950")})}));m.displayName=u.Root.displayName;const S=l.Root,k=l.Trigger,f=d.forwardRef(({className:e,align:t="center",sideOffset:n=4,...s},i)=>a.jsxRuntimeExports.jsx(l.Content,{ref:i,align:t,sideOffset:n,className:r.cn("z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...s}));f.displayName=l.Content.displayName;const E=o.Root,I=o.Trigger,P=o.Group,T=o.Portal,z=o.Sub,_=o.RadioGroup,x=d.forwardRef(({className:e,inset:t,children:n,...s},i)=>a.jsxRuntimeExports.jsxs(o.SubTrigger,{ref:i,className:r.cn("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",t&&"pl-8",e),...s,children:[n,a.jsxRuntimeExports.jsx(p.ChevronRightIcon,{className:"ml-auto h-4 w-4"})]}));x.displayName=o.SubTrigger.displayName;const b=d.forwardRef(({className:e,...t},n)=>a.jsxRuntimeExports.jsx(o.SubContent,{ref:n,className:r.cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...t}));b.displayName=o.SubContent.displayName;const w=d.forwardRef(({className:e,sideOffset:t=4,...n},s)=>a.jsxRuntimeExports.jsx(o.Portal,{children:a.jsxRuntimeExports.jsx(o.Content,{ref:s,sideOffset:t,className:r.cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md","data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...n})}));w.displayName=o.Content.displayName;const g=d.forwardRef(({className:e,inset:t,...n},s)=>a.jsxRuntimeExports.jsx(o.Item,{ref:s,className:r.cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t&&"pl-8",e),...n}));g.displayName=o.Item.displayName;const h=d.forwardRef(({className:e,children:t,checked:n,...s},i)=>a.jsxRuntimeExports.jsxs(o.CheckboxItem,{ref:i,className:r.cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),checked:n,...s,children:[a.jsxRuntimeExports.jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:a.jsxRuntimeExports.jsx(o.ItemIndicator,{children:a.jsxRuntimeExports.jsx(p.CheckIcon,{className:"h-4 w-4"})})}),t]}));h.displayName=o.CheckboxItem.displayName;const j=d.forwardRef(({className:e,children:t,...n},s)=>a.jsxRuntimeExports.jsxs(o.RadioItem,{ref:s,className:r.cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...n,children:[a.jsxRuntimeExports.jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:a.jsxRuntimeExports.jsx(o.ItemIndicator,{children:a.jsxRuntimeExports.jsx(p.DotFilledIcon,{className:"h-4 w-4 fill-current"})})}),t]}));j.displayName=o.RadioItem.displayName;const R=d.forwardRef(({className:e,inset:t,...n},s)=>a.jsxRuntimeExports.jsx(o.Label,{ref:s,className:r.cn("px-2 py-1.5 text-sm font-semibold",t&&"pl-8",e),...n}));R.displayName=o.Label.displayName;const N=d.forwardRef(({className:e,...t},n)=>a.jsxRuntimeExports.jsx(o.Separator,{ref:n,className:r.cn("-mx-1 my-1 h-px bg-muted",e),...t}));N.displayName=o.Separator.displayName;const v=({className:e,...t})=>a.jsxRuntimeExports.jsx("span",{className:r.cn("ml-auto text-xs tracking-widest opacity-60",e),...t});v.displayName="DropdownMenuShortcut";exports.DropdownMenu=E;exports.DropdownMenuCheckboxItem=h;exports.DropdownMenuContent=w;exports.DropdownMenuGroup=P;exports.DropdownMenuItem=g;exports.DropdownMenuLabel=R;exports.DropdownMenuPortal=T;exports.DropdownMenuRadioGroup=_;exports.DropdownMenuRadioItem=j;exports.DropdownMenuSeparator=N;exports.DropdownMenuShortcut=v;exports.DropdownMenuSub=z;exports.DropdownMenuSubContent=b;exports.DropdownMenuSubTrigger=x;exports.DropdownMenuTrigger=I;exports.HoverCard=S;exports.HoverCardContent=f;exports.HoverCardTrigger=k;exports.Switch=m;