@chaibuilder/sdk 1.0.9 → 1.0.10

package/dist/SidePanels-WL1UioF2.cjs

@@ -0,0 +1 @@
+"use strict";var A=Object.create;var k=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames;var B=Object.getPrototypeOf,K=Object.prototype.hasOwnProperty;var V=(s,n,r,x)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of z(n))!K.call(s,o)&&o!==r&&k(s,o,{get:()=>n[o],enumerable:!(x=T(n,o))||x.enumerable});return s};var I=(s,n,r)=>(r=s!=null?A(B(s)):{},V(n||!s||!s.__esModule?k(r,"default",{value:s,enumerable:!0}):r,s));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),C=require("@radix-ui/react-icons"),i=require("react"),q=require("jotai"),a=require("lodash"),d=require("./skeleton-JHP9zwL2.cjs"),v=require("./tabs-iWeaaVrg.cjs"),R=require("./ChaiBuilderEditor-SacH75l4.cjs");require("react-i18next");const L=require("./utils-qK_SjzzV.cjs"),N=require("lucide-react"),M=require("@chaibuilder/blocks"),u=require("./alert-dialog-Mv0-wAvS.cjs"),E=require("./dialog-S_QbL1iq.cjs"),f=require("./select-7bjg-rr9.cjs");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("@radix-ui/react-tabs");require("./MODIFIERS-Fx6WAZcw.cjs");require("clsx");require("@radix-ui/react-scroll-area");require("react-dom");require("@floating-ui/react-dom");require("i18next");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("flat-to-nested");require("./functions-uw7QP2kT.cjs");require("redux-undo");require("@react-hookz/web");require("tailwind-merge");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-select");const H=i.lazy(()=>import("react-json-view")),O=({provider:s,onClose:n})=>{const[r,x]=i.useState(null);return i.useEffect(()=>{s&&(s.mockFn?s.mockFn:s.dataFn)().then(m=>x(m))},[s]),s?e.jsxRuntimeExports.jsx(E.Dialog,{onOpenChange:o=>o?"":n(),defaultOpen:!0,children:e.jsxRuntimeExports.jsxs(E.DialogContent,{children:[e.jsxRuntimeExports.jsxs(E.DialogHeader,{children:[e.jsxRuntimeExports.jsxs(E.DialogTitle,{children:["Data Provider: ",s.name]}),e.jsxRuntimeExports.jsx(E.DialogDescription,{children:s.description})]}),e.jsxRuntimeExports.jsx(R.ErrorBoundary,{children:e.jsxRuntimeExports.jsx(H,{style:{maxHeight:"80vh",overflowY:"auto"},name:s.providerKey,enableClipboard:!1,displayObjectSize:!1,displayDataTypes:!1,src:r})})]})}):null};function F({children:s,name:n,onRemove:r}){return e.jsxRuntimeExports.jsxs(u.AlertDialog,{children:[e.jsxRuntimeExports.jsx(u.AlertDialogTrigger,{asChild:!0,children:s}),e.jsxRuntimeExports.jsxs(u.AlertDialogContent,{children:[e.jsxRuntimeExports.jsxs(u.AlertDialogHeader,{children:[e.jsxRuntimeExports.jsxs(u.AlertDialogTitle,{children:["Are you sure, you want to remove ",e.jsxRuntimeExports.jsx("span",{className:"text-blue-500",children:n})," provider?"]}),e.jsxRuntimeExports.jsx(u.AlertDialogDescription,{children:"Your data provider will be removed from this page and all added data binding will be not visible on blocks."})]}),e.jsxRuntimeExports.jsxs(u.AlertDialogFooter,{children:[e.jsxRuntimeExports.jsx(u.AlertDialogCancel,{children:"Cancel"}),e.jsxRuntimeExports.jsx(u.AlertDialogAction,{onClick:r,className:"bg-red-600 hover:bg-red-700",children:"Remove"})]})]})]})}const Y=()=>{const s=i.useMemo(()=>M.getChaiDataProviders(),[]),[n,r]=R.usePageDataProviders(),[,x]=q.useAtom(R.pageSyncStateAtom),[o,m]=i.useState(a.filter(s,t=>a.map(n,"providerKey").includes(t.providerKey))),[p,w]=i.useState(""),[b,c]=i.useState(null),y=a.filter(s.map(t=>a.map(o,"providerKey").includes(t.providerKey)?null:{value:t.providerKey,label:t.name}),t=>!a.isNull(t)),l=t=>{const h=a.find(s,{providerKey:t});m(j=>[...j,h]),r(j=>[...j,{providerKey:h.providerKey,args:{}}]),w(""),x("UNSAVED")},g=t=>{m(h=>a.filter(h,j=>j.providerKey!==t.providerKey)),r(h=>a.filter(h,j=>j.providerKey!==t.providerKey)),x("UNSAVED")},P=t=>c(t);return a.isEmpty(s)?e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs("p",{className:"text-gray-500 mb-1.5 text-xs p-4",children:["You have no data providers registered. Please add a data provider to your project. ",e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("a",{className:"text-blue-500",href:"https://chaibuilder.com/docs/registering-data-providers",target:"_blank",children:"Learn more"})]})}):e.jsxRuntimeExports.jsxs("div",{className:"px-1",children:[e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("label",{children:e.jsxRuntimeExports.jsx("p",{className:"text-gray-500 mb-1.5 text-xs",children:"Add data providers:"})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-1",children:e.jsxRuntimeExports.jsxs(f.Select,{value:p,onValueChange:t=>l(t),children:[e.jsxRuntimeExports.jsx(f.SelectTrigger,{className:"w-full",children:e.jsxRuntimeExports.jsx(f.SelectValue,{placeholder:"Select a provider"})}),e.jsxRuntimeExports.jsxs(f.SelectContent,{children:[e.jsxRuntimeExports.jsx(f.SelectItem,{value:"",children:"Choose"}),y.map(t=>e.jsxRuntimeExports.jsx(f.SelectItem,{value:t.value,children:t.label},t.value))]})]})}),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsxs("div",{className:`border-t ${o.length?"block":"hidden"}`,children:[e.jsxRuntimeExports.jsx("p",{className:"text-gray-500 pt-4 pb-1.5 text-xs flex-1 font-medium",children:"Page data providers:"}),e.jsxRuntimeExports.jsx("div",{className:"space-y-2",children:o.map(t=>e.jsxRuntimeExports.jsxs("div",{className:"rounded-lg border bg-card text-card-foreground shadow-sm w-full","data-v0-t":"card",children:[e.jsxRuntimeExports.jsx("div",{className:"flex flex-col space-y-1.5 px-4 pt-4",children:e.jsxRuntimeExports.jsx("div",{className:"flex justify-between items-center",children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("h3",{className:"font-medium leading-4",children:t.name}),e.jsxRuntimeExports.jsx("p",{className:"text-xs text-gray-400 pt-1",children:t.description})]})})}),e.jsxRuntimeExports.jsxs("div",{className:"items-center p-2 py-2 flex justify-between",children:[e.jsxRuntimeExports.jsxs("button",{onClick:()=>P(t),className:"inline-flex items-center justify-center text-xs font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 underline-offset-4 hover:underline h-9 rounded-md px-3 text-blue-500",children:[e.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",className:"w-4 h-4 mr-2",children:[e.jsxRuntimeExports.jsx("path",{d:"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"}),e.jsxRuntimeExports.jsx("circle",{cx:"12",cy:"12",r:"3"})]}),"View Data"]}),e.jsxRuntimeExports.jsx(F,{onRemove:()=>g(t),name:t.name,children:e.jsxRuntimeExports.jsxs("button",{className:"inline-flex items-center justify-center text-xs font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 underline-offset-4 hover:underline h-9 rounded-md px-3 text-red-500",children:[e.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",className:"w-4 h-4 mr-2",children:[e.jsxRuntimeExports.jsx("path",{d:"M3 6h18"}),e.jsxRuntimeExports.jsx("path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"}),e.jsxRuntimeExports.jsx("path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"})]}),"Remove"]})})]})]},t.providerKey))}),e.jsxRuntimeExports.jsx(O,{onClose:()=>c(null),provider:b})]})]})},D=i.lazy(()=>Promise.resolve().then(()=>require("./Layers-Vw4XE6YB.cjs"))),_=i.lazy(()=>Promise.resolve().then(()=>require("./BrandingOptions-DpJ-oNnf.cjs"))),U=i.lazy(()=>Promise.resolve().then(()=>require("./ImagesPanel-6us7hiLN.cjs")));let S=null;const $=()=>{const s=d.useBuilderProp("sideBarComponents.top",[]),n=d.useBuilderProp("sideBarComponents.bottom",[]),[r,x]=q.useAtom(R.activePanelAtom),[o,m]=i.useState(r),[p,w]=i.useState(null),b={layers:D,"branding-options":_,images:U};a.each(s,({name:l,panel:g})=>{b[l]=g});const c=l=>{clearTimeout(S),y(!1),r!=="layers"&&l==="layers"?S=setTimeout(()=>m("layers"),500):m(l),x(l)},[,y]=q.useAtom(R.addBlocksModalAtom);return e.jsxRuntimeExports.jsxs("div",{className:"relative flex",children:[e.jsxRuntimeExports.jsxs("div",{className:"z-[100] flex h-full w-fit flex-col items-center justify-between border-b border-r border-border bg-background pt-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"relative z-[100] flex w-14 flex-col items-center space-y-2",children:[e.jsxRuntimeExports.jsx(d.Button,{onClick:()=>{y(!0),x("layers")},size:"sm",variant:r==="add-blocks"?"default":"outline",children:e.jsxRuntimeExports.jsx(C.PlusIcon,{className:"text-xl"})}),e.jsxRuntimeExports.jsx(d.Button,{onClick:()=>c("layers"),size:"sm",variant:r==="layers"?"default":"outline",children:e.jsxRuntimeExports.jsx(N.ListTreeIcon,{className:"w-4"})}),e.jsxRuntimeExports.jsx(d.Button,{onClick:()=>c("branding-options"),size:"sm",variant:r==="branding-options"?"default":"outline",children:e.jsxRuntimeExports.jsx(C.Half2Icon,{className:"w-4 max-w-[40px] text-xs"})}),i.Children.toArray(s.map(({name:l,icon:g})=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(d.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(d.Button,{onClick:()=>c(l),size:"sm",className:"w-10",variant:r===l?"default":"outline",children:e.jsxRuntimeExports.jsx(g,{})})})))]}),e.jsxRuntimeExports.jsx("div",{className:"relative z-[100] flex w-14 flex-col items-center space-y-2",children:i.Children.toArray(n.map(l=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(d.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(l,{})})))})]}),e.jsxRuntimeExports.jsx("div",{onClick:()=>{c("layers")},className:"absolute inset-0 right-0 z-50 w-screen bg-black/20"+(r==="layers"?" hidden":"")}),e.jsxRuntimeExports.jsx("div",{className:`fixed left-14 z-[50] h-full w-96 border-r bg-background duration-500 ease-in-out ${r!=="layers"?"translate-x-0":"-translate-x-full"}`,children:e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsxs("div",{className:"flex animate-pulse flex-col gap-y-2 bg-white p-4",children:[e.jsxRuntimeExports.jsx("div",{className:"h-6 w-1/2 bg-gray-300"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"})]}),children:e.jsxRuntimeExports.jsx("div",{className:L.cn("relative h-full max-h-[93%] bg-background p-1",r==="layers"?"":"z-[100]"),onMouseEnter:()=>{p&&clearTimeout(p)},onMouseLeave:()=>{const l=setTimeout(()=>{p&&(c("layers"),clearTimeout(p))},1e3);w(l)},children:i.createElement(a.get(b,o,()=>e.jsxRuntimeExports.jsx("div",{})))})})}),e.jsxRuntimeExports.jsx("div",{className:"h-full w-60 border-r p-1",children:e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsxs("div",{className:"flex animate-pulse flex-col gap-y-2 p-4",children:[e.jsxRuntimeExports.jsx("div",{className:"h-6 w-1/2 bg-gray-300"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"})]}),children:e.jsxRuntimeExports.jsxs(v.Tabs,{defaultValue:"layers",className:"flex h-full w-full flex-col py-1",children:[e.jsxRuntimeExports.jsxs(v.TabsList,{className:"mx-1 h-10 grid grid-cols-2",children:[e.jsxRuntimeExports.jsxs(v.TabsTrigger,{value:"layers",children:[e.jsxRuntimeExports.jsx(N.ListTreeIcon,{className:"h-3 mr-2"})," Layers"]}),e.jsxRuntimeExports.jsxs(v.TabsTrigger,{value:"data-provider",children:[e.jsxRuntimeExports.jsx(N.DatabaseIcon,{className:"w-3 mr-2"}),"Data"]})]}),e.jsxRuntimeExports.jsx(v.TabsContent,{value:"layers",className:"no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden",children:i.createElement(D)}),e.jsxRuntimeExports.jsx(v.TabsContent,{value:"data-provider",className:"flex-1 overflow-y-auto overflow-x-hidden",children:e.jsxRuntimeExports.jsx(Y,{})})]})})})]})};exports.default=$;

