@anywayseo/tools 5.1.0 → 5.3.0

package/dist/components/base/image/index.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { ImageType } from '../../../types';
+import { ImageProps as ChakraImageProps } from '@chakra-ui/react';
+type ImageProps = Omit<ChakraImageProps, 'src'> & {
+    src?: ImageType;
+    mode?: 'thumbnail' | 'default';
+    hasZoom?: boolean;
+};
+declare const Image: FC<ImageProps>;
+export default Image;

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

@@ -1,5 +1,6 @@
 export { default as Author } from './author';
 export { default as Center } from './center';
 export { default as Grid } from './grid';
+export { default as Image } from './image';
 export { default as Link } from './link';
 export { default as LinkButton } from './link-button';

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

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { Image as TImage, ImageFit } from '../../../types';
+import { ImageType, ImageFit } from '../../../types';
 type GameDemoPreviewProps = {
-    image: TImage;
+    image: ImageType;
     alt: string;
     href?: string;
     imageFit?: ImageFit;

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

@@ -1,7 +1,8 @@
 import { FC } from 'react';
-import { IGameInfo } from '../../types';
+import { Currency, IGameInfo } from '../../types';
 type GameInfoProps = {
     info: IGameInfo;
+    currencies?: Currency[];
 };
 declare const GameInfo: FC<GameInfoProps>;
 export default GameInfo;

package/dist/components/game-info/utils.d.ts

@@ -1,2 +1,4 @@
 import { Currency, ILocale, GameCharacteristic } from '../../types';
-export declare function getGameInfoItemValue(key: GameCharacteristic, value: unknown, locale: ILocale['code'], currency: Currency | Currency[]): string;
+export declare function getGameInfoItemValue(key: GameCharacteristic, value: unknown, locale: ILocale['code']): string;
+export declare const DEFAULT_CURRENCY = "$, \u20AC, \u00A3";
+export declare function getGameInfoCurrency(currency: Currency | Currency[], locale: ILocale['code']): string;

package/dist/components/index.cjs

@@ -1,7 +1,7 @@
 "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");
 exports.Author = index.Author;
 exports.AuthorCard = index.AuthorCard;
 exports.BonusCard = index.BonusCard;
@@ -27,4 +27,5 @@ 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;

package/dist/components/index.mjs

