@chaibuilder/sdk 0.1.23 → 0.1.24

package/dist/SidePanels-78d8de19.js

@@ -1,246 +0,0 @@
-import { j as e } from "./jsx-runtime-944c88e2.js";
-import { PlusIcon as L, Half2Icon as V } from "@radix-ui/react-icons";
-import v, { useMemo as I, useState as m, useEffect as _, lazy as C, Suspense as b } from "react";
-import { useAtom as N } from "jotai";
-import { filter as g, map as w, isNull as H, isEmpty as k, find as M, each as O, get as F } from "lodash";
-import { B as u, u as P, S as D } from "./useBuilderProp-81a14920.js";
-import { T as R, a as J, b as S, c as T } from "./tabs-85caa1e8.js";
-import { u as U, p as Y, a as $, b as q } from "./index-c49887fe.js";
-import "react-i18next";
-import { c as G } from "./utils-ac68b2c8.js";
-import { ListTreeIcon as K, DatabaseIcon as Q } from "lucide-react";
-import { getChaiDataProviders as W } from "@chaibuilder/blocks";
-import { D as X, a as Z, c as ee, e as se, f as ae } from "./dialog-3d4e82ed.js";
-import { C as re, a as le, c as te, d as ie } from "./card-f8f4f985.js";
-import { S as oe, c as ne, b as ce, d as de, f as A } from "./select-7fddd7c3.js";
-import me from "react-json-view";
-import "@radix-ui/react-slot";
-import "class-variance-authority";
-import "@radix-ui/react-tooltip";
-import "@radix-ui/react-toast";
-import "@radix-ui/react-tabs";
-import "./MODIFIERS-2f19c314.js";
-import "clsx";
-import "@radix-ui/react-scroll-area";
-import "react-dom";
-import "@floating-ui/react-dom";
-import "i18next";
-import "flagged";
-import "react-dnd";
-import "@minoru/react-dnd-treeview";
-import "react-hotkeys-hook";
-import "flat-to-nested";
-import "./html-to-json-45e0e3b5.js";
-import "himalaya";
-import "redux-undo";
-import "@react-hookz/web";
-import "sonner";
-import "tailwind-merge";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-select";
-const xe = ({ provider: a, onClose: x }) => {
-  const [r, n] = m(null);
-  return _(() => {
-    a && (a.mockFn ? a.mockFn : a.dataFn)().then((c) => n(c));
-  }, [a]), a ? /* @__PURE__ */ e.jsx(X, { onOpenChange: (t) => t ? "" : x(), defaultOpen: !0, children: /* @__PURE__ */ e.jsxs(Z, { children: [
-    /* @__PURE__ */ e.jsxs(ee, { children: [
-      /* @__PURE__ */ e.jsxs(se, { children: [
-        "Data Provider: ",
-        a.name
-      ] }),
-      /* @__PURE__ */ e.jsx(ae, { children: a.description })
-    ] }),
-    /* @__PURE__ */ e.jsx(
-      me,
-      {
-        name: a.providerKey,
-        enableClipboard: !1,
-        displayObjectSize: !1,
-        displayDataTypes: !1,
-        src: r
-      }
-    )
-  ] }) }) : null;
-}, pe = () => {
-  const a = I(() => W(), []), [x, r] = U(), [, n] = N(Y), [t, c] = m(
-    g(a, (s) => w(x, "providerKey").includes(s.providerKey))
-  ), [i, h] = m(""), [f, o] = m(null), j = g(
-    a.map((s) => w(t, "providerKey").includes(s.providerKey) ? null : { value: s.providerKey, label: s.name }),
-    (s) => !H(s)
-  ), l = () => {
-    const s = M(a, { providerKey: i });
-    c((d) => [...d, s]), r((d) => [...d, { providerKey: s.providerKey, args: {} }]), h(""), n("UNSAVED");
-  }, p = (s) => {
-    c((d) => g(d, (y) => y.providerKey !== s.providerKey)), r((d) => g(d, (y) => y.providerKey !== s.providerKey)), n("UNSAVED");
-  }, E = (s) => o(s);
-  return k(a) ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("p", { className: "text-gray-500 mb-1.5 text-xs p-4", children: [
-    "You have no data providers registered. Please add a data provider to your project. ",
-    /* @__PURE__ */ e.jsx("br", {}),
-    /* @__PURE__ */ e.jsx("a", { className: "text-blue-500", href: "https://chaibuilder.com/docs/registering-data-providers", target: "_blank", children: "Learn more" })
-  ] }) }) : /* @__PURE__ */ e.jsxs("div", { className: "px-1", children: [
-    /* @__PURE__ */ e.jsx("br", {}),
-    /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 mb-1.5 text-xs", children: "Add data providers:" }) }),
-    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-1", children: [
-      /* @__PURE__ */ e.jsxs(oe, { value: i, onValueChange: (s) => h(s), children: [
-        /* @__PURE__ */ e.jsx(ne, { className: "w-full", children: /* @__PURE__ */ e.jsx(ce, { placeholder: "Select a provider" }) }),
-        /* @__PURE__ */ e.jsxs(de, { children: [
-          /* @__PURE__ */ e.jsx(A, { value: "", children: "Choose" }),
-          j.map((s) => /* @__PURE__ */ e.jsx(A, { value: s.value, children: s.label }, s.value))
-        ] })
-      ] }),
-      /* @__PURE__ */ e.jsx(u, { onClick: l, disabled: k(i), variant: "destructive", children: "+" })
-    ] }),
-    /* @__PURE__ */ e.jsx("br", {}),
-    /* @__PURE__ */ e.jsxs("div", { className: t.length ? "block" : "hidden", children: [
-      /* @__PURE__ */ e.jsx("hr", {}),
-      /* @__PURE__ */ e.jsx("br", {}),
-      /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 mb-1.5 text-xs", children: "Page data providers:" }),
-      t.map((s) => /* @__PURE__ */ e.jsx(re, { className: "mt-2 rounded-md", children: /* @__PURE__ */ e.jsxs(le, { className: "p-2", children: [
-        /* @__PURE__ */ e.jsx(te, { children: s.name }),
-        /* @__PURE__ */ e.jsx(ie, { children: s.description }),
-        /* @__PURE__ */ e.jsx("button", { onClick: () => E(s), className: "text-left text-xs text-blue-500", children: "view data" }),
-        /* @__PURE__ */ e.jsx("button", { onClick: () => p(s), className: "text-left text-xs text-red-500", children: "remove" })
-      ] }) })),
-      /* @__PURE__ */ e.jsx(xe, { onClose: () => o(null), provider: f })
-    ] })
-  ] });
-}, z = C(() => import("./Layers-c08aa961.js")), ue = C(() => import("./BrandingOptions-c01e08fc.js")), he = C(() => import("./ImagesPanel-38c44785.js"));
-let B = null;
-const as = () => {
-  const a = P("sideBarComponents.top", []), x = P("sideBarComponents.bottom", []), [r, n] = N($), [t, c] = m(r), [i, h] = m(null), f = {
-    layers: z,
-    "branding-options": ue,
-    images: he
-  };
-  O(a, ({ name: l, panel: p }) => {
-    f[l] = p;
-  });
-  const o = (l) => {
-    clearTimeout(B), j(!1), r !== "layers" && l === "layers" ? B = setTimeout(() => c("layers"), 500) : c(l), n(l);
-  }, [, j] = N(q);
-  return /* @__PURE__ */ e.jsxs("div", { className: "relative flex", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "z-[100] flex h-full w-fit flex-col items-center justify-between border-b border-r border-border bg-background pt-2", children: [
-      /* @__PURE__ */ e.jsxs("div", { className: "relative z-[100] flex w-14  flex-col items-center space-y-2", children: [
-        /* @__PURE__ */ e.jsx(
-          u,
-          {
-            onClick: () => {
-              j(!0), n("layers");
-            },
-            size: "sm",
-            variant: r === "add-blocks" ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(L, { className: "text-xl" })
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          u,
-          {
-            onClick: () => o("layers"),
-            size: "sm",
-            variant: r === "layers" ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(K, { className: "w-4" })
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          u,
-          {
-            onClick: () => o("branding-options"),
-            size: "sm",
-            variant: r === "branding-options" ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(V, { className: "w-4 max-w-[40px] text-xs" })
-          }
-        ),
-        v.Children.toArray(
-          a.map(({ name: l, icon: p }) => /* @__PURE__ */ e.jsx(b, { fallback: /* @__PURE__ */ e.jsx(D, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(
-            u,
-            {
-              onClick: () => o(l),
-              size: "sm",
-              className: "w-10",
-              variant: r === l ? "default" : "outline",
-              children: /* @__PURE__ */ e.jsx(p, {})
-            }
-          ) }))
-        )
-      ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center space-y-2", children: v.Children.toArray(
-        x.map((l) => /* @__PURE__ */ e.jsx(b, { fallback: /* @__PURE__ */ e.jsx(D, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(l, {}) }))
-      ) })
-    ] }),
-    /* @__PURE__ */ e.jsx(
-      "div",
-      {
-        onClick: () => {
-          o("layers");
-        },
-        className: "absolute inset-0 right-0 z-50 w-screen bg-black/20" + (r === "layers" ? " hidden" : "")
-      }
-    ),
-    /* @__PURE__ */ e.jsx(
-      "div",
-      {
-        className: `fixed left-14 z-[50] h-full w-96 border-r bg-background duration-500 ease-in-out ${r !== "layers" ? "translate-x-0" : "-translate-x-full"}`,
-        children: /* @__PURE__ */ e.jsx(
-          b,
-          {
-            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: G("relative h-full max-h-[93%] bg-background p-1", r === "layers" ? "" : "z-[100]"),
-                onMouseEnter: () => {
-                  i && clearTimeout(i);
-                },
-                onMouseLeave: () => {
-                  const l = setTimeout(() => {
-                    i && (o("layers"), clearTimeout(i));
-                  }, 1e3);
-                  h(l);
-                },
-                children: v.createElement(F(f, t, () => /* @__PURE__ */ e.jsx("div", {})))
-              }
-            )
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ e.jsx("div", { className: "h-full w-60 border-r p-1", children: /* @__PURE__ */ e.jsx(
-      b,
-      {
-        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: /* @__PURE__ */ e.jsxs(R, { defaultValue: "layers", className: "flex h-full w-full flex-col py-1", children: [
-          /* @__PURE__ */ e.jsxs(J, { className: "mx-1 h-10 grid grid-cols-2", children: [
-            /* @__PURE__ */ e.jsxs(S, { value: "layers", children: [
-              /* @__PURE__ */ e.jsx(K, { className: "h-3 mr-2" }),
-              " Layers"
-            ] }),
-            /* @__PURE__ */ e.jsxs(S, { value: "data-provider", children: [
-              /* @__PURE__ */ e.jsx(Q, { className: "w-3 mr-2" }),
-              "Data"
-            ] })
-          ] }),
-          /* @__PURE__ */ e.jsx(
-            T,
-            {
-              value: "layers",
-              className: "no-scrollbar -mx-1 -mr-2 h-full flex-1 overflow-y-auto overflow-x-hidden",
-              children: v.createElement(z)
-            }
-          ),
-          /* @__PURE__ */ e.jsx(T, { value: "data-provider", className: "flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(pe, {}) })
-        ] })
-      }
-    ) })
-  ] });
-};
-export {
-  as as default
-};

package/dist/card-14e1d020.cjs

@@ -1 +0,0 @@
-"use strict";const a=require("./jsx-runtime-5c3ac4f7.cjs"),m=require("react"),s=require("./utils-3c452dd0.cjs");function u(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=u(m),d=o.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("div",{ref:t,className:s.cn("rounded-xl border bg-card text-card-foreground shadow",e),...r}));d.displayName="Card";const c=o.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("div",{ref:t,className:s.cn("flex flex-col space-y-1.5 p-6",e),...r}));c.displayName="CardHeader";const i=o.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("h3",{ref:t,className:s.cn("font-semibold leading-none tracking-tight",e),...r}));i.displayName="CardTitle";const l=o.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("p",{ref:t,className:s.cn("text-sm text-muted-foreground",e),...r}));l.displayName="CardDescription";const p=o.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("div",{ref:t,className:s.cn("p-6 pt-0",e),...r}));p.displayName="CardContent";const f=o.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("div",{ref:t,className:s.cn(" flex items-center p-6 pt-0",e),...r}));f.displayName="CardFooter";exports.Card=d;exports.CardContent=p;exports.CardDescription=l;exports.CardFooter=f;exports.CardHeader=c;exports.CardTitle=i;

