@chaibuilder/sdk 1.0.14 → 1.0.16

package/dist/{Topbar-hm1D_5sb.js → Topbar-lX9OMPwj.js}

@@ -1,39 +1,41 @@
-import { j as e } from "./jsx-runtime-Sp0orL4X.js";
+import { j as e } from "./jsx-runtime-qAwJ85SY.js";
 import o, { useMemo as m, Suspense as c } from "react";
 import { FontFamilyIcon as x } from "@radix-ui/react-icons";
-import { S as d, c as h, b as u, d as g, a as j, e as f, f as r } from "./select-POGdEDHT.js";
-import { u as a, T as v, a as S, c as b, S as p } from "./skeleton-CU_FIbg3.js";
-import { S as N } from "./separator-SctTn0Qi.js";
-import { T as C } from "./toggle-ASJRAaGP.js";
-import { p as w } from "./ChaiBuilderEditor-hEuUONQ3.js";
-import { useTranslation as y } from "react-i18next";
-import "@radix-ui/react-select";
-import "./utils-dze1SGvB.js";
+import { i as r, au as d, av as h, aw as u, ax as g, aF as j, aG as v, ay as a, ag as f, aH as S, aI as b, aJ as N, aK as w, S as p, aL as y } from "./index-2EHcmZqL.js";
+import { useTranslation as C } from "react-i18next";
+import "./Class-nQk08vqd.js";
 import "clsx";
 import "tailwind-merge";
-import "jotai";
 import "lodash";
-import "@radix-ui/react-slot";
+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-toast";
+import "@radix-ui/react-popover";
+import "@radix-ui/react-menubar";
+import "@radix-ui/react-hover-card";
+import "@radix-ui/react-select";
+import "@radix-ui/react-dropdown-menu";
 import "@radix-ui/react-separator";
-import "@radix-ui/react-toggle";
-import "./MODIFIERS-DsEzQ3aH.js";
-import "@radix-ui/react-scroll-area";
+import "@radix-ui/react-toast";
+import "cmdk";
+import "@radix-ui/react-context-menu";
+import "react-icons-picker";
 import "react-dom";
-import "@floating-ui/react-dom";
-import "i18next";
-import "flagged";
-import "react-dnd";
-import "@minoru/react-dnd-treeview";
-import "react-hotkeys-hook";
+import "react-quill";
+import "jotai";
 import "flat-to-nested";
-import "./functions-pcUZhFJM.js";
 import "redux-undo";
+import "./index-gmZcUXyn.js";
 import "@react-hookz/web";
