@anywayseo/tools 5.6.0 → 5.7.1

package/dist/{index-JUwyHkmj.mjs → index-N0fjwTCB.mjs}

@@ -1,20 +1,48 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { Box, Collapse, Text, Button, Flex, Stack, Center as Center$1, SimpleGrid, Card, CardHeader, Heading, CardBody, Popover, PopoverTrigger, Portal, PopoverContent, PopoverBody, CardFooter, Accordion, AccordionItem, AccordionButton, AccordionIcon, AccordionPanel, LinkBox, LinkOverlay, IconButton, AbsoluteCenter, Spinner, useDisclosure, Divider, Circle, List as List$1, ListItem, useToast, useColorModeValue, VStack, FormControl, FormLabel, InputGroup, InputLeftElement, Input, Textarea, 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 { useColorModeValue, Box, Text, Flex, Collapse, Button, Stack, Center as Center$1, SimpleGrid, Card, CardBody, CardFooter, CardHeader, Heading, Popover, PopoverTrigger, Portal, PopoverContent, PopoverBody, Accordion, AccordionItem, AccordionButton, AccordionIcon, AccordionPanel, LinkBox, LinkOverlay, IconButton, AbsoluteCenter, Spinner, Alert, AlertIcon, AlertTitle, AlertDescription, useDisclosure, Divider, Circle, List as List$1, ListItem, useToast, VStack, FormControl, FormLabel, InputGroup, InputLeftElement, Input, Textarea, 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 "react-medium-image-zoom";
-import { I as Image, L as Link, u as usePageContext, a as useSiteContext } from "./index-HLGPI9-S.mjs";
 import { useMDXComponents } from "@mdx-js/react";
-import { useRef, useState, useLayoutEffect, Fragment as Fragment$1, useMemo } from "react";
+import { u as usePageContext, I as Image, L as Link, a as useSiteContext } from "./index-ZivV_RbX.mjs";
 import "./index-BJRvnR8Q.mjs";
-import { a as GameCharacteristic, G as GameVolatility } from "./index-CWMHJGbL.mjs";
-import { b as SocialNetworks, L as LinkButton } from "./index-COv56GyV.mjs";
-import { H as Heading1, P as Paragraph, a as Heading2, U as Unordered, O as Ordered } from "./index-BEjKnOZA.mjs";
-import { f as formatDate, a as getCurrentMonth, g as getCurrentYear } from "./index-B1PwYYQt.mjs";
+import { b as GameCharacteristic, G as GameVolatility } from "./index-CVN8I7r9.mjs";
+import "react-medium-image-zoom";
+import { useRef, useState, useLayoutEffect, Fragment as Fragment$1, useMemo } from "react";
 import { StarIcon, CloseIcon, ViewOffIcon, ViewIcon, EmailIcon, WarningIcon, CheckCircleIcon } from "@chakra-ui/icons";
-import { u as usePrimaryColors } from "./index-DYS7zQW4.mjs";
-import { b as getSeededRandomComparator, a as randomComparator, g as getCurrencySymbol, f as formatNumber } from "./index-Drz_7u2p.mjs";
+import { a as Heading2, H as Heading1, P as Paragraph, U as Unordered, O as Ordered } from "./index-BEjKnOZA.mjs";
+import { f as formatDate, b as formatNumber, a as getCurrentMonth, g as getCurrentYear } from "./index-C7z5qqm_.mjs";
+import { d as SocialNetworks, L as LinkButton } from "./index-BUz6iLeg.mjs";
+import { u as usePrimaryColors } from "./index-CB0JfZMx.mjs";
+import { a as getSeededRandomComparator, r as randomComparator, g as getCurrencySymbol } from "./index-BeJTy4iY.mjs";
 import { t } from "i18next";
 import Markdown from "react-markdown";
+const ArticleMetaItem = ({ label, value }) => {
+  const color = useColorModeValue("gray.600", "gray.400");
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(Text, { as: "span", color, children: label }),
+    value
+  ] });
+};
+const ArticleMeta = ({ createdAt, updatedAt, minutesToRead, author, variant = "full" }) => {
+  const { currentLocale } = usePageContext();
+  const { t: t2 } = useTranslation("article");
+  return /* @__PURE__ */ jsxs(Flex, { columnGap: 4, rowGap: 2, wrap: "wrap", children: [
+    /* @__PURE__ */ jsx(
+      ArticleMetaItem,
+      {
+        label: variant === "full" ? `📅 ${t2("meta.publicationDate")}` : "📅 ",
+        value: formatDate({ value: updatedAt ?? createdAt, locale: currentLocale.code })
+      }
+    ),
+    !!minutesToRead && /* @__PURE__ */ jsx(
+      ArticleMetaItem,
+      {
+        label: variant === "full" ? `⏳ ${t2("meta.readingTime.label")}` : "⏳ ",
+        value: t2("meta.readingTime.count", { count: minutesToRead })
+      }
+    ),
+    !!author && /* @__PURE__ */ jsx(ArticleMetaItem, { label: variant === "full" ? `🧑🏻‍💻 ${t2("meta.author")}` : "🧑🏻‍💻 ", value: author.name })
+  ] });
+};
 const ONE_LINE_HEIGHT = 24;
 const Bio = ({ content, maxLines = 1 }) => {
   const ref = useRef(null);
@@ -67,7 +95,44 @@ const Center = ({ children, ...boxProps }) => {
 };
 const defaultColumns = { base: 1, sm: 2, md: 3, lg: 4, xl: 5 };
 const Grid = ({ items, columns = defaultColumns, gap, render, getKey, ...boxProps }) => {
-  return /* @__PURE__ */ jsx(SimpleGrid, { as: "ul", columns, spacing: gap, p: 0, m: 0, listStyleType: "none", ...boxProps, children: items.map((item, index) => /* @__PURE__ */ jsx(Box, { as: "li", children: render(item) }, getKey ? getKey(item) : index)) });
+  return /* @__PURE__ */ jsx(SimpleGrid, { as: "ul", columns, spacing: gap, p: 0, m: 0, listStyleType: "none", ...boxProps, children: items.map((item, index) => /* @__PURE__ */ jsx(Box, { as: "li", children: render(item) }, getKey ? getKey(item, index) : index)) });
+};
+const ActionButton = ({ label, href, ...boxProps }) => {
+  return /* @__PURE__ */ jsx(Flex, { justifyContent: "center", ...boxProps, children: /* @__PURE__ */ jsx(LinkButton, { label, href, textDecoration: "none" }) });
+};
+const ArticleCard = ({ title, image, meta, url }) => {
+  return /* @__PURE__ */ jsxs(Card, { as: Link, to: url, overflow: "hidden", _hover: { transform: "scale(1.02)", textDecoration: "none" }, children: [
+    /* @__PURE__ */ jsxs(CardBody, { as: "section", p: 0, children: [
+      !!image && /* @__PURE__ */ jsx(Image, { src: image, alt: title, mode: "thumbnail" }),
+      /* @__PURE__ */ jsx(Heading2, { size: "md", px: 4, children: title })
+    ] }),
+    !!meta && /* @__PURE__ */ jsx(CardFooter, { as: "footer", fontSize: "sm", pt: 0, px: 4, children: /* @__PURE__ */ jsx(ArticleMeta, { ...meta, variant: "short" }) })
+  ] });
+};
+const ArticleCardGrid = ({
+  items,
+  columns = { base: 1, md: 2, lg: 3 },
+  gap = 4,
+  ...boxProps
+}) => {
+  return /* @__PURE__ */ jsx(
+    Grid,
+    {
+      items,
+      columns,
+      gap,
+      getKey: (_, index) => index,
+      render: (item) => /* @__PURE__ */ jsx(ArticleCard, { ...item }),
+      ...boxProps
+    }
+  );
+};
+const ArticleInfoCard = ({ title, description, meta, ...boxProps }) => {
+  return /* @__PURE__ */ jsxs(Card, { as: "article", variant: "filled", ...boxProps, children: [
+    /* @__PURE__ */ jsx(CardHeader, { as: "header", pb: 0, children: /* @__PURE__ */ jsx(Heading1, { children: title }) }),
+    /* @__PURE__ */ jsx(CardBody, { as: "section", py: 0, children: description }),
+    !!meta && /* @__PURE__ */ jsx(CardFooter, { as: "footer", children: /* @__PURE__ */ jsx(ArticleMeta, { ...meta }) })
+  ] });
 };
 const AuthorCard = ({ author, ...boxProps }) => {
   const { t: t2 } = useTranslation("author");
@@ -196,7 +261,7 @@ const FeatureCardGrid = ({
       items,
       columns,
       gap,
-      getKey: ({ title }) => title,
+      getKey: (_, index) => index,
       render: (item) => /* @__PURE__ */ jsx(FeatureCard, { ...item }),
       ...boxProps
     }
@@ -306,19 +371,54 @@ const GameDemoContent = ({
     /* @__PURE__ */ jsx(AbsoluteCenter, { children: /* @__PURE__ */ jsx(Spinner, { size: "xl", thickness: "0.6rem", display: isLoaded ? "none" : "block", color: "brand.100" }) })
   ] });
 };
-const GameDemoPreview = ({ image, alt, href, imageFit = "contain", onPlayDemo }) => {
+const GameDemoAlert = () => {
   const { t: t2 } = useTranslation("gameDemo");
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__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,
-        {
-          animation: { type: "pulse", params: { duration: 2, timingFunction: "ease-out", isInfinite: true } },
-          ...href ? { label: t2("action.playForReal"), href } : { label: t2("action.playForFree"), onClick: onPlayDemo }
-        }
-      ),
-      !!href && /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
+    Alert,
+    {
+      status: "warning",
+      flexDirection: { base: "column", md: "row" },
+      justifyContent: { base: "center", md: "flex-start" },
+      alignItems: "center",
+      rounded: "lg",
+      children: [
+        /* @__PURE__ */ jsx(AlertIcon, {}),
+        /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            direction: { base: "column", md: "row" },
+            justifyContent: { base: "center", md: "flex-start" },
+            alignItems: { base: "center", md: "baseline" },
+            wrap: "wrap",
+            textAlign: { base: "center", md: "start" },
+            children: [
+              /* @__PURE__ */ jsx(AlertTitle, { my: 1, fontSize: { base: "sm", sm: "md", md: "lg" }, lineHeight: "short", children: t2("alert.title") }),
+              /* @__PURE__ */ jsx(AlertDescription, { fontSize: { base: "sm", sm: "md", md: "lg" }, lineHeight: "short", children: t2("alert.description") })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+const buttonAnimationProps = {
+  type: "pulse",
+  params: { duration: 2, timingFunction: "ease-out", isInfinite: true }
+};
+const GameDemoPreview = ({ image, alt, src, refLink, imageFit = "contain", onPlayDemo }) => {
+  const { t: t2 } = useTranslation("gameDemo");
+  function getPrimaryButton() {
+    if (refLink) {
+      return /* @__PURE__ */ jsx(LinkButton, { animation: buttonAnimationProps, label: t2("action.playForReal"), href: refLink });
+    } else if (src) {
+      return /* @__PURE__ */ jsx(LinkButton, { animation: buttonAnimationProps, label: t2("action.playForFree"), onClick: onPlayDemo });
+    } else {
+      return null;
+    }
+  }
+  function getSecondaryButton() {
+    if (refLink && src) {
+      return /* @__PURE__ */ jsx(
         Button,
         {
           variant: "solid",
@@ -328,11 +428,23 @@ const GameDemoPreview = ({ image, alt, href, imageFit = "contain", onPlayDemo })
           onClick: onPlayDemo,
           children: t2("action.playForFree")
         }
-      )
-    ] }) })
+      );
+    } else {
+      return null;
+    }
+  }
+  return /* @__PURE__ */ jsxs(Stack, { children: [
+    !src && /* @__PURE__ */ jsx(GameDemoAlert, {}),
+    /* @__PURE__ */ jsxs(Box, { position: "relative", children: [
+      /* @__PURE__ */ jsx(Image, { src: image, alt, objectFit: imageFit, w: "100%", h: "100%" }),
+      /* @__PURE__ */ jsx(AbsoluteCenter, { children: /* @__PURE__ */ jsxs(Stack, { spacing: 4, children: [
+        getPrimaryButton(),
+        getSecondaryButton()
+      ] }) })
+    ] })
   ] });
 };
