@chaibuilder/sdk 1.2.93-beta.1 → 1.2.93-beta.2

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.
Files changed (36) hide show
  1. package/dist/CodeEditor-oXzf_WM-.cjs +1 -0
  2. package/dist/{CodeEditor-_pniWL9A.js → CodeEditor-p-F-Bwyu.js} +17 -19
  3. package/dist/{Topbar-AzDg5F6n.js → Topbar-Ns8vNtP5.js} +11 -13
  4. package/dist/Topbar-RgbS4i_F.cjs +1 -0
  5. package/dist/{UnsplashImages-Gdm78EC5.js → UnsplashImages-Mc0XR9vF.js} +8 -10
  6. package/dist/UnsplashImages-pDkNL6f7.cjs +1 -0
  7. package/dist/{UploadImages-2XWy9JHd.js → UploadImages-BF4_7sIk.js} +55 -30
  8. package/dist/UploadImages-KUCb9y7z.cjs +1 -0
  9. package/dist/core.cjs +1 -1
  10. package/dist/core.js +70 -72
  11. package/dist/index-11fpvJA3.cjs +223 -0
  12. package/dist/{index-zgy8mVKm.js → index-UmpQEfVx.js} +8967 -7745
  13. package/dist/{plugin-BXpjdQxx.cjs → plugin-P0tpo_XZ.cjs} +1 -1
  14. package/dist/plugin-_F-KZp1i.cjs +1 -0
  15. package/dist/{plugin-DdKuAR7p.js → plugin-f5uJtdXY.js} +1 -1
  16. package/dist/plugin-sJ3Hzvpv.js +57 -0
  17. package/dist/render.cjs +2 -2
  18. package/dist/render.js +6 -7
  19. package/dist/tailwind.cjs +1 -1
  20. package/dist/tailwind.js +6 -7
  21. package/dist/web-blocks.cjs +1 -1
  22. package/dist/web-blocks.js +98 -100
  23. package/package.json +1 -1
  24. package/dist/CodeEditor-hbpcHA6a.cjs +0 -1
  25. package/dist/GlobalBlockSettings-1Ix883dP.cjs +0 -1
  26. package/dist/GlobalBlockSettings-eytCBAHr.js +0 -44
  27. package/dist/Topbar-0dGbwmC_.cjs +0 -1
  28. package/dist/UnsplashImages-etSQzJ6J.cjs +0 -1
  29. package/dist/UploadImages-lyC-Th50.cjs +0 -1
  30. package/dist/_commonjsHelpers-f3sTPFkQ.js +0 -8
  31. package/dist/_commonjsHelpers-f52AuuUj.cjs +0 -1
  32. package/dist/index-lynOzeB3.cjs +0 -223
  33. package/dist/plugin-02QsHeBE.cjs +0 -1
  34. package/dist/plugin-VDzc8jUO.js +0 -52
  35. package/dist/useGlobalBlocksStore-1wJUEOl4.cjs +0 -1
  36. package/dist/useGlobalBlocksStore-HlGhDxuV.js +0 -1258
@@ -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-sQn7ryJ6.cjs"),C=require("react-i18next"),u=require("react"),n=require("./index-11fpvJA3.cjs"),E=require("@radix-ui/react-icons"),R=require("@react-hookz/web");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("class-variance-authority");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");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-select");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-kuD_VwQx.cjs");require("@chaibuilder/runtime");require("./plugin-_F-KZp1i.cjs");require("tree-model");require("react-quill");require("./STRINGS-Yl7cSWDc.cjs");require("flagged");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");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("react-error-boundary");require("re-resizable");require("lucide-react");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 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;
@@ -3,8 +3,7 @@ import k from "@monaco-editor/react";
3
3
  import { B as C } from "./context-menu-9cWJcKdh.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 { a as y, l as N, x as T } from "./useGlobalBlocksStore-HlGhDxuV.js";
7
- import { u as E } from "./index-zgy8mVKm.js";
6
+ import { u as y, a as N, b as T, c as E } from "./index-UmpQEfVx.js";
8
7
  import { Cross2Icon as w } from "@radix-ui/react-icons";
9
8
  import { useThrottledCallback as B } from "@react-hookz/web";
10
9
  import "@radix-ui/react-switch";
@@ -30,8 +29,8 @@ import "tailwind-merge";
30
29
  import "lodash-es";
31
30
  import "jotai";
32
31
  import "./iconBase-HBZkvN04.js";
33
- import "./_commonjsHelpers-f3sTPFkQ.js";
34
32
  import "@chaibuilder/runtime";
33
+ import "./plugin-sJ3Hzvpv.js";
35
34
  import "tree-model";
36
35
  import "react-quill";
37
36
  import "./STRINGS-TDN5UhWi.js";
@@ -44,7 +43,6 @@ import "@tailwindcss/typography";
44
43
  import "@tailwindcss/forms";
45
44
  import "@tailwindcss/aspect-ratio";