package/dist/{SidePanels-c13f87dc.js → SidePanels-xssTWt4M.js}

@@ -1,24 +1,24 @@
-import { j as e } from "./jsx-runtime-944c88e2.js";
+import { j as e } from "./jsx-runtime-Sp0orL4X.js";
 import { PlusIcon as V, Half2Icon as E } from "@radix-ui/react-icons";
 import h, { useMemo as L, useState as u, useEffect as M, lazy as N, Suspense as j } from "react";
 import { useAtom as w } from "jotai";
 import { filter as g, map as k, isNull as H, isEmpty as I, find as R, each as _, get as F } from "lodash";
-import { A as O, b as Y, d as U, e as $, f as J, g as Z, h as q, i as G, k as Q, u as C, B as b, S as D } from "./useBuilderProp-21feb2da.js";
-import { T as W, a as X, b as A, c as P } from "./tabs-85caa1e8.js";
-import { u as ee, p as se, E as re, a as ae, b as le } from "./index-aa42febc.js";
+import { u as C, B as b, S as D } from "./skeleton-CU_FIbg3.js";
+import { T as O, a as Y, b as A, c as P } from "./tabs-Gb9v5dVb.js";
+import { t as U, v as $, E as J, w as Z, x as q } from "./ChaiBuilderEditor-h9bXC4l-.js";
 import "react-i18next";
