@anywayseo/tools 5.10.0 → 6.0.0

package/dist/components/base/article-meta/item/index.d.ts

@@ -1,7 +1,9 @@
 import { FC } from 'react';
+type ArticleMetaIcon = 'date' | 'time' | 'author';
 type ArticleMetaItemProps = {
     label: string;
     value: string;
+    icon?: ArticleMetaIcon;
 };
 declare const ArticleMetaItem: FC<ArticleMetaItemProps>;
 export default ArticleMetaItem;

package/dist/components/game-demo/index.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactElement } from 'react';
-import { BoxPositionProps, ImageFit } from '../../types';
+import { BoxPositionProps, IGameDemo, ImageFit } from '../../types';
 type GamePreviewImageProps = {
     previewImage: string;
     previewImageFit?: ImageFit;
@@ -7,10 +7,6 @@ type GamePreviewImageProps = {
     previewImage: ReactElement;
     previewImageFit?: never;
 };
-type GameDemoProps = {
-    name: string;
-    src?: string;
-    refLink?: string;
-} & BoxPositionProps & GamePreviewImageProps;
+type GameDemoProps = IGameDemo & GamePreviewImageProps & BoxPositionProps;
 declare const GameDemo: FC<GameDemoProps>;
 export default GameDemo;

package/dist/components/index.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("../index-CAhVRVmv.js");
-const index$1 = require("../index-DzOucsVx.js");
+const index = require("../index-B5SWTYZm.js");
+const index$1 = require("../index-BSAasfl2.js");
 const index$2 = require("../index-DDg_PkD2.js");
-const index$3 = require("../index-B4M1IKzL.js");
+const index$3 = require("../index-DZc8PJET.js");
 exports.ActionButton = index.ActionButton;
 exports.ArticleCard = index.ArticleCard;
 exports.ArticleCardGrid = index.ArticleCardGrid;

package/dist/components/index.mjs

@@ -1,7 +1,7 @@
-import { A, a, b, c, n, o, d, B, e, C, r, q, F, f, g, G, h, i, j, p, H, I, L, N, s, P, S, k, T, l, t, m } from "../index-C2HtVL6w.mjs";
-import { C as C2, a as a2, b as b2, L as L2, c as c2, R, S as S2, d as d2 } from "../index-D9i6mZaH.mjs";
+import { A, a, b, c, n, o, d, B, e, C, r, q, F, f, g, G, h, i, j, p, H, I, L, N, s, P, S, k, T, l, t, m } from "../index-BhzKUTPZ.mjs";
+import { C as C2, a as a2, b as b2, L as L2, c as c2, R, S as S2, d as d2 } from "../index-C7buhUOk.mjs";
 import { H as H2, a as a3, b as b3, O, P as P2, U } from "../index-BEjKnOZA.mjs";
-import { I as I2, L as L3 } from "../index-ClIPWZ3z.mjs";
+import { I as I2, L as L3 } from "../index-U-DmPFa7.mjs";
 export {
   A as ActionButton,
   a as ArticleCard,

package/dist/components/seo/href-langs/index.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { IHrefLang } from '../../../types';
+type HrefLangsProps = {
+    siteName: string;
+    hrefLangs: IHrefLang[];
+};
+declare const HrefLangs: FC<HrefLangsProps>;
+export default HrefLangs;

package/dist/components/seo/index.d.ts

@@ -1,11 +1,13 @@
 import { FC, PropsWithChildren } from 'react';
-import { IHrefLang, ILocale, ISeo } from '../../types';
-import { SeoItemGetter } from './types';
+import { SeoCanonical, SeoDescription, SeoHrefLangs, SeoLocale, SeoStructuredData, SeoTitle } from './types';
 type SeoProps = PropsWithChildren<{
-    title?: ISeo['title'] | SeoItemGetter;
-    description?: ISeo['description'] | SeoItemGetter;
-    lang?: ILocale['code'];
-    hrefLangs?: IHrefLang[];
+    pathname: Location['pathname'];
+    locale?: SeoLocale;
+    title?: SeoTitle;
+    description?: SeoDescription;
+    canonicalUrl?: SeoCanonical;
+    hrefLangs?: SeoHrefLangs;
+    structuredData?: SeoStructuredData;
 }>;
 declare const Seo: FC<SeoProps>;
 export default Seo;

package/dist/components/seo/json-ld/index.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { Schemas } from '../../../types';
+type JsonLdProps = {
+    schemas: Schemas;
+};
+declare const JsonLd: FC<JsonLdProps>;
+export default JsonLd;

package/dist/components/seo/types.d.ts

@@ -1,6 +1,14 @@
-export interface ISeoItemPlaceholders {
+import { IHrefLang, ILocale, ISeoMetadata, IStructuredData, Nullable } from '../../types';
+export interface ISeoMetaItemPlaceholders {
     siteName: string;
     currentYear: string;
     currentMonth: string;
 }
-export type SeoItemGetter = (placeholders: ISeoItemPlaceholders) => string;
+type SeoMetaItemGetter = (placeholders: ISeoMetaItemPlaceholders) => string;
+export type SeoLocale = Nullable<ILocale['code']>;
+export type SeoTitle = Nullable<ISeoMetadata['title'] | SeoMetaItemGetter>;
+export type SeoDescription = Nullable<ISeoMetadata['description'] | SeoMetaItemGetter>;
+export type SeoCanonical = Nullable<string>;
+export type SeoHrefLangs = IHrefLang[];
+export type SeoStructuredData = Nullable<IStructuredData>;
+export {};

package/dist/components/seo/utils.d.ts

@@ -1,2 +1,3 @@
-import { ISeoItemPlaceholders } from './types';
-export declare function replacePlaceholders(text: string, placeholders: ISeoItemPlaceholders): string;
+import { ISeoMetaItemPlaceholders, SeoDescription, SeoTitle } from './types';
+export declare function buildPlaceholders(siteName: string, lang: string): ISeoMetaItemPlaceholders;
+export declare function getSeoMetaItem<T extends SeoTitle | SeoDescription>(item: NonNullable<T>, placeholders: ISeoMetaItemPlaceholders): string;

package/dist/components/{strapi-component → strapi-content-renderer/strapi-component}/external-image/index.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { IGatsbyImageFile, ExternalImageComponent, ExternalImageComponentProps } from '../../../types';
+import { IGatsbyImageFile, ExternalImageComponent, ExternalImageComponentProps } from '../../../../types';
 type ExternalImageProps = ExternalImageComponentProps<IGatsbyImageFile> & {
     component: ExternalImageComponent;
 };

package/dist/components/{strapi-component → strapi-content-renderer/strapi-component}/index.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { StrapiComponentType, ExternalImageComponent } from '../../types';
+import { StrapiComponentType, ExternalImageComponent } from '../../../types';
 type StrapiComponentProps = {
     type: StrapiComponentType;
     props: any;

package/dist/components/{strapi-component → strapi-content-renderer/strapi-component}/rich-text/index.d.ts

@@ -1,6 +1,7 @@
 import { FC } from 'react';
+import { IStrapiRichText } from '../../../../types';
 type RichTextProps = {
-    content: string;
+    content: IStrapiRichText['data']['content'];
 };
 declare const RichText: FC<RichTextProps>;
 export default RichText;

package/dist/components/{strapi-component → strapi-content-renderer/strapi-component}/utils.d.ts

@@ -1,4 +1,4 @@
-import { Currency } from '../../types';
+import { Currency } from '../../../types';
 export declare function extractItemsFromJson(content: {
     ['strapi_json_value']: string[];
 }): string[];

package/dist/index-0AAkKSsc.mjs

@@ -0,0 +1,146 @@
+import { DEFAULT_LANGUAGE } from "./i18n/index.mjs";
+function isStrapiContent(array) {
+  return Array.isArray(array) && array.every(
+    (item) => typeof item === "object" && item !== null && "__typename" in item && typeof item.__typename === "string"
+  );
+}
+function isStrapiPageData(data) {
+  const maybe = data;
+  return Boolean(typeof data === "object" && maybe.content);
+}
+function isStrapiPageContext(context) {
+  const maybe = context;
+  return Boolean(typeof context === "object" && maybe.hrefLangs);
+}
+function getCurrencySymbol(currencyCode, locale = DEFAULT_LANGUAGE) {
+  const symbol = 0 .toLocaleString(locale, {
+    style: "currency",
+    currency: currencyCode,
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0
+  }).replace(/\d/g, "").trim();
+  return symbol;
+}
+function buildGraph(schemas) {
+  return Object.values(schemas);
+}
+const id = {
+  organization: (siteUrl) => `${siteUrl}/#organization`,
+  website: (siteUrl) => `${siteUrl}/#website`,
+  webpage: (pageUrl) => `${pageUrl}`,
+  review: (pageUrl) => `${pageUrl}#review`,
+  game: (pageUrl) => `${pageUrl}#game`,
+  author: (authorPageUrl) => `${authorPageUrl}#person`
+};
+function buildOrganizationSchema(params) {
+  const { site, lang } = params;
+  const logoUrl = `${site.url}${site.logo.url}`;
+  return {
+    "@type": "Organization",
+    "@id": id.organization(site.url),
+    name: site.name,
+    url: site.url,
+    logo: {
+      "@type": "ImageObject",
+      url: logoUrl,
+      contentUrl: logoUrl,
+      width: site.logo.width,
+      height: site.logo.height,
+      caption: site.logo.alt,
+      inLanguage: lang
+    }
+  };
+}
+function buildWebsiteSchema(params) {
+  const { site, lang } = params;
+  return {
+    "@type": "WebSite",
+    "@id": id.website(site.url),
+    url: site.url,
+    name: site.name,
+    inLanguage: lang,
+    publisher: { "@id": id.organization(site.url) }
+  };
+}
+function getEntitySchema({ site, page, structuredData }) {
+  if (!structuredData) {
+    return null;
+  }
+  const { entity, content } = structuredData;
+  if (entity === "game-review" && content.review && content.game) {
+    return buildGameReviewSchema({ site, page, author: content.author, review: content.review, game: content.game });
+  }
+  return null;
+}
+function buildWebpageSchema(params, mainEntity) {
+  const { site, page, lang } = params;
+  return {
+    "@type": "WebPage",
+    "@id": id.webpage(page.url),
+    url: page.url,
+    name: page.title,
+    ...page.description ? { description: page.description } : {},
+    inLanguage: lang,
+    isPartOf: { "@id": id.website(site.url) },
+    ...mainEntity ? { mainEntity } : {}
+  };
+}
+function buildGameReviewSchema(params) {
+  const { site, page, author, review, game } = params;
+  return {
+    "@type": "Review",
+    "@id": id.review(page.url),
+    name: review.title,
+    reviewBody: review.description,
+    ...author ? {
+      author: {
+        "@type": "Person",
+        name: author.name,
+        ...author.url ? { "@id": id.author(author.url), url: author.url } : {}
+      }
+    } : {},
+    publisher: { "@id": id.organization(site.url) },
+    datePublished: review.publishedAt,
+    dateModified: review.updatedAt || review.publishedAt,
+    ...review.rating ? {
+      reviewRating: {
+        "@type": "Rating",
+        ratingValue: review.rating.value,
+        bestRating: review.rating.max,
+        worstRating: review.rating.min
+      }
+    } : {},
+    itemReviewed: {
+      "@type": "Game",
+      "@id": id.game(page.url),
+      url: page.url,
+      name: game.name,
+      ...game.genre ? { genre: game.genre } : {}
+    }
+  };
+}
+function randomComparator() {
+  return Math.random() - 0.5;
+}
+function seededRandom(seed) {
+  return Math.abs(Math.sin(seed));
+}
+function getSeededRandomComparator(seed) {
+  const safeSeed = Math.abs(seed) % Number.MAX_SAFE_INTEGER;
+  let index = 0;
+  return () => seededRandom(safeSeed + index++) - 0.5;
+}
+export {
+  isStrapiPageData as a,
+  isStrapiPageContext as b,
+  buildGraph as c,
+  buildOrganizationSchema as d,
+  buildWebsiteSchema as e,
+  getEntitySchema as f,
+  getCurrencySymbol as g,
+  buildWebpageSchema as h,
+  isStrapiContent as i,
+  buildGameReviewSchema as j,
+  getSeededRandomComparator as k,
+  randomComparator as r
+};

package/dist/{index-D1gNEJUA.mjs → index-B5C9u9UE.mjs}

@@ -2,11 +2,11 @@ import { jsx } from "react/jsx-runtime";
 import { MDXProvider } from "@mdx-js/react";
 import "react-i18next";
 import "@chakra-ui/react";
-import { I as Image, L as Link } from "./index-ClIPWZ3z.mjs";
+import { I as Image, L as Link } from "./index-U-DmPFa7.mjs";
 import "./index-BJRvnR8Q.mjs";
 import "./index-RzByAgHO.mjs";
-import "react";
 import "@chakra-ui/icons";
+import "react";
 import { P as Paragraph, U as Unordered, O as Ordered, b as Heading3, a as Heading2, H as Heading1 } from "./index-BEjKnOZA.mjs";
 function omitProps(props, omittedKeys) {
   const result = { ...props };

package/dist/{index-CAhVRVmv.js → index-B5SWTYZm.js}

@@ -3,23 +3,32 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("@chakra-ui/react");
 const reactI18next = require("react-i18next");
 const react$2 = require("@mdx-js/react");
-const index = require("./index-B4M1IKzL.js");
+const index = require("./index-DZc8PJET.js");
 require("./index-C6MG_f24.js");
 const index$6 = require("./index-CBRFCYhV.js");
 const icons = require("@chakra-ui/icons");
 require("react-medium-image-zoom");
 const react$1 = require("react");
-const index$2 = require("./index-DzOucsVx.js");
+const index$2 = require("./index-BSAasfl2.js");
 const index$3 = require("./index-DDg_PkD2.js");
+const index$7 = require("./index-CAjUjAgI.js");
+const index$5 = require("./index-BU1gLt1p.js");
 const index$1 = require("./index-ov4J7p3D.js");
 const index$4 = require("./index-CVv755RW.js");
-const index$5 = require("./index-BfITsKAr.js");
 const i18next = require("i18next");
 const Markdown = require("react-markdown");
-const ArticleMetaItem = ({ label, value }) => {
+const ArticleMetaIconMap = {
+  date: /* @__PURE__ */ jsxRuntime.jsx(icons.CalendarIcon, {}),
+  time: /* @__PURE__ */ jsxRuntime.jsx(icons.TimeIcon, {}),
+  author: /* @__PURE__ */ jsxRuntime.jsx(icons.AtSignIcon, {})
+};
+const ArticleMetaItem = ({ label, value, icon }) => {
   const color = react.useColorModeValue("gray.600", "gray.400");
-  return /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(react.Text, { as: "span", color, children: label }),
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Flex, { lineHeight: 6, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(react.Text, { as: "span", display: "inline-flex", alignItems: "center", gap: 1, me: 1, color, children: [
+      !!icon && ArticleMetaIconMap[icon],
+      label
+    ] }),
     value
   ] });
 };
@@ -31,18 +40,20 @@ const ArticleMeta = ({ createdAt, updatedAt, minutesToRead, authorName, variant
     !!publicationDate && /* @__PURE__ */ jsxRuntime.jsx(
       ArticleMetaItem,
       {
-        label: variant === "full" ? `📅 ${t("meta.publicationDate")}` : "📅 ",
+        icon: "date",
+        label: variant === "full" ? t("meta.publicationDate") : "",
         value: publicationDate
       }
     ),
     !!minutesToRead && /* @__PURE__ */ jsxRuntime.jsx(
       ArticleMetaItem,
       {
-        label: variant === "full" ? `⏳ ${t("meta.readingTime.label")}` : "⏳ ",
+        icon: "time",
+        label: variant === "full" ? t("meta.readingTime.label") : "",
         value: t("meta.readingTime.count", { count: minutesToRead })
       }
     ),
-    !!authorName && /* @__PURE__ */ jsxRuntime.jsx(ArticleMetaItem, { label: variant === "full" ? `🧑🏻‍💻 ${t("meta.author")}` : "🧑🏻‍💻 ", value: authorName })
+    !!authorName && /* @__PURE__ */ jsxRuntime.jsx(ArticleMetaItem, { icon: "author", label: variant === "full" ? t("meta.author") : "", value: authorName })
   ] });
 };
 const ONE_LINE_HEIGHT = 24;
@@ -682,7 +693,7 @@ const NotFound = () => {
 const CookiePolicy = () => {
   const { t } = reactI18next.useTranslation("pageCookiePolicy");
   const { metadata } = index.useSiteContext();
-  const { name: siteName } = metadata;
+  const siteName = metadata.name;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading1, { children: t("title") }),
     /* @__PURE__ */ jsxRuntime.jsx(index$3.Paragraph, { children: t("text", { siteName }) }),
@@ -788,7 +799,7 @@ const Contacts = () => {
 const PrivacyPolicy = ({ contactsSlug }) => {
   const { t } = reactI18next.useTranslation("pagePrivacyPolicy");
   const { metadata } = index.useSiteContext();
-  const { name: siteName } = metadata;
+  const siteName = metadata.name;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading1, { children: t("title") }),
     /* @__PURE__ */ jsxRuntime.jsx(index$3.Paragraph, { children: t("text") }),
@@ -818,7 +829,7 @@ const PrivacyPolicy = ({ contactsSlug }) => {
 const TermsAndConditions = ({ privacyPolicySlug }) => {
   const { t } = reactI18next.useTranslation("pageTermsAndConditions");
   const { metadata } = index.useSiteContext();
-  const { name: siteName } = metadata;
+  const siteName = metadata.name;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading1, { children: t("title") }),
     /* @__PURE__ */ jsxRuntime.jsx(index$3.Paragraph, { children: t("text", { siteName }) }),
@@ -940,6 +951,13 @@ const ProsCons = ({ items, ...boxProps }) => {
     /* @__PURE__ */ jsxRuntime.jsx(ProsConsCard, { itemType: "cons", items: cons })
   ] });
 };
+function buildPlaceholders(siteName, lang) {
+  return {
+    siteName,
+    currentYear: index$1.getCurrentYear(lang),
+    currentMonth: index$1.getCurrentMonth(lang)
+  };
+}
 function replacePlaceholders(text, placeholders) {
   Object.entries(placeholders).forEach(([placeholder, replacement]) => {
     const regex = new RegExp(`{{${placeholder}}}`, "g");
@@ -947,30 +965,67 @@ function replacePlaceholders(text, placeholders) {
   });
   return text;
 }
-const Seo = ({ children, title, description, lang, hrefLangs = [] }) => {
-  const { metadata } = index.useSiteContext();
-  const { name: siteName, lang: defaultLang, seo } = metadata;
-  const { title: defaultTitle, description: defaultDescription } = seo;
-  const siteLang = lang || defaultLang;
-  const placeholders = react$1.useMemo(
-    () => ({
-      siteName,
-      currentYear: index$1.getCurrentYear(siteLang),
-      currentMonth: index$1.getCurrentMonth(siteLang)
-    }),
-    [siteName, siteLang]
+function getSeoMetaItem(item, placeholders) {
+  if (typeof item === "string") {
+    return replacePlaceholders(item, placeholders);
+  }
+  return item(placeholders);
+}
+const JsonLd = ({ schemas }) => {
+  const graph = index$5.buildGraph(schemas);
+  if (!graph.length) {
+    return null;
+  }
+  const jsonLd = {
+    "@context": "https://schema.org",
+    "@graph": graph
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "script",
+    {
+      type: "application/ld+json",
+      dangerouslySetInnerHTML: {
+        __html: JSON.stringify(jsonLd)
+      }
+    }
   );
+};
+const HrefLangs = ({ siteName, hrefLangs }) => {
+  return hrefLangs.map(({ href, hrefLang }, index2) => /* @__PURE__ */ jsxRuntime.jsx("link", { rel: "alternate", hrefLang, href: index$7.buildCanonicalUrl(siteName, href) }, index2));
+};
+const Seo = ({
+  children,
+  pathname,
+  locale,
+  title,
+  description,
+  canonicalUrl,
+  hrefLangs = [],
+  structuredData
+}) => {
+  const { metadata: siteMetadata, logo: siteLogo, localization } = index.useSiteContext();
+  const { name: siteName, seo: siteSeo } = siteMetadata;
+  const { title: defaultTitle, description: defaultDescription } = siteSeo;
+  const defaultLocale = localization.defaultLocale.code;
+  const lang = locale || defaultLocale;
+  const placeholders = buildPlaceholders(siteName, lang);
+  const siteUrl = index$7.buildCanonicalUrl(siteName);
+  const pageUrl = index$7.buildCanonicalUrl(siteName, pathname);
+  const pageTitle = getSeoMetaItem(title ?? defaultTitle, placeholders);
+  const pageDescription = getSeoMetaItem(description ?? defaultDescription, placeholders);
+  const siteData = { url: siteUrl, name: siteName, logo: siteLogo };
+  const pageData = { url: pageUrl, title: pageTitle, description: pageDescription };
+  const organizationSchema = index$5.buildOrganizationSchema({ site: siteData, lang });
+  const websiteSchema = index$5.buildWebsiteSchema({ site: siteData, lang });
+  const entitySchema = index$5.getEntitySchema({ site: siteData, page: pageData, structuredData });
+  const webpageSchema = index$5.buildWebpageSchema({ site: siteData, page: pageData, lang }, entitySchema);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("html", { lang: siteLang }),
-    /* @__PURE__ */ jsxRuntime.jsx("title", { children: title ? typeof title === "string" ? replacePlaceholders(title, placeholders) : title(placeholders) : defaultTitle }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "meta",
-      {
-        name: "description",
-        content: description ? typeof description === "string" ? replacePlaceholders(description, placeholders) : description(placeholders) : defaultDescription
-      }
-    ),
-    hrefLangs.map(({ href, hrefLang }, index2) => /* @__PURE__ */ jsxRuntime.jsx("link", { rel: "alternate", hrefLang, href: `https://${siteName}${href}` }, index2)),
+    /* @__PURE__ */ jsxRuntime.jsx("html", { lang }),
+    /* @__PURE__ */ jsxRuntime.jsx("title", { children: pageTitle }),
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "description", content: pageDescription }),
+    /* @__PURE__ */ jsxRuntime.jsx("link", { rel: "canonical", href: canonicalUrl ?? pageUrl }),
+    /* @__PURE__ */ jsxRuntime.jsx(HrefLangs, { siteName, hrefLangs }),
+    /* @__PURE__ */ jsxRuntime.jsx(JsonLd, { schemas: { organization: organizationSchema, website: websiteSchema, webpage: webpageSchema } }),
     children
   ] });
 };
@@ -1252,13 +1307,8 @@ const StrapiComponent = ({ type, props, imageComponent }) => {
       return null;
   }
 };
-function isStrapiContent(array) {
-  return Array.isArray(array) && array.every(
-    (item) => typeof item === "object" && item !== null && "__typename" in item && typeof item.__typename === "string"
-  );
-}
 const StrapiContentRenderer = ({ content, imageComponent }) => {
-  if (!isStrapiContent(content)) {
+  if (!index$5.isStrapiContent(content)) {
     return null;
   }
   return content.map(({ __typename: type, ...props }, index2) => /* @__PURE__ */ jsxRuntime.jsx(StrapiComponent, { type, props, imageComponent }, index2));