@chaibuilder/sdk 1.2.55 → 1.2.57

package/dist/{Topbar-B8u0whpc.js → Topbar-YfsC1DZ2.js}

@@ -1,32 +1,24 @@
 import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import o, { useMemo as h, Suspense as c } from "react";
-import { FontFamilyIcon as j, EyeOpenIcon as g } from "@radix-ui/react-icons";
-import { h as r, a6 as f, a7 as v, a8 as b, a9 as N, am as S, an as w, aa as l, V as y, B as p, ao as C, F as B, ah as m, ap as A } from "./ChaiBuilderEditor-tkzS851D.js";
+import l, { useMemo as h, Suspense as c } from "react";
+import { FontFamilyIcon as j, EyeOpenIcon as f } from "@radix-ui/react-icons";
+import { h as r, az as g, aA as v, aB as S, aC as b, aO as N, aP as C, aD as o, Q as w, B as p, q as y, S as m, aQ as B } from "./index-uLn8W3eR.js";
+import { F as A } from "./index-IgLSTkN6.js";
 import { useTranslation as x } from "react-i18next";
 import "./_commonjsHelpers-UyOWmZb0.js";
-import "clsx";
-import "react-dom";
-import "@radix-ui/react-scroll-area";
-import "@floating-ui/react-dom";
-import "jotai";
-import "i18next";
-import "flagged";
+import "@radix-ui/react-toggle";
+import "class-variance-authority";
+import "./utils-VpVqnC9m.js";
 import "lodash-es";
 import "./MODIFIERS-fd5XOmum.js";
-import "./Functions-7jnEwJyw.js";
+import "clsx";
 import "tailwind-merge";
-import "@chaibuilder/runtime";
-import "@react-hookz/web";
-import "tree-model";
-import "./utils-VpVqnC9m.js";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
 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";
@@ -39,13 +31,22 @@ import "@radix-ui/react-toast";
 import "cmdk";
 import "@radix-ui/react-context-menu";
 import "react-icons-picker";
+import "react-dom";
 import "react-quill";
+import "./Functions-7jnEwJyw.js";
+import "@chaibuilder/runtime";
+import "jotai";
+import "@react-hookz/web";
+import "tree-model";
+import "i18next";
+import "@floating-ui/react-dom";
+import "flagged";
 import "react-hotkeys-hook";
 import "lucide-react";
 import "./index-VBXQixVm.js";
-const P = () => r("languages", ["en"]), k = () => P().length === 1 ? null : /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ e.jsxs(f, { children: [
+const P = () => r("languages", ["en"]), k = () => P().length === 1 ? null : /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ e.jsxs(g, { children: [
   /* @__PURE__ */ e.jsx(v, { className: "w-[150px] border-0", children: /* @__PURE__ */ e.jsx(
-    b,
+    S,
     {
       placeholder: /* @__PURE__ */ e.jsxs("span", { className: "flex items-center", children: [
         /* @__PURE__ */ e.jsx(j, { className: "h-4 w-4" }),
@@ -53,16 +54,16 @@ const P = () => r("languages", ["en"]), k = () => P().length === 1 ? null : /* @
       ] })
     }
   ) }),
-  /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsxs(S, { children: [
-    /* @__PURE__ */ e.jsx(w, { children: "Fruits" }),
-    /* @__PURE__ */ e.jsx(l, { value: "apple", children: "Apple" }),
-    /* @__PURE__ */ e.jsx(l, { value: "banana", children: "Banana" }),
-    /* @__PURE__ */ e.jsx(l, { value: "blueberry", children: "Blueberry" }),
-    /* @__PURE__ */ e.jsx(l, { value: "grapes", children: "Grapes" }),
-    /* @__PURE__ */ e.jsx(l, { value: "pineapple", children: "Pineapple" })
+  /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsxs(N, { children: [
+    /* @__PURE__ */ e.jsx(C, { children: "Fruits" }),
+    /* @__PURE__ */ e.jsx(o, { value: "apple", children: "Apple" }),
+    /* @__PURE__ */ e.jsx(o, { value: "banana", children: "Banana" }),
+    /* @__PURE__ */ e.jsx(o, { value: "blueberry", children: "Blueberry" }),
+    /* @__PURE__ */ e.jsx(o, { value: "grapes", children: "Grapes" }),
+    /* @__PURE__ */ e.jsx(o, { value: "pineapple", children: "Pineapple" })
   ] }) })
-] }) }), V = () => {
-  const { savePage: n, saveState: t } = y(), { t: a } = x(), i = r("hideSaveButton", !1), s = h(() => {
+] }) }), I = () => {
+  const { savePage: n, saveState: t } = w(), { t: a } = x(), i = r("hideSaveButton", !1), s = h(() => {
     switch (t) {
       case "SAVING":
         return "animate-pulse bg-gray-300 text-gray-900";
@@ -85,14 +86,14 @@ const P = () => r("languages", ["en"]), k = () => P().length === 1 ? null : /* @
       size: "sm",
       variant: "outline",
       children: [
-        /* @__PURE__ */ e.jsx(C, { className: "text-lg" }),
+        /* @__PURE__ */ e.jsx(A, { className: "text-lg" }),
         /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: t === "SAVING" ? "Saving..." : a(t === "SAVED" ? "Saved" : "Unsaved") })
       ]
     }
   );
   return /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: u });
-}, I = function() {
-  const t = r("previewComponent"), [, a] = B(), { t: i } = x();
+}, V = function() {
+  const t = r("previewComponent"), [, a] = y(), { t: i } = x();
   return t ? /* @__PURE__ */ e.jsxs(
     p,
     {
@@ -103,7 +104,7 @@ const P = () => r("languages", ["en"]), k = () => P().length === 1 ? null : /* @
       size: "sm",
       variant: "outline",
       children: [
-        /* @__PURE__ */ e.jsx(g, { className: "text-xs" }),
+        /* @__PURE__ */ e.jsx(f, { className: "text-xs" }),
         /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: i("Preview") })
       ]
     }
