@chaibuilder/sdk 1.2.57 → 1.2.59

package/dist/UILibrariesPanel-5QxxXYg2.js

@@ -1,191 +0,0 @@
-import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import { noop as N, has as w, first as j, isEmpty as I, get as b, values as A, groupBy as P, map as E, capitalize as T } from "lodash-es";
-import * as U from "react";
-import B, { useState as C, useCallback as _, useEffect as R, useRef as z } from "react";
-import { b8 as G, b9 as M, B as O, ba as F, bb as W, bc as $, bd as D, be as H, bf as J, bg as K, h as v, a2 as Y, r as q, o as Q, aJ as V, S as X, br as Z } from "./index-uLn8W3eR.js";
-import { syncBlocksWithDefaults as ee, useChaiBlocks as se } from "@chaibuilder/runtime";
-import { Loader as te } from "lucide-react";
-import { atom as oe, useAtom as k } from "jotai";
-import { c as y } from "./Functions-7jnEwJyw.js";
-import { CaretSortIcon as re, CheckIcon as ae, CaretRightIcon as ne } from "@radix-ui/react-icons";
-import { O as le } from "./MODIFIERS-fd5XOmum.js";
-import { useTranslation as L } from "react-i18next";
-import "./_commonjsHelpers-UyOWmZb0.js";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
-import "./utils-VpVqnC9m.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 "react-dom";
-import "react-quill";
-import "@react-hookz/web";
-import "tree-model";
-function ie({
-  uiLibraries: s,
-  library: r,
-  setLibrary: a
-}) {
-  var i;
-  const [l, n] = U.useState(!1), { t } = L();
-  return r ? /* @__PURE__ */ e.jsxs(G, { open: l, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(M, { asChild: !0, children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-2", children: [
-      /* @__PURE__ */ e.jsx("span", { children: t("Choose Library") }),
-      /* @__PURE__ */ e.jsxs(
-        O,
-        {
-          variant: "outline",
-          size: "sm",
-          role: "combobox",
-          "aria-expanded": l,
-          className: "w-[200px] justify-between",
-          children: [
-            r ? (i = s.find((o) => o.uuid === r)) == null ? void 0 : i.name : t("Select library"),
-            /* @__PURE__ */ e.jsx(re, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
-          ]
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ e.jsx(F, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(W, { children: [
-      /* @__PURE__ */ e.jsx($, { placeholder: "Search library...", className: "h-9" }),
-      /* @__PURE__ */ e.jsxs(D, { children: [
-        /* @__PURE__ */ e.jsx(H, { children: "No library found." }),
-        /* @__PURE__ */ e.jsx(J, { children: s.map((o) => /* @__PURE__ */ e.jsxs(
-          K,
-          {
-            value: o.uuid,
-            onSelect: (m) => {
-              a(m), n(!1);
-            },
-            children: [
-              o.name,
-              /* @__PURE__ */ e.jsx(
-                ae,
-                {
-                  className: y("ml-auto h-4 w-4", r === o.uuid ? "opacity-100" : "opacity-0")
-                }
-              )
-            ]
-          },
-          o.uuid
-        )) })
-      ] })
-    ] }) })
-  ] }) : null;
-}
-const ce = ({
-  block: s,
-  closePopover: r,
-  library: a
-}) => {
-  const [l, n] = C(!1), t = v("getUILibraryBlock", N), { addCoreBlock: i, addPredefinedBlock: o } = Y(), [m] = q(), f = (p) => {
-    const u = w(p, "styles_attrs.data-page-section");
-    return p._type === "Box" && u;
-  }, h = _(
-    async (p) => {
-      if (p.stopPropagation(), w(s, "component")) {
-        i(s, j(m)), r();
-        return;
-      }
-      n(!0);
-      const u = await t(a, s);
-      let g = j(m);
-      f(j(u)) && (g = null), I(u) || o(ee(u), g), r();
-    },
-    [s]
-  );
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      onClick: l ? () => {
-      } : h,
-      className: "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: [
-        l && /* @__PURE__ */ e.jsxs("div", { className: "absolute flex h-full w-full items-center justify-center bg-black/70", children: [
-          /* @__PURE__ */ e.jsx(te, { className: "animate-spin", size: 15, color: "white" }),
-          " ",
-          /* @__PURE__ */ e.jsx("span", { className: "pl-2 text-sm text-white", children: "Adding..." })
-        ] }),
-        s.preview ? /* @__PURE__ */ e.jsx("img", { src: s.preview, className: "min-h-[25px] w-full rounded-md", alt: s.name }) : /* @__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: s.name }) })
-      ]
-    }
-  ) });
-}, de = oe({}), me = (s) => {
-  const [r, a] = k(de), l = v("getUILibraryBlocks", N), n = b(r, `${s == null ? void 0 : s.uuid}.blocks`, []), t = b(r, `${s == null ? void 0 : s.uuid}.loading`, !1);
-  return R(() => {
-    (async () => {
-      if (t || n.length > 0)
-        return;
-      a((o) => ({ ...o, [s == null ? void 0 : s.uuid]: { loading: !0, blocks: [] } }));
-      const i = await l(s);
-      a((o) => ({ ...o, [s == null ? void 0 : s.uuid]: { loading: !1, blocks: i || [] } }));
-    })();
-  }, [s, n, t]), { data: n, isLoading: t };
-}, ue = Q("_selectedLibrary", null), pe = () => {
-  const [s, r] = k(ue), a = v("uiLibraries", []), l = se(), n = A(l).filter((d) => d.category === "custom"), t = a.find((d) => d.uuid === s) || j(a), { data: i, isLoading: o } = me(t), m = P([...i, ...n], "group"), [f, h] = C("Hero"), [, p] = k(V), u = b(m, f, []), { t: g } = L(), c = z(null), S = (d) => {
-    c.current && (clearTimeout(c.current), c.current = null), c.current = setTimeout(() => {
-      c.current && h(d);
-    }, 300);
-  };
-  return o ? /* @__PURE__ */ e.jsx(X, { 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: [
-    t != null && t.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(ie, { library: t == null ? void 0 : t.uuid, setLibrary: r, uiLibraries: a }) }) }) }) : 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: B.Children.toArray(
-        E(m, (d, x) => /* @__PURE__ */ e.jsxs(
-          "div",
-          {
-            onMouseEnter: () => S(x),
-            onMouseLeave: () => clearTimeout(c.current),
-            onClick: () => h(x),
-            className: y(
-              "flex w-full cursor-pointer items-center justify-between rounded-md p-1 text-sm transition-all ease-in-out hover:bg-gray-200",
-              x === f ? "bg-blue-500 text-white hover:bg-blue-600" : ""
-            ),
-            children: [
-              /* @__PURE__ */ e.jsx("span", { children: T(x) }),
-              /* @__PURE__ */ e.jsx(ne, { className: "ml-2 h-5 w-5" })
-            ]
-          },
-          x
-        ))
-      ) }),
-      /* @__PURE__ */ e.jsxs(
-        Z,
-        {
-          onMouseEnter: () => c.current ? clearTimeout(c.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: g("Click on a block to add it to the page") }),
-            /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2 px-2", children: B.Children.toArray(
-              u.map((d) => /* @__PURE__ */ e.jsx(ce, { block: d, library: t, closePopover: () => p(le) }))
-            ) }),
-            /* @__PURE__ */ e.jsx("br", {}),
-            /* @__PURE__ */ e.jsx("br", {}),
-            /* @__PURE__ */ e.jsx("br", {})
-          ]
-        }
-      )
-    ] })
-  ] }) });
-}, es = () => /* @__PURE__ */ e.jsx(pe, {});
-export {
-  es as default
-};

