@chaibuilder/sdk 1.2.63 → 1.2.64

package/dist/AddBlocks-ChNxwRrx.js

@@ -1,142 +0,0 @@
-import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import k, { createElement as F, useState as b, useEffect as H } from "react";
-import { has as L, isFunction as D, first as x, omit as N, filter as g, groupBy as E, uniq as z, map as B, includes as M, isEmpty as y, reject as C, values as v } from "lodash-es";
-import { useAtom as u } from "jotai";
-import { useTranslation as w } from "react-i18next";
-import { ap as A, j as I, az as q, bf as P, T as O, v as R, w as G, bg as J, bh as K, bi as U, bj as V, b8 as W, a6 as Y, bk as Q, B as X, bl as Z, bm as $, bn as ee, h as T, bo as se, bp as te, bq as _, bc as oe, a8 as re, a9 as ae, aa as le, ab as ie } from "./index-bscJUvUx.js";
-import { BoxIcon as ce } from "@radix-ui/react-icons";
-import { syncBlocksWithDefaults as ne, useChaiBlocks as de } from "@chaibuilder/runtime";
-import { O as j } from "./MODIFIERS-fd5XOmum.js";
-import { d as me } from "./atoms-Oomqut88.js";
-import { useFeature as pe } from "flagged";
-import { g as he } from "./html-to-json-_01DXd-a.js";
-import { c as xe } from "./Functions-7jnEwJyw.js";
-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";
-import "himalaya";
-import "lodash";
-const ue = ({ block: s }) => {
-  const [, o] = u(me), { type: a, icon: c, label: l } = s, { addCoreBlock: n, addPredefinedBlock: d } = A(), [r, m] = I(), [, f] = q(), [, h] = u(P), p = () => {
-    if (L(s, "blocks")) {
-      const t = D(s.blocks) ? s.blocks() : s.blocks;
-      d(ne(t), x(r));
-    } else
-      n(s, x(r));
-    h(j);
-  }, i = pe("dnd");
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(O, { children: [
-    /* @__PURE__ */ e.jsx(R, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-      "button",
-      {
-        onClick: p,
-        type: "button",
-        onDragStart: (t) => {
-          t.dataTransfer.setData("text/plain", JSON.stringify(N(s, ["component", "icon"]))), t.dataTransfer.setDragImage(new Image(), 0, 0), o(N(s, ["component", "icon"])), setTimeout(() => {
-            m([]), f(null), h(j);
-          }, 200);
-        },
-        draggable: i ? "true" : "false",
-        className: "cursor-pointer space-y-2 rounded-lg border border-border p-3 text-center hover:bg-slate-300/50",
-        children: [
-          F(c || ce, { className: "w-4 h-4 mx-auto" }),
-          /* @__PURE__ */ e.jsx("p", { className: "text-xs", children: l || a })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ e.jsx(G, { children: /* @__PURE__ */ e.jsx("p", { children: l || a }) })
-  ] }) });
-}, fe = () => {
-  const { t: s } = w(), [o, a] = b(""), { addPredefinedBlock: c } = A(), [l] = I(), [, n] = u(P), d = () => {
-    const r = he(o);
-    c([...r], x(l) || null), a(""), n(j);
-  };
-  return /* @__PURE__ */ e.jsxs(J, { className: "border-border/0 p-0 shadow-none", children: [
-    /* @__PURE__ */ e.jsx(K, { className: "p-3", children: /* @__PURE__ */ e.jsx(U, { children: s("html_snippet_description") }) }),
-    /* @__PURE__ */ e.jsx(V, { className: "space-y-2 px-3 py-0", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ e.jsx(W, { htmlFor: "current", className: "text-sm", children: s("tailwind_html_snippet") }),
-      /* @__PURE__ */ e.jsx(
-        Y,
-        {
-          autoFocus: !0,
-          tabIndex: 1,
-          ref: (r) => r && r.focus(),
-          onChange: (r) => a(r.target.value),
-          rows: 12,
-          value: o,
-          placeholder: s("enter_code_snippet"),
-          className: "resize-none overflow-x-auto whitespace-pre bg-gray-100 font-mono text-xs font-normal"
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ e.jsxs(Q, { className: "flex flex-col justify-end p-3", children: [
-      /* @__PURE__ */ e.jsx(X, { disabled: o.trim() === "", onClick: () => d(), size: "sm", className: "w-full", children: s("import_html") }),
-      /* @__PURE__ */ e.jsx(Z, { variant: "default", className: "mt-2 border-none p-1 text-gray-400", children: /* @__PURE__ */ e.jsx($, { className: "text-xs font-normal leading-4", children: s("note_imported_html") }) })
-    ] })
-  ] });
-}, is = ({ className: s }) => {
-  const { t: o } = w(), [a, c] = b("core"), [l, n] = b("basic"), d = de(), [, r] = u(ee), m = T("importHTMLSupport", !0), f = T("filterChaiBlock", () => !0), h = g(d, f), p = E(h, "category"), i = z(B(p.core, "group"));
-  return H(() => {
-    !M(i, l) && !y(i) && !y(l) && n(x(i));
-  }, [i, l]), /* @__PURE__ */ e.jsxs("div", { className: xe("flex h-full w-72 flex-col overflow-hidden", s), children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "mb-2 flex flex-col justify-between rounded-md bg-background/30 p-1", children: [
-      /* @__PURE__ */ e.jsx("h1", { className: "flex flex-col items-baseline px-1 text-xl font-semibold xl:flex-col", children: o("add_block") }),
-      /* @__PURE__ */ e.jsx("span", { className: "p-0 text-xs font-light leading-3 opacity-80 xl:pl-1", children: o(a === "html" ? "enter_paste_tailwind_html" : "click_to_add_block") })
-    ] }),
-    /* @__PURE__ */ e.jsx(
-      se,
-      {
-        onValueChange: (t) => {
-          r(""), c(t);
-        },
-        value: a,
-        className: "h-max",
-        children: /* @__PURE__ */ e.jsxs(te, { className: "grid w-full " + (m ? "grid-cols-2" : "grid-cols-1"), children: [
-          /* @__PURE__ */ e.jsx(_, { value: "core", children: o("Blocks") }),
-          m ? /* @__PURE__ */ e.jsx(_, { value: "html", children: o("import") }) : null
-        ] })
-      }
-    ),
-    a === "core" && /* @__PURE__ */ e.jsx(oe, { className: "-mx-1.5 h-[calc(100vh-156px)] overflow-y-auto", children: /* @__PURE__ */ e.jsx("div", { className: "mt-2 w-full", children: k.Children.toArray(
-      B(
-        i,
-        (t) => C(g(v(p.core), { group: t }), { hidden: !0 }).length ? /* @__PURE__ */ e.jsx(re, { type: "single", value: t, collapsible: !0, className: "w-full", children: /* @__PURE__ */ e.jsxs(ae, { value: t, children: [
-          /* @__PURE__ */ e.jsx(le, { className: "rounded-md bg-gray-100 px-4 py-2 capitalize", children: t }),
-          /* @__PURE__ */ e.jsx(ie, { className: "p-3", children: /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3 gap-2", children: k.Children.toArray(
-            C(g(v(p.core), { group: t }), { hidden: !0 }).map((S) => /* @__PURE__ */ e.jsx(ue, { block: S }))
-          ) }) })
-        ] }) }) : null
-      )
-    ) }) }),
-    a === "html" && m ? /* @__PURE__ */ e.jsx(fe, {}) : null
-  ] });
-};
-export {
-  is as default
-};