46
45
  import "tailwindcss-palette-generator";
47
- import "./plugin-VDzc8jUO.js";
48
46
  import "react-wrap-balancer";
49
47
  import "react-dom";
50
48
  import "prop-types";
@@ -61,23 +59,23 @@ import "fuse.js";
61
59
  import "i18next";
62
60
  import "framer-motion";
63
61
  const a = (r) => {
64
- const e = document.createElement("div");
65
- return e.innerHTML = r, e.innerHTML;
62
+ const i = document.createElement("div");
63
+ return i.innerHTML = r, i.innerHTML;
66
64
  };
67
- function Ut() {
68
- const { t: r } = j(), [e, n] = l(!1), [m, c] = l(""), [o, s] = E(), [p] = y(), d = N(), u = T(), f = B(
69
- (i) => {
70
- const b = a(i);
65
+ function Rt() {
66
+ const { t: r } = j(), [i, n] = l(!1), [m, c] = l(""), [o, s] = y(), [p] = N(), d = T(), u = E(), f = B(
67
+ (e) => {
68
+ const b = a(e);
71
69
  u([o.blockId], { [o.blockProp]: b });
72
70
  },
73
71
  [],
74
72
  300
75
73
  ), x = v(() => {
76
- if (e) {
77
- const i = a(m);
78
- d([o.blockId], { [o.blockProp]: i });
74
+ if (i) {
75
+ const e = a(m);
76
+ d([o.blockId], { [o.blockProp]: e });
79
77
  }
80
- }, [e, m]);
78
+ }, [i, m]);
81
79
  g(() => {
82
80
  p.includes(o == null ? void 0 : o.blockId) || (x(), s(null));
83
81
  }, [p]);
@@ -106,11 +104,11 @@ function Ut() {
106
104
  /* @__PURE__ */ t.jsx(
107
105
  k,
108
106
  {
109
- onMount: (i) => {
110
- i.setValue(o.initialCode);
107
+ onMount: (e) => {
108
+ e.setValue(o.initialCode);
111
109
  },
112
- onChange: (i) => {
113
- n(!0), c(i), f(i);
110
+ onChange: (e) => {
111
+ n(!0), c(e), f(e);
114
112
  },
115
113
  height: "100%",
116
114
  defaultLanguage: "html",
@@ -127,5 +125,5 @@ function Ut() {
127
125
  ] });
128
126
  }
129
127
  export {
130
- Ut as default
128
+ Rt as default
131
129
  };
@@ -1,9 +1,8 @@
1
1
  import { j as t } from "./jsx-runtime-Sp0orL4X.js";
2
2
  import m, { Suspense as p } from "react";
3
3
  import { B as c, S as n, ac as x } from "./context-menu-9cWJcKdh.js";
4
- import { L as d, k as s } from "./useGlobalBlocksStore-HlGhDxuV.js";
4
+ import { d, F as h, e as o, f } from "./index-UmpQEfVx.js";
5
5
  import { useTranslation as l } from "react-i18next";
6
- import { F as h, a as f } from "./index-zgy8mVKm.js";
7
6
  import { c as u } from "./iconBase-HBZkvN04.js";
8
7
  import { EyeOpenIcon as v } from "@radix-ui/react-icons";
9
8
  import "@radix-ui/react-switch";
@@ -28,9 +27,9 @@ import "clsx";
28
27
  import "tailwind-merge";
29
28
  import "lodash-es";
30
29
  import "jotai";
31
- import "./_commonjsHelpers-f3sTPFkQ.js";
32
- import "@react-hookz/web";
33
30
  import "@chaibuilder/runtime";
31
+ import "./plugin-sJ3Hzvpv.js";
32
+ import "@react-hookz/web";
34
33
  import "tree-model";
35
34
  import "react-quill";
36
35
  import "./STRINGS-TDN5UhWi.js";
@@ -43,7 +42,6 @@ import "@tailwindcss/typography";
43
42
  import "@tailwindcss/forms";
44
43
  import "@tailwindcss/aspect-ratio";
45
44
  import "tailwindcss-palette-generator";
46
- import "./plugin-VDzc8jUO.js";
47
45
  import "react-wrap-balancer";
48
46
  import "react-dom";
49
47
  import "prop-types";
@@ -60,7 +58,7 @@ import "fuse.js";
60
58
  import "i18next";
61
59
  import "framer-motion";
62
60
  const j = () => {
63
- const { savePage: a, saveState: e } = d(), { t: o } = l(), i = /* @__PURE__ */ t.jsxs(
61
+ const { savePage: a, saveState: e } = d(), { t: s } = l(), i = /* @__PURE__ */ t.jsxs(
64
62
  c,
65
63
  {
66
64
  disabled: e === "SAVING",
@@ -80,18 +78,18 @@ const j = () => {
80
78
  variant: "outline",
81
79
  children: [
82
80
  /* @__PURE__ */ t.jsx(h, { className: "text-sm text-white" }),
83
- /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: o(e === "SAVING" ? "saving" : e === "SAVED" ? "saved" : "unsaved") })
81
+ /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: s(e === "SAVING" ? "saving" : e === "SAVED" ? "saved" : "unsaved") })
84
82
  ]
85
83
  }
86
84
  );
87
85
  return /* @__PURE__ */ t.jsx("div", { className: "flex items-center", children: i });
88
86
  }, g = function() {
89
- const e = s("previewComponent"), [, o] = f(), { t: i } = l();
87
+ const e = o("previewComponent"), [, s] = f(), { t: i } = l();
90
88
  return e ? /* @__PURE__ */ t.jsxs(
91
89
  c,
92
90
  {
93
91
  onClick: (r) => {
94
- r.preventDefault(), o(!0);
92
+ r.preventDefault(), s(!0);
95
93
  },
96
94
  className: "flex h-auto w-fit items-center gap-x-2 p-1 px-2",
97
95
  size: "sm",
@@ -102,8 +100,8 @@ const j = () => {
102
100
  ]
103
101
  }
104
102
  ) : null;
105
- }, At = () => {
106
- const a = s("topBarComponents.left", []), e = s("topBarComponents.center", []), o = s("topBarComponents.right", []), i = s("editable", !0);
103
+ }, St = () => {
104
+ const a = o("topBarComponents.left", []), e = o("topBarComponents.center", []), s = o("topBarComponents.right", []), i = o("editable", !0);
107
105
  return /* @__PURE__ */ t.jsxs("div", { className: "flex h-14 items-center justify-between px-2", children: [
108
106
  /* @__PURE__ */ t.jsx("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ t.jsx("div", { className: "flex items-center space-x-2 font-bold", children: m.Children.toArray(
109
107
  a.map((r) => /* @__PURE__ */ t.jsx(p, { fallback: /* @__PURE__ */ t.jsx(n, { className: "h-10" }), children: /* @__PURE__ */ t.jsx(r, {}) }))
@@ -116,11 +114,11 @@ const j = () => {
116
114
  /* @__PURE__ */ t.jsx(x, { orientation: "vertical" }),
117
115
  i ? /* @__PURE__ */ t.jsx(j, {}) : null,
118
116
  m.Children.toArray(
119
- o.map((r) => /* @__PURE__ */ t.jsx(p, { fallback: /* @__PURE__ */ t.jsx(n, { className: "h-10" }), children: /* @__PURE__ */ t.jsx(r, {}) }))
117
+ s.map((r) => /* @__PURE__ */ t.jsx(p, { fallback: /* @__PURE__ */ t.jsx(n, { className: "h-10" }), children: /* @__PURE__ */ t.jsx(r, {}) }))
120
118
  )
121
119
  ] })
122
120
  ] });
123
121
  };
124
122
  export {
125
- At as default
123
+ St as default
126
124
  };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),n=require("react"),u=require("./context-menu-sQn7ryJ6.cjs"),s=require("./index-11fpvJA3.cjs"),x=require("react-i18next"),c=require("./iconBase-kuD_VwQx.cjs"),l=require("@radix-ui/react-icons");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("class-variance-authority");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");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-select");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-Yl7cSWDc.cjs");require("flagged");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");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("react-error-boundary");require("re-resizable");require("lucide-react");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 p=()=>{const{savePage:a,saveState:r}=s.useSavePage(),{t:i}=x.useTranslation(),o=e.jsxRuntimeExports.jsxs(u.Button,{disabled:r==="SAVING",onClick:t=>{t.preventDefault(),a()},className:c.cn("flex h-auto w-fit items-center gap-x-2 p-1 px-2","bg-gray-200 text-gray-500 hover:bg-gray-100 dark:bg-gray-800 dark:text-gray-400",{"animate-pulse bg-gray-300 text-gray-900":r==="SAVING","bg-green-500 text-white hover:bg-green-600 hover:text-white dark:bg-green-600 dark:text-white":r==="SAVED"}),size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(s.FaCheck,{className:"text-sm text-white"}),e.jsxRuntimeExports.jsx("span",{className:"text-sm",children:i(r==="SAVING"?"saving":r==="SAVED"?"saved":"unsaved")})]});return e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:o})},m=function(){const r=s.useBuilderProp("previewComponent"),[,i]=s.usePreviewMode(),{t:o}=x.useTranslation();return r?e.jsxRuntimeExports.jsxs(u.Button,{onClick:t=>{t.preventDefault(),i(!0)},className:"flex h-auto w-fit items-center gap-x-2 p-1 px-2",size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(l.EyeOpenIcon,{className:"text-xs"}),e.jsxRuntimeExports.jsx("span",{className:"text-sm",children:o("preview")})]}):null},q=()=>{const a=s.useBuilderProp("topBarComponents.left",[]),r=s.useBuilderProp("topBarComponents.center",[]),i=s.useBuilderProp("topBarComponents.right",[]),o=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:n.Children.toArray(a.map(t=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(u.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(t,{})})))})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:n.Children.toArray(r.map(t=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(u.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(t,{})})))}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-1",children:[e.jsxRuntimeExports.jsx(m,{}),e.jsxRuntimeExports.jsx(u.Separator,{orientation:"vertical"}),o?e.jsxRuntimeExports.jsx(p,{}):null,n.Children.toArray(i.map(t=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(u.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(t,{})})))]})]})};exports.default=q;
