@chaibuilder/sdk 1.2.91 → 1.2.92

package/dist/CodeEditor-awVVPqel.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),h=require("@monaco-editor/react"),k=require("./button-oQgWN0j0.cjs"),C=require("react-i18next"),u=require("react"),o=require("./iconBase-_bgMuxa5.cjs"),E=require("./index-Hj8wMhx_.cjs"),R=require("@radix-ui/react-icons"),g=require("@react-hookz/web");require("@radix-ui/react-slot");require("class-variance-authority");require("clsx");require("tailwind-merge");require("lodash-es");require("jotai");require("./_commonjsHelpers-f52AuuUj.cjs");require("@chaibuilder/runtime");require("tree-model");require("./context-menu-8MWP_Ikf.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-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-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("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("./plugin-02QsHeBE.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("i18next");require("framer-motion");const a=s=>{const t=document.createElement("div");return t.innerHTML=s,t.innerHTML};function v(){const{t:s}=C.useTranslation(),[t,q]=u.useState(!1),[l,d]=u.useState(""),[r,n]=E.useCodeEditor(),[c]=o.useSelectedBlockIds(),x=o.useUpdateBlocksProps(),m=o.useUpdateBlocksPropsRealtime(),p=g.useThrottledCallback(i=>{const f=a(i);m([r.blockId],{[r.blockProp]:f})},[],300),j=u.useCallback(()=>{if(t){const i=a(l);x([r.blockId],{[r.blockProp]:i})}},[t,l]);u.useEffect(()=>{c.includes(r==null?void 0:r.blockId)||(j(),n(null))},[c]);const b=()=>{n(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:b,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:()=>n(null),size:"sm",variant:"destructive",className:"h-6 w-fit",children:e.jsxRuntimeExports.jsx(R.Cross2Icon,{})})})]}),e.jsxRuntimeExports.jsx(h,{onMount:i=>{i.setValue(r.initialCode)},onChange:i=>{q(!0),d(i),p(i)},height:"100%",defaultLanguage:"html",theme:"vs-dark",defaultValue:"",options:{minimap:{enabled:!1}}})]})]})}exports.default=v;

package/dist/{CodeEditor-_Pim7pDO.js → CodeEditor-orTEdw7a.js}

@@ -1,16 +1,25 @@
 import { j as t } from "./jsx-runtime-Sp0orL4X.js";
 import k from "@monaco-editor/react";
-import { B as C } from "./context-menu-9cWJcKdh.js";
+import { B as C } from "./button-9Duvj2dH.js";
 import { useTranslation as j } from "react-i18next";
 import { useState as l, useCallback as v, useEffect as g } from "react";
-import { u as y, a as N, b as T, c as E } from "./index-ry3B_D93.js";
+import { a as y, n as N, D as T } from "./iconBase-BnEC5_qG.js";
+import { u as E } from "./index-yJ1H6b2C.js";
 import { Cross2Icon as w } from "@radix-ui/react-icons";
 import { useThrottledCallback as B } from "@react-hookz/web";
+import "@radix-ui/react-slot";
+import "class-variance-authority";
+import "clsx";
+import "tailwind-merge";
+import "lodash-es";
+import "jotai";
+import "./_commonjsHelpers-f3sTPFkQ.js";
+import "@chaibuilder/runtime";
+import "tree-model";
+import "./context-menu-yLeOsx9j.js";
 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-scroll-area";
 import "@radix-ui/react-tabs";
@@ -24,14 +33,6 @@ import "@radix-ui/react-toast";
 import "cmdk";
 import "@radix-ui/react-dialog";
 import "@radix-ui/react-context-menu";
-import "clsx";
-import "tailwind-merge";
-import "lodash-es";
-import "jotai";
-import "./iconBase-zweRWSz0.js";
-import "@chaibuilder/runtime";
-import "./plugin-sJ3Hzvpv.js";
-import "tree-model";
 import "react-quill";
 import "./STRINGS-TDN5UhWi.js";
 import "flagged";
@@ -43,6 +44,7 @@ import "@tailwindcss/typography";
 import "@tailwindcss/forms";
 import "@tailwindcss/aspect-ratio";
 import "tailwindcss-palette-generator";
+import "./plugin-VDzc8jUO.js";
 import "react-wrap-balancer";
 import "react-dom";
 import "prop-types";
@@ -58,24 +60,24 @@ import "react-autosuggest";
 import "fuse.js";
 import "i18next";
 import "framer-motion";
-const a = (r) => {
-  const i = document.createElement("div");
-  return i.innerHTML = r, i.innerHTML;
+const n = (r) => {
+  const e = document.createElement("div");
+  return e.innerHTML = r, e.innerHTML;
 };
-function Rt() {
-  const { t: r } = j(), [i, n] = l(!1), [m, c] = l(""), [o, s] = y(), [p] = N(), d = T(), u = E(), f = B(
-    (e) => {
-      const b = a(e);
+function Dt() {
+  const { t: r } = j(), [e, a] = l(!1), [m, c] = l(""), [o, s] = E(), [p] = y(), d = N(), u = T(), f = B(
+    (i) => {
+      const b = n(i);
       u([o.blockId], { [o.blockProp]: b });
     },
     [],
     300
   ), x = v(() => {
-    if (i) {
-      const e = a(m);
-      d([o.blockId], { [o.blockProp]: e });
+    if (e) {
+      const i = n(m);
+      d([o.blockId], { [o.blockProp]: i });
     }
-  }, [i, m]);
+  }, [e, m]);
   g(() => {
     p.includes(o == null ? void 0 : o.blockId) || (x(), s(null));
   }, [p]);
@@ -104,11 +106,11 @@ function Rt() {
       /* @__PURE__ */ t.jsx(
         k,
         {
-          onMount: (e) => {
-            e.setValue(o.initialCode);
+          onMount: (i) => {
+            i.setValue(o.initialCode);
           },
-          onChange: (e) => {
-            n(!0), c(e), f(e);
+          onChange: (i) => {
+            a(!0), c(i), f(i);
           },
           height: "100%",
           defaultLanguage: "html",
@@ -125,5 +127,5 @@ function Rt() {
   ] });
 }
 export {
-  Rt as default
+  Dt as default
 };

package/dist/Topbar--KOfsR94.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),n=require("react"),a=require("./context-menu-8MWP_Ikf.cjs"),x=require("./button-oQgWN0j0.cjs"),i=require("./iconBase-_bgMuxa5.cjs"),c=require("react-i18next"),l=require("./index-Hj8wMhx_.cjs"),p=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-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("@radix-ui/react-slot");require("clsx");require("tailwind-merge");require("lodash-es");require("jotai");require("./_commonjsHelpers-f52AuuUj.cjs");require("@react-hookz/web");require("@chaibuilder/runtime");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("./plugin-02QsHeBE.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("i18next");require("framer-motion");const m=()=>{const{savePage:o,saveState:r}=i.useSavePage(),{t:s}=c.useTranslation(),u=e.jsxRuntimeExports.jsxs(x.Button,{disabled:r==="SAVING",onClick:t=>{t.preventDefault(),o()},className:i.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(l.FaCheck,{className:"text-sm text-white"}),e.jsxRuntimeExports.jsx("span",{className:"text-sm",children:s(r==="SAVING"?"saving":r==="SAVED"?"saved":"unsaved")})]});return e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:u})},q=function(){const r=i.useBuilderProp("previewComponent"),[,s]=l.usePreviewMode(),{t:u}=c.useTranslation();return r?e.jsxRuntimeExports.jsxs(x.Button,{onClick:t=>{t.preventDefault(),s(!0)},className:"flex h-auto w-fit items-center gap-x-2 p-1 px-2",size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(p.EyeOpenIcon,{className:"text-xs"}),e.jsxRuntimeExports.jsx("span",{className:"text-sm",children:u("preview")})]}):null},j=()=>{const o=i.useBuilderProp("topBarComponents.left",[]),r=i.useBuilderProp("topBarComponents.center",[]),s=i.useBuilderProp("topBarComponents.right",[]),u=i.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(o.map(t=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(a.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(a.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(t,{})})))}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-1",children:[e.jsxRuntimeExports.jsx(q,{}),e.jsxRuntimeExports.jsx(a.Separator,{orientation:"vertical"}),u?e.jsxRuntimeExports.jsx(m,{}):null,n.Children.toArray(s.map(t=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(a.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(t,{})})))]})]})};exports.default=j;

package/dist/{Topbar-4ejjKoRn.js → Topbar-OPlOc1Ha.js}

@@ -1,15 +1,15 @@
 import { j as t } from "./jsx-runtime-Sp0orL4X.js";
 import m, { Suspense as p } from "react";
-import { B as c, S as n, ac as x } from "./context-menu-9cWJcKdh.js";
-import { d, F as h, e as o, f } from "./index-ry3B_D93.js";
-import { useTranslation as l } from "react-i18next";
-import { c as u } from "./iconBase-zweRWSz0.js";
+import { S as n, ab as x } from "./context-menu-yLeOsx9j.js";
+import { B as l } from "./button-9Duvj2dH.js";
+import { T as d, B as h, m as s } from "./iconBase-BnEC5_qG.js";
+import { useTranslation as c } from "react-i18next";
+import { F as f, a as u } from "./index-yJ1H6b2C.js";
 import { EyeOpenIcon as v } from "@radix-ui/react-icons";
 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-scroll-area";
 import "@radix-ui/react-tabs";
@@ -23,13 +23,14 @@ import "@radix-ui/react-toast";
 import "cmdk";
 import "@radix-ui/react-dialog";
 import "@radix-ui/react-context-menu";
+import "@radix-ui/react-slot";
 import "clsx";
 import "tailwind-merge";
 import "lodash-es";
 import "jotai";
-import "@chaibuilder/runtime";
-import "./plugin-sJ3Hzvpv.js";
+import "./_commonjsHelpers-f3sTPFkQ.js";
 import "@react-hookz/web";
+import "@chaibuilder/runtime";
 import "tree-model";
 import "react-quill";
 import "./STRINGS-TDN5UhWi.js";
@@ -42,6 +43,7 @@ import "@tailwindcss/typography";
 import "@tailwindcss/forms";
 import "@tailwindcss/aspect-ratio";
 import "tailwindcss-palette-generator";
+import "./plugin-VDzc8jUO.js";
 import "react-wrap-balancer";
 import "react-dom";
 import "prop-types";
@@ -58,14 +60,14 @@ import "fuse.js";
 import "i18next";
 import "framer-motion";
 const j = () => {
-  const { savePage: a, saveState: e } = d(), { t: s } = l(), i = /* @__PURE__ */ t.jsxs(
-    c,
+  const { savePage: a, saveState: e } = d(), { t: o } = c(), i = /* @__PURE__ */ t.jsxs(
+    l,
     {
       disabled: e === "SAVING",
       onClick: (r) => {
         r.preventDefault(), a();
       },
-      className: u(
+      className: h(
         "flex h-auto w-fit items-center gap-x-2 p-1 px-2",
         // UNSAVED sate
         "bg-gray-200 text-gray-500 hover:bg-gray-100 dark:bg-gray-800 dark:text-gray-400",
@@ -77,19 +79,19 @@ const j = () => {
       size: "sm",
       variant: "outline",
       children: [
-        /* @__PURE__ */ t.jsx(h, { className: "text-sm text-white" }),
-        /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: s(e === "SAVING" ? "saving" : e === "SAVED" ? "saved" : "unsaved") })
+        /* @__PURE__ */ t.jsx(f, { className: "text-sm text-white" }),
+        /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: o(e === "SAVING" ? "saving" : e === "SAVED" ? "saved" : "unsaved") })
       ]
     }
   );
   return /* @__PURE__ */ t.jsx("div", { className: "flex items-center", children: i });
 }, g = function() {
-  const e = o("previewComponent"), [, s] = f(), { t: i } = l();
+  const e = s("previewComponent"), [, o] = u(), { t: i } = c();
   return e ? /* @__PURE__ */ t.jsxs(
-    c,
+    l,
     {
       onClick: (r) => {
-        r.preventDefault(), s(!0);
+        r.preventDefault(), o(!0);
       },
       className: "flex h-auto w-fit items-center gap-x-2 p-1 px-2",
       size: "sm",
@@ -100,8 +102,8 @@ const j = () => {
       ]
     }
   ) : null;
-}, St = () => {
-  const a = o("topBarComponents.left", []), e = o("topBarComponents.center", []), s = o("topBarComponents.right", []), i = o("editable", !0);
+}, At = () => {
+  const a = s("topBarComponents.left", []), e = s("topBarComponents.center", []), o = s("topBarComponents.right", []), i = s("editable", !0);
   return /* @__PURE__ */ t.jsxs("div", { className: "flex h-14 items-center justify-between px-2", children: [
     /* @__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(
       a.map((r) => /* @__PURE__ */ t.jsx(p, { fallback: /* @__PURE__ */ t.jsx(n, { className: "h-10" }), children: /* @__PURE__ */ t.jsx(r, {}) }))
@@ -114,11 +116,11 @@ const j = () => {
       /* @__PURE__ */ t.jsx(x, { orientation: "vertical" }),
       i ? /* @__PURE__ */ t.jsx(j, {}) : null,
       m.Children.toArray(
-        s.map((r) => /* @__PURE__ */ t.jsx(p, { fallback: /* @__PURE__ */ t.jsx(n, { className: "h-10" }), children: /* @__PURE__ */ t.jsx(r, {}) }))
+        o.map((r) => /* @__PURE__ */ t.jsx(p, { fallback: /* @__PURE__ */ t.jsx(n, { className: "h-10" }), children: /* @__PURE__ */ t.jsx(r, {}) }))
       )
     ] })
   ] });
 };
 export {
-  St as default
+  At as default
 };

