@anywayseo/tools 5.4.4 → 5.5.0

package/dist/components/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("../index-B6kYIp5c.js");
-const index$1 = require("../index-BLUHHmn6.js");
+const index = require("../index-D86anUPd.js");
+const index$1 = require("../index-DZBLiQFh.js");
 exports.Author = index.Author;
 exports.AuthorCard = index.AuthorCard;
 exports.BonusCard = index.BonusCard;

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, o, p, h, T, i, j } from "../index-BocEjctw.mjs";
-import { I, L as L2 } from "../index-BHhn1SKu.mjs";
+import { k, A, B, a, l, C, F, b, c, G, d, e, f, m, H, L, n, g, N, P, S, o, p, h, T, i, j } from "../index-cEaX-HbN.mjs";
+import { I, L as L2 } from "../index-8_-KtKsW.mjs";
 export {
   k as Author,
   A as AuthorCard,

package/dist/{index-BHhn1SKu.mjs → index-8_-KtKsW.mjs}

@@ -19,7 +19,7 @@ function isStaticImage(image) {
   return Boolean(typeof image.type === "function");
 }
 function isImageComponent(image) {
-  return Boolean(typeof image !== "string" && (isGatsbyImage(image) || isStaticImage(image)));
+  return Boolean(typeof image !== "string" && ("image" in image.props ? isGatsbyImage(image) : isStaticImage(image)));
 }
 const Image = ({ src = "", mode = "default", hasZoom, ...plainImageProps }) => {
   let image;

package/dist/{index-BuxP2ZlR.js → index-BcFDxh8P.js}

@@ -2,7 +2,7 @@
 const jsxRuntime = require("react/jsx-runtime");
 const react$1 = require("@chakra-ui/react");
 const react = require("@mdx-js/react");
-const index = require("./index-BLUHHmn6.js");
+const index = require("./index-DZBLiQFh.js");
 require("react");
 require("react-i18next");
 require("./index-C6MG_f24.js");

package/dist/{index-C7Y6A1Y-.mjs → index-C_FekfFC.mjs}

@@ -1,7 +1,7 @@
 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-BHhn1SKu.mjs";
+import { I as Image, L as Link$1 } from "./index-8_-KtKsW.mjs";
 import "react";
 import "react-i18next";
 import "./index-BJRvnR8Q.mjs";

package/dist/{index-B6kYIp5c.js → index-D86anUPd.js}

@@ -3,7 +3,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("@chakra-ui/react");
 const reactI18next = require("react-i18next");
 require("react-medium-image-zoom");
-const index = require("./index-BLUHHmn6.js");
+const index = require("./index-DZBLiQFh.js");
 const react$1 = require("react");
 const index$3 = require("./index-C6MG_f24.js");
 const index$5 = require("./index-CJVr79Z2.js");
@@ -398,7 +398,7 @@ const FeatureCardGrid = ({
     }
   );
 };
-const GameCard = ({ name, description, image, href, height = "auto" }) => {
+const GameCard = ({ name, description, image, url, height = "auto" }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     react.LinkBox,
     {
@@ -406,7 +406,7 @@ const GameCard = ({ name, description, image, href, height = "auto" }) => {
       rounded: "md",
       borderWidth: 1,
       transition: "transform 0.2s ease",
-      cursor: href ? "pointer" : "default",
+      cursor: url ? "pointer" : "default",
       overflow: "hidden",
       bg: "blackAlpha.200",
       height,
@@ -414,7 +414,7 @@ const GameCard = ({ name, description, image, href, height = "auto" }) => {
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(index.Image, { src: image, alt: name, mode: "thumbnail" }),
         /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { as: "section", rounded: "md", p: 4, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(react.Text, { as: "span", children: href ? /* @__PURE__ */ jsxRuntime.jsx(react.LinkOverlay, { href, children: name }) : name }),
+          /* @__PURE__ */ jsxRuntime.jsx(react.Text, { as: "span", children: url ? /* @__PURE__ */ jsxRuntime.jsx(react.LinkOverlay, { href: url, target: "_blank", rel: "noopener noreferrer nofollow", children: name }) : name }),
           !!description && /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", color: "gray.600", children: description })
         ] })
       ]
@@ -1295,6 +1295,21 @@ const Table = ({
     }
   );
 };
+const Tabs = ({ items, render, ...boxProps }) => {
+  const { tabs, panels } = react$1.useMemo(() => {
+    const tabs2 = [];
+    const panels2 = [];
+    items.forEach(({ content, ...tab }) => {
+      tabs2.push(tab);
+      panels2.push(content);
+    });
+    return { tabs: tabs2, panels: panels2 };
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Tabs, { overflow: "hidden", colorScheme: "brand", ...boxProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(react.TabList, { overflow: "auto hidden", children: tabs.map(({ label, icon }, index2) => /* @__PURE__ */ jsxRuntime.jsx(react.Tab, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Text, { as: "h3", isTruncated: true, children: icon ? `${icon} ${label}` : label }) }, index2)) }),
+    /* @__PURE__ */ jsxRuntime.jsx(react.TabPanels, { children: panels.map((panel, index2) => /* @__PURE__ */ jsxRuntime.jsx(react.TabPanel, { children: render ? render(panel) : panel }, index2)) })
+  ] });
+};
 const Tip = ({ tip, author = null, ...boxProps }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     react.Card,
@@ -1344,6 +1359,51 @@ const StrapiComponent = ({ type, props, imageComponent }) => {
       return /* @__PURE__ */ jsxRuntime.jsx(Faq, { items: props.items, mb: 4 });
     case "STRAPI__COMPONENT_CONTENT_FEATURES":
       return /* @__PURE__ */ jsxRuntime.jsx(FeatureCardGrid, { items: props.items, mb: 4 });
+    case "STRAPI__COMPONENT_CONTENT_GAME_CARDS":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        GameCardGrid,
+        {
+          items: props.items.map((item) => ({
+            ...item,
+            image: /* @__PURE__ */ jsxRuntime.jsx(
+              ExternalImage,
+              {
+                image: item.image,
+                alt: item.name,
+                component: imageComponent
+              }
+            )
+          })),
+          order: props.order ?? "default",
+          randomSeed: props.randomSeed ?? 0,
+          cardHeight: props.cardHeight ?? "full",
+          mb: 4
+        }
+      );
+    case "STRAPI__COMPONENT_CONTENT_GAME_CARD_TABS":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Tabs,
+        {
+          items: props.items,
+          render: (items) => /* @__PURE__ */ jsxRuntime.jsx(
+            GameCardGrid,
+            {
+              items: items.map((item) => ({
+                ...item,
+                image: /* @__PURE__ */ jsxRuntime.jsx(
+                  ExternalImage,
+                  {
+                    image: item.image,
+                    alt: item.name,
+                    component: imageComponent
+                  }
+                )
+              }))
+            }
+          ),
+          mb: 4
+        }
+      );
     case "STRAPI__COMPONENT_CONTENT_GAME_DEMO":
       return /* @__PURE__ */ jsxRuntime.jsx(
         GameDemo,
@@ -1439,21 +1499,6 @@ const StrapiContentRenderer = ({ content, imageComponent }) => {
   }
   return content.map(({ __typename: type, ...props }, index2) => /* @__PURE__ */ jsxRuntime.jsx(StrapiComponent, { type, props, imageComponent }, index2));
 };
