@chaibuilder/sdk 1.2.72 → 1.2.74
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/{CodeEditor-3hwsNnPr.js → CodeEditor-HxRQW3jF.js} +4 -3
- package/dist/CodeEditor-bLHnkh3p.cjs +1 -0
- package/dist/{Topbar-nImmHCEI.js → Topbar--rV07rOP.js} +16 -15
- package/dist/Topbar-BoiUPZ7V.cjs +1 -0
- package/dist/UnsplashImages-HCgUgi0z.cjs +1 -0
- package/dist/UnsplashImages-tuqgUrm5.js +242 -0
- package/dist/{UploadImages-ogOFKUZM.js → UploadImages-5_8G8NXf.js} +10 -9
- package/dist/UploadImages-HeJuyKpH.cjs +1 -0
- package/dist/core.cjs +1 -1
- package/dist/core.js +66 -65
- package/dist/{index-xFV80sAn.cjs → index-AAGeGuFf.cjs} +15 -15
- package/dist/{index-ZUADC6Lh.js → index-Uhj6zHCH.js} +1430 -1319
- package/dist/style.css +1 -1
- package/dist/web-blocks.cjs +1 -1
- package/dist/web-blocks.js +1 -1
- package/package.json +4 -3
- package/dist/CodeEditor-ciIVJGiC.cjs +0 -1
- package/dist/Topbar-Uzi5PgkN.cjs +0 -1
- package/dist/UnsplashImages-04AO5K1O.cjs +0 -1
- package/dist/UnsplashImages-zXULBalZ.js +0 -216
- package/dist/UploadImages-JMzuKDus.cjs +0 -1
|
@@ -3,7 +3,7 @@ import k from "@monaco-editor/react";
|
|
|
3
3
|
import { B as C } from "./context-menu-zu6r7B6f.js";
|
|
4
4
|
import { useTranslation as j } from "react-i18next";
|
|
5
5
|
import { useState as l, useCallback as v, useEffect as g } from "react";
|
|
6
|
-
import { u as y, a as N, b as T, c as E } from "./index-
|
|
6
|
+
import { u as y, a as N, b as T, c as E } from "./index-Uhj6zHCH.js";
|
|
7
7
|
import { Cross2Icon as w } from "@radix-ui/react-icons";
|
|
8
8
|
import { useThrottledCallback as B } from "@react-hookz/web";
|
|
9
9
|
import "@radix-ui/react-switch";
|
|
@@ -37,6 +37,7 @@ import "react-hotkeys-hook";
|
|
|
37
37
|
import "@floating-ui/dom";
|
|
38
38
|
import "@floating-ui/react-dom";
|
|
39
39
|
import "flagged";
|
|
40
|
+
import "react-event-hook";
|
|
40
41
|
import "@tailwindcss/typography";
|
|
41
42
|
import "@tailwindcss/forms";
|
|
42
43
|
import "@tailwindcss/aspect-ratio";
|
|
@@ -59,7 +60,7 @@ const a = (r) => {
|
|
|
59
60
|
const i = document.createElement("div");
|
|
60
61
|
return i.innerHTML = r, i.innerHTML;
|
|
61
62
|
};
|
|
62
|
-
function
|
|
63
|
+
function zt() {
|
|
63
64
|
const { t: r } = j(), [i, n] = l(!1), [m, c] = l(""), [o, s] = y(), [p] = N(), d = T(), u = E(), f = B(
|
|
64
65
|
(e) => {
|
|
65
66
|
const b = a(e);
|
|
@@ -122,5 +123,5 @@ function Pt() {
|
|
|
122
123
|
] });
|
|
123
124
|
}
|
|
124
125
|
export {
|
|
125
|
-
|
|
126
|
+
zt as default
|
|
126
127
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),b=require("@monaco-editor/react"),k=require("./context-menu-Lx_MAqsu.cjs"),C=require("react-i18next"),u=require("react"),n=require("./index-AAGeGuFf.cjs"),E=require("@radix-ui/react-icons"),R=require("@react-hookz/web");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("class-variance-authority");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-hover-card");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");require("clsx");require("tailwind-merge");require("lodash-es");require("jotai");require("./iconBase-vJD0OXxU.cjs");require("@chaibuilder/runtime");require("./plugin-_F-KZp1i.cjs");require("tree-model");require("react-quill");require("./STRINGS-hZpwIZMT.cjs");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("flagged");require("react-event-hook");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("tailwindcss-palette-generator");require("react-wrap-balancer");require("react-dom");require("prop-types");require("re-resizable");require("@rjsf/validator-ajv8");require("@rjsf/core");require("react-arborist");require("lucide-react");require("himalaya");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("i18next");require("framer-motion");const a=s=>{const i=document.createElement("div");return i.innerHTML=s,i.innerHTML};function g(){const{t:s}=C.useTranslation(),[i,d]=u.useState(!1),[l,q]=u.useState(""),[r,o]=n.useCodeEditor(),[c]=n.useSelectedBlockIds(),x=n.useUpdateBlocksProps(),m=n.useUpdateBlocksPropsRealtime(),p=R.useThrottledCallback(t=>{const h=a(t);m([r.blockId],{[r.blockProp]:h})},[],300),j=u.useCallback(()=>{if(i){const t=a(l);x([r.blockId],{[r.blockProp]:t})}},[i,l]);u.useEffect(()=>{c.includes(r==null?void 0:r.blockId)||(j(),o(null))},[c]);const f=()=>{o(null)};return e.jsxRuntimeExports.jsxs("div",{className:"h-full rounded-t-lg border-t-4 border-black bg-black text-white",children:[e.jsxRuntimeExports.jsx("button",{onClick:f,className:"fixed inset-0 z-[100000] cursor-default bg-gray-400/20"}),e.jsxRuntimeExports.jsxs("div",{className:"relative z-[100001] h-full w-full flex-col gap-y-1",children:[e.jsxRuntimeExports.jsxs("div",{className:"-mt-1 flex items-center justify-between px-2 py-2",children:[e.jsxRuntimeExports.jsxs("h3",{className:"space-x-3 text-sm font-semibold",children:[e.jsxRuntimeExports.jsx("span",{children:s("HTML Code Editor |")}),e.jsxRuntimeExports.jsx("span",{className:"text-xs text-gray-400",children:s("Scripts will be only executed in preview and live mode.")})]}),e.jsxRuntimeExports.jsx("div",{className:"flex gap-x-2",children:e.jsxRuntimeExports.jsx(k.Button,{onClick:()=>o(null),size:"sm",variant:"destructive",className:"h-6 w-fit",children:e.jsxRuntimeExports.jsx(E.Cross2Icon,{})})})]}),e.jsxRuntimeExports.jsx(b,{onMount:t=>{t.setValue(r.initialCode)},onChange:t=>{d(!0),q(t),p(t)},height:"100%",defaultLanguage:"html",theme:"vs-dark",defaultValue:"",options:{minimap:{enabled:!1}}})]})]})}exports.default=g;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { j as e } from "./jsx-runtime-Sp0orL4X.js";
|
|
2
2
|
import l, { useMemo as h, Suspense as m } from "react";
|
|
3
3
|
import { FontFamilyIcon as j, EyeOpenIcon as f } from "@radix-ui/react-icons";
|
|
4
|
-
import { S as g, c as v, b, d as N, a as S, e as w, f as
|
|
5
|
-
import { d as a, e as y, F as C, f as B } from "./index-
|
|
4
|
+
import { S as g, c as v, b, d as N, a as S, e as w, f as n } from "./select-1WwjQDp6.js";
|
|
5
|
+
import { d as a, e as y, F as C, f as B } from "./index-Uhj6zHCH.js";
|
|
6
6
|
import { B as c, S as p, ac as A } from "./context-menu-zu6r7B6f.js";
|
|
7
7
|
import { useTranslation as x } from "react-i18next";
|
|
8
8
|
import "@radix-ui/react-select";
|
|
@@ -21,6 +21,7 @@ import "react-hotkeys-hook";
|
|
|
21
21
|
import "@floating-ui/dom";
|
|
22
22
|
import "@floating-ui/react-dom";
|
|
23
23
|
import "flagged";
|
|
24
|
+
import "react-event-hook";
|
|
24
25
|
import "@tailwindcss/typography";
|
|
25
26
|
import "@tailwindcss/forms";
|
|
26
27
|
import "@tailwindcss/aspect-ratio";
|
|
@@ -68,14 +69,14 @@ const P = () => a("languages", ["en"]), k = () => P().length === 1 ? null : /* @
|
|
|
68
69
|
) }),
|
|
69
70
|
/* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsxs(S, { children: [
|
|
70
71
|
/* @__PURE__ */ e.jsx(w, { children: "Fruits" }),
|
|
71
|
-
/* @__PURE__ */ e.jsx(
|
|
72
|
-
/* @__PURE__ */ e.jsx(
|
|
73
|
-
/* @__PURE__ */ e.jsx(
|
|
74
|
-
/* @__PURE__ */ e.jsx(
|
|
75
|
-
/* @__PURE__ */ e.jsx(
|
|
72
|
+
/* @__PURE__ */ e.jsx(n, { value: "apple", children: "Apple" }),
|
|
73
|
+
/* @__PURE__ */ e.jsx(n, { value: "banana", children: "Banana" }),
|
|
74
|
+
/* @__PURE__ */ e.jsx(n, { value: "blueberry", children: "Blueberry" }),
|
|
75
|
+
/* @__PURE__ */ e.jsx(n, { value: "grapes", children: "Grapes" }),
|
|
76
|
+
/* @__PURE__ */ e.jsx(n, { value: "pineapple", children: "Pineapple" })
|
|
76
77
|
] }) })
|
|
77
78
|
] }) }), I = () => {
|
|
78
|
-
const { savePage: i, saveState: t } = y(),
|
|
79
|
+
const { savePage: i, saveState: t } = y(), o = a("hideSaveButton", !1), { t: s } = x(), r = h(() => {
|
|
79
80
|
switch (t) {
|
|
80
81
|
case "SAVING":
|
|
81
82
|
return "animate-pulse bg-gray-300 text-gray-900";
|
|
@@ -85,7 +86,7 @@ const P = () => a("languages", ["en"]), k = () => P().length === 1 ? null : /* @
|
|
|
85
86
|
return "bg-gray-200 text-gray-500 hover:bg-gray-100";
|
|
86
87
|
}
|
|
87
88
|
}, [t]);
|
|
88
|
-
if (
|
|
89
|
+
if (o)
|
|
89
90
|
return null;
|
|
90
91
|
const u = /* @__PURE__ */ e.jsxs(
|
|
91
92
|
c,
|
|
@@ -105,12 +106,12 @@ const P = () => a("languages", ["en"]), k = () => P().length === 1 ? null : /* @
|
|
|
105
106
|
);
|
|
106
107
|
return /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: u });
|
|
107
108
|
}, V = function() {
|
|
108
|
-
const t = a("previewComponent"), [,
|
|
109
|
+
const t = a("previewComponent"), [, o] = B(), { t: s } = x();
|
|
109
110
|
return t ? /* @__PURE__ */ e.jsxs(
|
|
110
111
|
c,
|
|
111
112
|
{
|
|
112
113
|
onClick: (r) => {
|
|
113
|
-
r.preventDefault(),
|
|
114
|
+
r.preventDefault(), o(!0);
|
|
114
115
|
},
|
|
115
116
|
className: "flex h-auto w-fit items-center gap-x-2 bg-gray-200 p-1 px-2",
|
|
116
117
|
size: "sm",
|
|
@@ -121,8 +122,8 @@ const P = () => a("languages", ["en"]), k = () => P().length === 1 ? null : /* @
|
|
|
121
122
|
]
|
|
122
123
|
}
|
|
123
124
|
) : null;
|
|
124
|
-
},
|
|
125
|
-
const i = a("topBarComponents.left", []), t = a("topBarComponents.center", []),
|
|
125
|
+
}, Me = () => {
|
|
126
|
+
const i = a("topBarComponents.left", []), t = a("topBarComponents.center", []), o = a("topBarComponents.right", []), s = a("editable", !0);
|
|
126
127
|
return /* @__PURE__ */ e.jsxs("div", { className: "flex h-14 items-center justify-between px-2", children: [
|
|
127
128
|
/* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2 font-bold", children: l.Children.toArray(
|
|
128
129
|
i.map((r) => /* @__PURE__ */ e.jsx(m, { fallback: /* @__PURE__ */ e.jsx(p, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(r, {}) }))
|
|
@@ -136,11 +137,11 @@ const P = () => a("languages", ["en"]), k = () => P().length === 1 ? null : /* @
|
|
|
136
137
|
/* @__PURE__ */ e.jsx(A, { orientation: "vertical" }),
|
|
137
138
|
s ? /* @__PURE__ */ e.jsx(I, {}) : null,
|
|
138
139
|
l.Children.toArray(
|
|
139
|
-
|
|
140
|
+
o.map((r) => /* @__PURE__ */ e.jsx(m, { fallback: /* @__PURE__ */ e.jsx(p, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(r, {}) }))
|
|
140
141
|
)
|
|
141
142
|
] })
|
|
142
143
|
] });
|
|
143
144
|
};
|
|
144
145
|
export {
|
|
145
|
-
|
|
146
|
+
Me as default
|
|
146
147
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),u=require("react"),o=require("@radix-ui/react-icons"),r=require("./select-FnytvxNn.cjs"),s=require("./index-AAGeGuFf.cjs"),x=require("./context-menu-Lx_MAqsu.cjs"),c=require("react-i18next");require("@radix-ui/react-select");require("lodash-es");require("jotai");require("./iconBase-vJD0OXxU.cjs");require("clsx");require("tailwind-merge");require("@chaibuilder/runtime");require("./plugin-_F-KZp1i.cjs");require("@react-hookz/web");require("tree-model");require("react-quill");require("./STRINGS-hZpwIZMT.cjs");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("flagged");require("react-event-hook");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("tailwindcss-palette-generator");require("react-wrap-balancer");require("react-dom");require("prop-types");require("re-resizable");require("@rjsf/validator-ajv8");require("@rjsf/core");require("react-arborist");require("lucide-react");require("himalaya");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("i18next");require("@radix-ui/react-scroll-area");require("framer-motion");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-hover-card");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");const j=()=>s.useBuilderProp("languages",["en"]),d=()=>j().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(o.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"})]})})]})}),q=()=>{const{savePage:a,saveState:t}=s.useSavePage(),l=s.useBuilderProp("hideSaveButton",!1),{t:n}=c.useTranslation(),i=u.useMemo(()=>{switch(t){case"SAVING":return"animate-pulse bg-gray-300 text-gray-900";case"SAVED":return"bg-green-500 text-white hover:bg-green-600 hover:text-white";default:return"bg-gray-200 text-gray-500 hover:bg-gray-100"}},[t]);if(l)return null;const p=e.jsxRuntimeExports.jsxs(x.Button,{disabled:t==="SAVING",onClick:m=>{m.preventDefault(),a()},className:`flex h-auto w-fit items-center gap-x-2 p-1 px-2 ${i}`,size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(s.FaCheck,{className:"text-sm text-white"}),e.jsxRuntimeExports.jsx("span",{className:"text-sm",children:n(t==="SAVING"?"saving":t==="SAVED"?"saved":"unsaved")})]});return e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:p})},h=function(){const t=s.useBuilderProp("previewComponent"),[,l]=s.usePreviewMode(),{t:n}=c.useTranslation();return t?e.jsxRuntimeExports.jsxs(x.Button,{onClick:i=>{i.preventDefault(),l(!0)},className:"flex h-auto w-fit items-center gap-x-2 bg-gray-200 p-1 px-2",size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(o.EyeOpenIcon,{className:"text-xs"}),e.jsxRuntimeExports.jsx("span",{className:"text-sm",children:n("preview")})]}):null},E=()=>{const a=s.useBuilderProp("topBarComponents.left",[]),t=s.useBuilderProp("topBarComponents.center",[]),l=s.useBuilderProp("topBarComponents.right",[]),n=s.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:u.Children.toArray(a.map(i=>e.jsxRuntimeExports.jsx(u.Suspense,{fallback:e.jsxRuntimeExports.jsx(x.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(i,{})})))})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:u.Children.toArray(t.map(i=>e.jsxRuntimeExports.jsx(u.Suspense,{fallback:e.jsxRuntimeExports.jsx(x.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(i,{})})))}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-1",children:[e.jsxRuntimeExports.jsx(d,{}),e.jsxRuntimeExports.jsx(h,{}),e.jsxRuntimeExports.jsx(x.Separator,{orientation:"vertical"}),n?e.jsxRuntimeExports.jsx(q,{}):null,u.Children.toArray(l.map(i=>e.jsxRuntimeExports.jsx(u.Suspense,{fallback:e.jsxRuntimeExports.jsx(x.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(i,{})})))]})]})};exports.default=E;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),n=require("react"),p=require("lodash-es"),A=require("unsplash-js"),f=require("./context-menu-Lx_MAqsu.cjs"),_=require("react-i18next"),g=require("./index-AAGeGuFf.cjs"),T=require("@react-hookz/web"),B=require("lucide-react");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("class-variance-authority");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-hover-card");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");require("clsx");require("tailwind-merge");require("jotai");require("./iconBase-vJD0OXxU.cjs");require("@chaibuilder/runtime");require("./plugin-_F-KZp1i.cjs");require("tree-model");require("react-quill");require("./STRINGS-hZpwIZMT.cjs");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("flagged");require("react-event-hook");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("tailwindcss-palette-generator");require("react-wrap-balancer");require("react-dom");require("prop-types");require("re-resizable");require("@rjsf/validator-ajv8");require("@rjsf/core");require("react-arborist");require("himalaya");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("i18next");require("framer-motion");const v=async(h,j)=>new Promise((i,a)=>{A.createApi({accessKey:j}).search.getPhotos(h).then(l=>{i(l)}).catch(l=>a(l))}),D=({isModalView:h,onSelect:j})=>{const i=g.useBuilderProp("unsplashAccessKey",""),[a,q]=n.useState([]),[l,y]=n.useState(0),[o,w]=n.useState(),[u,C]=n.useState(),[P,b]=n.useState(0),[m,k]=T.useDebouncedState("",1e3),[d,c]=n.useState(!1),{t:E}=_.useTranslation(),I=async r=>{if(p.isEmpty(m))return;let t=l+1;r&&(r.preventDefault(),t=1),c(!0),y(t);const x={query:m,page:t};o&&(x.orientation=o),u&&(x.color=u),v(x,i).then(s=>{var R,N,S;q(t===1?((R=s==null?void 0:s.response)==null?void 0:R.results)||[]:[...a,...((N=s==null?void 0:s.response)==null?void 0:N.results)||[]]),b((S=s==null?void 0:s.response)==null?void 0:S.total_pages),c(!1)}).catch(()=>{c(!1)})};return n.useEffect(()=>{if(!p.isEmpty(m)&&i){c(!0);const r={query:m,page:1};o&&(r.orientation=o),u&&(r.color=u),y(1),v(r,i).then(t=>{var x,s;q(((x=t==null?void 0:t.response)==null?void 0:x.results)||[]),b((s=t==null?void 0:t.response)==null?void 0:s.total_pages),c(!1)}).catch(()=>{c(!1)})}},[o,u,m,i]),p.isEmpty(i)?e.jsxRuntimeExports.jsx("div",{className:"flex h-full 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:"px-1 underline 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 gap-x-2 rounded-md border bg-gray-100 p-px",children:[e.jsxRuntimeExports.jsx(f.Input,{type:"text",name:"query",className:"input",placeholder:'Try "dog" or "apple"',onChange:r=>k(r.target.value)}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(g.ChaiSelect,{className:"w-40",placeholder:E("Orientation"),options:[{value:"",label:"All"},{value:"landscape",label:"Landscape"},{value:"portrait",label:"Portrait"},{value:"squarish",label:"Square"}],defaultValue:o,onValueChange:r=>w(r)})}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(g.ChaiSelect,{placeholder:E("Color"),options:[{value:"",label:"All"},{value:"black_and_white",label:"Black and White"},{value:"black",label:"Black"},{value:"white",label:"White"},{value:"night",label:"Night"},{value:"warm",label:"Warm"},{value:"cool",label:"Cool"},{value:"sepia",label:"Sepia"}],defaultValue:u,onValueChange:r=>C(r)})})]}),e.jsxRuntimeExports.jsxs(f.ScrollArea,{className:`h-full ${h&&!p.isEmpty(a)?"-mx-2 flex flex-wrap px-2":"-mx-2 flex flex-col pb-8 pt-2"}`,children:[p.isEmpty(a)&&!d&&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"})]}),h?e.jsxRuntimeExports.jsx("div",{className:"h-full columns-5 py-2",children:a.map(r=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"my-1 flex",onClick:()=>j(r.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:r.alt_description,src:r.urls.small})})},r.id))}):a.map(r=>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:r.alt_description,src:r.urls.small})})},r.id)),d&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-center py-8",children:[e.jsxRuntimeExports.jsx(B.Loader,{className:"h-6 w-6 animate-spin"})," Loading..."]}),!p.isEmpty(a)&&l<P&&!d&&e.jsxRuntimeExports.jsx(f.Button,{size:"sm",variant:"link",className:"w-full",onClick:()=>I(void 0),disabled:d,children:d?"":"Load More"})]})]})};exports.default=D;exports.fetchImage=v;
|
|
@@ -0,0 +1,242 @@
|
|
|
1
|
+
import { j as e } from "./jsx-runtime-Sp0orL4X.js";
|
|
2
|
+
import { useState as c, useEffect as S } from "react";
|
|
3
|
+
import { isEmpty as d } from "lodash-es";
|
|
4
|
+
import { createApi as B } from "unsplash-js";
|
|
5
|
+
import { N as D, V as E, B as L } from "./context-menu-zu6r7B6f.js";
|
|
6
|
+
import { useTranslation as T } from "react-i18next";
|
|
7
|
+
import { d as V, C } from "./index-Uhj6zHCH.js";
|
|
8
|
+
import { useDebouncedState as F } from "@react-hookz/web";
|
|
9
|
+
import { Loader as K } from "lucide-react";
|
|
10
|
+
import "@radix-ui/react-switch";
|
|
11
|
+
import "@radix-ui/react-accordion";
|
|
12
|
+
import "@radix-ui/react-icons";
|
|
13
|
+
import "@radix-ui/react-alert-dialog";
|
|
14
|
+
import "@radix-ui/react-slot";
|
|
15
|
+
import "class-variance-authority";
|
|
16
|
+
import "@radix-ui/react-label";
|
|
17
|
+
import "@radix-ui/react-scroll-area";
|
|
18
|
+
import "@radix-ui/react-tabs";
|
|
19
|
+
import "@radix-ui/react-tooltip";
|
|
20
|
+
import "@radix-ui/react-popover";
|
|
21
|
+
import "@radix-ui/react-hover-card";
|
|
22
|
+
import "@radix-ui/react-dropdown-menu";
|
|
23
|
+
import "@radix-ui/react-separator";
|
|
24
|
+
import "@radix-ui/react-toast";
|
|
25
|
+
import "cmdk";
|
|
26
|
+
import "@radix-ui/react-dialog";
|
|
27
|
+
import "@radix-ui/react-context-menu";
|
|
28
|
+
import "clsx";
|
|
29
|
+
import "tailwind-merge";
|
|
30
|
+
import "jotai";
|
|
31
|
+
import "./iconBase-zweRWSz0.js";
|
|
32
|
+
import "@chaibuilder/runtime";
|
|
33
|
+
import "./plugin-sJ3Hzvpv.js";
|
|
34
|
+
import "tree-model";
|
|
35
|
+
import "react-quill";
|
|
36
|
+
import "./STRINGS-rPGH65PW.js";
|
|
37
|
+
import "react-hotkeys-hook";
|
|
38
|
+
import "@floating-ui/dom";
|
|
39
|
+
import "@floating-ui/react-dom";
|
|
40
|
+
import "flagged";
|
|
41
|
+
import "react-event-hook";
|
|
42
|
+
import "@tailwindcss/typography";
|
|
43
|
+
import "@tailwindcss/forms";
|
|
44
|
+
import "@tailwindcss/aspect-ratio";
|
|
45
|
+
import "tailwindcss-palette-generator";
|
|
46
|
+
import "react-wrap-balancer";
|
|
47
|
+
import "react-dom";
|
|
48
|
+
import "prop-types";
|
|
49
|
+
import "re-resizable";
|
|
50
|
+
import "@rjsf/validator-ajv8";
|
|
51
|
+
import "@rjsf/core";
|
|
52
|
+
import "react-arborist";
|
|
53
|
+
import "himalaya";
|
|
54
|
+
import "react-icons-picker";
|
|
55
|
+
import "react-autosuggest";
|
|
56
|
+
import "fuse.js";
|
|
57
|
+
import "i18next";
|
|
58
|
+
import "framer-motion";
|
|
59
|
+
const k = async (f, g) => new Promise((s, r) => {
|
|
60
|
+
B({ accessKey: g }).search.getPhotos(f).then((i) => {
|
|
61
|
+
s(i);
|
|
62
|
+
}).catch((i) => r(i));
|
|
63
|
+
}), ze = ({ isModalView: f, onSelect: g }) => {
|
|
64
|
+
const s = V("unsplashAccessKey", ""), [r, x] = c([]), [i, v] = c(0), [l, P] = c(), [n, A] = c(), [_, b] = c(0), [h, q] = F("", 1e3), [u, m] = c(!1), { t: j } = T(), I = async (a) => {
|
|
65
|
+
if (d(h))
|
|
66
|
+
return;
|
|
67
|
+
let o = i + 1;
|
|
68
|
+
a && (a.preventDefault(), o = 1), m(!0), v(o);
|
|
69
|
+
const p = { query: h, page: o };
|
|
70
|
+
l && (p.orientation = l), n && (p.color = n), k(p, s).then((t) => {
|
|
71
|
+
var y, N, w;
|
|
72
|
+
x(o === 1 ? ((y = t == null ? void 0 : t.response) == null ? void 0 : y.results) || [] : [...r, ...((N = t == null ? void 0 : t.response) == null ? void 0 : N.results) || []]), b((w = t == null ? void 0 : t.response) == null ? void 0 : w.total_pages), m(!1);
|
|
73
|
+
}).catch(() => {
|
|
74
|
+
m(!1);
|
|
75
|
+
});
|
|
76
|
+
};
|
|
77
|
+
return S(() => {
|
|
78
|
+
if (!d(h) && s) {
|
|
79
|
+
m(!0);
|
|
80
|
+
const a = { query: h, page: 1 };
|
|
81
|
+
l && (a.orientation = l), n && (a.color = n), v(1), k(a, s).then((o) => {
|
|
82
|
+
var p, t;
|
|
83
|
+
x(((p = o == null ? void 0 : o.response) == null ? void 0 : p.results) || []), b((t = o == null ? void 0 : o.response) == null ? void 0 : t.total_pages), m(!1);
|
|
84
|
+
}).catch(() => {
|
|
85
|
+
m(!1);
|
|
86
|
+
});
|
|
87
|
+
}
|
|
88
|
+
}, [l, n, h, s]), d(s) ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full flex-col items-center justify-center", children: /* @__PURE__ */ e.jsxs("p", { className: "max-w-3xl text-center text-gray-500", children: [
|
|
89
|
+
"To enable Unsplash, kindly provide your",
|
|
90
|
+
/* @__PURE__ */ e.jsx(
|
|
91
|
+
"a",
|
|
92
|
+
{
|
|
93
|
+
href: "https://unsplash.com/documentation#public-authentication",
|
|
94
|
+
className: "px-1 underline hover:text-blue-400",
|
|
95
|
+
target: "_blank",
|
|
96
|
+
rel: "noopener noreferrer",
|
|
97
|
+
children: "Unsplash Access Key"
|
|
98
|
+
}
|
|
99
|
+
)
|
|
100
|
+
] }) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
101
|
+
/* @__PURE__ */ e.jsxs("form", { className: "flex items-center gap-x-2 rounded-md border bg-gray-100 p-px", children: [
|
|
102
|
+
/* @__PURE__ */ e.jsx(
|
|
103
|
+
D,
|
|
104
|
+
{
|
|
105
|
+
type: "text",
|
|
106
|
+
name: "query",
|
|
107
|
+
className: "input",
|
|
108
|
+
placeholder: 'Try "dog" or "apple"',
|
|
109
|
+
onChange: (a) => q(a.target.value)
|
|
110
|
+
}
|
|
111
|
+
),
|
|
112
|
+
/* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
|
|
113
|
+
C,
|
|
114
|
+
{
|
|
115
|
+
className: "w-40",
|
|
116
|
+
placeholder: j("Orientation"),
|
|
117
|
+
options: [
|
|
118
|
+
{
|
|
119
|
+
value: "",
|
|
120
|
+
label: "All"
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
value: "landscape",
|
|
124
|
+
label: "Landscape"
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
value: "portrait",
|
|
128
|
+
label: "Portrait"
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
value: "squarish",
|
|
132
|
+
label: "Square"
|
|
133
|
+
}
|
|
134
|
+
],
|
|
135
|
+
defaultValue: l,
|
|
136
|
+
onValueChange: (a) => P(a)
|
|
137
|
+
}
|
|
138
|
+
) }),
|
|
139
|
+
/* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
|
|
140
|
+
C,
|
|
141
|
+
{
|
|
142
|
+
placeholder: j("Color"),
|
|
143
|
+
options: [
|
|
144
|
+
{
|
|
145
|
+
value: "",
|
|
146
|
+
label: "All"
|
|
147
|
+
},
|
|
148
|
+
{
|
|
149
|
+
value: "black_and_white",
|
|
150
|
+
label: "Black and White"
|
|
151
|
+
},
|
|
152
|
+
{
|
|
153
|
+
value: "black",
|
|
154
|
+
label: "Black"
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
value: "white",
|
|
158
|
+
label: "White"
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
value: "night",
|
|
162
|
+
label: "Night"
|
|
163
|
+
},
|
|
164
|
+
{
|
|
165
|
+
value: "warm",
|
|
166
|
+
label: "Warm"
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
value: "cool",
|
|
170
|
+
label: "Cool"
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
value: "sepia",
|
|
174
|
+
label: "Sepia"
|
|
175
|
+
}
|
|
176
|
+
],
|
|
177
|
+
defaultValue: n,
|
|
178
|
+
onValueChange: (a) => A(a)
|
|
179
|
+
}
|
|
180
|
+
) })
|
|
181
|
+
] }),
|
|
182
|
+
/* @__PURE__ */ e.jsxs(
|
|
183
|
+
E,
|
|
184
|
+
{
|
|
185
|
+
className: `h-full ${f && !d(r) ? "-mx-2 flex flex-wrap px-2" : "-mx-2 flex flex-col pb-8 pt-2"}`,
|
|
186
|
+
children: [
|
|
187
|
+
d(r) && !u && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center py-6", children: [
|
|
188
|
+
/* @__PURE__ */ e.jsx("div", { className: "font-medium", children: "No Data" }),
|
|
189
|
+
/* @__PURE__ */ e.jsx("div", { className: "text-sm text-gray-500", children: "Enter query and press enter" })
|
|
190
|
+
] }),
|
|
191
|
+
f ? /* @__PURE__ */ e.jsx("div", { className: "h-full columns-5 py-2", children: r.map((a) => /* @__PURE__ */ e.jsx(
|
|
192
|
+
"div",
|
|
193
|
+
{
|
|
194
|
+
role: "button",
|
|
195
|
+
tabIndex: 0,
|
|
196
|
+
className: "my-1 flex",
|
|
197
|
+
onClick: () => g(a.urls.regular),
|
|
198
|
+
children: /* @__PURE__ */ e.jsx("div", { className: "relative overflow-hidden rounded-md bg-cover bg-no-repeat", children: /* @__PURE__ */ e.jsx(
|
|
199
|
+
"img",
|
|
200
|
+
{
|
|
201
|
+
className: "h-auto flex-1 cursor-pointer rounded-md transition duration-300 ease-in-out hover:scale-105",
|
|
202
|
+
alt: a.alt_description,
|
|
203
|
+
src: a.urls.small
|
|
204
|
+
}
|
|
205
|
+
) })
|
|
206
|
+
},
|
|
207
|
+
a.id
|
|
208
|
+
)) }) : r.map((a) => (
|
|
209
|
+
// TODO: Drag and Drop Image to Canvas from Here use `pic.urls.[small, regular, full]` for image quality
|
|
210
|
+
/* @__PURE__ */ e.jsx("div", { className: "w-full px-2 py-1", children: /* @__PURE__ */ e.jsx("div", { className: "relative overflow-hidden rounded-md bg-cover bg-no-repeat", children: /* @__PURE__ */ e.jsx(
|
|
211
|
+
"img",
|
|
212
|
+
{
|
|
213
|
+
className: "h-auto cursor-pointer transition duration-300 ease-in-out hover:scale-105",
|
|
214
|
+
alt: a.alt_description,
|
|
215
|
+
src: a.urls.small
|
|
216
|
+
}
|
|
217
|
+
) }) }, a.id)
|
|
218
|
+
)),
|
|
219
|
+
u && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center py-8", children: [
|
|
220
|
+
/* @__PURE__ */ e.jsx(K, { className: "h-6 w-6 animate-spin" }),
|
|
221
|
+
" Loading..."
|
|
222
|
+
] }),
|
|
223
|
+
!d(r) && i < _ && !u && /* @__PURE__ */ e.jsx(
|
|
224
|
+
L,
|
|
225
|
+
{
|
|
226
|
+
size: "sm",
|
|
227
|
+
variant: "link",
|
|
228
|
+
className: "w-full",
|
|
229
|
+
onClick: () => I(void 0),
|
|
230
|
+
disabled: u,
|
|
231
|
+
children: u ? "" : "Load More"
|
|
232
|
+
}
|
|
233
|
+
)
|
|
234
|
+
]
|
|
235
|
+
}
|
|
236
|
+
)
|
|
237
|
+
] });
|
|
238
|
+
};
|
|
239
|
+
export {
|
|
240
|
+
ze as default,
|
|
241
|
+
k as fetchImage
|
|
242
|
+
};
|
|
@@ -4,7 +4,7 @@ import { isEmpty as j, map as b } from "lodash-es";
|
|
|
4
4
|
import { atom as F, useAtom as U } from "jotai";
|
|
5
5
|
import { V as C } from "./context-menu-zu6r7B6f.js";
|
|
6
6
|
import { useTranslation as E } from "react-i18next";
|
|
7
|
-
import { d as y } from "./index-
|
|
7
|
+
import { d as y } from "./index-Uhj6zHCH.js";
|
|
8
8
|
import { Upload as G, Loader as P } from "lucide-react";
|
|
9
9
|
import "@radix-ui/react-switch";
|
|
10
10
|
import "@radix-ui/react-accordion";
|
|
@@ -37,6 +37,7 @@ import "react-hotkeys-hook";
|
|
|
37
37
|
import "@floating-ui/dom";
|
|
38
38
|
import "@floating-ui/react-dom";
|
|
39
39
|
import "flagged";
|
|
40
|
+
import "react-event-hook";
|
|
40
41
|
import "@tailwindcss/typography";
|
|
41
42
|
import "@tailwindcss/forms";
|
|
42
43
|
import "@tailwindcss/aspect-ratio";
|
|
@@ -54,8 +55,8 @@ import "react-autosuggest";
|
|
|
54
55
|
import "fuse.js";
|
|
55
56
|
import "i18next";
|
|
56
57
|
import "framer-motion";
|
|
57
|
-
const S = F([]),
|
|
58
|
-
const { t: r } = E(),
|
|
58
|
+
const S = F([]), Le = ({ isModalView: o, onSelect: m }) => {
|
|
59
|
+
const { t: r } = E(), c = y("uploadMediaCallback"), n = y("fetchMediaCallback"), [a, d] = U(S), [N, u] = l(!1), [x, f] = l(!1), [, v] = l(), [h, p] = l("");
|
|
59
60
|
k(() => {
|
|
60
61
|
(async () => {
|
|
61
62
|
if (!n)
|
|
@@ -67,20 +68,20 @@ const S = F([]), Je = ({ isModalView: o, onSelect: m }) => {
|
|
|
67
68
|
}, []);
|
|
68
69
|
const w = (t) => {
|
|
69
70
|
var s, i;
|
|
70
|
-
if (
|
|
71
|
+
if (p(""), t && ((i = (s = t == null ? void 0 : t.target) == null ? void 0 : s.files) == null ? void 0 : i.length) > 0) {
|
|
71
72
|
const g = t.target.files[0];
|
|
72
|
-
g.type.startsWith("image") ? I(g) :
|
|
73
|
+
g.type.startsWith("image") ? I(g) : p(r("Please select an image"));
|
|
73
74
|
}
|
|
74
75
|
}, I = async (t) => {
|
|
75
|
-
if (
|
|
76
|
+
if (c) {
|
|
76
77
|
u(!0);
|
|
77
78
|
try {
|
|
78
|
-
const { url: s } = await
|
|
79
|
+
const { url: s } = await c(t);
|
|
79
80
|
m(s), v(void 0);
|
|
80
81
|
const i = await n();
|
|
81
82
|
d(i);
|
|
82
83
|
} catch (s) {
|
|
83
|
-
d([]),
|
|
84
|
+
d([]), p((s == null ? void 0 : s.message) || "Something went wrong.");
|
|
84
85
|
}
|
|
85
86
|
u(!1);
|
|
86
87
|
}
|
|
@@ -146,5 +147,5 @@ const S = F([]), Je = ({ isModalView: o, onSelect: m }) => {
|
|
|
146
147
|
] });
|
|
147
148
|
};
|
|
148
149
|
export {
|
|
149
|
-
|
|
150
|
+
Le as default
|
|
150
151
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),i=require("react"),n=require("lodash-es"),E=require("jotai"),I=require("./context-menu-Lx_MAqsu.cjs"),w=require("react-i18next"),g=require("./index-AAGeGuFf.cjs"),b=require("lucide-react");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("class-variance-authority");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-hover-card");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");require("clsx");require("tailwind-merge");require("./iconBase-vJD0OXxU.cjs");require("@chaibuilder/runtime");require("./plugin-_F-KZp1i.cjs");require("@react-hookz/web");require("tree-model");require("react-quill");require("./STRINGS-hZpwIZMT.cjs");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("flagged");require("react-event-hook");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("tailwindcss-palette-generator");require("react-wrap-balancer");require("react-dom");require("prop-types");require("re-resizable");require("@rjsf/validator-ajv8");require("@rjsf/core");require("react-arborist");require("himalaya");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("i18next");require("framer-motion");const k=E.atom([]),S=({isModalView:a,onSelect:o})=>{const{t:s}=w.useTranslation(),d=g.useBuilderProp("uploadMediaCallback"),x=g.useBuilderProp("fetchMediaCallback"),[u,c]=E.useAtom(k),[y,p]=i.useState(!1),[j,q]=i.useState(!1),[,R]=i.useState(),[h,m]=i.useState("");i.useEffect(()=>{(async()=>{if(!x)return;q(!0);const r=await x();c(r||[]),q(!1)})()},[]);const N=r=>{var t,l;if(m(""),r&&((l=(t=r==null?void 0:r.target)==null?void 0:t.files)==null?void 0:l.length)>0){const f=r.target.files[0];f.type.startsWith("image")?v(f):m(s("Please select an image"))}},v=async r=>{if(d){p(!0);try{const{url:t}=await d(r);o(t),R(void 0);const l=await x();c(l)}catch(t){c([]),m((t==null?void 0:t.message)||"Something went wrong.")}p(!1)}};return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs("label",{htmlFor:a?"upload-in-modal":"upload-in-panel",children:[e.jsxRuntimeExports.jsx("div",{className:"flex flex-col items-center rounded-lg",children:e.jsxRuntimeExports.jsxs("label",{htmlFor:"image-upload",className:"flex w-full cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed border-gray-300 bg-gray-50 hover:bg-gray-100",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col items-center justify-center pb-6 pt-5",children:[e.jsxRuntimeExports.jsx(b.Upload,{className:"mb-3 h-10 w-10 text-gray-400"}),e.jsxRuntimeExports.jsx("p",{className:"mb-2 text-sm text-gray-500 dark:text-gray-400",children:e.jsxRuntimeExports.jsx("span",{className:"font-semibold",children:s("Click to upload")})}),e.jsxRuntimeExports.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:s("SVG, PNG, JPG or GIF (Max. 2mb)")})]}),y?e.jsxRuntimeExports.jsxs("div",{className:"flex h-full w-full items-center justify-center",children:[e.jsxRuntimeExports.jsx(b.Loader,{className:"h-6 w-6 animate-spin"}),e.jsxRuntimeExports.jsx("span",{className:"ml-2 text-sm text-gray-500",children:s("Uploading...")})]}):null,h&&e.jsxRuntimeExports.jsx("p",{className:"pb-2 text-xs text-red-500",children:h||s("Something went wrong")})]})}),e.jsxRuntimeExports.jsx("input",{type:"file",id:"image-upload",accept:"image/*",hidden:!0,onChange:N})]}),e.jsxRuntimeExports.jsxs(I.ScrollArea,{className:`-mx-2 flex h-full flex-col pb-8 pt-2 ${a?"px-2":""} pt-2`,children:[n.isEmpty(u)&&j&&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:s("Fetching...")})}),n.isEmpty(u)&&!j&&e.jsxRuntimeExports.jsxs("div",{className:"flex h-full flex-col items-center justify-center text-center",children:[e.jsxRuntimeExports.jsx("div",{className:"mb-4 h-12 rounded-full p-6"}),e.jsxRuntimeExports.jsx("h3",{className:"mb-2 text-sm font-semibold",children:s("No images found")}),e.jsxRuntimeExports.jsx("p",{className:"mb-4 max-w-sm text-muted-foreground",children:s("It looks like you haven't uploaded any images yet. Start by clicking the upload button above.")})]}),a?e.jsxRuntimeExports.jsx("div",{className:"h-full columns-5 py-2",children:n.map(u,r=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"my-1 flex",onClick:()=>o(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))}):n.map(u,r=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"px-2 py-1",onClick:()=>o(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=S;
|
package/dist/core.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-AAGeGuFf.cjs"),r=require("./iconBase-vJD0OXxU.cjs"),s=require("react-i18next"),u=require("i18next");require("./jsx-runtime-JYMCiFoE.cjs");require("react");require("./context-menu-Lx_MAqsu.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("class-variance-authority");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-hover-card");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");require("clsx");require("tailwind-merge");require("lodash-es");require("jotai");require("@chaibuilder/runtime");require("./plugin-_F-KZp1i.cjs");require("@react-hookz/web");require("tree-model");require("react-quill");require("./STRINGS-hZpwIZMT.cjs");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("flagged");require("react-event-hook");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("tailwindcss-palette-generator");require("react-wrap-balancer");require("react-dom");require("prop-types");require("re-resizable");require("@rjsf/validator-ajv8");require("@rjsf/core");require("react-arborist");require("lucide-react");require("himalaya");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("framer-motion");exports.AISetContext=e.AISetContext;exports.AIUserPrompt=e.AIUserPrompt;exports.AddBlocksPanel=e.AddBlocksPanel;exports.BlockAttributesEditor=e.BlockAttributesEditor;exports.BlockPropsEditor=e.BlockSettings;exports.BlockStyleEditor=e.BlockStyling;exports.ChaiBuilderCanvas=e.CanvasArea;exports.ChaiBuilderEditor=e.ChaiBuilderEditor;exports.DarkModeSwitcher=e.DarkMode;exports.ImportHTML=e.ImportHTML;exports.Outline=e.Outline;exports.ScreenSizes=e.Breakpoints;exports.ThemeOptions=e.ThemeOptions;exports.UILibraries=e.UILibraries;exports.UndoRedo=e.UndoRedo;exports.getBlocksFromHTML=e.getBlocksFromHTML;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.useCodeEditor=e.useCodeEditor;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;exports.generateBlockId=r.generateUUID;exports.mergeClasses=r.cn;Object.defineProperty(exports,"useTranslation",{enumerable:!0,get:()=>s.useTranslation});exports.i18n=u;
|