package/dist/{UnsplashImages-fpbR9Jbs.js → UnsplashImages-WaGyNL1z.js}

@@ -2,17 +2,21 @@ import { j as e } from "./jsx-runtime-Sp0orL4X.js";
 import { useState as c, useEffect as S } from "react";
 import { isEmpty as d } from "lodash-es";
 import { createApi as B } from "unsplash-js";
-import { N as D, V as E, B as L } from "./context-menu-9cWJcKdh.js";
+import { B as D } from "./button-9Duvj2dH.js";
+import { M as E, U as L } from "./context-menu-yLeOsx9j.js";
 import { useTranslation as T } from "react-i18next";
-import { e as V, C as k } from "./index-ry3B_D93.js";
+import { m as U } from "./iconBase-BnEC5_qG.js";
 import { useDebouncedState as F } from "@react-hookz/web";
 import { Loader as K } from "lucide-react";
+import { C as k } from "./index-yJ1H6b2C.js";
+import "@radix-ui/react-slot";
+import "class-variance-authority";
+import "clsx";
+import "tailwind-merge";
 import "@radix-ui/react-switch";
 import "@radix-ui/react-accordion";
 import "@radix-ui/react-icons";
-import "class-variance-authority";
 import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-slot";
 import "@radix-ui/react-label";
 import "@radix-ui/react-scroll-area";
 import "@radix-ui/react-tabs";
