@payloadcms/plugin-seo 3.0.0-canary.c13f9ba → 3.0.0-canary.c696728

package/dist/fields/MetaTitle/MetaTitleComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/MetaTitle/MetaTitleComponent.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldType, Options } from '@payloadcms/ui'\nimport type { TextFieldClientProps } from 'payload'\n\nimport {\n  FieldLabel,\n  TextInput,\n  useDocumentInfo,\n  useField,\n  useFieldProps,\n  useForm,\n  useLocale,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React, { useCallback } from 'react'\n\nimport type { PluginSEOTranslationKeys, PluginSEOTranslations } from '../../translations/index.js'\nimport type { GenerateTitle } from '../../types.js'\n\nimport { defaults } from '../../defaults.js'\nimport { LengthIndicator } from '../../ui/LengthIndicator.js'\nimport '../index.scss'\n\nconst { maxLength, minLength } = defaults.title\n\ntype MetaTitleProps = {\n  readonly hasGenerateTitleFn: boolean\n} & TextFieldClientProps\n\nexport const MetaTitleComponent: React.FC<MetaTitleProps> = (props) => {\n  const {\n    field: {\n      admin: {\n        components: { Label },\n      },\n      label,\n      required,\n    },\n    hasGenerateTitleFn,\n    labelProps,\n  } = props || {}\n  const { path: pathFromContext } = useFieldProps()\n\n  const { t } = useTranslation<PluginSEOTranslations, PluginSEOTranslationKeys>()\n\n  const field: FieldType<string> = useField({\n    path: pathFromContext,\n  } as Options)\n\n  const locale = useLocale()\n  const { getData } = useForm()\n  const docInfo = useDocumentInfo()\n\n  const { errorMessage, setValue, showError, value } = field\n\n  const regenerateTitle = useCallback(async () => {\n    if (!hasGenerateTitleFn) {\n      return\n    }\n\n    const genTitleResponse = await fetch('/api/plugin-seo/generate-title', {\n      body: JSON.stringify({\n        id: docInfo.id,\n        collectionSlug: docInfo.collectionSlug,\n        doc: getData(),\n        docPermissions: docInfo.docPermissions,\n        globalSlug: docInfo.globalSlug,\n        hasPublishPermission: docInfo.hasPublishPermission,\n        hasSavePermission: docInfo.hasSavePermission,\n        initialData: docInfo.initialData,\n        initialState: docInfo.initialState,\n        locale: typeof locale === 'object' ? locale?.code : locale,\n        title: docInfo.title,\n      } satisfies Omit<Parameters<GenerateTitle>[0], 'collectionConfig' | 'globalConfig' | 'req'>),\n      credentials: 'include',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      method: 'POST',\n    })\n\n    const { result: generatedTitle } = await genTitleResponse.json()\n\n    setValue(generatedTitle || '')\n  }, [hasGenerateTitleFn, docInfo, getData, locale, setValue])\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 field={null} Label={Label} label={label} {...(labelProps || {})} />\n          {hasGenerateTitleFn && (\n            <React.Fragment>\n              &nbsp; &mdash; &nbsp;\n              <button\n                onClick={() => {\n                  void regenerateTitle()\n                }}\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:lengthTipTitle', { maxLength, minLength })}\n          <a\n            href=\"https://developers.google.com/search/docs/advanced/appearance/title-link#page-titles\"\n            rel=\"noopener noreferrer\"\n            target=\"_blank\"\n          >\n            {t('plugin-seo:bestPractices')}\n          </a>\n          .\n        </div>\n      </div>\n      <div\n        style={{\n          marginBottom: '10px',\n          position: 'relative',\n        }}\n      >\n        <TextInput\n          Error={{\n            type: 'client',\n            Component: null,\n            RenderedComponent: errorMessage,\n          }}\n          label={label}\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":["FieldLabel","TextInput","useDocumentInfo","useField","useFieldProps","useForm","useLocale","useTranslation","React","useCallback","defaults","LengthIndicator","maxLength","minLength","title","MetaTitleComponent","props","field","admin","components","Label","label","required","hasGenerateTitleFn","labelProps","path","pathFromContext","t","locale","getData","docInfo","errorMessage","setValue","showError","value","regenerateTitle","genTitleResponse","fetch","body","JSON","stringify","id","collectionSlug","doc","docPermissions","globalSlug","hasPublishPermission","hasSavePermission","initialData","initialState","code","credentials","headers","method","result","generatedTitle","json","div","style","marginBottom","position","className","Fragment","button","onClick","background","backgroundColor","border","color","cursor","padding","textDecoration","type","a","href","rel","target","Error","Component","RenderedComponent","onChange","alignItems","display","width","text"],"mappings":"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"}

package/dist/fields/MetaTitle/index.d.ts

@@ -0,0 +1,12 @@
+import type { TextField } from 'payload';
+interface FieldFunctionProps {
+    /**
+     * Tell the component if the generate function is available as configured in the plugin config
+     */
+    hasGenerateFn?: boolean;
+    overrides?: Partial<TextField>;
+}
+type FieldFunction = ({ hasGenerateFn, overrides }: FieldFunctionProps) => TextField;
+export declare const MetaTitleField: FieldFunction;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/MetaTitle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/MetaTitle/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC,UAAU,kBAAkB;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;CAC/B;AAED,KAAK,aAAa,GAAG,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,kBAAkB,KAAK,SAAS,CAAA;AAEpF,eAAO,MAAM,cAAc,EAAE,aAiB5B,CAAA"}

package/dist/fields/MetaTitle/index.js

@@ -0,0 +1,20 @@
+export const MetaTitleField = ({ hasGenerateFn = false, overrides })=>{
+    return {
+        name: 'title',
+        type: 'text',
+        admin: {
+            components: {
+                Field: {
+                    clientProps: {
+                        hasGenerateTitleFn: hasGenerateFn
+                    },
+                    path: '@payloadcms/plugin-seo/client#MetaTitleComponent'
+                }
+            }
+        },
+        localized: true,
+        ...overrides ?? {}
+    };
+};
+
+//# sourceMappingURL=index.js.map

package/dist/fields/MetaTitle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/MetaTitle/index.ts"],"sourcesContent":["import type { TextField } from 'payload'\n\ninterface FieldFunctionProps {\n  /**\n   * Tell the component if the generate function is available as configured in the plugin config\n   */\n  hasGenerateFn?: boolean\n  overrides?: Partial<TextField>\n}\n\ntype FieldFunction = ({ hasGenerateFn, overrides }: FieldFunctionProps) => TextField\n\nexport const MetaTitleField: FieldFunction = ({ hasGenerateFn = false, overrides }) => {\n  return {\n    name: 'title',\n    type: 'text',\n    admin: {\n      components: {\n        Field: {\n          clientProps: {\n            hasGenerateTitleFn: hasGenerateFn,\n          },\n          path: '@payloadcms/plugin-seo/client#MetaTitleComponent',\n        },\n      },\n    },\n    localized: true,\n    ...((overrides as unknown as TextField) ?? {}),\n  }\n}\n"],"names":["MetaTitleField","hasGenerateFn","overrides","name","type","admin","components","Field","clientProps","hasGenerateTitleFn","path","localized"],"mappings":"AAYA,OAAO,MAAMA,iBAAgC,CAAC,EAAEC,gBAAgB,KAAK,EAAEC,SAAS,EAAE;IAChF,OAAO;QACLC,MAAM;QACNC,MAAM;QACNC,OAAO;YACLC,YAAY;gBACVC,OAAO;oBACLC,aAAa;wBACXC,oBAAoBR;oBACtB;oBACAS,MAAM;gBACR;YACF;QACF;QACAC,WAAW;QACX,GAAI,AAACT,aAAsC,CAAC,CAAC;IAC/C;AACF,EAAC"}

package/dist/fields/Overview/OverviewComponent.d.ts

@@ -0,0 +1,10 @@
+import type { UIField } from 'payload';
+import React from 'react';
+type OverviewProps = {
+    descriptionPath?: string;
+    imagePath?: string;
+    titlePath?: string;
+} & UIField;
+export declare const OverviewComponent: React.FC<OverviewProps>;
+export {};
+//# sourceMappingURL=OverviewComponent.d.ts.map

package/dist/fields/Overview/OverviewComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverviewComponent.d.ts","sourceRoot":"","sources":["../../../src/fields/Overview/OverviewComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAa,OAAO,EAAE,MAAM,SAAS,CAAA;AAGjD,OAAO,KAA2C,MAAM,OAAO,CAAA;AAW/D,KAAK,aAAa,GAAG;IACnB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,OAAO,CAAA;AAEX,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA6DrD,CAAA"}

package/dist/{ui/Overview.js → fields/Overview/OverviewComponent.js}

@@ -1,19 +1,20 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useAllFormFields, useForm } from '@payloadcms/ui/forms/Form';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+import { useAllFormFields, useForm, useTranslation } from '@payloadcms/ui';
 import React, { useCallback, useEffect, useState } from 'react';
-import { defaults } from '../defaults.js';
+import { defaults } from '../../defaults.js';
 const { description: { maxLength: maxDesc, minLength: minDesc }, title: { maxLength: maxTitle, minLength: minTitle } } = defaults;
-export const Overview = ()=>{
+export const OverviewComponent = ({ descriptionPath: descriptionPathFromContext, imagePath: imagePathFromContext, titlePath: titlePathFromContext })=>{
     const { //  dispatchFields,
     getFields } = useForm();
-    const [{ 'meta.description': { value: metaDesc } = {}, 'meta.image': { value: metaImage } = {}, 'meta.title': { value: metaTitle } = {} }] = useAllFormFields();
+    const descriptionPath = descriptionPathFromContext || 'meta.description';
+    const titlePath = titlePathFromContext || 'meta.title';
+    const imagePath = imagePathFromContext || 'meta.image';
+    const [{ [descriptionPath]: { value: metaDesc } = {}, [imagePath]: { value: metaImage } = {}, [titlePath]: { value: metaTitle } = {} }] = useAllFormFields();
     const { t } = useTranslation();
     const [titleIsValid, setTitleIsValid] = useState();
     const [descIsValid, setDescIsValid] = useState();
     const [imageIsValid, setImageIsValid] = useState();
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const resetAll = useCallback(()=>{
         const fields = getFields();
         const fieldsWithoutMeta = fields;
@@ -25,8 +26,12 @@ export const Overview = ()=>{
         getFields
     ]);
     useEffect(()=>{
-        if (typeof metaTitle === 'string') setTitleIsValid(metaTitle.length >= minTitle && metaTitle.length <= maxTitle);
-        if (typeof metaDesc === 'string') setDescIsValid(metaDesc.length >= minDesc && metaDesc.length <= maxDesc);
+        if (typeof metaTitle === 'string') {
+            setTitleIsValid(metaTitle.length >= minTitle && metaTitle.length <= maxTitle);
+        }
+        if (typeof metaDesc === 'string') {
+            setDescIsValid(metaDesc.length >= minDesc && metaDesc.length <= maxDesc);
+        }
         setImageIsValid(Boolean(metaImage));
     }, [
         metaTitle,
@@ -52,4 +57,4 @@ export const Overview = ()=>{
     });
 };
 
-//# sourceMappingURL=Overview.js.map
+//# sourceMappingURL=OverviewComponent.js.map

package/dist/fields/Overview/OverviewComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Overview/OverviewComponent.tsx"],"sourcesContent":["'use client'\n\nimport type { FormField, UIField } from 'payload'\n\nimport { useAllFormFields, useForm, useTranslation } from '@payloadcms/ui'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { PluginSEOTranslationKeys, PluginSEOTranslations } from '../../translations/index.js'\n\nimport { defaults } from '../../defaults.js'\n\nconst {\n  description: { maxLength: maxDesc, minLength: minDesc },\n  title: { maxLength: maxTitle, minLength: minTitle },\n} = defaults\n\ntype OverviewProps = {\n  descriptionPath?: string\n  imagePath?: string\n  titlePath?: string\n} & UIField\n\nexport const OverviewComponent: React.FC<OverviewProps> = ({\n  descriptionPath: descriptionPathFromContext,\n  imagePath: imagePathFromContext,\n  titlePath: titlePathFromContext,\n}) => {\n  const {\n    //  dispatchFields,\n    getFields,\n  } = useForm()\n\n  const descriptionPath = descriptionPathFromContext || 'meta.description'\n  const titlePath = titlePathFromContext || 'meta.title'\n  const imagePath = imagePathFromContext || 'meta.image'\n\n  const [\n    {\n      [descriptionPath]: { value: metaDesc } = {} as FormField,\n      [imagePath]: { value: metaImage } = {} as FormField,\n      [titlePath]: { value: metaTitle } = {} as FormField,\n    },\n  ] = useAllFormFields()\n  const { t } = useTranslation<PluginSEOTranslations, PluginSEOTranslationKeys>()\n\n  const [titleIsValid, setTitleIsValid] = useState<boolean | undefined>()\n  const [descIsValid, setDescIsValid] = useState<boolean | undefined>()\n  const [imageIsValid, setImageIsValid] = useState<boolean | undefined>()\n\n  const resetAll = useCallback(() => {\n    const fields = getFields()\n    const fieldsWithoutMeta = fields\n    fieldsWithoutMeta['meta.title'].value = ''\n    fieldsWithoutMeta['meta.description'].value = ''\n    fieldsWithoutMeta['meta.image'].value = ''\n    // dispatchFields(fieldsWithoutMeta);\n  }, [getFields])\n\n  useEffect(() => {\n    if (typeof metaTitle === 'string') {\n      setTitleIsValid(metaTitle.length >= minTitle && metaTitle.length <= maxTitle)\n    }\n    if (typeof metaDesc === 'string') {\n      setDescIsValid(metaDesc.length >= minDesc && metaDesc.length <= maxDesc)\n    }\n    setImageIsValid(Boolean(metaImage))\n  }, [metaTitle, metaDesc, metaImage])\n\n  const testResults = [titleIsValid, descIsValid, imageIsValid]\n\n  const numberOfPasses = testResults.filter(Boolean).length\n\n  return (\n    <div\n      style={{\n        marginBottom: '20px',\n      }}\n    >\n      <div>\n        {t('plugin-seo:checksPassing', { current: numberOfPasses, max: testResults.length })}\n      </div>\n    </div>\n  )\n}\n"],"names":["useAllFormFields","useForm","useTranslation","React","useCallback","useEffect","useState","defaults","description","maxLength","maxDesc","minLength","minDesc","title","maxTitle","minTitle","OverviewComponent","descriptionPath","descriptionPathFromContext","imagePath","imagePathFromContext","titlePath","titlePathFromContext","getFields","value","metaDesc","metaImage","metaTitle","t","titleIsValid","setTitleIsValid","descIsValid","setDescIsValid","imageIsValid","setImageIsValid","resetAll","fields","fieldsWithoutMeta","length","Boolean","testResults","numberOfPasses","filter","div","style","marginBottom","current","max"],"mappings":"AAAA;;AAIA,SAASA,gBAAgB,EAAEC,OAAO,EAAEC,cAAc,QAAQ,iBAAgB;AAC1E,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAI/D,SAASC,QAAQ,QAAQ,oBAAmB;AAE5C,MAAM,EACJC,aAAa,EAAEC,WAAWC,OAAO,EAAEC,WAAWC,OAAO,EAAE,EACvDC,OAAO,EAAEJ,WAAWK,QAAQ,EAAEH,WAAWI,QAAQ,EAAE,EACpD,GAAGR;AAQJ,OAAO,MAAMS,oBAA6C,CAAC,EACzDC,iBAAiBC,0BAA0B,EAC3CC,WAAWC,oBAAoB,EAC/BC,WAAWC,oBAAoB,EAChC;IACC,MAAM,EACJ,mBAAmB;IACnBC,SAAS,EACV,GAAGtB;IAEJ,MAAMgB,kBAAkBC,8BAA8B;IACtD,MAAMG,YAAYC,wBAAwB;IAC1C,MAAMH,YAAYC,wBAAwB;IAE1C,MAAM,CACJ,EACE,CAACH,gBAAgB,EAAE,EAAEO,OAAOC,QAAQ,EAAE,GAAG,CAAC,CAAc,EACxD,CAACN,UAAU,EAAE,EAAEK,OAAOE,SAAS,EAAE,GAAG,CAAC,CAAc,EACnD,CAACL,UAAU,EAAE,EAAEG,OAAOG,SAAS,EAAE,GAAG,CAAC,CAAc,EACpD,CACF,GAAG3B;IACJ,MAAM,EAAE4B,CAAC,EAAE,GAAG1B;IAEd,MAAM,CAAC2B,cAAcC,gBAAgB,GAAGxB;IACxC,MAAM,CAACyB,aAAaC,eAAe,GAAG1B;IACtC,MAAM,CAAC2B,cAAcC,gBAAgB,GAAG5B;IAExC,MAAM6B,WAAW/B,YAAY;QAC3B,MAAMgC,SAASb;QACf,MAAMc,oBAAoBD;QAC1BC,iBAAiB,CAAC,aAAa,CAACb,KAAK,GAAG;QACxCa,iBAAiB,CAAC,mBAAmB,CAACb,KAAK,GAAG;QAC9Ca,iBAAiB,CAAC,aAAa,CAACb,KAAK,GAAG;IACxC,qCAAqC;IACvC,GAAG;QAACD;KAAU;IAEdlB,UAAU;QACR,IAAI,OAAOsB,cAAc,UAAU;YACjCG,gBAAgBH,UAAUW,MAAM,IAAIvB,YAAYY,UAAUW,MAAM,IAAIxB;QACtE;QACA,IAAI,OAAOW,aAAa,UAAU;YAChCO,eAAeP,SAASa,MAAM,IAAI1B,WAAWa,SAASa,MAAM,IAAI5B;QAClE;QACAwB,gBAAgBK,QAAQb;IAC1B,GAAG;QAACC;QAAWF;QAAUC;KAAU;IAEnC,MAAMc,cAAc;QAACX;QAAcE;QAAaE;KAAa;IAE7D,MAAMQ,iBAAiBD,YAAYE,MAAM,CAACH,SAASD,MAAM;IAEzD,qBACE,KAACK;QACCC,OAAO;YACLC,cAAc;QAChB;kBAEA,cAAA,KAACF;sBACEf,EAAE,4BAA4B;gBAAEkB,SAASL;gBAAgBM,KAAKP,YAAYF,MAAM;YAAC;;;AAI1F,EAAC"}

package/dist/fields/Overview/index.d.ts

@@ -0,0 +1,26 @@
+import type { UIField } from 'payload';
+interface FieldFunctionProps {
+    /**
+     * Path to the description field to use for the preview
+     *
+     * @default 'meta.description'
+     */
+    descriptionPath?: string;
+    /**
+     * Path to the image field to use for the preview
+     *
+     * @default 'meta.image'
+     */
+    imagePath?: string;
+    overrides?: Partial<UIField>;
+    /**
+     * Path to the title field to use for the preview
+     *
+     * @default 'meta.title'
+     */
+    titlePath?: string;
+}
+type FieldFunction = ({ overrides }: FieldFunctionProps) => UIField;
+export declare const OverviewField: FieldFunction;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/Overview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Overview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEtC,UAAU,kBAAkB;IAC1B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;IAC5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,KAAK,aAAa,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,kBAAkB,KAAK,OAAO,CAAA;AAEnE,eAAO,MAAM,aAAa,EAAE,aAwB3B,CAAA"}

package/dist/fields/Overview/index.js

@@ -0,0 +1,22 @@
+export const OverviewField = ({ descriptionPath, imagePath, overrides, titlePath })=>{
+    return {
+        name: 'overview',
+        type: 'ui',
+        admin: {
+            components: {
+                Field: {
+                    clientProps: {
+                        descriptionPath,
+                        imagePath,
+                        titlePath
+                    },
+                    path: '@payloadcms/plugin-seo/client#OverviewComponent'
+                }
+            }
+        },
+        label: 'Overview',
+        ...overrides ?? {}
+    };
+};
+
+//# sourceMappingURL=index.js.map

package/dist/fields/Overview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Overview/index.tsx"],"sourcesContent":["import type { UIField } from 'payload'\n\ninterface FieldFunctionProps {\n  /**\n   * Path to the description field to use for the preview\n   *\n   * @default 'meta.description'\n   */\n  descriptionPath?: string\n  /**\n   * Path to the image field to use for the preview\n   *\n   * @default 'meta.image'\n   */\n  imagePath?: string\n  overrides?: Partial<UIField>\n  /**\n   * Path to the title field to use for the preview\n   *\n   * @default 'meta.title'\n   */\n  titlePath?: string\n}\n\ntype FieldFunction = ({ overrides }: FieldFunctionProps) => UIField\n\nexport const OverviewField: FieldFunction = ({\n  descriptionPath,\n  imagePath,\n  overrides,\n  titlePath,\n}) => {\n  return {\n    name: 'overview',\n    type: 'ui',\n    admin: {\n      components: {\n        Field: {\n          clientProps: {\n            descriptionPath,\n            imagePath,\n            titlePath,\n          },\n          path: '@payloadcms/plugin-seo/client#OverviewComponent',\n        },\n      },\n    },\n    label: 'Overview',\n    ...((overrides as unknown as UIField) ?? {}),\n  }\n}\n"],"names":["OverviewField","descriptionPath","imagePath","overrides","titlePath","name","type","admin","components","Field","clientProps","path","label"],"mappings":"AA0BA,OAAO,MAAMA,gBAA+B,CAAC,EAC3CC,eAAe,EACfC,SAAS,EACTC,SAAS,EACTC,SAAS,EACV;IACC,OAAO;QACLC,MAAM;QACNC,MAAM;QACNC,OAAO;YACLC,YAAY;gBACVC,OAAO;oBACLC,aAAa;wBACXT;wBACAC;wBACAE;oBACF;oBACAO,MAAM;gBACR;YACF;QACF;QACAC,OAAO;QACP,GAAI,AAACT,aAAoC,CAAC,CAAC;IAC7C;AACF,EAAC"}

package/dist/fields/Preview/PreviewComponent.d.ts

@@ -0,0 +1,10 @@
+import type { UIField } from 'payload';
+import React from 'react';
+type PreviewProps = {
+    readonly descriptionPath?: string;
+    readonly hasGenerateURLFn: boolean;
+    readonly titlePath?: string;
+} & UIField;
+export declare const PreviewComponent: React.FC<PreviewProps>;
+export {};
+//# sourceMappingURL=PreviewComponent.d.ts.map

package/dist/fields/Preview/PreviewComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewComponent.d.ts","sourceRoot":"","sources":["../../../src/fields/Preview/PreviewComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAa,OAAO,EAAE,MAAM,SAAS,CAAA;AASjD,OAAO,KAA8B,MAAM,OAAO,CAAA;AAKlD,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAA;IACjC,QAAQ,CAAC,gBAAgB,EAAE,OAAO,CAAA;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,GAAG,OAAO,CAAA;AAEX,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAiHnD,CAAA"}

package/dist/{ui/Preview.js → fields/Preview/PreviewComponent.js}

@@ -1,26 +1,33 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAllFormFields } from '@payloadcms/ui/forms/Form';
-import { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo';
-import { useLocale } from '@payloadcms/ui/providers/Locale';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+import { useAllFormFields, useDocumentInfo, useForm, useLocale, useTranslation } from '@payloadcms/ui';
 import React, { useEffect, useState } from 'react';
-export const Preview = ({ hasGenerateURLFn })=>{
+export const PreviewComponent = (props)=>{
+    const { descriptionPath: descriptionPathFromContext, hasGenerateURLFn, titlePath: titlePathFromContext } = props;
     const { t } = useTranslation();
     const locale = useLocale();
     const [fields] = useAllFormFields();
+    const { getData } = useForm();
     const docInfo = useDocumentInfo();
-    const { 'meta.description': { value: metaDescription } = {}, 'meta.title': { value: metaTitle } = {} } = fields;
+    const descriptionPath = descriptionPathFromContext || 'meta.description';
+    const titlePath = titlePathFromContext || 'meta.title';
+    const { [descriptionPath]: { value: metaDescription } = {}, [titlePath]: { value: metaTitle } = {} } = fields;
     const [href, setHref] = useState();
     useEffect(()=>{
         const getHref = async ()=>{
             const genURLResponse = await fetch('/api/plugin-seo/generate-url', {
                 body: JSON.stringify({
-                    ...docInfo,
-                    doc: {
-                        ...fields
-                    },
-                    locale: typeof locale === 'object' ? locale?.code : locale
+                    id: docInfo.id,
+                    collectionSlug: docInfo.collectionSlug,
+                    doc: getData(),
+                    docPermissions: docInfo.docPermissions,
+                    globalSlug: docInfo.globalSlug,
+                    hasPublishPermission: docInfo.hasPublishPermission,
+                    hasSavePermission: docInfo.hasSavePermission,
+                    initialData: docInfo.initialData,
+                    initialState: docInfo.initialState,
+                    locale: typeof locale === 'object' ? locale?.code : locale,
+                    title: docInfo.title
                 }),
                 credentials: 'include',
                 headers: {
@@ -39,7 +46,8 @@ export const Preview = ({ hasGenerateURLFn })=>{
         href,
         locale,
         docInfo,
-        hasGenerateURLFn
+        hasGenerateURLFn,
+        getData
     ]);
     return /*#__PURE__*/ _jsxs("div", {
         children: [
@@ -97,4 +105,4 @@ export const Preview = ({ hasGenerateURLFn })=>{
     });
 };
 
-//# sourceMappingURL=Preview.js.map
+//# sourceMappingURL=PreviewComponent.js.map

package/dist/fields/Preview/PreviewComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Preview/PreviewComponent.tsx"],"sourcesContent":["'use client'\n\nimport type { FormField, UIField } from 'payload'\n\nimport {\n  useAllFormFields,\n  useDocumentInfo,\n  useForm,\n  useLocale,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React, { useEffect, useState } from 'react'\n\nimport type { PluginSEOTranslationKeys, PluginSEOTranslations } from '../../translations/index.js'\nimport type { GenerateURL } from '../../types.js'\n\ntype PreviewProps = {\n  readonly descriptionPath?: string\n  readonly hasGenerateURLFn: boolean\n  readonly titlePath?: string\n} & UIField\n\nexport const PreviewComponent: React.FC<PreviewProps> = (props) => {\n  const {\n    descriptionPath: descriptionPathFromContext,\n    hasGenerateURLFn,\n    titlePath: titlePathFromContext,\n  } = props\n\n  const { t } = useTranslation<PluginSEOTranslations, PluginSEOTranslationKeys>()\n\n  const locale = useLocale()\n  const [fields] = useAllFormFields()\n  const { getData } = useForm()\n  const docInfo = useDocumentInfo()\n\n  const descriptionPath = descriptionPathFromContext || 'meta.description'\n  const titlePath = titlePathFromContext || 'meta.title'\n\n  const {\n    [descriptionPath]: { value: metaDescription } = {} as FormField,\n    [titlePath]: { value: metaTitle } = {} as FormField,\n  } = fields\n\n  const [href, setHref] = useState<string>()\n\n  useEffect(() => {\n    const getHref = async () => {\n      const genURLResponse = await fetch('/api/plugin-seo/generate-url', {\n        body: JSON.stringify({\n          id: docInfo.id,\n          collectionSlug: docInfo.collectionSlug,\n          doc: getData(),\n          docPermissions: docInfo.docPermissions,\n          globalSlug: docInfo.globalSlug,\n          hasPublishPermission: docInfo.hasPublishPermission,\n          hasSavePermission: docInfo.hasSavePermission,\n          initialData: docInfo.initialData,\n          initialState: docInfo.initialState,\n          locale: typeof locale === 'object' ? locale?.code : locale,\n          title: docInfo.title,\n        } satisfies Omit<Parameters<GenerateURL>[0], 'collectionConfig' | 'globalConfig' | 'req'>),\n        credentials: 'include',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        method: 'POST',\n      })\n\n      const { result: newHref } = await genURLResponse.json()\n\n      setHref(newHref)\n    }\n\n    if (hasGenerateURLFn && !href) {\n      void getHref()\n    }\n  }, [fields, href, locale, docInfo, hasGenerateURLFn, getData])\n\n  return (\n    <div>\n      <div>{t('plugin-seo:preview')}</div>\n      <div\n        style={{\n          color: '#9A9A9A',\n          marginBottom: '5px',\n        }}\n      >\n        {t('plugin-seo:previewDescription')}\n      </div>\n      <div\n        style={{\n          background: 'var(--theme-elevation-50)',\n          borderRadius: '5px',\n          boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)',\n          maxWidth: '600px',\n          padding: '20px',\n          pointerEvents: 'none',\n          width: '100%',\n        }}\n      >\n        <div>\n          <a\n            href={href}\n            style={{\n              textDecoration: 'none',\n            }}\n          >\n            {href || 'https://...'}\n          </a>\n        </div>\n        <h4\n          style={{\n            margin: 0,\n          }}\n        >\n          <a\n            href=\"/\"\n            style={{\n              textDecoration: 'none',\n            }}\n          >\n            {metaTitle as string}\n          </a>\n        </h4>\n        <p\n          style={{\n            margin: 0,\n          }}\n        >\n          {metaDescription as string}\n        </p>\n      </div>\n    </div>\n  )\n}\n"],"names":["useAllFormFields","useDocumentInfo","useForm","useLocale","useTranslation","React","useEffect","useState","PreviewComponent","props","descriptionPath","descriptionPathFromContext","hasGenerateURLFn","titlePath","titlePathFromContext","t","locale","fields","getData","docInfo","value","metaDescription","metaTitle","href","setHref","getHref","genURLResponse","fetch","body","JSON","stringify","id","collectionSlug","doc","docPermissions","globalSlug","hasPublishPermission","hasSavePermission","initialData","initialState","code","title","credentials","headers","method","result","newHref","json","div","style","color","marginBottom","background","borderRadius","boxShadow","maxWidth","padding","pointerEvents","width","a","textDecoration","h4","margin","p"],"mappings":"AAAA;;AAIA,SACEA,gBAAgB,EAChBC,eAAe,EACfC,OAAO,EACPC,SAAS,EACTC,cAAc,QACT,iBAAgB;AACvB,OAAOC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAWlD,OAAO,MAAMC,mBAA2C,CAACC;IACvD,MAAM,EACJC,iBAAiBC,0BAA0B,EAC3CC,gBAAgB,EAChBC,WAAWC,oBAAoB,EAChC,GAAGL;IAEJ,MAAM,EAAEM,CAAC,EAAE,GAAGX;IAEd,MAAMY,SAASb;IACf,MAAM,CAACc,OAAO,GAAGjB;IACjB,MAAM,EAAEkB,OAAO,EAAE,GAAGhB;IACpB,MAAMiB,UAAUlB;IAEhB,MAAMS,kBAAkBC,8BAA8B;IACtD,MAAME,YAAYC,wBAAwB;IAE1C,MAAM,EACJ,CAACJ,gBAAgB,EAAE,EAAEU,OAAOC,eAAe,EAAE,GAAG,CAAC,CAAc,EAC/D,CAACR,UAAU,EAAE,EAAEO,OAAOE,SAAS,EAAE,GAAG,CAAC,CAAc,EACpD,GAAGL;IAEJ,MAAM,CAACM,MAAMC,QAAQ,GAAGjB;IAExBD,UAAU;QACR,MAAMmB,UAAU;YACd,MAAMC,iBAAiB,MAAMC,MAAM,gCAAgC;gBACjEC,MAAMC,KAAKC,SAAS,CAAC;oBACnBC,IAAIZ,QAAQY,EAAE;oBACdC,gBAAgBb,QAAQa,cAAc;oBACtCC,KAAKf;oBACLgB,gBAAgBf,QAAQe,cAAc;oBACtCC,YAAYhB,QAAQgB,UAAU;oBAC9BC,sBAAsBjB,QAAQiB,oBAAoB;oBAClDC,mBAAmBlB,QAAQkB,iBAAiB;oBAC5CC,aAAanB,QAAQmB,WAAW;oBAChCC,cAAcpB,QAAQoB,YAAY;oBAClCvB,QAAQ,OAAOA,WAAW,WAAWA,QAAQwB,OAAOxB;oBACpDyB,OAAOtB,QAAQsB,KAAK;gBACtB;gBACAC,aAAa;gBACbC,SAAS;oBACP,gBAAgB;gBAClB;gBACAC,QAAQ;YACV;YAEA,MAAM,EAAEC,QAAQC,OAAO,EAAE,GAAG,MAAMpB,eAAeqB,IAAI;YAErDvB,QAAQsB;QACV;QAEA,IAAIlC,oBAAoB,CAACW,MAAM;YAC7B,KAAKE;QACP;IACF,GAAG;QAACR;QAAQM;QAAMP;QAAQG;QAASP;QAAkBM;KAAQ;IAE7D,qBACE,MAAC8B;;0BACC,KAACA;0BAAKjC,EAAE;;0BACR,KAACiC;gBACCC,OAAO;oBACLC,OAAO;oBACPC,cAAc;gBAChB;0BAECpC,EAAE;;0BAEL,MAACiC;gBACCC,OAAO;oBACLG,YAAY;oBACZC,cAAc;oBACdC,WAAW;oBACXC,UAAU;oBACVC,SAAS;oBACTC,eAAe;oBACfC,OAAO;gBACT;;kCAEA,KAACV;kCACC,cAAA,KAACW;4BACCpC,MAAMA;4BACN0B,OAAO;gCACLW,gBAAgB;4BAClB;sCAECrC,QAAQ;;;kCAGb,KAACsC;wBACCZ,OAAO;4BACLa,QAAQ;wBACV;kCAEA,cAAA,KAACH;4BACCpC,MAAK;4BACL0B,OAAO;gCACLW,gBAAgB;4BAClB;sCAECtC;;;kCAGL,KAACyC;wBACCd,OAAO;4BACLa,QAAQ;wBACV;kCAECzC;;;;;;AAKX,EAAC"}

package/dist/fields/Preview/index.d.ts

@@ -0,0 +1,24 @@
+import type { UIField } from 'payload';
+interface FieldFunctionProps {
+    /**
+     * Path to the description field to use for the preview
+     *
+     * @default 'meta.description'
+     */
+    descriptionPath?: string;
+    /**
+     * Tell the component if the generate function is available as configured in the plugin config
+     */
+    hasGenerateFn?: boolean;
+    overrides?: Partial<UIField>;
+    /**
+     * Path to the title field to use for the preview
+     *
+     * @default 'meta.title'
+     */
+    titlePath?: string;
+}
+type FieldFunction = ({ hasGenerateFn, overrides }: FieldFunctionProps) => UIField;
+export declare const PreviewField: FieldFunction;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/Preview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Preview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEtC,UAAU,kBAAkB;IAC1B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;IAC5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,KAAK,aAAa,GAAG,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,kBAAkB,KAAK,OAAO,CAAA;AAElF,eAAO,MAAM,YAAY,EAAE,aAwB1B,CAAA"}

package/dist/fields/Preview/index.js

@@ -0,0 +1,22 @@
+export const PreviewField = ({ descriptionPath, hasGenerateFn = false, overrides, titlePath })=>{
+    return {
+        name: 'preview',
+        type: 'ui',
+        admin: {
+            components: {
+                Field: {
+                    clientProps: {
+                        descriptionPath,
+                        hasGenerateURLFn: hasGenerateFn,
+                        titlePath
+                    },
+                    path: '@payloadcms/plugin-seo/client#PreviewComponent'
+                }
+            }
+        },
+        label: 'Preview',
+        ...overrides ?? {}
+    };
+};
+
+//# sourceMappingURL=index.js.map

package/dist/fields/Preview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Preview/index.tsx"],"sourcesContent":["import type { UIField } from 'payload'\n\ninterface FieldFunctionProps {\n  /**\n   * Path to the description field to use for the preview\n   *\n   * @default 'meta.description'\n   */\n  descriptionPath?: string\n  /**\n   * Tell the component if the generate function is available as configured in the plugin config\n   */\n  hasGenerateFn?: boolean\n  overrides?: Partial<UIField>\n  /**\n   * Path to the title field to use for the preview\n   *\n   * @default 'meta.title'\n   */\n  titlePath?: string\n}\n\ntype FieldFunction = ({ hasGenerateFn, overrides }: FieldFunctionProps) => UIField\n\nexport const PreviewField: FieldFunction = ({\n  descriptionPath,\n  hasGenerateFn = false,\n  overrides,\n  titlePath,\n}) => {\n  return {\n    name: 'preview',\n    type: 'ui',\n    admin: {\n      components: {\n        Field: {\n          clientProps: {\n            descriptionPath,\n            hasGenerateURLFn: hasGenerateFn,\n            titlePath,\n          },\n          path: '@payloadcms/plugin-seo/client#PreviewComponent',\n        },\n      },\n    },\n    label: 'Preview',\n    ...((overrides as unknown as UIField) ?? {}),\n  }\n}\n"],"names":["PreviewField","descriptionPath","hasGenerateFn","overrides","titlePath","name","type","admin","components","Field","clientProps","hasGenerateURLFn","path","label"],"mappings":"AAwBA,OAAO,MAAMA,eAA8B,CAAC,EAC1CC,eAAe,EACfC,gBAAgB,KAAK,EACrBC,SAAS,EACTC,SAAS,EACV;IACC,OAAO;QACLC,MAAM;QACNC,MAAM;QACNC,OAAO;YACLC,YAAY;gBACVC,OAAO;oBACLC,aAAa;wBACXT;wBACAU,kBAAkBT;wBAClBE;oBACF;oBACAQ,MAAM;gBACR;YACF;QACF;QACAC,OAAO;QACP,GAAI,AAACV,aAAoC,CAAC,CAAC;IAC7C;AACF,EAAC"}

package/dist/fields/index.scss

@@ -1,5 +1,5 @@
 .plugin-seo__field {
   .field-label {
-    display: inline!important;
+    display: inline !important;
   }
 }

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import type { Config } from 'payload/config';
+import type { Config } from 'payload';
 import type { SEOPluginConfig } from './types.js';
 export declare const seoPlugin: (pluginConfig: SEOPluginConfig) => (config: Config) => Config;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAO5C,OAAO,KAAK,EAKV,eAAe,EAChB,MAAM,YAAY,CAAA;AASnB,eAAO,MAAM,SAAS,iBACL,eAAe,cACrB,MAAM,KAAG,MAqRjB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAoC,MAAM,SAAS,CAAA;AAIvE,OAAO,KAAK,EAKV,eAAe,EAChB,MAAM,YAAY,CAAA;AASnB,eAAO,MAAM,SAAS,iBACL,eAAe,cACrB,MAAM,KAAG,MAmRjB,CAAA"}

package/dist/index.js

@@ -1,102 +1,36 @@
-import { addDataAndFileToRequest } from '@payloadcms/next/utilities';
-import { withMergedProps } from '@payloadcms/ui/elements/withMergedProps';
-import { deepMerge } from 'payload/utilities';
-import { MetaDescription } from './fields/MetaDescription.js';
-import { MetaImage } from './fields/MetaImage.js';
-import { MetaTitle } from './fields/MetaTitle.js';
+import { deepMergeSimple } from 'payload/shared';
+import { MetaDescriptionField } from './fields/MetaDescription/index.js';
+import { MetaImageField } from './fields/MetaImage/index.js';
+import { MetaTitleField } from './fields/MetaTitle/index.js';
+import { OverviewField } from './fields/Overview/index.js';
+import { PreviewField } from './fields/Preview/index.js';
 import { translations } from './translations/index.js';
-import { Overview } from './ui/Overview.js';
-import { Preview } from './ui/Preview.js';
 export const seoPlugin = (pluginConfig)=>(config)=>{
         const seoFields = [
             {
                 name: 'meta',
                 type: 'group',
                 fields: [
-                    {
-                        name: 'overview',
-                        type: 'ui',
-                        admin: {
-                            components: {
-                                Field: Overview
-                            }
-                        },
-                        label: 'Overview'
-                    },
-                    {
-                        name: 'title',
-                        type: 'text',
-                        admin: {
-                            components: {
-                                Field: withMergedProps({
-                                    Component: MetaTitle,
-                                    sanitizeServerOnlyProps: true,
-                                    toMergeIntoProps: {
-                                        hasGenerateTitleFn: typeof pluginConfig?.generateTitle === 'function'
-                                    }
-                                })
-                            }
-                        },
-                        localized: true,
-                        ...pluginConfig?.fieldOverrides?.title ?? {}
-                    },
-                    {
-                        name: 'description',
-                        type: 'textarea',
-                        admin: {
-                            components: {
-                                Field: withMergedProps({
-                                    Component: MetaDescription,
-                                    sanitizeServerOnlyProps: true,
-                                    toMergeIntoProps: {
-                                        hasGenerateDescriptionFn: typeof pluginConfig?.generateDescription === 'function'
-                                    }
-                                })
-                            }
-                        },
-                        localized: true,
-                        ...pluginConfig?.fieldOverrides?.description ?? {}
-                    },
+                    OverviewField({}),
+                    MetaTitleField({
+                        hasGenerateFn: typeof pluginConfig?.generateTitle === 'function',
+                        overrides: pluginConfig?.fieldOverrides?.title
+                    }),
+                    MetaDescriptionField({
+                        hasGenerateFn: typeof pluginConfig?.generateDescription === 'function',
+                        overrides: pluginConfig?.fieldOverrides?.description
+                    }),
                     ...pluginConfig?.uploadsCollection ? [
-                        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-                        {
-                            name: 'image',
-                            type: 'upload',
-                            admin: {
-                                components: {
-                                    Field: withMergedProps({
-                                        Component: MetaImage,
-                                        sanitizeServerOnlyProps: true,
-                                        toMergeIntoProps: {
-                                            hasGenerateImageFn: typeof pluginConfig?.generateImage === 'function'
-                                        }
-                                    })
-                                },
-                                description: 'Maximum upload file size: 12MB. Recommended file size for images is <500KB.'
-                            },
-                            label: 'Meta Image',
-                            localized: true,
-                            relationTo: pluginConfig?.uploadsCollection,
-                            ...pluginConfig?.fieldOverrides?.image ?? {}
-                        }
+                        MetaImageField({
+                            hasGenerateFn: typeof pluginConfig?.generateImage === 'function',
+                            overrides: pluginConfig?.fieldOverrides?.image,
+                            relationTo: pluginConfig.uploadsCollection
+                        })
                     ] : [],
                     ...pluginConfig?.fields || [],
-                    {
-                        name: 'preview',
-                        type: 'ui',
-                        admin: {
-                            components: {
-                                Field: withMergedProps({
-                                    Component: Preview,
-                                    sanitizeServerOnlyProps: true,
-                                    toMergeIntoProps: {
-                                        hasGenerateURLFn: typeof pluginConfig?.generateURL === 'function'
-                                    }
-                                })
-                            }
-                        },
-                        label: 'Preview'
-                    }
+                    PreviewField({
+                        hasGenerateFn: typeof pluginConfig?.generateURL === 'function'
+                    })
                 ],
                 interfaceName: pluginConfig.interfaceName,
                 label: 'SEO'
@@ -168,11 +102,16 @@ export const seoPlugin = (pluginConfig)=>(config)=>{
                 ...config.endpoints ?? [],
                 {
                     handler: async (req)=>{
-                        const reqWithData = await addDataAndFileToRequest({
-                            request: req
-                        });
-                        const args = reqWithData.data;
-                        const result = pluginConfig.generateTitle ? await pluginConfig.generateTitle(args) : '';
+                        const data = await req.json();
+                        if (data) {
+                            req.data = data;
+                        }
+                        const result = pluginConfig.generateTitle ? await pluginConfig.generateTitle({
+                            ...data,
+                            collectionConfig: req.data.collectionSlug ? config.collections?.find((c)=>c.slug === req.data.collectionSlug) : null,
+                            globalConfig: req.data.globalSlug ? config.globals?.find((g)=>g.slug === req.data.globalSlug) : null,
+                            req
+                        }) : '';
                         return new Response(JSON.stringify({
                             result
                         }), {
@@ -184,11 +123,16 @@ export const seoPlugin = (pluginConfig)=>(config)=>{
                 },
                 {
                     handler: async (req)=>{
-                        const reqWithData = await addDataAndFileToRequest({
-                            request: req
-                        });
-                        const args = reqWithData.data;
-                        const result = pluginConfig.generateDescription ? await pluginConfig.generateDescription(args) : '';
+                        const data = await req.json();
+                        if (data) {
+                            req.data = data;
+                        }
+                        const result = pluginConfig.generateDescription ? await pluginConfig.generateDescription({
+                            ...data,
+                            collectionConfig: req.data.collectionSlug ? config.collections?.find((c)=>c.slug === req.data.collectionSlug) : null,
+                            globalConfig: req.data.globalSlug ? config.globals?.find((g)=>g.slug === req.data.globalSlug) : null,
+                            req
+                        }) : '';
                         return new Response(JSON.stringify({
                             result
                         }), {
@@ -200,11 +144,16 @@ export const seoPlugin = (pluginConfig)=>(config)=>{
                 },
                 {
                     handler: async (req)=>{
-                        const reqWithData = await addDataAndFileToRequest({
-                            request: req
-                        });
-                        const args = reqWithData.data;
-                        const result = pluginConfig.generateURL ? await pluginConfig.generateURL(args) : '';
+                        const data = await req.json();
+                        if (data) {
+                            req.data = data;
+                        }
+                        const result = pluginConfig.generateURL ? await pluginConfig.generateURL({
+                            ...data,
+                            collectionConfig: req.data.collectionSlug ? config.collections?.find((c)=>c.slug === req.data.collectionSlug) : null,
+                            globalConfig: req.data.globalSlug ? config.globals?.find((g)=>g.slug === req.data.globalSlug) : null,
+                            req
+                        }) : '';
                         return new Response(JSON.stringify({
                             result
                         }), {
@@ -216,11 +165,16 @@ export const seoPlugin = (pluginConfig)=>(config)=>{
                 },
                 {
                     handler: async (req)=>{
-                        const reqWithData = await addDataAndFileToRequest({
-                            request: req
-                        });
-                        const args = reqWithData.data;
-                        const result = pluginConfig.generateImage ? await pluginConfig.generateImage(args) : '';
+                        const data = await req.json();
+                        if (data) {
+                            req.data = data;
+                        }
+                        const result = pluginConfig.generateImage ? await pluginConfig.generateImage({
+                            ...data,
+                            collectionConfig: req.data.collectionSlug ? config.collections?.find((c)=>c.slug === req.data.collectionSlug) : null,
+                            globalConfig: req.data.globalSlug ? config.globals?.find((g)=>g.slug === req.data.globalSlug) : null,
+                            req
+                        }) : '';
                         return new Response(result, {
                             status: 200
                         });
@@ -275,9 +229,7 @@ export const seoPlugin = (pluginConfig)=>(config)=>{
             }) || [],
             i18n: {
                 ...config.i18n,
-                translations: {
-                    ...deepMerge(translations, config.i18n?.translations)
-                }
+                translations: deepMergeSimple(translations, config.i18n?.translations)
             }
         };
     };