gatsby-core-theme 41.1.25 → 41.1.27

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+## [41.1.27](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v41.1.26...v41.1.27) (2025-01-20)
+
+
+### Bug Fixes
+
+* sports team kits data ([44e6164](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/44e6164b119c29a5e7c2d67bbb1c71228a85dc5e))
+
+
+### Code Refactoring
+
+* complete changes to anchor module to move it into build ([f327cc5](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/f327cc56e91e1e16fc5aca77e6242e564eb659d5))
+* refactor strings module ([70f5e39](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/70f5e3908aca3eafd70e20052704124ffee89f63))
+
+
+* Merge branch 'anchor-fix' into 'master' ([7c15bc3](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/7c15bc31352ce00ee333f1921e9f455fef9989e9))
+
+
+### Tests
+
+* add test for operator name ([271ef7b](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/271ef7b1c4e615ef447650630c7e986b75dc7faf))
+
+## [41.1.26](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v41.1.25...v41.1.26) (2025-01-15)
+
+
+### Code Refactoring
+
+* add game categories ([42ce2dd](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/42ce2dd726453307d0f433d12c350659930c5480))
+
 ## [41.1.25](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v41.1.24...v41.1.25) (2025-01-15)
 
 

package/package.json

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

package/src/components/organisms/anchor/template-one/anchor.stories.js

@@ -12,6 +12,27 @@ import getNavigation from '~tests/factories/sections/navigationStatic.factory';
 import siteLogo from '../../../../../static/images/logo.svg';
 import Anchor from '.';
 import Navigation from '~organisms/navigation';