-import "./index-ehKdBRUK.js";
-const A = () => a("languages", ["en"]), T = () => A().length === 1 ? null : /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ e.jsxs(d, { children: [
+const A = () => r("languages", ["en"]), B = () => A().length === 1 ? null : /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ e.jsxs(d, { children: [
   /* @__PURE__ */ e.jsx(h, { className: "w-[150px] border-0", children: /* @__PURE__ */ e.jsx(
     u,
     {
@@ -44,15 +46,15 @@ const A = () => a("languages", ["en"]), T = () => A().length === 1 ? null : /* @
     }
   ) }),
   /* @__PURE__ */ e.jsx(g, { children: /* @__PURE__ */ e.jsxs(j, { children: [
-    /* @__PURE__ */ e.jsx(f, { children: "Fruits" }),
-    /* @__PURE__ */ e.jsx(r, { value: "apple", children: "Apple" }),
-    /* @__PURE__ */ e.jsx(r, { value: "banana", children: "Banana" }),
-    /* @__PURE__ */ e.jsx(r, { value: "blueberry", children: "Blueberry" }),
-    /* @__PURE__ */ e.jsx(r, { value: "grapes", children: "Grapes" }),
-    /* @__PURE__ */ e.jsx(r, { value: "pineapple", children: "Pineapple" })
+    /* @__PURE__ */ e.jsx(v, { children: "Fruits" }),
+    /* @__PURE__ */ e.jsx(a, { value: "apple", children: "Apple" }),
+    /* @__PURE__ */ e.jsx(a, { value: "banana", children: "Banana" }),
+    /* @__PURE__ */ e.jsx(a, { value: "blueberry", children: "Blueberry" }),
+    /* @__PURE__ */ e.jsx(a, { value: "grapes", children: "Grapes" }),
+    /* @__PURE__ */ e.jsx(a, { value: "pineapple", children: "Pineapple" })
   ] }) })
-] }) }), B = () => {
-  const { savePage: l, syncState: s } = w(), { t: n } = y(), i = m(() => {
+] }) }), T = () => {
+  const { savePage: l, syncState: s } = f(), { t: i } = C(), n = m(() => {
     switch (s) {
       case "SAVING":
         return "animate-pulse bg-gray-500 text-gray-900";
@@ -62,14 +64,14 @@ const A = () => a("languages", ["en"]), T = () => A().length === 1 ? null : /* @
         return "bg-gray-200 text-gray-500 hover:bg-gray-100";
     }
   }, [s]);
-  return /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ e.jsxs(v, { children: [
-    /* @__PURE__ */ e.jsx(S, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-      C,
+  return /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ e.jsxs(S, { children: [
+    /* @__PURE__ */ e.jsx(b, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+      N,
       {
         onClick: (t) => {
           t.preventDefault(), l();
         },
-        className: `flex h-auto w-20 items-center gap-x-1 rounded-full p-1 px-2 ${i}`,
+        className: `flex h-auto w-20 items-center gap-x-1 rounded-full p-1 px-2 ${n}`,
         size: "sm",
         variant: "outline",
         children: [
@@ -80,14 +82,14 @@ const A = () => a("languages", ["en"]), T = () => A().length === 1 ? null : /* @
               d: "M.274.086a.02.02 0 0 1 0 .028l-.12.12a.02.02 0 0 1-.028 0l-.06-.06A.02.02 0 0 1 .094.146L.14.192.246.086a.02.02 0 0 1 .028 0Z"
             }
           ) }),
-          s === "SAVING" ? "Saving..." : s === "SAVED" ? n("Saved") : "Save"
+          s === "SAVING" ? "Saving..." : s === "SAVED" ? i("Saved") : "Save"
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsx("p", { children: s === "SAVING" ? "Saving..." : s === "SAVED" ? "Saved" : "Save changes" }) })
+    /* @__PURE__ */ e.jsx(w, { children: /* @__PURE__ */ e.jsx("p", { children: s === "SAVING" ? "Saving..." : s === "SAVED" ? "Saved" : "Save changes" }) })
   ] }) });
-}, pe = () => {
-  const l = a("topBarComponents.left", []), s = a("topBarComponents.center", []), n = a("topBarComponents.right", []), i = a("editable", !0);
+}, xe = () => {
+  const l = r("topBarComponents.left", []), s = r("topBarComponents.center", []), i = r("topBarComponents.right", []), n = 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(
       l.map((t) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(p, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(t, {}) }))
@@ -96,15 +98,15 @@ const A = () => a("languages", ["en"]), T = () => A().length === 1 ? null : /* @
       s.map((t) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(p, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(t, {}) }))
     ) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ e.jsx(T, {}),
-      /* @__PURE__ */ e.jsx(N, { orientation: "vertical" }),
-      i ? /* @__PURE__ */ e.jsx(B, {}) : null,
+      /* @__PURE__ */ e.jsx(B, {}),
+      /* @__PURE__ */ e.jsx(y, { orientation: "vertical" }),
+      n ? /* @__PURE__ */ e.jsx(T, {}) : null,
       o.Children.toArray(
-        n.map((t) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(p, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(t, {}) }))
+        i.map((t) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(p, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(t, {}) }))
       )
     ] })
   ] });
 };
 export {
-  pe as default
+  xe as default
 };