@@ -1,5 +1,5 @@
-import { k, A, B, a, l, C, F, b, c, G, d, e, f, m, H, L, n, g, N, P, S, h, T, i, j } from "../index-BCuXOiT9.mjs";
-import { L as L2 } from "../index-tJcccH0B.mjs";
+import { k, A, B, a, l, C, F, b, c, G, d, e, f, m, H, L, n, g, N, P, S, h, T, i, j } from "../index-CjaAcLJf.mjs";
+import { I, L as L2 } from "../index-Bwlxdh5F.mjs";
 export {
   k as Author,
   A as AuthorCard,
@@ -16,6 +16,7 @@ export {
   f as GameInfo,
   m as Grid,
   H as HowTo,
+  I as Image,
   L as Layout,
   L2 as Link,
   n as LinkButton,

package/dist/components/strapi-component/utils.d.ts

@@ -1,3 +1,12 @@
+import { Currency } from '../../types';
 export declare function extractItemsFromJson(content: {
     ['strapi_json_value']: string[];
 }): string[];
+interface ICurrencyListItem {
+    code: Currency;
+}
+interface ICurrencyList {
+    items: ICurrencyListItem[];
+}
+export declare function extractCurrencies(currencyList?: ICurrencyList): Currency[];
+export {};

package/dist/hooks/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const index = require("../index-WFgDSB1A.js");
-const index$1 = require("../index-BnmGE5_x.js");
+const index$1 = require("../index-CAfBnNV6.js");
 exports.useLocalization = index.useLocalization;
 exports.usePrimaryColors = index$1.usePrimaryColors;

package/dist/hooks/index.mjs

@@ -1,5 +1,5 @@
 import { u } from "../index-BzbpMLDD.mjs";
-import { u as u2 } from "../index-QazOxABc.mjs";
+import { u as u2 } from "../index-tj12BA6U.mjs";
 export {
   u as useLocalization,
   u2 as usePrimaryColors

package/dist/i18n/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("../index-BHfpWNqh.js");
+const index = require("../index-CJVr79Z2.js");
 const resources = {
   en: index.dictionary$4,
   it: index.dictionary$3,

package/dist/i18n/index.mjs

@@ -1,4 +1,4 @@
-import { d as dictionary, b as dictionary$1, c as dictionary$2, e as dictionary$3, f as dictionary$4 } from "../index-CACDltm3.mjs";
+import { d as dictionary, b as dictionary$1, c as dictionary$2, e as dictionary$3, f as dictionary$4 } from "../index-Bts2DBYS.mjs";
 const resources = {
   en: dictionary$4,
   it: dictionary$3,

package/dist/{index-Bu4S7kG8.mjs → index-BCK4kr6V.mjs}

@@ -1,4 +1,13 @@
 import { DEFAULT_LANGUAGE } from "./i18n/index.mjs";
+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 getCurrentYear(locale = DEFAULT_LANGUAGE) {
   const currentDate = /* @__PURE__ */ new Date();
   const currentYear = new Intl.DateTimeFormat(locale, { year: "numeric" }).format(currentDate);
@@ -54,22 +63,6 @@ function formatNumber(number, options) {
   const formatter = new Intl.NumberFormat(locale, formatOptions);
   return `${formatter.format(round(number, precision))}${postfix}`;
 }
-function parseNumber(value) {
-  const parsedNumber = parseFloat(value);
-  if (isNaN(parsedNumber)) {
-    return null;
-  }
-  return parsedNumber;
-}
-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 randomComparator() {
   return Math.random() - 0.5;
 }
@@ -82,14 +75,13 @@ function getSeededRandomComparator(seed) {
   return () => seededRandom(safeSeed + index++) - 0.5;
 }
 export {
-  getCurrentMonth as a,
-  formatNumber as b,
-  getCurrencySymbol as c,
+  getCurrentYear as a,
+  getCurrentMonth as b,
+  formatNumber as c,
   randomComparator as d,
   getSeededRandomComparator as e,
   formatDate as f,
-  getCurrentYear as g,
-  parseNumber as p,
+  getCurrencySymbol as g,
   round as r,
   toFixedTwo as t
 };

package/dist/{index-D0yXUsJz.js → index-BGMR4f6W.js}

@@ -2,15 +2,16 @@
 const jsxRuntime = require("react/jsx-runtime");
 const react$1 = require("@chakra-ui/react");
 const reactI18next = require("react-i18next");
-const index = require("./index-B9GEoC68.js");
+require("react-medium-image-zoom");
+const index = require("./index-BltrZp3R.js");
 const react = require("react");
 const index$3 = require("./index-C6MG_f24.js");
-const index$5 = require("./index-BHfpWNqh.js");
+const index$5 = require("./index-CJVr79Z2.js");
 const react$2 = require("@mdx-js/react");
 const icons = require("@chakra-ui/icons");
-const index$4 = require("./index-D34TfBTR.js");
+const index$4 = require("./index-BICcOaT7.js");
 const index$2 = require("./index-At00w6EN.js");
-const index$1 = require("./index-BnmGE5_x.js");
+const index$1 = require("./index-CAfBnNV6.js");
 const i18next = require("i18next");
 const Markdown = require("react-markdown");
 const ONE_LINE_HEIGHT = 24;
@@ -39,22 +40,20 @@ const Bio = ({ content, maxLines = 1 }) => {
 };
 const Author = ({ author, variant }) => {
   const { name, role, bio, avatar } = author;
-  const imageComponent = typeof avatar === "string" ? /* @__PURE__ */ jsxRuntime.jsx(react$1.Image, { src: avatar, alt: name, rounded: "full" }) : avatar;
   if (variant === "short") {
-    return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Flex, { as: "article", align: "center", gap: 4, children: [
-      !!imageComponent && /* @__PURE__ */ jsxRuntime.jsx(react$1.Box, { w: 12, h: 12, children: imageComponent }),
+    return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Flex, { align: "center", gap: 4, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(react$1.Box, { w: 12, h: 12, children: /* @__PURE__ */ jsxRuntime.jsx(index.Image, { src: avatar, alt: name, rounded: "full" }) }),
       /* @__PURE__ */ jsxRuntime.jsxs(react$1.Box, { fontWeight: "semibold", children: [
         /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { children: name }),
         /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { color: "gray.500", children: role })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    !!imageComponent && /* @__PURE__ */ jsxRuntime.jsx(react$1.Flex, { grow: 1, maxW: { base: 48, sm: 32 }, children: imageComponent }),
-    /* @__PURE__ */ jsxRuntime.jsx(react$1.Flex, { w: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(react$1.Stack, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Flex, { direction: { base: "column", sm: "row" }, align: { base: "center", sm: "flex-start" }, gap: 4, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(react$1.Flex, { flex: 1, maxW: { base: 48, sm: 32 }, children: /* @__PURE__ */ jsxRuntime.jsx(index.Image, { src: avatar, alt: name, rounded: "full" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(react$1.Flex, { flex: 1, children: /* @__PURE__ */ jsxRuntime.jsxs(react$1.Stack, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(react$1.Text, { fontSize: "lg", fontWeight: 600, children: [
-        name,
-        ", ",
+        `${name}, `,
         /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { as: "span", color: "gray.500", children: role })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(Bio, { content: bio })
@@ -84,10 +83,11 @@ const LinkButton = ({
   const { config } = index.useSiteContext();
   const { color, invertedColor } = index$1.usePrimaryColors();
   const isInvertedColor = (_a = config == null ? void 0 : config.theme) == null ? void 0 : _a.isInvertedColor;
-  const isInternalLink = linkType === "redirect" || index$2.isRelativePath(href);
+  const isRedirectLink = linkType === "redirect";
+  const isInternalLink = index$2.isRelativePath(href);
   const LinkComponent = isInternalLink ? index.Link : react$1.Link;
   const hrefKey = isInternalLink ? "to" : "href";
-  const hrefValue = linkType === "redirect" ? `/follow?to=${href}` : href;
+  const hrefValue = isRedirectLink ? `/follow?to=${href}` : href;
   return /* @__PURE__ */ jsxRuntime.jsx(
     react$1.Button,
     {
@@ -104,7 +104,8 @@ const LinkButton = ({
       ...href ? {
         as: LinkComponent,
         [hrefKey]: hrefValue,
-        rel: "nofollow"
+        target: isRedirectLink ? "_blank" : "_self",
+        rel: isInternalLink ? "" : "noopener noreferrer nofollow"
       } : {},
       children: label
     }
@@ -114,16 +115,7 @@ const AuthorCard = ({ author, ...boxProps }) => {
   const { t } = reactI18next.useTranslation("author");
   return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Card, { as: "article", variant: "filled", ...boxProps, children: [
     /* @__PURE__ */ jsxRuntime.jsx(react$1.CardHeader, { pb: 0, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Heading, { size: "md", children: t("title") }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.CardBody,
-      {
-        display: "flex",
-        flexDirection: { base: "column", sm: "row" },
-        alignItems: { base: "center", sm: "flex-start" },
-        gap: 4,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Author, { author, variant: "full" })
-      }
-    )
+    /* @__PURE__ */ jsxRuntime.jsx(react$1.CardBody, { children: /* @__PURE__ */ jsxRuntime.jsx(Author, { author, variant: "full" }) })
   ] });
 };
 const BonusCardContent = ({ content, buttonColor }) => {
@@ -336,7 +328,7 @@ const GameCard = ({ name, description, image, href, height = "auto" }) => {
       height,
       _hover: { transform: "scale(1.05)" },
       children: [
-        typeof image === "string" ? /* @__PURE__ */ jsxRuntime.jsx(react$1.Image, { src: image, alt: name, w: "100%", aspectRatio: "16/9", objectFit: "cover", objectPosition: "center" }) : !!image && /* @__PURE__ */ jsxRuntime.jsx(react$1.Box, { w: "100%", aspectRatio: "16/9", children: image }),
+        /* @__PURE__ */ jsxRuntime.jsx(index.Image, { src: image, alt: name, mode: "thumbnail" }),
         /* @__PURE__ */ jsxRuntime.jsxs(react$1.Box, { as: "section", rounded: "md", p: 4, children: [
           /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { as: "span", children: href ? /* @__PURE__ */ jsxRuntime.jsx(react$1.LinkOverlay, { href, children: name }) : name }),
           !!description && /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { fontSize: "sm", color: "gray.600", children: description })
@@ -428,9 +420,8 @@ const GameDemoContent = ({
 };
 const GameDemoPreview = ({ image, alt, href, imageFit = "contain", onPlayDemo }) => {
   const { t } = reactI18next.useTranslation("gameDemo");
-  const imageComponent = typeof image === "string" ? /* @__PURE__ */ jsxRuntime.jsx(react$1.Image, { src: image, alt, objectFit: imageFit, w: "100%", h: "100%" }) : image;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    imageComponent,
+    /* @__PURE__ */ jsxRuntime.jsx(index.Image, { src: image, alt, objectFit: imageFit, w: "100%", h: "100%" }),
     /* @__PURE__ */ jsxRuntime.jsx(react$1.AbsoluteCenter, { children: /* @__PURE__ */ jsxRuntime.jsxs(react$1.Stack, { spacing: 4, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         LinkButton,
@@ -439,7 +430,17 @@ const GameDemoPreview = ({ image, alt, href, imageFit = "contain", onPlayDemo })
           ...href ? { label: t("action.playForReal"), href } : { label: t("action.playForFree"), onClick: onPlayDemo }
         }
       ),
-      !!href && /* @__PURE__ */ jsxRuntime.jsx(react$1.Button, { variant: "outline", colorScheme: "brand", size: { base: "sm", md: "md" }, onClick: onPlayDemo, children: t("action.playForFree") })
+      !!href && /* @__PURE__ */ jsxRuntime.jsx(
+        react$1.Button,
+        {
+          variant: "solid",
+          colorScheme: "brand",
+          size: { base: "sm", md: "lg" },
+          _active: { transform: "scale(0.95)" },
+          onClick: onPlayDemo,
+          children: t("action.playForFree")
+        }
+      )
     ] }) })
   ] });
 };
@@ -503,39 +504,34 @@ const GameInfoItem = ({ title, value }) => {
     /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { w: "50%", textTransform: "capitalize", children: value })
   ] });
 };
-const VISIBLE_LANGUAGE_NUMBER = 5;
+const MAX_VISIBLE_LANGUAGE = 5;
 function stringifyHasFeature(value) {
   return i18next.t(`gameInfo:value.boolean.${value}`);
 }
 function stringifyVolatility(value) {
   return i18next.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 === index$5.GameCharacteristic.Rtp) {
       formattedValue = index$4.formatNumber(value, { percent: "real", precision: 3 });
     }
     if (key === index$5.GameCharacteristic.MinBet || key === index$5.GameCharacteristic.MaxBet || key === index$5.GameCharacteristic.MaxWin) {
-      if (Array.isArray(currency)) {
-        const [primary, ...secondaries] = currency || ["USD"];
-        const primaryValue = index$4.formatNumber(value, { currency: primary });
-        formattedValue = secondaries.length ? `${primaryValue} (${secondaries.map((currency2) => index$4.getCurrencySymbol(currency2, locale)).join(", ")})` : primaryValue;
-      } else {
-        formattedValue = index$4.formatNumber(value, { currency });
-      }
+      formattedValue = index$4.formatNumber(value, { locale });
     }
     if (key === index$5.GameCharacteristic.Compatibility || key === index$5.GameCharacteristic.BonusFeatures) {
       formattedValue = stringifyArray(value);
     }
     if (key === index$5.GameCharacteristic.Languages) {
-      formattedValue = stringifyLanguageArray(value);
+      formattedValue = stringifyArray(value, MAX_VISIBLE_LANGUAGE);
     }
     if (typeof value === "boolean") {
       formattedValue = stringifyHasFeature(value);
@@ -552,12 +548,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) => index$4.getCurrencySymbol(code, locale)) : [index$4.getCurrencySymbol(currency, locale)];
+  return stringifyArray(currencies);
+}
+const GameInfo = ({ info, currencies }) => {
   const { t } = reactI18next.useTranslation("gameInfo");
-  const { localization } = index.useSiteContext();
   const { currentLocale } = index.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__ */ jsxRuntime.jsx(
     react$1.Box,
     {
@@ -576,8 +575,8 @@ const GameInfo = ({ info }) => {
               return null;
             }
             const feature = itemKey;
-            const value = getGameInfoItemValue(feature, itemValue, locale, currency);
-            return /* @__PURE__ */ jsxRuntime.jsx(GameInfoItem, { title: t(`feature.${feature}`), value }, itemKey);
+            const value = getGameInfoItemValue(feature, itemValue, currentLocale.code);
+            return /* @__PURE__ */ jsxRuntime.jsx(GameInfoItem, { title: t(`feature.${feature}`, { currency }), value }, itemKey);
           })
         ] }, group)) })
       ] })
@@ -586,14 +585,14 @@ const GameInfo = ({ info }) => {
 };
 const HowTo = ({ steps, ...boxProps }) => {
   const { bgColor, invertedColor } = index$1.usePrimaryColors();
-  return /* @__PURE__ */ jsxRuntime.jsx(react$1.SimpleGrid, { as: "ol", columns: { base: 1, md: 2, lg: 3 }, gap: 4, p: 0, ...boxProps, children: steps.map(({ title, description, thumbnail }, index2) => /* @__PURE__ */ jsxRuntime.jsxs(react$1.Flex, { as: "li", alignItems: "flex-start", gap: 4, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(react$1.Circle, { size: 12, bgColor, color: invertedColor, fontSize: "lg", fontWeight: "bold", children: String(index2 + 1) }),
+  return /* @__PURE__ */ jsxRuntime.jsx(react$1.SimpleGrid, { as: "ol", columns: { base: 1, md: 2, lg: 3 }, gap: 4, p: 0, ...boxProps, children: steps.map(({ title, description, thumbnail }, index$12) => /* @__PURE__ */ jsxRuntime.jsxs(react$1.Flex, { as: "li", alignItems: "flex-start", gap: 4, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(react$1.Circle, { size: 12, bgColor, color: invertedColor, fontSize: "lg", fontWeight: "bold", children: String(index$12 + 1) }),
     /* @__PURE__ */ jsxRuntime.jsxs(react$1.Stack, { flex: 1, children: [
       /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { fontSize: "lg", fontWeight: "bold", children: title }),
-      typeof thumbnail === "string" ? /* @__PURE__ */ jsxRuntime.jsx(react$1.Image, { src: thumbnail, alt: title, aspectRatio: "16/9", objectFit: "cover" }) : thumbnail,
+      /* @__PURE__ */ jsxRuntime.jsx(index.Image, { src: thumbnail, alt: title, mode: "thumbnail", hasZoom: true }),
       /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { children: description })
     ] })
-  ] }, index2)) });
+  ] }, index$12)) });
 };
 const Container = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(react$1.Container, { maxW: "container.xl", children });
@@ -604,7 +603,7 @@ const Content = ({ children }) => {
 const Logo = () => {
   const { metadata } = index.useSiteContext();
   const { logo } = metadata;
-  return /* @__PURE__ */ jsxRuntime.jsx(react$1.Box, { display: "flex", h: { base: 10, md: 14 }, overflow: "hidden", children: typeof logo === "string" ? /* @__PURE__ */ jsxRuntime.jsx(react$1.Image, { src: logo, alt: "Logo", objectFit: "contain" }) : logo });
+  return /* @__PURE__ */ jsxRuntime.jsx(react$1.Box, { display: "flex", h: { base: 10, md: 14 }, overflow: "hidden", children: /* @__PURE__ */ jsxRuntime.jsx(index.Image, { src: logo, alt: "Logo", objectFit: "contain" }) });
 };
 const Brand$1 = ({ brand }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Box, { position: "relative", my: 2, py: 8, children: [
@@ -1071,7 +1070,7 @@ const Layout = ({ children }) => {
   ] });
 };
 const List = ({ items, bullet = "—", render, ...boxProps }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(react$1.List, { pl: 0, ml: 2, mb: 4, ...boxProps, children: items.map((item, index2) => /* @__PURE__ */ jsxRuntime.jsxs(react$1.ListItem, { display: "flex", gap: 1, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(react$1.List, { pl: 0, ml: 2, ...boxProps, children: items.map((item, index2) => /* @__PURE__ */ jsxRuntime.jsxs(react$1.ListItem, { display: "flex", gap: 1, children: [
     /* @__PURE__ */ jsxRuntime.jsx(react$1.Box, { children: bullet }),
     render ? render(item) : item
   ] }, index2)) });
@@ -1239,7 +1238,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__ */ jsxRuntime.jsx(ImageComponent, { image: imageData, alt, ...imageProps }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
+  return imageData ? /* @__PURE__ */ jsxRuntime.jsx(ImageComponent, { image: imageData, alt, ...imageProps }) : null;
 };
 const RichText = ({ content }) => {
   const components = react$2.useMDXComponents();
@@ -1248,6 +1247,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":
@@ -1266,7 +1271,13 @@ const StrapiComponent = ({ type, props, imageComponent }) => {
         }
       );
     case "STRAPI__COMPONENT_CONTENT_GAME_INFO":
-      return /* @__PURE__ */ jsxRuntime.jsx(GameInfo, { info: { ...props } });
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        GameInfo,
+        {
+          info: { general: props.general, features: props.features },
+          currencies: extractCurrencies(props.currency)
+        }
+      );
     case "STRAPI__COMPONENT_CONTENT_HOW_TO":
       return /* @__PURE__ */ jsxRuntime.jsx(
         HowTo,
@@ -1281,15 +1292,14 @@ const StrapiComponent = ({ type, props, imageComponent }) => {
         }
       );
     case "STRAPI__COMPONENT_CONTENT_LIST":
-      return /* @__PURE__ */ jsxRuntime.jsx(List, { bullet: props.bullet, items: extractItemsFromJson(props.content) });
+      return /* @__PURE__ */ jsxRuntime.jsx(List, { bullet: props.bullet, items: extractItemsFromJson(props.content), mb: 4 });
     case "STRAPI__COMPONENT_CONTENT_MEDIA":
       return /* @__PURE__ */ jsxRuntime.jsx(
-        ExternalImage,
+        index.Image,
         {
-          component: imageComponent,
-          image: props.file,
-          alt: props.alternativeText,
-          style: { display: "inline-block", marginBottom: 16 }
+          src: /* @__PURE__ */ jsxRuntime.jsx(ExternalImage, { component: imageComponent, image: props.file, alt: props.alternativeText }),
+          mb: 4,
+          hasZoom: true
         }
       );
     case "STRAPI__COMPONENT_CONTENT_PROS_CONS":

package/dist/{index-D34TfBTR.js → index-BICcOaT7.js}

@@ -1,5 +1,14 @@
 "use strict";
 const i18n = require("./i18n/index.cjs");
+function getCurrencySymbol(currencyCode, locale = i18n.DEFAULT_LANGUAGE) {
+  const symbol = 0 .toLocaleString(locale, {
+    style: "currency",
+    currency: currencyCode,
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0
+  }).replace(/\d/g, "").trim();
+  return symbol;
+}
 function getCurrentYear(locale = i18n.DEFAULT_LANGUAGE) {
   const currentDate = /* @__PURE__ */ new Date();
   const currentYear = new Intl.DateTimeFormat(locale, { year: "numeric" }).format(currentDate);
@@ -55,22 +64,6 @@ function formatNumber(number, options) {
   const formatter = new Intl.NumberFormat(locale, formatOptions);
   return `${formatter.format(round(number, precision))}${postfix}`;
 }
-function parseNumber(value) {
-  const parsedNumber = parseFloat(value);
-  if (isNaN(parsedNumber)) {
-    return null;
-  }
-  return parsedNumber;
-}
-function getCurrencySymbol(currencyCode, locale = i18n.DEFAULT_LANGUAGE) {
-  const symbol = 0 .toLocaleString(locale, {
-    style: "currency",
-    currency: currencyCode,
-    minimumFractionDigits: 0,
-    maximumFractionDigits: 0
-  }).replace(/\d/g, "").trim();
-  return symbol;
-}
 function randomComparator() {
   return Math.random() - 0.5;
 }
@@ -88,7 +81,6 @@ exports.getCurrencySymbol = getCurrencySymbol;
 exports.getCurrentMonth = getCurrentMonth;
 exports.getCurrentYear = getCurrentYear;
 exports.getSeededRandomComparator = getSeededRandomComparator;
-exports.parseNumber = parseNumber;
 exports.randomComparator = randomComparator;
 exports.round = round;
 exports.toFixedTwo = toFixedTwo;

package/dist/{index-BIdYBT1G.js → index-BbxOP7UY.js}

@@ -2,12 +2,12 @@
 const jsxRuntime = require("react/jsx-runtime");
 const react$1 = require("@chakra-ui/react");
 const react = require("@mdx-js/react");
+const index = require("./index-BltrZp3R.js");
 require("react");
 require("react-i18next");
-const index$1 = require("./index-B9GEoC68.js");
 require("./index-C6MG_f24.js");
-require("./index-BHfpWNqh.js");
-const index = require("./index-At00w6EN.js");
+require("./index-CJVr79Z2.js");
+const index$1 = require("./index-At00w6EN.js");
 function omitProps(props, omittedKeys) {
   const result = { ...props };
   omittedKeys.forEach((key) => {
@@ -25,7 +25,7 @@ function renderLink({
   href,
   ...props
 }) {
-  return index.isRelativePath(href) ? /* @__PURE__ */ jsxRuntime.jsx(react$1.Link, { as: index$1.Link, to: href, color: "brand.400", ...props }) : /* @__PURE__ */ jsxRuntime.jsx(
+  return index$1.isRelativePath(href) ? /* @__PURE__ */ jsxRuntime.jsx(react$1.Link, { as: index.Link, to: href, color: "brand.400", ...props }) : /* @__PURE__ */ jsxRuntime.jsx(
     react$1.Link,
     {
       href,
@@ -37,6 +37,9 @@ function renderLink({
     }
   );
 }
+function renderImage(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Image, { ...props, mt: 4, mb: 4, hasZoom: true });
+}
 const components = {
   h1: preprocessProps((props) => /* @__PURE__ */ jsxRuntime.jsx(react$1.Heading, { as: "h1", size: "xl", mb: 4, ...props })),
   h2: preprocessProps((props) => /* @__PURE__ */ jsxRuntime.jsx(react$1.Heading, { as: "h2", size: "lg", mt: 6, mb: 4, ...props })),
@@ -44,7 +47,8 @@ const components = {
   ol: preprocessProps((props) => /* @__PURE__ */ jsxRuntime.jsx(react$1.OrderedList, { mb: 4, ...props })),
   ul: preprocessProps((props) => /* @__PURE__ */ jsxRuntime.jsx(react$1.UnorderedList, { mb: 4, ...props })),
   p: preprocessProps((props) => /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { mb: 4, ...props })),
-  a: preprocessProps((props) => renderLink(props))
+  a: preprocessProps((props) => renderLink(props)),
+  img: preprocessProps((props) => renderImage(props))
 };
 const MdxProvider = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(react.MDXProvider, { components, children });