@chaibuilder/pages 0.15.3 → 0.15.6

package/dist/server.js

@@ -2,19 +2,19 @@ var b = Object.defineProperty;
 var D = (i, a, t) => a in i ? b(i, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[a] = t;
 var _ = (i, a, t) => D(i, typeof a != "symbol" ? a + "" : a, t);
 import { has as p, get as C, isEmpty as L, isFunction as k, omit as I, startsWith as O } from "lodash-es";
-import { getRegisteredChaiBlock as M } from "@chaibuilder/runtime";
+import { getRegisteredChaiBlock as B } from "@chaibuilder/runtime";
 let U = async (i) => ({
   ...i
 });
 const F = (i) => {
   U = i;
-}, v = async (i) => {
+}, y = async (i) => {
   try {
     return await U(i);
   } catch (a) {
     return console.error(a), {};
   }
-}, w = {}, G = () => Object.values(w), g = (i) => w[i], B = (i, a) => {
+}, w = {}, v = () => Object.values(w), g = (i) => w[i], M = (i, a) => {
   w[i] = { key: i, ...a, hasSlug: !0 };
 }, N = (i, a) => {
   w[i] = { key: i, ...a, hasSlug: !1 };
@@ -22,7 +22,7 @@ const F = (i) => {
 function J(i, a) {
   p(P, i) && console.warn(`Collection ${i} already registered`), P[i] = { ...a, id: i };
 }
-const R = () => Object.values(P), y = (i) => C(P, i);
+const R = () => Object.values(P), G = (i) => C(P, i);
 class H {
   constructor(a) {
     this.backend = a;
@@ -30,7 +30,7 @@ class H {
   async upload({
     file: a,
     folderId: t,
-    name: s
+    name: n
   }, e) {
     var o, c;
     return await ((c = (o = this.backend).handleAssetsAction) == null ? void 0 : c.call(
@@ -38,7 +38,7 @@ class H {
       {
         action: "UPLOAD_ASSET",
         data: {
-          name: s,
+          name: n,
           file: a,
           folderId: t
         }
@@ -47,17 +47,17 @@ class H {
     ));
   }
   async getAsset({ id: a }, t) {
-    var s, e;
-    return (e = (s = this.backend).handleAssetsAction) == null ? void 0 : e.call(
-      s,
+    var n, e;
+    return (e = (n = this.backend).handleAssetsAction) == null ? void 0 : e.call(
+      n,
       { action: "GET_ASSET", data: { id: a } },
       t
     );
   }
   async getAssets(a, t) {
-    var s, e;
-    return (e = (s = this.backend).handleAssetsAction) == null ? void 0 : e.call(
-      s,
+    var n, e;
+    return (e = (n = this.backend).handleAssetsAction) == null ? void 0 : e.call(
+      n,
       {
         action: "GET_ASSETS",
         data: a
@@ -66,9 +66,9 @@ class H {
     );
   }
   async deleteAsset({ id: a }, t) {
-    var s, e;
-    return (e = (s = this.backend).handleAssetsAction) == null ? void 0 : e.call(
-      s,
+    var n, e;
+    return (e = (n = this.backend).handleAssetsAction) == null ? void 0 : e.call(
+      n,
       {
         action: "DELETE_ASSET",
         data: { id: a }
@@ -79,14 +79,14 @@ class H {
   async updateAsset({
     id: a,
     file: t,
-    description: s
+    description: n
   }, e) {
     var r, o;
     return (o = (r = this.backend).handleAssetsAction) == null ? void 0 : o.call(
       r,
       {
         action: "UPDATE_ASSET",
-        data: { id: a, file: t, description: s }
+        data: { id: a, file: t, description: n }
       },
       e
     );
@@ -97,8 +97,8 @@ class K {
     this.backend = a;
   }
   async refreshToken(a) {
-    var s, e;
-    const t = await ((e = (s = this.backend).handleUsersAction) == null ? void 0 : e.call(s, {
+    var n, e;
+    const t = await ((e = (n = this.backend).handleUsersAction) == null ? void 0 : e.call(n, {
       action: "REFRESH_TOKEN",
       data: a
     }));
@@ -109,11 +109,11 @@ class K {
     password: t
   }) {
     var e, r;
-    const s = await ((r = (e = this.backend).handleUsersAction) == null ? void 0 : r.call(e, {
+    const n = await ((r = (e = this.backend).handleUsersAction) == null ? void 0 : r.call(e, {
       action: "LOGIN",
       data: { email: a, password: t }
     }));
-    return s.error ? { error: s.error } : s;
+    return n.error ? { error: n.error } : n;
   }
   async logout() {
     var a, t;
@@ -122,9 +122,9 @@ class K {
     }));
   }
   async isUserActive(a) {
-    var s, e;
-    return (await ((e = (s = this.backend).handleUsersAction) == null ? void 0 : e.call(
-      s,
+    var n, e;
+    return (await ((e = (n = this.backend).handleUsersAction) == null ? void 0 : e.call(
+      n,
       {
         action: "CHECK_USER_STATUS"
       },
@@ -132,9 +132,9 @@ class K {
     ))).success;
   }
   async getUserRoleAndPermissions(a) {
-    var s, e;
-    return await ((e = (s = this.backend).handleUsersAction) == null ? void 0 : e.call(
-      s,
+    var n, e;
+    return await ((e = (n = this.backend).handleUsersAction) == null ? void 0 : e.call(
+      n,
       {
         action: "GET_ROLE_AND_PERMISSIONS"
       },
@@ -154,19 +154,19 @@ class K {
   }
 }
 class Y {
-  constructor(a, t, s) {
+  constructor(a, t, n) {
     _(this, "fallbackLang", "");
     _(this, "draftMode", !1);
-    this.backend = a, this.chaiUsers = t, this.chaiAssets = s, this._registerDefaultPageTypes(), this.chaiUsers = t ?? new K(this.backend), this.chaiAssets = s ?? new H(this.backend);
+    this.backend = a, this.chaiUsers = t, this.chaiAssets = n, this._registerDefaultPageTypes(), this.chaiUsers = t ?? new K(this.backend), this.chaiAssets = n ?? new H(this.backend);
   }
   _registerDefaultPageTypes() {
-    B("page", {
+    M("page", {
       name: "Static Page",
       icon: '<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M5 8V20H19V8H5ZM5 6H19V4H5V6ZM20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22ZM7 10H11V14H7V10ZM7 16H17V18H7V16ZM13 11H17V13H13V11Z"></path></svg>'
     }), N("global", {
       name: "Global Block",
       helpText: "A global block can be reused in multiple pages.",
-      icon: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-4 h-4 text-slate-500 stroke-[1]"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg>'
+      icon: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hash-icon lucide-hash"><line x1="4" x2="20" y1="9" y2="9"/><line x1="4" x2="20" y1="15" y2="15"/><line x1="10" x2="8" y1="3" y2="21"/><line x1="16" x2="14" y1="3" y2="21"/></svg>'
     });
   }
   setFallbackLang(a) {
@@ -220,7 +220,7 @@ class Y {
         return (l = this.chaiUsers) == null ? void 0 : l.getUserInfo(t, a.data);
     }
     if (a.action === "GET_BUILDER_PAGE_DATA") {
-      const n = await v({
+      const s = await y({
         lang: a.data.lang,
         draft: !0,
         inBuilder: !0
@@ -232,49 +232,49 @@ class Y {
           inBuilder: !0,
           pageProps: a.data.pageProps ?? {}
         }) : {},
-        global: n
-      } : { global: n };
+        global: s
+      } : { global: s };
     }
     if (a.action === "GET_PAGE_TYPES")
       return Promise.all(
-        G().map(async (n) => ({
-          key: n.key,
-          helpText: n.helpText ?? "",
-          icon: n.icon ?? "",
-          dynamicSegments: n.dynamicSegments ?? "",
-          dynamicSlug: n.dynamicSlug ?? "",
-          hasSlug: n.hasSlug ?? !0,
-          name: typeof n.name == "function" ? await n.name() : n.name,
-          ...k(n.defaultTrackingInfo) ? { trackingDefault: n.defaultTrackingInfo() } : {},
-          ...k(n.defaultSeo) ? { defaultSeo: n.defaultSeo() } : {},
-          ...k(n.defaultJSONLD) ? { defaultJSONLD: n.defaultJSONLD() } : {}
+        v().map(async (s) => ({
+          key: s.key,
+          helpText: s.helpText ?? "",
+          icon: s.icon ?? "",
+          dynamicSegments: s.dynamicSegments ?? "",
+          dynamicSlug: s.dynamicSlug ?? "",
+          hasSlug: s.hasSlug ?? !0,
+          name: typeof s.name == "function" ? await s.name() : s.name,
+          ...k(s.defaultTrackingInfo) ? { trackingDefault: s.defaultTrackingInfo() } : {},
+          ...k(s.defaultSeo) ? { defaultSeo: s.defaultSeo() } : {},
+          ...k(s.defaultJSONLD) ? { defaultJSONLD: s.defaultJSONLD() } : {}
         }))
       );
     if (a.action === "SEARCH_PAGE_TYPE_ITEMS") {
-      const n = g(a.data.pageType);
-      return n ? n.search ? await n.search(a.data.query) : this.backend.handleAction(a, t) : { error: "Page type not found" };
+      const s = g(a.data.pageType);
+      return s ? s.search ? await s.search(a.data.query) : this.backend.handleAction(a, t) : { error: "Page type not found" };
     }
     if (a.action === "GET_DYNAMIC_PAGES") {
-      const n = g(a.data.pageType);
-      return n ? n.getDynamicPages ? await n.getDynamicPages(a.data) : [] : { error: "Page type not found" };
+      const s = g(a.data.pageType);
+      return s ? s.getDynamicPages ? await s.getDynamicPages(a.data) : [] : { error: "Page type not found" };
     }
     if (a.action === "GET_COLLECTIONS")
-      return R().map((n) => I(n, "fetch"));
+      return R().map((s) => I(s, "fetch"));
     if (a.action === "GET_BLOCK_ASYNC_PROPS") {
-      const n = a.data.block, h = n._type;
-      if (h === "Repeater" && (n != null && n.repeaterItems.includes("{{#"))) {
-        const d = n.repeaterItems.replace("{{#", "").replace("}}", ""), E = y(d);
+      const s = a.data.block, h = s._type;
+      if (h === "Repeater" && (s != null && s.repeaterItems.includes("{{#"))) {
+        const d = s.repeaterItems.replace("{{#", "").replace("}}", ""), E = G(d);
         return E ? await (E == null ? void 0 : E.fetch({
-          block: n,
+          block: s,
           pageProps: a.data.pageProps,
           lang: a.data.lang,
           draft: !0,
           inBuilder: !0
         })) ?? [] : [];
       } else {
-        const d = M(h);
+        const d = B(h);
         return !d || !k(d.dataProvider) ? {} : await d.dataProvider({
-          block: n,
+          block: s,
           pageProps: a.data.pageProps,
           lang: a.data.lang,
           draft: !0,
@@ -282,23 +282,23 @@ class Y {
         }) ?? {};
       }
     }
-    const s = await this.backend.handleAction(a, t);
-    return this.emit(a.action, s), s;
+    const n = await this.backend.handleAction(a, t);
+    return this.emit(a.action, n), n;
   }
   emit(a, t) {
     var r, o, c;
     if (!["CREATE_PAGE", "UPDATE_PAGE", "DELETE_PAGE"].includes(a)) return;
-    const s = C(t, "page");
-    if (!s) return;
-    const e = g(s.pageType);
+    const n = C(t, "page");
+    if (!n) return;
+    const e = g(n.pageType);
     if (e)
       switch (a) {
         case "CREATE_PAGE":
-          return (r = e.onCreate) == null ? void 0 : r.call(e, s);
+          return (r = e.onCreate) == null ? void 0 : r.call(e, n);
         case "UPDATE_PAGE":
-          return (o = e.onUpdate) == null ? void 0 : o.call(e, s);
+          return (o = e.onUpdate) == null ? void 0 : o.call(e, n);
         case "DELETE_PAGE":
-          return (c = e.onDelete) == null ? void 0 : c.call(e, s);
+          return (c = e.onDelete) == null ? void 0 : c.call(e, n);
       }
   }
   /**
@@ -309,31 +309,31 @@ class Y {
   async resolvePageLink(a, t) {
     if (!O(a, "pageType:"))
       return a;
-    const s = a.split(":")[1], e = a.split(":")[2], r = g(s);
+    const n = a.split(":")[1], e = a.split(":")[2], r = g(n);
     return r ? await this.resolveLink(r.key, e, t) : a;
   }
-  async resolveLink(a, t, s) {
+  async resolveLink(a, t, n) {
     const e = g(a);
     if (!e)
       return "/not-found";
     const r = this.isDraftMode();
-    return e.resolveLink ? await e.resolveLink(t, r, s) : await this.backend.handleAction({
+    return e.resolveLink ? await e.resolveLink(t, r, n) : await this.backend.handleAction({
       action: "GET_LINK",
       data: {
         pageType: a,
         id: t,
         draft: r,
-        lang: s === this.getFallbackLang() ? "" : s
+        lang: n === this.getFallbackLang() ? "" : n
       }
     });
   }
   async getPageBySlug(a) {
-    const t = this.isDraftMode(), s = {};
-    return G().forEach((e) => {
-      p(e, "dynamicSegments") && e.dynamicSegments && (s[e.key] = e.dynamicSegments);
+    const t = this.isDraftMode(), n = {};
+    return v().forEach((e) => {
+      p(e, "dynamicSegments") && e.dynamicSegments && (n[e.key] = e.dynamicSegments);
     }), await this.backend.handleAction({
       action: "GET_PAGE_META",
-      data: { slug: a, draft: t, dynamicSegments: s }
+      data: { slug: a, draft: t, dynamicSegments: n }
     });
   }
   async getFullPage(a) {
@@ -347,8 +347,8 @@ class Y {
       }
     });
   }
-  async getRevisionPage({ id: a, type: t, lang: s }) {
-    const e = this.getFallbackLang() === s ? "" : s;
+  async getRevisionPage({ id: a, type: t, lang: n }) {
+    const e = this.getFallbackLang() === n ? "" : n;
     return await this.backend.handleAction({
       action: "GET_REVISION_PAGE",
       data: {
@@ -368,7 +368,7 @@ class Y {
   async getPageData({
     blocks: a,
     pageType: t,
-    pageProps: s,
+    pageProps: n,
     lang: e
   }) {
     var m;
@@ -379,26 +379,26 @@ class Y {
     if (c.length > 0) {
       const u = c.map((l) => ({ collectionId: l.repeaterItems.replace("{{#", "").replace("}}", ""), block: l }));
       A = (await Promise.all(
-        u.map(async ({ collectionId: l, block: n }) => {
-          const h = y(l);
+        u.map(async ({ collectionId: l, block: s }) => {
+          const h = G(l);
           try {
             const d = await (h == null ? void 0 : h.fetch({
               lang: e,
               draft: r,
               inBuilder: !1,
-              pageProps: s,
-              block: n
+              pageProps: n,
+              block: s
             }));
             return Promise.resolve({
-              [`#${l}/${n._id}`]: C(d, "items", []) ?? []
+              [`#${l}/${s._id}`]: C(d, "items", []) ?? []
             });
           } catch {
             return Promise.resolve({
-              [`#${l}/${n._id}`]: []
+              [`#${l}/${s._id}`]: []
             });
           }
         })
-      )).reduce((l, n) => ({ ...l, ...n }), {});
+      )).reduce((l, s) => ({ ...l, ...s }), {});
     }
     const [f, S] = await Promise.all([
       this.getGlobalData(e),
@@ -406,7 +406,7 @@ class Y {
         lang: e,
         draft: r,
         inBuilder: !1,
-        pageProps: s
+        pageProps: n
       })) || Promise.resolve({})
     ]);
     return o ? {
@@ -416,7 +416,7 @@ class Y {
     } : { global: f, ...A };
   }
   async getGlobalData(a) {
-    return await v({
+    return await y({
       lang: a,
       draft: this.isDraftMode(),
       inBuilder: !1
@@ -427,30 +427,30 @@ class Y {
   }
 }
 class Z {
-  constructor(a = "", t = j) {
+  constructor(a = "", t = x) {
     this.apiKey = a, this.apiUrl = t;
   }
   async handleUsersAction(a, t) {
-    const s = await fetch(`${this.apiUrl}/v1/api/users`, {
+    const n = await fetch(`${this.apiUrl}/v1/api/users`, {
       method: "POST",
       body: JSON.stringify(a),
       headers: {
         "x-chai-api-key": this.apiKey,
         "x-chai-auth-token": t
       }
-    }), e = await s.json();
-    return p(e, "error") ? { ...e, status: s.status } : e;
+    }), e = await n.json();
+    return p(e, "error") ? { ...e, status: n.status } : e;
   }
   async handleAction(a, t) {
-    const s = await fetch(`${this.apiUrl}/v1/api/chai`, {
+    const n = await fetch(`${this.apiUrl}/v1/api/chai`, {
       method: "POST",
       body: JSON.stringify(a),
       headers: {
         "x-chai-api-key": this.apiKey,
         "x-chai-auth-token": t
       }
-    }), e = await s.json();
-    return p(e, "error") ? { ...e, status: s.status } : e;
+    }), e = await n.json();
+    return p(e, "error") ? { ...e, status: n.status } : e;
   }
   async handleAssetsAction(a, t) {
     return await (await fetch(`${this.apiUrl}/v1/api/assets`, {
@@ -651,19 +651,19 @@ const $ = {
   yo: "Yoruba",
   za: "Zhuang, Chuang",
   zu: "Zulu"
-}, j = "https://api.chaibuilder.com";
+}, x = "https://api.chaibuilder.com";
 export {
-  j as API_URL,
+  x as API_URL,
   Y as ChaiBuilderPages,
   Z as ChaiBuilderPagesBackend,
   K as ChaiBuilderPagesUserManagement,
   $ as LANGUAGES,
-  y as getChaiCollection,
+  G as getChaiCollection,
   R as getChaiCollections,
   g as getChaiPageType,
-  G as getChaiPageTypes,
+  v as getChaiPageTypes,
   J as registerChaiCollection,
   F as registerChaiGlobalDataProvider,
-  B as registerChaiPageType,
+  M as registerChaiPageType,
   N as registerChaiPartialType
 };

package/dist/shared-json-ld-CEUgLAev.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),M=require("@chaibuilder/sdk"),G=require("@tanstack/react-query"),c=require("./index-0cMGDekp.cjs"),s=require("@chaibuilder/sdk/ui"),B=require("lodash-es"),f=require("lucide-react"),x=require("react"),E=require("sonner"),I=()=>{const t=c.useApiUrl(),d=c.useFetch();return G.useQuery({queryKey:[c.ACTIONS.GET_GLOBAL_JSONLD_ITEMS],queryFn:async()=>d(t,{action:c.ACTIONS.GET_GLOBAL_JSONLD_ITEMS})})},U=({show:t,onClose:d,initialData:n})=>e.jsx(s.Dialog,{open:t,onOpenChange:()=>d(),children:t&&e.jsx(_,{show:t,onClose:d,initialData:n})}),_=({show:t,onClose:d,initialData:n})=>{const[r,p]=x.useState({name:"",content:"",description:"",enabledByDefaultForNewPages:!1}),[N,C]=x.useState(!1),{data:g}=c.useCurrentPage(),{mutateAsync:A,isPending:j}=c.useAddGlobalSchema(),{mutateAsync:u}=c.useTogglePageGlobalSchema(),v=G.useQueryClient();x.useEffect(()=>{p(n?{name:n.name,description:n.description,content:JSON.stringify(n.jsonld,null,2),enabledByDefaultForNewPages:!1}:{name:"",description:"",content:"",enabledByDefaultForNewPages:!1}),C(!1)},[t,n]);const i=async()=>{if(!r.name||!r.content){E.toast.error("Please enter a name and content");return}const l=c.parseJSONWithPlaceholders(r.content);if(!l.isValid){E.toast.error("Invalid JSON-LD content");return}const b={name:r.name,jsonld:l.parsed,addToExistingPages:N,addToNewPages:r.enabledByDefaultForNewPages,description:r.description};n!=null&&n.primaryPageId&&(b.primaryPage=n.primaryPageId);const w=await A(b);g!=null&&g.id&&(w!=null&&w.id)&&!(n!=null&&n.primaryPageId)&&(await u({schemaId:w.id,pageId:g.id,enabled:!0}),v.invalidateQueries({queryKey:[c.ACTIONS.GET_LANGUAGE_PAGES,g.id]})),d()};return e.jsxs(s.DialogContent,{className:"flex max-w-xl flex-col overflow-y-auto",children:[e.jsx(s.DialogHeader,{children:e.jsx(s.DialogTitle,{children:"Add New Shared JSON-LD Schema"})}),e.jsxs("div",{className:"flex max-h-[75vh] flex-col space-y-2 overflow-y-auto",children:[(n==null?void 0:n.languageCode)&&e.jsxs(s.Alert,{className:"border-blue-200 bg-blue-50",children:[e.jsx(f.Info,{className:"h-4 w-4 text-blue-600"}),e.jsxs(s.AlertDescription,{className:"text-sm text-blue-800",children:["You are creating a ",e.jsx("span",{className:"font-semibold",children:n.languageCode})," language version of this schema. This will be linked to the default language schema."]})]}),e.jsxs("div",{children:[e.jsx(s.Label,{htmlFor:"new-name",children:"Schema Name"}),e.jsx(s.Input,{id:"new-name",value:r.name,onChange:l=>p({...r,name:l.target.value}),placeholder:"e.g., Product Schema",className:"text-xs"})]}),e.jsxs("div",{children:[e.jsx(s.Label,{htmlFor:"new-description",children:"Description"}),e.jsx(s.Input,{id:"new-description",value:r.description||"",onChange:l=>p({...r,description:l.target.value}),placeholder:"Brief description of this schema"})]}),e.jsxs("div",{children:[e.jsx(s.Label,{htmlFor:"new-content",children:"JSON-LD Content"}),e.jsx(c.SmartJsonInput,{id:"new-content",value:r.content||"{}",onChange:l=>p({...r,content:l}),placeholder:"Enter JSON-LD markup...",rows:10})]}),!(n!=null&&n.primaryPageId)&&e.jsxs("div",{className:"flex flex-col gap-3 pt-2",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx("input",{type:"checkbox",id:"add-to-all-existing",checked:N,onChange:l=>C(l.target.checked),className:"h-5 w-5 cursor-pointer rounded focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1"}),e.jsxs(s.Label,{htmlFor:"add-to-all-existing",children:[e.jsx("div",{children:"Add to all existing pages"}),e.jsx("div",{className:"text-xs font-light text-muted-foreground",children:"This schema will be added to all existing pages on your site"})]})]}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx("input",{type:"checkbox",id:"new-enabled",checked:r.enabledByDefaultForNewPages,onChange:l=>p({...r,enabledByDefaultForNewPages:l.target.checked}),className:"h-5 w-5 cursor-pointer rounded focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1"}),e.jsxs(s.Label,{htmlFor:"new-enabled",children:[e.jsx("div",{children:"Enabled by default for new pages"}),e.jsx("div",{className:"text-xs font-light text-muted-foreground",children:"New pages will automatically include this schema"})]})]})]}),e.jsx("div",{className:"border-t pt-3",children:e.jsxs("div",{className:"flex items-center justify-end gap-2",children:[e.jsx(s.Button,{disabled:j,variant:"outline",type:"button",size:"sm",onClick:()=>d(),children:"Cancel"}),e.jsx(s.Button,{disabled:j,type:"button",size:"sm",onClick:i,children:j?e.jsxs(e.Fragment,{children:[e.jsx(f.Loader,{className:"h-4 w-4 animate-spin"})," Adding"]}):e.jsxs(e.Fragment,{children:["Add Schema",(n==null?void 0:n.languageCode)&&` (${n.languageCode})`]})})]})})]})]})},H=({id:t,onClose:d})=>e.jsx(s.Dialog,{open:!!t,onOpenChange:()=>d(),children:t&&e.jsx(Q,{id:t,onClose:d})}),Q=({id:t,onClose:d})=>{const[n,r]=x.useState({name:"",content:"",description:"",enabledByDefaultForNewPages:!1}),[p,N]=x.useState(!1),[C,g]=x.useState(!1),[A,j]=x.useState(!1),{data:u}=I(),{mutateAsync:v,isPending:i}=c.useUpdateGlobalSchema(),{mutateAsync:l}=c.useApplySchemaToAllPages(),{mutateAsync:b}=c.useRemoveSchemaFromAllPages();x.useEffect(()=>{var m,D;if(t&&u){const y=u.find(P=>P.id===t);y&&(r({name:y.name,description:((m=y.metadata)==null?void 0:m.description)||"",content:JSON.stringify(y.jsonld,null,2),enabledByDefaultForNewPages:((D=y.metadata)==null?void 0:D.addToNewPages)||!1}),j(!!y.primaryPage))}},[t,u]);const w=async()=>{if(!n.name||!n.content){E.toast.error("Please enter a name and content");return}const m=c.parseJSONWithPlaceholders(n.content);if(!m.isValid){E.toast.error("Invalid JSON-LD content");return}const D={id:t,name:n.name,jsonld:m.parsed,addToNewPages:n.enabledByDefaultForNewPages,description:n.description};await v(D),d()},F=async()=>{try{await l(t)}finally{N(!1)}},T=async()=>{try{await b(t)}finally{g(!1)}};return e.jsxs(s.DialogContent,{className:"flex max-w-xl flex-col overflow-y-auto",children:[e.jsx(s.DialogHeader,{children:e.jsx(s.DialogTitle,{children:"Edit Shared JSON-LD Schema"})}),e.jsxs("div",{className:"flex max-h-[75vh] flex-col space-y-2 overflow-y-auto",children:[!A&&e.jsxs("div",{className:"flex items-center justify-between rounded-lg border border-blue-300 bg-blue-500/10 p-2",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-sm font-medium text-blue-900",children:"Manage Existing Pages"}),e.jsx("div",{className:"text-xs text-blue-700",children:"Add or remove this schema from all existing pages on your site"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(s.Button,{size:"sm",className:"text-xs",variant:"outline",onClick:()=>N(!0),children:"Add to all existing"}),e.jsx(s.Button,{size:"sm",variant:"ghost",className:"text-xs",onClick:()=>g(!0),children:"Remove from all"})]})]}),e.jsxs("div",{children:[e.jsx(s.Label,{htmlFor:"edit-name",children:"Schema Name"}),e.jsx(s.Input,{id:"edit-name",value:n.name,onChange:m=>r({...n,name:m.target.value}),placeholder:"e.g., Product Schema",className:"text-xs"})]}),e.jsxs("div",{children:[e.jsx(s.Label,{htmlFor:"edit-description",children:"Description"}),e.jsx(s.Input,{id:"edit-description",value:n.description||"",onChange:m=>r({...n,description:m.target.value}),placeholder:"Brief description of this schema"})]}),e.jsxs("div",{children:[e.jsx(s.Label,{htmlFor:"edit-content",children:"JSON-LD Content"}),e.jsx(c.SmartJsonInput,{id:"edit-content",value:n.content||"{}",onChange:m=>r({...n,content:m}),placeholder:"Enter JSON-LD markup...",rows:10})]}),!A&&e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx("input",{type:"checkbox",id:"edit-enabled",checked:n.enabledByDefaultForNewPages,onChange:m=>r({...n,enabledByDefaultForNewPages:m.target.checked}),className:"h-5 w-5 cursor-pointer rounded focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1"}),e.jsxs(s.Label,{htmlFor:"edit-enabled",children:[e.jsx("div",{children:"Enabled by default for new pages"}),e.jsx("div",{className:"text-xs font-light text-muted-foreground",children:"New pages will automatically include this schema"})]})]}),e.jsx("div",{className:"border-t pt-3",children:e.jsxs("div",{className:"flex items-center justify-end gap-2",children:[e.jsx(s.Button,{disabled:i,variant:"outline",type:"button",size:"sm",onClick:()=>d(),children:"Cancel"}),e.jsx(s.Button,{disabled:i,type:"button",size:"sm",onClick:w,children:i?e.jsxs(e.Fragment,{children:[e.jsx(f.Loader,{className:"h-4 w-4 animate-spin"})," Updating"]}):"Update Schema"})]})})]}),e.jsx(s.AlertDialog,{open:p,onOpenChange:N,children:e.jsxs(s.AlertDialogContent,{children:[e.jsxs(s.AlertDialogHeader,{children:[e.jsx(s.AlertDialogTitle,{children:"Add to All Existing Pages?"}),e.jsxs(s.AlertDialogDescription,{children:["This will add the schema ",e.jsx("span",{className:"font-medium",children:n.name})," to all existing pages on your site. This action cannot be undone automatically."]})]}),e.jsxs(s.AlertDialogFooter,{children:[e.jsx(s.AlertDialogCancel,{children:"Cancel"}),e.jsx(s.AlertDialogAction,{onClick:F,children:"Add to All"})]})]})}),e.jsx(s.AlertDialog,{open:C,onOpenChange:g,children:e.jsxs(s.AlertDialogContent,{children:[e.jsxs(s.AlertDialogHeader,{children:[e.jsx(s.AlertDialogTitle,{children:"Remove from All Pages?"}),e.jsxs(s.AlertDialogDescription,{children:["This will remove the schema ",e.jsx("span",{className:"font-medium",children:n.name})," from all existing pages on your site. This action cannot be undone automatically."]})]}),e.jsxs(s.AlertDialogFooter,{children:[e.jsx(s.AlertDialogCancel,{children:"Cancel"}),e.jsx(s.AlertDialogAction,{onClick:T,className:"bg-red-500 hover:bg-red-600",children:"Remove from All"})]})]})})]})};function V(){const[t,d]=x.useState(!1),[n,r]=x.useState(void 0),[p,N]=x.useState(null),[C,g]=x.useState(null),[A,j]=x.useState(null),{data:u,isLoading:v}=I(),{selectedLang:i}=M.useLanguages(),{data:l}=c.useCurrentPage(),{data:b}=c.useLanguagePages(),{mutateAsync:w}=c.useDeleteGlobalSchema(),{mutateAsync:F}=c.useTogglePageGlobalSchema(),T=x.useMemo(()=>b==null?void 0:b.find(a=>!a.primaryPage&&a.lang===""),[b]),m=x.useMemo(()=>(T==null?void 0:T.globalJsonLds)||[],[T]),D=x.useMemo(()=>u?B.filter(u,o=>o.primaryPage===null&&o.lang==="").map(o=>{const h=i?B.find(u,S=>S.primaryPage===o.id&&S.lang===i):null;return{defaultSchema:o,languageVersion:h,displayItem:h||o,hasLanguageVersion:!!h}}):[],[u,i]),[y,P]=x.useState([]),L=y.length>0?y:(l==null?void 0:l.globalJsonLds)||[];x.useEffect(()=>{l!=null&&l.globalJsonLds&&P(l.globalJsonLds)},[l==null?void 0:l.globalJsonLds]);const q=async a=>{if(!(l!=null&&l.id))return;j(a);const o=L.includes(a),h=o?L.filter(S=>S!==a):[...L,a];P(h);try{await F({schemaId:a,pageId:l.id,enabled:!o})}catch{P(l.globalJsonLds)}finally{j(null)}},z=async a=>{j(a);try{await w(a)}finally{j(null)}};return e.jsxs("div",{className:"rounded border bg-muted p-2",children:[e.jsxs("div",{className:"flex items-center justify-between pb-2",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-xs font-medium",children:"Shared JSON-LD Templates"}),e.jsx("div",{className:"w-full text-xs text-gray-500",children:"Manage reusable JSON-LD schemas that can be applied across multiple pages"})]}),!i&&e.jsxs(s.Tooltip,{delayDuration:0,children:[e.jsx(s.TooltipTrigger,{type:"button",disabled:v,className:"rounded-full bg-primary p-1 text-primary-foreground hover:bg-primary/80",onClick:a=>{a.stopPropagation(),d(!0)},children:v?e.jsx(f.Loader,{className:"h-4 w-4 animate-spin"}):e.jsx(f.Plus,{className:"h-4 w-4"})}),e.jsx(s.TooltipContent,{children:"Add new schema"})]})]}),e.jsxs(s.ScrollArea,{className:"max-h-96 overflow-y-auto",children:[e.jsxs("div",{className:"space-y-2",children:[(!u||(u==null?void 0:u.length)===0)&&!v&&e.jsx("div",{className:"flex items-center justify-center px-2 py-4 text-xs",children:"No shared JSON-LD found"}),D.map(({defaultSchema:a,displayItem:o,hasLanguageVersion:h})=>{var J,k;const S=L.includes(o.id),O=m.includes(a.id),R=h&&i?O:S;return e.jsxs(s.Card,{className:`relative border-gray-300 p-0 shadow-none transition-all ${A===o.id?"pointer-events-none":""}`,children:[A===o.id&&e.jsx("div",{className:"absolute bottom-0 left-0 right-0 top-0 z-50 flex items-center justify-center rounded-xl bg-white/80",children:e.jsx(f.Loader,{className:"h-5 w-5 animate-spin text-primary"})}),e.jsx(s.CardHeader,{className:"p-2",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[(h||!i)&&e.jsxs(s.Tooltip,{delayDuration:0,children:[e.jsx(s.TooltipTrigger,{asChild:!0,children:e.jsx("input",{type:"checkbox",checked:R,onChange:()=>q(a.id),disabled:!!(h&&i),className:"h-5 w-5 cursor-pointer rounded focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1"})}),h&&i&&e.jsx(s.TooltipContent,{children:"Using the default language state"})]}),e.jsxs("div",{children:[e.jsxs(s.CardTitle,{className:"flex items-center gap-2 text-sm leading-none",children:[o.name,h&&i&&e.jsxs("span",{className:"text-xs font-normal text-muted-foreground",children:["(",i,")"]})]}),((J=o==null?void 0:o.metadata)==null?void 0:J.description)&&e.jsx("p",{className:"mt-1 text-xs leading-none text-muted-foreground",children:(k=o==null?void 0:o.metadata)==null?void 0:k.description})]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"mx-2 h-6 w-px bg-border"}),e.jsxs(s.Tooltip,{delayDuration:0,children:[e.jsx(s.TooltipTrigger,{asChild:!0,children:e.jsx(s.Button,{type:"button",variant:"ghost",size:"icon",className:"h-5 w-5 p-0",onClick:()=>g(o.id),children:e.jsx(f.Eye,{className:"h-4 w-4"})})}),e.jsx(s.TooltipContent,{children:"View schema"})]}),(h||!i)&&e.jsxs(e.Fragment,{children:[e.jsxs(s.Tooltip,{delayDuration:0,children:[e.jsx(s.TooltipTrigger,{asChild:!0,children:e.jsx(s.Button,{type:"button",variant:"ghost",size:"icon",className:"h-5 w-5 p-0",onClick:()=>N(o.id),children:e.jsx(f.Edit,{className:"h-4 w-4"})})}),e.jsx(s.TooltipContent,{children:"Edit schema"})]}),e.jsxs(s.AlertDialog,{children:[e.jsxs(s.Tooltip,{delayDuration:0,children:[e.jsx(s.TooltipTrigger,{asChild:!0,children:e.jsx(s.AlertDialogTrigger,{className:"flex h-5 w-5 items-center justify-center rounded-md text-red-500 hover:bg-red-100 hover:text-red-800",children:e.jsx(f.Trash,{className:"h-4 w-4"})})}),e.jsx(s.TooltipContent,{children:"Delete schema"})]}),e.jsxs(s.AlertDialogContent,{children:[e.jsxs(s.AlertDialogHeader,{children:[e.jsx(s.AlertDialogTitle,{children:"Delete Schema"}),e.jsxs(s.AlertDialogDescription,{children:["Are you sure you want to delete"," ",e.jsx("span",{className:"font-medium",children:o.name}),"? This action cannot be undone."]})]}),e.jsxs(s.AlertDialogFooter,{children:[e.jsx(s.AlertDialogCancel,{type:"button",children:"Cancel"}),e.jsx(s.AlertDialogAction,{type:"button",onClick:()=>z(o.id),className:"bg-red-500 text-white hover:bg-red-600",children:"Delete"})]})]})]})]})]})]})}),!h&&i&&e.jsx(s.CardContent,{className:"px-2 pb-2",children:e.jsxs("div",{className:"flex w-full flex-col items-center justify-center rounded-lg border bg-gray-100 py-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("div",{className:"max-w-xl text-center text-xs text-gray-500",children:["Not available in '",i,"' language. Default language JSONLD will be used."]}),O&&e.jsx("span",{className:"rounded-full bg-green-100 px-2 py-0.5 text-xs font-medium text-green-700",children:"Enabled in default"})]}),e.jsx(s.Button,{type:"button",size:"sm",variant:"outline",className:"mt-2",onClick:()=>{r({name:a.name,description:a.description||"",jsonld:a.jsonld,languageCode:i,primaryPageId:a.id}),d(!0)},children:"Copy & Edit from default language"})]})})]},a.id)})]}),v&&e.jsx("div",{className:"flex items-center justify-center p-4",children:e.jsx(f.Loader,{className:"h-5 w-5 animate-spin"})})]}),e.jsx(U,{show:t,onClose:()=>{d(!1),r(void 0)},initialData:n}),e.jsx(H,{id:p,onClose:()=>N(null)}),e.jsx(K,{schema:u==null?void 0:u.find(a=>a.id===C),onClose:()=>g(null)})]})}const K=({schema:t,onClose:d})=>e.jsx(s.Dialog,{open:!!t,onOpenChange:d,children:e.jsxs(s.DialogContent,{className:"max-w-2xl",children:[e.jsx(s.DialogHeader,{children:e.jsxs(s.DialogTitle,{className:"flex items-center gap-2",children:[t==null?void 0:t.name,(t==null?void 0:t.lang)&&e.jsxs("span",{className:"text-sm font-normal text-muted-foreground",children:["(",t.lang,")"]})]})}),e.jsxs("div",{className:"space-y-3",children:[(t==null?void 0:t.description)&&e.jsxs("div",{children:[e.jsx("div",{className:"text-xs font-medium text-muted-foreground",children:"Description"}),e.jsx("div",{className:"text-sm",children:t.description})]}),e.jsxs("div",{children:[e.jsx("div",{className:"mb-2 text-xs font-medium text-muted-foreground",children:"JSON-LD Schema"}),e.jsx(s.Textarea,{value:JSON.stringify(t==null?void 0:t.jsonld,null,2),readOnly:!0,className:"font-mono text-xs",rows:15})]})]})]})});exports.default=V;