@chaibuilder/sdk 1.2.65 → 1.2.66

package/dist/{UILibrariesPanel-NVUMUPUj.js → UILibrariesPanel-a7TrMuAU.js}

@@ -1,50 +1,22 @@
-import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import { noop as T, get as g, has as I, first as x, isEmpty as L, values as U, groupBy as D, map as _, capitalize as O } from "lodash-es";
+import { j as e } from "./jsx-runtime-Sp0orL4X.js";
+import { values as D, first as x, groupBy as U, get as g, map as _, capitalize as z, noop as T, has as I, isEmpty as L } from "lodash-es";
 import * as R from "react";
-import S, { useState as A, useCallback as z, useEffect as G, useRef as M } from "react";
-import { a4 as H, a5 as F, B as J, a6 as W, a7 as $, a8 as K, a9 as V, aa as Y, ab as q, ac as Q, h as C, U as X, j as Z, V as ee, T as te, v as se, w as oe, b5 as re, aO as ae, a3 as ie, aJ as ne } from "./index-C7mB4XFm.js";
-import { syncBlocksWithDefaults as le, useChaiBlocks as ce } from "@chaibuilder/runtime";
-import { Loader as me } from "lucide-react";
-import { useAtom as w, atom as de } from "jotai";
-import { c as E } from "./Functions-7jnEwJyw.js";
-import { CaretSortIcon as pe, CheckIcon as ue, CaretRightIcon as xe } from "@radix-ui/react-icons";
-import { O as fe } from "./MODIFIERS-fd5XOmum.js";
+import S, { useState as A, useRef as O, useCallback as G, useEffect as M } from "react";
+import { w as H, c as C, e as F, s as W, i as $, t as J, r as K } from "./index-Dgo2PNEV.js";
 import { useTranslation as P } from "react-i18next";
-import { c as he } from "./index-lFgDm1oa.js";
+import { useChaiBlocks as X, syncBlocksWithDefaults as Y } from "@chaibuilder/runtime";
+import { Loader as q } from "lucide-react";
+import { atom as Q, useAtom as w } from "jotai";
+import { c as E } from "./iconBase-zweRWSz0.js";
+import { CaretSortIcon as V, CheckIcon as Z, CaretRightIcon as ee } from "@radix-ui/react-icons";
+import { P as te, s as se, B as oe, t as re, u as ae, v as ie, w as ne, x as le, y as ce, z as me, S as de, X as ue, T as pe, d as xe, e as fe } from "./context-menu-sks9vdzC.js";
+import { O as he } from "./STRINGS--j49GZJP.js";
 import ge from "clsx";
 import { useFeature as je } from "flagged";
-import "./_commonjsHelpers-UyOWmZb0.js";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
-import "./utils-VpVqnC9m.js";
-import "tailwind-merge";
-import "@radix-ui/react-switch";
-import "@radix-ui/react-slot";
-import "@radix-ui/react-accordion";
-import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-label";
-import "@radix-ui/react-scroll-area";
-import "@radix-ui/react-tabs";
-import "@radix-ui/react-tooltip";
-import "@radix-ui/react-popover";
-import "@radix-ui/react-menubar";
-import "@radix-ui/react-hover-card";
-import "@radix-ui/react-select";
-import "@radix-ui/react-dropdown-menu";
-import "@radix-ui/react-separator";
-import "@radix-ui/react-toast";
-import "cmdk";
-import "@radix-ui/react-context-menu";
-import "react-icons-picker";
-import "react-dom";
-import "react-quill";
+import "./plugin-sJ3Hzvpv.js";
 import "@react-hookz/web";
 import "tree-model";
-import "i18next";
-import "react-arborist";
-import "./index-VBXQixVm.js";
-import "prop-types";
+import "react-quill";
 import "react-hotkeys-hook";
 import "@floating-ui/dom";
 import "@floating-ui/react-dom";
@@ -52,27 +24,47 @@ import "@tailwindcss/typography";
 import "@tailwindcss/forms";
 import "@tailwindcss/aspect-ratio";
 import "tailwindcss-palette-generator";
-import "./html-to-json-l_mw5y-e.js";
-import "himalaya";
+import "tailwind-merge";
 import "lodash";
 import "react-wrap-balancer";
-import "@rjsf/core";
+import "react-dom";
+import "prop-types";
 import "@rjsf/validator-ajv8";
+import "@rjsf/core";
+import "react-arborist";
+import "himalaya";
+import "react-icons-picker";
 import "react-autosuggest";
 import "fuse.js";
