@chaibuilder/sdk 1.2.23 → 1.2.25

package/dist/SidePanels-T36C6Lhc.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),_=require("@radix-ui/react-icons"),r=require("react"),I=require("jotai"),u=require("lodash-es"),c=require("./skeleton-STeL9VrJ.cjs"),n=require("./tabs-_4WbA1cc.cjs"),w=require("./ChaiBuilderEditor-m30yoOgJ.cjs"),b=require("react-i18next"),y=require("lucide-react"),L=require("@chaibuilder/runtime"),j=require("./alert-dialog-P9xMMB6C.cjs"),v=require("./select-7bjg-rr9.cjs"),D=require("./index-rq5Y9ZDy.cjs"),l=require("./STRINGS-gPz7CUOk.cjs"),C=require("./badge-E-S7CqUt.cjs"),P=require("./Functions-Hvon6AMZ.cjs");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("@radix-ui/react-dialog");require("@radix-ui/react-tabs");require("./MODIFIERS-o1p3VnpS.cjs");require("@radix-ui/react-scroll-area");require("react-dom");require("@floating-ui/react-dom");require("i18next");require("flagged");require("react-hotkeys-hook");require("@react-hookz/web");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-select");const O=({provider:s,onClose:a})=>{const{t:o}=b.useTranslation(),[i,f]=r.useState(null);return r.useEffect(()=>{s&&(s.mockFn?s.mockFn:s.dataFn)().then(d=>f(d))},[s]),s?e.jsxRuntimeExports.jsx(n.Dialog,{onOpenChange:p=>p?"":a(),defaultOpen:!0,children:e.jsxRuntimeExports.jsxs(n.DialogContent,{children:[e.jsxRuntimeExports.jsxs(n.DialogHeader,{children:[e.jsxRuntimeExports.jsxs(n.DialogTitle,{children:[o("data_provider"),": ",s.name]}),e.jsxRuntimeExports.jsx(n.DialogDescription,{children:s.description})]}),e.jsxRuntimeExports.jsx(w.ErrorBoundary,{children:e.jsxRuntimeExports.jsx(D.JsonView,{data:i,shouldExpandNode:D.allExpanded,style:{...D.defaultStyles,container:"max-h-[80vh] overflow-y-auto text-[12px] leading-[1.5] tracking-wide font-mono",stringValue:"text-orange-600",label:"text-green-900 font-semibold pr-1 tracking-wider"}})})]})}):null};function A({children:s,name:a,onRemove:o}){const{t:i}=b.useTranslation();return e.jsxRuntimeExports.jsxs(j.AlertDialog,{children:[e.jsxRuntimeExports.jsx(j.AlertDialogTrigger,{asChild:!0,children:s}),e.jsxRuntimeExports.jsxs(j.AlertDialogContent,{children:[e.jsxRuntimeExports.jsxs(j.AlertDialogHeader,{children:[e.jsxRuntimeExports.jsx(j.AlertDialogTitle,{dangerouslySetInnerHTML:{__html:i("remove_provider_confirmation").replace("{name}",a)}}),e.jsxRuntimeExports.jsx(j.AlertDialogDescription,{children:i("remove_provider_warning")})]}),e.jsxRuntimeExports.jsxs(j.AlertDialogFooter,{children:[e.jsxRuntimeExports.jsx(j.AlertDialogCancel,{children:i("cancel")}),e.jsxRuntimeExports.jsx(j.AlertDialogAction,{onClick:o,className:"bg-red-600 hover:bg-red-700",children:i("remove")})]})]})]})}const B=()=>{const{t:s}=b.useTranslation(),a=r.useMemo(()=>L.getChaiDataProviders(),[]),[o,i]=w.usePageDataProviders(),[,f]=I.useAtom(w.builderSaveStateAtom),[p,d]=r.useState(u.filter(a,t=>u.map(o,"providerKey").includes(t.providerKey))),[T,g]=r.useState(""),[N,m]=r.useState(null),k=u.filter(a.map(t=>u.map(p,"providerKey").includes(t.providerKey)?null:{value:t.providerKey,label:t.name}),t=>!u.isNull(t)),q=t=>{const E=u.find(a,{providerKey:t});d(h=>[...h,E]),i(h=>[...h,{providerKey:E.providerKey,args:{}}]),g(""),f("UNSAVED")},x=t=>{d(E=>u.filter(E,h=>h.providerKey!==t.providerKey)),i(E=>u.filter(E,h=>h.providerKey!==t.providerKey)),f("UNSAVED")},R=t=>m(t);return u.isEmpty(a)?e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs("p",{className:"mb-1.5 p-4 text-xs text-gray-500",children:[s("no_data_providers"),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("a",{className:"text-blue-500",href:"https://chaibuilder.com/docs/registering-data-providers",target:"_blank",children:s("learn_more")})]})}):e.jsxRuntimeExports.jsxs("div",{className:"px-1",children:[e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("label",{children:e.jsxRuntimeExports.jsx("p",{className:"mb-1.5 text-xs text-gray-500",children:s("add_data_providers")})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-1",children:e.jsxRuntimeExports.jsxs(v.Select,{value:T,onValueChange:t=>q(t),children:[e.jsxRuntimeExports.jsx(v.SelectTrigger,{className:"w-full",children:e.jsxRuntimeExports.jsx(v.SelectValue,{placeholder:s("select_provider")})}),e.jsxRuntimeExports.jsxs(v.SelectContent,{children:[e.jsxRuntimeExports.jsx(v.SelectItem,{value:"",children:s("choose")}),k.map(t=>e.jsxRuntimeExports.jsx(v.SelectItem,{value:t.value,children:t.label},t.value))]})]})}),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsxs("div",{className:`border-t ${p.length?"block":"hidden"}`,children:[e.jsxRuntimeExports.jsxs("p",{className:"flex-1 pb-1.5 pt-4 text-xs font-medium text-gray-500",children:[s("page_data_providers"),":"]}),e.jsxRuntimeExports.jsx("div",{className:"space-y-2",children:p.map(t=>e.jsxRuntimeExports.jsxs("div",{className:"w-full rounded-lg border bg-card text-card-foreground shadow-sm","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 items-center justify-between",children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("h3",{className:"font-medium leading-4",children:t.name}),e.jsxRuntimeExports.jsx("p",{className:"pt-1 text-xs text-gray-400",children:t.description})]})})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between p-2 py-2",children:[e.jsxRuntimeExports.jsxs("button",{onClick:()=>R(t),className:"inline-flex h-9 items-center justify-center rounded-md px-3 text-xs font-medium text-blue-500 underline-offset-4 ring-offset-background transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",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",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"mr-2 h-4 w-4",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"})]}),s("view_data")]}),e.jsxRuntimeExports.jsx(A,{onRemove:()=>x(t),name:t.name,children:e.jsxRuntimeExports.jsxs("button",{className:"inline-flex h-9 items-center justify-center rounded-md px-3 text-xs font-medium text-red-500 underline-offset-4 ring-offset-background transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",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",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"mr-2 h-4 w-4",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"})]}),s("remove")]})})]})]},t.providerKey))}),e.jsxRuntimeExports.jsx(O,{onClose:()=>m(null),provider:N})]})]})},U=()=>{const{t:s}=b.useTranslation(),a={"ctrl + Z":"Undo","ctrl + Y":"Redo","ctrl + D":"Duplicate"},o={"ctrl + S":"Save page",esc:"Deselect blocks",del:"Delete block"};return e.jsxRuntimeExports.jsxs(n.Dialog,{children:[e.jsxRuntimeExports.jsx(n.DialogTrigger,{children:e.jsxRuntimeExports.jsxs(c.Tooltip,{children:[e.jsxRuntimeExports.jsx(c.TooltipTrigger,{children:e.jsxRuntimeExports.jsx(c.Button,{size:"sm",className:"w-10",variant:"outline",children:e.jsxRuntimeExports.jsx(_.KeyboardIcon,{})})}),e.jsxRuntimeExports.jsx(c.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{children:s("Keyboard shortcuts")})})]})}),e.jsxRuntimeExports.jsxs(n.DialogContent,{className:"sm:max-w-[525px]",children:[e.jsxRuntimeExports.jsx(n.DialogHeader,{children:e.jsxRuntimeExports.jsx(n.DialogTitle,{children:s("Keyboard shortcuts")})}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs("div",{className:"grid grid-cols-2",children:[e.jsxRuntimeExports.jsx("div",{className:"mr-8 flex flex-col space-y-2 border-r border-gray-200",children:Object.keys(a).map(i=>e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsxRuntimeExports.jsx(C.Badge,{variant:"outline",className:"border border-gray-600 p-1 px-2",children:s(i)}),e.jsxRuntimeExports.jsx("div",{children:s(a[i])})]},i))}),e.jsxRuntimeExports.jsx("div",{className:"flex flex-col space-y-2",children:Object.keys(o).map(i=>e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsxRuntimeExports.jsx(C.Badge,{variant:"outline",className:"border border-gray-600 p-1 px-2",children:s(i)}),e.jsxRuntimeExports.jsx("div",{children:s(o[i])})]},i))})]})})]})]})},Y=r.lazy(()=>Promise.resolve().then(()=>require("./AddBlocks-a1c-7Ewz.cjs"))),S=r.lazy(()=>Promise.resolve().then(()=>require("./ListTree-CZ-mtjZ9.cjs"))),z=r.lazy(()=>Promise.resolve().then(()=>require("./BrandingOptions-6rnt0UaA.cjs"))),V=r.lazy(()=>Promise.resolve().then(()=>require("./ImagesPanel-J1RlG7xG.cjs")));let K=null;const M=()=>{const s=c.useBuilderProp("sideBarComponents.top",[]),a=c.useBuilderProp("sideBarComponents.bottom",[]),[o,i]=I.useAtom(w.activePanelAtom),[f,p]=r.useState(o),[d,T]=r.useState(null),{t:g}=b.useTranslation(),N={"add-blocks":Y,[l.OUTLINE_KEY]:S,"branding-options":z,images:V};u.each(s,({name:x,panel:R})=>{N[x]=R});const m=x=>{clearTimeout(K),o!==l.OUTLINE_KEY&&x===l.OUTLINE_KEY?K=setTimeout(()=>i(l.OUTLINE_KEY),500):p(x),i(x)},k=c.useBuilderProp("dataBindingSupport",!1);function q(){const x=setTimeout(()=>{d&&(m(l.OUTLINE_KEY),clearTimeout(d))},500);T(x)}return e.jsxRuntimeExports.jsxs("div",{className:"relative flex",children:[o!==l.OUTLINE_KEY?e.jsxRuntimeExports.jsx("div",{onMouseEnter:q,onClick:()=>m(l.OUTLINE_KEY),className:"fixed inset-0 z-[50] bg-black/20"}):null,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(c.Button,{onClick:()=>{m("add-blocks")},size:"sm",variant:o==="add-blocks"?"default":"outline",children:e.jsxRuntimeExports.jsx(_.PlusIcon,{className:"text-xl"})}),e.jsxRuntimeExports.jsx(c.Button,{onClick:()=>m(l.OUTLINE_KEY),size:"sm",variant:o===l.OUTLINE_KEY?"default":"outline",children:e.jsxRuntimeExports.jsx(y.ListTreeIcon,{className:"w-4"})}),e.jsxRuntimeExports.jsx(c.Button,{onClick:()=>m("branding-options"),size:"sm",variant:o==="branding-options"?"default":"outline",children:e.jsxRuntimeExports.jsx(_.Half2Icon,{className:"w-4 max-w-[40px] text-xs"})}),r.Children.toArray(s.map(({name:x,icon:R})=>e.jsxRuntimeExports.jsx(r.Suspense,{fallback:e.jsxRuntimeExports.jsx(c.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(c.Button,{onClick:()=>m(x),size:"sm",className:"w-10",variant:o===x?"default":"outline",children:e.jsxRuntimeExports.jsx(R,{})})})))]}),e.jsxRuntimeExports.jsxs("div",{className:"relative z-[100] flex w-14 flex-col items-center space-y-2 pb-2",children:[e.jsxRuntimeExports.jsx(U,{}),r.Children.toArray(a.map(x=>e.jsxRuntimeExports.jsx(r.Suspense,{fallback:e.jsxRuntimeExports.jsx(c.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(x,{})})))]})]}),o!==l.OUTLINE_KEY?e.jsxRuntimeExports.jsx("div",{className:"absolute left-14 z-[50] h-full w-fit translate-x-0 border-r bg-background transition-all duration-500 ease-in-out",children:e.jsxRuntimeExports.jsx(r.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:P.cn("relative z-[100] h-full max-h-[98%] overflow-y-auto overflow-x-hidden bg-background p-1"),onMouseEnter:()=>{d&&clearTimeout(d)},children:r.createElement(u.get(N,o,()=>e.jsxRuntimeExports.jsx("div",{})))})})}):null,e.jsxRuntimeExports.jsx("div",{className:"h-full w-60 border-r p-1",children:e.jsxRuntimeExports.jsx(r.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:k?e.jsxRuntimeExports.jsxs(n.Tabs,{defaultValue:l.OUTLINE_KEY,className:"flex h-full w-full flex-col py-1",children:[e.jsxRuntimeExports.jsxs(n.TabsList,{className:"mx-1 grid h-10 grid-cols-2",children:[e.jsxRuntimeExports.jsxs(n.TabsTrigger,{value:l.OUTLINE_KEY,children:[e.jsxRuntimeExports.jsx(y.ListTreeIcon,{className:"mr-2 h-3"})," ",g("Outline")]}),e.jsxRuntimeExports.jsxs(n.TabsTrigger,{value:"data-provider",children:[e.jsxRuntimeExports.jsx(y.DatabaseIcon,{className:"mr-2 w-3"}),g("Data")]})]}),e.jsxRuntimeExports.jsx(n.TabsContent,{value:l.OUTLINE_KEY,className:"no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden",children:r.createElement(S)}),e.jsxRuntimeExports.jsx(n.TabsContent,{value:"data-provider",className:"flex-1 overflow-y-auto overflow-x-hidden",children:e.jsxRuntimeExports.jsx(B,{})})]}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(n.Tabs,{defaultValue:l.OUTLINE_KEY,className:"flex h-full w-full flex-col py-1",children:[e.jsxRuntimeExports.jsx(n.TabsList,{className:"mx-1 grid h-10 grid-cols-1",children:e.jsxRuntimeExports.jsxs(n.TabsTrigger,{value:l.OUTLINE_KEY,children:[e.jsxRuntimeExports.jsx(y.ListTreeIcon,{className:"mr-2 h-3"})," ",g("Outline")]})}),e.jsxRuntimeExports.jsx(n.TabsContent,{value:l.OUTLINE_KEY,className:"no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden",children:r.createElement(S)})]})})})})]})};exports.default=M;

