@chaibuilder/sdk 1.2.39 → 1.2.41
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-p4Hrxjdf.cjs → AddBlocks-M0Ai5QRA.cjs} +1 -1
- package/dist/{AddBlocks-2_dpKDpp.js → AddBlocks-axw0eS0q.js} +1 -1
- package/dist/{CanvasArea-iN0LxF74.js → CanvasArea-CWXelVxd.js} +2 -2
- package/dist/{CanvasArea-sbec3R-f.cjs → CanvasArea-iPwNNbdH.cjs} +1 -1
- package/dist/{ChaiBuilderEditor-JnZFji5_.js → ChaiBuilderEditor-3Wj_t3jA.js} +3535 -3532
- package/dist/{ChaiBuilderEditor-qxbkVVLu.cjs → ChaiBuilderEditor-syigvGWW.cjs} +37 -37
- package/dist/{CurrentPage-m7_GkZ8a.cjs → CurrentPage-iniQPv9U.cjs} +1 -1
- package/dist/{CurrentPage-Lr3ztuMx.js → CurrentPage-nER7hH4h.js} +2 -2
- package/dist/{ListTree-piETqoz9.cjs → ListTree-biNayajJ.cjs} +1 -1
- package/dist/{ListTree-uJFhqUk9.js → ListTree-hYx4RLqK.js} +1 -1
- package/dist/{PagesPanel-R8FWg5Xg.js → PagesPanel-LtuJLoQJ.js} +3 -3
- package/dist/{PagesPanel-lShO3SmJ.cjs → PagesPanel-mFjGqRwI.cjs} +1 -1
- package/dist/{ProjectPanel-2dX4bM5q.js → ProjectPanel-g2wBPuXq.js} +3 -3
- package/dist/{ProjectPanel-_4546hym.cjs → ProjectPanel-s87fBlvB.cjs} +1 -1
- package/dist/{Settings-e2AZkjqY.cjs → Settings-YEIKf61W.cjs} +1 -1
- package/dist/{Settings-J785mqWv.js → Settings-sL6SfNst.js} +2 -2
- package/dist/SidePanels-f7N3ZWmB.cjs +1 -0
- package/dist/{SidePanels-cN9er64h.js → SidePanels-gJa61XBn.js} +135 -135
- package/dist/{ThemeConfiguration-m_jkR2zi.js → ThemeConfiguration-5lCjeQNl.js} +1 -1
- package/dist/{ThemeConfiguration-nler1cz3.cjs → ThemeConfiguration-bOyg0yqs.cjs} +1 -1
- package/dist/{Topbar-gaBycI3a.js → Topbar-22iB6xT8.js} +1 -1
- package/dist/{Topbar-DmIPkF8D.cjs → Topbar-YyBsZjuO.cjs} +1 -1
- package/dist/UILibrariesPanel-50360foB.cjs +1 -0
- package/dist/UILibrariesPanel-p5kL4hPY.js +145 -0
- package/dist/{UnsplashImages-6HmGnetM.js → UnsplashImages-3-5Y4PKF.js} +1 -1
- package/dist/{UnsplashImages-mC2ewX9D.cjs → UnsplashImages-IxQo6rWq.cjs} +1 -1
- package/dist/{UploadImages-fo9ufcCE.cjs → UploadImages-p0g4eMUM.cjs} +1 -1
- package/dist/{UploadImages-qRW8zhKj.js → UploadImages-sAW1x_IX.js} +1 -1
- package/dist/{add-page-modal-0OuVNgx3.js → add-page-modal-UIhX5RaH.js} +3 -3
- package/dist/{add-page-modal-mP9aTfG9.cjs → add-page-modal-f5mO9mWn.cjs} +1 -1
- package/dist/{confirm-alert-3cDnni4v.cjs → confirm-alert-6_2P1iPG.cjs} +1 -1
- package/dist/{confirm-alert-Mv-Iofef.js → confirm-alert-yjv50jW-.js} +1 -1
- package/dist/core.cjs +1 -1
- package/dist/core.d.ts +19 -3
- package/dist/core.js +1 -1
- package/dist/{delete-page-modal-BVz9nreM.js → delete-page-modal-4RNg8OWW.js} +2 -2
- package/dist/{delete-page-modal-PTwcrTET.cjs → delete-page-modal-eXCSYimZ.cjs} +1 -1
- package/dist/email.cjs +1 -1
- package/dist/email.d.ts +19 -3
- package/dist/email.js +1 -1
- package/dist/{form-e8l4xtI9.js → form-Zy8G3TfH.js} +1 -1
- package/dist/{form-o7e6NNTk.cjs → form-gTqkjR1L.cjs} +1 -1
- package/dist/{index-CdnwVCXv.js → index-aYfwM1sV.js} +2 -2
- package/dist/{index--XTVdy1h.cjs → index-m6gyJ5Ma.cjs} +1 -1
- package/dist/{page-viewer-cjvx3lg7.cjs → page-viewer-sRHeV-5x.cjs} +1 -1
- package/dist/{page-viewer-OopsJHBE.js → page-viewer-wTIqXVBZ.js} +3 -3
- package/dist/{project-general-setting-n8KKf8qD.js → project-general-setting-Zirq3OGL.js} +3 -3
- package/dist/{project-general-setting-3sdmeYrS.cjs → project-general-setting-rrNhfejo.cjs} +1 -1
- package/dist/{project-seo-setting-pu3qUSE0.js → project-seo-setting-fqUbfFgl.js} +2 -2
- package/dist/{project-seo-setting-E554FQ3V.cjs → project-seo-setting-x_PDTJdV.cjs} +1 -1
- package/dist/{single-page-detail-hcTkta3X.js → single-page-detail-FqZ4Sp-y.js} +4 -4
- package/dist/{single-page-detail-KdxEu4WS.cjs → single-page-detail-dGVJrIFh.cjs} +1 -1
- package/dist/studio.cjs +1 -1
- package/dist/studio.d.ts +19 -3
- package/dist/studio.js +2 -2
- package/dist/ui.cjs +1 -1
- package/dist/ui.d.ts +1 -1
- package/dist/ui.js +1 -1
- package/dist/{useCanvasSettings-6lwRwexD.js → useCanvasSettings-8RCa8BYU.js} +1 -1
- package/dist/{useCanvasSettings-oERGzYXb.cjs → useCanvasSettings-WJiLFik5.cjs} +1 -1
- package/package.json +4 -4
- package/dist/SidePanels-Vfw9Ir6p.cjs +0 -1
- package/dist/UILibrariesPanel-Igx0R4zc.js +0 -138
- package/dist/UILibrariesPanel-N144UO0E.cjs +0 -1
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
import { j as e } from "./jsx-runtime-WbnYoNE9.js";
|
|
2
|
+
import { noop as y, has as k, first as h, isEmpty as v, get as B } from "lodash-es";
|
|
3
|
+
import g, { useState as f, useCallback as N, useEffect as L, useRef as A } from "react";
|
|
4
|
+
import { h as b, m as I, L as C, ag as E, ah as P, ba as T } from "./ChaiBuilderEditor-3Wj_t3jA.js";
|
|
5
|
+
import { syncBlocksWithDefaults as U } from "@chaibuilder/runtime";
|
|
6
|
+
import { Loader as R } from "lucide-react";
|
|
7
|
+
import { atom as S, useAtom as j } from "jotai";
|
|
8
|
+
import { c as M } from "./Functions-7jnEwJyw.js";
|
|
9
|
+
import { CaretRightIcon as _ } from "@radix-ui/react-icons";
|
|
10
|
+
import { O as G } from "./STRINGS--j49GZJP.js";
|
|
11
|
+
import { groupBy as z, map as F } from "lodash";
|
|
12
|
+
import { useTranslation as O } from "react-i18next";
|
|
13
|
+
import "./_commonjsHelpers-UyOWmZb0.js";
|
|
14
|
+
import "clsx";
|
|
15
|
+
import "react-dom";
|
|
16
|
+
import "@radix-ui/react-scroll-area";
|
|
17
|
+
import "@floating-ui/react-dom";
|
|
18
|
+
import "i18next";
|
|
19
|
+
import "flagged";
|
|
20
|
+
import "@react-hookz/web";
|
|
21
|
+
import "./MODIFIERS-cBT31iqE.js";
|
|
22
|
+
import "@radix-ui/react-toggle";
|
|
23
|
+
import "class-variance-authority";
|
|
24
|
+
import "./Class-6Hz2KzYb.js";
|
|
25
|
+
import "tailwind-merge";
|
|
26
|
+
import "@radix-ui/react-switch";
|
|
27
|
+
import "@radix-ui/react-slot";
|
|
28
|
+
import "@radix-ui/react-accordion";
|
|
29
|
+
import "@radix-ui/react-alert-dialog";
|
|
30
|
+
import "@radix-ui/react-dialog";
|
|
31
|
+
import "@radix-ui/react-label";
|
|
32
|
+
import "@radix-ui/react-tabs";
|
|
33
|
+
import "@radix-ui/react-tooltip";
|
|
34
|
+
import "@radix-ui/react-popover";
|
|
35
|
+
import "@radix-ui/react-menubar";
|
|
36
|
+
import "@radix-ui/react-hover-card";
|
|
37
|
+
import "@radix-ui/react-select";
|
|
38
|
+
import "@radix-ui/react-dropdown-menu";
|
|
39
|
+
import "@radix-ui/react-separator";
|
|
40
|
+
import "@radix-ui/react-toast";
|
|
41
|
+
import "cmdk";
|
|
42
|
+
import "@radix-ui/react-context-menu";
|
|
43
|
+
import "react-icons-picker";
|
|
44
|
+
import "react-quill";
|
|
45
|
+
import "react-hotkeys-hook";
|
|
46
|
+
const D = ({
|
|
47
|
+
block: r,
|
|
48
|
+
closePopover: s,
|
|
49
|
+
library: o
|
|
50
|
+
}) => {
|
|
51
|
+
const [l, c] = f(!1), i = b("getUILibraryBlock", y), { addCoreBlock: a, addPredefinedBlock: d } = I(), [p] = C(), x = N(
|
|
52
|
+
async (u) => {
|
|
53
|
+
if (u.stopPropagation(), k(r, "component")) {
|
|
54
|
+
a(r, h(p)), s();
|
|
55
|
+
return;
|
|
56
|
+
}
|
|
57
|
+
c(!0);
|
|
58
|
+
const t = await i(o, r);
|
|
59
|
+
v(t) || d(U(t), h(p)), s();
|
|
60
|
+
},
|
|
61
|
+
[r]
|
|
62
|
+
);
|
|
63
|
+
return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(
|
|
64
|
+
"div",
|
|
65
|
+
{
|
|
66
|
+
onClick: l ? () => {
|
|
67
|
+
} : x,
|
|
68
|
+
className: "relative mt-2 cursor-pointer overflow-hidden rounded-md border border-gray-300 bg-white duration-200 hover:border-blue-500 hover:shadow-xl",
|
|
69
|
+
children: [
|
|
70
|
+
l && /* @__PURE__ */ e.jsxs("div", { className: "absolute flex h-full w-full items-center justify-center bg-black/70", children: [
|
|
71
|
+
/* @__PURE__ */ e.jsx(R, { className: "animate-spin", size: 15, color: "white" }),
|
|
72
|
+
" ",
|
|
73
|
+
/* @__PURE__ */ e.jsx("span", { className: "pl-2 text-sm text-white", children: "Adding..." })
|
|
74
|
+
] }),
|
|
75
|
+
r.preview ? /* @__PURE__ */ e.jsx("img", { src: r.preview, className: "min-h-[25px] w-full rounded-md", alt: r.name }) : /* @__PURE__ */ e.jsx("div", { className: "flex h-20 items-center justify-center rounded-md border border-border border-gray-300 bg-gray-200", children: /* @__PURE__ */ e.jsx("p", { className: "max-w-xs text-center text-sm text-gray-700", children: r.name }) })
|
|
76
|
+
]
|
|
77
|
+
}
|
|
78
|
+
) });
|
|
79
|
+
}, H = (r) => {
|
|
80
|
+
const s = b("getUILibraryBlocks", y), [o, l] = f([]), [c, i] = f(!1);
|
|
81
|
+
return L(() => {
|
|
82
|
+
(async () => {
|
|
83
|
+
if (!r)
|
|
84
|
+
return;
|
|
85
|
+
i(!0);
|
|
86
|
+
const a = await s(r);
|
|
87
|
+
l(a), i(!1);
|
|
88
|
+
})();
|
|
89
|
+
}, []), { data: o, isLoading: c };
|
|
90
|
+
}, K = S(""), W = () => {
|
|
91
|
+
const [r] = j(K), s = b("uiLibraries", []), o = s.find((n) => n.uuid === r) || h(s), { data: l, isLoading: c } = H(o), i = z(l, "group"), [a, d] = f("Hero"), [, p] = j(E), x = B(i, a, []), { t: u } = O(), t = A(null), w = (n) => {
|
|
92
|
+
t.current && (clearTimeout(t.current), t.current = null), t.current = setTimeout(() => {
|
|
93
|
+
t.current && d(n);
|
|
94
|
+
}, 300);
|
|
95
|
+
};
|
|
96
|
+
return c ? /* @__PURE__ */ e.jsx(P, { className: "h-full w-full" }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full max-h-full w-[460px] flex-col overflow-hidden bg-background", children: [
|
|
97
|
+
/* @__PURE__ */ e.jsx("div", { className: "sticky top-0 flex h-fit flex-col", children: /* @__PURE__ */ e.jsxs("div", { className: "mb-2 flex flex-col justify-between rounded-md bg-background/30 p-1", children: [
|
|
98
|
+
/* @__PURE__ */ e.jsxs("h1", { className: "flex w-full flex-col items-baseline truncate px-1 text-sm font-semibold xl:flex-col", children: [
|
|
99
|
+
u("Library"),
|
|
100
|
+
": ",
|
|
101
|
+
o.name
|
|
102
|
+
] }),
|
|
103
|
+
/* @__PURE__ */ e.jsx("span", { className: "p-0 text-[9px] font-light leading-3 opacity-80 xl:pl-1", children: u("Click to add blocks to page") })
|
|
104
|
+
] }) }),
|
|
105
|
+
/* @__PURE__ */ e.jsxs("div", { className: "flex h-[95%] border-t border-gray-300 pt-2", children: [
|
|
106
|
+
/* @__PURE__ */ e.jsx("div", { className: "flex h-full w-40 flex-col gap-1 px-1", children: g.Children.toArray(
|
|
107
|
+
F(i, (n, m) => /* @__PURE__ */ e.jsxs(
|
|
108
|
+
"div",
|
|
109
|
+
{
|
|
110
|
+
onMouseEnter: () => w(m),
|
|
111
|
+
onMouseLeave: () => clearTimeout(t.current),
|
|
112
|
+
onClick: () => d(m),
|
|
113
|
+
className: M(
|
|
114
|
+
"flex w-full cursor-pointer items-center justify-between rounded-md p-1 text-sm transition-all ease-in-out hover:bg-gray-200",
|
|
115
|
+
m === a ? "bg-blue-500 text-white hover:bg-blue-600" : ""
|
|
116
|
+
),
|
|
117
|
+
children: [
|
|
118
|
+
/* @__PURE__ */ e.jsx("span", { children: m }),
|
|
119
|
+
/* @__PURE__ */ e.jsx(_, { className: "ml-2 h-5 w-5" })
|
|
120
|
+
]
|
|
121
|
+
},
|
|
122
|
+
m
|
|
123
|
+
))
|
|
124
|
+
) }),
|
|
125
|
+
/* @__PURE__ */ e.jsxs(
|
|
126
|
+
T,
|
|
127
|
+
{
|
|
128
|
+
onMouseEnter: () => t.current ? clearTimeout(t.current) : null,
|
|
129
|
+
className: "z-10 -mt-2 flex h-full max-h-full w-[300px] flex-col gap-2 border-l border-gray-300 px-2 transition-all ease-linear",
|
|
130
|
+
children: [
|
|
131
|
+
g.Children.toArray(
|
|
132
|
+
x.map((n) => /* @__PURE__ */ e.jsx(D, { block: n, library: o, closePopover: () => p(G) }))
|
|
133
|
+
),
|
|
134
|
+
/* @__PURE__ */ e.jsx("br", {}),
|
|
135
|
+
/* @__PURE__ */ e.jsx("br", {}),
|
|
136
|
+
/* @__PURE__ */ e.jsx("br", {})
|
|
137
|
+
]
|
|
138
|
+
}
|
|
139
|
+
)
|
|
140
|
+
] })
|
|
141
|
+
] }) });
|
|
142
|
+
}, _e = () => /* @__PURE__ */ e.jsx(W, {});
|
|
143
|
+
export {
|
|
144
|
+
_e as default
|
|
145
|
+
};
|
|
@@ -3,7 +3,7 @@ import { useState as p, useEffect as D } from "react";
|
|
|
3
3
|
import { isEmpty as d, startCase as E } from "lodash-es";
|
|
4
4
|
import { MixerHorizontalIcon as L } from "@radix-ui/react-icons";
|
|
5
5
|
import { createApi as B } from "unsplash-js";
|
|
6
|
-
import { h as F, b8 as K, aO as O, aP as Q, aQ as U, a6 as P, a7 as C, a8 as S, a9 as I, aa as h, ba as V, B as H } from "./ChaiBuilderEditor-
|
|
6
|
+
import { h as F, b8 as K, aO as O, aP as Q, aQ as U, a6 as P, a7 as C, a8 as S, a9 as I, aa as h, ba as V, B as H } from "./ChaiBuilderEditor-3Wj_t3jA.js";
|
|
7
7
|
import { useDebouncedState as R } from "@react-hookz/web";
|
|
8
8
|
import { Loader as $ } from "lucide-react";
|
|
9
9
|
import "./_commonjsHelpers-UyOWmZb0.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),o=require("react"),l=require("lodash-es"),C=require("@radix-ui/react-icons"),k=require("unsplash-js"),t=require("./ChaiBuilderEditor-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),o=require("react"),l=require("lodash-es"),C=require("@radix-ui/react-icons"),k=require("unsplash-js"),t=require("./ChaiBuilderEditor-syigvGWW.cjs"),A=require("@react-hookz/web"),T=require("lucide-react");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("clsx");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("jotai");require("i18next");require("react-i18next");require("flagged");require("./STRINGS-gPz7CUOk.cjs");require("./Functions-N3yhPYKY.cjs");require("tailwind-merge");require("@chaibuilder/runtime");require("./MODIFIERS-YPHRtwrM.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-Zc8hpE7f.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-quill");require("react-hotkeys-hook");const E=async(d,q)=>new Promise((a,n)=>{k.createApi({accessKey:q}).search.getPhotos(d).then(u=>{a(u)}).catch(u=>n(u))}),z=({isModalView:d,onSelect:q})=>{const a=t.useBuilderProp("unsplashAccessKey",""),[n,f]=o.useState([]),[u,g]=o.useState(0),[c,S]=o.useState(),[x,b]=o.useState(),[I,R]=o.useState(0),[j,w]=A.useDebouncedState("",1e3),[h,m]=o.useState(!1),P=async s=>{if(l.isEmpty(j))return;let i=u+1;s&&(s.preventDefault(),i=1),m(!0),g(i);const p={query:j,page:i};c&&(p.orientation=c),x&&(p.color=x),E(p,a).then(r=>{var y,v,N;f(i===1?((y=r==null?void 0:r.response)==null?void 0:y.results)||[]:[...n,...((v=r==null?void 0:r.response)==null?void 0:v.results)||[]]),R((N=r==null?void 0:r.response)==null?void 0:N.total_pages),m(!1)}).catch(()=>{m(!1)})};return o.useEffect(()=>{if(!l.isEmpty(j)&&a){m(!0);const s={query:j,page:1};c&&(s.orientation=c),x&&(s.color=x),g(1),E(s,a).then(i=>{var p,r;f(((p=i==null?void 0:i.response)==null?void 0:p.results)||[]),R((r=i==null?void 0:i.response)==null?void 0:r.total_pages),m(!1)}).catch(()=>{m(!1)})}},[c,x,j,a]),l.isEmpty(a)?e.jsxRuntimeExports.jsx("div",{className:"h-full flex flex-col items-center justify-center",children:e.jsxRuntimeExports.jsxs("p",{className:"max-w-3xl text-center text-gray-500",children:["To enable Unsplash, kindly provide your",e.jsxRuntimeExports.jsx("a",{href:"https://unsplash.com/documentation#public-authentication",className:"underline px-1 hover:text-blue-400",target:"_blank",rel:"noopener noreferrer",children:"Unsplash Access Key"})]})}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("form",{className:"flex items-center rounded-md border bg-gray-100 p-px",children:[e.jsxRuntimeExports.jsx(t.Input,{type:"text",name:"query",className:"input",placeholder:'Try "dog" or "apple"',onChange:s=>w(s.target.value)}),e.jsxRuntimeExports.jsxs(t.Popover,{children:[e.jsxRuntimeExports.jsx(t.PopoverTrigger,{asChild:!0,className:"h-full w-10 cursor-pointer p-2.5 hover:bg-slate-200",children:e.jsxRuntimeExports.jsx(C.MixerHorizontalIcon,{})}),e.jsxRuntimeExports.jsx(t.PopoverContent,{side:d?"bottom":"right",className:"z-[9999] flex w-max items-center justify-center",children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("div",{className:"py-1 text-sm font-medium",children:"Orientation"}),e.jsxRuntimeExports.jsxs(t.Select,{defaultValue:c,onValueChange:s=>S(s),children:[e.jsxRuntimeExports.jsx(t.SelectTrigger,{className:"h-auto w-40 p-1 px-3",children:e.jsxRuntimeExports.jsx(t.SelectValue,{placeholder:"Select"})}),e.jsxRuntimeExports.jsxs(t.SelectContent,{className:"z-[9999]",children:[e.jsxRuntimeExports.jsx(t.SelectItem,{value:"",children:"All"}),e.jsxRuntimeExports.jsx(t.SelectItem,{value:"landscape",children:"Landscape"}),e.jsxRuntimeExports.jsx(t.SelectItem,{value:"portrait",children:"Portrait"}),e.jsxRuntimeExports.jsx(t.SelectItem,{value:"squarish",children:"Square"})]})]}),e.jsxRuntimeExports.jsx("div",{className:"pb-1 pt-2 text-sm font-medium",children:"Color"}),e.jsxRuntimeExports.jsxs(t.Select,{defaultValue:x,onValueChange:s=>b(s),children:[e.jsxRuntimeExports.jsx(t.SelectTrigger,{className:"h-auto w-40 p-1 px-3",children:e.jsxRuntimeExports.jsx(t.SelectValue,{placeholder:"Select"})}),e.jsxRuntimeExports.jsxs(t.SelectContent,{className:"z-[9999]",children:[e.jsxRuntimeExports.jsx(t.SelectItem,{value:"",children:"All"}),["black_and_white","black","white","yellow","orange","red","purple","magenta","green","teal","blue"].map(s=>e.jsxRuntimeExports.jsx(t.SelectItem,{value:s,children:l.startCase(s)},s))]})]})]})})]})]}),e.jsxRuntimeExports.jsxs(t.ScrollArea,{className:`h-full ${d&&!l.isEmpty(n)?"-mx-2 flex flex-wrap px-2":"-mx-2 flex flex-col pb-8 pt-2"}`,children:[l.isEmpty(n)&&!h&&e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col items-center justify-center py-6",children:[e.jsxRuntimeExports.jsx("div",{className:"font-medium",children:"No Data"}),e.jsxRuntimeExports.jsx("div",{className:"text-sm text-gray-500",children:"Enter query and press enter"})]}),d?e.jsxRuntimeExports.jsx("div",{className:"h-full columns-5 py-2",children:n.map(s=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"my-1 flex",onClick:()=>q(s.urls.regular),children:e.jsxRuntimeExports.jsx("div",{className:"relative overflow-hidden rounded-md bg-cover bg-no-repeat",children:e.jsxRuntimeExports.jsx("img",{className:"h-auto flex-1 cursor-pointer rounded-md transition duration-300 ease-in-out hover:scale-105",alt:s.alt_description,src:s.urls.small})})},s.id))}):n.map(s=>e.jsxRuntimeExports.jsx("div",{className:"w-full px-2 py-1",children:e.jsxRuntimeExports.jsx("div",{className:"relative overflow-hidden rounded-md bg-cover bg-no-repeat",children:e.jsxRuntimeExports.jsx("img",{className:"h-auto cursor-pointer transition duration-300 ease-in-out hover:scale-105",alt:s.alt_description,src:s.urls.small})})},s.id)),h&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-center py-8",children:[e.jsxRuntimeExports.jsx(T.Loader,{className:"animate-spin w-6 h-6"})," Loading..."]}),!l.isEmpty(n)&&u<I&&!h&&e.jsxRuntimeExports.jsx(t.Button,{size:"sm",variant:"link",className:"w-full",onClick:()=>P(void 0),disabled:h,children:h?"":"Load More"})]})]})};exports.default=z;exports.fetchImage=E;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),s=require("react"),u=require("lodash-es"),m=require("@radix-ui/react-icons"),E=require("jotai"),p=require("./ChaiBuilderEditor-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),s=require("react"),u=require("lodash-es"),m=require("@radix-ui/react-icons"),E=require("jotai"),p=require("./ChaiBuilderEditor-syigvGWW.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("clsx");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("i18next");require("react-i18next");require("flagged");require("./STRINGS-gPz7CUOk.cjs");require("./Functions-N3yhPYKY.cjs");require("tailwind-merge");require("@chaibuilder/runtime");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-Zc8hpE7f.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-quill");require("react-hotkeys-hook");require("lucide-react");const N=E.atom([]),I=({isModalView:t,onSelect:l})=>{const j=p.useBuilderProp("uploadMediaCallback"),a=p.useBuilderProp("fetchMediaCallback"),[i,x]=E.useAtom(N),[n,f]=s.useState(!1),[h,q]=s.useState(!1),[c,d]=s.useState(),[g,R]=s.useState("");s.useEffect(()=>{(async()=>{if(!a)return;q(!0);const r=await a();x(r||[]),q(!1)})()},[]);const v=r=>{var o,b;r&&((b=(o=r==null?void 0:r.target)==null?void 0:o.files)==null?void 0:b.length)>0&&d(r.target.files[0])},y=async()=>{if(j){f(!0);try{const{url:r}=await j(c);l(r),d(void 0);const o=await a();x(o)}catch(r){x([]),R((r==null?void 0:r.message)||"Something went wrong.")}f(!1)}};return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[c?e.jsxRuntimeExports.jsxs("div",{className:"relative flex w-full flex-col items-center justify-center rounded-md border bg-slate-50 p-2 px-1",children:[e.jsxRuntimeExports.jsx("img",{src:URL.createObjectURL(c),alt:"",className:"h-auto max-h-96 w-full max-w-sm rounded-md object-contain"}),g&&e.jsxRuntimeExports.jsx("div",{className:"w-full pt-2 text-center text-sm text-red-500",children:g}),e.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-center justify-center gap-2 pt-2",children:[e.jsxRuntimeExports.jsxs("button",{type:"button",onClick:y,disabled:n,className:"flex items-center rounded-full bg-blue-500 px-3 py-1 text-sm text-white hover:bg-blue-600 hover:text-white",children:[n?e.jsxRuntimeExports.jsx(m.GearIcon,{className:"animate-spin"}):e.jsxRuntimeExports.jsx(m.UploadIcon,{className:"animate-bounce"})," ",n?"Uploading...":"Upload"]}),!n&&e.jsxRuntimeExports.jsxs("button",{type:"button",className:"flex items-center rounded-full border border-gray-300 px-3 py-1 text-sm hover:bg-gray-200",onClick:()=>d(void 0),children:[e.jsxRuntimeExports.jsx(m.Cross1Icon,{})," Cancel"]})]})]}):e.jsxRuntimeExports.jsxs("label",{htmlFor:t?"upload-in-modal":"upload-in-panel",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex w-full cursor-pointer flex-col items-center justify-center rounded-md border border-dashed border-blue-900 bg-gray-200 py-8 hover:bg-blue-50",children:[e.jsxRuntimeExports.jsx("div",{className:"text-3xl",children:"+"}),e.jsxRuntimeExports.jsx("div",{children:"Click to choose file"})]}),e.jsxRuntimeExports.jsx("input",{type:"file",id:t?"upload-in-modal":"upload-in-panel",hidden:!0,onChange:v})]}),e.jsxRuntimeExports.jsxs(p.ScrollArea,{className:`-mx-2 flex h-full flex-col pb-8 pt-2 ${t?"px-2":""} pt-2`,children:[u.isEmpty(i)&&h&&e.jsxRuntimeExports.jsx("div",{className:"flex flex-col items-center justify-center py-6",children:e.jsxRuntimeExports.jsx("div",{className:"animate-pulse font-medium",children:"Fetching..."})}),u.isEmpty(i)&&!h&&e.jsxRuntimeExports.jsx("div",{className:"flex flex-col items-center justify-center py-6",children:e.jsxRuntimeExports.jsx("div",{className:"font-medium",children:"No Images"})}),t?e.jsxRuntimeExports.jsx("div",{className:"h-full columns-5 py-2",children:u.map(i,r=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"my-1 flex",onClick:()=>l(r.url),children:e.jsxRuntimeExports.jsx("div",{className:"relative overflow-hidden rounded-md bg-cover bg-no-repeat",children:e.jsxRuntimeExports.jsx("img",{className:"h-auto flex-1 cursor-pointer rounded-md transition duration-300 ease-in-out hover:scale-105",alt:r.name,src:r.thumbUrl})})},r.id))}):u.map(i,r=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"px-2 py-1",onClick:()=>l(r.url),children:e.jsxRuntimeExports.jsx("div",{className:"relative overflow-hidden rounded-md bg-cover bg-no-repeat",children:e.jsxRuntimeExports.jsx("img",{className:"h-auto w-full cursor-pointer transition duration-300 ease-in-out hover:scale-105",alt:r.name,src:r.url})})},r.id))]})]})};exports.default=I;
|
|
@@ -3,7 +3,7 @@ import { useState as l, useEffect as w } from "react";
|
|
|
3
3
|
import { isEmpty as b, map as j } from "lodash-es";
|
|
4
4
|
import { GearIcon as C, UploadIcon as U, Cross1Icon as k } from "@radix-ui/react-icons";
|
|
5
5
|
import { atom as F, useAtom as E } from "jotai";
|
|
6
|
-
import { h as v, ba as A } from "./ChaiBuilderEditor-
|
|
6
|
+
import { h as v, ba as A } from "./ChaiBuilderEditor-3Wj_t3jA.js";
|
|
7
7
|
import "./_commonjsHelpers-UyOWmZb0.js";
|
|
8
8
|
import "clsx";
|
|
9
9
|
import "react-dom";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { j as t } from "./jsx-runtime-WbnYoNE9.js";
|
|
2
2
|
import { useState as c } from "react";
|
|
3
3
|
import { kebabCase as j } from "lodash-es";
|
|
4
|
-
import { _ as b, B as u, Z as C, ab as A } from "./ChaiBuilderEditor-
|
|
4
|
+
import { _ as b, B as u, Z as C, ab as A } from "./ChaiBuilderEditor-3Wj_t3jA.js";
|
|
5
5
|
import { l as g } from "./controls-VTdJhdSz.js";
|
|
6
|
-
import { F as D } from "./form-
|
|
7
|
-
import { e as N } from "./index-
|
|
6
|
+
import { F as D } from "./form-Zy8G3TfH.js";
|
|
7
|
+
import { e as N } from "./index-aYfwM1sV.js";
|
|
8
8
|
import "./_commonjsHelpers-UyOWmZb0.js";
|
|
9
9
|
import "clsx";
|
|
10
10
|
import "react-dom";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),x=require("react"),P=require("lodash-es"),t=require("./ChaiBuilderEditor-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),x=require("react"),P=require("lodash-es"),t=require("./ChaiBuilderEditor-syigvGWW.cjs"),g=require("./controls-jWJDao88.cjs"),R=require("./form-gTqkjR1L.cjs"),f=require("./index-m6gyJ5Ma.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("clsx");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("jotai");require("i18next");require("react-i18next");require("flagged");require("./STRINGS-gPz7CUOk.cjs");require("./Functions-N3yhPYKY.cjs");require("tailwind-merge");require("@chaibuilder/runtime");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-Zc8hpE7f.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-quill");require("react-hotkeys-hook");require("lucide-react");require("@rjsf/core");require("@rjsf/validator-ajv8");require("./core.cjs");require("sonner");require("./html-to-json-VPWiWWGH.cjs");require("himalaya");const b=({closeModal:i})=>{var l,o;const u=f.useAddPage(),[r,m]=x.useState({name:"",slug:"",blocks:[],type:"STATIC",seoData:{},template:""}),p=()=>{u.mutate(r,{onSuccess:()=>i()})},j=({formData:n},s)=>{m(q=>{var d,c;const a={[s]:n[s]};return s==="name"?a.slug=P.kebabCase((d=n[s])==null?void 0:d.replace(/\d/g,"")):s==="slug"&&(a.slug=(c=n[s])==null?void 0:c.replace(/\d/g,"").replace(/\s+/g,"").replace("--","-").replace("__","_")),{...q,...a}})},h={name:g.l({title:"Page Name",default:r.name}),slug:g.l({title:"Page Slug",default:r.slug})};return e.jsxRuntimeExports.jsxs(t.DialogContent,{children:[e.jsxRuntimeExports.jsx("div",{className:"px-1 font-bold",children:"Add Page"}),e.jsxRuntimeExports.jsx(R.Form,{formData:r,properties:h,onChange:j,disabled:u.isPending}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center justify-end",children:e.jsxRuntimeExports.jsx(t.Button,{type:"submit",disabled:!r.name||!r.slug||((l=r.name)==null?void 0:l.length)<2||((o=r.slug)==null?void 0:o.length)<2||u.isPending,onClick:p,children:"Add Page"})})]})},E=()=>{const[i,u]=x.useState(!1);return e.jsxRuntimeExports.jsxs(t.Dialog,{open:i,onOpenChange:()=>u(!i),children:[e.jsxRuntimeExports.jsx(t.DialogTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(t.Button,{size:"sm",variant:"link",className:"text-blue-500",onClick:()=>u(!i),children:"+ New Page"})}),i&&e.jsxRuntimeExports.jsx(b,{closeModal:()=>u(!i)})]})};exports.default=E;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),r=require("./ChaiBuilderEditor-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),r=require("./ChaiBuilderEditor-syigvGWW.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");require("clsx");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("jotai");require("i18next");require("react-i18next");require("flagged");require("lodash-es");require("./STRINGS-gPz7CUOk.cjs");require("./Functions-N3yhPYKY.cjs");require("tailwind-merge");require("@chaibuilder/runtime");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-Zc8hpE7f.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-quill");require("react-hotkeys-hook");require("lucide-react");const x=({open:q,onCancel:t=()=>{},onConfirm:s,title:n,description:i,disabled:u,cancelText:l="Discard",confirmText:o="Save"})=>e.jsxRuntimeExports.jsx(r.AlertDialog,{open:q,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:u,onClick:t,children:l}),e.jsxRuntimeExports.jsx(r.Button,{variant:"default",onClick:s,disabled:u,children:o})]})]})});exports.default=x;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { j as i } from "./jsx-runtime-WbnYoNE9.js";
|
|
2
|
-
import { A as a, b as n, d as c, e as x, g as d, B as j } from "./ChaiBuilderEditor-
|
|
2
|
+
import { A as a, b as n, d as c, e as x, g as d, B as j } from "./ChaiBuilderEditor-3Wj_t3jA.js";
|
|
3
3
|
import "./_commonjsHelpers-UyOWmZb0.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "clsx";
|
package/dist/core.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ChaiBuilderEditor-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ChaiBuilderEditor-syigvGWW.cjs"),s=require("react-i18next");require("./jsx-runtime-Z_BpKhVy.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");require("clsx");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("jotai");require("i18next");require("flagged");require("lodash-es");require("./STRINGS-gPz7CUOk.cjs");require("./Functions-N3yhPYKY.cjs");require("tailwind-merge");require("@chaibuilder/runtime");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-Zc8hpE7f.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-quill");require("react-hotkeys-hook");require("lucide-react");exports.ChaiBuilderEditor=e.ChaiBuilderEditor;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.useBlocksStore=e.useBlocksStore;exports.useBrandingOptions=e.useBrandingOptions;exports.useBuilderProp=e.useBuilderProp;exports.useBuilderReset=e.useBuilderReset;exports.useCanvasWidth=e.useCanvasWidth;exports.useCanvasZoom=e.useCanvasZoom;exports.useCopyBlockIds=e.useCopyBlockIds;exports.useCopyToClipboard=e.useCopyToClipboard;exports.useCurrentPage=e.useCurrentPage;exports.useCutBlockIds=e.useCutBlockIds;exports.useDarkMode=e.useDarkMode;exports.useDuplicateBlocks=e.useDuplicateBlocks;exports.useGetPageData=e.useGetPageData;exports.useHiddenBlockIds=e.useHiddenBlockIds;exports.useHighlightBlockId=e.useHighlightBlockId;exports.usePasteBlocks=e.usePasteBlocks;exports.usePreviewMode=e.usePreviewMode;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.useStylingBreakpoint=e.useStylingBreakpoint;exports.useStylingState=e.useStylingState;exports.useUILibraryBlocks=e.useUILibraryBlocks;exports.useUndoManager=e.useUndoManager;exports.useUpdateBlocksProps=e.useUpdateBlocksProps;exports.useUpdateBlocksPropsRealtime=e.useUpdateBlocksPropsRealtime;Object.defineProperty(exports,"useTranslation",{enumerable:!0,get:()=>s.useTranslation});
|
package/dist/core.d.ts
CHANGED
|
@@ -79,8 +79,9 @@ export declare interface ChaiBuilderEditorProps {
|
|
|
79
79
|
blocks: ChaiBlock[];
|
|
80
80
|
html: string;
|
|
81
81
|
}>;
|
|
82
|
-
|
|
83
|
-
|
|
82
|
+
uiLibraries?: Omit<UILibrary, "blocks">[];
|
|
83
|
+
getUILibraryBlocks?: (library: UILibrary) => Promise<UiLibraryBlock[]>;
|
|
84
|
+
getUILibraryBlock?: (library: UILibrary, uiLibBlock: UiLibraryBlock) => Promise<ChaiBlock[]>;
|
|
84
85
|
subPages?: Block[];
|
|
85
86
|
subPagesSupport?: boolean;
|
|
86
87
|
blocks?: ChaiBlock[];
|
|
@@ -159,10 +160,13 @@ declare type PredefinedBlock = {
|
|
|
159
160
|
|
|
160
161
|
declare type ReactComponentType = React_2.ComponentType<any>;
|
|
161
162
|
|
|
163
|
+
declare type RichText = string;
|
|
164
|
+
|
|
162
165
|
declare type SavePageData = {
|
|
163
166
|
blocks: ChaiBlock[];
|
|
164
167
|
providers?: DataProvider[];
|
|
165
168
|
brandingOptions?: Record<string, any>;
|
|
169
|
+
themeConfiguration?: Record<string, any>;
|
|
166
170
|
};
|
|
167
171
|
|
|
168
172
|
declare type TimeInSeconds = number;
|
|
@@ -174,10 +178,22 @@ declare type TStyleBlock = {
|
|
|
174
178
|
};
|
|
175
179
|
|
|
176
180
|
declare interface UILibrary {
|
|
177
|
-
name: string;
|
|
178
181
|
uuid: string;
|
|
182
|
+
name: string;
|
|
183
|
+
blocks: UiLibraryBlock[];
|
|
184
|
+
link?: string;
|
|
185
|
+
description?: RichText;
|
|
179
186
|
}
|
|
180
187
|
|
|
188
|
+
declare type UiLibraryBlock = {
|
|
189
|
+
uuid: string;
|
|
190
|
+
group: string;
|
|
191
|
+
name?: string;
|
|
192
|
+
preview?: string;
|
|
193
|
+
tags?: string[];
|
|
194
|
+
description?: string;
|
|
195
|
+
};
|
|
196
|
+
|
|
181
197
|
export declare const useActiveModal: () => any;
|
|
182
198
|
|
|
183
199
|
/**
|
package/dist/core.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as J, l as K, U as N, m as Q, W as V, n as X, T as Y, i as Z, F as _, h as $, u as ss, o as es, p as os, q as ts, r as as, s as rs, t as is, v as ps, w as ls, x as ms, y as us, z as ds, D as cs, E as Bs, k as ks, H as ns, I as Cs, V as Ss, M as Ps, K as gs, J as vs, L as ys, S as As, X as Is, Y as hs, N as Ms, P as Rs, O as Ds, j as Us, Q as Ts, R as xs } from "./ChaiBuilderEditor-
|
|
1
|
+
import { C as J, l as K, U as N, m as Q, W as V, n as X, T as Y, i as Z, F as _, h as $, u as ss, o as es, p as os, q as ts, r as as, s as rs, t as is, v as ps, w as ls, x as ms, y as us, z as ds, D as cs, E as Bs, k as ks, H as ns, I as Cs, V as Ss, M as Ps, K as gs, J as vs, L as ys, S as As, X as Is, Y as hs, N as Ms, P as Rs, O as Ds, j as Us, Q as Ts, R as xs } from "./ChaiBuilderEditor-3Wj_t3jA.js";
|
|
2
2
|
import { useTranslation as Os } from "react-i18next";
|
|
3
3
|
import "./jsx-runtime-WbnYoNE9.js";
|
|
4
4
|
import "./_commonjsHelpers-UyOWmZb0.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { j as e } from "./jsx-runtime-WbnYoNE9.js";
|
|
2
|
-
import { A as p, a as l, b as n, d, e as a, g as c, B as u } from "./ChaiBuilderEditor-
|
|
3
|
-
import { h } from "./index-
|
|
2
|
+
import { A as p, a as l, b as n, d, e as a, g as c, B as u } from "./ChaiBuilderEditor-3Wj_t3jA.js";
|
|
3
|
+
import { h } from "./index-aYfwM1sV.js";
|
|
4
4
|
import { TrashIcon as x } from "@radix-ui/react-icons";
|
|
5
5
|
import "./_commonjsHelpers-UyOWmZb0.js";
|
|
6
6
|
import "react";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),r=require("./ChaiBuilderEditor-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),r=require("./ChaiBuilderEditor-syigvGWW.cjs"),l=require("./index-m6gyJ5Ma.cjs"),q=require("@radix-ui/react-icons");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");require("clsx");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("jotai");require("i18next");require("react-i18next");require("flagged");require("lodash-es");require("./STRINGS-gPz7CUOk.cjs");require("./Functions-N3yhPYKY.cjs");require("tailwind-merge");require("@chaibuilder/runtime");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-Zc8hpE7f.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-quill");require("react-hotkeys-hook");require("lucide-react");require("./core.cjs");require("sonner");require("./html-to-json-VPWiWWGH.cjs");require("himalaya");const d=({pageData:i,projectData:t})=>{const n={},u=l.useDeletePage(),s=i.uuid===t.homepage,o=()=>{u.mutate(i,{onSuccess:()=>{n({uuid:t.homepage,slug:"/home"})}})};return e.jsxRuntimeExports.jsxs(r.AlertDialog,{children:[e.jsxRuntimeExports.jsx(r.AlertDialogTrigger,{disabled:s,children:e.jsxRuntimeExports.jsx("div",{className:`flex h-full items-center justify-center rounded-md border px-2 py-2 font-medium hover:bg-red-400 hover:text-white ${s?"cursor-not-allowed border-red-200 text-red-200":"cursor-pointer border-red-400 text-red-400"}`,children:e.jsxRuntimeExports.jsx(q.TrashIcon,{})})}),e.jsxRuntimeExports.jsxs(r.AlertDialogContent,{children:[e.jsxRuntimeExports.jsxs(r.AlertDialogTitle,{children:["Are you sure you want to delete ",e.jsxRuntimeExports.jsx("i",{className:"text-red-500",children:i.name})," page?"]}),e.jsxRuntimeExports.jsx(r.AlertDialogDescription,{children:"This action cannot be undone. This will permanently delete your page."}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-end gap-x-3",children:[e.jsxRuntimeExports.jsx(r.AlertDialogCancel,{disabled:u.isPending,children:"Cancel"}),e.jsxRuntimeExports.jsx(r.Button,{variant:"destructive",onClick:o,disabled:u.isPending,children:"Yes, Delete"})]})]})]})};exports.default=d;
|
package/dist/email.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs");require("./core.cjs");const r=require("@radix-ui/react-icons"),q=require("lodash-es"),n=require("./ChaiBuilderEditor-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs");require("./core.cjs");const r=require("@radix-ui/react-icons"),q=require("lodash-es"),n=require("./ChaiBuilderEditor-syigvGWW.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");require("react-i18next");require("clsx");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("jotai");require("i18next");require("flagged");require("./STRINGS-gPz7CUOk.cjs");require("./Functions-N3yhPYKY.cjs");require("tailwind-merge");require("@chaibuilder/runtime");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-Zc8hpE7f.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-quill");require("react-hotkeys-hook");require("lucide-react");const o=[{title:"Mobile",content:"Mobile email client",breakpoint:"xs",icon:e.jsxRuntimeExports.jsx(r.MobileIcon,{}),width:400},{title:"Email Client",content:"Content as seen inside an email client",breakpoint:"sm",icon:e.jsxRuntimeExports.jsx(r.MobileIcon,{className:"rotate-90"}),width:700}],s=i=>{const u={...i,filterChaiBlock:t=>q.includes(t.type,"Email/"),importHTMLSupport:!1,dataBindingSupport:!1,breakpoints:o};return e.jsxRuntimeExports.jsx(n.ChaiBuilderEditor,{...u})};exports.ChaiBuilderEmail=s;
|
package/dist/email.d.ts
CHANGED
|
@@ -64,8 +64,9 @@ declare interface ChaiBuilderEditorProps {
|
|
|
64
64
|
blocks: ChaiBlock[];
|
|
65
65
|
html: string;
|
|
66
66
|
}>;
|
|
67
|
-
|
|
68
|
-
|
|
67
|
+
uiLibraries?: Omit<UILibrary, "blocks">[];
|
|
68
|
+
getUILibraryBlocks?: (library: UILibrary) => Promise<UiLibraryBlock[]>;
|
|
69
|
+
getUILibraryBlock?: (library: UILibrary, uiLibBlock: UiLibraryBlock) => Promise<ChaiBlock[]>;
|
|
69
70
|
subPages?: Block[];
|
|
70
71
|
subPagesSupport?: boolean;
|
|
71
72
|
blocks?: ChaiBlock[];
|
|
@@ -131,17 +132,32 @@ declare type PredefinedBlock = {
|
|
|
131
132
|
|
|
132
133
|
declare type ReactComponentType = React_2.ComponentType<any>;
|
|
133
134
|
|
|
135
|
+
declare type RichText = string;
|
|
136
|
+
|
|
134
137
|
declare type SavePageData = {
|
|
135
138
|
blocks: ChaiBlock[];
|
|
136
139
|
providers?: DataProvider[];
|
|
137
140
|
brandingOptions?: Record<string, any>;
|
|
141
|
+
themeConfiguration?: Record<string, any>;
|
|
138
142
|
};
|
|
139
143
|
|
|
140
144
|
declare type TimeInSeconds = number;
|
|
141
145
|
|
|
142
146
|
declare interface UILibrary {
|
|
143
|
-
name: string;
|
|
144
147
|
uuid: string;
|
|
148
|
+
name: string;
|
|
149
|
+
blocks: UiLibraryBlock[];
|
|
150
|
+
link?: string;
|
|
151
|
+
description?: RichText;
|
|
145
152
|
}
|
|
146
153
|
|
|
154
|
+
declare type UiLibraryBlock = {
|
|
155
|
+
uuid: string;
|
|
156
|
+
group: string;
|
|
157
|
+
name?: string;
|
|
158
|
+
preview?: string;
|
|
159
|
+
tags?: string[];
|
|
160
|
+
description?: string;
|
|
161
|
+
};
|
|
162
|
+
|
|
147
163
|
export { }
|
package/dist/email.js
CHANGED
|
@@ -2,7 +2,7 @@ import { j as i } from "./jsx-runtime-WbnYoNE9.js";
|
|
|
2
2
|
import "./core.js";
|
|
3
3
|
import { MobileIcon as t } from "@radix-ui/react-icons";
|
|
4
4
|
import { includes as p } from "lodash-es";
|
|
5
|
-
import { C as e } from "./ChaiBuilderEditor-
|
|
5
|
+
import { C as e } from "./ChaiBuilderEditor-3Wj_t3jA.js";
|
|
6
6
|
import "./_commonjsHelpers-UyOWmZb0.js";
|
|
7
7
|
import "react";
|
|
8
8
|
import "react-i18next";
|
|
@@ -2,7 +2,7 @@ import { j as u } from "./jsx-runtime-WbnYoNE9.js";
|
|
|
2
2
|
import x from "@rjsf/core";
|
|
3
3
|
import $ from "@rjsf/validator-ajv8";
|
|
4
4
|
import { includes as h, get as a, set as b, first as F } from "lodash-es";
|
|
5
|
-
import { a_ as P, a$ as E, b0 as O, b1 as S } from "./ChaiBuilderEditor-
|
|
5
|
+
import { a_ as P, a$ as E, b0 as O, b1 as S } from "./ChaiBuilderEditor-3Wj_t3jA.js";
|
|
6
6
|
const d = (i, l = "") => {
|
|
7
7
|
switch (i.type) {
|
|
8
8
|
case "singular":
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const f=require("./jsx-runtime-Z_BpKhVy.cjs"),y=require("@rjsf/core"),E=require("@rjsf/validator-ajv8"),i=require("lodash-es"),d=require("./ChaiBuilderEditor-
|
|
1
|
+
"use strict";const f=require("./jsx-runtime-Z_BpKhVy.cjs"),y=require("@rjsf/core"),E=require("@rjsf/validator-ajv8"),i=require("lodash-es"),d=require("./ChaiBuilderEditor-syigvGWW.cjs"),h=(c,n="")=>{switch(c.type){case"singular":return c.uiSchema;case"model":const{properties:p}=c,u={};return Object.keys(p).forEach(r=>{const e=p[r];if(i.includes(["slot","styles"],e.type))return;const o=i.get(e,"i18n",!1)?`${r}-${n}`:r;u[o]=h(e,n)}),u;case"list":const{itemProperties:m}=c,l={items:{}};return Object.keys(m).forEach(r=>{const e=m[r];if(i.includes(["slot","styles"],e.type))return;const o=i.get(e,"i18n",!1)?`${r}-${n}`:r;l.items[o]=h(e,n)}),l;default:return{}}},x=(c,n="")=>{switch(c.type){case"singular":return c.schema;case"model":const{properties:p,title:u}=c,m={title:u,type:"object",properties:{}};return Object.keys(p).forEach(o=>{const t=p[o];if(i.includes(["slot","styles"],t.type))return;const s=i.get(t,"i18n",!1)?`${o}-${n}`:o;m.properties[s]=x(t,n)}),m;case"list":const{itemProperties:l,title:r}=c,e={title:r,type:"array",items:{type:"object",properties:{}}};return Object.keys(l).forEach(o=>{const t=l[o];if(i.includes(["slot","styles"],t.type))return;const s=i.get(t,"i18n",!1)?`${o}-${n}`:o;e.items.properties[s]=x(t,n),i.set(e.items,"title",i.get(t,"itemTitle",`${r} item`))}),e;default:return{}}},$=({title:c,properties:n={},formData:p,onChange:u,disabled:m=!1,activeLang:l=""})=>{const r={type:"object",properties:{}},e={};Object.keys(n).forEach(t=>{const s=n[t];if(i.includes(["slot","styles"],s.type))return;const a=i.get(s,"i18n",!1)?`${t}-${l}`:t;r.properties[a]=x(s,l),e[a]=h(s,l)});const o=({...t},s)=>{const a=s==null?void 0:s.replace("root.","").split("/").pop();if(!s||!a)return;const j=i.first(a.split("."));s&&j&&u({...t},j)};return f.jsxRuntimeExports.jsxs(f.jsxRuntimeExports.Fragment,{children:[c&&f.jsxRuntimeExports.jsx("h1",{className:"px-1 text-sm font-semibold underline",children:c}),f.jsxRuntimeExports.jsx("div",{className:"-mx-3",children:f.jsxRuntimeExports.jsx(y,{widgets:{richtext:d.RichTextEditorField,icon:d.IconPickerField,image:d.ImagePickerField},fields:{link:d.LinkField},idSeparator:".",autoComplete:"off",omitExtraData:!0,liveOmit:!0,liveValidate:!0,uiSchema:e,schema:r,formData:p,validator:E,onChange:o,disabled:m})})]})};exports.Form=$;
|
|
@@ -20,7 +20,7 @@ import * as b from "react";
|
|
|
20
20
|
import H0, { lazy as A2, useCallback as g2, useState as M2, Suspense as u0, useEffect as s0 } from "react";
|
|
21
21
|
import "./core.js";
|
|
22
22
|
import { FileTextIcon as p0, GearIcon as V0, EyeClosedIcon as f0, EyeOpenIcon as m0 } from "@radix-ui/react-icons";
|
|
23
|
-
import { u as L0, G as Y2, B as X2, A as x0, a as w0, b as B0, c as C0, d as O0, e as A0, f as S0, g as y0, h as b0, C as P0 } from "./ChaiBuilderEditor-
|
|
23
|
+
import { u as L0, G as Y2, B as X2, A as x0, a as w0, b as B0, c as C0, d as O0, e as A0, f as S0, g as y0, h as b0, C as P0 } from "./ChaiBuilderEditor-3Wj_t3jA.js";
|
|
24
24
|
import { toast as h1, Toaster as F0 } from "sonner";
|
|
25
25
|
import { useTranslation as D0 } from "react-i18next";
|
|
26
26
|
import { sortBy as R0, filter as k0, has as T0, set as E0, capitalize as N0, get as b2, omit as I0, size as P2 } from "lodash-es";
|
|
@@ -2043,7 +2043,7 @@ const k4 = () => {
|
|
|
2043
2043
|
] })
|
|
2044
2044
|
] })
|
|
2045
2045
|
] });
|
|
2046
|
-
}, W4 = () => /* @__PURE__ */ i.jsx(I4, { children: /* @__PURE__ */ i.jsx("button", { className: "border-gray-200 rounded-md p-2 mb-2 border", children: /* @__PURE__ */ i.jsx(Q0, { className: "w-4 h-4 text-red-500 cursor-pointer hover:text-red-300 duration-300" }) }) }), U4 = A2(() => import("./PagesPanel-
|
|
2046
|
+
}, W4 = () => /* @__PURE__ */ i.jsx(I4, { children: /* @__PURE__ */ i.jsx("button", { className: "border-gray-200 rounded-md p-2 mb-2 border", children: /* @__PURE__ */ i.jsx(Q0, { className: "w-4 h-4 text-red-500 cursor-pointer hover:text-red-300 duration-300" }) }) }), U4 = A2(() => import("./PagesPanel-LtuJLoQJ.js")), j4 = A2(() => import("./ProjectPanel-g2wBPuXq.js")), Q4 = A2(() => import("./CurrentPage-nER7hH4h.js")), K4 = () => /* @__PURE__ */ i.jsx("h2", { children: "Your Logo" }), G4 = () => {
|
|
2047
2047
|
const { mutate: a } = y4();
|
|
2048
2048
|
return b0("editable", !0) ? /* @__PURE__ */ i.jsx(X2, { onClick: a, className: "bg-blue-600 text-white", children: "Publish" }) : null;
|
|
2049
2049
|
}, q4 = (a) => {
|