-import "./controls-yjgoZzB6.js";
+import "@radix-ui/react-scroll-area";
+import "i18next";
+import "@radix-ui/react-switch";
+import "@radix-ui/react-accordion";
+import "class-variance-authority";
+import "@radix-ui/react-alert-dialog";
+import "@radix-ui/react-slot";
+import "@radix-ui/react-label";
+import "@radix-ui/react-tabs";
+import "@radix-ui/react-tooltip";
+import "@radix-ui/react-popover";
+import "@radix-ui/react-hover-card";
+import "@radix-ui/react-dropdown-menu";
+import "@radix-ui/react-toast";
+import "cmdk";
+import "@radix-ui/react-dialog";
+import "@radix-ui/react-context-menu";
 function ke({
   uiLibraries: t,
   library: a,
   setLibrary: i
 }) {
-  var p;
+  var u;
   const [m, l] = R.useState(!1), { t: s } = P();
-  return a ? /* @__PURE__ */ e.jsxs(H, { open: m, onOpenChange: l, children: [
-    /* @__PURE__ */ e.jsx(F, { asChild: !0, children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-2", children: [
+  return a ? /* @__PURE__ */ e.jsxs(te, { open: m, onOpenChange: l, children: [
+    /* @__PURE__ */ e.jsx(se, { asChild: !0, children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-2", children: [
       /* @__PURE__ */ e.jsx("span", { children: s("Choose Library") }),
       /* @__PURE__ */ e.jsxs(
-        J,
+        oe,
         {
           variant: "outline",
           size: "sm",
@@ -80,27 +72,27 @@ function ke({
           "aria-expanded": m,
           className: "w-[200px] justify-between",
           children: [
-            a ? (p = t.find((o) => o.uuid === a)) == null ? void 0 : p.name : s("Select library"),
-            /* @__PURE__ */ e.jsx(pe, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+            a ? (u = t.find((o) => o.uuid === a)) == null ? void 0 : u.name : s("Select library"),
+            /* @__PURE__ */ e.jsx(V, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
           ]
         }
       )
     ] }) }),
-    /* @__PURE__ */ e.jsx(W, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs($, { children: [
-      /* @__PURE__ */ e.jsx(K, { placeholder: "Search library...", className: "h-9" }),
-      /* @__PURE__ */ e.jsxs(V, { children: [
-        /* @__PURE__ */ e.jsx(Y, { children: "No library found." }),
-        /* @__PURE__ */ e.jsx(q, { children: t.map((o) => /* @__PURE__ */ e.jsxs(
-          Q,
+    /* @__PURE__ */ e.jsx(re, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(ae, { children: [
+      /* @__PURE__ */ e.jsx(ie, { placeholder: "Search library...", className: "h-9" }),
+      /* @__PURE__ */ e.jsxs(ne, { children: [
+        /* @__PURE__ */ e.jsx(le, { children: "No library found." }),
+        /* @__PURE__ */ e.jsx(ce, { children: t.map((o) => /* @__PURE__ */ e.jsxs(
+          me,
           {
             value: o.uuid,
-            onSelect: (u) => {
-              i(u), l(!1);
+            onSelect: (p) => {
+              i(p), l(!1);
             },
             children: [
               o.name,
               /* @__PURE__ */ e.jsx(
-                ue,
+                Z,
                 {
                   className: E("ml-auto h-4 w-4", a === o.uuid ? "opacity-100" : "opacity-0")
                 }
@@ -118,24 +110,24 @@ const we = ({
   closePopover: a,
   library: i
 }) => {
-  const [m, l] = A(!1), s = C("getUILibraryBlock", T), { addCoreBlock: p, addPredefinedBlock: o } = X(), [u, j] = Z(), [, k] = ee(), f = g(t, "name", g(t, "label")), b = je("dnd"), [, v] = w(he), n = (r) => {
+  const [m, l] = A(!1), s = C("getUILibraryBlock", T), { addCoreBlock: u, addPredefinedBlock: o } = W(), [p, j] = $(), [, k] = J(), f = g(t, "name", g(t, "label")), v = je("dnd"), [, B] = w(K), n = (r) => {
     const d = I(r, "styles_attrs.data-page-section");
     return r._type === "Box" && d;
-  }, B = z(
+  }, b = G(
     async (r) => {
       if (r.stopPropagation(), I(t, "component")) {
-        p(t, x(u)), a();
+        u(t, x(p)), a();
         return;
       }
       l(!0);
       const d = await s(i, t);
-      let h = x(u);
-      n(x(d)) && (h = null), L(d) || o(le(d), h), a();
+      let h = x(p);
+      n(x(d)) && (h = null), L(d) || o(Y(d), h), a();
     },
     [t]
   ), c = async (r) => {
     const d = await s(i, t);
-    let h = x(u);
+    let h = x(p);
     if (n(x(d)) && (h = null), !L(d)) {
       const y = { blocks: d, uiLibrary: !0, parent: h };
       if (r.dataTransfer.setData("text/plain", JSON.stringify(y)), t.preview) {
@@ -145,58 +137,58 @@ const we = ({
         };
       } else
         r.dataTransfer.setDragImage(new Image(), 0, 0);
-      v(y), setTimeout(() => {
+      B(y), setTimeout(() => {
         j([]), k(null), a();
       }, 200);
     }
   };
-  return /* @__PURE__ */ e.jsxs(te, { children: [
-    /* @__PURE__ */ e.jsx(se, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsxs(pe, { children: [
+    /* @__PURE__ */ e.jsx(xe, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       "div",
       {
         onClick: m ? () => {
-        } : B,
-        draggable: b ? "true" : "false",
+        } : b,
+        draggable: v ? "true" : "false",
         onDragStart: c,
         className: ge(
           "relative mt-2 cursor-pointer overflow-hidden rounded-md border border-gray-300 bg-white duration-200 hover:border-blue-500 hover:shadow-xl"
         ),
         children: [
           m && /* @__PURE__ */ e.jsxs("div", { className: "absolute flex h-full w-full items-center justify-center bg-black/70", children: [
-            /* @__PURE__ */ e.jsx(me, { className: "animate-spin", size: 15, color: "white" }),
+            /* @__PURE__ */ e.jsx(q, { className: "animate-spin", size: 15, color: "white" }),
             /* @__PURE__ */ e.jsx("span", { className: "pl-2 text-sm text-white", children: "Adding..." })
           ] }),
           t.preview ? /* @__PURE__ */ e.jsx("img", { src: t.preview, className: "min-h-[25px] w-full rounded-md", alt: f }) : /* @__PURE__ */ e.jsx("div", { className: "flex h-20 items-center justify-center rounded-md border border-border border-gray-300 bg-gray-200", children: /* @__PURE__ */ e.jsx("p", { className: "max-w-xs text-center text-sm text-gray-700", children: f }) })
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsx(oe, { children: /* @__PURE__ */ e.jsx("p", { children: f }) })
+    /* @__PURE__ */ e.jsx(fe, { children: /* @__PURE__ */ e.jsx("p", { children: f }) })
   ] });
-}, be = de({}), ve = (t) => {
-  const [a, i] = w(be), m = C("getUILibraryBlocks", T), l = g(a, `${t == null ? void 0 : t.uuid}.blocks`, []), s = g(a, `${t == null ? void 0 : t.uuid}.loading`, !1);
-  return G(() => {
+}, ve = Q({}), Be = (t) => {
+  const [a, i] = w(ve), m = C("getUILibraryBlocks", T), l = g(a, `${t == null ? void 0 : t.uuid}.blocks`, []), s = g(a, `${t == null ? void 0 : t.uuid}.loading`, !1);
+  return M(() => {
     (async () => {
       if (s || l.length > 0 || !t)
         return;
       i((o) => ({ ...o, [t == null ? void 0 : t.uuid]: { loading: !0, blocks: [] } }));
-      const p = await m(t);
-      i((o) => ({ ...o, [t == null ? void 0 : t.uuid]: { loading: !1, blocks: p || [] } }));
+      const u = await m(t);
+      i((o) => ({ ...o, [t == null ? void 0 : t.uuid]: { loading: !1, blocks: u || [] } }));
     })();
   }, [t, l, s]), { data: l, isLoading: s };
-}, Be = re("_selectedLibrary", null), Ne = () => {
-  const [t, a] = w(Be), i = C("uiLibraries", []), m = ce(), l = U(m).filter((c) => c.category === "custom"), s = i.find((c) => c.uuid === t) || x(i), { data: p, isLoading: o } = ve(s), u = D([...p, ...l], "group"), [j, k] = A("Hero"), [, f] = w(ae), b = g(u, j, []), { t: v } = P(), n = M(null), B = (c) => {
+}, be = H("_selectedLibrary", null), Ne = () => {
+  const [t, a] = w(be), i = C("uiLibraries", []), m = X(), l = D(m).filter((c) => c.category === "custom"), s = i.find((c) => c.uuid === t) || x(i), { data: u, isLoading: o } = Be(s), p = U([...u, ...l], "group"), [j, k] = A("Hero"), [, f] = w(F), v = g(p, j, []), { t: B } = P(), n = O(null), b = (c) => {
     n.current && (clearTimeout(n.current), n.current = null), n.current = setTimeout(() => {
       n.current && k(c);
     }, 300);
   };
-  return o ? /* @__PURE__ */ e.jsx(ie, { className: "h-full w-full" }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full max-h-full w-[460px] flex-col overflow-hidden bg-background", children: [
+  return o ? /* @__PURE__ */ e.jsx(de, { className: "h-full w-full" }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full max-h-full w-[460px] flex-col overflow-hidden bg-background", children: [
     s != null && s.uuid ? /* @__PURE__ */ e.jsx("div", { className: "sticky top-0 flex h-fit flex-col", children: /* @__PURE__ */ e.jsx("div", { className: "mb-2 flex flex-col justify-between rounded-md bg-background/30 p-1", children: /* @__PURE__ */ e.jsx("h1", { className: "flex w-full flex-col items-baseline truncate px-1 text-sm font-semibold xl:flex-col", children: /* @__PURE__ */ e.jsx(ke, { library: s == null ? void 0 : s.uuid, setLibrary: a, uiLibraries: i }) }) }) }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "flex h-[95%] border-t border-gray-300 pt-2", children: [
       /* @__PURE__ */ e.jsx("div", { className: "flex h-full w-40 flex-col gap-1 px-1", children: S.Children.toArray(
-        _(u, (c, r) => /* @__PURE__ */ e.jsxs(
+        _(p, (c, r) => /* @__PURE__ */ e.jsxs(
           "div",
           {
-            onMouseEnter: () => B(r),
+            onMouseEnter: () => b(r),
             onMouseLeave: () => clearTimeout(n.current),
             onClick: () => k(r),
             className: E(
@@ -204,22 +196,22 @@ const we = ({
               r === j ? "bg-blue-500 text-white hover:bg-blue-600" : ""
             ),
             children: [
-              /* @__PURE__ */ e.jsx("span", { children: O(r) }),
-              /* @__PURE__ */ e.jsx(xe, { className: "ml-2 h-5 w-5" })
+              /* @__PURE__ */ e.jsx("span", { children: z(r) }),
+              /* @__PURE__ */ e.jsx(ee, { className: "ml-2 h-5 w-5" })
             ]
           },
           r
         ))
       ) }),
       /* @__PURE__ */ e.jsxs(
-        ne,
+        ue,
         {
           onMouseEnter: () => n.current ? clearTimeout(n.current) : null,
           className: "z-10 -mt-2 flex h-full max-h-full w-[300px] flex-col gap-2 border-l border-gray-300 transition-all ease-linear",
           children: [
-            /* @__PURE__ */ e.jsx("div", { className: "sticky top-0 z-30 border-b border-gray-300 bg-gray-200 p-2 text-[9px] font-light leading-3 text-gray-500", children: v("Click on a block to add it to the page") }),
+            /* @__PURE__ */ e.jsx("div", { className: "sticky top-0 z-30 border-b border-gray-300 bg-gray-200 p-2 text-[9px] font-light leading-3 text-gray-500", children: B("Click on a block to add it to the page") }),
             /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2 px-2", children: S.Children.toArray(
-              b.map((c) => /* @__PURE__ */ e.jsx(we, { block: c, library: s, closePopover: () => f(fe) }))
+              v.map((c) => /* @__PURE__ */ e.jsx(we, { block: c, library: s, closePopover: () => f(he) }))
             ) }),
             /* @__PURE__ */ e.jsx("br", {}),
             /* @__PURE__ */ e.jsx("br", {}),
@@ -229,7 +221,7 @@ const we = ({
       )
     ] })
   ] }) });
-}, Pt = () => /* @__PURE__ */ e.jsx(Ne, {});
+}, Ct = () => /* @__PURE__ */ e.jsx(Ne, {});
 export {
-  Pt as default
+  Ct as default
 };

package/dist/{UnsplashImages-UkHihhA5.js → UnsplashImages-6Bj8nQ8n.js}

@@ -1,58 +1,74 @@
-import { j as e } from "./jsx-runtime-WbnYoNE9.js";
+import { j as e } from "./jsx-runtime-Sp0orL4X.js";
 import { useState as p, useEffect as D } from "react";
 import { isEmpty as d, startCase as E } from "lodash-es";
-import { MixerHorizontalIcon as F } from "@radix-ui/react-icons";
-import { createApi as L } from "unsplash-js";
-import { h as B, aF as K, a4 as U, a5 as V, a6 as O, bw as P, bx as C, by as S, bz as A, bA as h, aJ as Q, B as H } from "./index-C7mB4XFm.js";
-import { useDebouncedState as J } from "@react-hookz/web";
-import { Loader as R } from "lucide-react";
-import "./_commonjsHelpers-UyOWmZb0.js";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
-import "./utils-VpVqnC9m.js";
-import "./MODIFIERS-fd5XOmum.js";
-import "clsx";
-import "tailwind-merge";
+import { MixerHorizontalIcon as L } from "@radix-ui/react-icons";
+import { createApi as B } from "unsplash-js";
+import { Q as F, P as K, s as Q, t as U, X as V, B as O } from "./context-menu-sks9vdzC.js";
+import { S as P, c as S, b as C, d as I, f as h } from "./select-JW3OMYm-.js";
+import "react-i18next";
+import { c as H } from "./index-Dgo2PNEV.js";
+import { useDebouncedState as R } from "@react-hookz/web";
+import { Loader as X } from "lucide-react";
 import "@radix-ui/react-switch";
-import "@radix-ui/react-slot";
 import "@radix-ui/react-accordion";
+import "class-variance-authority";
 import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-dialog";
+import "@radix-ui/react-slot";
 import "@radix-ui/react-label";
 import "@radix-ui/react-scroll-area";
 import "@radix-ui/react-tabs";
 import "@radix-ui/react-tooltip";
 import "@radix-ui/react-popover";
-import "@radix-ui/react-menubar";
 import "@radix-ui/react-hover-card";
-import "@radix-ui/react-select";
 import "@radix-ui/react-dropdown-menu";
-import "@radix-ui/react-separator";
 import "@radix-ui/react-toast";
 import "cmdk";
+import "@radix-ui/react-dialog";
 import "@radix-ui/react-context-menu";
-import "react-icons-picker";
-import "react-dom";
-import "react-quill";
-import "./Functions-7jnEwJyw.js";
-import "@chaibuilder/runtime";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-select";
 import "jotai";
+import "./iconBase-zweRWSz0.js";
+import "@chaibuilder/runtime";
+import "./plugin-sJ3Hzvpv.js";
 import "tree-model";
-import "react-i18next";
-const I = async (x, g) => new Promise((o, r) => {
-  L({ accessKey: g }).search.getPhotos(x).then((i) => {
+import "react-quill";
+import "./STRINGS--j49GZJP.js";
+import "react-hotkeys-hook";
+import "@floating-ui/dom";
+import "@floating-ui/react-dom";
+import "flagged";
+import "@tailwindcss/typography";
+import "@tailwindcss/forms";
+import "@tailwindcss/aspect-ratio";
+import "tailwindcss-palette-generator";
+import "lodash";
+import "react-wrap-balancer";
+import "react-dom";
+import "prop-types";
+import "@rjsf/validator-ajv8";
+import "@rjsf/core";
+import "react-arborist";
+import "himalaya";
+import "react-icons-picker";
+import "react-autosuggest";
+import "fuse.js";
+import "i18next";
+const k = async (x, g) => new Promise((o, a) => {
+  B({ accessKey: g }).search.getPhotos(x).then((i) => {
     o(i);
-  }).catch((i) => r(i));
-}), De = ({ isModalView: x, onSelect: g }) => {
-  const o = B("unsplashAccessKey", ""), [r, j] = p([]), [i, v] = p(0), [l, k] = p(), [n, q] = p(), [z, y] = p(0), [u, T] = J("", 1e3), [f, c] = p(!1), _ = async (s) => {
+  }).catch((i) => a(i));
+}), Me = ({ isModalView: x, onSelect: g }) => {
+  const o = H("unsplashAccessKey", ""), [a, j] = p([]), [i, v] = p(0), [l, A] = p(), [n, q] = p(), [z, y] = p(0), [u, T] = R("", 1e3), [f, c] = p(!1), _ = async (s) => {
     if (d(u))
       return;
-    let t = i + 1;
-    s && (s.preventDefault(), t = 1), c(!0), v(t);
-    const m = { query: u, page: t };
-    l && (m.orientation = l), n && (m.color = n), I(m, o).then((a) => {
-      var b, N, w;
-      j(t === 1 ? ((b = a == null ? void 0 : a.response) == null ? void 0 : b.results) || [] : [...r, ...((N = a == null ? void 0 : a.response) == null ? void 0 : N.results) || []]), y((w = a == null ? void 0 : a.response) == null ? void 0 : w.total_pages), c(!1);
+    let r = i + 1;
+    s && (s.preventDefault(), r = 1), c(!0), v(r);
+    const m = { query: u, page: r };
+    l && (m.orientation = l), n && (m.color = n), k(m, o).then((t) => {
+      var N, b, w;
+      j(r === 1 ? ((N = t == null ? void 0 : t.response) == null ? void 0 : N.results) || [] : [...a, ...((b = t == null ? void 0 : t.response) == null ? void 0 : b.results) || []]), y((w = t == null ? void 0 : t.response) == null ? void 0 : w.total_pages), c(!1);
     }).catch(() => {
       c(!1);
     });
@@ -61,9 +77,9 @@ const I = async (x, g) => new Promise((o, r) => {
     if (!d(u) && o) {
       c(!0);
       const s = { query: u, page: 1 };
-      l && (s.orientation = l), n && (s.color = n), v(1), I(s, o).then((t) => {
-        var m, a;
-        j(((m = t == null ? void 0 : t.response) == null ? void 0 : m.results) || []), y((a = t == null ? void 0 : t.response) == null ? void 0 : a.total_pages), c(!1);
+      l && (s.orientation = l), n && (s.color = n), v(1), k(s, o).then((r) => {
+        var m, t;
+        j(((m = r == null ? void 0 : r.response) == null ? void 0 : m.results) || []), y((t = r == null ? void 0 : r.response) == null ? void 0 : t.total_pages), c(!1);
       }).catch(() => {
         c(!1);
       });
@@ -83,7 +99,7 @@ const I = async (x, g) => new Promise((o, r) => {
   ] }) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("form", { className: "flex items-center rounded-md border bg-gray-100 p-px", children: [
       /* @__PURE__ */ e.jsx(
-        K,
+        F,
         {
           type: "text",
           name: "query",
@@ -92,18 +108,18 @@ const I = async (x, g) => new Promise((o, r) => {
           onChange: (s) => T(s.target.value)
         }
       ),
-      /* @__PURE__ */ e.jsxs(U, { children: [
-        /* @__PURE__ */ e.jsx(V, { asChild: !0, className: "h-full w-10 cursor-pointer p-2.5 hover:bg-slate-200", children: /* @__PURE__ */ e.jsx(F, {}) }),
+      /* @__PURE__ */ e.jsxs(K, { children: [
+        /* @__PURE__ */ e.jsx(Q, { asChild: !0, className: "h-full w-10 cursor-pointer p-2.5 hover:bg-slate-200", children: /* @__PURE__ */ e.jsx(L, {}) }),
         /* @__PURE__ */ e.jsx(
-          O,
+          U,
           {
             side: x ? "bottom" : "right",
             className: "z-[9999] flex w-max items-center justify-center",
             children: /* @__PURE__ */ e.jsxs("div", { children: [
               /* @__PURE__ */ e.jsx("div", { className: "py-1 text-sm font-medium", children: "Orientation" }),
-              /* @__PURE__ */ e.jsxs(P, { defaultValue: l, onValueChange: (s) => k(s), children: [
-                /* @__PURE__ */ e.jsx(C, { className: "h-auto w-40 p-1 px-3", children: /* @__PURE__ */ e.jsx(S, { placeholder: "Select" }) }),
-                /* @__PURE__ */ e.jsxs(A, { className: "z-[9999]", children: [
+              /* @__PURE__ */ e.jsxs(P, { defaultValue: l, onValueChange: (s) => A(s), children: [
+                /* @__PURE__ */ e.jsx(S, { className: "h-auto w-40 p-1 px-3", children: /* @__PURE__ */ e.jsx(C, { placeholder: "Select" }) }),
+                /* @__PURE__ */ e.jsxs(I, { className: "z-[9999]", children: [
                   /* @__PURE__ */ e.jsx(h, { value: "", children: "All" }),
                   /* @__PURE__ */ e.jsx(h, { value: "landscape", children: "Landscape" }),
                   /* @__PURE__ */ e.jsx(h, { value: "portrait", children: "Portrait" }),
@@ -112,8 +128,8 @@ const I = async (x, g) => new Promise((o, r) => {
               ] }),
               /* @__PURE__ */ e.jsx("div", { className: "pb-1 pt-2 text-sm font-medium", children: "Color" }),
               /* @__PURE__ */ e.jsxs(P, { defaultValue: n, onValueChange: (s) => q(s), children: [
-                /* @__PURE__ */ e.jsx(C, { className: "h-auto w-40 p-1 px-3", children: /* @__PURE__ */ e.jsx(S, { placeholder: "Select" }) }),
-                /* @__PURE__ */ e.jsxs(A, { className: "z-[9999]", children: [
+                /* @__PURE__ */ e.jsx(S, { className: "h-auto w-40 p-1 px-3", children: /* @__PURE__ */ e.jsx(C, { placeholder: "Select" }) }),
+                /* @__PURE__ */ e.jsxs(I, { className: "z-[9999]", children: [
                   /* @__PURE__ */ e.jsx(h, { value: "", children: "All" }),
                   [
                     "black_and_white",
@@ -136,15 +152,15 @@ const I = async (x, g) => new Promise((o, r) => {
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs(
-      Q,
+      V,
       {
-        className: `h-full ${x && !d(r) ? "-mx-2 flex flex-wrap px-2" : "-mx-2 flex flex-col pb-8 pt-2"}`,
+        className: `h-full ${x && !d(a) ? "-mx-2 flex flex-wrap px-2" : "-mx-2 flex flex-col pb-8 pt-2"}`,
         children: [
-          d(r) && !f && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center py-6", children: [
+          d(a) && !f && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center py-6", children: [
             /* @__PURE__ */ e.jsx("div", { className: "font-medium", children: "No Data" }),
             /* @__PURE__ */ e.jsx("div", { className: "text-sm text-gray-500", children: "Enter query and press enter" })
           ] }),
-          x ? /* @__PURE__ */ e.jsx("div", { className: "h-full columns-5 py-2", children: r.map((s) => /* @__PURE__ */ e.jsx(
+          x ? /* @__PURE__ */ e.jsx("div", { className: "h-full columns-5 py-2", children: a.map((s) => /* @__PURE__ */ e.jsx(
             "div",
             {
               role: "button",
@@ -161,7 +177,7 @@ const I = async (x, g) => new Promise((o, r) => {
               ) })
             },
             s.id
-          )) }) : r.map((s) => (
+          )) }) : a.map((s) => (
             // TODO: Drag and Drop Image to Canvas from Here use `pic.urls.[small, regular, full]` for image quality
             /* @__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(
               "img",
@@ -173,11 +189,11 @@ const I = async (x, g) => new Promise((o, r) => {
             ) }) }, s.id)
           )),
           f && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center py-8", children: [
-            /* @__PURE__ */ e.jsx(R, { className: "animate-spin w-6 h-6" }),
+            /* @__PURE__ */ e.jsx(X, { className: "animate-spin w-6 h-6" }),
             "  Loading..."
           ] }),
-          !d(r) && i < z && !f && /* @__PURE__ */ e.jsx(
-            H,
+          !d(a) && i < z && !f && /* @__PURE__ */ e.jsx(
+            O,
             {
               size: "sm",
               variant: "link",
@@ -193,6 +209,6 @@ const I = async (x, g) => new Promise((o, r) => {
   ] });
 };
 export {
-  De as default,
-  I as fetchImage
+  Me as default,
+  k as fetchImage
 };

package/dist/UnsplashImages-hLdMtY12.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),o=require("react"),l=require("lodash-es"),k=require("@radix-ui/react-icons"),A=require("unsplash-js"),d=require("./context-menu-_8TFbFEJ.cjs"),r=require("./select-fXj5tdMX.cjs");require("react-i18next");const T=require("./index-jhNzBWrV.cjs"),z=require("@react-hookz/web"),_=require("lucide-react");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-dropdown-menu");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");require("clsx");require("tailwind-merge");require("@radix-ui/react-select");require("jotai");require("./iconBase-vJD0OXxU.cjs");require("@chaibuilder/runtime");require("./plugin-_F-KZp1i.cjs");require("tree-model");require("react-quill");require("./STRINGS-gPz7CUOk.cjs");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("flagged");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("tailwindcss-palette-generator");require("lodash");require("react-wrap-balancer");require("react-dom");require("prop-types");require("@rjsf/validator-ajv8");require("@rjsf/core");require("react-arborist");require("himalaya");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("i18next");const g=async(j,E)=>new Promise((a,n)=>{A.createApi({accessKey:E}).search.getPhotos(j).then(u=>{a(u)}).catch(u=>n(u))}),D=({isModalView:j,onSelect:E})=>{const a=T.useBuilderProp("unsplashAccessKey",""),[n,f]=o.useState([]),[u,R]=o.useState(0),[c,b]=o.useState(),[x,I]=o.useState(),[w,y]=o.useState(0),[h,P]=z.useDebouncedState("",1e3),[q,m]=o.useState(!1),C=async s=>{if(l.isEmpty(h))return;let i=u+1;s&&(s.preventDefault(),i=1),m(!0),R(i);const p={query:h,page:i};c&&(p.orientation=c),x&&(p.color=x),g(p,a).then(t=>{var v,N,S;f(i===1?((v=t==null?void 0:t.response)==null?void 0:v.results)||[]:[...n,...((N=t==null?void 0:t.response)==null?void 0:N.results)||[]]),y((S=t==null?void 0:t.response)==null?void 0:S.total_pages),m(!1)}).catch(()=>{m(!1)})};return o.useEffect(()=>{if(!l.isEmpty(h)&&a){m(!0);const s={query:h,page:1};c&&(s.orientation=c),x&&(s.color=x),R(1),g(s,a).then(i=>{var p,t;f(((p=i==null?void 0:i.response)==null?void 0:p.results)||[]),y((t=i==null?void 0:i.response)==null?void 0:t.total_pages),m(!1)}).catch(()=>{m(!1)})}},[c,x,h,a]),l.isEmpty(a)?e.jsxRuntimeExports.jsx("div",{className:"h-full flex flex-col items-center justify-center",children:e.jsxRuntimeExports.jsxs("p",{className:"max-w-3xl text-center text-gray-500",children:["To enable Unsplash, kindly provide your",e.jsxRuntimeExports.jsx("a",{href:"https://unsplash.com/documentation#public-authentication",className:"underline px-1 hover:text-blue-400",target:"_blank",rel:"noopener noreferrer",children:"Unsplash Access Key"})]})}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("form",{className:"flex items-center rounded-md border bg-gray-100 p-px",children:[e.jsxRuntimeExports.jsx(d.Input,{type:"text",name:"query",className:"input",placeholder:'Try "dog" or "apple"',onChange:s=>P(s.target.value)}),e.jsxRuntimeExports.jsxs(d.Popover,{children:[e.jsxRuntimeExports.jsx(d.PopoverTrigger,{asChild:!0,className:"h-full w-10 cursor-pointer p-2.5 hover:bg-slate-200",children:e.jsxRuntimeExports.jsx(k.MixerHorizontalIcon,{})}),e.jsxRuntimeExports.jsx(d.PopoverContent,{side:j?"bottom":"right",className:"z-[9999] flex w-max items-center justify-center",children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("div",{className:"py-1 text-sm font-medium",children:"Orientation"}),e.jsxRuntimeExports.jsxs(r.Select,{defaultValue:c,onValueChange:s=>b(s),children:[e.jsxRuntimeExports.jsx(r.SelectTrigger,{className:"h-auto w-40 p-1 px-3",children:e.jsxRuntimeExports.jsx(r.SelectValue,{placeholder:"Select"})}),e.jsxRuntimeExports.jsxs(r.SelectContent,{className:"z-[9999]",children:[e.jsxRuntimeExports.jsx(r.SelectItem,{value:"",children:"All"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"landscape",children:"Landscape"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"portrait",children:"Portrait"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"squarish",children:"Square"})]})]}),e.jsxRuntimeExports.jsx("div",{className:"pb-1 pt-2 text-sm font-medium",children:"Color"}),e.jsxRuntimeExports.jsxs(r.Select,{defaultValue:x,onValueChange:s=>I(s),children:[e.jsxRuntimeExports.jsx(r.SelectTrigger,{className:"h-auto w-40 p-1 px-3",children:e.jsxRuntimeExports.jsx(r.SelectValue,{placeholder:"Select"})}),e.jsxRuntimeExports.jsxs(r.SelectContent,{className:"z-[9999]",children:[e.jsxRuntimeExports.jsx(r.SelectItem,{value:"",children:"All"}),["black_and_white","black","white","yellow","orange","red","purple","magenta","green","teal","blue"].map(s=>e.jsxRuntimeExports.jsx(r.SelectItem,{value:s,children:l.startCase(s)},s))]})]})]})})]})]}),e.jsxRuntimeExports.jsxs(d.ScrollArea,{className:`h-full ${j&&!l.isEmpty(n)?"-mx-2 flex flex-wrap px-2":"-mx-2 flex flex-col pb-8 pt-2"}`,children:[l.isEmpty(n)&&!q&&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"})]}),j?e.jsxRuntimeExports.jsx("div",{className:"h-full columns-5 py-2",children:n.map(s=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"my-1 flex",onClick:()=>E(s.urls.regular),children:e.jsxRuntimeExports.jsx("div",{className:"relative overflow-hidden rounded-md bg-cover bg-no-repeat",children:e.jsxRuntimeExports.jsx("img",{className:"h-auto flex-1 cursor-pointer rounded-md transition duration-300 ease-in-out hover:scale-105",alt:s.alt_description,src:s.urls.small})})},s.id))}):n.map(s=>e.jsxRuntimeExports.jsx("div",{className:"w-full px-2 py-1",children:e.jsxRuntimeExports.jsx("div",{className:"relative overflow-hidden rounded-md bg-cover bg-no-repeat",children:e.jsxRuntimeExports.jsx("img",{className:"h-auto cursor-pointer transition duration-300 ease-in-out hover:scale-105",alt:s.alt_description,src:s.urls.small})})},s.id)),q&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-center py-8",children:[e.jsxRuntimeExports.jsx(_.Loader,{className:"animate-spin w-6 h-6"}),"  Loading..."]}),!l.isEmpty(n)&&u<w&&!q&&e.jsxRuntimeExports.jsx(d.Button,{size:"sm",variant:"link",className:"w-full",onClick:()=>C(void 0),disabled:q,children:q?"":"Load More"})]})]})};exports.default=D;exports.fetchImage=g;