package/dist/{SidePanels-wrkkpcGE.js → SidePanels-pHMYprpW.js}

@@ -1,67 +1,57 @@
-import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import { KeyboardIcon as U, PlusIcon as J, Half2Icon as q } from "@radix-ui/react-icons";
-import j, { useState as p, useEffect as W, useMemo as Y, lazy as w, Suspense as N } from "react";
+import { j as e } from "./jsx-runtime-Sp0orL4X.js";
+import { KeyboardIcon as U, PlusIcon as J, Half2Icon as W } from "@radix-ui/react-icons";
+import j, { useMemo as Y, useState as h, useEffect as Z, lazy as w, Suspense as N } from "react";
 import { useAtom as O } from "jotai";
-import { filter as y, map as K, isNull as Z, find as $, isEmpty as G, each as Q, get as X } from "lodash-es";
-import { ad as M, ae as H, af as F, ag as R, ah as ee, A as se, a as re, b as ae, c as le, d as ie, e as te, f as oe, g as ne, ai as ce, y as de, C as me, aj as xe, ak as pe, al as he, am as ue, an as E, ao as fe, ap as je, aq as ve, B as v, ar as ge, as as B, h as T, at as be, S as z, au as V, av as I, aw as A, ax as S } from "./index-HD1UKc4P.js";
-import { ListTreeIcon as _, DatabaseIcon as Ne } from "lucide-react";
-import { getChaiDataProviders as ye } from "@chaibuilder/runtime";
+import { filter as y, map as K, isNull as q, isEmpty as $, find as G, each as Q, get as X } from "lodash-es";
+import { T as ee, a as se, B as v, c as re, u as T, S as E } from "./skeleton-lu8e7q2y.js";
+import { D as M, b as H, c as F, e as R, f as le, a as ae, T as B, g as z, h as S, i as A } from "./tabs-yQ3oGziM.js";
+import { o as ie, q as te, E as oe, s as ne } from "./ChaiBuilderEditor-vP4at00I.js";
 import { useTranslation as g } from "react-i18next";
