@chaibuilder/sdk 4.0.0-beta.49 → 4.0.0-beta.51

package/dist/seo-panel-Br8gxDxu.js

@@ -1,789 +0,0 @@
-import { jsx as s, jsxs as o } from "react/jsx-runtime";
-import { j as ve, ar as xe, aq as Ne, A as we, L as ee, av as Se, aL as De, aM as Oe, g as be, ax as je, aN as Le, aO as Ie, aP as T, aQ as Ee, aF as se } from "./index-LBTm1Jmk.js";
-import { d as z, D as ke, e as Te, f as Ce, g as Fe, o as Ae, n as Je, ax as Pe, ay as Re, az as qe, aA as $, p as S, T as te } from "./index-OuHV9Ann.js";
-import { find as Be, get as g, isEqual as ne, isEmpty as Ue } from "lodash-es";
-import { useMemo as _e, useRef as ae, useState as F, useEffect as oe } from "react";
-import { B as J, D as Ve, F as Ge, z as A } from "./register-chai-top-bar-D6GjnauV.js";
-import { useTranslation as Me } from "react-i18next";
-import { toast as b } from "sonner";
-import { useMutation as He } from "@tanstack/react-query";
-import { Loader as $e, Wand2Icon as We } from "lucide-react";
-import { g as W } from "./get-seo-defaults-9zHebckY.js";
-const ze = () => {
-  const { selectedLang: e } = z(), { data: l, isFetching: r } = ve();
-  return { data: _e(() => Be(l, { lang: e || "" }) || {}, [l, e]), isFetching: r };
-}, Ke = () => {
-  var y;
-  const l = (y = document.getElementById("canvas-iframe").contentDocument) == null ? void 0 : y.body.innerHTML;
-  if (!l) return null;
-  const a = new DOMParser().parseFromString(l, "text/html");
-  a.querySelectorAll("style, script, link, svg, [data-block-type='PartialBlock']").forEach((m) => m.remove()), a.querySelectorAll("*").forEach((m) => {
-    Array.from(m.attributes).forEach((p) => m.removeAttribute(p.name));
-  });
-  const n = a.querySelectorAll("h1, h2, h3, h4, h5, h6, p");
-  return Array.from(n).map((m) => `<${m.tagName.toLowerCase()}>${m.innerHTML}</${m.tagName.toLowerCase()}>`).join(" ").replace(/<p>Partial block. Double click to edit.<\/p>/, "");
-}, B = ({
-  keyword: e,
-  onComplete: l,
-  field: r
-}) => {
-  const a = xe(), n = Ne(), { selectedLang: c, fallbackLang: y } = z(), { mutate: m, isPending: p } = He({
-    mutationFn: async () => {
-      const j = Ke();
-      return await a(n, {
-        action: we.GENERATE_SEO_FIELD,
-        data: {
-          pageContext: "",
-          dynamic: !1,
-          field: r,
-          lang: c || y,
-          pageContent: j,
-          keyword: e
-        }
-      });
-    },
-    onSuccess: (j) => {
-      l({ fieldValue: j.field });
-    },
-    onError: (j) => {
-      l({ fieldValue: null, error: j.message });
-    }
-  });
-  return /* @__PURE__ */ s(
-    J,
-    {
-      disabled: p,
-      type: "button",
-      className: "h-5 w-5",
-      variant: "ghost",
-      size: "sm",
-      onClick: () => m(),
-      children: p ? /* @__PURE__ */ s($e, { className: "h-3 w-3 animate-spin text-yellow-500" }) : /* @__PURE__ */ s(We, { className: "text-yellow-500" })
-    }
-  );
-}, h = (e, l) => {
-  if (!e)
-    return { success: !1, error: "Empty response from AI" };
-  try {
-    let r = e;
-    if (typeof r == "string" && (/^".*"$/.test(r) && (r = r.replace(/^"(.*)"$/, "$1"), r = r.replace(/\\\\/g, "___DOUBLE_BACKSLASH___").replace(/\\n/g, `
-`).replace(/\\"/g, '"').replace(/___DOUBLE_BACKSLASH___/g, "\\")), l === "jsonLD" || l === "metaOther")) {
-      r.includes("```") && (r = r.replace(/^```json\s*/i, "").replace(/^```\s*/, "").replace(/\s*```$/m, "")), r = r.trim();
-      try {
-        JSON.parse(r);
-      } catch {
-        return {
-          success: !1,
-          error: "The AI response is not valid JSON. Please try again or edit manually."
-        };
-      }
-    }
-    return { success: !0, value: r };
-  } catch (r) {
-    return {
-      success: !1,
-      error: r instanceof Error ? r.message : "Unknown error occurred"
-    };
-  }
-};
-if (import.meta.vitest) {
-  const { it: e, expect: l, describe: r } = import.meta.vitest;
-  r("processAiSeoResponse", () => {
-    r("Regular text fields (title, description, etc.)", () => {
-      e("should handle plain text responses", () => {
-        const a = h("SEO Title Here", "title");
-        l(a).toEqual({ success: !0, value: "SEO Title Here" });
-      }), e("should remove surrounding quotes from text fields", () => {
-        const a = h('"SEO Title Here"', "title");
-        l(a).toEqual({ success: !0, value: "SEO Title Here" });
-      }), e("should handle empty string", () => {
-        const a = h("", "title");
-        l(a).toEqual({ success: !1, error: "Empty response from AI" });
-      }), e("should handle null value", () => {
-        const a = h(null, "title");
-        l(a).toEqual({ success: !1, error: "Empty response from AI" });
-      });
-    }), r("JSON fields (jsonLD, metaOther)", () => {
-      e("should handle valid JSON without code blocks", () => {
-        const a = '{"@context": "https://schema.org", "@type": "WebPage"}', n = h(a, "jsonLD");
-        l(n).toEqual({ success: !0, value: a });
-      }), e("should remove ```json code blocks and validate JSON", () => {
-        const a = '```json\n{"@context": "https://schema.org", "@type": "WebPage"}\n```', n = '{"@context": "https://schema.org", "@type": "WebPage"}', c = h(a, "jsonLD");
-        l(c).toEqual({ success: !0, value: n });
-      }), e("should remove ``` code blocks (without json keyword) and validate JSON", () => {
-        const a = '```\n{"@context": "https://schema.org", "@type": "WebPage"}\n```', n = '{"@context": "https://schema.org", "@type": "WebPage"}', c = h(a, "jsonLD");
-        l(c).toEqual({ success: !0, value: n });
-      }), e("should handle ```JSON (uppercase) code blocks", () => {
-        const a = '```JSON\n{"@context": "https://schema.org"}\n```', n = '{"@context": "https://schema.org"}', c = h(a, "jsonLD");
-        l(c).toEqual({ success: !0, value: n });
-      }), e("should handle code blocks with extra whitespace", () => {
-        const a = '```json  \n  {"@context": "https://schema.org"}  \n  ```', n = '{"@context": "https://schema.org"}', c = h(a, "jsonLD");
-        l(c).toEqual({ success: !0, value: n });
-      }), e("should reject invalid JSON after removing code blocks", () => {
-        const n = h("```json\n{invalid json here}\n```", "jsonLD");
-        l(n).toEqual({
-          success: !1,
-          error: "The AI response is not valid JSON. Please try again or edit manually."
-        });
-      }), e("should reject invalid JSON without code blocks", () => {
-        const n = h("{invalid json}", "jsonLD");
-        l(n).toEqual({
-          success: !1,
-          error: "The AI response is not valid JSON. Please try again or edit manually."
-        });
-      }), e("should handle complex nested JSON with code blocks", () => {
-        const n = h(`\`\`\`json
-{
-  "@context": "https://schema.org",
-  "@type": "Article",
-  "author": {
-    "@type": "Person",
-    "name": "John Doe"
-  },
-  "datePublished": "2024-01-01"
-}
-\`\`\``, "jsonLD");
-        if (l(n.success).toBe(!0), n.success) {
-          const c = JSON.parse(n.value);
-          l(c["@type"]).toBe("Article"), l(c.author.name).toBe("John Doe");
-        }
-      }), e("should handle metaOther field with JSON", () => {
-        const a = '```json\n{"og:type": "website", "twitter:card": "summary"}\n```', n = '{"og:type": "website", "twitter:card": "summary"}', c = h(a, "metaOther");
-        l(c).toEqual({ success: !0, value: n });
-      }), e("should handle JSON arrays", () => {
-        const a = '```json\n[{"@type": "BreadcrumbList"}]\n```', n = '[{"@type": "BreadcrumbList"}]', c = h(a, "jsonLD");
-        l(c).toEqual({ success: !0, value: n });
-      }), e("should handle empty JSON object", () => {
-        const c = h("```json\n{}\n```", "jsonLD");
-        l(c).toEqual({ success: !0, value: "{}" });
-      }), e("should handle JSON with special characters and escaping", () => {
-        const a = '```json\n{"description": "A \\"quoted\\" string with\\nnewlines"}\n```', n = '{"description": "A \\"quoted\\" string with\\nnewlines"}', c = h(a, "jsonLD");
-        l(c).toEqual({ success: !0, value: n });
-      });
-    }), r("Edge cases", () => {
-      e("should handle response with only code block markers", () => {
-        const n = h("```json\n```", "jsonLD");
-        l(n.success).toBe(!1);
-      }), e("should handle malformed code blocks (missing closing)", () => {
-        const n = h('```json\n{"@context": "https://schema.org"}', "jsonLD");
-        if (l(n.success).toBe(!0), n.success) {
-          const c = JSON.parse(n.value);
-          l(c["@context"]).toBe("https://schema.org");
-        }
-      }), e("should handle response with double-quoted JSON", () => {
-        const n = h('{"@type": "WebPage", "name": "Test"}', "jsonLD");
-        if (l(n.success).toBe(!0), n.success) {
-          const c = JSON.parse(n.value);
-          l(c["@type"]).toBe("WebPage");
-        }
-      });
-    });
-  });
-}
-const Qe = ({
-  isOpen: e,
-  onClose: l,
-  onSave: r,
-  onDiscard: a,
-  isSaving: n = !1,
-  fromLanguage: c,
-  toLanguage: y
-}) => {
-  const m = ee[c] || c, p = ee[y] || y;
-  return /* @__PURE__ */ s(ke, { open: e, onOpenChange: l, children: /* @__PURE__ */ o(Te, { className: "sm:max-w-[425px]", children: [
-    /* @__PURE__ */ o(Ce, { children: [
-      /* @__PURE__ */ s(Fe, { children: "Unsaved SEO Changes" }),
-      /* @__PURE__ */ o(Ae, { children: [
-        'You have unsaved changes in the SEO for "',
-        m,
-        '" version. Do you want to save these changes before switching to "',
-        p,
-        '" version?'
-      ] })
-    ] }),
-    /* @__PURE__ */ o("div", { className: "flex justify-end gap-3 pt-4", children: [
-      /* @__PURE__ */ s(J, { variant: "outline", onClick: a, disabled: n, children: "Discard Changes" }),
-      /* @__PURE__ */ s(J, { onClick: r, disabled: n, children: n ? "Saving..." : "Save & Switch" })
-    ] })
-  ] }) });
-}, Ye = (e) => {
-  if (!e) return !0;
-  try {
-    return JSON.parse(e), !0;
-  } catch {
-    return !1;
-  }
-}, Xe = (e, l) => {
-  const r = e.selectionStart || 0, a = e.selectionEnd || 0, n = e.value, c = n.substring(0, r), y = n.substring(a), m = `{{${l}}}`, p = c + "" + m + y, j = r + 0 + // Account for space before if added
-  m.length;
-  return {
-    value: p,
-    newCursorPos: j
-  };
-}, Ze = () => {
-  const { t: e } = Me(), [, l] = Je(), { data: r } = Se(), { data: a } = De(), { data: n, isFetching: c } = ze(), y = n == null ? void 0 : n.seo, m = ae(null), [p, j] = F("seo"), P = r == null ? void 0 : r.id, le = r == null ? void 0 : r.pageType, I = Oe(le), { selectedLang: K, fallbackLang: re } = z(), f = K || re, [Q, U] = F(!1), [ce, Y] = F(!1), [ie, _] = F(!1), [D, V] = F(null), [i, O] = F({
-    keyword: "",
-    title: "",
-    description: "",
-    cononicalUrl: "",
-    noIndex: !1,
-    noFollow: "",
-    ogTitle: "",
-    ogDescription: "",
-    ogImage: "",
-    ogImageId: "",
-    searchTitle: "",
-    searchDescription: "",
-    jsonLD: "{}",
-    metaOther: "{}",
-    ...y
-  }), C = ae({}), { mutate: de, isPending: G } = be(), x = G || Q || ce, { hasPermission: ue } = Pe(), d = ue(je.EDIT_SEO), [he] = Le(), me = g(he, "flags.resetSeoToDefault", !1), X = !K || i.jsonLD !== "{}";
-  oe(() => {
-    if (!c && y && P) {
-      const t = {
-        keyword: "",
-        title: "",
-        description: "",
-        cononicalUrl: "",
-        noIndex: !1,
-        noFollow: "",
-        ogTitle: "",
-        ogDescription: "",
-        ogImage: "",
-        ogImageId: "",
-        searchTitle: "",
-        searchDescription: "",
-        jsonLD: "",
-        metaOther: "",
-        ...y
-      };
-      O(t), C.current[f] = t;
-    }
-  }, [c, y, f, P]), oe(() => {
-    const t = (u) => {
-      const { fromLang: v, toLang: q, switchHandler: w } = u.detail, M = C.current[f];
-      (M ? !ne(M, i) : !1) ? (V({ fromLang: v, toLang: q, switchHandler: w }), _(!0)) : w();
-    };
-    return window.addEventListener("seo-language-switch-check", t), () => {
-      window.removeEventListener("seo-language-switch-check", t);
-    };
-  }, [P, i, f]);
-  const pe = async () => {
-    if (!(!I || !f))
-      try {
-        U(!0);
-        const t = W(I, f), u = {
-          ...i,
-          keyword: g(t, "seo.keyword", ""),
-          title: g(t, "seo.title", ""),
-          description: g(t, "seo.description", ""),
-          cononicalUrl: g(t, "seo.canonicalUrl", ""),
-          noIndex: g(t, "seo.noIndex", !1),
-          noFollow: g(t, "seo.noFollow", !1),
-          ogTitle: g(t, "seo.ogTitle", ""),
-          ogDescription: g(t, "seo.ogDescription", "")
-          // Keep jsonLD as is
-        };
-        O(u), b.success(e("SEO fields reset to defaults"));
-      } catch (t) {
-        b.error(e("Failed to reset SEO fields")), console.error("Reset SEO error:", t);
-      } finally {
-        U(!1);
-      }
-  }, ge = async () => {
-    if (!(!I || !f))
-      try {
-        Y(!0);
-        const t = W(I, f), u = {
-          ...i,
-          jsonLD: g(t, "seo.jsonLD", "")
-        };
-        O(u), b.success(e("JSON-LD reset to default"));
-      } catch (t) {
-        b.error(e("Failed to reset JSON-LD")), console.error("Reset JSON-LD error:", t);
-      } finally {
-        Y(!1);
-      }
-  }, fe = async () => {
-    if (!(!I || !f))
-      try {
-        U(!0);
-        const t = W(I, f), u = {
-          ...i,
-          ogTitle: g(t, "seo.ogTitle", ""),
-          ogDescription: g(t, "seo.ogDescription", ""),
-          ogImage: g(t, "seo.ogImage", ""),
-          ogImageId: g(t, "seo.ogImageId", ""),
-          metaOther: g(t, "seo.metaOther", "{}")
-        };
-        O(u), b.success(e("Meta Tag fields reset to defaults"));
-      } catch (t) {
-        b.error(e("Failed to reset Meta Tag fields")), console.error("Reset Meta Tag error:", t);
-      } finally {
-        U(!1);
-      }
-  }, Z = async () => {
-    de(
-      { id: n == null ? void 0 : n.id, seo: i, primaryPage: P },
-      {
-        onSuccess: () => {
-          console.log("SEO & JSON-LD updated successfully", i), C.current[f] = i, b.success("SEO & JSON-LD updated successfully");
-        }
-      }
-    );
-  }, L = (t, u) => {
-    const v = document.getElementById(u);
-    if (v) {
-      const { value: q, newCursorPos: w } = Xe(v, t);
-      m.current = {
-        id: u,
-        position: w
-      }, v.tagName.toLowerCase() === "input" ? (v.value = q, O((k) => ({
-        ...k,
-        [v.name]: q
-      })), v.focus(), v.setSelectionRange(w, w), [0, 10, 50, 100, 200].forEach((k) => {
-        setTimeout(() => {
-          const H = document.getElementById(u);
-          H && (H.focus(), H.setSelectionRange(w, w));
-        }, k);
-      })) : (O((E) => ({
-        ...E,
-        [v.name]: q
-      })), requestAnimationFrame(() => {
-        const E = document.getElementById(u);
-        E && (E.focus(), E.setSelectionRange(w, w), setTimeout(() => {
-          const k = document.getElementById(u);
-          k && (k.focus(), k.setSelectionRange(w, w));
-        }, 50));
-      }));
-    }
-  }, N = (t) => {
-    const u = {
-      ...i,
-      [t.target.name]: t.target.name === "noIndex" || t.target.name === "noFollow" ? t.target.checked : t.target.value
-    };
-    O(u);
-  }, R = (t) => (u) => {
-    if (!Ue(u.fieldValue)) {
-      const v = h(
-        u.fieldValue,
-        t
-      );
-      v.success ? N({
-        target: {
-          name: t,
-          value: v.value
-        }
-      }) : b.error(
-        /* @__PURE__ */ o("div", { children: [
-          /* @__PURE__ */ s("h2", { children: "Failed to process AI response:" }),
-          /* @__PURE__ */ s("p", { children: v.error })
-        ] })
-      );
-    }
-    u.error && b.error(
-      /* @__PURE__ */ o("div", { children: [
-        /* @__PURE__ */ s("h2", { children: "Failed to generate:" }),
-        /* @__PURE__ */ s("p", { children: u.error })
-      ] })
-    );
-  }, ye = () => {
-    const t = g(r, "seo.jsonLD", "{}");
-    if ((t == null ? void 0 : t.trim()) === "{}") {
-      b.error("Default page JSON-LD is empty");
-      return;
-    }
-    N({ target: { name: "jsonLD", value: t } });
-  };
-  return /* @__PURE__ */ o("div", { className: "relative flex h-full flex-col", "data-panel-id": "seo", children: [
-    !d && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center backdrop-blur-sm", children: /* @__PURE__ */ s(Ve, { variant: "default", className: "w-[80%] max-w-md text-xs", children: /* @__PURE__ */ s(Ge, { children: e("You don't have permission to edit SEO settings. Contact your administrator for access.") }) }) }),
-    /* @__PURE__ */ o("div", { className: "no-scrollbar flex-grow overflow-y-auto px-2 pb-20", children: [
-      /* @__PURE__ */ o("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__ */ o("span", { children: [
-          /* @__PURE__ */ s("div", { className: "font-medium", children: n == null ? void 0 : n.name }),
-          /* @__PURE__ */ s("span", { className: "font-mono text-xs leading-tight text-gray-500", children: n == null ? void 0 : n.slug })
-        ] }),
-        /* @__PURE__ */ s(Ie, { showAdd: !1 })
-      ] }),
-      /* @__PURE__ */ s("form", { className: "space-y-8", children: /* @__PURE__ */ o(Re, { value: p, onValueChange: j, className: "w-full", children: [
-        /* @__PURE__ */ o(qe, { className: "mb-4 grid w-full grid-cols-3", children: [
-          /* @__PURE__ */ s($, { value: "seo", children: e("SEO") }),
-          /* @__PURE__ */ s($, { value: "opengraph", children: e("Meta Tags") }),
-          /* @__PURE__ */ s($, { value: "jsonld", children: e("JSON-LD") })
-        ] }),
-        /* @__PURE__ */ s("div", { className: p === "seo" ? "" : "sr-only", children: /* @__PURE__ */ o("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ o("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ o("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ s(S, { className: "text-xs", htmlFor: "keyword", children: e("Keyword") }),
-              d && /* @__PURE__ */ s(
-                T,
-                {
-                  dataType: "value",
-                  data: a ?? {},
-                  onSelect: (t) => L(t, "keyword")
-                }
-              )
-            ] }),
-            /* @__PURE__ */ s(
-              A,
-              {
-                type: "text",
-                id: "keyword",
-                name: "keyword",
-                value: i.keyword,
-                onChange: N,
-                disabled: x || !d,
-                placeholder: e("Enter keyword"),
-                readOnly: !d
-              }
-            )
-          ] }),
-          /* @__PURE__ */ o("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ o("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ s(S, { className: "text-xs", htmlFor: "title", children: e("SEO Title") }),
-              /* @__PURE__ */ o("div", { className: "flex items-center justify-end gap-2", children: [
-                /* @__PURE__ */ s(B, { keyword: i.keyword, onComplete: R("title"), field: "title" }),
-                d && /* @__PURE__ */ s(
-                  T,
-                  {
-                    dataType: "value",
-                    data: a ?? {},
-                    onSelect: (t) => L(t, "title")
-                  }
-                )
-              ] })
-            ] }),
-            /* @__PURE__ */ s(
-              A,
-              {
-                type: "text",
-                id: "title",
-                name: "title",
-                value: i.title,
-                onChange: N,
-                disabled: x || !d,
-                placeholder: e("Enter SEO title"),
-                readOnly: !d
-              }
-            )
-          ] }),
-          /* @__PURE__ */ o("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ o("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ s(S, { className: "text-xs", htmlFor: "description", children: e("SEO Description") }),
-              /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ s(
-                  B,
-                  {
-                    keyword: i.keyword,
-                    onComplete: R("description"),
-                    field: "description"
-                  }
-                ),
-                d && /* @__PURE__ */ s(
-                  T,
-                  {
-                    data: a ?? {},
-                    onSelect: (t) => L(t, "description")
-                  }
-                )
-              ] })
-            ] }),
-            /* @__PURE__ */ s(
-              te,
-              {
-                id: "description",
-                name: "description",
-                rows: 5,
-                value: i.description,
-                onChange: N,
-                disabled: x || !d,
-                placeholder: e("Enter SEO description"),
-                readOnly: !d
-              }
-            )
-          ] }),
-          /* @__PURE__ */ o("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ o("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ s(S, { className: "text-xs", htmlFor: "title", children: e("Canonical URL") }),
-              d && /* @__PURE__ */ s(
-                T,
-                {
-                  dataType: "value",
-                  data: a ?? {},
-                  onSelect: (t) => L(t, "canonicalUrl")
-                }
-              )
-            ] }),
-            /* @__PURE__ */ s(
-              A,
-              {
-                type: "text",
-                id: "canonicalUrl",
-                name: "canonicalUrl",
-                value: i.canonicalUrl,
-                onChange: N,
-                disabled: x || !d,
-                placeholder: e("Enter Canonical URL"),
-                readOnly: !d
-              }
-            )
-          ] }),
-          /* @__PURE__ */ o("div", { className: "", children: [
-            /* @__PURE__ */ o("div", { className: "flex items-center gap-x-2", children: [
-              /* @__PURE__ */ s(
-                A,
-                {
-                  type: "checkbox",
-                  id: "noIndex",
-                  name: "noIndex",
-                  checked: i.noIndex,
-                  onChange: N,
-                  disabled: x || !d,
-                  className: "h-4 w-4"
-                }
-              ),
-              /* @__PURE__ */ s(S, { className: "pb-1 text-xs", htmlFor: "noIndex", children: e("No Index") })
-            ] }),
-            /* @__PURE__ */ s("p", { className: "mt-0 text-[10px] font-light leading-4 text-gray-400", children: e("Check this if you don't want search engines to index this page.") })
-          ] }),
-          /* @__PURE__ */ o("div", { className: "", children: [
-            /* @__PURE__ */ o("div", { className: "flex items-center gap-x-2", children: [
-              /* @__PURE__ */ s(
-                A,
-                {
-                  type: "checkbox",
-                  id: "noFollow",
-                  name: "noFollow",
-                  checked: i.noFollow,
-                  onChange: N,
-                  disabled: x || !d,
-                  className: "h-4 w-4"
-                }
-              ),
-              /* @__PURE__ */ s(S, { className: "pb-1 text-xs", htmlFor: "noIndex", children: e("No Follow") })
-            ] }),
-            /* @__PURE__ */ s("p", { className: "text-[10px] font-light leading-4 text-gray-400", children: e("Check this if you don't want search engines to follow links on this page.") })
-          ] })
-        ] }) }),
-        /* @__PURE__ */ s("div", { className: p === "opengraph" ? "" : "sr-only", children: /* @__PURE__ */ s("div", { className: "space-y-4", children: /* @__PURE__ */ o("div", { children: [
-          /* @__PURE__ */ s("h3", { className: "mb-4 font-semibold text-slate-700", children: e("Open Graph") }),
-          /* @__PURE__ */ o("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ o("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ o("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ s(S, { className: "text-xs", htmlFor: "ogTitle", children: e("OG Title") }),
-                /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ s(
-                    B,
-                    {
-                      keyword: i.keyword,
-                      onComplete: R("ogTitle"),
-                      field: "ogTitle"
-                    }
-                  ),
-                  d && /* @__PURE__ */ s(
-                    T,
-                    {
-                      dataType: "value",
-                      data: a ?? {},
-                      onSelect: (t) => L(t, "ogTitle")
-                    }
-                  )
-                ] })
-              ] }),
-              /* @__PURE__ */ s(
-                A,
-                {
-                  type: "text",
-                  id: "ogTitle",
-                  name: "ogTitle",
-                  value: i.ogTitle,
-                  onChange: N,
-                  disabled: x || !d,
-                  placeholder: e("Enter OG title"),
-                  readOnly: !d
-                }
-              )
-            ] }),
-            /* @__PURE__ */ o("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ o("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ s(S, { className: "text-xs", htmlFor: "ogDescription", children: e("OG Description") }),
-                /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ s(
-                    B,
-                    {
-                      keyword: i.keyword,
-                      onComplete: R("ogDescription"),
-                      field: "ogDescription"
-                    }
-                  ),
-                  d && /* @__PURE__ */ s(
-                    T,
-                    {
-                      dataType: "value",
-                      data: a ?? {},
-                      onSelect: (t) => L(t, "ogDescription")
-                    }
-                  )
-                ] })
-              ] }),
-              /* @__PURE__ */ s(
-                te,
-                {
-                  id: "ogDescription",
-                  name: "ogDescription",
-                  rows: 5,
-                  value: i.ogDescription,
-                  onChange: N,
-                  disabled: x || !d,
-                  placeholder: e("Enter OG description"),
-                  readOnly: !d
-                }
-              )
-            ] }),
-            /* @__PURE__ */ o("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ o("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ s(S, { className: "text-xs", htmlFor: "ogImage", children: e("OG Image") }),
-                d && /* @__PURE__ */ s(
-                  T,
-                  {
-                    dataType: "value",
-                    data: a ?? {},
-                    onSelect: (t) => {
-                      O({
-                        ...i,
-                        ogImage: `{{${t}}}`,
-                        ogImageId: ""
-                      });
-                    }
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ s(
-                Ee,
-                {
-                  assetId: i.ogImageId,
-                  assetUrl: i.ogImage,
-                  onChange: (t) => {
-                    O({
-                      ...i,
-                      ogImage: t.url,
-                      ogImageId: t.id
-                    });
-                  },
-                  disabled: x || !d,
-                  placeholder: e("Select OG image"),
-                  className: "mb-2"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ o("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ s(S, { className: "text-xs", htmlFor: "metaOther", children: e("Meta Tags") }) }),
-              /* @__PURE__ */ s(
-                se,
-                {
-                  id: "metaOther",
-                  value: i.metaOther,
-                  onChange: (t) => {
-                    N({
-                      target: { name: "metaOther", value: t }
-                    });
-                  },
-                  placeholder: e("Enter Meta Tags JSON"),
-                  disabled: x || !d,
-                  readOnly: !d,
-                  pageData: a || {},
-                  rows: 8,
-                  handleFieldInsert: L
-                }
-              )
-            ] })
-          ] })
-        ] }) }) }),
-        /* @__PURE__ */ s("div", { className: p === "jsonld" ? "" : "sr-only", children: /* @__PURE__ */ s("div", { className: "space-y-4", children: /* @__PURE__ */ o("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ o("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ s(S, { className: "text-xs", htmlFor: "jsonLD", children: e("JSON-LD") }),
-            X && /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ s(B, { keyword: i.keyword, onComplete: R("jsonLD"), field: "jsonLD" }) })
-          ] }),
-          /* @__PURE__ */ s("div", { className: "hidden", children: JSON.stringify(a) }),
-          /* @__PURE__ */ s(
-            se,
-            {
-              id: "jsonLD",
-              value: i.jsonLD,
-              onChange: (t) => {
-                N({ target: { name: "jsonLD", value: t } });
-              },
-              placeholder: e("Enter JSON-LD"),
-              disabled: x || !d,
-              readOnly: !d,
-              pageData: a || {},
-              rows: 12,
-              handleFieldInsert: L,
-              hasJsonLdForSelectedLang: X,
-              copyJsonLDFromDefaultPage: ye
-            }
-          )
-        ] }) }) })
-      ] }) })
-    ] }),
-    d && /* @__PURE__ */ o("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: [
-      me ? /* @__PURE__ */ s(
-        J,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "sm",
-          onClick: () => {
-            p === "jsonld" ? ge() : p === "opengraph" ? fe() : pe();
-          },
-          disabled: x || !d || !I,
-          children: e(Q ? "Resetting..." : `Reset to ${p === "jsonld" ? "Default JSON-LD" : p === "opengraph" ? "Default Open Graph" : "Default SEO"}`)
-        }
-      ) : /* @__PURE__ */ s("div", {}),
-      /* @__PURE__ */ o("div", { className: "flex items-center gap-4", children: [
-        /* @__PURE__ */ s(
-          J,
-          {
-            onClick: Z,
-            disabled: !Ye(i == null ? void 0 : i.jsonLD) || (C.current[f] ? ne(C.current[f], i) : !1) || x || !d,
-            children: e(G ? "Saving..." : "Save")
-          }
-        ),
-        /* @__PURE__ */ s(
-          J,
-          {
-            variant: "link",
-            className: "text-gray-500 hover:text-gray-700",
-            onClick: () => l("outline"),
-            children: e("Cancel")
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ s(
-      Qe,
-      {
-        isOpen: ie,
-        onClose: () => {
-          _(!1), V(null);
-        },
-        onSave: async () => {
-          D && (await Z(), D.switchHandler(), _(!1), V(null));
-        },
-        onDiscard: () => {
-          if (D) {
-            const t = C.current[f];
-            t && O(t), D.switchHandler(), _(!1), V(null);
-          }
-        },
-        isSaving: G,
-        fromLanguage: (D == null ? void 0 : D.fromLang) || f,
-        toLanguage: (D == null ? void 0 : D.toLang) || ""
-      }
-    )
-  ] });
-};
-Ze.displayName = "SeoPanel";
-export {
-  Ze as default
-};