@payloadcms/plugin-seo 3.0.0-canary.f6e77b8 → 3.0.0-canary.fb81f02

package/dist/fields/MetaDescription.js

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

package/dist/fields/MetaDescription.js.map

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

package/dist/fields/MetaImage.d.ts

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

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

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

package/dist/fields/MetaImage.js

@@ -1,120 +0,0 @@
-'use client';
-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 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);
-    const { t } = useTranslation();
-    const locale = useLocale();
-    const [fields] = useAllFormFields();
-    const docInfo = useDocumentInfo();
-    const { errorMessage, setValue, showError, value } = field;
-    const regenerateImage = useCallback(async ()=>{
-        if (!hasGenerateImageFn) return;
-        const genImageResponse = await fetch('/api/plugin-seo/generate-image', {
-            body: JSON.stringify({
-                ...docInfo,
-                doc: {
-                    ...fields
-                },
-                locale: typeof locale === 'object' ? locale?.code : locale
-            }),
-            credentials: 'include',
-            headers: {
-                'Content-Type': 'application/json'
-            },
-            method: 'POST'
-        });
-        const { result: generatedImage } = await genImageResponse.json();
-        setValue(generatedImage || '');
-    }, [
-        fields,
-        setValue,
-        hasGenerateImageFn,
-        locale,
-        docInfo
-    ]);
-    const hasImage = Boolean(value);
-    const config = useConfig();
-    const { collections, routes: { api } = {}, serverURL } = config;
-    const collection = collections?.find((coll)=>coll.slug === relationTo) || undefined;
-    return /*#__PURE__*/ React.createElement("div", {
-        style: {
-            marginBottom: '20px'
-        }
-    }, /*#__PURE__*/ React.createElement("div", {
-        style: {
-            marginBottom: '5px',
-            position: 'relative'
-        }
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: "plugin-seo__field"
-    }, /*#__PURE__*/ React.createElement(FieldLabel, {
-        CustomLabel: CustomLabel,
-        label: label,
-        ...labelProps || {}
-    }), hasGenerateImageFn && /*#__PURE__*/ React.createElement(React.Fragment, null, "  —  ", /*#__PURE__*/ React.createElement("button", {
-        onClick: regenerateImage,
-        style: {
-            background: 'none',
-            backgroundColor: 'transparent',
-            border: 'none',
-            color: 'currentcolor',
-            cursor: 'pointer',
-            padding: 0,
-            textDecoration: 'underline'
-        },
-        type: "button"
-    }, t('plugin-seo:autoGenerate')))), hasGenerateImageFn && /*#__PURE__*/ React.createElement("div", {
-        style: {
-            color: '#9A9A9A'
-        }
-    }, t('plugin-seo:imageAutoGenerationTip'))), /*#__PURE__*/ React.createElement("div", {
-        style: {
-            marginBottom: '10px',
-            position: 'relative'
-        }
-    }, /*#__PURE__*/ React.createElement(UploadInput, {
-        CustomError: errorMessage,
-        api: api,
-        collection: collection,
-        filterOptions: {},
-        label: undefined,
-        onChange: (incomingImage)=>{
-            if (incomingImage !== null) {
-                const { id: incomingID } = incomingImage;
-                setValue(incomingID);
-            } else {
-                setValue(null);
-            }
-        },
-        relationTo: relationTo,
-        required: required,
-        serverURL: serverURL,
-        showError: showError,
-        style: {
-            marginBottom: 0
-        },
-        value: value
-    })), /*#__PURE__*/ React.createElement("div", {
-        style: {
-            alignItems: 'center',
-            display: 'flex',
-            width: '100%'
-        }
-    }, /*#__PURE__*/ React.createElement(Pill, {
-        backgroundColor: hasImage ? 'green' : 'red',
-        color: "white",
-        label: hasImage ? t('plugin-seo:good') : t('plugin-seo:noImage')
-    })));
-};
-
-//# sourceMappingURL=MetaImage.js.map