package/dist/UILibrariesPanel-r8nQzXQ-.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),o=require("lodash-es"),m=require("react"),t=require("./index-0FIxW0gR.cjs"),v=require("@chaibuilder/runtime"),N=require("lucide-react"),b=require("jotai"),k=require("./Functions-N3yhPYKY.cjs"),q=require("@radix-ui/react-icons"),y=require("./MODIFIERS-mVmfEGgo.cjs"),w=require("react-i18next");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-D_vtk3zK.cjs");require("clsx");require("tailwind-merge");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("@react-hookz/web");require("tree-model");function C(s){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const i in s)if(i!=="default"){const c=Object.getOwnPropertyDescriptor(s,i);Object.defineProperty(n,i,c.get?c:{enumerable:!0,get:()=>s[i]})}}return n.default=s,Object.freeze(n)}const S=C(m);function I({uiLibraries:s,library:n,setLibrary:i}){var a;const[c,l]=S.useState(!1),{t:r}=w.useTranslation();return n?e.jsxRuntimeExports.jsxs(t.Popover,{open:c,onOpenChange:l,children:[e.jsxRuntimeExports.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-2",children:[e.jsxRuntimeExports.jsx("span",{children:r("Choose Library")}),e.jsxRuntimeExports.jsxs(t.Button,{variant:"outline",size:"sm",role:"combobox","aria-expanded":c,className:"w-[200px] justify-between",children:[n?(a=s.find(u=>u.uuid===n))==null?void 0:a.name:r("Select library"),e.jsxRuntimeExports.jsx(q.CaretSortIcon,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})]})}),e.jsxRuntimeExports.jsx(t.PopoverContent,{className:"w-[200px] p-0",children:e.jsxRuntimeExports.jsxs(t.Command,{children:[e.jsxRuntimeExports.jsx(t.CommandInput,{placeholder:"Search library...",className:"h-9"}),e.jsxRuntimeExports.jsxs(t.CommandList,{children:[e.jsxRuntimeExports.jsx(t.CommandEmpty,{children:"No library found."}),e.jsxRuntimeExports.jsx(t.CommandGroup,{children:s.map(u=>e.jsxRuntimeExports.jsxs(t.CommandItem,{value:u.uuid,onSelect:p=>{i(p),l(!1)},children:[u.name,e.jsxRuntimeExports.jsx(q.CheckIcon,{className:k.cn("ml-auto h-4 w-4",n===u.uuid?"opacity-100":"opacity-0")})]},u.uuid))})]})]})})]}):null}const L=({block:s,closePopover:n,library:i})=>{const[c,l]=m.useState(!1),r=t.useBuilderProp("getUILibraryBlock",o.noop),{addCoreBlock:a,addPredefinedBlock:u}=t.useAddBlock(),[p]=t.useSelectedBlockIds(),g=f=>{const j=o.has(f,"styles_attrs.data-page-section");return f._type==="Box"&&j},E=m.useCallback(async f=>{if(f.stopPropagation(),o.has(s,"component")){a(s,o.first(p)),n();return}l(!0);const j=await r(i,s);let R=o.first(p);g(o.first(j))&&(R=null),o.isEmpty(j)||u(v.syncBlocksWithDefaults(j),R),n()},[s]);return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{onClick:c?()=>{}:E,className:"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:[c&&e.jsxRuntimeExports.jsxs("div",{className:"absolute flex h-full w-full items-center justify-center bg-black/70",children:[e.jsxRuntimeExports.jsx(N.Loader,{className:"animate-spin",size:15,color:"white"})," ",e.jsxRuntimeExports.jsx("span",{className:"pl-2 text-sm text-white",children:"Adding..."})]}),s.preview?e.jsxRuntimeExports.jsx("img",{src:s.preview,className:"min-h-[25px] w-full rounded-md",alt:s.name}):e.jsxRuntimeExports.jsx("div",{className:"flex h-20 items-center justify-center rounded-md border border-border border-gray-300 bg-gray-200",children:e.jsxRuntimeExports.jsx("p",{className:"max-w-xs text-center text-sm text-gray-700",children:s.name})})]})})},P=b.atom({}),A=s=>{const[n,i]=b.useAtom(P),c=t.useBuilderProp("getUILibraryBlocks",o.noop),l=o.get(n,`${s==null?void 0:s.uuid}.blocks`,[]),r=o.get(n,`${s==null?void 0:s.uuid}.loading`,!1);return m.useEffect(()=>{(async()=>{if(r||l.length>0)return;i(u=>({...u,[s==null?void 0:s.uuid]:{loading:!0,blocks:[]}}));const a=await c(s);i(u=>({...u,[s==null?void 0:s.uuid]:{loading:!1,blocks:a||[]}}))})()},[s,l,r]),{data:l,isLoading:r}},T=t.atomWithStorage("_selectedLibrary",null),O=()=>{const[s,n]=b.useAtom(T),i=t.useBuilderProp("uiLibraries",[]),c=v.useChaiBlocks(),l=o.values(c).filter(d=>d.category==="custom"),r=i.find(d=>d.uuid===s)||o.first(i),{data:a,isLoading:u}=A(r),p=o.groupBy([...a,...l],"group"),[g,E]=m.useState("Hero"),[,f]=b.useAtom(t.activePanelAtom),j=o.get(p,g,[]),{t:R}=w.useTranslation(),x=m.useRef(null),B=d=>{x.current&&(clearTimeout(x.current),x.current=null),x.current=setTimeout(()=>{x.current&&E(d)},300)};return u?e.jsxRuntimeExports.jsx(t.Skeleton,{className:"h-full w-full"}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{className:"relative flex h-full max-h-full w-[460px] flex-col overflow-hidden bg-background",children:[r!=null&&r.uuid?e.jsxRuntimeExports.jsx("div",{className:"sticky top-0 flex h-fit flex-col",children:e.jsxRuntimeExports.jsx("div",{className:"mb-2 flex flex-col justify-between rounded-md bg-background/30 p-1",children:e.jsxRuntimeExports.jsx("h1",{className:"flex w-full flex-col items-baseline truncate px-1 text-sm font-semibold xl:flex-col",children:e.jsxRuntimeExports.jsx(I,{library:r==null?void 0:r.uuid,setLibrary:n,uiLibraries:i})})})}):null,e.jsxRuntimeExports.jsxs("div",{className:"flex h-[95%] border-t border-gray-300 pt-2",children:[e.jsxRuntimeExports.jsx("div",{className:"flex h-full w-40 flex-col gap-1 px-1",children:m.Children.toArray(o.map(p,(d,h)=>e.jsxRuntimeExports.jsxs("div",{onMouseEnter:()=>B(h),onMouseLeave:()=>clearTimeout(x.current),onClick:()=>E(h),className:k.cn("flex w-full cursor-pointer items-center justify-between rounded-md p-1 text-sm transition-all ease-in-out hover:bg-gray-200",h===g?"bg-blue-500 text-white hover:bg-blue-600":""),children:[e.jsxRuntimeExports.jsx("span",{children:o.capitalize(h)}),e.jsxRuntimeExports.jsx(q.CaretRightIcon,{className:"ml-2 h-5 w-5"})]},h)))}),e.jsxRuntimeExports.jsxs(t.ScrollArea,{onMouseEnter:()=>x.current?clearTimeout(x.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:[e.jsxRuntimeExports.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:R("Click on a block to add it to the page")}),e.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-2 px-2",children:m.Children.toArray(j.map(d=>e.jsxRuntimeExports.jsx(L,{block:d,library:r,closePopover:()=>f(y.OUTLINE_KEY)})))}),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("br",{})]})]})]})})},_=()=>e.jsxRuntimeExports.jsx(O,{});exports.default=_;