-import { c as ie } from "./utils-ac68b2c8.js";
-import { ListTreeIcon as S, DatabaseIcon as te } from "lucide-react";
-import { getChaiDataProviders as oe } from "@chaibuilder/blocks";
-import { D as ne, b as ce, c as de, e as me, f as xe } from "./dialog-18207bef.js";
-import { S as ue, c as pe, b as he, d as fe, f as T } from "./select-7fddd7c3.js";
-import "@radix-ui/react-alert-dialog";
+import { c as G } from "./utils-dze1SGvB.js";
+import { ListTreeIcon as S, DatabaseIcon as Q } from "lucide-react";
+import { getChaiDataProviders as W } from "@chaibuilder/blocks";
+import { A as X, a as ee, b as se, c as re, e as ae, f as le, d as ie, h as te, g as oe } from "./alert-dialog-GNfnpqFB.js";
+import { D as ne, b as ce, c as de, e as me, f as xe } from "./dialog-jrw9DF1f.js";
+import { S as ue, c as pe, b as he, d as fe, f as T } from "./select-POGdEDHT.js";
 import "@radix-ui/react-slot";
 import "class-variance-authority";
 import "@radix-ui/react-tooltip";
 import "@radix-ui/react-toast";
 import "@radix-ui/react-tabs";
-import "./MODIFIERS-2f19c314.js";
+import "./MODIFIERS-DsEzQ3aH.js";
 import "clsx";
 import "@radix-ui/react-scroll-area";
 import "react-dom";
@@ -29,12 +29,11 @@ import "react-dnd";
 import "@minoru/react-dnd-treeview";
 import "react-hotkeys-hook";
 import "flat-to-nested";
-import "./html-to-json-45e0e3b5.js";
-import "himalaya";
+import "./functions-pcUZhFJM.js";
 import "redux-undo";
 import "@react-hookz/web";
-import "sonner";
 import "tailwind-merge";
+import "@radix-ui/react-alert-dialog";
 import "@radix-ui/react-dialog";
 import "@radix-ui/react-select";
 const ve = h.lazy(() => import("react-json-view")), je = ({ provider: r, onClose: o }) => {
@@ -49,7 +48,7 @@ const ve = h.lazy(() => import("react-json-view")), je = ({ provider: r, onClose
       ] }),
       /* @__PURE__ */ e.jsx(xe, { children: r.description })
     ] }),
