gatsby-core-theme 44.0.39 → 44.0.41

package/CHANGELOG.md

@@ -1,3 +1,41 @@
+## [44.0.41](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.0.40...v44.0.41) (2025-05-20)
+
+
+### Bug Fixes
+
+* moved the alt function in a seperate file ([5cbee51](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/5cbee51b7c6d5afd38ec6cec048e4db6e13d7565))
+* moved the alt function in a seperate file ([ddb1adb](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/ddb1adb1db4c5286464d576da4b8568655a91de9))
+* moved the alt function in a seperate file ([bb4af76](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/bb4af76c7d4499593c58e7ff7b4fcb0844ad671d))
+* operator images alt text translations ([744a9bf](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/744a9bf7115d9d82323c79f0cb0c02d5a3d271cf))
+* pass the page data to custome head function ([dc4293b](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/dc4293b3b7d7ae42ffe1634ca5c694f3fa126b0d))
+* update pick keys constant to include rating comments ([bac40c0](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/bac40c01be69c9fb8b097aeca9733afc74e3d498))
+* variable reassignment ([1e7acf3](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/1e7acf36a709c7d157f438acf9f3a70011ee6af4))
+
+
+* Merge branch 'tm-5468-alt-text-translations' into 'master' ([fb65d5d](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/fb65d5dc534d30d45c21013a48f782564f11362c))
+* Merge branch 'tm-5433-ratings-template-block' into 'master' ([88c210d](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/88c210da286370e223aa66a5235bd7ca81b0573f))
+
+## [44.0.40](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.0.39...v44.0.40) (2025-05-19)
+
+
+### Bug Fixes
+
+* add customeData ([b5936fa](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/b5936fac9e928cd78b70f48a2521ba9eb6118c20))
+* add validation for archive pages ([5561b9c](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/5561b9c2540ffe7f9917e6c2cba4d3cec7055e67))
+* centralaize the meta data ([3a21c76](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/3a21c76f694482f587a31e26bd64eb8bbd5f78b1))
+* clean up the function ([91773ef](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/91773ef08cc1b40b5ca388715941eb033f3ae466))
+* fix aleternative links default ([e97e985](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/e97e9854498f669c423597b4d68c9f6d8ff105a5))
+* fix issues ([dbcfcec](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/dbcfcec545657a18ac35296033933a7728b6b0fd))
+* fix meta data ([c29976b](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/c29976bf95cc763695099ceec8044f5066a17dfa))
+* fix test ([3711007](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/3711007e4427f057ff3a0a0019e19836aae1e304))
+* update meta data ([2888046](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/2888046a7c512fc01d83159f06ab48be6f6d1546))
+* update the schema ([8eda362](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/8eda362674e2fa2cf2e2f40d37a067944163e0f2))
+
+
+* Merge branch 'tm-5213-head' into 'master' ([90fb1d7](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/90fb1d793113ffbda45ea6dc4f43bbcfd5052424))
+* Merge branch 'master' into 'tm-5213-head' ([28a6b72](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/28a6b72f1c15bca3bd755ba93863df48d0b91e9a))
+* Merge branch 'master' into tm-5213-head ([a14780f](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/a14780ff0d5b36080e94970c6ad674660c255f9e))
+
 ## [44.0.39](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.0.38...v44.0.39) (2025-05-15)
 
 

package/gatsby-node.mjs

