@payloadcms/plugin-seo 1.0.15 → 2.1.0

package/dist/types.d.ts

@@ -3,33 +3,34 @@ import type { Field } from 'payload/dist/fields/config/types';
 export type GenerateTitle = <T = any>(args: ContextType & {
     doc: T;
     locale?: string;
-}) => string | Promise<string>;
+}) => Promise<string> | string;
 export type GenerateDescription = <T = any>(args: ContextType & {
     doc: T;
     locale?: string;
-}) => string | Promise<string>;
+}) => Promise<string> | string;
 export type GenerateImage = <T = any>(args: ContextType & {
     doc: T;
     locale?: string;
-}) => string | Promise<string>;
+}) => Promise<string> | string;
 export type GenerateURL = <T = any>(args: ContextType & {
     doc: T;
     locale?: string;
-}) => string | Promise<string>;
+}) => Promise<string> | string;
 export interface PluginConfig {
     collections?: string[];
-    globals?: string[];
-    uploadsCollection?: string;
     fields?: Field[];
-    tabbedUI?: boolean;
-    generateTitle?: GenerateTitle;
     generateDescription?: GenerateDescription;
     generateImage?: GenerateImage;
+    generateTitle?: GenerateTitle;
     generateURL?: GenerateURL;
+    globals?: string[];
+    tabbedUI?: boolean;
+    uploadsCollection?: string;
 }
 export interface Meta {
-    title?: string;
     description?: string;
-    keywords?: string;
     image?: any;
+    keywords?: string;
+    title?: string;
 }
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4DAA4D,CAAA;AAC7F,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAA;AAE7D,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,GAAG,GAAG,EAClC,IAAI,EAAE,WAAW,GAAG;IAAE,GAAG,EAAE,CAAC,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,KAC5C,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAA;AAE7B,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,GAAG,GAAG,EACxC,IAAI,EAAE,WAAW,GAAG;IAClB,GAAG,EAAE,CAAC,CAAA;IACN,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,KACE,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAA;AAE7B,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,GAAG,GAAG,EAClC,IAAI,EAAE,WAAW,GAAG;IAAE,GAAG,EAAE,CAAC,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,KAC5C,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAA;AAE7B,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,GAAG,GAAG,EAChC,IAAI,EAAE,WAAW,GAAG;IAAE,GAAG,EAAE,CAAC,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,KAC5C,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAA;AAE7B,MAAM,WAAW,YAAY;IAC3B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAChB,mBAAmB,CAAC,EAAE,mBAAmB,CAAA;IACzC,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,MAAM,WAAW,IAAI;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}

package/dist/types.js

@@ -1,3 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/dist/ui/LengthIndicator.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 export declare const LengthIndicator: React.FC<{
-    text?: string;
-    minLength?: number;
     maxLength?: number;
+    minLength?: number;
+    text?: string;
 }>;
+//# sourceMappingURL=LengthIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LengthIndicator.d.ts","sourceRoot":"","sources":["../../src/ui/LengthIndicator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAK5D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAyHA,CAAA"}

package/dist/ui/LengthIndicator.js