@@ -26,12 +30,9 @@ import "@radix-ui/react-toast";
 import "cmdk";
 import "@radix-ui/react-dialog";
 import "@radix-ui/react-context-menu";
-import "clsx";
-import "tailwind-merge";
 import "jotai";
-import "./iconBase-zweRWSz0.js";
+import "./_commonjsHelpers-f3sTPFkQ.js";
 import "@chaibuilder/runtime";
-import "./plugin-sJ3Hzvpv.js";
 import "tree-model";
 import "react-quill";
 import "./STRINGS-TDN5UhWi.js";
@@ -44,6 +45,7 @@ import "@tailwindcss/typography";
 import "@tailwindcss/forms";
 import "@tailwindcss/aspect-ratio";
 import "tailwindcss-palette-generator";
+import "./plugin-VDzc8jUO.js";
 import "react-wrap-balancer";
 import "react-dom";
 import "prop-types";
@@ -62,16 +64,16 @@ const C = async (f, g) => new Promise((s, r) => {
   B({ accessKey: g }).search.getPhotos(f).then((i) => {
     s(i);
   }).catch((i) => r(i));
-}), $e = ({ isModalView: f, onSelect: g }) => {
-  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) => {
+}), Ge = ({ isModalView: f, onSelect: g }) => {
+  const s = U("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 (o) => {
     if (d(h))
       return;
     let t = i + 1;
-    a && (a.preventDefault(), t = 1), m(!0), v(t);
+    o && (o.preventDefault(), t = 1), m(!0), v(t);
     const p = { query: h, page: t };
-    l && (p.orientation = l), n && (p.color = n), C(p, s).then((o) => {
+    l && (p.orientation = l), n && (p.color = n), C(p, s).then((a) => {
       var y, N, w;
-      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);
+      x(t === 1 ? ((y = a == null ? void 0 : a.response) == null ? void 0 : y.results) || [] : [...r, ...((N = a == null ? void 0 : a.response) == null ? void 0 : N.results) || []]), b((w = a == null ? void 0 : a.response) == null ? void 0 : w.total_pages), m(!1);
     }).catch(() => {
       m(!1);
     });
@@ -79,10 +81,10 @@ const C = async (f, g) => new Promise((s, r) => {
   return S(() => {
     if (!d(h) && s) {
       m(!0);
-      const a = { query: h, page: 1 };
-      l && (a.orientation = l), n && (a.color = n), v(1), C(a, s).then((t) => {
-        var p, o;
-        x(((p = t == null ? void 0 : t.response) == null ? void 0 : p.results) || []), b((o = t == null ? void 0 : t.response) == null ? void 0 : o.total_pages), m(!1);
+      const o = { query: h, page: 1 };
+      l && (o.orientation = l), n && (o.color = n), v(1), C(o, s).then((t) => {
+        var p, a;
+        x(((p = t == null ? void 0 : t.response) == null ? void 0 : p.results) || []), b((a = t == null ? void 0 : t.response) == null ? void 0 : a.total_pages), m(!1);
       }).catch(() => {
         m(!1);
       });
@@ -102,13 +104,13 @@ const C = async (f, g) => new Promise((s, r) => {
   ] }) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("form", { className: "flex items-center gap-x-2 rounded-md border border-border bg-background p-px", children: [
       /* @__PURE__ */ e.jsx(
-        D,
+        E,
         {
           type: "text",
           name: "query",
           className: "text-foreground",
           placeholder: 'Try "dog" or "apple"',
-          onChange: (a) => q(a.target.value)
+          onChange: (o) => q(o.target.value)
         }
       ),
       /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
@@ -135,7 +137,7 @@ const C = async (f, g) => new Promise((s, r) => {
             }
           ],
           defaultValue: l,
-          onValueChange: (a) => P(a)
+          onValueChange: (o) => P(o)
         }
       ) }),
       /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
@@ -177,12 +179,12 @@ const C = async (f, g) => new Promise((s, r) => {
             }
           ],
           defaultValue: n,
-          onValueChange: (a) => A(a)
+          onValueChange: (o) => A(o)
         }
       ) })
     ] }),
     /* @__PURE__ */ e.jsxs(
-      E,
+      L,
       {
         className: `h-full ${f && !d(r) ? "-mx-2 flex flex-wrap px-2" : "-mx-2 flex flex-col pb-8 pt-2"}`,
         children: [
@@ -190,40 +192,40 @@ const C = async (f, g) => new Promise((s, r) => {
             /* @__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" })
           ] }),
-          f ? /* @__PURE__ */ e.jsx("div", { className: "h-full columns-5 py-2", children: r.map((a) => /* @__PURE__ */ e.jsx(
+          f ? /* @__PURE__ */ e.jsx("div", { className: "h-full columns-5 py-2", children: r.map((o) => /* @__PURE__ */ e.jsx(
             "div",
             {
               role: "button",
               tabIndex: 0,
               className: "my-1 flex",
-              onClick: () => g(a.urls.regular),
+              onClick: () => g(o.urls.regular),
               children: /* @__PURE__ */ e.jsx("div", { className: "relative overflow-hidden rounded-md bg-cover bg-no-repeat", children: /* @__PURE__ */ e.jsx(
                 "img",
                 {
                   className: "h-auto flex-1 cursor-pointer rounded-md transition duration-300 ease-in-out hover:scale-105",
-                  alt: a.alt_description,
-                  src: a.urls.small
+                  alt: o.alt_description,
+                  src: o.urls.small
                 }
               ) })
             },
-            a.id
-          )) }) : r.map((a) => (
+            o.id
+          )) }) : r.map((o) => (
             // 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",
               {
                 className: "h-auto cursor-pointer transition duration-300 ease-in-out hover:scale-105",
-                alt: a.alt_description,
-                src: a.urls.small
+                alt: o.alt_description,
+                src: o.urls.small
               }
-            ) }) }, a.id)
+            ) }) }, o.id)
           )),
           u && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center py-8", children: [
             /* @__PURE__ */ e.jsx(K, { className: "h-6 w-6 animate-spin" }),
             "  Loading..."
           ] }),
           !d(r) && i < _ && !u && /* @__PURE__ */ e.jsx(
-            L,
+            D,
             {
               size: "sm",
               variant: "link",
@@ -239,6 +241,6 @@ const C = async (f, g) => new Promise((s, r) => {
   ] });
 };
 export {
-  $e as default,
+  Ge as default,
   C as fetchImage
 };

