@payloadcms/plugin-seo 3.0.0-canary.c27a334 → 3.0.0-canary.cb7fa00

package/dist/defaults.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/defaults.ts"],"sourcesContent":["export const defaults = {\n  description: {\n    maxLength: 150,\n    minLength: 100,\n  },\n  title: {\n    maxLength: 60,\n    minLength: 50,\n  },\n}\n"],"names":["defaults","description","maxLength","minLength","title"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,OAAO,MAAMA,WAAW;IACtBC,aAAa;QACXC,WAAW;QACXC,WAAW;IACb;IACAC,OAAO;QACLF,WAAW;QACXC,WAAW;IACb;AACF,EAAC"}
+{"version":3,"sources":["../src/defaults.ts"],"sourcesContent":["export const defaults = {\n  description: {\n    maxLength: 150,\n    minLength: 100,\n  },\n  title: {\n    maxLength: 60,\n    minLength: 50,\n  },\n}\n"],"names":["defaults","description","maxLength","minLength","title"],"mappings":"AAAA,OAAO,MAAMA,WAAW;IACtBC,aAAa;QACXC,WAAW;QACXC,WAAW;IACb;IACAC,OAAO;QACLF,WAAW;QACXC,WAAW;IACb;AACF,EAAC"}

package/dist/exports/client.d.ts

@@ -0,0 +1,6 @@
+export { MetaDescriptionComponent } from '../fields/MetaDescription/MetaDescriptionComponent.js';
+export { MetaImageComponent } from '../fields/MetaImage/MetaImageComponent.js';
+export { MetaTitleComponent } from '../fields/MetaTitle/MetaTitleComponent.js';
+export { OverviewComponent } from '../fields/Overview/OverviewComponent.js';
+export { PreviewComponent } from '../fields/Preview/PreviewComponent.js';
+//# sourceMappingURL=client.d.ts.map

package/dist/exports/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/exports/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,uDAAuD,CAAA;AAChG,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAA;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAA;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAA;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAA"}

package/dist/exports/client.js

@@ -0,0 +1,7 @@
+export { MetaDescriptionComponent } from '../fields/MetaDescription/MetaDescriptionComponent.js';
+export { MetaImageComponent } from '../fields/MetaImage/MetaImageComponent.js';
+export { MetaTitleComponent } from '../fields/MetaTitle/MetaTitleComponent.js';
+export { OverviewComponent } from '../fields/Overview/OverviewComponent.js';
+export { PreviewComponent } from '../fields/Preview/PreviewComponent.js';
+
+//# sourceMappingURL=client.js.map

package/dist/exports/client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/exports/client.ts"],"sourcesContent":["export { MetaDescriptionComponent } from '../fields/MetaDescription/MetaDescriptionComponent.js'\nexport { MetaImageComponent } from '../fields/MetaImage/MetaImageComponent.js'\nexport { MetaTitleComponent } from '../fields/MetaTitle/MetaTitleComponent.js'\nexport { OverviewComponent } from '../fields/Overview/OverviewComponent.js'\nexport { PreviewComponent } from '../fields/Preview/PreviewComponent.js'\n"],"names":["MetaDescriptionComponent","MetaImageComponent","MetaTitleComponent","OverviewComponent","PreviewComponent"],"mappings":"AAAA,SAASA,wBAAwB,QAAQ,wDAAuD;AAChG,SAASC,kBAAkB,QAAQ,4CAA2C;AAC9E,SAASC,kBAAkB,QAAQ,4CAA2C;AAC9E,SAASC,iBAAiB,QAAQ,0CAAyC;AAC3E,SAASC,gBAAgB,QAAQ,wCAAuC"}

package/dist/exports/fields.d.ts

@@ -0,0 +1,6 @@
+export { MetaDescriptionField } from '../fields/MetaDescription/index.js';
+export { MetaImageField } from '../fields/MetaImage/index.js';
+export { MetaTitleField } from '../fields/MetaTitle/index.js';
+export { OverviewField } from '../fields/Overview/index.js';
+export { PreviewField } from '../fields/Preview/index.js';
+//# sourceMappingURL=fields.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fields.d.ts","sourceRoot":"","sources":["../../src/exports/fields.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA"}

package/dist/exports/fields.js

@@ -0,0 +1,7 @@
+export { MetaDescriptionField } from '../fields/MetaDescription/index.js';
+export { MetaImageField } from '../fields/MetaImage/index.js';
+export { MetaTitleField } from '../fields/MetaTitle/index.js';
+export { OverviewField } from '../fields/Overview/index.js';
+export { PreviewField } from '../fields/Preview/index.js';
+
+//# sourceMappingURL=fields.js.map

