gatsby-core-theme 44.10.1 → 44.10.11

package/.ci.yml

@@ -52,6 +52,7 @@ Theme Beta Publish:
   before_script:
     - echo "@gigmedia:registry=https://npm.gigmedia.tech/" >> ~/.npmrc
     - echo "//npm.gigmedia.tech/:_authToken=${NPM_PRIVATE_TOKEN}" >> ~/.npmrc
+    - echo "//registry.npmjs.org/:_authToken=${NPM_AUTH_TOKEN}" >> ~/.npmrc
     - git config --global http.sslverify false
     - git config --global user.email "floyd@gig.com"
     - git config --global user.name "floyd"

package/CHANGELOG.md

@@ -1,3 +1,90 @@
+## [44.10.11](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.10.10...v44.10.11) (2025-12-24)
+
+
+### Config
+
+* package json publish registry ([e390998](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/e390998d469a1a8537b756689e88f179edaf204f))
+
+## [44.10.10](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.10.9...v44.10.10) (2025-12-24)
+
+
+### Config
+
+* revert npm registry ([e8c1fce](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/e8c1fce05345d27c727cab10216707bb11afc94a))
+* storybook cicd ([fbbf7b9](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/fbbf7b9c690a45abd0559d43742e8b67c57bd635))
+
+## [44.10.9](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.10.8...v44.10.9) (2025-12-22)
+
+
+### Config
+
+* cicd ([19ee96a](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/19ee96a0ddfaee70ed36e8184e51bc4a5bb8778d))
+* cicd ([d66f47f](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/d66f47f68ad42ee93511162434e68a533b1e88dd))
+
+## [44.10.8](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.10.7...v44.10.8) (2025-12-22)
+
+
+### Config
+
+* cicd ([f89f0fe](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/f89f0feb8d871c02a367dcdb51deaa27293e0985))
+* cicd ([8a32764](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/8a32764afc5aaf855833ffe99a58916aab9ea753))
+* cicd ([6845813](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/684581377eed9fc043bc37446404b480854f43b2))
+* update theme ([edf742f](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/edf742fa89b03631ec011e3c44578851093185f5))
+
+## [44.10.7](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.10.6...v44.10.7) (2025-12-19)
+
+
+### Bug Fixes
+
+* ci triggerer ([7efb556](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/7efb5567eb349a087c0ffa735cc53d37f399aeb6))
+
+## [44.10.6](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.10.5...v44.10.6) (2025-12-19)
+
+
+### Bug Fixes
+
+* ci triggerer ([1fb50e1](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/1fb50e12ba7f141fb4b9776a08c5e21aa71c4018))
+
+## [44.10.5](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.10.4...v44.10.5) (2025-12-19)
+
+
+### Bug Fixes
+
+* ci triggerer ([4455abf](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/4455abfd227bf0b7471d0a38b22d62063a0e4405))
+
+## [44.10.4](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.10.3...v44.10.4) (2025-12-19)
+
+
+### Bug Fixes
+
+* ci triggerer ([01071f3](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/01071f37b73e948d3fa7eb7f0796ef6d0ef35c9c))
+
+## [44.10.3](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.10.2...v44.10.3) (2025-12-19)
+
+
+### Bug Fixes
+
+* core package in storybook build ([b3eeacc](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/b3eeacc2f3f8f3db8026a65a1dc04b1d4898083b))
+* import to new core package name ([fa2205f](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/fa2205fafa4fb38bf65ccc27aee0f1a1dec51f26))
+
+
+### Config
+
+* use private registry ([12efa45](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/12efa45601cab9c374e742aaccbf923b62644ee1))
+
+## [44.10.2](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.10.1...v44.10.2) (2025-12-18)
+
+
+### Bug Fixes
+
+* disable sourcamp on prod ([8e84dfa](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/8e84dfa00123b1dcfd40d3cf5bc1c62832a1336b))
+* test ([ea2ff94](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/ea2ff94c4629cf649ba644beb9a77fe4fca0c48e))
+* update tnc function to make it more dynamic ([39d2946](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/39d2946e85496f25175d070aeb8ed31a1b5ddf74))
+
+
+* Merge branch 'en-293-update-t-and-c-function' into 'master' ([9ebdd6b](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/9ebdd6bdebc4fdf0eec147f51d6d1077f698a976))
+* Merge branch 'fix/disable-sourcemap' into 'master' ([9254449](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/9254449257d33e686308dca5f68dea67efc62a6d))
+
 ## [44.10.1](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.10.0...v44.10.1) (2025-12-08)
 
 

