gatsby-core-theme 44.0.40 → 44.0.42

package/CHANGELOG.md

@@ -1,3 +1,33 @@
+## [44.0.42](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.0.41...v44.0.42) (2025-05-21)
+
+
+### Bug Fixes
+
+* fix test ([033c59d](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/033c59d02855f46fe2b484b1927e9d94c81c28d2))
+* make changes ([0155c8c](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/0155c8c074b0b51b2926d0a1963ffa26db3401c8))
+* remove static logic for IRL ([d51dd66](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/d51dd66f4ef558432b5095940f21a01381e4daa9))
+* remove when content is null ([7ed4f5d](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/7ed4f5daacbe07658ada459dce15abb6394e5e34))
+
+
+* Merge branch 'tm-5213-head-update' into 'master' ([28abae7](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/28abae7bdf0a46f1e8ac05c06dc6a6914ae4f665))
+
+## [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)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-core-theme",
-  "version": "44.0.40",
+  "version": "44.0.42",
   "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/index.js

@@ -7,9 +7,9 @@ import { getUrl, getLanguage } from "~helpers/getters";
 import { getMetaTags, getCanonicalUrl } from "~helpers/head";
 import customData from "./customData";
 
-const HeadData = ({ page = {}, siteInfo }) => {
+const HeadData = ({ page = {} }) => {
   const isTracker = page.template === "tracker";
-  const metaTags = getMetaTags(page, siteInfo, isTracker);
+  const metaTags = getMetaTags(page, isTracker);
   let defaultHref = null;
 
   return (
@@ -17,7 +17,7 @@ const HeadData = ({ page = {}, siteInfo }) => {
       <title>{page.meta_title}</title>
       <html lang={getLanguage(page.language)} />
       {metaTags}
-      {customData()}
+      {customData(page)}
       {process.env.GATSBY_ACTIVE_ENV === "development" && (
         <meta name="googlebot" content="noindex,follow" />
       )}

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

@@ -1,15 +1,71 @@
-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) },
-  ];
+/* eslint-disable camelcase */
+import parse from 'html-react-parser';
+import { getLanguage, setName, getPageImage, imagePrettyUrl } from "~helpers/getters";
+import { getRobotOptions, getCanonicalUrl, transformMetaTitle, getTwitterUsername } from "~helpers/head";
+
+
+
+export default (page, isTracker) => { 
+  const { relation, meta_title, meta_description, relation_type, siteInfo } = page;
+  const pageImage = getPageImage(page) || imagePrettyUrl(siteInfo?.site_logo);
+  const parsedMetaDescr = meta_description ? parse(meta_description) : '';
+  const metaTitle = transformMetaTitle(relation, meta_title, relation_type);
+  const twitterUsername = getTwitterUsername(page.siteSchema?.twitter);
+
+
+  return [
+  { type: "meta", name: "description", content: page.meta_description },
+  {
+    type: "meta",
+    name: "robots",
+    content: getRobotOptions(page.robot_options),
+  },
+  { type: "meta", property: "og:title", content: metaTitle},
+  {
+    type: "meta",
+    property: "og:site_name",
+    content: siteInfo?.site_name ? setName(siteInfo.site_name) : "",
+  },
+  { type: "meta", property: "og:description", content: parsedMetaDescr },
+  {
+    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),
+  },
+  { type: "meta", content: process.env.PLACENAME },
+  { type: "region", content: process.env.COUNTRY },
+  {
+    type: "meta",
+    name: "facebook-domain-verification",
+    content: process.env.FBVERIFACTION,
+  },
+  {
+    type: "meta",
+    name: "robots",
+    content:
+      process.env.GATSBY_ACTIVE_ENV !== "development"
+        ? page?.meta_robots?.join(",")
+        : null,
+  },
+  { type: "meta", name: "twitter:title", content: twitterUsername && metaTitle },
+  { type: "meta", name: "twitter:description", content: twitterUsername && parsedMetaDescr },
+  { type: "meta", name: "twitter:site", content: twitterUsername && `@${twitterUsername}` },
+  { type: "meta", name: "twitter:creator", content: twitterUsername && `@${twitterUsername}` },
+  { type: "meta", name: "twitter:card", content: twitterUsername && 'summary' },
+  { type: "meta", name: "twitter:image", content: twitterUsername && pageImage.replace('/filters:format(webp)', '') },
+]
+};

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();
 }