package/dist/ThemeConfigPanel-N6l317II.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./jsx-runtime-Z_BpKhVy.cjs"),B=require("react"),N=require("@rjsf/validator-ajv8"),E=require("@rjsf/core"),p=require("./index-aeDphKpP.cjs"),r=require("./controls-rRZhz0vu.cjs"),m=require("lodash-es"),P=require("react-i18next");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-D_vtk3zK.cjs");require("./MODIFIERS-mVmfEGgo.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-icons");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("./Functions-N3yhPYKY.cjs");require("@chaibuilder/runtime");require("jotai");require("@react-hookz/web");require("tree-model");function k(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,l.get?l:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const f=k(B),T=({value:t,onChange:e,id:a,onBlur:l})=>{const n=m.debounce(e,200),v=u=>n(u.target.value);return i.jsxRuntimeExports.jsx("div",{className:"mt-1.5 flex items-center gap-x-3",children:i.jsxRuntimeExports.jsx("div",{className:"flex w-3/5 flex-col",children:i.jsxRuntimeExports.jsx("input",{type:"color",className:"text-xs p-0",value:t,onBlur:({target:{value:u}})=>l(a,u),onChange:v})})})},g=[{title:"Roboto",value:"Roboto"},{title:"Open Sans",value:"Open Sans"},{title:"Montserrat",value:"Montserrat"},{title:"Lato",value:"Lato"},{title:"Poppins",value:"Poppins"},{title:"Oswald",value:"Oswald"},{title:"Raleway",value:"Raleway"},{title:"Ubuntu",value:"Ubuntu"},{title:"Nunito",value:"Nunito"},{title:"Merriweather",value:"Merriweather"},{title:"Nunito Sans",value:"Nunito Sans"},{title:"Playfair Display",value:"Playfair Display"},{title:"Rubik",value:"Rubik"},{title:"Inter",value:"Inter"},{title:"Lora",value:"Lora"},{title:"Kanit",value:"Kanit"},{title:"Fira Sans",value:"Fira Sans"},{title:"Hind",value:"Hind"},{title:"Quicksand",value:"Quicksand"},{title:"Mulish",value:"Mulish"},{title:"Barlow",value:"Barlow"},{title:"Inconsolata",value:"Inconsolata"},{title:"Titillium Web",value:"Titillium Web"},{title:"Heebo",value:"Heebo"},{title:"IBM Plex Sans",value:"IBM Plex Sans"},{title:"DM Sans",value:"DM Sans"},{title:"Nanum Gothic",value:"Nanum Gothic"},{title:"Karla",value:"Karla"},{title:"Arimo",value:"Arimo"},{title:"Cabin",value:"Cabin"},{title:"Oxygen",value:"Oxygen"},{title:"Overpass",value:"Overpass"},{title:"Assistant",value:"Assistant"},{title:"Tajawal",value:"Tajawal"},{title:"Play",value:"Play"},{title:"Exo",value:"Exo"},{title:"Cinzel",value:"Cinzel"},{title:"Faustina",value:"Faustina"},{title:"Philosopher",value:"Philosopher"},{title:"Gelasio",value:"Gelasio"},{title:"Sofia Sans Condensed",value:"Sofia Sans Condensed"},{title:"Noto Sans Devanagari",value:"Noto Sans Devanagari"},{title:"Actor",value:"Actor"},{title:"Epilogue",value:"Epilogue"},{title:"Glegoo",value:"Glegoo"},{title:"Overlock",value:"Overlock"},{title:"Lustria",value:"Lustria"},{title:"Ovo",value:"Ovo"},{title:"Suranna",value:"Suranna"},{title:"Bebas Neue",value:"Bebas Neue"},{title:"Manrope",value:"Manrope"}],D=()=>{const t=p.useBuilderProp("onSaveBrandingOptions",m.noop),[e,a]=p.useBrandingOptions(),[l]=p.useBlocksContainer(),n=f.useRef(e),{t:v}=P.useTranslation();f.useEffect(()=>()=>{m.isEqual(e,n.current)||t(n.current)},[]);const u=({formData:o},d)=>{d&&(a(o),n.current=o)},{bodyFont:q,headingFont:b,primaryColor:h,bodyTextDarkColor:y,bodyTextLightColor:C,bodyBgDarkColor:S,secondaryColor:j,bodyBgLightColor:O,roundedCorners:R}=e;let s={headingFont:r.f({title:"Heading font",default:b,options:g}),bodyFont:r.f({title:"Body font",default:q,options:g}),roundedCorners:r.y({title:"Rounded Corner",default:parseInt(R||5,10)}),primaryColor:r.s({title:"Primary",default:h}),secondaryColor:r.s({title:"Secondary",default:j})};l||(s={...s,bodyBgLightColor:r.s({title:"Background",default:O}),bodyTextLightColor:r.s({title:"Text color",default:y}),bodyBgDarkColor:r.s({title:"Background (Dark mode)",default:S}),bodyTextDarkColor:r.s({title:"Text color(Dark mode)",default:C})});const c={type:"object",properties:{}},x={};return Object.keys(s).forEach(o=>{const d=s[o];return c.properties||(c.properties={}),c.properties[o]=d.schema,x[o]=d.uiSchema,!0}),i.jsxRuntimeExports.jsxs("div",{className:"flex h-full w-60 select-none flex-col",children:[i.jsxRuntimeExports.jsx("div",{className:"rounded-md bg-background/30 p-1",children:i.jsxRuntimeExports.jsx("h1",{className:"px-1 font-semibold",children:v("Theme Configuration")})}),i.jsxRuntimeExports.jsx("div",{className:"-mx-2",children:i.jsxRuntimeExports.jsx(E,{widgets:{color:T},idSeparator:".",autoComplete:"off",omitExtraData:!0,liveOmit:!0,liveValidate:!0,uiSchema:x,schema:c,formData:e,validator:N,onChange:u})})]})};exports.default=D;