@chaibuilder/pages 0.13.4 → 0.14.0

package/dist/seo-panel-Bxo4f-a_.js

@@ -0,0 +1,667 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { g as ye, aj as ve, ai as xe, A as Ne, L as Z, ak as we, aB as Se, aC as De, d as be, au as Oe, aD as Le, aE as Ce, aF as E, aG as Ie, aH as ee } from "./index-D7kegQ3M.js";
+import { useLanguages as z, useTranslation as ke, useSidebarActivePanel as Ee, usePermissions as Te } from "@chaibuilder/sdk";
+import { find as Fe, get as h, isEqual as te, isEmpty as je } from "lodash-es";
+import { useMemo as Re, useRef as ae, useState as j, useEffect as se } from "react";
+import { Button as P, Dialog as Ae, DialogContent as Pe, DialogHeader as Je, DialogTitle as Ve, DialogDescription as Ue, Alert as Ge, AlertDescription as Me, Tabs as Be, TabsList as $e, TabsTrigger as q, Label as N, Input as R, Textarea as ne } from "@chaibuilder/sdk/ui";
+import { toast as O } from "sonner";
+import { useMutation as He } from "@tanstack/react-query";
+import { Loader as qe, Wand2Icon as _e } from "lucide-react";
+import { g as _ } from "./get-seo-defaults-9zHebckY.js";
+const ze = () => {
+  const { selectedLang: a } = z(), { data: u, isFetching: c } = ye();
+  return { data: Re(() => Fe(u, { lang: a || "" }) || {}, [u, a]), isFetching: c };
+}, Ye = () => {
+  var p;
+  const u = (p = document.getElementById("canvas-iframe").contentDocument) == null ? void 0 : p.body.innerHTML;
+  if (!u) return null;
+  const i = new DOMParser().parseFromString(u, "text/html");
+  i.querySelectorAll("style, script, link, svg, [data-block-type='PartialBlock']").forEach((d) => d.remove()), i.querySelectorAll("*").forEach((d) => {
+    Array.from(d.attributes).forEach((m) => d.removeAttribute(m.name));
+  });
+  const r = i.querySelectorAll("h1, h2, h3, h4, h5, h6, p");
+  return Array.from(r).map((d) => `<${d.tagName.toLowerCase()}>${d.innerHTML}</${d.tagName.toLowerCase()}>`).join(" ").replace(/<p>Partial block. Double click to edit.<\/p>/, "");
+}, A = ({
+  keyword: a,
+  onComplete: u,
+  field: c
+}) => {
+  const i = ve(), r = xe(), { selectedLang: x, fallbackLang: p } = z(), { mutate: d, isPending: m } = He({
+    mutationFn: async () => {
+      const b = Ye();
+      return await i(r, {
+        action: Ne.GENERATE_SEO_FIELD,
+        data: {
+          pageContext: "",
+          dynamic: !1,
+          field: c,
+          lang: x || p,
+          pageContent: b,
+          keyword: a
+        }
+      });
+    },
+    onSuccess: (b) => {
+      u({ fieldValue: b.field });
+    },
+    onError: (b) => {
+      u({ fieldValue: null, error: b.message });
+    }
+  });
+  return /* @__PURE__ */ e(
+    P,
+    {
+      disabled: m,
+      type: "button",
+      className: "h-5 w-5",
+      variant: "ghost",
+      size: "sm",
+      onClick: () => d(),
+      children: m ? /* @__PURE__ */ e(qe, { className: "h-3 w-3 animate-spin text-yellow-500" }) : /* @__PURE__ */ e(_e, { className: "text-yellow-500" })
+    }
+  );
+}, Ke = ({
+  isOpen: a,
+  onClose: u,
+  onSave: c,
+  onDiscard: i,
+  isSaving: r = !1,
+  fromLanguage: x,
+  toLanguage: p
+}) => {
+  const d = Z[x] || x, m = Z[p] || p;
+  return /* @__PURE__ */ e(Ae, { open: a, onOpenChange: u, children: /* @__PURE__ */ s(Pe, { className: "sm:max-w-[425px]", children: [
+    /* @__PURE__ */ s(Je, { children: [
+      /* @__PURE__ */ e(Ve, { children: "Unsaved SEO Changes" }),
+      /* @__PURE__ */ s(Ue, { children: [
+        'You have unsaved changes in the SEO for "',
+        d,
+        '" version. Do you want to save these changes before switching to "',
+        m,
+        '" version?'
+      ] })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "flex justify-end gap-3 pt-4", children: [
+      /* @__PURE__ */ e(P, { variant: "outline", onClick: i, disabled: r, children: "Discard Changes" }),
+      /* @__PURE__ */ e(P, { onClick: c, disabled: r, children: r ? "Saving..." : "Save & Switch" })
+    ] })
+  ] }) });
+}, We = (a) => {
+  if (!a) return !0;
+  try {
+    return JSON.parse(a), !0;
+  } catch {
+    return !1;
+  }
+}, Qe = (a, u) => {
+  const c = a.selectionStart || 0, i = a.selectionEnd || 0, r = a.value, x = r.substring(0, c), p = r.substring(i), d = `{{${u}}}`, m = x + "" + d + p, b = c + 0 + // Account for space before if added
+  d.length;
+  return {
+    value: m,
+    newCursorPos: b
+  };
+}, Xe = () => {
+  const { t: a } = ke(), [, u] = Ee(), { data: c } = we(), { data: i } = Se(), { data: r, isFetching: x } = ze(), p = r == null ? void 0 : r.seo, d = ae(null), [m, b] = j("seo"), J = c == null ? void 0 : c.id, oe = c == null ? void 0 : c.pageType, C = De(oe), { selectedLang: Y, fallbackLang: le } = z(), g = Y || le, [K, U] = j(!1), [re, W] = j(!1), [ie, G] = j(!1), [w, M] = j(null), [n, S] = j({
+    keyword: "",
+    title: "",
+    description: "",
+    cononicalUrl: "",
+    noIndex: !1,
+    noFollow: "",
+    ogTitle: "",
+    ogDescription: "",
+    ogImage: "",
+    ogImageId: "",
+    searchTitle: "",
+    searchDescription: "",
+    jsonLD: "{}",
+    metaOther: "{}",
+    ...p
+  }), T = ae({}), { mutate: ce, isPending: B } = be(), f = B || K || re, { hasPermission: de } = Te(), o = de(Oe.EDIT_SEO), [me] = Le(), he = h(me, "features.canResetSeoToDefault", !1), Q = !Y || n.jsonLD !== "{}";
+  se(() => {
+    if (!x && p && J) {
+      const t = {
+        keyword: "",
+        title: "",
+        description: "",
+        cononicalUrl: "",
+        noIndex: !1,
+        noFollow: "",
+        ogTitle: "",
+        ogDescription: "",
+        ogImage: "",
+        ogImageId: "",
+        searchTitle: "",
+        searchDescription: "",
+        jsonLD: "",
+        metaOther: "",
+        ...p
+      };
+      S(t), T.current[g] = t;
+    }
+  }, [x, p, g, J]), se(() => {
+    const t = (l) => {
+      const { fromLang: D, toLang: V, switchHandler: v } = l.detail, $ = T.current[g];
+      ($ ? !te($, n) : !1) ? (M({ fromLang: D, toLang: V, switchHandler: v }), G(!0)) : v();
+    };
+    return window.addEventListener("seo-language-switch-check", t), () => {
+      window.removeEventListener("seo-language-switch-check", t);
+    };
+  }, [J, n, g]);
+  const ge = async () => {
+    if (!(!C || !g))
+      try {
+        U(!0);
+        const t = _(C, g), l = {
+          ...n,
+          keyword: h(t, "seo.keyword", ""),
+          title: h(t, "seo.title", ""),
+          description: h(t, "seo.description", ""),
+          cononicalUrl: h(t, "seo.canonicalUrl", ""),
+          noIndex: h(t, "seo.noIndex", !1),
+          noFollow: h(t, "seo.noFollow", !1),
+          ogTitle: h(t, "seo.ogTitle", ""),
+          ogDescription: h(t, "seo.ogDescription", "")
+          // Keep jsonLD as is
+        };
+        S(l), O.success(a("SEO fields reset to defaults"));
+      } catch (t) {
+        O.error(a("Failed to reset SEO fields")), console.error("Reset SEO error:", t);
+      } finally {
+        U(!1);
+      }
+  }, ue = async () => {
+    if (!(!C || !g))
+      try {
+        W(!0);
+        const t = _(C, g), l = {
+          ...n,
+          jsonLD: h(t, "seo.jsonLD", "")
+        };
+        S(l), O.success(a("JSON-LD reset to default"));
+      } catch (t) {
+        O.error(a("Failed to reset JSON-LD")), console.error("Reset JSON-LD error:", t);
+      } finally {
+        W(!1);
+      }
+  }, pe = async () => {
+    if (!(!C || !g))
+      try {
+        U(!0);
+        const t = _(C, g), l = {
+          ...n,
+          ogTitle: h(t, "seo.ogTitle", ""),
+          ogDescription: h(t, "seo.ogDescription", ""),
+          ogImage: h(t, "seo.ogImage", ""),
+          ogImageId: h(t, "seo.ogImageId", ""),
+          metaOther: h(t, "seo.metaOther", "{}")
+        };
+        S(l), O.success(a("Meta Tag fields reset to defaults"));
+      } catch (t) {
+        O.error(a("Failed to reset Meta Tag fields")), console.error("Reset Meta Tag error:", t);
+      } finally {
+        U(!1);
+      }
+  }, X = async () => {
+    ce(
+      { id: r == null ? void 0 : r.id, seo: n, primaryPage: J },
+      {
+        onSuccess: () => {
+          console.log("SEO & JSON-LD updated successfully", n), T.current[g] = n, O.success("SEO & JSON-LD updated successfully");
+        }
+      }
+    );
+  }, L = (t, l) => {
+    const D = document.getElementById(l);
+    if (D) {
+      const { value: V, newCursorPos: v } = Qe(D, t);
+      d.current = {
+        id: l,
+        position: v
+      }, D.tagName.toLowerCase() === "input" ? (D.value = V, S((k) => ({
+        ...k,
+        [D.name]: V
+      })), D.focus(), D.setSelectionRange(v, v), [0, 10, 50, 100, 200].forEach((k) => {
+        setTimeout(() => {
+          const H = document.getElementById(l);
+          H && (H.focus(), H.setSelectionRange(v, v));
+        }, k);
+      })) : (S((I) => ({
+        ...I,
+        [D.name]: V
+      })), requestAnimationFrame(() => {
+        const I = document.getElementById(l);
+        I && (I.focus(), I.setSelectionRange(v, v), setTimeout(() => {
+          const k = document.getElementById(l);
+          k && (k.focus(), k.setSelectionRange(v, v));
+        }, 50));
+      }));
+    }
+  }, y = (t) => {
+    const l = {
+      ...n,
+      [t.target.name]: t.target.name === "noIndex" || t.target.name === "noFollow" ? t.target.checked : t.target.value
+    };
+    S(l);
+  }, F = (t) => (l) => {
+    je(l.fieldValue) || y({
+      target: {
+        name: t,
+        value: typeof l.fieldValue == "string" ? l.fieldValue.replace(/^"(.*)"$/, "$1") : l.fieldValue
+      }
+    }), l.error && O.error(
+      /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ e("h2", { children: "Failed to generate:" }),
+        /* @__PURE__ */ e("p", { children: l.error })
+      ] })
+    );
+  }, fe = () => {
+    const t = h(c, "seo.jsonLD", "{}");
+    if ((t == null ? void 0 : t.trim()) === "{}") {
+      O.error("Default page JSON-LD is empty");
+      return;
+    }
+    y({ target: { name: "jsonLD", value: t } });
+  };
+  return /* @__PURE__ */ s("div", { className: "relative flex h-full flex-col", "data-panel-id": "seo", children: [
+    !o && /* @__PURE__ */ e("div", { className: "absolute inset-0 z-10 flex items-center justify-center backdrop-blur-sm", children: /* @__PURE__ */ e(Ge, { variant: "default", className: "w-[80%] max-w-md text-xs", children: /* @__PURE__ */ e(Me, { children: a("You don't have permission to edit SEO settings. Contact your administrator for access.") }) }) }),
+    /* @__PURE__ */ s("div", { className: "no-scrollbar flex-grow overflow-y-auto px-2 pb-20", children: [
+      /* @__PURE__ */ s("div", { className: "mb-4 flex w-full items-center justify-between rounded-md bg-gray-100 px-2 py-1 text-left text-sm", children: [
+        /* @__PURE__ */ s("span", { children: [
+          /* @__PURE__ */ e("div", { className: "font-medium", children: r == null ? void 0 : r.name }),
+          /* @__PURE__ */ e("span", { className: "font-mono text-xs leading-tight text-gray-500", children: r == null ? void 0 : r.slug })
+        ] }),
+        /* @__PURE__ */ e(Ce, { variant: "outline", showAdd: !1 })
+      ] }),
+      /* @__PURE__ */ e("form", { className: "space-y-8", children: /* @__PURE__ */ s(Be, { value: m, onValueChange: b, className: "w-full", children: [
+        /* @__PURE__ */ s($e, { className: "mb-4 grid w-full grid-cols-3", children: [
+          /* @__PURE__ */ e(q, { value: "seo", children: a("SEO") }),
+          /* @__PURE__ */ e(q, { value: "opengraph", children: a("Meta Tags") }),
+          /* @__PURE__ */ e(q, { value: "jsonld", children: a("JSON-LD") })
+        ] }),
+        /* @__PURE__ */ e("div", { className: m === "seo" ? "" : "sr-only", children: /* @__PURE__ */ s("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ s("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ e(N, { className: "text-xs", htmlFor: "keyword", children: a("Keyword") }),
+              o && /* @__PURE__ */ e(
+                E,
+                {
+                  dataType: "value",
+                  data: i ?? {},
+                  onSelect: (t) => L(t, "keyword")
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e(
+              R,
+              {
+                type: "text",
+                id: "keyword",
+                name: "keyword",
+                value: n.keyword,
+                onChange: y,
+                disabled: f || !o,
+                placeholder: a("Enter keyword"),
+                readOnly: !o
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ e(N, { className: "text-xs", htmlFor: "title", children: a("SEO Title") }),
+              /* @__PURE__ */ s("div", { className: "flex items-center justify-end gap-2", children: [
+                /* @__PURE__ */ e(A, { keyword: n.keyword, onComplete: F("title"), field: "title" }),
+                o && /* @__PURE__ */ e(
+                  E,
+                  {
+                    dataType: "value",
+                    data: i ?? {},
+                    onSelect: (t) => L(t, "title")
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ e(
+              R,
+              {
+                type: "text",
+                id: "title",
+                name: "title",
+                value: n.title,
+                onChange: y,
+                disabled: f || !o,
+                placeholder: a("Enter SEO title"),
+                readOnly: !o
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ e(N, { className: "text-xs", htmlFor: "description", children: a("SEO Description") }),
+              /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ e(
+                  A,
+                  {
+                    keyword: n.keyword,
+                    onComplete: F("description"),
+                    field: "description"
+                  }
+                ),
+                o && /* @__PURE__ */ e(
+                  E,
+                  {
+                    data: i ?? {},
+                    onSelect: (t) => L(t, "description")
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ e(
+              ne,
+              {
+                id: "description",
+                name: "description",
+                rows: 5,
+                value: n.description,
+                onChange: y,
+                disabled: f || !o,
+                placeholder: a("Enter SEO description"),
+                readOnly: !o
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ e(N, { className: "text-xs", htmlFor: "title", children: a("Canonical URL") }),
+              o && /* @__PURE__ */ e(
+                E,
+                {
+                  dataType: "value",
+                  data: i ?? {},
+                  onSelect: (t) => L(t, "canonicalUrl")
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e(
+              R,
+              {
+                type: "text",
+                id: "canonicalUrl",
+                name: "canonicalUrl",
+                value: n.canonicalUrl,
+                onChange: y,
+                disabled: f || !o,
+                placeholder: a("Enter Canonical URL"),
+                readOnly: !o
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s("div", { className: "", children: [
+            /* @__PURE__ */ s("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ e(
+                R,
+                {
+                  type: "checkbox",
+                  id: "noIndex",
+                  name: "noIndex",
+                  checked: n.noIndex,
+                  onChange: y,
+                  disabled: f || !o,
+                  className: "h-4 w-4"
+                }
+              ),
+              /* @__PURE__ */ e(N, { className: "pb-1 text-xs", htmlFor: "noIndex", children: a("No Index") })
+            ] }),
+            /* @__PURE__ */ e("p", { className: "mt-0 text-[10px] font-light leading-4 text-gray-400", children: a("Check this if you don't want search engines to index this page.") })
+          ] }),
+          /* @__PURE__ */ s("div", { className: "", children: [
+            /* @__PURE__ */ s("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ e(
+                R,
+                {
+                  type: "checkbox",
+                  id: "noFollow",
+                  name: "noFollow",
+                  checked: n.noFollow,
+                  onChange: y,
+                  disabled: f || !o,
+                  className: "h-4 w-4"
+                }
+              ),
+              /* @__PURE__ */ e(N, { className: "pb-1 text-xs", htmlFor: "noIndex", children: a("No Follow") })
+            ] }),
+            /* @__PURE__ */ e("p", { className: "text-[10px] font-light leading-4 text-gray-400", children: a("Check this if you don't want search engines to follow links on this page.") })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ e("div", { className: m === "opengraph" ? "" : "sr-only", children: /* @__PURE__ */ e("div", { className: "space-y-4", children: /* @__PURE__ */ s("div", { children: [
+          /* @__PURE__ */ e("h3", { className: "mb-4 font-semibold text-slate-700", children: a("Open Graph") }),
+          /* @__PURE__ */ s("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ s("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ e(N, { className: "text-xs", htmlFor: "ogTitle", children: a("OG Title") }),
+                /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ e(
+                    A,
+                    {
+                      keyword: n.keyword,
+                      onComplete: F("ogTitle"),
+                      field: "ogTitle"
+                    }
+                  ),
+                  o && /* @__PURE__ */ e(
+                    E,
+                    {
+                      dataType: "value",
+                      data: i ?? {},
+                      onSelect: (t) => L(t, "ogTitle")
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ e(
+                R,
+                {
+                  type: "text",
+                  id: "ogTitle",
+                  name: "ogTitle",
+                  value: n.ogTitle,
+                  onChange: y,
+                  disabled: f || !o,
+                  placeholder: a("Enter OG title"),
+                  readOnly: !o
+                }
+              )
+            ] }),
+            /* @__PURE__ */ s("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ e(N, { className: "text-xs", htmlFor: "ogDescription", children: a("OG Description") }),
+                /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ e(
+                    A,
+                    {
+                      keyword: n.keyword,
+                      onComplete: F("ogDescription"),
+                      field: "ogDescription"
+                    }
+                  ),
+                  o && /* @__PURE__ */ e(
+                    E,
+                    {
+                      dataType: "value",
+                      data: i ?? {},
+                      onSelect: (t) => L(t, "ogDescription")
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ e(
+                ne,
+                {
+                  id: "ogDescription",
+                  name: "ogDescription",
+                  rows: 5,
+                  value: n.ogDescription,
+                  onChange: y,
+                  disabled: f || !o,
+                  placeholder: a("Enter OG description"),
+                  readOnly: !o
+                }
+              )
+            ] }),
+            /* @__PURE__ */ s("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ e(N, { className: "text-xs", htmlFor: "ogImage", children: a("OG Image") }),
+                o && /* @__PURE__ */ e(
+                  E,
+                  {
+                    dataType: "value",
+                    data: i ?? {},
+                    onSelect: (t) => {
+                      S({
+                        ...n,
+                        ogImage: `{{${t}}}`,
+                        ogImageId: ""
+                      });
+                    }
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e(
+                Ie,
+                {
+                  assetId: n.ogImageId,
+                  assetUrl: n.ogImage,
+                  onChange: (t) => {
+                    S({
+                      ...n,
+                      ogImage: t.url,
+                      ogImageId: t.id
+                    });
+                  },
+                  disabled: f || !o,
+                  placeholder: a("Select OG image"),
+                  className: "mb-2"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ s("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ e(N, { className: "text-xs", htmlFor: "metaOther", children: a("Meta Tags") }),
+                /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e(
+                  A,
+                  {
+                    keyword: n.keyword,
+                    onComplete: F("metaOther"),
+                    field: "metaOther"
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ e(
+                ee,
+                {
+                  id: "metaOther",
+                  value: n.metaOther,
+                  onChange: (t) => {
+                    y({
+                      target: { name: "metaOther", value: t }
+                    });
+                  },
+                  placeholder: a("Enter Meta Tags JSON"),
+                  disabled: f || !o,
+                  readOnly: !o,
+                  pageData: i || {},
+                  rows: 8,
+                  handleFieldInsert: L
+                }
+              )
+            ] })
+          ] })
+        ] }) }) }),
+        /* @__PURE__ */ e("div", { className: m === "jsonld" ? "" : "sr-only", children: /* @__PURE__ */ e("div", { className: "space-y-4", children: /* @__PURE__ */ s("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ e(N, { className: "text-xs", htmlFor: "jsonLD", children: a("JSON-LD") }),
+            Q && /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e(A, { keyword: n.keyword, onComplete: F("jsonLD"), field: "jsonLD" }) })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "hidden", children: JSON.stringify(i) }),
+          /* @__PURE__ */ e(
+            ee,
+            {
+              id: "jsonLD",
+              value: n.jsonLD,
+              onChange: (t) => {
+                y({ target: { name: "jsonLD", value: t } });
+              },
+              placeholder: a("Enter JSON-LD"),
+              disabled: f || !o,
+              readOnly: !o,
+              pageData: i || {},
+              rows: 12,
+              handleFieldInsert: L,
+              hasJsonLdForSelectedLang: Q,
+              copyJsonLDFromDefaultPage: fe
+            }
+          )
+        ] }) }) })
+      ] }) })
+    ] }),
+    o && /* @__PURE__ */ s("div", { className: "fixed bottom-0 left-0 right-0 flex w-full flex-shrink-0 items-center justify-between border-t bg-background p-4", children: [
+      he ? /* @__PURE__ */ e(
+        P,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          onClick: () => {
+            m === "jsonld" ? ue() : m === "opengraph" ? pe() : ge();
+          },
+          disabled: f || !o || !C,
+          children: a(K ? "Resetting..." : `Reset to ${m === "jsonld" ? "Default JSON-LD" : m === "opengraph" ? "Default Open Graph" : "Default SEO"}`)
+        }
+      ) : /* @__PURE__ */ e("div", {}),
+      /* @__PURE__ */ s("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ e(
+          P,
+          {
+            onClick: X,
+            disabled: !We(n == null ? void 0 : n.jsonLD) || (T.current[g] ? te(T.current[g], n) : !1) || f || !o,
+            children: a(B ? "Saving..." : "Save")
+          }
+        ),
+        /* @__PURE__ */ e(
+          P,
+          {
+            variant: "link",
+            className: "text-gray-500 hover:text-gray-700",
+            onClick: () => u("outline"),
+            children: a("Cancel")
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e(
+      Ke,
+      {
+        isOpen: ie,
+        onClose: () => {
+          G(!1), M(null);
+        },
+        onSave: async () => {
+          w && (await X(), w.switchHandler(), G(!1), M(null));
+        },
+        onDiscard: () => {
+          if (w) {
+            const t = T.current[g];
+            t && S(t), w.switchHandler(), G(!1), M(null);
+          }
+        },
+        isSaving: B,
+        fromLanguage: (w == null ? void 0 : w.fromLang) || g,
+        toLanguage: (w == null ? void 0 : w.toLang) || ""
+      }
+    )
+  ] });
+};
+Xe.displayName = "SeoPanel";
+export {
+  Xe as default
+};