@payloadcms/plugin-seo 3.0.0-beta.12 → 3.0.0-beta.120

package/dist/translations/vi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vi.d.ts","sourceRoot":"","sources":["../../src/translations/vi.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAA;AAEzE,eAAO,MAAM,EAAE,EAAE,yBAwBhB,CAAA"}

package/dist/translations/vi.js

@@ -0,0 +1,25 @@
+export const vi = {
+    $schema: './translation-schema.json',
+    'plugin-seo': {
+        almostThere: 'Gần đạt',
+        autoGenerate: 'Tự động tạo',
+        bestPractices: 'các phương pháp hay nhất',
+        characterCount: '{{current}}/{{minLength}}-{{maxLength}} kí tự, ',
+        charactersLeftOver: 'còn lại {{characters}}',
+        charactersToGo: 'Còn {{characters}} ký tự nữa',
+        charactersTooMany: 'vượt quá {{characters}} ký tự',
+        checksPassing: '{{current}}/{{max}} đã đạt',
+        good: 'Tốt',
+        imageAutoGenerationTip: 'Tính năng tự động tạo sẽ lấy ảnh đầu tiên được chọn.',
+        lengthTipDescription: 'Độ dài nên từ {{minLength}}-{{maxLength}} kí tự. Để được hướng dẫn viết mô tả meta chất lượng, hãy xem ',
+        lengthTipTitle: 'Độ dài nên từ {{minLength}}-{{maxLength}} kí tự. Để được hướng dẫn viết mô tả meta chất lượng, hãy xem ',
+        missing: 'Không đạt',
+        noImage: 'Chưa có ảnh',
+        preview: 'Xem trước',
+        previewDescription: 'Kết quả hiển thị có thể thay đổi tuỳ theo nội dung và công cụ tìm kiếm.',
+        tooLong: 'Quá dài',
+        tooShort: 'Quá ngắn'
+    }
+};
+
+//# sourceMappingURL=vi.js.map

package/dist/translations/vi.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/translations/vi.ts"],"sourcesContent":["import type { GenericTranslationsObject } from '@payloadcms/translations'\n\nexport const vi: GenericTranslationsObject = {\n  $schema: './translation-schema.json',\n  'plugin-seo': {\n    almostThere: 'Gần đạt',\n    autoGenerate: 'Tự động tạo',\n    bestPractices: 'các phương pháp hay nhất',\n    characterCount: '{{current}}/{{minLength}}-{{maxLength}} kí tự, ',\n    charactersLeftOver: 'còn lại {{characters}}',\n    charactersToGo: 'Còn {{characters}} ký tự nữa',\n    charactersTooMany: 'vượt quá {{characters}} ký tự',\n    checksPassing: '{{current}}/{{max}} đã đạt',\n    good: 'Tốt',\n    imageAutoGenerationTip: 'Tính năng tự động tạo sẽ lấy ảnh đầu tiên được chọn.',\n    lengthTipDescription:\n      'Độ dài nên từ {{minLength}}-{{maxLength}} kí tự. Để được hướng dẫn viết mô tả meta chất lượng, hãy xem ',\n    lengthTipTitle:\n      'Độ dài nên từ {{minLength}}-{{maxLength}} kí tự. Để được hướng dẫn viết mô tả meta chất lượng, hãy xem ',\n    missing: 'Không đạt',\n    noImage: 'Chưa có ảnh',\n    preview: 'Xem trước',\n    previewDescription: 'Kết quả hiển thị có thể thay đổi tuỳ theo nội dung và công cụ tìm kiếm.',\n    tooLong: 'Quá dài',\n    tooShort: 'Quá ngắn',\n  },\n}\n"],"names":["vi","$schema","almostThere","autoGenerate","bestPractices","characterCount","charactersLeftOver","charactersToGo","charactersTooMany","checksPassing","good","imageAutoGenerationTip","lengthTipDescription","lengthTipTitle","missing","noImage","preview","previewDescription","tooLong","tooShort"],"mappings":"AAEA,OAAO,MAAMA,KAAgC;IAC3CC,SAAS;IACT,cAAc;QACZC,aAAa;QACbC,cAAc;QACdC,eAAe;QACfC,gBAAgB;QAChBC,oBAAoB;QACpBC,gBAAgB;QAChBC,mBAAmB;QACnBC,eAAe;QACfC,MAAM;QACNC,wBAAwB;QACxBC,sBACE;QACFC,gBACE;QACFC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,oBAAoB;QACpBC,SAAS;QACTC,UAAU;IACZ;AACF,EAAC"}

package/dist/types.d.ts