@@ -1,121 +1,162 @@
-"use strict";
 'use client';
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "LengthIndicator", {
+    enumerable: true,
+    get: function() {
+        return LengthIndicator;
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LengthIndicator = void 0;
-var react_1 = __importStar(require("react"));
-var Pill_1 = require("./Pill");
-var LengthIndicator = function (props) {
-    var text = props.text, _a = props.minLength, minLength = _a === void 0 ? 0 : _a, _b = props.maxLength, maxLength = _b === void 0 ? 0 : _b;
-    var _c = (0, react_1.useState)({
-        color: '',
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reacti18next = require("react-i18next");
+const _Pill = require("./Pill");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const LengthIndicator = (props)=>{
+    const { maxLength = 0, minLength = 0, text } = props;
+    const [labelStyle, setLabelStyle] = (0, _react.useState)({
         backgroundColor: '',
-    }), labelStyle = _c[0], setLabelStyle = _c[1];
-    var _d = (0, react_1.useState)(''), label = _d[0], setLabel = _d[1];
-    var _e = (0, react_1.useState)(0), barWidth = _e[0], setBarWidth = _e[1];
-    (0, react_1.useEffect)(function () {
-        var textLength = (text === null || text === void 0 ? void 0 : text.length) || 0;
+        color: ''
+    });
+    const [label, setLabel] = (0, _react.useState)('');
+    const [barWidth, setBarWidth] = (0, _react.useState)(0);
+    const { t } = (0, _reacti18next.useTranslation)('plugin-seo');
+    (0, _react.useEffect)(()=>{
+        const textLength = text?.length || 0;
         if (textLength === 0) {
             setLabel('Missing');
             setLabelStyle({
                 backgroundColor: 'red',
-                color: 'white',
+                color: 'white'
             });
             setBarWidth(0);
-        }
-        else {
-            var progress = (textLength - minLength) / (maxLength - minLength);
+        } else {
+            const progress = (textLength - minLength) / (maxLength - minLength);
             if (progress < 0) {
-                var ratioUntilMin = textLength / minLength;
+                const ratioUntilMin = textLength / minLength;
                 if (ratioUntilMin > 0.9) {
-                    setLabel('Almost there');
+                    setLabel(t('almostThere'));
                     setLabelStyle({
                         backgroundColor: 'orange',
-                        color: 'white',
+                        color: 'white'
                     });
-                }
-                else {
-                    setLabel('Too short');
+                } else {
+                    setLabel(t('tooShort'));
                     setLabelStyle({
                         backgroundColor: 'orangered',
-                        color: 'white',
+                        color: 'white'
                     });
                 }
                 setBarWidth(ratioUntilMin);
             }
             if (progress >= 0 && progress <= 1) {
-                setLabel('Good');
+                setLabel(t('good'));
                 setLabelStyle({
                     backgroundColor: 'green',
-                    color: 'white',
+                    color: 'white'
                 });
                 setBarWidth(progress);
             }
             if (progress > 1) {
-                setLabel('Too long');
+                setLabel(t('tooLong'));
                 setLabelStyle({
                     backgroundColor: 'red',
-                    color: 'white',
+                    color: 'white'
                 });
                 setBarWidth(1);
             }
         }
-    }, [minLength, maxLength, text]);
-    var textLength = (text === null || text === void 0 ? void 0 : text.length) || 0;
-    var charsUntilMax = maxLength - textLength;
-    var charsUntilMin = minLength - textLength;
-    return (react_1.default.createElement("div", { style: {
-            width: '100%',
-            display: 'flex',
+    }, [
+        minLength,
+        maxLength,
+        text
+    ]);
+    const textLength = text?.length || 0;
+    const charsUntilMax = maxLength - textLength;
+    const charsUntilMin = minLength - textLength;
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        style: {
             alignItems: 'center',
-        } },
-        react_1.default.createElement(Pill_1.Pill, { label: label, color: labelStyle.color, backgroundColor: labelStyle.backgroundColor }),
-        react_1.default.createElement("div", { style: {
-                marginRight: '10px',
-                whiteSpace: 'nowrap',
-                flexShrink: 0,
-                lineHeight: 1,
-            } },
-            react_1.default.createElement("small", null, "".concat((text === null || text === void 0 ? void 0 : text.length) || 0, "/").concat(minLength, "-").concat(maxLength, " chars, "),
-                (textLength === 0 || charsUntilMin > 0) && (react_1.default.createElement(react_1.Fragment, null, "".concat(charsUntilMin, " to go"))),
-                charsUntilMin <= 0 && charsUntilMax >= 0 && (react_1.default.createElement(react_1.Fragment, null, "".concat(charsUntilMax, " left over"))),
-                charsUntilMax < 0 && react_1.default.createElement(react_1.Fragment, null, "".concat(charsUntilMax * -1, " too many")))),
-        react_1.default.createElement("div", { style: {
-                height: '2px',
-                width: '100%',
-                backgroundColor: '#F3F3F3',
-                position: 'relative',
-            } },
-            react_1.default.createElement("div", { style: {
-                    height: '100%',
-                    width: "".concat(barWidth * 100, "%"),
-                    backgroundColor: labelStyle.backgroundColor,
-                    position: 'absolute',
-                    left: 0,
-                    top: 0,
-                } }))));
+            display: 'flex',
+            width: '100%'
+        }
+    }, /*#__PURE__*/ _react.default.createElement(_Pill.Pill, {
+        backgroundColor: labelStyle.backgroundColor,
+        color: labelStyle.color,
+        label: label
+    }), /*#__PURE__*/ _react.default.createElement("div", {
+        style: {
+            flexShrink: 0,
+            lineHeight: 1,
+            marginRight: '10px',
+            whiteSpace: 'nowrap'
+        }
+    }, /*#__PURE__*/ _react.default.createElement("small", null, t('characterCount', {
+        current: text?.length || 0,
+        maxLength,
+        minLength
+    }), (textLength === 0 || charsUntilMin > 0) && /*#__PURE__*/ _react.default.createElement(_react.Fragment, null, t('charactersToGo', {
+        characters: charsUntilMin
+    })), charsUntilMin <= 0 && charsUntilMax >= 0 && /*#__PURE__*/ _react.default.createElement(_react.Fragment, null, t('charactersLeftOver', {
+        characters: charsUntilMax
+    })), charsUntilMax < 0 && /*#__PURE__*/ _react.default.createElement(_react.Fragment, null, t('charactersTooMany', {
+        characters: charsUntilMax * -1
+    })))), /*#__PURE__*/ _react.default.createElement("div", {
+        style: {
+            backgroundColor: '#F3F3F3',
+            height: '2px',
+            position: 'relative',
+            width: '100%'
+        }
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        style: {
+            backgroundColor: labelStyle.backgroundColor,
+            height: '100%',
+            left: 0,
+            position: 'absolute',
+            top: 0,
+            width: `${barWidth * 100}%`
+        }
+    })));
 };
