@chaibuilder/sdk 1.2.114 → 1.2.116

package/dist/CodeEditor-BWHGysUw.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),b=require("@monaco-editor/react"),k=require("./context-menu-sQn7ryJ6.cjs"),C=require("react-i18next"),u=require("react"),n=require("./index-KsZZcMSu.cjs"),E=require("@radix-ui/react-icons"),R=require("@react-hookz/web");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-scroll-area");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-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");require("clsx");require("tailwind-merge");require("lodash-es");require("jotai");require("./iconBase-aZzpqff_.cjs");require("@chaibuilder/runtime");require("./plugin-xOpS-UNV.cjs");require("tree-model");require("react-quill");require("./STRINGS-Yl7cSWDc.cjs");require("flagged");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("react-event-hook");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("react-wrap-balancer");require("react-dom");require("prop-types");require("react-error-boundary");require("re-resizable");require("lucide-react");require("@rjsf/validator-ajv8");require("@rjsf/core");require("./controls-p9IwFnPx.cjs");require("react-arborist");require("himalaya");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("i18next");require("framer-motion");const a=s=>{const i=document.createElement("div");return i.innerHTML=s,i.innerHTML};function g(){const{t:s}=C.useTranslation(),[i,d]=u.useState(!1),[l,q]=u.useState(""),[r,o]=n.useCodeEditor(),[c]=n.useSelectedBlockIds(),x=n.useUpdateBlocksProps(),m=n.useUpdateBlocksPropsRealtime(),p=R.useThrottledCallback(t=>{const h=a(t);m([r.blockId],{[r.blockProp]:h})},[],300),j=u.useCallback(()=>{if(i){const t=a(l);x([r.blockId],{[r.blockProp]:t})}},[i,l]);u.useEffect(()=>{c.includes(r==null?void 0:r.blockId)||(j(),o(null))},[c]);const f=()=>{o(null)};return e.jsxRuntimeExports.jsxs("div",{className:"h-full rounded-t-lg border-t-4 border-black bg-black text-white",children:[e.jsxRuntimeExports.jsx("button",{onClick:f,className:"fixed inset-0 z-[100000] cursor-default bg-gray-400/20"}),e.jsxRuntimeExports.jsxs("div",{className:"relative z-[100001] h-full w-full flex-col gap-y-1",children:[e.jsxRuntimeExports.jsxs("div",{className:"-mt-1 flex items-center justify-between px-2 py-2",children:[e.jsxRuntimeExports.jsxs("h3",{className:"space-x-3 text-sm font-semibold",children:[e.jsxRuntimeExports.jsx("span",{children:s("HTML Code Editor |")}),e.jsxRuntimeExports.jsx("span",{className:"text-xs text-gray-400",children:s("Scripts will be only executed in preview and live mode.")})]}),e.jsxRuntimeExports.jsx("div",{className:"flex gap-x-2",children:e.jsxRuntimeExports.jsx(k.Button,{onClick:()=>o(null),size:"sm",variant:"destructive",className:"h-6 w-fit",children:e.jsxRuntimeExports.jsx(E.Cross2Icon,{})})})]}),e.jsxRuntimeExports.jsx(b,{onMount:t=>{t.setValue(r.initialCode)},onChange:t=>{d(!0),q(t),p(t)},height:"100%",defaultLanguage:"html",theme:"vs-dark",defaultValue:"",options:{minimap:{enabled:!1}}})]})]})}exports.default=g;

package/dist/CodeEditor-q9he9IC8.js

