@chaibuilder/sdk 1.1.13 → 1.1.14
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-AG_J7s2Z.cjs +1 -0
- package/dist/{AddBlocks-A7WofxHV.js → AddBlocks-FsdsASNp.js} +51 -51
- package/dist/{BrandingOptions-wkFrLFI_.js → BrandingOptions-4qzTYdj5.js} +6 -5
- package/dist/BrandingOptions-xBuqDpj0.cjs +1 -0
- package/dist/{CanvasArea-kF46NWZK.cjs → CanvasArea-4m1-c1yq.cjs} +7 -7
- package/dist/{CanvasArea-chEYQhH8.js → CanvasArea-U3egqewu.js} +7 -7
- package/dist/{CurrentPage-Wd7F9Egg.js → CurrentPage-spjJpQSM.js} +10 -10
- package/dist/CurrentPage-zxrdTVsG.cjs +1 -0
- package/dist/{Layers-qMOMP2Mi.js → Layers-QNAlCI4j.js} +81 -81
- package/dist/Layers-YyBChBtg.cjs +1 -0
- package/dist/MarkAsGlobalBlock-LXDkmFUr.cjs +1 -0
- package/dist/{MarkAsGlobalBlock-Czq45Amf.js → MarkAsGlobalBlock-xOHhiMDl.js} +3 -3
- package/dist/{PagesPanel-ay4uk4mg.js → PagesPanel--LI-BoSj.js} +6 -6
- package/dist/PagesPanel-BeJrveus.cjs +1 -0
- package/dist/ProjectPanel-MjcAymKT.cjs +1 -0
- package/dist/{ProjectPanel-eLlbfAtj.js → ProjectPanel-VNj0jXca.js} +10 -10
- package/dist/Settings-BrYkhn3H.cjs +1 -0
- package/dist/{Settings-lpoxaMDu.js → Settings-LZJwbkO6.js} +433 -432
- package/dist/{SidePanels-iRXV69vh.js → SidePanels-4lvmnnlw.js} +36 -36
- package/dist/SidePanels-_5oUp-eI.cjs +1 -0
- package/dist/{Topbar-dQYhW4iv.js → Topbar-_-1HX-EE.js} +3 -3
- package/dist/Topbar-gQxbcPtG.cjs +1 -0
- package/dist/UnsplashImages-PNp5fYCc.cjs +1 -0
- package/dist/{UnsplashImages-AL1ASAoD.js → UnsplashImages-mqK09h8E.js} +6 -6
- package/dist/UploadImages-BoSSsLtD.cjs +1 -0
- package/dist/{UploadImages-09wuhk2O.js → UploadImages-IDkkRuhx.js} +3 -3
- package/dist/{add-page-modal-TXREEFPZ.js → add-page-modal-fZnKopNf.js} +14 -13
- package/dist/add-page-modal-rWhPuGd9.cjs +1 -0
- package/dist/confirm-alert-dHRDZrA1.cjs +1 -0
- package/dist/{confirm-alert-GkfW9chS.js → confirm-alert-ea5xpncD.js} +3 -3
- package/dist/core.cjs +1 -1
- package/dist/core.d.ts +5 -15
- package/dist/core.js +5 -5
- package/dist/delete-page-modal-P_KKu12n.cjs +1 -0
- package/dist/{delete-page-modal-LNME2FwD.js → delete-page-modal-fRoXPfhG.js} +5 -5
- package/dist/form-6qGAOYI3.cjs +1 -0
- package/dist/{form-Fk4CaX1A.js → form-irY39wvJ.js} +29 -29
- package/dist/functions-86L6n983.js +23 -0
- package/dist/functions-Jr7gX_RX.cjs +1 -0
- package/dist/{html-to-json-kGgp07Hv.js → html-to-json-Y5M0N8PH.js} +33 -33
- package/dist/html-to-json-aAZkA0f5.cjs +1 -0
- package/dist/{index-89A3jPHh.js → index-0OqmBgqo.js} +3 -3
- package/dist/{index-61c5wSJn.cjs → index-1Dr-VtaT.cjs} +2 -2
- package/dist/{index-Q5q5Y_8a.js → index-CQz6j3ex.js} +6 -6
- package/dist/index-d55M5MRz.cjs +1 -0
- package/dist/lib.cjs +1 -1
- package/dist/lib.js +27 -27
- package/dist/lodash-2us0VT8I.cjs +36 -0
- package/dist/lodash-3gkdNK5u.js +4538 -0
- package/dist/{page-viewer-LPx-OTCC.js → page-viewer-39ZtxLzx.js} +6 -6
- package/dist/page-viewer-_lc8vqU4.cjs +1 -0
- package/dist/{project-general-setting-sSpFUD_Y.js → project-general-setting-CCVuGyHh.js} +9 -8
- package/dist/project-general-setting-LEzDhwoq.cjs +1 -0
- package/dist/{project-seo-setting-CGVegBtM.js → project-seo-setting-Wo7E46w7.js} +6 -5
- package/dist/project-seo-setting-orwH-Ufg.cjs +1 -0
- package/dist/render.cjs +1 -1
- package/dist/render.js +46 -46
- package/dist/server.cjs +1 -1
- package/dist/server.js +11 -11
- package/dist/single-page-detail-jkDYF7lW.cjs +1 -0
- package/dist/{single-page-detail-32H1_IG4.js → single-page-detail-r1GJF00l.js} +29 -28
- package/dist/studio.cjs +1 -1
- package/dist/studio.js +5 -5
- package/dist/ui.cjs +1 -1
- package/dist/ui.js +3 -3
- package/dist/useAddBlockByDrop-5QW86HjG.js +20 -0
- package/dist/useAddBlockByDrop-Ckzuvu-s.cjs +1 -0
- package/dist/utils-37UXq2O5.cjs +1 -0
- package/dist/{utils-zWMk4dB2.js → utils-XsPKXMVo.js} +5 -5
- package/package.json +2 -2
- package/dist/AddBlocks-Yuc4t0Z_.cjs +0 -1
- package/dist/BrandingOptions-KkPF1OGn.cjs +0 -1
- package/dist/CurrentPage-p9MaXTOB.cjs +0 -1
- package/dist/Layers-wQ0Fv9Xc.cjs +0 -1
- package/dist/MarkAsGlobalBlock-sb3hMXLq.cjs +0 -1
- package/dist/PagesPanel--maZxwX5.cjs +0 -1
- package/dist/ProjectPanel-KhIpO7m3.cjs +0 -1
- package/dist/Settings-n2DpS5Ta.cjs +0 -1
- package/dist/SidePanels-Dud5Xh9L.cjs +0 -1
- package/dist/Topbar-vqzjB75a.cjs +0 -1
- package/dist/UnsplashImages-3Sh4UZ-7.cjs +0 -1
- package/dist/UploadImages-mPzLhMiH.cjs +0 -1
- package/dist/add-page-modal-FPnIWwqA.cjs +0 -1
- package/dist/confirm-alert-YNyc3WEo.cjs +0 -1
- package/dist/delete-page-modal-sTbqZPvk.cjs +0 -1
- package/dist/form-OhgCJlVA.cjs +0 -1
- package/dist/functions-ZWGlwlQY.cjs +0 -1
- package/dist/functions-slns6ONz.js +0 -23
- package/dist/html-to-json-po8on2ju.cjs +0 -1
- package/dist/index-GNmGzavZ.cjs +0 -1
- package/dist/page-viewer-wQO9oV9h.cjs +0 -1
- package/dist/project-general-setting-8EwuN5lN.cjs +0 -1
- package/dist/project-seo-setting-R77SKM1I.cjs +0 -1
- package/dist/single-page-detail-nyBEHLtT.cjs +0 -1
- package/dist/useAddBlockByDrop-4VH-SMj7.cjs +0 -1
- package/dist/useAddBlockByDrop-_kyR0iI4.js +0 -20
- package/dist/utils-tx6hqsHY.cjs +0 -1
|
@@ -2,12 +2,12 @@ import { j as e } from "./jsx-runtime-NV737rRe.js";
|
|
|
2
2
|
import { PlusIcon as E, Half2Icon as V } from "@radix-ui/react-icons";
|
|
3
3
|
import p, { useState as u, useEffect as L, useMemo as M, lazy as g, Suspense as f } from "react";
|
|
4
4
|
import { useAtom as A } from "jotai";
|
|
5
|
-
import {
|
|
6
|
-
import { ak as O, al as Y, am as J, an as U, ao as $, D as q, E as G, F as Z, G as Q, H as W, I as X, J as ee, K as se, ap as
|
|
5
|
+
import { b as v, d as P, A as H, j as I, a as F, f as R, g as _ } from "./lodash-3gkdNK5u.js";
|
|
6
|
+
import { ak as O, al as Y, am as J, an as U, ao as $, D as q, E as G, F as Z, G as Q, H as W, I as X, J as ee, K as se, ap as ae, s as re, t as le, aq as ie, ar as te, as as oe, at as ne, au as S, i as k, av as ce, aw as de, B as j, S as T, ax as me, ay as xe, az as z, aA as K } from "./index-0OqmBgqo.js";
|
|
7
7
|
import { ListTreeIcon as C, DatabaseIcon as pe } from "lucide-react";
|
|
8
8
|
import { getChaiDataProviders as ue } from "@chaibuilder/runtime";
|
|
9
|
-
import { E as he } from "./index-
|
|
10
|
-
import { d as fe } from "./utils-
|
|
9
|
+
import { E as he } from "./index-CQz6j3ex.js";
|
|
10
|
+
import { d as fe } from "./utils-XsPKXMVo.js";
|
|
11
11
|
import "./MODIFIERS-MLfpKQY1.js";
|
|
12
12
|
import "@radix-ui/react-toggle";
|
|
13
13
|
import "class-variance-authority";
|
|
@@ -45,41 +45,41 @@ import "react-dnd";
|
|
|
45
45
|
import "@minoru/react-dnd-treeview";
|
|
46
46
|
import "react-hotkeys-hook";
|
|
47
47
|
import "sonner";
|
|
48
|
-
import "./html-to-json-
|
|
48
|
+
import "./html-to-json-Y5M0N8PH.js";
|
|
49
49
|
import "himalaya";
|
|
50
50
|
import "tailwind-merge";
|
|
51
|
-
const ve = p.lazy(() => import("react-json-view")), je = ({ provider:
|
|
52
|
-
const [
|
|
51
|
+
const ve = p.lazy(() => import("react-json-view")), je = ({ provider: a, onClose: o }) => {
|
|
52
|
+
const [r, d] = u(null);
|
|
53
53
|
return L(() => {
|
|
54
|
-
|
|
55
|
-
}, [
|
|
54
|
+
a && (a.mockFn ? a.mockFn : a.dataFn)().then((n) => d(n));
|
|
55
|
+
}, [a]), a ? /* @__PURE__ */ e.jsx(O, { onOpenChange: (t) => t ? "" : o(), defaultOpen: !0, children: /* @__PURE__ */ e.jsxs(Y, { children: [
|
|
56
56
|
/* @__PURE__ */ e.jsxs(J, { children: [
|
|
57
57
|
/* @__PURE__ */ e.jsxs(U, { children: [
|
|
58
58
|
"Data Provider: ",
|
|
59
|
-
|
|
59
|
+
a.name
|
|
60
60
|
] }),
|
|
61
|
-
/* @__PURE__ */ e.jsx($, { children:
|
|
61
|
+
/* @__PURE__ */ e.jsx($, { children: a.description })
|
|
62
62
|
] }),
|
|
63
63
|
/* @__PURE__ */ e.jsx(he, { children: /* @__PURE__ */ e.jsx(
|
|
64
64
|
ve,
|
|
65
65
|
{
|
|
66
66
|
style: { maxHeight: "80vh", overflowY: "auto" },
|
|
67
|
-
name:
|
|
67
|
+
name: a.providerKey,
|
|
68
68
|
enableClipboard: !1,
|
|
69
69
|
displayObjectSize: !1,
|
|
70
70
|
displayDataTypes: !1,
|
|
71
|
-
src:
|
|
71
|
+
src: r
|
|
72
72
|
}
|
|
73
73
|
) })
|
|
74
74
|
] }) }) : null;
|
|
75
75
|
};
|
|
76
76
|
function ge({
|
|
77
|
-
children:
|
|
77
|
+
children: a,
|
|
78
78
|
name: o,
|
|
79
|
-
onRemove:
|
|
79
|
+
onRemove: r
|
|
80
80
|
}) {
|
|
81
81
|
return /* @__PURE__ */ e.jsxs(q, { children: [
|
|
82
|
-
/* @__PURE__ */ e.jsx(G, { asChild: !0, children:
|
|
82
|
+
/* @__PURE__ */ e.jsx(G, { asChild: !0, children: a }),
|
|
83
83
|
/* @__PURE__ */ e.jsxs(Z, { children: [
|
|
84
84
|
/* @__PURE__ */ e.jsxs(Q, { children: [
|
|
85
85
|
/* @__PURE__ */ e.jsxs(W, { children: [
|
|
@@ -91,24 +91,24 @@ function ge({
|
|
|
91
91
|
] }),
|
|
92
92
|
/* @__PURE__ */ e.jsxs(ee, { children: [
|
|
93
93
|
/* @__PURE__ */ e.jsx(se, { children: "Cancel" }),
|
|
94
|
-
/* @__PURE__ */ e.jsx(
|
|
94
|
+
/* @__PURE__ */ e.jsx(ae, { onClick: r, className: "bg-red-600 hover:bg-red-700", children: "Remove" })
|
|
95
95
|
] })
|
|
96
96
|
] })
|
|
97
97
|
] });
|
|
98
98
|
}
|
|
99
99
|
const be = () => {
|
|
100
|
-
const
|
|
101
|
-
v(
|
|
100
|
+
const a = M(() => ue(), []), [o, r] = re(), [, d] = A(le), [t, n] = u(
|
|
101
|
+
v(a, (s) => P(o, "providerKey").includes(s.providerKey))
|
|
102
102
|
), [m, b] = u(""), [h, i] = u(null), y = v(
|
|
103
|
-
|
|
103
|
+
a.map((s) => P(t, "providerKey").includes(s.providerKey) ? null : { value: s.providerKey, label: s.name }),
|
|
104
104
|
(s) => !H(s)
|
|
105
105
|
), w = (s) => {
|
|
106
|
-
const x = I(
|
|
107
|
-
n((c) => [...c, x]),
|
|
106
|
+
const x = I(a, { providerKey: s });
|
|
107
|
+
n((c) => [...c, x]), r((c) => [...c, { providerKey: x.providerKey, args: {} }]), b(""), d("UNSAVED");
|
|
108
108
|
}, N = (s) => {
|
|
109
|
-
n((x) => v(x, (c) => c.providerKey !== s.providerKey)),
|
|
109
|
+
n((x) => v(x, (c) => c.providerKey !== s.providerKey)), r((x) => v(x, (c) => c.providerKey !== s.providerKey)), d("UNSAVED");
|
|
110
110
|
}, l = (s) => i(s);
|
|
111
|
-
return F(
|
|
111
|
+
return F(a) ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("p", { className: "text-gray-500 mb-1.5 text-xs p-4", children: [
|
|
112
112
|
"You have no data providers registered. Please add a data provider to your project. ",
|
|
113
113
|
/* @__PURE__ */ e.jsx("br", {}),
|
|
114
114
|
/* @__PURE__ */ e.jsx("a", { className: "text-blue-500", href: "https://chaibuilder.com/docs/registering-data-providers", target: "_blank", children: "Learn more" })
|
|
@@ -196,20 +196,20 @@ const be = () => {
|
|
|
196
196
|
/* @__PURE__ */ e.jsx(je, { onClose: () => i(null), provider: h })
|
|
197
197
|
] })
|
|
198
198
|
] });
|
|
199
|
-
}, ye = g(() => import("./AddBlocks-
|
|
199
|
+
}, ye = g(() => import("./AddBlocks-FsdsASNp.js")), D = g(() => import("./Layers-QNAlCI4j.js")), we = g(() => import("./BrandingOptions-4qzTYdj5.js")), Ne = g(() => import("./index-0OqmBgqo.js").then((a) => a.cy));
|
|
200
200
|
let B = null;
|
|
201
201
|
const bs = () => {
|
|
202
|
-
const
|
|
202
|
+
const a = k("sideBarComponents.top", []), o = k("sideBarComponents.bottom", []), [r, d] = A(ce), [t, n] = u(r), [m, b] = u(null), h = {
|
|
203
203
|
"add-blocks": ye,
|
|
204
204
|
layers: D,
|
|
205
205
|
"branding-options": we,
|
|
206
206
|
images: Ne
|
|
207
207
|
};
|
|
208
|
-
R(
|
|
208
|
+
R(a, ({ name: l, panel: s }) => {
|
|
209
209
|
h[l] = s;
|
|
210
210
|
});
|
|
211
211
|
const i = (l) => {
|
|
212
|
-
clearTimeout(B), y(!1),
|
|
212
|
+
clearTimeout(B), y(!1), r !== "layers" && l === "layers" ? B = setTimeout(() => n("layers"), 500) : n(l), d(l);
|
|
213
213
|
}, [, y] = A(de), w = k("dataBindingSupport", !1);
|
|
214
214
|
function N() {
|
|
215
215
|
const l = setTimeout(() => {
|
|
@@ -218,7 +218,7 @@ const bs = () => {
|
|
|
218
218
|
b(l);
|
|
219
219
|
}
|
|
220
220
|
return /* @__PURE__ */ e.jsxs("div", { className: "relative flex ", children: [
|
|
221
|
-
|
|
221
|
+
r !== "layers" ? /* @__PURE__ */ e.jsx(
|
|
222
222
|
"div",
|
|
223
223
|
{
|
|
224
224
|
onMouseEnter: N,
|
|
@@ -235,7 +235,7 @@ const bs = () => {
|
|
|
235
235
|
i("add-blocks");
|
|
236
236
|
},
|
|
237
237
|
size: "sm",
|
|
238
|
-
variant:
|
|
238
|
+
variant: r === "add-blocks" ? "default" : "outline",
|
|
239
239
|
children: /* @__PURE__ */ e.jsx(E, { className: "text-xl" })
|
|
240
240
|
}
|
|
241
241
|
),
|
|
@@ -244,7 +244,7 @@ const bs = () => {
|
|
|
244
244
|
{
|
|
245
245
|
onClick: () => i("layers"),
|
|
246
246
|
size: "sm",
|
|
247
|
-
variant:
|
|
247
|
+
variant: r === "layers" ? "default" : "outline",
|
|
248
248
|
children: /* @__PURE__ */ e.jsx(C, { className: "w-4" })
|
|
249
249
|
}
|
|
250
250
|
),
|
|
@@ -253,18 +253,18 @@ const bs = () => {
|
|
|
253
253
|
{
|
|
254
254
|
onClick: () => i("branding-options"),
|
|
255
255
|
size: "sm",
|
|
256
|
-
variant:
|
|
256
|
+
variant: r === "branding-options" ? "default" : "outline",
|
|
257
257
|
children: /* @__PURE__ */ e.jsx(V, { className: "w-4 max-w-[40px] text-xs" })
|
|
258
258
|
}
|
|
259
259
|
),
|
|
260
260
|
p.Children.toArray(
|
|
261
|
-
|
|
261
|
+
a.map(({ name: l, icon: s }) => /* @__PURE__ */ e.jsx(f, { fallback: /* @__PURE__ */ e.jsx(T, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(
|
|
262
262
|
j,
|
|
263
263
|
{
|
|
264
264
|
onClick: () => i(l),
|
|
265
265
|
size: "sm",
|
|
266
266
|
className: "w-10",
|
|
267
|
-
variant:
|
|
267
|
+
variant: r === l ? "default" : "outline",
|
|
268
268
|
children: /* @__PURE__ */ e.jsx(s, {})
|
|
269
269
|
}
|
|
270
270
|
) }))
|
|
@@ -277,7 +277,7 @@ const bs = () => {
|
|
|
277
277
|
/* @__PURE__ */ e.jsx(
|
|
278
278
|
"div",
|
|
279
279
|
{
|
|
280
|
-
className: `fixed left-14 z-[50] h-full w-96 border-r bg-background duration-500 ease-in-out ${
|
|
280
|
+
className: `fixed left-14 z-[50] h-full w-96 border-r bg-background duration-500 ease-in-out ${r !== "layers" ? "translate-x-0" : "-translate-x-full"}`,
|
|
281
281
|
children: /* @__PURE__ */ e.jsx(
|
|
282
282
|
f,
|
|
283
283
|
{
|
|
@@ -289,7 +289,7 @@ const bs = () => {
|
|
|
289
289
|
children: /* @__PURE__ */ e.jsx(
|
|
290
290
|
"div",
|
|
291
291
|
{
|
|
292
|
-
className: fe("relative h-full max-h-[93%] bg-background p-1",
|
|
292
|
+
className: fe("relative h-full max-h-[93%] bg-background p-1", r === "layers" ? "" : "z-[100]"),
|
|
293
293
|
onMouseEnter: () => {
|
|
294
294
|
m && clearTimeout(m);
|
|
295
295
|
},
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var k=Object.create;var N=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var A=(r,o,i,u)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of P(o))!D.call(r,l)&&l!==i&&N(r,l,{get:()=>o[l],enumerable:!(u=C(o,l))||u.enumerable});return r};var T=(r,o,i)=>(i=r!=null?k(S(r)):{},A(o||!r||!r.__esModule?N(i,"default",{value:r,enumerable:!0}):i,r));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-WUGKV8jN.cjs"),q=require("@radix-ui/react-icons"),n=require("react"),y=require("jotai"),x=require("./lodash-2us0VT8I.cjs"),s=require("./index-d55M5MRz.cjs"),v=require("lucide-react"),B=require("@chaibuilder/runtime"),z=require("./index-1Dr-VtaT.cjs"),K=require("./utils-37UXq2O5.cjs");require("./MODIFIERS-WFzDQfiT.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");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("flat-to-nested");require("redux-undo");require("@react-hookz/web");require("react-i18next");require("i18next");require("clsx");require("@floating-ui/react-dom");require("react-textarea-autosize");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("sonner");require("./html-to-json-aAZkA0f5.cjs");require("himalaya");require("tailwind-merge");const I=n.lazy(()=>import("react-json-view")),V=({provider:r,onClose:o})=>{const[i,u]=n.useState(null);return n.useEffect(()=>{r&&(r.mockFn?r.mockFn:r.dataFn)().then(d=>u(d))},[r]),r?e.jsxRuntimeExports.jsx(s.Dialog,{onOpenChange:l=>l?"":o(),defaultOpen:!0,children:e.jsxRuntimeExports.jsxs(s.DialogContent,{children:[e.jsxRuntimeExports.jsxs(s.DialogHeader,{children:[e.jsxRuntimeExports.jsxs(s.DialogTitle,{children:["Data Provider: ",r.name]}),e.jsxRuntimeExports.jsx(s.DialogDescription,{children:r.description})]}),e.jsxRuntimeExports.jsx(z.ErrorBoundary,{children:e.jsxRuntimeExports.jsx(I,{style:{maxHeight:"80vh",overflowY:"auto"},name:r.providerKey,enableClipboard:!1,displayObjectSize:!1,displayDataTypes:!1,src:i})})]})}):null};function L({children:r,name:o,onRemove:i}){return e.jsxRuntimeExports.jsxs(s.AlertDialog,{children:[e.jsxRuntimeExports.jsx(s.AlertDialogTrigger,{asChild:!0,children:r}),e.jsxRuntimeExports.jsxs(s.AlertDialogContent,{children:[e.jsxRuntimeExports.jsxs(s.AlertDialogHeader,{children:[e.jsxRuntimeExports.jsxs(s.AlertDialogTitle,{children:["Are you sure, you want to remove ",e.jsxRuntimeExports.jsx("span",{className:"text-blue-500",children:o})," provider?"]}),e.jsxRuntimeExports.jsx(s.AlertDialogDescription,{children:"Your data provider will be removed from this page and all added data binding will be not visible on blocks."})]}),e.jsxRuntimeExports.jsxs(s.AlertDialogFooter,{children:[e.jsxRuntimeExports.jsx(s.AlertDialogCancel,{children:"Cancel"}),e.jsxRuntimeExports.jsx(s.AlertDialogAction,{onClick:i,className:"bg-red-600 hover:bg-red-700",children:"Remove"})]})]})]})}const M=()=>{const r=n.useMemo(()=>B.getChaiDataProviders(),[]),[o,i]=s.usePageDataProviders(),[,u]=y.useAtom(s.pageSyncStateAtom),[l,d]=n.useState(x.filter(r,t=>x.map(o,"providerKey").includes(t.providerKey))),[j,f]=n.useState(""),[h,c]=n.useState(null),E=x.filter(r.map(t=>x.map(l,"providerKey").includes(t.providerKey)?null:{value:t.providerKey,label:t.name}),t=>!x.isNull(t)),g=t=>{const p=x.find(r,{providerKey:t});d(m=>[...m,p]),i(m=>[...m,{providerKey:p.providerKey,args:{}}]),f(""),u("UNSAVED")},R=t=>{d(p=>x.filter(p,m=>m.providerKey!==t.providerKey)),i(p=>x.filter(p,m=>m.providerKey!==t.providerKey)),u("UNSAVED")},a=t=>c(t);return x.isEmpty(r)?e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs("p",{className:"text-gray-500 mb-1.5 text-xs p-4",children:["You have no data providers registered. Please add a data provider to your project. ",e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("a",{className:"text-blue-500",href:"https://chaibuilder.com/docs/registering-data-providers",target:"_blank",children:"Learn more"})]})}):e.jsxRuntimeExports.jsxs("div",{className:"px-1",children:[e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("label",{children:e.jsxRuntimeExports.jsx("p",{className:"text-gray-500 mb-1.5 text-xs",children:"Add data providers:"})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-1",children:e.jsxRuntimeExports.jsxs(s.Select,{value:j,onValueChange:t=>g(t),children:[e.jsxRuntimeExports.jsx(s.SelectTrigger,{className:"w-full",children:e.jsxRuntimeExports.jsx(s.SelectValue,{placeholder:"Select a provider"})}),e.jsxRuntimeExports.jsxs(s.SelectContent,{children:[e.jsxRuntimeExports.jsx(s.SelectItem,{value:"",children:"Choose"}),E.map(t=>e.jsxRuntimeExports.jsx(s.SelectItem,{value:t.value,children:t.label},t.value))]})]})}),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsxs("div",{className:`border-t ${l.length?"block":"hidden"}`,children:[e.jsxRuntimeExports.jsx("p",{className:"text-gray-500 pt-4 pb-1.5 text-xs flex-1 font-medium",children:"Page data providers:"}),e.jsxRuntimeExports.jsx("div",{className:"space-y-2",children:l.map(t=>e.jsxRuntimeExports.jsxs("div",{className:"rounded-lg border bg-card text-card-foreground shadow-sm w-full","data-v0-t":"card",children:[e.jsxRuntimeExports.jsx("div",{className:"flex flex-col space-y-1.5 px-4 pt-4",children:e.jsxRuntimeExports.jsx("div",{className:"flex justify-between items-center",children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("h3",{className:"font-medium leading-4",children:t.name}),e.jsxRuntimeExports.jsx("p",{className:"text-xs text-gray-400 pt-1",children:t.description})]})})}),e.jsxRuntimeExports.jsxs("div",{className:"items-center p-2 py-2 flex justify-between",children:[e.jsxRuntimeExports.jsxs("button",{onClick:()=>a(t),className:"inline-flex items-center justify-center text-xs font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 underline-offset-4 hover:underline h-9 rounded-md px-3 text-blue-500",children:[e.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",className:"w-4 h-4 mr-2",children:[e.jsxRuntimeExports.jsx("path",{d:"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"}),e.jsxRuntimeExports.jsx("circle",{cx:"12",cy:"12",r:"3"})]}),"View Data"]}),e.jsxRuntimeExports.jsx(L,{onRemove:()=>R(t),name:t.name,children:e.jsxRuntimeExports.jsxs("button",{className:"inline-flex items-center justify-center text-xs font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 underline-offset-4 hover:underline h-9 rounded-md px-3 text-red-500",children:[e.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",className:"w-4 h-4 mr-2",children:[e.jsxRuntimeExports.jsx("path",{d:"M3 6h18"}),e.jsxRuntimeExports.jsx("path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"}),e.jsxRuntimeExports.jsx("path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"})]}),"Remove"]})})]})]},t.providerKey))}),e.jsxRuntimeExports.jsx(V,{onClose:()=>c(null),provider:h})]})]})},H=n.lazy(()=>Promise.resolve().then(()=>require("./AddBlocks-AG_J7s2Z.cjs"))),b=n.lazy(()=>Promise.resolve().then(()=>require("./Layers-YyBChBtg.cjs"))),F=n.lazy(()=>Promise.resolve().then(()=>require("./BrandingOptions-xBuqDpj0.cjs"))),O=n.lazy(()=>Promise.resolve().then(()=>require("./index-d55M5MRz.cjs")).then(r=>r.ImagesPanel));let w=null;const Y=()=>{const r=s.useBuilderProp("sideBarComponents.top",[]),o=s.useBuilderProp("sideBarComponents.bottom",[]),[i,u]=y.useAtom(s.activePanelAtom),[l,d]=n.useState(i),[j,f]=n.useState(null),h={"add-blocks":H,layers:b,"branding-options":F,images:O};x.forEach(r,({name:a,panel:t})=>{h[a]=t});const c=a=>{clearTimeout(w),E(!1),i!=="layers"&&a==="layers"?w=setTimeout(()=>d("layers"),500):d(a),u(a)},[,E]=y.useAtom(s.addBlocksModalAtom),g=s.useBuilderProp("dataBindingSupport",!1);function R(){const a=setTimeout(()=>{j&&(c("layers"),clearTimeout(j))},500);f(a)}return e.jsxRuntimeExports.jsxs("div",{className:"relative flex ",children:[i!=="layers"?e.jsxRuntimeExports.jsx("div",{onMouseEnter:R,onClick:()=>c("layers"),className:"fixed inset-0 bg-black/20 z-[50]"}):null,e.jsxRuntimeExports.jsxs("div",{className:"z-[100] flex h-full w-fit flex-col items-center justify-between border-b border-r border-border bg-background pt-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"relative z-[100] flex w-14 flex-col items-center space-y-2",children:[e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>{c("add-blocks")},size:"sm",variant:i==="add-blocks"?"default":"outline",children:e.jsxRuntimeExports.jsx(q.PlusIcon,{className:"text-xl"})}),e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>c("layers"),size:"sm",variant:i==="layers"?"default":"outline",children:e.jsxRuntimeExports.jsx(v.ListTreeIcon,{className:"w-4"})}),e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>c("branding-options"),size:"sm",variant:i==="branding-options"?"default":"outline",children:e.jsxRuntimeExports.jsx(q.Half2Icon,{className:"w-4 max-w-[40px] text-xs"})}),n.Children.toArray(r.map(({name:a,icon:t})=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>c(a),size:"sm",className:"w-10",variant:i===a?"default":"outline",children:e.jsxRuntimeExports.jsx(t,{})})})))]}),e.jsxRuntimeExports.jsx("div",{className:"relative z-[100] flex w-14 flex-col items-center space-y-2",children:n.Children.toArray(o.map(a=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(a,{})})))})]}),e.jsxRuntimeExports.jsx("div",{className:`fixed left-14 z-[50] h-full w-96 border-r bg-background duration-500 ease-in-out ${i!=="layers"?"translate-x-0":"-translate-x-full"}`,children:e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsxs("div",{className:"flex animate-pulse flex-col gap-y-2 bg-white p-4",children:[e.jsxRuntimeExports.jsx("div",{className:"h-6 w-1/2 bg-gray-300"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"})]}),children:e.jsxRuntimeExports.jsx("div",{className:K.cn$1("relative h-full max-h-[93%] bg-background p-1",i==="layers"?"":"z-[100]"),onMouseEnter:()=>{j&&clearTimeout(j)},children:n.createElement(x.get(h,l,()=>e.jsxRuntimeExports.jsx("div",{})))})})}),e.jsxRuntimeExports.jsx("div",{className:"h-full w-60 border-r p-1",children:e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsxs("div",{className:"flex animate-pulse flex-col gap-y-2 p-4",children:[e.jsxRuntimeExports.jsx("div",{className:"h-6 w-1/2 bg-gray-300"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"})]}),children:g?e.jsxRuntimeExports.jsxs(s.Tabs,{defaultValue:"layers",className:"flex h-full w-full flex-col py-1",children:[e.jsxRuntimeExports.jsxs(s.TabsList,{className:"mx-1 h-10 grid grid-cols-2",children:[e.jsxRuntimeExports.jsxs(s.TabsTrigger,{value:"layers",children:[e.jsxRuntimeExports.jsx(v.ListTreeIcon,{className:"h-3 mr-2"})," Layers"]}),e.jsxRuntimeExports.jsxs(s.TabsTrigger,{value:"data-provider",children:[e.jsxRuntimeExports.jsx(v.DatabaseIcon,{className:"w-3 mr-2"}),"Data"]})]}),e.jsxRuntimeExports.jsx(s.TabsContent,{value:"layers",className:"no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden",children:n.createElement(b)}),e.jsxRuntimeExports.jsx(s.TabsContent,{value:"data-provider",className:"flex-1 overflow-y-auto overflow-x-hidden",children:e.jsxRuntimeExports.jsx(M,{})})]}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center bg-gray-200 rounded-md py-1",children:[e.jsxRuntimeExports.jsx(v.ListTreeIcon,{className:"h-4 mr-2 ml-2"})," Layers"]}),e.jsxRuntimeExports.jsx("div",{className:"no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden",children:n.createElement(b)})]})})})]})};exports.default=Y;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { j as e } from "./jsx-runtime-NV737rRe.js";
|
|
2
2
|
import o, { useMemo as m, Suspense as c } from "react";
|
|
3
3
|
import { FontFamilyIcon as x } from "@radix-ui/react-icons";
|
|
4
|
-
import { i as a, aq as d, ar as h, as as u, at as g, aB as j, aC as v, au as r, ag as f, aD as S, aE as b, aF as N, aG as C, S as p, aH as w } from "./index-
|
|
4
|
+
import { i as a, aq as d, ar as h, as as u, at as g, aB as j, aC as v, au as r, ag as f, aD as S, aE as b, aF as N, aG as C, S as p, aH as w } from "./index-0OqmBgqo.js";
|
|
5
5
|
import { useTranslation as y } from "react-i18next";
|
|
6
6
|
import "./MODIFIERS-MLfpKQY1.js";
|
|
7
7
|
import "@radix-ui/react-toggle";
|
|
8
8
|
import "class-variance-authority";
|
|
9
|
-
import "./utils-
|
|
10
|
-
import "lodash";
|
|
9
|
+
import "./utils-XsPKXMVo.js";
|
|
10
|
+
import "./lodash-3gkdNK5u.js";
|
|
11
11
|
import "clsx";
|
|
12
12
|
import "tailwind-merge";
|
|
13
13
|
import "@radix-ui/react-switch";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-WUGKV8jN.cjs"),n=require("react"),l=require("@radix-ui/react-icons"),r=require("./index-d55M5MRz.cjs"),a=require("react-i18next");require("./MODIFIERS-WFzDQfiT.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-37UXq2O5.cjs");require("./lodash-2us0VT8I.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("jotai");require("flat-to-nested");require("redux-undo");require("@chaibuilder/runtime");require("@react-hookz/web");const o=()=>r.useBuilderProp("languages",["en"]),c=()=>o().length===1?null:e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:e.jsxRuntimeExports.jsxs(r.Select,{children:[e.jsxRuntimeExports.jsx(r.SelectTrigger,{className:"w-[150px] border-0",children:e.jsxRuntimeExports.jsx(r.SelectValue,{placeholder:e.jsxRuntimeExports.jsxs("span",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx(l.FontFamilyIcon,{className:"h-4 w-4"})," English(US)"]})})}),e.jsxRuntimeExports.jsx(r.SelectContent,{children:e.jsxRuntimeExports.jsxs(r.SelectGroup,{children:[e.jsxRuntimeExports.jsx(r.SelectLabel,{children:"Fruits"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"apple",children:"Apple"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"banana",children:"Banana"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"blueberry",children:"Blueberry"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"grapes",children:"Grapes"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"pineapple",children:"Pineapple"})]})})]})}),p=()=>{const{savePage:i,syncState:s}=r.useSavePage(),{t:x}=a.useTranslation(),u=n.useMemo(()=>{switch(s){case"SAVING":return"animate-pulse bg-gray-500 text-gray-900";case"SAVED":return"bg-green-500 text-white hover:bg-green-600 hover:text-white";default:return"bg-gray-200 text-gray-500 hover:bg-gray-100"}},[s]);return e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:e.jsxRuntimeExports.jsxs(r.Tooltip,{children:[e.jsxRuntimeExports.jsx(r.TooltipTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs(r.Toggle,{onClick:t=>{t.preventDefault(),i()},className:`flex h-auto w-20 items-center gap-x-1 rounded-full p-1 px-2 ${u}`,size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx("svg",{fill:"currentColor",width:"16",height:"16",viewBox:"0 0 0.32 0.32",xmlns:"http://www.w3.org/2000/svg",children:e.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",d:"M.274.086a.02.02 0 0 1 0 .028l-.12.12a.02.02 0 0 1-.028 0l-.06-.06A.02.02 0 0 1 .094.146L.14.192.246.086a.02.02 0 0 1 .028 0Z"})}),s==="SAVING"?"Saving...":s==="SAVED"?x("Saved"):"Save"]})}),e.jsxRuntimeExports.jsx(r.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{children:s==="SAVING"?"Saving...":s==="SAVED"?"Saved":"Save changes"})})]})})},m=()=>{const i=r.useBuilderProp("topBarComponents.left",[]),s=r.useBuilderProp("topBarComponents.center",[]),x=r.useBuilderProp("topBarComponents.right",[]),u=r.useBuilderProp("editable",!0);return e.jsxRuntimeExports.jsxs("div",{className:"flex h-14 items-center justify-between px-2",children:[e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2 font-bold",children:n.Children.toArray(i.map(t=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(r.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(t,{})})))})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:n.Children.toArray(s.map(t=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(r.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(t,{})})))}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(c,{}),e.jsxRuntimeExports.jsx(r.Separator,{orientation:"vertical"}),u?e.jsxRuntimeExports.jsx(p,{}):null,n.Children.toArray(x.map(t=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(r.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(t,{})})))]})]})};exports.default=m;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-WUGKV8jN.cjs"),o=require("react"),l=require("./lodash-2us0VT8I.cjs"),C=require("@radix-ui/react-icons"),k=require("unsplash-js"),t=require("./index-d55M5MRz.cjs"),A=require("@react-hookz/web"),T=require("lucide-react");require("./MODIFIERS-WFzDQfiT.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-37UXq2O5.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("jotai");require("flat-to-nested");require("redux-undo");require("@chaibuilder/runtime");require("react-i18next");const g=async(d,E)=>new Promise((a,i)=>{k.createApi({accessKey:E}).search.getPhotos(d).then(c=>{a(c)}).catch(c=>i(c))}),z=({isModalView:d,onSelect:E})=>{const a=t.useBuilderProp("unsplashAccessKey",""),[i,f]=o.useState([]),[c,q]=o.useState(0),[u,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 n=c+1;s&&(s.preventDefault(),n=1),m(!0),q(n);const p={query:j,page:n};u&&(p.orientation=u),x&&(p.color=x),g(p,a).then(r=>{var y,v,N;f(n===1?((y=r==null?void 0:r.response)==null?void 0:y.results)||[]:[...i,...((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};u&&(s.orientation=u),x&&(s.color=x),q(1),g(s,a).then(n=>{var p,r;f(((p=n==null?void 0:n.response)==null?void 0:p.results)||[]),R((r=n==null?void 0:n.response)==null?void 0:r.total_pages),m(!1)}).catch(()=>{m(!1)})}},[u,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:u,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(i)?"-mx-2 flex flex-wrap px-2":"-mx-2 flex flex-col pb-8 pt-2"}`,children:[l.isEmpty(i)&&!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:i.map(s=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"my-1 flex",onClick:()=>E(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))}):i.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(i)&&c<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=g;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { j as e } from "./jsx-runtime-NV737rRe.js";
|
|
2
2
|
import { useState as p, useEffect as D } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { a as d, O as E } from "./lodash-3gkdNK5u.js";
|
|
4
4
|
import { MixerHorizontalIcon as L } from "@radix-ui/react-icons";
|
|
5
5
|
import { createApi as B } from "unsplash-js";
|
|
6
|
-
import { i as F, bl as K, b0 as
|
|
6
|
+
import { i as F, bl as K, b0 as O, b1 as U, b2 as V, aq as P, ar as C, as as S, at as I, au as h, bo as Q, B as H } from "./index-0OqmBgqo.js";
|
|
7
7
|
import { useDebouncedState as R } from "@react-hookz/web";
|
|
8
8
|
import { Loader as $ } from "lucide-react";
|
|
9
9
|
import "./MODIFIERS-MLfpKQY1.js";
|
|
10
10
|
import "@radix-ui/react-toggle";
|
|
11
11
|
import "class-variance-authority";
|
|
12
|
-
import "./utils-
|
|
12
|
+
import "./utils-XsPKXMVo.js";
|
|
13
13
|
import "clsx";
|
|
14
14
|
import "tailwind-merge";
|
|
15
15
|
import "@radix-ui/react-switch";
|
|
@@ -91,10 +91,10 @@ const k = async (x, g) => new Promise((o, r) => {
|
|
|
91
91
|
onChange: (s) => T(s.target.value)
|
|
92
92
|
}
|
|
93
93
|
),
|
|
94
|
-
/* @__PURE__ */ e.jsxs(
|
|
95
|
-
/* @__PURE__ */ e.jsx(
|
|
94
|
+
/* @__PURE__ */ e.jsxs(O, { children: [
|
|
95
|
+
/* @__PURE__ */ e.jsx(U, { asChild: !0, className: "h-full w-10 cursor-pointer p-2.5 hover:bg-slate-200", children: /* @__PURE__ */ e.jsx(L, {}) }),
|
|
96
96
|
/* @__PURE__ */ e.jsx(
|
|
97
|
-
|
|
97
|
+
V,
|
|
98
98
|
{
|
|
99
99
|
side: x ? "bottom" : "right",
|
|
100
100
|
className: "z-[9999] flex w-max items-center justify-center",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-WUGKV8jN.cjs"),r=require("react"),l=require("./lodash-2us0VT8I.cjs"),d=require("@radix-ui/react-icons"),q=require("jotai"),m=require("./index-d55M5MRz.cjs");require("./MODIFIERS-WFzDQfiT.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-37UXq2O5.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("flat-to-nested");require("redux-undo");require("@chaibuilder/runtime");require("@react-hookz/web");require("react-i18next");const N=q.atom([]),I=({isModalView:t,onSelect:a})=>{const E=m.useBuilderProp("uploadMediaCallback",()=>""),p=m.useBuilderProp("fetchMediaCallback",()=>[]),[i,u]=q.useAtom(N),[n,j]=r.useState(!1),[h,f]=r.useState(!1),[x,c]=r.useState(),[g,R]=r.useState("");r.useEffect(()=>{(async()=>{f(!0);const s=await p();u(s||[]),f(!1)})()},[]);const v=s=>{var o,b;s&&((b=(o=s==null?void 0:s.target)==null?void 0:o.files)==null?void 0:b.length)>0&&c(s.target.files[0])},y=async()=>{j(!0);try{const{url:s}=await E(x);a(s),c(void 0);const o=await p();u(o)}catch(s){u([]),R((s==null?void 0:s.message)||"Something went wrong.")}j(!1)};return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[x?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(x),alt:"",className:"h-auto w-full max-w-sm rounded-md max-h-96 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(d.GearIcon,{className:"animate-spin"}):e.jsxRuntimeExports.jsx(d.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:()=>c(void 0),children:[e.jsxRuntimeExports.jsx(d.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(m.ScrollArea,{className:`-mx-2 flex h-full flex-col pb-8 pt-2 ${t?"px-2":""} pt-2`,children:[l.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..."})}),l.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:l.map(i,s=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"my-1 flex",onClick:()=>a(s.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:s.name,src:s.thumbUrl})})},s.id))}):l.map(i,s=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"px-2 py-1",onClick:()=>a(s.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:s.name,src:s.url})})},s.id))]})]})};exports.default=I;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { j as e } from "./jsx-runtime-NV737rRe.js";
|
|
2
2
|
import { useState as a, useEffect as w } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { a as g, d as b } from "./lodash-3gkdNK5u.js";
|
|
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 { i as j, bo as A } from "./index-
|
|
6
|
+
import { i as j, bo as A } from "./index-0OqmBgqo.js";
|
|
7
7
|
import "./MODIFIERS-MLfpKQY1.js";
|
|
8
8
|
import "@radix-ui/react-toggle";
|
|
9
9
|
import "class-variance-authority";
|
|
10
|
-
import "./utils-
|
|
10
|
+
import "./utils-XsPKXMVo.js";
|
|
11
11
|
import "clsx";
|
|
12
12
|
import "tailwind-merge";
|
|
13
13
|
import "@radix-ui/react-switch";
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { j as t } from "./jsx-runtime-NV737rRe.js";
|
|
2
2
|
import { useState as c } from "react";
|
|
3
|
-
import {
|
|
4
|
-
import { al as b, B as u, ak as C, ba as A } from "./index-
|
|
3
|
+
import { a0 as j } from "./lodash-3gkdNK5u.js";
|
|
4
|
+
import { al as b, B as u, ak as C, ba as A } from "./index-0OqmBgqo.js";
|
|
5
5
|
import { u as g } from "./controls-G0puEH71.js";
|
|
6
|
-
import { F as D } from "./form-
|
|
7
|
-
import { g as N } from "./index-
|
|
6
|
+
import { F as D } from "./form-irY39wvJ.js";
|
|
7
|
+
import { g as N } from "./index-CQz6j3ex.js";
|
|
8
8
|
import "./MODIFIERS-MLfpKQY1.js";
|
|
9
9
|
import "@radix-ui/react-toggle";
|
|
10
10
|
import "class-variance-authority";
|
|
11
|
-
import "./utils-
|
|
11
|
+
import "./utils-XsPKXMVo.js";
|
|
12
12
|
import "clsx";
|
|
13
13
|
import "tailwind-merge";
|
|
14
14
|
import "@radix-ui/react-switch";
|
|
@@ -39,6 +39,7 @@ import "redux-undo";
|
|
|
39
39
|
import "@chaibuilder/runtime";
|
|
40
40
|
import "@react-hookz/web";
|
|
41
41
|
import "react-i18next";
|
|
42
|
+
import "lodash";
|
|
42
43
|
import "@rjsf/core";
|
|
43
44
|
import "@rjsf/validator-ajv8";
|
|
44
45
|
import "i18next";
|
|
@@ -49,11 +50,11 @@ import "react-dnd";
|
|
|
49
50
|
import "@minoru/react-dnd-treeview";
|
|
50
51
|
import "react-hotkeys-hook";
|
|
51
52
|
import "sonner";
|
|
52
|
-
import "./html-to-json-
|
|
53
|
+
import "./html-to-json-Y5M0N8PH.js";
|
|
53
54
|
import "himalaya";
|
|
54
55
|
import "lucide-react";
|
|
55
56
|
const S = ({ closeModal: e }) => {
|
|
56
|
-
var
|
|
57
|
+
var p, s;
|
|
57
58
|
const i = N(), [o, f] = c({
|
|
58
59
|
name: "",
|
|
59
60
|
slug: "",
|
|
@@ -66,10 +67,10 @@ const S = ({ closeModal: e }) => {
|
|
|
66
67
|
}, h = ({ formData: m }, r) => {
|
|
67
68
|
f((l) => {
|
|
68
69
|
var n, d;
|
|
69
|
-
const
|
|
70
|
-
return r === "name" ?
|
|
70
|
+
const a = { [r]: m[r] };
|
|
71
|
+
return r === "name" ? a.slug = j((n = m[r]) == null ? void 0 : n.replace(/\d/g, "")) : r === "slug" && (a.slug = (d = m[r]) == null ? void 0 : d.replace(/\d/g, "").replace(/\s+/g, "").replace("--", "-").replace("__", "_")), {
|
|
71
72
|
...l,
|
|
72
|
-
...
|
|
73
|
+
...a
|
|
73
74
|
};
|
|
74
75
|
});
|
|
75
76
|
}, P = {
|
|
@@ -86,13 +87,13 @@ const S = ({ closeModal: e }) => {
|
|
|
86
87
|
u,
|
|
87
88
|
{
|
|
88
89
|
type: "submit",
|
|
89
|
-
disabled: !o.name || !o.slug || ((
|
|
90
|
+
disabled: !o.name || !o.slug || ((p = o.name) == null ? void 0 : p.length) < 2 || ((s = o.slug) == null ? void 0 : s.length) < 2 || i.isPending,
|
|
90
91
|
onClick: x,
|
|
91
92
|
children: "Add Page"
|
|
92
93
|
}
|
|
93
94
|
) })
|
|
94
95
|
] });
|
|
95
|
-
},
|
|
96
|
+
}, Mt = () => {
|
|
96
97
|
const [e, i] = c(!1);
|
|
97
98
|
return /* @__PURE__ */ t.jsxs(C, { open: e, onOpenChange: () => i(!e), children: [
|
|
98
99
|
/* @__PURE__ */ t.jsx(A, { asChild: !0, children: /* @__PURE__ */ t.jsx(u, { size: "sm", variant: "link", className: "text-blue-500", onClick: () => i(!e), children: "+ New Page" }) }),
|
|
@@ -100,5 +101,5 @@ const S = ({ closeModal: e }) => {
|
|
|
100
101
|
] });
|
|
101
102
|
};
|
|
102
103
|
export {
|
|
103
|
-
|
|
104
|
+
Mt as default
|
|
104
105
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-WUGKV8jN.cjs"),x=require("react"),P=require("./lodash-2us0VT8I.cjs"),t=require("./index-d55M5MRz.cjs"),g=require("./controls-aHZq-q4b.cjs"),R=require("./form-6qGAOYI3.cjs"),f=require("./index-1Dr-VtaT.cjs");require("./MODIFIERS-WFzDQfiT.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-37UXq2O5.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("jotai");require("flat-to-nested");require("redux-undo");require("@chaibuilder/runtime");require("@react-hookz/web");require("react-i18next");require("lodash");require("@rjsf/core");require("@rjsf/validator-ajv8");require("i18next");require("@floating-ui/react-dom");require("react-textarea-autosize");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("sonner");require("./html-to-json-aAZkA0f5.cjs");require("himalaya");require("lucide-react");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.u({title:"Page Name",default:r.name}),slug:g.u({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"})})]})},C=()=>{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=C;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-WUGKV8jN.cjs"),r=require("./index-d55M5MRz.cjs");require("./MODIFIERS-WFzDQfiT.cjs");require("react");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-37UXq2O5.cjs");require("./lodash-2us0VT8I.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("jotai");require("flat-to-nested");require("redux-undo");require("@chaibuilder/runtime");require("@react-hookz/web");require("react-i18next");const x=({open:t,onCancel:q=()=>{},onConfirm:s,title:n,description:i,disabled:u,cancelText:l="Discard",confirmText:o="Save"})=>e.jsxRuntimeExports.jsx(r.AlertDialog,{open:t,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:q,children:l}),e.jsxRuntimeExports.jsx(r.Button,{variant:"default",onClick:s,disabled:u,children:o})]})]})});exports.default=x;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { j as i } from "./jsx-runtime-NV737rRe.js";
|
|
2
|
-
import { D as a, F as n, H as c, I as x, K as j, B as d } from "./index-
|
|
2
|
+
import { D as a, F as n, H as c, I as x, K as j, B as d } from "./index-0OqmBgqo.js";
|
|
3
3
|
import "./MODIFIERS-MLfpKQY1.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "@radix-ui/react-toggle";
|
|
6
6
|
import "class-variance-authority";
|
|
7
|
-
import "./utils-
|
|
8
|
-
import "lodash";
|
|
7
|
+
import "./utils-XsPKXMVo.js";
|
|
8
|
+
import "./lodash-3gkdNK5u.js";
|
|
9
9
|
import "clsx";
|
|
10
10
|
import "tailwind-merge";
|
|
11
11
|
import "@radix-ui/react-switch";
|
package/dist/core.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-1Dr-VtaT.cjs"),e=require("./index-d55M5MRz.cjs"),u=require("react-i18next");require("i18next");require("./jsx-runtime-WUGKV8jN.cjs");require("./MODIFIERS-WFzDQfiT.cjs");require("react");require("clsx");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("react-textarea-autosize");require("jotai");require("flagged");require("react-dnd");require("./lodash-2us0VT8I.cjs");require("@minoru/react-dnd-treeview");require("./utils-37UXq2O5.cjs");require("tailwind-merge");require("react-hotkeys-hook");require("@chaibuilder/runtime");require("@radix-ui/react-icons");require("sonner");require("./html-to-json-aAZkA0f5.cjs");require("himalaya");require("lucide-react");require("@radix-ui/react-toggle");require("class-variance-authority");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("flat-to-nested");require("redux-undo");require("@react-hookz/web");exports.ChaiBuilderEditor=s.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.useBrandingOptions=e.useBrandingOptions;exports.useBuilderProp=e.useBuilderProp;exports.useBuilderReset=e.useBuilderReset;exports.useBuildingBlocks=e.useBuildingBlocks;exports.useCanvasHistory=e.useCanvasHistory;exports.useCanvasWidth=e.useCanvasWidth;exports.useCanvasZoom=e.useCanvasZoom;exports.useCopyBlockIds=e.useCopyBlockIds;exports.useCurrentPage=e.useCurrentPage;exports.useCutBlockIds=e.useCutBlockIds;exports.useDarkMode=e.useDarkMode;exports.useDeveloperPreviewMode=e.useDeveloperPreviewMode;exports.useDuplicateBlocks=e.useDuplicateBlocks;exports.useFeatureSupport=e.useFeatureSupport;exports.useGetPageData=e.useGetPageData;exports.useHiddenBlockIds=e.useHiddenBlockIds;exports.useHighlightBlockId=e.useHighlightBlockId;exports.useMarkAsGlobalBlock=e.useMarkAsGlobalBlock;exports.useMoveBlocks=e.useMoveBlocks;exports.usePasteBlocks=e.usePasteBlocks;exports.usePreviewMode=e.usePreviewMode;exports.useProject=e.useProject;exports.useReadOnlyMode=e.useReadOnlyMode;exports.useRemoveBlocks=e.useRemoveBlocks;exports.useRemoveClassesFromBlocks=e.useRemoveClassesFromBlocks;exports.useSavePage=e.useSavePage;exports.useSelectedBlock=e.useSelectedBlock;exports.useSelectedBlockAllClasses=e.useSelectedBlockAllClasses;exports.useSelectedBlockCurrentClasses=e.useSelectedBlockCurrentClasses;exports.useSelectedBlockIds=e.useSelectedBlockIds;exports.useSelectedBlocksDisplayChild=e.useSelectedBlocksDisplayChild;exports.useSelectedBreakpoints=e.useSelectedBreakpoints;exports.useSelectedStylingBlocks=e.useSelectedStylingBlocks;exports.useSetAllBlocks=e.useSetAllBlocks;exports.useStylingBreakpoint=e.useStylingBreakpoint;exports.useStylingState=e.useStylingState;exports.useTranslations=e.useTranslations;exports.useTreeData=e.useTreeData;exports.useUILibraryBlocks=e.useUILibraryBlocks;exports.useUpdateBlocksProps=e.useUpdateBlocksProps;exports.useUpdateBlocksPropsRealtime=e.useUpdateBlocksPropsRealtime;Object.defineProperty(exports,"useTranslation",{enumerable:!0,get:()=>u.useTranslation});
|
package/dist/core.d.ts
CHANGED
|
@@ -160,17 +160,7 @@ export declare const useAllBlocks: () => ChaiBlock[];
|
|
|
160
160
|
/**
|
|
161
161
|
* Wrapper around useAtom
|
|
162
162
|
*/
|
|
163
|
-
export declare const useBrandingOptions: () => readonly [
|
|
164
|
-
bodyFont: string;
|
|
165
|
-
headingFont: string;
|
|
166
|
-
roundedCorners: number;
|
|
167
|
-
primaryColor: string;
|
|
168
|
-
secondaryColor: string;
|
|
169
|
-
bodyBgDarkColor: string;
|
|
170
|
-
bodyBgLightColor: string;
|
|
171
|
-
bodyTextDarkColor: string;
|
|
172
|
-
bodyTextLightColor: string;
|
|
173
|
-
}, (...args: unknown[]) => unknown];
|
|
163
|
+
export declare const useBrandingOptions: () => readonly [any, (args_0: any) => void];
|
|
174
164
|
|
|
175
165
|
export declare const useBuilderProp: (propKey: string, defaultValue?: any) => any;
|
|
176
166
|
|
|
@@ -216,12 +206,12 @@ export declare const useDeveloperPreviewMode: () => [boolean, Function];
|
|
|
216
206
|
*/
|
|
217
207
|
export declare const useDuplicateBlocks: () => Function;
|
|
218
208
|
|
|
219
|
-
export declare const useFeatureSupport: (feature: string, defaultValue: boolean) =>
|
|
209
|
+
export declare const useFeatureSupport: (feature: string, defaultValue: boolean) => any;
|
|
220
210
|
|
|
221
211
|
export declare const useGetPageData: () => () => {
|
|
222
212
|
currentPage: unknown;
|
|
223
|
-
blocks:
|
|
224
|
-
globalBlocks:
|
|
213
|
+
blocks: any;
|
|
214
|
+
globalBlocks: any;
|
|
225
215
|
};
|
|
226
216
|
|
|
227
217
|
export declare const useHiddenBlockIds: () => (string[] | ((args_0: string[] | ((prev: string[]) => string[])) => void) | ((blockId: string) => void))[];
|
|
@@ -269,7 +259,7 @@ export declare const useSavePage: () => {
|
|
|
269
259
|
*/
|
|
270
260
|
export declare const useSelectedBlock: () => string | {
|
|
271
261
|
type: string;
|
|
272
|
-
id: any
|
|
262
|
+
id: any;
|
|
273
263
|
};
|
|
274
264
|
|
|
275
265
|
export declare const useSelectedBlockAllClasses: () => Array<ClassDerivedObject>;
|
package/dist/core.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { k as $ } from "./index-
|
|
2
|
-
import { N as z, af as J, O as K, ah as ss, P as es, ae as as, x as os, i as ts, y as rs, Q as is, p as ps, R as ls, U as us, k as ms, V as cs, n as ds, W as Bs, X as ks, m as ns, L as Ss, Y as Cs, Z as Ps, _ as vs, $ as gs, a0 as ys, o as As, h as Ms, a1 as hs, M as Ds, l as Is, a3 as Rs, ag as fs, a6 as xs, a5 as Ts, a4 as Us, j as bs, ad as js, ai as ws, aj as Hs, w as Os, a7 as Fs, a9 as Gs, a2 as Ls, aa as Ws, a8 as Zs, ab as Es, ac as Ns } from "./index-
|
|
1
|
+
import { k as $ } from "./index-CQz6j3ex.js";
|
|
2
|
+
import { N as z, af as J, O as K, ah as ss, P as es, ae as as, x as os, i as ts, y as rs, Q as is, p as ps, R as ls, U as us, k as ms, V as cs, n as ds, W as Bs, X as ks, m as ns, L as Ss, Y as Cs, Z as Ps, _ as vs, $ as gs, a0 as ys, o as As, h as Ms, a1 as hs, M as Ds, l as Is, a3 as Rs, ag as fs, a6 as xs, a5 as Ts, a4 as Us, j as bs, ad as js, ai as ws, aj as Hs, w as Os, a7 as Fs, a9 as Gs, a2 as Ls, aa as Ws, a8 as Zs, ab as Es, ac as Ns } from "./index-0OqmBgqo.js";
|
|
3
3
|
import { useTranslation as Vs } from "react-i18next";
|
|
4
4
|
import "i18next";
|
|
5
5
|
import "./jsx-runtime-NV737rRe.js";
|
|
@@ -13,15 +13,15 @@ import "react-textarea-autosize";
|
|
|
13
13
|
import "jotai";
|
|
14
14
|
import "flagged";
|
|
15
15
|
import "react-dnd";
|
|
16
|
-
import "lodash";
|
|
16
|
+
import "./lodash-3gkdNK5u.js";
|
|
17
17
|
import "@minoru/react-dnd-treeview";
|
|
18
|
-
import "./utils-
|
|
18
|
+
import "./utils-XsPKXMVo.js";
|
|
19
19
|
import "tailwind-merge";
|
|
20
20
|
import "react-hotkeys-hook";
|
|
21
21
|
import "@chaibuilder/runtime";
|
|
22
22
|
import "@radix-ui/react-icons";
|
|
23
23
|
import "sonner";
|
|
24
|
-
import "./html-to-json-
|
|
24
|
+
import "./html-to-json-Y5M0N8PH.js";
|
|
25
25
|
import "himalaya";
|
|
26
26
|
import "lucide-react";
|
|
27
27
|
import "@radix-ui/react-toggle";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-WUGKV8jN.cjs"),r=require("./index-d55M5MRz.cjs"),l=require("./index-1Dr-VtaT.cjs"),q=require("@radix-ui/react-icons");require("./MODIFIERS-WFzDQfiT.cjs");require("react");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-37UXq2O5.cjs");require("./lodash-2us0VT8I.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("jotai");require("flat-to-nested");require("redux-undo");require("@chaibuilder/runtime");require("@react-hookz/web");require("react-i18next");require("i18next");require("@floating-ui/react-dom");require("react-textarea-autosize");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("sonner");require("./html-to-json-aAZkA0f5.cjs");require("himalaya");require("lucide-react");const d=({pageData:i,projectData:t})=>{const n={},u=l.useDeletePage(),s=i.uuid===t.homepage,o=()=>{u.mutate(i,{onSuccess:()=>{n({uuid:t.homepage,slug:"/home"})}})};return e.jsxRuntimeExports.jsxs(r.AlertDialog,{children:[e.jsxRuntimeExports.jsx(r.AlertDialogTrigger,{disabled:s,children:e.jsxRuntimeExports.jsx("div",{className:`flex h-full items-center justify-center rounded-md border px-2 py-2 font-medium hover:bg-red-400 hover:text-white ${s?"cursor-not-allowed border-red-200 text-red-200":"cursor-pointer border-red-400 text-red-400"}`,children:e.jsxRuntimeExports.jsx(q.TrashIcon,{})})}),e.jsxRuntimeExports.jsxs(r.AlertDialogContent,{children:[e.jsxRuntimeExports.jsxs(r.AlertDialogTitle,{children:["Are you sure you want to delete ",e.jsxRuntimeExports.jsx("i",{className:"text-red-500",children:i.name})," page?"]}),e.jsxRuntimeExports.jsx(r.AlertDialogDescription,{children:"This action cannot be undone. This will permanently delete your page."}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-end gap-x-3",children:[e.jsxRuntimeExports.jsx(r.AlertDialogCancel,{disabled:u.isPending,children:"Cancel"}),e.jsxRuntimeExports.jsx(r.Button,{variant:"destructive",onClick:o,disabled:u.isPending,children:"Yes, Delete"})]})]})]})};exports.default=d;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { j as e } from "./jsx-runtime-NV737rRe.js";
|
|
2
|
-
import { D as p, E as l, F as n, H as d, I as a, K as c, B as u } from "./index-
|
|
3
|
-
import { j as x } from "./index-
|
|
2
|
+
import { D as p, E as l, F as n, H as d, I as a, K as c, B as u } from "./index-0OqmBgqo.js";
|
|
3
|
+
import { j as x } from "./index-CQz6j3ex.js";
|
|
4
4
|
import { TrashIcon as h } from "@radix-ui/react-icons";
|
|
5
5
|
import "./MODIFIERS-MLfpKQY1.js";
|
|
6
6
|
import "react";
|
|
7
7
|
import "@radix-ui/react-toggle";
|
|
8
8
|
import "class-variance-authority";
|
|
9
|
-
import "./utils-
|
|
10
|
-
import "lodash";
|
|
9
|
+
import "./utils-XsPKXMVo.js";
|
|
10
|
+
import "./lodash-3gkdNK5u.js";
|
|
11
11
|
import "clsx";
|
|
12
12
|
import "tailwind-merge";
|
|
13
13
|
import "@radix-ui/react-switch";
|
|
@@ -45,7 +45,7 @@ import "react-dnd";
|
|
|
45
45
|
import "@minoru/react-dnd-treeview";
|
|
46
46
|
import "react-hotkeys-hook";
|
|
47
47
|
import "sonner";
|
|
48
|
-
import "./html-to-json-
|
|
48
|
+
import "./html-to-json-Y5M0N8PH.js";
|
|
49
49
|
import "himalaya";
|
|
50
50
|
import "lucide-react";
|
|
51
51
|
const ce = ({ pageData: r, projectData: i }) => {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const d=require("./jsx-runtime-WUGKV8jN.cjs"),y=require("@rjsf/core"),E=require("@rjsf/validator-ajv8"),i=require("./lodash-2us0VT8I.cjs"),f=require("./index-d55M5MRz.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.head(a.split("."));s&&j&&u({...t},j)};return d.jsxRuntimeExports.jsxs(d.jsxRuntimeExports.Fragment,{children:[c&&d.jsxRuntimeExports.jsx("h1",{className:"px-1 text-sm font-semibold underline",children:c}),d.jsxRuntimeExports.jsx("div",{className:"-mx-3",children:d.jsxRuntimeExports.jsx(y,{widgets:{richtext:f.RichTextEditorField,icon:f.IconPickerField,image:f.ImagePickerField},fields:{link:f.LinkField},idSeparator:".",autoComplete:"off",omitExtraData:!0,liveOmit:!0,liveValidate:!0,uiSchema:e,schema:r,formData:p,validator:E,onChange:o,disabled:m})})]})};exports.Form=$;
|