package/dist/card-f8f4f985.js

@@ -1,33 +0,0 @@
-import { j as s } from "./jsx-runtime-944c88e2.js";
-import * as d from "react";
-import { c as o } from "./utils-ac68b2c8.js";
-const t = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx("div", { ref: r, className: o("rounded-xl border bg-card text-card-foreground shadow", a), ...e }));
-t.displayName = "Card";
-const i = d.forwardRef(
-  ({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx("div", { ref: r, className: o("flex flex-col space-y-1.5 p-6", a), ...e })
-);
-i.displayName = "CardHeader";
-const c = d.forwardRef(
-  ({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx("h3", { ref: r, className: o("font-semibold leading-none tracking-tight", a), ...e })
-);
-c.displayName = "CardTitle";
-const m = d.forwardRef(
-  ({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx("p", { ref: r, className: o("text-sm text-muted-foreground", a), ...e })
-);
-m.displayName = "CardDescription";
-const n = d.forwardRef(
-  ({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx("div", { ref: r, className: o("p-6 pt-0", a), ...e })
-);
-n.displayName = "CardContent";
-const f = d.forwardRef(
-  ({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx("div", { ref: r, className: o(" flex items-center p-6 pt-0", a), ...e })
-);
-f.displayName = "CardFooter";
-export {
-  t as C,
-  i as a,
-  f as b,
-  c,
-  m as d,
-  n as e
-};

package/dist/textarea-20b2f6b2.cjs

@@ -1 +0,0 @@
-"use strict";const a=require("./jsx-runtime-5c3ac4f7.cjs"),u=require("react"),f=require("class-variance-authority"),i=require("./utils-3c452dd0.cjs");function x(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const n=x(u),p=f.cva("relative w-full rounded-lg border px-4 py-3 text-sm [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",{variants:{variant:{default:"bg-background text-foreground",destructive:"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"}},defaultVariants:{variant:"default"}}),o=n.forwardRef(({className:e,variant:r,...t},s)=>a.jsxRuntimeExports.jsx("div",{ref:s,role:"alert",className:i.cn(p({variant:r}),e),...t}));o.displayName="Alert";const l=n.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("h5",{ref:t,className:i.cn("mb-1 font-medium leading-none tracking-tight",e),...r}));l.displayName="AlertTitle";const c=n.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("div",{ref:t,className:i.cn("text-sm [&_p]:leading-relaxed",e),...r}));c.displayName="AlertDescription";const d=n.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("textarea",{className:i.cn("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",e),ref:t,...r}));d.displayName="Textarea";exports.Alert=o;exports.AlertDescription=c;exports.AlertTitle=l;exports.Textarea=d;

package/dist/textarea-9dfb6a32.js

@@ -1,45 +0,0 @@
-import { j as a } from "./jsx-runtime-944c88e2.js";
-import * as s from "react";
-import { cva as d } from "class-variance-authority";
-import { c as o } from "./utils-ac68b2c8.js";
-const l = d(
-  "relative w-full rounded-lg border px-4 py-3 text-sm [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
-  {
-    variants: {
-      variant: {
-        default: "bg-background text-foreground",
-        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-), n = s.forwardRef(({ className: e, variant: t, ...r }, i) => /* @__PURE__ */ a.jsx("div", { ref: i, role: "alert", className: o(l({ variant: t }), e), ...r }));
-n.displayName = "Alert";
-const c = s.forwardRef(
-  ({ className: e, ...t }, r) => /* @__PURE__ */ a.jsx("h5", { ref: r, className: o("mb-1 font-medium leading-none tracking-tight", e), ...t })
-);
-c.displayName = "AlertTitle";
-const m = s.forwardRef(
-  ({ className: e, ...t }, r) => /* @__PURE__ */ a.jsx("div", { ref: r, className: o("text-sm [&_p]:leading-relaxed", e), ...t })
-);
-m.displayName = "AlertDescription";
-const f = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a.jsx(
-  "textarea",
-  {
-    className: o(
-      "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-      e
-    ),
-    ref: r,
-    ...t
-  }
-));
-f.displayName = "Textarea";
-export {
-  n as A,
-  f as T,
-  c as a,
-  m as b
-};