@@ -111,18 +112,18 @@ const P = () => r("languages", ["en"]), k = () => P().length === 1 ? null : /* @
 }, we = () => {
   const n = r("topBarComponents.left", []), t = r("topBarComponents.center", []), a = r("topBarComponents.right", []), i = r("editable", !0);
   return /* @__PURE__ */ e.jsxs("div", { className: "flex h-14 items-center justify-between px-2", children: [
-    /* @__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: o.Children.toArray(
+    /* @__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(
       n.map((s) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(m, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(s, {}) }))
     ) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2", children: o.Children.toArray(
+    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2", children: l.Children.toArray(
       t.map((s) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(m, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(s, {}) }))
     ) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
       /* @__PURE__ */ e.jsx(k, {}),
-      /* @__PURE__ */ e.jsx(I, {}),
-      /* @__PURE__ */ e.jsx(A, { orientation: "vertical" }),
-      i ? /* @__PURE__ */ e.jsx(V, {}) : null,
-      o.Children.toArray(
+      /* @__PURE__ */ e.jsx(V, {}),
+      /* @__PURE__ */ e.jsx(B, { orientation: "vertical" }),
+      i ? /* @__PURE__ */ e.jsx(I, {}) : null,
+      l.Children.toArray(
         a.map((s) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(m, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(s, {}) }))
       )
     ] })

package/dist/{UILibrariesPanel-tcfz2ELp.js → UILibrariesPanel-5QxxXYg2.js}

@@ -1,34 +1,28 @@
 import { j as e } from "./jsx-runtime-WbnYoNE9.js";
 import { noop as N, has as w, first as j, isEmpty as I, get as b, values as A, groupBy as P, map as E, capitalize as T } from "lodash-es";
 import * as U from "react";
-import B, { useState as C, useCallback as R, useEffect as _, useRef as z } from "react";
-import { aQ as G, aR as M, B as O, aS as W, aT as F, aU as Y, aV as $, aW as D, aX as H, aY as K, h as v, n as Q, L as V, bz as X, ag as q, ah as J, bg as Z } from "./ChaiBuilderEditor-tkzS851D.js";
-import { syncBlocksWithDefaults as ee, useChaiBlocks as te } from "@chaibuilder/runtime";
-import { Loader as se } from "lucide-react";
+import B, { useState as C, useCallback as _, useEffect as R, useRef as z } from "react";
+import { b8 as G, b9 as M, B as O, ba as F, bb as W, bc as $, bd as D, be as H, bf as J, bg as K, h as v, a2 as Y, r as q, o as Q, aJ as V, S as X, br as Z } from "./index-uLn8W3eR.js";
+import { syncBlocksWithDefaults as ee, useChaiBlocks as se } from "@chaibuilder/runtime";
+import { Loader as te } from "lucide-react";
 import { atom as oe, useAtom as k } from "jotai";
 import { c as y } from "./Functions-7jnEwJyw.js";
 import { CaretSortIcon as re, CheckIcon as ae, CaretRightIcon as ne } from "@radix-ui/react-icons";
-import { O as ie } from "./MODIFIERS-fd5XOmum.js";
+import { O as le } from "./MODIFIERS-fd5XOmum.js";
 import { useTranslation as L } from "react-i18next";
 import "./_commonjsHelpers-UyOWmZb0.js";
-import "clsx";
-import "react-dom";
-import "@radix-ui/react-scroll-area";
-import "@floating-ui/react-dom";
-import "i18next";
-import "flagged";
-import "@react-hookz/web";
-import "tree-model";
-import "./utils-VpVqnC9m.js";
-import "tailwind-merge";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
+import "./utils-VpVqnC9m.js";
+import "clsx";
+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";
@@ -41,44 +35,45 @@ import "@radix-ui/react-toast";
 import "cmdk";
 import "@radix-ui/react-context-menu";
 import "react-icons-picker";
+import "react-dom";
 import "react-quill";