package/dist/UnsplashImages-g-8MvB9W.cjs

@@ -0,0 +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"),_=require("./button-oQgWN0j0.cjs"),N=require("./context-menu-8MWP_Ikf.cjs"),B=require("react-i18next"),T=require("./iconBase-_bgMuxa5.cjs"),D=require("@react-hookz/web"),L=require("lucide-react"),S=require("./index-Hj8wMhx_.cjs");require("@radix-ui/react-slot");require("class-variance-authority");require("clsx");require("tailwind-merge");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-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("jotai");require("./_commonjsHelpers-f52AuuUj.cjs");require("@chaibuilder/runtime");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("./plugin-02QsHeBE.cjs");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 f=async(h,j)=>new Promise((i,a)=>{A.createApi({accessKey:j}).search.getPhotos(h).then(o=>{i(o)}).catch(o=>a(o))}),F=({isModalView:h,onSelect:j})=>{const i=T.useBuilderProp("unsplashAccessKey",""),[a,q]=n.useState([]),[o,g]=n.useState(0),[l,w]=n.useState(),[u,k]=n.useState(),[C,b]=n.useState(0),[d,P]=D.useDebouncedState("",1e3),[m,c]=n.useState(!1),{t:v}=B.useTranslation(),I=async r=>{if(p.isEmpty(d))return;let t=o+1;r&&(r.preventDefault(),t=1),c(!0),g(t);const x={query:d,page:t};l&&(x.orientation=l),u&&(x.color=u),f(x,i).then(s=>{var y,E,R;q(t===1?((y=s==null?void 0:s.response)==null?void 0:y.results)||[]:[...a,...((E=s==null?void 0:s.response)==null?void 0:E.results)||[]]),b((R=s==null?void 0:s.response)==null?void 0:R.total_pages),c(!1)}).catch(()=>{c(!1)})};return n.useEffect(()=>{if(!p.isEmpty(d)&&i){c(!0);const r={query:d,page:1};l&&(r.orientation=l),u&&(r.color=u),g(1),f(r,i).then(t=>{var x,s;q(((x=t==null?void 0:t.response)==null?void 0:x.results)||[]),b((s=t==null?void 0:t.response)==null?void 0:s.total_pages),c(!1)}).catch(()=>{c(!1)})}},[l,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(N.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(S.ChaiSelect,{className:"w-40",placeholder:v("Orientation"),options:[{value:"",label:"All"},{value:"landscape",label:"Landscape"},{value:"portrait",label:"Portrait"},{value:"squarish",label:"Square"}],defaultValue:l,onValueChange:r=>w(r)})}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(S.ChaiSelect,{placeholder:v("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(N.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(L.Loader,{className:"h-6 w-6 animate-spin"}),"  Loading..."]}),!p.isEmpty(a)&&o<C&&!m&&e.jsxRuntimeExports.jsx(_.Button,{size:"sm",variant:"link",className:"w-full",onClick:()=>I(void 0),disabled:m,children:m?"":"Load More"})]})]})};exports.default=F;exports.fetchImage=f;

