sanity-plugin-seofields 1.6.4 → 1.6.5

package/dist/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkIFDLKZET_cjs = require('./chunk-IFDLKZET.cjs');
+var chunkZBHLMQTS_cjs = require('./chunk-ZBHLMQTS.cjs');
 var chunkS367Y35J_cjs = require('./chunk-S367Y35J.cjs');
 var react = require('react');
 var sanity = require('sanity');
@@ -15,7 +15,7 @@ var MetaDescription = (props) => {
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
   const keywords = react.useMemo(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
   const feedbackItems = react.useMemo(
-    () => chunkIFDLKZET_cjs.getMetaDescriptionValidationMessages(value || "", keywords, isParentseoField),
+    () => chunkZBHLMQTS_cjs.getMetaDescriptionValidationMessages(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
@@ -37,7 +37,7 @@ var MetaImage = (props) => {
   const seoParent = sanity.useFormValue([path[0]]);
   const hasImage = !!(value == null ? void 0 : value.asset);
   const feedbackItems = react.useMemo(
-    () => chunkIFDLKZET_cjs.getMetaImageValidation(hasImage, seoParent),
+    () => chunkZBHLMQTS_cjs.getMetaImageValidation(hasImage, seoParent),
     [hasImage, seoParent]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
@@ -60,13 +60,37 @@ var MetaImage = (props) => {
 };
 var MetaImage_default = MetaImage;
 var MetaTitle = (props) => {
-  const { value, renderDefault, path } = props;
+  var _a, _b;
+  const { value, renderDefault, path, schemaType } = props;
+  const { options } = schemaType;
   const parent = sanity.useFormValue([path[0]]);
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
   const keywords = react.useMemo(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const rootDoc = (_a = sanity.useFormValue([])) != null ? _a : {};
+  const client = sanity.useClient({ apiVersion: (_b = options == null ? void 0 : options.apiVersion) != null ? _b : "2024-01-01" });
+  const [groqTitleSuffix, setGroqTitleSuffix] = react.useState("");
+  const titleSuffixQuery = options == null ? void 0 : options.titleSuffixQuery;
+  const titleSuffixOption = options == null ? void 0 : options.titleSuffix;
+  react.useEffect(() => {
+    if (!titleSuffixQuery) return;
+    client.fetch(titleSuffixQuery).then((result) => {
+      setGroqTitleSuffix(result === null || result === void 0 ? "" : String(result));
+    }).catch(() => {
+      setGroqTitleSuffix("");
+    });
+  }, [titleSuffixQuery, client]);
+  const resolvedSuffix = react.useMemo(() => {
+    if (titleSuffixQuery) return groqTitleSuffix;
+    if (!titleSuffixOption) return "";
+    if (typeof titleSuffixOption === "function") {
+      return titleSuffixOption(rootDoc);
+    }
+    return titleSuffixOption;
+  }, [titleSuffixQuery, groqTitleSuffix, titleSuffixOption, rootDoc]);
+  const suffixLength = resolvedSuffix ? resolvedSuffix.length + 3 : 0;
   const feedbackItems = react.useMemo(
-    () => chunkIFDLKZET_cjs.getMetaTitleValidationMessages(value || "", keywords, isParentseoField),
-    [value, keywords, isParentseoField]
+    () => chunkZBHLMQTS_cjs.getMetaTitleValidationMessages(value || "", keywords, isParentseoField, suffixLength),
+    [value, keywords, isParentseoField, suffixLength]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
     renderDefault(props),
@@ -216,7 +240,7 @@ var OgDescription = (props) => {
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
   const keywords = react.useMemo(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
   const feedbackItems = react.useMemo(
-    () => chunkIFDLKZET_cjs.getOgDescriptionValidation(value || "", keywords, isParentseoField),
+    () => chunkZBHLMQTS_cjs.getOgDescriptionValidation(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
@@ -245,7 +269,7 @@ var OgImage = (props) => {
   const hasImage = !!(imgValue == null ? void 0 : imgValue.asset);
   const altText = imgValue == null ? void 0 : imgValue.alt;
   const feedbackItems = react.useMemo(
-    () => chunkIFDLKZET_cjs.getOgImageValidation(hasImage, altText, seoParent),
+    () => chunkZBHLMQTS_cjs.getOgImageValidation(hasImage, altText, seoParent),
     [hasImage, altText, seoParent]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
@@ -270,7 +294,7 @@ var OgImage_default = OgImage;
 var OgImageUrl = (props) => {
   const { value, renderDefault, path } = props;
   const seoParent = sanity.useFormValue([path[0]]);
-  const feedbackItems = react.useMemo(() => chunkIFDLKZET_cjs.getOgImageUrlValidation(value, seoParent), [value, seoParent]);
+  const feedbackItems = react.useMemo(() => chunkZBHLMQTS_cjs.getOgImageUrlValidation(value, seoParent), [value, seoParent]);
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
     renderDefault(props),
     /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
@@ -296,7 +320,7 @@ var OgTitle = (props) => {
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
   const keywords = react.useMemo(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
   const feedbackItems = react.useMemo(
-    () => chunkIFDLKZET_cjs.getOgTitleValidation(value || "", keywords, isParentseoField),
+    () => chunkZBHLMQTS_cjs.getOgTitleValidation(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
@@ -440,7 +464,7 @@ var TwitterDescription = (props) => {
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
   const keywords = react.useMemo(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
   const feedbackItems = react.useMemo(
-    () => chunkIFDLKZET_cjs.getTwitterDescriptionValidation(value || "", keywords, isParentseoField),
+    () => chunkZBHLMQTS_cjs.getTwitterDescriptionValidation(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
@@ -469,7 +493,7 @@ var TwitterImage = (props) => {
   const hasImage = !!(imgValue == null ? void 0 : imgValue.asset);
   const altText = imgValue == null ? void 0 : imgValue.alt;
   const feedbackItems = react.useMemo(
-    () => chunkIFDLKZET_cjs.getTwitterImageValidation(hasImage, altText, seoParent),
+    () => chunkZBHLMQTS_cjs.getTwitterImageValidation(hasImage, altText, seoParent),
     [hasImage, altText, seoParent]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
@@ -495,7 +519,7 @@ var TwitterImageUrl = (props) => {
   const { value, renderDefault, path } = props;
   const seoParent = sanity.useFormValue([path[0]]);
   const feedbackItems = react.useMemo(
-    () => chunkIFDLKZET_cjs.getTwitterImageUrlValidation(value, seoParent),
+    () => chunkZBHLMQTS_cjs.getTwitterImageUrlValidation(value, seoParent),
     [value, seoParent]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
@@ -523,7 +547,7 @@ var TwitterTitle = (props) => {
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
   const keywords = react.useMemo(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
   const feedbackItems = react.useMemo(
-    () => chunkIFDLKZET_cjs.getTwitterTitleValidation(value || "", keywords, isParentseoField),
+    () => chunkZBHLMQTS_cjs.getTwitterTitleValidation(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
@@ -657,7 +681,7 @@ function twitter(config = {}) {
 }
 
 // src/schemas/index.ts
-var LazySeoPreview = react.lazy(() => import('./SeoPreview-PYYVZMY3.cjs'));
+var LazySeoPreview = react.lazy(() => import('./SeoPreview-WYH7NYNM.cjs'));
 var SeoPreviewWrapper = (props) => react.createElement(react.Suspense, { fallback: null }, react.createElement(LazySeoPreview, props));
 function buildFieldGroupMap(groups) {
   const map = /* @__PURE__ */ new Map();
@@ -736,6 +760,7 @@ function seoFieldsSchema(config = {}) {
           components: {
             input: MetaTitle_default
           },
+          options: chunkS367Y35J_cjs.__spreadValues(chunkS367Y35J_cjs.__spreadValues(chunkS367Y35J_cjs.__spreadValues({}, config.apiVersion ? { apiVersion: config.apiVersion } : {}), typeof config.seoPreview === "object" && config.seoPreview && config.seoPreview.titleSuffix ? { titleSuffix: config.seoPreview.titleSuffix } : {}), typeof config.seoPreview === "object" && config.seoPreview && config.seoPreview.titleSuffixQuery ? { titleSuffixQuery: config.seoPreview.titleSuffixQuery } : {}),
           hidden: getFieldHiddenFunction("title", config)
         })),
         fieldGroupMap