@@ -1,22 +1,35 @@
-import type { DocumentInfoContext } from '@payloadcms/ui/providers/DocumentInfo';
-import type { Field, TextField, TextareaField, UploadField } from 'payload/types';
-export type GenerateTitle = <T = any>(args: DocumentInfoContext & {
+import type { DocumentInfoContext } from '@payloadcms/ui';
+import type { CollectionConfig, Field, GlobalConfig, PayloadRequest, TextareaField, TextField, UploadField } from 'payload';
+export type PartialDocumentInfoContext = Pick<DocumentInfoContext, 'collectionSlug' | 'docPermissions' | 'globalSlug' | 'hasPublishPermission' | 'hasSavePermission' | 'id' | 'initialData' | 'initialState' | 'preferencesKey' | 'publishedDoc' | 'title' | 'versionsCount'>;
+export type GenerateTitle<T = any> = (args: {
+    collectionConfig?: CollectionConfig;
     doc: T;
+    globalConfig?: GlobalConfig;
     locale?: string;
-}) => Promise<string> | string;
-export type GenerateDescription = <T = any>(args: DocumentInfoContext & {
+    req: PayloadRequest;
+} & PartialDocumentInfoContext) => Promise<string> | string;
+export type GenerateDescription<T = any> = (args: {
+    collectionConfig?: CollectionConfig;
     doc: T;
+    globalConfig?: GlobalConfig;
     locale?: string;
-}) => Promise<string> | string;
-export type GenerateImage = <T = any>(args: DocumentInfoContext & {
+    req: PayloadRequest;
+} & PartialDocumentInfoContext) => Promise<string> | string;
+export type GenerateImage<T = any> = (args: {
+    collectionConfig?: CollectionConfig;
     doc: T;
+    globalConfig?: GlobalConfig;
     locale?: string;
-}) => Promise<string> | string;
-export type GenerateURL = <T = any>(args: DocumentInfoContext & {
+    req: PayloadRequest;
+} & PartialDocumentInfoContext) => Promise<string> | string;
+export type GenerateURL<T = any> = (args: {
+    collectionConfig?: CollectionConfig;
     doc: T;
+    globalConfig?: GlobalConfig;
     locale?: string;
-}) => Promise<string> | string;
-export interface PluginConfig {
+    req: PayloadRequest;
+} & PartialDocumentInfoContext) => Promise<string> | string;
+export type SEOPluginConfig = {
     collections?: string[];
     fieldOverrides?: {
         description?: Partial<TextareaField>;
@@ -32,11 +45,11 @@ export interface PluginConfig {
     interfaceName?: string;
     tabbedUI?: boolean;
     uploadsCollection?: string;
-}
-export interface Meta {
+};
+export type Meta = {
     description?: string;
     image?: any;
     keywords?: string;
     title?: string;
-}
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAA;AAChF,OAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAEjF,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,GAAG,GAAG,EAClC,IAAI,EAAE,mBAAmB,GAAG;IAAE,GAAG,EAAE,CAAC,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,KACpD,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAA;AAE7B,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,GAAG,GAAG,EACxC,IAAI,EAAE,mBAAmB,GAAG;IAC1B,GAAG,EAAE,CAAC,CAAA;IACN,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,KACE,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAA;AAE7B,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,GAAG,GAAG,EAClC,IAAI,EAAE,mBAAmB,GAAG;IAAE,GAAG,EAAE,CAAC,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,KACpD,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAA;AAE7B,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,GAAG,GAAG,EAChC,IAAI,EAAE,mBAAmB,GAAG;IAAE,GAAG,EAAE,CAAC,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,KACpD,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAA;AAE7B,MAAM,WAAW,YAAY;IAC3B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,cAAc,CAAC,EAAE;QACf,WAAW,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;QACpC,KAAK,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;QAC5B,KAAK,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;KAC3B,CAAA;IACD,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAChB,mBAAmB,CAAC,EAAE,mBAAmB,CAAA;IACzC,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,MAAM,WAAW,IAAI;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACzD,OAAO,KAAK,EACV,gBAAgB,EAChB,KAAK,EACL,YAAY,EACZ,cAAc,EACd,aAAa,EACb,SAAS,EACT,WAAW,EACZ,MAAM,SAAS,CAAA;AAEhB,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,mBAAmB,EACjB,gBAAgB,GAChB,gBAAgB,GAChB,YAAY,GACZ,sBAAsB,GACtB,mBAAmB,GACnB,IAAI,GACJ,aAAa,GACb,cAAc,GACd,gBAAgB,GAChB,cAAc,GACd,OAAO,GACP,eAAe,CAClB,CAAA;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,GAAG,IAAI,CACnC,IAAI,EAAE;IACJ,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IACnC,GAAG,EAAE,CAAC,CAAA;IACN,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,GAAG,EAAE,cAAc,CAAA;CACpB,GAAG,0BAA0B,KAC3B,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAA;AAE7B,MAAM,MAAM,mBAAmB,CAAC,CAAC,GAAG,GAAG,IAAI,CACzC,IAAI,EAAE;IACJ,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IACnC,GAAG,EAAE,CAAC,CAAA;IACN,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,GAAG,EAAE,cAAc,CAAA;CACpB,GAAG,0BAA0B,KAC3B,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAA;AAE7B,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,GAAG,IAAI,CACnC,IAAI,EAAE;IACJ,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IACnC,GAAG,EAAE,CAAC,CAAA;IACN,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,GAAG,EAAE,cAAc,CAAA;CACpB,GAAG,0BAA0B,KAC3B,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAA;AAE7B,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,GAAG,IAAI,CACjC,IAAI,EAAE;IACJ,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IACnC,GAAG,EAAE,CAAC,CAAA;IACN,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,GAAG,EAAE,cAAc,CAAA;CACpB,GAAG,0BAA0B,KAC3B,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAA;AAE7B,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,cAAc,CAAC,EAAE;QACf,WAAW,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;QACpC,KAAK,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;QAC5B,KAAK,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;KAC3B,CAAA;IACD,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAChB,mBAAmB,CAAC,EAAE,mBAAmB,CAAA;IACzC,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,IAAI,GAAG;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA"}

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/types.ts"],"sourcesContent":["import type { DocumentInfoContext } from '@payloadcms/ui/providers/DocumentInfo'\nimport type { Field, TextField, TextareaField, UploadField } from 'payload/types'\n\nexport type GenerateTitle = <T = any>(\n  args: DocumentInfoContext & { doc: T; locale?: string },\n) => Promise<string> | string\n\nexport type GenerateDescription = <T = any>(\n  args: DocumentInfoContext & {\n    doc: T\n    locale?: string\n  },\n) => Promise<string> | string\n\nexport type GenerateImage = <T = any>(\n  args: DocumentInfoContext & { doc: T; locale?: string },\n) => Promise<string> | string\n\nexport type GenerateURL = <T = any>(\n  args: DocumentInfoContext & { doc: T; locale?: string },\n) => Promise<string> | string\n\nexport interface PluginConfig {\n  collections?: string[]\n  fieldOverrides?: {\n    description?: Partial<TextareaField>\n    image?: Partial<UploadField>\n    title?: Partial<TextField>\n  }\n  fields?: Field[]\n  generateDescription?: GenerateDescription\n  generateImage?: GenerateImage\n  generateTitle?: GenerateTitle\n  generateURL?: GenerateURL\n  globals?: string[]\n  interfaceName?: string\n  tabbedUI?: boolean\n  uploadsCollection?: string\n}\n\nexport interface Meta {\n  description?: string\n  image?: any // TODO: type this\n  keywords?: string\n  title?: string\n}\n"],"names":[],"rangeMappings":"","mappings":"AAwCA,WAKC"}
+{"version":3,"sources":["../src/types.ts"],"sourcesContent":["import type { DocumentInfoContext } from '@payloadcms/ui'\nimport type {\n  CollectionConfig,\n  Field,\n  GlobalConfig,\n  PayloadRequest,\n  TextareaField,\n  TextField,\n  UploadField,\n} from 'payload'\n\nexport type PartialDocumentInfoContext = Pick<\n  DocumentInfoContext,\n  | 'collectionSlug'\n  | 'docPermissions'\n  | 'globalSlug'\n  | 'hasPublishPermission'\n  | 'hasSavePermission'\n  | 'id'\n  | 'initialData'\n  | 'initialState'\n  | 'preferencesKey'\n  | 'publishedDoc'\n  | 'title'\n  | 'versionsCount'\n>\n\nexport type GenerateTitle<T = any> = (\n  args: {\n    collectionConfig?: CollectionConfig\n    doc: T\n    globalConfig?: GlobalConfig\n    locale?: string\n    req: PayloadRequest\n  } & PartialDocumentInfoContext,\n) => Promise<string> | string\n\nexport type GenerateDescription<T = any> = (\n  args: {\n    collectionConfig?: CollectionConfig\n    doc: T\n    globalConfig?: GlobalConfig\n    locale?: string\n    req: PayloadRequest\n  } & PartialDocumentInfoContext,\n) => Promise<string> | string\n\nexport type GenerateImage<T = any> = (\n  args: {\n    collectionConfig?: CollectionConfig\n    doc: T\n    globalConfig?: GlobalConfig\n    locale?: string\n    req: PayloadRequest\n  } & PartialDocumentInfoContext,\n) => Promise<string> | string\n\nexport type GenerateURL<T = any> = (\n  args: {\n    collectionConfig?: CollectionConfig\n    doc: T\n    globalConfig?: GlobalConfig\n    locale?: string\n    req: PayloadRequest\n  } & PartialDocumentInfoContext,\n) => Promise<string> | string\n\nexport type SEOPluginConfig = {\n  collections?: string[]\n  fieldOverrides?: {\n    description?: Partial<TextareaField>\n    image?: Partial<UploadField>\n    title?: Partial<TextField>\n  }\n  fields?: Field[]\n  generateDescription?: GenerateDescription\n  generateImage?: GenerateImage\n  generateTitle?: GenerateTitle\n  generateURL?: GenerateURL\n  globals?: string[]\n  interfaceName?: string\n  tabbedUI?: boolean\n  uploadsCollection?: string\n}\n\nexport type Meta = {\n  description?: string\n  image?: any // TODO: type this\n  keywords?: string\n  title?: string\n}\n"],"names":[],"mappings":"AAqFA,WAKC"}

package/dist/ui/LengthIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LengthIndicator.d.ts","sourceRoot":"","sources":["../../src/ui/LengthIndicator.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAI5D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CA2HA,CAAA"}
+{"version":3,"file":"LengthIndicator.d.ts","sourceRoot":"","sources":["../../src/ui/LengthIndicator.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAM5D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CA2HA,CAAA"}

package/dist/ui/LengthIndicator.js

@@ -1,5 +1,6 @@
 'use client';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from '@payloadcms/ui';
 import React, { Fragment, useEffect, useState } from 'react';
 import { Pill } from './Pill.js';
 export const LengthIndicator = (props)=>{
@@ -14,7 +15,7 @@ export const LengthIndicator = (props)=>{
     useEffect(()=>{
         const textLength = text?.length || 0;
         if (textLength === 0) {
-            setLabel('Missing');
+            setLabel(t('plugin-seo:missing'));
             setLabelStyle({
                 backgroundColor: 'red',
                 color: 'white'
@@ -65,50 +66,70 @@ export const LengthIndicator = (props)=>{
     const textLength = text?.length || 0;
     const charsUntilMax = maxLength - textLength;
     const charsUntilMin = minLength - textLength;
-    return /*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         style: {
             alignItems: 'center',
             display: 'flex',
             width: '100%'
-        }
-    }, /*#__PURE__*/ React.createElement(Pill, {
-        backgroundColor: labelStyle.backgroundColor,
-        color: labelStyle.color,
-        label: label
-    }), /*#__PURE__*/ React.createElement("div", {
-        style: {
-            flexShrink: 0,
-            lineHeight: 1,
-            marginRight: '10px',
-            whiteSpace: 'nowrap'
-        }
-    }, /*#__PURE__*/ React.createElement("small", null, t('plugin-seo:characterCount', {
-        current: text?.length || 0,
-        maxLength,
-        minLength
-    }), (textLength === 0 || charsUntilMin > 0) && /*#__PURE__*/ React.createElement(Fragment, null, t('plugin-seo:charactersToGo', {
-        characters: charsUntilMin
-    })), charsUntilMin <= 0 && charsUntilMax >= 0 && /*#__PURE__*/ React.createElement(Fragment, null, t('plugin-seo:charactersLeftOver', {
-        characters: charsUntilMax
-    })), charsUntilMax < 0 && /*#__PURE__*/ React.createElement(Fragment, null, t('plugin-seo:charactersTooMany', {
-        characters: charsUntilMax * -1
-    })))), /*#__PURE__*/ React.createElement("div", {
-        style: {
-            backgroundColor: '#F3F3F3',
-            height: '2px',
-            position: 'relative',
-            width: '100%'
-        }
-    }, /*#__PURE__*/ React.createElement("div", {
-        style: {
-            backgroundColor: labelStyle.backgroundColor,
-            height: '100%',
-            left: 0,
-            position: 'absolute',
-            top: 0,
-            width: `${barWidth * 100}%`
-        }
-    })));
+        },
+        children: [
+            /*#__PURE__*/ _jsx(Pill, {
+                backgroundColor: labelStyle.backgroundColor,
+                color: labelStyle.color,
+                label: label
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                style: {
+                    flexShrink: 0,
+                    lineHeight: 1,
+                    marginRight: '10px',
+                    whiteSpace: 'nowrap'
+                },
+                children: /*#__PURE__*/ _jsxs("small", {
+                    children: [
+                        t('plugin-seo:characterCount', {
+                            current: text?.length || 0,
+                            maxLength,
+                            minLength
+                        }),
+                        (textLength === 0 || charsUntilMin > 0) && /*#__PURE__*/ _jsx(Fragment, {
+                            children: t('plugin-seo:charactersToGo', {
+                                characters: charsUntilMin
+                            })
+                        }),
+                        charsUntilMin <= 0 && charsUntilMax >= 0 && /*#__PURE__*/ _jsx(Fragment, {
+                            children: t('plugin-seo:charactersLeftOver', {
+                                characters: charsUntilMax
+                            })
+                        }),
+                        charsUntilMax < 0 && /*#__PURE__*/ _jsx(Fragment, {
+                            children: t('plugin-seo:charactersTooMany', {
+                                characters: charsUntilMax * -1
+                            })
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                style: {
+                    backgroundColor: '#F3F3F3',
+                    height: '2px',
+                    position: 'relative',
+                    width: '100%'
+                },
+                children: /*#__PURE__*/ _jsx("div", {
+                    style: {
+                        backgroundColor: labelStyle.backgroundColor,
+                        height: '100%',
+                        left: 0,
+                        position: 'absolute',
+                        top: 0,
+                        width: `${barWidth * 100}%`
+                    }
+                })
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=LengthIndicator.js.map

package/dist/ui/LengthIndicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/LengthIndicator.tsx"],"sourcesContent":["'use client'\n\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React, { Fragment, useEffect, useState } from 'react'\n\nimport { Pill } from './Pill.js'\n\nexport const LengthIndicator: React.FC<{\n  maxLength?: number\n  minLength?: number\n  text?: string\n}> = (props) => {\n  const { maxLength = 0, minLength = 0, text } = props\n\n  const [labelStyle, setLabelStyle] = useState({\n    backgroundColor: '',\n    color: '',\n  })\n\n  const [label, setLabel] = useState('')\n  const [barWidth, setBarWidth] = useState<number>(0)\n  const { t } = useTranslation()\n\n  useEffect(() => {\n    const textLength = text?.length || 0\n\n    if (textLength === 0) {\n      setLabel('Missing')\n      setLabelStyle({\n        backgroundColor: 'red',\n        color: 'white',\n      })\n      setBarWidth(0)\n    } else {\n      const progress = (textLength - minLength) / (maxLength - minLength)\n\n      if (progress < 0) {\n        const ratioUntilMin = textLength / minLength\n\n        if (ratioUntilMin > 0.9) {\n          setLabel(t('plugin-seo:almostThere'))\n          setLabelStyle({\n            backgroundColor: 'orange',\n            color: 'white',\n          })\n        } else {\n          setLabel(t('plugin-seo:tooShort'))\n          setLabelStyle({\n            backgroundColor: 'orangered',\n            color: 'white',\n          })\n        }\n\n        setBarWidth(ratioUntilMin)\n      }\n\n      if (progress >= 0 && progress <= 1) {\n        setLabel(t('plugin-seo:good'))\n        setLabelStyle({\n          backgroundColor: 'green',\n          color: 'white',\n        })\n        setBarWidth(progress)\n      }\n\n      if (progress > 1) {\n        setLabel(t('plugin-seo:tooLong'))\n        setLabelStyle({\n          backgroundColor: 'red',\n          color: 'white',\n        })\n        setBarWidth(1)\n      }\n    }\n  }, [minLength, maxLength, text, t])\n\n  const textLength = text?.length || 0\n\n  const charsUntilMax = maxLength - textLength\n  const charsUntilMin = minLength - textLength\n\n  return (\n    <div\n      style={{\n        alignItems: 'center',\n        display: 'flex',\n        width: '100%',\n      }}\n    >\n      <Pill backgroundColor={labelStyle.backgroundColor} color={labelStyle.color} label={label} />\n      <div\n        style={{\n          flexShrink: 0,\n          lineHeight: 1,\n          marginRight: '10px',\n          whiteSpace: 'nowrap',\n        }}\n      >\n        <small>\n          {t('plugin-seo:characterCount', { current: text?.length || 0, maxLength, minLength })}\n          {(textLength === 0 || charsUntilMin > 0) && (\n            <Fragment>{t('plugin-seo:charactersToGo', { characters: charsUntilMin })}</Fragment>\n          )}\n          {charsUntilMin <= 0 && charsUntilMax >= 0 && (\n            <Fragment>{t('plugin-seo:charactersLeftOver', { characters: charsUntilMax })}</Fragment>\n          )}\n          {charsUntilMax < 0 && (\n            <Fragment>\n              {t('plugin-seo:charactersTooMany', { characters: charsUntilMax * -1 })}\n            </Fragment>\n          )}\n        </small>\n      </div>\n      <div\n        style={{\n          backgroundColor: '#F3F3F3',\n          height: '2px',\n          position: 'relative',\n          width: '100%',\n        }}\n      >\n        <div\n          style={{\n            backgroundColor: labelStyle.backgroundColor,\n            height: '100%',\n            left: 0,\n            position: 'absolute',\n            top: 0,\n            width: `${barWidth * 100}%`,\n          }}\n        />\n      </div>\n    </div>\n  )\n}\n"],"names":["useTranslation","React","Fragment","useEffect","useState","Pill","LengthIndicator","props","maxLength","minLength","text","labelStyle","setLabelStyle","backgroundColor","color","label","setLabel","barWidth","setBarWidth","t","textLength","length","progress","ratioUntilMin","charsUntilMax","charsUntilMin","div","style","alignItems","display","width","flexShrink","lineHeight","marginRight","whiteSpace","small","current","characters","height","position","left","top"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,SAASC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE5D,SAASC,IAAI,QAAQ,YAAW;AAEhC,OAAO,MAAMC,kBAIR,CAACC;IACJ,MAAM,EAAEC,YAAY,CAAC,EAAEC,YAAY,CAAC,EAAEC,IAAI,EAAE,GAAGH;IAE/C,MAAM,CAACI,YAAYC,cAAc,GAAGR,SAAS;QAC3CS,iBAAiB;QACjBC,OAAO;IACT;IAEA,MAAM,CAACC,OAAOC,SAAS,GAAGZ,SAAS;IACnC,MAAM,CAACa,UAAUC,YAAY,GAAGd,SAAiB;IACjD,MAAM,EAAEe,CAAC,EAAE,GAAGnB;IAEdG,UAAU;QACR,MAAMiB,aAAaV,MAAMW,UAAU;QAEnC,IAAID,eAAe,GAAG;YACpBJ,SAAS;YACTJ,cAAc;gBACZC,iBAAiB;gBACjBC,OAAO;YACT;YACAI,YAAY;QACd,OAAO;YACL,MAAMI,WAAW,AAACF,CAAAA,aAAaX,SAAQ,IAAMD,CAAAA,YAAYC,SAAQ;YAEjE,IAAIa,WAAW,GAAG;gBAChB,MAAMC,gBAAgBH,aAAaX;gBAEnC,IAAIc,gBAAgB,KAAK;oBACvBP,SAASG,EAAE;oBACXP,cAAc;wBACZC,iBAAiB;wBACjBC,OAAO;oBACT;gBACF,OAAO;oBACLE,SAASG,EAAE;oBACXP,cAAc;wBACZC,iBAAiB;wBACjBC,OAAO;oBACT;gBACF;gBAEAI,YAAYK;YACd;YAEA,IAAID,YAAY,KAAKA,YAAY,GAAG;gBAClCN,SAASG,EAAE;gBACXP,cAAc;oBACZC,iBAAiB;oBACjBC,OAAO;gBACT;gBACAI,YAAYI;YACd;YAEA,IAAIA,WAAW,GAAG;gBAChBN,SAASG,EAAE;gBACXP,cAAc;oBACZC,iBAAiB;oBACjBC,OAAO;gBACT;gBACAI,YAAY;YACd;QACF;IACF,GAAG;QAACT;QAAWD;QAAWE;QAAMS;KAAE;IAElC,MAAMC,aAAaV,MAAMW,UAAU;IAEnC,MAAMG,gBAAgBhB,YAAYY;IAClC,MAAMK,gBAAgBhB,YAAYW;IAElC,qBACE,oBAACM;QACCC,OAAO;YACLC,YAAY;YACZC,SAAS;YACTC,OAAO;QACT;qBAEA,oBAACzB;QAAKQ,iBAAiBF,WAAWE,eAAe;QAAEC,OAAOH,WAAWG,KAAK;QAAEC,OAAOA;sBACnF,oBAACW;QACCC,OAAO;YACLI,YAAY;YACZC,YAAY;YACZC,aAAa;YACbC,YAAY;QACd;qBAEA,oBAACC,eACEhB,EAAE,6BAA6B;QAAEiB,SAAS1B,MAAMW,UAAU;QAAGb;QAAWC;IAAU,IAClF,AAACW,CAAAA,eAAe,KAAKK,gBAAgB,CAAA,mBACpC,oBAACvB,gBAAUiB,EAAE,6BAA6B;QAAEkB,YAAYZ;IAAc,KAEvEA,iBAAiB,KAAKD,iBAAiB,mBACtC,oBAACtB,gBAAUiB,EAAE,iCAAiC;QAAEkB,YAAYb;IAAc,KAE3EA,gBAAgB,mBACf,oBAACtB,gBACEiB,EAAE,gCAAgC;QAAEkB,YAAYb,gBAAgB,CAAC;IAAE,qBAK5E,oBAACE;QACCC,OAAO;YACLd,iBAAiB;YACjByB,QAAQ;YACRC,UAAU;YACVT,OAAO;QACT;qBAEA,oBAACJ;QACCC,OAAO;YACLd,iBAAiBF,WAAWE,eAAe;YAC3CyB,QAAQ;YACRE,MAAM;YACND,UAAU;YACVE,KAAK;YACLX,OAAO,CAAC,EAAEb,WAAW,IAAI,CAAC,CAAC;QAC7B;;AAKV,EAAC"}
+{"version":3,"sources":["../../src/ui/LengthIndicator.tsx"],"sourcesContent":["'use client'\n\nimport { useTranslation } from '@payloadcms/ui'\nimport React, { Fragment, useEffect, useState } from 'react'\n\nimport type { PluginSEOTranslationKeys, PluginSEOTranslations } from '../translations/index.js'\n\nimport { Pill } from './Pill.js'\n\nexport const LengthIndicator: React.FC<{\n  maxLength?: number\n  minLength?: number\n  text?: string\n}> = (props) => {\n  const { maxLength = 0, minLength = 0, text } = props\n\n  const [labelStyle, setLabelStyle] = useState({\n    backgroundColor: '',\n    color: '',\n  })\n\n  const [label, setLabel] = useState('')\n  const [barWidth, setBarWidth] = useState<number>(0)\n  const { t } = useTranslation<PluginSEOTranslations, PluginSEOTranslationKeys>()\n\n  useEffect(() => {\n    const textLength = text?.length || 0\n\n    if (textLength === 0) {\n      setLabel(t('plugin-seo:missing'))\n      setLabelStyle({\n        backgroundColor: 'red',\n        color: 'white',\n      })\n      setBarWidth(0)\n    } else {\n      const progress = (textLength - minLength) / (maxLength - minLength)\n\n      if (progress < 0) {\n        const ratioUntilMin = textLength / minLength\n\n        if (ratioUntilMin > 0.9) {\n          setLabel(t('plugin-seo:almostThere'))\n          setLabelStyle({\n            backgroundColor: 'orange',\n            color: 'white',\n          })\n        } else {\n          setLabel(t('plugin-seo:tooShort'))\n          setLabelStyle({\n            backgroundColor: 'orangered',\n            color: 'white',\n          })\n        }\n\n        setBarWidth(ratioUntilMin)\n      }\n\n      if (progress >= 0 && progress <= 1) {\n        setLabel(t('plugin-seo:good'))\n        setLabelStyle({\n          backgroundColor: 'green',\n          color: 'white',\n        })\n        setBarWidth(progress)\n      }\n\n      if (progress > 1) {\n        setLabel(t('plugin-seo:tooLong'))\n        setLabelStyle({\n          backgroundColor: 'red',\n          color: 'white',\n        })\n        setBarWidth(1)\n      }\n    }\n  }, [minLength, maxLength, text, t])\n\n  const textLength = text?.length || 0\n\n  const charsUntilMax = maxLength - textLength\n  const charsUntilMin = minLength - textLength\n\n  return (\n    <div\n      style={{\n        alignItems: 'center',\n        display: 'flex',\n        width: '100%',\n      }}\n    >\n      <Pill backgroundColor={labelStyle.backgroundColor} color={labelStyle.color} label={label} />\n      <div\n        style={{\n          flexShrink: 0,\n          lineHeight: 1,\n          marginRight: '10px',\n          whiteSpace: 'nowrap',\n        }}\n      >\n        <small>\n          {t('plugin-seo:characterCount', { current: text?.length || 0, maxLength, minLength })}\n          {(textLength === 0 || charsUntilMin > 0) && (\n            <Fragment>{t('plugin-seo:charactersToGo', { characters: charsUntilMin })}</Fragment>\n          )}\n          {charsUntilMin <= 0 && charsUntilMax >= 0 && (\n            <Fragment>{t('plugin-seo:charactersLeftOver', { characters: charsUntilMax })}</Fragment>\n          )}\n          {charsUntilMax < 0 && (\n            <Fragment>\n              {t('plugin-seo:charactersTooMany', { characters: charsUntilMax * -1 })}\n            </Fragment>\n          )}\n        </small>\n      </div>\n      <div\n        style={{\n          backgroundColor: '#F3F3F3',\n          height: '2px',\n          position: 'relative',\n          width: '100%',\n        }}\n      >\n        <div\n          style={{\n            backgroundColor: labelStyle.backgroundColor,\n            height: '100%',\n            left: 0,\n            position: 'absolute',\n            top: 0,\n            width: `${barWidth * 100}%`,\n          }}\n        />\n      </div>\n    </div>\n  )\n}\n"],"names":["useTranslation","React","Fragment","useEffect","useState","Pill","LengthIndicator","props","maxLength","minLength","text","labelStyle","setLabelStyle","backgroundColor","color","label","setLabel","barWidth","setBarWidth","t","textLength","length","progress","ratioUntilMin","charsUntilMax","charsUntilMin","div","style","alignItems","display","width","flexShrink","lineHeight","marginRight","whiteSpace","small","current","characters","height","position","left","top"],"mappings":"AAAA;;AAEA,SAASA,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,SAASC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAI5D,SAASC,IAAI,QAAQ,YAAW;AAEhC,OAAO,MAAMC,kBAIR,CAACC;IACJ,MAAM,EAAEC,YAAY,CAAC,EAAEC,YAAY,CAAC,EAAEC,IAAI,EAAE,GAAGH;IAE/C,MAAM,CAACI,YAAYC,cAAc,GAAGR,SAAS;QAC3CS,iBAAiB;QACjBC,OAAO;IACT;IAEA,MAAM,CAACC,OAAOC,SAAS,GAAGZ,SAAS;IACnC,MAAM,CAACa,UAAUC,YAAY,GAAGd,SAAiB;IACjD,MAAM,EAAEe,CAAC,EAAE,GAAGnB;IAEdG,UAAU;QACR,MAAMiB,aAAaV,MAAMW,UAAU;QAEnC,IAAID,eAAe,GAAG;YACpBJ,SAASG,EAAE;YACXP,cAAc;gBACZC,iBAAiB;gBACjBC,OAAO;YACT;YACAI,YAAY;QACd,OAAO;YACL,MAAMI,WAAW,AAACF,CAAAA,aAAaX,SAAQ,IAAMD,CAAAA,YAAYC,SAAQ;YAEjE,IAAIa,WAAW,GAAG;gBAChB,MAAMC,gBAAgBH,aAAaX;gBAEnC,IAAIc,gBAAgB,KAAK;oBACvBP,SAASG,EAAE;oBACXP,cAAc;wBACZC,iBAAiB;wBACjBC,OAAO;oBACT;gBACF,OAAO;oBACLE,SAASG,EAAE;oBACXP,cAAc;wBACZC,iBAAiB;wBACjBC,OAAO;oBACT;gBACF;gBAEAI,YAAYK;YACd;YAEA,IAAID,YAAY,KAAKA,YAAY,GAAG;gBAClCN,SAASG,EAAE;gBACXP,cAAc;oBACZC,iBAAiB;oBACjBC,OAAO;gBACT;gBACAI,YAAYI;YACd;YAEA,IAAIA,WAAW,GAAG;gBAChBN,SAASG,EAAE;gBACXP,cAAc;oBACZC,iBAAiB;oBACjBC,OAAO;gBACT;gBACAI,YAAY;YACd;QACF;IACF,GAAG;QAACT;QAAWD;QAAWE;QAAMS;KAAE;IAElC,MAAMC,aAAaV,MAAMW,UAAU;IAEnC,MAAMG,gBAAgBhB,YAAYY;IAClC,MAAMK,gBAAgBhB,YAAYW;IAElC,qBACE,MAACM;QACCC,OAAO;YACLC,YAAY;YACZC,SAAS;YACTC,OAAO;QACT;;0BAEA,KAACzB;gBAAKQ,iBAAiBF,WAAWE,eAAe;gBAAEC,OAAOH,WAAWG,KAAK;gBAAEC,OAAOA;;0BACnF,KAACW;gBACCC,OAAO;oBACLI,YAAY;oBACZC,YAAY;oBACZC,aAAa;oBACbC,YAAY;gBACd;0BAEA,cAAA,MAACC;;wBACEhB,EAAE,6BAA6B;4BAAEiB,SAAS1B,MAAMW,UAAU;4BAAGb;4BAAWC;wBAAU;wBACjFW,CAAAA,eAAe,KAAKK,gBAAgB,CAAA,mBACpC,KAACvB;sCAAUiB,EAAE,6BAA6B;gCAAEkB,YAAYZ;4BAAc;;wBAEvEA,iBAAiB,KAAKD,iBAAiB,mBACtC,KAACtB;sCAAUiB,EAAE,iCAAiC;gCAAEkB,YAAYb;4BAAc;;wBAE3EA,gBAAgB,mBACf,KAACtB;sCACEiB,EAAE,gCAAgC;gCAAEkB,YAAYb,gBAAgB,CAAC;4BAAE;;;;;0BAK5E,KAACE;gBACCC,OAAO;oBACLd,iBAAiB;oBACjByB,QAAQ;oBACRC,UAAU;oBACVT,OAAO;gBACT;0BAEA,cAAA,KAACJ;oBACCC,OAAO;wBACLd,iBAAiBF,WAAWE,eAAe;wBAC3CyB,QAAQ;wBACRE,MAAM;wBACND,UAAU;wBACVE,KAAK;wBACLX,OAAO,CAAC,EAAEb,WAAW,IAAI,CAAC,CAAC;oBAC7B;;;;;AAKV,EAAC"}

package/dist/ui/Pill.js

@@ -1,8 +1,9 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 export const Pill = (props)=>{
     const { backgroundColor, color, label } = props;
-    return /*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ _jsx("div", {
         style: {
             backgroundColor,
             borderRadius: '2px',
@@ -12,8 +13,11 @@ export const Pill = (props)=>{
             marginRight: '10px',
             padding: '4px 6px',
             whiteSpace: 'nowrap'
-        }
-    }, /*#__PURE__*/ React.createElement("small", null, label));
+        },
+        children: /*#__PURE__*/ _jsx("small", {
+            children: label
+        })
+    });
 };
 
 //# sourceMappingURL=Pill.js.map

package/dist/ui/Pill.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/Pill.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nexport const Pill: React.FC<{\n  backgroundColor: string\n  color: string\n  label: string\n}> = (props) => {\n  const { backgroundColor, color, label } = props\n\n  return (\n    <div\n      style={{\n        backgroundColor,\n        borderRadius: '2px',\n        color,\n        flexShrink: 0,\n        lineHeight: 1,\n        marginRight: '10px',\n        padding: '4px 6px',\n        whiteSpace: 'nowrap',\n      }}\n    >\n      <small>{label}</small>\n    </div>\n  )\n}\n"],"names":["React","Pill","props","backgroundColor","color","label","div","style","borderRadius","flexShrink","lineHeight","marginRight","padding","whiteSpace","small"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,OAIR,CAACC;IACJ,MAAM,EAAEC,eAAe,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAGH;IAE1C,qBACE,oBAACI;QACCC,OAAO;YACLJ;YACAK,cAAc;YACdJ;YACAK,YAAY;YACZC,YAAY;YACZC,aAAa;YACbC,SAAS;YACTC,YAAY;QACd;qBAEA,oBAACC,eAAOT;AAGd,EAAC"}
+{"version":3,"sources":["../../src/ui/Pill.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nexport const Pill: React.FC<{\n  backgroundColor: string\n  color: string\n  label: string\n}> = (props) => {\n  const { backgroundColor, color, label } = props\n\n  return (\n    <div\n      style={{\n        backgroundColor,\n        borderRadius: '2px',\n        color,\n        flexShrink: 0,\n        lineHeight: 1,\n        marginRight: '10px',\n        padding: '4px 6px',\n        whiteSpace: 'nowrap',\n      }}\n    >\n      <small>{label}</small>\n    </div>\n  )\n}\n"],"names":["React","Pill","props","backgroundColor","color","label","div","style","borderRadius","flexShrink","lineHeight","marginRight","padding","whiteSpace","small"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,OAIR,CAACC;IACJ,MAAM,EAAEC,eAAe,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAGH;IAE1C,qBACE,KAACI;QACCC,OAAO;YACLJ;YACAK,cAAc;YACdJ;YACAK,YAAY;YACZC,YAAY;YACZC,aAAa;YACbC,SAAS;YACTC,YAAY;QACd;kBAEA,cAAA,KAACC;sBAAOT;;;AAGd,EAAC"}

package/package.json

@@ -1,16 +1,7 @@
 {
   "name": "@payloadcms/plugin-seo",
-  "version": "3.0.0-beta.12",
-  "homepage:": "https://payloadcms.com",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/payloadcms/payload.git",
-    "directory": "packages/plugin-seo"
-  },
+  "version": "3.0.0-beta.120",
   "description": "SEO plugin for Payload",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "type": "module",
   "keywords": [
     "payload",
     "cms",
@@ -20,44 +11,72 @@
     "seo",
     "yoast"
   ],
-  "author": "dev@payloadcms.com",
-  "license": "MIT",
-  "peerDependencies": {
-    "react": "^18.0.0",
-    "payload": "3.0.0-beta.12",
-    "@payloadcms/translations": "3.0.0-beta.12",
-    "@payloadcms/ui": "3.0.0-beta.12"
-  },
-  "devDependencies": {
-    "@types/react": "18.2.74",
-    "react": "^18.0.0",
-    "payload": "3.0.0-beta.12",
-    "@payloadcms/translations": "3.0.0-beta.12",
-    "@payloadcms/ui": "3.0.0-beta.12",
-    "@payloadcms/eslint-config": "1.1.1"
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/payloadcms/payload.git",
+    "directory": "packages/plugin-seo"
   },
+  "license": "MIT",
+  "author": "Payload <dev@payloadcms.com> (https://payloadcms.com)",
+  "type": "module",
   "exports": {
     ".": {
       "import": "./dist/index.js",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./types": {
+      "import": "./dist/exports/types.js",
+      "types": "./dist/exports/types.d.ts",
+      "default": "./dist/exports/types.js"
+    },
+    "./fields": {
+      "import": "./dist/exports/fields.js",
+      "types": "./dist/exports/fields.d.ts",
+      "default": "./dist/exports/fields.js"
+    },
+    "./client": {
+      "import": "./dist/exports/client.js",
+      "types": "./dist/exports/client.d.ts",
+      "default": "./dist/exports/client.js"
     }
   },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@payloadcms/translations": "3.0.0-beta.120",
+    "@payloadcms/ui": "3.0.0-beta.120"
+  },
+  "devDependencies": {
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
+    "@payloadcms/next": "3.0.0-beta.120",
+    "payload": "3.0.0-beta.120",
+    "@payloadcms/eslint-config": "3.0.0-beta.112"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0 || ^19.0.0-rc-65a56d0e-20241020",
+    "react-dom": "^19.0.0 || ^19.0.0-rc-65a56d0e-20241020",
+    "payload": "3.0.0-beta.120"
+  },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
-  "files": [
-    "dist",
-    "types.js",
-    "types.d.ts"
-  ],
+  "homepage:": "https://payloadcms.com",
+  "overrides": {
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
+  },
   "scripts": {
-    "build": "pnpm copyfiles && pnpm build:swc && pnpm build:types",
-    "build:swc": "swc ./src -d ./dist --config-file .swcrc",
+    "build": "pnpm copyfiles && pnpm build:types && pnpm build:swc",
+    "build:swc": "swc ./src -d ./dist --config-file .swcrc --strip-leading-paths",
     "build:types": "tsc --emitDeclarationOnly --outDir dist",
+    "clean": "rimraf {dist,*.tsbuildinfo}",
     "copyfiles": "copyfiles -u 1 \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",
-    "lint": "eslint src",
-    "lint:fix": "eslint --fix --ext .ts,.tsx src",
-    "clean": "rimraf {dist,*.tsbuildinfo}"
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix"
   }
 }

package/dist/fields/MetaDescription.d.ts

@@ -1,9 +0,0 @@
-import type { FormFieldBase } from '@payloadcms/ui/fields/shared';
-import React from 'react';
-type MetaDescriptionProps = FormFieldBase & {
-    hasGenerateDescriptionFn: boolean;
-    path: string;
-};
-export declare const MetaDescription: React.FC<MetaDescriptionProps>;
-export {};
-//# sourceMappingURL=MetaDescription.d.ts.map

package/dist/fields/MetaDescription.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MetaDescription.d.ts","sourceRoot":"","sources":["../../src/fields/MetaDescription.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAWjE,OAAO,KAAsB,MAAM,OAAO,CAAA;AAU1C,KAAK,oBAAoB,GAAG,aAAa,GAAG;IAC1C,wBAAwB,EAAE,OAAO,CAAA;IACjC,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoH1D,CAAA"}

package/dist/fields/MetaDescription.js

@@ -1,115 +0,0 @@
-'use client';
-import { TextareaInput } from '@payloadcms/ui/fields/Textarea';
-import { FieldLabel } from '@payloadcms/ui/forms/FieldLabel';
-import { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider';
-import { useAllFormFields } from '@payloadcms/ui/forms/Form';
-import { useField } from '@payloadcms/ui/forms/useField';
-import { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo';
-import { useLocale } from '@payloadcms/ui/providers/Locale';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
-import React, { useCallback } from 'react';
-import { defaults } from '../defaults.js';
-import { LengthIndicator } from '../ui/LengthIndicator.js';
-const { maxLength, minLength } = defaults.description;
-export const MetaDescription = (props)=>{
-    const { CustomLabel, hasGenerateDescriptionFn, labelProps, path, required } = props;
-    const { path: pathFromContext } = useFieldProps();
-    const { t } = useTranslation();
-    const locale = useLocale();
-    const [fields] = useAllFormFields();
-    const docInfo = useDocumentInfo();
-    const field = useField({
-        path
-    });
-    const { errorMessage, setValue, showError, value } = field;
-    const regenerateDescription = useCallback(async ()=>{
-        if (!hasGenerateDescriptionFn) return;
-        const genDescriptionResponse = await fetch('/api/plugin-seo/generate-description', {
-            body: JSON.stringify({
-                ...docInfo,
-                doc: {
-                    ...fields
-                },
-                locale: typeof locale === 'object' ? locale?.code : locale
-            }),
-            credentials: 'include',
-            headers: {
-                'Content-Type': 'application/json'
-            },
-            method: 'POST'
-        });
-        const { result: generatedDescription } = await genDescriptionResponse.json();
-        setValue(generatedDescription || '');
-    }, [
-        fields,
-        setValue,
-        hasGenerateDescriptionFn,
-        locale,
-        docInfo
-    ]);
-    return /*#__PURE__*/ React.createElement("div", {
-        style: {
-            marginBottom: '20px'
-        }
-    }, /*#__PURE__*/ React.createElement("div", {
-        style: {
-            marginBottom: '5px',
-            position: 'relative'
-        }
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: "plugin-seo__field"
-    }, /*#__PURE__*/ React.createElement(FieldLabel, {
-        CustomLabel: CustomLabel,
-        ...labelProps || {}
-    }), hasGenerateDescriptionFn && /*#__PURE__*/ React.createElement(React.Fragment, null, "  —  ", /*#__PURE__*/ React.createElement("button", {
-        onClick: regenerateDescription,
-        style: {
-            background: 'none',
-            backgroundColor: 'transparent',
-            border: 'none',
-            color: 'currentcolor',
-            cursor: 'pointer',
-            padding: 0,
-            textDecoration: 'underline'
-        },
-        type: "button"
-    }, t('plugin-seo:autoGenerate')))), /*#__PURE__*/ React.createElement("div", {
-        style: {
-            color: '#9A9A9A'
-        }
-    }, t('plugin-seo:lengthTipDescription', {
-        maxLength,
-        minLength
-    }), /*#__PURE__*/ React.createElement("a", {
-        href: "https://developers.google.com/search/docs/advanced/appearance/snippet#meta-descriptions",
-        rel: "noopener noreferrer",
-        target: "_blank"
-    }, t('plugin-seo:bestPractices')))), /*#__PURE__*/ React.createElement("div", {
-        style: {
-            marginBottom: '10px',
-            position: 'relative'
-        }
-    }, /*#__PURE__*/ React.createElement(TextareaInput, {
-        CustomError: errorMessage,
-        onChange: setValue,
-        path: pathFromContext,
-        required: required,
-        showError: showError,
-        style: {
-            marginBottom: 0
-        },
-        value: value
-    })), /*#__PURE__*/ React.createElement("div", {
-        style: {
-            alignItems: 'center',
-            display: 'flex',
-            width: '100%'
-        }
-    }, /*#__PURE__*/ React.createElement(LengthIndicator, {
-        maxLength: maxLength,
-        minLength: minLength,
-        text: value
-    })));
-};
-
-//# sourceMappingURL=MetaDescription.js.map

package/dist/fields/MetaDescription.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/fields/MetaDescription.tsx"],"sourcesContent":["'use client'\n\nimport type { FormFieldBase } from '@payloadcms/ui/fields/shared'\nimport type { FieldType, Options } from '@payloadcms/ui/forms/useField'\n\nimport { TextareaInput } from '@payloadcms/ui/fields/Textarea'\nimport { FieldLabel } from '@payloadcms/ui/forms/FieldLabel'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\nimport { useAllFormFields } from '@payloadcms/ui/forms/Form'\nimport { useField } from '@payloadcms/ui/forms/useField'\nimport { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo'\nimport { useLocale } from '@payloadcms/ui/providers/Locale'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React, { useCallback } from 'react'\n\nimport type { GenerateDescription } from '../types.js'\n\nimport { defaults } from '../defaults.js'\nimport { LengthIndicator } from '../ui/LengthIndicator.js'\n\nconst { maxLength, minLength } = defaults.description\n\n// eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\ntype MetaDescriptionProps = FormFieldBase & {\n  hasGenerateDescriptionFn: boolean\n  path: string\n}\n\nexport const MetaDescription: React.FC<MetaDescriptionProps> = (props) => {\n  const { CustomLabel, hasGenerateDescriptionFn, labelProps, path, required } = props\n  const { path: pathFromContext } = useFieldProps()\n\n  const { t } = useTranslation()\n\n  const locale = useLocale()\n  const [fields] = useAllFormFields()\n  const docInfo = useDocumentInfo()\n\n  const field: FieldType<string> = useField({\n    path,\n  } as Options)\n\n  const { errorMessage, setValue, showError, value } = field\n\n  const regenerateDescription = useCallback(async () => {\n    if (!hasGenerateDescriptionFn) return\n\n    const genDescriptionResponse = await fetch('/api/plugin-seo/generate-description', {\n      body: JSON.stringify({\n        ...docInfo,\n        doc: { ...fields },\n        locale: typeof locale === 'object' ? locale?.code : locale,\n      } satisfies Parameters<GenerateDescription>[0]),\n      credentials: 'include',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      method: 'POST',\n    })\n\n    const { result: generatedDescription } = await genDescriptionResponse.json()\n\n    setValue(generatedDescription || '')\n  }, [fields, setValue, hasGenerateDescriptionFn, locale, docInfo])\n\n  return (\n    <div\n      style={{\n        marginBottom: '20px',\n      }}\n    >\n      <div\n        style={{\n          marginBottom: '5px',\n          position: 'relative',\n        }}\n      >\n        <div className=\"plugin-seo__field\">\n          <FieldLabel CustomLabel={CustomLabel} {...(labelProps || {})} />\n          {hasGenerateDescriptionFn && (\n            <React.Fragment>\n              &nbsp; &mdash; &nbsp;\n              <button\n                onClick={regenerateDescription}\n                style={{\n                  background: 'none',\n                  backgroundColor: 'transparent',\n                  border: 'none',\n                  color: 'currentcolor',\n                  cursor: 'pointer',\n                  padding: 0,\n                  textDecoration: 'underline',\n                }}\n                type=\"button\"\n              >\n                {t('plugin-seo:autoGenerate')}\n              </button>\n            </React.Fragment>\n          )}\n        </div>\n        <div\n          style={{\n            color: '#9A9A9A',\n          }}\n        >\n          {t('plugin-seo:lengthTipDescription', { maxLength, minLength })}\n          <a\n            href=\"https://developers.google.com/search/docs/advanced/appearance/snippet#meta-descriptions\"\n            rel=\"noopener noreferrer\"\n            target=\"_blank\"\n          >\n            {t('plugin-seo:bestPractices')}\n          </a>\n        </div>\n      </div>\n      <div\n        style={{\n          marginBottom: '10px',\n          position: 'relative',\n        }}\n      >\n        <TextareaInput\n          CustomError={errorMessage}\n          onChange={setValue}\n          path={pathFromContext}\n          required={required}\n          showError={showError}\n          style={{\n            marginBottom: 0,\n          }}\n          value={value}\n        />\n      </div>\n      <div\n        style={{\n          alignItems: 'center',\n          display: 'flex',\n          width: '100%',\n        }}\n      >\n        <LengthIndicator maxLength={maxLength} minLength={minLength} text={value} />\n      </div>\n    </div>\n  )\n}\n"],"names":["TextareaInput","FieldLabel","useFieldProps","useAllFormFields","useField","useDocumentInfo","useLocale","useTranslation","React","useCallback","defaults","LengthIndicator","maxLength","minLength","description","MetaDescription","props","CustomLabel","hasGenerateDescriptionFn","labelProps","path","required","pathFromContext","t","locale","fields","docInfo","field","errorMessage","setValue","showError","value","regenerateDescription","genDescriptionResponse","fetch","body","JSON","stringify","doc","code","credentials","headers","method","result","generatedDescription","json","div","style","marginBottom","position","className","Fragment","button","onClick","background","backgroundColor","border","color","cursor","padding","textDecoration","type","a","href","rel","target","CustomError","onChange","alignItems","display","width","text"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAKA,SAASA,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,aAAa,QAAQ,0CAAyC;AACvE,SAASC,gBAAgB,QAAQ,4BAA2B;AAC5D,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAI1C,SAASC,QAAQ,QAAQ,iBAAgB;AACzC,SAASC,eAAe,QAAQ,2BAA0B;AAE1D,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAE,GAAGH,SAASI,WAAW;AAQrD,OAAO,MAAMC,kBAAkD,CAACC;IAC9D,MAAM,EAAEC,WAAW,EAAEC,wBAAwB,EAAEC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGL;IAC9E,MAAM,EAAEI,MAAME,eAAe,EAAE,GAAGpB;IAElC,MAAM,EAAEqB,CAAC,EAAE,GAAGhB;IAEd,MAAMiB,SAASlB;IACf,MAAM,CAACmB,OAAO,GAAGtB;IACjB,MAAMuB,UAAUrB;IAEhB,MAAMsB,QAA2BvB,SAAS;QACxCgB;IACF;IAEA,MAAM,EAAEQ,YAAY,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGJ;IAErD,MAAMK,wBAAwBvB,YAAY;QACxC,IAAI,CAACS,0BAA0B;QAE/B,MAAMe,yBAAyB,MAAMC,MAAM,wCAAwC;YACjFC,MAAMC,KAAKC,SAAS,CAAC;gBACnB,GAAGX,OAAO;gBACVY,KAAK;oBAAE,GAAGb,MAAM;gBAAC;gBACjBD,QAAQ,OAAOA,WAAW,WAAWA,QAAQe,OAAOf;YACtD;YACAgB,aAAa;YACbC,SAAS;gBACP,gBAAgB;YAClB;YACAC,QAAQ;QACV;QAEA,MAAM,EAAEC,QAAQC,oBAAoB,EAAE,GAAG,MAAMX,uBAAuBY,IAAI;QAE1EhB,SAASe,wBAAwB;IACnC,GAAG;QAACnB;QAAQI;QAAUX;QAA0BM;QAAQE;KAAQ;IAEhE,qBACE,oBAACoB;QACCC,OAAO;YACLC,cAAc;QAChB;qBAEA,oBAACF;QACCC,OAAO;YACLC,cAAc;YACdC,UAAU;QACZ;qBAEA,oBAACH;QAAII,WAAU;qBACb,oBAACjD;QAAWgB,aAAaA;QAAc,GAAIE,cAAc,CAAC,CAAC;QAC1DD,0CACC,oBAACV,MAAM2C,QAAQ,QAAC,uBAEd,oBAACC;QACCC,SAASrB;QACTe,OAAO;YACLO,YAAY;YACZC,iBAAiB;YACjBC,QAAQ;YACRC,OAAO;YACPC,QAAQ;YACRC,SAAS;YACTC,gBAAgB;QAClB;QACAC,MAAK;OAEJtC,EAAE,6CAKX,oBAACuB;QACCC,OAAO;YACLU,OAAO;QACT;OAEClC,EAAE,mCAAmC;QAAEX;QAAWC;IAAU,kBAC7D,oBAACiD;QACCC,MAAK;QACLC,KAAI;QACJC,QAAO;OAEN1C,EAAE,8CAIT,oBAACuB;QACCC,OAAO;YACLC,cAAc;YACdC,UAAU;QACZ;qBAEA,oBAACjD;QACCkE,aAAatC;QACbuC,UAAUtC;QACVT,MAAME;QACND,UAAUA;QACVS,WAAWA;QACXiB,OAAO;YACLC,cAAc;QAChB;QACAjB,OAAOA;uBAGX,oBAACe;QACCC,OAAO;YACLqB,YAAY;YACZC,SAAS;YACTC,OAAO;QACT;qBAEA,oBAAC3D;QAAgBC,WAAWA;QAAWC,WAAWA;QAAW0D,MAAMxC;;AAI3E,EAAC"}

package/dist/fields/MetaImage.d.ts

@@ -1,8 +0,0 @@
-import type { UploadInputProps } from '@payloadcms/ui/fields/Upload';
-import React from 'react';
-type MetaImageProps = UploadInputProps & {
-    hasGenerateImageFn: boolean;
-};
-export declare const MetaImage: React.FC<MetaImageProps>;
-export {};
-//# sourceMappingURL=MetaImage.d.ts.map

package/dist/fields/MetaImage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MetaImage.d.ts","sourceRoot":"","sources":["../../src/fields/MetaImage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAWpE,OAAO,KAAsB,MAAM,OAAO,CAAA;AAO1C,KAAK,cAAc,GAAG,gBAAgB,GAAG;IACvC,kBAAkB,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoI9C,CAAA"}