-    /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(J, { children: /* @__PURE__ */ e.jsx(
       ve,
       {
         style: { maxHeight: "80vh", overflowY: "auto" },
@@ -67,26 +66,26 @@ function ge({
   name: o,
   onRemove: a
 }) {
-  return /* @__PURE__ */ e.jsxs(O, { children: [
-    /* @__PURE__ */ e.jsx(Y, { asChild: !0, children: r }),
-    /* @__PURE__ */ e.jsxs(U, { children: [
-      /* @__PURE__ */ e.jsxs($, { children: [
-        /* @__PURE__ */ e.jsxs(J, { children: [
+  return /* @__PURE__ */ e.jsxs(X, { children: [
+    /* @__PURE__ */ e.jsx(ee, { asChild: !0, children: r }),
+    /* @__PURE__ */ e.jsxs(se, { children: [
+      /* @__PURE__ */ e.jsxs(re, { children: [
+        /* @__PURE__ */ e.jsxs(ae, { children: [
           "Are you sure, you want to remove ",
           /* @__PURE__ */ e.jsx("span", { className: "text-blue-500", children: o }),
           " provider?"
         ] }),
-        /* @__PURE__ */ e.jsx(Z, { children: "Your data provider will be removed from this page and all added data binding will be not visible on blocks." })
+        /* @__PURE__ */ e.jsx(le, { children: "Your data provider will be removed from this page and all added data binding will be not visible on blocks." })
       ] }),
-      /* @__PURE__ */ e.jsxs(q, { children: [
-        /* @__PURE__ */ e.jsx(G, { children: "Cancel" }),
-        /* @__PURE__ */ e.jsx(Q, { onClick: a, className: "bg-red-600 hover:bg-red-700", children: "Remove" })
+      /* @__PURE__ */ e.jsxs(ie, { children: [
+        /* @__PURE__ */ e.jsx(te, { children: "Cancel" }),
+        /* @__PURE__ */ e.jsx(oe, { onClick: a, className: "bg-red-600 hover:bg-red-700", children: "Remove" })
       ] })
     ] })
   ] });
 }
 const be = () => {
-  const r = L(() => oe(), []), [o, a] = ee(), [, n] = w(se), [i, c] = u(
+  const r = L(() => W(), []), [o, a] = U(), [, n] = w($), [i, c] = u(
     g(r, (s) => k(o, "providerKey").includes(s.providerKey))
   ), [m, y] = u(""), [f, t] = u(null), v = g(
     r.map((s) => k(i, "providerKey").includes(s.providerKey) ? null : { value: s.providerKey, label: s.name }),
@@ -185,10 +184,10 @@ const be = () => {
       /* @__PURE__ */ e.jsx(je, { onClose: () => t(null), provider: f })
     ] })
   ] });
-}, z = N(() => import("./Layers-c3dd4fc8.js")), ye = N(() => import("./BrandingOptions-f4ab5d9f.js")), we = N(() => import("./ImagesPanel-47ac13c3.js"));
+}, z = N(() => import("./Layers-wOfijZnb.js")), ye = N(() => import("./BrandingOptions-cHK2bVZy.js")), we = N(() => import("./ImagesPanel-oaHOD-Ex.js"));
 let K = null;
-const ns = () => {
-  const r = C("sideBarComponents.top", []), o = C("sideBarComponents.bottom", []), [a, n] = w(ae), [i, c] = u(a), [m, y] = u(null), f = {
+const os = () => {
+  const r = C("sideBarComponents.top", []), o = C("sideBarComponents.bottom", []), [a, n] = w(Z), [i, c] = u(a), [m, y] = u(null), f = {
     layers: z,
     "branding-options": ye,
     images: we
@@ -198,7 +197,7 @@ const ns = () => {
   });
   const t = (l) => {
     clearTimeout(K), v(!1), a !== "layers" && l === "layers" ? K = setTimeout(() => c("layers"), 500) : c(l), n(l);
-  }, [, v] = w(le);
+  }, [, v] = w(q);
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "z-[100] flex h-full w-fit flex-col items-center justify-between border-b border-r border-border bg-background pt-2", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "relative z-[100] flex w-14 flex-col items-center space-y-2", children: [
@@ -272,7 +271,7 @@ const ns = () => {
             children: /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: ie("relative h-full max-h-[93%] bg-background p-1", a === "layers" ? "" : "z-[100]"),
+                className: G("relative h-full max-h-[93%] bg-background p-1", a === "layers" ? "" : "z-[100]"),
                 onMouseEnter: () => {
                   m && clearTimeout(m);
                 },
@@ -297,25 +296,18 @@ const ns = () => {
           /* @__PURE__ */ e.jsx("div", { className: "h-16 w-full bg-gray-200" }),
           /* @__PURE__ */ e.jsx("div", { className: "h-16 w-full bg-gray-200" })
         ] }),
-        children: /* @__PURE__ */ e.jsxs(W, { defaultValue: "layers", className: "flex h-full w-full flex-col py-1", children: [
-          /* @__PURE__ */ e.jsxs(X, { className: "mx-1 h-10 grid grid-cols-2", children: [
+        children: /* @__PURE__ */ e.jsxs(O, { defaultValue: "layers", className: "flex h-full w-full flex-col py-1", children: [
+          /* @__PURE__ */ e.jsxs(Y, { className: "mx-1 h-10 grid grid-cols-2", children: [
             /* @__PURE__ */ e.jsxs(A, { value: "layers", children: [
               /* @__PURE__ */ e.jsx(S, { className: "h-3 mr-2" }),
               " Layers"
             ] }),
             /* @__PURE__ */ e.jsxs(A, { value: "data-provider", children: [
-              /* @__PURE__ */ e.jsx(te, { className: "w-3 mr-2" }),
+              /* @__PURE__ */ e.jsx(Q, { className: "w-3 mr-2" }),
               "Data"
             ] })
           ] }),
-          /* @__PURE__ */ e.jsx(
-            P,
-            {
-              value: "layers",
-              className: "no-scrollbar -mx-1 -mr-2 h-full flex-1 overflow-y-auto overflow-x-hidden",
-              children: h.createElement(z)
-            }
-          ),
+          /* @__PURE__ */ e.jsx(P, { value: "layers", className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: h.createElement(z) }),
           /* @__PURE__ */ e.jsx(P, { value: "data-provider", className: "flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(be, {}) })
         ] })
       }
@@ -323,5 +315,5 @@ const ns = () => {
   ] });
 };
 export {
-  ns as default
+  os as default
 };

package/dist/Topbar-3ozdWfSy.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),i=require("react"),a=require("@radix-ui/react-icons"),s=require("./select-7bjg-rr9.cjs"),r=require("./skeleton-JHP9zwL2.cjs"),o=require("./separator-3Civ-6hb.cjs"),c=require("./toggle-ehNIPmme.cjs"),p=require("./ChaiBuilderEditor-SacH75l4.cjs"),m=require("react-i18next");require("@radix-ui/react-select");require("./utils-qK_SjzzV.cjs");require("clsx");require("tailwind-merge");require("jotai");require("lodash");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("@radix-ui/react-separator");require("@radix-ui/react-toggle");require("./MODIFIERS-Fx6WAZcw.cjs");require("@radix-ui/react-scroll-area");require("react-dom");require("@floating-ui/react-dom");require("i18next");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("flat-to-nested");require("./functions-uw7QP2kT.cjs");require("redux-undo");require("@react-hookz/web");require("@chaibuilder/blocks");const j=()=>r.useBuilderProp("languages",["en"]),d=()=>j().length===1?null:e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:e.jsxRuntimeExports.jsxs(s.Select,{children:[e.jsxRuntimeExports.jsx(s.SelectTrigger,{className:"w-[150px] border-0",children:e.jsxRuntimeExports.jsx(s.SelectValue,{placeholder:e.jsxRuntimeExports.jsxs("span",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx(a.FontFamilyIcon,{className:"h-4 w-4"})," English(US)"]})})}),e.jsxRuntimeExports.jsx(s.SelectContent,{children:e.jsxRuntimeExports.jsxs(s.SelectGroup,{children:[e.jsxRuntimeExports.jsx(s.SelectLabel,{children:"Fruits"}),e.jsxRuntimeExports.jsx(s.SelectItem,{value:"apple",children:"Apple"}),e.jsxRuntimeExports.jsx(s.SelectItem,{value:"banana",children:"Banana"}),e.jsxRuntimeExports.jsx(s.SelectItem,{value:"blueberry",children:"Blueberry"}),e.jsxRuntimeExports.jsx(s.SelectItem,{value:"grapes",children:"Grapes"}),e.jsxRuntimeExports.jsx(s.SelectItem,{value:"pineapple",children:"Pineapple"})]})})]})}),h=()=>{const{savePage:x,syncState:t}=p.useSavePage(),{t:l}=m.useTranslation(),u=i.useMemo(()=>{switch(t){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"}},[t]);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(c.Toggle,{onClick:n=>{n.preventDefault(),x()},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"})}),t==="SAVING"?"Saving...":t==="SAVED"?l("Saved"):"Save"]})}),e.jsxRuntimeExports.jsx(r.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{children:t==="SAVING"?"Saving...":t==="SAVED"?"Saved":"Save changes"})})]})})},g=()=>{const x=r.useBuilderProp("topBarComponents.left",[]),t=r.useBuilderProp("topBarComponents.center",[]),l=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:i.Children.toArray(x.map(n=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(r.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(n,{})})))})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:i.Children.toArray(t.map(n=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(r.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(n,{})})))}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(d,{}),e.jsxRuntimeExports.jsx(o.Separator,{orientation:"vertical"}),u?e.jsxRuntimeExports.jsx(h,{}):null,i.Children.toArray(l.map(n=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(r.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(n,{})})))]})]})};exports.default=g;