-exports.LengthIndicator = LengthIndicator;
-//# sourceMappingURL=LengthIndicator.js.map
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91aS9MZW5ndGhJbmRpY2F0b3IudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQsIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCdcblxuaW1wb3J0IHsgUGlsbCB9IGZyb20gJy4vUGlsbCdcblxuZXhwb3J0IGNvbnN0IExlbmd0aEluZGljYXRvcjogUmVhY3QuRkM8e1xuICBtYXhMZW5ndGg/OiBudW1iZXJcbiAgbWluTGVuZ3RoPzogbnVtYmVyXG4gIHRleHQ/OiBzdHJpbmdcbn0+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgbWF4TGVuZ3RoID0gMCwgbWluTGVuZ3RoID0gMCwgdGV4dCB9ID0gcHJvcHNcblxuICBjb25zdCBbbGFiZWxTdHlsZSwgc2V0TGFiZWxTdHlsZV0gPSB1c2VTdGF0ZSh7XG4gICAgYmFja2dyb3VuZENvbG9yOiAnJyxcbiAgICBjb2xvcjogJycsXG4gIH0pXG5cbiAgY29uc3QgW2xhYmVsLCBzZXRMYWJlbF0gPSB1c2VTdGF0ZSgnJylcbiAgY29uc3QgW2JhcldpZHRoLCBzZXRCYXJXaWR0aF0gPSB1c2VTdGF0ZTxudW1iZXI+KDApXG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oJ3BsdWdpbi1zZW8nKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgdGV4dExlbmd0aCA9IHRleHQ/Lmxlbmd0aCB8fCAwXG5cbiAgICBpZiAodGV4dExlbmd0aCA9PT0gMCkge1xuICAgICAgc2V0TGFiZWwoJ01pc3NpbmcnKVxuICAgICAgc2V0TGFiZWxTdHlsZSh7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJ3JlZCcsXG4gICAgICAgIGNvbG9yOiAnd2hpdGUnLFxuICAgICAgfSlcbiAgICAgIHNldEJhcldpZHRoKDApXG4gICAgfSBlbHNlIHtcbiAgICAgIGNvbnN0IHByb2dyZXNzID0gKHRleHRMZW5ndGggLSBtaW5MZW5ndGgpIC8gKG1heExlbmd0aCAtIG1pbkxlbmd0aClcblxuICAgICAgaWYgKHByb2dyZXNzIDwgMCkge1xuICAgICAgICBjb25zdCByYXRpb1VudGlsTWluID0gdGV4dExlbmd0aCAvIG1pbkxlbmd0aFxuXG4gICAgICAgIGlmIChyYXRpb1VudGlsTWluID4gMC45KSB7XG4gICAgICAgICAgc2V0TGFiZWwodCgnYWxtb3N0VGhlcmUnKSlcbiAgICAgICAgICBzZXRMYWJlbFN0eWxlKHtcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogJ29yYW5nZScsXG4gICAgICAgICAgICBjb2xvcjogJ3doaXRlJyxcbiAgICAgICAgICB9KVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHNldExhYmVsKHQoJ3Rvb1Nob3J0JykpXG4gICAgICAgICAgc2V0TGFiZWxTdHlsZSh7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICdvcmFuZ2VyZWQnLFxuICAgICAgICAgICAgY29sb3I6ICd3aGl0ZScsXG4gICAgICAgICAgfSlcbiAgICAgICAgfVxuXG4gICAgICAgIHNldEJhcldpZHRoKHJhdGlvVW50aWxNaW4pXG4gICAgICB9XG5cbiAgICAgIGlmIChwcm9ncmVzcyA+PSAwICYmIHByb2dyZXNzIDw9IDEpIHtcbiAgICAgICAgc2V0TGFiZWwodCgnZ29vZCcpKVxuICAgICAgICBzZXRMYWJlbFN0eWxlKHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICdncmVlbicsXG4gICAgICAgICAgY29sb3I6ICd3aGl0ZScsXG4gICAgICAgIH0pXG4gICAgICAgIHNldEJhcldpZHRoKHByb2dyZXNzKVxuICAgICAgfVxuXG4gICAgICBpZiAocHJvZ3Jlc3MgPiAxKSB7XG4gICAgICAgIHNldExhYmVsKHQoJ3Rvb0xvbmcnKSlcbiAgICAgICAgc2V0TGFiZWxTdHlsZSh7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiAncmVkJyxcbiAgICAgICAgICBjb2xvcjogJ3doaXRlJyxcbiAgICAgICAgfSlcbiAgICAgICAgc2V0QmFyV2lkdGgoMSlcbiAgICAgIH1cbiAgICB9XG4gIH0sIFttaW5MZW5ndGgsIG1heExlbmd0aCwgdGV4dF0pXG5cbiAgY29uc3QgdGV4dExlbmd0aCA9IHRleHQ/Lmxlbmd0aCB8fCAwXG5cbiAgY29uc3QgY2hhcnNVbnRpbE1heCA9IG1heExlbmd0aCAtIHRleHRMZW5ndGhcbiAgY29uc3QgY2hhcnNVbnRpbE1pbiA9IG1pbkxlbmd0aCAtIHRleHRMZW5ndGhcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICAgIHdpZHRoOiAnMTAwJScsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxQaWxsIGJhY2tncm91bmRDb2xvcj17bGFiZWxTdHlsZS5iYWNrZ3JvdW5kQ29sb3J9IGNvbG9yPXtsYWJlbFN0eWxlLmNvbG9yfSBsYWJlbD17bGFiZWx9IC8+XG4gICAgICA8ZGl2XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgZmxleFNocmluazogMCxcbiAgICAgICAgICBsaW5lSGVpZ2h0OiAxLFxuICAgICAgICAgIG1hcmdpblJpZ2h0OiAnMTBweCcsXG4gICAgICAgICAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxzbWFsbD5cbiAgICAgICAgICB7dCgnY2hhcmFjdGVyQ291bnQnLCB7IGN1cnJlbnQ6IHRleHQ/Lmxlbmd0aCB8fCAwLCBtYXhMZW5ndGgsIG1pbkxlbmd0aCB9KX1cbiAgICAgICAgICB7KHRleHRMZW5ndGggPT09IDAgfHwgY2hhcnNVbnRpbE1pbiA+IDApICYmIChcbiAgICAgICAgICAgIDxGcmFnbWVudD57dCgnY2hhcmFjdGVyc1RvR28nLCB7IGNoYXJhY3RlcnM6IGNoYXJzVW50aWxNaW4gfSl9PC9GcmFnbWVudD5cbiAgICAgICAgICApfVxuICAgICAgICAgIHtjaGFyc1VudGlsTWluIDw9IDAgJiYgY2hhcnNVbnRpbE1heCA+PSAwICYmIChcbiAgICAgICAgICAgIDxGcmFnbWVudD57dCgnY2hhcmFjdGVyc0xlZnRPdmVyJywgeyBjaGFyYWN0ZXJzOiBjaGFyc1VudGlsTWF4IH0pfTwvRnJhZ21lbnQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgICB7Y2hhcnNVbnRpbE1heCA8IDAgJiYgKFxuICAgICAgICAgICAgPEZyYWdtZW50Pnt0KCdjaGFyYWN0ZXJzVG9vTWFueScsIHsgY2hhcmFjdGVyczogY2hhcnNVbnRpbE1heCAqIC0xIH0pfTwvRnJhZ21lbnQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9zbWFsbD5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdlxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogJyNGM0YzRjMnLFxuICAgICAgICAgIGhlaWdodDogJzJweCcsXG4gICAgICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGxhYmVsU3R5bGUuYmFja2dyb3VuZENvbG9yLFxuICAgICAgICAgICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgICAgICAgICBsZWZ0OiAwLFxuICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICB0b3A6IDAsXG4gICAgICAgICAgICB3aWR0aDogYCR7YmFyV2lkdGggKiAxMDB9JWAsXG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApXG59XG4iXSwibmFtZXMiOlsiTGVuZ3RoSW5kaWNhdG9yIiwicHJvcHMiLCJtYXhMZW5ndGgiLCJtaW5MZW5ndGgiLCJ0ZXh0IiwibGFiZWxTdHlsZSIsInNldExhYmVsU3R5bGUiLCJ1c2VTdGF0ZSIsImJhY2tncm91bmRDb2xvciIsImNvbG9yIiwibGFiZWwiLCJzZXRMYWJlbCIsImJhcldpZHRoIiwic2V0QmFyV2lkdGgiLCJ0IiwidXNlVHJhbnNsYXRpb24iLCJ1c2VFZmZlY3QiLCJ0ZXh0TGVuZ3RoIiwibGVuZ3RoIiwicHJvZ3Jlc3MiLCJyYXRpb1VudGlsTWluIiwiY2hhcnNVbnRpbE1heCIsImNoYXJzVW50aWxNaW4iLCJkaXYiLCJzdHlsZSIsImFsaWduSXRlbXMiLCJkaXNwbGF5Iiwid2lkdGgiLCJQaWxsIiwiZmxleFNocmluayIsImxpbmVIZWlnaHQiLCJtYXJnaW5SaWdodCIsIndoaXRlU3BhY2UiLCJzbWFsbCIsImN1cnJlbnQiLCJGcmFnbWVudCIsImNoYXJhY3RlcnMiLCJoZWlnaHQiLCJwb3NpdGlvbiIsImxlZnQiLCJ0b3AiXSwibWFwcGluZ3MiOiJBQUFBOzs7OzsrQkFPYUE7OztlQUFBQTs7OytEQUx3Qzs4QkFDdEI7c0JBRVY7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFZCxNQUFNQSxrQkFJUixDQUFDQztJQUNKLE1BQU0sRUFBRUMsWUFBWSxDQUFDLEVBQUVDLFlBQVksQ0FBQyxFQUFFQyxJQUFJLEVBQUUsR0FBR0g7SUFFL0MsTUFBTSxDQUFDSSxZQUFZQyxjQUFjLEdBQUdDLElBQUFBLGVBQVEsRUFBQztRQUMzQ0MsaUJBQWlCO1FBQ2pCQyxPQUFPO0lBQ1Q7SUFFQSxNQUFNLENBQUNDLE9BQU9DLFNBQVMsR0FBR0osSUFBQUEsZUFBUSxFQUFDO0lBQ25DLE1BQU0sQ0FBQ0ssVUFBVUMsWUFBWSxHQUFHTixJQUFBQSxlQUFRLEVBQVM7SUFDakQsTUFBTSxFQUFFTyxDQUFDLEVBQUUsR0FBR0MsSUFBQUEsNEJBQWMsRUFBQztJQUU3QkMsSUFBQUEsZ0JBQVMsRUFBQztRQUNSLE1BQU1DLGFBQWFiLE1BQU1jLFVBQVU7UUFFbkMsSUFBSUQsZUFBZSxHQUFHO1lBQ3BCTixTQUFTO1lBQ1RMLGNBQWM7Z0JBQ1pFLGlCQUFpQjtnQkFDakJDLE9BQU87WUFDVDtZQUNBSSxZQUFZO1FBQ2QsT0FBTztZQUNMLE1BQU1NLFdBQVcsQUFBQ0YsQ0FBQUEsYUFBYWQsU0FBUSxJQUFNRCxDQUFBQSxZQUFZQyxTQUFRO1lBRWpFLElBQUlnQixXQUFXLEdBQUc7Z0JBQ2hCLE1BQU1DLGdCQUFnQkgsYUFBYWQ7Z0JBRW5DLElBQUlpQixnQkFBZ0IsS0FBSztvQkFDdkJULFNBQVNHLEVBQUU7b0JBQ1hSLGNBQWM7d0JBQ1pFLGlCQUFpQjt3QkFDakJDLE9BQU87b0JBQ1Q7Z0JBQ0YsT0FBTztvQkFDTEUsU0FBU0csRUFBRTtvQkFDWFIsY0FBYzt3QkFDWkUsaUJBQWlCO3dCQUNqQkMsT0FBTztvQkFDVDtnQkFDRjtnQkFFQUksWUFBWU87WUFDZDtZQUVBLElBQUlELFlBQVksS0FBS0EsWUFBWSxHQUFHO2dCQUNsQ1IsU0FBU0csRUFBRTtnQkFDWFIsY0FBYztvQkFDWkUsaUJBQWlCO29CQUNqQkMsT0FBTztnQkFDVDtnQkFDQUksWUFBWU07WUFDZDtZQUVBLElBQUlBLFdBQVcsR0FBRztnQkFDaEJSLFNBQVNHLEVBQUU7Z0JBQ1hSLGNBQWM7b0JBQ1pFLGlCQUFpQjtvQkFDakJDLE9BQU87Z0JBQ1Q7Z0JBQ0FJLFlBQVk7WUFDZDtRQUNGO0lBQ0YsR0FBRztRQUFDVjtRQUFXRDtRQUFXRTtLQUFLO0lBRS9CLE1BQU1hLGFBQWFiLE1BQU1jLFVBQVU7SUFFbkMsTUFBTUcsZ0JBQWdCbkIsWUFBWWU7SUFDbEMsTUFBTUssZ0JBQWdCbkIsWUFBWWM7SUFFbEMscUJBQ0UsNkJBQUNNO1FBQ0NDLE9BQU87WUFDTEMsWUFBWTtZQUNaQyxTQUFTO1lBQ1RDLE9BQU87UUFDVDtxQkFFQSw2QkFBQ0MsVUFBSTtRQUFDcEIsaUJBQWlCSCxXQUFXRyxlQUFlO1FBQUVDLE9BQU9KLFdBQVdJLEtBQUs7UUFBRUMsT0FBT0E7c0JBQ25GLDZCQUFDYTtRQUNDQyxPQUFPO1lBQ0xLLFlBQVk7WUFDWkMsWUFBWTtZQUNaQyxhQUFhO1lBQ2JDLFlBQVk7UUFDZDtxQkFFQSw2QkFBQ0MsZUFDRW5CLEVBQUUsa0JBQWtCO1FBQUVvQixTQUFTOUIsTUFBTWMsVUFBVTtRQUFHaEI7UUFBV0M7SUFBVSxJQUN2RSxBQUFDYyxDQUFBQSxlQUFlLEtBQUtLLGdCQUFnQixDQUFBLG1CQUNwQyw2QkFBQ2EsZUFBUSxRQUFFckIsRUFBRSxrQkFBa0I7UUFBRXNCLFlBQVlkO0lBQWMsS0FFNURBLGlCQUFpQixLQUFLRCxpQkFBaUIsbUJBQ3RDLDZCQUFDYyxlQUFRLFFBQUVyQixFQUFFLHNCQUFzQjtRQUFFc0IsWUFBWWY7SUFBYyxLQUVoRUEsZ0JBQWdCLG1CQUNmLDZCQUFDYyxlQUFRLFFBQUVyQixFQUFFLHFCQUFxQjtRQUFFc0IsWUFBWWYsZ0JBQWdCLENBQUM7SUFBRSxxQkFJekUsNkJBQUNFO1FBQ0NDLE9BQU87WUFDTGhCLGlCQUFpQjtZQUNqQjZCLFFBQVE7WUFDUkMsVUFBVTtZQUNWWCxPQUFPO1FBQ1Q7cUJBRUEsNkJBQUNKO1FBQ0NDLE9BQU87WUFDTGhCLGlCQUFpQkgsV0FBV0csZUFBZTtZQUMzQzZCLFFBQVE7WUFDUkUsTUFBTTtZQUNORCxVQUFVO1lBQ1ZFLEtBQUs7WUFDTGIsT0FBTyxDQUFDLEVBQUVmLFdBQVcsSUFBSSxDQUFDLENBQUM7UUFDN0I7O0FBS1YifQ==