@@ -4,10 +4,9 @@ import { isEmpty as d } from "lodash-es";
4
4
  import { createApi as B } from "unsplash-js";
5
5
  import { N as D, V as E, B as L } from "./context-menu-9cWJcKdh.js";
6
6
  import { useTranslation as T } from "react-i18next";
7
- import { k as V } from "./useGlobalBlocksStore-HlGhDxuV.js";
7
+ import { e as V, C as k } from "./index-UmpQEfVx.js";
8
8
  import { useDebouncedState as F } from "@react-hookz/web";
9
9
  import { Loader as K } from "lucide-react";
10
- import { C as w } from "./index-zgy8mVKm.js";
11
10
  import "@radix-ui/react-switch";
12
11
  import "@radix-ui/react-accordion";
13
12
  import "@radix-ui/react-icons";
@@ -31,8 +30,8 @@ import "clsx";
31
30
  import "tailwind-merge";
32
31
  import "jotai";
33
32
  import "./iconBase-HBZkvN04.js";
34
- import "./_commonjsHelpers-f3sTPFkQ.js";
35
33
  import "@chaibuilder/runtime";
34
+ import "./plugin-sJ3Hzvpv.js";
36
35
  import "tree-model";
37
36
  import "react-quill";
38
37
  import "./STRINGS-TDN5UhWi.js";