package/dist/fields/MetaImage.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/fields/MetaImage.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadInputProps } from '@payloadcms/ui/fields/Upload'\nimport type { FieldType, Options } from '@payloadcms/ui/forms/useField'\n\nimport { UploadInput } from '@payloadcms/ui/fields/Upload'\nimport { FieldLabel } from '@payloadcms/ui/forms/FieldLabel'\nimport { useAllFormFields } from '@payloadcms/ui/forms/Form'\nimport { useField } from '@payloadcms/ui/forms/useField'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo'\nimport { useLocale } from '@payloadcms/ui/providers/Locale'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React, { useCallback } from 'react'\n\nimport type { GenerateImage } from '../types.js'\n\nimport { Pill } from '../ui/Pill.js'\n\n// eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\ntype MetaImageProps = UploadInputProps & {\n  hasGenerateImageFn: boolean\n}\n\nexport const MetaImage: React.FC<MetaImageProps> = (props) => {\n  const { CustomLabel, hasGenerateImageFn, label, labelProps, relationTo, required } = props || {}\n\n  const field: FieldType<string> = useField(props as Options)\n\n  const { t } = useTranslation()\n\n  const locale = useLocale()\n  const [fields] = useAllFormFields()\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: { ...fields },\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 { result: generatedImage } = await genImageResponse.json()\n\n    setValue(generatedImage || '')\n  }, [fields, setValue, hasGenerateImageFn, locale, docInfo])\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 CustomLabel={CustomLabel} label={label} {...(labelProps || {})} />\n          {hasGenerateImageFn && (\n            <React.Fragment>\n              &nbsp; &mdash; &nbsp;\n              <button\n                onClick={regenerateImage}\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          CustomError={errorMessage}\n          api={api}\n          collection={collection}\n          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":["UploadInput","FieldLabel","useAllFormFields","useField","useConfig","useDocumentInfo","useLocale","useTranslation","React","useCallback","Pill","MetaImage","props","CustomLabel","hasGenerateImageFn","label","labelProps","relationTo","required","field","t","locale","fields","docInfo","errorMessage","setValue","showError","value","regenerateImage","genImageResponse","fetch","body","JSON","stringify","doc","code","credentials","headers","method","result","generatedImage","json","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","CustomError","filterOptions","onChange","incomingImage","id","incomingID","alignItems","display","width"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/fields/MetaTitle.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"MetaTitle.d.ts","sourceRoot":"","sources":["../../src/fields/MetaTitle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAYjE,OAAO,KAAsB,MAAM,OAAO,CAAA;AAM1C,OAAO,cAAc,CAAA;AAKrB,KAAK,cAAc,GAAG,aAAa,GAAG;IACpC,kBAAkB,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqH9C,CAAA"}

package/dist/fields/MetaTitle.js

@@ -1,117 +0,0 @@
-'use client';
-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 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 MetaTitle = (props)=>{
-    const { CustomLabel, hasGenerateTitleFn, label, labelProps, path, required } = props || {};
-    const { path: pathFromContext } = useFieldProps();
-    const { t } = useTranslation();
-    const field = useField({
-        path
-    });
-    const locale = useLocale();
-    const [fields] = useAllFormFields();
-    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: {
-                    ...fields
-                },
-                locale: typeof locale === 'object' ? locale?.code : locale
-            }),
-            credentials: 'include',
-            headers: {
-                'Content-Type': 'application/json'
-            },
-            method: 'POST'
-        });
-        const { result: generatedTitle } = await genTitleResponse.json();
-        setValue(generatedTitle || '');
-    }, [
-        fields,
-        setValue,
-        hasGenerateTitleFn,
-        locale,
-        docInfo
-    ]);
-    return /*#__PURE__*/ React.createElement("div", {
-        style: {
-            marginBottom: '20px'
-        }
-    }, /*#__PURE__*/ React.createElement("div", {
-        style: {
-            marginBottom: '5px',
-            position: 'relative'
-        }
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: "plugin-seo__field"
-    }, /*#__PURE__*/ React.createElement(FieldLabel, {
-        CustomLabel: CustomLabel,
-        label: label,
-        ...labelProps || {}
-    }), hasGenerateTitleFn && /*#__PURE__*/ React.createElement(React.Fragment, null, "  —  ", /*#__PURE__*/ React.createElement("button", {
-        onClick: regenerateTitle,
-        style: {
-            background: 'none',
-            backgroundColor: 'transparent',
-            border: 'none',
-            color: 'currentcolor',
-            cursor: 'pointer',
-            padding: 0,
-            textDecoration: 'underline'
-        },
-        type: "button"
-    }, t('plugin-seo:autoGenerate')))), /*#__PURE__*/ React.createElement("div", {
-        style: {
-            color: '#9A9A9A'
-        }
-    }, t('plugin-seo:lengthTipTitle', {
-        maxLength,
-        minLength
-    }), /*#__PURE__*/ React.createElement("a", {
-        href: "https://developers.google.com/search/docs/advanced/appearance/title-link#page-titles",
-        rel: "noopener noreferrer",
-        target: "_blank"
-    }, t('plugin-seo:bestPractices')), ".")), /*#__PURE__*/ React.createElement("div", {
-        style: {
-            marginBottom: '10px',
-            position: 'relative'
-        }
-    }, /*#__PURE__*/ React.createElement(TextInput, {
-        CustomError: errorMessage,
-        onChange: setValue,
-        path: pathFromContext,
-        required: required,
-        showError: showError,
-        style: {
-            marginBottom: 0
-        },
-        value: value
-    })), /*#__PURE__*/ React.createElement("div", {
-        style: {
-            alignItems: 'center',
-            display: 'flex',
-            width: '100%'
-        }
-    }, /*#__PURE__*/ React.createElement(LengthIndicator, {
-        maxLength: maxLength,
-        minLength: minLength,
-        text: value
-    })));
-};
-
-//# sourceMappingURL=MetaTitle.js.map