package/dist/{UploadImages-9hzL5Hu1.js → UploadImages-GiKofaXX.js}

@@ -1,17 +1,20 @@
 import { j as e } from "./jsx-runtime-Sp0orL4X.js";
-import { useState as l, useEffect as k } from "react";
+import { useState as i, useEffect as k } from "react";
 import { isEmpty as j, map as b } from "lodash-es";
-import { atom as F, useAtom as U } from "jotai";
-import { V as C } from "./context-menu-9cWJcKdh.js";
+import { atom as U, useAtom as F } from "jotai";
+import { U as C } from "./context-menu-yLeOsx9j.js";
 import { useTranslation as E } from "react-i18next";
-import { e as N } from "./index-ry3B_D93.js";
+import { m as N } from "./iconBase-BnEC5_qG.js";
 import { Upload as G, Loader as P } from "lucide-react";
 import "@radix-ui/react-switch";
+import "./button-9Duvj2dH.js";
+import "@radix-ui/react-slot";
+import "class-variance-authority";
+import "clsx";
+import "tailwind-merge";
 import "@radix-ui/react-accordion";
 import "@radix-ui/react-icons";
-import "class-variance-authority";
 import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-slot";
 import "@radix-ui/react-label";
 import "@radix-ui/react-scroll-area";
 import "@radix-ui/react-tabs";