@@ -45,7 +44,6 @@ import "@tailwindcss/typography";
45
44
  import "@tailwindcss/forms";
46
45
  import "@tailwindcss/aspect-ratio";
47
46
  import "tailwindcss-palette-generator";
48
- import "./plugin-VDzc8jUO.js";
49
47
  import "react-wrap-balancer";
50
48
  import "react-dom";
51
49
  import "prop-types";
@@ -64,7 +62,7 @@ const C = async (f, g) => new Promise((s, r) => {
64
62
  B({ accessKey: g }).search.getPhotos(f).then((i) => {
65
63
  s(i);
66
64
  }).catch((i) => r(i));
67
- }), He = ({ isModalView: f, onSelect: g }) => {
65
+ }), $e = ({ isModalView: f, onSelect: g }) => {
68
66
  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) => {
69
67
  if (d(h))
70
68
  return;
@@ -72,8 +70,8 @@ const C = async (f, g) => new Promise((s, r) => {
72
70
  a && (a.preventDefault(), t = 1), m(!0), v(t);
73
71
  const p = { query: h, page: t };
74
72
  l && (p.orientation = l), n && (p.color = n), C(p, s).then((o) => {
75
- var y, N, k;
76
- x(t === 1 ? ((y = o == null ? void 0 : o.response) == null ? void 0 : y.results) || [] : [...r, ...((N = o == null ? void 0 : o.response) == null ? void 0 : N.results) || []]), b((k = o == null ? void 0 : o.response) == null ? void 0 : k.total_pages), m(!1);
73
+ var y, N, w;
74
+ x(t === 1 ? ((y = o == null ? void 0 : o.response) == null ? void 0 : y.results) || [] : [...r, ...((N = o == null ? void 0 : o.response) == null ? void 0 : N.results) || []]), b((w = o == null ? void 0 : o.response) == null ? void 0 : w.total_pages), m(!1);
77
75
  }).catch(() => {
78
76
  m(!1);
79
77
  });
@@ -114,7 +112,7 @@ const C = async (f, g) => new Promise((s, r) => {
114
112
  }
115
113
  ),
116
114
  /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
117
- w,
115
+ k,
118
116
  {
119
117
  className: "w-40",
120
118
  placeholder: j("Orientation"),
@@ -141,7 +139,7 @@ const C = async (f, g) => new Promise((s, r) => {
141
139
  }
142
140
  ) }),
143
141
  /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
144
- w,
142
+ k,
145
143
  {
146
144
  placeholder: j("Color"),
147
145
  options: [
@@ -241,6 +239,6 @@ const C = async (f, g) => new Promise((s, r) => {
241
239
  ] });
242
240
  };
243
241
  export {
244
- He as default,
242
+ $e as default,
245
243
  C as fetchImage
246
244
  };
@@ -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-sQn7ryJ6.cjs"),_=require("react-i18next"),g=require("./index-11fpvJA3.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("class-variance-authority");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");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-select");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-kuD_VwQx.cjs");require("@chaibuilder/runtime");require("./plugin-_F-KZp1i.cjs");require("tree-model");require("react-quill");require("./STRINGS-Yl7cSWDc.cjs");require("flagged");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");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("react-error-boundary");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,b]=n.useState(0),[o,w]=n.useState(),[u,k]=n.useState(),[C,y]=n.useState(0),[d,P]=T.useDebouncedState("",1e3),[m,c]=n.useState(!1),{t:E}=_.useTranslation(),I=async r=>{if(p.isEmpty(d))return;let t=l+1;r&&(r.preventDefault(),t=1),c(!0),b(t);const x={query:d,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)||[]]),y((S=s==null?void 0:s.response)==null?void 0:S.total_pages),c(!1)}).catch(()=>{c(!1)})};return n.useEffect(()=>{if(!p.isEmpty(d)&&i){c(!0);const r={query:d,page:1};o&&(r.orientation=o),u&&(r.color=u),b(1),v(r,i).then(t=>{var x,s;q(((x=t==null?void 0:t.response)==null?void 0:x.results)||[]),y((s=t==null?void 0:t.response)==null?void 0:s.total_pages),c(!1)}).catch(()=>{c(!1)})}},[o,u,d,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 border-border bg-background p-px",children:[e.jsxRuntimeExports.jsx(f.Input,{type:"text",name:"query",className:"text-foreground",placeholder:'Try "dog" or "apple"',onChange:r=>P(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=>k(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)&&!m&&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)),m&&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<C&&!m&&e.jsxRuntimeExports.jsx(f.Button,{size:"sm",variant:"link",className:"w-full",onClick:()=>I(void 0),disabled:m,children:m?"":"Load More"})]})]})};exports.default=D;exports.fetchImage=v;
@@ -1,10 +1,10 @@
1
1
  import { j as e } from "./jsx-runtime-Sp0orL4X.js";
2
- import { useState as i, useEffect as k } from "react";
2
+ import { useState as l, useEffect as k } from "react";
3
3
  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-9cWJcKdh.js";
6
6
  import { useTranslation as E } from "react-i18next";
7
- import { k as N } from "./useGlobalBlocksStore-HlGhDxuV.js";
7
+ import { e as N } from "./index-UmpQEfVx.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";
@@ -28,43 +28,68 @@ import "@radix-ui/react-context-menu";
28
28
  import "clsx";
29
29
  import "tailwind-merge";
30
30
  import "./iconBase-HBZkvN04.js";
31
- import "./_commonjsHelpers-f3sTPFkQ.js";
32
- import "@react-hookz/web";
33
31
  import "@chaibuilder/runtime";
32
+ import "./plugin-sJ3Hzvpv.js";
33
+ import "@react-hookz/web";
34
34
  import "tree-model";
35
- const S = F([]), ue = ({ isModalView: r, onSelect: m }) => {
36
- const { t: s } = E(), p = N("uploadMediaCallback"), n = N("fetchMediaCallback"), [l, d] = U(S), [y, u] = i(!1), [x, f] = i(!1), [, v] = i(), [h, c] = i("");
35
+ import "react-quill";
36
+ import "./STRINGS-TDN5UhWi.js";
37
+ import "flagged";
38
+ import "react-hotkeys-hook";
39
+ import "@floating-ui/dom";
40
+ import "@floating-ui/react-dom";
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 "react-error-boundary";
50
+ import "re-resizable";
51
+ import "@rjsf/validator-ajv8";
52
+ import "@rjsf/core";
53
+ import "react-arborist";
54
+ import "himalaya";
55
+ import "react-icons-picker";
56
+ import "react-autosuggest";
57
+ import "fuse.js";
58
+ import "i18next";
59
+ import "framer-motion";
60
+ const S = F([]), Re = ({ isModalView: s, onSelect: m }) => {
61
+ const { t: r } = E(), c = N("uploadMediaCallback"), n = N("fetchMediaCallback"), [i, p] = U(S), [y, u] = l(!1), [x, f] = l(!1), [, v] = l(), [h, d] = l("");
37
62
  k(() => {
38
63
  (async () => {
39
64
  if (!n)
40
65
  return;
41
66
  f(!0);
42
67
  const t = await n();
43
- d(t || []), f(!1);
68
+ p(t || []), f(!1);
44
69
  })();
45
70
  }, []);
46
71
  const w = (t) => {
47
- var a, o;
48
- if (c(""), t && ((o = (a = t == null ? void 0 : t.target) == null ? void 0 : a.files) == null ? void 0 : o.length) > 0) {
72
+ var o, a;
73
+ if (d(""), t && ((a = (o = t == null ? void 0 : t.target) == null ? void 0 : o.files) == null ? void 0 : a.length) > 0) {
49
74
  const g = t.target.files[0];
50
- g.type.startsWith("image") ? I(g) : c(s("Please select an image"));
75
+ g.type.startsWith("image") ? I(g) : d(r("Please select an image"));
51
76
  }
52
77
  }, I = async (t) => {
53
- if (p) {
78
+ if (c) {
54
79
  u(!0);
55
80
  try {
56
- const { url: a } = await p(t);
57
- m(a), v(void 0);
58
- const o = await n();
59
- d(o);
60
- } catch (a) {
61
- d([]), c((a == null ? void 0 : a.message) || "Something went wrong.");
81
+ const { url: o } = await c(t);
82
+ m(o), v(void 0);
83
+ const a = await n();
84
+ p(a);
85
+ } catch (o) {
86
+ p([]), d((o == null ? void 0 : o.message) || "Something went wrong.");
62
87
  }
63
88
  u(!1);
64
89
  }
65
90
  };
66
91
  return /* @__PURE__ */ e.jsxs("div", { children: [
67
- /* @__PURE__ */ e.jsxs("label", { htmlFor: r ? "upload-in-modal" : "upload-in-panel", children: [
92
+ /* @__PURE__ */ e.jsxs("label", { htmlFor: s ? "upload-in-modal" : "upload-in-panel", children: [
68
93
  /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center rounded-lg", children: /* @__PURE__ */ e.jsxs(
69
94
  "label",
70
95
  {
@@ -73,14 +98,14 @@ const S = F([]), ue = ({ isModalView: r, onSelect: m }) => {
73
98
  children: [
74
99
  /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center pb-6 pt-5", children: [
75
100
  /* @__PURE__ */ e.jsx(G, { className: "mb-3 h-10 w-10 text-gray-400" }),
76
- /* @__PURE__ */ e.jsx("p", { className: "mb-2 text-sm text-gray-500 dark:text-gray-400", children: /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: s("Click to upload") }) }),
77
- /* @__PURE__ */ e.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: s("SVG, PNG, JPG or GIF (Max. 2mb)") })
101
+ /* @__PURE__ */ e.jsx("p", { className: "mb-2 text-sm text-gray-500 dark:text-gray-400", children: /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: r("Click to upload") }) }),
102
+ /* @__PURE__ */ e.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: r("SVG, PNG, JPG or GIF (Max. 2mb)") })
78
103
  ] }),
79
104
  y ? /* @__PURE__ */ e.jsxs("div", { className: "flex h-full w-full items-center justify-center", children: [
80
105
  /* @__PURE__ */ e.jsx(P, { className: "h-6 w-6 animate-spin" }),
81
- /* @__PURE__ */ e.jsx("span", { className: "ml-2 text-sm text-gray-500", children: s("Uploading...") })
106
+ /* @__PURE__ */ e.jsx("span", { className: "ml-2 text-sm text-gray-500", children: r("Uploading...") })
82
107
  ] }) : null,
83
- h && /* @__PURE__ */ e.jsx("p", { className: "pb-2 text-xs text-red-500", children: h || s("Something went wrong") })
108
+ h && /* @__PURE__ */ e.jsx("p", { className: "pb-2 text-xs text-red-500", children: h || r("Something went wrong") })
84
109
  ]
85
110
  }
86
111
  ) }),
@@ -95,21 +120,21 @@ const S = F([]), ue = ({ isModalView: r, onSelect: m }) => {
95
120
  }
96
121
  )
97
122
  ] }),