@@ -88,7 +88,7 @@ function createArchivePage(
 
   if (process.env.CUSTOM_CONTENT_PAGES_PATH && archivePages) {
     // eslint-disable-next-line array-callback-return
-    archivePages = archivePages.filter((item) => {
+    archivePages = archivePages && archivePages.filter((item) => {
       if (item.path.includes(process.env.CUSTOM_CONTENT_PAGES_PATH)) {
         return item;
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-core-theme",
-  "version": "44.0.39",
+  "version": "44.0.41",
   "description": "Gatsby Theme NPM Package",
   "author": "",
   "license": "ISC",

package/src/components/atoms/author-box/details/index.js

@@ -1,7 +1,8 @@
 /* eslint-disable react-hooks/rules-of-hooks */
 import React from 'react';
 import PropTypes from 'prop-types';
-import { imagePrettyUrl, getAltText } from '~helpers/getters';
+import { imagePrettyUrl } from '~helpers/getters';
+import { getAltText } from '~helpers/image';
 import styles from './author-details.module.scss';
 import LazyImage from '~hooks/lazy-image';
 import Link from '~hooks/link';

package/src/components/atoms/header-operator-bannner/index.js

@@ -4,7 +4,8 @@ import LazyImage from '~hooks/lazy-image'
 import useTranslate from '~hooks/useTranslate/useTranslate'
 import Bonus from '~molecules/bonus-box/template-three'
 import { TrackingKeys } from '~constants/tracking-api'
-import { getAltText, imagePrettyUrl } from '~helpers/getters'
+import { imagePrettyUrl } from '~helpers/getters'
+import { getAltText } from '~helpers/image';
 
 import styles from './header-operator-bannner.module.scss'
 import { trackerLinkActive } from "~helpers/tracker.mjs";

package/src/components/atoms/notifications/notification-items/cards-v2/index.js

@@ -1,9 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { imagePrettyUrl, getImageFilename, getAltText, getExtraField } from 'gatsby-core-theme/src/helpers/getters';
-import LazyImage from 'gatsby-core-theme/src/hooks/lazy-image';
-import keygen from 'gatsby-core-theme/src/helpers/keygen';
-import Link from 'gatsby-core-theme/src/hooks/link';
+import LazyImage from '~hooks/lazy-image';
+import keygen from '~helpers/keygen';
+import Link from '~hooks/link';
+import { imagePrettyUrl, getExtraField } from '~helpers/getters';
+import { getAltText, getImageFilename } from '~helpers/image';
 import useTranslate from '~hooks/useTranslate/useTranslate';
 import CloseIcon from '~images/icons/close';
 import styles from './notification-items.module.scss';

package/src/components/atoms/notifications/notification-items/spotlight/index.js

@@ -1,9 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { imagePrettyUrl, getImageFilename, getAltText } from 'gatsby-core-theme/src/helpers/getters';
-import LazyImage from 'gatsby-core-theme/src/hooks/lazy-image';
-import keygen from 'gatsby-core-theme/src/helpers/keygen';
-import Link from 'gatsby-core-theme/src/hooks/link';
+import { imagePrettyUrl } from '~helpers/getters';
+import { getAltText, getImageFilename } from '~helpers/image';
+import LazyImage from '~hooks/lazy-image';
+import keygen from '~helpers/keygen';
+import Link from '~hooks/link';
 import useTranslate from '~hooks/useTranslate/useTranslate';
 import CloseIcon from '~images/icons/close';
 import styles from './notification-items.module.scss';

package/src/components/molecules/carousel/default-slide/index.js

@@ -5,7 +5,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 import ResponsiveImages from '~hooks/responsive-images';
-import {  getAltText } from '~helpers/getters';
+import { getAltText } from '~helpers/image';
 import styles from './default-slide.module.scss';
 
 const Slide = ({

package/src/components/molecules/header/variants/default/template-one/index.js

@@ -2,10 +2,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { FaArrowRight } from '@react-icons/all-files/fa/FaArrowRight';
-import LazyImage from 'gatsby-core-theme/src/hooks/lazy-image';
-import Button from 'gatsby-core-theme/src/components/atoms/button/button';
-import { imagePrettyUrl, getAltText, getExtraField } from 'gatsby-core-theme/src/helpers/getters';
-import VariableComponent from 'gatsby-core-theme/src/components/molecules/header/variants/default/variables';
+import LazyImage from '~hooks/lazy-image';
+import { getAltText } from '~helpers/image';
+import Button from '~atoms/button/button';
+import { imagePrettyUrl, getExtraField } from '~helpers/getters';
+import VariableComponent from '~molecules/header/variants/default/variables';
 import styles from './template-one.module.scss';
 
 export default function TemplateOne({

package/src/components/molecules/header/variants/operator/template-one-two/index.js

@@ -1,19 +1,20 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 // eslint-disable-next-line import/no-extraneous-dependencies
-import { imagePrettyUrl, getAltText } from 'gatsby-core-theme/src/helpers/getters';
-import LazyImage from 'gatsby-core-theme/src/hooks/lazy-image';
-import StarRating from 'gatsby-core-theme/src/components/molecules/star-rating/one-star';
 import { FaStar } from '@react-icons/all-files/fa/FaStar';
+import { imagePrettyUrl } from '~helpers/getters';
+import { getAltText } from '~helpers/image';
+import LazyImage from '~hooks/lazy-image';
+import StarRating from '~molecules/star-rating/one-star';
 import useTranslate from '~hooks/useTranslate/useTranslate';
 import Verify from '~images/icons/verify';
-import Rating from '../../../../../atoms/ratings';
-import OperatorBanner from '../../../../../atoms/header-operator-bannner';
+import Rating from '~atoms/ratings';
+import OperatorBanner from '~atoms/header-operator-bannner';
 import VariableComponent from '../variables';
 import styles from './template-one-two.module.scss';
 import { TrackingKeys } from '~constants/tracking-api'
 import PrettyLink from '~atoms/pretty-link';
-import Ribbons from '../../../../../atoms/ribbons';
+import Ribbons from '~atoms/ribbons';
 
 const TemplateOneTwo = ({
   relation,

package/src/components/molecules/header/variants/slot/template-one/index.js

@@ -2,9 +2,10 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 import { FaStar } from '@react-icons/all-files/fa/FaStar';
-import { imagePrettyUrl, getAltText } from 'gatsby-core-theme/src/helpers/getters';
-import OperatorBanner from 'gatsby-core-theme/src/components/atoms/header-operator-bannner';
-import Rating from 'gatsby-core-theme/src/components/atoms/ratings';
+import { imagePrettyUrl } from '~helpers/getters';
+import OperatorBanner from '~atoms/header-operator-bannner';
+import Rating from '~atoms/ratings';
+import { getAltText } from '~helpers/image';
 import Verify from '~images/icons/verify';
 import { TrackingKeys } from '~constants/tracking-api'
 import styles from './slot.module.scss';

package/src/components/molecules/link-list/index.js

@@ -4,7 +4,8 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 import keygen from '~helpers/keygen';
-import { imagePrettyUrl, getAltText } from '~helpers/getters';
+import { imagePrettyUrl } from '~helpers/getters';
+import { getAltText } from '~helpers/image';
 import Link from '~hooks/link';
 import LazyImage from '~hooks/lazy-image';
 

package/src/components/molecules/spotlights_v2/icon/template-one/index.js

@@ -1,9 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import keygen from '~helpers/keygen';
-import LazyImage from '../../../../../hooks/lazy-image';
-import Link from '../../../../../hooks/link';
-import { getAltText, imagePrettyUrl } from '../../../../../helpers/getters.mjs';
+import LazyImage from '~hooks/lazy-image';
+import Link from '~hooks/link';
+import { imagePrettyUrl } from '~helpers/getters.mjs';
+import { getAltText } from '~helpers/image';
 import styles from './template-one.module.scss';
 import useTranslate from '~hooks/useTranslate/useTranslate';
 

package/src/components/molecules/spotlights_v2/image/template-one/index.js

@@ -1,9 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import keygen from '~helpers/keygen';
-import LazyImage from '../../../../../hooks/lazy-image';
-import Link from '../../../../../hooks/link';
-import { getAltText, imagePrettyUrl } from '../../../../../helpers/getters.mjs';
+import LazyImage from '~hooks/lazy-image';
+import Link from '~hooks/link';
+import { imagePrettyUrl } from '~helpers/getters.mjs';
+import { getAltText } from '~helpers/image';
 import styles from './template-one.module.scss';
 import useTranslate from '~hooks/useTranslate/useTranslate';
 

package/src/components/molecules/spotlights_v2/image/template-two/index.js

@@ -2,9 +2,10 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { FaArrowRight } from '@react-icons/all-files/fa/FaArrowRight';
 import keygen from '~helpers/keygen';
-import LazyImage from '../../../../../hooks/lazy-image';
-import Link from '../../../../../hooks/link';
-import { getAltText, imagePrettyUrl } from '../../../../../helpers/getters.mjs';
+import LazyImage from '~hooks/lazy-image';
+import Link from '~hooks/link';
+import { imagePrettyUrl } from '~helpers/getters.mjs';
+import { getAltText } from '~helpers/image';
 import styles from './template-two.module.scss';
 import useTranslate from '~hooks/useTranslate/useTranslate';
 

package/src/components/molecules/spotlights_v2/image-text/template-one/index.js

@@ -2,9 +2,10 @@ import React from "react";
 import PropTypes from "prop-types";
 import { FaArrowRight } from "@react-icons/all-files/fa/FaArrowRight";
 import keygen from "~helpers/keygen";
-import LazyImage from "../../../../../hooks/lazy-image";
+import LazyImage from "~hooks/lazy-image";
 import Button from "../../../../atoms/button/button";
-import { getAltText, imagePrettyUrl } from "../../../../../helpers/getters.mjs";
+import { imagePrettyUrl } from "~helpers/getters.mjs";
+import { getAltText } from '~helpers/image';
 import useTranslate from "~hooks/useTranslate/useTranslate";
 import styles from "./template-one.module.scss";
 

package/src/components/molecules/spotlights_v2/image-text/template-three/item/index.js

@@ -5,13 +5,13 @@ import PropTypes from "prop-types";
 import { FaArrowRight } from "@react-icons/all-files/fa/FaArrowRight";
 import { FaPlus } from "@react-icons/all-files/fa/FaPlus";
 import { FaMinus } from "@react-icons/all-files/fa/FaMinus";
-import LazyImage from "../../../../../../hooks/lazy-image";
+import LazyImage from "~hooks/lazy-image";
 import useTranslate from "~hooks/useTranslate/useTranslate";
-import Button from "../../../../../atoms/button/button";
+import Button from "~atoms/button/button";
 import {
-  getAltText,
   imagePrettyUrl,
-} from "../../../../../../helpers/getters.mjs";
+} from "~helpers/getters.mjs";
+import { getAltText } from "~helpers/image";
 import styles from "./style.module.scss";
 
 export default function TemplateOne({

package/src/components/molecules/spotlights_v2/image-text/template-two/index.js

@@ -2,10 +2,11 @@ import React from "react";
 import PropTypes from "prop-types";
 import { FaArrowRight } from "@react-icons/all-files/fa/FaArrowRight";
 import keygen from "~helpers/keygen";
-import LazyImage from "../../../../../hooks/lazy-image";
+import LazyImage from "~hooks/lazy-image";
 import Button from "../../../../atoms/button/button";
 import useTranslate from "~hooks/useTranslate/useTranslate";
-import { getAltText, imagePrettyUrl } from "../../../../../helpers/getters.mjs";
+import { imagePrettyUrl } from "~helpers/getters.mjs";
+import { getAltText } from '~helpers/image';
 import styles from "./template-two.module.scss";
 
 export default function TemplateOne({

package/src/components/molecules/toplist/default-row/index.js

@@ -4,15 +4,16 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import Bonus from '~molecules/bonus-box/template-one'
 import SellingPoints from '~atoms/selling-points'
-import ReviewLink from '../../../atoms/review-link'
+import ReviewLink from '~atoms/review-link'
 import PrettyLink from '~atoms/pretty-link'
 import OperatorCta from '~atoms/button/operator-cta'
-import { imagePrettyUrl, getAltText } from '~helpers/getters'
+import { getAltText } from '~helpers/image';
+import { imagePrettyUrl } from '~helpers/getters'
 import LazyImage from '~hooks/lazy-image'
 import { TrackingKeys } from '~constants/tracking-api'
 
 import styles from './default-row.module.scss'
-import Ribbons from '../../../atoms/ribbons'
+import Ribbons from '~atoms/ribbons'
 
 const Row = ({
   item,

package/src/components/molecules/toplist/header/index.js

@@ -2,7 +2,8 @@ import React from "react";
 import PropTypes from "prop-types";
 import LazyImage from "~hooks/lazy-image";
 import keygen from "~helpers/keygen";
-import { imagePrettyUrl, getAltText } from "~helpers/getters";
+import { imagePrettyUrl } from "~helpers/getters";
+import { getAltText } from '~helpers/image';
 import OperatorCta from "~atoms/button/operator-cta";
 import StarRating from "~molecules/star-rating";
 import { TrackingKeys } from '~constants/tracking-api'

package/src/components/organisms/head/customData.js

@@ -0,0 +1 @@
+export default function customData() {}

package/src/components/organisms/head/head.test.js

@@ -1,76 +1,40 @@
-import React from 'react';
-import { render, cleanup, waitFor } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
+import React from "react";
+import { render, cleanup, waitFor } from "@testing-library/react";
+import "@testing-library/jest-dom/extend-expect";
 
-import Head, { getLanguage, getCanonicalUrl, getRobotOptions } from '.';
+import Head from ".";
 
-describe('Head Component', () => {
-  test('getLanguage()', () => {
-    expect(getLanguage('str')).toEqual('str');
-    expect(getLanguage('')).toEqual('en');
-    expect(getLanguage('no')).toEqual('nb-NO');
-  });
-
-  test('getCanonicalUrl()', () => {
-    expect(getCanonicalUrl({ path: '/' })).toEqual(process.env.GATSBY_SITE_URL);
-    expect(getCanonicalUrl({ path: 'sdsdasdsajkdhjkashk' })).toEqual(
-      `${process.env.GATSBY_SITE_URL}sdsdasdsajkdhjkashk`
-    );
-    expect(getCanonicalUrl({ path: 'about', canonical_url: 'contact' })).toEqual(
-      `${process.env.GATSBY_SITE_URL}contact`
-    );
-  });
-
-  test('getRobotOptions()', () => {
-    const arrOne = {
-      page_index: 0,
-      links_followed: 0,
-      images_index: 0,
-      show_snippet: 0,
-    };
-    expect(getRobotOptions(arrOne)).toEqual('noindex,nofollow,noimageindex,nosnippet');
-    arrOne.page_index = 1;
-    arrOne.show_snippet = 1;
-    expect(getRobotOptions(arrOne)).toEqual('nofollow,noimageindex');
-  });
-
-  test('render with props', async () => {
+describe("Head Component", () => {
+  test("render with props", async () => {
     const { container } = render(
       <Head
         siteInfo={{
-          site_name: 'test',
-          site_logo: '#',
+          site_name: "test",
+          site_logo: "#",
         }}
         page={{
-          meta_title: 'my meta title',
-          language: 'en',
-          meta_description: 'my meta description',
-          meta_robots: ['one', 'two', 'three'],
-          path: 'my path',
-          preconnect_links: ['1', '2', '3'],
+          meta_title: "my meta title",
+          language: "en",
+          meta_description: "my meta description",
+          meta_robots: ["one", "two", "three"],
+          path: "my path",
+          preconnect_links: ["1", "2", "3"],
           seo_json_schema: [],
           sections: { main: {} },
+          robot_options: { page_index: 1 },
         }}
       />
     );
+    // eslint-disable-next-line no-restricted-syntax
     expect(container).toBeTruthy();
     await waitFor(() => {
-      expect(document.title).toEqual('my meta title');
+      expect(document.title).toEqual("my meta title");
       // expect(document.documentElement.lang).toEqual('en');
-      expect(document.querySelectorAll('link[rel=preconnect]')).toHaveLength(3);
-      expect(document.getElementsByTagName('meta')[0].getAttribute('content')).toEqual(
-        'my meta description'
-      );
-      expect(document.getElementsByTagName('meta')[1].getAttribute('content')).toEqual(
-        'one,two,three'
-      );
+      expect(document.querySelectorAll("link[rel=preconnect]")).toHaveLength(3);
+      expect(
+        document.getElementsByTagName("meta")[0].getAttribute("content")
+      ).toEqual("my meta description");
 
-      expect(document.querySelector("meta[name='og:title']").getAttribute('content')).toEqual(
-        'my meta title'
-      );
-      // expect(document.querySelector('meta[name=og:site_name]').getAttribute('content')).toEqual(
-      //   'test'
-      // );
     });
   });
 });

package/src/components/organisms/head/index.js

@@ -1,95 +1,52 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import { schemaGenerator } from '~helpers/schema';
-import { getUrl, getPageImage, imagePrettyUrl } from '~helpers/getters';
-import keygen from '~helpers/keygen';
-
-export function getLanguage(language) {
-  if (process.env.GATSBY_SITE_LANG) return process.env.GATSBY_SITE_LANG;
-  if (language === 'no') return 'nb-NO';
-  return language || 'en';
-}
-export function getCanonicalUrl(page, isTracker) {
-  if (page.canonical_url) {
-    return `${process.env.GATSBY_SITE_URL}${page.canonical_url}`;
-  }
-  if (page.path === '/') {
-    return process.env.GATSBY_SITE_URL;
-  }
-  const trailingSlash = process.env.TRAILING_SLASH ? '/' : '';
-
-  return `${process.env.GATSBY_SITE_URL}${page.path.replace(/^\//, '')}${
-    !isTracker ? trailingSlash : ''
-  }`
-
-}
-export function getRobotOptions(options) {
-  const array = [];
-  if (!options.page_index && process.env.GATSBY_ACTIVE_ENV !== 'development') array.push('noindex');
-  if (!options.links_followed && process.env.GATSBY_ACTIVE_ENV !== 'development')
-    array.push('nofollow');
-  if (!options.images_index && process.env.GATSBY_ACTIVE_ENV !== 'development')
-    array.push('noimageindex');
-  if (!options.show_snippet && process.env.GATSBY_ACTIVE_ENV !== 'development')
-    array.push('nosnippet');
-  if (process.env.GATSBY_ACTIVE_ENV === 'development') array.push('noindex,follow');
-  return array.join();
-}
-
-function setName(string) {
-  const [name] = string.split('.');
-  return name[0].toUpperCase() + name.slice(1);
-}
+/* eslint-disable no-unused-vars */
+import React from "react";
+import PropTypes from "prop-types";
+import { schemaGenerator } from "~helpers/schema";
+import keygen from "~helpers/keygen";
+import { getUrl, getLanguage } from "~helpers/getters";
+import { getMetaTags, getCanonicalUrl } from "~helpers/head";
+import customData from "./customData";
 
 const HeadData = ({ page = {}, siteInfo }) => {
-  const pageImage = getPageImage(page) ? getPageImage(page) : imagePrettyUrl(siteInfo?.site_logo);
-  const isTracker = page.template === 'tracker';
+  const isTracker = page.template === "tracker";
+  const metaTags = getMetaTags(page, siteInfo, isTracker);
   let defaultHref = null;
-  // When google re-indexes dev NSA and IRL, remove lines 28, 41, 42, 43 and process.env.GATSBY_ACTIVE_ENV !== 'development' from lines 24, 25, 27, 29, 43
+
   return (
     <>
       <title>{page.meta_title}</title>
       <html lang={getLanguage(page.language)} />
-      <meta name="description" content={page.meta_description} />
-      {page.meta_robots && process.env.GATSBY_ACTIVE_ENV !== 'development' && (
-        <meta name="robots" content={page.meta_robots.join()} />
-      )}
-      <meta name="viewport" content="width=device-width, initial-scale=1" />
-
-      {page.robot_options && <meta name="robots" content={getRobotOptions(page.robot_options)} />}
-
-      {process.env.GATSBY_ACTIVE_ENV === 'development' && (
+      {metaTags}
+      {customData(page)}
+      {process.env.GATSBY_ACTIVE_ENV === "development" && (
         <meta name="googlebot" content="noindex,follow" />
       )}
-      <link rel="canonical" href={getCanonicalUrl(page, isTracker)} />
-      {page?.hreflangs?.map((link) => {
-        if (link?.default) defaultHref = link?.path;
-        return <link rel="alternate" href={getUrl(link.path)} hrefLang={link.language} />;
+      <link rel="canonical" href={getCanonicalUrl(page, isTracker)} />\
+      {page?.hreflangs?.map((link) => {        
+        if (link?.default) {
+          defaultHref = link?.path;
+        }
+        return (
+          <link
+            key={keygen()}
+            rel="alternate"
+            href={getUrl(link.path)}
+            hrefLang={link.language}
+          />
+        );
       })}
-      {defaultHref && <link rel="alternate" href={getUrl(defaultHref)} hrefLang="x-default" />}
-
-      {page.preconnect_links &&
-        page.preconnect_links.map((link) => <link key={keygen()} rel="preconnect" href={link} />)}
-      <meta name="og:title" content={page.meta_title} />
-      <meta name="og:site_name" content={siteInfo?.site_name && setName(siteInfo?.site_name)} />
-      <meta name="og:description" content={page.meta_description} />
-      <meta name="og:type" content={page.path === '/' ? 'website' : 'article'} />
-      <meta name="og:image" content={pageImage} />
-      <meta name="og:url" content={getCanonicalUrl(page, isTracker)} />
-      <meta
-        property="og:locale"
-        content={getLanguage(page.language) === 'en' ? 'en_GB' : getLanguage(page.language)}
-      />
-
-      {schemaGenerator(page, pageImage).map(
-        (schema) =>
-          schema && (
-            <script key={keygen()} type="application/ld+json">
-              {`${schema}`}
-            </script>
-          )
+      {defaultHref && (
+        <link rel="alternate" href={getUrl(defaultHref)} hrefLang="x-default" />
       )}
+      {page.preconnect_links &&
+        page.preconnect_links.map((link) => (
+          <link key={keygen()} rel="preconnect" href={link} />
+        ))}
+      {schemaGenerator(page, getUrl(page.path)).map((schema) => (
+        <script key={keygen()} type="application/ld+json">
+          {`${schema}`}
+        </script>
+      ))}
     </>
   );
 };

package/src/components/pages/tracker/index-ssr.js

@@ -6,7 +6,8 @@ import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
 import Button from '~atoms/button/button';
 import LazyImage from '~hooks/lazy-image';
-import { imagePrettyUrl, getAltText, getExtraField } from '~helpers/getters';
+import { imagePrettyUrl, getExtraField } from '~helpers/getters';
+import { getAltText } from '~helpers/image';
 import styles from './tracker.module.scss';
 import { getTrackerName } from '~helpers/tracker';
 import useTranslate from '~hooks/useTranslate/useTranslate';

package/src/components/pages/tracker/index.js

@@ -4,7 +4,8 @@ import React, { useEffect } from "react";
 import PropTypes from "prop-types";
 import Button from "~atoms/button/button";
 import LazyImage from "~hooks/lazy-image";
-import { imagePrettyUrl, getAltText, getExtraField } from "~helpers/getters";
+import { imagePrettyUrl, getExtraField } from "~helpers/getters";
+import { getAltText } from '~helpers/image';
 import styles from "./tracker.module.scss";
 import { getTrackerName } from "~helpers/tracker";
 import useTranslate from "~hooks/useTranslate/useTranslate";

package/src/constants/metaTags.js

@@ -0,0 +1,15 @@
+import { getLanguage,setName } from '~helpers/getters';
+import {  getRobotOptions, getCanonicalUrl } from '~helpers/head';
+
+
+export default (page, siteInfo, pageImage, isTracker) =>  [
+    { type: "meta", name: "description", content: page.meta_description },
+    { type: "meta", name: "robots", content: getRobotOptions(page.robot_options) },
+    { type: "meta", property: "og:title", content: page.meta_title },
+    { type: "meta", property: "og:site_name", content: siteInfo?.site_name ? setName(siteInfo.site_name) : "" },
+    { type: "meta", property: "og:description", content: page.meta_description },
+    { type: "meta", property: "og:type", content: page.path === '/' ? 'website' : 'article' },
+    { type: "meta", property: "og:image", content: pageImage },
+    { type: "meta", property: "og:url", content: getCanonicalUrl(page, isTracker) },
+    { type: "meta", property: "og:locale", content: getLanguage(page.language) === 'en' ? 'en_GB' : getLanguage(page.language) },
+  ];

package/src/constants/pick-keys.mjs

@@ -127,7 +127,8 @@ export const pickRelationKeys = {
     'languages',
     'average_deposit_fee_amount',
     'average_withdrawal_times',
-    'best_game'
+    'best_game',
+    'rating_comments',
   ],
   operator_simplified: [
     "short_name",
@@ -140,7 +141,7 @@ export const pickRelationKeys = {
     "logo",
     "type",
     "market",
-    "status"
+    "status",
   ],
   game: [
     "id",

package/src/helpers/getters.mjs

@@ -1,3 +1,4 @@
+/* eslint-disable react-hooks/rules-of-hooks */
 /* eslint-disable no-prototype-builtins */
 /* eslint-disable no-nested-ternary */
 import { generateTrackerLink } from "./generators.mjs";
@@ -106,15 +107,6 @@ export function image(filename, width, height, fit = "cover") {
   return `${cloudFrontUrl}/${Buffer.from(imageRequest).toString("base64")}`;
 }
 
-export function getImageFilename(src) {
-  const srcArr = src && src.substring(src.lastIndexOf("/") + 1).split(".");
-  if (!srcArr.length) {
-    return "";
-  }
-
-  return srcArr[0];
-}
-
 export function getImageExtension(filename) {
   return filename && filename.split(".").pop();
 }
@@ -363,10 +355,11 @@ export function getUrl(path) {
     return process.env.GATSBY_SITE_URL;
   }
 
-  return `${process.env.GATSBY_SITE_URL}${path.replace(/^\//, "")}`;
+  return `${process.env.GATSBY_SITE_URL}${path.replace(/^\//, "")}${process.env.TRALING_SLASH ? "/" : ""}`;
 }
 
 export function getLanguage(language) {
+  if (process.env.GATSBY_SITE_LANG) return process.env.GATSBY_SITE_LANG;
   if (language === "no") return "nb-NO";
   return language || "en";
 }
@@ -446,10 +439,6 @@ export const getRoundMinutes = (time) => {
   return value === 0 ? 1 : value;
 };
 
-export function getAltText(imageObject, defaultAlt = "") {
-  return imageObject && imageObject.alt ? imageObject.alt : defaultAlt;
-}
-
 export function updateArrayTranslations(array, keysArray, translations) {
   if (array && array.length > 0 && keysArray && keysArray.length > 0) {
     array.forEach((elm, index) => {
@@ -534,6 +523,11 @@ export const filterNonNullValues = (data) =>
     return acc;
   }, {});
 
+
+export function setName(string) {
+  const [name] = string.split(".");
+  return name[0].toUpperCase() + name.slice(1);
+}
   export const trailingSlash = (content) => {
     if (!content || process.env.TRAILING_SLASH !== "true") return content;
   

package/src/helpers/getters.test.js

@@ -313,16 +313,6 @@ describe('Getters Helper', () => {
     expect(Getters.getRoundMinutes('3:29')).toBe(3);
   });
 
-  test('Test altText', () => {
-    const alt = Getters.getAltText({ alt: 'imageAlt' }, 'default');
-    expect(alt).toEqual('imageAlt');
-  });
-
-  test('Test without altText', () => {
-    const altText = Getters.getAltText(null, 'default');
-    expect(altText).toEqual('default');
-  });
-
   const array = ['apple', 'banana', 'cherry'];
   const keysArray = ['fruit_apple', 'fruit_banana', 'fruit_cherry'];
   const translations = {
@@ -457,6 +447,36 @@ describe('Getters Helper', () => {
     const expected = { a: 1, c: 2 };
     expect(Getters.filterNonNullValues(input)).toEqual(expected);
   });
+
+  describe('getLanguage', () => {
+    it('returns GATSBY_SITE_LANG if set', () => {
+      process.env.GATSBY_SITE_LANG = 'fr';
+      expect(Getters.getLanguage('en')).toBe('fr');
+    });
+
+    it('returns "nb-NO" if language is "no"', () => {
+      delete process.env.GATSBY_SITE_LANG;
+      expect(Getters.getLanguage('no')).toBe('nb-NO');
+    });
+
+    it('returns provided language if GATSBY_SITE_LANG is not set', () => {
+      delete process.env.GATSBY_SITE_LANG;
+      expect(Getters.getLanguage('es')).toBe('es');
+    });
+
+    it('returns "en" if no language is provided', () => {
+      delete process.env.GATSBY_SITE_LANG;
+      expect(Getters.getLanguage()).toBe('en');
+    });
+  });
+
+  describe('setName', () => {
+    it('returns capitalized name from string', () => {
+      expect(Getters.setName('example.com')).toBe('Example');
+    });
+  });
+
+
   test('basic functionality with sample HTML', () => {
     process.env.TRAILING_SLASH = 'true';
     process.env.GATSBY_SITE_URL = 'https://demo-gatsby-theme.gigmedia.com/';

package/src/helpers/head.js

@@ -0,0 +1,51 @@
+import React from "react";
+import { getPageImage, imagePrettyUrl } from "~helpers/getters";
+import keygen from "~helpers/keygen";
+import metaTags from "~constants/metaTags";
+
+export const getMetaTags = (page, siteInfo, isTracker) => {
+  const pageImage = getPageImage(page) || imagePrettyUrl(siteInfo?.site_logo);
+  return metaTags(page, siteInfo, pageImage, isTracker).map((meta) => (
+    <meta
+      key={keygen()}
+      {...(meta.name ? { name: meta.name } : { property: meta.property })}
+      content={meta.content}
+    />
+  ));
+};
+
+export function getCanonicalUrl(page, isTracker) {
+  if (page.canonical_url) {
+    return `${process.env.GATSBY_SITE_URL}${page.canonical_url}`;
+  }
+  if (page.path === "/") {
+    return process.env.GATSBY_SITE_URL;
+  }
+  const trailingSlash = process.env.TRAILING_SLASH ? "/" : "";
+
+  return `${process.env.GATSBY_SITE_URL}${page.path.replace(/^\//, "")}${
+    !isTracker ? trailingSlash : ""
+  }`;
+}
+
+export function getRobotOptions(options) {
+  const array = [];
+  if (
+    !options &&
+    !options.page_index &&
+    process.env.GATSBY_ACTIVE_ENV !== "development"
+  )
+    array.push("noindex");
+  if (
+    !options.links_followed &&
+    process.env.GATSBY_ACTIVE_ENV !== "development"
+  )
+    array.push("nofollow");
+  if (!options.images_index && process.env.GATSBY_ACTIVE_ENV !== "development")
+    array.push("noimageindex");
+  if (!options.show_snippet && process.env.GATSBY_ACTIVE_ENV !== "development")
+    array.push("nosnippet");
+  if (process.env.GATSBY_ACTIVE_ENV === "development")
+    array.push("noindex,follow");
+  return array.join();
+}

package/src/helpers/head.test.js

@@ -0,0 +1,50 @@
+import {getMetaTags, getCanonicalUrl}  from './head';
+
+describe('head.js functions', () => {
+  describe('getMetaTags', () => {
+    it('returns meta tags correctly', () => {
+      const page = {
+        robot_options: { page_index: 1 },
+        path:"/"
+      };
+      const siteInfo = { site_logo: 'logo.png' };
+      const isTracker = false;
+
+      const result = getMetaTags(page, siteInfo, isTracker);
+      // eslint-disable-next-line no-restricted-syntax
+      expect(result).toBeTruthy();
+    });
+  });
+
+  describe('getCanonicalUrl', () => {
+    beforeEach(() => {
+      process.env.GATSBY_SITE_URL = 'https://example.com';
+    });
+
+    it('returns canonical_url if set', () => {
+      const page = { canonical_url: 'canonical' };
+      process.env.GATSBY_SITE_URL = 'https://example.com/';
+      expect(getCanonicalUrl(page, false)).toBe('https://example.com/canonical');
+    });
+
+    it('returns site URL if page path is "/"', () => {
+      const page = { path: '/' };
+      process.env.GATSBY_SITE_URL = 'https://example.com/';
+      expect(getCanonicalUrl(page, false)).toBe('https://example.com/');
+    });
+
+    it('returns URL with trailing slash if TRAILING_SLASH is set', () => {
+      process.env.TRAILING_SLASH = 'true';
+      process.env.GATSBY_SITE_URL = 'https://example.com/';
+      const page = { path: 'about' };
+      expect(getCanonicalUrl(page, false)).toBe('https://example.com/about/');
+    });
+
+    it('returns URL without trailing slash if TRAILING_SLASH is not set', () => {
+      delete process.env.TRAILING_SLASH;
+      process.env.GATSBY_SITE_URL = 'https://example.com/';
+      const page = { path: 'about' };
+      expect(getCanonicalUrl(page, false)).toBe('https://example.com/about');
+    });
+  });
+});

package/src/helpers/image.js

@@ -0,0 +1,26 @@
+/* eslint-disable react-hooks/rules-of-hooks */
+/* eslint-disable import/prefer-default-export */
+import useTranslate from '../hooks/useTranslate/useTranslate';
+
+export function getAltText(imageObject, defaultAlt = "") {
+  // If alt is for operator image we check for custom translations
+  if(imageObject && imageObject.alt && imageObject.alt.toLowerCase().includes('image for')) {
+    const originalAlt = imageObject.alt.toLowerCase();
+    const regex = /(logo image for|image for)\s*/i;
+
+    // Replace all occurrences of the matched phrases with an empty string
+    const newAlt = `${useTranslate('image_for', 'Logo image for')} ${originalAlt.replace(regex, '')}`;
+    return useTranslate(newAlt.replace(/\s+/g, '_').toLowerCase(), newAlt);
+  }
+  
+  return imageObject && imageObject.alt ? imageObject.alt : defaultAlt;
+}
+
+export function getImageFilename(src) {
+  const srcArr = src && src.substring(src.lastIndexOf("/") + 1).split(".");
+  if (!srcArr.length) {
+    return "";
+  }
+
+  return srcArr[0];
+}

package/src/helpers/image.test.js

@@ -0,0 +1,21 @@
+import * as Image from './image';
+
+describe('Getters Helper', () => {
+
+  test('Test altText', () => {
+    const alt = Image.getAltText({ alt: 'imageAlt' }, 'default');
+    expect(alt).toEqual('imageAlt');
+  });
+
+  test('Test without altText', () => {
+    const altText = Image.getAltText(null, 'default');
+    expect(altText).toEqual('default');
+  });
+
+
+
+  test('Test with altText for operators', () => {
+    const altText = Image.getAltText({ alt: 'Image for operator' }, 'Test');
+    expect(altText).toEqual('Logo image for operator');
+  });
+});

package/src/helpers/schema.js

@@ -109,6 +109,9 @@ export const prosAndConsData = (pageObj) => {
   const prosAndConstObj =
     pageObj?.sections?.main?.modules?.find((elm) => elm?.name === 'pros_and_cons') || {};
 
+    const anchroUrl = prosAndConstObj?.anchored ? prosAndConstObj?.anchor_slug : '';
+    
+    
   // There are url keys because it is required
   // otherwise it would throw errors
   return (
@@ -120,8 +123,8 @@ export const prosAndConsData = (pageObj) => {
             prosAndConstObj?.pros?.map((elm, index) => ({
               '@type': 'ListItem',
               position: index + 1,
-              url: `${getUrl('/')}#${elm}`,
               name: elm,
+              url: `${getUrl('/')}${anchroUrl ? `#${anchroUrl}` : ''}`
             })) || [],
         },
       }),
@@ -132,7 +135,7 @@ export const prosAndConsData = (pageObj) => {
             prosAndConstObj?.cons?.map((elm, index) => ({
               '@type': 'ListItem',
               position: index + 1,
-              url: `${getUrl('/')}#${elm}`,
+              url: `${getUrl('/')}${anchroUrl ? `#${anchroUrl}` : ''}`,
               name: elm,
             })) || [],
         },
@@ -422,7 +425,7 @@ export function templateSchemas(page, pageImage) {
 
       return JSON.stringify(generateSchemaObject(schema));
     }
-    case 'operator': {
+    case 'operator': {      
       const schema = {
         '@context': 'https://schema.org',
         '@type': 'Review',
@@ -434,7 +437,7 @@ export function templateSchemas(page, pageImage) {
           '@type': 'Organization',
           url: getUrl(page.path),
           name: page.title || '',
-          image: page.relation?.logo?.filename,
+          image: imagePrettyUrl(page.relation?.logo?.filename),
         },
         reviewRating: {
           '@type': 'Rating',

package/src/helpers/schema.test.js

@@ -466,7 +466,7 @@ describe('Schema Helper', () => {
     expect(json.itemReviewed['@type']).toEqual('Organization');
     expect(json.itemReviewed.url).toEqual(getUrl('operator_page'));
     expect(json.itemReviewed.name).toEqual('Operator Title');
-    expect(json.itemReviewed.image).toEqual('logo_url/image.jpg');
+    expect(json.itemReviewed.image).toEqual('https://cdn.images.com/logo_url/image.jpg');
 
     expect(Object.prototype.toString.call(json.reviewRating)).toEqual('[object Object]');
     expect(json.reviewRating['@type']).toEqual('Rating');