@@ -25,71 +28,43 @@ import "@radix-ui/react-toast";
 import "cmdk";
 import "@radix-ui/react-dialog";
 import "@radix-ui/react-context-menu";
-import "clsx";
-import "tailwind-merge";
-import "./iconBase-zweRWSz0.js";
-import "@chaibuilder/runtime";
-import "./plugin-sJ3Hzvpv.js";
+import "./_commonjsHelpers-f3sTPFkQ.js";
 import "@react-hookz/web";
+import "@chaibuilder/runtime";
 import "tree-model";
-import "react-quill";
-import "./STRINGS-TDN5UhWi.js";
-import "flagged";
-import "react-hotkeys-hook";
-import "@floating-ui/dom";
-import "@floating-ui/react-dom";
-import "react-event-hook";
-import "@tailwindcss/typography";
-import "@tailwindcss/forms";
-import "@tailwindcss/aspect-ratio";
-import "tailwindcss-palette-generator";
-import "react-wrap-balancer";
-import "react-dom";
-import "prop-types";
-import "react-error-boundary";
-import "re-resizable";
-import "@rjsf/validator-ajv8";
-import "@rjsf/core";
-import "react-arborist";
-import "himalaya";
-import "react-icons-picker";
-import "react-autosuggest";
-import "fuse.js";
-import "i18next";
-import "framer-motion";
-const S = F([]), Re = ({ isModalView: s, onSelect: m }) => {
-  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("");
+const S = U([]), ue = ({ isModalView: r, onSelect: m }) => {
+  const { t: s } = E(), p = N("uploadMediaCallback"), n = N("fetchMediaCallback"), [l, d] = F(S), [y, u] = i(!1), [x, f] = i(!1), [, v] = i(), [h, c] = i("");
   k(() => {
     (async () => {
       if (!n)
         return;
       f(!0);
       const t = await n();
-      p(t || []), f(!1);
+      d(t || []), f(!1);
     })();
   }, []);
   const w = (t) => {
-    var o, a;
-    if (d(""), t && ((a = (o = t == null ? void 0 : t.target) == null ? void 0 : o.files) == null ? void 0 : a.length) > 0) {
+    var a, o;
+    if (c(""), t && ((o = (a = t == null ? void 0 : t.target) == null ? void 0 : a.files) == null ? void 0 : o.length) > 0) {
       const g = t.target.files[0];
-      g.type.startsWith("image") ? I(g) : d(r("Please select an image"));
+      g.type.startsWith("image") ? I(g) : c(s("Please select an image"));
     }
   }, I = async (t) => {
-    if (c) {
+    if (p) {
       u(!0);
       try {
-        const { url: o } = await c(t);
-        m(o), v(void 0);
-        const a = await n();
-        p(a);
-      } catch (o) {
-        p([]), d((o == null ? void 0 : o.message) || "Something went wrong.");
+        const { url: a } = await p(t);
+        m(a), v(void 0);
+        const o = await n();
+        d(o);
+      } catch (a) {
+        d([]), c((a == null ? void 0 : a.message) || "Something went wrong.");
       }
       u(!1);
     }
   };
   return /* @__PURE__ */ e.jsxs("div", { children: [
-    /* @__PURE__ */ e.jsxs("label", { htmlFor: s ? "upload-in-modal" : "upload-in-panel", children: [
+    /* @__PURE__ */ e.jsxs("label", { htmlFor: r ? "upload-in-modal" : "upload-in-panel", children: [
       /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center rounded-lg", children: /* @__PURE__ */ e.jsxs(
         "label",
         {
@@ -98,14 +73,14 @@ const S = F([]), Re = ({ isModalView: s, onSelect: m }) => {
           children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center pb-6 pt-5", children: [
               /* @__PURE__ */ e.jsx(G, { className: "mb-3 h-10 w-10 text-gray-400" }),
-              /* @__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") }) }),
-              /* @__PURE__ */ e.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: r("SVG, PNG, JPG or GIF (Max. 2mb)") })
+              /* @__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") }) }),
+              /* @__PURE__ */ e.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: s("SVG, PNG, JPG or GIF (Max. 2mb)") })
             ] }),
             y ? /* @__PURE__ */ e.jsxs("div", { className: "flex h-full w-full items-center justify-center", children: [
               /* @__PURE__ */ e.jsx(P, { className: "h-6 w-6 animate-spin" }),
-              /* @__PURE__ */ e.jsx("span", { className: "ml-2 text-sm text-gray-500", children: r("Uploading...") })
+              /* @__PURE__ */ e.jsx("span", { className: "ml-2 text-sm text-gray-500", children: s("Uploading...") })
             ] }) : null,
-            h && /* @__PURE__ */ e.jsx("p", { className: "pb-2 text-xs text-red-500", children: h || r("Something went wrong") })
+            h && /* @__PURE__ */ e.jsx("p", { className: "pb-2 text-xs text-red-500", children: h || s("Something went wrong") })
           ]
         }
       ) }),
@@ -120,21 +95,21 @@ const S = F([]), Re = ({ isModalView: s, onSelect: m }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ e.jsxs(C, { className: `-mx-2 flex h-full flex-col pb-8 pt-2 ${s ? "px-2" : ""} pt-2`, children: [
-      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...") }) }),
-      j(i) && !x && /* @__PURE__ */ e.jsxs("div", { className: "flex h-full flex-col items-center justify-center text-center", children: [
+    /* @__PURE__ */ e.jsxs(C, { className: `-mx-2 flex h-full flex-col pb-8 pt-2 ${r ? "px-2" : ""} pt-2`, children: [
+      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...") }) }),
+      j(l) && !x && /* @__PURE__ */ e.jsxs("div", { className: "flex h-full flex-col items-center justify-center text-center", children: [
         /* @__PURE__ */ e.jsx("div", { className: "mb-4 h-12 rounded-full p-6" }),
-        /* @__PURE__ */ e.jsx("h3", { className: "mb-2 text-sm font-semibold", children: r("No images found") }),
-        /* @__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.") })
+        /* @__PURE__ */ e.jsx("h3", { className: "mb-2 text-sm font-semibold", children: s("No images found") }),
+        /* @__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.") })
       ] }),
-      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(
+      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(
         "img",
         {
           className: "h-auto flex-1 cursor-pointer rounded-md transition duration-300 ease-in-out hover:scale-105",
           alt: t.name,
           src: t.thumbUrl
         }
-      ) }) }, t.id)) }) : b(i, (t) => (
+      ) }) }, t.id)) }) : b(l, (t) => (
         // TODO: Drag and Drop Image to Canvas from Here use `pic.url` for image quality
         /* @__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(
           "img",
@@ -149,5 +124,5 @@ const S = F([]), Re = ({ isModalView: s, onSelect: m }) => {
   ] });
 };
 export {
-  Re as default
+  ue as default
 };

package/dist/UploadImages-Ic_iZgWY.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),i=require("react"),o=require("lodash-es"),E=require("jotai"),I=require("./context-menu-8MWP_Ikf.cjs"),w=require("react-i18next"),q=require("./iconBase-_bgMuxa5.cjs"),b=require("lucide-react");require("@radix-ui/react-switch");require("./button-oQgWN0j0.cjs");require("@radix-ui/react-slot");require("class-variance-authority");require("clsx");require("tailwind-merge");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-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-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("./_commonjsHelpers-f52AuuUj.cjs");require("@react-hookz/web");require("@chaibuilder/runtime");require("tree-model");const k=E.atom([]),S=({isModalView:a,onSelect:u})=>{const{t}=w.useTranslation(),d=q.useBuilderProp("uploadMediaCallback"),x=q.useBuilderProp("fetchMediaCallback"),[n,c]=E.useAtom(k),[R,p]=i.useState(!1),[j,h]=i.useState(!1),[,y]=i.useState(),[f,m]=i.useState("");i.useEffect(()=>{(async()=>{if(!x)return;h(!0);const s=await x();c(s||[]),h(!1)})()},[]);const N=s=>{var r,l;if(m(""),s&&((l=(r=s==null?void 0:s.target)==null?void 0:r.files)==null?void 0:l.length)>0){const g=s.target.files[0];g.type.startsWith("image")?v(g):m(t("Please select an image"))}},v=async s=>{if(d){p(!0);try{const{url:r}=await d(s);u(r),y(void 0);const l=await x();c(l)}catch(r){c([]),m((r==null?void 0:r.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:t("Click to upload")})}),e.jsxRuntimeExports.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:t("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:t("Uploading...")})]}):null,f&&e.jsxRuntimeExports.jsx("p",{className:"pb-2 text-xs text-red-500",children:f||t("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:[o.isEmpty(n)&&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:t("Fetching...")})}),o.isEmpty(n)&&!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:t("No images found")}),e.jsxRuntimeExports.jsx("p",{className:"mb-4 max-w-sm text-muted-foreground",children:t("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:o.map(n,s=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"my-1 flex",onClick:()=>u(s.url),children:e.jsxRuntimeExports.jsx("div",{className:"relative overflow-hidden rounded-md bg-cover bg-no-repeat",children:e.jsxRuntimeExports.jsx("img",{className:"h-auto flex-1 cursor-pointer rounded-md transition duration-300 ease-in-out hover:scale-105",alt:s.name,src:s.thumbUrl})})},s.id))}):o.map(n,s=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"px-2 py-1",onClick:()=>u(s.url),children:e.jsxRuntimeExports.jsx("div",{className:"relative overflow-hidden rounded-md bg-cover bg-no-repeat",children:e.jsxRuntimeExports.jsx("img",{className:"h-auto w-full cursor-pointer transition duration-300 ease-in-out hover:scale-105",alt:s.name,src:s.url})})},s.id))]})]})};exports.default=S;