package/dist/ui/Overview.d.ts

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

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

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

package/dist/ui/Overview.js

@@ -1,61 +1,100 @@
-"use strict";
 'use client';
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Overview", {
+    enumerable: true,
+    get: function() {
+        return Overview;
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Overview = void 0;
-var react_1 = __importStar(require("react"));
-var forms_1 = require("payload/components/forms");
-var defaults_1 = require("../defaults");
-var _a = defaults_1.defaults.title, minTitle = _a.minLength, maxTitle = _a.maxLength, _b = defaults_1.defaults.description, minDesc = _b.minLength, maxDesc = _b.maxLength;
-var Overview = function () {
-    var _a = (0, forms_1.useForm)(), dispatchFields = _a.dispatchFields, getFields = _a.getFields;
-    var _b = (0, forms_1.useAllFormFields)()[0], _c = _b["meta.title"], _d = _c === void 0 ? {} : _c, metaTitle = _d.value, _e = _b["meta.description"], _f = _e === void 0 ? {} : _e, metaDesc = _f.value, _g = _b["meta.image"], _h = _g === void 0 ? {} : _g, metaImage = _h.value;
-    var _j = (0, react_1.useState)(), titleIsValid = _j[0], setTitleIsValid = _j[1];
-    var _k = (0, react_1.useState)(), descIsValid = _k[0], setDescIsValid = _k[1];
-    var _l = (0, react_1.useState)(), imageIsValid = _l[0], setImageIsValid = _l[1];
-    var resetAll = (0, react_1.useCallback)(function () {
-        var fields = getFields();
-        var fieldsWithoutMeta = fields;
+const _forms = require("payload/components/forms");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reacti18next = require("react-i18next");
+const _defaults = require("../defaults");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const { description: { maxLength: maxDesc, minLength: minDesc }, title: { maxLength: maxTitle, minLength: minTitle } } = _defaults.defaults;
+const Overview = ()=>{
+    const { //  dispatchFields,
+    getFields } = (0, _forms.useForm)();
+    const [{ 'meta.description': { value: metaDesc } = {}, 'meta.image': { value: metaImage } = {}, 'meta.title': { value: metaTitle } = {} }] = (0, _forms.useAllFormFields)();
+    const { t } = (0, _reacti18next.useTranslation)('plugin-seo');
+    const [titleIsValid, setTitleIsValid] = (0, _react.useState)();
+    const [descIsValid, setDescIsValid] = (0, _react.useState)();
+    const [imageIsValid, setImageIsValid] = (0, _react.useState)();
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const resetAll = (0, _react.useCallback)(()=>{
+        const fields = getFields();
+        const fieldsWithoutMeta = fields;
         fieldsWithoutMeta['meta.title'].value = '';
         fieldsWithoutMeta['meta.description'].value = '';
         fieldsWithoutMeta['meta.image'].value = '';
-        // dispatchFields(fieldsWithoutMeta);
-    }, [getFields]);
-    (0, react_1.useEffect)(function () {
-        if (typeof metaTitle === 'string')
-            setTitleIsValid(metaTitle.length >= minTitle && metaTitle.length <= maxTitle);
-        if (typeof metaDesc === 'string')
-            setDescIsValid(metaDesc.length >= minDesc && metaDesc.length <= maxDesc);
+    // dispatchFields(fieldsWithoutMeta);
+    }, [
+        getFields
+    ]);
+    (0, _react.useEffect)(()=>{
+        if (typeof metaTitle === 'string') setTitleIsValid(metaTitle.length >= minTitle && metaTitle.length <= maxTitle);
+        if (typeof metaDesc === 'string') setDescIsValid(metaDesc.length >= minDesc && metaDesc.length <= maxDesc);
         setImageIsValid(Boolean(metaImage));
-    }, [metaTitle, metaDesc, metaImage]);
-    var testResults = [titleIsValid, descIsValid, imageIsValid];
-    var numberOfPasses = testResults.filter(Boolean).length;
-    return (react_1.default.createElement("div", { style: {
-            marginBottom: '20px',
-        } },
-        react_1.default.createElement("div", null, "".concat(numberOfPasses, "/").concat(testResults.length, " checks are passing"))));
+    }, [
+        metaTitle,
+        metaDesc,
+        metaImage
+    ]);
+    const testResults = [
+        titleIsValid,
+        descIsValid,
+        imageIsValid
+    ];
+    const numberOfPasses = testResults.filter(Boolean).length;
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        style: {
+            marginBottom: '20px'
+        }
+    }, /*#__PURE__*/ _react.default.createElement("div", null, t('checksPassing', {
+        current: numberOfPasses,
+        max: testResults.length
+    })));
 };