package/dist/Topbar-qi5ab8rR.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-WKRPbKtm.cjs"),n=require("react"),l=require("@radix-ui/react-icons"),r=require("./index-c8zW_D2V.cjs"),a=require("react-i18next");require("./Class-RZuPYbUS.cjs");require("clsx");require("tailwind-merge");require("lodash");require("@radix-ui/react-toggle");require("class-variance-authority");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("jotai");require("flat-to-nested");require("redux-undo");require("./index-fwo4wa7u.cjs");require("@react-hookz/web");const o=()=>r.useBuilderProp("languages",["en"]),c=()=>o().length===1?null:e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:e.jsxRuntimeExports.jsxs(r.Select,{children:[e.jsxRuntimeExports.jsx(r.SelectTrigger,{className:"w-[150px] border-0",children:e.jsxRuntimeExports.jsx(r.SelectValue,{placeholder:e.jsxRuntimeExports.jsxs("span",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx(l.FontFamilyIcon,{className:"h-4 w-4"})," English(US)"]})})}),e.jsxRuntimeExports.jsx(r.SelectContent,{children:e.jsxRuntimeExports.jsxs(r.SelectGroup,{children:[e.jsxRuntimeExports.jsx(r.SelectLabel,{children:"Fruits"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"apple",children:"Apple"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"banana",children:"Banana"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"blueberry",children:"Blueberry"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"grapes",children:"Grapes"}),e.jsxRuntimeExports.jsx(r.SelectItem,{value:"pineapple",children:"Pineapple"})]})})]})}),p=()=>{const{savePage:i,syncState:s}=r.useSavePage(),{t:x}=a.useTranslation(),u=n.useMemo(()=>{switch(s){case"SAVING":return"animate-pulse bg-gray-500 text-gray-900";case"SAVED":return"bg-green-500 text-white hover:bg-green-600 hover:text-white";default:return"bg-gray-200 text-gray-500 hover:bg-gray-100"}},[s]);return e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:e.jsxRuntimeExports.jsxs(r.Tooltip,{children:[e.jsxRuntimeExports.jsx(r.TooltipTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs(r.Toggle,{onClick:t=>{t.preventDefault(),i()},className:`flex h-auto w-20 items-center gap-x-1 rounded-full p-1 px-2 ${u}`,size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx("svg",{fill:"currentColor",width:"16",height:"16",viewBox:"0 0 0.32 0.32",xmlns:"http://www.w3.org/2000/svg",children:e.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",d:"M.274.086a.02.02 0 0 1 0 .028l-.12.12a.02.02 0 0 1-.028 0l-.06-.06A.02.02 0 0 1 .094.146L.14.192.246.086a.02.02 0 0 1 .028 0Z"})}),s==="SAVING"?"Saving...":s==="SAVED"?x("Saved"):"Save"]})}),e.jsxRuntimeExports.jsx(r.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{children:s==="SAVING"?"Saving...":s==="SAVED"?"Saved":"Save changes"})})]})})},m=()=>{const i=r.useBuilderProp("topBarComponents.left",[]),s=r.useBuilderProp("topBarComponents.center",[]),x=r.useBuilderProp("topBarComponents.right",[]),u=r.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(i.map(t=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(r.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(t,{})})))})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:n.Children.toArray(s.map(t=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(r.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(t,{})})))}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(c,{}),e.jsxRuntimeExports.jsx(r.Separator,{orientation:"vertical"}),u?e.jsxRuntimeExports.jsx(p,{}):null,n.Children.toArray(x.map(t=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(r.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(t,{})})))]})]})};exports.default=m;

