@anywayseo/tools 5.3.0 → 5.4.1

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

@@ -1,8 +1,8 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-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 { 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, u as usePageContext } from "./index-Bwlxdh5F.mjs";
+import { I as Image, a as useSiteContext, L as Link$1, 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-Bts2DBYS.mjs";
@@ -13,6 +13,89 @@ import { i as isRelativePath, b as buildPath } from "./index-BmaWfWLV.mjs";
 import { u as usePrimaryColors } from "./index-tj12BA6U.mjs";
 import { t } from "i18next";
 import Markdown from "react-markdown";
+const FacebookIcon = (props) => {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-label": "Facebook", ...props, children: [
+    /* @__PURE__ */ jsx("rect", { x: "1", y: "1", width: "22", height: "22", rx: "5", fill: "none", stroke: "currentColor", strokeWidth: "2" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M13.5 8h2V6h-2c-2.2 0-3.5 1.3-3.5 3.5V11H8v2h2v5h2v-5h2l.5-2h-2v-1.3c0-.5.2-.7 1-.7Z",
+        fill: "currentColor"
+      }
+    )
+  ] });
+};
+const InstagramIcon = (props) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      "aria-label": "Instagram",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("rect", { x: "1", y: "1", width: "22", height: "22", rx: "5", fill: "none", stroke: "currentColor", strokeWidth: "2" }),
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4", fill: "none", stroke: "currentColor", "stroke-width": "2" }),
+        /* @__PURE__ */ jsx("circle", { cx: "17", cy: "7", r: "1.25", fill: "currentColor" })
+      ]
+    }
+  );
+};
+const PinterestIcon = (props) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      "aria-label": "Pinterest",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fill: "currentColor",
+          d: "M12 0C5.373 0 0 5.373 0 12c0 4.99 3.657 9.128 8.438 10.122-.117-.858-.222-2.178.047-3.116.242-.83 1.557-5.288 1.557-5.288s-.396-.792-.396-1.963c0-1.84 1.067-3.215 2.395-3.215 1.13 0 1.675.848 1.675 1.866 0 1.138-.724 2.842-1.097 4.421-.312 1.319.663 2.395 1.965 2.395 2.358 0 3.947-3.032 3.947-6.617 0-2.727-1.84-4.769-5.178-4.769-3.774 0-6.134 2.822-6.134 5.97 0 1.086.322 1.852.827 2.443.232.274.264.384.18.698-.06.23-.197.786-.256 1.007-.084.322-.34.437-.628.318-1.75-.714-2.564-2.63-2.564-4.785 0-3.555 2.998-7.817 8.946-7.817 4.782 0 7.923 3.454 7.923 7.168 0 4.924-2.74 8.6-6.781 8.6-1.356 0-2.63-.73-3.066-1.565l-.833 3.173c-.301 1.147-1.118 2.582-1.667 3.455C9.708 23.812 10.828 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0z"
+        }
+      )
+    }
+  );
+};
+const XcomIcon = (props) => {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-label": "X", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M18.244 2H21l-6.57 7.498L22 22h-5.657l-4.403-5.808L6.06 22H3.302l7.02-8.006L2 2h5.822l3.983 5.293L18.244 2zM16.97 20h1.9L8.153 4h-1.9L16.97 20z"
+    }
+  ) });
+};
+const YoutubeIcon = (props) => {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-label": "YouTube", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M23.498 6.186a2.974 2.974 0 0 0-2.095-2.107C19.505 3.5 12 3.5 12 3.5s-7.505 0-9.403.579A2.974 2.974 0 0 0 .502 6.186C0 8.09 0 12 0 12s0 3.91.502 5.814a2.974 2.974 0 0 0 2.095 2.107C4.495 20.5 12 20.5 12 20.5s7.505 0 9.403-.579a2.974 2.974 0 0 0 2.095-2.107C24 15.91 24 12 24 12s0-3.91-.502-5.814zM9.75 15.02V8.98L15.5 12l-5.75 3.02z"
+    }
+  ) });
+};
+const SocialNetworkMap = {
+  facebook: FacebookIcon,
+  instagram: InstagramIcon,
+  pinterest: PinterestIcon,
+  x: XcomIcon,
+  youtube: YoutubeIcon
+};
+const SocialNetwork = ({ kind, url }) => {
+  const Icon2 = SocialNetworkMap[kind];
+  return /* @__PURE__ */ jsx(Link, { href: url, target: "_blank", rel: "noopener noreferrer nofollow", children: /* @__PURE__ */ jsx(Icon2, {}) });
+};
+const SocialNetworks = ({ socialNetworks, ...flexProps }) => {
+  const uniqueSocialNetworks = [...new Map(socialNetworks.map((item) => [item.kind, item])).values()];
+  return /* @__PURE__ */ jsx(Flex, { gap: 2, ...flexProps, children: uniqueSocialNetworks.map((socialNetwork) => /* @__PURE__ */ jsx(SocialNetwork, { ...socialNetwork }, socialNetwork.kind)) });
+};
 const ONE_LINE_HEIGHT = 24;
 const Bio = ({ content, maxLines = 1 }) => {
   const ref = useRef(null);
@@ -38,7 +121,7 @@ const Bio = ({ content, maxLines = 1 }) => {
   ] });
 };
 const Author = ({ author, variant }) => {
-  const { name, role, bio, avatar } = author;
+  const { name, role, bio, avatar, socialNetworks } = author;
   if (variant === "short") {
     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" }) }),
@@ -53,8 +136,9 @@ const Author = ({ author, variant }) => {
     /* @__PURE__ */ jsx(Flex, { flex: 1, children: /* @__PURE__ */ jsxs(Stack, { children: [
       /* @__PURE__ */ jsxs(Text, { fontSize: "lg", fontWeight: 600, children: [
         `${name}, `,
-        /* @__PURE__ */ jsx(Text, { as: "span", color: "gray.500", children: role })
+        /* @__PURE__ */ jsx(Text, { as: "span", display: "inline-block", color: "gray.500", children: role })
       ] }),
+      (socialNetworks == null ? void 0 : socialNetworks.length) && /* @__PURE__ */ jsx(SocialNetworks, { socialNetworks }),
       /* @__PURE__ */ jsx(Bio, { content: bio })
     ] }) })
   ] });