-import { J as we, a as ke, d as Ce } from "./index-e0c8PmRQ.js";
-import { E as De } from "./index-uLtBNl55.js";
-import { O as i } from "./STRINGS--j49GZJP.js";
-import { c as Te } from "./Functions-7jnEwJyw.js";
-import "./_commonjsHelpers-UyOWmZb0.js";
-import "@react-hookz/web";
-import "./MODIFIERS-dytZ-osO.js";
-import "@radix-ui/react-toggle";
+import { ListTreeIcon as _, DatabaseIcon as ce } from "lucide-react";
+import { getChaiDataProviders as de } from "@chaibuilder/runtime";
+import { A as me, a as xe, b as he, c as ue, e as pe, f as fe, d as je, h as ve, g as ge } from "./alert-dialog-rypfO5ly.js";
+import { S as be, c as Ne, b as ye, d as we, f as V } from "./select-POGdEDHT.js";
+import { J as ke, a as De, d as Ce } from "./index-lDTsQp7h.js";
+import { O as i } from "./STRINGS-b432aBJJ.js";
+import { B as I } from "./badge-tEwO7C51.js";
+import { c as Te } from "./Functions-NzT2Six_.js";
+import "@radix-ui/react-slot";
 import "class-variance-authority";
-import "./Class-lGzsNBOK.js";
+import "./utils-dze1SGvB.js";
 import "clsx";
 import "tailwind-merge";
-import "@radix-ui/react-switch";
-import "@radix-ui/react-slot";
-import "@radix-ui/react-accordion";
-import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-label";
-import "@radix-ui/react-scroll-area";
-import "@radix-ui/react-tabs";
 import "@radix-ui/react-tooltip";
