gatsby-core-theme 44.22.0 → 44.22.2

package/CHANGELOG.md

@@ -1,3 +1,30 @@
+## [44.22.2](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.22.1...v44.22.2) (2026-04-24)
+
+
+### Bug Fixes
+
+* mapped spotlight mode sports_odds ([e8d5757](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/e8d575769e213645f7b0096589b7297c93f63d24))
+
+
+* Merge branch 'EN-497-Enable-new-spotlight-mode' into 'master' ([0e1f54d](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/0e1f54d2b36cf678fbbad1199c041d7996624d73))
+
+## [44.22.1](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.22.0...v44.22.1) (2026-04-21)
+
+
+### Bug Fixes
+
+* fix eslint error ([7698d62](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/7698d62217cc3133caf4b18f1a291bcaea08a3f5))
+* fix tests for cookie consent ([60c738f](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/60c738f4d5cb7b79c5fb573adecb1076c26dfa96))
+
+
+### Config
+
+* change logic to config driven ([e546f1a](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/e546f1a06609649fe229d31c2cc5c5e3e13ae127))
+* refactor cookie consents to use custom content ([0b611c4](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/0b611c423aa7406450b63e554df1db1b621d5a75))
+
+
+* Merge branch 'EN-475/refactor-cookie-consents' into 'master' ([11aba91](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/11aba914e3f81e33c36c3b28c2c671f124ec532f))
+
 # [44.22.0](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.21.1...v44.22.0) (2026-04-14)
 
 

package/package.json

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

package/src/components/molecules/cookie-modal/index.js

@@ -1,5 +1,6 @@
 /* eslint-disable import/no-extraneous-dependencies */
 /* eslint-disable jsx-a11y/no-redundant-roles */
+/* eslint-disable react-hooks/rules-of-hooks */
 import React, { useState, useRef, useEffect } from "react";
 import PropTypes from "prop-types";
 
@@ -11,6 +12,8 @@ import LazyImage from "~hooks/lazy-image";
 import CategoryContainer from "./category/index";
 import Button from "~atoms/button/button";
 import styles from "./cookie-modal.module.scss";