@@ -1,129 +0,0 @@
-import { j as t } from "./jsx-runtime-Sp0orL4X.js";
-import k from "@monaco-editor/react";
-import { B as C } from "./context-menu-FPX89OKr.js";
-import { useTranslation as j } from "react-i18next";
-import { useState as l, useCallback as v, useEffect as g } from "react";
-import { u as y, a as N, b as T, c as E } from "./index-IZpHf_8d.js";
-import { Cross2Icon as w } from "@radix-ui/react-icons";
-import { useThrottledCallback as B } from "@react-hookz/web";
-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-select";
-import "@radix-ui/react-dropdown-menu";
-import "@radix-ui/react-separator";
-import "@radix-ui/react-toast";
-import "cmdk";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-context-menu";
-import "clsx";
-import "tailwind-merge";
-import "lodash-es";
-import "jotai";
-import "./iconBase-Ief2hJUZ.js";
-import "@chaibuilder/runtime";
-import "./plugin-f6SDZ_Or.js";
-import "tree-model";
-import "react-quill";
-import "./STRINGS-Xxstm-7I.js";
-import "flagged";
-import "react-hotkeys-hook";
-import "@floating-ui/dom";
-import "@floating-ui/react-dom";
-import "react-event-hook";
-import "@tailwindcss/typography";
-import "@tailwindcss/forms";
-import "@tailwindcss/aspect-ratio";
-import "react-wrap-balancer";
-import "react-dom";
-import "prop-types";
-import "react-error-boundary";
-import "re-resizable";
-import "lucide-react";
-import "@rjsf/validator-ajv8";
-import "@rjsf/core";
-import "./controls-lEwMTdPQ.js";
-import "react-arborist";
-import "himalaya";
-import "react-icons-picker";
-import "react-autosuggest";
-import "fuse.js";
-import "i18next";
-import "framer-motion";
-const a = (r) => {
-  const i = document.createElement("div");
-  return i.innerHTML = r, i.innerHTML;
-};
-function Rt() {
-  const { t: r } = j(), [i, n] = l(!1), [m, c] = l(""), [o, s] = y(), [p] = N(), d = T(), u = E(), f = B(
-    (e) => {
-      const b = a(e);
-      u([o.blockId], { [o.blockProp]: b });
-    },
-    [],
-    300
-  ), x = v(() => {
-    if (i) {
-      const e = a(m);
-      d([o.blockId], { [o.blockProp]: e });
-    }
-  }, [i, m]);
-  g(() => {
-    p.includes(o == null ? void 0 : o.blockId) || (x(), s(null));
-  }, [p]);
-  const h = () => {
-    s(null);
-  };
-  return /* @__PURE__ */ t.jsxs("div", { className: "h-full rounded-t-lg border-t-4 border-black bg-black text-white", children: [
-    /* @__PURE__ */ t.jsx("button", { onClick: h, className: "fixed inset-0 z-[100000] cursor-default bg-gray-400/20" }),
-    /* @__PURE__ */ t.jsxs("div", { className: "relative z-[100001] h-full w-full flex-col gap-y-1", children: [
-      /* @__PURE__ */ t.jsxs("div", { className: "-mt-1 flex items-center justify-between px-2 py-2", children: [
-        /* @__PURE__ */ t.jsxs("h3", { className: "space-x-3 text-sm font-semibold", children: [
-          /* @__PURE__ */ t.jsx("span", { children: r("HTML Code Editor |") }),
-          /* @__PURE__ */ t.jsx("span", { className: "text-xs text-gray-400", children: r("Scripts will be only executed in preview and live mode.") })
-        ] }),
-        /* @__PURE__ */ t.jsx("div", { className: "flex gap-x-2", children: /* @__PURE__ */ t.jsx(
-          C,
-          {
-            onClick: () => s(null),
-            size: "sm",
-            variant: "destructive",
-            className: "h-6 w-fit",
-            children: /* @__PURE__ */ t.jsx(w, {})
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ t.jsx(
-        k,
-        {
-          onMount: (e) => {
-            e.setValue(o.initialCode);
-          },
-          onChange: (e) => {
-            n(!0), c(e), f(e);
-          },
-          height: "100%",
-          defaultLanguage: "html",
-          theme: "vs-dark",
-          defaultValue: "",
-          options: {
-            minimap: {
-              enabled: !1
-            }
-          }
-        }
-      )
-    ] })
-  ] });
-}
-export {
-  Rt as default
-};

package/dist/Topbar-86JxE7Uw.js

@@ -1,163 +0,0 @@
-import { j as e } from "./jsx-runtime-Sp0orL4X.js";
-import l, { useMemo as w, Suspense as p } from "react";
-import { B as u, a6 as C, a7 as S, a8 as y, a9 as k, aq as c, al as g } from "./context-menu-FPX89OKr.js";
-import { e as A, F as D, d as n, f as P, g as B, L as x, h as f, i as E } from "./index-IZpHf_8d.js";
-import { useTranslation as v } from "react-i18next";
-import { c as N } from "./iconBase-Ief2hJUZ.js";
-import { EyeOpenIcon as L, ChevronDownIcon as M } from "@radix-ui/react-icons";
-import { forEach as I, uniq as G, get as d, isEmpty as j, map as V } from "lodash-es";
-import "@chaibuilder/runtime";
-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-select";
-import "@radix-ui/react-dropdown-menu";
-import "@radix-ui/react-separator";
-import "@radix-ui/react-toast";
-import "cmdk";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-context-menu";
-import "clsx";
-import "tailwind-merge";
-import "jotai";
-import "./plugin-f6SDZ_Or.js";
-import "@react-hookz/web";
-import "tree-model";
-import "react-quill";
-import "./STRINGS-Xxstm-7I.js";
-import "flagged";
-import "react-hotkeys-hook";
-import "@floating-ui/dom";
-import "@floating-ui/react-dom";
-import "react-event-hook";
-import "@tailwindcss/typography";
-import "@tailwindcss/forms";
-import "@tailwindcss/aspect-ratio";
-import "react-wrap-balancer";
-import "react-dom";
-import "prop-types";
-import "react-error-boundary";
-import "re-resizable";
-import "lucide-react";
-import "@rjsf/validator-ajv8";
-import "@rjsf/core";
-import "./controls-lEwMTdPQ.js";
-import "react-arborist";
-import "himalaya";
-import "react-icons-picker";
-import "react-autosuggest";
-import "fuse.js";
-import "i18next";
-import "framer-motion";
-const F = () => {
-  const { savePage: a, saveState: r } = A(), { t: s } = v(), i = /* @__PURE__ */ e.jsxs(
-    u,
-    {
-      disabled: r === "SAVING",
-      onClick: (t) => {
-        t.preventDefault(), a();
-      },
-      className: N(
-        "flex h-auto w-fit items-center gap-x-2 p-1 px-2",
-        // UNSAVED sate
-        "bg-gray-200 text-gray-500 hover:bg-gray-100 dark:bg-gray-800 dark:text-gray-400",
-        {
-          "animate-pulse bg-gray-300 text-gray-900": r === "SAVING",
-          "bg-green-500 text-white hover:bg-green-600 hover:text-white dark:bg-green-600 dark:text-white": r === "SAVED"
-        }
-      ),
-      size: "sm",
-      variant: "outline",
-      children: [
-        /* @__PURE__ */ e.jsx(D, { className: "text-sm text-white" }),
-        /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: s(r === "SAVING" ? "Saving" : r === "SAVED" ? "Saved" : "Unsaved") })
-      ]
-    }
-  );
-  return /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: i });
-}, z = function() {
-  const r = n("previewComponent"), [, s] = P(), { t: i } = v();
-  return r ? /* @__PURE__ */ e.jsxs(
-    u,
-    {
-      onClick: (t) => {
-        t.preventDefault(), s(!0);
-      },
-      className: "flex h-auto w-fit items-center gap-x-2 p-1 px-2",
-      size: "sm",
-      variant: "outline",
-      children: [
-        /* @__PURE__ */ e.jsx(L, { className: "text-xs" }),
-        /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: i("Preview") })
-      ]
-    }
-  ) : null;
-}, T = () => {
-  const { fallbackLang: a, languages: r, selectedLang: s, setSelectedLang: i } = B(), t = (s == null ? void 0 : s.length) > 0 ? s : a, b = w(() => {
-    const o = [];
-    return I(G([a, ...r]), (m) => {
-      const h = d(x, m);
-      h && o.push({ key: m, value: h, default: m === a });
-    }), o;
-  }, [a, r]);
-  return j(r) && t === "en" ? null : j(r) && t !== "en" ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-1 text-sm text-blue-500 hover:text-blue-600", children: [
-    /* @__PURE__ */ e.jsx(f, { className: "h-4 w-4" }),
-    d(x, t)
-  ] }) : /* @__PURE__ */ e.jsxs(C, { children: [
-    /* @__PURE__ */ e.jsx(S, { asChild: !0, children: /* @__PURE__ */ e.jsxs(u, { size: "sm", variant: "outline", className: "flex items-center gap-x-1 text-blue-500 hover:text-blue-600", children: [
-      /* @__PURE__ */ e.jsx(f, { className: "h-4 w-4" }),
-      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ e.jsxs("div", { children: [
-          " ",
-          d(x, t)
-        ] }),
-        /* @__PURE__ */ e.jsx(M, { className: "h-4 w-4" })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ e.jsx(y, { className: "border-border", children: V(b, (o) => /* @__PURE__ */ e.jsxs(
-      k,
-      {
-        className: N(
-          "flex cursor-pointer items-center text-sm",
-          o.key === t && "!bg-blue-500 text-white hover:!text-white"
-        ),
-        onClick: () => i(o.key),
-        children: [
-          /* @__PURE__ */ e.jsx("div", { children: o.value }),
-          o.key === a ? /* @__PURE__ */ e.jsx(E, { className: "ml-2 h-4 w-4 text-yellow-400" }) : null
-        ]
-      }
-    )) })
-  ] });
-}, He = () => {
-  const a = n("topBarComponents.left", []), r = n("topBarComponents.center", []), s = n("topBarComponents.right", []), i = n("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: l.Children.toArray(
-      a.map((t) => /* @__PURE__ */ e.jsx(p, { fallback: /* @__PURE__ */ e.jsx(c, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(t, {}) }))
-    ) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2", children: l.Children.toArray(
-      r.map((t) => /* @__PURE__ */ e.jsx(p, { fallback: /* @__PURE__ */ e.jsx(c, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(t, {}) }))
-    ) }),
-    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-1", children: [
-      /* @__PURE__ */ e.jsx(T, {}),
-      /* @__PURE__ */ e.jsx(g, { orientation: "vertical" }),
-      /* @__PURE__ */ e.jsx(z, {}),
-      /* @__PURE__ */ e.jsx(g, { orientation: "vertical" }),
-      i ? /* @__PURE__ */ e.jsx(F, {}) : null,
-      l.Children.toArray(
-        s.map((t) => /* @__PURE__ */ e.jsx(p, { fallback: /* @__PURE__ */ e.jsx(c, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(t, {}) }))
-      )
-    ] })
-  ] });
-};
-export {
-  He as default
-};