-const Tabs = ({ items, render, ...boxProps }) => {
-  const { tabs, panels } = react$1.useMemo(() => {
-    const tabs2 = [];
-    const panels2 = [];
-    items.forEach(({ content, ...tab }) => {
-      tabs2.push(tab);
-      panels2.push(content);
-    });
-    return { tabs: tabs2, panels: panels2 };
-  }, []);
-  return /* @__PURE__ */ jsxRuntime.jsxs(react.Tabs, { overflow: "hidden", colorScheme: "brand", ...boxProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(react.TabList, { overflow: "auto hidden", children: tabs.map(({ label, icon }, index2) => /* @__PURE__ */ jsxRuntime.jsx(react.Tab, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Text, { as: "h3", isTruncated: true, children: icon ? `${icon} ${label}` : label }) }, index2)) }),
-    /* @__PURE__ */ jsxRuntime.jsx(react.TabPanels, { children: panels.map((panel, index2) => /* @__PURE__ */ jsxRuntime.jsx(react.TabPanel, { children: render ? render(panel) : panel }, index2)) })
-  ] });
-};
 exports.Author = Author;
 exports.AuthorCard = AuthorCard;
 exports.BonusCard = BonusCard;

package/dist/{index-BLUHHmn6.js → index-DZBLiQFh.js}