package/dist/exports/fields.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/exports/fields.ts"],"sourcesContent":["export { MetaDescriptionField } from '../fields/MetaDescription/index.js'\nexport { MetaImageField } from '../fields/MetaImage/index.js'\nexport { MetaTitleField } from '../fields/MetaTitle/index.js'\nexport { OverviewField } from '../fields/Overview/index.js'\nexport { PreviewField } from '../fields/Preview/index.js'\n"],"names":["MetaDescriptionField","MetaImageField","MetaTitleField","OverviewField","PreviewField"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,qCAAoC;AACzE,SAASC,cAAc,QAAQ,+BAA8B;AAC7D,SAASC,cAAc,QAAQ,+BAA8B;AAC7D,SAASC,aAAa,QAAQ,8BAA6B;AAC3D,SAASC,YAAY,QAAQ,6BAA4B"}

package/dist/exports/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/exports/types.ts"],"sourcesContent":["export type {\n  GenerateDescription,\n  GenerateImage,\n  GenerateTitle,\n  GenerateURL,\n  Meta,\n  SEOPluginConfig,\n} from '../types.js'\n"],"names":[],"rangeMappings":"","mappings":"AAAA,WAOoB"}
+{"version":3,"sources":["../../src/exports/types.ts"],"sourcesContent":["export type {\n  GenerateDescription,\n  GenerateImage,\n  GenerateTitle,\n  GenerateURL,\n  Meta,\n  SEOPluginConfig,\n} from '../types.js'\n"],"names":[],"mappings":"AAAA,WAOoB"}

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

@@ -0,0 +1,8 @@
+import type { TextareaFieldProps } from 'payload';
+import React from 'react';
+type MetaDescriptionProps = {
+    hasGenerateDescriptionFn: boolean;
+} & TextareaFieldProps;
+export declare const MetaDescriptionComponent: React.FC<MetaDescriptionProps>;
+export {};
+//# sourceMappingURL=MetaDescriptionComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MetaDescriptionComponent.d.ts","sourceRoot":"","sources":["../../../src/fields/MetaDescription/MetaDescriptionComponent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAYjD,OAAO,KAAsB,MAAM,OAAO,CAAA;AAU1C,KAAK,oBAAoB,GAAG;IAC1B,wBAAwB,EAAE,OAAO,CAAA;CAClC,GAAG,kBAAkB,CAAA;AAEtB,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqInE,CAAA"}

package/dist/fields/{MetaDescription.js → MetaDescription/MetaDescriptionComponent.js}

