@anywayseo/tools 5.1.0 → 5.3.0

package/dist/{index-B9GEoC68.js → index-BltrZp3R.js}

@@ -1,35 +1,57 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
+const react = require("@chakra-ui/react");
+const Zoom = require("react-medium-image-zoom");
+const react$1 = require("react");
 const gatsby = require("gatsby");
-require("@chakra-ui/react");
 require("@mdx-js/react");
 require("react-i18next");
 require("./index-C6MG_f24.js");
-require("./index-BHfpWNqh.js");
+require("./index-CJVr79Z2.js");
 const index = require("./index-WFgDSB1A.js");
 const index$1 = require("./index-At00w6EN.js");
-const SiteContext = react.createContext(null);
+const Image = ({ src, mode = "default", hasZoom, ...plainImageProps }) => {
+  if (!src) {
+    return null;
+  }
+  let image;
+  if (typeof src === "string") {
+    image = /* @__PURE__ */ jsxRuntime.jsx(
+      react.Image,
+      {
+        src,
+        ...mode === "thumbnail" && { aspectRatio: "16/9", objectFit: "cover", objectPosition: "center" },
+        ...plainImageProps
+      }
+    );
+  } else if (src.props.image) {
+    image = mode === "thumbnail" ? /* @__PURE__ */ jsxRuntime.jsx(react.Box, { aspectRatio: "16/9", children: src }) : src;
+  } else {
+    return null;
+  }
+  return hasZoom ? /* @__PURE__ */ jsxRuntime.jsx(Zoom, { wrapElement: "span", zoomMargin: 40, children: image }) : image;
+};
+const SiteContext = react$1.createContext(null);
 const SiteProvider = ({ children, ...context }) => {
-  const value = react.useMemo(() => context, []);
+  const value = react$1.useMemo(() => context, []);
   return /* @__PURE__ */ jsxRuntime.jsx(SiteContext.Provider, { value, children });
 };
 function useSiteContext() {
-  const context = react.useContext(SiteContext);
+  const context = react$1.useContext(SiteContext);
   if (!context) {
     throw new Error("useSiteContext must be used within SiteProvider");
   }
   return context;
 }
-const PageContext = react.createContext(null);
+const PageContext = react$1.createContext(null);
 const PageProvider = ({ children, location }) => {
   const { localization } = useSiteContext();
   const { currentLocale } = index.useLocalization({ location, ...localization });
-  const value = react.useMemo(() => ({ currentLocale }), [currentLocale]);
+  const value = react$1.useMemo(() => ({ currentLocale }), [currentLocale]);
   return /* @__PURE__ */ jsxRuntime.jsx(PageContext.Provider, { value, children });
 };
 function usePageContext() {
-  const context = react.useContext(PageContext);
+  const context = react$1.useContext(PageContext);
   if (!context) {
     throw new Error("usePageContext must be used within PageProvider");
   }
@@ -49,13 +71,14 @@ function getLocalizedPath(path, currentLocaleCode, defaultLocaleCode) {
   }
   return `${localePrefix}${normalizePath(path)}`;
 }
