@anywayseo/tools 5.6.0 → 5.7.1

package/dist/index-CzAt2Bs2.js

@@ -0,0 +1,401 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("@chakra-ui/react");
+const index = require("./index-CNyyTj_C.js");
+require("@mdx-js/react");
+const reactI18next = require("react-i18next");
+const index$2 = require("./index-C6MG_f24.js");
+const index$3 = require("./index-B-k9oWE7.js");
+require("react");
+const icons = require("@chakra-ui/icons");
+require("react-medium-image-zoom");
+const index$1 = require("./index-D15SAjJc.js");
+const index$4 = require("./index-qR3kVjjs.js");
+const FacebookIcon = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-label": "Facebook", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "1", y: "1", width: "22", height: "22", rx: "5", fill: "none", stroke: "currentColor", strokeWidth: "2" }),
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      "aria-label": "Instagram",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "1", y: "1", width: "22", height: "22", rx: "5", fill: "none", stroke: "currentColor", strokeWidth: "2" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4", fill: "none", stroke: "currentColor", strokeWidth: "2" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "17", cy: "7", r: "1.25", fill: "currentColor" })
+      ]
+    }
+  );
+};
+const PinterestIcon = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      "aria-label": "Pinterest",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-label": "X", ...props, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-label": "YouTube", ...props, children: /* @__PURE__ */ jsxRuntime.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 Icon = SocialNetworkMap[kind];
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Link, { to: url, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, {}) });
+};
+const SocialNetworks = ({ socialNetworks, ...flexProps }) => {
+  const uniqueSocialNetworks = [...new Map(socialNetworks.map((item) => [item.kind, item])).values()];
+  return /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { gap: 2, ...flexProps, children: uniqueSocialNetworks.map((socialNetwork) => /* @__PURE__ */ jsxRuntime.jsx(SocialNetwork, { ...socialNetwork }, socialNetwork.kind)) });
+};
+const Container = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.Container, { maxW: "container.xl", children });
+};
+const CopyText = ({ value }) => {
+  const backgroundColor = react.useColorModeValue("gray.200", "gray.700");
+  const toast = react.useToast();
+  const { t } = reactI18next.useTranslation("copyText");
+  const { hasCopied, onCopy } = react.useClipboard(value);
+  function handleCopy() {
+    onCopy();
+    toast({ title: t("title"), status: "success", duration: 2e3, isClosable: true });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Flex, { align: "center", gap: 2, backgroundColor, ps: 4, rounded: "lg", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontFamily: "mono", children: value }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      react.IconButton,
+      {
+        icon: hasCopied ? /* @__PURE__ */ jsxRuntime.jsx(icons.CheckIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(icons.CopyIcon, {}),
+        "aria-label": "Copy to clipboard",
+        size: "sm",
+        variant: "ghost",
+        colorScheme: hasCopied ? "green" : "gray",
+        onClick: handleCopy
+      }
+    )
+  ] });
+};
+const LinkButton = ({
+  label,
+  href,
+  linkType = "redirect",
+  size = "auto",
+  width = "auto",
+  textTransform,
+  textDecoration,
+  animation,
+  onClick,
+  ...boxProps
+}) => {
+  var _a;
+  const { config } = index.useSiteContext();
+  const { color, invertedColor } = index$1.usePrimaryColors();
+  const isInvertedColor = (_a = config == null ? void 0 : config.theme) == null ? void 0 : _a.isInvertedColor;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react.Button,
+    {
+      w: width,
+      size: size === "auto" ? { base: "sm", md: "lg" } : size,
+      bg: "brand.500",
+      color: isInvertedColor ? invertedColor : color,
+      animation: animation ? index$2.Animation[animation.type](animation.params) : void 0,
+      textTransform,
+      _hover: { textDecoration, bg: "brand.200" },
+      _active: { transform: "scale(0.95)" },
+      onClick,
+      ...boxProps,
+      ...href && {
+        as: index.Link,
+        to: href,
+        isRedirectLink: linkType === "redirect"
+      },
+      children: label
+    }
+  );
+};
+const Logo = () => {
+  const { metadata } = index.useSiteContext();
+  const { logo } = metadata;
+  return /* @__PURE__ */ jsxRuntime.jsx(react.Box, { display: "flex", h: { base: 10, md: 14 }, overflow: "hidden", children: /* @__PURE__ */ jsxRuntime.jsx(index.Image, { src: logo, alt: "Logo", objectFit: "contain" }) });
+};
+const StarSizeMap = {
+  sm: 12,
+  md: 16,
+  lg: 20
+};
+const FontSizeMap = {
+  sm: "xs",
+  md: "sm",
+  lg: "md"
+};
+const Rating = ({ value = 0, max = 5, size = "md", hasLabel }) => {
+  const current = Math.round(Math.min(value, max));
+  const stars = /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { gap: 1, children: Array.from({ length: max }, (_, i) => {
+    const index2 = i + 1;
+    const isActive = index2 <= current;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      icons.StarIcon,
+      {
+        boxSize: StarSizeMap[size],
+        color: isActive ? "var(--chakra-colors-yellow-400)" : "gray"
+      },
+      index2
+    );
+  }) });
+  return hasLabel ? /* @__PURE__ */ jsxRuntime.jsxs(react.Stack, { spacing: 1, align: "center", children: [
+    stars,
+    /* @__PURE__ */ jsxRuntime.jsxs(react.Text, { fontSize: FontSizeMap[size], children: [
+      current,
+      " / ",
+      max
+    ] })
+  ] }) : stars;
+};
+const CasinoActions = ({ referralUrl, reviewUrl }) => {
+  const { t } = reactI18next.useTranslation("casinoTable");
+  const referralLinkLabel = t("row.actions.getBonus");
+  const reviewLinkLabel = t("row.actions.readReview");
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Stack, { children: [
+    !!referralUrl && /* @__PURE__ */ jsxRuntime.jsx(
+      LinkButton,
+      {
+        href: referralUrl,
+        label: referralLinkLabel,
+        textDecoration: "none",
+        size: { base: "sm", md: "md", lg: "lg" }
+      }
+    ),
+    !!reviewUrl && /* @__PURE__ */ jsxRuntime.jsx(index.Link, { to: reviewUrl, fontSize: "sm", children: reviewLinkLabel })
+  ] });
+};
+const CasinoBonus = ({ bonus, promoCode }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Stack, { gap: 3, align: "center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "xl", children: bonus }),
+    !!promoCode && /* @__PURE__ */ jsxRuntime.jsx(CopyText, { value: promoCode })
+  ] });
+};
+const CasinoInfoItem = ({ label, value }) => {
+  const color = react.useColorModeValue("gray.500", "gray.300");
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Text, { display: "inline-flex", justifyContent: "space-between", gap: 2, w: "full", textAlign: "end", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(react.Text, { as: "span", color, fontSize: "xs", fontWeight: "semibold", textAlign: "start", me: 1, children: [
+      label,
+      ":"
+    ] }),
+    value
+  ] });
+};
+function getCasinoInfoItemValue(key, value, locale) {
+  let formattedValue = "";
+  if (typeof value !== "string") {
+    if (key === index$3.CasinoCharacteristic.Rtp) {
+      formattedValue = index$4.formatNumber(value, { percent: "real", precision: 3 });
+    }
+    if (key === index$3.CasinoCharacteristic.MidDeposit) {
+      formattedValue = index$4.formatNumber(value, { locale });
+    }
+  }
+  if (!formattedValue) {
+    formattedValue = value.toLocaleString();
+  }
+  return formattedValue;
+}
+const CasinoInfo = ({ info }) => {
+  const { currentLocale } = index.usePageContext();
+  const { t } = reactI18next.useTranslation("casinoInfo");
+  return /* @__PURE__ */ jsxRuntime.jsx(react.Card, { py: 1, px: 2, w: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(react.Stack, { gap: 1, align: "start", children: Object.entries(info).map(([itemKey, itemValue]) => {
+    if (!itemValue) {
+      return null;
+    }
+    const label = itemKey;
+    const value = getCasinoInfoItemValue(label, itemValue, currentLocale.code);
+    return /* @__PURE__ */ jsxRuntime.jsx(CasinoInfoItem, { label: t(`feature.${label}`), value }, label);
+  }) }) });
+};
+const CasinoLicense = ({ name, image }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { align: "top", justify: "center", w: "full", h: "full", children: /* @__PURE__ */ jsxRuntime.jsx(index.Image, { src: image, alt: name, title: name, w: { base: "16", md: "12" }, rounded: "lg" }) });
+};
+const CasinoLogo = ({ name, image, isBestChoice }) => {
+  const { t } = reactI18next.useTranslation("casinoTable");
+  const background = react.useColorModeValue("gray.100", "gray.700");
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { position: "relative", display: "inline-block", w: "100%", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(index.Image, { src: image, alt: name, title: name, borderRadius: "md", w: "100%", objectFit: "cover" }),
+    isBestChoice && /* @__PURE__ */ jsxRuntime.jsx(
+      react.Badge,
+      {
+        position: "absolute",
+        top: 1,
+        left: 1,
+        fontSize: "2xs",
+        px: 1,
+        borderRadius: "md",
+        shadow: "md",
+        colorScheme: "brand",
+        background,
+        children: t("row.logo.bestChoiceBadge")
+      }
+    )
+  ] });
+};
+const CasinoName = ({ name, rating }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Stack, { gap: 3, w: "full", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(react.Text, { children: name }),
+    /* @__PURE__ */ jsxRuntime.jsx(Rating, { value: rating, size: "sm", hasLabel: true })
+  ] });
+};
+const Cell = ({ children, borderColor, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react.Td,
+    {
+      textAlign: "center",
+      p: 2,
+      borderBottom: { base: "none", md: "1px solid" },
+      borderBottomColor: { base: "none", md: borderColor },
+      ...props,
+      children
+    }
+  );
+};
+const CasinoTableRow = ({ casino }) => {
+  const { id, image, name, rating, bonus, promoCode, license, info, referralUrl, reviewUrl } = casino;
+  const borderColor = react.useColorModeValue("gray.200", "whiteAlpha.300");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    react.Tr,
+    {
+      display: { base: "inline-block", md: "table-row" },
+      w: { base: "100%", md: "auto" },
+      p: { base: 4, md: 0 },
+      mb: { base: 4, md: 0 },
+      border: { base: "1px solid", md: "none" },
+      borderColor,
+      borderRadius: "xl",
+      overflow: "hidden",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Cell, { display: { base: "none", md: "table-cell" }, borderColor, children: id }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Cell,
+          {
+            display: { base: "block", md: "table-cell" },
+            w: { base: "full", md: 200 },
+            minW: 100,
+            borderColor,
+            children: /* @__PURE__ */ jsxRuntime.jsx(CasinoLogo, { name, image, isBestChoice: id === "1" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Cell,
+          {
+            display: { base: "inline-flex", md: "table-cell" },
+            w: { base: license ? "50%" : "full", md: "auto" },
+            borderColor,
+            children: /* @__PURE__ */ jsxRuntime.jsx(CasinoName, { name, rating })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Cell,
+          {
+            display: { base: license ? "inline-flex" : "none", md: "table-cell" },
+            w: { base: "50%", md: "16" },
+            borderColor,
+            children: license ? /* @__PURE__ */ jsxRuntime.jsx(CasinoLicense, { ...license }) : "—"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Cell,
+          {
+            display: { base: "block", sm: info ? "inline-flex" : "block", md: "table-cell" },
+            w: { base: "full", sm: info ? "60%" : "full", md: "auto" },
+            borderColor,
+            children: /* @__PURE__ */ jsxRuntime.jsx(CasinoBonus, { bonus, promoCode })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Cell,
+          {
+            display: { base: info ? "block" : "none", sm: info ? "inline-flex" : "none", md: "table-cell" },
+            w: { base: "full", sm: "40%", md: "40" },
+            borderColor,
+            children: info ? /* @__PURE__ */ jsxRuntime.jsx(CasinoInfo, { info }) : "—"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(Cell, { display: { base: "block", md: "table-cell" }, borderColor, children: /* @__PURE__ */ jsxRuntime.jsx(CasinoActions, { referralUrl, reviewUrl }) })
+      ]
+    }
+  );
+};
+const columns = [
+  index$3.CasinoTableColumn.ID,
+  index$3.CasinoTableColumn.Logo,
+  index$3.CasinoTableColumn.Name,
+  index$3.CasinoTableColumn.License,
+  index$3.CasinoTableColumn.Bonus,
+  index$3.CasinoTableColumn.Info,
+  index$3.CasinoTableColumn.Actions
+];
+const CasinoTable = ({ casinos, showHeader = false }) => {
+  const { t } = reactI18next.useTranslation("casinoTable");
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Table, { variant: "simple", size: "md", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      react.Thead,
+      {
+        position: { base: "absolute", md: showHeader ? "static" : "absolute" },
+        opacity: { base: 0, md: showHeader ? "initial" : 0 },
+        children: /* @__PURE__ */ jsxRuntime.jsx(react.Tr, { children: columns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(react.Th, { textAlign: "center", p: 2, children: t(`column.${column}`) }, column)) })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(react.Tbody, { children: casinos.map(({ id, ...casino }, index2) => /* @__PURE__ */ jsxRuntime.jsx(CasinoTableRow, { casino: { id: String(index2 + 1), ...casino } }, id)) })
+  ] });
+};
+exports.CasinoTable = CasinoTable;
+exports.Container = Container;
+exports.CopyText = CopyText;
+exports.LinkButton = LinkButton;
+exports.Logo = Logo;
+exports.Rating = Rating;
+exports.SocialNetwork = SocialNetwork;
+exports.SocialNetworks = SocialNetworks;

package/dist/{index-5J1CqqcW.js → index-D15SAjJc.js}

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

package/dist/{index-BzbpMLDD.mjs → index-DHURrUMW.mjs}

@@ -7,7 +7,7 @@ function useLocalization({ location, defaultLocale, locales }) {
   useEffect(() => {
     const cleanPath = path.replace(/^\/+|\/+$/g, "");
     const maybeLocaleCode = cleanPath.split("/")[0];
-    const maybeLocale = locales.find(({ code }) => code === maybeLocaleCode);
+    const maybeLocale = locales.find(({ code }) => code.toLowerCase() === maybeLocaleCode.toLowerCase());
     const locale = maybeLocale ? maybeLocale : defaultLocale;
     if (locale.code !== currentLocale.code) {
       setCurrentLocale(locale);