@chaibuilder/sdk 1.2.67 → 1.2.69

package/dist/SidePanels-YpRrvfiH.js

@@ -1,406 +0,0 @@
-import { j as e } from "./jsx-runtime-Sp0orL4X.js";
-import { KeyboardIcon as R, PlusIcon as _, Component2Icon as J } from "@radix-ui/react-icons";
-import f, { useMemo as W, useState as p, useEffect as Y, memo as Z, lazy as v, Suspense as j } from "react";
-import { useAtom as M } from "jotai";
-import { filter as y, map as B, isNull as q, isEmpty as G, find as $, values as Q, each as X, get as ee } from "lodash-es";
-import { D as O, n as H, o as F, p as U, q as se, a1 as re, a2 as ie, a3 as te, a4 as le, a5 as ae, a6 as oe, a7 as ne, a8 as ce, a9 as de, m as me, T as xe, d as pe, e as ue, B as x, S as K, E as he, F as fe, G as E, H as z } from "./context-menu-sks9vdzC.js";
-import { u as je, b as ve, E as ge, J as be, a as Ne, d as ye, c as w, e as we } from "./index-Zu-K_BX7.js";
-import { useTranslation as g } from "react-i18next";
-import { ListTreeIcon as A, PaletteIcon as ke, DatabaseIcon as Ce } from "lucide-react";
-import { getChaiDataProviders as De, useChaiBlocks as Te } from "@chaibuilder/runtime";
-import { S as Se, c as Ae, b as Pe, d as _e, f as L } from "./select-JW3OMYm-.js";
-import { O as o } from "./STRINGS--j49GZJP.js";
-import { B as I } from "./badge-pJqQSA13.js";
-import { c as Be } from "./iconBase-zweRWSz0.js";
-import "@radix-ui/react-switch";
-import "@radix-ui/react-accordion";
-import "class-variance-authority";
-import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-slot";
-import "@radix-ui/react-label";
-import "@radix-ui/react-scroll-area";
-import "@radix-ui/react-tabs";
-import "@radix-ui/react-tooltip";
-import "@radix-ui/react-popover";
-import "@radix-ui/react-hover-card";
-import "@radix-ui/react-dropdown-menu";
-import "@radix-ui/react-toast";
-import "cmdk";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-context-menu";
-import "clsx";
-import "tailwind-merge";
-import "./plugin-sJ3Hzvpv.js";
-import "@react-hookz/web";
-import "tree-model";
-import "react-quill";
-import "react-hotkeys-hook";
-import "@floating-ui/dom";
-import "@floating-ui/react-dom";
-import "flagged";
-import "@tailwindcss/typography";
-import "@tailwindcss/forms";
-import "@tailwindcss/aspect-ratio";
-import "tailwindcss-palette-generator";
-import "react-wrap-balancer";
-import "react-dom";
-import "prop-types";
-import "@rjsf/validator-ajv8";
-import "@rjsf/core";
-import "react-arborist";
-import "himalaya";
-import "react-icons-picker";
-import "react-autosuggest";
-import "fuse.js";
-import "i18next";
-import "@radix-ui/react-select";
-const Ke = ({ provider: s, onClose: a }) => {
-  const { t } = g(), [l, u] = p(null);
-  return Y(() => {
-    s && (s.mockFn ? s.mockFn : s.dataFn)().then((c) => u(c));
-  }, [s]), s ? /* @__PURE__ */ e.jsx(O, { onOpenChange: (d) => d ? "" : a(), defaultOpen: !0, children: /* @__PURE__ */ e.jsxs(H, { children: [
-    /* @__PURE__ */ e.jsxs(F, { children: [
-      /* @__PURE__ */ e.jsxs(U, { children: [
-        t("data_provider"),
-        ": ",
-        s.name
-      ] }),
-      /* @__PURE__ */ e.jsx(se, { children: s.description })
-    ] }),
-    /* @__PURE__ */ e.jsx(ge, { children: /* @__PURE__ */ e.jsx(
-      be,
-      {
-        data: l,
-        shouldExpandNode: Ne,
-        style: {
-          ...ye,
-          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 Ee({
-  children: s,
-  name: a,
-  onRemove: t
-}) {
-  const { t: l } = g();
-  return /* @__PURE__ */ e.jsxs(re, { children: [
-    /* @__PURE__ */ e.jsx(ie, { asChild: !0, children: s }),
-    /* @__PURE__ */ e.jsxs(te, { children: [
-      /* @__PURE__ */ e.jsxs(le, { children: [
-        /* @__PURE__ */ e.jsx(
-          ae,
-          {
-            dangerouslySetInnerHTML: { __html: l("remove_provider_confirmation").replace("{name}", a) }
-          }
-        ),
-        /* @__PURE__ */ e.jsx(oe, { children: l("remove_provider_warning") })
-      ] }),
-      /* @__PURE__ */ e.jsxs(ne, { children: [
-        /* @__PURE__ */ e.jsx(ce, { children: l("cancel") }),
-        /* @__PURE__ */ e.jsx(de, { onClick: t, className: "bg-red-600 hover:bg-red-700", children: l("remove") })
-      ] })
-    ] })
-  ] });
-}
-const ze = () => {
-  const { t: s } = g(), a = W(() => De(), []), [t, l] = je(), [, u] = M(ve), [d, c] = p(
-    y(a, (r) => B(t, "providerKey").includes(r.providerKey))
-  ), [k, h] = p(""), [C, b] = p(null), D = y(
-    a.map((r) => B(d, "providerKey").includes(r.providerKey) ? null : { value: r.providerKey, label: r.name }),
-    (r) => !q(r)
-  ), T = (r) => {
-    const m = $(a, { providerKey: r });
-    c((i) => [...i, m]), l((i) => [...i, { providerKey: m.providerKey, args: {} }]), h(""), u("UNSAVED");
-  }, N = (r) => {
-    c((m) => y(m, (i) => i.providerKey !== r.providerKey)), l((m) => y(m, (i) => i.providerKey !== r.providerKey)), u("UNSAVED");
-  }, n = (r) => b(r);
-  return G(a) ? /* @__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(Se, { value: k, onValueChange: (r) => T(r), children: [
-      /* @__PURE__ */ e.jsx(Ae, { className: "w-full", children: /* @__PURE__ */ e.jsx(Pe, { placeholder: s("select_provider") }) }),
-      /* @__PURE__ */ e.jsxs(_e, { children: [
-        /* @__PURE__ */ e.jsx(L, { value: "", children: s("choose") }),
-        D.map((r) => /* @__PURE__ */ e.jsx(L, { value: r.value, children: r.label }, r.value))
-      ] })
-    ] }) }),
-    /* @__PURE__ */ e.jsx("br", {}),
-    /* @__PURE__ */ e.jsxs("div", { className: `border-t ${d.length ? "block" : "hidden"}`, children: [
-      /* @__PURE__ */ e.jsxs("p", { className: "flex-1 pb-1.5 pt-4 text-xs font-medium text-gray-500", children: [
-        s("page_data_providers"),
-        ":"
-      ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: d.map((r) => /* @__PURE__ */ e.jsxs(
-        "div",
-        {
-          className: "w-full rounded-lg border bg-card text-card-foreground shadow-sm",
-          "data-v0-t": "card",
-          children: [
-            /* @__PURE__ */ e.jsx("div", { className: "flex flex-col space-y-1.5 px-4 pt-4", children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ e.jsxs("div", { children: [
-              /* @__PURE__ */ e.jsx("h3", { className: "font-medium leading-4", children: r.name }),
-              /* @__PURE__ */ e.jsx("p", { className: "pt-1 text-xs text-gray-400", children: r.description })
-            ] }) }) }),
-            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between p-2 py-2", children: [
-              /* @__PURE__ */ e.jsxs(
-                "button",
-                {
-                  onClick: () => n(r),
-                  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: [
-                    /* @__PURE__ */ e.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: [
-                          /* @__PURE__ */ e.jsx("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
-                          /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "3" })
-                        ]
-                      }
-                    ),
-                    s("view_data")
-                  ]
-                }
-              ),
-              /* @__PURE__ */ e.jsx(Ee, { onRemove: () => N(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",
-                  {
-                    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: [
-                      /* @__PURE__ */ e.jsx("path", { d: "M3 6h18" }),
-                      /* @__PURE__ */ e.jsx("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
-                      /* @__PURE__ */ e.jsx("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
-                    ]
-                  }
-                ),
-                s("remove")
-              ] }) })
-            ] })
-          ]
-        },
-        r.providerKey
-      )) }),
-      /* @__PURE__ */ e.jsx(Ke, { onClose: () => b(null), provider: C })
-    ] })
-  ] });
-}, Le = Z(() => {
-  const { t: s } = g(), a = {
-    "ctrl + Z": "Undo",
-    "ctrl + Y": "Redo",
-    "ctrl + D": "Duplicate"
-  }, t = {
-    // "ctrl + /": "Rename block",
-    "ctrl + S": "Save page",
-    esc: "Deselect blocks",
-    del: "Delete block"
-  };
-  return /* @__PURE__ */ e.jsxs(O, { children: [
-    /* @__PURE__ */ e.jsx(me, { children: /* @__PURE__ */ e.jsxs(xe, { children: [
-      /* @__PURE__ */ e.jsx(pe, { asChild: !0, children: /* @__PURE__ */ e.jsx("div", { className: "flex w-10 items-center justify-center", children: /* @__PURE__ */ e.jsx(R, {}) }) }),
-      /* @__PURE__ */ e.jsx(ue, { 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(U, { 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(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)) }),
-        /* @__PURE__ */ e.jsx("div", { className: "flex flex-col space-y-2", children: Object.keys(t).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(t[l]) })
-        ] }, l)) })
-      ] }) })
-    ] })
-  ] });
-}), Ie = v(() => import("./AddBlocks-mbuhydG3.js")), P = v(() => import("./index-Zu-K_BX7.js").then((s) => s.ad)), Ve = v(() => import("./index-Zu-K_BX7.js").then((s) => s.ac)), Me = v(() => import("./index-Zu-K_BX7.js").then((s) => s.ae)), Oe = v(() => import("./UILibrariesPanel-ES8YzN9C.js")), He = () => /* @__PURE__ */ e.jsx("div", { className: "w-72", children: /* @__PURE__ */ e.jsx(j, { fallback: /* @__PURE__ */ e.jsx("div", { className: "h-full w-full animate-pulse rounded-md bg-gray-100" }), children: /* @__PURE__ */ e.jsx(Ie, {}) }) });
-let V = null;
-const Rs = () => {
-  const s = w("sideBarComponents.top", []), a = w("sideBarComponents.bottom", []), [t, l] = M(we), [u, d] = p(t), [c, k] = p(null), { t: h } = g(), C = w("uiLibraries", []), b = Te(), D = Q(b).find((i) => i.category === "custom") !== void 0, T = C.length > 0 || D, N = {
-    "add-blocks": He,
-    [o]: P,
-    "theme-configuration": Ve,
-    images: Me,
-    "ui-libraries": Oe
-  };
-  X(s, ({ name: i, panel: S }) => {
-    N[i] = S;
-  });
-  const n = (i) => {
-    clearTimeout(V), t !== o && i === o ? V = setTimeout(() => l(o), 500) : d(i), l(i);
-  }, r = w("dataBindingSupport", !1);
-  function m() {
-    const i = setTimeout(() => {
-      c && (n(o), clearTimeout(c));
-    }, 500);
-    k(i);
-  }
-  return /* @__PURE__ */ e.jsxs("div", { className: "relative flex", children: [
-    t !== o ? /* @__PURE__ */ e.jsx(
-      "div",
-      {
-        onMouseEnter: m,
-        onClick: () => n(o),
-        className: "fixed inset-0 z-[50] bg-black/20"
-      }
-    ) : null,
-    /* @__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: [
-        T ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1 rounded-md bg-gray-200 p-1", children: [
-          /* @__PURE__ */ e.jsx(
-            x,
-            {
-              onClick: () => n("add-blocks"),
-              size: "sm",
-              variant: t === "add-blocks" ? "default" : "outline",
-              children: /* @__PURE__ */ e.jsx(_, { className: "text-xl" })
-            }
-          ),
-          /* @__PURE__ */ e.jsx(
-            x,
-            {
-              onClick: () => n("ui-libraries"),
-              size: "sm",
-              variant: t === "ui-libraries" ? "default" : "outline",
-              children: /* @__PURE__ */ e.jsx(J, { className: "text-xl" })
-            }
-          )
-        ] }) : /* @__PURE__ */ e.jsx(
-          x,
-          {
-            onClick: () => n("add-blocks"),
-            size: "sm",
-            variant: t === "add-blocks" ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(_, { className: "text-xl" })
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          x,
-          {
-            onClick: () => n(o),
-            size: "sm",
-            variant: t === o ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(A, { className: "w-4" })
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          x,
-          {
-            onClick: () => n("theme-configuration"),
-            size: "sm",
-            variant: t === "theme-configuration" ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(ke, { className: "w-4 max-w-[40px] text-xs" })
-          }
-        ),
-        f.Children.toArray(
-          s.map(({ name: i, icon: S }) => /* @__PURE__ */ e.jsx(j, { fallback: /* @__PURE__ */ e.jsx(K, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(
-            x,
-            {
-              onClick: () => n(i),
-              size: "sm",
-              className: "w-10",
-              variant: t === i ? "default" : "outline",
-              children: /* @__PURE__ */ e.jsx(S, {})
-            }
-          ) }))
-        )
-      ] }),
-      /* @__PURE__ */ e.jsxs("div", { className: "relative z-[100] flex w-14 flex-col items-center space-y-2 pb-2", children: [
-        /* @__PURE__ */ e.jsx(Le, {}),
-        f.Children.toArray(
-          a.map((i) => /* @__PURE__ */ e.jsx(j, { fallback: /* @__PURE__ */ e.jsx(K, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(i, {}) }))
-        )
-      ] })
-    ] }),
-    t !== o ? /* @__PURE__ */ e.jsx(
-      "div",
-      {
-        className: "absolute left-14 z-[50] h-[100vh] w-fit translate-x-0 border-r bg-background transition-all duration-500 ease-in-out",
-        children: /* @__PURE__ */ e.jsx(
-          j,
-          {
-            fallback: /* @__PURE__ */ e.jsxs("div", { className: "flex animate-pulse flex-col gap-y-2 bg-white p-4", children: [
-              /* @__PURE__ */ e.jsx("div", { className: "h-6 w-1/2 bg-gray-300" }),
-              /* @__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.jsx(
-              "div",
-              {
-                className: Be(
-                  "relative z-[100] h-full max-h-full overflow-y-auto overflow-x-hidden border-r bg-background p-1 shadow-md"
-                ),
-                onMouseEnter: () => {
-                  c && clearTimeout(c);
-                },
-                children: f.createElement(ee(N, t, () => /* @__PURE__ */ e.jsx("div", {})))
-              }
-            )
-          }
-        )
-      }
-    ) : null,
-    /* @__PURE__ */ e.jsx("div", { className: "h-full w-60 border-r p-1", children: /* @__PURE__ */ e.jsx(
-      j,
-      {
-        fallback: /* @__PURE__ */ e.jsxs("div", { className: "flex animate-pulse flex-col gap-y-2 p-4", children: [
-          /* @__PURE__ */ e.jsx("div", { className: "h-6 w-1/2 bg-gray-300" }),
-          /* @__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: r ? /* @__PURE__ */ e.jsxs(he, { defaultValue: o, className: "flex h-full w-full flex-col py-1", children: [
-          /* @__PURE__ */ e.jsxs(fe, { className: "mx-1 grid h-10 grid-cols-2", children: [
-            /* @__PURE__ */ e.jsxs(E, { value: o, children: [
-              /* @__PURE__ */ e.jsx(A, { className: "mr-2 h-3" }),
-              " ",
-              h("Outline")
-            ] }),
-            /* @__PURE__ */ e.jsxs(E, { value: "data-provider", children: [
-              /* @__PURE__ */ e.jsx(Ce, { className: "mr-2 w-3" }),
-              h("Data")
-            ] })
-          ] }),
-          /* @__PURE__ */ e.jsx(z, { value: o, className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: f.createElement(P) }),
-          /* @__PURE__ */ e.jsx(z, { value: "data-provider", className: "flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(ze, {}) })
-        ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "sticky top-0 -m-1 flex h-fit items-center justify-center border-b bg-gray-100 py-2 pb-[9px] text-sm", children: [
-            /* @__PURE__ */ e.jsx(A, { className: "mr-2 h-3" }),
-            " ",
-            h("Outline")
-          ] }),
-          /* @__PURE__ */ e.jsx("div", { className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden pt-2", children: f.createElement(P) })
-        ] })
-      }
-    ) })
-  ] });
-};
-export {
-  Rs as default
-};

package/dist/Topbar-veJ2_blW.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),i=require("react"),o=require("@radix-ui/react-icons"),r=require("./select-fXj5tdMX.cjs"),s=require("./index-5hfuDpYs.cjs"),j=require("./separator-hT24N-xp.cjs"),l=require("./context-menu-_8TFbFEJ.cjs"),c=require("react-i18next");require("@radix-ui/react-select");require("lodash-es");require("jotai");require("./iconBase-vJD0OXxU.cjs");require("clsx");require("tailwind-merge");require("@chaibuilder/runtime");require("./plugin-_F-KZp1i.cjs");require("@react-hookz/web");require("tree-model");require("react-quill");require("./STRINGS-gPz7CUOk.cjs");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("flagged");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("tailwindcss-palette-generator");require("react-wrap-balancer");require("react-dom");require("prop-types");require("@rjsf/validator-ajv8");require("@rjsf/core");require("react-arborist");require("lucide-react");require("himalaya");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("i18next");require("@radix-ui/react-scroll-area");require("@radix-ui/react-separator");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("class-variance-authority");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-hover-card");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");const d=()=>s.useBuilderProp("languages",["en"]),q=()=>d().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(o.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"})]})})]})}),h=()=>{const{savePage:x,saveState:t}=s.useSavePage(),{t:u}=c.useTranslation(),a=s.useBuilderProp("hideSaveButton",!1),n=i.useMemo(()=>{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(a)return null;const p=e.jsxRuntimeExports.jsxs(l.Button,{disabled:t==="SAVING",onClick:m=>{m.preventDefault(),x()},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(s.FaCircleCheck,{className:"text-lg"}),e.jsxRuntimeExports.jsx("span",{className:"text-sm",children:t==="SAVING"?"Saving...":u(t==="SAVED"?"Saved":"Unsaved")})]});return e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:p})},E=function(){const t=s.useBuilderProp("previewComponent"),[,u]=s.usePreviewMode(),{t:a}=c.useTranslation();return t?e.jsxRuntimeExports.jsxs(l.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(o.EyeOpenIcon,{className:"text-xs"}),e.jsxRuntimeExports.jsx("span",{className:"text-sm",children:a("Preview")})]}):null},R=()=>{const x=s.useBuilderProp("topBarComponents.left",[]),t=s.useBuilderProp("topBarComponents.center",[]),u=s.useBuilderProp("topBarComponents.right",[]),a=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:i.Children.toArray(x.map(n=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(l.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(n,{})})))})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:i.Children.toArray(t.map(n=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(l.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(n,{})})))}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(q,{}),e.jsxRuntimeExports.jsx(E,{}),e.jsxRuntimeExports.jsx(j.Separator,{orientation:"vertical"}),a?e.jsxRuntimeExports.jsx(h,{}):null,i.Children.toArray(u.map(n=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(l.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(n,{})})))]})]})};exports.default=R;

package/dist/UILibrariesPanel-ES8YzN9C.js

@@ -1,226 +0,0 @@
-import { j as e } from "./jsx-runtime-Sp0orL4X.js";
-import { values as D, first as x, groupBy as U, get as g, map as _, capitalize as z, noop as T, has as I, isEmpty as L } from "lodash-es";
-import * as R from "react";
-import S, { useState as A, useRef as O, useCallback as G, useEffect as M } from "react";
-import { w as H, c as C, e as F, s as W, i as $, t as J, r as K } from "./index-Zu-K_BX7.js";
-import { useTranslation as P } from "react-i18next";
-import { useChaiBlocks as X, syncBlocksWithDefaults as Y } from "@chaibuilder/runtime";
-import { Loader as q } from "lucide-react";
-import { atom as Q, useAtom as w } from "jotai";
-import { c as E } from "./iconBase-zweRWSz0.js";
-import { CaretSortIcon as V, CheckIcon as Z, CaretRightIcon as ee } from "@radix-ui/react-icons";
-import { P as te, s as se, B as oe, t as re, u as ae, v as ie, w as ne, x as le, y as ce, z as de, S as me, X as ue, T as pe, d as xe, e as fe } from "./context-menu-sks9vdzC.js";
-import { O as he } from "./STRINGS--j49GZJP.js";
-import ge from "clsx";
-import { useFeature as je } from "flagged";
-import "./plugin-sJ3Hzvpv.js";
-import "@react-hookz/web";
-import "tree-model";
-import "react-quill";
-import "react-hotkeys-hook";
-import "@floating-ui/dom";
-import "@floating-ui/react-dom";
-import "@tailwindcss/typography";
-import "@tailwindcss/forms";
-import "@tailwindcss/aspect-ratio";
-import "tailwindcss-palette-generator";
-import "tailwind-merge";
-import "react-wrap-balancer";
-import "react-dom";
-import "prop-types";
-import "@rjsf/validator-ajv8";
-import "@rjsf/core";
-import "react-arborist";
-import "himalaya";
-import "react-icons-picker";
-import "react-autosuggest";
-import "fuse.js";
-import "i18next";
-import "@radix-ui/react-scroll-area";
-import "@radix-ui/react-switch";
-import "@radix-ui/react-accordion";
-import "class-variance-authority";
-import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-slot";
-import "@radix-ui/react-label";
-import "@radix-ui/react-tabs";
-import "@radix-ui/react-tooltip";
-import "@radix-ui/react-popover";
-import "@radix-ui/react-hover-card";
-import "@radix-ui/react-dropdown-menu";
-import "@radix-ui/react-toast";
-import "cmdk";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-context-menu";
-function ke({
-  uiLibraries: t,
-  library: a,
-  setLibrary: i
-}) {
-  var u;
-  const [d, l] = R.useState(!1), { t: s } = P();
-  return a ? /* @__PURE__ */ e.jsxs(te, { open: d, onOpenChange: l, children: [
-    /* @__PURE__ */ e.jsx(se, { asChild: !0, children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-2", children: [
-      /* @__PURE__ */ e.jsx("span", { children: s("Choose Library") }),
-      /* @__PURE__ */ e.jsxs(
-        oe,
-        {
-          variant: "outline",
-          size: "sm",
-          role: "combobox",
-          "aria-expanded": d,
-          className: "w-[200px] justify-between",
-          children: [
-            a ? (u = t.find((o) => o.uuid === a)) == null ? void 0 : u.name : s("Select library"),
-            /* @__PURE__ */ e.jsx(V, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
-          ]
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ e.jsx(re, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(ae, { children: [
-      /* @__PURE__ */ e.jsx(ie, { placeholder: "Search library...", className: "h-9" }),
-      /* @__PURE__ */ e.jsxs(ne, { children: [
-        /* @__PURE__ */ e.jsx(le, { children: "No library found." }),
-        /* @__PURE__ */ e.jsx(ce, { children: t.map((o) => /* @__PURE__ */ e.jsxs(
-          de,
-          {
-            value: o.uuid,
-            onSelect: (p) => {
-              i(p), l(!1);
-            },
-            children: [
-              o.name,
-              /* @__PURE__ */ e.jsx(
-                Z,
-                {
-                  className: E("ml-auto h-4 w-4", a === o.uuid ? "opacity-100" : "opacity-0")
-                }
-              )
-            ]
-          },
-          o.uuid
-        )) })
-      ] })
-    ] }) })
-  ] }) : null;
-}
-const we = ({
-  block: t,
-  closePopover: a,
-  library: i
-}) => {
-  const [d, l] = A(!1), s = C("getUILibraryBlock", T), { addCoreBlock: u, addPredefinedBlock: o } = W(), [p, j] = $(), [, k] = J(), f = g(t, "name", g(t, "label")), v = je("dnd"), [, B] = w(K), n = (r) => {
-    const m = I(r, "styles_attrs.data-page-section");
-    return r._type === "Box" && m;
-  }, b = G(
-    async (r) => {
-      if (r.stopPropagation(), I(t, "component")) {
-        u(t, x(p)), a();
-        return;
-      }
-      l(!0);
-      const m = await s(i, t);
-      let h = x(p);
-      n(x(m)) && (h = null), L(m) || o(Y(m), h), a();
-    },
-    [t]
-  ), c = async (r) => {
-    const m = await s(i, t);
-    let h = x(p);
-    if (n(x(m)) && (h = null), !L(m)) {
-      const y = { blocks: m, uiLibrary: !0, parent: h };
-      if (r.dataTransfer.setData("text/plain", JSON.stringify(y)), t.preview) {
-        const N = new Image();
-        N.src = t.preview, N.onload = () => {
-          r.dataTransfer.setDragImage(N, 0, 0);
-        };
-      } else
-        r.dataTransfer.setDragImage(new Image(), 0, 0);
-      B(y), setTimeout(() => {
-        j([]), k(null), a();
-      }, 200);
-    }
-  };
-  return /* @__PURE__ */ e.jsxs(pe, { children: [
-    /* @__PURE__ */ e.jsx(xe, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-      "div",
-      {
-        onClick: d ? () => {
-        } : b,
-        draggable: v ? "true" : "false",
-        onDragStart: c,
-        className: ge(
-          "relative mt-2 cursor-pointer overflow-hidden rounded-md border border-gray-300 bg-white duration-200 hover:border-blue-500 hover:shadow-xl"
-        ),
-        children: [
-          d && /* @__PURE__ */ e.jsxs("div", { className: "absolute flex h-full w-full items-center justify-center bg-black/70", children: [
-            /* @__PURE__ */ e.jsx(q, { className: "animate-spin", size: 15, color: "white" }),
-            /* @__PURE__ */ e.jsx("span", { className: "pl-2 text-sm text-white", children: "Adding..." })
-          ] }),
-          t.preview ? /* @__PURE__ */ e.jsx("img", { src: t.preview, className: "min-h-[25px] w-full rounded-md", alt: f }) : /* @__PURE__ */ e.jsx("div", { className: "flex h-20 items-center justify-center rounded-md border border-border border-gray-300 bg-gray-200", children: /* @__PURE__ */ e.jsx("p", { className: "max-w-xs text-center text-sm text-gray-700", children: f }) })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ e.jsx(fe, { children: /* @__PURE__ */ e.jsx("p", { children: f }) })
-  ] });
-}, ve = Q({}), Be = (t) => {
-  const [a, i] = w(ve), d = C("getUILibraryBlocks", T), l = g(a, `${t == null ? void 0 : t.uuid}.blocks`, []), s = g(a, `${t == null ? void 0 : t.uuid}.loading`, !1);
-  return M(() => {
-    (async () => {
-      if (s || l.length > 0 || !t)
-        return;
-      i((o) => ({ ...o, [t == null ? void 0 : t.uuid]: { loading: !0, blocks: [] } }));
-      const u = await d(t);
-      i((o) => ({ ...o, [t == null ? void 0 : t.uuid]: { loading: !1, blocks: u || [] } }));
-    })();
-  }, [t, l, s]), { data: l, isLoading: s };
-}, be = H("_selectedLibrary", null), Ne = () => {
-  const [t, a] = w(be), i = C("uiLibraries", []), d = X(), l = D(d).filter((c) => c.category === "custom"), s = i.find((c) => c.uuid === t) || x(i), { data: u, isLoading: o } = Be(s), p = U([...u, ...l], "group"), [j, k] = A("Hero"), [, f] = w(F), v = g(p, j, []), { t: B } = P(), n = O(null), b = (c) => {
-    n.current && (clearTimeout(n.current), n.current = null), n.current = setTimeout(() => {
-      n.current && k(c);
-    }, 300);
-  };
-  return o ? /* @__PURE__ */ e.jsx(me, { className: "h-full w-full" }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full max-h-full w-[460px] flex-col overflow-hidden bg-background", children: [
-    s != null && s.uuid ? /* @__PURE__ */ e.jsx("div", { className: "sticky top-0 flex h-fit flex-col", children: /* @__PURE__ */ e.jsx("div", { className: "mb-2 flex flex-col justify-between rounded-md bg-background/30 p-1", children: /* @__PURE__ */ e.jsx("h1", { className: "flex w-full flex-col items-baseline truncate px-1 text-sm font-semibold xl:flex-col", children: /* @__PURE__ */ e.jsx(ke, { library: s == null ? void 0 : s.uuid, setLibrary: a, uiLibraries: i }) }) }) }) : null,
-    /* @__PURE__ */ e.jsxs("div", { className: "flex h-[95%] border-t border-gray-300 pt-2", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "flex h-full w-40 flex-col gap-1 px-1", children: S.Children.toArray(
-        _(p, (c, r) => /* @__PURE__ */ e.jsxs(
-          "div",
-          {
-            onMouseEnter: () => b(r),
-            onMouseLeave: () => clearTimeout(n.current),
-            onClick: () => k(r),
-            className: E(
-              "flex w-full cursor-pointer items-center justify-between rounded-md p-1 text-sm transition-all ease-in-out hover:bg-gray-200",
-              r === j ? "bg-blue-500 text-white hover:bg-blue-600" : ""
-            ),
-            children: [
-              /* @__PURE__ */ e.jsx("span", { children: z(r) }),
-              /* @__PURE__ */ e.jsx(ee, { className: "ml-2 h-5 w-5" })
-            ]
-          },
-          r
-        ))
-      ) }),
-      /* @__PURE__ */ e.jsxs(
-        ue,
-        {
-          onMouseEnter: () => n.current ? clearTimeout(n.current) : null,
-          className: "z-10 -mt-2 flex h-full max-h-full w-[300px] flex-col gap-2 border-l border-gray-300 transition-all ease-linear",
-          children: [
-            /* @__PURE__ */ e.jsx("div", { className: "sticky top-0 z-30 border-b border-gray-300 bg-gray-200 p-2 text-[9px] font-light leading-3 text-gray-500", children: B("Click on a block to add it to the page") }),
-            /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2 px-2", children: S.Children.toArray(
-              v.map((c) => /* @__PURE__ */ e.jsx(we, { block: c, library: s, closePopover: () => f(he) }))
-            ) }),
-            /* @__PURE__ */ e.jsx("br", {}),
-            /* @__PURE__ */ e.jsx("br", {}),
-            /* @__PURE__ */ e.jsx("br", {})
-          ]
-        }
-      )
-    ] })
-  ] }) });
-}, Nt = () => /* @__PURE__ */ e.jsx(Ne, {});
-export {
-  Nt as default
-};