@chaibuilder/sdk 1.2.59 → 1.2.60
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{AddBlocks-MH_fqSRf.cjs → AddBlocks-BtMNa99n.cjs} +1 -1
- package/dist/{AddBlocks-05ZH2Suu.js → AddBlocks-L-3Io1jR.js} +6 -6
- package/dist/CanvasArea-KBfW2Hh3.js +978 -0
- package/dist/CanvasArea-ZNRxUJR7.cjs +59 -0
- package/dist/{CodeEditor-vECReGwz.cjs → CodeEditor-NuzOGqRn.cjs} +1 -1
- package/dist/{CodeEditor-zYBqhBv3.js → CodeEditor-cY6z8D4N.js} +1 -1
- package/dist/{CurrentPage-cOvRmEIZ.js → CurrentPage-XXy2OzNq.js} +3 -3
- package/dist/{CurrentPage-pwDwQsWa.cjs → CurrentPage-ccOL3l6S.cjs} +1 -1
- package/dist/ListTree-8jpTvI-s.cjs +1 -0
- package/dist/{ListTree-0iy8aBgI.js → ListTree-yoltG7gq.js} +2 -2
- package/dist/{PagesPanel-A3du_vDn.js → PagesPanel-XUtE4Aou.js} +4 -4
- package/dist/{PagesPanel-bfNUqq2a.cjs → PagesPanel-t3NlycIl.cjs} +1 -1
- package/dist/{ProjectPanel-92EtwSrh.js → ProjectPanel-3zkDX3az.js} +4 -4
- package/dist/{ProjectPanel-QMaTK2Jx.cjs → ProjectPanel-UClucyIl.cjs} +1 -1
- package/dist/{Settings-3ZuMFtd6.js → Settings-C9AegLbF.js} +2 -2
- package/dist/{Settings-8_Twq9DO.cjs → Settings-GVs7UvAX.cjs} +1 -1
- package/dist/{SidePanels-C8RdCe7y.cjs → SidePanels--qxWuuF-.cjs} +1 -1
- package/dist/{SidePanels-XUVc9jMH.js → SidePanels-Y3z3wyQx.js} +3 -3
- package/dist/{ThemeConfiguration-PvMN3j6h.cjs → ThemeConfiguration-03I3INEI.cjs} +1 -1
- package/dist/{ThemeConfiguration-ab7lbA2y.js → ThemeConfiguration-e_4e_ZcS.js} +1 -1
- package/dist/{Topbar-EkBS5_nt.cjs → Topbar-Yrhyc6IQ.cjs} +1 -1
- package/dist/{Topbar-VdVqOT-8.js → Topbar-lnCz7TLm.js} +2 -2
- package/dist/{UILibrariesPanel-CaGLzB9c.cjs → UILibrariesPanel-LGbh-IZP.cjs} +1 -1
- package/dist/{UILibrariesPanel-raxCToMd.js → UILibrariesPanel-PP4QDQRZ.js} +4 -4
- package/dist/{UnsplashImages-cah1BRL_.cjs → UnsplashImages-5JbDig-S.cjs} +1 -1
- package/dist/{UnsplashImages-alt_doTy.js → UnsplashImages-Y0TGxNbH.js} +1 -1
- package/dist/UploadImages-Dh35M55S.js +134 -0
- package/dist/UploadImages-f6wPPJxc.cjs +1 -0
- package/dist/{add-page-modal-VmIvQ5ug.cjs → add-page-modal-j2foeVKa.cjs} +1 -1
- package/dist/{add-page-modal-OH7DL-Yz.js → add-page-modal-sKH5SHMa.js} +4 -4
- package/dist/{confirm-alert-rYsxlfR4.cjs → confirm-alert-C3wsf6lk.cjs} +1 -1
- package/dist/{confirm-alert-m85JJlQi.js → confirm-alert-pGxJwZ2Q.js} +1 -1
- package/dist/core.cjs +1 -1
- package/dist/core.js +2 -2
- package/dist/{delete-page-modal--g92Sj1h.js → delete-page-modal-4Tp_VPx1.js} +3 -3
- package/dist/{delete-page-modal-uSFaC2aS.cjs → delete-page-modal-XObwAnNB.cjs} +1 -1
- package/dist/email.cjs +1 -1
- package/dist/email.js +2 -2
- package/dist/{form-G3PqS2Gc.cjs → form-D9cWMUJ4.cjs} +1 -1
- package/dist/{form-MSL4CDff.js → form-pya-o19L.js} +1 -1
- package/dist/{index-yVCgnTlS.js → index-1teL5Lld.js} +3 -3
- package/dist/{index-4C2qT6ju.cjs → index-849lneVZ.cjs} +1 -1
- package/dist/{index-Phf9F3An.cjs → index-8Fxmy4tt.cjs} +42 -42
- package/dist/{index-uLn8W3eR.js → index-TzLilp-0.js} +99 -100
- package/dist/{index--t_K8Sw6.js → index-ZZTdYO7r.js} +17 -13
- package/dist/{index-0FIxW0gR.cjs → index-cH1CfTbV.cjs} +1 -1
- package/dist/{page-viewer-hBsE440V.js → page-viewer-Q-eOjWmS.js} +7 -7
- package/dist/{page-viewer-yIl2jRO8.cjs → page-viewer-tNzhbu_E.cjs} +1 -1
- package/dist/{project-general-setting-NFCzMKqN.cjs → project-general-setting-9fI_iZ_Q.cjs} +1 -1
- package/dist/{project-general-setting-9AGMKDNq.js → project-general-setting-uDDo2ktT.js} +4 -4
- package/dist/{project-seo-setting-3kFJ77jY.js → project-seo-setting-PXJe5SSV.js} +2 -2
- package/dist/{project-seo-setting-C3ilIIeM.cjs → project-seo-setting-rjrO9KDR.cjs} +1 -1
- package/dist/{single-page-detail-5qDQmlL-.js → single-page-detail-0ipAHwTX.js} +11 -11
- package/dist/{single-page-detail-wwJYm5lF.cjs → single-page-detail-s_kkO9Zj.cjs} +1 -1
- package/dist/studio.cjs +1 -1
- package/dist/studio.js +3 -3
- package/dist/ui.cjs +1 -1
- package/dist/ui.js +42 -42
- package/package.json +1 -1
- package/dist/CanvasArea-NLbaLcFM.cjs +0 -59
- package/dist/CanvasArea-akw7npWW.js +0 -1259
- package/dist/ListTree-Njsk1AzL.cjs +0 -1
- package/dist/UploadImages-5dRETWCo.cjs +0 -1
- package/dist/UploadImages-JqVL_aQd.js +0 -140
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./jsx-runtime-Z_BpKhVy.cjs"),i=require("./controls-rRZhz0vu.cjs"),g=require("./form-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./jsx-runtime-Z_BpKhVy.cjs"),i=require("./controls-rRZhz0vu.cjs"),g=require("./form-D9cWMUJ4.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");require("lodash-es");require("@rjsf/core");require("@rjsf/validator-ajv8");require("./index-cH1CfTbV.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-D_vtk3zK.cjs");require("./MODIFIERS-mVmfEGgo.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-icons");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("./Functions-N3yhPYKY.cjs");require("@chaibuilder/runtime");require("jotai");require("@react-hookz/web");require("tree-model");require("react-i18next");const D=({_projectData:e,seany:n})=>{var t,u,o,q,s,a;const d=({formData:f})=>{const r={...f};r.seoData.title===void 0&&(r.seoData.title=""),r.seoData.description===void 0&&(r.seoData.description=""),r.seoData.image===void 0&&(r.seoData.image=""),n(m=>({...m,...r}))},c={seoData:i.h({title:"",default:{title:((t=e.seoData)==null?void 0:t.title)||"",description:((u=e.seoData)==null?void 0:u.description)||"",image:((o=e.seoData)==null?void 0:o.image)||""},properties:{title:i.g({title:"Default Title",default:((q=e.seoData)==null?void 0:q.title)||""}),description:i.r({title:"Default Description",default:((s=e.seoData)==null?void 0:s.description)||""}),image:i.v({title:"Social Media Image",default:((a=e.seoData)==null?void 0:a.image)||""})}})};return l.jsxRuntimeExports.jsx("div",{className:"flex h-full select-none flex-col",children:l.jsxRuntimeExports.jsx(g.Form,{properties:c,formData:e,onChange:d})})};exports.default=D;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { j as t } from "./jsx-runtime-WbnYoNE9.js";
|
|
2
2
|
import I, { useState as j, useEffect as z } from "react";
|
|
3
|
-
import { isString as L, isEmpty as x, isEqual as C, omit as y, kebabCase as
|
|
4
|
-
import { HomeIcon as
|
|
5
|
-
import {
|
|
3
|
+
import { isString as L, isEmpty as x, isEqual as C, omit as y, kebabCase as q } from "lodash-es";
|
|
4
|
+
import { HomeIcon as B } from "@radix-ui/react-icons";
|
|
5
|
+
import { bq as G, B as Y } from "./index-TzLilp-0.js";
|
|
6
6
|
import { g, h as Z, r as $, v as F, c as Q } from "./controls-yjgoZzB6.js";
|
|
7
7
|
import { toast as U } from "sonner";
|
|
8
|
-
import { F as h } from "./form-
|
|
9
|
-
import { f as V, a as X, g as _, b as K } from "./index-
|
|
8
|
+
import { F as h } from "./form-pya-o19L.js";
|
|
9
|
+
import { f as V, a as X, g as _, b as K } from "./index-1teL5Lld.js";
|
|
10
10
|
import "./_commonjsHelpers-UyOWmZb0.js";
|
|
11
11
|
import "@radix-ui/react-toggle";
|
|
12
12
|
import "class-variance-authority";
|
|
@@ -43,7 +43,7 @@ import "tree-model";
|
|
|
43
43
|
import "react-i18next";
|
|
44
44
|
import "@rjsf/core";
|
|
45
45
|
import "@rjsf/validator-ajv8";
|
|
46
|
-
import "./index
|
|
46
|
+
import "./index-ZZTdYO7r.js";
|
|
47
47
|
import "i18next";
|
|
48
48
|
import "@floating-ui/react-dom";
|
|
49
49
|
import "flagged";
|
|
@@ -53,7 +53,7 @@ import "./index-VBXQixVm.js";
|
|
|
53
53
|
import "./html-to-json-_01DXd-a.js";
|
|
54
54
|
import "himalaya";
|
|
55
55
|
import "lodash";
|
|
56
|
-
const O = I.lazy(() => import("./delete-page-modal
|
|
56
|
+
const O = I.lazy(() => import("./delete-page-modal-4Tp_VPx1.js")), J = I.lazy(() => import("./confirm-alert-pGxJwZ2Q.js")), P = (r) => {
|
|
57
57
|
if (!L(r) || !(r.includes("/[") && r.includes("]")))
|
|
58
58
|
return !1;
|
|
59
59
|
const s = /^\[((?:\.{3})?[a-zA-Z0-9_-]+)\]$/, u = /^[a-zA-Z0-9_-]+$/;
|
|
@@ -97,7 +97,7 @@ const O = I.lazy(() => import("./delete-page-modal--g92Sj1h.js")), J = I.lazy(()
|
|
|
97
97
|
if (!o)
|
|
98
98
|
return p;
|
|
99
99
|
const a = { [o]: l[o] };
|
|
100
|
-
return o === "name" ? a.slug =
|
|
100
|
+
return o === "name" ? a.slug = q((E = l[o]) == null ? void 0 : E.replace(/\d/g, "")) : o === "slug" ? a.slug = (A = l[o]) == null ? void 0 : A.replace(/\d/g, "").replace(/\s+/g, "").replace("--", "-").replace("__", "_") : o === "seoData" && (a.seoData = {
|
|
101
101
|
title: l[o].title || "",
|
|
102
102
|
description: l[o].description || "",
|
|
103
103
|
image: l[o].image || ""
|
|
@@ -147,7 +147,7 @@ const O = I.lazy(() => import("./delete-page-modal--g92Sj1h.js")), J = I.lazy(()
|
|
|
147
147
|
default: d.isHomePage
|
|
148
148
|
})
|
|
149
149
|
};
|
|
150
|
-
return /* @__PURE__ */ t.jsxs(
|
|
150
|
+
return /* @__PURE__ */ t.jsxs(G, { className: "flex h-full select-none flex-col", children: [
|
|
151
151
|
/* @__PURE__ */ t.jsx(
|
|
152
152
|
J,
|
|
153
153
|
{
|
|
@@ -190,7 +190,7 @@ const O = I.lazy(() => import("./delete-page-modal--g92Sj1h.js")), J = I.lazy(()
|
|
|
190
190
|
disabled: n.isPending || c.isPending
|
|
191
191
|
}
|
|
192
192
|
) : s.type === "STATIC" && /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-x-1 px-1 pt-2 text-xs font-medium text-gray-500", children: [
|
|
193
|
-
/* @__PURE__ */ t.jsx(
|
|
193
|
+
/* @__PURE__ */ t.jsx(B, {}),
|
|
194
194
|
" This is homepage",
|
|
195
195
|
" "
|
|
196
196
|
] }),
|
|
@@ -200,7 +200,7 @@ const O = I.lazy(() => import("./delete-page-modal--g92Sj1h.js")), J = I.lazy(()
|
|
|
200
200
|
] }),
|
|
201
201
|
/* @__PURE__ */ t.jsxs("div", { className: "my-2 flex w-full items-center justify-between gap-x-2 px-1", children: [
|
|
202
202
|
/* @__PURE__ */ t.jsx(
|
|
203
|
-
|
|
203
|
+
Y,
|
|
204
204
|
{
|
|
205
205
|
className: "w-full",
|
|
206
206
|
type: "submit",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./jsx-runtime-Z_BpKhVy.cjs"),g=require("react"),c=require("lodash-es"),H=require("@radix-ui/react-icons"),y=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./jsx-runtime-Z_BpKhVy.cjs"),g=require("react"),c=require("lodash-es"),H=require("@radix-ui/react-icons"),y=require("./index-cH1CfTbV.cjs"),d=require("./controls-rRZhz0vu.cjs"),w=require("sonner"),p=require("./form-D9cWMUJ4.cjs"),h=require("./index-849lneVZ.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-D_vtk3zK.cjs");require("./MODIFIERS-mVmfEGgo.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("./Functions-N3yhPYKY.cjs");require("@chaibuilder/runtime");require("jotai");require("@react-hookz/web");require("tree-model");require("react-i18next");require("@rjsf/core");require("@rjsf/validator-ajv8");require("./index-8Fxmy4tt.cjs");require("i18next");require("@floating-ui/react-dom");require("flagged");require("react-hotkeys-hook");require("lucide-react");require("./index--mLLy7QQ.cjs");require("./html-to-json-ndxaXRT8.cjs");require("himalaya");require("lodash");const z=g.lazy(()=>Promise.resolve().then(()=>require("./delete-page-modal-XObwAnNB.cjs"))),L=g.lazy(()=>Promise.resolve().then(()=>require("./confirm-alert-C3wsf6lk.cjs"))),E=n=>{if(!c.isString(n)||!(n.includes("/[")&&n.includes("]")))return!1;const s=/^\[((?:\.{3})?[a-zA-Z0-9_-]+)\]$/,q=/^[a-zA-Z0-9_-]+$/;let e=!0;return n.split("/").forEach(u=>{e&&(u.includes("[[")&&u.includes("]]")?e=/^\[\[\.{3}[a-zA-Z0-9_-]+\]\]$/.test(u):u.includes("[")&&u.includes("]")?e=s.test(u):e=q.test(u))}),e},P=n=>n&&c.isEmpty(n.seoData)?{...n,seoData:{title:"",description:"",image:""}}:n,G=(n,o)=>{const s=!c.isEqual(c.omit(n,["seoData"]),c.omit(o,["seoData"])),q=!c.isEqual(P(o).seoData,P(n).seoData);return s||q},Y=({open:n,setOpen:o,pageData:s})=>{const q=h.useQueryClient(),{data:e}=h.useProject(),u=h.useUpdatePage(),m=h.useUpdateProject("Homepage updated successfully."),[i,b]=g.useState(P(s)),[a,A]=g.useState({isHomePage:(e==null?void 0:e.homepage)===s.uuid}),j=G(i,s);g.useEffect(()=>{const l=!c.isEqual(P(s),i),t=(e==null?void 0:e.homepage)!==s.uuid&&a.isHomePage;o(l||t?"PENDING":"OPEN")},[e,s,i,a,o]);const C=()=>{if(j){if(s.type==="DYNAMIC"&&!E((i==null?void 0:i.slug)||"")){n==="ALERT"&&o("PENDING");return}u.mutate(i,{onSuccess:()=>{q.invalidateQueries({refetchType:"active",queryKey:["pages",e==null?void 0:e.uuid]}),o("CLOSE"),w.toast.success("Page updated successfully.")}})}a.isHomePage&&(e==null?void 0:e.homepage)!==s.uuid&&m.mutate({...e,homepage:s==null?void 0:s.uuid},{onSuccess:()=>o("CLOSE")})},R=({formData:l},t)=>{b(f=>{var S,N;if(!t)return f;const x={[t]:l[t]};return t==="name"?x.slug=c.kebabCase((S=l[t])==null?void 0:S.replace(/\d/g,"")):t==="slug"?x.slug=(N=l[t])==null?void 0:N.replace(/\d/g,"").replace(/\s+/g,"").replace("--","-").replace("__","_"):t==="seoData"&&(x.seoData={title:l[t].title||"",description:l[t].description||"",image:l[t].image||""}),{...f,...x}})},I=({formData:l},t)=>{A(f=>{const x={[t]:l[t]};return{...f,...x}})},v={name:d.g({title:"Page Name",default:i.name}),slug:d.g({title:"Page Slug",default:i.slug})},T={seoData:d.h({title:"",description:"",default:{title:"",description:"",image:""},properties:{title:d.g({title:"Meta Title",default:i.name}),description:d.r({title:"Meta Description",default:i.slug}),image:d.v({title:"Social Media Image",default:""})}})},M={isHomePage:d.c({title:"Set as homepage",default:a.isHomePage})};return r.jsxRuntimeExports.jsxs(y.ScrollArea,{className:"flex h-full select-none flex-col",children:[r.jsxRuntimeExports.jsx(L,{open:n==="ALERT",title:"Do yo want to save changes?",onCancel:()=>o("CLOSE"),onConfirm:C,disabled:m.isPending||u.isPending}),r.jsxRuntimeExports.jsx("div",{className:"rounded-md bg-background/30 px-2.5 py-1",children:r.jsxRuntimeExports.jsx("h1",{className:"px-1 font-semibold",children:"Page Details"})}),r.jsxRuntimeExports.jsx("div",{className:"px-2.5 pt-2",children:r.jsxRuntimeExports.jsxs("div",{className:"flex flex-col space-y-2",children:[r.jsxRuntimeExports.jsx(p.Form,{title:"Basic Details",formData:i,properties:v,onChange:R,disabled:u.isPending||m.isPending}),r.jsxRuntimeExports.jsx("div",{className:"h-2 w-full"}),r.jsxRuntimeExports.jsx(p.Form,{title:"SEO Details",formData:i,properties:T,onChange:R,disabled:u.isPending||m.isPending}),(e==null?void 0:e.homepage)!==s.uuid&&s.type==="STATIC"?r.jsxRuntimeExports.jsx(p.Form,{formData:a,properties:M,onChange:I,disabled:u.isPending||m.isPending}):s.type==="STATIC"&&r.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-1 px-1 pt-2 text-xs font-medium text-gray-500",children:[r.jsxRuntimeExports.jsx(H.HomeIcon,{})," This is homepage"," "]}),i.type==="DYNAMIC"&&!E((i==null?void 0:i.slug)||"")&&r.jsxRuntimeExports.jsxs("small",{className:"px-1 text-red-400",children:["Add dynamic ID in page slug Eg: ",r.jsxRuntimeExports.jsx("i",{className:"underline",children:"some-url/[some-id]"})]}),r.jsxRuntimeExports.jsxs("div",{className:"my-2 flex w-full items-center justify-between gap-x-2 px-1",children:[r.jsxRuntimeExports.jsx(y.Button,{className:"w-full",type:"submit",onClick:C,disabled:(e==null?void 0:e.homepage)!==s.uuid&&a.isHomePage?!1:c.isEmpty(i.name)||c.isEmpty(i.slug)||!j||u.isPending||m.isPending||i.type==="DYNAMIC"&&!E((i==null?void 0:i.slug)||""),children:"Save"}),r.jsxRuntimeExports.jsx(z,{pageData:s,projectData:e})]})]})})]})};exports.default=Y;
|
package/dist/studio.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./jsx-runtime-Z_BpKhVy.cjs");const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./jsx-runtime-Z_BpKhVy.cjs");const e=require("./index-849lneVZ.cjs");require("react");require("sonner");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("./index-8Fxmy4tt.cjs");require("i18next");require("react-i18next");require("./index-cH1CfTbV.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-D_vtk3zK.cjs");require("lodash-es");require("./MODIFIERS-mVmfEGgo.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-icons");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("./Functions-N3yhPYKY.cjs");require("@chaibuilder/runtime");require("jotai");require("@react-hookz/web");require("tree-model");require("@floating-ui/react-dom");require("flagged");require("react-hotkeys-hook");require("lucide-react");require("./index--mLLy7QQ.cjs");require("./html-to-json-ndxaXRT8.cjs");require("himalaya");require("lodash");exports.ChaiBuilderStudio=e.ChaiBuilderStudio;
|
package/dist/studio.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import "./jsx-runtime-WbnYoNE9.js";
|
|
2
|
-
import { C as _ } from "./index-
|
|
2
|
+
import { C as _ } from "./index-1teL5Lld.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "sonner";
|
|
5
5
|
import "./_commonjsHelpers-UyOWmZb0.js";
|
|
6
|
-
import "./index
|
|
6
|
+
import "./index-ZZTdYO7r.js";
|
|
7
7
|
import "i18next";
|
|
8
8
|
import "react-i18next";
|
|
9
|
-
import "./index-
|
|
9
|
+
import "./index-TzLilp-0.js";
|
|
10
10
|
import "@radix-ui/react-toggle";
|
|
11
11
|
import "class-variance-authority";
|
|
12
12
|
import "./utils-VpVqnC9m.js";
|
package/dist/ui.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-cH1CfTbV.cjs");require("./jsx-runtime-Z_BpKhVy.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-D_vtk3zK.cjs");require("lodash-es");require("./MODIFIERS-mVmfEGgo.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-icons");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("./Functions-N3yhPYKY.cjs");require("@chaibuilder/runtime");require("jotai");require("@react-hookz/web");require("tree-model");require("react-i18next");exports.Accordion=e.Accordion;exports.AccordionContent=e.AccordionContent;exports.AccordionItem=e.AccordionItem;exports.AccordionTrigger=e.AccordionTrigger;exports.Alert=e.Alert;exports.AlertDescription=e.AlertDescription;exports.AlertDialog=e.AlertDialog;exports.AlertDialogAction=e.AlertDialogAction;exports.AlertDialogCancel=e.AlertDialogCancel;exports.AlertDialogContent=e.AlertDialogContent;exports.AlertDialogDescription=e.AlertDialogDescription;exports.AlertDialogFooter=e.AlertDialogFooter;exports.AlertDialogHeader=e.AlertDialogHeader;exports.AlertDialogTitle=e.AlertDialogTitle;exports.AlertDialogTrigger=e.AlertDialogTrigger;exports.AlertTitle=e.AlertTitle;exports.Badge=e.Badge;exports.Button=e.Button;exports.Card=e.Card;exports.CardContent=e.CardContent;exports.CardDescription=e.CardDescription;exports.CardFooter=e.CardFooter;exports.CardHeader=e.CardHeader;exports.CardTitle=e.CardTitle;exports.Command=e.Command;exports.CommandDialog=e.CommandDialog;exports.CommandEmpty=e.CommandEmpty;exports.CommandGroup=e.CommandGroup;exports.CommandInput=e.CommandInput;exports.CommandItem=e.CommandItem;exports.CommandList=e.CommandList;exports.CommandSeparator=e.CommandSeparator;exports.CommandShortcut=e.CommandShortcut;exports.ContextMenu=e.ContextMenu;exports.ContextMenuCheckboxItem=e.ContextMenuCheckboxItem;exports.ContextMenuContent=e.ContextMenuContent;exports.ContextMenuGroup=e.ContextMenuGroup;exports.ContextMenuItem=e.ContextMenuItem;exports.ContextMenuLabel=e.ContextMenuLabel;exports.ContextMenuPortal=e.ContextMenuPortal;exports.ContextMenuRadioGroup=e.ContextMenuRadioGroup;exports.ContextMenuRadioItem=e.ContextMenuRadioItem;exports.ContextMenuSeparator=e.ContextMenuSeparator;exports.ContextMenuShortcut=e.ContextMenuShortcut;exports.ContextMenuSub=e.ContextMenuSub;exports.ContextMenuSubContent=e.ContextMenuSubContent;exports.ContextMenuSubTrigger=e.ContextMenuSubTrigger;exports.ContextMenuTrigger=e.ContextMenuTrigger;exports.Dialog=e.Dialog;exports.DialogContent=e.DialogContent;exports.DialogDescription=e.DialogDescription;exports.DialogFooter=e.DialogFooter;exports.DialogHeader=e.DialogHeader;exports.DialogTitle=e.DialogTitle;exports.DialogTrigger=e.DialogTrigger;exports.DropdownMenu=e.DropdownMenu;exports.DropdownMenuCheckboxItem=e.DropdownMenuCheckboxItem;exports.DropdownMenuContent=e.DropdownMenuContent;exports.DropdownMenuGroup=e.DropdownMenuGroup;exports.DropdownMenuItem=e.DropdownMenuItem;exports.DropdownMenuLabel=e.DropdownMenuLabel;exports.DropdownMenuPortal=e.DropdownMenuPortal;exports.DropdownMenuRadioGroup=e.DropdownMenuRadioGroup;exports.DropdownMenuRadioItem=e.DropdownMenuRadioItem;exports.DropdownMenuSeparator=e.DropdownMenuSeparator;exports.DropdownMenuShortcut=e.DropdownMenuShortcut;exports.DropdownMenuSub=e.DropdownMenuSub;exports.DropdownMenuSubContent=e.DropdownMenuSubContent;exports.DropdownMenuSubTrigger=e.DropdownMenuSubTrigger;exports.DropdownMenuTrigger=e.DropdownMenuTrigger;exports.HoverCard=e.HoverCard;exports.HoverCardContent=e.HoverCardContent;exports.HoverCardTrigger=e.HoverCardTrigger;exports.IconPickerField=e.IconPickerField;exports.ImagePickerField=e.ImagePickerField;exports.Input=e.Input;exports.Label=e.Label;exports.LinkField=e.LinkField;exports.Menubar=e.Menubar;exports.MenubarCheckboxItem=e.MenubarCheckboxItem;exports.MenubarContent=e.MenubarContent;exports.MenubarGroup=e.MenubarGroup;exports.MenubarItem=e.MenubarItem;exports.MenubarLabel=e.MenubarLabel;exports.MenubarMenu=e.MenubarMenu;exports.MenubarPortal=e.MenubarPortal;exports.MenubarRadioGroup=e.MenubarRadioGroup;exports.MenubarRadioItem=e.MenubarRadioItem;exports.MenubarSeparator=e.MenubarSeparator;exports.MenubarShortcut=e.MenubarShortcut;exports.MenubarSub=e.MenubarSub;exports.MenubarSubContent=e.MenubarSubContent;exports.MenubarSubTrigger=e.MenubarSubTrigger;exports.MenubarTrigger=e.MenubarTrigger;exports.Popover=e.Popover;exports.PopoverContent=e.PopoverContent;exports.PopoverTrigger=e.PopoverTrigger;exports.RTEField=e.RichTextEditorField;exports.ScrollArea=e.ScrollArea;exports.ScrollBar=e.ScrollBar;exports.Select=e.Select;exports.SelectContent=e.SelectContent;exports.SelectGroup=e.SelectGroup;exports.SelectItem=e.SelectItem;exports.SelectLabel=e.SelectLabel;exports.SelectSeparator=e.SelectSeparator;exports.SelectTrigger=e.SelectTrigger;exports.SelectValue=e.SelectValue;exports.Separator=e.Separator;exports.Sheet=e.Sheet;exports.SheetClose=e.SheetClose;exports.SheetContent=e.SheetContent;exports.SheetDescription=e.SheetDescription;exports.SheetFooter=e.SheetFooter;exports.SheetHeader=e.SheetHeader;exports.SheetTitle=e.SheetTitle;exports.SheetTrigger=e.SheetTrigger;exports.Skeleton=e.Skeleton;exports.Switch=e.Switch;exports.Tabs=e.Tabs;exports.TabsContent=e.TabsContent;exports.TabsList=e.TabsList;exports.TabsTrigger=e.TabsTrigger;exports.Textarea=e.Textarea;exports.Toaster=e.Toaster;exports.Toggle=e.Toggle;exports.Tooltip=e.Tooltip;exports.TooltipContent=e.TooltipContent;exports.TooltipPortal=e.TooltipPortal;exports.TooltipProvider=e.TooltipProvider;exports.TooltipTrigger=e.TooltipTrigger;exports.badgeVariants=e.badgeVariants;exports.buttonVariants=e.buttonVariants;exports.reducer=e.reducer;exports.toast=e.toast;exports.toggleVariants=e.toggleVariants;exports.useToast=e.useToast;
|
package/dist/ui.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { L as N, O, M as
|
|
1
|
+
import { L as N, O, M as j, N as q, by as z, bK as J, A as Q, P as U, g as W, b as X, e as _, f as Y, c as Z, d as $, a as aa, bz as ea, aI as oa, B as ta, bt as ra, bw as sa, bv as na, bx as ia, bu as ba, bM as pa, ba as ua, cj as ca, bd as ma, be as la, bb as da, bf as ga, bc as Ca, cl as Ma, ck as Sa, bD as Da, cm as Ta, bC as xa, cr as Aa, bB as wa, co as Ia, cs as ha, cw as Pa, cn as La, cp as va, cq as Fa, ct as Ga, cu as Ha, cv as ka, bE as Ra, au as Ba, av as Va, ay as Ea, bg as fa, aw as ya, ax as Ka, aE as Na, E as Oa, aV as ja, G as qa, br as za, J as Ja, H as Qa, cc as Ua, cg as Wa, cb as Xa, I as _a, bs as Ya, cd as Za, ce as $a, cf as ae, F as ee, aS as oe, aU as te, aT as re, bk as se, bl as ne, bo as ie, aX as be, bm as pe, bO as ue, bV as ce, bR as me, b$ as le, bS as de, bU as ge, bP as Ce, bY as Me, bW as Se, bX as De, bT as Te, c1 as xe, c0 as Ae, bZ as we, b_ as Ie, bQ as he, b7 as Pe, b9 as Le, b8 as ve, bj as Fe, bq as Ge, bN as He, az as ke, aC as Re, aO as Be, aD as Ve, aP as Ee, c2 as fe, aA as ye, aB as Ke, aQ as Ne, c3 as Oe, c5 as je, c6 as qe, ca as ze, c8 as Je, c7 as Qe, c9 as Ue, c4 as We, S as Xe, aR as _e, aK as Ye, aN as Ze, aL as $e, aM as ao, T as eo, _ as oo, bH as to, aF as ro, aH as so, bp as no, W as io, aG as bo, bL as po, bJ as uo, ch as co, ci as mo, bI as lo, K as go } from "./index-TzLilp-0.js";
|
|
2
2
|
import "./jsx-runtime-WbnYoNE9.js";
|
|
3
3
|
import "./_commonjsHelpers-UyOWmZb0.js";
|
|
4
4
|
import "react";
|
|
@@ -40,15 +40,15 @@ import "react-i18next";
|
|
|
40
40
|
export {
|
|
41
41
|
N as Accordion,
|
|
42
42
|
O as AccordionContent,
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
43
|
+
j as AccordionItem,
|
|
44
|
+
q as AccordionTrigger,
|
|
45
|
+
z as Alert,
|
|
46
|
+
J as AlertDescription,
|
|
47
|
+
Q as AlertDialog,
|
|
48
|
+
U as AlertDialogAction,
|
|
49
|
+
W as AlertDialogCancel,
|
|
50
|
+
X as AlertDialogContent,
|
|
51
|
+
_ as AlertDialogDescription,
|
|
52
52
|
Y as AlertDialogFooter,
|
|
53
53
|
Z as AlertDialogHeader,
|
|
54
54
|
$ as AlertDialogTitle,
|
|
@@ -79,30 +79,30 @@ export {
|
|
|
79
79
|
Ia as ContextMenuLabel,
|
|
80
80
|
ha as ContextMenuPortal,
|
|
81
81
|
Pa as ContextMenuRadioGroup,
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
82
|
+
La as ContextMenuRadioItem,
|
|
83
|
+
va as ContextMenuSeparator,
|
|
84
|
+
Fa as ContextMenuShortcut,
|
|
85
85
|
Ga as ContextMenuSub,
|
|
86
|
-
|
|
87
|
-
|
|
86
|
+
Ha as ContextMenuSubContent,
|
|
87
|
+
ka as ContextMenuSubTrigger,
|
|
88
88
|
Ra as ContextMenuTrigger,
|
|
89
|
-
|
|
90
|
-
|
|
89
|
+
Ba as Dialog,
|
|
90
|
+
Va as DialogContent,
|
|
91
91
|
Ea as DialogDescription,
|
|
92
92
|
fa as DialogFooter,
|
|
93
93
|
ya as DialogHeader,
|
|
94
94
|
Ka as DialogTitle,
|
|
95
95
|
Na as DialogTrigger,
|
|
96
96
|
Oa as DropdownMenu,
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
97
|
+
ja as DropdownMenuCheckboxItem,
|
|
98
|
+
qa as DropdownMenuContent,
|
|
99
|
+
za as DropdownMenuGroup,
|
|
100
|
+
Ja as DropdownMenuItem,
|
|
101
|
+
Qa as DropdownMenuLabel,
|
|
102
|
+
Ua as DropdownMenuPortal,
|
|
103
|
+
Wa as DropdownMenuRadioGroup,
|
|
104
|
+
Xa as DropdownMenuRadioItem,
|
|
105
|
+
_a as DropdownMenuSeparator,
|
|
106
106
|
Ya as DropdownMenuShortcut,
|
|
107
107
|
Za as DropdownMenuSub,
|
|
108
108
|
$a as DropdownMenuSubContent,
|
|
@@ -133,30 +133,30 @@ export {
|
|
|
133
133
|
Ie as MenubarSubTrigger,
|
|
134
134
|
he as MenubarTrigger,
|
|
135
135
|
Pe as Popover,
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
136
|
+
Le as PopoverContent,
|
|
137
|
+
ve as PopoverTrigger,
|
|
138
|
+
Fe as RTEField,
|
|
139
139
|
Ge as ScrollArea,
|
|
140
|
-
|
|
141
|
-
|
|
140
|
+
He as ScrollBar,
|
|
141
|
+
ke as Select,
|
|
142
142
|
Re as SelectContent,
|
|
143
|
-
|
|
144
|
-
|
|
143
|
+
Be as SelectGroup,
|
|
144
|
+
Ve as SelectItem,
|
|
145
145
|
Ee as SelectLabel,
|
|
146
146
|
fe as SelectSeparator,
|
|
147
147
|
ye as SelectTrigger,
|
|
148
148
|
Ke as SelectValue,
|
|
149
149
|
Ne as Separator,
|
|
150
150
|
Oe as Sheet,
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
151
|
+
je as SheetClose,
|
|
152
|
+
qe as SheetContent,
|
|
153
|
+
ze as SheetDescription,
|
|
154
|
+
Je as SheetFooter,
|
|
155
|
+
Qe as SheetHeader,
|
|
156
|
+
Ue as SheetTitle,
|
|
157
|
+
We as SheetTrigger,
|
|
158
|
+
Xe as Skeleton,
|
|
159
|
+
_e as Switch,
|
|
160
160
|
Ye as Tabs,
|
|
161
161
|
Ze as TabsContent,
|
|
162
162
|
$e as TabsList,
|
package/package.json
CHANGED
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
"use strict";var re=Object.defineProperty;var ie=(o,s,e)=>s in o?re(o,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[s]=e;var D=(o,s,e)=>(ie(o,typeof s!="symbol"?s+"":s,e),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./jsx-runtime-Z_BpKhVy.cjs"),x=require("react"),c=require("lodash-es"),R=require("@radix-ui/react-icons"),i=require("./index-0FIxW0gR.cjs"),F=require("./index-Phf9F3An.cjs"),U=require("react-i18next"),$=require("jotai"),le=require("lucide-react"),Y=require("react-dom"),w=require("prop-types"),ce=require("react-quill"),q=require("./atoms-a0H_593V.cjs"),ae=require("@floating-ui/dom"),G=require("@floating-ui/react-dom"),de=require("@react-hookz/web"),ue=require("flagged"),pe=require("@tailwindcss/typography"),xe=require("@tailwindcss/forms"),he=require("@tailwindcss/aspect-ratio"),me=require("tailwindcss-palette-generator"),ge=require("tailwind-merge"),L=require("./MODIFIERS-mVmfEGgo.cjs"),fe=require("@chaibuilder/runtime"),X=require("lodash"),ve=require("react-wrap-balancer"),je=require("re-resizable");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-D_vtk3zK.cjs");require("clsx");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("./Functions-N3yhPYKY.cjs");require("tree-model");require("i18next");require("react-hotkeys-hook");require("./index--mLLy7QQ.cjs");const ye=()=>{const{hasUndo:o,hasRedo:s,undo:e,redo:t}=i.useUndoManager();return r.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[r.jsxRuntimeExports.jsx(i.Button,{disabled:!o(),size:"sm",onClick:e,className:"rounded-full",variant:"ghost",children:r.jsxRuntimeExports.jsx(R.ResetIcon,{})}),r.jsxRuntimeExports.jsx(i.Button,{disabled:!s(),onClick:t,size:"sm",className:"rounded-full",variant:"ghost",children:r.jsxRuntimeExports.jsx(R.ResetIcon,{className:"rotate-180 scale-y-[-1] transform"})})]})};function be(){const[o,s]=i.useDarkMode();return r.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[r.jsxRuntimeExports.jsx(R.SunIcon,{className:"size-4 shrink-0"}),r.jsxRuntimeExports.jsx(i.Switch,{id:"dark-mode-switch",checked:o,onCheckedChange:()=>{s(!o)},className:`${o?"bg-violet-600":"bg-violet-300"} relative ml-2 inline-flex h-[20px] w-[40px] shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75`,children:r.jsxRuntimeExports.jsx("span",{"aria-hidden":"true",className:`${o?"translate-x-5":"translate-x-0"} pointer-events-none -mt-px inline-block h-[18px] w-[20px] transform rounded-full bg-white shadow-lg ring-0 transition duration-200 ease-in-out`})}),r.jsxRuntimeExports.jsx(F.FaMoon,{className:"size-4 ml-3 shrink-0"})]})}const Z=({landscape:o=!1})=>r.jsxRuntimeExports.jsxs("svg",{className:o?"rotate-90":"",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13 13",xmlSpace:"preserve",width:13,height:13,children:[r.jsxRuntimeExports.jsx("g",{strokeWidth:0}),r.jsxRuntimeExports.jsx("g",{strokeLinecap:"round",strokeLinejoin:"round"}),r.jsxRuntimeExports.jsx("path",{d:"M10.65 0H2.349a.851.851 0 0 0-.851.852v11.299c0 .47.382.852.851.852h8.3a.851.851 0 0 0 .851-.852V.852A.851.851 0 0 0 10.65 0zM6.599 12.466a.367.367 0 1 1 0-.735.367.367 0 0 1 0 .735zm3.9-1.267H2.5V1h8.001v10.199z",style:{fill:"#000"}})]}),$e=[{title:"mobile_xs_title",content:"mobile_xs_content",breakpoint:"xs",icon:r.jsxRuntimeExports.jsx(R.MobileIcon,{}),width:400},{title:"mobile_sm_title",content:"mobile_sm_content",breakpoint:"sm",icon:r.jsxRuntimeExports.jsx(R.MobileIcon,{className:"rotate-90"}),width:640},{title:"tablet_md_title",content:"tablet_md_content",breakpoint:"md",icon:r.jsxRuntimeExports.jsx(Z,{}),width:800},{title:"tablet_lg_title",content:"tablet_lg_content",breakpoint:"lg",icon:r.jsxRuntimeExports.jsx(Z,{landscape:!0}),width:1024},{title:"desktop_xl_title",content:"desktop_xl_content",breakpoint:"xl",icon:r.jsxRuntimeExports.jsx(R.LaptopIcon,{}),width:1420},{title:"large_desktop_2xl_title",content:"large_desktop_2xl_content",breakpoint:"2xl",icon:r.jsxRuntimeExports.jsx(R.DesktopIcon,{}),width:1920}],Q=({title:o,content:s,currentBreakpoint:e,breakpoint:t,width:n,icon:d,onClick:a})=>{const{t:l}=U.useTranslation();return r.jsxRuntimeExports.jsxs(i.HoverCard,{children:[r.jsxRuntimeExports.jsx(i.HoverCardTrigger,{asChild:!0,children:r.jsxRuntimeExports.jsx(i.Button,{onClick:()=>a(n),size:"sm",variant:t===e?"secondary":"ghost",children:d})}),r.jsxRuntimeExports.jsx(i.HoverCardContent,{className:"w-52 border-border",children:r.jsxRuntimeExports.jsx("div",{className:"flex justify-between space-x-4",children:r.jsxRuntimeExports.jsxs("div",{className:"space-y-1",children:[r.jsxRuntimeExports.jsx("h4",{className:"text-sm font-semibold",children:l(o)}),r.jsxRuntimeExports.jsx("p",{className:"text-xs",children:l(s)})]})})})]})},ke=()=>{const[,o,s]=i.useCanvasWidth(),[e,t]=i.useSelectedBreakpoints(),{t:n}=U.useTranslation(),d=i.useBuilderProp("breakpoints",$e),a=l=>{e.includes(l)?e.length>2&&t(e.filter(u=>u!==l)):t(u=>[...u,l])};return d.length<4?r.jsxRuntimeExports.jsx("div",{className:"flex items-center rounded-md",children:c.map(d,l=>x.createElement(Q,{...l,onClick:s,key:l.breakpoint,currentBreakpoint:o}))}):r.jsxRuntimeExports.jsxs("div",{className:"flex items-center rounded-md",children:[c.map(d.filter(l=>c.includes(e,c.toUpper(l.breakpoint))),l=>x.createElement(Q,{...l,onClick:s,key:l.breakpoint,currentBreakpoint:o})),r.jsxRuntimeExports.jsxs(i.DropdownMenu,{children:[r.jsxRuntimeExports.jsx(i.DropdownMenuTrigger,{asChild:!0,children:r.jsxRuntimeExports.jsx("span",{className:"cursor-pointer px-2.5 hover:opacity-80",children:r.jsxRuntimeExports.jsx(R.DotsVerticalIcon,{className:"scale-90 transform"})})}),r.jsxRuntimeExports.jsxs(i.DropdownMenuContent,{className:"w-56 border-border text-xs",children:[r.jsxRuntimeExports.jsx(i.DropdownMenuLabel,{children:n("Breakpoints")}),r.jsxRuntimeExports.jsx(i.DropdownMenuSeparator,{}),c.map(d,l=>r.jsxRuntimeExports.jsx(i.DropdownMenuCheckboxItem,{disabled:l.breakpoint==="xs",onCheckedChange:()=>a(c.toUpper(l.breakpoint)),checked:c.includes(e,c.toUpper(l.breakpoint)),children:n(l.title)},l.breakpoint))]})]})]})},Ee=()=>{const{t:o}=U.useTranslation(),{setNewBlocks:s}=i.useBlocksStoreUndoableActions(),[,e]=i.useSelectedBlockIds(),[,t]=i.useSelectedStylingBlocks(),n=x.useCallback(()=>{s([]),e([]),t([])},[s]);return r.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:r.jsxRuntimeExports.jsxs(i.AlertDialog,{children:[r.jsxRuntimeExports.jsx(i.AlertDialogTrigger,{asChild:!0,children:r.jsxRuntimeExports.jsxs(i.Button,{size:"sm",variant:"ghost",className:"flex items-center gap-x-1",children:[r.jsxRuntimeExports.jsx(R.EraserIcon,{})," ",o("clear")]})}),r.jsxRuntimeExports.jsxs(i.AlertDialogContent,{className:"border-border",children:[r.jsxRuntimeExports.jsxs(i.AlertDialogHeader,{children:[r.jsxRuntimeExports.jsx(i.AlertDialogTitle,{children:o("clear_canvas_title")}),r.jsxRuntimeExports.jsx(i.AlertDialogDescription,{children:o("clear_canvas_description")})]}),r.jsxRuntimeExports.jsxs(i.AlertDialogFooter,{children:[r.jsxRuntimeExports.jsx(i.AlertDialogCancel,{children:o("cancel")}),r.jsxRuntimeExports.jsx(i.AlertDialogAction,{onClick:n,children:o("yes")})]})]})]})})},Re=()=>{const[o,s]=$.useAtom(i.aiAssistantActiveAtom);return i.useBuilderProp("askAiCallBack",null)?r.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[r.jsxRuntimeExports.jsxs(i.Label,{htmlFor:"ai-assistant",className:"flex items-center gap-x-1 text-sm text-yellow-600",children:[r.jsxRuntimeExports.jsx(le.SparklesIcon,{className:"w-4"}),"AI Assistant"]}),r.jsxRuntimeExports.jsx(i.Switch,{className:"scale-90",checked:o,onCheckedChange:t=>{s(t)},id:"ai-assitantt"})]}):null},we=()=>{const o=i.useBuilderProp("darkMode",!0),[s]=i.useCanvasZoom();return r.jsxRuntimeExports.jsxs("div",{className:"flex h-10 items-center justify-between border-b bg-background/70 px-2",children:[r.jsxRuntimeExports.jsxs("div",{className:"flex h-full space-x-2",children:[r.jsxRuntimeExports.jsx(ke,{}),r.jsxRuntimeExports.jsx(i.Separator,{orientation:"vertical"}),o?r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(be,{}),r.jsxRuntimeExports.jsx(i.Separator,{orientation:"vertical"})]}):null,r.jsxRuntimeExports.jsxs("div",{className:"flex w-12 cursor-not-allowed items-center justify-center gap-x-1 space-x-0 font-medium text-gray-400",children:[r.jsxRuntimeExports.jsx(R.ZoomInIcon,{className:"h-3.5 w-3.5 flex-shrink-0"})," ",r.jsxRuntimeExports.jsxs("div",{className:"text-xs leading-3",children:[c.round(s,0),"%"]})]}),r.jsxRuntimeExports.jsx(i.Separator,{orientation:"vertical"}),r.jsxRuntimeExports.jsx(ye,{})]}),r.jsxRuntimeExports.jsxs("div",{className:"flex h-full items-center space-x-2",children:[r.jsxRuntimeExports.jsx(Ee,{}),r.jsxRuntimeExports.jsx(i.Separator,{orientation:"vertical"}),r.jsxRuntimeExports.jsx(Re,{})]})]})},Se=`<!doctype html>
|
|
2
|
-
<html lang="en" dir="__HTML_DIR__" class="scroll-smooth h-full overflow-y-auto">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
-
<script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"><\/script>
|
|
7
|
-
<style>
|
|
8
|
-
html { height: 100%; overflow:auto; }
|
|
9
|
-
body { height: 100%; }
|
|
10
|
-
.air-highlight{ outline: 1px solid #42a1fc !important; outline-offset: -1px;}
|
|
11
|
-
.air-highlight-multi{ outline: 1px solid #29e503 !important; outline-offset: -1px;}
|
|
12
|
-
body{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
|
|
13
|
-
-moz-user-select: none;-ms-user-select: none; user-select: none; }
|
|
14
|
-
html{
|
|
15
|
-
-ms-overflow-style: none; /* IE and Edge */
|
|
16
|
-
scrollbar-width: none; /* Firefox */
|
|
17
|
-
}
|
|
18
|
-
/** IMPORTANT: Make fields content editable in SAFARI */
|
|
19
|
-
[contenteditable] {-webkit-user-select: text;user-select: text;}
|
|
20
|
-
|
|
21
|
-
html::-webkit-scrollbar { width: 0 !important }
|
|
22
|
-
.aspect-auto{aspect-ratio: auto;}
|
|
23
|
-
.aspect-square{aspect-ratio: 1/1;}
|
|
24
|
-
.aspect-video{aspect-ratio: 16/9;}
|
|
25
|
-
.dragging [data-dnd="leaf"] { pointer-events: none; } .dragging [data-dnd="leaf"] * { pointer-events: none; }
|
|
26
|
-
.dragging [data-dnd="ignore"], .dragging [data-dnd="ignore"] * { pointer-events: none; }
|
|
27
|
-
a{ pointer-events: none !important; }
|
|
28
|
-
[contenteditable="true"], [contenteditable="true"] * { cursor: text !important; }
|
|
29
|
-
[contenteditable="true"] {
|
|
30
|
-
outline: none;
|
|
31
|
-
box-shadow: 0 0 0px 4px rgba(36, 150, 255, 0.2);
|
|
32
|
-
-webkit-user-select: text;
|
|
33
|
-
-moz-user-select: text;
|
|
34
|
-
user-select: text;
|
|
35
|
-
}
|
|
36
|
-
.frame-root .frame-content { height: 100%; }
|
|
37
|
-
[data-drop="yes"] { outline: 2px dashed orange !important; outline-offset: -2px }
|
|
38
|
-
[data-dnd="yes"] { pointer-events: auto !important}
|
|
39
|
-
[data-dnd="no"] { pointer-events: none !important; }
|
|
40
|
-
[data-dnd-dragged="yes"] { opacity: 0.6; pointer-events: none; }
|
|
41
|
-
[data-dnd-dragged="no"] { opacity: 1; pointer-events: auto !important; }
|
|
42
|
-
[force-show] { display: block !important; }
|
|
43
|
-
</style>
|
|
44
|
-
<style id="hidden-blocks"></style>
|
|
45
|
-
<style id="selected-block"></style>
|
|
46
|
-
<style id="selected-styling-block"></style>
|
|
47
|
-
<style id="highlighted-block"></style>
|
|
48
|
-
<style id="dragged-block"></style>
|
|
49
|
-
|
|
50
|
-
</head>
|
|
51
|
-
<body class="font-body antialiased h-full">
|
|
52
|
-
<div class="frame-root h-full"></div>
|
|
53
|
-
<script src="https://cdn.jsdelivr.net/npm/quill@2.0.0/dist/quill.js"><\/script>
|
|
54
|
-
</body>
|
|
55
|
-
</html>`,Be=o=>{const[s]=i.useCanvasWidth(),[,e]=i.useCanvasZoom(),[t,n]=x.useState({}),d=x.useCallback(()=>{const{width:a,height:l}=o;if(a<s){const u=parseFloat((a/s).toFixed(2).toString());let g={};const f=l*u;l&&(g={height:100+(l-f)/f*100+"%"}),n({position:"relative",top:0,transform:`scale(${u})`,transformOrigin:"top left",...g,maxWidth:"none"}),e(u*100)}else n({}),e(100)},[s,o,e]);return x.useEffect(()=>{d()},[s,o,e,d]),t};let ee,te;typeof document<"u"&&(ee=document);typeof window<"u"&&(te=window);const se=x.createContext({document:ee,window:te}),H=()=>x.useContext(se),{Provider:Ae,Consumer:lt}=se;class ne extends x.Component{componentDidMount(){this.props.contentDidMount()}componentDidUpdate(){this.props.contentDidUpdate()}render(){return x.Children.only(this.props.children)}}D(ne,"propTypes",{children:w.element.isRequired,contentDidMount:w.func.isRequired,contentDidUpdate:w.func.isRequired});class O extends x.Component{constructor(e,t){super(e,t);D(this,"setRef",e=>{this.nodeRef.current=e;const{forwardedRef:t}=this.props;typeof t=="function"?t(e):t&&(t.current=e)});D(this,"handleLoad",()=>{clearInterval(this.loadCheck),this.state.iframeLoaded||this.setState({iframeLoaded:!0})});D(this,"loadCheck",()=>setInterval(()=>{this.handleLoad()},500));this._isMounted=!1,this.nodeRef=x.createRef(),this.state={iframeLoaded:!1}}componentDidMount(){this._isMounted=!0,this.getDoc()&&this.nodeRef.current.contentWindow.addEventListener("DOMContentLoaded",this.handleLoad)}componentWillUnmount(){this._isMounted=!1,this.nodeRef.current.removeEventListener("DOMContentLoaded",this.handleLoad)}getDoc(){return this.nodeRef.current?this.nodeRef.current.contentDocument:null}getMountTarget(){const e=this.getDoc();return this.props.mountTarget?e.querySelector(this.props.mountTarget):e.body.children[0]}renderFrameContents(){if(!this._isMounted)return null;const e=this.getDoc();if(!e)return null;const t=this.props.contentDidMount,n=this.props.contentDidUpdate,d=e.defaultView||e.parentView,a=r.jsxRuntimeExports.jsx(ne,{contentDidMount:t,contentDidUpdate:n,children:r.jsxRuntimeExports.jsx(Ae,{value:{document:e,window:d},children:r.jsxRuntimeExports.jsx("div",{className:"frame-content",children:this.props.children})})}),l=this.getMountTarget();return[Y.createPortal(this.props.head,this.getDoc().head),Y.createPortal(a,l)]}render(){const e={...this.props,srcDoc:this.props.initialContent,children:void 0};return delete e.head,delete e.initialContent,delete e.mountTarget,delete e.contentDidMount,delete e.contentDidUpdate,delete e.forwardedRef,r.jsxRuntimeExports.jsx("iframe",{...e,ref:this.setRef,onLoad:this.handleLoad,children:this.state.iframeLoaded&&this.renderFrameContents()})}}D(O,"propTypes",{style:w.object,head:w.node,initialContent:w.string,mountTarget:w.string,contentDidMount:w.func,contentDidUpdate:w.func,children:w.oneOfType([w.element,w.arrayOf(w.element)])}),D(O,"defaultProps",{style:{},head:null,children:void 0,mountTarget:void 0,contentDidMount:()=>{},contentDidUpdate:()=>{},initialContent:'<!DOCTYPE html><html><head></head><body><div class="frame-root"></div></body></html>'});const Ce=x.forwardRef((o,s)=>r.jsxRuntimeExports.jsx(O,{...o,forwardedRef:s}));function W(o){const s=window.getComputedStyle(o),e=s.display;if(e==="flex"||e==="inline-flex"){const t=s.flexDirection;return t==="column"||t==="column-reverse"?"vertical":"horizontal"}else if(e==="grid"){const t=s.gridAutoFlow,n=s.gridTemplateRows,d=s.gridTemplateColumns;return t.includes("column")||n.split(" ").length>d.split(" ").length?"vertical":"horizontal"}else if(e==="block"||e==="inline-block")return"vertical";return"horizontal"}let k=null,B=[],T=null,P=null;const J=(o,s,e)=>{if(!k||!o)return;const t=k==null?void 0:k.getElementById("placeholder"),n=B.map(([u])=>u),d=n.reduce((u,g)=>Math.abs(g-e)<Math.abs(u-e)?g:u,0),a=n.indexOf(d);if(!B[a])return;const l=B[a];t.style.width=s==="vertical"?l[2]+"px":"2px",t.style.height=s==="vertical"?"2px":l[2]+"px",t.style.display="block",s==="vertical"?(t.style.top=l[0]+"px",t.style.left=l[1]+"px"):(t.style.top=l[1]+"px",t.style.left=l[0]+"px")};function Ie(o,s){let e=0,t=1/0;return s.forEach((n,d)=>{const a=Math.abs(n[0]-o);a<t&&(t=a,e=d)}),e}const _e=o=>{const e=W(o)==="horizontal";B=[],Array.from(o.children).forEach((t,n)=>{if(t.classList.contains("pointer-events-none"))return;const d=e?t.offsetLeft:t.offsetTop,a=e?[t.offsetTop,t.clientHeight]:[t.offsetLeft,t.clientWidth];if(B.push([d,a[0],a[1]]),n===o.children.length-1){const l=e?t.offsetLeft+t.clientWidth:t.offsetTop+t.clientHeight;B.push([l,a[0],a[1]])}})},De=c.throttle(o=>{var n;const s=o.target,e=W(s),t=(n=k==null?void 0:k.defaultView)==null?void 0:n.scrollY;e==="vertical"?J(s,e,o.clientY+t):J(s,e,o.clientX)},0);function V(){const o=k==null?void 0:k.getElementById("placeholder");o.style.display="none",Me("pointer-none"),Te()}function Me(o){(k==null?void 0:k.querySelectorAll(`.${o}`)).forEach(e=>{e.classList.remove(o)})}function Te(){const o=k==null?void 0:k.querySelector('[data-drop="yes"]');o&&o.removeAttribute("data-drop")}const Ne=()=>{const{document:o}=H(),[s,e]=$.useAtom(i.draggingFlagAtom),{addCoreBlock:t}=i.useAddBlock(),[,n]=i.useHighlightBlockId(),[,d]=i.useSelectedBlockIds(),{moveBlocks:a}=i.useBlocksStoreUndoableActions(),[,l]=$.useAtom(i.draggedBlockIdAtom),[u,g]=$.useAtom(q.draggedBlockAtom),[,f]=$.useAtom(q.dropTargetAtom),p=()=>{V(),e(!1),l(""),g(null),f(null),B=[]};return k=o,{isDragging:s,onDragOver:h=>{h.preventDefault(),h.stopPropagation(),De(h)},onDrop:h=>{var A;T==null||T.classList.remove("drop-target");const j=T,v=W(j)==="vertical"?h.clientY+((A=k==null?void 0:k.defaultView)==null?void 0:A.scrollY):h.clientX;P=Ie(v,B);const m=u,E=j.getAttribute("data-block-id");if(m===T){p();return}if(!c.has(m,"_id")){t(m,E==="canvas"?null:E,P),setTimeout(p,300);return}let S=j.getAttribute("data-block-id");S===null&&(S=h.target.parentElement.getAttribute("data-block-id")),a([m._id],S,P),p(),setTimeout(V,300)},onDragEnter:h=>{const j=h,b=j.target;T=b;const v=b.getAttribute("data-block-id");f(v),j.stopPropagation(),j.preventDefault(),B=[],_e(b),b.classList.add("drop-target"),e(!0),n(""),d([])}}};function K(o){return o.getAttribute("data-block-id")?o:o.closest("[data-block-id]")}function qe(o){o.container.innerHTML="",o.container.parentNode.removeChild(o.container);var s=document.querySelector(".ql-toolbar");s&&s.parentNode.removeChild(s),o=null}const Le=()=>{const o=["Heading","Paragraph","Text","Link","Span","Button"],s=i.useUpdateBlocksProps(),[,e]=i.useHighlightBlockId(),[t,n]=$.useAtom(i.inlineEditingActiveAtom);return d=>{var p;if(t)return;const a=K(d.target),l=a.getAttribute("data-block-type");if(!l||!o.includes(l))return;const u=a.cloneNode(!0);a.style.display="none",Array.from(u.attributes).forEach(h=>{h.name!=="class"&&u.removeAttribute(h.name)}),l==="Text"&&(u.style.display="inline-block"),a.parentNode.insertBefore(u,a.nextSibling);const g=new ce.Quill(u,{placeholder:"Type here..."});function f(){const h=g.getText(0,g.getLength());s([a.getAttribute("data-block-id")],{content:h}),a.removeAttribute("style"),u.removeEventListener("blur",f,!0),qe(g),n(""),e("")}u.addEventListener("blur",f,!0),u.addEventListener("keydown",h=>{(h.key==="Enter"||h.key==="Escape")&&f()}),g.focus(),(p=u.querySelector(".ql-clipboard"))==null||p.remove(),n(a.getAttribute("data-block-id"))}},Fe=()=>{const[,o]=i.useSelectedStylingBlocks(),[s,e]=i.useSelectedBlockIds(),[,t]=i.useHighlightBlockId(),[n]=$.useAtom(i.inlineEditingActiveAtom),[d]=$.useAtom(i.treeRefAtom);return a=>{if(n)return;a.stopPropagation();const l=K(a.target);if(l!=null&&l.getAttribute("data-block-id")&&(l==null?void 0:l.getAttribute("data-block-id"))==="container"){e([]),o([]),t("");return}if(l!=null&&l.getAttribute("data-block-parent")){const u=l.getAttribute("data-style-prop"),g=l.getAttribute("data-style-id"),f=l.getAttribute("data-block-parent");s.includes(f)||d==null||d.closeAll(),o([{id:g,prop:u,blockId:f}]),e([f])}else if(l!=null&&l.getAttribute("data-block-id")){let u=l.getAttribute("data-block-id");s.includes(u)||d==null||d.closeAll(),e([u])}t("")}},He=c.throttle((o,s)=>{const e=K(o.target);e!=null&&e.getAttribute("data-style-id")&&s(e.getAttribute("data-style-id"))},100),Pe=()=>{const[,o]=i.useHighlightBlockId(),[s]=$.useAtom(i.inlineEditingActiveAtom);return e=>{s||He(e,o)}},Oe=({children:o})=>{const{document:s}=H(),[e]=i.useSelectedBlockIds(),[t,n]=i.useSelectedStylingBlocks();x.useEffect(()=>{setTimeout(()=>{if(!c.isEmpty(t))return;const g=oe(s,c.first(e));if(g){const f=g.getAttribute("data-style-prop");if(f){const p=g.getAttribute("data-style-id"),h=g.getAttribute("data-block-parent");n([{id:p,prop:f,blockId:h}])}}},100)},[s,e,n,t]);const d=Le(),a=Fe(),l=Pe(),u=Ne();return r.jsxRuntimeExports.jsx("div",{"data-block-id":"canvas",id:"canvas",onClick:a,onDoubleClick:d,onMouseMove:l,...c.omit(u,"isDragging"),className:"relative mb-5 h-full max-w-full "+(u.isDragging?"dragging":""),children:o})},oe=(o,s)=>o.querySelector(`[data-block-id="${s}"]`),ze=()=>{const{window:o}=H(),[s,e]=i.useSelectedBlockIds(),[t]=i.useBlocksStore(),[,n]=i.useSelectedStylingBlocks(),{undo:d,redo:a}=i.useUndoManager(),l=i.useDuplicateBlocks(),[,u]=i.usePreviewMode(),g=i.useRemoveBlocks(),{savePage:f}=i.useSavePage(),[p]=$.useAtom(i.inlineEditingActiveAtom),[,h]=$.useAtom(i.editLayerNameAtom),j=v=>{v.key==="Enter"&&(v.preventDefault(),s.length===1&&h(c.first(s)))},b=v=>{const m=t.find(E=>E._id===v);return m?m._parent:null};return x.useEffect(()=>{const v=m=>{if(m.key==="Escape"){e([]),n([]);return}if(j(m),!p&&(m.key==="Delete"||m.key==="Backspace")&&(m.preventDefault(),g(s)),m.ctrlKey||m.metaKey){if(m.key==="ArrowUp"){m.preventDefault();const E=s.length>0?b(s[0]):null;E&&e([E])}if(["z","y","d","x","c","p","s","v"].includes(m.key)){if(p&&["x","z","v"].includes(m.key))return!0;m.preventDefault()}m.key==="s"&&(m.stopPropagation(),m.preventDefault(),f()),m.key==="z"&&d(),m.key==="y"&&a(),m.key==="d"&&l(s)}};return o.removeEventListener("keydown",v),o.addEventListener("keydown",v),()=>{o.removeEventListener("keydown",v)}},[s,e,d,g,u,a,l,p,f,o]),null},Ue=({block:o,label:s})=>{const[,e]=i.useSelectedBlockIds(),[,t]=i.useHighlightBlockId(),[,n]=$.useAtom(q.draggedBlockAtom),d=ue.useFeature("dnd");return r.jsxRuntimeExports.jsxs("div",{className:"mr-10 flex cursor-grab items-center space-x-1 px-1",draggable:d?"true":"false",onDragStart:a=>{a.dataTransfer.setData("text/plain",JSON.stringify(c.pick(o,["_id","_type","_name"]))),n(o),setTimeout(()=>{e([]),t(null)},200)},children:[r.jsxRuntimeExports.jsx(R.DragHandleDots2Icon,{}),s]})},We=({selectedBlockElement:o,block:s})=>{const e=i.useRemoveBlocks(),t=i.useDuplicateBlocks(),[,n]=i.useSelectedBlockIds(),[,d]=i.useSelectedStylingBlocks(),[a]=$.useAtom(i.inlineEditingActiveAtom),{floatingStyles:l,refs:u,update:g}=G.useFloating({placement:"top-start",middleware:[G.shift(),ae.flip()],elements:{reference:o}});de.useResizeObserver(o,()=>g(),o!==null);const f=c.get(s,"_parent",null),p=c.isEmpty(c.get(s,"_name",""))?c.get(s,"_type",""):c.get(s,"_name","");return!o||!s||a?null:r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:r.jsxRuntimeExports.jsxs("div",{role:"button",tabIndex:0,ref:u.setFloating,style:l,onClick:h=>{h.stopPropagation(),h.preventDefault()},onKeyDown:h=>h.stopPropagation(),className:"z-[99999] flex h-6 items-center bg-blue-500 py-2 text-xs text-white",children:[r.jsxRuntimeExports.jsx(Ue,{label:p,block:s}),r.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 px-1",children:[f&&r.jsxRuntimeExports.jsx(R.ArrowUpIcon,{className:"hover:scale-105",onClick:()=>{d([]),n([f])}}),i.canDuplicateBlock(c.get(s,"_type",""))?r.jsxRuntimeExports.jsx(R.CopyIcon,{className:"hover:scale-105",onClick:()=>t([s==null?void 0:s._id])}):null,i.canDeleteBlock(c.get(s,"_type",""))?r.jsxRuntimeExports.jsx(R.TrashIcon,{className:"hover:scale-105",onClick:()=>e([s==null?void 0:s._id])}):null]})]})})},Ke=({addVariant:o,e:s})=>{o("hs-dropdown-open",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.hs-dropdown.open > .${s(`hs-dropdown-open${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.hs-dropdown.open .hs-dropdown-toggle .${s(`hs-dropdown-open${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.hs-dropdown.open > .hs-dropdown-menu > .${s(`hs-dropdown-open${t}${n}`)}`)}]),o("hs-removing",({modifySelectors:e,separator:t})=>{e(({className:n})=>`.hs-removing.${s(`hs-removing${t}${n}`)}`)}),o("hs-tooltip-shown",({modifySelectors:e,separator:t})=>{e(({className:n})=>`.hs-tooltip.show .${s(`hs-tooltip-shown${t}${n}`)}`)}),o("hs-accordion-active",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.hs-accordion.active.${s(`hs-accordion-active${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.hs-accordion.active > .${s(`hs-accordion-active${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.hs-accordion.active > .hs-accordion-toggle .${s(`hs-accordion-active${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .${s(`hs-accordion-active${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.hs-accordion.active > .hs-accordion-toggle.${s(`hs-accordion-active${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.${s(`hs-accordion-active${t}${n}`)}`)}]),o("hs-accordion-selected",({modifySelectors:e,separator:t})=>{e(({className:n})=>`.hs-accordion .selected.${s(`hs-accordion-selected${t}${n}`)}`)}),o("hs-collapse-open",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.hs-collapse.open .${s(`hs-collapse-open${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.hs-collapse.open.${s(`hs-collapse-open${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.hs-collapse-toggle.open .${s(`hs-collapse-open${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.hs-collapse-toggle.open.${s(`hs-collapse-open${t}${n}`)}`)}]),o("hs-tab-active",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`[data-hs-tab].active.${s(`hs-tab-active${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`[data-hs-tab].active .${s(`hs-tab-active${t}${n}`)}`)}]),o("hs-overlay-open",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.open.${s(`hs-overlay-open${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.open .${s(`hs-overlay-open${t}${n}`)}`)}]),o("hs-overlay-layout-open",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.hs-overlay-body-open.${s(`hs-overlay-layout-open${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.hs-overlay-body-open .${s(`hs-overlay-layout-open${t}${n}`)}`)}]),o("hs-overlay-backdrop-open",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.hs-overlay-backdrop.${s(`hs-overlay-backdrop-open${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.hs-overlay-backdrop .${s(`hs-overlay-backdrop-open${t}${n}`)}`)}]),o("hs-scrollspy-active",({modifySelectors:e,separator:t})=>{e(({className:n})=>`.active.${s(`hs-scrollspy-active${t}${n}`)}`)}),o("hs-carousel-active",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.active.${s(`hs-carousel-active${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.active .${s(`hs-carousel-active${t}${n}`)}`)}]),o("hs-carousel-disabled",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.disabled.${s(`hs-carousel${t}disabled${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.disabled .${s(`hs-carousel${t}disabled${t}${n}`)}`)}]),o("hs-selected",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.selected.${s(`hs-selected${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.selected .${s(`hs-selected${t}${n}`)}`)}]),o("hs-select-disabled",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.disabled.${s(`hs-select-disabled${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.disabled .${s(`hs-select-disabled${t}${n}`)}`)}]),o("hs-select-active",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.active.${s(`hs-select-active${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.active .${s(`hs-select-active${t}${n}`)}`)}]),o("hs-input-number-disabled",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.disabled.${s(`hs-input-number-disabled${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.disabled .${s(`hs-input-number-disabled${t}${n}`)}`)}]),o("hs-pin-input-active",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.active.${s(`hs-pin-input-active${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.active .${s(`hs-pin-input-active${t}${n}`)}`)}]),o("hs-select-opened",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.opened.${s(`hs-select-opened${t}${n}`)}`)}]),o("hs-password-active",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.active.${s(`hs-password-active${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.active .${s(`hs-password-active${t}${n}`)}`)}]),o("hs-stepper-active",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.active.${s(`hs-stepper-active${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.active .${s(`hs-stepper-active${t}${n}`)}`)}]),o("hs-stepper-success",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.success.${s(`hs-stepper-success${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.success .${s(`hs-stepper-success${t}${n}`)}`)}]),o("hs-stepper-completed",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.completed.${s(`hs-stepper-completed${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.completed .${s(`hs-stepper-completed${t}${n}`)}`)}]),o("hs-stepper-error",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.error.${s(`hs-stepper-error${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.error .${s(`hs-stepper-error${t}${n}`)}`)}]),o("hs-stepper-processed",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.processed.${s(`hs-stepper-processed${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.processed .${s(`hs-stepper-processed${t}${n}`)}`)}]),o("hs-stepper-disabled",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.disabled.${s(`hs-stepper-disabled${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.disabled .${s(`hs-stepper-disabled${t}${n}`)}`)}]),o("hs-stepper-skipped",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.skipped.${s(`hs-stepper-skipped${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.skipped .${s(`hs-stepper-skipped${t}${n}`)}`)}]),o("hs-strong-password",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.passed.${s(`hs-strong-password${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.passed .${s(`hs-strong-password${t}${n}`)}`)}]),o("hs-strong-password-accepted",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.accepted.${s(`hs-strong-password-accepted${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.accepted .${s(`hs-strong-password-accepted${t}${n}`)}`)}]),o("hs-strong-password-active",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.active.${s(`hs-strong-password-active${t}${n}`)}`)}]),o("hs-combo-box-active",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.active .${s(`hs-combo-box-active${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.active.${s(`hs-combo-box-active${t}${n}`)}`)}]),o("hs-combo-box-selected",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.selected .${s(`hs-combo-box-selected${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.selected.${s(`hs-combo-box-selected${t}${n}`)}`)}]),o("hs-combo-box-tab-active",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.active.${s(`hs-combo-box-tab-active${t}${n}`)}`)}]),o("hs-apexcharts-tooltip-dark",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.dark.${s(`hs-apexcharts-tooltip-dark${t}${n}`)}`)}]),o("hs-success",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.success .${s(`hs-success${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.success.${s(`hs-success${t}${n}`)}`)}]),o("hs-error",[({modifySelectors:e,separator:t})=>{e(({className:n})=>`.error .${s(`hs-error${t}${n}`)}`)},({modifySelectors:e,separator:t})=>{e(({className:n})=>`.error.${s(`hs-error${t}${n}`)}`)}]),o("hs-default-mode-active",({modifySelectors:e,separator:t})=>{e(({className:n})=>`.default .${s(`hs-default-mode-active${t}${n}`)}`)}),o("hs-dark-mode-active",({modifySelectors:e,separator:t})=>{e(({className:n})=>`.dark .${s(`hs-dark-mode-active${t}${n}`)}`)}),o("hs-auto-mode-active",({modifySelectors:e,separator:t})=>{e(({className:n})=>`.auto .${s(`hs-auto-mode-active${t}${n}`)}`)})},Ye=({model:o})=>{const[s]=i.useBrandingOptions(),[e]=i.useSelectedBlockIds(),[t]=i.useDarkMode(),[n]=i.useHighlightBlockId(),[d]=i.useSelectedStylingBlocks(),[a]=$.useAtom(i.draggedBlockIdAtom),{document:l,window:u}=H(),[g]=x.useState(l==null?void 0:l.getElementById("highlighted-block")),[f]=x.useState(l==null?void 0:l.getElementById("selected-block")),[p]=x.useState(l==null?void 0:l.getElementById("selected-styling-block")),[h]=x.useState(l==null?void 0:l.getElementById("dragged-block"));x.useEffect(()=>{t?l==null||l.documentElement.classList.add("dark"):l==null||l.documentElement.classList.remove("dark")},[t,l]);const j=c.get(s,"headingFont","DM Sans"),b=c.get(s,"bodyFont","DM Sans");return x.useEffect(()=>{const v=c.get(s,"primaryColor","#000"),m=c.get(s,"secondaryColor","#FFF"),E=c.get(s,"bodyBgLightColor","#fff"),S=c.get(s,"bodyBgDarkColor","#000"),A=c.get(s,"bodyTextDarkColor","#000"),C=c.get(s,"bodyTextLightColor","#fff"),M=me([{color:v,name:"primary"},{color:m,name:"secondary"}]),N={"bg-light":E,"bg-dark":S,"text-dark":A,"text-light":C},y=c.get(s,"roundedCorners","0");!u||!u.tailwind||(u.tailwind.config={darkMode:"class",theme:{extend:{container:{center:!0,padding:"1rem",screens:{"2xl":"1400px"}},fontFamily:{heading:[j],body:[b]},borderRadius:{DEFAULT:`${y||"0"}px`},colors:{...N,...M}}},plugins:[pe,xe,he,u.tailwind.plugin.withOptions(()=>Ke)]})},[s,u,j,b]),x.useEffect(()=>{f&&(f.textContent=`${c.map(e,v=>`[data-block-id="${v}"]`).join(",")}{
|
|
56
|
-
outline: 1px solid ${e.length===1?"#42a1fc":"orange"} !important; outline-offset: -1px;
|
|
57
|
-
}`)},[e,f]),x.useEffect(()=>{if(!a){h.textContent="";return}h.textContent=`[data-block-id="${a}"]{ pointer-events: none !important; opacity: 0.2 !important}`},[a]),x.useEffect(()=>{g&&(g.textContent=n?`[data-style-id="${n}"]{ outline: 1px solid #42a1fc !important; outline-offset: -1px;}`:"")},[n,e,g]),x.useEffect(()=>{p&&(p.textContent=`${c.map(d,({id:v})=>`[data-style-id="${v}"]`).join(",")}{
|
|
58
|
-
outline: 1px solid #42a1fc !important; outline-offset: -1px;
|
|
59
|
-
}`)},[d,p]),x.useEffect(()=>{const v=c.get(s,"bodyTextLightColor","#64748b"),m=c.get(s,"bodyTextDarkColor","#94a3b8"),E=c.get(s,"bodyBgLightColor","#FFFFFF"),S=c.get(s,"bodyBgDarkColor","#0f172a");l.body.className=`font-body antialiased text-[${v}] bg-[${E}] dark:text-[${m}] dark:bg-[${S}]`},[s,l,o]),o==="page"?r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[j&&r.jsxRuntimeExports.jsx("link",{id:"heading-font",rel:"stylesheet",type:"text/css",href:`https://fonts.googleapis.com/css2?family=${j.replace(/ /g,"+")}:wght@300;400;500;600;700;800;900&display=swap`,media:"all"}),b&&j!==b&&r.jsxRuntimeExports.jsx("link",{id:"body-font",rel:"stylesheet",type:"text/css",href:`https://fonts.googleapis.com/css2?family=${b.replace(/ /g,"+")}:wght@300;400;500;600;700;800;900&display=swap`,media:"all"}),j&&r.jsxRuntimeExports.jsx("style",{children:`h1,h2,h3,h4,h5,h6{font-family: "${j}",ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}`})]}):null},Ge=()=>$.useAtom(i.canvasSettingsAtom),Xe=(o,s)=>{const e=["xs","sm","md","lg","xl","2xl"],t=e.indexOf(s),n=o.split(" ");let d=new Array(e.length).fill(!1);for(const a of n){let[l,u]=a.split(":");u||(u=l,l="xs");const g=e.indexOf(l);if(g<=t){const f=["block","flex","inline","inline-block","inline-flex","grid","table"],p=["hidden"];if(f.includes(u))for(let h=g;h<e.length;h++)d[h]=!0;else if(p.includes(u))for(let h=g;h<e.length;h++)d[h]=!1}}return d[t]},Ze=o=>{const s={};return Object.keys(o).forEach(e=>{c.isString(o[e])&&o[e].startsWith(L.SLOT_KEY)&&(s[e]=o[e].replace(L.SLOT_KEY,"").split(","))}),s},Qe=c.memoize(o=>{const s=o.replace(L.STYLES_KEY,"").split(",");return ge.twMerge(s[0],s[1])});function Je(o,s){return c.get(o,`${s}_attrs`,{})}function Ve(o,s){const e={};return Object.keys(o).forEach(t=>{if(c.isString(o[t])&&o[t].startsWith(L.STYLES_KEY)){const n=Qe(o[t]),d=Je(o,t);e[t]={className:n,"data-style-prop":t,"data-block-parent":o._id,"data-style-id":`${t}-${o._id}`,...d};const a=c.has(d,"x-show")||c.has(d,"x-if");a&&(e.__isHidden=a&&!Xe(n,s))}}),e}function et(o,s){const e=c.get(o,"_bindings",{});return c.isEmpty(e)?{...o}:(c.each(e,(t,n)=>{c.isString(t)&&c.get(s,t,null)&&(o[n]=c.get(s,t,null))}),o)}function z({blocks:o}){const[s]=i.useBlocksStore(),[e]=$.useAtom(i.xShowBlocksAtom),[t]=$.useAtom(q.draggedBlockAtom),[n]=$.useAtom(q.dropTargetAtom),[,d]=i.useCanvasWidth(),[a]=Ge(),l=x.useCallback(p=>Ve(p,d),[d]),[u]=F.useChaiExternalData(),[g]=$.useAtom(i.inlineEditingActiveAtom),f=x.useCallback(p=>p.reduce((h,j)=>{const b=c.get(a,j,{});return{...h,...b}},{}),[a,s]);return r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:x.Children.toArray(o.map((p,h)=>{if(g===p._id)return null;const j=Ze(p),b={};c.isEmpty(j)||Object.keys(j).forEach(M=>{b[M]=x.Children.toArray(j[M].map(N=>r.jsxRuntimeExports.jsx(z,{blocks:[c.find(s,{_id:N})]})))});const v=c.filter(s,{_parent:p._id});b.children=v.length?r.jsxRuntimeExports.jsx(z,{blocks:v}):null;const m=fe.getBlockComponent(p._type),E=c.get(m,"builderComponent",c.get(m,"component",null));if(c.isNull(E))return r.jsxRuntimeExports.jsx("noscript",{children:`<!-- ${p==null?void 0:p._type} not registered -->`});const S=c.has(m,"getBlockStateFrom")?m==null?void 0:m.getBlockStateFrom(p,s):[],A=f(S),C=l(p);return c.get(C,"__isHidden",!1)&&!X.includes(e,p._id)?null:r.jsxRuntimeExports.jsx(x.Suspense,{children:x.createElement(E,{blockProps:{...X.includes(e,p._id)?{"force-show":""}:{},"data-block-id":p._id,"data-block-type":p._type,...t?{"data-dnd":i.canAcceptChildBlock(p._type,t==null?void 0:t._type)?"yes":"no","data-dnd-dragged":t._id===p._id?"yes":"no"}:{},...n===p._id?{"data-drop":"yes"}:{}},index:h,...et(p,u),...c.omit(C,["__isHidden"]),...b,inBuilder:!0,blockState:A})})}))})}const tt=()=>{const[o]=i.useBlocksStore(),s=c.isEmpty(o)?null:r.jsxRuntimeExports.jsx(F.BlocksExternalDataProvider,{children:r.jsxRuntimeExports.jsx(z,{blocks:c.filter(o,e=>c.isEmpty(e._parent))})});return r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:s})},st=(o,s)=>o.querySelector(`[data-style-id="${s}"]`),nt=()=>{const[o]=$.useAtom(i.networkModeAtom),[s]=i.usePreviewMode(),[e]=i.useCanvasWidth(),[,t]=i.useSelectedBlockIds(),n=i.useSelectedBlock(),[,d]=i.useHighlightBlockId(),a=x.useRef(null),l=x.useRef(null),[u,g]=x.useState({width:0,height:0}),f=Be(u),[p,h]=x.useState(0),[j,b]=x.useState([]),[,v]=x.useState([]),[,m]=$.useAtom(i.canvasIframeAtom),[E,S]=i.useSelectedStylingBlocks(),A=i.useBuilderProp("loading",!1),C=i.useBuilderProp("htmlDir","ltr");x.useEffect(()=>{const{clientWidth:y,clientHeight:I}=l.current;g({width:y,height:I}),p===0&&h(y)},[l,e,p]);const M=(y,I=0)=>{const{top:_}=y.getBoundingClientRect();return _+I>=0&&_-I<=window.innerHeight};x.useEffect(()=>{var y,I;if(n&&n.type!=="Multiple"&&a.current){const _=oe(a.current.contentDocument,n._id);_&&(M(_)||(I=(y=a.current)==null?void 0:y.contentWindow)==null||I.scrollTo({top:_.offsetTop,behavior:"smooth"}),b([_]))}},[n]),x.useEffect(()=>{if(!c.isEmpty(E)&&a.current){const y=st(a.current.contentDocument,c.first(E).id);v(y?[y]:[null])}else v([null])},[E]);const N=x.useMemo(()=>{let y=Se;return y=y.replace("__HTML_DIR__",C),o==="offline"&&(y=y.replace("https://old.chaibuilder.com/offline/tailwind.cdn.js","/offline/tailwind.cdn.js"),y=y.replace("https://unpkg.com/aos@next/dist/aos.css","/offline/aos.css"),y=y.replace("https://unpkg.com/aos@next/dist/aos.js","/offline/aos.js")),y},[o]);return r.jsxRuntimeExports.jsx("div",{onClick:()=>{t([]),S([])},onMouseLeave:()=>setTimeout(()=>d(""),300),className:"relative mx-auto h-full w-full overflow-hidden",style:p>0&&!c.isEmpty(f)?{width:s?"100%":p}:{},ref:l,children:r.jsxRuntimeExports.jsxs(Ce,{contentDidMount:()=>m(a.current),ref:a,id:"canvas-iframe",style:{width:`${e}px`,...f},className:"relative mx-auto box-content h-full max-w-full shadow-lg transition-all duration-300 ease-linear",initialContent:N,children:[r.jsxRuntimeExports.jsx(ze,{}),r.jsxRuntimeExports.jsx(We,{block:n,selectedBlockElement:c.first(j)}),r.jsxRuntimeExports.jsx(Ye,{model:"page"}),r.jsxRuntimeExports.jsx(ve.Provider,{children:r.jsxRuntimeExports.jsx(Oe,{children:A?r.jsxRuntimeExports.jsx("div",{className:"h-full p-4",children:r.jsxRuntimeExports.jsx(i.Skeleton,{className:"h-full"})}):r.jsxRuntimeExports.jsx(tt,{})})}),r.jsxRuntimeExports.jsx("br",{}),r.jsxRuntimeExports.jsx("div",{id:"placeholder",className:"pointer-events-none absolute z-[99999] max-w-full bg-green-500 transition-transform"})]})})},ot=x.lazy(()=>Promise.resolve().then(()=>require("./CodeEditor-vECReGwz.cjs"))),rt=()=>{const[o]=i.useCodeEditor();return r.jsxRuntimeExports.jsxs("div",{className:"flex h-full w-full flex-col",children:[r.jsxRuntimeExports.jsx(we,{}),r.jsxRuntimeExports.jsxs("div",{className:"relative flex h-full flex-col overflow-hidden bg-slate-800/90 bg-[linear-gradient(to_right,#222_0.5px,transparent_0.5px),linear-gradient(to_bottom,#222_0.5px,transparent_0.5px)] bg-[size:12px_12px] px-2",children:[r.jsxRuntimeExports.jsx(x.Suspense,{fallback:r.jsxRuntimeExports.jsx(i.Skeleton,{className:"h-full"}),children:r.jsxRuntimeExports.jsx(F.ErrorBoundary,{children:r.jsxRuntimeExports.jsx(nt,{})})}),o?r.jsxRuntimeExports.jsx(x.Suspense,{fallback:r.jsxRuntimeExports.jsx(i.Skeleton,{className:"h-full"}),children:r.jsxRuntimeExports.jsx(je.Resizable,{enable:{top:!0,bottom:!1},className:"max-h-[400px] min-h-[200px]",children:r.jsxRuntimeExports.jsx(ot,{})})}):null]})]})};exports.default=rt;
|