sanity-plugin-seofields 1.8.0 → 1.9.0

package/dist/{SeoPreview-3EXR6FD4.cjs → SeoPreview-LMZAWWOE.cjs}

@@ -1,18 +1,15 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var chunkZBHLMQTS_cjs = require('./chunk-ZBHLMQTS.cjs');
-require('./chunk-254YHUN3.cjs');
-var ui = require('@sanity/ui');
-var react = require('react');
-var sanity = require('sanity');
-var styled = require('styled-components');
-var jsxRuntime = require('react/jsx-runtime');
+var _chunkY46ACXM4cjs = require('./chunk-Y46ACXM4.cjs');
+require('./chunk-A57XNQC7.cjs');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefault(styled);
-
-var PreviewContainer = styled__default.default.div`
+// src/components/SeoPreview.tsx
+var _ui = require('@sanity/ui');
+var _react = require('react');
+var _sanity = require('sanity');
+var _styledcomponents = require('styled-components'); var _styledcomponents2 = _interopRequireDefault(_styledcomponents);
+var _jsxruntime = require('react/jsx-runtime');
+var PreviewContainer = _styledcomponents2.default.div`
   max-width: 600px;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
   background: #ffffff;
@@ -20,7 +17,7 @@ var PreviewContainer = styled__default.default.div`
   border-radius: 8px;
   overflow: hidden;
 `;
-var PreviewHeader = styled__default.default.div`
+var PreviewHeader = _styledcomponents2.default.div`
   background: #f8f9fa;
   padding: 12px 16px;
   border-bottom: 1px solid #dadce0;
@@ -29,17 +26,17 @@ var PreviewHeader = styled__default.default.div`
   justify-content: space-between;
   gap: 8px;
 `;
-var PreviewBody = styled__default.default.div`
+var PreviewBody = _styledcomponents2.default.div`
   padding: 16px;
 `;
-var SerpUrl = styled__default.default.p`
+var SerpUrl = _styledcomponents2.default.p`
   margin: 0 0 4px;
   color: #006621;
   font-size: 13px;
   line-height: 1.4;
   word-break: break-word;
 `;
-var SerpTitle = styled__default.default.h3`
+var SerpTitle = _styledcomponents2.default.h3`
   margin: 0 0 8px;
   color: #1a0dab;
   font-size: 18px;
@@ -51,7 +48,7 @@ var SerpTitle = styled__default.default.h3`
     text-decoration: underline;
   }
 `;
-var SerpDescription = styled__default.default.p`
+var SerpDescription = _styledcomponents2.default.p`
   margin: 0;
   color: #545454;
   font-size: 14px;
@@ -62,7 +59,7 @@ var SerpDescription = styled__default.default.p`
   -webkit-box-orient: vertical;
   overflow: hidden;
 `;
