@payloadcms/plugin-seo 3.0.0-beta.7 → 3.0.0-beta.71

package/dist/fields/MetaTitle/MetaTitleComponent.js

@@ -0,0 +1,140 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FieldLabel, TextInput, useDocumentInfo, useField, useFieldProps, useForm, useLocale, useTranslation } from '@payloadcms/ui';
+import React, { useCallback } from 'react';
+import { defaults } from '../../defaults.js';
+import { LengthIndicator } from '../../ui/LengthIndicator.js';
+import '../index.scss';
+const { maxLength, minLength } = defaults.title;
+export const MetaTitleComponent = (props)=>{
+    const { CustomLabel, hasGenerateTitleFn, label, labelProps, required } = props || {};
+    const { path: pathFromContext } = useFieldProps();
+    const { t } = useTranslation();
+    const field = useField({
+        path: pathFromContext
+    });
+    const locale = useLocale();
+    const { getData } = useForm();
+    const docInfo = useDocumentInfo();
+    const { errorMessage, setValue, showError, value } = field;
+    const regenerateTitle = useCallback(async ()=>{
+        if (!hasGenerateTitleFn) return;
+        const genTitleResponse = await fetch('/api/plugin-seo/generate-title', {
+            body: JSON.stringify({
+                ...docInfo,
+                doc: {
+                    ...getData()
+                },
+                locale: typeof locale === 'object' ? locale?.code : locale
+            }),
+            credentials: 'include',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            method: 'POST'
+        });
+        const { result: generatedTitle } = await genTitleResponse.json();
+        setValue(generatedTitle || '');
+    }, [
+        hasGenerateTitleFn,
+        docInfo,
+        getData,
+        locale,
+        setValue
+    ]);
+    return /*#__PURE__*/ _jsxs("div", {
+        style: {
+            marginBottom: '20px'
+        },
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                style: {
+                    marginBottom: '5px',
+                    position: 'relative'
+                },
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "plugin-seo__field",
+                        children: [
+                            /*#__PURE__*/ _jsx(FieldLabel, {
+                                CustomLabel: CustomLabel,
+                                label: label,
+                                ...labelProps || {}
+                            }),
+                            hasGenerateTitleFn && /*#__PURE__*/ _jsxs(React.Fragment, {
+                                children: [
+                                    "  —  ",
+                                    /*#__PURE__*/ _jsx("button", {
+                                        onClick: ()=>{
+                                            void regenerateTitle();
+                                        },
+                                        style: {
+                                            background: 'none',
+                                            backgroundColor: 'transparent',
+                                            border: 'none',
+                                            color: 'currentcolor',
+                                            cursor: 'pointer',
+                                            padding: 0,
+                                            textDecoration: 'underline'
+                                        },
+                                        type: "button",
+                                        children: t('plugin-seo:autoGenerate')
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        style: {
+                            color: '#9A9A9A'
+                        },
+                        children: [
+                            t('plugin-seo:lengthTipTitle', {
+                                maxLength,
+                                minLength
+                            }),
+                            /*#__PURE__*/ _jsx("a", {
+                                href: "https://developers.google.com/search/docs/advanced/appearance/title-link#page-titles",
+                                rel: "noopener noreferrer",
+                                target: "_blank",
+                                children: t('plugin-seo:bestPractices')
+                            }),
+                            "."
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                style: {
+                    marginBottom: '10px',
+                    position: 'relative'
+                },
+                children: /*#__PURE__*/ _jsx(TextInput, {
+                    CustomError: errorMessage,
+                    onChange: setValue,
+                    path: pathFromContext,
+                    required: required,
+                    showError: showError,
+                    style: {
+                        marginBottom: 0
+                    },
+                    value: value
+                })
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                style: {
+                    alignItems: 'center',
+                    display: 'flex',
+                    width: '100%'
+                },
+                children: /*#__PURE__*/ _jsx(LengthIndicator, {
+                    maxLength: maxLength,
+                    minLength: minLength,
+                    text: value
+                })
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=MetaTitleComponent.js.map

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 { FormFieldBase } 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  hasGenerateTitleFn: boolean\n} & FormFieldBase\n\nexport const MetaTitleComponent: React.FC<MetaTitleProps> = (props) => {\n  const { CustomLabel, hasGenerateTitleFn, label, labelProps, required } = 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) return\n\n    const genTitleResponse = await fetch('/api/plugin-seo/generate-title', {\n      body: JSON.stringify({\n        ...docInfo,\n        doc: { ...getData() },\n        locale: typeof locale === 'object' ? locale?.code : locale,\n      } satisfies Parameters<GenerateTitle>[0]),\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 CustomLabel={CustomLabel} 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          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":["FieldLabel","TextInput","useDocumentInfo","useField","useFieldProps","useForm","useLocale","useTranslation","React","useCallback","defaults","LengthIndicator","maxLength","minLength","title","MetaTitleComponent","props","CustomLabel","hasGenerateTitleFn","label","labelProps","required","path","pathFromContext","t","field","locale","getData","docInfo","errorMessage","setValue","showError","value","regenerateTitle","genTitleResponse","fetch","body","JSON","stringify","doc","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","CustomError","onChange","alignItems","display","width","text"],"mappings":"AAAA;;AAKA,SACEA,UAAU,EACVC,SAAS,EACTC,eAAe,EACfC,QAAQ,EACRC,aAAa,EACbC,OAAO,EACPC,SAAS,EACTC,cAAc,QACT,iBAAgB;AACvB,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAK1C,SAASC,QAAQ,QAAQ,oBAAmB;AAC5C,SAASC,eAAe,QAAQ,8BAA6B;AAC7D,OAAO,gBAAe;AAEtB,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAE,GAAGH,SAASI,KAAK;AAM/C,OAAO,MAAMC,qBAA+C,CAACC;IAC3D,MAAM,EAAEC,WAAW,EAAEC,kBAAkB,EAAEC,KAAK,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGL,SAAS,CAAC;IACnF,MAAM,EAAEM,MAAMC,eAAe,EAAE,GAAGnB;IAElC,MAAM,EAAEoB,CAAC,EAAE,GAAGjB;IAEd,MAAMkB,QAA2BtB,SAAS;QACxCmB,MAAMC;IACR;IAEA,MAAMG,SAASpB;IACf,MAAM,EAAEqB,OAAO,EAAE,GAAGtB;IACpB,MAAMuB,UAAU1B;IAEhB,MAAM,EAAE2B,YAAY,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGP;IAErD,MAAMQ,kBAAkBxB,YAAY;QAClC,IAAI,CAACS,oBAAoB;QAEzB,MAAMgB,mBAAmB,MAAMC,MAAM,kCAAkC;YACrEC,MAAMC,KAAKC,SAAS,CAAC;gBACnB,GAAGV,OAAO;gBACVW,KAAK;oBAAE,GAAGZ,SAAS;gBAAC;gBACpBD,QAAQ,OAAOA,WAAW,WAAWA,QAAQc,OAAOd;YACtD;YACAe,aAAa;YACbC,SAAS;gBACP,gBAAgB;YAClB;YACAC,QAAQ;QACV;QAEA,MAAM,EAAEC,QAAQC,cAAc,EAAE,GAAG,MAAMX,iBAAiBY,IAAI;QAE9DhB,SAASe,kBAAkB;IAC7B,GAAG;QAAC3B;QAAoBU;QAASD;QAASD;QAAQI;KAAS;IAE3D,qBACE,MAACiB;QACCC,OAAO;YACLC,cAAc;QAChB;;0BAEA,MAACF;gBACCC,OAAO;oBACLC,cAAc;oBACdC,UAAU;gBACZ;;kCAEA,MAACH;wBAAII,WAAU;;0CACb,KAACnD;gCAAWiB,aAAaA;gCAAaE,OAAOA;gCAAQ,GAAIC,cAAc,CAAC,CAAC;;4BACxEF,oCACC,MAACV,MAAM4C,QAAQ;;oCAAC;kDAEd,KAACC;wCACCC,SAAS;4CACP,KAAKrB;wCACP;wCACAe,OAAO;4CACLO,YAAY;4CACZC,iBAAiB;4CACjBC,QAAQ;4CACRC,OAAO;4CACPC,QAAQ;4CACRC,SAAS;4CACTC,gBAAgB;wCAClB;wCACAC,MAAK;kDAEJtC,EAAE;;;;;;kCAKX,MAACuB;wBACCC,OAAO;4BACLU,OAAO;wBACT;;4BAEClC,EAAE,6BAA6B;gCAAEZ;gCAAWC;4BAAU;0CACvD,KAACkD;gCACCC,MAAK;gCACLC,KAAI;gCACJC,QAAO;0CAEN1C,EAAE;;4BACD;;;;;0BAIR,KAACuB;gBACCC,OAAO;oBACLC,cAAc;oBACdC,UAAU;gBACZ;0BAEA,cAAA,KAACjD;oBACCkE,aAAatC;oBACbuC,UAAUtC;oBACVR,MAAMC;oBACNF,UAAUA;oBACVU,WAAWA;oBACXiB,OAAO;wBACLC,cAAc;oBAChB;oBACAjB,OAAOA;;;0BAGX,KAACe;gBACCC,OAAO;oBACLqB,YAAY;oBACZC,SAAS;oBACTC,OAAO;gBACT;0BAEA,cAAA,KAAC5D;oBAAgBC,WAAWA;oBAAWC,WAAWA;oBAAW2D,MAAMxC;;;;;AAI3E,EAAC"}

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;AAMxC,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,aAkB5B,CAAA"}

package/dist/fields/MetaTitle/index.js

@@ -0,0 +1,23 @@
+import { withMergedProps } from '@payloadcms/ui/shared';
+import { MetaTitleComponent } from './MetaTitleComponent.js';
+export const MetaTitleField = ({ hasGenerateFn = false, overrides })=>{
+    return {
+        name: 'title',
+        type: 'text',
+        admin: {
+            components: {
+                Field: withMergedProps({
+                    Component: MetaTitleComponent,
+                    sanitizeServerOnlyProps: true,
+                    toMergeIntoProps: {
+                        hasGenerateTitleFn: hasGenerateFn
+                    }
+                })
+            }
+        },
+        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\nimport { withMergedProps } from '@payloadcms/ui/shared'\n\nimport { MetaTitleComponent } from './MetaTitleComponent.js'\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: withMergedProps({\n          Component: MetaTitleComponent,\n          sanitizeServerOnlyProps: true,\n          toMergeIntoProps: {\n            hasGenerateTitleFn: hasGenerateFn,\n          },\n        }),\n      },\n    },\n    localized: true,\n    ...((overrides as unknown as TextField) ?? {}),\n  }\n}\n"],"names":["withMergedProps","MetaTitleComponent","MetaTitleField","hasGenerateFn","overrides","name","type","admin","components","Field","Component","sanitizeServerOnlyProps","toMergeIntoProps","hasGenerateTitleFn","localized"],"mappings":"AAEA,SAASA,eAAe,QAAQ,wBAAuB;AAEvD,SAASC,kBAAkB,QAAQ,0BAAyB;AAY5D,OAAO,MAAMC,iBAAgC,CAAC,EAAEC,gBAAgB,KAAK,EAAEC,SAAS,EAAE;IAChF,OAAO;QACLC,MAAM;QACNC,MAAM;QACNC,OAAO;YACLC,YAAY;gBACVC,OAAOT,gBAAgB;oBACrBU,WAAWT;oBACXU,yBAAyB;oBACzBC,kBAAkB;wBAChBC,oBAAoBV;oBACtB;gBACF;YACF;QACF;QACAW,WAAW;QACX,GAAI,AAACV,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,CA4DrD,CAAA"}

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

@@ -1,13 +1,16 @@
 'use client';
-import { useAllFormFields, useForm } from '@payloadcms/ui/forms/Form';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+import { jsx as _jsx } from "react/jsx-runtime";
+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();
@@ -38,14 +41,17 @@ export const Overview = ()=>{
         imageIsValid
     ];
     const numberOfPasses = testResults.filter(Boolean).length;
-    return /*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ _jsx("div", {
         style: {
             marginBottom: '20px'
-        }
-    }, /*#__PURE__*/ React.createElement("div", null, t('plugin-seo:checksPassing', {
-        current: numberOfPasses,
-        max: testResults.length
-    })));
+        },
+        children: /*#__PURE__*/ _jsx("div", {
+            children: t('plugin-seo:checksPassing', {
+                current: numberOfPasses,
+                max: testResults.length
+            })
+        })
+    });
 };
 
-//# 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  // eslint-disable-next-line @typescript-eslint/no-unused-vars\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    if (typeof metaDesc === 'string')\n      setDescIsValid(metaDesc.length >= minDesc && metaDesc.length <= maxDesc)\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,6DAA6D;IAC7D,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,UACvBG,gBAAgBH,UAAUW,MAAM,IAAIvB,YAAYY,UAAUW,MAAM,IAAIxB;QACtE,IAAI,OAAOW,aAAa,UACtBO,eAAeP,SAASa,MAAM,IAAI1B,WAAWa,SAASa,MAAM,IAAI5B;QAClEwB,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;AAMtC,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,aAyB3B,CAAA"}

package/dist/fields/Overview/index.js

@@ -0,0 +1,25 @@
+import { withMergedProps } from '@payloadcms/ui/shared';
+import { OverviewComponent } from './OverviewComponent.js';
+export const OverviewField = ({ descriptionPath, imagePath, overrides, titlePath })=>{
+    return {
+        name: 'overview',
+        type: 'ui',
+        admin: {
+            components: {
+                Field: withMergedProps({
+                    Component: OverviewComponent,
+                    sanitizeServerOnlyProps: true,
+                    toMergeIntoProps: {
+                        descriptionPath,
+                        imagePath,
+                        titlePath
+                    }
+                })
+            }
+        },
+        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\nimport { withMergedProps } from '@payloadcms/ui/shared'\n\nimport { OverviewComponent } from './OverviewComponent.js'\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: withMergedProps({\n          Component: OverviewComponent,\n          sanitizeServerOnlyProps: true,\n          toMergeIntoProps: {\n            descriptionPath,\n            imagePath,\n            titlePath,\n          },\n        }),\n      },\n    },\n    label: 'Overview',\n    ...((overrides as unknown as UIField) ?? {}),\n  }\n}\n"],"names":["withMergedProps","OverviewComponent","OverviewField","descriptionPath","imagePath","overrides","titlePath","name","type","admin","components","Field","Component","sanitizeServerOnlyProps","toMergeIntoProps","label"],"mappings":"AAEA,SAASA,eAAe,QAAQ,wBAAuB;AAEvD,SAASC,iBAAiB,QAAQ,yBAAwB;AA0B1D,OAAO,MAAMC,gBAA+B,CAAC,EAC3CC,eAAe,EACfC,SAAS,EACTC,SAAS,EACTC,SAAS,EACV;IACC,OAAO;QACLC,MAAM;QACNC,MAAM;QACNC,OAAO;YACLC,YAAY;gBACVC,OAAOX,gBAAgB;oBACrBY,WAAWX;oBACXY,yBAAyB;oBACzBC,kBAAkB;wBAChBX;wBACAC;wBACAE;oBACF;gBACF;YACF;QACF;QACAS,OAAO;QACP,GAAI,AAACV,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 = {
+    descriptionPath?: string;
+    hasGenerateURLFn: boolean;
+    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;AAUjD,OAAO,KAA8B,MAAM,OAAO,CAAA;AAKlD,KAAK,YAAY,GAAG;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,OAAO,CAAA;AAEX,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuGnD,CAAA"}

package/dist/fields/Preview/PreviewComponent.js

@@ -0,0 +1,101 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAllFormFields, useDocumentInfo, useForm, useLocale, useTranslation } from '@payloadcms/ui';
+import React, { useEffect, useState } from 'react';
+export const PreviewComponent = ({ descriptionPath: descriptionPathFromContext, hasGenerateURLFn, titlePath: titlePathFromContext })=>{
+    const { t } = useTranslation();
+    const locale = useLocale();
+    const [fields] = useAllFormFields();
+    const { getData } = useForm();
+    const docInfo = useDocumentInfo();
+    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: {
+                        ...getData()
+                    },
+                    locale: typeof locale === 'object' ? locale?.code : locale
+                }),
+                credentials: 'include',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                method: 'POST'
+            });
+            const { result: newHref } = await genURLResponse.json();
+            setHref(newHref);
+        };
+        if (hasGenerateURLFn && !href) {
+            void getHref();
+        }
+    }, [
+        fields,
+        href,
+        locale,
+        docInfo,
+        hasGenerateURLFn,
+        getData
+    ]);
+    return /*#__PURE__*/ _jsxs("div", {
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                children: t('plugin-seo:preview')
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                style: {
+                    color: '#9A9A9A',
+                    marginBottom: '5px'
+                },
+                children: t('plugin-seo:previewDescription')
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                style: {
+                    background: 'var(--theme-elevation-50)',
+                    borderRadius: '5px',
+                    boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)',
+                    maxWidth: '600px',
+                    padding: '20px',
+                    pointerEvents: 'none',
+                    width: '100%'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        children: /*#__PURE__*/ _jsx("a", {
+                            href: href,
+                            style: {
+                                textDecoration: 'none'
+                            },
+                            children: href || 'https://...'
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("h4", {
+                        style: {
+                            margin: 0
+                        },
+                        children: /*#__PURE__*/ _jsx("a", {
+                            href: "/",
+                            style: {
+                                textDecoration: 'none'
+                            },
+                            children: metaTitle
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("p", {
+                        style: {
+                            margin: 0
+                        },
+                        children: metaDescription
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+//# 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 { get } from 'http'\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  descriptionPath?: string\n  hasGenerateURLFn: boolean\n  titlePath?: string\n} & UIField\n\nexport const PreviewComponent: React.FC<PreviewProps> = ({\n  descriptionPath: descriptionPathFromContext,\n  hasGenerateURLFn,\n  titlePath: titlePathFromContext,\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          ...docInfo,\n          doc: { ...getData() },\n          locale: typeof locale === 'object' ? locale?.code : locale,\n        } satisfies Parameters<GenerateURL>[0]),\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","descriptionPath","descriptionPathFromContext","hasGenerateURLFn","titlePath","titlePathFromContext","t","locale","fields","getData","docInfo","value","metaDescription","metaTitle","href","setHref","getHref","genURLResponse","fetch","body","JSON","stringify","doc","code","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;AAEvB,OAAOC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAWlD,OAAO,MAAMC,mBAA2C,CAAC,EACvDC,iBAAiBC,0BAA0B,EAC3CC,gBAAgB,EAChBC,WAAWC,oBAAoB,EAChC;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGV;IAEd,MAAMW,SAASZ;IACf,MAAM,CAACa,OAAO,GAAGhB;IACjB,MAAM,EAAEiB,OAAO,EAAE,GAAGf;IACpB,MAAMgB,UAAUjB;IAEhB,MAAMQ,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,GAAGhB;IAExBD,UAAU;QACR,MAAMkB,UAAU;YACd,MAAMC,iBAAiB,MAAMC,MAAM,gCAAgC;gBACjEC,MAAMC,KAAKC,SAAS,CAAC;oBACnB,GAAGX,OAAO;oBACVY,KAAK;wBAAE,GAAGb,SAAS;oBAAC;oBACpBF,QAAQ,OAAOA,WAAW,WAAWA,QAAQgB,OAAOhB;gBACtD;gBACAiB,aAAa;gBACbC,SAAS;oBACP,gBAAgB;gBAClB;gBACAC,QAAQ;YACV;YAEA,MAAM,EAAEC,QAAQC,OAAO,EAAE,GAAG,MAAMX,eAAeY,IAAI;YAErDd,QAAQa;QACV;QAEA,IAAIzB,oBAAoB,CAACW,MAAM;YAC7B,KAAKE;QACP;IACF,GAAG;QAACR;QAAQM;QAAMP;QAAQG;QAASP;QAAkBM;KAAQ;IAE7D,qBACE,MAACqB;;0BACC,KAACA;0BAAKxB,EAAE;;0BACR,KAACwB;gBACCC,OAAO;oBACLC,OAAO;oBACPC,cAAc;gBAChB;0BAEC3B,EAAE;;0BAEL,MAACwB;gBACCC,OAAO;oBACLG,YAAY;oBACZC,cAAc;oBACdC,WAAW;oBACXC,UAAU;oBACVC,SAAS;oBACTC,eAAe;oBACfC,OAAO;gBACT;;kCAEA,KAACV;kCACC,cAAA,KAACW;4BACC3B,MAAMA;4BACNiB,OAAO;gCACLW,gBAAgB;4BAClB;sCAEC5B,QAAQ;;;kCAGb,KAAC6B;wBACCZ,OAAO;4BACLa,QAAQ;wBACV;kCAEA,cAAA,KAACH;4BACC3B,MAAK;4BACLiB,OAAO;gCACLW,gBAAgB;4BAClB;sCAEC7B;;;kCAGL,KAACgC;wBACCd,OAAO;4BACLa,QAAQ;wBACV;kCAEChC;;;;;;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;AAMtC,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,aAyB1B,CAAA"}

package/dist/fields/Preview/index.js

@@ -0,0 +1,25 @@
+import { withMergedProps } from '@payloadcms/ui/shared';
+import { PreviewComponent } from './PreviewComponent.js';
+export const PreviewField = ({ descriptionPath, hasGenerateFn = false, overrides, titlePath })=>{
+    return {
+        name: 'preview',
+        type: 'ui',
+        admin: {
+            components: {
+                Field: withMergedProps({
+                    Component: PreviewComponent,
+                    sanitizeServerOnlyProps: true,
+                    toMergeIntoProps: {
+                        descriptionPath,
+                        hasGenerateURLFn: hasGenerateFn,
+                        titlePath
+                    }
+                })
+            }
+        },
+        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\nimport { withMergedProps } from '@payloadcms/ui/shared'\n\nimport { PreviewComponent } from './PreviewComponent.js'\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: withMergedProps({\n          Component: PreviewComponent,\n          sanitizeServerOnlyProps: true,\n          toMergeIntoProps: {\n            descriptionPath,\n            hasGenerateURLFn: hasGenerateFn,\n            titlePath,\n          },\n        }),\n      },\n    },\n    label: 'Preview',\n    ...((overrides as unknown as UIField) ?? {}),\n  }\n}\n"],"names":["withMergedProps","PreviewComponent","PreviewField","descriptionPath","hasGenerateFn","overrides","titlePath","name","type","admin","components","Field","Component","sanitizeServerOnlyProps","toMergeIntoProps","hasGenerateURLFn","label"],"mappings":"AAEA,SAASA,eAAe,QAAQ,wBAAuB;AAEvD,SAASC,gBAAgB,QAAQ,wBAAuB;AAwBxD,OAAO,MAAMC,eAA8B,CAAC,EAC1CC,eAAe,EACfC,gBAAgB,KAAK,EACrBC,SAAS,EACTC,SAAS,EACV;IACC,OAAO;QACLC,MAAM;QACNC,MAAM;QACNC,OAAO;YACLC,YAAY;gBACVC,OAAOX,gBAAgB;oBACrBY,WAAWX;oBACXY,yBAAyB;oBACzBC,kBAAkB;wBAChBX;wBACAY,kBAAkBX;wBAClBE;oBACF;gBACF;YACF;QACF;QACAU,OAAO;QACP,GAAI,AAACX,aAAoC,CAAC,CAAC;IAC7C;AACF,EAAC"}

package/dist/fields/index.scss

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

package/dist/index.d.ts

@@ -1,5 +1,4 @@
-import type { Config } from 'payload/config';
-import type { PluginConfig } from './types.js';
-declare const seo: (pluginConfig: PluginConfig) => (config: Config) => Config;
-export { seo };
+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;AAM5C,OAAO,KAAK,EAKV,YAAY,EACb,MAAM,YAAY,CAAA;AASnB,QAAA,MAAM,GAAG,iBACQ,YAAY,cAClB,MAAM,KAAG,MA2QjB,CAAA;AAEH,OAAO,EAAE,GAAG,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAA2C,MAAM,SAAS,CAAA;AAM9E,OAAO,KAAK,EAKV,eAAe,EAChB,MAAM,YAAY,CAAA;AASnB,eAAO,MAAM,SAAS,iBACL,eAAe,cACrB,MAAM,KAAG,MAyRjB,CAAA"}