@payloadcms/plugin-seo 3.0.0-canary.6041f49 → 3.0.0-canary.690108d

package/dist/ui/LengthIndicator.js

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

package/dist/ui/LengthIndicator.js.map

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

package/dist/ui/Pill.js

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

package/dist/ui/Pill.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/plugin-seo",
-  "version": "3.0.0-canary.6041f49",
+  "version": "3.0.0-canary.690108d",
   "description": "SEO plugin for Payload",
   "keywords": [
     "payload",
@@ -22,13 +22,23 @@
   "exports": {
     ".": {
       "import": "./dist/index.js",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
     },
-    "./*": {
-      "import": "./dist/exports/*.js",
-      "require": "./dist/exports/*.js",
-      "types": "./dist/exports/*.d.ts"
+    "./types": {
+      "import": "./dist/exports/types.js",
+      "types": "./dist/exports/types.d.ts",
+      "default": "./dist/exports/types.js"
+    },
+    "./fields": {
+      "import": "./dist/exports/fields.js",
+      "types": "./dist/exports/fields.d.ts",
+      "default": "./dist/exports/fields.js"
+    },
+    "./client": {
+      "import": "./dist/exports/client.js",
+      "types": "./dist/exports/client.d.ts",
+      "default": "./dist/exports/client.js"
     }
   },
   "main": "./dist/index.js",
@@ -37,26 +47,32 @@
     "dist"
   ],
   "devDependencies": {
-    "@types/react": "18.2.74",
-    "@payloadcms/next": "3.0.0-canary.6041f49",
-    "@payloadcms/eslint-config": "1.1.1",
-    "@payloadcms/translations": "3.0.0-canary.6041f49",
-    "@payloadcms/ui": "3.0.0-canary.6041f49",
-    "payload": "3.0.0-canary.6041f49"
+    "@types/react": "npm:types-react@19.0.0-rc.0",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+    "@payloadcms/eslint-config": "3.0.0-beta.59",
+    "@payloadcms/translations": "3.0.0-canary.690108d",
+    "payload": "3.0.0-canary.690108d",
+    "@payloadcms/next": "3.0.0-canary.690108d",
+    "@payloadcms/ui": "3.0.0-canary.690108d"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "@payloadcms/translations": "3.0.0-canary.6041f49",
-    "@payloadcms/ui": "3.0.0-canary.6041f49",
-    "payload": "3.0.0-canary.6041f49"
+    "react": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801",
+    "react-dom": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801",
+    "@payloadcms/ui": "3.0.0-canary.690108d",
+    "@payloadcms/translations": "3.0.0-canary.690108d",
+    "payload": "3.0.0-canary.690108d"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
   "homepage:": "https://payloadcms.com",
+  "overrides": {
+    "@types/react": "npm:types-react@19.0.0-rc.0",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+  },
   "scripts": {
-    "build": "pnpm copyfiles && pnpm build:swc && pnpm build:types",
-    "build:swc": "swc ./src -d ./dist --config-file .swcrc",
+    "build": "pnpm copyfiles && pnpm build:types && pnpm build:swc",
+    "build:swc": "swc ./src -d ./dist --config-file .swcrc --strip-leading-paths",
     "build:types": "tsc --emitDeclarationOnly --outDir dist",
     "clean": "rimraf {dist,*.tsbuildinfo}",
     "copyfiles": "copyfiles -u 1 \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",

package/dist/fields/MetaDescription.d.ts

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

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

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

package/dist/fields/MetaDescription.js

@@ -1,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"}