@@ -20,7 +20,7 @@ function isStaticImage(image) {
   return Boolean(typeof image.type === "function");
 }
 function isImageComponent(image) {
-  return Boolean(typeof image !== "string" && (isGatsbyImage(image) || isStaticImage(image)));
+  return Boolean(typeof image !== "string" && ("image" in image.props ? isGatsbyImage(image) : isStaticImage(image)));
 }
 const Image = ({ src = "", mode = "default", hasZoom, ...plainImageProps }) => {
   let image;

package/dist/{index-BocEjctw.mjs → index-cEaX-HbN.mjs}

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { Link, Flex, Box, Collapse, Text, Button, Stack, Center as Center$1, SimpleGrid, 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 "react-medium-image-zoom";
-import { I as Image, a as useSiteContext, L as Link$1, u as usePageContext } from "./index-BHhn1SKu.mjs";
+import { I as Image, a as useSiteContext, L as Link$1, u as usePageContext } from "./index-8_-KtKsW.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-Bts2DBYS.mjs";
@@ -397,7 +397,7 @@ const FeatureCardGrid = ({
     }
   );
 };
-const GameCard = ({ name, description, image, href, height = "auto" }) => {
+const GameCard = ({ name, description, image, url, height = "auto" }) => {
   return /* @__PURE__ */ jsxs(
     LinkBox,
     {
@@ -405,7 +405,7 @@ const GameCard = ({ name, description, image, href, height = "auto" }) => {
       rounded: "md",
       borderWidth: 1,
       transition: "transform 0.2s ease",
-      cursor: href ? "pointer" : "default",
+      cursor: url ? "pointer" : "default",
       overflow: "hidden",
       bg: "blackAlpha.200",
       height,
@@ -413,7 +413,7 @@ const GameCard = ({ name, description, image, href, height = "auto" }) => {
       children: [
         /* @__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 }),
+          /* @__PURE__ */ jsx(Text, { as: "span", children: url ? /* @__PURE__ */ jsx(LinkOverlay, { href: url, target: "_blank", rel: "noopener noreferrer nofollow", children: name }) : name }),
           !!description && /* @__PURE__ */ jsx(Text, { fontSize: "sm", color: "gray.600", children: description })
         ] })
       ]
@@ -1294,6 +1294,21 @@ const Table = ({
     }
   );
 };
+const Tabs = ({ items, render, ...boxProps }) => {
+  const { tabs, panels } = useMemo(() => {
+    const tabs2 = [];
+    const panels2 = [];
+    items.forEach(({ content, ...tab }) => {
+      tabs2.push(tab);
+      panels2.push(content);
+    });
+    return { tabs: tabs2, panels: panels2 };
+  }, []);
+  return /* @__PURE__ */ jsxs(Tabs$1, { overflow: "hidden", colorScheme: "brand", ...boxProps, children: [
+    /* @__PURE__ */ jsx(TabList, { overflow: "auto hidden", children: tabs.map(({ label, icon }, index) => /* @__PURE__ */ jsx(Tab, { children: /* @__PURE__ */ jsx(Text, { as: "h3", isTruncated: true, children: icon ? `${icon} ${label}` : label }) }, index)) }),
+    /* @__PURE__ */ jsx(TabPanels, { children: panels.map((panel, index) => /* @__PURE__ */ jsx(TabPanel, { children: render ? render(panel) : panel }, index)) })
+  ] });
+};
 const Tip = ({ tip, author = null, ...boxProps }) => {
   return /* @__PURE__ */ jsxs(
     Card,
@@ -1343,6 +1358,51 @@ const StrapiComponent = ({ type, props, imageComponent }) => {
       return /* @__PURE__ */ jsx(Faq, { items: props.items, mb: 4 });
     case "STRAPI__COMPONENT_CONTENT_FEATURES":
       return /* @__PURE__ */ jsx(FeatureCardGrid, { items: props.items, mb: 4 });
+    case "STRAPI__COMPONENT_CONTENT_GAME_CARDS":
+      return /* @__PURE__ */ jsx(
+        GameCardGrid,
+        {
+          items: props.items.map((item) => ({
+            ...item,
+            image: /* @__PURE__ */ jsx(
+              ExternalImage,
+              {
+                image: item.image,
+                alt: item.name,
+                component: imageComponent
+              }
+            )
+          })),
+          order: props.order ?? "default",
+          randomSeed: props.randomSeed ?? 0,
+          cardHeight: props.cardHeight ?? "full",
+          mb: 4
+        }
+      );
+    case "STRAPI__COMPONENT_CONTENT_GAME_CARD_TABS":
+      return /* @__PURE__ */ jsx(
+        Tabs,
+        {
+          items: props.items,
+          render: (items) => /* @__PURE__ */ jsx(
+            GameCardGrid,
+            {
+              items: items.map((item) => ({
+                ...item,
+                image: /* @__PURE__ */ jsx(
+                  ExternalImage,
+                  {
+                    image: item.image,
+                    alt: item.name,
+                    component: imageComponent
+                  }
+                )
+              }))
+            }
+          ),
+          mb: 4
+        }
+      );
     case "STRAPI__COMPONENT_CONTENT_GAME_DEMO":
       return /* @__PURE__ */ jsx(
         GameDemo,
@@ -1438,21 +1498,6 @@ const StrapiContentRenderer = ({ content, imageComponent }) => {
   }
   return content.map(({ __typename: type, ...props }, index) => /* @__PURE__ */ jsx(StrapiComponent, { type, props, imageComponent }, index));
 };
-const Tabs = ({ items, render, ...boxProps }) => {
-  const { tabs, panels } = useMemo(() => {
-    const tabs2 = [];
-    const panels2 = [];
-    items.forEach(({ content, ...tab }) => {
-      tabs2.push(tab);
-      panels2.push(content);
-    });
-    return { tabs: tabs2, panels: panels2 };
-  }, []);
-  return /* @__PURE__ */ jsxs(Tabs$1, { overflow: "hidden", colorScheme: "brand", ...boxProps, children: [
-    /* @__PURE__ */ jsx(TabList, { overflow: "auto hidden", children: tabs.map(({ label, icon }, index) => /* @__PURE__ */ jsx(Tab, { children: /* @__PURE__ */ jsx(Text, { as: "h3", isTruncated: true, children: icon ? `${icon} ${label}` : label }) }, index)) }),
-    /* @__PURE__ */ jsx(TabPanels, { children: panels.map((panel, index) => /* @__PURE__ */ jsx(TabPanel, { children: render ? render(panel) : panel }, index)) })
-  ] });
-};
 export {
   AuthorCard as A,
   BonusCard as B,

package/dist/index.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-B6kYIp5c.js");
-const index$1 = require("./index-BLUHHmn6.js");
+const index = require("./index-D86anUPd.js");
+const index$1 = require("./index-DZBLiQFh.js");
 const index$2 = require("./index-WFgDSB1A.js");
 const index$3 = require("./index-CAfBnNV6.js");
 const i18n = require("./i18n/index.cjs");
-const index$4 = require("./index-BuxP2ZlR.js");
+const index$4 = require("./index-BcFDxh8P.js");
 const index$5 = require("./index-CJVr79Z2.js");
 const index$6 = require("./index-C6MG_f24.js");
 const index$7 = require("./index-CYr1ct1t.js");

package/dist/index.mjs

@@ -1,9 +1,9 @@
-import { k, A, B, a, l, C, F, b, c, G, d, e, f, m, H, L, n, g, N, P, S, o, p, h, T, i, j } from "./index-BocEjctw.mjs";
-import { I, L as L2, P as P2, S as S2, u, a as a2 } from "./index-BHhn1SKu.mjs";
+import { k, A, B, a, l, C, F, b, c, G, d, e, f, m, H, L, n, g, N, P, S, o, p, h, T, i, j } from "./index-cEaX-HbN.mjs";
+import { I, L as L2, P as P2, S as S2, u, a as a2 } from "./index-8_-KtKsW.mjs";
 import { u as u2 } from "./index-BzbpMLDD.mjs";
 import { u as u3 } from "./index-tj12BA6U.mjs";
 import { DEFAULT_LANGUAGE, resources } from "./i18n/index.mjs";
-import { M } from "./index-C7Y6A1Y-.mjs";
+import { M } from "./index-C_FekfFC.mjs";
 import { a as a3, G as G2 } from "./index-Bts2DBYS.mjs";
 import { A as A2 } from "./index-BJRvnR8Q.mjs";
 import { b as b2, c as c2, g as g2, a as a4 } from "./index-cQqALZIW.mjs";

package/dist/providers/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("../index-BuxP2ZlR.js");
-const index$1 = require("../index-BLUHHmn6.js");
+const index = require("../index-BcFDxh8P.js");
+const index$1 = require("../index-DZBLiQFh.js");
 exports.MdxProvider = index.MdxProvider;
 exports.PageProvider = index$1.PageProvider;
 exports.SiteProvider = index$1.SiteProvider;

package/dist/providers/index.mjs

@@ -1,5 +1,5 @@
-import { M } from "../index-C7Y6A1Y-.mjs";
-import { P, S, u, a } from "../index-BHhn1SKu.mjs";
+import { M } from "../index-C_FekfFC.mjs";
+import { P, S, u, a } from "../index-8_-KtKsW.mjs";
 export {
   M as MdxProvider,
   P as PageProvider,

package/dist/types/components/game-card/index.d.ts

@@ -1,8 +1,8 @@
-import { ReactElement } from 'react';
 import { IGame } from '../../content';
 import { ILink } from '../link';
+import { ImageType } from '../image';
 export interface IGameCard extends IGame {
-    href?: ILink['href'];
-    image?: string | ReactElement;
+    url?: ILink['href'];
+    image?: ImageType;
 }
 export type GameCardHeight = 'full' | 'auto';

package/dist/types/components/strapi-component/index.d.ts

@@ -1,4 +1,4 @@
-export type StrapiComponentType = 'STRAPI__COMPONENT_CONTENT_FAQ' | 'STRAPI__COMPONENT_CONTENT_FEATURES' | 'STRAPI__COMPONENT_CONTENT_GAME_DEMO' | 'STRAPI__COMPONENT_CONTENT_GAME_INFO' | 'STRAPI__COMPONENT_CONTENT_HOW_TO' | 'STRAPI__COMPONENT_CONTENT_LIST' | 'STRAPI__COMPONENT_CONTENT_MEDIA' | 'STRAPI__COMPONENT_CONTENT_PROS_CONS' | 'STRAPI__COMPONENT_CONTENT_RICH_TEXT' | 'STRAPI__COMPONENT_CONTENT_TABLE' | 'STRAPI__COMPONENT_CONTENT_TIP';
+export type StrapiComponentType = 'STRAPI__COMPONENT_CONTENT_FAQ' | 'STRAPI__COMPONENT_CONTENT_FEATURES' | 'STRAPI__COMPONENT_CONTENT_GAME_CARDS' | 'STRAPI__COMPONENT_CONTENT_GAME_CARD_TABS' | 'STRAPI__COMPONENT_CONTENT_GAME_DEMO' | 'STRAPI__COMPONENT_CONTENT_GAME_INFO' | 'STRAPI__COMPONENT_CONTENT_HOW_TO' | 'STRAPI__COMPONENT_CONTENT_LIST' | 'STRAPI__COMPONENT_CONTENT_MEDIA' | 'STRAPI__COMPONENT_CONTENT_PROS_CONS' | 'STRAPI__COMPONENT_CONTENT_RICH_TEXT' | 'STRAPI__COMPONENT_CONTENT_TABLE' | 'STRAPI__COMPONENT_CONTENT_TIP';
 export interface IStrapiComponentFragment {
     __typename: StrapiComponentType;
     [prop: string]: unknown;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@anywayseo/tools",
   "description": "Shared UI Components and Modules",
-  "version": "5.4.4",
+  "version": "5.5.0",
   "keywords": [
     "react",
     "ui",