package/dist/UnsplashImages-a2r7b3kB.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-WKRPbKtm.cjs"),a=require("react"),o=require("lodash"),C=require("@radix-ui/react-icons"),k=require("unsplash-js"),t=require("./index-c8zW_D2V.cjs"),A=require("@react-hookz/web"),T=require("lucide-react");require("./Class-RZuPYbUS.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-toggle");require("class-variance-authority");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("jotai");require("flat-to-nested");require("redux-undo");require("./index-fwo4wa7u.cjs");require("react-i18next");const g=async(d,E)=>new Promise((l,i)=>{k.createApi({accessKey:E}).search.getPhotos(d).then(c=>{l(c)}).catch(c=>i(c))}),z=({isModalView:d,onSelect:E})=>{const l=t.useBuilderProp("unsplashAccessKey"),[i,f]=a.useState([]),[c,q]=a.useState(0),[u,S]=a.useState(),[x,b]=a.useState(),[I,R]=a.useState(0),[j,w]=A.useDebouncedState("",1e3),[h,m]=a.useState(!1),P=async s=>{if(o.isEmpty(j))return;let n=c+1;s&&(s.preventDefault(),n=1),m(!0),q(n);const p={query:j,page:n};u&&(p.orientation=u),x&&(p.color=x),g(p,l).then(r=>{var y,v,N;f(n===1?((y=r==null?void 0:r.response)==null?void 0:y.results)||[]:[...i,...((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 a.useEffect(()=>{if(!o.isEmpty(j)){m(!0);const s={query:j,page:1};u&&(s.orientation=u),x&&(s.color=x),q(1),g(s,l).then(n=>{var p,r;f(((p=n==null?void 0:n.response)==null?void 0:p.results)||[]),R((r=n==null?void 0:n.response)==null?void 0:r.total_pages),m(!1)}).catch(()=>{m(!1)})}},[u,x,j,l]),o.isEmpty(l)?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:o.startCase(s)},s))]})]})]})})]})]}),e.jsxRuntimeExports.jsxs(t.ScrollArea,{className:`h-full ${d&&!o.isEmpty(i)?"-mx-2 flex flex-wrap px-2":"-mx-2 flex flex-col pb-8 pt-2"}`,children:[o.isEmpty(i)&&!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:i.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))}):i.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..."]}),!o.isEmpty(i)&&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/{UnsplashImages-gPcBLjgB.js → UnsplashImages-u_QTABzi.js}

@@ -1,60 +1,72 @@
-import { j as e } from "./jsx-runtime-Sp0orL4X.js";
-import { useState as d, useEffect as D } from "react";
-import { isEmpty as p, startCase as E } from "lodash";
+import { j as e } from "./jsx-runtime-qAwJ85SY.js";
+import { useState as p, useEffect as D } from "react";
+import { isEmpty as d, startCase as E } from "lodash";
 import { MixerHorizontalIcon as L } from "@radix-ui/react-icons";
 import { createApi as B } from "unsplash-js";
-import { u as F, B as K } from "./skeleton-CU_FIbg3.js";
-import { I as U } from "./command-VHca6CcN.js";
-import { S as V } from "./scroll-area-ewXbxc3n.js";
-import { P as O, a as Q, b as H } from "./popover-a84pbVhQ.js";
-import { S as P, c as S, b as C, d as I, f as h } from "./select-POGdEDHT.js";
-import "react-i18next";
+import { i as F, bm as K, b1 as U, b2 as V, b3 as O, au as P, av as C, aw as S, ax as I, ay as h, bp as Q, B as H } from "./index-2EHcmZqL.js";
 import { useDebouncedState as R } from "@react-hookz/web";
 import { Loader as $ } from "lucide-react";
-import "jotai";
-import "@radix-ui/react-slot";
-import "class-variance-authority";
-import "./utils-dze1SGvB.js";
+import "./Class-nQk08vqd.js";
 import "clsx";
 import "tailwind-merge";
-import "@radix-ui/react-tooltip";
-import "@radix-ui/react-toast";
-import "cmdk";
-import "./dialog-jrw9DF1f.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";
+import "@radix-ui/react-menubar";
+import "@radix-ui/react-hover-card";
 import "@radix-ui/react-select";