-exports.Overview = Overview;
-//# sourceMappingURL=Overview.js.map
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91aS9PdmVydmlldy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB0eXBlIHsgRm9ybUZpZWxkIH0gZnJvbSAncGF5bG9hZC90eXBlcydcblxuaW1wb3J0IHsgdXNlQWxsRm9ybUZpZWxkcywgdXNlRm9ybSB9IGZyb20gJ3BheWxvYWQvY29tcG9uZW50cy9mb3JtcydcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0J1xuXG5pbXBvcnQgeyBkZWZhdWx0cyB9IGZyb20gJy4uL2RlZmF1bHRzJ1xuXG5jb25zdCB7XG4gIGRlc2NyaXB0aW9uOiB7IG1heExlbmd0aDogbWF4RGVzYywgbWluTGVuZ3RoOiBtaW5EZXNjIH0sXG4gIHRpdGxlOiB7IG1heExlbmd0aDogbWF4VGl0bGUsIG1pbkxlbmd0aDogbWluVGl0bGUgfSxcbn0gPSBkZWZhdWx0c1xuXG5leHBvcnQgY29uc3QgT3ZlcnZpZXc6IFJlYWN0LkZDID0gKCkgPT4ge1xuICBjb25zdCB7XG4gICAgLy8gIGRpc3BhdGNoRmllbGRzLFxuICAgIGdldEZpZWxkcyxcbiAgfSA9IHVzZUZvcm0oKVxuXG4gIGNvbnN0IFtcbiAgICB7XG4gICAgICAnbWV0YS5kZXNjcmlwdGlvbic6IHsgdmFsdWU6IG1ldGFEZXNjIH0gPSB7fSBhcyBGb3JtRmllbGQsXG4gICAgICAnbWV0YS5pbWFnZSc6IHsgdmFsdWU6IG1ldGFJbWFnZSB9ID0ge30gYXMgRm9ybUZpZWxkLFxuICAgICAgJ21ldGEudGl0bGUnOiB7IHZhbHVlOiBtZXRhVGl0bGUgfSA9IHt9IGFzIEZvcm1GaWVsZCxcbiAgICB9LFxuICBdID0gdXNlQWxsRm9ybUZpZWxkcygpXG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oJ3BsdWdpbi1zZW8nKVxuXG4gIGNvbnN0IFt0aXRsZUlzVmFsaWQsIHNldFRpdGxlSXNWYWxpZF0gPSB1c2VTdGF0ZTxib29sZWFuIHwgdW5kZWZpbmVkPigpXG4gIGNvbnN0IFtkZXNjSXNWYWxpZCwgc2V0RGVzY0lzVmFsaWRdID0gdXNlU3RhdGU8Ym9vbGVhbiB8IHVuZGVmaW5lZD4oKVxuICBjb25zdCBbaW1hZ2VJc1ZhbGlkLCBzZXRJbWFnZUlzVmFsaWRdID0gdXNlU3RhdGU8Ym9vbGVhbiB8IHVuZGVmaW5lZD4oKVxuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW51c2VkLXZhcnNcbiAgY29uc3QgcmVzZXRBbGwgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgY29uc3QgZmllbGRzID0gZ2V0RmllbGRzKClcbiAgICBjb25zdCBmaWVsZHNXaXRob3V0TWV0YSA9IGZpZWxkc1xuICAgIGZpZWxkc1dpdGhvdXRNZXRhWydtZXRhLnRpdGxlJ10udmFsdWUgPSAnJ1xuICAgIGZpZWxkc1dpdGhvdXRNZXRhWydtZXRhLmRlc2NyaXB0aW9uJ10udmFsdWUgPSAnJ1xuICAgIGZpZWxkc1dpdGhvdXRNZXRhWydtZXRhLmltYWdlJ10udmFsdWUgPSAnJ1xuICAgIC8vIGRpc3BhdGNoRmllbGRzKGZpZWxkc1dpdGhvdXRNZXRhKTtcbiAgfSwgW2dldEZpZWxkc10pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAodHlwZW9mIG1ldGFUaXRsZSA9PT0gJ3N0cmluZycpXG4gICAgICBzZXRUaXRsZUlzVmFsaWQobWV0YVRpdGxlLmxlbmd0aCA+PSBtaW5UaXRsZSAmJiBtZXRhVGl0bGUubGVuZ3RoIDw9IG1heFRpdGxlKVxuICAgIGlmICh0eXBlb2YgbWV0YURlc2MgPT09ICdzdHJpbmcnKVxuICAgICAgc2V0RGVzY0lzVmFsaWQobWV0YURlc2MubGVuZ3RoID49IG1pbkRlc2MgJiYgbWV0YURlc2MubGVuZ3RoIDw9IG1heERlc2MpXG4gICAgc2V0SW1hZ2VJc1ZhbGlkKEJvb2xlYW4obWV0YUltYWdlKSlcbiAgfSwgW21ldGFUaXRsZSwgbWV0YURlc2MsIG1ldGFJbWFnZV0pXG5cbiAgY29uc3QgdGVzdFJlc3VsdHMgPSBbdGl0bGVJc1ZhbGlkLCBkZXNjSXNWYWxpZCwgaW1hZ2VJc1ZhbGlkXVxuXG4gIGNvbnN0IG51bWJlck9mUGFzc2VzID0gdGVzdFJlc3VsdHMuZmlsdGVyKEJvb2xlYW4pLmxlbmd0aFxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgbWFyZ2luQm90dG9tOiAnMjBweCcsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxkaXY+e3QoJ2NoZWNrc1Bhc3NpbmcnLCB7IGN1cnJlbnQ6IG51bWJlck9mUGFzc2VzLCBtYXg6IHRlc3RSZXN1bHRzLmxlbmd0aCB9KX08L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKVxufVxuIl0sIm5hbWVzIjpbIk92ZXJ2aWV3IiwiZGVzY3JpcHRpb24iLCJtYXhMZW5ndGgiLCJtYXhEZXNjIiwibWluTGVuZ3RoIiwibWluRGVzYyIsInRpdGxlIiwibWF4VGl0bGUiLCJtaW5UaXRsZSIsImRlZmF1bHRzIiwiZ2V0RmllbGRzIiwidXNlRm9ybSIsInZhbHVlIiwibWV0YURlc2MiLCJtZXRhSW1hZ2UiLCJtZXRhVGl0bGUiLCJ1c2VBbGxGb3JtRmllbGRzIiwidCIsInVzZVRyYW5zbGF0aW9uIiwidGl0bGVJc1ZhbGlkIiwic2V0VGl0bGVJc1ZhbGlkIiwidXNlU3RhdGUiLCJkZXNjSXNWYWxpZCIsInNldERlc2NJc1ZhbGlkIiwiaW1hZ2VJc1ZhbGlkIiwic2V0SW1hZ2VJc1ZhbGlkIiwicmVzZXRBbGwiLCJ1c2VDYWxsYmFjayIsImZpZWxkcyIsImZpZWxkc1dpdGhvdXRNZXRhIiwidXNlRWZmZWN0IiwibGVuZ3RoIiwiQm9vbGVhbiIsInRlc3RSZXN1bHRzIiwibnVtYmVyT2ZQYXNzZXMiLCJmaWx0ZXIiLCJkaXYiLCJzdHlsZSIsIm1hcmdpbkJvdHRvbSIsImN1cnJlbnQiLCJtYXgiXSwibWFwcGluZ3MiOiJBQUFBOzs7OzsrQkFlYUE7OztlQUFBQTs7O3VCQVg2QjsrREFDYzs4QkFDekI7MEJBRU47Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFekIsTUFBTSxFQUNKQyxhQUFhLEVBQUVDLFdBQVdDLE9BQU8sRUFBRUMsV0FBV0MsT0FBTyxFQUFFLEVBQ3ZEQyxPQUFPLEVBQUVKLFdBQVdLLFFBQVEsRUFBRUgsV0FBV0ksUUFBUSxFQUFFLEVBQ3BELEdBQUdDLGtCQUFRO0FBRUwsTUFBTVQsV0FBcUI7SUFDaEMsTUFBTSxFQUNKLG1CQUFtQjtJQUNuQlUsU0FBUyxFQUNWLEdBQUdDLElBQUFBLGNBQU87SUFFWCxNQUFNLENBQ0osRUFDRSxvQkFBb0IsRUFBRUMsT0FBT0MsUUFBUSxFQUFFLEdBQUcsQ0FBQyxDQUFjLEVBQ3pELGNBQWMsRUFBRUQsT0FBT0UsU0FBUyxFQUFFLEdBQUcsQ0FBQyxDQUFjLEVBQ3BELGNBQWMsRUFBRUYsT0FBT0csU0FBUyxFQUFFLEdBQUcsQ0FBQyxDQUFjLEVBQ3JELENBQ0YsR0FBR0MsSUFBQUEsdUJBQWdCO0lBQ3BCLE1BQU0sRUFBRUMsQ0FBQyxFQUFFLEdBQUdDLElBQUFBLDRCQUFjLEVBQUM7SUFFN0IsTUFBTSxDQUFDQyxjQUFjQyxnQkFBZ0IsR0FBR0MsSUFBQUEsZUFBUTtJQUNoRCxNQUFNLENBQUNDLGFBQWFDLGVBQWUsR0FBR0YsSUFBQUEsZUFBUTtJQUM5QyxNQUFNLENBQUNHLGNBQWNDLGdCQUFnQixHQUFHSixJQUFBQSxlQUFRO0lBRWhELDZEQUE2RDtJQUM3RCxNQUFNSyxXQUFXQyxJQUFBQSxrQkFBVyxFQUFDO1FBQzNCLE1BQU1DLFNBQVNsQjtRQUNmLE1BQU1tQixvQkFBb0JEO1FBQzFCQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUNqQixLQUFLLEdBQUc7UUFDeENpQixpQkFBaUIsQ0FBQyxtQkFBbUIsQ0FBQ2pCLEtBQUssR0FBRztRQUM5Q2lCLGlCQUFpQixDQUFDLGFBQWEsQ0FBQ2pCLEtBQUssR0FBRztJQUN4QyxxQ0FBcUM7SUFDdkMsR0FBRztRQUFDRjtLQUFVO0lBRWRvQixJQUFBQSxnQkFBUyxFQUFDO1FBQ1IsSUFBSSxPQUFPZixjQUFjLFVBQ3ZCSyxnQkFBZ0JMLFVBQVVnQixNQUFNLElBQUl2QixZQUFZTyxVQUFVZ0IsTUFBTSxJQUFJeEI7UUFDdEUsSUFBSSxPQUFPTSxhQUFhLFVBQ3RCVSxlQUFlVixTQUFTa0IsTUFBTSxJQUFJMUIsV0FBV1EsU0FBU2tCLE1BQU0sSUFBSTVCO1FBQ2xFc0IsZ0JBQWdCTyxRQUFRbEI7SUFDMUIsR0FBRztRQUFDQztRQUFXRjtRQUFVQztLQUFVO0lBRW5DLE1BQU1tQixjQUFjO1FBQUNkO1FBQWNHO1FBQWFFO0tBQWE7SUFFN0QsTUFBTVUsaUJBQWlCRCxZQUFZRSxNQUFNLENBQUNILFNBQVNELE1BQU07SUFFekQscUJBQ0UsNkJBQUNLO1FBQ0NDLE9BQU87WUFDTEMsY0FBYztRQUNoQjtxQkFFQSw2QkFBQ0YsYUFBS25CLEVBQUUsaUJBQWlCO1FBQUVzQixTQUFTTDtRQUFnQk0sS0FBS1AsWUFBWUYsTUFBTTtJQUFDO0FBR2xGIn0=