-const Link = react.forwardRef(({ to, ...props }, ref) => {
+const Link = react$1.forwardRef(({ to, ...props }, ref) => {
   const { localization } = useSiteContext();
   const { currentLocale } = usePageContext();
   const defaultLocale = localization.defaultLocale;
   const path = getLocalizedPath(to, currentLocale.code, defaultLocale.code);
   return /* @__PURE__ */ jsxRuntime.jsx(gatsby.Link, { ref, to: path, ...props });
 });
+exports.Image = Image;
 exports.Link = Link;
 exports.PageProvider = PageProvider;
 exports.SiteProvider = SiteProvider;

package/dist/{index-CACDltm3.mjs → index-Bts2DBYS.mjs}

@@ -75,9 +75,9 @@ const gameInfo$4 = {
     [GameCharacteristic.HasFreeSpins]: "Freispiele",
     [GameCharacteristic.HasProgressiveJackpot]: "Progressiver Jackpot",
     [GameCharacteristic.Languages]: "Sprachen",
-    [GameCharacteristic.MaxWin]: "Maximaler Gewinn",
-    [GameCharacteristic.MaxBet]: "Maximaler Einsatz",
-    [GameCharacteristic.MinBet]: "Minimaler Einsatz",
+    [GameCharacteristic.MaxWin]: "Max Gewinn",
+    [GameCharacteristic.MaxBet]: "Max Einsatz ({{currency}})",
+    [GameCharacteristic.MinBet]: "Min Einsatz ({{currency}})",
     [GameCharacteristic.Name]: "Name",
     [GameCharacteristic.PayLines]: "Anzahl der Gewinnlinien",
     [GameCharacteristic.ReelsNumber]: "Anzahl der Walzen",
@@ -195,8 +195,8 @@ const gameInfo$3 = {
     [GameCharacteristic.HasProgressiveJackpot]: "Progressive Jackpot",
     [GameCharacteristic.Languages]: "Languages",
     [GameCharacteristic.MaxWin]: "Max Win",
-    [GameCharacteristic.MaxBet]: "Max Bet",
-    [GameCharacteristic.MinBet]: "Min Bet",
+    [GameCharacteristic.MaxBet]: "Max Bet ({{currency}})",
+    [GameCharacteristic.MinBet]: "Min Bet ({{currency}})",
     [GameCharacteristic.Name]: "Name",
     [GameCharacteristic.PayLines]: "Pay Lines Number",
     [GameCharacteristic.ReelsNumber]: "Reels Number",
@@ -314,8 +314,8 @@ const gameInfo$2 = {
     [GameCharacteristic.HasProgressiveJackpot]: "Jackpot Progressivo",
     [GameCharacteristic.Languages]: "Lingue",
     [GameCharacteristic.MaxWin]: "Vincita Massima",
-    [GameCharacteristic.MaxBet]: "Puntata Massima",
-    [GameCharacteristic.MinBet]: "Puntata Minima",
+    [GameCharacteristic.MaxBet]: "Puntata Massima ({{currency}})",
+    [GameCharacteristic.MinBet]: "Puntata Minima ({{currency}})",
     [GameCharacteristic.Name]: "Nome",
     [GameCharacteristic.PayLines]: "Numero di Linee di Pagamento",
     [GameCharacteristic.ReelsNumber]: "Numero di Rulli",
@@ -432,9 +432,9 @@ const gameInfo$1 = {
     [GameCharacteristic.HasFreeSpins]: "Фриспины",
     [GameCharacteristic.HasProgressiveJackpot]: "Прогрессивный джекпот",
     [GameCharacteristic.Languages]: "Языки",
-    [GameCharacteristic.MaxWin]: "Максимальный выигрыш",
-    [GameCharacteristic.MaxBet]: "Максимальная ставка",
-    [GameCharacteristic.MinBet]: "Минимальная ставка",
+    [GameCharacteristic.MaxWin]: "Макс. выигрыш",
+    [GameCharacteristic.MaxBet]: "Макс. ставка ({{currency}})",
+    [GameCharacteristic.MinBet]: "Мин. ставка ({{currency}})",
     [GameCharacteristic.Name]: "Название",
     [GameCharacteristic.PayLines]: "Количество линий выплат",
     [GameCharacteristic.ReelsNumber]: "Количество барабанов",
@@ -552,8 +552,8 @@ const gameInfo = {
     [GameCharacteristic.HasProgressiveJackpot]: "Jackpot progressif",
     [GameCharacteristic.Languages]: "Langues",
     [GameCharacteristic.MaxWin]: "Gain maximal",
-    [GameCharacteristic.MaxBet]: "Mise maximale",
-    [GameCharacteristic.MinBet]: "Mise minimale",
+    [GameCharacteristic.MaxBet]: "Mise maximale ({{currency}})",
+    [GameCharacteristic.MinBet]: "Mise minimale ({{currency}})",
     [GameCharacteristic.Name]: "Nom",
     [GameCharacteristic.PayLines]: "Nombre de lignes de paiement",
     [GameCharacteristic.ReelsNumber]: "Nombre de rouleaux",

package/dist/{index-tJcccH0B.mjs → index-Bwlxdh5F.mjs}

@@ -1,13 +1,35 @@
 import { jsx } from "react/jsx-runtime";
+import { Image as Image$1, Box } from "@chakra-ui/react";
+import Zoom from "react-medium-image-zoom";
 import { createContext, useContext, useMemo, forwardRef } from "react";
 import { Link as Link$1 } from "gatsby";
-import "@chakra-ui/react";
 import "@mdx-js/react";
 import "react-i18next";
 import "./index-BJRvnR8Q.mjs";
-import "./index-CACDltm3.mjs";
+import "./index-Bts2DBYS.mjs";
 import { u as useLocalization } from "./index-BzbpMLDD.mjs";
 import { i as isRelativePath } from "./index-BmaWfWLV.mjs";
+const Image = ({ src, mode = "default", hasZoom, ...plainImageProps }) => {
+  if (!src) {
+    return null;
+  }
+  let image;
+  if (typeof src === "string") {
+    image = /* @__PURE__ */ jsx(
+      Image$1,
+      {
+        src,
+        ...mode === "thumbnail" && { aspectRatio: "16/9", objectFit: "cover", objectPosition: "center" },
+        ...plainImageProps
+      }
+    );
+  } else if (src.props.image) {
+    image = mode === "thumbnail" ? /* @__PURE__ */ jsx(Box, { aspectRatio: "16/9", children: src }) : src;
+  } else {
+    return null;
+  }
+  return hasZoom ? /* @__PURE__ */ jsx(Zoom, { wrapElement: "span", zoomMargin: 40, children: image }) : image;
+};
 const SiteContext = createContext(null);
 const SiteProvider = ({ children, ...context }) => {
   const value = useMemo(() => context, []);
@@ -56,6 +78,7 @@ const Link = forwardRef(({ to, ...props }, ref) => {
   return /* @__PURE__ */ jsx(Link$1, { ref, to: path, ...props });
 });
 export {
+  Image as I,
   Link as L,
   PageProvider as P,
   SiteProvider as S,

package/dist/{index-CrmmG8yy.mjs → index-C4sJXfkN.mjs}

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { Text, UnorderedList, OrderedList, Heading, Link } from "@chakra-ui/react";
 import { MDXProvider } from "@mdx-js/react";
+import { I as Image, L as Link$1 } from "./index-Bwlxdh5F.mjs";
 import "react";
 import "react-i18next";
-import { L as Link$1 } from "./index-tJcccH0B.mjs";
 import "./index-BJRvnR8Q.mjs";
-import "./index-CACDltm3.mjs";
+import "./index-Bts2DBYS.mjs";
 import { i as isRelativePath } from "./index-BmaWfWLV.mjs";
 function omitProps(props, omittedKeys) {
   const result = { ...props };
@@ -36,6 +36,9 @@ function renderLink({
     }
   );
 }
+function renderImage(props) {
+  return /* @__PURE__ */ jsx(Image, { ...props, mt: 4, mb: 4, hasZoom: true });
+}
 const components = {
   h1: preprocessProps((props) => /* @__PURE__ */ jsx(Heading, { as: "h1", size: "xl", mb: 4, ...props })),
   h2: preprocessProps((props) => /* @__PURE__ */ jsx(Heading, { as: "h2", size: "lg", mt: 6, mb: 4, ...props })),
@@ -43,7 +46,8 @@ const components = {
   ol: preprocessProps((props) => /* @__PURE__ */ jsx(OrderedList, { mb: 4, ...props })),
   ul: preprocessProps((props) => /* @__PURE__ */ jsx(UnorderedList, { mb: 4, ...props })),
   p: preprocessProps((props) => /* @__PURE__ */ jsx(Text, { mb: 4, ...props })),
-  a: preprocessProps((props) => renderLink(props))
+  a: preprocessProps((props) => renderLink(props)),
+  img: preprocessProps((props) => renderImage(props))
 };
 const MdxProvider = ({ children }) => {
   return /* @__PURE__ */ jsx(MDXProvider, { components, children });

package/dist/{index-BnmGE5_x.js → index-CAfBnNV6.js}

@@ -1,7 +1,7 @@
 "use strict";
 const react = require("@chakra-ui/react");
 require("./index-C6MG_f24.js");
-require("./index-BHfpWNqh.js");
+require("./index-CJVr79Z2.js");
 const index = require("./index-CbuiYkSg.js");
 function usePrimaryColors() {
   const color = react.useColorModeValue(index.LIGHT_THEME_COLOR, index.DARK_THEME_COLOR);

package/dist/{index-BHfpWNqh.js → index-CJVr79Z2.js}

@@ -76,9 +76,9 @@ const gameInfo$4 = {
     [GameCharacteristic.HasFreeSpins]: "Freispiele",
     [GameCharacteristic.HasProgressiveJackpot]: "Progressiver Jackpot",
     [GameCharacteristic.Languages]: "Sprachen",
-    [GameCharacteristic.MaxWin]: "Maximaler Gewinn",
-    [GameCharacteristic.MaxBet]: "Maximaler Einsatz",
-    [GameCharacteristic.MinBet]: "Minimaler Einsatz",
+    [GameCharacteristic.MaxWin]: "Max Gewinn",
+    [GameCharacteristic.MaxBet]: "Max Einsatz ({{currency}})",
+    [GameCharacteristic.MinBet]: "Min Einsatz ({{currency}})",
     [GameCharacteristic.Name]: "Name",
     [GameCharacteristic.PayLines]: "Anzahl der Gewinnlinien",
     [GameCharacteristic.ReelsNumber]: "Anzahl der Walzen",
@@ -196,8 +196,8 @@ const gameInfo$3 = {
     [GameCharacteristic.HasProgressiveJackpot]: "Progressive Jackpot",
     [GameCharacteristic.Languages]: "Languages",
     [GameCharacteristic.MaxWin]: "Max Win",
-    [GameCharacteristic.MaxBet]: "Max Bet",
-    [GameCharacteristic.MinBet]: "Min Bet",
+    [GameCharacteristic.MaxBet]: "Max Bet ({{currency}})",
+    [GameCharacteristic.MinBet]: "Min Bet ({{currency}})",
     [GameCharacteristic.Name]: "Name",
     [GameCharacteristic.PayLines]: "Pay Lines Number",
     [GameCharacteristic.ReelsNumber]: "Reels Number",
@@ -315,8 +315,8 @@ const gameInfo$2 = {
     [GameCharacteristic.HasProgressiveJackpot]: "Jackpot Progressivo",
     [GameCharacteristic.Languages]: "Lingue",
     [GameCharacteristic.MaxWin]: "Vincita Massima",
-    [GameCharacteristic.MaxBet]: "Puntata Massima",
-    [GameCharacteristic.MinBet]: "Puntata Minima",
+    [GameCharacteristic.MaxBet]: "Puntata Massima ({{currency}})",
+    [GameCharacteristic.MinBet]: "Puntata Minima ({{currency}})",
     [GameCharacteristic.Name]: "Nome",
     [GameCharacteristic.PayLines]: "Numero di Linee di Pagamento",
     [GameCharacteristic.ReelsNumber]: "Numero di Rulli",
@@ -433,9 +433,9 @@ const gameInfo$1 = {
     [GameCharacteristic.HasFreeSpins]: "Фриспины",
     [GameCharacteristic.HasProgressiveJackpot]: "Прогрессивный джекпот",
     [GameCharacteristic.Languages]: "Языки",
-    [GameCharacteristic.MaxWin]: "Максимальный выигрыш",
-    [GameCharacteristic.MaxBet]: "Максимальная ставка",
-    [GameCharacteristic.MinBet]: "Минимальная ставка",
+    [GameCharacteristic.MaxWin]: "Макс. выигрыш",
+    [GameCharacteristic.MaxBet]: "Макс. ставка ({{currency}})",
+    [GameCharacteristic.MinBet]: "Мин. ставка ({{currency}})",
     [GameCharacteristic.Name]: "Название",
     [GameCharacteristic.PayLines]: "Количество линий выплат",
     [GameCharacteristic.ReelsNumber]: "Количество барабанов",
@@ -553,8 +553,8 @@ const gameInfo = {
     [GameCharacteristic.HasProgressiveJackpot]: "Jackpot progressif",
     [GameCharacteristic.Languages]: "Langues",
     [GameCharacteristic.MaxWin]: "Gain maximal",
-    [GameCharacteristic.MaxBet]: "Mise maximale",
-    [GameCharacteristic.MinBet]: "Mise minimale",
+    [GameCharacteristic.MaxBet]: "Mise maximale ({{currency}})",
+    [GameCharacteristic.MinBet]: "Mise minimale ({{currency}})",
     [GameCharacteristic.Name]: "Nom",
     [GameCharacteristic.PayLines]: "Nombre de lignes de paiement",
     [GameCharacteristic.ReelsNumber]: "Nombre de rouleaux",

package/dist/{index-BCuXOiT9.mjs → index-CjaAcLJf.mjs}

@@ -1,15 +1,16 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { Box, Collapse, Text, Button, Flex, Stack, Image, Center as Center$1, SimpleGrid, Link as Link$1, Card, CardHeader, Heading, CardBody, Popover, PopoverTrigger, Portal, PopoverContent, PopoverBody, CardFooter, useToast, useColorModeValue, VStack, FormControl, FormLabel, InputGroup, InputLeftElement, Input, Textarea, Accordion, AccordionItem, AccordionButton, AccordionIcon, AccordionPanel, LinkBox, LinkOverlay, IconButton, AbsoluteCenter, Spinner, useDisclosure, Divider, Circle, Container as Container$1, Menu, MenuButton, HStack, Icon, MenuList, MenuItem, List as List$1, ListItem, ListIcon, TableContainer, Table as Table$1, Thead, Tr, Th, Tbody, Td, TableCaption, Tabs as Tabs$1, TabList, Tab, TabPanels, TabPanel } from "@chakra-ui/react";
+import { Box, Collapse, Text, Button, Flex, Stack, Center as Center$1, SimpleGrid, Link as Link$1, Card, CardHeader, Heading, CardBody, Popover, PopoverTrigger, Portal, PopoverContent, PopoverBody, CardFooter, useToast, useColorModeValue, VStack, FormControl, FormLabel, InputGroup, InputLeftElement, Input, Textarea, Accordion, AccordionItem, AccordionButton, AccordionIcon, AccordionPanel, LinkBox, LinkOverlay, IconButton, AbsoluteCenter, Spinner, useDisclosure, Divider, Circle, Container as Container$1, Menu, MenuButton, HStack, Icon, MenuList, MenuItem, List as List$1, ListItem, ListIcon, TableContainer, Table as Table$1, Thead, Tr, Th, Tbody, Td, TableCaption, Tabs as Tabs$1, TabList, Tab, TabPanels, TabPanel } from "@chakra-ui/react";
 import { useTranslation } from "react-i18next";
-import { a as useSiteContext, L as Link, u as usePageContext } from "./index-tJcccH0B.mjs";
+import "react-medium-image-zoom";
+import { I as Image, a as useSiteContext, L as Link, u as usePageContext } from "./index-Bwlxdh5F.mjs";
 import { useRef, useState, useLayoutEffect, Fragment as Fragment$1, useMemo, forwardRef, useEffect } from "react";
 import { A as Animation } from "./index-BJRvnR8Q.mjs";
-import { a as GameCharacteristic } from "./index-CACDltm3.mjs";
+import { a as GameCharacteristic } from "./index-Bts2DBYS.mjs";
 import { useMDXComponents } from "@mdx-js/react";
 import { EmailIcon, StarIcon, CloseIcon, ViewOffIcon, ViewIcon, ChevronDownIcon, ChevronRightIcon, HamburgerIcon, ChevronUpIcon, WarningIcon, CheckCircleIcon } from "@chakra-ui/icons";
-import { e as getSeededRandomComparator, d as randomComparator, b as formatNumber, c as getCurrencySymbol, f as formatDate, g as getCurrentYear, a as getCurrentMonth } from "./index-Bu4S7kG8.mjs";
+import { e as getSeededRandomComparator, d as randomComparator, g as getCurrencySymbol, c as formatNumber, f as formatDate, a as getCurrentYear, b as getCurrentMonth } from "./index-BCK4kr6V.mjs";
 import { i as isRelativePath, b as buildPath } from "./index-BmaWfWLV.mjs";
-import { u as usePrimaryColors } from "./index-QazOxABc.mjs";
+import { u as usePrimaryColors } from "./index-tj12BA6U.mjs";
 import { t } from "i18next";
 import Markdown from "react-markdown";
 const ONE_LINE_HEIGHT = 24;
@@ -38,22 +39,20 @@ const Bio = ({ content, maxLines = 1 }) => {
 };
 const Author = ({ author, variant }) => {
   const { name, role, bio, avatar } = author;
-  const imageComponent = typeof avatar === "string" ? /* @__PURE__ */ jsx(Image, { src: avatar, alt: name, rounded: "full" }) : avatar;
   if (variant === "short") {
-    return /* @__PURE__ */ jsxs(Flex, { as: "article", align: "center", gap: 4, children: [
-      !!imageComponent && /* @__PURE__ */ jsx(Box, { w: 12, h: 12, children: imageComponent }),
+    return /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 4, children: [
+      /* @__PURE__ */ jsx(Box, { w: 12, h: 12, children: /* @__PURE__ */ jsx(Image, { src: avatar, alt: name, rounded: "full" }) }),
       /* @__PURE__ */ jsxs(Box, { fontWeight: "semibold", children: [
         /* @__PURE__ */ jsx(Text, { children: name }),
         /* @__PURE__ */ jsx(Text, { color: "gray.500", children: role })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !!imageComponent && /* @__PURE__ */ jsx(Flex, { grow: 1, maxW: { base: 48, sm: 32 }, children: imageComponent }),
-    /* @__PURE__ */ jsx(Flex, { w: "100%", children: /* @__PURE__ */ jsxs(Stack, { children: [
+  return /* @__PURE__ */ jsxs(Flex, { direction: { base: "column", sm: "row" }, align: { base: "center", sm: "flex-start" }, gap: 4, children: [
+    /* @__PURE__ */ jsx(Flex, { flex: 1, maxW: { base: 48, sm: 32 }, children: /* @__PURE__ */ jsx(Image, { src: avatar, alt: name, rounded: "full" }) }),
+    /* @__PURE__ */ jsx(Flex, { flex: 1, children: /* @__PURE__ */ jsxs(Stack, { children: [
       /* @__PURE__ */ jsxs(Text, { fontSize: "lg", fontWeight: 600, children: [
-        name,
-        ", ",
+        `${name}, `,
         /* @__PURE__ */ jsx(Text, { as: "span", color: "gray.500", children: role })
       ] }),
       /* @__PURE__ */ jsx(Bio, { content: bio })
@@ -83,10 +82,11 @@ const LinkButton = ({
   const { config } = useSiteContext();
   const { color, invertedColor } = usePrimaryColors();
   const isInvertedColor = (_a = config == null ? void 0 : config.theme) == null ? void 0 : _a.isInvertedColor;
-  const isInternalLink = linkType === "redirect" || isRelativePath(href);
+  const isRedirectLink = linkType === "redirect";
+  const isInternalLink = isRelativePath(href);
   const LinkComponent = isInternalLink ? Link : Link$1;
   const hrefKey = isInternalLink ? "to" : "href";
-  const hrefValue = linkType === "redirect" ? `/follow?to=${href}` : href;
+  const hrefValue = isRedirectLink ? `/follow?to=${href}` : href;
   return /* @__PURE__ */ jsx(
     Button,
     {
@@ -103,7 +103,8 @@ const LinkButton = ({
       ...href ? {
         as: LinkComponent,
         [hrefKey]: hrefValue,
-        rel: "nofollow"
+        target: isRedirectLink ? "_blank" : "_self",
+        rel: isInternalLink ? "" : "noopener noreferrer nofollow"
       } : {},
       children: label
     }
@@ -113,16 +114,7 @@ const AuthorCard = ({ author, ...boxProps }) => {
   const { t: t2 } = useTranslation("author");
   return /* @__PURE__ */ jsxs(Card, { as: "article", variant: "filled", ...boxProps, children: [
     /* @__PURE__ */ jsx(CardHeader, { pb: 0, children: /* @__PURE__ */ jsx(Heading, { size: "md", children: t2("title") }) }),
-    /* @__PURE__ */ jsx(
-      CardBody,
-      {
-        display: "flex",
-        flexDirection: { base: "column", sm: "row" },
-        alignItems: { base: "center", sm: "flex-start" },
-        gap: 4,
-        children: /* @__PURE__ */ jsx(Author, { author, variant: "full" })
-      }
-    )
+    /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsx(Author, { author, variant: "full" }) })
   ] });
 };
 const BonusCardContent = ({ content, buttonColor }) => {
@@ -335,7 +327,7 @@ const GameCard = ({ name, description, image, href, height = "auto" }) => {
       height,
       _hover: { transform: "scale(1.05)" },
       children: [
-        typeof image === "string" ? /* @__PURE__ */ jsx(Image, { src: image, alt: name, w: "100%", aspectRatio: "16/9", objectFit: "cover", objectPosition: "center" }) : !!image && /* @__PURE__ */ jsx(Box, { w: "100%", aspectRatio: "16/9", children: image }),
+        /* @__PURE__ */ jsx(Image, { src: image, alt: name, mode: "thumbnail" }),
         /* @__PURE__ */ jsxs(Box, { as: "section", rounded: "md", p: 4, children: [
           /* @__PURE__ */ jsx(Text, { as: "span", children: href ? /* @__PURE__ */ jsx(LinkOverlay, { href, children: name }) : name }),
           !!description && /* @__PURE__ */ jsx(Text, { fontSize: "sm", color: "gray.600", children: description })
@@ -427,9 +419,8 @@ const GameDemoContent = ({
 };
 const GameDemoPreview = ({ image, alt, href, imageFit = "contain", onPlayDemo }) => {
   const { t: t2 } = useTranslation("gameDemo");
-  const imageComponent = typeof image === "string" ? /* @__PURE__ */ jsx(Image, { src: image, alt, objectFit: imageFit, w: "100%", h: "100%" }) : image;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    imageComponent,
+    /* @__PURE__ */ jsx(Image, { src: image, alt, objectFit: imageFit, w: "100%", h: "100%" }),
     /* @__PURE__ */ jsx(AbsoluteCenter, { children: /* @__PURE__ */ jsxs(Stack, { spacing: 4, children: [
       /* @__PURE__ */ jsx(
         LinkButton,
@@ -438,7 +429,17 @@ const GameDemoPreview = ({ image, alt, href, imageFit = "contain", onPlayDemo })
           ...href ? { label: t2("action.playForReal"), href } : { label: t2("action.playForFree"), onClick: onPlayDemo }
         }
       ),
-      !!href && /* @__PURE__ */ jsx(Button, { variant: "outline", colorScheme: "brand", size: { base: "sm", md: "md" }, onClick: onPlayDemo, children: t2("action.playForFree") })
+      !!href && /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "solid",
+          colorScheme: "brand",
+          size: { base: "sm", md: "lg" },
+          _active: { transform: "scale(0.95)" },
+          onClick: onPlayDemo,
+          children: t2("action.playForFree")
+        }
+      )
     ] }) })
   ] });
 };
@@ -502,39 +503,34 @@ const GameInfoItem = ({ title, value }) => {
     /* @__PURE__ */ jsx(Text, { w: "50%", textTransform: "capitalize", children: value })
   ] });
 };
-const VISIBLE_LANGUAGE_NUMBER = 5;
+const MAX_VISIBLE_LANGUAGE = 5;
 function stringifyHasFeature(value) {
   return t(`gameInfo:value.boolean.${value}`);
 }
 function stringifyVolatility(value) {
   return t(`gameInfo:value.volatility.${value}`);
 }
-function stringifyArray(array) {
+function stringifyArray(array, max) {
+  const safeMax = typeof max === "number" ? Math.max(max, 0) : null;
+  if (safeMax && array.length > safeMax) {
+    return `${array.slice(0, safeMax).join(", ")}, +${array.length - safeMax}`;
+  }
   return array.join(", ");
 }
-function stringifyLanguageArray(languages) {
-  return languages.length > VISIBLE_LANGUAGE_NUMBER ? `${stringifyArray(languages.slice(0, VISIBLE_LANGUAGE_NUMBER))}, +${languages.length - VISIBLE_LANGUAGE_NUMBER}` : stringifyArray(languages);
-}
-function getGameInfoItemValue(key, value, locale, currency) {
+function getGameInfoItemValue(key, value, locale) {
   let formattedValue = "";
   if (typeof value !== "string") {
     if (key === GameCharacteristic.Rtp) {
       formattedValue = formatNumber(value, { percent: "real", precision: 3 });
     }
     if (key === GameCharacteristic.MinBet || key === GameCharacteristic.MaxBet || key === GameCharacteristic.MaxWin) {
-      if (Array.isArray(currency)) {
-        const [primary, ...secondaries] = currency || ["USD"];
-        const primaryValue = formatNumber(value, { currency: primary });
-        formattedValue = secondaries.length ? `${primaryValue} (${secondaries.map((currency2) => getCurrencySymbol(currency2, locale)).join(", ")})` : primaryValue;
-      } else {
-        formattedValue = formatNumber(value, { currency });
-      }
+      formattedValue = formatNumber(value, { locale });
     }
     if (key === GameCharacteristic.Compatibility || key === GameCharacteristic.BonusFeatures) {
       formattedValue = stringifyArray(value);
     }
     if (key === GameCharacteristic.Languages) {
-      formattedValue = stringifyLanguageArray(value);
+      formattedValue = stringifyArray(value, MAX_VISIBLE_LANGUAGE);
     }
     if (typeof value === "boolean") {
       formattedValue = stringifyHasFeature(value);
@@ -551,12 +547,15 @@ function getGameInfoItemValue(key, value, locale, currency) {
   }
   return formattedValue;
 }
-const GameInfo = ({ info }) => {
+const DEFAULT_CURRENCY = "$, €, £";
+function getGameInfoCurrency(currency, locale) {
+  const currencies = Array.isArray(currency) ? currency.map((code) => getCurrencySymbol(code, locale)) : [getCurrencySymbol(currency, locale)];
+  return stringifyArray(currencies);
+}
+const GameInfo = ({ info, currencies }) => {
   const { t: t2 } = useTranslation("gameInfo");
-  const { localization } = useSiteContext();
   const { currentLocale } = usePageContext();
-  const locale = currentLocale.code;
-  const currency = localization.currency;
+  const currency = (currencies == null ? void 0 : currencies.length) ? getGameInfoCurrency(currencies, currentLocale.code) : DEFAULT_CURRENCY;
   return /* @__PURE__ */ jsx(
     Box,
     {
@@ -575,8 +574,8 @@ const GameInfo = ({ info }) => {
               return null;
             }
             const feature = itemKey;
-            const value = getGameInfoItemValue(feature, itemValue, locale, currency);
-            return /* @__PURE__ */ jsx(GameInfoItem, { title: t2(`feature.${feature}`), value }, itemKey);
+            const value = getGameInfoItemValue(feature, itemValue, currentLocale.code);
+            return /* @__PURE__ */ jsx(GameInfoItem, { title: t2(`feature.${feature}`, { currency }), value }, itemKey);
           })
         ] }, group)) })
       ] })
@@ -589,7 +588,7 @@ const HowTo = ({ steps, ...boxProps }) => {
     /* @__PURE__ */ jsx(Circle, { size: 12, bgColor, color: invertedColor, fontSize: "lg", fontWeight: "bold", children: String(index + 1) }),
     /* @__PURE__ */ jsxs(Stack, { flex: 1, children: [
       /* @__PURE__ */ jsx(Text, { fontSize: "lg", fontWeight: "bold", children: title }),
-      typeof thumbnail === "string" ? /* @__PURE__ */ jsx(Image, { src: thumbnail, alt: title, aspectRatio: "16/9", objectFit: "cover" }) : thumbnail,
+      /* @__PURE__ */ jsx(Image, { src: thumbnail, alt: title, mode: "thumbnail", hasZoom: true }),
       /* @__PURE__ */ jsx(Text, { children: description })
     ] })
   ] }, index)) });
@@ -603,7 +602,7 @@ const Content = ({ children }) => {
 const Logo = () => {
   const { metadata } = useSiteContext();
   const { logo } = metadata;
-  return /* @__PURE__ */ jsx(Box, { display: "flex", h: { base: 10, md: 14 }, overflow: "hidden", children: typeof logo === "string" ? /* @__PURE__ */ jsx(Image, { src: logo, alt: "Logo", objectFit: "contain" }) : logo });
+  return /* @__PURE__ */ jsx(Box, { display: "flex", h: { base: 10, md: 14 }, overflow: "hidden", children: /* @__PURE__ */ jsx(Image, { src: logo, alt: "Logo", objectFit: "contain" }) });
 };
 const Brand$1 = ({ brand }) => {
   return /* @__PURE__ */ jsxs(Box, { position: "relative", my: 2, py: 8, children: [
@@ -1070,7 +1069,7 @@ const Layout = ({ children }) => {
   ] });
 };
 const List = ({ items, bullet = "—", render, ...boxProps }) => {
-  return /* @__PURE__ */ jsx(List$1, { pl: 0, ml: 2, mb: 4, ...boxProps, children: items.map((item, index) => /* @__PURE__ */ jsxs(ListItem, { display: "flex", gap: 1, children: [
+  return /* @__PURE__ */ jsx(List$1, { pl: 0, ml: 2, ...boxProps, children: items.map((item, index) => /* @__PURE__ */ jsxs(ListItem, { display: "flex", gap: 1, children: [
     /* @__PURE__ */ jsx(Box, { children: bullet }),
     render ? render(item) : item
   ] }, index)) });
@@ -1238,7 +1237,7 @@ const Tip = ({ tip, author = null, ...boxProps }) => {
 const ExternalImage = ({ image, component: ImageComponent, alt = "", ...imageProps }) => {
   var _a, _b;
   const imageData = (_b = (_a = image == null ? void 0 : image.localFile) == null ? void 0 : _a.childImageSharp) == null ? void 0 : _b.gatsbyImageData;
-  return imageData ? /* @__PURE__ */ jsx(ImageComponent, { image: imageData, alt, ...imageProps }) : /* @__PURE__ */ jsx(Fragment, {});
+  return imageData ? /* @__PURE__ */ jsx(ImageComponent, { image: imageData, alt, ...imageProps }) : null;
 };
 const RichText = ({ content }) => {
   const components = useMDXComponents();
@@ -1247,6 +1246,12 @@ const RichText = ({ content }) => {
 function extractItemsFromJson(content) {
   return content.strapi_json_value;
 }
+function extractCurrencies(currencyList) {
+  if (!currencyList) {
+    return [];
+  }
+  return [...new Set(currencyList.items.map(({ code }) => code))];
+}
 const StrapiComponent = ({ type, props, imageComponent }) => {
   switch (type) {
     case "STRAPI__COMPONENT_CONTENT_FAQ":
@@ -1265,7 +1270,13 @@ const StrapiComponent = ({ type, props, imageComponent }) => {
         }
       );
     case "STRAPI__COMPONENT_CONTENT_GAME_INFO":
-      return /* @__PURE__ */ jsx(GameInfo, { info: { ...props } });
+      return /* @__PURE__ */ jsx(
+        GameInfo,
+        {
+          info: { general: props.general, features: props.features },
+          currencies: extractCurrencies(props.currency)
+        }
+      );
     case "STRAPI__COMPONENT_CONTENT_HOW_TO":
       return /* @__PURE__ */ jsx(
         HowTo,
@@ -1280,15 +1291,14 @@ const StrapiComponent = ({ type, props, imageComponent }) => {
         }
       );
     case "STRAPI__COMPONENT_CONTENT_LIST":
-      return /* @__PURE__ */ jsx(List, { bullet: props.bullet, items: extractItemsFromJson(props.content) });
+      return /* @__PURE__ */ jsx(List, { bullet: props.bullet, items: extractItemsFromJson(props.content), mb: 4 });
     case "STRAPI__COMPONENT_CONTENT_MEDIA":
       return /* @__PURE__ */ jsx(
-        ExternalImage,
+        Image,
         {
-          component: imageComponent,
-          image: props.file,
-          alt: props.alternativeText,
-          style: { display: "inline-block", marginBottom: 16 }
+          src: /* @__PURE__ */ jsx(ExternalImage, { component: imageComponent, image: props.file, alt: props.alternativeText }),
+          mb: 4,
+          hasZoom: true
         }
       );
     case "STRAPI__COMPONENT_CONTENT_PROS_CONS":

package/dist/{index-QazOxABc.mjs → index-tj12BA6U.mjs}

@@ -1,6 +1,6 @@
 import { useColorModeValue } from "@chakra-ui/react";
 import "./index-BJRvnR8Q.mjs";
-import "./index-CACDltm3.mjs";
+import "./index-Bts2DBYS.mjs";
 import { L as LIGHT_THEME_COLOR, D as DARK_THEME_COLOR } from "./index-BRVKhbs6.mjs";
 function usePrimaryColors() {
   const color = useColorModeValue(LIGHT_THEME_COLOR, DARK_THEME_COLOR);

package/dist/index.cjs

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-D0yXUsJz.js");
-const index$1 = require("./index-B9GEoC68.js");
+const index = require("./index-BGMR4f6W.js");
+const index$1 = require("./index-BltrZp3R.js");
 const index$2 = require("./index-WFgDSB1A.js");
-const index$3 = require("./index-BnmGE5_x.js");
+const index$3 = require("./index-CAfBnNV6.js");
 const i18n = require("./i18n/index.cjs");
-const index$4 = require("./index-BIdYBT1G.js");
-const index$5 = require("./index-BHfpWNqh.js");
+const index$4 = require("./index-BbxOP7UY.js");
+const index$5 = require("./index-CJVr79Z2.js");
 const index$6 = require("./index-C6MG_f24.js");
 const index$7 = require("./index-CYr1ct1t.js");
-const index$8 = require("./index-D34TfBTR.js");
+const index$8 = require("./index-BICcOaT7.js");
 const index$9 = require("./index-At00w6EN.js");
 const index$a = require("./index-CbuiYkSg.js");
 exports.Author = index.Author;
@@ -37,6 +37,7 @@ exports.StrapiContentRenderer = index.StrapiContentRenderer;
 exports.Table = index.Table;
 exports.Tabs = index.Tabs;
 exports.Tip = index.Tip;
+exports.Image = index$1.Image;
 exports.Link = index$1.Link;
 exports.PageProvider = index$1.PageProvider;
 exports.SiteProvider = index$1.SiteProvider;
@@ -60,7 +61,6 @@ exports.getCurrencySymbol = index$8.getCurrencySymbol;
 exports.getCurrentMonth = index$8.getCurrentMonth;
 exports.getCurrentYear = index$8.getCurrentYear;
 exports.getSeededRandomComparator = index$8.getSeededRandomComparator;
-exports.parseNumber = index$8.parseNumber;
 exports.randomComparator = index$8.randomComparator;
 exports.round = index$8.round;
 exports.toFixedTwo = index$8.toFixedTwo;