98
- /* @__PURE__ */ e.jsxs(C, { className: `-mx-2 flex h-full flex-col pb-8 pt-2 ${r ? "px-2" : ""} pt-2`, children: [
99
- j(l) && x && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center justify-center py-6", children: /* @__PURE__ */ e.jsx("div", { className: "animate-pulse font-medium", children: s("Fetching...") }) }),
100
- j(l) && !x && /* @__PURE__ */ e.jsxs("div", { className: "flex h-full flex-col items-center justify-center text-center", children: [
123
+ /* @__PURE__ */ e.jsxs(C, { className: `-mx-2 flex h-full flex-col pb-8 pt-2 ${s ? "px-2" : ""} pt-2`, children: [
124
+ j(i) && x && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center justify-center py-6", children: /* @__PURE__ */ e.jsx("div", { className: "animate-pulse font-medium", children: r("Fetching...") }) }),
125
+ j(i) && !x && /* @__PURE__ */ e.jsxs("div", { className: "flex h-full flex-col items-center justify-center text-center", children: [
101
126
  /* @__PURE__ */ e.jsx("div", { className: "mb-4 h-12 rounded-full p-6" }),
102
- /* @__PURE__ */ e.jsx("h3", { className: "mb-2 text-sm font-semibold", children: s("No images found") }),
103
- /* @__PURE__ */ e.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.") })
127
+ /* @__PURE__ */ e.jsx("h3", { className: "mb-2 text-sm font-semibold", children: r("No images found") }),
128
+ /* @__PURE__ */ e.jsx("p", { className: "mb-4 max-w-sm text-muted-foreground", children: r("It looks like you haven't uploaded any images yet. Start by clicking the upload button above.") })
104
129
  ] }),
105
- r ? /* @__PURE__ */ e.jsx("div", { className: "h-full columns-5 py-2", children: b(l, (t) => /* @__PURE__ */ e.jsx("div", { role: "button", tabIndex: 0, className: "my-1 flex", onClick: () => m(t.url), children: /* @__PURE__ */ e.jsx("div", { className: "relative overflow-hidden rounded-md bg-cover bg-no-repeat", children: /* @__PURE__ */ e.jsx(
130
+ s ? /* @__PURE__ */ e.jsx("div", { className: "h-full columns-5 py-2", children: b(i, (t) => /* @__PURE__ */ e.jsx("div", { role: "button", tabIndex: 0, className: "my-1 flex", onClick: () => m(t.url), children: /* @__PURE__ */ e.jsx("div", { className: "relative overflow-hidden rounded-md bg-cover bg-no-repeat", children: /* @__PURE__ */ e.jsx(
106
131
  "img",
107
132
  {
108
133
  className: "h-auto flex-1 cursor-pointer rounded-md transition duration-300 ease-in-out hover:scale-105",
109
134
  alt: t.name,
110
135
  src: t.thumbUrl
111
136
  }
112
- ) }) }, t.id)) }) : b(l, (t) => (
137
+ ) }) }, t.id)) }) : b(i, (t) => (
113
138
  // TODO: Drag and Drop Image to Canvas from Here use `pic.url` for image quality
114
139
  /* @__PURE__ */ e.jsx("div", { role: "button", tabIndex: 0, className: "px-2 py-1", onClick: () => m(t.url), children: /* @__PURE__ */ e.jsx("div", { className: "relative overflow-hidden rounded-md bg-cover bg-no-repeat", children: /* @__PURE__ */ e.jsx(
115
140
  "img",
@@ -124,5 +149,5 @@ const S = F([]), ue = ({ isModalView: r, onSelect: m }) => {
124
149
  ] });
125
150
  };
126
151
  export {
127
- ue as default
152
+ Re as default
128
153
  };
@@ -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-sQn7ryJ6.cjs"),w=require("react-i18next"),g=require("./index-11fpvJA3.cjs"),b=require("lucide-react");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("class-variance-authority");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");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-select");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-kuD_VwQx.cjs");require("@chaibuilder/runtime");require("./plugin-_F-KZp1i.cjs");require("@react-hookz/web");require("tree-model");require("react-quill");require("./STRINGS-Yl7cSWDc.cjs");require("flagged");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");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("react-error-boundary");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),[R,p]=i.useState(!1),[j,q]=i.useState(!1),[,y]=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),y(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-border",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)")})]}),R?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-lynOzeB3.cjs"),s=require("./iconBase-kuD_VwQx.cjs"),r=require("./useGlobalBlocksStore-1wJUEOl4.cjs"),u=require("react-i18next"),i=require("i18next");require("./jsx-runtime-JYMCiFoE.cjs");require("react");require("./context-menu-sQn7ryJ6.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("class-variance-authority");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");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-select");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("react-quill");require("@chaibuilder/runtime");require("./STRINGS-Yl7cSWDc.cjs");require("flagged");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("@react-hookz/web");require("react-event-hook");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("tailwindcss-palette-generator");require("./plugin-02QsHeBE.cjs");require("./_commonjsHelpers-f52AuuUj.cjs");require("react-wrap-balancer");require("react-dom");require("prop-types");require("react-error-boundary");require("re-resizable");require("lucide-react");require("@rjsf/validator-ajv8");require("@rjsf/core");require("react-arborist");require("himalaya");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("framer-motion");require("tree-model");exports.AISetContext=e.AISetContext;exports.AIUserPrompt=e.AIUserPrompt;exports.AddBlocksDialog=e.AddBlocksDialog;exports.AddBlocksPanel=e.AddBlocksPanel;exports.BlockAttributesEditor=e.BlockAttributesEditor;exports.BlockPropsEditor=e.BlockSettings;exports.BlockStyleEditor=e.BlockStyling;exports.CHAI_BUILDER_EVENTS=e.CHAI_BUILDER_EVENTS;exports.ChaiBuilderCanvas=e.CanvasArea;exports.ChaiBuilderEditor=e.ChaiBuilderEditor;exports.DarkModeSwitcher=e.DarkMode;exports.DefaultChaiBlocks=e.DefaultChaiBlocks;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.emitChaiBuilderMsg=e.emitChaiBuilderMsg;exports.getBlocksFromHTML=e.getBlocksFromHTML;exports.getClassValueAndUnit=e.getClassValueAndUnit;exports.useAddBlock=e.useAddBlock;exports.useAddClassesToBlocks=e.useAddClassesToBlocks;exports.useBuilderReset=e.useBuilderReset;exports.useCanvasWidth=e.useCanvasWidth;exports.useCanvasZoom=e.useCanvasZoom;exports.useChaiBuilderMsgListener=e.useChaiBuilderMsgListener;exports.useCodeEditor=e.useCodeEditor;exports.useCopyBlockIds=e.useCopyBlockIds;exports.useCopyToClipboard=e.useCopyToClipboard;exports.useCutBlockIds=e.useCutBlockIds;exports.useDarkMode=e.useDarkMode;exports.useDuplicateBlocks=e.useDuplicateBlocks;exports.useHiddenBlockIds=e.useHiddenBlockIds;exports.useHighlightBlockId=e.useHighlightBlockId;exports.useLayoutVariant=e.useLayoutVariant;exports.usePasteBlocks=e.usePasteBlocks;exports.usePreviewMode=e.usePreviewMode;exports.useRemoveClassesFromBlocks=e.useRemoveClassesFromBlocks;exports.useSelectedBlockAllClasses=e.useSelectedBlockAllClasses;exports.useSelectedBlockCurrentClasses=e.useSelectedBlockCurrentClasses;exports.useSelectedBreakpoints=e.useSelectedBreakpoints;exports.useSelectedStylingBlocks=e.useSelectedStylingBlocks;exports.useStylingBreakpoint=e.useStylingBreakpoint;exports.useStylingState=e.useStylingState;exports.useUILibraryBlocks=e.useUILibraryBlocks;exports.generateBlockId=s.generateUUID;exports.mergeClasses=s.cn;exports.useBlocksStore=r.useBlocksStore;exports.useBlocksStoreUndoableActions=r.useBlocksStoreUndoableActions;exports.useBrandingOptions=r.useBrandingOptions;exports.useBuilderProp=r.useBuilderProp;exports.useCurrentPage=r.useCurrentPage;exports.useGlobalBlocksList=r.useGlobalBlocksList;exports.useGlobalBlocksStore=r.useGlobalBlocksStore;exports.useRemoveBlocks=r.useRemoveBlocks;exports.useSavePage=r.useSavePage;exports.useSelectedBlock=r.useSelectedBlock;exports.useSelectedBlockIds=r.useSelectedBlockIds;exports.useSelectedBlocksDisplayChild=r.useSelectedBlocksDisplayChild;exports.useUndoManager=r.useUndoManager;exports.useUpdateBlocksProps=r.useUpdateBlocksProps;exports.useUpdateBlocksPropsRealtime=r.useUpdateBlocksPropsRealtime;Object.defineProperty(exports,"useTranslation",{enumerable:!0,get:()=>u.useTranslation});exports.i18n=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-11fpvJA3.cjs"),r=require("./iconBase-kuD_VwQx.cjs"),s=require("react-i18next"),u=require("i18next");require("./jsx-runtime-JYMCiFoE.cjs");require("react");require("./context-menu-sQn7ryJ6.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("class-variance-authority");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");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-select");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-Yl7cSWDc.cjs");require("flagged");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");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("react-error-boundary");require("re-resizable");require("lucide-react");require("@rjsf/validator-ajv8");require("@rjsf/core");require("react-arborist");require("himalaya");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("framer-motion");exports.AISetContext=e.AISetContext;exports.AIUserPrompt=e.AIUserPrompt;exports.AddBlocksDialog=e.AddBlocksDialog;exports.AddBlocksPanel=e.AddBlocksPanel;exports.BlockAttributesEditor=e.BlockAttributesEditor;exports.BlockPropsEditor=e.BlockSettings;exports.BlockStyleEditor=e.BlockStyling;exports.CHAI_BUILDER_EVENTS=e.CHAI_BUILDER_EVENTS;exports.ChaiBuilderCanvas=e.CanvasArea;exports.ChaiBuilderEditor=e.ChaiBuilderEditor;exports.DarkModeSwitcher=e.DarkMode;exports.DefaultChaiBlocks=e.DefaultChaiBlocks;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.emitChaiBuilderMsg=e.emitChaiBuilderMsg;exports.getBlocksFromHTML=e.getBlocksFromHTML;exports.getClassValueAndUnit=e.getClassValueAndUnit;exports.useAddBlock=e.useAddBlock;exports.useAddClassesToBlocks=e.useAddClassesToBlocks;exports.useBlocksStore=e.useBlocksStore;exports.useBlocksStoreUndoableActions=e.useBlocksStoreUndoableActions;exports.useBrandingOptions=e.useBrandingOptions;exports.useBuilderProp=e.useBuilderProp;exports.useBuilderReset=e.useBuilderReset;exports.useCanvasWidth=e.useCanvasWidth;exports.useCanvasZoom=e.useCanvasZoom;exports.useChaiBuilderMsgListener=e.useChaiBuilderMsgListener;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.useGlobalBlocksList=e.useGlobalBlocksList;exports.useGlobalBlocksStore=e.useGlobalBlocksStore;exports.useHiddenBlockIds=e.useHiddenBlockIds;exports.useHighlightBlockId=e.useHighlightBlockId;exports.useLayoutVariant=e.useLayoutVariant;exports.usePasteBlocks=e.usePasteBlocks;exports.usePreviewMode=e.usePreviewMode;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;