package/dist/{Topbar-b38d5d50.js → Topbar-H0f0EL6-.js}

@@ -1,26 +1,25 @@
-import { j as e } from "./jsx-runtime-944c88e2.js";
-import o, { useMemo as p, Suspense as c } from "react";
+import { j as e } from "./jsx-runtime-Sp0orL4X.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 t } from "./select-7fddd7c3.js";
-import { u as a, l as v, m as S, n as b, S as m } from "./useBuilderProp-21feb2da.js";
-import { S as N } from "./separator-a80d065b.js";
-import { T as C } from "./toggle-00c9d11e.js";
-import { c as w } from "./index-aa42febc.js";
+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-h9bXC4l-.js";
 import { useTranslation as y } from "react-i18next";
 import "@radix-ui/react-select";
-import "./utils-ac68b2c8.js";
+import "./utils-dze1SGvB.js";
 import "clsx";
 import "tailwind-merge";
-import "@radix-ui/react-alert-dialog";
+import "jotai";
+import "lodash";
 import "@radix-ui/react-slot";
 import "class-variance-authority";
 import "@radix-ui/react-tooltip";
 import "@radix-ui/react-toast";
-import "jotai";
-import "lodash";
 import "@radix-ui/react-separator";
 import "@radix-ui/react-toggle";
-import "./MODIFIERS-2f19c314.js";
+import "./MODIFIERS-DsEzQ3aH.js";
 import "@radix-ui/react-scroll-area";
 import "react-dom";
 import "@floating-ui/react-dom";
@@ -30,13 +29,10 @@ import "react-dnd";
 import "@minoru/react-dnd-treeview";
 import "react-hotkeys-hook";
 import "flat-to-nested";
-import "./html-to-json-45e0e3b5.js";
-import "himalaya";
+import "./functions-pcUZhFJM.js";
 import "redux-undo";
 import "@react-hookz/web";
 import "@chaibuilder/blocks";
-import "sonner";
-import "lucide-react";
 const A = () => a("languages", ["en"]), T = () => 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,
@@ -49,15 +45,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(t, { value: "apple", children: "Apple" }),
-    /* @__PURE__ */ e.jsx(t, { value: "banana", children: "Banana" }),
-    /* @__PURE__ */ e.jsx(t, { value: "blueberry", children: "Blueberry" }),
-    /* @__PURE__ */ e.jsx(t, { value: "grapes", children: "Grapes" }),
-    /* @__PURE__ */ e.jsx(t, { value: "pineapple", children: "Pineapple" })
+    /* @__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" })
   ] }) })
 ] }) }), B = () => {
-  const { savePage: l, syncState: r } = w(), { t: i } = y(), n = p(() => {
-    switch (r) {
+  const { savePage: l, syncState: s } = w(), { t: n } = y(), i = m(() => {
+    switch (s) {
       case "SAVING":
         return "animate-pulse bg-gray-500 text-gray-900";
       case "SAVED":
@@ -65,13 +61,15 @@ const A = () => a("languages", ["en"]), T = () => A().length === 1 ? null : /* @
       default:
         return "bg-gray-200 text-gray-500 hover:bg-gray-100";
     }
-  }, [r]);
+  }, [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,
       {
-        onClick: () => l(),
-        className: `flex h-auto w-20 items-center gap-x-1 rounded-full p-1 px-2 ${n}`,
+        onClick: (t) => {
+          t.preventDefault(), l();
+        },
+        className: `flex h-auto w-20 items-center gap-x-1 rounded-full p-1 px-2 ${i}`,
         size: "sm",
         variant: "outline",
         children: [
@@ -82,31 +80,31 @@ 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"
             }
           ) }),
-          r === "SAVING" ? "Saving..." : r === "SAVED" ? i("Saved") : "Save"
+          s === "SAVING" ? "Saving..." : s === "SAVED" ? n("Saved") : "Save"
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsx("p", { children: r === "SAVING" ? "Saving..." : r === "SAVED" ? "Saved" : "Save changes" }) })
+    /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsx("p", { children: s === "SAVING" ? "Saving..." : s === "SAVED" ? "Saved" : "Save changes" }) })
   ] }) });
-}, he = () => {
-  const l = a("topBarComponents.left", []), r = a("topBarComponents.center", []), i = a("topBarComponents.right", []), n = a("editable", !0);
+}, pe = () => {
+  const l = a("topBarComponents.left", []), s = a("topBarComponents.center", []), n = a("topBarComponents.right", []), i = a("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((s) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(m, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(s, {}) }))
+      l.map((t) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(p, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(t, {}) }))
     ) }) }),
     /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2", children: o.Children.toArray(
-      r.map((s) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(m, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(s, {}) }))
+      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" }),
-      n ? /* @__PURE__ */ e.jsx(B, {}) : null,
+      i ? /* @__PURE__ */ e.jsx(B, {}) : null,
       o.Children.toArray(
-        i.map((s) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(m, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(s, {}) }))
+        n.map((t) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(p, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(t, {}) }))
       )
     ] })
   ] });
 };
 export {
-  he as default
+  pe as default
 };