-import "react-hotkeys-hook";
-import "./index-VBXQixVm.js";
-function le({
-  uiLibraries: t,
+import "@react-hookz/web";
+import "tree-model";
+function ie({
+  uiLibraries: s,
   library: r,
   setLibrary: a
 }) {
-  var l;
-  const [i, n] = U.useState(!1), { t: s } = L();
-  return r ? /* @__PURE__ */ e.jsxs(G, { open: i, onOpenChange: n, children: [
+  var i;
+  const [l, n] = U.useState(!1), { t } = L();
+  return r ? /* @__PURE__ */ e.jsxs(G, { open: l, onOpenChange: n, children: [
     /* @__PURE__ */ e.jsx(M, { 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.jsx("span", { children: t("Choose Library") }),
       /* @__PURE__ */ e.jsxs(
         O,
         {
           variant: "outline",
           size: "sm",
           role: "combobox",
-          "aria-expanded": i,
+          "aria-expanded": l,
           className: "w-[200px] justify-between",
           children: [
-            r ? (l = t.find((o) => o.uuid === r)) == null ? void 0 : l.name : s("Select library"),
+            r ? (i = s.find((o) => o.uuid === r)) == null ? void 0 : i.name : t("Select library"),
             /* @__PURE__ */ e.jsx(re, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
           ]
         }
       )
     ] }) }),
-    /* @__PURE__ */ e.jsx(W, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(F, { children: [
-      /* @__PURE__ */ e.jsx(Y, { placeholder: "Search library...", className: "h-9" }),
-      /* @__PURE__ */ e.jsxs($, { children: [
-        /* @__PURE__ */ e.jsx(D, { children: "No library found." }),
-        /* @__PURE__ */ e.jsx(H, { children: t.map((o) => /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ e.jsx(F, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(W, { children: [
+      /* @__PURE__ */ e.jsx($, { placeholder: "Search library...", className: "h-9" }),
+      /* @__PURE__ */ e.jsxs(D, { children: [
+        /* @__PURE__ */ e.jsx(H, { children: "No library found." }),
+        /* @__PURE__ */ e.jsx(J, { children: s.map((o) => /* @__PURE__ */ e.jsxs(
           K,
           {
             value: o.uuid,
-            onSelect: (d) => {
-              a(d), n(!1);
+            onSelect: (m) => {
+              a(m), n(!1);
             },
             children: [
               o.name,
@@ -97,64 +92,64 @@ function le({
   ] }) : null;
 }
 const ce = ({
-  block: t,
+  block: s,
   closePopover: r,
   library: a
 }) => {
-  const [i, n] = C(!1), s = v("getUILibraryBlock", N), { addCoreBlock: l, addPredefinedBlock: o } = Q(), [d] = V(), f = (p) => {
+  const [l, n] = C(!1), t = v("getUILibraryBlock", N), { addCoreBlock: i, addPredefinedBlock: o } = Y(), [m] = q(), f = (p) => {
     const u = w(p, "styles_attrs.data-page-section");
     return p._type === "Box" && u;
-  }, h = R(
+  }, h = _(
     async (p) => {
-      if (p.stopPropagation(), w(t, "component")) {
-        l(t, j(d)), r();
+      if (p.stopPropagation(), w(s, "component")) {
+        i(s, j(m)), r();
         return;
       }
       n(!0);
-      const u = await s(a, t);
-      let g = j(d);
+      const u = await t(a, s);
+      let g = j(m);
       f(j(u)) && (g = null), I(u) || o(ee(u), g), r();
     },
-    [t]
+    [s]
   );
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(
     "div",
     {
-      onClick: i ? () => {
+      onClick: l ? () => {
       } : h,
       className: "relative mt-2 cursor-pointer overflow-hidden rounded-md border border-gray-300 bg-white duration-200 hover:border-blue-500 hover:shadow-xl",
       children: [
-        i && /* @__PURE__ */ e.jsxs("div", { className: "absolute flex h-full w-full items-center justify-center bg-black/70", children: [
-          /* @__PURE__ */ e.jsx(se, { className: "animate-spin", size: 15, color: "white" }),
+        l && /* @__PURE__ */ e.jsxs("div", { className: "absolute flex h-full w-full items-center justify-center bg-black/70", children: [
+          /* @__PURE__ */ e.jsx(te, { 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: t.name }) : /* @__PURE__ */ e.jsx("div", { className: "flex h-20 items-center justify-center rounded-md border border-border border-gray-300 bg-gray-200", children: /* @__PURE__ */ e.jsx("p", { className: "max-w-xs text-center text-sm text-gray-700", children: t.name }) })
+        s.preview ? /* @__PURE__ */ e.jsx("img", { src: s.preview, className: "min-h-[25px] w-full rounded-md", alt: s.name }) : /* @__PURE__ */ e.jsx("div", { className: "flex h-20 items-center justify-center rounded-md border border-border border-gray-300 bg-gray-200", children: /* @__PURE__ */ e.jsx("p", { className: "max-w-xs text-center text-sm text-gray-700", children: s.name }) })
       ]
     }
   ) });
-}, me = oe({}), de = (t) => {
-  const [r, a] = k(me), i = v("getUILibraryBlocks", N), n = b(r, `${t == null ? void 0 : t.uuid}.blocks`, []), s = b(r, `${t == null ? void 0 : t.uuid}.loading`, !1);
-  return _(() => {
+}, de = oe({}), me = (s) => {
+  const [r, a] = k(de), l = v("getUILibraryBlocks", N), n = b(r, `${s == null ? void 0 : s.uuid}.blocks`, []), t = b(r, `${s == null ? void 0 : s.uuid}.loading`, !1);
+  return R(() => {
     (async () => {
-      if (s || n.length > 0)
+      if (t || n.length > 0)
         return;
-      a((o) => ({ ...o, [t == null ? void 0 : t.uuid]: { loading: !0, blocks: [] } }));
-      const l = await i(t);
-      a((o) => ({ ...o, [t == null ? void 0 : t.uuid]: { loading: !1, blocks: l || [] } }));
+      a((o) => ({ ...o, [s == null ? void 0 : s.uuid]: { loading: !0, blocks: [] } }));
+      const i = await l(s);
+      a((o) => ({ ...o, [s == null ? void 0 : s.uuid]: { loading: !1, blocks: i || [] } }));
     })();
-  }, [t, n, s]), { data: n, isLoading: s };
-}, ue = X("_selectedLibrary", null), pe = () => {
-  const [t, r] = k(ue), a = v("uiLibraries", []), i = te(), n = A(i).filter((m) => m.category === "custom"), s = a.find((m) => m.uuid === t) || j(a), { data: l, isLoading: o } = de(s), d = P([...l, ...n], "group"), [f, h] = C("Hero"), [, p] = k(q), u = b(d, f, []), { t: g } = L(), c = z(null), S = (m) => {
+  }, [s, n, t]), { data: n, isLoading: t };
+}, ue = Q("_selectedLibrary", null), pe = () => {
+  const [s, r] = k(ue), a = v("uiLibraries", []), l = se(), n = A(l).filter((d) => d.category === "custom"), t = a.find((d) => d.uuid === s) || j(a), { data: i, isLoading: o } = me(t), m = P([...i, ...n], "group"), [f, h] = C("Hero"), [, p] = k(V), u = b(m, f, []), { t: g } = L(), c = z(null), S = (d) => {
     c.current && (clearTimeout(c.current), c.current = null), c.current = setTimeout(() => {
-      c.current && h(m);
+      c.current && h(d);
     }, 300);
   };
-  return o ? /* @__PURE__ */ e.jsx(J, { 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(le, { library: s == null ? void 0 : s.uuid, setLibrary: r, uiLibraries: a }) }) }) }) : null,
+  return o ? /* @__PURE__ */ e.jsx(X, { 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: [
+    t != null && t.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(ie, { library: t == null ? void 0 : t.uuid, setLibrary: r, uiLibraries: a }) }) }) }) : 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: B.Children.toArray(
-        E(d, (m, x) => /* @__PURE__ */ e.jsxs(
+        E(m, (d, x) => /* @__PURE__ */ e.jsxs(
           "div",
           {
             onMouseEnter: () => S(x),
@@ -180,7 +175,7 @@ const ce = ({
           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: g("Click on a block to add it to the page") }),
             /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2 px-2", children: B.Children.toArray(
-              u.map((m) => /* @__PURE__ */ e.jsx(ce, { block: m, library: s, closePopover: () => p(ie) }))
+              u.map((d) => /* @__PURE__ */ e.jsx(ce, { block: d, library: t, closePopover: () => p(le) }))
             ) }),
             /* @__PURE__ */ e.jsx("br", {}),
             /* @__PURE__ */ e.jsx("br", {}),
@@ -190,7 +185,7 @@ const ce = ({
       )
     ] })
   ] }) });
-}, at = () => /* @__PURE__ */ e.jsx(pe, {});
+}, es = () => /* @__PURE__ */ e.jsx(pe, {});
 export {
-  at as default
+  es as default
 };

package/dist/UILibrariesPanel-r8nQzXQ-.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),o=require("lodash-es"),m=require("react"),t=require("./index-0FIxW0gR.cjs"),v=require("@chaibuilder/runtime"),N=require("lucide-react"),b=require("jotai"),k=require("./Functions-N3yhPYKY.cjs"),q=require("@radix-ui/react-icons"),y=require("./MODIFIERS-mVmfEGgo.cjs"),w=require("react-i18next");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-D_vtk3zK.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("@react-hookz/web");require("tree-model");function C(s){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const i in s)if(i!=="default"){const c=Object.getOwnPropertyDescriptor(s,i);Object.defineProperty(n,i,c.get?c:{enumerable:!0,get:()=>s[i]})}}return n.default=s,Object.freeze(n)}const S=C(m);function I({uiLibraries:s,library:n,setLibrary:i}){var a;const[c,l]=S.useState(!1),{t:r}=w.useTranslation();return n?e.jsxRuntimeExports.jsxs(t.Popover,{open:c,onOpenChange:l,children:[e.jsxRuntimeExports.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-2",children:[e.jsxRuntimeExports.jsx("span",{children:r("Choose Library")}),e.jsxRuntimeExports.jsxs(t.Button,{variant:"outline",size:"sm",role:"combobox","aria-expanded":c,className:"w-[200px] justify-between",children:[n?(a=s.find(u=>u.uuid===n))==null?void 0:a.name:r("Select library"),e.jsxRuntimeExports.jsx(q.CaretSortIcon,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})]})}),e.jsxRuntimeExports.jsx(t.PopoverContent,{className:"w-[200px] p-0",children:e.jsxRuntimeExports.jsxs(t.Command,{children:[e.jsxRuntimeExports.jsx(t.CommandInput,{placeholder:"Search library...",className:"h-9"}),e.jsxRuntimeExports.jsxs(t.CommandList,{children:[e.jsxRuntimeExports.jsx(t.CommandEmpty,{children:"No library found."}),e.jsxRuntimeExports.jsx(t.CommandGroup,{children:s.map(u=>e.jsxRuntimeExports.jsxs(t.CommandItem,{value:u.uuid,onSelect:p=>{i(p),l(!1)},children:[u.name,e.jsxRuntimeExports.jsx(q.CheckIcon,{className:k.cn("ml-auto h-4 w-4",n===u.uuid?"opacity-100":"opacity-0")})]},u.uuid))})]})]})})]}):null}const L=({block:s,closePopover:n,library:i})=>{const[c,l]=m.useState(!1),r=t.useBuilderProp("getUILibraryBlock",o.noop),{addCoreBlock:a,addPredefinedBlock:u}=t.useAddBlock(),[p]=t.useSelectedBlockIds(),g=f=>{const j=o.has(f,"styles_attrs.data-page-section");return f._type==="Box"&&j},E=m.useCallback(async f=>{if(f.stopPropagation(),o.has(s,"component")){a(s,o.first(p)),n();return}l(!0);const j=await r(i,s);let R=o.first(p);g(o.first(j))&&(R=null),o.isEmpty(j)||u(v.syncBlocksWithDefaults(j),R),n()},[s]);return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{onClick:c?()=>{}:E,className:"relative mt-2 cursor-pointer overflow-hidden rounded-md border border-gray-300 bg-white duration-200 hover:border-blue-500 hover:shadow-xl",children:[c&&e.jsxRuntimeExports.jsxs("div",{className:"absolute flex h-full w-full items-center justify-center bg-black/70",children:[e.jsxRuntimeExports.jsx(N.Loader,{className:"animate-spin",size:15,color:"white"})," ",e.jsxRuntimeExports.jsx("span",{className:"pl-2 text-sm text-white",children:"Adding..."})]}),s.preview?e.jsxRuntimeExports.jsx("img",{src:s.preview,className:"min-h-[25px] w-full rounded-md",alt:s.name}):e.jsxRuntimeExports.jsx("div",{className:"flex h-20 items-center justify-center rounded-md border border-border border-gray-300 bg-gray-200",children:e.jsxRuntimeExports.jsx("p",{className:"max-w-xs text-center text-sm text-gray-700",children:s.name})})]})})},P=b.atom({}),A=s=>{const[n,i]=b.useAtom(P),c=t.useBuilderProp("getUILibraryBlocks",o.noop),l=o.get(n,`${s==null?void 0:s.uuid}.blocks`,[]),r=o.get(n,`${s==null?void 0:s.uuid}.loading`,!1);return m.useEffect(()=>{(async()=>{if(r||l.length>0)return;i(u=>({...u,[s==null?void 0:s.uuid]:{loading:!0,blocks:[]}}));const a=await c(s);i(u=>({...u,[s==null?void 0:s.uuid]:{loading:!1,blocks:a||[]}}))})()},[s,l,r]),{data:l,isLoading:r}},T=t.atomWithStorage("_selectedLibrary",null),O=()=>{const[s,n]=b.useAtom(T),i=t.useBuilderProp("uiLibraries",[]),c=v.useChaiBlocks(),l=o.values(c).filter(d=>d.category==="custom"),r=i.find(d=>d.uuid===s)||o.first(i),{data:a,isLoading:u}=A(r),p=o.groupBy([...a,...l],"group"),[g,E]=m.useState("Hero"),[,f]=b.useAtom(t.activePanelAtom),j=o.get(p,g,[]),{t:R}=w.useTranslation(),x=m.useRef(null),B=d=>{x.current&&(clearTimeout(x.current),x.current=null),x.current=setTimeout(()=>{x.current&&E(d)},300)};return u?e.jsxRuntimeExports.jsx(t.Skeleton,{className:"h-full w-full"}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{className:"relative flex h-full max-h-full w-[460px] flex-col overflow-hidden bg-background",children:[r!=null&&r.uuid?e.jsxRuntimeExports.jsx("div",{className:"sticky top-0 flex h-fit flex-col",children:e.jsxRuntimeExports.jsx("div",{className:"mb-2 flex flex-col justify-between rounded-md bg-background/30 p-1",children:e.jsxRuntimeExports.jsx("h1",{className:"flex w-full flex-col items-baseline truncate px-1 text-sm font-semibold xl:flex-col",children:e.jsxRuntimeExports.jsx(I,{library:r==null?void 0:r.uuid,setLibrary:n,uiLibraries:i})})})}):null,e.jsxRuntimeExports.jsxs("div",{className:"flex h-[95%] border-t border-gray-300 pt-2",children:[e.jsxRuntimeExports.jsx("div",{className:"flex h-full w-40 flex-col gap-1 px-1",children:m.Children.toArray(o.map(p,(d,h)=>e.jsxRuntimeExports.jsxs("div",{onMouseEnter:()=>B(h),onMouseLeave:()=>clearTimeout(x.current),onClick:()=>E(h),className:k.cn("flex w-full cursor-pointer items-center justify-between rounded-md p-1 text-sm transition-all ease-in-out hover:bg-gray-200",h===g?"bg-blue-500 text-white hover:bg-blue-600":""),children:[e.jsxRuntimeExports.jsx("span",{children:o.capitalize(h)}),e.jsxRuntimeExports.jsx(q.CaretRightIcon,{className:"ml-2 h-5 w-5"})]},h)))}),e.jsxRuntimeExports.jsxs(t.ScrollArea,{onMouseEnter:()=>x.current?clearTimeout(x.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:[e.jsxRuntimeExports.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:R("Click on a block to add it to the page")}),e.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-2 px-2",children:m.Children.toArray(j.map(d=>e.jsxRuntimeExports.jsx(L,{block:d,library:r,closePopover:()=>f(y.OUTLINE_KEY)})))}),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("br",{})]})]})]})})},_=()=>e.jsxRuntimeExports.jsx(O,{});exports.default=_;

package/dist/{UnsplashImages-wWRifkCp.js → UnsplashImages-alt_doTy.js}

@@ -1,34 +1,25 @@
 import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import { useState as p, useEffect as D } from "react";
-import { isEmpty as d, startCase as E } from "lodash-es";
-import { MixerHorizontalIcon as L } from "@radix-ui/react-icons";
-import { createApi as B } from "unsplash-js";
-import { h as F, be as K, aQ as Q, aR as U, aS as V, a6 as P, a7 as S, a8 as C, a9 as I, aa as h, bg as O, B as R } from "./ChaiBuilderEditor-tkzS851D.js";
-import { useDebouncedState as H } from "@react-hookz/web";
+import { useState as p, useEffect as _ } from "react";
+import { isEmpty as d, startCase as B } from "lodash-es";
+import { MixerHorizontalIcon as E } from "@radix-ui/react-icons";
+import { createApi as L } from "unsplash-js";
+import { h as F, bp as K, b8 as U, b9 as V, ba as O, az as C, aA as P, aB as S, aC as A, aD as h, br as Q, B as H } from "./index-uLn8W3eR.js";
+import { useDebouncedState as R } from "@react-hookz/web";
 import { Loader as $ } from "lucide-react";
 import "./_commonjsHelpers-UyOWmZb0.js";
-import "clsx";
-import "react-dom";
-import "@radix-ui/react-scroll-area";
-import "@floating-ui/react-dom";
-import "jotai";
-import "i18next";
-import "react-i18next";
-import "flagged";
-import "./MODIFIERS-fd5XOmum.js";
-import "./Functions-7jnEwJyw.js";
-import "tailwind-merge";
-import "@chaibuilder/runtime";
-import "tree-model";
-import "./utils-VpVqnC9m.js";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
+import "./utils-VpVqnC9m.js";
+import "./MODIFIERS-fd5XOmum.js";
+import "clsx";
+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";
@@ -41,32 +32,36 @@ import "@radix-ui/react-toast";
 import "cmdk";
 import "@radix-ui/react-context-menu";
 import "react-icons-picker";
+import "react-dom";
 import "react-quill";
-import "react-hotkeys-hook";
-import "./index-VBXQixVm.js";
-const k = async (x, g) => new Promise((o, r) => {
-  B({ accessKey: g }).search.getPhotos(x).then((i) => {
+import "./Functions-7jnEwJyw.js";
+import "@chaibuilder/runtime";
+import "jotai";
+import "tree-model";
+import "react-i18next";
+const I = async (x, g) => new Promise((o, r) => {
+  L({ accessKey: g }).search.getPhotos(x).then((i) => {
     o(i);
   }).catch((i) => r(i));
-}), Ke = ({ isModalView: x, onSelect: g }) => {
-  const o = F("unsplashAccessKey", ""), [r, j] = p([]), [i, v] = p(0), [l, A] = p(), [n, q] = p(), [z, y] = p(0), [u, T] = H("", 1e3), [f, c] = p(!1), _ = async (s) => {
+}), _e = ({ isModalView: x, onSelect: g }) => {
+  const o = F("unsplashAccessKey", ""), [r, j] = p([]), [i, v] = p(0), [l, k] = p(), [n, q] = p(), [z, y] = p(0), [u, D] = R("", 1e3), [f, c] = p(!1), T = 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), k(m, o).then((a) => {
-      var N, b, w;
-      j(t === 1 ? ((N = a == null ? void 0 : a.response) == null ? void 0 : N.results) || [] : [...r, ...((b = a == null ? void 0 : a.response) == null ? void 0 : b.results) || []]), y((w = a == null ? void 0 : a.response) == null ? void 0 : w.total_pages), c(!1);
+    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);
     }).catch(() => {
       c(!1);
     });
   };
-  return D(() => {
+  return _(() => {
     if (!d(u) && o) {
       c(!0);
       const s = { query: u, page: 1 };
-      l && (s.orientation = l), n && (s.color = n), v(1), k(s, o).then((t) => {
+      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);
       }).catch(() => {
@@ -94,21 +89,21 @@ const k = async (x, g) => new Promise((o, r) => {
           name: "query",
           className: "input",
           placeholder: 'Try "dog" or "apple"',
-          onChange: (s) => T(s.target.value)
+          onChange: (s) => D(s.target.value)
         }
       ),
-      /* @__PURE__ */ e.jsxs(Q, { children: [
-        /* @__PURE__ */ e.jsx(U, { asChild: !0, className: "h-full w-10 cursor-pointer p-2.5 hover:bg-slate-200", children: /* @__PURE__ */ e.jsx(L, {}) }),
+      /* @__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(E, {}) }),
         /* @__PURE__ */ e.jsx(
-          V,
+          O,
           {
             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) => 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.jsxs(C, { defaultValue: l, onValueChange: (s) => k(s), children: [
+                /* @__PURE__ */ e.jsx(P, { 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(h, { value: "", children: "All" }),
                   /* @__PURE__ */ e.jsx(h, { value: "landscape", children: "Landscape" }),
                   /* @__PURE__ */ e.jsx(h, { value: "portrait", children: "Portrait" }),
@@ -116,9 +111,9 @@ const k = 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(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.jsxs(C, { defaultValue: n, onValueChange: (s) => q(s), children: [
+                /* @__PURE__ */ e.jsx(P, { 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(h, { value: "", children: "All" }),
                   [
                     "black_and_white",
@@ -132,7 +127,7 @@ const k = async (x, g) => new Promise((o, r) => {
                     "green",
                     "teal",
                     "blue"
-                  ].map((s) => /* @__PURE__ */ e.jsx(h, { value: s, children: E(s) }, s))
+                  ].map((s) => /* @__PURE__ */ e.jsx(h, { value: s, children: B(s) }, s))
                 ] })
               ] })
             ] })
@@ -141,7 +136,7 @@ const k = async (x, g) => new Promise((o, r) => {
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs(
-      O,
+      Q,
       {
         className: `h-full ${x && !d(r) ? "-mx-2 flex flex-wrap px-2" : "-mx-2 flex flex-col pb-8 pt-2"}`,
         children: [
@@ -182,12 +177,12 @@ const k = async (x, g) => new Promise((o, r) => {
             "  Loading..."
           ] }),
           !d(r) && i < z && !f && /* @__PURE__ */ e.jsx(
-            R,
+            H,
             {
               size: "sm",
               variant: "link",
               className: "w-full",
-              onClick: () => _(void 0),
+              onClick: () => T(void 0),
               disabled: f,
               children: f ? "" : "Load More"
             }
@@ -198,6 +193,6 @@ const k = async (x, g) => new Promise((o, r) => {
   ] });
 };
 export {
-  Ke as default,
-  k as fetchImage
+  _e as default,
+  I as fetchImage
 };

package/dist/UnsplashImages-cah1BRL_.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),o=require("react"),l=require("lodash-es"),C=require("@radix-ui/react-icons"),k=require("unsplash-js"),t=require("./index-0FIxW0gR.cjs"),A=require("@react-hookz/web"),T=require("lucide-react");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-D_vtk3zK.cjs");require("./MODIFIERS-mVmfEGgo.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("./Functions-N3yhPYKY.cjs");require("@chaibuilder/runtime");require("jotai");require("tree-model");require("react-i18next");const g=async(d,E)=>new Promise((a,n)=>{k.createApi({accessKey:E}).search.getPhotos(d).then(c=>{a(c)}).catch(c=>n(c))}),z=({isModalView:d,onSelect:E})=>{const a=t.useBuilderProp("unsplashAccessKey",""),[n,f]=o.useState([]),[c,q]=o.useState(0),[u,S]=o.useState(),[x,b]=o.useState(),[I,R]=o.useState(0),[j,w]=A.useDebouncedState("",1e3),[h,m]=o.useState(!1),P=async s=>{if(l.isEmpty(j))return;let i=c+1;s&&(s.preventDefault(),i=1),m(!0),q(i);const p={query:j,page:i};u&&(p.orientation=u),x&&(p.color=x),g(p,a).then(r=>{var y,v,N;f(i===1?((y=r==null?void 0:r.response)==null?void 0:y.results)||[]:[...n,...((v=r==null?void 0:r.response)==null?void 0:v.results)||[]]),R((N=r==null?void 0:r.response)==null?void 0:N.total_pages),m(!1)}).catch(()=>{m(!1)})};return o.useEffect(()=>{if(!l.isEmpty(j)&&a){m(!0);const s={query:j,page:1};u&&(s.orientation=u),x&&(s.color=x),q(1),g(s,a).then(i=>{var p,r;f(((p=i==null?void 0:i.response)==null?void 0:p.results)||[]),R((r=i==null?void 0:i.response)==null?void 0:r.total_pages),m(!1)}).catch(()=>{m(!1)})}},[u,x,j,a]),l.isEmpty(a)?e.jsxRuntimeExports.jsx("div",{className:"h-full flex flex-col items-center justify-center",children:e.jsxRuntimeExports.jsxs("p",{className:"max-w-3xl text-center text-gray-500",children:["To enable Unsplash, kindly provide your",e.jsxRuntimeExports.jsx("a",{href:"https://unsplash.com/documentation#public-authentication",className:"underline px-1 hover:text-blue-400",target:"_blank",rel:"noopener noreferrer",children:"Unsplash Access Key"})]})}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("form",{className:"flex items-center rounded-md border bg-gray-100 p-px",children:[e.jsxRuntimeExports.jsx(t.Input,{type:"text",name:"query",className:"input",placeholder:'Try "dog" or "apple"',onChange:s=>w(s.target.value)}),e.jsxRuntimeExports.jsxs(t.Popover,{children:[e.jsxRuntimeExports.jsx(t.PopoverTrigger,{asChild:!0,className:"h-full w-10 cursor-pointer p-2.5 hover:bg-slate-200",children:e.jsxRuntimeExports.jsx(C.MixerHorizontalIcon,{})}),e.jsxRuntimeExports.jsx(t.PopoverContent,{side:d?"bottom":"right",className:"z-[9999] flex w-max items-center justify-center",children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("div",{className:"py-1 text-sm font-medium",children:"Orientation"}),e.jsxRuntimeExports.jsxs(t.Select,{defaultValue:u,onValueChange:s=>S(s),children:[e.jsxRuntimeExports.jsx(t.SelectTrigger,{className:"h-auto w-40 p-1 px-3",children:e.jsxRuntimeExports.jsx(t.SelectValue,{placeholder:"Select"})}),e.jsxRuntimeExports.jsxs(t.SelectContent,{className:"z-[9999]",children:[e.jsxRuntimeExports.jsx(t.SelectItem,{value:"",children:"All"}),e.jsxRuntimeExports.jsx(t.SelectItem,{value:"landscape",children:"Landscape"}),e.jsxRuntimeExports.jsx(t.SelectItem,{value:"portrait",children:"Portrait"}),e.jsxRuntimeExports.jsx(t.SelectItem,{value:"squarish",children:"Square"})]})]}),e.jsxRuntimeExports.jsx("div",{className:"pb-1 pt-2 text-sm font-medium",children:"Color"}),e.jsxRuntimeExports.jsxs(t.Select,{defaultValue:x,onValueChange:s=>b(s),children:[e.jsxRuntimeExports.jsx(t.SelectTrigger,{className:"h-auto w-40 p-1 px-3",children:e.jsxRuntimeExports.jsx(t.SelectValue,{placeholder:"Select"})}),e.jsxRuntimeExports.jsxs(t.SelectContent,{className:"z-[9999]",children:[e.jsxRuntimeExports.jsx(t.SelectItem,{value:"",children:"All"}),["black_and_white","black","white","yellow","orange","red","purple","magenta","green","teal","blue"].map(s=>e.jsxRuntimeExports.jsx(t.SelectItem,{value:s,children:l.startCase(s)},s))]})]})]})})]})]}),e.jsxRuntimeExports.jsxs(t.ScrollArea,{className:`h-full ${d&&!l.isEmpty(n)?"-mx-2 flex flex-wrap px-2":"-mx-2 flex flex-col pb-8 pt-2"}`,children:[l.isEmpty(n)&&!h&&e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col items-center justify-center py-6",children:[e.jsxRuntimeExports.jsx("div",{className:"font-medium",children:"No Data"}),e.jsxRuntimeExports.jsx("div",{className:"text-sm text-gray-500",children:"Enter query and press enter"})]}),d?e.jsxRuntimeExports.jsx("div",{className:"h-full columns-5 py-2",children:n.map(s=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"my-1 flex",onClick:()=>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)),h&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-center py-8",children:[e.jsxRuntimeExports.jsx(T.Loader,{className:"animate-spin w-6 h-6"}),"  Loading..."]}),!l.isEmpty(n)&&c<I&&!h&&e.jsxRuntimeExports.jsx(t.Button,{size:"sm",variant:"link",className:"w-full",onClick:()=>P(void 0),disabled:h,children:h?"":"Load More"})]})]})};exports.default=z;exports.fetchImage=g;

package/dist/UploadImages-5dRETWCo.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),s=require("react"),l=require("lodash-es"),m=require("@radix-ui/react-icons"),E=require("jotai"),p=require("./index-0FIxW0gR.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-D_vtk3zK.cjs");require("./MODIFIERS-mVmfEGgo.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("./Functions-N3yhPYKY.cjs");require("@chaibuilder/runtime");require("@react-hookz/web");require("tree-model");require("react-i18next");const N=E.atom([]),I=({isModalView:t,onSelect:a})=>{const j=p.useBuilderProp("uploadMediaCallback"),u=p.useBuilderProp("fetchMediaCallback"),[i,x]=E.useAtom(N),[n,f]=s.useState(!1),[h,g]=s.useState(!1),[c,d]=s.useState(),[b,R]=s.useState("");s.useEffect(()=>{(async()=>{if(!u)return;g(!0);const r=await u();x(r||[]),g(!1)})()},[]);const v=r=>{var o,q;r&&((q=(o=r==null?void 0:r.target)==null?void 0:o.files)==null?void 0:q.length)>0&&d(r.target.files[0])},y=async()=>{if(j){f(!0);try{const{url:r}=await j(c);a(r),d(void 0);const o=await u();x(o)}catch(r){x([]),R((r==null?void 0:r.message)||"Something went wrong.")}f(!1)}};return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[c?e.jsxRuntimeExports.jsxs("div",{className:"relative flex w-full flex-col items-center justify-center rounded-md border bg-slate-50 p-2 px-1",children:[e.jsxRuntimeExports.jsx("img",{src:URL.createObjectURL(c),alt:"",className:"h-auto max-h-96 w-full max-w-sm rounded-md object-contain"}),b&&e.jsxRuntimeExports.jsx("div",{className:"w-full pt-2 text-center text-sm text-red-500",children:b}),e.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-center justify-center gap-2 pt-2",children:[e.jsxRuntimeExports.jsxs("button",{type:"button",onClick:y,disabled:n,className:"flex items-center rounded-full bg-blue-500 px-3 py-1 text-sm text-white hover:bg-blue-600 hover:text-white",children:[n?e.jsxRuntimeExports.jsx(m.GearIcon,{className:"animate-spin"}):e.jsxRuntimeExports.jsx(m.UploadIcon,{className:"animate-bounce"}),"  ",n?"Uploading...":"Upload"]}),!n&&e.jsxRuntimeExports.jsxs("button",{type:"button",className:"flex items-center rounded-full border border-gray-300 px-3 py-1 text-sm hover:bg-gray-200",onClick:()=>d(void 0),children:[e.jsxRuntimeExports.jsx(m.Cross1Icon,{}),"  Cancel"]})]})]}):e.jsxRuntimeExports.jsxs("label",{htmlFor:t?"upload-in-modal":"upload-in-panel",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex w-full cursor-pointer flex-col items-center justify-center rounded-md border border-dashed border-blue-900 bg-gray-200 py-8 hover:bg-blue-50",children:[e.jsxRuntimeExports.jsx("div",{className:"text-3xl",children:"+"}),e.jsxRuntimeExports.jsx("div",{children:"Click to choose file"})]}),e.jsxRuntimeExports.jsx("input",{type:"file",id:t?"upload-in-modal":"upload-in-panel",hidden:!0,onChange:v})]}),e.jsxRuntimeExports.jsxs(p.ScrollArea,{className:`-mx-2 flex h-full flex-col pb-8 pt-2 ${t?"px-2":""} pt-2`,children:[l.isEmpty(i)&&h&&e.jsxRuntimeExports.jsx("div",{className:"flex flex-col items-center justify-center py-6",children:e.jsxRuntimeExports.jsx("div",{className:"animate-pulse font-medium",children:"Fetching..."})}),l.isEmpty(i)&&!h&&e.jsxRuntimeExports.jsx("div",{className:"flex flex-col items-center justify-center py-6",children:e.jsxRuntimeExports.jsx("div",{className:"font-medium",children:"No Images"})}),t?e.jsxRuntimeExports.jsx("div",{className:"h-full columns-5 py-2",children:l.map(i,r=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"my-1 flex",onClick:()=>a(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))}):l.map(i,r=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"px-2 py-1",onClick:()=>a(r.url),children:e.jsxRuntimeExports.jsx("div",{className:"relative overflow-hidden rounded-md bg-cover bg-no-repeat",children:e.jsxRuntimeExports.jsx("img",{className:"h-auto w-full cursor-pointer transition duration-300 ease-in-out hover:scale-105",alt:r.name,src:r.url})})},r.id))]})]})};exports.default=I;