+import cookiesContent from '../../../constants/cookies';
+import { parseCookieTextWithLinks } from '../../../helpers/generators.mjs';
 
 const CookieModal = ({
   handleAcceptCookies,
@@ -19,21 +22,23 @@ const CookieModal = ({
   acceptButtonType = "primary",
   buttonSize = "m",
   closeModal,
-  cookieLink = {
-    title: "",
-    path: "",
-  },
   logo = "/images/logo.svg",
   templateTwo = false,
   hide,
 }) => {
   const [categorySection, setCategorySection] = useState(0);
-  const [anlyticsButton, setAnlyticsButton] = useState(false);
-  const [marketing, setMarketingButton] = useState(false);
+  const [categoryStates, setCategoryStates] = useState({});
   const [menage, setMenage] = useState(true);
 
   const modal = useRef(null);
 
+  const modalSettings = cookiesContent.modal;
+
+  const translatedDescriptionLinks = (modalSettings?.links || []).map((link) => ({
+    ...link,
+    translatedText: useTranslate(link.translationKey || "", link.text || ""),
+  }));
+
   const handlePreference = () => {
     if (templateTwo) {
       setMenage(!menage);
@@ -55,40 +60,20 @@ const CookieModal = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
-  const CategoryObj = [
-    {
-      translateKey: "neccesary_cookie_title",
-      button: false,
-      altTranslation: "Neccesary",
-      textKey: "neccesary_cookie_text",
-      defaultText:
-        "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nibh aliquam non sit morbi neque in sodales tellus. Cursus neque sed quis tincidunt sed vestibulum rhoncus dolor elementum. Imperdiet tortor dolor sit nisi, magnis cras id ut. Id dolor, vel neque lobortis. Diam commodo vitae vulputate at ultrices id odio praesent. Nisi, sit massa orci accumsan.",
-    },
-    {
-      translateKey: "analytical_cookie_title",
-      button: true,
-      altTranslation: "Analytical And Stadistical",
-      textKey: "analytical_cookie_text",
-      defaultText:
-        "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nibh aliquam non sit morbi neque in sodales tellus. Cursus neque sed quis tincidunt sed vestibulum rhoncus dolor elementum. Imperdiet tortor dolor sit nisi, magnis cras id ut. Id dolor, vel neque lobortis. Diam commodo vitae vulputate at ultrices id odio praesent. Nisi, sit massa orci accumsan.",
-    },
-    {
-      translateKey: "marketing_cookie_title",
-      button: true,
-      altTranslation: "Marketing",
-      textKey: "marketing_cookie_text",
-      defaultText:
-        "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nibh aliquam non sit morbi neque in sodales tellus. Cursus neque sed quis tincidunt sed vestibulum rhoncus dolor elementum. Imperdiet tortor dolor sit nisi, magnis cras id ut. Id dolor, vel neque lobortis. Diam commodo vitae vulputate at ultrices id odio praesent. Nisi, sit massa orci accumsan.",
-    },
-  ];
-
-  const privacyText = useTranslate(
-    "privacy_preference_title",
-    "Privacy Preference Center"
-  );
-  const buttonText = useTranslate(
-    "cookie_confirm_button",
-    "Confirm my choices"
+
+  const CategoryObj = (modalSettings?.categories || []).map((item) => ({
+    translateKey: item?.title?.translationKey,
+    button: item?.hasToggle,
+    altTranslation: item?.title?.label,
+    textKey: item?.description?.translationKey,
+    defaultText: item?.description?.label,
+    alwaysEnabledLabel: item?.alwaysEnabledLabel,
+  }));
+
+
+  const privacyDescription = useTranslate(
+    modalSettings?.description?.translationKey,
+    modalSettings?.description?.label
   );
 
   return (
@@ -107,12 +92,15 @@ const CookieModal = ({
               src={logo}
             />
           ) : (
-            <span>{privacyText}</span>
+            <span>{useTranslate(modalSettings?.title?.translationKey, modalSettings?.title?.label)}</span>
           )}
 
           <button
             role="button"
-            aria-label={useTranslate("ariaLabel-closeCookie", "close cookie")}
+            aria-label={useTranslate(
+              modalSettings?.closeAriaLabel?.translationKey,
+              modalSettings?.closeAriaLabel?.label
+            )}
             type="button"
             onClick={() => closeModal()}
           >
@@ -120,16 +108,15 @@ const CookieModal = ({
           </button>
         </div>
         <div className={styles?.modalTextHeader || ""}>
-          {!templateTwo && <span>{privacyText}</span>}
-          <p>
-            {useTranslate(
-              "privacy_preference_text",
-              "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nibh aliquam non sit morbi neque in sodales tellus. Cursus neque sed quis tincidunt sed vestibulum rhoncus dolor elementum. Imperdiet tortor dolor sit nisi, magnis cras id ut. Id dolor, vel neque lobortis. Diam commodo vitae vulputate at ultrices id odio praesent. Nisi, sit massa orci accumsan."
-            )}
-            {cookieLink?.title && cookieLink?.path && (
-              <Link to={cookieLink?.path} className={styles.cookieLink}>
-                {cookieLink?.title}
+          {!templateTwo && <span>{useTranslate(modalSettings?.title?.translationKey, modalSettings?.title?.label)}</span>}
+          <p>{parseCookieTextWithLinks(
+            privacyDescription,
+            translatedDescriptionLinks,
+              (link, key) => (
+              <Link key={key} to={link.url} className={styles.cookieLink}>
+                {link.translatedText}
               </Link>
+              )
             )}
           </p>
         </div>
@@ -137,8 +124,8 @@ const CookieModal = ({
           <Button
             onClick={() => handleAcceptCookies()}
             btnText={useTranslate(
-              "cookie_accept_all_button",
-              "Accept All Cookies"
+              modalSettings?.acceptAllButton?.translationKey,
+              modalSettings?.acceptAllButton?.label
             )}
             isInternalLink={false}
             buttonType={acceptButtonType}
@@ -148,8 +135,8 @@ const CookieModal = ({
           <Button
             onClick={() => handleDeclineCookies()}
             btnText={useTranslate(
-              "cookie_reject_nonnecessary_button",
-              "I reject Non-Necessary"
+              modalSettings?.rejectNonNecessaryButton?.translationKey,
+              modalSettings?.rejectNonNecessaryButton?.label
             )}
             isInternalLink={false}
             buttonType={declineButtonType}
@@ -168,8 +155,8 @@ const CookieModal = ({
             className={styles?.mainTitle || ""}
           >
             {useTranslate(
-              "menage_consent_preference",
-              "Manage Consent Preferences"
+              modalSettings?.manageConsentTitle?.translationKey,
+              modalSettings?.manageConsentTitle?.label
             )}
             {templateTwo && (
               <svg
@@ -192,15 +179,21 @@ const CookieModal = ({
           </span>
 
           {CategoryObj.map((elm, index) => {
-            const state = index === 1 ? anlyticsButton : marketing;
-            const updateState =
-              index === 1 ? setAnlyticsButton : setMarketingButton;
+            const currentState = categoryStates[index] || false;
+
+            const updateState = (value) => {
+              setCategoryStates((prev) => ({
+                ...prev,
+                [index]: value,
+              }));
+            };
 
             return (
               <CategoryContainer
+                key={elm.translateKey || index}
                 obj={elm}
                 index={index}
-                currentState={state}
+                currentState={currentState}
                 updateState={updateState}
                 setCurrentSection={setCategorySection}
                 currentSection={categorySection}
@@ -212,7 +205,10 @@ const CookieModal = ({
           <div className={styles?.lastButton || ""}>
             <Button
               onClick={() => handleAcceptCookies()}
-              btnText={buttonText}
+              btnText={useTranslate(
+                modalSettings?.confirmButton?.translationKey,
+                modalSettings?.confirmButton?.label
+              )}
               isInternalLink={false}
               buttonType={acceptButtonType}
               buttonSize={buttonSize}

package/src/components/molecules/floating-area/index.js

@@ -1,5 +1,6 @@
 /* eslint-disable no-case-declarations */
 /* eslint-disable react/no-danger */
+/* eslint-disable react-hooks/rules-of-hooks */
 import React, { useState, lazy, Suspense } from "react";
 import PropTypes from "prop-types";
 // eslint-disable-next-line import/no-extraneous-dependencies
@@ -11,6 +12,7 @@ import { mainSettings } from "../../../constants/site-settings/main";
 import styles from "./floating-area.module.scss";
 import { pageTypes } from "../../../constants/site-settings/navigation";
 import { trackerLinkActive } from "~helpers/tracker.mjs";
+import useTranslate from "~hooks/useTranslate/useTranslate";
 
 const showOperatorBanner = (operator, pageTemplate) =>
   mainSettings[pageTemplate]?.operator_banner &&
@@ -24,7 +26,6 @@ export default function FloatingArea({
   template,
   offsetTop = 400,
   showCookies = true,
-  customCookieContent,
 }) {
   const showScroll = isSticky(offsetTop);
   const [closedBanner, setClosedBanner] = useState(false);
@@ -82,24 +83,25 @@ export default function FloatingArea({
         </Suspense>
       )}
 
-      {CookieConsent && showCookies && (
+      {showCookies && (
         <CookieConsent
           market={pageContext?.page?.market}
           type={pageType}
           template={template}
           settingsCookie
           isPageHomepage={isPageHomepage}
-        >
-          {customCookieContent || (
-            <p>
-              We use cookies in order to optimise our site and improve your
-              experience with us. By using the site you consent to our
-              <a href="/cookies" className="cookie-consent-gtm">
-                Cookie Policy
-              </a>
-              .
-            </p>
-          )}
+          >
+          <p>
+            {useTranslate(
+              "cookie_consent_default_text",
+              "We use cookies in order to optimise our site and improve your experience with us. By using the site you consent to our"
+            )}
+            <a href="/cookies" className="cookie-consent-gtm">
+              {" "}
+              {useTranslate("cookie_policy_link", "Cookie Policy")}
+            </a>
+            .
+          </p>
         </CookieConsent>
       )}
       {FooterNavigation && (
@@ -142,5 +144,4 @@ FloatingArea.propTypes = {
   offsetTop: PropTypes.number,
   template: PropTypes.string,
   showCookies: PropTypes.bool,
-  customCookieContent: PropTypes.node,
 };

package/src/components/organisms/cookie-consent/cookie-consent.test.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-restricted-syntax */
 import React from 'react';
 import { render, cleanup, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
@@ -40,11 +41,11 @@ describe('cookie consent component', () => {
   });
   test('Buttons', () => {
     const { getByText } = renderComponent();
-    expect(getByText('Accept Me')).toBeTruthy();
+    expect(getByText('Accept')).toBeTruthy();
   });
   test('Hide on accept', () => {
     const { container, getByText } = renderComponent();
-    const btn = getByText('Accept Me');
+    const btn = getByText('Accept');
     fireEvent.click(btn);
     expect(container.querySelector('div.cookieConsent')).not.toHaveClass('show');
     expect(Boolean(getCookie('CookieConsent'))).toBe(true);

package/src/components/organisms/cookie-consent/index.js

@@ -1,6 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 /* eslint-disable import/no-extraneous-dependencies */
+/* eslint-disable react-hooks/rules-of-hooks */
 import React, { useState, useEffect, lazy, Suspense } from "react";
 import PropTypes from "prop-types";
 
@@ -8,9 +9,10 @@ import useTranslate from "~hooks/useTranslate/useTranslate";
 import { setCookie, getCookie } from "~helpers/cookies";
 import styles from "./cookie-consent.module.scss";
 
+import cookiesContent from '../../../constants/cookies';
+import { parseCookieTextWithLinks } from '../../../helpers/generators.mjs'
+
 const CookieConsent = ({
-  acceptText = "Accept",
-  rejectText = "Reject",
   settingsCookie,
   children,
   cookieName = "CookieConsent",
@@ -24,6 +26,24 @@ const CookieConsent = ({
 
   const CookieModal = lazy(() => import("../../molecules/cookie-modal"));
 
+
+  const shouldShowRejectButton =
+    typeof cookiesContent.showRejectButton === "boolean"
+      ? cookiesContent.showRejectButton
+      : showRejectButton;
+
+  const shouldIgnoreComponentChildren =
+    cookiesContent?.ignoreComponentChildren === true;
+
+  const translatedLinks = (cookiesContent.links || []).map((link) => ({
+    ...link,
+    translatedText: useTranslate(link.translationKey || "", link.text || ""),
+  }));
+
+  const bannerText = useTranslate(
+    cookiesContent.text?.translationKey,
+    cookiesContent.text?.label
+);
   // when user declines
   const handleDecline = () => {
     setCookie(cookieName, false, 365, "/");
@@ -58,11 +78,6 @@ const CookieConsent = ({
     }
   }, []);
 
-  const settingCookieText = useTranslate(
-    "cookie_setting_button",
-    "Cookie Setting"
-  );
-
   return (
     <>
       <div
@@ -71,7 +86,15 @@ const CookieConsent = ({
         }`}
       >
         <div className={`${styles?.consent || ""}`}>
-          <div className={styles?.content || ""}>{children}</div>
+          <div className={styles?.content || ""}>{shouldIgnoreComponentChildren ? (
+          parseCookieTextWithLinks(bannerText, translatedLinks, (link, key) => (
+            <a key={key} href={link.url} className="cookie-consent-gtm">
+              {link.translatedText}
+            </a>
+            ))
+          ) : (
+            children
+        )}</div>
           <div className={styles?.buttonsContainer || ""}>
             {settingsCookie && (
               <button
@@ -79,18 +102,21 @@ const CookieConsent = ({
                 className="cookie-consent-gtm btn-cta"
                 type="button"
               >
-                {settingCookieText}
+                {useTranslate(
+                  cookiesContent.managePreferences?.translationKey,
+                  cookiesContent.managePreferences?.label
+                )}
                 {icon && icon}
               </button>
             )}
-            {showRejectButton && (
+            {shouldShowRejectButton && (
               <button
                 onClick={() => handleDecline()}
                 className={`${styles.rejectButton} cookie-consent-gtm btn-cta`}
                 type="button"
               >
                 {/* eslint-disable-next-line react/jsx-no-comment-textnodes, react-hooks/rules-of-hooks */}
-                {useTranslate("cookie_reject_button", rejectText)}
+                {useTranslate(cookiesContent.rejectButton?.translationKey, cookiesContent.rejectButton?.label)}
               </button>
             )}
             <button
@@ -98,7 +124,7 @@ const CookieConsent = ({
               className="cookie-consent-gtm btn-cta"
               type="button"
             >
-              {useTranslate("cookie_accept_button", acceptText)}
+              {useTranslate(cookiesContent.acceptButton?.translationKey, cookiesContent.acceptButton?.label)}
               {icon && icon}
             </button>
           </div>
@@ -120,8 +146,6 @@ const CookieConsent = ({
 };
 
 CookieConsent.propTypes = {
-  acceptText: PropTypes.string,
-  rejectText: PropTypes.string,
   showRejectButton: PropTypes.bool,
   settingsCookie: PropTypes.bool,
   cookieName: PropTypes.string,

package/src/components/pages/body/body.test.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-restricted-syntax */
 import React from 'react';
 import { render, cleanup } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
@@ -29,7 +30,6 @@ describe('Body', () => {
     const { container } = renderComponent();
     // all sections have their own test, we only need to test body renders without crash
     expect(container).toBeTruthy();
-    expect(container.querySelector('.scrollToTop')).toBeTruthy();
   });
 });
 afterEach(() => {

package/src/constants/cookies.js

@@ -0,0 +1,99 @@
+const cookiesContent = {
+  ignoreComponentChildren: false,
+  showRejectButton: false,
+  text: {
+    label:
+      'We use cookies in order to optimise our site and improve your experience with us. By using the site you consent to our [link-0].',
+    translationKey: 'cookie_consent_default_text',
+  },
+  links: [
+    {
+      url: '/cookies',
+      text: 'Cookie Policy',
+      translationKey: 'cookie_policy_link',
+    }
+  ],
+  managePreferences: {
+    label: 'Cookie Setting',
+    translationKey: 'cookie_setting_button',
+  },
+  acceptButton: {
+    label: 'Accept',
+    translationKey: 'cookie_accept_button',
+  },
+  rejectButton: {
+    label: 'Reject',
+    translationKey: 'cookie_reject_button',
+  },
+  modal: {
+    title: {
+      label: 'Privacy Preference Center',
+      translationKey: 'privacy_preference_title',
+    },
+    description: {
+      label:
+        'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nibh aliquam non sit morbi neque in sodales tellus. Cursus neque sed quis tincidunt sed vestibulum rhoncus dolor elementum. Imperdiet tortor dolor sit nisi, magnis cras id ut. Id dolor, vel neque lobortis. Diam commodo vitae vulputate at ultrices id odio praesent. Nisi, sit massa orci accumsan.',
+      translationKey: 'privacy_preference_text',
+    },
+    confirmButton: {
+      label: 'Confirm my choices',
+      translationKey: 'cookie_confirm_button',
+    },
+    acceptAllButton: {
+      label: 'Accept All Cookies',
+      translationKey: 'cookie_accept_all_button',
+    },
+    rejectNonNecessaryButton: {
+      label: 'I reject Non-Necessary',
+      translationKey: 'cookie_reject_nonnecessary_button',
+    },
+    manageConsentTitle: {
+      label: 'Manage Consent Preferences',
+      translationKey: 'menage_consent_preference',
+    },
+    closeAriaLabel: {
+      label: 'close cookie',
+      translationKey: 'ariaLabel-closeCookie',
+    },
+    categories: [
+      {
+        title: {
+          label: 'Neccesary',
+          translationKey: 'neccesary_cookie_title',
+        },
+        description: {
+          label:
+            'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nibh aliquam non sit morbi neque in sodales tellus. Cursus neque sed quis tincidunt sed vestibulum rhoncus dolor elementum. Imperdiet tortor dolor sit nisi, magnis cras id ut. Id dolor, vel neque lobortis. Diam commodo vitae vulputate at ultrices id odio praesent. Nisi, sit massa orci accumsan.',
+          translationKey: 'neccesary_cookie_text',
+        },
+        hasToggle: false,
+      },
+      {
+        title: {
+          label: 'Analytical And Stadistical',
+          translationKey: 'analytical_cookie_title',
+        },
+        description: {
+          label:
+            'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nibh aliquam non sit morbi neque in sodales tellus. Cursus neque sed quis tincidunt sed vestibulum rhoncus dolor elementum. Imperdiet tortor dolor sit nisi, magnis cras id ut. Id dolor, vel neque lobortis. Diam commodo vitae vulputate at ultrices id odio praesent. Nisi, sit massa orci accumsan.',
+          translationKey: 'analytical_cookie_text',
+        },
+        hasToggle: true,
+      },
+      {
+        title: {
+          label: 'Marketing',
+          translationKey: 'marketing_cookie_title',
+        },
+        description: {
+          label:
+            'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nibh aliquam non sit morbi neque in sodales tellus. Cursus neque sed quis tincidunt sed vestibulum rhoncus dolor elementum. Imperdiet tortor dolor sit nisi, magnis cras id ut. Id dolor, vel neque lobortis. Diam commodo vitae vulputate at ultrices id odio praesent. Nisi, sit massa orci accumsan.',
+          translationKey: 'marketing_cookie_text',
+        },
+        hasToggle: true,
+      },
+    ],
+  },
+};
+
+export default cookiesContent;

package/src/helpers/generators.mjs

@@ -68,3 +68,23 @@ export function generateArray(obj) {
     ? Object.keys(obj).map((key) => obj[key])
     : [];
 }
+
+export const parseCookieTextWithLinks = (
+  text,
+  translatedLinks = [],
+  renderLink
+) =>
+  text.split(/(\[link-\d+\])/g).map((part, i) => {
+    const match = part.match(/^\[link-(\d+)\]$/);
+
+    if (!match) return part;
+
+    const linkIndex = Number(match[1]);
+    const link = translatedLinks[linkIndex];
+
+    if (!link) return part;
+
+    return renderLink(link, i);
+  });
+
+export default parseCookieTextWithLinks;

package/src/helpers/generators.test.js

@@ -2,6 +2,7 @@ import {
   generateTrackerLink,
   generatePlaceholderString,
   generateArray,
+  parseCookieTextWithLinks
 } from "./generators.mjs";
 import { months } from "~constants/common";
 
@@ -149,3 +150,54 @@ describe("Generate Array From Object", () => {
     expect(output[1]).toEqual("b");
   });
 });
+
+describe("Parse Cookie Text With Links", () => {
+  test("replaces indexed link placeholders with rendered links", () => {
+    const output = parseCookieTextWithLinks(
+      "Read our [link-0] and [link-1] for more details.",
+      [
+        {
+          url: "/cookies",
+          translatedText: "Cookie Policy",
+        },
+        {
+          url: "/privacy-policy",
+          translatedText: "Privacy Policy",
+        },
+      ],
+      (link) => `[${link.translatedText}:${link.url}]`
+    );
+
+    expect(output).toEqual([
+      "Read our ",
+      "[Cookie Policy:/cookies]",
+      " and ",
+      "[Privacy Policy:/privacy-policy]",
+      " for more details.",
+    ]);
+  });
+
+  test("leaves text unchanged when placeholder link is missing", () => {
+    const output = parseCookieTextWithLinks(
+      "Read our [link-0] for more details.",
+      [],
+      (link) => `[${link.translatedText}:${link.url}]`
+    );
+
+    expect(output).toEqual([
+      "Read our ",
+      "[link-0]",
+      " for more details.",
+    ]);
+  });
+
+  test("returns plain text when there are no link placeholders", () => {
+    const output = parseCookieTextWithLinks(
+      "No links here.",
+      [{ url: "/cookies", translatedText: "Cookie Policy" }],
+      (link) => `[${link.translatedText}:${link.url}]`
+    );
+
+    expect(output).toEqual(["No links here."]);
+  });
+});

package/src/resolver/modules.mjs

@@ -387,7 +387,7 @@ export function processTopListModule(
     const itemsCount = +listItem.num_items_initial_load;
     const toplistItem = toplists && listItem.id
       ? toplists[listItem.id.toString()] ||
-        toplists[`g_${listItem.id.toString()}`]
+      toplists[`g_${listItem.id.toString()}`]
       : undefined;
     if (toplistItem) {
       listItem.market = toplistItem.market?.short_code;
@@ -413,24 +413,24 @@ export function processTopListModule(
     // build top list
     listItem.items = listItem.items
       ? listItem.items
-          .filter(
-            (item) =>
-              Object.values(relations.operator).find(
-                (operator) =>
-                  operator.operator_id === item.operator_id &&
-                  operator.market === listItem.market &&
-                  type === operator.type
-              ) ||
-              Object.values(relations.game).find(
-                (game) => game.game_id === item.game_id
-              )
-          )
-          .map((item) => {
-            if (item.operator_id) return processOperatorToplist(item, ctx);
-            if (item.game_id) return processGameToplist(item, ctx);
-            return null;
-          })
-          .filter(Boolean)
+        .filter(
+          (item) =>
+            Object.values(relations.operator).find(
+              (operator) =>
+                operator.operator_id === item.operator_id &&
+                operator.market === listItem.market &&
+                type === operator.type
+            ) ||
+            Object.values(relations.game).find(
+              (game) => game.game_id === item.game_id
+            )
+        )
+        .map((item) => {
+          if (item.operator_id) return processOperatorToplist(item, ctx);
+          if (item.game_id) return processGameToplist(item, ctx);
+          return null;
+        })
+        .filter(Boolean)
       : [];
     const latestItems = listItem.items
       .map((toplist) => ({
@@ -456,10 +456,10 @@ export function processTopListModule(
       // eslint-disable-next-line no-restricted-globals
       latestUpdatedDate instanceof Date && !isNaN(latestUpdatedDate)
         ? new Intl.DateTimeFormat("en-US", {
-            year: "numeric",
-            month: "long",
-            day: "numeric",
-          }).format(latestUpdatedDate)
+          year: "numeric",
+          month: "long",
+          day: "numeric",
+        }).format(latestUpdatedDate)
         : null;
 
     listItem.latest_items = formattedLatestItems;
@@ -513,15 +513,22 @@ export function shouldSavePrefilled(module = {}, siteName) {
   );
 }
 
-export function processSpotlightModule(module = {}, content, previewPageID) {
-  module.items.forEach((item) => {
-    item.content = trailingSlash(
-      previewPageID ? item.content : (content && content[item.content]) || ""
-    );
-    item.text = trailingSlash(
-      previewPageID ? item.text : (content && content[item.text]) || "",
-    );
-  });
+export function processSpotlightModule(module = {}, content, relations, ribbons, previewPageID) {
+  if (module.mode === "sport_odds") {
+    module.items.forEach((item) => {
+      item.relation = relations?.[item.page.relation_id];
+      item.page.ribbons = item.page.ribbon_ids.map((id) => ribbons?.[id]);
+    });
+  } else {
+    module.items.forEach((item) => {
+      item.content = trailingSlash(
+        previewPageID ? item.content : (content && content[item.content]) || ""
+      );
+      item.text = trailingSlash(
+        previewPageID ? item.text : (content && content[item.text]) || "",
+      );
+    });
+  }
 
   return module;
 }
@@ -542,23 +549,23 @@ export function processFaq(module = {}, content, relationData, previewPageID) {
         previewPageID
           ? generatePlaceholderString(item.question, null, relationData)
           : (content
-              ? generatePlaceholderString(
-                  content[item.question],
-                  null,
-                  relationData
-                )
-              : "") || ""
+            ? generatePlaceholderString(
+              content[item.question],
+              null,
+              relationData
+            )
+            : "") || ""
       );
       item.answer = trailingSlash(
         previewPageID
           ? generatePlaceholderString(item.answer, null, relationData)
           : (content &&
-              generatePlaceholderString(
-                content[item.answer],
-                null,
-                relationData
-              )) ||
-              ""
+            generatePlaceholderString(
+              content[item.answer],
+              null,
+              relationData
+            )) ||
+          ""
       );
     });
 }
@@ -599,13 +606,14 @@ export function processModule(
   prefilledMarketModules,
   previewPageID
 ) {
+
   module.module_title =
     module.module_title &&
     generatePlaceholderString(module.module_title, translations, relationData);
   module.title =
     module.title &&
     generatePlaceholderString(module.title, translations, relationData);
-  
+
   module.anchor_slug =
     module.anchor_slug &&
     generatePlaceholderString(module.anchor_slug, translations, relationData);
@@ -616,7 +624,7 @@ export function processModule(
       module.module_introduction,
       translations,
       relationData,
-    ); 
+    );
 
   // See more link
   if (
@@ -663,7 +671,7 @@ export function processModule(
   } else if (module.name === "anchor") {
     processAnchor(module, relationData, translations);
   } else if (module.name === "spotlights") {
-    processSpotlightModule(module, content, previewPageID);
+    processSpotlightModule(module, content, relations?.operator, data?.ribbons, previewPageID);
   } else if (module.name === "menu" && menus && menus[module.menu_id]) {
     module = Object.assign(module, menus[module.menu_id]);
   } else if (module.name === "statistics_counter") {