@@ -84,7 +168,7 @@ const LinkButton = ({
   const isInvertedColor = (_a = config == null ? void 0 : config.theme) == null ? void 0 : _a.isInvertedColor;
   const isRedirectLink = linkType === "redirect";
   const isInternalLink = isRelativePath(href);
-  const LinkComponent = isInternalLink ? Link : Link$1;
+  const LinkComponent = isInternalLink ? Link$1 : Link;
   const hrefKey = isInternalLink ? "to" : "href";
   const hrefValue = isRedirectLink ? `/follow?to=${href}` : href;
   return /* @__PURE__ */ jsx(
@@ -607,7 +691,7 @@ const Logo = () => {
 const Brand$1 = ({ brand }) => {
   return /* @__PURE__ */ jsxs(Box, { position: "relative", my: 2, py: 8, children: [
     /* @__PURE__ */ jsx(Divider, {}),
-    /* @__PURE__ */ jsx(AbsoluteCenter, { display: "flex", bgColor: useColorModeValue("gray.50", "gray.900"), children: /* @__PURE__ */ jsx(Link, { to: "/", children: brand }) })
+    /* @__PURE__ */ jsx(AbsoluteCenter, { display: "flex", bgColor: useColorModeValue("gray.50", "gray.900"), children: /* @__PURE__ */ jsx(Link$1, { to: "/", children: brand }) })
   ] });
 };
 const Copyright = () => {
@@ -644,7 +728,7 @@ const Navigation$1 = ({ menu }) => {
       children: menu.map(({ slug, label }, index) => /* @__PURE__ */ jsx(Flex, { as: "li", children: /* @__PURE__ */ jsx(
         Text,
         {
-          as: Link,
+          as: Link$1,
           to: slug,
           fontSize: "md",
           fontWeight: "semibold",
@@ -657,13 +741,13 @@ const Navigation$1 = ({ menu }) => {
   );
 };
 const Footer = () => {
-  var _a, _b;
-  const { navigation, config } = useSiteContext();
+  const { metadata, navigation, config } = useSiteContext();
   const { currentLocale } = usePageContext();
   const menu = navigation.footer[currentLocale.code] ?? [];
-  const extra = (_a = config == null ? void 0 : config.footer) == null ? void 0 : _a.extra;
-  const showDisclaimer = ((_b = config == null ? void 0 : config.footer) == null ? void 0 : _b.showDisclaimer) ?? true;
+  const socialNetworks = metadata.socialNetworks ?? [];
+  const { extra, showDisclaimer = true } = (config == null ? void 0 : config.footer) ?? {};
   const hasNavigation = !!menu.length;
+  const hasSocialNetworks = !!socialNetworks.length;
   const hasExtra = !!extra;
   return /* @__PURE__ */ jsx(
     Box,
@@ -677,13 +761,14 @@ const Footer = () => {
         hasExtra && /* @__PURE__ */ jsx(Extra, { children: extra }),
         showDisclaimer && /* @__PURE__ */ jsx(Disclaimer, {}),
         /* @__PURE__ */ jsx(Brand$1, { brand: /* @__PURE__ */ jsx(Logo, {}) }),
+        hasSocialNetworks && /* @__PURE__ */ jsx(SocialNetworks, { socialNetworks, justify: "center", my: 2 }),
         /* @__PURE__ */ jsx(Copyright, {})
       ] })
     }
   );
 };
 const Brand = ({ brand }) => {
-  return /* @__PURE__ */ jsx(Link, { to: "/", children: brand });
+  return /* @__PURE__ */ jsx(Link$1, { to: "/", children: brand });
 };
 const FranceIcon = (props) => {
   return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: "1em", height: "1em", ...props, children: [
@@ -778,7 +863,7 @@ const LocaleSwitcher = ({ currentLocale, locales }) => {
         ] })
       }
     ),
-    /* @__PURE__ */ jsx(MenuList, { minW: "fit-content", children: localeMenuItems.map(({ code, name, icon }) => /* @__PURE__ */ jsx(MenuItem, { as: Link, to: `/${code}`, icon: /* @__PURE__ */ jsx(Icon, { as: icon, w: 4, h: 4 }), children: name }, code)) })
+    /* @__PURE__ */ jsx(MenuList, { minW: "fit-content", children: localeMenuItems.map(({ code, name, icon }) => /* @__PURE__ */ jsx(MenuItem, { as: Link$1, to: `/${code}`, icon: /* @__PURE__ */ jsx(Icon, { as: icon, w: 4, h: 4 }), children: name }, code)) })
   ] });
 };
 const NavLink = forwardRef(({ slug, label }, ref) => {
@@ -786,7 +871,7 @@ const NavLink = forwardRef(({ slug, label }, ref) => {
     Text,
     {
       ref,
-      as: Link,
+      as: Link$1,
       to: slug,
       p: 2,
       fontWeight: "semibold",
@@ -823,7 +908,7 @@ const NavList$1 = ({ slug, label, children }) => {
         boxShadow: "xl",
         bg: background,
         children: /* @__PURE__ */ jsx(List$1, { spacing: 2, p: 0, children: children == null ? void 0 : children.map((child, index) => {
-          return /* @__PURE__ */ jsx(ListItem, { rounded: "md", _hover: { bg: backgroundHover }, children: /* @__PURE__ */ jsxs(Flex, { as: Link, to: buildPath(child.slug, slug), p: 2, role: "group", children: [
+          return /* @__PURE__ */ jsx(ListItem, { rounded: "md", _hover: { bg: backgroundHover }, children: /* @__PURE__ */ jsxs(Flex, { as: Link$1, to: buildPath(child.slug, slug), p: 2, role: "group", children: [
             /* @__PURE__ */ jsx(Text, { fontWeight: 500, transition: "all .3s ease", _groupHover: { color: "brand.400" }, children: child.label }),
             /* @__PURE__ */ jsx(
               Flex,
@@ -887,7 +972,7 @@ const NavList = ({ slug, label, children, isExpanded, onExpand }) => {
         borderLeft: 1,
         borderStyle: "solid",
         borderColor: useColorModeValue("gray.200", "gray.700"),
-        children: children == null ? void 0 : children.map((child, index) => /* @__PURE__ */ jsx(Flex, { as: "li", role: "listitem", children: /* @__PURE__ */ jsx(Text, { as: Link, to: buildPath(child.slug, slug), p: 2, fontSize: "sm", children: child.label }) }, index))
+        children: children == null ? void 0 : children.map((child, index) => /* @__PURE__ */ jsx(Flex, { as: "li", role: "listitem", children: /* @__PURE__ */ jsx(Text, { as: Link$1, to: buildPath(child.slug, slug), p: 2, fontSize: "sm", children: child.label }) }, index))
       }
     ) })
   ] });
@@ -1081,7 +1166,7 @@ const NotFound = () => {
     /* @__PURE__ */ jsxs(Text, { fontSize: "xl", children: [
       t2("description"),
       " ",
-      /* @__PURE__ */ jsx(Button, { as: Link, to: "/", variant: "link", colorScheme: "brand", fontSize: "xl", children: t2("action") })
+      /* @__PURE__ */ jsx(Button, { as: Link$1, to: "/", variant: "link", colorScheme: "brand", fontSize: "xl", children: t2("action") })
     ] })
   ] });
 };
@@ -1393,5 +1478,7 @@ export {
   Author as k,
   Center as l,
   Grid as m,
-  LinkButton as n
+  LinkButton as n,
+  SocialNetwork as o,
+  SocialNetworks as p
 };

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-BGMR4f6W.js");
+const index = require("./index-DGc-4DpA.js");
 const index$1 = require("./index-BltrZp3R.js");
 const index$2 = require("./index-WFgDSB1A.js");
 const index$3 = require("./index-CAfBnNV6.js");
@@ -33,6 +33,8 @@ exports.List = index.List;
 exports.NotFound = index.NotFound;
 exports.ProsCons = index.ProsCons;
 exports.Seo = index.Seo;
+exports.SocialNetwork = index.SocialNetwork;
+exports.SocialNetworks = index.SocialNetworks;
 exports.StrapiContentRenderer = index.StrapiContentRenderer;
 exports.Table = index.Table;
 exports.Tabs = index.Tabs;

package/dist/index.mjs

@@ -1,4 +1,4 @@
-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 { 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-PLwa86VY.mjs";
 import { I, L as L2, P as P2, S as S2, u, a as a2 } from "./index-Bwlxdh5F.mjs";
 import { u as u2 } from "./index-BzbpMLDD.mjs";
 import { u as u3 } from "./index-tj12BA6U.mjs";
@@ -43,6 +43,8 @@ export {
   P as ProsCons,
   S as Seo,
   S2 as SiteProvider,
+  o as SocialNetwork,
+  p as SocialNetworks,
   h as StrapiContentRenderer,
   T as Table,
   i as Tabs,

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

@@ -13,5 +13,6 @@ export * from './link';
 export * from './locale-switcher';
 export * from './navigation';
 export * from './pros-cons';
+export * from './social-network';
 export * from './strapi-component';
 export * from './tabs';

package/dist/types/components/social-network/index.d.ts

@@ -0,0 +1,6 @@
+type SocialNetwork = 'facebook' | 'x' | 'pinterest' | 'youtube' | 'instagram';
+export interface ISocialNetwork {
+    kind: SocialNetwork;
+    url: string;
+}
+export {};

package/dist/types/content/author/index.d.ts

@@ -1,18 +1,13 @@
-import { ImageType } from '../../components';
-type SocialNetwork = 'fb' | 'tw';
+import { ImageType, ISocialNetwork } from '../../components';
 type Phone = string;
-interface ISocialNetwork {
-    type: SocialNetwork;
-    link: string;
-}
 export interface IAuthor {
     name: string;
     role: string;
     bio: string;
     avatar: ImageType;
+    socialNetworks?: ISocialNetwork[];
     /** Planned */
     address?: string;
     phone?: Phone;
-    socialNetworks?: ISocialNetwork[];
 }
 export {};

package/dist/types/site/index.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ImageType, INavigation } from '../components';
+import { ImageType, INavigation, ISocialNetwork } from '../components';
 import { ISeo } from '../content';
 import { Currency, ILocale } from '../i18n';
 interface ISiteHeaderConfig {
@@ -31,6 +31,7 @@ export interface ISiteMetadata {
     lang: ILocale['code'];
     seo: ISeo;
     logo: ImageType;
+    socialNetworks?: ISocialNetwork[];
     /** Planned */
     favicon?: ImageType;
 }

package/package.json

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