package/dist/UnsplashImages-BoBBSi1a.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"),A=require("@radix-ui/react-icons"),T=require("unsplash-js"),b=require("./skeleton-JHP9zwL2.cjs"),z=require("./command-ThdTuUxt.cjs"),_=require("./scroll-area-FiHvy-TZ.cjs"),g=require("./popover-fKjgcRUx.cjs"),t=require("./select-7bjg-rr9.cjs");require("react-i18next");const D=require("@react-hookz/web"),L=require("lucide-react");require("jotai");require("@radix-ui/react-slot");require("class-variance-authority");require("./utils-qK_SjzzV.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("cmdk");require("./dialog-S_QbL1iq.cjs");require("@radix-ui/react-dialog");require("@radix-ui/react-scroll-area");require("@radix-ui/react-popover");require("@radix-ui/react-select");const R=async(d,E)=>new Promise((l,a)=>{T.createApi({accessKey:E}).search.getPhotos(d).then(c=>{l(c)}).catch(c=>a(c))}),V=({isModalView:d,onSelect:E})=>{const l=b.useBuilderProp("unsplashAccessKey"),[a,f]=i.useState([]),[c,y]=i.useState(0),[x,I]=i.useState(),[u,w]=i.useState(),[P,v]=i.useState(0),[j,C]=D.useDebouncedState("",1e3),[h,m]=i.useState(!1),k=async s=>{if(o.isEmpty(j))return;let n=c+1;s&&(s.preventDefault(),n=1),m(!0),y(n);const p={query:j,page:n};x&&(p.orientation=x),u&&(p.color=u),R(p,l).then(r=>{var q,N,S;f(n===1?((q=r==null?void 0:r.response)==null?void 0:q.results)||[]:[...a,...((N=r==null?void 0:r.response)==null?void 0:N.results)||[]]),v((S=r==null?void 0:r.response)==null?void 0:S.total_pages),m(!1)}).catch(()=>{m(!1)})};return i.useEffect(()=>{if(!o.isEmpty(j)){m(!0);const s={query:j,page:1};x&&(s.orientation=x),u&&(s.color=u),y(1),R(s,l).then(n=>{var p,r;f(((p=n==null?void 0:n.response)==null?void 0:p.results)||[]),v((r=n==null?void 0:n.response)==null?void 0:r.total_pages),m(!1)}).catch(()=>{m(!1)})}},[x,u,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(z.Input,{type:"text",name:"query",className:"input",placeholder:'Try "dog" or "apple"',onChange:s=>C(s.target.value)}),e.jsxRuntimeExports.jsxs(g.Popover,{children:[e.jsxRuntimeExports.jsx(g.PopoverTrigger,{asChild:!0,className:"h-full w-10 cursor-pointer p-2.5 hover:bg-slate-200",children:e.jsxRuntimeExports.jsx(A.MixerHorizontalIcon,{})}),e.jsxRuntimeExports.jsx(g.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:x,onValueChange:s=>I(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:u,onValueChange:s=>w(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(_.ScrollArea,{className:`h-full ${d&&!o.isEmpty(a)?"-mx-2 flex flex-wrap px-2":"-mx-2 flex flex-col pb-8 pt-2"}`,children:[o.isEmpty(a)&&!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:a.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))}):a.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(L.Loader,{className:"animate-spin w-6 h-6"}),"  Loading..."]}),!o.isEmpty(a)&&c<P&&!h&&e.jsxRuntimeExports.jsx(b.Button,{size:"sm",variant:"link",className:"w-full",onClick:()=>k(void 0),disabled:h,children:h?"":"Load More"})]})]})};exports.default=V;exports.fetchImage=R;

package/dist/{UnsplashImages-4edb97e7.js → UnsplashImages-gPcBLjgB.js}

@@ -1,27 +1,26 @@
-import { j as e } from "./jsx-runtime-944c88e2.js";
+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 { MixerHorizontalIcon as L } from "@radix-ui/react-icons";
 import { createApi as B } from "unsplash-js";
-import { u as F, B as K } from "./useBuilderProp-21feb2da.js";
-import { I as U } from "./command-6f260f61.js";
-import { S as V } from "./scroll-area-83bd9e8f.js";
-import { P as O, a as Q, b as H } from "./popover-f7addcf4.js";
-import { S as P, c as S, b as C, d as I, f as h } from "./select-7fddd7c3.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 { useDebouncedState as R } from "@react-hookz/web";
 import { Loader as $ } from "lucide-react";
-import "@radix-ui/react-alert-dialog";
-import "./utils-ac68b2c8.js";
-import "clsx";
-import "tailwind-merge";
+import "jotai";
 import "@radix-ui/react-slot";
 import "class-variance-authority";
+import "./utils-dze1SGvB.js";
+import "clsx";
+import "tailwind-merge";
 import "@radix-ui/react-tooltip";
 import "@radix-ui/react-toast";
-import "jotai";
 import "cmdk";
-import "./dialog-18207bef.js";
+import "./dialog-jrw9DF1f.js";
 import "@radix-ui/react-dialog";
 import "@radix-ui/react-scroll-area";
 import "@radix-ui/react-popover";
@@ -30,7 +29,7 @@ const k = async (x, g) => new Promise((o, r) => {
   B({ accessKey: g }).search.getPhotos(x).then((l) => {
     o(l);
   }).catch((l) => r(l));
-}), Ne = ({ isModalView: x, onSelect: g }) => {
+}), 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))
       return;
@@ -180,6 +179,6 @@ const k = async (x, g) => new Promise((o, r) => {
   ] });
 };
 export {
-  Ne as default,
+  ye as default,
   k as fetchImage
 };