package/dist/Topbar-8LnyJF7S.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),l=require("react"),i=require("./context-menu-sQn7ryJ6.cjs"),t=require("./index-KsZZcMSu.cjs"),p=require("react-i18next"),j=require("./iconBase-aZzpqff_.cjs"),d=require("@radix-ui/react-icons"),x=require("lodash-es");require("@chaibuilder/runtime");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-scroll-area");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-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");require("clsx");require("tailwind-merge");require("jotai");require("./plugin-xOpS-UNV.cjs");require("@react-hookz/web");require("tree-model");require("react-quill");require("./STRINGS-Yl7cSWDc.cjs");require("flagged");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("react-event-hook");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("react-wrap-balancer");require("react-dom");require("prop-types");require("react-error-boundary");require("re-resizable");require("lucide-react");require("@rjsf/validator-ajv8");require("@rjsf/core");require("./controls-p9IwFnPx.cjs");require("react-arborist");require("himalaya");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("i18next");require("framer-motion");const h=()=>{const{savePage:u,saveState:s}=t.useSavePage(),{t:n}=p.useTranslation(),a=e.jsxRuntimeExports.jsxs(i.Button,{disabled:s==="SAVING",onClick:r=>{r.preventDefault(),u()},className:j.cn("flex h-auto w-fit items-center gap-x-2 p-1 px-2","bg-gray-200 text-gray-500 hover:bg-gray-100 dark:bg-gray-800 dark:text-gray-400",{"animate-pulse bg-gray-300 text-gray-900":s==="SAVING","bg-green-500 text-white hover:bg-green-600 hover:text-white dark:bg-green-600 dark:text-white":s==="SAVED"}),size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(t.FaCheck,{className:"text-sm text-white"}),e.jsxRuntimeExports.jsx("span",{className:"text-sm",children:n(s==="SAVING"?"Saving":s==="SAVED"?"Saved":"Unsaved")})]});return e.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:a})},E=function(){const s=t.useBuilderProp("previewComponent"),[,n]=t.usePreviewMode(),{t:a}=p.useTranslation();return s?e.jsxRuntimeExports.jsxs(i.Button,{onClick:r=>{r.preventDefault(),n(!0)},className:"flex h-auto w-fit items-center gap-x-2 p-1 px-2",size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(d.EyeOpenIcon,{className:"text-xs"}),e.jsxRuntimeExports.jsx("span",{className:"text-sm",children:a("Preview")})]}):null},g=()=>{const{fallbackLang:u,languages:s,selectedLang:n,setSelectedLang:a}=t.useLanguages(),r=(n==null?void 0:n.length)>0?n:u,q=l.useMemo(()=>{const o=[];return x.forEach(x.uniq([u,...s]),c=>{const m=x.get(t.LANGUAGES,c);m&&o.push({key:c,value:m,default:c===u})}),o},[u,s]);return x.isEmpty(s)&&r==="en"?null:x.isEmpty(s)&&r!=="en"?e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-1 text-sm text-blue-500 hover:text-blue-600",children:[e.jsxRuntimeExports.jsx(t.FaLanguage,{className:"h-4 w-4"}),x.get(t.LANGUAGES,r)]}):e.jsxRuntimeExports.jsxs(i.DropdownMenu,{children:[e.jsxRuntimeExports.jsx(i.DropdownMenuTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs(i.Button,{size:"sm",variant:"outline",className:"flex items-center gap-x-1 text-blue-500 hover:text-blue-600",children:[e.jsxRuntimeExports.jsx(t.FaLanguage,{className:"h-4 w-4"}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsxs("div",{children:[" ",x.get(t.LANGUAGES,r)]}),e.jsxRuntimeExports.jsx(d.ChevronDownIcon,{className:"h-4 w-4"})]})]})}),e.jsxRuntimeExports.jsx(i.DropdownMenuContent,{className:"border-border",children:x.map(q,o=>e.jsxRuntimeExports.jsxs(i.DropdownMenuItem,{className:j.cn("flex cursor-pointer items-center text-sm",o.key===r&&"!bg-blue-500 text-white hover:!text-white"),onClick:()=>a(o.key),children:[e.jsxRuntimeExports.jsx("div",{children:o.value}),o.key===u?e.jsxRuntimeExports.jsx(t.FaStar,{className:"ml-2 h-4 w-4 text-yellow-400"}):null]}))})]})},v=()=>{const u=t.useBuilderProp("topBarComponents.left",[]),s=t.useBuilderProp("topBarComponents.center",[]),n=t.useBuilderProp("topBarComponents.right",[]),a=t.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:l.Children.toArray(u.map(r=>e.jsxRuntimeExports.jsx(l.Suspense,{fallback:e.jsxRuntimeExports.jsx(i.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(r,{})})))})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-2",children:l.Children.toArray(s.map(r=>e.jsxRuntimeExports.jsx(l.Suspense,{fallback:e.jsxRuntimeExports.jsx(i.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(r,{})})))}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-1",children:[e.jsxRuntimeExports.jsx(g,{}),e.jsxRuntimeExports.jsx(i.Separator,{orientation:"vertical"}),e.jsxRuntimeExports.jsx(E,{}),e.jsxRuntimeExports.jsx(i.Separator,{orientation:"vertical"}),a?e.jsxRuntimeExports.jsx(h,{}):null,l.Children.toArray(n.map(r=>e.jsxRuntimeExports.jsx(l.Suspense,{fallback:e.jsxRuntimeExports.jsx(i.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(r,{})})))]})]})};exports.default=v;

package/dist/UnsplashImages-MLEjengP.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),n=require("react"),p=require("lodash-es"),A=require("unsplash-js"),f=require("./context-menu-sQn7ryJ6.cjs"),_=require("react-i18next"),g=require("./index-KsZZcMSu.cjs"),T=require("@react-hookz/web"),B=require("lucide-react");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("class-variance-authority");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");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-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-dialog");require("@radix-ui/react-context-menu");require("clsx");require("tailwind-merge");require("jotai");require("./iconBase-aZzpqff_.cjs");require("@chaibuilder/runtime");require("./plugin-xOpS-UNV.cjs");require("tree-model");require("react-quill");require("./STRINGS-Yl7cSWDc.cjs");require("flagged");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("react-event-hook");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("react-wrap-balancer");require("react-dom");require("prop-types");require("react-error-boundary");require("re-resizable");require("@rjsf/validator-ajv8");require("@rjsf/core");require("./controls-p9IwFnPx.cjs");require("react-arborist");require("himalaya");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("i18next");require("framer-motion");const v=async(h,j)=>new Promise((i,a)=>{A.createApi({accessKey:j}).search.getPhotos(h).then(l=>{i(l)}).catch(l=>a(l))}),D=({isModalView:h,onSelect:j})=>{const i=g.useBuilderProp("unsplashAccessKey",""),[a,q]=n.useState([]),[l,b]=n.useState(0),[o,w]=n.useState(),[u,k]=n.useState(),[C,y]=n.useState(0),[d,P]=T.useDebouncedState("",1e3),[m,c]=n.useState(!1),{t:E}=_.useTranslation(),I=async r=>{if(p.isEmpty(d))return;let t=l+1;r&&(r.preventDefault(),t=1),c(!0),b(t);const x={query:d,page:t};o&&(x.orientation=o),u&&(x.color=u),v(x,i).then(s=>{var R,N,S;q(t===1?((R=s==null?void 0:s.response)==null?void 0:R.results)||[]:[...a,...((N=s==null?void 0:s.response)==null?void 0:N.results)||[]]),y((S=s==null?void 0:s.response)==null?void 0:S.total_pages),c(!1)}).catch(()=>{c(!1)})};return n.useEffect(()=>{if(!p.isEmpty(d)&&i){c(!0);const r={query:d,page:1};o&&(r.orientation=o),u&&(r.color=u),b(1),v(r,i).then(t=>{var x,s;q(((x=t==null?void 0:t.response)==null?void 0:x.results)||[]),y((s=t==null?void 0:t.response)==null?void 0:s.total_pages),c(!1)}).catch(()=>{c(!1)})}},[o,u,d,i]),p.isEmpty(i)?e.jsxRuntimeExports.jsx("div",{className:"flex h-full 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:"px-1 underline 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 gap-x-2 rounded-md border border-border bg-background p-px",children:[e.jsxRuntimeExports.jsx(f.Input,{type:"text",name:"query",className:"text-foreground",placeholder:'Try "dog" or "apple"',onChange:r=>P(r.target.value)}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(g.ChaiSelect,{className:"w-40",placeholder:E("Orientation"),options:[{value:"",label:"All"},{value:"landscape",label:"Landscape"},{value:"portrait",label:"Portrait"},{value:"squarish",label:"Square"}],defaultValue:o,onValueChange:r=>w(r)})}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(g.ChaiSelect,{placeholder:E("Color"),options:[{value:"",label:"All"},{value:"black_and_white",label:"Black and White"},{value:"black",label:"Black"},{value:"white",label:"White"},{value:"night",label:"Night"},{value:"warm",label:"Warm"},{value:"cool",label:"Cool"},{value:"sepia",label:"Sepia"}],defaultValue:u,onValueChange:r=>k(r)})})]}),e.jsxRuntimeExports.jsxs(f.ScrollArea,{className:`h-full ${h&&!p.isEmpty(a)?"-mx-2 flex flex-wrap px-2":"-mx-2 flex flex-col pb-8 pt-2"}`,children:[p.isEmpty(a)&&!m&&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"})]}),h?e.jsxRuntimeExports.jsx("div",{className:"h-full columns-5 py-2",children:a.map(r=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"my-1 flex",onClick:()=>j(r.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:r.alt_description,src:r.urls.small})})},r.id))}):a.map(r=>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:r.alt_description,src:r.urls.small})})},r.id)),m&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-center py-8",children:[e.jsxRuntimeExports.jsx(B.Loader,{className:"h-6 w-6 animate-spin"}),"  Loading..."]}),!p.isEmpty(a)&&l<C&&!m&&e.jsxRuntimeExports.jsx(f.Button,{size:"sm",variant:"link",className:"w-full",onClick:()=>I(void 0),disabled:m,children:m?"":"Load More"})]})]})};exports.default=D;exports.fetchImage=v;