-import "@radix-ui/react-popover";
-import "@radix-ui/react-menubar";
-import "@radix-ui/react-hover-card";
-import "@radix-ui/react-select";
-import "@radix-ui/react-dropdown-menu";
-import "@radix-ui/react-separator";
 import "@radix-ui/react-toast";
-import "cmdk";
-import "@radix-ui/react-context-menu";
-import "react-icons-picker";
+import "@radix-ui/react-dialog";
+import "@radix-ui/react-tabs";
+import "./MODIFIERS-CNqNUapY.js";
+import "@radix-ui/react-scroll-area";
 import "react-dom";
-import "react-quill";
-import "i18next";
 import "@floating-ui/react-dom";
+import "i18next";
 import "flagged";
 import "react-hotkeys-hook";
-const Ae = ({ provider: s, onClose: o }) => {
-  const { t: l } = g(), [a, h] = p(null);
-  return W(() => {
-    s && (s.mockFn ? s.mockFn : s.dataFn)().then((n) => h(n));
+import "@react-hookz/web";
+import "@radix-ui/react-alert-dialog";
+import "@radix-ui/react-select";
+const Se = ({ provider: s, onClose: o }) => {
+  const { t: a } = g(), [l, u] = h(null);
+  return Z(() => {
+    s && (s.mockFn ? s.mockFn : s.dataFn)().then((n) => u(n));
   }, [s]), s ? /* @__PURE__ */ e.jsx(M, { onOpenChange: (d) => d ? "" : o(), defaultOpen: !0, children: /* @__PURE__ */ e.jsxs(H, { children: [
     /* @__PURE__ */ e.jsxs(F, { children: [
       /* @__PURE__ */ e.jsxs(R, { children: [
-        l("data_provider"),
+        a("data_provider"),
         ": ",
         s.name
       ] }),
-      /* @__PURE__ */ e.jsx(ee, { children: s.description })
+      /* @__PURE__ */ e.jsx(le, { children: s.description })
     ] }),
-    /* @__PURE__ */ e.jsx(De, { children: /* @__PURE__ */ e.jsx(
-      we,
+    /* @__PURE__ */ e.jsx(oe, { children: /* @__PURE__ */ e.jsx(
+      ke,
       {
-        data: a,
-        shouldExpandNode: ke,
+        data: l,
+        shouldExpandNode: De,
         style: {
           ...Ce,
           container: "max-h-[80vh] overflow-y-auto text-[12px] leading-[1.5] tracking-wide font-mono",
@@ -72,55 +62,55 @@ const Ae = ({ provider: s, onClose: o }) => {
     ) })
   ] }) }) : null;
 };
-function Se({
+function Ae({
   children: s,
   name: o,
-  onRemove: l
+  onRemove: a
 }) {
-  const { t: a } = g();
-  return /* @__PURE__ */ e.jsxs(se, { children: [
-    /* @__PURE__ */ e.jsx(re, { asChild: !0, children: s }),
-    /* @__PURE__ */ e.jsxs(ae, { children: [
-      /* @__PURE__ */ e.jsxs(le, { children: [
+  const { t: l } = g();
+  return /* @__PURE__ */ e.jsxs(me, { children: [
+    /* @__PURE__ */ e.jsx(xe, { asChild: !0, children: s }),
+    /* @__PURE__ */ e.jsxs(he, { children: [
+      /* @__PURE__ */ e.jsxs(ue, { children: [
         /* @__PURE__ */ e.jsx(
-          ie,
+          pe,
           {
-            dangerouslySetInnerHTML: { __html: a("remove_provider_confirmation").replace("{name}", o) }
+            dangerouslySetInnerHTML: { __html: l("remove_provider_confirmation").replace("{name}", o) }
           }
         ),
-        /* @__PURE__ */ e.jsx(te, { children: a("remove_provider_warning") })
+        /* @__PURE__ */ e.jsx(fe, { children: l("remove_provider_warning") })
       ] }),
-      /* @__PURE__ */ e.jsxs(oe, { children: [
-        /* @__PURE__ */ e.jsx(ne, { children: a("cancel") }),
-        /* @__PURE__ */ e.jsx(ce, { onClick: l, className: "bg-red-600 hover:bg-red-700", children: a("remove") })
+      /* @__PURE__ */ e.jsxs(je, { children: [
+        /* @__PURE__ */ e.jsx(ve, { children: l("cancel") }),
+        /* @__PURE__ */ e.jsx(ge, { onClick: a, className: "bg-red-600 hover:bg-red-700", children: l("remove") })
       ] })
     ] })
   ] });
 }
 const _e = () => {
-  const { t: s } = g(), o = Y(() => ye(), []), [l, a] = de(), [, h] = O(me), [d, n] = p(
-    y(o, (r) => K(l, "providerKey").includes(r.providerKey))
-  ), [k, u] = p(""), [b, c] = p(null), C = y(
+  const { t: s } = g(), o = Y(() => de(), []), [a, l] = ie(), [, u] = O(te), [d, n] = h(
+    y(o, (r) => K(a, "providerKey").includes(r.providerKey))
+  ), [k, p] = h(""), [b, c] = h(null), D = y(
     o.map((r) => K(d, "providerKey").includes(r.providerKey) ? null : { value: r.providerKey, label: r.name }),
-    (r) => !Z(r)
-  ), D = (r) => {
-    const x = $(o, { providerKey: r });
-    n((m) => [...m, x]), a((m) => [...m, { providerKey: x.providerKey, args: {} }]), u(""), h("UNSAVED");
+    (r) => !q(r)
+  ), C = (r) => {
+    const x = G(o, { providerKey: r });
+    n((m) => [...m, x]), l((m) => [...m, { providerKey: x.providerKey, args: {} }]), p(""), u("UNSAVED");
   }, t = (r) => {
-    n((x) => y(x, (m) => m.providerKey !== r.providerKey)), a((x) => y(x, (m) => m.providerKey !== r.providerKey)), h("UNSAVED");
+    n((x) => y(x, (m) => m.providerKey !== r.providerKey)), l((x) => y(x, (m) => m.providerKey !== r.providerKey)), u("UNSAVED");
   }, f = (r) => c(r);
-  return G(o) ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("p", { className: "mb-1.5 p-4 text-xs text-gray-500", children: [
+  return $(o) ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("p", { className: "mb-1.5 p-4 text-xs text-gray-500", children: [
     s("no_data_providers"),
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("a", { className: "text-blue-500", href: "https://chaibuilder.com/docs/registering-data-providers", target: "_blank", children: s("learn_more") })
   ] }) }) : /* @__PURE__ */ e.jsxs("div", { className: "px-1", children: [
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx("p", { className: "mb-1.5 text-xs text-gray-500", children: s("add_data_providers") }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-1", children: /* @__PURE__ */ e.jsxs(xe, { value: k, onValueChange: (r) => D(r), children: [
-      /* @__PURE__ */ e.jsx(pe, { className: "w-full", children: /* @__PURE__ */ e.jsx(he, { placeholder: s("select_provider") }) }),
-      /* @__PURE__ */ e.jsxs(ue, { children: [
-        /* @__PURE__ */ e.jsx(E, { value: "", children: s("choose") }),
-        C.map((r) => /* @__PURE__ */ e.jsx(E, { value: r.value, children: r.label }, r.value))
+    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-1", children: /* @__PURE__ */ e.jsxs(be, { value: k, onValueChange: (r) => C(r), children: [
+      /* @__PURE__ */ e.jsx(Ne, { className: "w-full", children: /* @__PURE__ */ e.jsx(ye, { placeholder: s("select_provider") }) }),
+      /* @__PURE__ */ e.jsxs(we, { children: [
+        /* @__PURE__ */ e.jsx(V, { value: "", children: s("choose") }),
+        D.map((r) => /* @__PURE__ */ e.jsx(V, { value: r.value, children: r.label }, r.value))
       ] })
     ] }) }),
     /* @__PURE__ */ e.jsx("br", {}),
@@ -169,7 +159,7 @@ const _e = () => {
                   ]
                 }
               ),
-              /* @__PURE__ */ e.jsx(Se, { onRemove: () => t(r), name: r.name, children: /* @__PURE__ */ e.jsxs("button", { className: "inline-flex h-9 items-center justify-center rounded-md px-3 text-xs font-medium text-red-500 underline-offset-4 ring-offset-background transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", children: [
+              /* @__PURE__ */ e.jsx(Ae, { onRemove: () => t(r), name: r.name, children: /* @__PURE__ */ e.jsxs("button", { className: "inline-flex h-9 items-center justify-center rounded-md px-3 text-xs font-medium text-red-500 underline-offset-4 ring-offset-background transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", children: [
                 /* @__PURE__ */ e.jsxs(
                   "svg",
                   {
@@ -197,7 +187,7 @@ const _e = () => {
         },
         r.providerKey
       )) }),
-      /* @__PURE__ */ e.jsx(Ae, { onClose: () => c(null), provider: b })
+      /* @__PURE__ */ e.jsx(Se, { onClose: () => c(null), provider: b })
     ] })
   ] });
 }, Pe = () => {
@@ -205,35 +195,35 @@ const _e = () => {
     "ctrl + Z": "Undo",
     "ctrl + Y": "Redo",
     "ctrl + D": "Duplicate"
-  }, l = {
+  }, a = {
     // "ctrl + /": "Rename block",
     "ctrl + S": "Save page",
     esc: "Deselect blocks",
     del: "Delete block"
   };
   return /* @__PURE__ */ e.jsxs(M, { children: [
-    /* @__PURE__ */ e.jsx(fe, { children: /* @__PURE__ */ e.jsxs(je, { children: [
-      /* @__PURE__ */ e.jsx(ve, { children: /* @__PURE__ */ e.jsx(v, { size: "sm", className: "w-10", variant: "outline", children: /* @__PURE__ */ e.jsx(U, {}) }) }),
-      /* @__PURE__ */ e.jsx(ge, { children: /* @__PURE__ */ e.jsx("p", { children: s("Keyboard shortcuts") }) })
+    /* @__PURE__ */ e.jsx(ae, { children: /* @__PURE__ */ e.jsxs(ee, { children: [
+      /* @__PURE__ */ e.jsx(se, { children: /* @__PURE__ */ e.jsx(v, { size: "sm", className: "w-10", variant: "outline", children: /* @__PURE__ */ e.jsx(U, {}) }) }),
+      /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsx("p", { children: s("Keyboard shortcuts") }) })
     ] }) }),
     /* @__PURE__ */ e.jsxs(H, { className: "sm:max-w-[525px]", children: [
       /* @__PURE__ */ e.jsx(F, { children: /* @__PURE__ */ e.jsx(R, { children: s("Keyboard shortcuts") }) }),
       /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-2", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "mr-8 flex flex-col space-y-2 border-r border-gray-200", children: Object.keys(o).map((a) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-4", children: [
-          /* @__PURE__ */ e.jsx(B, { variant: "outline", className: "border border-gray-600 p-1 px-2", children: s(a) }),
-          /* @__PURE__ */ e.jsx("div", { children: s(o[a]) })
-        ] }, a)) }),
-        /* @__PURE__ */ e.jsx("div", { className: "flex flex-col space-y-2", children: Object.keys(l).map((a) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-4", children: [
-          /* @__PURE__ */ e.jsx(B, { variant: "outline", className: "border border-gray-600 p-1 px-2", children: s(a) }),
-          /* @__PURE__ */ e.jsx("div", { children: s(l[a]) })
-        ] }, a)) })
+        /* @__PURE__ */ e.jsx("div", { className: "mr-8 flex flex-col space-y-2 border-r border-gray-200", children: Object.keys(o).map((l) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-4", children: [
+          /* @__PURE__ */ e.jsx(I, { variant: "outline", className: "border border-gray-600 p-1 px-2", children: s(l) }),
+          /* @__PURE__ */ e.jsx("div", { children: s(o[l]) })
+        ] }, l)) }),
+        /* @__PURE__ */ e.jsx("div", { className: "flex flex-col space-y-2", children: Object.keys(a).map((l) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-4", children: [
+          /* @__PURE__ */ e.jsx(I, { variant: "outline", className: "border border-gray-600 p-1 px-2", children: s(l) }),
+          /* @__PURE__ */ e.jsx("div", { children: s(a[l]) })
+        ] }, l)) })
       ] }) })
     ] })
   ] });
-}, Ke = w(() => import("./AddBlocks-b0Vk6eqO.js")), P = w(() => import("./ListTree-ZeVWczTF.js")), Ee = w(() => import("./BrandingOptions-eUSoIgjj.js")), Be = w(() => import("./index-HD1UKc4P.js").then((s) => s.cq));
+}, Ke = w(() => import("./AddBlocks-Ol3iIVKa.js")), P = w(() => import("./ListTree-N3jeD790.js")), Ee = w(() => import("./BrandingOptions-iTyWpwTs.js")), Be = w(() => import("./ImagesPanel-Wb0GF_NA.js"));
 let L = null;
-const Ts = () => {
-  const s = T("sideBarComponents.top", []), o = T("sideBarComponents.bottom", []), [l, a] = O(be), [h, d] = p(l), [n, k] = p(null), { t: u } = g(), b = {
+const js = () => {
+  const s = T("sideBarComponents.top", []), o = T("sideBarComponents.bottom", []), [a, l] = O(ne), [u, d] = h(a), [n, k] = h(null), { t: p } = g(), b = {
     "add-blocks": Ke,
     [i]: P,
     "branding-options": Ee,
@@ -243,19 +233,19 @@ const Ts = () => {
     b[t] = f;
   });
   const c = (t) => {
-    clearTimeout(L), l !== i && t === i ? L = setTimeout(() => a(i), 500) : d(t), a(t);
-  }, C = T("dataBindingSupport", !1);
-  function D() {
+    clearTimeout(L), a !== i && t === i ? L = setTimeout(() => l(i), 500) : d(t), l(t);
+  }, D = T("dataBindingSupport", !1);
+  function C() {
     const t = setTimeout(() => {
       n && (c(i), clearTimeout(n));
     }, 500);
     k(t);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex", children: [
-    l !== i ? /* @__PURE__ */ e.jsx(
+    a !== i ? /* @__PURE__ */ e.jsx(
       "div",
       {
-        onMouseEnter: D,
+        onMouseEnter: C,
         onClick: () => c(i),
         className: "fixed inset-0 z-[50] bg-black/20"
       }
@@ -269,7 +259,7 @@ const Ts = () => {
               c("add-blocks");
             },
             size: "sm",
-            variant: l === "add-blocks" ? "default" : "outline",
+            variant: a === "add-blocks" ? "default" : "outline",
             children: /* @__PURE__ */ e.jsx(J, { className: "text-xl" })
           }
         ),
@@ -278,7 +268,7 @@ const Ts = () => {
           {
             onClick: () => c(i),
             size: "sm",
-            variant: l === i ? "default" : "outline",
+            variant: a === i ? "default" : "outline",
             children: /* @__PURE__ */ e.jsx(_, { className: "w-4" })
           }
         ),
@@ -287,18 +277,18 @@ const Ts = () => {
           {
             onClick: () => c("branding-options"),
             size: "sm",
-            variant: l === "branding-options" ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(q, { className: "w-4 max-w-[40px] text-xs" })
+            variant: a === "branding-options" ? "default" : "outline",
+            children: /* @__PURE__ */ e.jsx(W, { className: "w-4 max-w-[40px] text-xs" })
           }
         ),
         j.Children.toArray(
-          s.map(({ name: t, icon: f }) => /* @__PURE__ */ e.jsx(N, { fallback: /* @__PURE__ */ e.jsx(z, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(
+          s.map(({ name: t, icon: f }) => /* @__PURE__ */ e.jsx(N, { fallback: /* @__PURE__ */ e.jsx(E, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(
             v,
             {
               onClick: () => c(t),
               size: "sm",
               className: "w-10",
-              variant: l === t ? "default" : "outline",
+              variant: a === t ? "default" : "outline",
               children: /* @__PURE__ */ e.jsx(f, {})
             }
           ) }))
@@ -307,11 +297,11 @@ const Ts = () => {
       /* @__PURE__ */ e.jsxs("div", { className: "relative z-[100] flex w-14 flex-col items-center space-y-2 pb-2", children: [
         /* @__PURE__ */ e.jsx(Pe, {}),
         j.Children.toArray(
-          o.map((t) => /* @__PURE__ */ e.jsx(N, { fallback: /* @__PURE__ */ e.jsx(z, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(t, {}) }))
+          o.map((t) => /* @__PURE__ */ e.jsx(N, { fallback: /* @__PURE__ */ e.jsx(E, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(t, {}) }))
         )
       ] })
     ] }),
-    l !== i ? /* @__PURE__ */ e.jsx(
+    a !== i ? /* @__PURE__ */ e.jsx(
       "div",
       {
         className: "absolute left-14 z-[50] h-full w-fit translate-x-0 border-r bg-background transition-all duration-500 ease-in-out",
@@ -330,7 +320,7 @@ const Ts = () => {
                 onMouseEnter: () => {
                   n && clearTimeout(n);
                 },
-                children: j.createElement(X(b, l, () => /* @__PURE__ */ e.jsx("div", {})))
+                children: j.createElement(X(b, a, () => /* @__PURE__ */ e.jsx("div", {})))
               }
             )
           }
@@ -345,28 +335,28 @@ const Ts = () => {
           /* @__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: C ? /* @__PURE__ */ e.jsxs(V, { defaultValue: i, className: "flex h-full w-full flex-col py-1", children: [
-          /* @__PURE__ */ e.jsxs(I, { className: "mx-1 grid h-10 grid-cols-2", children: [
-            /* @__PURE__ */ e.jsxs(A, { value: i, children: [
+        children: D ? /* @__PURE__ */ e.jsxs(B, { defaultValue: i, className: "flex h-full w-full flex-col py-1", children: [
+          /* @__PURE__ */ e.jsxs(z, { className: "mx-1 grid h-10 grid-cols-2", children: [
+            /* @__PURE__ */ e.jsxs(S, { value: i, children: [
               /* @__PURE__ */ e.jsx(_, { className: "mr-2 h-3" }),
               " ",
-              u("Outline")
+              p("Outline")
             ] }),
-            /* @__PURE__ */ e.jsxs(A, { value: "data-provider", children: [
-              /* @__PURE__ */ e.jsx(Ne, { className: "mr-2 w-3" }),
-              u("Data")
+            /* @__PURE__ */ e.jsxs(S, { value: "data-provider", children: [
+              /* @__PURE__ */ e.jsx(ce, { className: "mr-2 w-3" }),
+              p("Data")
             ] })
           ] }),
-          /* @__PURE__ */ e.jsx(S, { value: i, className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: j.createElement(P) }),
-          /* @__PURE__ */ e.jsx(S, { value: "data-provider", className: "flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(_e, {}) })
-        ] }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(V, { defaultValue: i, className: "flex h-full w-full flex-col py-1", children: [
-          /* @__PURE__ */ e.jsx(I, { className: "mx-1 grid h-10 grid-cols-1", children: /* @__PURE__ */ e.jsxs(A, { value: i, children: [
+          /* @__PURE__ */ e.jsx(A, { value: i, className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: j.createElement(P) }),
+          /* @__PURE__ */ e.jsx(A, { value: "data-provider", className: "flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(_e, {}) })
+        ] }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(B, { defaultValue: i, className: "flex h-full w-full flex-col py-1", children: [
+          /* @__PURE__ */ e.jsx(z, { className: "mx-1 grid h-10 grid-cols-1", children: /* @__PURE__ */ e.jsxs(S, { value: i, children: [
             /* @__PURE__ */ e.jsx(_, { className: "mr-2 h-3" }),
             " ",
-            u("Outline")
+            p("Outline")
           ] }) }),
           /* @__PURE__ */ e.jsx(
-            S,
+            A,
             {
               value: i,
               className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden",
@@ -379,5 +369,5 @@ const Ts = () => {
   ] });
 };
 export {
-  Ts as default
+  js as default
 };

package/dist/Topbar-CvWQuspR.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),a=require("react"),l=require("@radix-ui/react-icons"),t=require("./select-7bjg-rr9.cjs"),s=require("./skeleton-STeL9VrJ.cjs"),j=require("./separator-3Civ-6hb.cjs"),o=require("./ChaiBuilderEditor-m30yoOgJ.cjs"),c=require("react-i18next"),d=require("./iconBase-gbUAAO2L.cjs");require("@radix-ui/react-select");require("./utils-qK_SjzzV.cjs");require("clsx");require("tailwind-merge");require("jotai");require("lodash-es");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("./MODIFIERS-o1p3VnpS.cjs");require("@radix-ui/react-scroll-area");require("react-dom");require("@floating-ui/react-dom");require("i18next");require("flagged");require("./Functions-Hvon6AMZ.cjs");require("react-hotkeys-hook");require("@react-hookz/web");require("@chaibuilder/runtime");const h=()=>s.useBuilderProp("languages",["en"]),E=()=>h().length===1?null:e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:e.jsxRuntimeExports.jsxs(t.Select,{children:[e.jsxRuntimeExports.jsx(t.SelectTrigger,{className:"w-[150px] border-0",children:e.jsxRuntimeExports.jsx(t.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(t.SelectContent,{children:e.jsxRuntimeExports.jsxs(t.SelectGroup,{children:[e.jsxRuntimeExports.jsx(t.SelectLabel,{children:"Fruits"}),e.jsxRuntimeExports.jsx(t.SelectItem,{value:"apple",children:"Apple"}),e.jsxRuntimeExports.jsx(t.SelectItem,{value:"banana",children:"Banana"}),e.jsxRuntimeExports.jsx(t.SelectItem,{value:"blueberry",children:"Blueberry"}),e.jsxRuntimeExports.jsx(t.SelectItem,{value:"grapes",children:"Grapes"}),e.jsxRuntimeExports.jsx(t.SelectItem,{value:"pineapple",children:"Pineapple"})]})})]})});function g(i){return d.GenIcon({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"}}]})(i)}const R=()=>{const{savePage:i,saveState:r}=o.useSavePage(),{t:u}=c.useTranslation(),x=s.useBuilderProp("hideSaveButton",!1),n=a.useMemo(()=>{switch(r){case"SAVING":return"animate-pulse bg-gray-300 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"}},[r]);if(x)return null;const p=e.jsxRuntimeExports.jsxs(s.Button,{disabled:r==="SAVING",onClick:m=>{m.preventDefault(),i()},className:`flex h-auto w-fit items-center gap-x-2 rounded-full p-1.5 px-3 ${n}`,size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(g,{className:"text-lg"}),e.jsxRuntimeExports.jsx("span",{className:"text-sm",children:r==="SAVING"?"Saving...":u(r==="SAVED"?"Saved":"Unsaved")})]});return e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:p})},v=function(){const r=s.useBuilderProp("previewComponent"),[,u]=o.usePreviewMode(),{t:x}=c.useTranslation();return r?e.jsxRuntimeExports.jsxs(s.Button,{onClick:n=>{n.preventDefault(),u(!0)},className:"flex h-auto w-fit items-center gap-x-2 rounded-full bg-gray-200 px-3 py-1",size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(l.EyeOpenIcon,{className:"text-xs"}),e.jsxRuntimeExports.jsx("span",{className:"text-sm",children:x("Preview")})]}):null},f=()=>{const i=s.useBuilderProp("topBarComponents.left",[]),r=s.useBuilderProp("topBarComponents.center",[]),u=s.useBuilderProp("topBarComponents.right",[]),x=s.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:a.Children.toArray(i.map(n=>e.jsxRuntimeExports.jsx(a.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(n,{})})))})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:a.Children.toArray(r.map(n=>e.jsxRuntimeExports.jsx(a.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(n,{})})))}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(E,{}),e.jsxRuntimeExports.jsx(v,{}),e.jsxRuntimeExports.jsx(j.Separator,{orientation:"vertical"}),x?e.jsxRuntimeExports.jsx(R,{}):null,a.Children.toArray(u.map(n=>e.jsxRuntimeExports.jsx(a.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(n,{})})))]})]})};exports.default=f;

package/dist/Topbar-pbIDUE_B.js

@@ -0,0 +1,122 @@
+import { j as e } from "./jsx-runtime-Sp0orL4X.js";
+import o, { useMemo as h, Suspense as c } from "react";
+import { FontFamilyIcon as f, EyeOpenIcon as j } from "@radix-ui/react-icons";
+import { S as g, c as v, b as S, d as b, a as N, e as w, f as i } from "./select-POGdEDHT.js";
+import { u as a, B as p, S as m } from "./skeleton-lu8e7q2y.js";
+import { S as y } from "./separator-SctTn0Qi.js";
+import { m as C, g as B } from "./ChaiBuilderEditor-vP4at00I.js";
+import { useTranslation as x } from "react-i18next";
+import { G as A } from "./iconBase-h4DuR_XT.js";
+import "@radix-ui/react-select";
+import "./utils-dze1SGvB.js";
+import "clsx";
+import "tailwind-merge";
+import "jotai";
+import "lodash-es";
+import "@radix-ui/react-slot";
+import "class-variance-authority";
+import "@radix-ui/react-tooltip";
+import "@radix-ui/react-toast";
+import "@radix-ui/react-separator";
+import "./MODIFIERS-CNqNUapY.js";
+import "@radix-ui/react-scroll-area";
+import "react-dom";
+import "@floating-ui/react-dom";
+import "i18next";
+import "flagged";
+import "./Functions-NzT2Six_.js";
+import "react-hotkeys-hook";
+import "@react-hookz/web";
+import "@chaibuilder/runtime";
+const P = () => a("languages", ["en"]), k = () => P().length === 1 ? null : /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ e.jsxs(g, { children: [
+  /* @__PURE__ */ e.jsx(v, { className: "w-[150px] border-0", children: /* @__PURE__ */ e.jsx(
+    S,
+    {
+      placeholder: /* @__PURE__ */ e.jsxs("span", { className: "flex items-center", children: [
+        /* @__PURE__ */ e.jsx(f, { className: "h-4 w-4" }),
+        " English(US)"
+      ] })
+    }
+  ) }),
+  /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsxs(N, { children: [
+    /* @__PURE__ */ e.jsx(w, { children: "Fruits" }),
+    /* @__PURE__ */ e.jsx(i, { value: "apple", children: "Apple" }),
+    /* @__PURE__ */ e.jsx(i, { value: "banana", children: "Banana" }),
+    /* @__PURE__ */ e.jsx(i, { value: "blueberry", children: "Blueberry" }),
+    /* @__PURE__ */ e.jsx(i, { value: "grapes", children: "Grapes" }),
+    /* @__PURE__ */ e.jsx(i, { value: "pineapple", children: "Pineapple" })
+  ] }) })
+] }) });
+function G(r) {
+  return A({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" } }] })(r);
+}
+const I = () => {
+  const { savePage: r, saveState: t } = C(), { t: n } = x(), l = a("hideSaveButton", !1), s = h(() => {
+    switch (t) {
+      case "SAVING":
+        return "animate-pulse bg-gray-300 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]);
+  if (l)
+    return null;
+  const u = /* @__PURE__ */ e.jsxs(
+    p,
+    {
+      disabled: t === "SAVING",
+      onClick: (d) => {
+        d.preventDefault(), r();
+      },
+      className: `flex h-auto w-fit items-center gap-x-2 rounded-full p-1.5 px-3 ${s}`,
+      size: "sm",
+      variant: "outline",
+      children: [
+        /* @__PURE__ */ e.jsx(G, { className: "text-lg" }),
+        /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: t === "SAVING" ? "Saving..." : n(t === "SAVED" ? "Saved" : "Unsaved") })
+      ]
+    }
+  );
+  return /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: u });
+}, V = function() {
+  const t = a("previewComponent"), [, n] = B(), { t: l } = x();
+  return t ? /* @__PURE__ */ e.jsxs(
+    p,
+    {
+      onClick: (s) => {
+        s.preventDefault(), n(!0);
+      },
+      className: "flex h-auto w-fit items-center gap-x-2 rounded-full bg-gray-200 px-3 py-1",
+      size: "sm",
+      variant: "outline",
+      children: [
+        /* @__PURE__ */ e.jsx(j, { className: "text-xs" }),
+        /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: l("Preview") })
+      ]
+    }
+  ) : null;
+}, ce = () => {
+  const r = a("topBarComponents.left", []), t = a("topBarComponents.center", []), n = a("topBarComponents.right", []), l = 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(
+      r.map((s) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(m, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(s, {}) }))
+    ) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2", children: o.Children.toArray(
+      t.map((s) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(m, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(s, {}) }))
+    ) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
+      /* @__PURE__ */ e.jsx(k, {}),
+      /* @__PURE__ */ e.jsx(V, {}),
+      /* @__PURE__ */ e.jsx(y, { orientation: "vertical" }),
+      l ? /* @__PURE__ */ e.jsx(I, {}) : null,
+      o.Children.toArray(
+        n.map((s) => /* @__PURE__ */ e.jsx(c, { fallback: /* @__PURE__ */ e.jsx(m, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(s, {}) }))
+      )
+    ] })
+  ] });
+};
+export {
+  ce as default
+};

package/dist/UnsplashImages-KBZPd9dv.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),o=require("react"),l=require("lodash-es"),A=require("@radix-ui/react-icons"),T=require("unsplash-js"),b=require("./skeleton-STeL9VrJ.cjs"),z=require("./command-BxR6jaCI.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("./tabs-_4WbA1cc.cjs");require("@radix-ui/react-dialog");require("@radix-ui/react-tabs");require("@radix-ui/react-scroll-area");require("@radix-ui/react-popover");require("@radix-ui/react-select");const R=async(d,E)=>new Promise((i,a)=>{T.createApi({accessKey:E}).search.getPhotos(d).then(c=>{i(c)}).catch(c=>a(c))}),V=({isModalView:d,onSelect:E})=>{const i=b.useBuilderProp("unsplashAccessKey",""),[a,f]=o.useState([]),[c,y]=o.useState(0),[x,I]=o.useState(),[u,w]=o.useState(),[P,v]=o.useState(0),[j,C]=D.useDebouncedState("",1e3),[h,m]=o.useState(!1),k=async s=>{if(l.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,i).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 o.useEffect(()=>{if(!l.isEmpty(j)&&i){m(!0);const s={query:j,page:1};x&&(s.orientation=x),u&&(s.color=u),y(1),R(s,i).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,i]),l.isEmpty(i)?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:l.startCase(s)},s))]})]})]})})]})]}),e.jsxRuntimeExports.jsxs(_.ScrollArea,{className:`h-full ${d&&!l.isEmpty(a)?"-mx-2 flex flex-wrap px-2":"-mx-2 flex flex-col pb-8 pt-2"}`,children:[l.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..."]}),!l.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;