@@ -1,26 +1,19 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TextareaInput } from '@payloadcms/ui/fields/Textarea';
-import { FieldLabel } from '@payloadcms/ui/forms/FieldLabel';
-import { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider';
-import { useAllFormFields } from '@payloadcms/ui/forms/Form';
-import { useField } from '@payloadcms/ui/forms/useField';
-import { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo';
-import { useLocale } from '@payloadcms/ui/providers/Locale';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+import { FieldLabel, TextareaInput, 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 { defaults } from '../../defaults.js';
+import { LengthIndicator } from '../../ui/LengthIndicator.js';
 const { maxLength, minLength } = defaults.description;
-export const MetaDescription = (props)=>{
-    const { CustomLabel, hasGenerateDescriptionFn, label, labelProps, path, required } = props;
+export const MetaDescriptionComponent = (props)=>{
+    const { field: { admin: { components: { Label } }, label, required }, hasGenerateDescriptionFn, labelProps } = props;
     const { path: pathFromContext } = useFieldProps();
     const { t } = useTranslation();
     const locale = useLocale();
-    const [fields] = useAllFormFields();
+    const { getData } = useForm();
     const docInfo = useDocumentInfo();
     const field = useField({
-        path
+        path: pathFromContext
     });
     const { errorMessage, setValue, showError, value } = field;
     const regenerateDescription = useCallback(async ()=>{
@@ -29,7 +22,7 @@ export const MetaDescription = (props)=>{
             body: JSON.stringify({
                 ...docInfo,
                 doc: {
-                    ...fields
+                    ...getData()
                 },
                 locale: typeof locale === 'object' ? locale?.code : locale
             }),
@@ -42,11 +35,11 @@ export const MetaDescription = (props)=>{
         const { result: generatedDescription } = await genDescriptionResponse.json();
         setValue(generatedDescription || '');
     }, [
-        fields,
-        setValue,
         hasGenerateDescriptionFn,
+        docInfo,
+        getData,
         locale,
-        docInfo
+        setValue
     ]);
     return /*#__PURE__*/ _jsxs("div", {
         style: {
@@ -63,7 +56,7 @@ export const MetaDescription = (props)=>{
                         className: "plugin-seo__field",
                         children: [
                             /*#__PURE__*/ _jsx(FieldLabel, {
-                                CustomLabel: CustomLabel,
+                                Label: Label,
                                 label: label,
                                 ...labelProps || {}
                             }),
@@ -71,7 +64,9 @@ export const MetaDescription = (props)=>{
                                 children: [
                                     "  —  ",
                                     /*#__PURE__*/ _jsx("button", {
-                                        onClick: regenerateDescription,
+                                        onClick: ()=>{
+                                            void regenerateDescription();
+                                        },
                                         style: {
                                             background: 'none',
                                             backgroundColor: 'transparent',
@@ -113,7 +108,12 @@ export const MetaDescription = (props)=>{
                     position: 'relative'
                 },
                 children: /*#__PURE__*/ _jsx(TextareaInput, {
-                    CustomError: errorMessage,
+                    Error: {
+                        type: 'client',
+                        Component: null,
+                        RenderedComponent: errorMessage
+                    },
+                    label: label,
                     onChange: setValue,
                     path: pathFromContext,
                     required: required,
@@ -140,4 +140,4 @@ export const MetaDescription = (props)=>{
     });
 };
 
-//# sourceMappingURL=MetaDescription.js.map
+//# sourceMappingURL=MetaDescriptionComponent.js.map

package/dist/fields/MetaDescription/MetaDescriptionComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/MetaDescription/MetaDescriptionComponent.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldType, Options } from '@payloadcms/ui'\nimport type { TextareaFieldProps } from 'payload'\n\nimport {\n  FieldLabel,\n  TextareaInput,\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 { GenerateDescription } from '../../types.js'\n\nimport { defaults } from '../../defaults.js'\nimport { LengthIndicator } from '../../ui/LengthIndicator.js'\n\nconst { maxLength, minLength } = defaults.description\n\ntype MetaDescriptionProps = {\n  hasGenerateDescriptionFn: boolean\n} & TextareaFieldProps\n\nexport const MetaDescriptionComponent: React.FC<MetaDescriptionProps> = (props) => {\n  const {\n    field: {\n      admin: {\n        components: { Label },\n      },\n      label,\n      required,\n    },\n    hasGenerateDescriptionFn,\n    labelProps,\n  } = props\n  const { path: pathFromContext } = useFieldProps()\n\n  const { t } = useTranslation<PluginSEOTranslations, PluginSEOTranslationKeys>()\n\n  const locale = useLocale()\n  const { getData } = useForm()\n  const docInfo = useDocumentInfo()\n\n  const field: FieldType<string> = useField({\n    path: pathFromContext,\n  } as Options)\n\n  const { errorMessage, setValue, showError, value } = field\n\n  const regenerateDescription = useCallback(async () => {\n    if (!hasGenerateDescriptionFn) return\n\n    const genDescriptionResponse = await fetch('/api/plugin-seo/generate-description', {\n      body: JSON.stringify({\n        ...docInfo,\n        doc: { ...getData() },\n        locale: typeof locale === 'object' ? locale?.code : locale,\n      } satisfies Parameters<GenerateDescription>[0]),\n      credentials: 'include',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      method: 'POST',\n    })\n\n    const { result: generatedDescription } = await genDescriptionResponse.json()\n\n    setValue(generatedDescription || '')\n  }, [hasGenerateDescriptionFn, 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 Label={Label} label={label} {...(labelProps || {})} />\n          {hasGenerateDescriptionFn && (\n            <React.Fragment>\n              &nbsp; &mdash; &nbsp;\n              <button\n                onClick={() => {\n                  void regenerateDescription()\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:lengthTipDescription', { maxLength, minLength })}\n          <a\n            href=\"https://developers.google.com/search/docs/advanced/appearance/snippet#meta-descriptions\"\n            rel=\"noopener noreferrer\"\n            target=\"_blank\"\n          >\n            {t('plugin-seo:bestPractices')}\n          </a>\n        </div>\n      </div>\n      <div\n        style={{\n          marginBottom: '10px',\n          position: 'relative',\n        }}\n      >\n        <TextareaInput\n          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","TextareaInput","useDocumentInfo","useField","useFieldProps","useForm","useLocale","useTranslation","React","useCallback","defaults","LengthIndicator","maxLength","minLength","description","MetaDescriptionComponent","props","field","admin","components","Label","label","required","hasGenerateDescriptionFn","labelProps","path","pathFromContext","t","locale","getData","docInfo","errorMessage","setValue","showError","value","regenerateDescription","genDescriptionResponse","fetch","body","JSON","stringify","doc","code","credentials","headers","method","result","generatedDescription","json","div","style","marginBottom","position","className","Fragment","button","onClick","background","backgroundColor","border","color","cursor","padding","textDecoration","type","a","href","rel","target","Error","Component","RenderedComponent","onChange","alignItems","display","width","text"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/MetaDescription/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,UAAU,kBAAkB;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;CACnC;AAED,KAAK,aAAa,GAAG,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,kBAAkB,KAAK,aAAa,CAAA;AAExF,eAAO,MAAM,oBAAoB,EAAE,aAiBlC,CAAA"}

package/dist/fields/MetaDescription/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/MetaDescription/index.ts"],"sourcesContent":["import type { TextareaField } 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<TextareaField>\n}\n\ntype FieldFunction = ({ hasGenerateFn, overrides }: FieldFunctionProps) => TextareaField\n\nexport const MetaDescriptionField: FieldFunction = ({ hasGenerateFn = false, overrides }) => {\n  return {\n    name: 'description',\n    type: 'textarea',\n    admin: {\n      components: {\n        Field: {\n          clientProps: {\n            hasGenerateDescriptionFn: hasGenerateFn,\n          },\n          path: '@payloadcms/plugin-seo/client#MetaDescriptionComponent',\n        },\n      },\n    },\n    localized: true,\n    ...((overrides as unknown as TextareaField) ?? {}),\n  }\n}\n"],"names":["MetaDescriptionField","hasGenerateFn","overrides","name","type","admin","components","Field","clientProps","hasGenerateDescriptionFn","path","localized"],"mappings":"AAYA,OAAO,MAAMA,uBAAsC,CAAC,EAAEC,gBAAgB,KAAK,EAAEC,SAAS,EAAE;IACtF,OAAO;QACLC,MAAM;QACNC,MAAM;QACNC,OAAO;YACLC,YAAY;gBACVC,OAAO;oBACLC,aAAa;wBACXC,0BAA0BR;oBAC5B;oBACAS,MAAM;gBACR;YACF;QACF;QACAC,WAAW;QACX,GAAI,AAACT,aAA0C,CAAC,CAAC;IACnD;AACF,EAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MetaImageComponent.d.ts","sourceRoot":"","sources":["../../../src/fields/MetaImage/MetaImageComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAsB,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAa1E,OAAO,KAAsB,MAAM,OAAO,CAAA;AAO1C,KAAK,cAAc,GAAG;IACpB,kBAAkB,EAAE,OAAO,CAAA;CAC5B,GAAG,gBAAgB,CAAA;AAEpB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsJvD,CAAA"}

package/dist/fields/{MetaImage.js → MetaImage/MetaImageComponent.js}

@@ -1,21 +1,18 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { UploadInput } from '@payloadcms/ui/fields/Upload';
-import { FieldLabel } from '@payloadcms/ui/forms/FieldLabel';
-import { useAllFormFields } from '@payloadcms/ui/forms/Form';
-import { useField } from '@payloadcms/ui/forms/useField';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo';
-import { useLocale } from '@payloadcms/ui/providers/Locale';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+import { FieldLabel, UploadInput, useConfig, useDocumentInfo, useField, useFieldProps, useForm, useLocale, useTranslation } from '@payloadcms/ui';
 import React, { useCallback } from 'react';
-import { Pill } from '../ui/Pill.js';
-export const MetaImage = (props)=>{
-    const { CustomLabel, hasGenerateImageFn, label, labelProps, relationTo, required } = props || {};
-    const field = useField(props);
+import { Pill } from '../../ui/Pill.js';
+export const MetaImageComponent = (props)=>{
+    const { field: { admin: { components: { Label } }, label, relationTo, required }, hasGenerateImageFn, labelProps } = props || {};
+    const { path: pathFromContext } = useFieldProps();
+    const field = useField({
+        ...props,
+        path: pathFromContext
+    });
     const { t } = useTranslation();
     const locale = useLocale();
-    const [fields] = useAllFormFields();
+    const { getData } = useForm();
     const docInfo = useDocumentInfo();
     const { errorMessage, setValue, showError, value } = field;
     const regenerateImage = useCallback(async ()=>{
@@ -24,7 +21,7 @@ export const MetaImage = (props)=>{
             body: JSON.stringify({
                 ...docInfo,
                 doc: {
-                    ...fields
+                    ...getData()
                 },
                 locale: typeof locale === 'object' ? locale?.code : locale
             }),
@@ -34,17 +31,17 @@ export const MetaImage = (props)=>{
             },
             method: 'POST'
         });
-        const { result: generatedImage } = await genImageResponse.json();
+        const generatedImage = await genImageResponse.text();
         setValue(generatedImage || '');
     }, [
-        fields,
-        setValue,
         hasGenerateImageFn,
+        docInfo,
+        getData,
         locale,
-        docInfo
+        setValue
     ]);
     const hasImage = Boolean(value);
-    const config = useConfig();
+    const { config } = useConfig();
     const { collections, routes: { api } = {}, serverURL } = config;
     const collection = collections?.find((coll)=>coll.slug === relationTo) || undefined;
     return /*#__PURE__*/ _jsxs("div", {
@@ -62,7 +59,7 @@ export const MetaImage = (props)=>{
                         className: "plugin-seo__field",
                         children: [
                             /*#__PURE__*/ _jsx(FieldLabel, {
-                                CustomLabel: CustomLabel,
+                                Label: Label,
                                 label: label,
                                 ...labelProps || {}
                             }),
@@ -70,7 +67,9 @@ export const MetaImage = (props)=>{
                                 children: [
                                     "  —  ",
                                     /*#__PURE__*/ _jsx("button", {
-                                        onClick: regenerateImage,
+                                        onClick: ()=>{
+                                            void regenerateImage();
+                                        },
                                         style: {
                                             background: 'none',
                                             backgroundColor: 'transparent',
@@ -101,7 +100,11 @@ export const MetaImage = (props)=>{
                     position: 'relative'
                 },
                 children: /*#__PURE__*/ _jsx(UploadInput, {
-                    CustomError: errorMessage,
+                    Error: {
+                        type: 'client',
+                        Component: null,
+                        RenderedComponent: errorMessage
+                    },
                     api: api,
                     collection: collection,
                     filterOptions: field.filterOptions,
@@ -140,4 +143,4 @@ export const MetaImage = (props)=>{
     });
 };
 
-//# sourceMappingURL=MetaImage.js.map
+//# sourceMappingURL=MetaImageComponent.js.map

package/dist/fields/MetaImage/MetaImageComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/MetaImage/MetaImageComponent.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldType, Options, UploadFieldProps } from '@payloadcms/ui'\n\nimport {\n  FieldLabel,\n  UploadInput,\n  useConfig,\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 { GenerateImage } from '../../types.js'\n\nimport { Pill } from '../../ui/Pill.js'\n\ntype MetaImageProps = {\n  hasGenerateImageFn: boolean\n} & UploadFieldProps\n\nexport const MetaImageComponent: React.FC<MetaImageProps> = (props) => {\n  const {\n    field: {\n      admin: {\n        components: { Label },\n      },\n      label,\n      relationTo,\n      required,\n    },\n    hasGenerateImageFn,\n    labelProps,\n  } = props || {}\n  const { path: pathFromContext } = useFieldProps()\n\n  const field: FieldType<string> = useField({ ...props, path: pathFromContext } as Options)\n\n  const { t } = useTranslation<PluginSEOTranslations, PluginSEOTranslationKeys>()\n\n  const locale = useLocale()\n  const { getData } = useForm()\n  const docInfo = useDocumentInfo()\n\n  const { errorMessage, setValue, showError, value } = field\n\n  const regenerateImage = useCallback(async () => {\n    if (!hasGenerateImageFn) return\n\n    const genImageResponse = await fetch('/api/plugin-seo/generate-image', {\n      body: JSON.stringify({\n        ...docInfo,\n        doc: { ...getData() },\n        locale: typeof locale === 'object' ? locale?.code : locale,\n      } satisfies Parameters<GenerateImage>[0]),\n      credentials: 'include',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      method: 'POST',\n    })\n\n    const generatedImage = await genImageResponse.text()\n\n    setValue(generatedImage || '')\n  }, [hasGenerateImageFn, docInfo, getData, locale, setValue])\n\n  const hasImage = Boolean(value)\n\n  const { config } = useConfig()\n\n  const { collections, routes: { api } = {}, serverURL } = config\n\n  const collection = collections?.find((coll) => coll.slug === relationTo) || undefined\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 Label={Label} label={label} {...(labelProps || {})} />\n          {hasGenerateImageFn && (\n            <React.Fragment>\n              &nbsp; &mdash; &nbsp;\n              <button\n                onClick={() => {\n                  void regenerateImage()\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        {hasGenerateImageFn && (\n          <div\n            style={{\n              color: '#9A9A9A',\n            }}\n          >\n            {t('plugin-seo:imageAutoGenerationTip')}\n          </div>\n        )}\n      </div>\n      <div\n        style={{\n          marginBottom: '10px',\n          position: 'relative',\n        }}\n      >\n        <UploadInput\n          Error={{\n            type: 'client',\n            Component: null,\n            RenderedComponent: errorMessage,\n          }}\n          api={api}\n          collection={collection}\n          filterOptions={field.filterOptions}\n          label={undefined}\n          onChange={(incomingImage) => {\n            if (incomingImage !== null) {\n              const { id: incomingID } = incomingImage\n              setValue(incomingID)\n            } else {\n              setValue(null)\n            }\n          }}\n          relationTo={relationTo}\n          required={required}\n          serverURL={serverURL}\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        <Pill\n          backgroundColor={hasImage ? 'green' : 'red'}\n          color=\"white\"\n          label={hasImage ? t('plugin-seo:good') : t('plugin-seo:noImage')}\n        />\n      </div>\n    </div>\n  )\n}\n"],"names":["FieldLabel","UploadInput","useConfig","useDocumentInfo","useField","useFieldProps","useForm","useLocale","useTranslation","React","useCallback","Pill","MetaImageComponent","props","field","admin","components","Label","label","relationTo","required","hasGenerateImageFn","labelProps","path","pathFromContext","t","locale","getData","docInfo","errorMessage","setValue","showError","value","regenerateImage","genImageResponse","fetch","body","JSON","stringify","doc","code","credentials","headers","method","generatedImage","text","hasImage","Boolean","config","collections","routes","api","serverURL","collection","find","coll","slug","undefined","div","style","marginBottom","position","className","Fragment","button","onClick","background","backgroundColor","border","color","cursor","padding","textDecoration","type","Error","Component","RenderedComponent","filterOptions","onChange","incomingImage","id","incomingID","alignItems","display","width"],"mappings":"AAAA;;AAIA,SACEA,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,QAAQ,EACRC,aAAa,EACbC,OAAO,EACPC,SAAS,EACTC,cAAc,QACT,iBAAgB;AACvB,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAK1C,SAASC,IAAI,QAAQ,mBAAkB;AAMvC,OAAO,MAAMC,qBAA+C,CAACC;IAC3D,MAAM,EACJC,OAAO,EACLC,OAAO,EACLC,YAAY,EAAEC,KAAK,EAAE,EACtB,EACDC,KAAK,EACLC,UAAU,EACVC,QAAQ,EACT,EACDC,kBAAkB,EAClBC,UAAU,EACX,GAAGT,SAAS,CAAC;IACd,MAAM,EAAEU,MAAMC,eAAe,EAAE,GAAGnB;IAElC,MAAMS,QAA2BV,SAAS;QAAE,GAAGS,KAAK;QAAEU,MAAMC;IAAgB;IAE5E,MAAM,EAAEC,CAAC,EAAE,GAAGjB;IAEd,MAAMkB,SAASnB;IACf,MAAM,EAAEoB,OAAO,EAAE,GAAGrB;IACpB,MAAMsB,UAAUzB;IAEhB,MAAM,EAAE0B,YAAY,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGlB;IAErD,MAAMmB,kBAAkBvB,YAAY;QAClC,IAAI,CAACW,oBAAoB;QAEzB,MAAMa,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,MAAMC,iBAAiB,MAAMV,iBAAiBW,IAAI;QAElDf,SAASc,kBAAkB;IAC7B,GAAG;QAACvB;QAAoBO;QAASD;QAASD;QAAQI;KAAS;IAE3D,MAAMgB,WAAWC,QAAQf;IAEzB,MAAM,EAAEgB,MAAM,EAAE,GAAG9C;IAEnB,MAAM,EAAE+C,WAAW,EAAEC,QAAQ,EAAEC,GAAG,EAAE,GAAG,CAAC,CAAC,EAAEC,SAAS,EAAE,GAAGJ;IAEzD,MAAMK,aAAaJ,aAAaK,KAAK,CAACC,OAASA,KAAKC,IAAI,KAAKrC,eAAesC;IAE5E,qBACE,MAACC;QACCC,OAAO;YACLC,cAAc;QAChB;;0BAEA,MAACF;gBACCC,OAAO;oBACLC,cAAc;oBACdC,UAAU;gBACZ;;kCAEA,MAACH;wBAAII,WAAU;;0CACb,KAAC9D;gCAAWiB,OAAOA;gCAAOC,OAAOA;gCAAQ,GAAII,cAAc,CAAC,CAAC;;4BAC5DD,oCACC,MAACZ,MAAMsD,QAAQ;;oCAAC;kDAEd,KAACC;wCACCC,SAAS;4CACP,KAAKhC;wCACP;wCACA0B,OAAO;4CACLO,YAAY;4CACZC,iBAAiB;4CACjBC,QAAQ;4CACRC,OAAO;4CACPC,QAAQ;4CACRC,SAAS;4CACTC,gBAAgB;wCAClB;wCACAC,MAAK;kDAEJhD,EAAE;;;;;;oBAKVJ,oCACC,KAACqC;wBACCC,OAAO;4BACLU,OAAO;wBACT;kCAEC5C,EAAE;;;;0BAIT,KAACiC;gBACCC,OAAO;oBACLC,cAAc;oBACdC,UAAU;gBACZ;0BAEA,cAAA,KAAC5D;oBACCyE,OAAO;wBACLD,MAAM;wBACNE,WAAW;wBACXC,mBAAmB/C;oBACrB;oBACAsB,KAAKA;oBACLE,YAAYA;oBACZwB,eAAe/D,MAAM+D,aAAa;oBAClC3D,OAAOuC;oBACPqB,UAAU,CAACC;wBACT,IAAIA,kBAAkB,MAAM;4BAC1B,MAAM,EAAEC,IAAIC,UAAU,EAAE,GAAGF;4BAC3BjD,SAASmD;wBACX,OAAO;4BACLnD,SAAS;wBACX;oBACF;oBACAX,YAAYA;oBACZC,UAAUA;oBACVgC,WAAWA;oBACXrB,WAAWA;oBACX4B,OAAO;wBACLC,cAAc;oBAChB;oBACA5B,OAAOA;;;0BAGX,KAAC0B;gBACCC,OAAO;oBACLuB,YAAY;oBACZC,SAAS;oBACTC,OAAO;gBACT;0BAEA,cAAA,KAACzE;oBACCwD,iBAAiBrB,WAAW,UAAU;oBACtCuB,OAAM;oBACNnD,OAAO4B,WAAWrB,EAAE,qBAAqBA,EAAE;;;;;AAKrD,EAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/MetaImage/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,UAAU,kBAAkB;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IAChC,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,KAAK,aAAa,GAAG,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,kBAAkB,KAAK,WAAW,CAAA;AAEtF,eAAO,MAAM,cAAc,EAAE,aAoB5B,CAAA"}

package/dist/fields/MetaImage/index.js

@@ -0,0 +1,23 @@
+export const MetaImageField = ({ hasGenerateFn = false, overrides, relationTo })=>{
+    return {
+        name: 'image',
+        type: 'upload',
+        admin: {
+            components: {
+                Field: {
+                    clientProps: {
+                        hasGenerateImageFn: hasGenerateFn
+                    },
+                    path: '@payloadcms/plugin-seo/client#MetaImageComponent'
+                }
+            },
+            description: 'Maximum upload file size: 12MB. Recommended file size for images is <500KB.'
+        },
+        label: 'Meta Image',
+        localized: true,
+        relationTo,
+        ...overrides ?? {}
+    };
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/MetaImage/index.ts"],"sourcesContent":["import type { UploadField } 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<UploadField>\n  relationTo: string\n}\n\ntype FieldFunction = ({ hasGenerateFn, overrides }: FieldFunctionProps) => UploadField\n\nexport const MetaImageField: FieldFunction = ({ hasGenerateFn = false, overrides, relationTo }) => {\n  return {\n    name: 'image',\n    type: 'upload',\n    admin: {\n      components: {\n        Field: {\n          clientProps: {\n            hasGenerateImageFn: hasGenerateFn,\n          },\n          path: '@payloadcms/plugin-seo/client#MetaImageComponent',\n        },\n      },\n      description: 'Maximum upload file size: 12MB. Recommended file size for images is <500KB.',\n    },\n    label: 'Meta Image',\n    localized: true,\n    relationTo,\n    ...((overrides as unknown as UploadField) ?? {}),\n  }\n}\n"],"names":["MetaImageField","hasGenerateFn","overrides","relationTo","name","type","admin","components","Field","clientProps","hasGenerateImageFn","path","description","label","localized"],"mappings":"AAaA,OAAO,MAAMA,iBAAgC,CAAC,EAAEC,gBAAgB,KAAK,EAAEC,SAAS,EAAEC,UAAU,EAAE;IAC5F,OAAO;QACLC,MAAM;QACNC,MAAM;QACNC,OAAO;YACLC,YAAY;gBACVC,OAAO;oBACLC,aAAa;wBACXC,oBAAoBT;oBACtB;oBACAU,MAAM;gBACR;YACF;YACAC,aAAa;QACf;QACAC,OAAO;QACPC,WAAW;QACXX;QACA,GAAI,AAACD,aAAwC,CAAC,CAAC;IACjD;AACF,EAAC"}

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

@@ -0,0 +1,9 @@
+import type { TextFieldProps } from 'payload';
+import React from 'react';
+import '../index.scss';
+type MetaTitleProps = {
+    hasGenerateTitleFn: boolean;
+} & TextFieldProps;
+export declare const MetaTitleComponent: React.FC<MetaTitleProps>;
+export {};
+//# sourceMappingURL=MetaTitleComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MetaTitleComponent.d.ts","sourceRoot":"","sources":["../../../src/fields/MetaTitle/MetaTitleComponent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAY7C,OAAO,KAAsB,MAAM,OAAO,CAAA;AAO1C,OAAO,eAAe,CAAA;AAItB,KAAK,cAAc,GAAG;IACpB,kBAAkB,EAAE,OAAO,CAAA;CAC5B,GAAG,cAAc,CAAA;AAElB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsIvD,CAAA"}

package/dist/fields/{MetaTitle.js → MetaTitle/MetaTitleComponent.js}

@@ -1,27 +1,20 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TextInput } from '@payloadcms/ui/fields/Text';
-import { FieldLabel } from '@payloadcms/ui/forms/FieldLabel';
-import { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider';
-import { useAllFormFields } from '@payloadcms/ui/forms/Form';
-import { useField } from '@payloadcms/ui/forms/useField';
-import { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo';
-import { useLocale } from '@payloadcms/ui/providers/Locale';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+import { 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';
+import { defaults } from '../../defaults.js';
+import { LengthIndicator } from '../../ui/LengthIndicator.js';
+import '../index.scss';
 const { maxLength, minLength } = defaults.title;
-export const MetaTitle = (props)=>{
-    const { CustomLabel, hasGenerateTitleFn, label, labelProps, path, required } = props || {};
+export const MetaTitleComponent = (props)=>{
+    const { field: { admin: { components: { Label } }, label, required }, hasGenerateTitleFn, labelProps } = props || {};
     const { path: pathFromContext } = useFieldProps();
     const { t } = useTranslation();
     const field = useField({
-        path
+        path: pathFromContext
     });
     const locale = useLocale();
-    const [fields] = useAllFormFields();
+    const { getData } = useForm();
     const docInfo = useDocumentInfo();
     const { errorMessage, setValue, showError, value } = field;
     const regenerateTitle = useCallback(async ()=>{
@@ -30,7 +23,7 @@ export const MetaTitle = (props)=>{
             body: JSON.stringify({
                 ...docInfo,
                 doc: {
-                    ...fields
+                    ...getData()
                 },
                 locale: typeof locale === 'object' ? locale?.code : locale
             }),
@@ -43,11 +36,11 @@ export const MetaTitle = (props)=>{
         const { result: generatedTitle } = await genTitleResponse.json();
         setValue(generatedTitle || '');
     }, [
-        fields,
-        setValue,
         hasGenerateTitleFn,
+        docInfo,
+        getData,
         locale,
-        docInfo
+        setValue
     ]);
     return /*#__PURE__*/ _jsxs("div", {
         style: {
@@ -64,7 +57,7 @@ export const MetaTitle = (props)=>{
                         className: "plugin-seo__field",
                         children: [
                             /*#__PURE__*/ _jsx(FieldLabel, {
-                                CustomLabel: CustomLabel,
+                                Label: Label,
                                 label: label,
                                 ...labelProps || {}
                             }),
@@ -72,7 +65,9 @@ export const MetaTitle = (props)=>{
                                 children: [
                                     "  —  ",
                                     /*#__PURE__*/ _jsx("button", {
-                                        onClick: regenerateTitle,
+                                        onClick: ()=>{
+                                            void regenerateTitle();
+                                        },
                                         style: {
                                             background: 'none',
                                             backgroundColor: 'transparent',
@@ -115,7 +110,12 @@ export const MetaTitle = (props)=>{
                     position: 'relative'
                 },
                 children: /*#__PURE__*/ _jsx(TextInput, {
-                    CustomError: errorMessage,
+                    Error: {
+                        type: 'client',
+                        Component: null,
+                        RenderedComponent: errorMessage
+                    },
+                    label: label,
                     onChange: setValue,
                     path: pathFromContext,
                     required: required,
@@ -142,4 +142,4 @@ export const MetaTitle = (props)=>{
     });
 };
 
-//# sourceMappingURL=MetaTitle.js.map
+//# 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 { TextFieldProps } 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} & TextFieldProps\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) 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 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","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","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