+import { processAnchor } from '../../../../helpers/processor/modules.mjs';
+import getPageData from '~tests/factories/pages/default.factory';
+
+const page = getPageData();
+const module = {
+  items: [
+    { slug: 'section-one-year', label: 'Section one [YEAR]' },
+    { slug: 'section-two-operator_name', label: 'Section two [operator_name]' },
+    { slug: 'section-three', label: 'Section three' },
+    { slug: 'section-four', label: 'Section four' },
+    { slug: 'section-five', label: 'Section five' },
+    { slug: 'section-six', label: 'Section six' },
+    { slug: 'section-seven', label: 'Section seven' },
+    { slug: 'section-eight', label: 'Section eight' },
+    { slug: 'section-nine', label: 'Section nine' },
+    { slug: 'section-ten', label: 'Section ten' },
+    { slug: 'section-eleven', label: 'Section eleven' },
+    { slug: 'section-twelve', label: 'Section twelve' },
+  ]
+};
+const processedAnchor = processAnchor(module, page?.relation);
 
 export default {
   title: 'Theme/Modules/Anchor/Template One',
@@ -20,34 +41,13 @@ export default {
     module: {
       name: 'module',
       type: { name: 'object', required: false },
-      defaultValue: '',
+      defaultValue: processedAnchor,
       description: 'The module data object including list of sections.',
       table: {
         type: { summary: 'object' },
         defaultValue: { summary: null },
       },
     },
-    headerOffset: {
-      name: 'headerOffset',
-      type: { name: 'number', required: false },
-      defaultValue: 0,
-      description: 'The space between the header and target section in pixels.',
-      table: {
-        type: { summary: 'number' },
-        defaultValue: { summary: 0 },
-      },
-    },
-    sliderGap: {
-      name: 'sliderGap',
-      type: { name: 'number', required: false },
-      defaultValue: 0,
-      description: 'The space between navigation buttons in pixels.',
-      table: {
-        type: { summary: 'number' },
-        defaultValue: { summary: 0 },
-      },
-      control: null,
-    },
   },
   parameters: {
     docs: {
@@ -75,21 +75,6 @@ const navigationData = {
   logo: siteLogo,
 };
 
-const sections = [
-  'section-one',
-  'section-two',
-  'section-three',
-  'section-four',
-  'section-five',
-  'section-six',
-  'section-seven',
-  'section-eight',
-  'section-nine',
-  'section-ten',
-  'section-eleven',
-  'section-twelf',
-];
-
 const Template = (args) => (
   <>
     <Navigation {...navigationData} />
@@ -101,9 +86,9 @@ const Template = (args) => (
       }}
     >
       <Anchor {...args} />
-      {sections?.map((sec) => (
-        <div id={sec}>
-          <h2>{sec}</h2>
+      {processedAnchor?.items?.map((sec) => (
+        <div id={sec.id}>
+          <h2>{sec.label}</h2>
           <p>
             {`Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum
             has been the industry's standard dummy text ever since the 1500s, when an unknown
@@ -121,50 +106,10 @@ const Template = (args) => (
 
 export const Default = Template.bind({});
 Default.args = {
-  width: ' 100%',
-  module: {
-    items: [
-      { label: 'section-one' },
-      { label: 'section-two' },
-      { label: 'section-three' },
-      { label: 'section-four' },
-      { label: 'section-five' },
-      { label: 'section-six' },
-      { label: 'section-seven' },
-      { label: 'section-eight' },
-      { label: 'section-nine' },
-      { label: 'section-ten' },
-      { label: 'section-eleven' },
-      { label: 'section-twelf' },
-    ],
-  },
-  fullScrollWidth: false,
   setShowButtons: false,
-  sliderGap: 10,
-  headerOffset: 20,
 };
 
 export const FullWidth = Template.bind({});
 FullWidth.args = {
-  width: '100%',
-  module: {
-    items: [
-      { label: 'section-one' },
-      { label: 'section-two' },
-      { label: 'section-three' },
-      { label: 'section-four' },
-      { label: 'section-five' },
-      { label: 'section-six' },
-      { label: 'section-seven' },
-      { label: 'section-eight' },
-      { label: 'section-nine' },
-      { label: 'section-ten' },
-      { label: 'section-eleven' },
-      { label: 'section-twelf' },
-    ],
-  },
-  fullScrollWidth: true,
   setShowButtons: true,
-  sliderGap: 10,
-  headerOffset: 80,
 };

package/src/components/organisms/anchor/template-one/anchor.test.js

@@ -1,48 +1,66 @@
 import React from 'react';
 import { render, cleanup, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
-
+import { processAnchor } from '../../../../helpers/processor/modules.mjs';
 import '~tests/helpers/match-media.mock';
-import { getListCarouselItem } from '~tests/factories/modules/carousel.factory';
 import Anchor from '.';
+import getPageData from '~tests/factories/pages/default.factory';
+
+const page = getPageData();
+
+const module = {
+  items: [
+    { slug: 'section-one-year', label: 'Section one [YEAR]' },
+    { slug: 'section-two-operator_name', label: 'Section two [operator_name]' },
+    { slug: 'section-three', label: 'Section three' },
+    { slug: 'section-four', label: 'Section four' },
+    { slug: 'section-five', label: 'Section five' },
+    { slug: 'section-six', label: 'Section six' },
+    { slug: 'section-seven', label: 'Section seven' },
+    { slug: 'section-eight', label: 'Section eight' },
+    { slug: 'section-nine', label: 'Section nine' },
+    { slug: 'section-ten', label: 'Section ten' },
+    { slug: 'section-eleven', label: 'Section eleven' },
+    { slug: 'section-twelve', label: 'Section twelve' },
+  ]
+};
+const processedAnchor = processAnchor(module, page?.relation)
 
 describe('Anchor Component', () => {
-  test('render with props', () => {
-    const module = getListCarouselItem(2);
-    const { container, getByText } = render(<Anchor module={module} headerOffset={90} />);
-    expect(container.querySelectorAll('a')).toHaveLength(2);
-    expect(getByText('label-1')).toBeTruthy();
-    expect(getByText('label-2')).toBeTruthy();
-    expect(getByText('label-2').getAttribute('href')).toEqual('#label2');
+  test('render with props', () => {    
+    const { container, getByText } = render(<Anchor module={processedAnchor} headerOffset={90} />);
+    expect(container.querySelectorAll('a')).toHaveLength(12);
+    expect(getByText('Section five')).toBeInTheDocument();
+    expect(getByText('Section four')).toBeInTheDocument();
+    expect(getByText('Section six').getAttribute('href')).toEqual('#section-six');
   });
   test('on click', async () => {
-    const module = getListCarouselItem(4);
+    
     const { getByText } = render(
       <>
-        <Anchor module={module} headerOffset={90} />
-        <div id="label-1" style={{ marginTop: '1000px' }}>
+        <Anchor module={processedAnchor} headerOffset={90} />
+        <div id="section-three" style={{ marginTop: '1000px' }}>
           hjbihi
         </div>
       </>
     );
     const scrollToSpy = jest.fn();
     window.scrollTo = scrollToSpy;
-    expect(getByText('label-1')).toBeTruthy();
-    fireEvent.mouseDown(getByText('label-1'));
-    fireEvent.click(getByText('label-1'));
+    expect(getByText('Section three')).toBeInTheDocument();
+    fireEvent.mouseDown(getByText('Section three'));
+    fireEvent.click(getByText('Section three'));
   });
   test('renders correctly with default props', () => {
-    const items = getListCarouselItem(4);
-    const { getByText } = render(<Anchor module={items} />);
+    const { getByText } = render(<Anchor module={processedAnchor} />);
 
-    expect(getByText('label-1')).toBeInTheDocument();
-    expect(getByText('label-2')).toBeInTheDocument();
-    expect(getByText('label-3')).toBeInTheDocument();
+    expect(getByText('Section four')).toBeInTheDocument();
+    expect(getByText('Section five')).toBeInTheDocument();
+    expect(getByText('Section ten')).toBeInTheDocument();
   });
   test('renders navigation buttons when conditions are met', () => {
-    const module = getListCarouselItem(4);
+    
     const { container } = render(
-      <Anchor module={module} minCharactersForButtons={10} setShowButtons={true} />
+      <Anchor module={processedAnchor} minCharactersForButtons={10} setShowButtons />
     );
     const buttons = container.querySelectorAll('button');
 
@@ -57,6 +75,13 @@ describe('Anchor Component', () => {
     expect(buttons[0]).toBeInTheDocument();
     expect(buttons[1]).toBeInTheDocument();
   });
+  test('Test with shortcodes', () => {    
+    const { getByText } = render(<Anchor module={processedAnchor} headerOffset={90} />);
+    expect(getByText('Section one 2025')).toBeInTheDocument();
+    expect(getByText('Section one 2025').getAttribute('href')).toEqual('#section-one-2025');
+    expect(getByText('Section two Wildz')).toBeInTheDocument();
+    expect(getByText('Section two Wildz').getAttribute('href')).toEqual('#section-two-wildz');
+  });
 });
 afterEach(() => {
   cleanup();

package/src/components/organisms/anchor/template-one/index.js

@@ -1,17 +1,10 @@
 /* eslint-disable react-hooks/rules-of-hooks */
-/* eslint-disable no-nested-ternary */
-/* eslint-disable import/no-extraneous-dependencies */
-/* eslint-disable no-unused-expressions */
-/* eslint-disable prefer-destructuring */
-/* eslint-disable react-hooks/exhaustive-deps */
 import React, { useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { IoIosArrowBack } from "@react-icons/all-files/io/IoIosArrowBack";
 import { IoIosArrowForward } from "@react-icons/all-files/io/IoIosArrowForward";
 import isSticky from "~hooks/stickyOnScroll";
 import keygen from "~helpers/keygen";
-import { anchorLink, removeSymbols } from "~helpers/strings";
-import { generatePlaceholderString } from "~helpers/generators";
 
 import useTranslate from "~hooks/useTranslate/useTranslate";
 import styles from "./anchor.module.scss";
@@ -28,7 +21,6 @@ function Anchor({
   buttonScroll = 200,
   leftButtonIcon = <IoIosArrowBack />,
   rightButtonIcon = <IoIosArrowForward />,
-  page
 }) {
   const [scrollX, setScrollX] = useState(0);
   const [scrollEnd, setScrollEnd] = useState(false);
@@ -39,20 +31,9 @@ function Anchor({
   const progressBar = useRef(null);
 
   let numberOfCharacters = 0;
-  const anchorList = items.map((anchor) => {
+
+  items.forEach((anchor) => {
     numberOfCharacters += anchor?.label?.length;
-    const generatedLabel = generatePlaceholderString(anchor?.label?.trim(),null, page?.relation);
-
-    return {
-      id: `${
-        anchor.label &&
-        removeSymbols(anchorLink(generatedLabel))
-      }`,
-      label: generatedLabel,
-      slug: `${
-        anchor.label && anchorLink(generatedLabel)
-      }`,
-    };
   });
   const showButtons =
     numberOfCharacters > minCharactersForButtons && setShowButtons;
@@ -78,7 +59,7 @@ function Anchor({
   const setActiveAnchor = () => {
     const elements = document.querySelectorAll("[data-track='true'], [data-anchor-label]");
     const { innerHeight, scrollY } = window;
-    const scrollHeight = document.body.scrollHeight;
+    const { scrollHeight } = document.body;
 
     // Update progress bar
     const calcPercent = (scrollY * 100) / (scrollHeight - innerHeight);
@@ -119,7 +100,7 @@ function Anchor({
   const sticky =
     isFixed && isSticky(stickyOffset, setActiveAnchor, anchorContainerRef);
 
-  const anchorItems = anchorList?.map((item, index) => (
+  const anchorItems = items?.map((item, index) => (
     // eslint-disable-next-line react/no-array-index-key
     <li key={index} className={styles.anchorItem || ""}>
       <a
@@ -130,7 +111,7 @@ function Anchor({
         ref={(el) => (itemsRef.current[index] = el)}
         href={`#${item?.id && item.id}`}
       >
-        {generatePlaceholderString(useTranslate(item.slug, item.label),null, page?.relation)}
+        {useTranslate(item.slug, item.label)}
         {icon}
       </a>
     </li>
@@ -204,9 +185,6 @@ Anchor.propTypes = {
   rightButtonIcon: PropTypes.shape({}),
   minCharactersForButtons: PropTypes.number,
   setShowButtons: PropTypes.bool,
-  page: PropTypes.shape({
-    relation:PropTypes.shape({})
-  })
 };
 
 export default Anchor;

package/src/components/organisms/anchor/template-two/index.js

@@ -9,7 +9,6 @@ import PropTypes from 'prop-types';
 
 import ScollX from 'gatsby-core-theme/src/hooks/scroll-x';
 import keygen from '~helpers/keygen';
-import { anchorLink, removeSymbols } from '~helpers/strings';
 import useTranslate from '~hooks/useTranslate/useTranslate';
 import { generatePlaceholderString } from "~helpers/generators";
 
@@ -20,12 +19,6 @@ function Anchor({ module: { items }, icon = null, showTitle = true, exclOperator
   const anchorContainerRef = useRef(null);
   const anchorListRef = useRef(null);
 
-  const anchorList = items.map((anchor) => ({
-    id: `${anchor.label && removeSymbols(anchorLink(anchor?.label?.toLowerCase().trim()))}`,
-    label: anchor.label,
-    slug: `${anchor.label && anchorLink(anchor?.label?.toLowerCase().trim())}`,
-  }));
-
   return (
     <div className={styles.containerAnchor || ''} ref={anchorContainerRef}>
       {showTitle ? (
@@ -42,7 +35,7 @@ function Anchor({ module: { items }, icon = null, showTitle = true, exclOperator
       >
         <ScollX refTag={anchorListRef}>
           <ul ref={anchorListRef} className={`${styles.anchor || ''}`}>
-            {anchorList?.map((item, index) => (
+            {items?.map((item, index) => (
               <li className={styles.anchorItem || ''}>
                 <a
                   className={`${styles.link || ''} anchor-carousel-gtm anchor-menu-gtm`}

package/src/components/organisms/anchor/template-two/template-two.stories.js

@@ -10,6 +10,28 @@ import {
 } from '@storybook/addon-docs/blocks';
 
 import Anchor from '.';
+import { processAnchor } from '../../../../helpers/processor/modules.mjs';
+import getPageData from '~tests/factories/pages/default.factory';
+
+const page = getPageData();
+
+const module = {
+  items: [
+    { slug: 'section-one-year', label: 'Section one [YEAR]' },
+    { slug: 'section-two-operator_name', label: 'Section two [operator_name]' },
+    { slug: 'section-three', label: 'Section three' },
+    { slug: 'section-four', label: 'Section four' },
+    { slug: 'section-five', label: 'Section five' },
+    { slug: 'section-six', label: 'Section six' },
+    { slug: 'section-seven', label: 'Section seven' },
+    { slug: 'section-eight', label: 'Section eight' },
+    { slug: 'section-nine', label: 'Section nine' },
+    { slug: 'section-ten', label: 'Section ten' },
+    { slug: 'section-eleven', label: 'Section eleven' },
+    { slug: 'section-twelve', label: 'Section twelve' },
+  ]
+};
+const processedAnchor = processAnchor(module, page?.relation);
 
 export default {
   title: 'Theme/Modules/Anchor/Template Two',
@@ -18,7 +40,7 @@ export default {
     module: {
       name: 'module',
       type: { name: 'object', required: false },
-      defaultValue: '',
+      defaultValue: processedAnchor,
       description: 'The module data object including list of sections.',
       table: {
         type: { summary: 'object' },
@@ -55,30 +77,15 @@ export default {
   },
 };
 
-const sections = [
-  'section-one',
-  'section-two',
-  'section-three',
-  'section-four',
-  'section-five',
-  'section-six',
-  'section-seven',
-  'section-eight',
-  'section-nine',
-  'section-ten',
-  'section-eleven',
-  'section-twelf',
-];
-
 const Template = (args) => (
   <>
     <Anchor {...args} />
-    {sections?.map((sec) => (
-      <div id={sec}>
-        <h2>{sec}</h2>
+    {processedAnchor?.items?.map((sec) => (
+      <div id={sec.id}>
+        <h2>{sec.label}</h2>
         <p>
           Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
-          been the industry's standard dummy text ever since the 1500s, when an unknown printer took
+          been the industry standard dummy text ever since the 1500s, when an unknown printer took
           a galley of type and scrambled it to make a type specimen book. It has survived not only
           five centuries, but also the leap into electronic typesetting, remaining essentially
           unchanged. It was popularised in the 1960s with the release of Letraset sheets containing
@@ -91,23 +98,4 @@ const Template = (args) => (
 );
 
 export const Default = Template.bind({});
-Default.args = {
-  module: {
-    items: [
-      { label: 'section-one' },
-      { label: 'section-two' },
-      { label: 'section-three' },
-      { label: 'section-four' },
-      { label: 'section-five' },
-      { label: 'section-six' },
-      { label: 'section-seven' },
-      { label: 'section-eight' },
-      { label: 'section-nine' },
-      { label: 'section-ten' },
-      { label: 'section-eleven' },
-      { label: 'section-twelf' },
-    ],
-  },
-  sliderGap: 10,
-  headerOffset: 0,
-};
+Default.args = {};

package/src/components/organisms/anchor/template-two/template-two.test.js

@@ -1,35 +1,60 @@
 import React from 'react';
 import { render, cleanup, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
-
 import '~tests/helpers/match-media.mock';
-import { getListCarouselItem } from '~tests/factories/modules/carousel.factory';
 import Anchor from '.';
+import { processAnchor } from '../../../../helpers/processor/modules.mjs';
+import getPageData from '~tests/factories/pages/default.factory';
+
+const page = getPageData();
+
+const module = {
+  items: [
+    { slug: 'section-one-year', label: 'Section one [YEAR]' },
+    { slug: 'section-two-operator_name', label: 'Section two [operator_name]' },
+    { slug: 'section-three', label: 'Section three' },
+    { slug: 'section-four', label: 'Section four' },
+    { slug: 'section-five', label: 'Section five' },
+    { slug: 'section-six', label: 'Section six' },
+    { slug: 'section-seven', label: 'Section seven' },
+    { slug: 'section-eight', label: 'Section eight' },
+    { slug: 'section-nine', label: 'Section nine' },
+    { slug: 'section-ten', label: 'Section ten' },
+    { slug: 'section-eleven', label: 'Section eleven' },
+    { slug: 'section-twelve', label: 'Section twelve' },
+  ]
+};
+const processedAnchor = processAnchor(module, page?.relation)
 
 describe('Anchor Component', () => {
   test('render with props', () => {
-    const module = getListCarouselItem(2);
-    const { container, getByText } = render(<Anchor module={module} headerOffset={90} />);
-    expect(container.querySelectorAll('a')).toHaveLength(2);
-    expect(getByText('label-1')).toBeTruthy();
-    expect(getByText('label-2')).toBeTruthy();
-    expect(getByText('label-2').getAttribute('href')).toEqual('#label2');
+    const { container, getByText } = render(<Anchor module={processedAnchor} headerOffset={90} />);
+    expect(container.querySelectorAll('a')).toHaveLength(12);
+    expect(getByText('Section five')).toBeInTheDocument();
+    expect(getByText('Section four')).toBeInTheDocument();
+    expect(getByText('Section ten').getAttribute('href')).toEqual('#section-ten');
   });
   test('on click', async () => {
-    const module = getListCarouselItem(4);
     const { getByText } = render(
       <>
-        <Anchor module={module} headerOffset={90} />
-        <div id="label-1" style={{ marginTop: '1000px' }}>
+        <Anchor module={processedAnchor} headerOffset={90} />
+        <div id="section-three" style={{ marginTop: '1000px' }}>
           hjbihi
         </div>
       </>
     );
     const scrollToSpy = jest.fn();
     window.scrollTo = scrollToSpy;
-    expect(getByText('label-1')).toBeTruthy();
-    fireEvent.mouseDown(getByText('label-1'));
-    fireEvent.click(getByText('label-1'));
+    expect(getByText('Section three')).toBeInTheDocument();
+    fireEvent.mouseDown(getByText('Section three'));
+    fireEvent.click(getByText('Section three'));
+  });
+  test('Test with shortcodes', () => {    
+    const { getByText } = render(<Anchor module={processedAnchor} headerOffset={90} />);
+    expect(getByText('Section one 2025')).toBeInTheDocument();
+    expect(getByText('Section one 2025').getAttribute('href')).toEqual('#section-one-2025');
+    expect(getByText('Section two Wildz')).toBeInTheDocument();
+    expect(getByText('Section two Wildz').getAttribute('href')).toEqual('#section-two-wildz');
   });
 });
 afterEach(() => {

package/src/constants/pick-keys.mjs

@@ -150,6 +150,7 @@ export const pickRelationKeys = {
     "logo",
     "game_thumbnail",
     "extra_fields",
+    "game_categories",
   ],
   software_provider: [
     "logo_filename_object",

package/src/helpers/processor/modules.mjs

@@ -3,6 +3,7 @@
 /* eslint-disable import/no-extraneous-dependencies */
 import loadash from "lodash/index.js";
 import { generatePlaceholderString } from "../generators.mjs";
+import { anchorLink, removeSymbols } from "../strings.mjs";
 import {
   clonePageForCards,
   groupBy,
@@ -295,7 +296,6 @@ export function processTopListModule(
   markets,
   data,
   toplists,
-  translations
 ) {
   module.items = module.items.map((listItem) => {
     const { type } = listItem;
@@ -426,6 +426,21 @@ export function processFaq(module = {}, content, relationData) {
     });
 }
 
+export function processAnchor(module = {}, relationData) {
+  // eslint-disable-next-line no-unused-expressions
+  module.items &&
+    module.items.forEach((anchor) => {
+
+      const generatedLabel = generatePlaceholderString(anchor?.label?.trim(),null, relationData);
+      const anchorLinkText = anchorLink(generatedLabel); 
+
+      anchor.id = `${anchor.label && removeSymbols(anchorLinkText)}`;
+      anchor.label = generatedLabel;
+      anchor.slug = `${anchor.label && anchorLinkText}`;
+    });
+  return module;
+}
+
 export function processModule(
   module,
   pages,
@@ -477,6 +492,8 @@ export function processModule(
     );
   } else if (module.name === "faq") {
     processFaq(module, content, relationData);
+  } else if (module.name === "anchor") {
+    processAnchor(module, relationData);
   } else if (module.name === "spotlights") {
     processSpotlightModule(module, content);
   } else if (module.name === "menu" && menus && menus[module.menu_id]) {

package/src/helpers/processor/modules.test.js

@@ -21,7 +21,8 @@ import {
   relationData,
   singleToplistItemData,
 } from "../../../tests/factories/modules/toplist.factory";
-import { processContentModule } from "./modules.mjs";
+import { processContentModule, processAnchor } from "./modules.mjs";
+import getPageData from '~tests/factories/pages/default.factory';
 
 const { cloneDeep } = loadash;
 
@@ -259,4 +260,40 @@ describe("Modules Helper", () => {
     expect(module.value).toContain(new Date().getFullYear().toString());
     expect(module.show_more_content).toContain(new Date().getFullYear().toString());
   });
+
+  test("Process Anchor module", () => {    
+    const module = {
+      items: [
+        { slug: 'section-one-year', label: 'Section one [YEAR]' },
+        { slug: 'section-two-operator_name', label: 'Section two [operator_name]' },
+        { slug: 'section-three', label: 'Section three' },
+        { slug: 'section-four', label: 'Section four' },
+      ]
+    };
+    const processedAnchor = processAnchor(module)
+
+    expect(processedAnchor.items[2].slug).toBe('section-three');
+    expect(processedAnchor.items[3].id).toBe('section-four');
+  });
+  test("Process Anchor module with shortcodes", () => {    
+    const module = {
+      items: [
+        { slug: 'section-one-year', label: 'Section one [YEAR]' },
+        { slug: 'section-two-operator_name', label: 'Section two [operator_name]' },
+        { slug: 'section-three', label: 'Section three' },
+        { slug: 'section-four', label: 'Section four' },
+      ]
+    };
+    const page = getPageData();
+    const text0 = module.items[0].label;
+    const text1 = module.items[1].label;
+    const processedAnchor = processAnchor(module, page?.relation);
+    const date = new Date();
+    const year = date.getFullYear();
+
+    expect(processedAnchor.items[0].slug).toBe('section-one-2025');
+    expect(processedAnchor.items[1].id).toBe('section-two-wildz');
+    expect(processedAnchor.items[0].label).toBe(text0.replace('[YEAR]', year));
+    expect(processedAnchor.items[1].label).toBe(text1.replace('[operator_name]', page?.relation.name));
+  });
 });

package/src/helpers/processor/sports-relations.mjs

@@ -75,7 +75,7 @@ export const processSportsRelations = (
             teams[team] &&
             teams[team].livegoals_v2_id in data.relations.sports_data.team_kits
           ) {
-            teamKits[team] = cloneDeep(
+            teamKits[teams[team].livegoals_v2_id] = cloneDeep(
               data.relations.sports_data.team_kits[teams[team].livegoals_v2_id]
             );
             eventTeams[team] = cloneDeep(teams[team]);

package/src/helpers/{strings.js → strings.mjs}

@@ -1,4 +1,4 @@
-import { imagePrettyUrl } from './getters';
+import { imagePrettyUrl } from './getters.mjs';
 
 export function capitalize(string) {
   return string.replace(/^\w/, (c) => c.toUpperCase());