package/dist/UploadImages--77rHMEx.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),i=require("react"),n=require("lodash-es"),E=require("jotai"),I=require("./context-menu-sQn7ryJ6.cjs"),w=require("react-i18next"),g=require("./index-KsZZcMSu.cjs"),b=require("lucide-react");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("class-variance-authority");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");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-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-dialog");require("@radix-ui/react-context-menu");require("clsx");require("tailwind-merge");require("./iconBase-aZzpqff_.cjs");require("@chaibuilder/runtime");require("./plugin-xOpS-UNV.cjs");require("@react-hookz/web");require("tree-model");require("react-quill");require("./STRINGS-Yl7cSWDc.cjs");require("flagged");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("react-event-hook");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("react-wrap-balancer");require("react-dom");require("prop-types");require("react-error-boundary");require("re-resizable");require("@rjsf/validator-ajv8");require("@rjsf/core");require("./controls-p9IwFnPx.cjs");require("react-arborist");require("himalaya");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("i18next");require("framer-motion");const k=E.atom([]),S=({isModalView:a,onSelect:o})=>{const{t:s}=w.useTranslation(),d=g.useBuilderProp("uploadMediaCallback"),x=g.useBuilderProp("fetchMediaCallback"),[u,c]=E.useAtom(k),[R,p]=i.useState(!1),[j,q]=i.useState(!1),[,y]=i.useState(),[h,m]=i.useState("");i.useEffect(()=>{(async()=>{if(!x)return;q(!0);const r=await x();c(r||[]),q(!1)})()},[]);const N=r=>{var t,l;if(m(""),r&&((l=(t=r==null?void 0:r.target)==null?void 0:t.files)==null?void 0:l.length)>0){const f=r.target.files[0];f.type.startsWith("image")?v(f):m(s("Please select an image"))}},v=async r=>{if(d){p(!0);try{const{url:t}=await d(r);o(t),y(void 0);const l=await x();c(l)}catch(t){c([]),m((t==null?void 0:t.message)||"Something went wrong.")}p(!1)}};return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs("label",{htmlFor:a?"upload-in-modal":"upload-in-panel",children:[e.jsxRuntimeExports.jsx("div",{className:"flex flex-col items-center rounded-lg",children:e.jsxRuntimeExports.jsxs("label",{htmlFor:"image-upload",className:"flex w-full cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed border-border",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col items-center justify-center pb-6 pt-5",children:[e.jsxRuntimeExports.jsx(b.Upload,{className:"mb-3 h-10 w-10 text-gray-400"}),e.jsxRuntimeExports.jsx("p",{className:"mb-2 text-sm text-gray-500 dark:text-gray-400",children:e.jsxRuntimeExports.jsx("span",{className:"font-semibold",children:s("Click to upload")})}),e.jsxRuntimeExports.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:s("SVG, PNG, JPG or GIF (Max. 2mb)")})]}),R?e.jsxRuntimeExports.jsxs("div",{className:"flex h-full w-full items-center justify-center",children:[e.jsxRuntimeExports.jsx(b.Loader,{className:"h-6 w-6 animate-spin"}),e.jsxRuntimeExports.jsx("span",{className:"ml-2 text-sm text-gray-500",children:s("Uploading...")})]}):null,h&&e.jsxRuntimeExports.jsx("p",{className:"pb-2 text-xs text-red-500",children:h||s("Something went wrong")})]})}),e.jsxRuntimeExports.jsx("input",{type:"file",id:"image-upload",accept:"image/*",hidden:!0,onChange:N})]}),e.jsxRuntimeExports.jsxs(I.ScrollArea,{className:`-mx-2 flex h-full flex-col pb-8 pt-2 ${a?"px-2":""} pt-2`,children:[n.isEmpty(u)&&j&&e.jsxRuntimeExports.jsx("div",{className:"flex flex-col items-center justify-center py-6",children:e.jsxRuntimeExports.jsx("div",{className:"animate-pulse font-medium",children:s("Fetching...")})}),n.isEmpty(u)&&!j&&e.jsxRuntimeExports.jsxs("div",{className:"flex h-full flex-col items-center justify-center text-center",children:[e.jsxRuntimeExports.jsx("div",{className:"mb-4 h-12 rounded-full p-6"}),e.jsxRuntimeExports.jsx("h3",{className:"mb-2 text-sm font-semibold",children:s("No images found")}),e.jsxRuntimeExports.jsx("p",{className:"mb-4 max-w-sm text-muted-foreground",children:s("It looks like you haven't uploaded any images yet. Start by clicking the upload button above.")})]}),a?e.jsxRuntimeExports.jsx("div",{className:"h-full columns-5 py-2",children:n.map(u,r=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"my-1 flex",onClick:()=>o(r.url),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:r.name,src:r.thumbUrl})})},r.id))}):n.map(u,r=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"px-2 py-1",onClick:()=>o(r.url),children:e.jsxRuntimeExports.jsx("div",{className:"relative overflow-hidden rounded-md bg-cover bg-no-repeat",children:e.jsxRuntimeExports.jsx("img",{className:"h-auto w-full cursor-pointer transition duration-300 ease-in-out hover:scale-105",alt:r.name,src:r.url})})},r.id))]})]})};exports.default=S;

package/dist/UploadImages-Auy8ZPBl.js

@@ -1,153 +0,0 @@
-import { j as e } from "./jsx-runtime-Sp0orL4X.js";
-import { useState as l, useEffect as k } from "react";
-import { isEmpty as j, map as b } from "lodash-es";
-import { atom as F, useAtom as U } from "jotai";
-import { S as C } from "./context-menu-FPX89OKr.js";
-import { useTranslation as S } from "react-i18next";
-import { d as N } from "./index-IZpHf_8d.js";
-import { Upload as E, Loader as G } from "lucide-react";
-import "@radix-ui/react-switch";
-import "@radix-ui/react-accordion";
-import "@radix-ui/react-icons";
-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-select";
-import "@radix-ui/react-dropdown-menu";
-import "@radix-ui/react-separator";
-import "@radix-ui/react-toast";
-import "cmdk";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-context-menu";
-import "clsx";
-import "tailwind-merge";
-import "./iconBase-Ief2hJUZ.js";
-import "@chaibuilder/runtime";
-import "./plugin-f6SDZ_Or.js";
-import "@react-hookz/web";
-import "tree-model";
-import "react-quill";
-import "./STRINGS-Xxstm-7I.js";
-import "flagged";
-import "react-hotkeys-hook";
-import "@floating-ui/dom";
-import "@floating-ui/react-dom";
-import "react-event-hook";
-import "@tailwindcss/typography";
-import "@tailwindcss/forms";
-import "@tailwindcss/aspect-ratio";
-import "react-wrap-balancer";
-import "react-dom";
-import "prop-types";
-import "react-error-boundary";
-import "re-resizable";
-import "@rjsf/validator-ajv8";
-import "@rjsf/core";
-import "./controls-lEwMTdPQ.js";
-import "react-arborist";
-import "himalaya";
-import "react-icons-picker";
-import "react-autosuggest";
-import "fuse.js";
-import "i18next";
-import "framer-motion";
-const P = F([]), Re = ({ isModalView: s, onSelect: m }) => {
-  const { t: r } = S(), c = N("uploadMediaCallback"), n = N("fetchMediaCallback"), [i, d] = U(P), [y, u] = l(!1), [x, f] = l(!1), [, v] = l(), [h, p] = l("");
-  k(() => {
-    (async () => {
-      if (!n)
-        return;
-      f(!0);
-      const t = await n();
-      d(t || []), f(!1);
-    })();
-  }, []);
-  const w = (t) => {
-    var o, a;
-    if (p(""), t && ((a = (o = t == null ? void 0 : t.target) == null ? void 0 : o.files) == null ? void 0 : a.length) > 0) {
-      const g = t.target.files[0];
-      g.type.startsWith("image") ? I(g) : p(r("Please select an image"));
-    }
-  }, I = async (t) => {
-    if (c) {
-      u(!0);
-      try {
-        const { url: o } = await c(t);
-        m(o), v(void 0);
-        const a = await n();
-        d(a);
-      } catch (o) {
-        d([]), p((o == null ? void 0 : o.message) || "Something went wrong.");
-      }
-      u(!1);
-    }
-  };
-  return /* @__PURE__ */ e.jsxs("div", { children: [
-    /* @__PURE__ */ e.jsxs("label", { htmlFor: s ? "upload-in-modal" : "upload-in-panel", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center rounded-lg", children: /* @__PURE__ */ e.jsxs(
-        "label",
-        {
-          htmlFor: "image-upload",
-          className: "flex w-full cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed border-border",
-          children: [
-            /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center pb-6 pt-5", children: [
-              /* @__PURE__ */ e.jsx(E, { className: "mb-3 h-10 w-10 text-gray-400" }),
-              /* @__PURE__ */ e.jsx("p", { className: "mb-2 text-sm text-gray-500 dark:text-gray-400", children: /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: r("Click to upload") }) }),
-              /* @__PURE__ */ e.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: r("SVG, PNG, JPG or GIF (Max. 2mb)") })
-            ] }),
-            y ? /* @__PURE__ */ e.jsxs("div", { className: "flex h-full w-full items-center justify-center", children: [
-              /* @__PURE__ */ e.jsx(G, { className: "h-6 w-6 animate-spin" }),
-              /* @__PURE__ */ e.jsx("span", { className: "ml-2 text-sm text-gray-500", children: r("Uploading...") })
-            ] }) : null,
-            h && /* @__PURE__ */ e.jsx("p", { className: "pb-2 text-xs text-red-500", children: h || r("Something went wrong") })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ e.jsx(
-        "input",
-        {
-          type: "file",
-          id: "image-upload",
-          accept: "image/*",
-          hidden: !0,
-          onChange: w
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e.jsxs(C, { className: `-mx-2 flex h-full flex-col pb-8 pt-2 ${s ? "px-2" : ""} pt-2`, children: [
-      j(i) && x && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center justify-center py-6", children: /* @__PURE__ */ e.jsx("div", { className: "animate-pulse font-medium", children: r("Fetching...") }) }),
-      j(i) && !x && /* @__PURE__ */ e.jsxs("div", { className: "flex h-full flex-col items-center justify-center text-center", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "mb-4 h-12 rounded-full p-6" }),
-        /* @__PURE__ */ e.jsx("h3", { className: "mb-2 text-sm font-semibold", children: r("No images found") }),
-        /* @__PURE__ */ e.jsx("p", { className: "mb-4 max-w-sm text-muted-foreground", children: r("It looks like you haven't uploaded any images yet. Start by clicking the upload button above.") })
-      ] }),
-      s ? /* @__PURE__ */ e.jsx("div", { className: "h-full columns-5 py-2", children: b(i, (t) => /* @__PURE__ */ e.jsx("div", { role: "button", tabIndex: 0, className: "my-1 flex", onClick: () => m(t.url), children: /* @__PURE__ */ e.jsx("div", { className: "relative overflow-hidden rounded-md bg-cover bg-no-repeat", children: /* @__PURE__ */ e.jsx(
-        "img",
-        {
-          className: "h-auto flex-1 cursor-pointer rounded-md transition duration-300 ease-in-out hover:scale-105",
-          alt: t.name,
-          src: t.thumbUrl
-        }
-      ) }) }, t.id)) }) : b(i, (t) => (
-        // TODO: Drag and Drop Image to Canvas from Here use `pic.url` for image quality
-        /* @__PURE__ */ e.jsx("div", { role: "button", tabIndex: 0, className: "px-2 py-1", onClick: () => m(t.url), children: /* @__PURE__ */ e.jsx("div", { className: "relative overflow-hidden rounded-md bg-cover bg-no-repeat", children: /* @__PURE__ */ e.jsx(
-          "img",
-          {
-            className: "h-auto w-full cursor-pointer transition duration-300 ease-in-out hover:scale-105",
-            alt: t.name,
-            src: t.url
-          }
-        ) }) }, t.id)
-      ))
-    ] })
-  ] });
-};
-export {
-  Re as default
-};