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

package/dist/seo-panel---mYZmLD.js

@@ -0,0 +1,559 @@
+import { jsx as s, jsxs as a } from "react/jsx-runtime";
+import { find as fe, get as r, isEqual as Z } from "lodash-es";
+import { useMemo as pe, useRef as Q, useState as C, useEffect as W } from "react";
+import { useTranslation as ye } from "react-i18next";
+import { toast as D } from "sonner";
+import { B as R, D as xe, E as ve, z as j } from "./register-chai-top-bar-DWmJ2efT.js";
+import { d as te, D as Ne, e as we, f as Se, g as De, o as Oe, n as be, Y as Le, Z as Ie, _ as Te, $ as H, p, T as X } from "./index-DPV6NiJ-.js";
+import { g as Ee, L as ee, aq as Fe, ar as Ce, as as je, d as ke, at as Re, au as Je, av as T, aw as Pe, ax as se } from "./index-DqzFD1CG.js";
+import { g as $ } from "./get-seo-defaults-9zHebckY.js";
+const Ue = () => {
+  const { selectedLang: t } = te(), { data: w, isFetching: m } = Ee();
+  return { data: pe(() => fe(w, { lang: t || "" }) || {}, [w, t]), isFetching: m };
+}, Ve = ({
+  isOpen: t,
+  onClose: w,
+  onSave: m,
+  onDiscard: c,
+  isSaving: o = !1,
+  fromLanguage: O,
+  toLanguage: N
+}) => {
+  const E = ee[O] || O, g = ee[N] || N;
+  return /* @__PURE__ */ s(Ne, { open: t, onOpenChange: w, children: /* @__PURE__ */ a(we, { className: "sm:max-w-[425px]", children: [
+    /* @__PURE__ */ a(Se, { children: [
+      /* @__PURE__ */ s(De, { children: "Unsaved SEO Changes" }),
+      /* @__PURE__ */ a(Oe, { children: [
+        'You have unsaved changes in the SEO for "',
+        E,
+        '" version. Do you want to save these changes before switching to "',
+        g,
+        '" version?'
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "flex justify-end gap-3 pt-4", children: [
+      /* @__PURE__ */ s(R, { variant: "outline", onClick: c, disabled: o, children: "Discard Changes" }),
+      /* @__PURE__ */ s(R, { onClick: m, disabled: o, children: o ? "Saving..." : "Save & Switch" })
+    ] })
+  ] }) });
+}, Ge = (t) => {
+  if (!t) return !0;
+  try {
+    return JSON.parse(t), !0;
+  } catch {
+    return !1;
+  }
+}, Ae = (t, w) => {
+  const m = t.selectionStart || 0, c = t.selectionEnd || 0, o = t.value, O = o.substring(0, m), N = o.substring(c), E = `{{${w}}}`, g = O + "" + E + N, G = m + 0 + // Account for space before if added
+  E.length;
+  return {
+    value: g,
+    newCursorPos: G
+  };
+}, Be = () => {
+  const { t } = ye(), [, w] = be(), { data: m } = Fe(), { data: c } = Ce(), { data: o, isFetching: O } = Ue(), N = o == null ? void 0 : o.seo, E = Q(null), [g, G] = C("seo"), J = m == null ? void 0 : m.id, ae = m == null ? void 0 : m.pageType, b = je(ae), { selectedLang: q, fallbackLang: ne } = te(), d = q || ne, [z, P] = C(!1), [le, Y] = C(!1), [oe, U] = C(!1), [y, V] = C(null), [l, x] = C({
+    keyword: "",
+    title: "",
+    description: "",
+    cononicalUrl: "",
+    noIndex: !1,
+    noFollow: "",
+    ogTitle: "",
+    ogDescription: "",
+    ogImage: "",
+    ogImageId: "",
+    searchTitle: "",
+    searchDescription: "",
+    jsonLD: "{}",
+    metaOther: "{}",
+    ...N
+  }), F = Q({}), { mutate: ie, isPending: A } = ke(), h = A || z || le, { hasPermission: re } = Le(), n = re(Re.EDIT_SEO), [ce] = Je(), de = r(ce, "flags.resetSeoToDefault", !1), _ = !q || l.jsonLD !== "{}";
+  W(() => {
+    if (!O && N && J) {
+      const e = {
+        keyword: "",
+        title: "",
+        description: "",
+        cononicalUrl: "",
+        noIndex: !1,
+        noFollow: "",
+        ogTitle: "",
+        ogDescription: "",
+        ogImage: "",
+        ogImageId: "",
+        searchTitle: "",
+        searchDescription: "",
+        jsonLD: "",
+        metaOther: "",
+        ...N
+      };
+      x(e), F.current[d] = e;
+    }
+  }, [O, N, d, J]), W(() => {
+    const e = (i) => {
+      const { fromLang: v, toLang: k, switchHandler: u } = i.detail, B = F.current[d];
+      (B ? !Z(B, l) : !1) ? (V({ fromLang: v, toLang: k, switchHandler: u }), U(!0)) : u();
+    };
+    return window.addEventListener("seo-language-switch-check", e), () => {
+      window.removeEventListener("seo-language-switch-check", e);
+    };
+  }, [J, l, d]);
+  const me = async () => {
+    if (!(!b || !d))
+      try {
+        P(!0);
+        const e = $(b, d), i = {
+          ...l,
+          keyword: r(e, "seo.keyword", ""),
+          title: r(e, "seo.title", ""),
+          description: r(e, "seo.description", ""),
+          cononicalUrl: r(e, "seo.canonicalUrl", ""),
+          noIndex: r(e, "seo.noIndex", !1),
+          noFollow: r(e, "seo.noFollow", !1),
+          ogTitle: r(e, "seo.ogTitle", ""),
+          ogDescription: r(e, "seo.ogDescription", "")
+          // Keep jsonLD as is
+        };
+        x(i), D.success(t("SEO fields reset to defaults"));
+      } catch (e) {
+        D.error(t("Failed to reset SEO fields")), console.error("Reset SEO error:", e);
+      } finally {
+        P(!1);
+      }
+  }, he = async () => {
+    if (!(!b || !d))
+      try {
+        Y(!0);
+        const e = $(b, d), i = {
+          ...l,
+          jsonLD: r(e, "seo.jsonLD", "")
+        };
+        x(i), D.success(t("JSON-LD reset to default"));
+      } catch (e) {
+        D.error(t("Failed to reset JSON-LD")), console.error("Reset JSON-LD error:", e);
+      } finally {
+        Y(!1);
+      }
+  }, ge = async () => {
+    if (!(!b || !d))
+      try {
+        P(!0);
+        const e = $(b, d), i = {
+          ...l,
+          ogTitle: r(e, "seo.ogTitle", ""),
+          ogDescription: r(e, "seo.ogDescription", ""),
+          ogImage: r(e, "seo.ogImage", ""),
+          ogImageId: r(e, "seo.ogImageId", ""),
+          metaOther: r(e, "seo.metaOther", "{}")
+        };
+        x(i), D.success(t("Meta Tag fields reset to defaults"));
+      } catch (e) {
+        D.error(t("Failed to reset Meta Tag fields")), console.error("Reset Meta Tag error:", e);
+      } finally {
+        P(!1);
+      }
+  }, K = async () => {
+    ie(
+      { id: o == null ? void 0 : o.id, seo: l, primaryPage: J },
+      {
+        onSuccess: () => {
+          console.log("SEO & JSON-LD updated successfully", l), F.current[d] = l, D.success("SEO & JSON-LD updated successfully");
+        }
+      }
+    );
+  }, S = (e, i) => {
+    const v = document.getElementById(i);
+    if (v) {
+      const { value: k, newCursorPos: u } = Ae(v, e);
+      E.current = {
+        id: i,
+        position: u
+      }, v.tagName.toLowerCase() === "input" ? (v.value = k, x((I) => ({
+        ...I,
+        [v.name]: k
+      })), v.focus(), v.setSelectionRange(u, u), [0, 10, 50, 100, 200].forEach((I) => {
+        setTimeout(() => {
+          const M = document.getElementById(i);
+          M && (M.focus(), M.setSelectionRange(u, u));
+        }, I);
+      })) : (x((L) => ({
+        ...L,
+        [v.name]: k
+      })), requestAnimationFrame(() => {
+        const L = document.getElementById(i);
+        L && (L.focus(), L.setSelectionRange(u, u), setTimeout(() => {
+          const I = document.getElementById(i);
+          I && (I.focus(), I.setSelectionRange(u, u));
+        }, 50));
+      }));
+    }
+  }, f = (e) => {
+    const i = {
+      ...l,
+      [e.target.name]: e.target.name === "noIndex" || e.target.name === "noFollow" ? e.target.checked : e.target.value
+    };
+    x(i);
+  }, ue = () => {
+    const e = r(m, "seo.jsonLD", "{}");
+    if ((e == null ? void 0 : e.trim()) === "{}") {
+      D.error("Default page JSON-LD is empty");
+      return;
+    }
+    f({ target: { name: "jsonLD", value: e } });
+  };
+  return /* @__PURE__ */ a("div", { className: "relative flex h-full flex-col", "data-panel-id": "seo", children: [
+    !n && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center backdrop-blur-sm", children: /* @__PURE__ */ s(xe, { variant: "default", className: "w-[80%] max-w-md text-xs", children: /* @__PURE__ */ s(ve, { children: t("You don't have permission to edit SEO settings. Contact your administrator for access.") }) }) }),
+    /* @__PURE__ */ a("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__ */ a("span", { children: [
+        /* @__PURE__ */ s("div", { className: "font-medium", children: o == null ? void 0 : o.name }),
+        /* @__PURE__ */ s("span", { className: "font-mono text-xs leading-tight text-gray-500", children: o == null ? void 0 : o.slug })
+      ] }) }),
+      /* @__PURE__ */ s("form", { className: "space-y-8", children: /* @__PURE__ */ a(Ie, { value: g, onValueChange: G, className: "w-full", children: [
+        /* @__PURE__ */ a(Te, { className: "mb-4 grid w-full grid-cols-3", children: [
+          /* @__PURE__ */ s(H, { value: "seo", children: t("SEO") }),
+          /* @__PURE__ */ s(H, { value: "opengraph", children: t("Meta Tags") }),
+          /* @__PURE__ */ s(H, { value: "jsonld", children: t("JSON-LD") })
+        ] }),
+        /* @__PURE__ */ s("div", { className: g === "seo" ? "" : "sr-only", children: /* @__PURE__ */ a("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ a("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ s(p, { className: "text-xs", htmlFor: "keyword", children: t("Keyword") }),
+              n && /* @__PURE__ */ s(
+                T,
+                {
+                  dataType: "value",
+                  data: c ?? {},
+                  onSelect: (e) => S(e, "keyword")
+                }
+              )
+            ] }),
+            /* @__PURE__ */ s(
+              j,
+              {
+                type: "text",
+                id: "keyword",
+                name: "keyword",
+                value: l.keyword,
+                onChange: f,
+                disabled: h || !n,
+                placeholder: t("Enter keyword"),
+                readOnly: !n
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ s(p, { className: "text-xs", htmlFor: "title", children: t("SEO Title") }),
+              /* @__PURE__ */ s("div", { className: "flex items-center justify-end gap-2", children: n && /* @__PURE__ */ s(
+                T,
+                {
+                  dataType: "value",
+                  data: c ?? {},
+                  onSelect: (e) => S(e, "title")
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ s(
+              j,
+              {
+                type: "text",
+                id: "title",
+                name: "title",
+                value: l.title,
+                onChange: f,
+                disabled: h || !n,
+                placeholder: t("Enter SEO title"),
+                readOnly: !n
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ s(p, { className: "text-xs", htmlFor: "description", children: t("SEO Description") }),
+              /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: n && /* @__PURE__ */ s(
+                T,
+                {
+                  data: c ?? {},
+                  onSelect: (e) => S(e, "description")
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ s(
+              X,
+              {
+                id: "description",
+                name: "description",
+                rows: 5,
+                value: l.description,
+                onChange: f,
+                disabled: h || !n,
+                placeholder: t("Enter SEO description"),
+                readOnly: !n
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ s(p, { className: "text-xs", htmlFor: "title", children: t("Canonical URL") }),
+              n && /* @__PURE__ */ s(
+                T,
+                {
+                  dataType: "value",
+                  data: c ?? {},
+                  onSelect: (e) => S(e, "canonicalUrl")
+                }
+              )
+            ] }),
+            /* @__PURE__ */ s(
+              j,
+              {
+                type: "text",
+                id: "canonicalUrl",
+                name: "canonicalUrl",
+                value: l.canonicalUrl,
+                onChange: f,
+                disabled: h || !n,
+                placeholder: t("Enter Canonical URL"),
+                readOnly: !n
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a("div", { className: "", children: [
+            /* @__PURE__ */ a("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ s(
+                j,
+                {
+                  type: "checkbox",
+                  id: "noIndex",
+                  name: "noIndex",
+                  checked: l.noIndex,
+                  onChange: f,
+                  disabled: h || !n,
+                  className: "h-4 w-4"
+                }
+              ),
+              /* @__PURE__ */ s(p, { className: "pb-1 text-xs", htmlFor: "noIndex", children: t("No Index") })
+            ] }),
+            /* @__PURE__ */ s("p", { className: "mt-0 text-[10px] font-light leading-4 text-gray-400", children: t("Check this if you don't want search engines to index this page.") })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "", children: [
+            /* @__PURE__ */ a("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ s(
+                j,
+                {
+                  type: "checkbox",
+                  id: "noFollow",
+                  name: "noFollow",
+                  checked: l.noFollow,
+                  onChange: f,
+                  disabled: h || !n,
+                  className: "h-4 w-4"
+                }
+              ),
+              /* @__PURE__ */ s(p, { className: "pb-1 text-xs", htmlFor: "noIndex", children: t("No Follow") })
+            ] }),
+            /* @__PURE__ */ s("p", { className: "text-[10px] font-light leading-4 text-gray-400", children: t("Check this if you don't want search engines to follow links on this page.") })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ s("div", { className: g === "opengraph" ? "" : "sr-only", children: /* @__PURE__ */ s("div", { className: "space-y-4", children: /* @__PURE__ */ a("div", { children: [
+          /* @__PURE__ */ s("h3", { className: "mb-4 font-semibold text-slate-700", children: t("Open Graph") }),
+          /* @__PURE__ */ a("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ a("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ s(p, { className: "text-xs", htmlFor: "ogTitle", children: t("OG Title") }),
+                /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: n && /* @__PURE__ */ s(
+                  T,
+                  {
+                    dataType: "value",
+                    data: c ?? {},
+                    onSelect: (e) => S(e, "ogTitle")
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ s(
+                j,
+                {
+                  type: "text",
+                  id: "ogTitle",
+                  name: "ogTitle",
+                  value: l.ogTitle,
+                  onChange: f,
+                  disabled: h || !n,
+                  placeholder: t("Enter OG title"),
+                  readOnly: !n
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ s(p, { className: "text-xs", htmlFor: "ogDescription", children: t("OG Description") }),
+                /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: n && /* @__PURE__ */ s(
+                  T,
+                  {
+                    dataType: "value",
+                    data: c ?? {},
+                    onSelect: (e) => S(e, "ogDescription")
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ s(
+                X,
+                {
+                  id: "ogDescription",
+                  name: "ogDescription",
+                  rows: 5,
+                  value: l.ogDescription,
+                  onChange: f,
+                  disabled: h || !n,
+                  placeholder: t("Enter OG description"),
+                  readOnly: !n
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ s(p, { className: "text-xs", htmlFor: "ogImage", children: t("OG Image") }),
+                n && /* @__PURE__ */ s(
+                  T,
+                  {
+                    dataType: "value",
+                    data: c ?? {},
+                    onSelect: (e) => {
+                      x({
+                        ...l,
+                        ogImage: `{{${e}}}`,
+                        ogImageId: ""
+                      });
+                    }
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ s(
+                Pe,
+                {
+                  assetId: l.ogImageId,
+                  assetUrl: l.ogImage,
+                  onChange: (e) => {
+                    x({
+                      ...l,
+                      ogImage: e.url,
+                      ogImageId: e.id
+                    });
+                  },
+                  disabled: h || !n,
+                  placeholder: t("Select OG image"),
+                  className: "mb-2"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ s(p, { className: "text-xs", htmlFor: "metaOther", children: t("Meta Tags") }) }),
+              /* @__PURE__ */ s(
+                se,
+                {
+                  id: "metaOther",
+                  value: l.metaOther,
+                  onChange: (e) => {
+                    f({
+                      target: { name: "metaOther", value: e }
+                    });
+                  },
+                  placeholder: t("Enter Meta Tags JSON"),
+                  disabled: h || !n,
+                  readOnly: !n,
+                  pageData: c || {},
+                  rows: 8,
+                  handleFieldInsert: S
+                }
+              )
+            ] })
+          ] })
+        ] }) }) }),
+        /* @__PURE__ */ s("div", { className: g === "jsonld" ? "" : "sr-only", children: /* @__PURE__ */ s("div", { className: "space-y-4", children: /* @__PURE__ */ a("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ s(p, { className: "text-xs", htmlFor: "jsonLD", children: t("JSON-LD") }),
+            _ && /* @__PURE__ */ s("div", { className: "flex items-center gap-2" })
+          ] }),
+          /* @__PURE__ */ s("div", { className: "hidden", children: JSON.stringify(c) }),
+          /* @__PURE__ */ s(
+            se,
+            {
+              id: "jsonLD",
+              value: l.jsonLD,
+              onChange: (e) => {
+                f({ target: { name: "jsonLD", value: e } });
+              },
+              placeholder: t("Enter JSON-LD"),
+              disabled: h || !n,
+              readOnly: !n,
+              pageData: c || {},
+              rows: 12,
+              handleFieldInsert: S,
+              hasJsonLdForSelectedLang: _,
+              copyJsonLDFromDefaultPage: ue
+            }
+          )
+        ] }) }) })
+      ] }) })
+    ] }),
+    n && /* @__PURE__ */ a("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: [
+      de ? /* @__PURE__ */ s(
+        R,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          onClick: () => {
+            g === "jsonld" ? he() : g === "opengraph" ? ge() : me();
+          },
+          disabled: h || !n || !b,
+          children: t(z ? "Resetting..." : `Reset to ${g === "jsonld" ? "Default JSON-LD" : g === "opengraph" ? "Default Open Graph" : "Default SEO"}`)
+        }
+      ) : /* @__PURE__ */ s("div", {}),
+      /* @__PURE__ */ a("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ s(
+          R,
+          {
+            onClick: K,
+            disabled: !Ge(l == null ? void 0 : l.jsonLD) || (F.current[d] ? Z(F.current[d], l) : !1) || h || !n,
+            children: t(A ? "Saving..." : "Save")
+          }
+        ),
+        /* @__PURE__ */ s(
+          R,
+          {
+            variant: "link",
+            className: "text-gray-500 hover:text-gray-700",
+            onClick: () => w("outline"),
+            children: t("Cancel")
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ s(
+      Ve,
+      {
+        isOpen: oe,
+        onClose: () => {
+          U(!1), V(null);
+        },
+        onSave: async () => {
+          y && (await K(), y.switchHandler(), U(!1), V(null));
+        },
+        onDiscard: () => {
+          if (y) {
+            const e = F.current[d];
+            e && x(e), y.switchHandler(), U(!1), V(null);
+          }
+        },
+        isSaving: A,
+        fromLanguage: (y == null ? void 0 : y.fromLang) || d,
+        toLanguage: (y == null ? void 0 : y.toLang) || ""
+      }
+    )
+  ] });
+};
+Be.displayName = "SeoPanel";
+export {
+  Be as default
+};

package/dist/seo-panel-mfX63fua.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("lodash-es"),j=require("react"),oe=require("react-i18next"),b=require("sonner"),m=require("./register-chai-top-bar-CCssW5dL.cjs"),l=require("./index-D-r_K4yA.cjs"),c=require("./index-BYrRPW_c.cjs"),A=require("./get-seo-defaults-Cw7vFt-B.cjs"),ie=()=>{const{selectedLang:t}=l.useLanguages(),{data:w,isFetching:u}=c.useLanguagePages();return{data:j.useMemo(()=>i.find(w,{lang:t||""})||{},[w,t]),isFetching:u}},ce=({isOpen:t,onClose:w,onSave:u,onDiscard:d,isSaving:o=!1,fromLanguage:L,toLanguage:S})=>{const E=c.LANGUAGES[L]||L,x=c.LANGUAGES[S]||S;return e.jsx(l.Dialog,{open:t,onOpenChange:w,children:e.jsxs(l.DialogContent,{className:"sm:max-w-[425px]",children:[e.jsxs(l.DialogHeader,{children:[e.jsx(l.DialogTitle,{children:"Unsaved SEO Changes"}),e.jsxs(l.DialogDescription,{children:['You have unsaved changes in the SEO for "',E,'" version. Do you want to save these changes before switching to "',x,'" version?']})]}),e.jsxs("div",{className:"flex justify-end gap-3 pt-4",children:[e.jsx(m.Button,{variant:"outline",onClick:d,disabled:o,children:"Discard Changes"}),e.jsx(m.Button,{onClick:u,disabled:o,children:o?"Saving...":"Save & Switch"})]})]})})},re=t=>{if(!t)return!0;try{return JSON.parse(t),!0}catch{return!1}},de=(t,w)=>{const u=t.selectionStart||0,d=t.selectionEnd||0,o=t.value,L=o.substring(0,u),S=o.substring(d),E=`{{${w}}}`,x=L+""+E+S,U=u+0+E.length;return{value:x,newCursorPos:U}},Y=()=>{const{t}=oe.useTranslation(),[,w]=l.useSidebarActivePanel(),{data:u}=c.usePrimaryPage(),{data:d}=c.useBuilderPageData(),{data:o,isFetching:L}=ie(),S=o==null?void 0:o.seo,E=j.useRef(null),[x,U]=j.useState("seo"),k=u==null?void 0:u.id,_=u==null?void 0:u.pageType,O=c.usePageType(_),{selectedLang:B,fallbackLang:K}=l.useLanguages(),g=B||K,[M,P]=j.useState(!1),[Q,H]=j.useState(!1),[W,R]=j.useState(!1),[y,J]=j.useState(null),[n,N]=j.useState({keyword:"",title:"",description:"",cononicalUrl:"",noIndex:!1,noFollow:"",ogTitle:"",ogDescription:"",ogImage:"",ogImageId:"",searchTitle:"",searchDescription:"",jsonLD:"{}",metaOther:"{}",...S}),C=j.useRef({}),{mutate:X,isPending:G}=c.useUpdatePage(),h=G||M||Q,{hasPermission:Z}=l.usePermissions(),a=Z(c.PAGES_PERMISSIONS.EDIT_SEO),[ee]=c.usePagesProps(),se=i.get(ee,"flags.resetSeoToDefault",!1),$=!B||n.jsonLD!=="{}";j.useEffect(()=>{if(!L&&S&&k){const s={keyword:"",title:"",description:"",cononicalUrl:"",noIndex:!1,noFollow:"",ogTitle:"",ogDescription:"",ogImage:"",ogImageId:"",searchTitle:"",searchDescription:"",jsonLD:"",metaOther:"",...S};N(s),C.current[g]=s}},[L,S,g,k]),j.useEffect(()=>{const s=r=>{const{fromLang:v,toLang:F,switchHandler:p}=r.detail,V=C.current[g];(V?!i.isEqual(V,n):!1)?(J({fromLang:v,toLang:F,switchHandler:p}),R(!0)):p()};return window.addEventListener("seo-language-switch-check",s),()=>{window.removeEventListener("seo-language-switch-check",s)}},[k,n,g]);const te=async()=>{if(!(!O||!g))try{P(!0);const s=A.getSeoDefaults(O,g),r={...n,keyword:i.get(s,"seo.keyword",""),title:i.get(s,"seo.title",""),description:i.get(s,"seo.description",""),cononicalUrl:i.get(s,"seo.canonicalUrl",""),noIndex:i.get(s,"seo.noIndex",!1),noFollow:i.get(s,"seo.noFollow",!1),ogTitle:i.get(s,"seo.ogTitle",""),ogDescription:i.get(s,"seo.ogDescription","")};N(r),b.toast.success(t("SEO fields reset to defaults"))}catch(s){b.toast.error(t("Failed to reset SEO fields")),console.error("Reset SEO error:",s)}finally{P(!1)}},ae=async()=>{if(!(!O||!g))try{H(!0);const s=A.getSeoDefaults(O,g),r={...n,jsonLD:i.get(s,"seo.jsonLD","")};N(r),b.toast.success(t("JSON-LD reset to default"))}catch(s){b.toast.error(t("Failed to reset JSON-LD")),console.error("Reset JSON-LD error:",s)}finally{H(!1)}},ne=async()=>{if(!(!O||!g))try{P(!0);const s=A.getSeoDefaults(O,g),r={...n,ogTitle:i.get(s,"seo.ogTitle",""),ogDescription:i.get(s,"seo.ogDescription",""),ogImage:i.get(s,"seo.ogImage",""),ogImageId:i.get(s,"seo.ogImageId",""),metaOther:i.get(s,"seo.metaOther","{}")};N(r),b.toast.success(t("Meta Tag fields reset to defaults"))}catch(s){b.toast.error(t("Failed to reset Meta Tag fields")),console.error("Reset Meta Tag error:",s)}finally{P(!1)}},z=async()=>{X({id:o==null?void 0:o.id,seo:n,primaryPage:k},{onSuccess:()=>{console.log("SEO & JSON-LD updated successfully",n),C.current[g]=n,b.toast.success("SEO & JSON-LD updated successfully")}})},D=(s,r)=>{const v=document.getElementById(r);if(v){const{value:F,newCursorPos:p}=de(v,s);E.current={id:r,position:p},v.tagName.toLowerCase()==="input"?(v.value=F,N(T=>({...T,[v.name]:F})),v.focus(),v.setSelectionRange(p,p),[0,10,50,100,200].forEach(T=>{setTimeout(()=>{const q=document.getElementById(r);q&&(q.focus(),q.setSelectionRange(p,p))},T)})):(N(I=>({...I,[v.name]:F})),requestAnimationFrame(()=>{const I=document.getElementById(r);I&&(I.focus(),I.setSelectionRange(p,p),setTimeout(()=>{const T=document.getElementById(r);T&&(T.focus(),T.setSelectionRange(p,p))},50))}))}},f=s=>{const r={...n,[s.target.name]:s.target.name==="noIndex"||s.target.name==="noFollow"?s.target.checked:s.target.value};N(r)},le=()=>{const s=i.get(u,"seo.jsonLD","{}");if((s==null?void 0:s.trim())==="{}"){b.toast.error("Default page JSON-LD is empty");return}f({target:{name:"jsonLD",value:s}})};return e.jsxs("div",{className:"relative flex h-full flex-col","data-panel-id":"seo",children:[!a&&e.jsx("div",{className:"absolute inset-0 z-10 flex items-center justify-center backdrop-blur-sm",children:e.jsx(m.Alert,{variant:"default",className:"w-[80%] max-w-md text-xs",children:e.jsx(m.AlertDescription,{children:t("You don't have permission to edit SEO settings. Contact your administrator for access.")})})}),e.jsxs("div",{className:"no-scrollbar flex-grow overflow-y-auto px-2 pb-20",children:[e.jsx("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:e.jsxs("span",{children:[e.jsx("div",{className:"font-medium",children:o==null?void 0:o.name}),e.jsx("span",{className:"font-mono text-xs leading-tight text-gray-500",children:o==null?void 0:o.slug})]})}),e.jsx("form",{className:"space-y-8",children:e.jsxs(l.Tabs,{value:x,onValueChange:U,className:"w-full",children:[e.jsxs(l.TabsList,{className:"mb-4 grid w-full grid-cols-3",children:[e.jsx(l.TabsTrigger,{value:"seo",children:t("SEO")}),e.jsx(l.TabsTrigger,{value:"opengraph",children:t("Meta Tags")}),e.jsx(l.TabsTrigger,{value:"jsonld",children:t("JSON-LD")})]}),e.jsx("div",{className:x==="seo"?"":"sr-only",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(l.Label,{className:"text-xs",htmlFor:"keyword",children:t("Keyword")}),a&&e.jsx(c.NestedPathSelector,{dataType:"value",data:d??{},onSelect:s=>D(s,"keyword")})]}),e.jsx(m.Input,{type:"text",id:"keyword",name:"keyword",value:n.keyword,onChange:f,disabled:h||!a,placeholder:t("Enter keyword"),readOnly:!a})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(l.Label,{className:"text-xs",htmlFor:"title",children:t("SEO Title")}),e.jsx("div",{className:"flex items-center justify-end gap-2",children:a&&e.jsx(c.NestedPathSelector,{dataType:"value",data:d??{},onSelect:s=>D(s,"title")})})]}),e.jsx(m.Input,{type:"text",id:"title",name:"title",value:n.title,onChange:f,disabled:h||!a,placeholder:t("Enter SEO title"),readOnly:!a})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(l.Label,{className:"text-xs",htmlFor:"description",children:t("SEO Description")}),e.jsx("div",{className:"flex items-center gap-2",children:a&&e.jsx(c.NestedPathSelector,{data:d??{},onSelect:s=>D(s,"description")})})]}),e.jsx(l.Textarea,{id:"description",name:"description",rows:5,value:n.description,onChange:f,disabled:h||!a,placeholder:t("Enter SEO description"),readOnly:!a})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(l.Label,{className:"text-xs",htmlFor:"title",children:t("Canonical URL")}),a&&e.jsx(c.NestedPathSelector,{dataType:"value",data:d??{},onSelect:s=>D(s,"canonicalUrl")})]}),e.jsx(m.Input,{type:"text",id:"canonicalUrl",name:"canonicalUrl",value:n.canonicalUrl,onChange:f,disabled:h||!a,placeholder:t("Enter Canonical URL"),readOnly:!a})]}),e.jsxs("div",{className:"",children:[e.jsxs("div",{className:"flex items-center gap-x-2",children:[e.jsx(m.Input,{type:"checkbox",id:"noIndex",name:"noIndex",checked:n.noIndex,onChange:f,disabled:h||!a,className:"h-4 w-4"}),e.jsx(l.Label,{className:"pb-1 text-xs",htmlFor:"noIndex",children:t("No Index")})]}),e.jsx("p",{className:"mt-0 text-[10px] font-light leading-4 text-gray-400",children:t("Check this if you don't want search engines to index this page.")})]}),e.jsxs("div",{className:"",children:[e.jsxs("div",{className:"flex items-center gap-x-2",children:[e.jsx(m.Input,{type:"checkbox",id:"noFollow",name:"noFollow",checked:n.noFollow,onChange:f,disabled:h||!a,className:"h-4 w-4"}),e.jsx(l.Label,{className:"pb-1 text-xs",htmlFor:"noIndex",children:t("No Follow")})]}),e.jsx("p",{className:"text-[10px] font-light leading-4 text-gray-400",children:t("Check this if you don't want search engines to follow links on this page.")})]})]})}),e.jsx("div",{className:x==="opengraph"?"":"sr-only",children:e.jsx("div",{className:"space-y-4",children:e.jsxs("div",{children:[e.jsx("h3",{className:"mb-4 font-semibold text-slate-700",children:t("Open Graph")}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(l.Label,{className:"text-xs",htmlFor:"ogTitle",children:t("OG Title")}),e.jsx("div",{className:"flex items-center gap-2",children:a&&e.jsx(c.NestedPathSelector,{dataType:"value",data:d??{},onSelect:s=>D(s,"ogTitle")})})]}),e.jsx(m.Input,{type:"text",id:"ogTitle",name:"ogTitle",value:n.ogTitle,onChange:f,disabled:h||!a,placeholder:t("Enter OG title"),readOnly:!a})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(l.Label,{className:"text-xs",htmlFor:"ogDescription",children:t("OG Description")}),e.jsx("div",{className:"flex items-center gap-2",children:a&&e.jsx(c.NestedPathSelector,{dataType:"value",data:d??{},onSelect:s=>D(s,"ogDescription")})})]}),e.jsx(l.Textarea,{id:"ogDescription",name:"ogDescription",rows:5,value:n.ogDescription,onChange:f,disabled:h||!a,placeholder:t("Enter OG description"),readOnly:!a})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(l.Label,{className:"text-xs",htmlFor:"ogImage",children:t("OG Image")}),a&&e.jsx(c.NestedPathSelector,{dataType:"value",data:d??{},onSelect:s=>{N({...n,ogImage:`{{${s}}}`,ogImageId:""})}})]}),e.jsx(c.ImagePicker,{assetId:n.ogImageId,assetUrl:n.ogImage,onChange:s=>{N({...n,ogImage:s.url,ogImageId:s.id})},disabled:h||!a,placeholder:t("Select OG image"),className:"mb-2"})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("div",{className:"flex items-center justify-between",children:e.jsx(l.Label,{className:"text-xs",htmlFor:"metaOther",children:t("Meta Tags")})}),e.jsx(c.SmartJsonInput,{id:"metaOther",value:n.metaOther,onChange:s=>{f({target:{name:"metaOther",value:s}})},placeholder:t("Enter Meta Tags JSON"),disabled:h||!a,readOnly:!a,pageData:d||{},rows:8,handleFieldInsert:D})]})]})]})})}),e.jsx("div",{className:x==="jsonld"?"":"sr-only",children:e.jsx("div",{className:"space-y-4",children:e.jsxs("div",{className:"space-y-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(l.Label,{className:"text-xs",htmlFor:"jsonLD",children:t("JSON-LD")}),$&&e.jsx("div",{className:"flex items-center gap-2"})]}),e.jsx("div",{className:"hidden",children:JSON.stringify(d)}),e.jsx(c.SmartJsonInput,{id:"jsonLD",value:n.jsonLD,onChange:s=>{f({target:{name:"jsonLD",value:s}})},placeholder:t("Enter JSON-LD"),disabled:h||!a,readOnly:!a,pageData:d||{},rows:12,handleFieldInsert:D,hasJsonLdForSelectedLang:$,copyJsonLDFromDefaultPage:le})]})})})]})})]}),a&&e.jsxs("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:[se?e.jsx(m.Button,{type:"button",variant:"ghost",size:"sm",onClick:()=>{x==="jsonld"?ae():x==="opengraph"?ne():te()},disabled:h||!a||!O,children:t(M?"Resetting...":`Reset to ${x==="jsonld"?"Default JSON-LD":x==="opengraph"?"Default Open Graph":"Default SEO"}`)}):e.jsx("div",{}),e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx(m.Button,{onClick:z,disabled:!re(n==null?void 0:n.jsonLD)||(C.current[g]?i.isEqual(C.current[g],n):!1)||h||!a,children:t(G?"Saving...":"Save")}),e.jsx(m.Button,{variant:"link",className:"text-gray-500 hover:text-gray-700",onClick:()=>w("outline"),children:t("Cancel")})]})]}),e.jsx(ce,{isOpen:W,onClose:()=>{R(!1),J(null)},onSave:async()=>{y&&(await z(),y.switchHandler(),R(!1),J(null))},onDiscard:()=>{if(y){const s=C.current[g];s&&N(s),y.switchHandler(),R(!1),J(null)}},isSaving:G,fromLanguage:(y==null?void 0:y.fromLang)||g,toLanguage:(y==null?void 0:y.toLang)||""})]})};Y.displayName="SeoPanel";exports.default=Y;