@chaibuilder/sdk 1.0.13 → 1.0.15

package/dist/SidePanels-8JWYXGqN.cjs

@@ -0,0 +1 @@
+"use strict";var k=Object.create;var b=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty;var P=(r,o,i,u)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of S(o))!A.call(r,l)&&l!==i&&b(r,l,{get:()=>o[l],enumerable:!(u=C(o,l))||u.enumerable});return r};var T=(r,o,i)=>(i=r!=null?k(D(r)):{},P(o||!r||!r.__esModule?b(i,"default",{value:r,enumerable:!0}):i,r));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-WKRPbKtm.cjs"),y=require("@radix-ui/react-icons"),n=require("react"),R=require("jotai"),x=require("lodash"),s=require("./index-c8zW_D2V.cjs");require("./lib.cjs");const E=require("lucide-react"),z=require("./index-fwo4wa7u.cjs"),B=require("./index-_jFEo7h5.cjs"),K=require("./Class-RZuPYbUS.cjs");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("@react-hookz/web");require("react-i18next");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("clsx");require("tailwind-merge");require("i18next");require("./index-m2muA80V.cjs");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");const V=n.lazy(()=>import("react-json-view")),I=({provider:r,onClose:o})=>{const[i,u]=n.useState(null);return n.useEffect(()=>{r&&(r.mockFn?r.mockFn:r.dataFn)().then(d=>u(d))},[r]),r?e.jsxRuntimeExports.jsx(s.Dialog,{onOpenChange:l=>l?"":o(),defaultOpen:!0,children:e.jsxRuntimeExports.jsxs(s.DialogContent,{children:[e.jsxRuntimeExports.jsxs(s.DialogHeader,{children:[e.jsxRuntimeExports.jsxs(s.DialogTitle,{children:["Data Provider: ",r.name]}),e.jsxRuntimeExports.jsx(s.DialogDescription,{children:r.description})]}),e.jsxRuntimeExports.jsx(B.ErrorBoundary,{children:e.jsxRuntimeExports.jsx(V,{style:{maxHeight:"80vh",overflowY:"auto"},name:r.providerKey,enableClipboard:!1,displayObjectSize:!1,displayDataTypes:!1,src:i})})]})}):null};function L({children:r,name:o,onRemove:i}){return e.jsxRuntimeExports.jsxs(s.AlertDialog,{children:[e.jsxRuntimeExports.jsx(s.AlertDialogTrigger,{asChild:!0,children:r}),e.jsxRuntimeExports.jsxs(s.AlertDialogContent,{children:[e.jsxRuntimeExports.jsxs(s.AlertDialogHeader,{children:[e.jsxRuntimeExports.jsxs(s.AlertDialogTitle,{children:["Are you sure, you want to remove ",e.jsxRuntimeExports.jsx("span",{className:"text-blue-500",children:o})," provider?"]}),e.jsxRuntimeExports.jsx(s.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(s.AlertDialogFooter,{children:[e.jsxRuntimeExports.jsx(s.AlertDialogCancel,{children:"Cancel"}),e.jsxRuntimeExports.jsx(s.AlertDialogAction,{onClick:i,className:"bg-red-600 hover:bg-red-700",children:"Remove"})]})]})]})}const M=()=>{const r=n.useMemo(()=>z.A(),[]),[o,i]=s.usePageDataProviders(),[,u]=R.useAtom(s.pageSyncStateAtom),[l,d]=n.useState(x.filter(r,t=>x.map(o,"providerKey").includes(t.providerKey))),[j,g]=n.useState(""),[v,c]=n.useState(null),f=x.filter(r.map(t=>x.map(l,"providerKey").includes(t.providerKey)?null:{value:t.providerKey,label:t.name}),t=>!x.isNull(t)),a=t=>{const p=x.find(r,{providerKey:t});d(m=>[...m,p]),i(m=>[...m,{providerKey:p.providerKey,args:{}}]),g(""),u("UNSAVED")},h=t=>{d(p=>x.filter(p,m=>m.providerKey!==t.providerKey)),i(p=>x.filter(p,m=>m.providerKey!==t.providerKey)),u("UNSAVED")},N=t=>c(t);return x.isEmpty(r)?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(s.Select,{value:j,onValueChange:t=>a(t),children:[e.jsxRuntimeExports.jsx(s.SelectTrigger,{className:"w-full",children:e.jsxRuntimeExports.jsx(s.SelectValue,{placeholder:"Select a provider"})}),e.jsxRuntimeExports.jsxs(s.SelectContent,{children:[e.jsxRuntimeExports.jsx(s.SelectItem,{value:"",children:"Choose"}),f.map(t=>e.jsxRuntimeExports.jsx(s.SelectItem,{value:t.value,children:t.label},t.value))]})]})}),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsxs("div",{className:`border-t ${l.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:l.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:()=>N(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(L,{onRemove:()=>h(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(I,{onClose:()=>c(null),provider:v})]})]})},q=n.lazy(()=>Promise.resolve().then(()=>require("./Layers-gEA0qWYP.cjs"))),H=n.lazy(()=>Promise.resolve().then(()=>require("./BrandingOptions-WSCFnWAf.cjs"))),O=n.lazy(()=>Promise.resolve().then(()=>require("./index-c8zW_D2V.cjs")).then(r=>r.ImagesPanel));let w=null;const F=()=>{const r=s.useBuilderProp("sideBarComponents.top",[]),o=s.useBuilderProp("sideBarComponents.bottom",[]),[i,u]=R.useAtom(s.activePanelAtom),[l,d]=n.useState(i),[j,g]=n.useState(null),v={layers:q,"branding-options":H,images:O};x.each(r,({name:a,panel:h})=>{v[a]=h});const c=a=>{clearTimeout(w),f(!1),i!=="layers"&&a==="layers"?w=setTimeout(()=>d("layers"),500):d(a),u(a)},[,f]=R.useAtom(s.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(s.Button,{onClick:()=>{f(!0),u("layers")},size:"sm",variant:i==="add-blocks"?"default":"outline",children:e.jsxRuntimeExports.jsx(y.PlusIcon,{className:"text-xl"})}),e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>c("layers"),size:"sm",variant:i==="layers"?"default":"outline",children:e.jsxRuntimeExports.jsx(E.ListTreeIcon,{className:"w-4"})}),e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>c("branding-options"),size:"sm",variant:i==="branding-options"?"default":"outline",children:e.jsxRuntimeExports.jsx(y.Half2Icon,{className:"w-4 max-w-[40px] text-xs"})}),n.Children.toArray(r.map(({name:a,icon:h})=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>c(a),size:"sm",className:"w-10",variant:i===a?"default":"outline",children:e.jsxRuntimeExports.jsx(h,{})})})))]}),e.jsxRuntimeExports.jsx("div",{className:"relative z-[100] flex w-14 flex-col items-center space-y-2",children:n.Children.toArray(o.map(a=>e.jsxRuntimeExports.jsx(n.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(a,{})})))})]}),e.jsxRuntimeExports.jsx("div",{onClick:()=>{c("layers")},className:"absolute inset-0 right-0 z-50 w-screen bg-black/20"+(i==="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 ${i!=="layers"?"translate-x-0":"-translate-x-full"}`,children:e.jsxRuntimeExports.jsx(n.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:K.cn("relative h-full max-h-[93%] bg-background p-1",i==="layers"?"":"z-[100]"),onMouseEnter:()=>{j&&clearTimeout(j)},onMouseLeave:()=>{const a=setTimeout(()=>{j&&(c("layers"),clearTimeout(j))},1e3);g(a)},children:n.createElement(x.get(v,l,()=>e.jsxRuntimeExports.jsx("div",{})))})})}),e.jsxRuntimeExports.jsx("div",{className:"h-full w-60 border-r p-1",children:e.jsxRuntimeExports.jsx(n.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(s.Tabs,{defaultValue:"layers",className:"flex h-full w-full flex-col py-1",children:[e.jsxRuntimeExports.jsxs(s.TabsList,{className:"mx-1 h-10 grid grid-cols-2",children:[e.jsxRuntimeExports.jsxs(s.TabsTrigger,{value:"layers",children:[e.jsxRuntimeExports.jsx(E.ListTreeIcon,{className:"h-3 mr-2"})," Layers"]}),e.jsxRuntimeExports.jsxs(s.TabsTrigger,{value:"data-provider",children:[e.jsxRuntimeExports.jsx(E.DatabaseIcon,{className:"w-3 mr-2"}),"Data"]})]}),e.jsxRuntimeExports.jsx(s.TabsContent,{value:"layers",className:"no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden",children:n.createElement(q)}),e.jsxRuntimeExports.jsx(s.TabsContent,{value:"data-provider",className:"flex-1 overflow-y-auto overflow-x-hidden",children:e.jsxRuntimeExports.jsx(M,{})})]})})})]})};exports.default=F;

