@chaibuilder/sdk 4.0.0-beta.1 → 4.0.0-beta.3

package/dist/seo-panel-C1-iMOR1.js

@@ -0,0 +1,798 @@
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { l as ve, as as xe, ar as Ne, A as we, L as ee, aw as Se, aK as De, aL as Oe, i as be, ay as je, aM as Le, aN as Ie, aO as T, aP as Ee, aE as te } from "./index-ZuacEL1j.js";
+import { n as z, B as R, D as ke, d as Te, e as Ce, f as Fe, p as Ae, o as Je, am as Pe, A as Re, av as Be, ax as qe, ay as Ue, az as $, L as S, I as A, T as se } from "./index-Ct7ElCGK.js";
+import { find as _e, get as g, isEqual as ne, isEmpty as Ve } from "lodash-es";
+import { useMemo as Ge, useRef as ae, useState as J, useEffect as oe } from "react";
+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: Ge(() => _e(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>/, "");
+}, P = ({
+  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__ */ t(
+    R,
+    {
+      disabled: p,
+      type: "button",
+      className: "h-5 w-5",
+      variant: "ghost",
+      size: "sm",
+      onClick: () => m(),
+      children: p ? /* @__PURE__ */ t($e, { className: "h-3 w-3 animate-spin text-yellow-500" }) : /* @__PURE__ */ t(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__ */ t(ke, { open: e, onOpenChange: l, children: /* @__PURE__ */ o(Te, { className: "sm:max-w-[425px]", children: [
+    /* @__PURE__ */ o(Ce, { children: [
+      /* @__PURE__ */ t(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__ */ t(R, { variant: "outline", onClick: a, disabled: n, children: "Discard Changes" }),
+      /* @__PURE__ */ t(R, { 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] = J("seo"), B = 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] = J(!1), [ce, Y] = J(!1), [ie, _] = J(!1), [D, V] = J(null), [i, O] = J({
+    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, "features.canResetSeoToDefault", !1), X = !K || i.jsonLD !== "{}";
+  oe(() => {
+    if (!c && y && B) {
+      const s = {
+        keyword: "",
+        title: "",
+        description: "",
+        cononicalUrl: "",
+        noIndex: !1,
+        noFollow: "",
+        ogTitle: "",
+        ogDescription: "",
+        ogImage: "",
+        ogImageId: "",
+        searchTitle: "",
+        searchDescription: "",
+        jsonLD: "",
+        metaOther: "",
+        ...y
+      };
+      O(s), C.current[f] = s;
+    }
+  }, [c, y, f, B]), oe(() => {
+    const s = (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", s), () => {
+      window.removeEventListener("seo-language-switch-check", s);
+    };
+  }, [B, i, f]);
+  const pe = async () => {
+    if (!(!I || !f))
+      try {
+        U(!0);
+        const s = W(I, f), u = {
+          ...i,
+          keyword: g(s, "seo.keyword", ""),
+          title: g(s, "seo.title", ""),
+          description: g(s, "seo.description", ""),
+          cononicalUrl: g(s, "seo.canonicalUrl", ""),
+          noIndex: g(s, "seo.noIndex", !1),
+          noFollow: g(s, "seo.noFollow", !1),
+          ogTitle: g(s, "seo.ogTitle", ""),
+          ogDescription: g(s, "seo.ogDescription", "")
+          // Keep jsonLD as is
+        };
+        O(u), b.success(e("SEO fields reset to defaults"));
+      } catch (s) {
+        b.error(e("Failed to reset SEO fields")), console.error("Reset SEO error:", s);
+      } finally {
+        U(!1);
+      }
+  }, ge = async () => {
+    if (!(!I || !f))
+      try {
+        Y(!0);
+        const s = W(I, f), u = {
+          ...i,
+          jsonLD: g(s, "seo.jsonLD", "")
+        };
+        O(u), b.success(e("JSON-LD reset to default"));
+      } catch (s) {
+        b.error(e("Failed to reset JSON-LD")), console.error("Reset JSON-LD error:", s);
+      } finally {
+        Y(!1);
+      }
+  }, fe = async () => {
+    if (!(!I || !f))
+      try {
+        U(!0);
+        const s = W(I, f), u = {
+          ...i,
+          ogTitle: g(s, "seo.ogTitle", ""),
+          ogDescription: g(s, "seo.ogDescription", ""),
+          ogImage: g(s, "seo.ogImage", ""),
+          ogImageId: g(s, "seo.ogImageId", ""),
+          metaOther: g(s, "seo.metaOther", "{}")
+        };
+        O(u), b.success(e("Meta Tag fields reset to defaults"));
+      } catch (s) {
+        b.error(e("Failed to reset Meta Tag fields")), console.error("Reset Meta Tag error:", s);
+      } finally {
+        U(!1);
+      }
+  }, Z = async () => {
+    de(
+      { id: n == null ? void 0 : n.id, seo: i, primaryPage: B },
+      {
+        onSuccess: () => {
+          console.log("SEO & JSON-LD updated successfully", i), C.current[f] = i, b.success("SEO & JSON-LD updated successfully");
+        }
+      }
+    );
+  }, L = (s, u) => {
+    const v = document.getElementById(u);
+    if (v) {
+      const { value: q, newCursorPos: w } = Xe(v, s);
+      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 = (s) => {
+    const u = {
+      ...i,
+      [s.target.name]: s.target.name === "noIndex" || s.target.name === "noFollow" ? s.target.checked : s.target.value
+    };
+    O(u);
+  }, F = (s) => (u) => {
+    if (!Ve(u.fieldValue)) {
+      const v = h(
+        u.fieldValue,
+        s
+      );
+      v.success ? N({
+        target: {
+          name: s,
+          value: v.value
+        }
+      }) : b.error(
+        /* @__PURE__ */ o("div", { children: [
+          /* @__PURE__ */ t("h2", { children: "Failed to process AI response:" }),
+          /* @__PURE__ */ t("p", { children: v.error })
+        ] })
+      );
+    }
+    u.error && b.error(
+      /* @__PURE__ */ o("div", { children: [
+        /* @__PURE__ */ t("h2", { children: "Failed to generate:" }),
+        /* @__PURE__ */ t("p", { children: u.error })
+      ] })
+    );
+  }, ye = () => {
+    const s = g(r, "seo.jsonLD", "{}");
+    if ((s == null ? void 0 : s.trim()) === "{}") {
+      b.error("Default page JSON-LD is empty");
+      return;
+    }
+    N({ target: { name: "jsonLD", value: s } });
+  };
+  return /* @__PURE__ */ o("div", { className: "relative flex h-full flex-col", "data-panel-id": "seo", children: [
+    !d && /* @__PURE__ */ t("div", { className: "absolute inset-0 z-10 flex items-center justify-center backdrop-blur-sm", children: /* @__PURE__ */ t(Re, { variant: "default", className: "w-[80%] max-w-md text-xs", children: /* @__PURE__ */ t(Be, { 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__ */ t("div", { className: "font-medium", children: n == null ? void 0 : n.name }),
+          /* @__PURE__ */ t("span", { className: "font-mono text-xs leading-tight text-gray-500", children: n == null ? void 0 : n.slug })
+        ] }),
+        /* @__PURE__ */ t(Ie, { variant: "outline", showAdd: !1 })
+      ] }),
+      /* @__PURE__ */ t("form", { className: "space-y-8", children: /* @__PURE__ */ o(qe, { value: p, onValueChange: j, className: "w-full", children: [
+        /* @__PURE__ */ o(Ue, { className: "mb-4 grid w-full grid-cols-3", children: [
+          /* @__PURE__ */ t($, { value: "seo", children: e("SEO") }),
+          /* @__PURE__ */ t($, { value: "opengraph", children: e("Meta Tags") }),
+          /* @__PURE__ */ t($, { value: "jsonld", children: e("JSON-LD") })
+        ] }),
+        /* @__PURE__ */ t("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__ */ t(S, { className: "text-xs", htmlFor: "keyword", children: e("Keyword") }),
+              d && /* @__PURE__ */ t(
+                T,
+                {
+                  dataType: "value",
+                  data: a ?? {},
+                  onSelect: (s) => L(s, "keyword")
+                }
+              )
+            ] }),
+            /* @__PURE__ */ t(
+              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__ */ t(S, { className: "text-xs", htmlFor: "title", children: e("SEO Title") }),
+              /* @__PURE__ */ o("div", { className: "flex items-center justify-end gap-2", children: [
+                /* @__PURE__ */ t(P, { keyword: i.keyword, onComplete: F("title"), field: "title" }),
+                d && /* @__PURE__ */ t(
+                  T,
+                  {
+                    dataType: "value",
+                    data: a ?? {},
+                    onSelect: (s) => L(s, "title")
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ t(
+              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__ */ t(S, { className: "text-xs", htmlFor: "description", children: e("SEO Description") }),
+              /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ t(
+                  P,
+                  {
+                    keyword: i.keyword,
+                    onComplete: F("description"),
+                    field: "description"
+                  }
+                ),
+                d && /* @__PURE__ */ t(
+                  T,
+                  {
+                    data: a ?? {},
+                    onSelect: (s) => L(s, "description")
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ t(
+              se,
+              {
+                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__ */ t(S, { className: "text-xs", htmlFor: "title", children: e("Canonical URL") }),
+              d && /* @__PURE__ */ t(
+                T,
+                {
+                  dataType: "value",
+                  data: a ?? {},
+                  onSelect: (s) => L(s, "canonicalUrl")
+                }
+              )
+            ] }),
+            /* @__PURE__ */ t(
+              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__ */ t(
+                A,
+                {
+                  type: "checkbox",
+                  id: "noIndex",
+                  name: "noIndex",
+                  checked: i.noIndex,
+                  onChange: N,
+                  disabled: x || !d,
+                  className: "h-4 w-4"
+                }
+              ),
+              /* @__PURE__ */ t(S, { className: "pb-1 text-xs", htmlFor: "noIndex", children: e("No Index") })
+            ] }),
+            /* @__PURE__ */ t("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__ */ t(
+                A,
+                {
+                  type: "checkbox",
+                  id: "noFollow",
+                  name: "noFollow",
+                  checked: i.noFollow,
+                  onChange: N,
+                  disabled: x || !d,
+                  className: "h-4 w-4"
+                }
+              ),
+              /* @__PURE__ */ t(S, { className: "pb-1 text-xs", htmlFor: "noIndex", children: e("No Follow") })
+            ] }),
+            /* @__PURE__ */ t("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__ */ t("div", { className: p === "opengraph" ? "" : "sr-only", children: /* @__PURE__ */ t("div", { className: "space-y-4", children: /* @__PURE__ */ o("div", { children: [
+          /* @__PURE__ */ t("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__ */ t(S, { className: "text-xs", htmlFor: "ogTitle", children: e("OG Title") }),
+                /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ t(
+                    P,
+                    {
+                      keyword: i.keyword,
+                      onComplete: F("ogTitle"),
+                      field: "ogTitle"
+                    }
+                  ),
+                  d && /* @__PURE__ */ t(
+                    T,
+                    {
+                      dataType: "value",
+                      data: a ?? {},
+                      onSelect: (s) => L(s, "ogTitle")
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ t(
+                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__ */ t(S, { className: "text-xs", htmlFor: "ogDescription", children: e("OG Description") }),
+                /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ t(
+                    P,
+                    {
+                      keyword: i.keyword,
+                      onComplete: F("ogDescription"),
+                      field: "ogDescription"
+                    }
+                  ),
+                  d && /* @__PURE__ */ t(
+                    T,
+                    {
+                      dataType: "value",
+                      data: a ?? {},
+                      onSelect: (s) => L(s, "ogDescription")
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ t(
+                se,
+                {
+                  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__ */ t(S, { className: "text-xs", htmlFor: "ogImage", children: e("OG Image") }),
+                d && /* @__PURE__ */ t(
+                  T,
+                  {
+                    dataType: "value",
+                    data: a ?? {},
+                    onSelect: (s) => {
+                      O({
+                        ...i,
+                        ogImage: `{{${s}}}`,
+                        ogImageId: ""
+                      });
+                    }
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ t(
+                Ee,
+                {
+                  assetId: i.ogImageId,
+                  assetUrl: i.ogImage,
+                  onChange: (s) => {
+                    O({
+                      ...i,
+                      ogImage: s.url,
+                      ogImageId: s.id
+                    });
+                  },
+                  disabled: x || !d,
+                  placeholder: e("Select OG image"),
+                  className: "mb-2"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ o("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ o("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ t(S, { className: "text-xs", htmlFor: "metaOther", children: e("Meta Tags") }),
+                /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ t(
+                  P,
+                  {
+                    keyword: i.keyword,
+                    onComplete: F("metaOther"),
+                    field: "metaOther"
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ t(
+                te,
+                {
+                  id: "metaOther",
+                  value: i.metaOther,
+                  onChange: (s) => {
+                    N({
+                      target: { name: "metaOther", value: s }
+                    });
+                  },
+                  placeholder: e("Enter Meta Tags JSON"),
+                  disabled: x || !d,
+                  readOnly: !d,
+                  pageData: a || {},
+                  rows: 8,
+                  handleFieldInsert: L
+                }
+              )
+            ] })
+          ] })
+        ] }) }) }),
+        /* @__PURE__ */ t("div", { className: p === "jsonld" ? "" : "sr-only", children: /* @__PURE__ */ t("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__ */ t(S, { className: "text-xs", htmlFor: "jsonLD", children: e("JSON-LD") }),
+            X && /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ t(P, { keyword: i.keyword, onComplete: F("jsonLD"), field: "jsonLD" }) })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "hidden", children: JSON.stringify(a) }),
+          /* @__PURE__ */ t(
+            te,
+            {
+              id: "jsonLD",
+              value: i.jsonLD,
+              onChange: (s) => {
+                N({ target: { name: "jsonLD", value: s } });
+              },
+              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__ */ t(
+        R,
+        {
+          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__ */ t("div", {}),
+      /* @__PURE__ */ o("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ t(
+          R,
+          {
+            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__ */ t(
+          R,
+          {
+            variant: "link",
+            className: "text-gray-500 hover:text-gray-700",
+            onClick: () => l("outline"),
+            children: e("Cancel")
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ t(
+      Qe,
+      {
+        isOpen: ie,
+        onClose: () => {
+          _(!1), V(null);
+        },
+        onSave: async () => {
+          D && (await Z(), D.switchHandler(), _(!1), V(null));
+        },
+        onDiscard: () => {
+          if (D) {
+            const s = C.current[f];
+            s && O(s), 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
+};