-var LiveIndicator = styled__default.default.span`
+var LiveIndicator = _styledcomponents2.default.span`
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -84,9 +81,9 @@ var SeoPreview = (props) => {
   const titleSuffixOption = options == null ? void 0 : options.titleSuffix;
   const titleSuffixInheritColor = (_a = options == null ? void 0 : options.titleSuffixInheritColor) != null ? _a : false;
   const titleSuffixQuery = options == null ? void 0 : options.titleSuffixQuery;
-  const client = sanity.useClient({ apiVersion: (_b = options == null ? void 0 : options.apiVersion) != null ? _b : "2024-01-01" });
-  const [groqTitleSuffix, setGroqTitleSuffix] = react.useState("");
-  react.useEffect(() => {
+  const client = _sanity.useClient.call(void 0, { apiVersion: (_b = options == null ? void 0 : options.apiVersion) != null ? _b : "2024-01-01" });
+  const [groqTitleSuffix, setGroqTitleSuffix] = _react.useState.call(void 0, "");
+  _react.useEffect.call(void 0, () => {
     if (!titleSuffixQuery) return;
     client.fetch(titleSuffixQuery).then((result) => {
       setGroqTitleSuffix(result === null || result === void 0 ? "" : String(result));
@@ -94,12 +91,12 @@ var SeoPreview = (props) => {
       setGroqTitleSuffix("");
     });
   }, [titleSuffixQuery, client]);
-  const parent = sanity.useFormValue([path[0]]) || {
+  const parent = _sanity.useFormValue.call(void 0, [path[0]]) || {
     title: "",
     description: "",
     canonicalUrl: ""
   };
-  const rootDoc = sanity.useFormValue([]) || {
+  const rootDoc = _sanity.useFormValue.call(void 0, []) || {
     slug: { current: "" }
   };
   const slug = ((_c = rootDoc == null ? void 0 : rootDoc.slug) == null ? void 0 : _c.current) || "";
@@ -133,9 +130,9 @@ var SeoPreview = (props) => {
     }
   })();
   const urlDisplay = `${domain}${urlPath ? ` \u203A ${urlPath.split("/").slice(-1)[0]}` : ""}`;
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(PreviewContainer, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(PreviewHeader, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ui.Box, { padding: 3, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PreviewContainer, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PreviewHeader, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "span",
         {
           style: {
@@ -147,8 +144,8 @@ var SeoPreview = (props) => {
           children: "Search Preview"
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs(LiveIndicator, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, LiveIndicator, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "span",
           {
             style: {
@@ -163,11 +160,11 @@ var SeoPreview = (props) => {
         "Live"
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(PreviewBody, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(SerpUrl, { children: finalUrl ? urlDisplay : "example.com \u203A page-url" }),
-      /* @__PURE__ */ jsxRuntime.jsx(SerpTitle, { children: title && title.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        chunkZBHLMQTS_cjs.truncate(title, Math.max(1, 60 - (titleSuffix ? titleSuffix.length + 3 : 0))),
-        titleSuffix && /* @__PURE__ */ jsxRuntime.jsxs(
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PreviewBody, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SerpUrl, { children: finalUrl ? urlDisplay : "example.com \u203A page-url" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SerpTitle, { children: title && title.length > 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        _chunkY46ACXM4cjs.truncate.call(void 0, title, Math.max(1, 60 - (titleSuffix ? titleSuffix.length + 3 : 0))),
+        titleSuffix && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           "span",
           {
             style: titleSuffixInheritColor ? void 0 : { color: "#70757a", fontWeight: 400 },
@@ -179,12 +176,12 @@ var SeoPreview = (props) => {
           }
         )
       ] }) : "Your SEO Title will appear here" }),
-      /* @__PURE__ */ jsxRuntime.jsx(SerpDescription, { children: description && description.length > 0 ? chunkZBHLMQTS_cjs.truncate(description, 160) : "Your meta description will show up here. Make it compelling!" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SerpDescription, { children: description && description.length > 0 ? _chunkY46ACXM4cjs.truncate.call(void 0, description, 160) : "Your meta description will show up here. Make it compelling!" })
     ] })
   ] }) });
 };
 var SeoPreview_default = SeoPreview;
 
-module.exports = SeoPreview_default;
-//# sourceMappingURL=SeoPreview-3EXR6FD4.cjs.map
-//# sourceMappingURL=SeoPreview-3EXR6FD4.cjs.map
+
+exports.default = SeoPreview_default;
+//# sourceMappingURL=SeoPreview-LMZAWWOE.cjs.map

package/dist/SeoPreview-LMZAWWOE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/hardik/GITHUB/sanity-plugin-seofields/npm/dist/SeoPreview-LMZAWWOE.cjs","../src/components/SeoPreview.tsx"],"names":[],"mappings":"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","file":"/Users/hardik/GITHUB/sanity-plugin-seofields/npm/dist/SeoPreview-LMZAWWOE.cjs","sourcesContent":[null,"import {Box} from '@sanity/ui'\nimport {type ReactElement, useEffect, useState} from 'react'\nimport {StringInputProps, useClient, useFormValue} from 'sanity'\nimport styled from 'styled-components'\n\nimport {truncate} from '../utils/seoUtils'\n\nconst PreviewContainer = styled.div`\n  max-width: 600px;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  background: #ffffff;\n  border: 1px solid #dadce0;\n  border-radius: 8px;\n  overflow: hidden;\n`\n\nconst PreviewHeader = styled.div`\n  background: #f8f9fa;\n  padding: 12px 16px;\n  border-bottom: 1px solid #dadce0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n`\n\nconst PreviewBody = styled.div`\n  padding: 16px;\n`\n\nconst SerpUrl = styled.p`\n  margin: 0 0 4px;\n  color: #006621;\n  font-size: 13px;\n  line-height: 1.4;\n  word-break: break-word;\n`\n\nconst SerpTitle = styled.h3`\n  margin: 0 0 8px;\n  color: #1a0dab;\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 1.4;\n  word-break: break-word;\n\n  &:hover {\n    text-decoration: underline;\n  }\n`\n\nconst SerpDescription = styled.p`\n  margin: 0;\n  color: #545454;\n  font-size: 14px;\n  line-height: 1.6;\n  word-break: break-word;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n`\n\nconst LiveIndicator = styled.span`\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: #4f46e5;\n  background: #f0f4ff;\n  padding: 4px 8px;\n  border-radius: 4px;\n`\n\nconst SeoPreview = (props: StringInputProps): ReactElement => {\n  const {path, schemaType} = props\n  const {options} = schemaType as {\n    options?: {\n      baseUrl?: string\n      apiVersion?: string\n      prefix?: ((doc: {_type?: string} & Record<string, unknown>) => string) | string\n      titleSuffix?: ((doc: {_type?: string} & Record<string, unknown>) => string) | string\n      titleSuffixInheritColor?: boolean\n      titleSuffixQuery?: string\n    }\n  }\n  const baseUrl = options?.baseUrl || 'https://www.example.com'\n  const prefixFunction = options?.prefix as\n    | ((doc: {_type?: string} & Record<string, unknown>) => string)\n    | undefined\n  const titleSuffixOption = options?.titleSuffix\n  const titleSuffixInheritColor = options?.titleSuffixInheritColor ?? false\n  const titleSuffixQuery = options?.titleSuffixQuery\n\n  const client = useClient({apiVersion: options?.apiVersion ?? '2024-01-01'})\n  const [groqTitleSuffix, setGroqTitleSuffix] = useState<string>('')\n\n  useEffect(() => {\n    if (!titleSuffixQuery) return\n    client\n      .fetch<string>(titleSuffixQuery)\n      .then((result) => {\n        setGroqTitleSuffix(result === null || result === undefined ? '' : String(result))\n      })\n      .catch(() => {\n        setGroqTitleSuffix('')\n      })\n  }, [titleSuffixQuery, client])\n  const parent = useFormValue([path[0]]) || {\n    title: '',\n    description: '',\n    canonicalUrl: '',\n  }\n  const rootDoc: {\n    slug?: {current: string}\n  } = useFormValue([]) || {\n    slug: {current: ''},\n  }\n  const slug: string = rootDoc?.slug?.current || ''\n\n  const {\n    title,\n    description,\n    canonicalUrl: url,\n  } = parent as {\n    title?: string\n    description?: string\n    canonicalUrl?: string\n  }\n\n  const getTitleSuffix = (): string => {\n    if (titleSuffixQuery) return groqTitleSuffix\n    if (!titleSuffixOption) return ''\n    if (typeof titleSuffixOption === 'function') {\n      return titleSuffixOption(rootDoc as {_type?: string} & Record<string, unknown>)\n    }\n    return titleSuffixOption\n  }\n  const titleSuffix: string = getTitleSuffix()\n\n  // Build full URL\n  const base = (url || baseUrl)?.replace(/\\/+$/, '')\n  const slugStr = String(slug || '').replace(/^\\/+/, '')\n  const pref = String(\n    prefixFunction ? prefixFunction(rootDoc as {slug?: {current: string}}) : '',\n  ).replace(/^\\/+|\\/+$/g, '')\n  const urlPath = [pref, slugStr].filter(Boolean).join('/')\n  const finalUrl = urlPath ? `${base}/${urlPath}` : base\n\n  // Extract domain for display\n  const domain = (() => {\n    try {\n      const u = new URL(finalUrl || base)\n      return u.hostname\n    } catch {\n      return 'example.com'\n    }\n  })()\n\n  // Format URL display with › separator\n  const urlDisplay = `${domain}${urlPath ? ` › ${urlPath.split('/').slice(-1)[0]}` : ''}`\n\n  return (\n    <Box padding={3}>\n      <PreviewContainer>\n        <PreviewHeader>\n          <span\n            style={{\n              fontSize: '11px',\n              color: '#5f6368',\n              textTransform: 'uppercase',\n              letterSpacing: '0.05em',\n            }}\n          >\n            Search Preview\n          </span>\n          <LiveIndicator>\n            <span\n              style={{\n                width: '4px',\n                height: '4px',\n                borderRadius: '50%',\n                backgroundColor: '#4f46e5',\n                display: 'inline-block',\n              }}\n            />\n            Live\n          </LiveIndicator>\n        </PreviewHeader>\n\n        <PreviewBody>\n          <SerpUrl>{finalUrl ? urlDisplay : 'example.com › page-url'}</SerpUrl>\n          <SerpTitle>\n            {title && title.length > 0 ? (\n              <>\n                {truncate(title, Math.max(1, 60 - (titleSuffix ? titleSuffix.length + 3 : 0)))}\n                {titleSuffix && (\n                  <span\n                    style={\n                      titleSuffixInheritColor ? undefined : {color: '#70757a', fontWeight: 400}\n                    }\n                  >\n                    {' '}\n                    | {titleSuffix}\n                  </span>\n                )}\n              </>\n            ) : (\n              'Your SEO Title will appear here'\n            )}\n          </SerpTitle>\n          <SerpDescription>\n            {description && description.length > 0\n              ? truncate(description, 160)\n              : 'Your meta description will show up here. Make it compelling!'}\n          </SerpDescription>\n        </PreviewBody>\n      </PreviewContainer>\n    </Box>\n  )\n}\n\nexport default SeoPreview\n"]}

package/dist/{SeoPreview-4PPAF4NO.js → SeoPreview-UNQBKTQO.js}

@@ -1,11 +1,14 @@
-import { truncate } from './chunk-HDZZQCH7.js';
-import './chunk-DDAAVRWG.js';
-import { Box } from '@sanity/ui';
-import { useState, useEffect } from 'react';
-import { useClient, useFormValue } from 'sanity';
-import styled from 'styled-components';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import {
+  truncate
+} from "./chunk-HHO2AKAP.js";
+import "./chunk-7N4MLTMR.js";
 
+// src/components/SeoPreview.tsx
+import { Box } from "@sanity/ui";
+import { useEffect, useState } from "react";
+import { useClient, useFormValue } from "sanity";
+import styled from "styled-components";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var PreviewContainer = styled.div`
   max-width: 600px;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
@@ -178,7 +181,7 @@ var SeoPreview = (props) => {
   ] }) });
 };
 var SeoPreview_default = SeoPreview;
-
-export { SeoPreview_default as default };
-//# sourceMappingURL=SeoPreview-4PPAF4NO.js.map
-//# sourceMappingURL=SeoPreview-4PPAF4NO.js.map
+export {
+  SeoPreview_default as default
+};
+//# sourceMappingURL=SeoPreview-UNQBKTQO.js.map

package/dist/SeoPreview-UNQBKTQO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SeoPreview.tsx"],"sourcesContent":["import {Box} from '@sanity/ui'\nimport {type ReactElement, useEffect, useState} from 'react'\nimport {StringInputProps, useClient, useFormValue} from 'sanity'\nimport styled from 'styled-components'\n\nimport {truncate} from '../utils/seoUtils'\n\nconst PreviewContainer = styled.div`\n  max-width: 600px;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  background: #ffffff;\n  border: 1px solid #dadce0;\n  border-radius: 8px;\n  overflow: hidden;\n`\n\nconst PreviewHeader = styled.div`\n  background: #f8f9fa;\n  padding: 12px 16px;\n  border-bottom: 1px solid #dadce0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n`\n\nconst PreviewBody = styled.div`\n  padding: 16px;\n`\n\nconst SerpUrl = styled.p`\n  margin: 0 0 4px;\n  color: #006621;\n  font-size: 13px;\n  line-height: 1.4;\n  word-break: break-word;\n`\n\nconst SerpTitle = styled.h3`\n  margin: 0 0 8px;\n  color: #1a0dab;\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 1.4;\n  word-break: break-word;\n\n  &:hover {\n    text-decoration: underline;\n  }\n`\n\nconst SerpDescription = styled.p`\n  margin: 0;\n  color: #545454;\n  font-size: 14px;\n  line-height: 1.6;\n  word-break: break-word;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n`\n\nconst LiveIndicator = styled.span`\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: #4f46e5;\n  background: #f0f4ff;\n  padding: 4px 8px;\n  border-radius: 4px;\n`\n\nconst SeoPreview = (props: StringInputProps): ReactElement => {\n  const {path, schemaType} = props\n  const {options} = schemaType as {\n    options?: {\n      baseUrl?: string\n      apiVersion?: string\n      prefix?: ((doc: {_type?: string} & Record<string, unknown>) => string) | string\n      titleSuffix?: ((doc: {_type?: string} & Record<string, unknown>) => string) | string\n      titleSuffixInheritColor?: boolean\n      titleSuffixQuery?: string\n    }\n  }\n  const baseUrl = options?.baseUrl || 'https://www.example.com'\n  const prefixFunction = options?.prefix as\n    | ((doc: {_type?: string} & Record<string, unknown>) => string)\n    | undefined\n  const titleSuffixOption = options?.titleSuffix\n  const titleSuffixInheritColor = options?.titleSuffixInheritColor ?? false\n  const titleSuffixQuery = options?.titleSuffixQuery\n\n  const client = useClient({apiVersion: options?.apiVersion ?? '2024-01-01'})\n  const [groqTitleSuffix, setGroqTitleSuffix] = useState<string>('')\n\n  useEffect(() => {\n    if (!titleSuffixQuery) return\n    client\n      .fetch<string>(titleSuffixQuery)\n      .then((result) => {\n        setGroqTitleSuffix(result === null || result === undefined ? '' : String(result))\n      })\n      .catch(() => {\n        setGroqTitleSuffix('')\n      })\n  }, [titleSuffixQuery, client])\n  const parent = useFormValue([path[0]]) || {\n    title: '',\n    description: '',\n    canonicalUrl: '',\n  }\n  const rootDoc: {\n    slug?: {current: string}\n  } = useFormValue([]) || {\n    slug: {current: ''},\n  }\n  const slug: string = rootDoc?.slug?.current || ''\n\n  const {\n    title,\n    description,\n    canonicalUrl: url,\n  } = parent as {\n    title?: string\n    description?: string\n    canonicalUrl?: string\n  }\n\n  const getTitleSuffix = (): string => {\n    if (titleSuffixQuery) return groqTitleSuffix\n    if (!titleSuffixOption) return ''\n    if (typeof titleSuffixOption === 'function') {\n      return titleSuffixOption(rootDoc as {_type?: string} & Record<string, unknown>)\n    }\n    return titleSuffixOption\n  }\n  const titleSuffix: string = getTitleSuffix()\n\n  // Build full URL\n  const base = (url || baseUrl)?.replace(/\\/+$/, '')\n  const slugStr = String(slug || '').replace(/^\\/+/, '')\n  const pref = String(\n    prefixFunction ? prefixFunction(rootDoc as {slug?: {current: string}}) : '',\n  ).replace(/^\\/+|\\/+$/g, '')\n  const urlPath = [pref, slugStr].filter(Boolean).join('/')\n  const finalUrl = urlPath ? `${base}/${urlPath}` : base\n\n  // Extract domain for display\n  const domain = (() => {\n    try {\n      const u = new URL(finalUrl || base)\n      return u.hostname\n    } catch {\n      return 'example.com'\n    }\n  })()\n\n  // Format URL display with › separator\n  const urlDisplay = `${domain}${urlPath ? ` › ${urlPath.split('/').slice(-1)[0]}` : ''}`\n\n  return (\n    <Box padding={3}>\n      <PreviewContainer>\n        <PreviewHeader>\n          <span\n            style={{\n              fontSize: '11px',\n              color: '#5f6368',\n              textTransform: 'uppercase',\n              letterSpacing: '0.05em',\n            }}\n          >\n            Search Preview\n          </span>\n          <LiveIndicator>\n            <span\n              style={{\n                width: '4px',\n                height: '4px',\n                borderRadius: '50%',\n                backgroundColor: '#4f46e5',\n                display: 'inline-block',\n              }}\n            />\n            Live\n          </LiveIndicator>\n        </PreviewHeader>\n\n        <PreviewBody>\n          <SerpUrl>{finalUrl ? urlDisplay : 'example.com › page-url'}</SerpUrl>\n          <SerpTitle>\n            {title && title.length > 0 ? (\n              <>\n                {truncate(title, Math.max(1, 60 - (titleSuffix ? titleSuffix.length + 3 : 0)))}\n                {titleSuffix && (\n                  <span\n                    style={\n                      titleSuffixInheritColor ? undefined : {color: '#70757a', fontWeight: 400}\n                    }\n                  >\n                    {' '}\n                    | {titleSuffix}\n                  </span>\n                )}\n              </>\n            ) : (\n              'Your SEO Title will appear here'\n            )}\n          </SerpTitle>\n          <SerpDescription>\n            {description && description.length > 0\n              ? truncate(description, 160)\n              : 'Your meta description will show up here. Make it compelling!'}\n          </SerpDescription>\n        </PreviewBody>\n      </PreviewContainer>\n    </Box>\n  )\n}\n\nexport default SeoPreview\n"],"mappings":"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","names":[]}