+import "@radix-ui/react-dropdown-menu";
+import "@radix-ui/react-separator";
+import "@radix-ui/react-toast";
+import "cmdk";
+import "@radix-ui/react-context-menu";
+import "react-icons-picker";
+import "react-dom";
+import "react-quill";
+import "jotai";
+import "flat-to-nested";
+import "redux-undo";
+import "./index-gmZcUXyn.js";
+import "react-i18next";
 const k = async (x, g) => new Promise((o, r) => {
-  B({ accessKey: g }).search.getPhotos(x).then((l) => {
-    o(l);
-  }).catch((l) => r(l));
-}), ye = ({ isModalView: x, onSelect: g }) => {
-  const o = F("unsplashAccessKey"), [r, j] = d([]), [l, v] = d(0), [n, A] = d(), [i, q] = d(), [z, y] = d(0), [u, T] = R("", 1e3), [f, c] = d(!1), _ = async (s) => {
-    if (p(u))
+  B({ accessKey: g }).search.getPhotos(x).then((i) => {
+    o(i);
+  }).catch((i) => r(i));
+}), Te = ({ 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] = R("", 1e3), [f, c] = p(!1), _ = async (s) => {
+    if (d(u))
       return;
-    let t = l + 1;
+    let t = i + 1;
     s && (s.preventDefault(), t = 1), c(!0), v(t);
     const m = { query: u, page: t };
-    n && (m.orientation = n), i && (m.color = i), 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), k(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(() => {
-    if (!p(u)) {
+    if (!d(u)) {
       c(!0);
       const s = { query: u, page: 1 };
-      n && (s.orientation = n), i && (s.color = i), v(1), k(s, o).then((t) => {
+      l && (s.orientation = l), n && (s.color = n), v(1), k(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(() => {
         c(!1);
       });
     }
-  }, [n, i, u, o]), p(o) ? /* @__PURE__ */ e.jsx("div", { className: "h-full flex flex-col items-center justify-center", children: /* @__PURE__ */ e.jsxs("p", { className: "max-w-3xl text-center text-gray-500", children: [
+  }, [l, n, u, o]), d(o) ? /* @__PURE__ */ e.jsx("div", { className: "h-full flex flex-col items-center justify-center", children: /* @__PURE__ */ e.jsxs("p", { className: "max-w-3xl text-center text-gray-500", children: [
     "To enable Unsplash, kindly provide your",
     /* @__PURE__ */ e.jsx(
       "a",
@@ -69,7 +81,7 @@ const k = async (x, g) => new Promise((o, r) => {
   ] }) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("form", { className: "flex items-center rounded-md border bg-gray-100 p-px", children: [
       /* @__PURE__ */ e.jsx(
-        U,
+        K,
         {
           type: "text",
           name: "query",
@@ -78,17 +90,17 @@ const k = async (x, g) => new Promise((o, r) => {
           onChange: (s) => T(s.target.value)
         }
       ),
-      /* @__PURE__ */ e.jsxs(O, { children: [
-        /* @__PURE__ */ e.jsx(Q, { asChild: !0, className: "h-full w-10 cursor-pointer p-2.5 hover:bg-slate-200", children: /* @__PURE__ */ e.jsx(L, {}) }),
+      /* @__PURE__ */ e.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(L, {}) }),
         /* @__PURE__ */ e.jsx(
-          H,
+          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: n, 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(P, { defaultValue: l, onValueChange: (s) => A(s), children: [
+                /* @__PURE__ */ e.jsx(C, { className: "h-auto w-40 p-1 px-3", children: /* @__PURE__ */ e.jsx(S, { placeholder: "Select" }) }),
                 /* @__PURE__ */ e.jsxs(I, { className: "z-[9999]", children: [
                   /* @__PURE__ */ e.jsx(h, { value: "", children: "All" }),
                   /* @__PURE__ */ e.jsx(h, { value: "landscape", children: "Landscape" }),
@@ -97,8 +109,8 @@ 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: i, 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(P, { defaultValue: n, onValueChange: (s) => q(s), children: [
+                /* @__PURE__ */ e.jsx(C, { className: "h-auto w-40 p-1 px-3", children: /* @__PURE__ */ e.jsx(S, { placeholder: "Select" }) }),
                 /* @__PURE__ */ e.jsxs(I, { className: "z-[9999]", children: [
                   /* @__PURE__ */ e.jsx(h, { value: "", children: "All" }),
                   [
@@ -122,11 +134,11 @@ const k = async (x, g) => new Promise((o, r) => {
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs(
-      V,
+      Q,
       {
-        className: `h-full ${x && !p(r) ? "-mx-2 flex flex-wrap px-2" : "-mx-2 flex flex-col pb-8 pt-2"}`,
+        className: `h-full ${x && !d(r) ? "-mx-2 flex flex-wrap px-2" : "-mx-2 flex flex-col pb-8 pt-2"}`,
         children: [
-          p(r) && !f && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center py-6", children: [
+          d(r) && !f && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center py-6", children: [
             /* @__PURE__ */ e.jsx("div", { className: "font-medium", children: "No Data" }),
             /* @__PURE__ */ e.jsx("div", { className: "text-sm text-gray-500", children: "Enter query and press enter" })
           ] }),
@@ -162,8 +174,8 @@ const k = async (x, g) => new Promise((o, r) => {
             /* @__PURE__ */ e.jsx($, { className: "animate-spin w-6 h-6" }),
             "  Loading..."
           ] }),
-          !p(r) && l < z && !f && /* @__PURE__ */ e.jsx(
-            K,
+          !d(r) && i < z && !f && /* @__PURE__ */ e.jsx(
+            H,
             {
               size: "sm",
               variant: "link",
@@ -179,6 +191,6 @@ const k = async (x, g) => new Promise((o, r) => {
   ] });
 };
 export {
-  ye as default,
+  Te as default,
   k as fetchImage
 };

package/dist/{UploadImages-_ZyUU66E.js → UploadImages-gV5xDHIu.js}

@@ -1,49 +1,70 @@
-import { j as e } from "./jsx-runtime-Sp0orL4X.js";
+import { j as e } from "./jsx-runtime-qAwJ85SY.js";
 import { useState as i, useEffect as w } from "react";
 import { isEmpty as g, map as b } from "lodash";
 import { GearIcon as C, UploadIcon as U, Cross1Icon as k } from "@radix-ui/react-icons";
 import { atom as F, useAtom as E } from "jotai";
-import { S as A } from "./scroll-area-ewXbxc3n.js";
-import "react-i18next";
-import { u as j } from "./skeleton-CU_FIbg3.js";
-import "@radix-ui/react-scroll-area";
-import "./utils-dze1SGvB.js";
+import { i as j, bp as A } from "./index-2EHcmZqL.js";
+import "./Class-nQk08vqd.js";
 import "clsx";
 import "tailwind-merge";
-import "@radix-ui/react-slot";
+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";
+import "@radix-ui/react-menubar";
+import "@radix-ui/react-hover-card";
+import "@radix-ui/react-select";
+import "@radix-ui/react-dropdown-menu";
+import "@radix-ui/react-separator";
 import "@radix-ui/react-toast";
-const R = F([]), W = ({ isModalView: s, onSelect: n }) => {
-  const v = j("uploadMediaCallback", () => ""), d = j("fetchMediaCallback", () => []), [l, a] = E(R), [r, u] = i(!1), [x, p] = i(!1), [c, m] = i(), [f, y] = i("");
+import "cmdk";
+import "@radix-ui/react-context-menu";
+import "react-icons-picker";
+import "react-dom";
+import "react-quill";
+import "flat-to-nested";
+import "redux-undo";
+import "./index-gmZcUXyn.js";
+import "@react-hookz/web";
+import "react-i18next";
+const R = F([]), fe = ({ isModalView: s, onSelect: n }) => {
+  const v = j("uploadMediaCallback", () => ""), m = j("fetchMediaCallback", () => []), [r, o] = E(R), [l, p] = i(!1), [u, x] = i(!1), [d, c] = i(), [f, y] = i("");
   w(() => {
     (async () => {
-      p(!0);
-      const t = await d();
-      a(t || []), p(!1);
+      x(!0);
+      const t = await m();
+      o(t || []), x(!1);
     })();
-  }, [d, a]);
+  }, [m, o]);
   const N = (t) => {
-    var o, h;
-    t && ((h = (o = t == null ? void 0 : t.target) == null ? void 0 : o.files) == null ? void 0 : h.length) > 0 && m(t.target.files[0]);
+    var a, h;
+    t && ((h = (a = t == null ? void 0 : t.target) == null ? void 0 : a.files) == null ? void 0 : h.length) > 0 && c(t.target.files[0]);
   }, I = async () => {
-    u(!0);
+    p(!0);
     try {
-      const { url: t } = await v(c);
-      n(t), m(void 0);
-      const o = await d();
-      a(o);
+      const { url: t } = await v(d);
+      n(t), c(void 0);
+      const a = await m();
+      o(a);
     } catch (t) {
-      a([]), y((t == null ? void 0 : t.message) || "Something went wrong.");
+      o([]), y((t == null ? void 0 : t.message) || "Something went wrong.");
     }
-    u(!1);
+    p(!1);
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    c ? /* @__PURE__ */ e.jsxs("div", { className: "relative flex w-full flex-col items-center justify-center rounded-md border bg-slate-50 p-2 px-1", children: [
+    d ? /* @__PURE__ */ e.jsxs("div", { className: "relative flex w-full flex-col items-center justify-center rounded-md border bg-slate-50 p-2 px-1", children: [
       /* @__PURE__ */ e.jsx(
         "img",
         {
-          src: URL.createObjectURL(c),
+          src: URL.createObjectURL(d),
           alt: "",
           className: "h-auto w-full max-w-sm rounded-md  max-h-96 object-contain"
         }
@@ -55,21 +76,21 @@ const R = F([]), W = ({ isModalView: s, onSelect: n }) => {
           {
             type: "button",
             onClick: I,
-            disabled: r,
+            disabled: l,
             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: [
-              r ? /* @__PURE__ */ e.jsx(C, { className: "animate-spin" }) : /* @__PURE__ */ e.jsx(U, { className: "animate-bounce" }),
+              l ? /* @__PURE__ */ e.jsx(C, { className: "animate-spin" }) : /* @__PURE__ */ e.jsx(U, { className: "animate-bounce" }),
               "  ",
-              r ? "Uploading..." : "Upload"
+              l ? "Uploading..." : "Upload"
             ]
           }
         ),
-        !r && /* @__PURE__ */ e.jsxs(
+        !l && /* @__PURE__ */ e.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: () => m(void 0),
+            onClick: () => c(void 0),
             children: [
               /* @__PURE__ */ e.jsx(k, {}),
               "  Cancel"
@@ -85,16 +106,16 @@ const R = F([]), W = ({ isModalView: s, onSelect: n }) => {
       /* @__PURE__ */ e.jsx("input", { type: "file", id: s ? "upload-in-modal" : "upload-in-panel", hidden: !0, onChange: N })
     ] }),
     /* @__PURE__ */ e.jsxs(A, { className: `-mx-2 flex h-full flex-col pb-8 pt-2 ${s ? "px-2" : ""} pt-2`, children: [
-      g(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: "Fetching..." }) }),
-      g(l) && !x && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center justify-center py-6", children: /* @__PURE__ */ e.jsx("div", { className: "font-medium", children: "No Images" }) }),
-      s ? /* @__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: () => n(t.url), children: /* @__PURE__ */ e.jsx("div", { className: "relative overflow-hidden rounded-md bg-cover bg-no-repeat", children: /* @__PURE__ */ e.jsx(
+      g(r) && u && /* @__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: "Fetching..." }) }),
+      g(r) && !u && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center justify-center py-6", children: /* @__PURE__ */ e.jsx("div", { className: "font-medium", children: "No Images" }) }),
+      s ? /* @__PURE__ */ e.jsx("div", { className: "h-full columns-5 py-2", children: b(r, (t) => /* @__PURE__ */ e.jsx("div", { role: "button", tabIndex: 0, className: "my-1 flex", onClick: () => n(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(l, (t) => (
+      ) }) }, t.id)) }) : b(r, (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: () => n(t.url), children: /* @__PURE__ */ e.jsx("div", { className: "relative overflow-hidden rounded-md bg-cover bg-no-repeat", children: /* @__PURE__ */ e.jsx(
           "img",
@@ -109,5 +130,5 @@ const R = F([]), W = ({ isModalView: s, onSelect: n }) => {
   ] });
 };
 export {
-  W as default
+  fe as default
 };

package/dist/UploadImages-jLQgLujd.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-WKRPbKtm.cjs"),r=require("react"),a=require("lodash"),m=require("@radix-ui/react-icons"),q=require("jotai"),p=require("./index-c8zW_D2V.cjs");require("./Class-RZuPYbUS.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-toggle");require("class-variance-authority");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("flat-to-nested");require("redux-undo");require("./index-fwo4wa7u.cjs");require("@react-hookz/web");require("react-i18next");const N=q.atom([]),I=({isModalView:t,onSelect:u})=>{const E=p.useBuilderProp("uploadMediaCallback",()=>""),x=p.useBuilderProp("fetchMediaCallback",()=>[]),[i,n]=q.useAtom(N),[o,j]=r.useState(!1),[h,f]=r.useState(!1),[c,d]=r.useState(),[g,R]=r.useState("");r.useEffect(()=>{(async()=>{f(!0);const s=await x();n(s||[]),f(!1)})()},[x,n]);const v=s=>{var l,b;s&&((b=(l=s==null?void 0:s.target)==null?void 0:l.files)==null?void 0:b.length)>0&&d(s.target.files[0])},y=async()=>{j(!0);try{const{url:s}=await E(c);u(s),d(void 0);const l=await x();n(l)}catch(s){n([]),R((s==null?void 0:s.message)||"Something went wrong.")}j(!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 w-full max-w-sm rounded-md  max-h-96 object-contain"}),g&&e.jsxRuntimeExports.jsx("div",{className:"w-full pt-2 text-center text-sm text-red-500",children:g}),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:o,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:[o?e.jsxRuntimeExports.jsx(m.GearIcon,{className:"animate-spin"}):e.jsxRuntimeExports.jsx(m.UploadIcon,{className:"animate-bounce"}),"  ",o?"Uploading...":"Upload"]}),!o&&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:[a.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..."})}),a.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:a.map(i,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))}):a.map(i,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=I;

package/dist/add-page-modal-OBghcP4h.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-WKRPbKtm.cjs"),x=require("react"),h=require("lodash"),t=require("./index-c8zW_D2V.cjs"),g=require("./index-aGgHTZqR.cjs"),R=require("./form-Osm1AmO5.cjs"),f=require("./index-3_eUgIcu.cjs");require("./Class-RZuPYbUS.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-toggle");require("class-variance-authority");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");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("jotai");require("flat-to-nested");require("redux-undo");require("./index-fwo4wa7u.cjs");require("@react-hookz/web");require("react-i18next");require("./lib.cjs");require("himalaya");require("@mhsdesign/jit-browser-tailwindcss");require("@bobthered/tailwindcss-palette-generator");require("@tailwindcss/forms");require("@tailwindcss/typography");require("@tailwindcss/aspect-ratio");require("@tailwindcss/line-clamp");require("@rjsf/core");require("@rjsf/validator-ajv8");require("i18next");require("@floating-ui/react-dom");require("react-textarea-autosize");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("sonner");require("lucide-react");const b=({closeModal:i})=>{var q,l;const u=f.useAddPage(),[r,m]=x.useState({name:"",slug:"",blocks:[],type:"STATIC",seoData:{}}),p=()=>{u.mutate(r,{onSuccess:()=>i()})},j=({formData:n},s)=>{m(o=>{var d,c;const a={[s]:n[s]};return s==="name"?a.slug=h.kebabCase((d=n[s])==null?void 0:d.replace(/\d/g,"")):s==="slug"&&(a.slug=(c=n[s])==null?void 0:c.replace(/\d/g,"").replace(/\s+/g,"").replace("--","-").replace("__","_")),{...o,...a}})},P={name:g.u({title:"Page Name",default:r.name}),slug:g.u({title:"Page Slug",default:r.slug})};return e.jsxRuntimeExports.jsxs(t.DialogContent,{children:[e.jsxRuntimeExports.jsx("div",{className:"px-1 font-bold",children:"Add Page"}),e.jsxRuntimeExports.jsx(R.Form,{formData:r,properties:P,onChange:j,disabled:u.isPending}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center justify-end",children:e.jsxRuntimeExports.jsx(t.Button,{type:"submit",disabled:!r.name||!r.slug||((q=r.name)==null?void 0:q.length)<2||((l=r.slug)==null?void 0:l.length)<2||u.isPending,onClick:p,children:"Add Page"})})]})},E=()=>{const[i,u]=x.useState(!1);return e.jsxRuntimeExports.jsxs(t.Dialog,{open:i,onOpenChange:()=>u(!i),children:[e.jsxRuntimeExports.jsx(t.DialogTrigger,{children:e.jsxRuntimeExports.jsx(t.Button,{size:"sm",variant:"link",className:"text-blue-500",onClick:()=>u(!i),children:"+ New Page"})}),i&&e.jsxRuntimeExports.jsx(b,{closeModal:()=>u(!i)})]})};exports.default=E;