-const GameDemo = ({ name, src, href, previewImage, previewImageFit, ...boxProps }) => {
+const GameDemo = ({ name, src, refLink, previewImage, previewImageFit, ...boxProps }) => {
   const [isRunning, setIsRunning] = useState(false);
   const [isLoaded, setIsLoaded] = useState(false);
   const { isOpen: isFullscreen, onToggle, onClose } = useDisclosure({ defaultIsOpen: false });
@@ -375,7 +487,8 @@ const GameDemo = ({ name, src, href, previewImage, previewImageFit, ...boxProps
         {
           image: previewImage,
           alt: name,
-          href,
+          src,
+          refLink,
           imageFit: previewImageFit,
           onPlayDemo: handlePlayDemo
         }
@@ -482,6 +595,54 @@ const HowTo = ({ steps, ...boxProps }) => {
     ] })
   ] }, index)) });
 };
+function getQuotePseudoElement(color) {
+  return {
+    content: '"❛❛"',
+    position: "absolute",
+    top: -8,
+    left: -2,
+    fontSize: "6rem",
+    fontStyle: "italic",
+    color
+  };
+}
+const PrefixMap = {
+  advice: "🚀",
+  fact: "💡",
+  quote: ""
+};
+const BorderColorMap = {
+  advice: "red.400",
+  fact: "yellow.400",
+  quote: "gray"
+};
+const Informer = ({ type, text, author = null, ...boxProps }) => {
+  const { t: t2 } = useTranslation("informer");
+  const quotePseudoElementColor = useColorModeValue("blackAlpha.300", "whiteAlpha.300");
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      variant: "filled",
+      p: 4,
+      borderLeft: "4px solid",
+      borderLeftColor: BorderColorMap[type],
+      gap: 4,
+      ...type === "quote" && { _before: getQuotePseudoElement(quotePseudoElementColor) },
+      ...boxProps,
+      children: [
+        /* @__PURE__ */ jsxs(CardBody, { as: "blockquote", p: 0, fontStyle: "italic", children: [
+          type !== "quote" && /* @__PURE__ */ jsxs(Text, { as: "span", fontStyle: "normal", fontWeight: "semibold", mr: 2, children: [
+            PrefixMap[type],
+            t2(type),
+            ":"
+          ] }),
+          text
+        ] }),
+        !!author && /* @__PURE__ */ jsx(CardFooter, { alignItems: "center", justify: "flex-end", p: 0, children: /* @__PURE__ */ jsx(Author, { author, variant: "short" }) })
+      ]
+    }
+  );
+};
 const List = ({ items, bullet = "—", render, ...boxProps }) => {
   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 }),