package/dist/ui/Pill.d.ts

@@ -4,3 +4,4 @@ export declare const Pill: React.FC<{
     color: string;
     label: string;
 }>;
+//# sourceMappingURL=Pill.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../src/ui/Pill.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAmBA,CAAA"}

package/dist/ui/Pill.js

@@ -1,24 +1,34 @@
-"use strict";
 'use client';
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Pill = void 0;
-var react_1 = __importDefault(require("react"));
-var Pill = function (props) {
-    var backgroundColor = props.backgroundColor, color = props.color, label = props.label;
-    return (react_1.default.createElement("div", { style: {
-            padding: '4px 6px',
-            backgroundColor: backgroundColor,
-            color: color,
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Pill", {
+    enumerable: true,
+    get: function() {
+        return Pill;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Pill = (props)=>{
+    const { backgroundColor, color, label } = props;
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        style: {
+            backgroundColor,
             borderRadius: '2px',
-            marginRight: '10px',
-            whiteSpace: 'nowrap',
+            color,
             flexShrink: 0,
             lineHeight: 1,
-        } },
-        react_1.default.createElement("small", null, label)));
+            marginRight: '10px',
+            padding: '4px 6px',
+            whiteSpace: 'nowrap'
+        }
+    }, /*#__PURE__*/ _react.default.createElement("small", null, label));
 };