package/dist/{SidePanels-w8ZHKJaR.js → SidePanels-F7ccs2Xf.js}

@@ -1,54 +1,72 @@
-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 { j as e } from "./jsx-runtime-qAwJ85SY.js";
+import { PlusIcon as E, Half2Icon as V } from "@radix-ui/react-icons";
+import h, { useState as p, useEffect as L, useMemo 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 { 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-hEuUONQ3.js";
-import "react-i18next";
-import { c as G } from "./utils-dze1SGvB.js";
-import { ListTreeIcon as S, DatabaseIcon as Q } from "lucide-react";
-import { A as W } from "./index-ehKdBRUK.js";
-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 { filter as g, map as k, isNull as H, find as I, isEmpty as R, each as F, get as _ } from "lodash";
+import { ao as O, ap as Y, aq as J, ar as U, as as $, D as q, E as G, F as Z, G as Q, H as W, I as X, J as ee, K as se, at as re, s as ae, t as ie, au as le, av as te, aw as oe, ax as ne, ay as C, i as D, az as ce, aA as de, B as b, S as A, aB as me, aC as xe, aD as P, aE as S } from "./index-2EHcmZqL.js";
+import "./lib.js";
+import { ListTreeIcon as T, DatabaseIcon as pe } from "lucide-react";
+import { A as ue } from "./index-gmZcUXyn.js";
+import { E as he } from "./index-cU5eyVRU.js";
+import { b as fe } from "./Class-nQk08vqd.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 "@radix-ui/react-tabs";
-import "./MODIFIERS-DsEzQ3aH.js";
-import "clsx";
-import "@radix-ui/react-scroll-area";
+import "cmdk";
+import "@radix-ui/react-context-menu";
+import "react-icons-picker";
 import "react-dom";
-import "@floating-ui/react-dom";
+import "react-quill";
+import "flat-to-nested";
+import "redux-undo";
+import "@react-hookz/web";
+import "react-i18next";
+import "himalaya";
+import "@mhsdesign/jit-browser-tailwindcss";
+import "@bobthered/tailwindcss-palette-generator";
+import "@tailwindcss/forms";
+import "@tailwindcss/typography";
+import "@tailwindcss/aspect-ratio";
+import "@tailwindcss/line-clamp";
+import "clsx";
+import "tailwind-merge";
 import "i18next";
+import "./index-RVm8Txnj.js";
+import "@floating-ui/react-dom";
+import "react-textarea-autosize";
 import "flagged";
 import "react-dnd";
 import "@minoru/react-dnd-treeview";
 import "react-hotkeys-hook";
-import "flat-to-nested";
-import "./functions-pcUZhFJM.js";
-import "redux-undo";
-import "@react-hookz/web";
-import "tailwind-merge";
-import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-select";
+import "sonner";
 const ve = h.lazy(() => import("react-json-view")), je = ({ provider: r, onClose: o }) => {
-  const [a, n] = u(null);
-  return M(() => {
+  const [a, n] = p(null);
+  return L(() => {
     r && (r.mockFn ? r.mockFn : r.dataFn)().then((c) => n(c));
-  }, [r]), r ? /* @__PURE__ */ e.jsx(ne, { onOpenChange: (i) => i ? "" : o(), defaultOpen: !0, children: /* @__PURE__ */ e.jsxs(ce, { children: [
-    /* @__PURE__ */ e.jsxs(de, { children: [
-      /* @__PURE__ */ e.jsxs(me, { children: [
+  }, [r]), r ? /* @__PURE__ */ e.jsx(O, { onOpenChange: (l) => l ? "" : o(), defaultOpen: !0, children: /* @__PURE__ */ e.jsxs(Y, { children: [
+    /* @__PURE__ */ e.jsxs(J, { children: [
+      /* @__PURE__ */ e.jsxs(U, { children: [
         "Data Provider: ",
         r.name
       ] }),
-      /* @__PURE__ */ e.jsx(xe, { children: r.description })
+      /* @__PURE__ */ e.jsx($, { children: r.description })
     ] }),
-    /* @__PURE__ */ e.jsx(J, { children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(he, { children: /* @__PURE__ */ e.jsx(
       ve,
       {
         style: { maxHeight: "80vh", overflowY: "auto" },
@@ -66,54 +84,54 @@ function ge({
   name: o,
   onRemove: a
 }) {
-  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: [
+  return /* @__PURE__ */ e.jsxs(q, { children: [
+    /* @__PURE__ */ e.jsx(G, { asChild: !0, children: r }),
+    /* @__PURE__ */ e.jsxs(Z, { children: [
+      /* @__PURE__ */ e.jsxs(Q, { children: [
+        /* @__PURE__ */ e.jsxs(W, { children: [
           "Are you sure, you want to remove ",
           /* @__PURE__ */ e.jsx("span", { className: "text-blue-500", children: o }),
           " provider?"
         ] }),
-        /* @__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.jsx(X, { children: "Your data provider will be removed from this page and all added data binding will be not visible on blocks." })
       ] }),
-      /* @__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" })
+      /* @__PURE__ */ e.jsxs(ee, { children: [
+        /* @__PURE__ */ e.jsx(se, { children: "Cancel" }),
+        /* @__PURE__ */ e.jsx(re, { onClick: a, className: "bg-red-600 hover:bg-red-700", children: "Remove" })
       ] })
     ] })
   ] });
 }
 const be = () => {
-  const r = L(() => W(), []), [o, a] = U(), [, n] = w($), [i, c] = u(
+  const r = M(() => ue(), []), [o, a] = ae(), [, n] = w(ie), [l, c] = p(
     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 }),
+  ), [m, y] = p(""), [f, t] = p(null), v = g(
+    r.map((s) => k(l, "providerKey").includes(s.providerKey) ? null : { value: s.providerKey, label: s.name }),
     (s) => !H(s)
-  ), l = (s) => {
-    const x = R(r, { providerKey: s });
+  ), i = (s) => {
+    const x = I(r, { providerKey: s });
     c((d) => [...d, x]), a((d) => [...d, { providerKey: x.providerKey, args: {} }]), y(""), n("UNSAVED");
-  }, p = (s) => {
+  }, u = (s) => {
     c((x) => g(x, (d) => d.providerKey !== s.providerKey)), a((x) => g(x, (d) => d.providerKey !== s.providerKey)), n("UNSAVED");
   }, B = (s) => t(s);
-  return I(r) ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("p", { className: "text-gray-500 mb-1.5 text-xs p-4", children: [
+  return R(r) ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.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. ",
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("a", { className: "text-blue-500", href: "https://chaibuilder.com/docs/registering-data-providers", target: "_blank", children: "Learn more" })
   ] }) }) : /* @__PURE__ */ e.jsxs("div", { className: "px-1", children: [
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 mb-1.5 text-xs", children: "Add data providers:" }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-1", children: /* @__PURE__ */ e.jsxs(ue, { value: m, onValueChange: (s) => l(s), children: [
-      /* @__PURE__ */ e.jsx(pe, { className: "w-full", children: /* @__PURE__ */ e.jsx(he, { placeholder: "Select a provider" }) }),
-      /* @__PURE__ */ e.jsxs(fe, { children: [
-        /* @__PURE__ */ e.jsx(T, { value: "", children: "Choose" }),
-        v.map((s) => /* @__PURE__ */ e.jsx(T, { value: s.value, children: s.label }, s.value))
+    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-1", children: /* @__PURE__ */ e.jsxs(le, { value: m, onValueChange: (s) => i(s), children: [
+      /* @__PURE__ */ e.jsx(te, { className: "w-full", children: /* @__PURE__ */ e.jsx(oe, { placeholder: "Select a provider" }) }),
+      /* @__PURE__ */ e.jsxs(ne, { children: [
+        /* @__PURE__ */ e.jsx(C, { value: "", children: "Choose" }),
+        v.map((s) => /* @__PURE__ */ e.jsx(C, { value: s.value, children: s.label }, s.value))
       ] })
     ] }) }),
     /* @__PURE__ */ e.jsx("br", {}),
-    /* @__PURE__ */ e.jsxs("div", { className: `border-t ${i.length ? "block" : "hidden"}`, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: `border-t ${l.length ? "block" : "hidden"}`, children: [
       /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 pt-4 pb-1.5 text-xs flex-1 font-medium", children: "Page data providers:" }),
-      /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: i.map((s) => /* @__PURE__ */ e.jsxs(
+      /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: l.map((s) => /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: "rounded-lg border bg-card text-card-foreground shadow-sm w-full",
@@ -153,7 +171,7 @@ const be = () => {
                   ]
                 }
               ),
-              /* @__PURE__ */ e.jsx(ge, { onRemove: () => p(s), name: s.name, children: /* @__PURE__ */ e.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: [
+              /* @__PURE__ */ e.jsx(ge, { onRemove: () => u(s), name: s.name, children: /* @__PURE__ */ e.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: [
                 /* @__PURE__ */ e.jsxs(
                   "svg",
                   {
@@ -184,20 +202,20 @@ const be = () => {
       /* @__PURE__ */ e.jsx(je, { onClose: () => t(null), provider: f })
     ] })
   ] });
-}, z = N(() => import("./Layers-WkZ48AUm.js")), ye = N(() => import("./BrandingOptions-PAgY-kvj.js")), we = N(() => import("./ImagesPanel-oaHOD-Ex.js"));
+}, z = N(() => import("./Layers-uzA3QA-4.js")), ye = N(() => import("./BrandingOptions-_Og7VUHA.js")), we = N(() => import("./index-2EHcmZqL.js").then((r) => r.cz));
 let K = null;
-const os = () => {
-  const r = C("sideBarComponents.top", []), o = C("sideBarComponents.bottom", []), [a, n] = w(Z), [i, c] = u(a), [m, y] = u(null), f = {
+const Cs = () => {
+  const r = D("sideBarComponents.top", []), o = D("sideBarComponents.bottom", []), [a, n] = w(ce), [l, c] = p(a), [m, y] = p(null), f = {
     layers: z,
     "branding-options": ye,
     images: we
   };
-  _(r, ({ name: l, panel: p }) => {
-    f[l] = p;
+  F(r, ({ name: i, panel: u }) => {
+    f[i] = u;
   });
-  const t = (l) => {
-    clearTimeout(K), v(!1), a !== "layers" && l === "layers" ? K = setTimeout(() => c("layers"), 500) : c(l), n(l);
-  }, [, v] = w(q);
+  const t = (i) => {
+    clearTimeout(K), v(!1), a !== "layers" && i === "layers" ? K = setTimeout(() => c("layers"), 500) : c(i), n(i);
+  }, [, v] = w(de);
   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: [
@@ -209,7 +227,7 @@ const os = () => {
             },
             size: "sm",
             variant: a === "add-blocks" ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(V, { className: "text-xl" })
+            children: /* @__PURE__ */ e.jsx(E, { className: "text-xl" })
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -218,7 +236,7 @@ const os = () => {
             onClick: () => t("layers"),
             size: "sm",
             variant: a === "layers" ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(S, { className: "w-4" })
+            children: /* @__PURE__ */ e.jsx(T, { className: "w-4" })
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -227,24 +245,24 @@ const os = () => {
             onClick: () => t("branding-options"),
             size: "sm",
             variant: a === "branding-options" ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(E, { className: "w-4 max-w-[40px] text-xs" })
+            children: /* @__PURE__ */ e.jsx(V, { className: "w-4 max-w-[40px] text-xs" })
           }
         ),
         h.Children.toArray(
-          r.map(({ name: l, icon: p }) => /* @__PURE__ */ e.jsx(j, { fallback: /* @__PURE__ */ e.jsx(D, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(
+          r.map(({ name: i, icon: u }) => /* @__PURE__ */ e.jsx(j, { fallback: /* @__PURE__ */ e.jsx(A, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(
             b,
             {
-              onClick: () => t(l),
+              onClick: () => t(i),
               size: "sm",
               className: "w-10",
-              variant: a === l ? "default" : "outline",
-              children: /* @__PURE__ */ e.jsx(p, {})
+              variant: a === i ? "default" : "outline",
+              children: /* @__PURE__ */ e.jsx(u, {})
             }
           ) }))
         )
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "relative z-[100] flex w-14 flex-col items-center space-y-2", children: h.Children.toArray(
-        o.map((l) => /* @__PURE__ */ e.jsx(j, { fallback: /* @__PURE__ */ e.jsx(D, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(l, {}) }))
+        o.map((i) => /* @__PURE__ */ e.jsx(j, { fallback: /* @__PURE__ */ e.jsx(A, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(i, {}) }))
       ) })
     ] }),
     /* @__PURE__ */ e.jsx(
@@ -271,17 +289,17 @@ const os = () => {
             children: /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: G("relative h-full max-h-[93%] bg-background p-1", a === "layers" ? "" : "z-[100]"),
+                className: fe("relative h-full max-h-[93%] bg-background p-1", a === "layers" ? "" : "z-[100]"),
                 onMouseEnter: () => {
                   m && clearTimeout(m);
                 },
                 onMouseLeave: () => {
-                  const l = setTimeout(() => {
+                  const i = setTimeout(() => {
                     m && (t("layers"), clearTimeout(m));
                   }, 1e3);
-                  y(l);
+                  y(i);
                 },
-                children: h.createElement(F(f, i, () => /* @__PURE__ */ e.jsx("div", {})))
+                children: h.createElement(_(f, l, () => /* @__PURE__ */ e.jsx("div", {})))
               }
             )
           }
@@ -296,24 +314,24 @@ const os = () => {
           /* @__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(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" }),
+        children: /* @__PURE__ */ e.jsxs(me, { defaultValue: "layers", className: "flex h-full w-full flex-col py-1", children: [
+          /* @__PURE__ */ e.jsxs(xe, { className: "mx-1 h-10 grid grid-cols-2", children: [
+            /* @__PURE__ */ e.jsxs(P, { value: "layers", children: [
+              /* @__PURE__ */ e.jsx(T, { className: "h-3 mr-2" }),
               " Layers"
             ] }),
-            /* @__PURE__ */ e.jsxs(A, { value: "data-provider", children: [
-              /* @__PURE__ */ e.jsx(Q, { className: "w-3 mr-2" }),
+            /* @__PURE__ */ e.jsxs(P, { value: "data-provider", children: [
+              /* @__PURE__ */ e.jsx(pe, { className: "w-3 mr-2" }),
               "Data"
             ] })
           ] }),
-          /* @__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, {}) })
+          /* @__PURE__ */ e.jsx(S, { value: "layers", className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: h.createElement(z) }),
+          /* @__PURE__ */ e.jsx(S, { value: "data-provider", className: "flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(be, {}) })
         ] })
       }
     ) })
   ] });
 };
 export {
-  os as default
+  Cs as default
 };

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;