@@ -834,29 +995,7 @@ const Tabs = ({ items, render, ...boxProps }) => {
   ] });
 };
 const Tip = ({ tip, author = null, ...boxProps }) => {
-  return /* @__PURE__ */ jsxs(
-    Card,
-    {
-      variant: "filled",
-      p: 4,
-      borderLeft: "4px solid gray",
-      gap: 4,
-      _before: {
-        content: '"❛❛"',
-        position: "absolute",
-        top: -8,
-        left: -2,
-        fontSize: "6rem",
-        fontStyle: "italic",
-        color: useColorModeValue("blackAlpha.300", "whiteAlpha.300")
-      },
-      ...boxProps,
-      children: [
-        /* @__PURE__ */ jsx(CardBody, { as: "blockquote", p: 0, fontStyle: "italic", children: tip }),
-        !!author && /* @__PURE__ */ jsx(CardFooter, { alignItems: "center", justify: "flex-end", p: 0, children: /* @__PURE__ */ jsx(Author, { author, variant: "short" }) })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsx(Informer, { type: "quote", text: tip, author, ...boxProps });
 };
 const ExternalImage = ({ image, component: ImageComponent, alt = "", ...imageProps }) => {
   var _a, _b;
@@ -877,7 +1016,10 @@ function extractCurrencies(currencyList) {
   return [...new Set(currencyList.items.map(({ code }) => code))];
 }
 const StrapiComponent = ({ type, props, imageComponent }) => {
+  var _a;
   switch (type) {
+    case "STRAPI__COMPONENT_CONTENT_ACTION_BUTTON":
+      return /* @__PURE__ */ jsx(ActionButton, { label: props.label, href: props.url, mb: 4 });
     case "STRAPI__COMPONENT_CONTENT_FAQ":
       return /* @__PURE__ */ jsx(Faq, { items: props.items, mb: 4 });
     case "STRAPI__COMPONENT_CONTENT_FEATURES":
@@ -932,8 +1074,8 @@ const StrapiComponent = ({ type, props, imageComponent }) => {
         GameDemo,
         {
           name: props.name,
-          src: props.src,
-          href: props.href,
+          src: props == null ? void 0 : props.src,
+          refLink: ((_a = props == null ? void 0 : props.partner) == null ? void 0 : _a.refLink) ?? (props == null ? void 0 : props.href),
           previewImage: /* @__PURE__ */ jsx(ExternalImage, { image: props.previewImage, alt: props.name, component: imageComponent }),
           mb: 4
         }
@@ -959,6 +1101,27 @@ const StrapiComponent = ({ type, props, imageComponent }) => {
           mb: 4
         }
       );
+    case "STRAPI__COMPONENT_CONTENT_INFORMER":
+      return /* @__PURE__ */ jsx(
+        Informer,
+        {
+          type: props.type,
+          text: props.text,
+          author: props.author ? {
+            ...props.author,
+            avatar: /* @__PURE__ */ jsx(
+              ExternalImage,
+              {
+                component: imageComponent,
+                image: props.author.avatar,
+                alt: props.author.name,
+                style: { borderRadius: "50%" }
+              }
+            )
+          } : null,
+          mb: 4
+        }
+      );
     case "STRAPI__COMPONENT_CONTENT_LIST":
       return /* @__PURE__ */ jsx(List, { bullet: props.bullet, items: extractItemsFromJson(props.content), mb: 4 });
     case "STRAPI__COMPONENT_CONTENT_MEDIA":
@@ -1031,30 +1194,36 @@ const StrapiContentRenderer = ({ content, imageComponent }) => {
   return content.map(({ __typename: type, ...props }, index) => /* @__PURE__ */ jsx(StrapiComponent, { type, props, imageComponent }, index));
 };
 export {
-  AuthorCard as A,
+  ActionButton as A,
   BonusCard as B,
   Center as C,
   Faq as F,
   GameCard as G,
   HowTo as H,
+  Informer as I,
   List as L,
   NotFound as N,
   ProsCons as P,
   Seo as S,
   Table as T,
-  BonusCardGrid as a,
-  FeatureCard as b,
-  FeatureCardGrid as c,
-  GameCardGrid as d,
-  GameDemo as e,
-  GameInfo as f,
-  StrapiContentRenderer as g,
-  Tabs as h,
-  Tip as i,
-  Author as j,
-  Grid as k,
-  CookiePolicy as l,
-  Contacts as m,
-  PrivacyPolicy as n,
-  TermsAndConditions as o
+  ArticleCard as a,
+  ArticleCardGrid as b,
+  ArticleInfoCard as c,
+  AuthorCard as d,
+  BonusCardGrid as e,
+  FeatureCard as f,
+  FeatureCardGrid as g,
+  GameCardGrid as h,
+  GameDemo as i,
+  GameInfo as j,
+  StrapiContentRenderer as k,
+  Tabs as l,
+  Tip as m,
+  ArticleMeta as n,
+  Author as o,
+  Grid as p,
+  CookiePolicy as q,
+  Contacts as r,
+  PrivacyPolicy as s,
+  TermsAndConditions as t
 };