package/dist/UploadImages-T6kW0s3G.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),t=require("react"),a=require("lodash"),m=require("@radix-ui/react-icons"),E=require("jotai"),q=require("./scroll-area-FiHvy-TZ.cjs");require("react-i18next");const b=require("./skeleton-JHP9zwL2.cjs");require("@radix-ui/react-scroll-area");require("./utils-qK_SjzzV.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");const I=E.atom([]),w=({isModalView:r,onSelect:u})=>{const R=b.useBuilderProp("uploadMediaCallback",()=>""),c=b.useBuilderProp("fetchMediaCallback",()=>[]),[n,o]=E.useAtom(I),[l,p]=t.useState(!1),[j,h]=t.useState(!1),[x,d]=t.useState(),[f,v]=t.useState("");t.useEffect(()=>{(async()=>{h(!0);const s=await c();o(s||[]),h(!1)})()},[c,o]);const y=s=>{var i,g;s&&((g=(i=s==null?void 0:s.target)==null?void 0:i.files)==null?void 0:g.length)>0&&d(s.target.files[0])},N=async()=>{p(!0);try{const{url:s}=await R(x);u(s),d(void 0);const i=await c();o(i)}catch(s){o([]),v((s==null?void 0:s.message)||"Something went wrong.")}p(!1)};return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[x?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(x),alt:"",className:"h-auto w-full max-w-sm rounded-md  max-h-96 object-contain"}),f&&e.jsxRuntimeExports.jsx("div",{className:"w-full pt-2 text-center text-sm text-red-500",children:f}),e.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-center justify-center gap-2 pt-2",children:[e.jsxRuntimeExports.jsxs("button",{type:"button",onClick:N,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:[l?e.jsxRuntimeExports.jsx(m.GearIcon,{className:"animate-spin"}):e.jsxRuntimeExports.jsx(m.UploadIcon,{className:"animate-bounce"}),"  ",l?"Uploading...":"Upload"]}),!l&&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:r?"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:r?"upload-in-modal":"upload-in-panel",hidden:!0,onChange:y})]}),e.jsxRuntimeExports.jsxs(q.ScrollArea,{className:`-mx-2 flex h-full flex-col pb-8 pt-2 ${r?"px-2":""} pt-2`,children:[a.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:"Fetching..."})}),a.isEmpty(n)&&!j&&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"})}),r?e.jsxRuntimeExports.jsx("div",{className:"h-full columns-5 py-2",children:a.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))}):a.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=w;

package/dist/{UploadImages-52181c3e.js → UploadImages-_ZyUU66E.js}

@@ -1,27 +1,26 @@
-import { j as e } from "./jsx-runtime-944c88e2.js";
+import { j as e } from "./jsx-runtime-Sp0orL4X.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-83bd9e8f.js";
+import { S as A } from "./scroll-area-ewXbxc3n.js";
 import "react-i18next";
-import { u as j } from "./useBuilderProp-21feb2da.js";
+import { u as j } from "./skeleton-CU_FIbg3.js";
 import "@radix-ui/react-scroll-area";
-import "./utils-ac68b2c8.js";
+import "./utils-dze1SGvB.js";
 import "clsx";
 import "tailwind-merge";
-import "@radix-ui/react-alert-dialog";
 import "@radix-ui/react-slot";
 import "class-variance-authority";
 import "@radix-ui/react-tooltip";
 import "@radix-ui/react-toast";