-exports.Pill = Pill;
-//# sourceMappingURL=Pill.js.map
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91aS9QaWxsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5leHBvcnQgY29uc3QgUGlsbDogUmVhY3QuRkM8e1xuICBiYWNrZ3JvdW5kQ29sb3I6IHN0cmluZ1xuICBjb2xvcjogc3RyaW5nXG4gIGxhYmVsOiBzdHJpbmdcbn0+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYmFja2dyb3VuZENvbG9yLCBjb2xvciwgbGFiZWwgfSA9IHByb3BzXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBzdHlsZT17e1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAgIGJvcmRlclJhZGl1czogJzJweCcsXG4gICAgICAgIGNvbG9yLFxuICAgICAgICBmbGV4U2hyaW5rOiAwLFxuICAgICAgICBsaW5lSGVpZ2h0OiAxLFxuICAgICAgICBtYXJnaW5SaWdodDogJzEwcHgnLFxuICAgICAgICBwYWRkaW5nOiAnNHB4IDZweCcsXG4gICAgICAgIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8c21hbGw+e2xhYmVsfTwvc21hbGw+XG4gICAgPC9kaXY+XG4gIClcbn1cbiJdLCJuYW1lcyI6WyJQaWxsIiwicHJvcHMiLCJiYWNrZ3JvdW5kQ29sb3IiLCJjb2xvciIsImxhYmVsIiwiZGl2Iiwic3R5bGUiLCJib3JkZXJSYWRpdXMiLCJmbGV4U2hyaW5rIiwibGluZUhlaWdodCIsIm1hcmdpblJpZ2h0IiwicGFkZGluZyIsIndoaXRlU3BhY2UiLCJzbWFsbCJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OytCQUlhQTs7O2VBQUFBOzs7OERBRks7Ozs7OztBQUVYLE1BQU1BLE9BSVIsQ0FBQ0M7SUFDSixNQUFNLEVBQUVDLGVBQWUsRUFBRUMsS0FBSyxFQUFFQyxLQUFLLEVBQUUsR0FBR0g7SUFFMUMscUJBQ0UsNkJBQUNJO1FBQ0NDLE9BQU87WUFDTEo7WUFDQUssY0FBYztZQUNkSjtZQUNBSyxZQUFZO1lBQ1pDLFlBQVk7WUFDWkMsYUFBYTtZQUNiQyxTQUFTO1lBQ1RDLFlBQVk7UUFDZDtxQkFFQSw2QkFBQ0MsZUFBT1Q7QUFHZCJ9

package/dist/ui/Preview.d.ts

@@ -1,9 +1,10 @@
+import type { UIField } from 'payload/types';
 import React from 'react';
-import { Field } from 'payload/dist/admin/components/forms/Form/types';
-import { PluginConfig } from '../types';
-type PreviewFieldWithProps = Field & {
+import type { PluginConfig } from '../types';
+type PreviewProps = UIField & {
     pluginConfig: PluginConfig;
 };
-export declare const Preview: React.FC<PreviewFieldWithProps | {}>;
-export declare const getPreviewField: (props: any) => JSX.Element;
+export declare const Preview: React.FC<PreviewProps>;
+export declare const getPreviewField: (props: PreviewProps) => React.JSX.Element;
 export {};
+//# sourceMappingURL=Preview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../src/ui/Preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAa,OAAO,EAAE,MAAM,eAAe,CAAA;AAIvD,OAAO,KAA8B,MAAM,OAAO,CAAA;AAGlD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAG5C,KAAK,YAAY,GAAG,OAAO,GAAG;IAC5B,YAAY,EAAE,YAAY,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA0F1C,CAAA;AAED,eAAO,MAAM,eAAe,UAAW,YAAY,sBAA2B,CAAA"}