@@ -447,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) => {

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 = {

package/src/helpers/head.js

@@ -1,17 +1,23 @@
 import React from "react";
-import { getPageImage, imagePrettyUrl } from "~helpers/getters";
+import { getPageImage, imagePrettyUrl, getBonus } from "~helpers/getters";
+import { generatePlaceholderString } from "~helpers/generators";
 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}
-    />
-  ));
+  // eslint-disable-next-line array-callback-return
+  return metaTags(page, siteInfo, pageImage, isTracker).map((meta) => {
+    if (meta?.content) {
+      return (
+        <meta
+          key={keygen()}
+          {...(meta.name ? { name: meta.name } : { property: meta.property })}
+          content={meta.content}
+        />
+      );
+    }
+  });
 };
 
 export function getCanonicalUrl(page, isTracker) {
@@ -49,3 +55,37 @@ export function getRobotOptions(options) {
     array.push("noindex,follow");
   return array.join();
 }
+
+export function getLocale(language) {
+  if (language) {
+    const locale = language.split("_").reverse();
+    locale[1] = locale[1].toUpperCase();
+    return locale.join("_");
+  }
+  return null;
+}
+
+export function getTwitterUsername(url) {
+  // eslint-disable-next-line no-useless-escape
+  const regex = /https?:\/\/(www\.)?twitter\.com\/(#!\/)?@?([^\/]*)/;
+  const m = regex.exec(url);
+
+  if (m !== null && m.length >= 3) {
+    return m[3];
+  }
+
+  return null;
+}
+
+export function transformMetaTitle(relation, metaTitle, type) {
+  if (type !== "operator") return metaTitle;
+
+  switch (metaTitle) {
+    case "[OPERATOR_REVIEW_META_TITLE]":
+      return `${relation.name} ${generatePlaceholderString("[YEAR]")} ${
+        getBonus("main", relation).one_liner
+      }`;
+    default:
+      return metaTitle;
+  }
+}

package/src/helpers/head.test.js

@@ -1,4 +1,4 @@
-import {getMetaTags, getCanonicalUrl}  from './head';
+import {getMetaTags, getCanonicalUrl, getTwitterUsername, getLocale}  from './head';
 
 describe('head.js functions', () => {
   describe('getMetaTags', () => {
@@ -47,4 +47,29 @@ describe('head.js functions', () => {
       expect(getCanonicalUrl(page, false)).toBe('https://example.com/about');
     });
   });
+
+  describe('getLocale', () => {
+    it('returns null when no language is provided', () => {
+      expect(getLocale(null)).toBeNull();
+      expect(getLocale(undefined)).toBeNull();
+      expect(getLocale('')).toBeNull();
+    });
+
+    it('transforms language code correctly', () => {
+      expect(getLocale('en_us')).toBe('us_EN');
+    });
+  });
+
+  describe('getTwitterUsername', () => {
+    it('returns null for invalid Twitter URLs', () => {
+      expect(getTwitterUsername('')).toBeNull();
+      expect(getTwitterUsername('https://example.com')).toBeNull();
+      expect(getTwitterUsername('https://twitter.com')).toBeNull();
+    });
+
+    it('extracts username from various Twitter URL formats', () => {
+      expect(getTwitterUsername('https://twitter.com/username')).toBe('username');
+      expect(getTwitterUsername('https://www.twitter.com/username')).toBe('username');
+    });
+  });
 });

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');
+  });
+});