-const R = F([]), X = ({ isModalView: s, onSelect: n }) => {
-  const v = j("uploadMediaCallback", () => ""), d = j("fetchMediaCallback", () => []), [l, a] = E(R), [r, u] = i(!1), [p, x] = i(!1), [c, m] = i(), [f, y] = i("");
+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("");
   w(() => {
     (async () => {
-      x(!0);
+      p(!0);
       const t = await d();
-      a(t || []), x(!1);
+      a(t || []), p(!1);
     })();
   }, [d, a]);
   const N = (t) => {
@@ -86,8 +85,8 @@ const R = F([]), X = ({ 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) && p && /* @__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) && !p && /* @__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" }) }),
+      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(
         "img",
         {
@@ -110,5 +109,5 @@ const R = F([]), X = ({ isModalView: s, onSelect: n }) => {
   ] });
 };
 export {
-  X as default
+  W as default
 };

package/dist/{accordion-c0176dc5.js → accordion-oPUeqPCZ.js}

@@ -1,8 +1,8 @@
-import { j as a } from "./jsx-runtime-944c88e2.js";
+import { j as a } from "./jsx-runtime-Sp0orL4X.js";
 import * as n from "react";
 import * as e from "@radix-ui/react-accordion";
 import { ChevronDownIcon as c } from "@radix-ui/react-icons";
-import { c as i } from "./utils-ac68b2c8.js";
+import { c as i } from "./utils-dze1SGvB.js";
 const N = e.Root, m = n.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ a.jsx(e.Item, { ref: r, className: i("border-b", o), ...t }));
 m.displayName = "AccordionItem";
 const d = n.forwardRef(({ className: o, children: t, ...r }, s) => /* @__PURE__ */ a.jsx(e.Header, { className: "flex", children: /* @__PURE__ */ a.jsxs(

package/dist/{accordion-0afd8143.cjs → accordion-ynvFtV_p.cjs}

@@ -1 +1 @@
-"use strict";const s=require("./jsx-runtime-5c3ac4f7.cjs"),u=require("react"),x=require("@radix-ui/react-accordion"),p=require("@radix-ui/react-icons"),c=require("./utils-3c452dd0.cjs");function a(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const i=a(u),o=a(x),f=o.Root,d=i.forwardRef(({className:e,...n},t)=>s.jsxRuntimeExports.jsx(o.Item,{ref:t,className:c.cn("border-b",e),...n}));d.displayName="AccordionItem";const m=i.forwardRef(({className:e,children:n,...t},r)=>s.jsxRuntimeExports.jsx(o.Header,{className:"flex",children:s.jsxRuntimeExports.jsxs(o.Trigger,{ref:r,className:c.cn("flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",e),...t,children:[n,s.jsxRuntimeExports.jsx(p.ChevronDownIcon,{className:"h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"})]})}));m.displayName=o.Trigger.displayName;const l=i.forwardRef(({className:e,children:n,...t},r)=>s.jsxRuntimeExports.jsx(o.Content,{ref:r,className:c.cn("text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",e),...t,children:s.jsxRuntimeExports.jsx("div",{className:"pb-4 pt-0",children:n})}));l.displayName=o.Content.displayName;exports.Accordion=f;exports.AccordionContent=l;exports.AccordionItem=d;exports.AccordionTrigger=m;
+"use strict";const s=require("./jsx-runtime-JYMCiFoE.cjs"),u=require("react"),x=require("@radix-ui/react-accordion"),p=require("@radix-ui/react-icons"),c=require("./utils-qK_SjzzV.cjs");function a(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const i=a(u),o=a(x),f=o.Root,d=i.forwardRef(({className:e,...n},t)=>s.jsxRuntimeExports.jsx(o.Item,{ref:t,className:c.cn("border-b",e),...n}));d.displayName="AccordionItem";const m=i.forwardRef(({className:e,children:n,...t},r)=>s.jsxRuntimeExports.jsx(o.Header,{className:"flex",children:s.jsxRuntimeExports.jsxs(o.Trigger,{ref:r,className:c.cn("flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",e),...t,children:[n,s.jsxRuntimeExports.jsx(p.ChevronDownIcon,{className:"h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"})]})}));m.displayName=o.Trigger.displayName;const l=i.forwardRef(({className:e,children:n,...t},r)=>s.jsxRuntimeExports.jsx(o.Content,{ref:r,className:c.cn("text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",e),...t,children:s.jsxRuntimeExports.jsx("div",{className:"pb-4 pt-0",children:n})}));l.displayName=o.Content.displayName;exports.Accordion=f;exports.AccordionContent=l;exports.AccordionItem=d;exports.AccordionTrigger=m;

package/dist/{add-page-modal-08a19915.js → add-page-modal-J1E7rh1U.js}

@@ -1,33 +1,33 @@
-import { j as t } from "./jsx-runtime-944c88e2.js";
+import { j as t } from "./jsx-runtime-Sp0orL4X.js";
 import { useState as g } from "react";
 import { kebabCase as j } from "lodash";
-import { B as c } from "./useBuilderProp-21feb2da.js";
-import { D as b, a as C, b as A } from "./dialog-18207bef.js";
+import { B as c } from "./skeleton-CU_FIbg3.js";
+import { D as b, a as C, b as A } from "./dialog-jrw9DF1f.js";
 import { SingleLineText as d } from "@chaibuilder/blocks";
-import { F as D } from "./form-25e1af37.js";
-import { a0 as N } from "./index-aa42febc.js";
-import "@radix-ui/react-alert-dialog";
-import "./utils-ac68b2c8.js";
-import "clsx";
-import "tailwind-merge";
+import { F as D } from "./form-dVpOAyRl.js";
+import { e as N } from "./index-cZ4uo6aT.js";
+import "jotai";
 import "@radix-ui/react-slot";
 import "class-variance-authority";
+import "./utils-dze1SGvB.js";
+import "clsx";
+import "tailwind-merge";
 import "@radix-ui/react-tooltip";
 import "@radix-ui/react-icons";
 import "@radix-ui/react-toast";
-import "jotai";
 import "@radix-ui/react-dialog";
 import "@rjsf/core";
 import "@rjsf/validator-ajv8";
-import "./link-57de608a.js";
+import "./link-6o6n2Tnd.js";
 import "react-icons-picker";
 import "react-dom";
-import "./ImagesPanel-47ac13c3.js";
-import "./tabs-85caa1e8.js";
+import "./ImagesPanel-oaHOD-Ex.js";
+import "./tabs-Gb9v5dVb.js";
 import "@radix-ui/react-tabs";
 import "react-quill";
 import "react-i18next";
-import "./MODIFIERS-2f19c314.js";
+import "./ChaiBuilderEditor-h9bXC4l-.js";
+import "./MODIFIERS-DsEzQ3aH.js";
 import "@radix-ui/react-scroll-area";
 import "@floating-ui/react-dom";
 import "i18next";
@@ -36,12 +36,15 @@ import "react-dnd";
 import "@minoru/react-dnd-treeview";
 import "react-hotkeys-hook";
 import "flat-to-nested";
-import "./html-to-json-45e0e3b5.js";
-import "himalaya";
+import "./functions-pcUZhFJM.js";
 import "redux-undo";
 import "@react-hookz/web";
 import "sonner";
+import "./html-to-json-pdHQfRkN.js";
+import "himalaya";
 import "lucide-react";
+import "./alert-dialog-GNfnpqFB.js";
+import "@radix-ui/react-alert-dialog";
 const S = ({ closeModal: o }) => {
   var s, p;
   const i = N(), [e, u] = g({
@@ -54,13 +57,13 @@ const S = ({ closeModal: o }) => {
     i.mutate(e, {
       onSuccess: () => o()
     });
-  }, x = ({ formData: a }, r) => {
+  }, x = ({ formData: m }, r) => {
     u((h) => {
       var n, l;
-      const m = { [r]: a[r] };
-      return r === "name" ? m.slug = j((n = a[r]) == null ? void 0 : n.replace(/\d/g, "")) : r === "slug" && (m.slug = (l = a[r]) == null ? void 0 : l.replace(/\d/g, "").replace(/\s+/g, "").replace("--", "-").replace("__", "_")), {
+      const a = { [r]: m[r] };
+      return r === "name" ? a.slug = j((n = m[r]) == null ? void 0 : n.replace(/\d/g, "")) : r === "slug" && (a.slug = (l = m[r]) == null ? void 0 : l.replace(/\d/g, "").replace(/\s+/g, "").replace("--", "-").replace("__", "_")), {
         ...h,
-        ...m
+        ...a
       };
     });
   }, P = {
@@ -83,7 +86,7 @@ const S = ({ closeModal: o }) => {
       }
     ) })
   ] });
-}, xt = () => {
+}, jt = () => {
   const [o, i] = g(!1);
   return /* @__PURE__ */ t.jsxs(b, { open: o, onOpenChange: () => i(!o), children: [
     /* @__PURE__ */ t.jsx(C, { children: /* @__PURE__ */ t.jsx(c, { size: "sm", variant: "link", className: "text-blue-500", onClick: () => i(!o), children: "+ New Page" }) }),
@@ -91,5 +94,5 @@ const S = ({ closeModal: o }) => {
   ] });
 };
 export {
-  xt as default
+  jt as default
 };