package/dist/fields/MetaTitle.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/fields/MetaTitle.tsx"],"sourcesContent":["'use client'\n\nimport type { FormFieldBase } from '@payloadcms/ui/fields/shared'\nimport type { Options } from '@payloadcms/ui/forms/useField'\nimport type { FieldType } from '@payloadcms/ui/forms/useField'\n\nimport { TextInput } from '@payloadcms/ui/fields/Text'\nimport { FieldLabel } from '@payloadcms/ui/forms/FieldLabel'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\nimport { useAllFormFields } from '@payloadcms/ui/forms/Form'\nimport { useField } from '@payloadcms/ui/forms/useField'\nimport { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo'\nimport { useLocale } from '@payloadcms/ui/providers/Locale'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React, { useCallback } from 'react'\n\nimport type { 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\n// eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\ntype MetaTitleProps = FormFieldBase & {\n  hasGenerateTitleFn: boolean\n}\n\nexport const MetaTitle: React.FC<MetaTitleProps> = (props) => {\n  const { CustomLabel, hasGenerateTitleFn, label, labelProps, path, required } = props || {}\n  const { path: pathFromContext } = useFieldProps()\n\n  const { t } = useTranslation()\n\n  const field: FieldType<string> = useField({\n    path,\n  } as Options)\n\n  const locale = useLocale()\n  const [fields] = useAllFormFields()\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: { ...fields },\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  }, [fields, setValue, hasGenerateTitleFn, locale, docInfo])\n\n  return (\n    <div\n      style={{\n        marginBottom: '20px',\n      }}\n    >\n      <div\n        style={{\n          marginBottom: '5px',\n          position: 'relative',\n        }}\n      >\n        <div className=\"plugin-seo__field\">\n          <FieldLabel CustomLabel={CustomLabel} label={label} {...(labelProps || {})} />\n          {hasGenerateTitleFn && (\n            <React.Fragment>\n              &nbsp; &mdash; &nbsp;\n              <button\n                onClick={regenerateTitle}\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":["TextInput","FieldLabel","useFieldProps","useAllFormFields","useField","useDocumentInfo","useLocale","useTranslation","React","useCallback","defaults","LengthIndicator","maxLength","minLength","title","MetaTitle","props","CustomLabel","hasGenerateTitleFn","label","labelProps","path","required","pathFromContext","t","field","locale","fields","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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAMA,SAASA,SAAS,QAAQ,6BAA4B;AACtD,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,aAAa,QAAQ,0CAAyC;AACvE,SAASC,gBAAgB,QAAQ,4BAA2B;AAC5D,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAI1C,SAASC,QAAQ,QAAQ,iBAAgB;AACzC,SAASC,eAAe,QAAQ,2BAA0B;AAC1D,OAAO,eAAc;AAErB,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAE,GAAGH,SAASI,KAAK;AAO/C,OAAO,MAAMC,YAAsC,CAACC;IAClD,MAAM,EAAEC,WAAW,EAAEC,kBAAkB,EAAEC,KAAK,EAAEC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGN,SAAS,CAAC;IACzF,MAAM,EAAEK,MAAME,eAAe,EAAE,GAAGrB;IAElC,MAAM,EAAEsB,CAAC,EAAE,GAAGjB;IAEd,MAAMkB,QAA2BrB,SAAS;QACxCiB;IACF;IAEA,MAAMK,SAASpB;IACf,MAAM,CAACqB,OAAO,GAAGxB;IACjB,MAAMyB,UAAUvB;IAEhB,MAAM,EAAEwB,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,MAAM;gBAAC;gBACjBD,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;QAAClB;QAAQG;QAAUZ;QAAoBQ;QAAQE;KAAQ;IAE1D,qBACE,oBAACmB;QACCC,OAAO;YACLC,cAAc;QAChB;qBAEA,oBAACF;QACCC,OAAO;YACLC,cAAc;YACdC,UAAU;QACZ;qBAEA,oBAACH;QAAII,WAAU;qBACb,oBAAClD;QAAWgB,aAAaA;QAAaE,OAAOA;QAAQ,GAAIC,cAAc,CAAC,CAAC;QACxEF,oCACC,oBAACV,MAAM4C,QAAQ,QAAC,uBAEd,oBAACC;QACCC,SAASrB;QACTe,OAAO;YACLO,YAAY;YACZC,iBAAiB;YACjBC,QAAQ;YACRC,OAAO;YACPC,QAAQ;YACRC,SAAS;YACTC,gBAAgB;QAClB;QACAC,MAAK;OAEJtC,EAAE,6CAKX,oBAACuB;QACCC,OAAO;YACLU,OAAO;QACT;OAEClC,EAAE,6BAA6B;QAAEZ;QAAWC;IAAU,kBACvD,oBAACkD;QACCC,MAAK;QACLC,KAAI;QACJC,QAAO;OAEN1C,EAAE,8BACD,qBAIR,oBAACuB;QACCC,OAAO;YACLC,cAAc;YACdC,UAAU;QACZ;qBAEA,oBAAClD;QACCmE,aAAatC;QACbuC,UAAUtC;QACVT,MAAME;QACND,UAAUA;QACVS,WAAWA;QACXiB,OAAO;YACLC,cAAc;QAChB;QACAjB,OAAOA;uBAGX,oBAACe;QACCC,OAAO;YACLqB,YAAY;YACZC,SAAS;YACTC,OAAO;QACT;qBAEA,oBAAC5D;QAAgBC,WAAWA;QAAWC,WAAWA;QAAW2D,MAAMxC;;AAI3E,EAAC"}

package/dist/ui/Overview.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const Overview: React.FC;
-//# sourceMappingURL=Overview.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Overview.d.ts","sourceRoot":"","sources":["../../src/ui/Overview.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAS/D,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAoD5B,CAAA"}

package/dist/ui/Overview.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/ui/Overview.tsx"],"sourcesContent":["'use client'\n\nimport type { FormField } from 'payload/types'\n\nimport { useAllFormFields, useForm } from '@payloadcms/ui/forms/Form'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { defaults } from '../defaults.js'\n\nconst {\n  description: { maxLength: maxDesc, minLength: minDesc },\n  title: { maxLength: maxTitle, minLength: minTitle },\n} = defaults\n\nexport const Overview: React.FC = () => {\n  const {\n    //  dispatchFields,\n    getFields,\n  } = useForm()\n\n  const [\n    {\n      'meta.description': { value: metaDesc } = {} as FormField,\n      'meta.image': { value: metaImage } = {} as FormField,\n      'meta.title': { value: metaTitle } = {} as FormField,\n    },\n  ] = useAllFormFields()\n  const { t } = useTranslation()\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","Overview","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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAIA,SAASA,gBAAgB,EAAEC,OAAO,QAAQ,4BAA2B;AACrE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE/D,SAASC,QAAQ,QAAQ,iBAAgB;AAEzC,MAAM,EACJC,aAAa,EAAEC,WAAWC,OAAO,EAAEC,WAAWC,OAAO,EAAE,EACvDC,OAAO,EAAEJ,WAAWK,QAAQ,EAAEH,WAAWI,QAAQ,EAAE,EACpD,GAAGR;AAEJ,OAAO,MAAMS,WAAqB;IAChC,MAAM,EACJ,mBAAmB;IACnBC,SAAS,EACV,GAAGhB;IAEJ,MAAM,CACJ,EACE,oBAAoB,EAAEiB,OAAOC,QAAQ,EAAE,GAAG,CAAC,CAAc,EACzD,cAAc,EAAED,OAAOE,SAAS,EAAE,GAAG,CAAC,CAAc,EACpD,cAAc,EAAEF,OAAOG,SAAS,EAAE,GAAG,CAAC,CAAc,EACrD,CACF,GAAGrB;IACJ,MAAM,EAAEsB,CAAC,EAAE,GAAGpB;IAEd,MAAM,CAACqB,cAAcC,gBAAgB,GAAGlB;IACxC,MAAM,CAACmB,aAAaC,eAAe,GAAGpB;IACtC,MAAM,CAACqB,cAAcC,gBAAgB,GAAGtB;IAExC,6DAA6D;IAC7D,MAAMuB,WAAWzB,YAAY;QAC3B,MAAM0B,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;IAEdZ,UAAU;QACR,IAAI,OAAOgB,cAAc,UACvBG,gBAAgBH,UAAUW,MAAM,IAAIjB,YAAYM,UAAUW,MAAM,IAAIlB;QACtE,IAAI,OAAOK,aAAa,UACtBO,eAAeP,SAASa,MAAM,IAAIpB,WAAWO,SAASa,MAAM,IAAItB;QAClEkB,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,oBAACK;QACCC,OAAO;YACLC,cAAc;QAChB;qBAEA,oBAACF,aACEf,EAAE,4BAA4B;QAAEkB,SAASL;QAAgBM,KAAKP,YAAYF,MAAM;IAAC;AAI1F,EAAC"}

package/dist/ui/Preview.d.ts

@@ -1,8 +0,0 @@
-import type { UIField } from 'payload/types';
-import React from 'react';
-type PreviewProps = UIField & {
-    hasGenerateURLFn: boolean;
-};
-export declare const Preview: React.FC<PreviewProps>;
-export {};
-//# sourceMappingURL=Preview.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../src/ui/Preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAa,OAAO,EAAE,MAAM,eAAe,CAAA;AAMvD,OAAO,KAA8B,MAAM,OAAO,CAAA;AAKlD,KAAK,YAAY,GAAG,OAAO,GAAG;IAC5B,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+F1C,CAAA"}

package/dist/ui/Preview.js

@@ -1,79 +0,0 @@
-'use client';
-import { useAllFormFields } from '@payloadcms/ui/forms/Form';
-import { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo';
-import { useLocale } from '@payloadcms/ui/providers/Locale';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
-import React, { useEffect, useState } from 'react';
-export const Preview = ({ hasGenerateURLFn })=>{
-    const { t } = useTranslation();
-    const locale = useLocale();
-    const [fields] = useAllFormFields();
-    const docInfo = useDocumentInfo();
-    const { 'meta.description': { value: metaDescription } = {}, 'meta.title': { value: metaTitle } = {} } = fields;
-    const [href, setHref] = useState();
-    useEffect(()=>{
-        const getHref = async ()=>{
-            const genURLResponse = await fetch('/api/plugin-seo/generate-url', {
-                body: JSON.stringify({
-                    ...docInfo,
-                    doc: {
-                        ...fields
-                    },
-                    locale: typeof locale === 'object' ? locale?.code : locale
-                }),
-                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
-    ]);
-    return /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement("div", null, t('plugin-seo:preview')), /*#__PURE__*/ React.createElement("div", {
-        style: {
-            color: '#9A9A9A',
-            marginBottom: '5px'
-        }
-    }, t('plugin-seo:previewDescription')), /*#__PURE__*/ React.createElement("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%'
-        }
-    }, /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement("a", {
-        href: href,
-        style: {
-            textDecoration: 'none'
-        }
-    }, href || 'https://...')), /*#__PURE__*/ React.createElement("h4", {
-        style: {
-            margin: 0
-        }
-    }, /*#__PURE__*/ React.createElement("a", {
-        href: "/",
-        style: {
-            textDecoration: 'none'
-        }
-    }, metaTitle)), /*#__PURE__*/ React.createElement("p", {
-        style: {
-            margin: 0
-        }
-    }, metaDescription)));
-};
-
-//# sourceMappingURL=Preview.js.map

package/dist/ui/Preview.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/ui/Preview.tsx"],"sourcesContent":["'use client'\n\nimport type { FormField, UIField } from 'payload/types'\n\nimport { useAllFormFields } from '@payloadcms/ui/forms/Form'\nimport { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo'\nimport { useLocale } from '@payloadcms/ui/providers/Locale'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React, { useEffect, useState } from 'react'\n\nimport type { GenerateURL } from '../types.js'\n\n// eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\ntype PreviewProps = UIField & {\n  hasGenerateURLFn: boolean\n}\n\nexport const Preview: React.FC<PreviewProps> = ({ hasGenerateURLFn }) => {\n  const { t } = useTranslation()\n\n  const locale = useLocale()\n  const [fields] = useAllFormFields()\n  const docInfo = useDocumentInfo()\n\n  const {\n    'meta.description': { value: metaDescription } = {} as FormField,\n    'meta.title': { 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: { ...fields },\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])\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","useLocale","useTranslation","React","useEffect","useState","Preview","hasGenerateURLFn","t","locale","fields","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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAIA,SAASA,gBAAgB,QAAQ,4BAA2B;AAC5D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AASlD,OAAO,MAAMC,UAAkC,CAAC,EAAEC,gBAAgB,EAAE;IAClE,MAAM,EAAEC,CAAC,EAAE,GAAGN;IAEd,MAAMO,SAASR;IACf,MAAM,CAACS,OAAO,GAAGX;IACjB,MAAMY,UAAUX;IAEhB,MAAM,EACJ,oBAAoB,EAAEY,OAAOC,eAAe,EAAE,GAAG,CAAC,CAAc,EAChE,cAAc,EAAED,OAAOE,SAAS,EAAE,GAAG,CAAC,CAAc,EACrD,GAAGJ;IAEJ,MAAM,CAACK,MAAMC,QAAQ,GAAGX;IAExBD,UAAU;QACR,MAAMa,UAAU;YACd,MAAMC,iBAAiB,MAAMC,MAAM,gCAAgC;gBACjEC,MAAMC,KAAKC,SAAS,CAAC;oBACnB,GAAGX,OAAO;oBACVY,KAAK;wBAAE,GAAGb,MAAM;oBAAC;oBACjBD,QAAQ,OAAOA,WAAW,WAAWA,QAAQe,OAAOf;gBACtD;gBACAgB,aAAa;gBACbC,SAAS;oBACP,gBAAgB;gBAClB;gBACAC,QAAQ;YACV;YAEA,MAAM,EAAEC,QAAQC,OAAO,EAAE,GAAG,MAAMX,eAAeY,IAAI;YAErDd,QAAQa;QACV;QAEA,IAAItB,oBAAoB,CAACQ,MAAM;YAC7B,KAAKE;QACP;IACF,GAAG;QAACP;QAAQK;QAAMN;QAAQE;QAASJ;KAAiB;IAEpD,qBACE,oBAACwB,2BACC,oBAACA,aAAKvB,EAAE,sCACR,oBAACuB;QACCC,OAAO;YACLC,OAAO;YACPC,cAAc;QAChB;OAEC1B,EAAE,iDAEL,oBAACuB;QACCC,OAAO;YACLG,YAAY;YACZC,cAAc;YACdC,WAAW;YACXC,UAAU;YACVC,SAAS;YACTC,eAAe;YACfC,OAAO;QACT;qBAEA,oBAACV,2BACC,oBAACW;QACC3B,MAAMA;QACNiB,OAAO;YACLW,gBAAgB;QAClB;OAEC5B,QAAQ,+BAGb,oBAAC6B;QACCZ,OAAO;YACLa,QAAQ;QACV;qBAEA,oBAACH;QACC3B,MAAK;QACLiB,OAAO;YACLW,gBAAgB;QAClB;OAEC7B,2BAGL,oBAACgC;QACCd,OAAO;YACLa,QAAQ;QACV;OAEChC;AAKX,EAAC"}