package/gatsby-config.js

@@ -4,20 +4,20 @@ module.exports = {
   },
   plugins: [
     {
-      resolve: 'gatsby-plugin-sass',
+      resolve: "gatsby-plugin-sass",
       options: {
         cssLoaderOptions: {
           esModule: false,
           modules: {
             namedExport: false,
-            localIdentName: '[name]__[local]__[hash:base64:5]', // customize the class name structure here
+            localIdentName: "[name]__[local]__[hash:base64:5]", // customize the class name structure here
           },
         },
         additionalData: '@import "gatsby-core-theme/src/styles/globals.scss";',
       },
     },
     {
-      resolve: 'gatsby-plugin-webpack-bundle-analyser-v2',
+      resolve: "gatsby-plugin-webpack-bundle-analyser-v2",
       options: {
         devMode: true,
         disable: true,

package/gatsby-node.mjs

@@ -503,6 +503,7 @@ export const onCreateWebpackConfig = ({ actions, stage, getConfig }) => {
   }
 
   actions.setWebpackConfig({
+    devtool: stage === "build-javascrip" ? false : "eval-source-map",
     resolve: {
       alias: {
         "~atoms": `${__dirname}/src/components/atoms`,

package/package.json

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

package/src/components/app-ssr.js

@@ -1,16 +1,15 @@
 /* eslint-disable react/prop-types */
 /* eslint-disable react/forbid-prop-types */
-import React, { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import { graphql, useStaticQuery } from 'gatsby';
-import MainProvider from '~context/MainProvider';
+import React, { useEffect, useState } from "react";
+import PropTypes from "prop-types";
+import { graphql, useStaticQuery } from "gatsby";
+import MainProvider from "~context/MainProvider";
 import { getCookie } from "~helpers/cookies";
-import Body from '~pages/body';
-import HeadData from '~organisms/head';
-import { getAPIData } from '~helpers/server-data';
+import Body from "~pages/body";
+import HeadData from "~organisms/head";
+import { getAPIData } from "~helpers/server-data";
 
 const AppSSR = ({ pageContext, serverData }) => {
-
   const data = useStaticQuery(graphql`
     query {
       translations: allTranslation(filter: {}) {
@@ -27,23 +26,22 @@ const AppSSR = ({ pageContext, serverData }) => {
 
   const [isAdmin, setIsAdmin] = useState(false);
 
-
   useEffect(() => {
-
-    if (
-      typeof window !== `undefined` &&
-      getCookie("showAdminBar") === "true"
-    ) {
+    if (typeof window !== `undefined` && getCookie("showAdminBar") === "true") {
       setIsAdmin(true);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
-
-
   return (
     <>
-      <MainProvider value={{ admin: isAdmin, translations: data.translations, language: pageContext.page.language  }}  >
+      <MainProvider
+        value={{
+          admin: isAdmin,
+          translations: data.translations,
+          language: pageContext.page.language,
+        }}
+      >
         <Body pageContext={pageContext} serverData={serverData} />
       </MainProvider>
     </>
@@ -81,7 +79,7 @@ export default AppSSR;
 export async function getServerData(props) {
   // eslint-disable-next-line no-shadow
   const { pageContext, url, headers } = props;
-  let res = '';
+  let res = "";
   res = await getAPIData(pageContext.page, url, headers);
   return res;
 }

package/src/components/atoms/admin/bar/index.js

@@ -20,7 +20,7 @@ const AdminBar = ({ page, marketSections, menu, activeMarket }) => {
     ? getMenuObj(navSection.modules, menu)
     : null;
 
-  const menus =  menusConfig(menuObj, footerSection, page, types);
+  const menus = menusConfig(menuObj, footerSection, page, types);
 
   return (
     <div className={styles.container}>
@@ -43,7 +43,11 @@ const AdminBar = ({ page, marketSections, menu, activeMarket }) => {
             </label>
           </li>
           <LayoutSection menus={menus} />
-          <PreviewLink activeMarket={activeMarket} page={page} preview={preview} />
+          <PreviewLink
+            activeMarket={activeMarket}
+            page={page}
+            preview={preview}
+          />
         </ul>
       </div>
     </div>

package/src/components/atoms/admin/button/index.js

@@ -5,17 +5,18 @@ import { FaGripHorizontal } from "@react-icons/all-files/fa/FaGripHorizontal";
 import styles from "./button.module.scss";
 
 const getDMSLink = (module) => {
-  
   let hercLink = `${process.env.HERCULES_BACKEND_URL}`;
   let linkText = ``;
 
   switch (module.name) {
     case "top_list":
-      hercLink += `toplists/operators/${module.items ? module.items[0].id : ""}`;
+      hercLink += `toplists/operators/${
+        module.items ? module.items[0].id : ""
+      }`;
       linkText = "Edit Toplist";
       break;
     case "bonus":
-      hercLink +=  `operators/${module.value?.operator_id}/sites-data/edit/${module.value?.id}`;
+      hercLink += `operators/${module.value?.operator_id}/sites-data/edit/${module.value?.id}`;
       linkText = "Edit Operator";
       break;
     default:

package/src/components/atoms/contact-form/index.js

@@ -1,7 +1,7 @@
 import React from "react";
 import PropTypes from "prop-types";
-import Form from "gatsby-core-theme/src/components/organisms/form";
 import { FaArrowRight } from "@react-icons/all-files/fa/FaArrowRight";
+import Form from "~organisms/form";
 import useTranslate from "~hooks/useTranslate/useTranslate";
 import { contactUsForm } from "../../../constants/forms";
 import styles from "./contact-form.module.scss";
@@ -47,7 +47,7 @@ const ContactForm = ({
             validationMessage={validationMessage}
             path={page?.path}
             buttonIcon={buttonIcon}
-            customClass={styles.contactUsForm || ''}
+            customClass={styles.contactUsForm || ""}
           />
         </div>
       </div>

package/src/components/atoms/market-dropdown/index.js

@@ -2,8 +2,8 @@
 import React, { useState, useRef, useEffect } from "react";
 import PropTypes from "prop-types";
 import { IoMdClose } from "@react-icons/all-files/io/IoMdClose";
-import Link from "gatsby-core-theme/src/hooks/link";
-import LazyImage from "gatsby-core-theme/src/hooks/lazy-image";
+import Link from "~hooks/link";
+import LazyImage from "~hooks/lazy-image";
 import useTranslate from "~hooks/useTranslate/useTranslate";
 import styles from "./market-dropdown.module.scss";
 
@@ -59,7 +59,7 @@ const MarketDropdown = ({
       <div
         className={`${styles.dropdownContainer} ${
           isActive && styles.RemoveBorder
-        } ${customCss ? customCss || '' : ''}`}
+        } ${customCss ? customCss || "" : ""}`}
         ref={containerRef}
       >
         <div
@@ -85,7 +85,8 @@ const MarketDropdown = ({
             />
             {showMarket && (
               <span className={styles.marketTitle}>
-                {(activeMarket.path_prefix !== null && activeMarket.path_prefix !== undefined)
+                {activeMarket.path_prefix !== null &&
+                activeMarket.path_prefix !== undefined
                   ? activeMarket.path_prefix
                   : defaultMarketText}
               </span>
@@ -119,8 +120,7 @@ const MarketDropdown = ({
               const prefix = item[1].path_prefix;
               /* eslint-disable react-hooks/rules-of-hooks */
               const marketText =
-                prefix &&
-                useTranslate(prefix, marketValues[prefix] || prefix);
+                prefix && useTranslate(prefix, marketValues[prefix] || prefix);
               const path =
                 langPage.length > 0 ? langPage[0].path : prefix || "/";
 
@@ -139,9 +139,7 @@ const MarketDropdown = ({
                     loading="eager"
                     alt={prefix}
                   />
-                  <span>
-                    {prefix ? marketText : defaultMarketText}
-                  </span>
+                  <span>{prefix ? marketText : defaultMarketText}</span>
                 </Link>
               );
             }

package/src/components/atoms/notifications/index.js

@@ -1,7 +1,7 @@
 import React, { useState, useContext, useEffect, useRef } from "react";
 import PropTypes from "prop-types";
-import { toggleScroll } from "gatsby-core-theme/src/helpers/scroll";
-import { NavigationContext } from "gatsby-core-theme/src/components/organisms/navigation/navigationContext";
+import { toggleScroll } from "~helpers/scroll";
+import { NavigationContext } from "~organisms/navigation/navigationContext";
 import SpotlightItems from "./notification-items/spotlight";
 import CardsItems from "./notification-items/cards-v2";
 import BellIcon from "~images/icons/bell";
@@ -94,4 +94,3 @@ Notifications.propTypes = {
 };
 
 export default Notifications;
-

package/src/components/atoms/ratings/index.js

@@ -3,8 +3,8 @@
 /* eslint-disable no-nested-ternary */
 import React from "react";
 import PropTypes from "prop-types";
-import { getObjectValue } from "gatsby-core-theme/src/helpers/getters";
-import keygen from "gatsby-core-theme/src/helpers/keygen";
+import { getObjectValue } from "~helpers/getters";
+import keygen from "~helpers/keygen";
 import useTranslate from "~hooks/useTranslate/useTranslate";
 import { operatorRatings } from "../../../constants/ratings-constant";
 
@@ -22,7 +22,7 @@ export default function Ratings({
         ? "operator"
         : item?.type
       : type;
-    
+
   const ratings = operatorRatings[typeCheck] || [];
 
   const rangeText = {
@@ -50,8 +50,7 @@ export default function Ratings({
         if (component && value) {
           valueDiplayed = component || "-";
         } else if (fieldValue.includes("volatility")) {
-          valueDiplayed =
-            rangeText[getObjectValue(item, fieldValue)] || "-";
+          valueDiplayed = rangeText[getObjectValue(item, fieldValue)] || "-";
         } else {
           valueDiplayed = value || "-";
         }
@@ -85,7 +84,9 @@ export default function Ratings({
             ) : (
               <>
                 {valueDiplayed}
-                {(typeof valueDiplayed === 'number' && fieldValue === "rtp" )&& "%"}
+                {typeof valueDiplayed === "number" &&
+                  fieldValue === "rtp" &&
+                  "%"}
               </>
             )}
           </li>

package/src/components/atoms/review-link/index.js

@@ -1,9 +1,9 @@
 /* eslint-disable react-hooks/rules-of-hooks */
-import React from 'react';
-import PropTypes from 'prop-types';
+import React from "react";
+import PropTypes from "prop-types";
 
-import LinkCustom from 'gatsby-core-theme/src/hooks/link';
-import useTranslate from '~hooks/useTranslate/useTranslate';
+import LinkCustom from "~hooks/link";
+import useTranslate from "~hooks/useTranslate/useTranslate";
 
 const ReviewLink = ({
   template,
@@ -18,21 +18,26 @@ const ReviewLink = ({
 
   let isBonusTemplate = false;
 
-  if (['free_bonuses', 'bonus_pages', 'casino_bonus'].includes(template)) {
+  if (["free_bonuses", "bonus_pages", "casino_bonus"].includes(template)) {
     isBonusTemplate = true;
   }
 
   return (
-    <LinkCustom className={className || ''} nofollow={nofollow} to={reviewPath}>{`${
+    <LinkCustom
+      className={className || ""}
+      nofollow={nofollow}
+      to={reviewPath}
+    >{`${
       isBonusTemplate
-        ? useTranslate('bonus', '[operator_name] Bonus').replace(
-            '[operator_name]',
+        ? useTranslate("bonus", "[operator_name] Bonus").replace(
+            "[operator_name]",
             pageName || operatorName
           )
         : useTranslate(
-            isComparisonTable ? 'read_review_comparison' : 'read_review',
-            (pageName && '[operator_name]') || (operatorName && '[operator_name] Review')
-          )?.replace('[operator_name]', pageName || operatorName)
+            isComparisonTable ? "read_review_comparison" : "read_review",
+            (pageName && "[operator_name]") ||
+              (operatorName && "[operator_name] Review")
+          )?.replace("[operator_name]", pageName || operatorName)
     }`}</LinkCustom>
   );
 };

package/src/components/atoms/search/autocomplete/article/index.js

@@ -1,15 +1,19 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Button from 'gatsby-core-theme/src/components/atoms/button/button';
-import { FaArrowRight } from '@react-icons/all-files/fa/FaArrowRight';
+import React from "react";
+import PropTypes from "prop-types";
+import { FaArrowRight } from "@react-icons/all-files/fa/FaArrowRight";
+import Button from "~atoms/button/button";
 import ArticleIcon from "../../../../../images/icons/articleIcon";
-import Link from '~hooks/link';
-import styles from './article.module.scss';
+import Link from "~hooks/link";
+import styles from "./article.module.scss";
 
-const Article = ({ item = {}, btnText = '', icon = <FaArrowRight title="Right-pointing Arrow Icon" /> }) => (
+const Article = ({
+  item = {},
+  btnText = "",
+  icon = <FaArrowRight title="Right-pointing Arrow Icon" />,
+}) => (
   <li>
-    <Link className={styles.row || ''} to={item?.path} title={item.title}>
-    <ArticleIcon />
+    <Link className={styles.row || ""} to={item?.path} title={item.title}>
+      <ArticleIcon />
       <h3 className={styles.operatorTitle}>{item.title}</h3>
       <Button
         btnText={btnText}

package/src/components/atoms/search/autocomplete/default/index.js

@@ -1,13 +1,17 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Button from 'gatsby-core-theme/src/components/atoms/button/button';
-import { FaArrowRight } from '@react-icons/all-files/fa/FaArrowRight';
-import Link from '~hooks/link';
-import styles from './default.module.scss';
+import React from "react";
+import PropTypes from "prop-types";
+import { FaArrowRight } from "@react-icons/all-files/fa/FaArrowRight";
+import Button from "~atoms/button/button";
+import Link from "~hooks/link";
+import styles from "./default.module.scss";
 
-const Default = ({ item = {}, btnText='', icon=<FaArrowRight title="Right-pointing Arrow Icon" /> }) => (
+const Default = ({
+  item = {},
+  btnText = "",
+  icon = <FaArrowRight title="Right-pointing Arrow Icon" />,
+}) => (
   <li>
-    <Link to={item?.path} title={item.title} className={styles.row || ''}>
+    <Link to={item?.path} title={item.title} className={styles.row || ""}>
       <h3 className={styles.operatorTitle}>{item.title}</h3>
       <Button
         btnText={btnText}
@@ -24,7 +28,7 @@ Default.propTypes = {
     title: PropTypes.string,
   }).isRequired,
   btnText: PropTypes.string,
-    icon: PropTypes.node,
+  icon: PropTypes.node,
 };
 
 export default Default;

package/src/components/atoms/search/autocomplete/game/index.js

@@ -1,23 +1,33 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { FaArrowRight } from '@react-icons/all-files/fa/FaArrowRight';
-import Button from 'gatsby-core-theme/src/components/atoms/button/button';
-import LazyImage from '~hooks/lazy-image';
-import { imagePrettyUrl } from '~helpers/getters';
-import Link from '~hooks/link';
-import styles from './game.module.scss';
+import React from "react";
+import PropTypes from "prop-types";
+import { FaArrowRight } from "@react-icons/all-files/fa/FaArrowRight";
+import Button from "~atoms/button/button";
+import LazyImage from "~hooks/lazy-image";
+import { imagePrettyUrl } from "~helpers/getters";
+import Link from "~hooks/link";
+import styles from "./game.module.scss";
 
-const Game = ({ item = {}, width = 56, height = 56, btnText = '', icon = <FaArrowRight title="Right-pointing Arrow Icon" /> }) => {
+const Game = ({
+  item = {},
+  width = 56,
+  height = 56,
+  btnText = "",
+  icon = <FaArrowRight title="Right-pointing Arrow Icon" />,
+}) => {
   const { logo } = item;
 
   return (
     <li>
-      <Link to={item?.path} title={item.title} className={styles.row || ''}>
+      <Link to={item?.path} title={item.title} className={styles.row || ""}>
         <LazyImage
           className={styles.gameImage}
           width={width}
           height={height}
-          src={logo ? imagePrettyUrl(logo, width, height) : '/images/default-slot.jpg'}
+          src={
+            logo
+              ? imagePrettyUrl(logo, width, height)
+              : "/images/default-slot.jpg"
+          }
           alt={item.title}
         />
         <h3 className={styles.gameTitle}>{item.title}</h3>
@@ -42,7 +52,7 @@ Game.propTypes = {
   width: PropTypes.number,
   height: PropTypes.number,
   btnText: PropTypes.string,
-    icon: PropTypes.node,
+  icon: PropTypes.node,
 };
 
 export default Game;

package/src/components/atoms/search/autocomplete/operator/index.js

@@ -1,25 +1,33 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { FaArrowRight } from '@react-icons/all-files/fa/FaArrowRight';
-import Button from 'gatsby-core-theme/src/components/atoms/button/button';
-import LazyImage from '~hooks/lazy-image';
-import { imagePrettyUrl } from '~helpers/getters';
-import Link from '~hooks/link';
-import styles from './operator.module.scss';
+import React from "react";
+import PropTypes from "prop-types";
+import { FaArrowRight } from "@react-icons/all-files/fa/FaArrowRight";
+import Button from "~atoms/button/button";
+import LazyImage from "~hooks/lazy-image";
+import { imagePrettyUrl } from "~helpers/getters";
+import Link from "~hooks/link";
+import styles from "./operator.module.scss";
 
-const Operator = ({ item = {}, width = 56, height = 56, btnText = '', icon = <FaArrowRight title="Right-pointing Arrow Icon" /> }) => {
+const Operator = ({
+  item = {},
+  width = 56,
+  height = 56,
+  btnText = "",
+  icon = <FaArrowRight title="Right-pointing Arrow Icon" />,
+}) => {
   const { logo } = item;
 
   return (
     <li>
-      <Link to={item?.path} title={item.title} className={styles.row || ''}>
-        {logo && <LazyImage
-          className={styles.operatorImage}
-          width={width}
-          height={height}
-          src={imagePrettyUrl(logo, width, height)}
-          alt={item.title}
-        />}
+      <Link to={item?.path} title={item.title} className={styles.row || ""}>
+        {logo && (
+          <LazyImage
+            className={styles.operatorImage}
+            width={width}
+            height={height}
+            src={imagePrettyUrl(logo, width, height)}
+            alt={item.title}
+          />
+        )}
         <h3 className={styles.operatorTitle}>{item.title}</h3>
         <Button
           to={item?.path}
@@ -42,7 +50,7 @@ Operator.propTypes = {
   width: PropTypes.number,
   height: PropTypes.number,
   btnText: PropTypes.string,
-    icon: PropTypes.node,
+  icon: PropTypes.node,
 };
 
 export default Operator;

package/src/components/molecules/bonus/template-one/index.js

@@ -73,7 +73,13 @@ export default function Bonus({
               tracker={module?.type || "main"}
               modulePosition={modulePosition}
             />
-            {!tncFixed && <Tnc isFixed={tncFixed} operator={operator} />}
+            {!tncFixed && (
+              <Tnc
+                isFixed={tncFixed}
+                operator={operator}
+                tracker={module?.type || "main"}
+              />
+            )}
           </div>
           <OperatorCta
             operator={operator}
@@ -85,7 +91,14 @@ export default function Bonus({
             gtmClass="bonus-operator-cta-gtm"
           />
         </div>
-        {tncFixed && <Tnc isFixed={tncFixed} operator={operator} />}
+
+        {tncFixed && (
+          <Tnc
+            isFixed={tncFixed}
+            operator={operator}
+            tracker={module?.type || "main"}
+          />
+        )}
       </div>
     </div>
   );