@chaibuilder/sdk 4.0.0-beta.36 → 4.0.0-beta.37

package/dist/render.js

@@ -1,17 +1,17 @@
-import { c as De, e as xe, f as Ke } from "./default-theme-options-saBIkWGT.js";
-import { a as O, b as N, c as E, d as J, e as C, f as j } from "./apply-binding-Bu5W9YFY.js";
-import { h as Ae, i as Fe, g as Me } from "./apply-binding-Bu5W9YFY.js";
+import { c as Ke, e as Re, f as Ae } from "./default-theme-options-saBIkWGT.js";
+import { a as O, b as N, c as E, d as J, r as z, e as S, f as W } from "./apply-binding-RQRSIe56.js";
+import { h as Me, i as Oe, g as Ne } from "./apply-binding-RQRSIe56.js";
 import { jsx as m } from "react/jsx-runtime";
-import { has as P, isFunction as I, omit as q, get as d, isNull as H, isArray as B, uniqBy as W, filter as S, isEmpty as h, map as U, find as A, cloneDeep as z } from "lodash-es";
-import { Suspense as F, createElement as g } from "react";
-import { f as L } from "./core-nSRy3D7z.js";
-import { createTailwindcss as X } from "@mhsdesign/jit-browser-tailwindcss";
-import Y from "@tailwindcss/aspect-ratio";
-import Z from "@tailwindcss/container-queries";
-import ee from "@tailwindcss/forms";
-import te from "@tailwindcss/typography";
-import { c as ae, g as re } from "./get-chai-builder-theme-CyOkIlte.js";
-async function ne(e) {
+import { has as v, isFunction as w, omit as j, get as d, isString as X, isNull as q, isArray as b, uniqBy as H, filter as L, isEmpty as h, map as U, find as A, cloneDeep as Y } from "lodash-es";
+import { Suspense as F, createElement as u } from "react";
+import { f as T } from "./core-nSRy3D7z.js";
+import { createTailwindcss as Z } from "@mhsdesign/jit-browser-tailwindcss";
+import ee from "@tailwindcss/aspect-ratio";
+import te from "@tailwindcss/container-queries";
+import ae from "@tailwindcss/forms";
+import re from "@tailwindcss/typography";
+import { c as ne, g as ie } from "./get-chai-builder-theme-CyOkIlte.js";
+async function oe(e) {
   const t = {
     pageProps: e.pageProps,
     block: e.block,
@@ -19,83 +19,84 @@ async function ne(e) {
     draft: e.draft,
     inBuilder: !1
   }, r = await e.dataProvider(t);
-  return P(r, "$metadata") && I(e.dataProviderMetadataCallback) && e.dataProviderMetadataCallback(e.block, r.$metadata), e.children({
-    ...q(r, "$metadata")
+  return v(r, "$metadata") && w(e.dataProviderMetadataCallback) && e.dataProviderMetadataCallback(e.block, r.$metadata), e.children({
+    ...j(r, "$metadata")
   });
 }
-const ie = () => /* @__PURE__ */ m("div", {}), oe = (e) => {
-  const { block: t, lang: r, fallbackLang: i, children: n, externalData: o, blocks: s, draft: a, pageProps: l, dataProviderMetadataCallback: y } = e, u = L(t._type), c = d(u, "component", null), _ = d(e.repeaterData, "index", -1), k = d(e.repeaterData, "dataKey", ""), f = O(
-    N(t, r === i ? "" : r ?? "", u),
+const se = () => /* @__PURE__ */ m("div", {}), le = (e) => {
+  const { block: t, lang: r, fallbackLang: i, children: n, externalData: o, blocks: s, draft: a, pageProps: l, dataProviderMetadataCallback: y } = e, g = T(t._type), c = d(g, "component", null), _ = d(e.repeaterData, "index", -1), P = d(e.repeaterData, "dataKey", ""), p = O(
+    N(t, r === i ? "" : r ?? "", g),
     o ?? {},
-    { index: _, key: k }
-  ), p = E(t, !1), D = V(s, t._id, J(t._type)), x = P(u, "dataProvider") && I(u.dataProvider), $ = {
-    ...f,
+    { index: _, key: P }
+  ), f = E(t, !1), x = V(s, t._id, J(t._type)), K = v(g, "dataProvider") && w(g.dataProvider), I = {
     ...p,
-    ...D
-  }, v = {
+    ...f,
+    ...x
+  }, B = {
     blockProps: {},
     inBuilder: !1,
     lang: r || i || "en",
     draft: a ?? !1,
     pageData: o ?? {},
-    ...$
-  }, w = d($, "_show", !0);
-  if (H(c) || !w) return null;
-  if (x) {
-    const K = d(u, "suspenseFallback", ie);
-    return /* @__PURE__ */ m(F, { fallback: g(K), children: /* @__PURE__ */ m(
-      ne,
+    ...I
+  };
+  let k = d(I, "_show", !0);
+  if (X(k) && k.startsWith("{{") && (k = z(k, o) !== "false"), q(c) || !k) return null;
+  if (K) {
+    const C = d(g, "suspenseFallback", se);
+    return /* @__PURE__ */ m(F, { fallback: u(C), children: /* @__PURE__ */ m(
+      oe,
       {
         lang: r ?? "",
         pageProps: l,
-        block: $,
-        dataProvider: u.dataProvider,
+        block: I,
+        dataProvider: g.dataProvider,
         ...y ? { dataProviderMetadataCallback: y } : {},
         draft: a ?? !1,
-        children: (R) => g(c, {
-          ...v,
+        children: (R) => u(c, {
+          ...B,
           ...R,
           children: n({
             _id: t._id,
             _type: t._type,
-            ...B(f.repeaterItems) ? {
-              repeaterItems: C(f.repeaterItems, t),
-              $repeaterItemsKey: f.$repeaterItemsKey,
-              repeaterTotalItems: f.repeaterTotalItems ?? -1
+            ...b(p.repeaterItems) ? {
+              repeaterItems: S(p.repeaterItems, t),
+              $repeaterItemsKey: p.$repeaterItemsKey,
+              repeaterTotalItems: p.repeaterTotalItems ?? -1
             } : {}
           })
         })
       }
     ) });
   }
-  return /* @__PURE__ */ m(F, { children: g(c, {
-    ...v,
+  return /* @__PURE__ */ m(F, { children: u(c, {
+    ...B,
     children: n({
       _id: t._id,
       _type: t._type,
-      ...B(f.repeaterItems) ? {
-        repeaterItems: C(f.repeaterItems, t),
-        $repeaterItemsKey: f.$repeaterItemsKey,
-        repeaterTotalItems: f.repeaterTotalItems ?? -1
+      ...b(p.repeaterItems) ? {
+        repeaterItems: S(p.repeaterItems, t),
+        $repeaterItemsKey: p.$repeaterItemsKey,
+        repeaterTotalItems: p.repeaterTotalItems ?? -1
       } : {}
     })
   }) });
 }, M = (e) => {
   const { blocks: t, parent: r, repeaterData: i, type: n } = e;
-  let o = W(
-    S(t, (a) => P(a, "_id") && (h(r) ? !a._parent : a._parent === r)),
+  let o = H(
+    L(t, (a) => v(a, "_id") && (h(r) ? !a._parent : a._parent === r)),
     "_id"
   );
-  const s = (a) => S(t, (l) => l._parent === a).length > 0;
-  return (n === "Heading" || n === "Paragraph" || n === "Link" || n === "Span") && (o = j(o)), U(o, (a, l) => a ? /* @__PURE__ */ g(oe, { ...e, key: a._id ? `${a._id}-${l}` : `block-${l}`, block: a }, ({ _id: y, _type: u, repeaterItems: c, $repeaterItemsKey: _ }) => u === "Repeater" ? B(c) && c.map((k, b) => /* @__PURE__ */ g(
+  const s = (a) => L(t, (l) => l._parent === a).length > 0;
+  return (n === "Heading" || n === "Paragraph" || n === "Link" || n === "Span") && (o = W(o)), U(o, (a, l) => a ? /* @__PURE__ */ u(le, { ...e, key: a._id ? `${a._id}-${l}` : `block-${l}`, block: a }, ({ _id: y, _type: g, repeaterItems: c, $repeaterItemsKey: _ }) => g === "Repeater" ? b(c) && c.map((P, $) => /* @__PURE__ */ u(
     M,
     {
       ...e,
       parent: a._id,
-      key: `${d(a, "_parent", "root")}-${a._id}-${l}-${b}`,
-      repeaterData: { index: b, dataKey: _ }
+      key: `${d(a, "_parent", "root")}-${a._id}-${l}-${$}`,
+      repeaterData: { index: $, dataKey: _ }
     }
-  )) : s(y) ? /* @__PURE__ */ g(
+  )) : s(y) ? /* @__PURE__ */ u(
     M,
     {
       ...e,
@@ -116,7 +117,7 @@ const ie = () => /* @__PURE__ */ m("div", {}), oe = (e) => {
   },
   {}
 );
-function $e(e) {
+function we(e) {
   if (h(e.lang) && !h(e.fallbackLang))
     throw new Error("lang prop is required when fallbackLang is provided");
   if (h(e.blocks))
@@ -124,13 +125,13 @@ function $e(e) {
   const t = e.lang ?? "en", r = e.fallbackLang ?? t;
   return /* @__PURE__ */ m(M, { ...e, lang: t, fallbackLang: r });
 }
-async function se(e) {
+async function de(e) {
   const t = await e.dataProvider;
-  return P(t, "$metadata") && I(e.dataProviderMetadataCallback) && e.dataProviderMetadataCallback(e.block, t.$metadata), e.children({
-    ...q(t, "$metadata")
+  return v(t, "$metadata") && w(e.dataProviderMetadataCallback) && e.dataProviderMetadataCallback(e.block, t.$metadata), e.children({
+    ...j(t, "$metadata")
   });
 }
-const le = () => /* @__PURE__ */ m("div", {}), de = async (e) => {
+const ce = () => /* @__PURE__ */ m("div", {}), ge = async (e) => {
   const {
     block: t,
     lang: r,
@@ -141,80 +142,80 @@ const le = () => /* @__PURE__ */ m("div", {}), de = async (e) => {
     draft: a,
     pageProps: l,
     dataProviderMetadataCallback: y,
-    dataProviders: u
-  } = e, c = L(t._type), _ = d(c, "component", null), k = d(e.repeaterData, "index", -1), b = d(e.repeaterData, "dataKey", ""), p = O(
+    dataProviders: g
+  } = e, c = T(t._type), _ = d(c, "component", null), P = d(e.repeaterData, "index", -1), $ = d(e.repeaterData, "dataKey", ""), f = O(
     N(t, r === i ? "" : r ?? "en", c),
     o ?? {},
-    { index: k, key: b }
-  ), D = E(t, !1), x = V(s, t._id, J(t._type)), $ = P(c, "dataProvider") && I(c.dataProvider), v = {
-    ...p,
-    ...D,
-    ...x
-  }, w = {
+    { index: P, key: $ }
+  ), x = E(t, !1), K = V(s, t._id, J(t._type)), I = v(c, "dataProvider") && w(c.dataProvider), B = {
+    ...f,
+    ...x,
+    ...K
+  }, k = {
     blockProps: {},
     inBuilder: !1,
     lang: r || i || "en",
     draft: a ?? !1,
     pageData: o ?? {},
-    ...v
-  }, K = d(v, "_show", !0);
-  if (H(_) || !K) return null;
-  if ($) {
-    const R = d(u, t._id, Promise.resolve({})), G = d(c, "suspenseFallback", le);
-    return /* @__PURE__ */ m(F, { fallback: g(G), children: /* @__PURE__ */ m(
-      se,
+    ...B
+  }, C = d(B, "_show", !0);
+  if (q(_) || !C) return null;
+  if (I) {
+    const R = d(g, t._id, Promise.resolve({})), G = d(c, "suspenseFallback", ce);
+    return /* @__PURE__ */ m(F, { fallback: u(G), children: /* @__PURE__ */ m(
+      de,
       {
         lang: r ?? "",
         pageProps: l,
-        block: v,
+        block: B,
         dataProvider: R,
         ...y ? { dataProviderMetadataCallback: y } : {},
         draft: a ?? !1,
-        children: (Q) => g(_, {
-          ...w,
+        children: (Q) => u(_, {
+          ...k,
           ...Q,
           children: n({
             _id: t._id,
             _type: t._type,
-            ...B(p.repeaterItems) ? {
-              repeaterItems: C(p.repeaterItems, t),
-              $repeaterItemsKey: p.$repeaterItemsKey,
-              repeaterTotalItems: p.repeaterTotalItems ?? -1
+            ...b(f.repeaterItems) ? {
+              repeaterItems: S(f.repeaterItems, t),
+              $repeaterItemsKey: f.$repeaterItemsKey,
+              repeaterTotalItems: f.repeaterTotalItems ?? -1
             } : {}
           })
         })
       }
     ) });
   }
-  return g(_, {
-    ...w,
+  return u(_, {
+    ...k,
     children: n({
       _id: t._id,
       _type: t._type,
-      ...B(p.repeaterItems) ? {
-        repeaterItems: C(p.repeaterItems, t),
-        $repeaterItemsKey: p.$repeaterItemsKey,
-        repeaterTotalItems: p.repeaterTotalItems ?? -1
+      ...b(f.repeaterItems) ? {
+        repeaterItems: S(f.repeaterItems, t),
+        $repeaterItemsKey: f.$repeaterItemsKey,
+        repeaterTotalItems: f.repeaterTotalItems ?? -1
       } : {}
     })
   });
-}, T = async (e) => {
+}, D = async (e) => {
   const { blocks: t, parent: r, repeaterData: i, type: n } = e;
-  let o = W(
-    S(t, (a) => P(a, "_id") && (h(r) ? !a._parent : a._parent === r)),
+  let o = H(
+    L(t, (a) => v(a, "_id") && (h(r) ? !a._parent : a._parent === r)),
     "_id"
   );
-  const s = (a) => S(t, (l) => l._parent === a).length > 0;
-  return (n === "Heading" || n === "Paragraph" || n === "Link") && (o = j(o)), U(o, (a) => a ? /* @__PURE__ */ g(de, { ...e, dataProviders: e.dataProviders, key: a._id, block: a }, ({ _id: l, _type: y, repeaterItems: u, $repeaterItemsKey: c }) => y === "Repeater" ? B(u) && u.map((_, k) => /* @__PURE__ */ g(
-    T,
+  const s = (a) => L(t, (l) => l._parent === a).length > 0;
+  return (n === "Heading" || n === "Paragraph" || n === "Link") && (o = W(o)), U(o, (a) => a ? /* @__PURE__ */ u(ge, { ...e, dataProviders: e.dataProviders, key: a._id, block: a }, ({ _id: l, _type: y, repeaterItems: g, $repeaterItemsKey: c }) => y === "Repeater" ? b(g) && g.map((_, P) => /* @__PURE__ */ u(
+    D,
     {
       ...e,
       parent: a._id,
-      key: `${d(a, "_parent", "root")}-${a._id}-${k}`,
-      repeaterData: { index: k, dataKey: c }
+      key: `${d(a, "_parent", "root")}-${a._id}-${P}`,
+      repeaterData: { index: P, dataKey: c }
     }
-  )) : s(l) ? /* @__PURE__ */ g(
-    T,
+  )) : s(l) ? /* @__PURE__ */ u(
+    D,
     {
       ...e,
       parent: a._id,
@@ -224,20 +225,20 @@ const le = () => /* @__PURE__ */ m("div", {}), de = async (e) => {
     }
   ) : null) : null);
 };
-async function Ie(e) {
+async function Ce(e) {
   if (h(e.lang) && !h(e.fallbackLang))
     throw new Error("lang prop is required when fallbackLang is provided");
   if (h(e.blocks))
     return null;
   const t = e.lang ?? "en", r = e.fallbackLang ?? t;
   if (e.dataProviders)
-    return /* @__PURE__ */ m(T, { ...e, lang: t, fallbackLang: r, dataProviders: e.dataProviders });
+    return /* @__PURE__ */ m(D, { ...e, lang: t, fallbackLang: r, dataProviders: e.dataProviders });
   const n = e.blocks.filter((o) => {
-    const s = L(o._type);
-    return !!(P(s, "dataProvider") && I(s.dataProvider));
+    const s = T(o._type);
+    return !!(v(s, "dataProvider") && w(s.dataProvider));
   }).reduce(
     (o, s) => {
-      const a = L(s._type);
+      const a = T(s._type);
       if (!a || !a.dataProvider)
         return o;
       const l = {
@@ -251,44 +252,44 @@ async function Ie(e) {
     },
     {}
   );
-  return /* @__PURE__ */ m(T, { ...e, lang: t, fallbackLang: r, dataProviders: n });
+  return /* @__PURE__ */ m(D, { ...e, lang: t, fallbackLang: r, dataProviders: n });
 }
-function we(e, t) {
+function Se(e, t) {
   const r = e.filter((i) => i._type === "GlobalBlock" || i._type === "PartialBlock");
   for (let i = 0; i < r.length; i++) {
     const n = r[i], o = d(n, "partialBlockId", d(n, "globalBlock", ""));
     if (o === "") continue;
-    let s = z(d(t, o, []));
+    let s = Y(d(t, o, []));
     n._parent && (s == null ? void 0 : s.length) > 0 && (s = s.map((l) => (h(l._parent) && (l._parent = n._parent), l)));
     const a = e.indexOf(n);
     e.splice(a, 1, ...s);
   }
   return e;
 }
-const Ce = (e) => {
+const Le = (e) => {
   if (!e) return [];
   try {
-    return JSON.parse(ce(e)).filter((r) => !r._type.startsWith("@chai"));
+    return JSON.parse(ue(e)).filter((r) => !r._type.startsWith("@chai"));
   } catch {
     return [{ _type: "Paragraph", _id: "error", content: "Invalid JSON. Please check the JSON string." }];
   }
 };
-function ce(e) {
+function ue(e) {
   const t = /(asset:\/\/|https:\/\/asset\.localhost\/)(?:localhost\/)?[^"']+/g;
   return e.replace(t, (r) => {
     const i = decodeURIComponent(r), n = i.indexOf("public");
     return n !== -1 ? i.substring(n + 6) : i;
   });
 }
-async function ue(e, t = [], r = !1) {
-  return await X({
+async function fe(e, t = [], r = !1) {
+  return await Z({
     tailwindConfig: {
       darkMode: "class",
       safelist: t,
       theme: {
         // @ts-ignore
         extend: {
-          ...re(),
+          ...ie(),
           keyframes: {
             "accordion-down": {
               from: {
@@ -313,7 +314,7 @@ async function ue(e, t = [], r = !1) {
           }
         }
       },
-      plugins: [ee, te, Y, Z, ae],
+      plugins: [ae, re, ee, te, ne],
       corePlugins: { preflight: r }
     }
   }).generateStylesFromContent(
@@ -323,20 +324,20 @@ async function ue(e, t = [], r = !1) {
     e
   );
 }
-const ge = (e, t) => {
+const pe = (e, t) => {
   const r = JSON.stringify(e).replace(/#styles:([^"]*)/g, (i, n) => `#styles:${n.replace(/^,/g, " ")}`.replace(/#styles:/g, ""));
-  return ue([r], [], t);
-}, Se = async (e, t = !1) => await ge(e, t);
+  return fe([r], [], t);
+}, Te = async (e, t = !1) => await pe(e, t);
 export {
-  Ie as AsyncRenderChaiBlocks,
-  $e as RenderChaiBlocks,
-  Ae as applyChaiDataBinding,
-  Fe as applyDesignTokens,
-  Me as convertHTMLToChaiBlocks,
-  Ce as convertToBlocks,
-  De as getChaiThemeCssVariables,
-  we as getMergedPartialBlocks,
-  Se as getStylesForBlocks,
-  xe as getThemeFontsCSSImport,
-  Ke as getThemeFontsLinkMarkup
+  Ce as AsyncRenderChaiBlocks,
+  we as RenderChaiBlocks,
+  Me as applyChaiDataBinding,
+  Oe as applyDesignTokens,
+  Ne as convertHTMLToChaiBlocks,
+  Le as convertToBlocks,
+  Ke as getChaiThemeCssVariables,
+  Se as getMergedPartialBlocks,
+  Te as getStylesForBlocks,
+  Re as getThemeFontsCSSImport,
+  Ae as getThemeFontsLinkMarkup
 };

package/dist/{rte-widget-modal-BCFhKLqA.cjs → rte-widget-modal-CHxO3TQR.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-W4Ur56bi.cjs"),p=require("./register-chai-top-bar-DyW9GPzV.cjs"),S=({isOpen:m,onClose:r,editor:t,rteElement:f})=>{const a=s.usePageExternalData(),u=o=>{if(!t)return;const i=`{{${o}}}`;t.commands.focus();const{from:j,to:g}=t.state.selection;if(j!==g)t.chain().deleteSelection().insertContent(i).run();else{const{state:c}=t,n=c.selection.from,x=c.doc.textBetween(Math.max(0,n-1),n),l=c.doc.textBetween(n,Math.min(n+1,c.doc.content.size));let d="";n>0&&x!==" "&&!/[.,!?;:]/.test(x)&&(d=" ");let h="";l&&l!==" "&&!/[.,!?;:]/.test(l)&&(h=" "),t.chain().insertContent(d+i+h).run()}};return e.jsx(s.Dialog,{open:m,onOpenChange:o=>!o&&r(),children:e.jsxs(s.DialogContent,{className:"max-h-[90vh] overflow-y-auto sm:max-w-[800px]",children:[e.jsx(s.DialogHeader,{children:e.jsxs(s.DialogTitle,{className:"flex items-center justify-between pr-8",children:[e.jsx("span",{children:"Rich Text Editor"}),a&&Object.keys(a).length>0&&e.jsxs("div",{className:"flex items-center",children:[e.jsx("span",{className:"mr-2 text-sm text-muted-foreground",children:"Add field:"}),e.jsx("div",{className:"rte-path-selector",children:e.jsx(s.NestedPathSelector,{data:a,onSelect:u})})]})]})}),f,e.jsx("div",{className:"mt-4 flex justify-end",children:e.jsx(p.Button,{onClick:r,children:"Done"})})]})})};exports.default=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-P-2SvZA9.cjs"),p=require("./register-chai-top-bar-DyW9GPzV.cjs"),S=({isOpen:m,onClose:r,editor:t,rteElement:f})=>{const a=s.usePageExternalData(),u=o=>{if(!t)return;const i=`{{${o}}}`;t.commands.focus();const{from:j,to:g}=t.state.selection;if(j!==g)t.chain().deleteSelection().insertContent(i).run();else{const{state:c}=t,n=c.selection.from,x=c.doc.textBetween(Math.max(0,n-1),n),l=c.doc.textBetween(n,Math.min(n+1,c.doc.content.size));let d="";n>0&&x!==" "&&!/[.,!?;:]/.test(x)&&(d=" ");let h="";l&&l!==" "&&!/[.,!?;:]/.test(l)&&(h=" "),t.chain().insertContent(d+i+h).run()}};return e.jsx(s.Dialog,{open:m,onOpenChange:o=>!o&&r(),children:e.jsxs(s.DialogContent,{className:"max-h-[90vh] overflow-y-auto sm:max-w-[800px]",children:[e.jsx(s.DialogHeader,{children:e.jsxs(s.DialogTitle,{className:"flex items-center justify-between pr-8",children:[e.jsx("span",{children:"Rich Text Editor"}),a&&Object.keys(a).length>0&&e.jsxs("div",{className:"flex items-center",children:[e.jsx("span",{className:"mr-2 text-sm text-muted-foreground",children:"Add field:"}),e.jsx("div",{className:"rte-path-selector",children:e.jsx(s.NestedPathSelector,{data:a,onSelect:u})})]})]})}),f,e.jsx("div",{className:"mt-4 flex justify-end",children:e.jsx(p.Button,{onClick:r,children:"Done"})})]})})};exports.default=S;

package/dist/{rte-widget-modal-DcXHaT-t.js → rte-widget-modal-iLgUdcBu.js}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { h as D, D as N, e as S, f as j, g as v, N as w } from "./index-DZheQdw-.js";
+import { h as D, D as N, e as S, f as j, g as v, N as w } from "./index-7OSd9ssH.js";
 import { B } from "./register-chai-top-bar-D6GjnauV.js";
 const M = ({
   isOpen: f,

package/dist/{save-to-lib-Uw9LqY5V.cjs → save-to-lib-C67fQ8_8.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("./register-chai-top-bar-DyW9GPzV.cjs"),x=require("./index-W4Ur56bi.cjs"),b=require("./index-DvOWqGdC.cjs"),C=require("@tanstack/react-query"),X=require("jotai"),j=require("sonner"),E=require("lucide-react"),i=require("react"),J=require("./image-compression-UaU7Bwqe.cjs"),R=require("lodash-es"),Z=s=>{const r=b.useApiUrl(),l=b.useFetch();return C.useMutation({mutationFn:async t=>l(r,{action:b.ACTIONS.UPSERT_LIBRARY_ITEM,data:t}),onSuccess:t=>{s?s(t):j.toast.success("Block saved successfully")},onError:t=>{console.error("Error saving block:",t),j.toast.error("Failed to save block",{description:t instanceof Error?t.message:"Unknown error"})}})},ee=s=>{const r=b.useApiUrl(),l=b.useFetch();return C.useQuery({staleTime:"static",queryKey:[b.ACTIONS.GET_LIBRARY_ITEM,s],enabled:!!s,queryFn:async()=>{if(!s)return null;try{return await l(r,{action:b.ACTIONS.GET_LIBRARY_ITEM,data:{id:s}})}catch(t){throw console.error(t),new Error("The block could not be found on the server. It may have been deleted.")}},retry:!1})},te=s=>{const r=b.useApiUrl(),l=b.useFetch(),t=X.useSetAtom(x.libraryBlocksAtom);return C.useMutation({mutationFn:async c=>l(r,{action:b.ACTIONS.DELETE_LIBRARY_ITEM,data:{id:c}}),onSuccess:()=>{t(c=>{const m={...c};return Object.keys(m).forEach(u=>{m[u]={loading:"idle",blocks:[],error:!1}}),m}),s?s():j.toast.success("Block deleted successfully")},onError:c=>{console.error("Error deleting block:",c),j.toast.error("Failed to delete block",{description:c instanceof Error?c.message:"Unknown error"})}})},se=({blockId:s,libBlockId:r,isOpen:l,onClose:t,blockName:c,trigger:m})=>{const[u,o]=i.useState(!1),d=x.useUpdateBlocksPropsRealtime(),y=te(()=>{d([s],{_libBlockId:void 0}),j.toast.success("Block deleted successfully"),o(!1),t()}),h=()=>{o(!0),y.mutate(r)},g=e.jsxs(p.Button,{type:"button",variant:"destructive",size:"sm",onClick:f=>f.preventDefault(),disabled:u,children:[e.jsx(E.Trash2,{className:"mr-2 h-4 w-4"}),"Delete"]});return e.jsxs(x.Popover,{open:l,onOpenChange:f=>!f&&t(),children:[e.jsx(x.PopoverTrigger,{asChild:!0,children:m||g}),e.jsx(x.PopoverContent,{className:"z-[9999] w-72 p-4",sideOffset:5,align:"center",children:e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Delete Block"}),e.jsxs("p",{className:"text-sm",children:["Are you sure you want to delete the block",e.jsxs("span",{className:"font-medium",children:[' "',c,'"']}),"?"]}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"This block will be permanently removed from the library. This action cannot be undone."}),e.jsxs("div",{className:"flex justify-end gap-2 pt-2",children:[e.jsx(p.Button,{type:"button",variant:"outline",size:"sm",onClick:t,disabled:u,children:"Cancel"}),e.jsx(p.Button,{type:"button",variant:"destructive",size:"sm",onClick:h,disabled:u,children:u?"Deleting...":"Delete"})]})]})})]})},re=({blockId:s,libBlockId:r,blockName:l,size:t="sm",className:c="",close:m})=>{const[u,o]=i.useState(!1);return e.jsx(se,{blockId:s,libBlockId:r,isOpen:u,onClose:()=>{o(!1),m()},blockName:l,trigger:e.jsxs(p.Button,{type:"button",variant:"destructive",size:t,className:c,onClick:()=>o(!0),children:[e.jsx(E.Trash2,{className:"mr-2 h-4 w-4"}),"Delete"]})})},ne=()=>{const s=b.useApiUrl(),r=b.useFetch(),l=C.useQueryClient(),{data:t=[],isLoading:c,error:m}=C.useQuery({queryKey:["library-groups"],staleTime:"static",placeholderData:[],queryFn:async()=>{try{return await r(s,{action:"GET_LIBRARY_GROUPS"})||[]}catch(d){return console.error("Error fetching library groups:",d),[]}}}),{mutateAsync:u,isPending:o}=C.useMutation({mutationFn:async d=>{if(!d.trim())throw new Error("Group name is required");return r(s,{action:"CREATE_BLOCK_GROUP",data:{name:d}})},onSuccess:()=>{l.invalidateQueries({queryKey:["library-groups"]}),j.toast.success("Group created successfully")},onError:d=>{console.error("Error creating group:",d),j.toast.error("Failed to create group",{description:d instanceof Error?d.message:"Unknown error"})}});return{groups:t,isLoading:c,error:m,createGroup:u,isCreating:o}},ae=({value:s,onChange:r})=>{const[l,t]=i.useState(!1),[c,m]=i.useState(""),u=i.useRef(null),{groups:o}=ne(),[d,y]=i.useState([{id:"hero",name:"Hero"},{id:"feature",name:"Feature"},{id:"footer",name:"Footer"},{id:"content",name:"Content"},{id:"testimonial",name:"Testimonial"},{id:"pricing",name:"Pricing"},{id:"login",name:"Login"},{id:"logos",name:"Logos"},{id:"about",name:"About"},{id:"banner",name:"Banner"},{id:"blog",name:"Blog"},{id:"careers",name:"Careers"},{id:"casestudy",name:"Casestudy"},{id:"changelog",name:"Changelog"},{id:"compare",name:"Compare"},{id:"contact",name:"Contact"},{id:"cta",name:"Cta"},{id:"faq",name:"Faq"},{id:"gallery",name:"Gallery"},{id:"integration",name:"Integration"},{id:"list",name:"List"},{id:"navbar",name:"Navbar"},{id:"product",name:"Product"},{id:"signup",name:"Signup"},{id:"stats",name:"Stats"},{id:"team",name:"Team"},{id:"timeline",name:"Timeline"}]),h=i.useMemo(()=>[...o,...d.filter(n=>!o.some(B=>B.id===n.id))],[o,d]),g=()=>{const n=c.trim();if(!n)return;const B={id:n,name:n};y(w=>[...w,B]),r(B.id),m(""),t(!1)};i.useEffect(()=>{l&&u.current&&u.current.focus()},[l]);const f=n=>{n.key==="Enter"&&(n.preventDefault(),g())};return i.useEffect(()=>{s&&!h.some(n=>n.id===s)&&r("")},[s,h,r]),l?e.jsxs("div",{className:"space-y-2",children:[e.jsx(p.Input,{ref:u,placeholder:"Enter new group name",value:c,onChange:n=>m(n.target.value),onKeyDown:f}),e.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsx(p.Button,{variant:"outline",size:"sm",onClick:()=>t(!1),children:"Cancel"}),e.jsx(p.Button,{size:"sm",onClick:g,children:"Create"})]})]}):e.jsxs("div",{className:"flex gap-2",children:[e.jsxs("select",{className:"w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",value:s,onChange:n=>r(n.target.value),children:[e.jsx("option",{value:"",children:"Select a group"}),o.length>0&&e.jsx("optgroup",{label:"Library Groups",children:o.map(n=>e.jsx("option",{value:n.id,children:n.name},`lib-${n.id}`))}),d.length>0&&e.jsx("optgroup",{label:"Predefined Groups",children:d.filter(n=>!o.some(B=>B.id===n.id)).map(n=>e.jsx("option",{value:n.id,children:n.name},`local-${n.id}`))})]}),e.jsx(p.Button,{type:"button",size:"icon",variant:"outline",onClick:()=>t(!0),children:e.jsx(E.Plus,{className:"h-4 w-4"})})]})},oe=({value:s,onChange:r})=>{const[l,t]=i.useState(!1),c=i.useRef(null),m=i.useCallback(async d=>{var h;const y=(h=d.target.files)==null?void 0:h[0];if(y)try{t(!0);let g=y;y.type.startsWith("image/")&&(g=await J.compressImageIfNeeded(y));const f=new FileReader;f.onloadend=()=>{r(f.result),t(!1)},f.readAsDataURL(g)}catch(g){console.error("Error reading file:",g),t(!1),j.toast.error("Failed to process image",{description:g instanceof Error?g.message:"Unknown error"})}},[r]),u=()=>{r(""),c.current&&(c.current.value="")},o=()=>{var d;(d=c.current)==null||d.click()};return e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(p.Input,{type:"file",ref:c,onChange:m,accept:"image/*",className:"hidden"}),e.jsx(p.Button,{type:"button",variant:"outline",onClick:o,disabled:l,className:"w-full",children:l?e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent"}),"Uploading..."]}):e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(E.ImageIcon,{className:"h-4 w-4"}),"Select image"]})}),s&&e.jsx(p.Button,{type:"button",variant:"outline",size:"icon",onClick:u,children:e.jsx(E.X,{className:"h-4 w-4"})})]}),s&&e.jsx("div",{className:"aspect-video h-[200px] max-h-[200px] overflow-hidden rounded-md border",children:e.jsx("img",{src:s,alt:"Preview",className:"h-full w-full object-contain"})})]})},ie=s=>{const{blocks:r,close:l,blockId:t}=s,{getPartialBlocks:c}=x.usePartialBlocksStore(),m=r.find(a=>a._id===t),u=m==null?void 0:m._libBlockId,o=!!u,d=i.useMemo(()=>r.some(a=>a._type==="PartialBlock"||a._type==="GlobalBlock"),[r]),y=i.useMemo(()=>{let a=[];for(const k of r)if(k._type==="PartialBlock"||k._type==="GlobalBlock"){let v=c(k.partialBlockId);k._parent&&(v==null?void 0:v.length)>0&&(v=v.map(T=>(R.isEmpty(T._parent)&&R.set(T,"_parent",k._parent),T))),a=[...a,...v]}else a.push(k);return a},[r,c]),[h,g]=i.useState(""),[f,n]=i.useState(""),[B,w]=i.useState(""),[S,_]=i.useState(""),[N,U]=i.useState({}),[q,M]=i.useState(!1),[O,F]=i.useState(o),[z,K]=i.useState(!1),{hasPermission:Y}=x.usePermissions(),Q=Y(b.PAGES_PERMISSIONS.DELETE_LIBRARY_BLOCK),D=x.useUpdateBlocksPropsRealtime(),V=()=>{D([t],{_libBlockId:void 0}),j.toast.success("Block delinked from library"),l()},{data:I,isLoading:P,isError:G}=ee(u);i.useEffect(()=>{G&&o&&(K(!0),F(!1))},[G,o]),i.useEffect(()=>{I&&!P&&(g(I.name||""),n(I.group||""),w(I.description||""),_(I.preview||""),F(!1))},[I,P]),i.useEffect(()=>{const a=h.trim().length>=2,k=f.trim()!=="";M(a&&k)},[h,f]);const W=()=>{const a={};return h.trim()?h.length<2&&(a.name="Name must be at least 2 characters"):a.name="Name is required",f||(a.group="Group is required"),U(a),Object.keys(a).length===0},{resetLibrary:$}=x.useLibraryBlocks({id:""}),A=Z(a=>{o||D([t],{_libBlockId:a.id}),j.toast.success(`Block ${o?"updated":"saved"} successfully`),$(a.library),l()}),H=async a=>{if(a.preventDefault(),!W())return;const k=y.map(v=>(R.has(v,"_libBlockId")&&delete v._libBlockId,v));A.mutate({name:h.trim(),group:f,blocks:k,description:B.trim(),...S&&S.startsWith("data:")?{previewImage:S}:{},...o?{id:u}:{}})},L=A.isPending;return O||P?e.jsx("div",{className:"flex items-center justify-center p-8",children:e.jsx("div",{className:"h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent"})}):z?e.jsxs("div",{className:"space-y-4 p-6",children:[e.jsx("div",{className:"font-medium text-destructive",children:"Block Not Found"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"This block could not be found on the server. It may have been deleted."}),e.jsxs("div",{className:"flex justify-end gap-2 pt-4",children:[e.jsx(p.Button,{type:"button",variant:"outline",onClick:l,children:"Cancel"}),e.jsx(p.Button,{onClick:V,variant:"destructive",children:"Delink Block"})]})]}):e.jsxs("div",{children:[d&&e.jsxs("div",{className:"mb-4 flex items-start gap-2 rounded-md border border-destructive/50 bg-destructive/10 p-3 text-destructive",children:[e.jsx(E.AlertCircle,{className:"mt-0.5 h-5 w-5 flex-shrink-0"}),e.jsxs("div",{children:[e.jsx("p",{className:"font-medium",children:"Partial Blocks Detected"}),e.jsx("p",{className:"mt-1 text-xs",children:"This block contains one or more Partial Blocks. Partial blocks will be merged into the library block"})]})]}),e.jsxs("form",{onSubmit:H,className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(x.Label,{htmlFor:"name",className:N.name?"text-destructive":"",children:"Name"}),e.jsx(p.Input,{id:"name",placeholder:"Enter block name",value:h,onChange:a=>g(a.target.value),className:N.name?"border-destructive":""}),N.name&&e.jsx("p",{className:"text-xs text-destructive",children:N.name})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(x.Label,{htmlFor:"group",className:N.group?"text-destructive":"",children:"Group"}),e.jsx(ae,{value:f,onChange:n}),N.group&&e.jsx("p",{className:"text-xs text-destructive",children:N.group})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(x.Label,{htmlFor:"description",children:"Description (optional)"}),e.jsx(p.Input,{id:"description",placeholder:"Enter a brief description",className:"resize-none",value:B,onChange:a=>w(a.target.value)})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(x.Label,{htmlFor:"previewImage",children:"Preview Image (optional)"}),e.jsx(oe,{value:S,onChange:_})]}),e.jsxs("div",{className:"flex justify-end gap-2 pt-2",children:[o&&Q&&e.jsx(re,{blockId:t,libBlockId:u,blockName:h,className:"mr-auto",close:l}),e.jsx(p.Button,{type:"button",variant:"outline",onClick:l,disabled:L,children:"Cancel"}),e.jsx(p.Button,{type:"submit",disabled:L||!q,children:L?"Saving...":o?"Update Block":"Save Block"})]})]})]})};exports.default=ie;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("./register-chai-top-bar-DyW9GPzV.cjs"),x=require("./index-P-2SvZA9.cjs"),b=require("./index-d1_bmLx3.cjs"),C=require("@tanstack/react-query"),X=require("jotai"),j=require("sonner"),E=require("lucide-react"),i=require("react"),J=require("./image-compression-UaU7Bwqe.cjs"),R=require("lodash-es"),Z=s=>{const r=b.useApiUrl(),l=b.useFetch();return C.useMutation({mutationFn:async t=>l(r,{action:b.ACTIONS.UPSERT_LIBRARY_ITEM,data:t}),onSuccess:t=>{s?s(t):j.toast.success("Block saved successfully")},onError:t=>{console.error("Error saving block:",t),j.toast.error("Failed to save block",{description:t instanceof Error?t.message:"Unknown error"})}})},ee=s=>{const r=b.useApiUrl(),l=b.useFetch();return C.useQuery({staleTime:"static",queryKey:[b.ACTIONS.GET_LIBRARY_ITEM,s],enabled:!!s,queryFn:async()=>{if(!s)return null;try{return await l(r,{action:b.ACTIONS.GET_LIBRARY_ITEM,data:{id:s}})}catch(t){throw console.error(t),new Error("The block could not be found on the server. It may have been deleted.")}},retry:!1})},te=s=>{const r=b.useApiUrl(),l=b.useFetch(),t=X.useSetAtom(x.libraryBlocksAtom);return C.useMutation({mutationFn:async c=>l(r,{action:b.ACTIONS.DELETE_LIBRARY_ITEM,data:{id:c}}),onSuccess:()=>{t(c=>{const m={...c};return Object.keys(m).forEach(u=>{m[u]={loading:"idle",blocks:[],error:!1}}),m}),s?s():j.toast.success("Block deleted successfully")},onError:c=>{console.error("Error deleting block:",c),j.toast.error("Failed to delete block",{description:c instanceof Error?c.message:"Unknown error"})}})},se=({blockId:s,libBlockId:r,isOpen:l,onClose:t,blockName:c,trigger:m})=>{const[u,o]=i.useState(!1),d=x.useUpdateBlocksPropsRealtime(),y=te(()=>{d([s],{_libBlockId:void 0}),j.toast.success("Block deleted successfully"),o(!1),t()}),h=()=>{o(!0),y.mutate(r)},g=e.jsxs(p.Button,{type:"button",variant:"destructive",size:"sm",onClick:f=>f.preventDefault(),disabled:u,children:[e.jsx(E.Trash2,{className:"mr-2 h-4 w-4"}),"Delete"]});return e.jsxs(x.Popover,{open:l,onOpenChange:f=>!f&&t(),children:[e.jsx(x.PopoverTrigger,{asChild:!0,children:m||g}),e.jsx(x.PopoverContent,{className:"z-[9999] w-72 p-4",sideOffset:5,align:"center",children:e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Delete Block"}),e.jsxs("p",{className:"text-sm",children:["Are you sure you want to delete the block",e.jsxs("span",{className:"font-medium",children:[' "',c,'"']}),"?"]}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"This block will be permanently removed from the library. This action cannot be undone."}),e.jsxs("div",{className:"flex justify-end gap-2 pt-2",children:[e.jsx(p.Button,{type:"button",variant:"outline",size:"sm",onClick:t,disabled:u,children:"Cancel"}),e.jsx(p.Button,{type:"button",variant:"destructive",size:"sm",onClick:h,disabled:u,children:u?"Deleting...":"Delete"})]})]})})]})},re=({blockId:s,libBlockId:r,blockName:l,size:t="sm",className:c="",close:m})=>{const[u,o]=i.useState(!1);return e.jsx(se,{blockId:s,libBlockId:r,isOpen:u,onClose:()=>{o(!1),m()},blockName:l,trigger:e.jsxs(p.Button,{type:"button",variant:"destructive",size:t,className:c,onClick:()=>o(!0),children:[e.jsx(E.Trash2,{className:"mr-2 h-4 w-4"}),"Delete"]})})},ne=()=>{const s=b.useApiUrl(),r=b.useFetch(),l=C.useQueryClient(),{data:t=[],isLoading:c,error:m}=C.useQuery({queryKey:["library-groups"],staleTime:"static",placeholderData:[],queryFn:async()=>{try{return await r(s,{action:"GET_LIBRARY_GROUPS"})||[]}catch(d){return console.error("Error fetching library groups:",d),[]}}}),{mutateAsync:u,isPending:o}=C.useMutation({mutationFn:async d=>{if(!d.trim())throw new Error("Group name is required");return r(s,{action:"CREATE_BLOCK_GROUP",data:{name:d}})},onSuccess:()=>{l.invalidateQueries({queryKey:["library-groups"]}),j.toast.success("Group created successfully")},onError:d=>{console.error("Error creating group:",d),j.toast.error("Failed to create group",{description:d instanceof Error?d.message:"Unknown error"})}});return{groups:t,isLoading:c,error:m,createGroup:u,isCreating:o}},ae=({value:s,onChange:r})=>{const[l,t]=i.useState(!1),[c,m]=i.useState(""),u=i.useRef(null),{groups:o}=ne(),[d,y]=i.useState([{id:"hero",name:"Hero"},{id:"feature",name:"Feature"},{id:"footer",name:"Footer"},{id:"content",name:"Content"},{id:"testimonial",name:"Testimonial"},{id:"pricing",name:"Pricing"},{id:"login",name:"Login"},{id:"logos",name:"Logos"},{id:"about",name:"About"},{id:"banner",name:"Banner"},{id:"blog",name:"Blog"},{id:"careers",name:"Careers"},{id:"casestudy",name:"Casestudy"},{id:"changelog",name:"Changelog"},{id:"compare",name:"Compare"},{id:"contact",name:"Contact"},{id:"cta",name:"Cta"},{id:"faq",name:"Faq"},{id:"gallery",name:"Gallery"},{id:"integration",name:"Integration"},{id:"list",name:"List"},{id:"navbar",name:"Navbar"},{id:"product",name:"Product"},{id:"signup",name:"Signup"},{id:"stats",name:"Stats"},{id:"team",name:"Team"},{id:"timeline",name:"Timeline"}]),h=i.useMemo(()=>[...o,...d.filter(n=>!o.some(B=>B.id===n.id))],[o,d]),g=()=>{const n=c.trim();if(!n)return;const B={id:n,name:n};y(w=>[...w,B]),r(B.id),m(""),t(!1)};i.useEffect(()=>{l&&u.current&&u.current.focus()},[l]);const f=n=>{n.key==="Enter"&&(n.preventDefault(),g())};return i.useEffect(()=>{s&&!h.some(n=>n.id===s)&&r("")},[s,h,r]),l?e.jsxs("div",{className:"space-y-2",children:[e.jsx(p.Input,{ref:u,placeholder:"Enter new group name",value:c,onChange:n=>m(n.target.value),onKeyDown:f}),e.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsx(p.Button,{variant:"outline",size:"sm",onClick:()=>t(!1),children:"Cancel"}),e.jsx(p.Button,{size:"sm",onClick:g,children:"Create"})]})]}):e.jsxs("div",{className:"flex gap-2",children:[e.jsxs("select",{className:"w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",value:s,onChange:n=>r(n.target.value),children:[e.jsx("option",{value:"",children:"Select a group"}),o.length>0&&e.jsx("optgroup",{label:"Library Groups",children:o.map(n=>e.jsx("option",{value:n.id,children:n.name},`lib-${n.id}`))}),d.length>0&&e.jsx("optgroup",{label:"Predefined Groups",children:d.filter(n=>!o.some(B=>B.id===n.id)).map(n=>e.jsx("option",{value:n.id,children:n.name},`local-${n.id}`))})]}),e.jsx(p.Button,{type:"button",size:"icon",variant:"outline",onClick:()=>t(!0),children:e.jsx(E.Plus,{className:"h-4 w-4"})})]})},oe=({value:s,onChange:r})=>{const[l,t]=i.useState(!1),c=i.useRef(null),m=i.useCallback(async d=>{var h;const y=(h=d.target.files)==null?void 0:h[0];if(y)try{t(!0);let g=y;y.type.startsWith("image/")&&(g=await J.compressImageIfNeeded(y));const f=new FileReader;f.onloadend=()=>{r(f.result),t(!1)},f.readAsDataURL(g)}catch(g){console.error("Error reading file:",g),t(!1),j.toast.error("Failed to process image",{description:g instanceof Error?g.message:"Unknown error"})}},[r]),u=()=>{r(""),c.current&&(c.current.value="")},o=()=>{var d;(d=c.current)==null||d.click()};return e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(p.Input,{type:"file",ref:c,onChange:m,accept:"image/*",className:"hidden"}),e.jsx(p.Button,{type:"button",variant:"outline",onClick:o,disabled:l,className:"w-full",children:l?e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent"}),"Uploading..."]}):e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(E.ImageIcon,{className:"h-4 w-4"}),"Select image"]})}),s&&e.jsx(p.Button,{type:"button",variant:"outline",size:"icon",onClick:u,children:e.jsx(E.X,{className:"h-4 w-4"})})]}),s&&e.jsx("div",{className:"aspect-video h-[200px] max-h-[200px] overflow-hidden rounded-md border",children:e.jsx("img",{src:s,alt:"Preview",className:"h-full w-full object-contain"})})]})},ie=s=>{const{blocks:r,close:l,blockId:t}=s,{getPartialBlocks:c}=x.usePartialBlocksStore(),m=r.find(a=>a._id===t),u=m==null?void 0:m._libBlockId,o=!!u,d=i.useMemo(()=>r.some(a=>a._type==="PartialBlock"||a._type==="GlobalBlock"),[r]),y=i.useMemo(()=>{let a=[];for(const k of r)if(k._type==="PartialBlock"||k._type==="GlobalBlock"){let v=c(k.partialBlockId);k._parent&&(v==null?void 0:v.length)>0&&(v=v.map(T=>(R.isEmpty(T._parent)&&R.set(T,"_parent",k._parent),T))),a=[...a,...v]}else a.push(k);return a},[r,c]),[h,g]=i.useState(""),[f,n]=i.useState(""),[B,w]=i.useState(""),[S,_]=i.useState(""),[N,U]=i.useState({}),[q,M]=i.useState(!1),[O,F]=i.useState(o),[z,K]=i.useState(!1),{hasPermission:Y}=x.usePermissions(),Q=Y(b.PAGES_PERMISSIONS.DELETE_LIBRARY_BLOCK),D=x.useUpdateBlocksPropsRealtime(),V=()=>{D([t],{_libBlockId:void 0}),j.toast.success("Block delinked from library"),l()},{data:I,isLoading:P,isError:G}=ee(u);i.useEffect(()=>{G&&o&&(K(!0),F(!1))},[G,o]),i.useEffect(()=>{I&&!P&&(g(I.name||""),n(I.group||""),w(I.description||""),_(I.preview||""),F(!1))},[I,P]),i.useEffect(()=>{const a=h.trim().length>=2,k=f.trim()!=="";M(a&&k)},[h,f]);const W=()=>{const a={};return h.trim()?h.length<2&&(a.name="Name must be at least 2 characters"):a.name="Name is required",f||(a.group="Group is required"),U(a),Object.keys(a).length===0},{resetLibrary:$}=x.useLibraryBlocks({id:""}),A=Z(a=>{o||D([t],{_libBlockId:a.id}),j.toast.success(`Block ${o?"updated":"saved"} successfully`),$(a.library),l()}),H=async a=>{if(a.preventDefault(),!W())return;const k=y.map(v=>(R.has(v,"_libBlockId")&&delete v._libBlockId,v));A.mutate({name:h.trim(),group:f,blocks:k,description:B.trim(),...S&&S.startsWith("data:")?{previewImage:S}:{},...o?{id:u}:{}})},L=A.isPending;return O||P?e.jsx("div",{className:"flex items-center justify-center p-8",children:e.jsx("div",{className:"h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent"})}):z?e.jsxs("div",{className:"space-y-4 p-6",children:[e.jsx("div",{className:"font-medium text-destructive",children:"Block Not Found"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"This block could not be found on the server. It may have been deleted."}),e.jsxs("div",{className:"flex justify-end gap-2 pt-4",children:[e.jsx(p.Button,{type:"button",variant:"outline",onClick:l,children:"Cancel"}),e.jsx(p.Button,{onClick:V,variant:"destructive",children:"Delink Block"})]})]}):e.jsxs("div",{children:[d&&e.jsxs("div",{className:"mb-4 flex items-start gap-2 rounded-md border border-destructive/50 bg-destructive/10 p-3 text-destructive",children:[e.jsx(E.AlertCircle,{className:"mt-0.5 h-5 w-5 flex-shrink-0"}),e.jsxs("div",{children:[e.jsx("p",{className:"font-medium",children:"Partial Blocks Detected"}),e.jsx("p",{className:"mt-1 text-xs",children:"This block contains one or more Partial Blocks. Partial blocks will be merged into the library block"})]})]}),e.jsxs("form",{onSubmit:H,className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(x.Label,{htmlFor:"name",className:N.name?"text-destructive":"",children:"Name"}),e.jsx(p.Input,{id:"name",placeholder:"Enter block name",value:h,onChange:a=>g(a.target.value),className:N.name?"border-destructive":""}),N.name&&e.jsx("p",{className:"text-xs text-destructive",children:N.name})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(x.Label,{htmlFor:"group",className:N.group?"text-destructive":"",children:"Group"}),e.jsx(ae,{value:f,onChange:n}),N.group&&e.jsx("p",{className:"text-xs text-destructive",children:N.group})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(x.Label,{htmlFor:"description",children:"Description (optional)"}),e.jsx(p.Input,{id:"description",placeholder:"Enter a brief description",className:"resize-none",value:B,onChange:a=>w(a.target.value)})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(x.Label,{htmlFor:"previewImage",children:"Preview Image (optional)"}),e.jsx(oe,{value:S,onChange:_})]}),e.jsxs("div",{className:"flex justify-end gap-2 pt-2",children:[o&&Q&&e.jsx(re,{blockId:t,libBlockId:u,blockName:h,className:"mr-auto",close:l}),e.jsx(p.Button,{type:"button",variant:"outline",onClick:l,disabled:L,children:"Cancel"}),e.jsx(p.Button,{type:"submit",disabled:L||!q,children:L?"Saving...":o?"Update Block":"Save Block"})]})]})]})};exports.default=ie;