gatsby-core-theme 44.30.7 → 44.31.1

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+## [44.31.1](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.31.0...v44.31.1) (2026-07-09)
+
+
+### Bug Fixes
+
+* give styling for external buttons as well ([108e1c1](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/108e1c1b452be295ef72c7897977d281b58cbaa8))
+* update classname ([09f16a2](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/09f16a263580b099fe8fe95fe7858ae702136d8a))
+
+
+* Merge branch 'en-590-buttons' into 'master' ([93e44f4](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/93e44f4a456cced4b88c1240db289c7755349d9d))
+
+# [44.31.0](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.30.7...v44.31.0) (2026-07-07)
+
+
+* Merge branch 'feat/coupon-acts-like-cta' into 'master' ([f5e1823](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/f5e182396a398e9fcf8dd598474483b4c05e0ff1))
+
+
+### Features
+
+* coupon act as cta opt in option for bonus ([6e2bcb6](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/6e2bcb67404c234e7935567762668cc694607811))
+* share CTA tracking data-attributes and expose fireTracking for coupon CTA ([17025e2](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/17025e229d2b097662aa81ea9b0de26b6758c1e8))
+
 ## [44.30.7](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.30.6...v44.30.7) (2026-07-06)
 
 

package/package.json

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

package/src/components/atoms/button/operator-cta.js

@@ -4,10 +4,9 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import useTranslate from '~hooks/useTranslate/useTranslate';
 import { prettyTracker } from '~helpers/getters';
-import { trackerLinkActive } from '~helpers/tracker';
+import { trackerLinkActive, getCtaDataAttributes } from '~helpers/tracker';
 import styles from './button.module.scss';
 import useCtaClickHandler from '../../../hooks/useCtaClickHandler/index';
-import operatorTypes from "../../../constants/operatorTypes";
 
 const OperatorCtaButton = ({
   operator,
@@ -71,14 +70,6 @@ const OperatorCtaButton = ({
   const classes = `${styles[buttonType] || ''} ${status && styles[status] ? styles[status] : ''} ${buttonSize ? styles[`${buttonSize}_size`] : ''
     } `;
 
-  const operatorName = operator?.short_name || operator?.name || undefined;
-  const dataModule = moduleName && modulePosition ? `${moduleName}-${modulePosition}` : undefined;
-  const dataLocation =
-    moduleName && modulePosition
-      ? `${moduleName}-${modulePosition}${
-          itemPosition ? `-position-${itemPosition}` : ""
-        }`
-      : undefined;
   return (
     trackerLinkActive(operator, tracker) && status === "active" ? (
       <a
@@ -92,13 +83,12 @@ const OperatorCtaButton = ({
         target="_blank"
         rel={rel}
         onClick={handleCtaClick}
-        data-interaction="outbound-click"
-        {...(operator?.type && { 'data-vertical': operatorTypes[operator?.type] || operator?.type })}
-        {...(operatorName && { 'data-operator': operatorName })}
-        {...(trackerType && { 'data-tracker': trackerType })}
-        {...(modulePosition && { 'data-location': dataLocation })}
-        {...(itemPosition && { 'data-position': itemPosition })}
-        {...(dataModule && { 'data-module': dataModule })}
+        {...getCtaDataAttributes(operator, {
+          tracker,
+          moduleName,
+          modulePosition,
+          itemPosition,
+        })}
       >
         {translateBtn}
         {icon && icon}

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

@@ -8,7 +8,7 @@ import OperatorCta from "~atoms/button/operator-cta";
 import Rating from "~molecules/star-rating/one-star";
 import Tnc from "~molecules/tnc";
 import PrettyLink from "~atoms/pretty-link";
-import { TrackingKeys } from '~constants/tracking-api'
+import { TrackingKeys } from "~constants/tracking-api";
 import styles from "./bonus.module.scss";
 import Ribbons from "../../../atoms/ribbons";
 
@@ -26,12 +26,16 @@ export default function Bonus({
   ctaIcon = <FaArrowRight fontSize={20} title="Right-pointing Arrow Icon" />,
   modulePosition,
   showRibbon = false,
-  customClass='',
+  customClass = "",
+  couponActsAsCta = false,
 }) {
-  
   const { logo, bonus, name } = operator || {};
   return (
-    <div className={`${styles.operatorBanner || ""} ${customClass && styles[customClass]}`}>
+    <div
+      className={`${styles.operatorBanner || ""} ${
+        customClass && styles[customClass]
+      }`}
+    >
       <div className={styles.container}>
         {showRibbon && <Ribbons item={operator.ribbons} />}
         <div>
@@ -72,6 +76,7 @@ export default function Bonus({
               pageTemplate={pageTemplate}
               tracker={module?.type || "main"}
               modulePosition={modulePosition}
+              couponActsAsCta={couponActsAsCta}
             />
             {!tncFixed && (
               <Tnc
@@ -135,5 +140,6 @@ Bonus.propTypes = {
   ctaIcon: PropTypes.elementType,
   modulePosition: PropTypes.number,
   showRibbon: PropTypes.bool,
-  customClass: PropTypes.string
+  customClass: PropTypes.string,
+  couponActsAsCta: PropTypes.bool,
 };

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

@@ -11,7 +11,7 @@ import Rating from "~molecules/star-rating/one-star";
 import Tnc from "~molecules/tnc";
 import PrettyLink from "~atoms/pretty-link";
 import useTranslate from "~hooks/useTranslate/useTranslate";
-import { TrackingKeys } from '~constants/tracking-api'
+import { TrackingKeys } from "~constants/tracking-api";
 import styles from "./bonus.module.scss";
 
 export default function TemplateOne({
@@ -29,12 +29,12 @@ export default function TemplateOne({
   height = 120,
   showRatingLabel = false,
   showLabelMiddle = false,
-  ctaIcon = <FaArrowRight fontSize={20} title="Right-pointing Arrow Icon" />
-
+  couponActsAsCta = false,
+  ctaIcon = <FaArrowRight fontSize={20} title="Right-pointing Arrow Icon" />,
 }) {
   const { logo, bonus, name } = operator || {};
   const hasTncEnable = getOperatorTnc(operator);
-  
+
   const welcomeBonusText = useTranslate("welcome_bonus", "Welcome Bonus");
   const translationsObj = {
     active: {
@@ -54,8 +54,9 @@ export default function TemplateOne({
        ${hasTncEnable ? styles.operatorBannerTNC : ""}
        ${!closedBanner ? styles.show : styles.hide} 
        ${styles.tncEnable}
-       ${tncFixed ? styles.showTncFixed || "" : ""} ${floating ? styles.floating : ""
-        }`}
+       ${tncFixed ? styles.showTncFixed || "" : ""} ${
+        floating ? styles.floating : ""
+      }`}
     >
       <div className={styles.container}>
         <div>
@@ -94,7 +95,13 @@ export default function TemplateOne({
               <p className={styles.welcomeBonus}>{welcomeBonusText}</p>
             )}
 
-            <BonusBox moduleName={moduleName} item={operator} tracker={module?.type || "main"} pageTemplate={pageTemplate} />
+            <BonusBox
+              moduleName={moduleName}
+              item={operator}
+              tracker={module?.type || "main"}
+              pageTemplate={pageTemplate}
+              couponActsAsCta={couponActsAsCta}
+            />
             {!tncFixed && (
               <Tnc
                 isFixed={tncFixed}
@@ -158,4 +165,5 @@ TemplateOne.propTypes = {
   showLabelMiddle: PropTypes.bool,
   ctaIcon: PropTypes.elementType,
   showRoundedRating: PropTypes.bool,
+  couponActsAsCta: PropTypes.bool,
 };

package/src/helpers/replaceMedia.js

@@ -106,7 +106,9 @@ export default (
           pageTemplate={pageTemplate}
           moduleName={TrackingKeys?.CONTENT}
           tracker={module?.tracking_link_name || "main"}
-          className="content-module-gtm"
+          className={[node?.attribs?.class, "content-module-gtm"]
+            .filter(Boolean)
+            .join(" ")}
           clickedElement="link"
           rel={node?.attribs?.rel}
           modulePosition={modulePosition}

package/src/helpers/tracker.mjs

@@ -3,6 +3,7 @@
 import { generateTrackerLink } from "./generators.mjs";
 import { stripSuffixSlash } from "./strings.mjs";
 import { getCookie } from "./cookies.mjs";
+import operatorTypes from "../constants/operatorTypes.js";
 
 export function getTrackerName(operator, page, path) {
   const trackerLinks = operator ? Object.keys(operator.links) : [];
@@ -352,3 +353,33 @@ export function buildExternalRefererDeleteSetCookies(headers) {
 
   return buildDeleteCookie("");
 }
+
+// Builds the GTM `data-*` attributes for an outbound CTA anchor so that every
+// CTA (operator button, coupon redirect, …) tags clicks identically.
+export function getCtaDataAttributes(
+  operator,
+  { tracker = "main", moduleName, modulePosition, itemPosition } = {}
+) {
+  const trackerType = tracker?.toLowerCase()?.replace(" ", "_");
+  const operatorName = operator?.short_name || operator?.name || undefined;
+  const dataModule =
+    moduleName && modulePosition ? `${moduleName}-${modulePosition}` : undefined;
+  const dataLocation =
+    moduleName && modulePosition
+      ? `${moduleName}-${modulePosition}${
+          itemPosition ? `-position-${itemPosition}` : ""
+        }`
+      : undefined;
+
+  return {
+    "data-interaction": "outbound-click",
+    ...(operator?.type && {
+      "data-vertical": operatorTypes[operator?.type] || operator?.type,
+    }),
+    ...(operatorName && { "data-operator": operatorName }),
+    ...(trackerType && { "data-tracker": trackerType }),
+    ...(modulePosition && { "data-location": dataLocation }),
+    ...(itemPosition && { "data-position": itemPosition }),
+    ...(dataModule && { "data-module": dataModule }),
+  };
+}

package/src/helpers/tracker.test.js

@@ -470,4 +470,36 @@ describe("Tracker Helper", () => {
       expect(result[1]).toBe(`${cookieBase}; SameSite=Lax`);
     });
   });
+
+  describe("getCtaDataAttributes", () => {
+    test("builds outbound data-* attributes from operator + tracking context", () => {
+      const attrs = Tracker.getCtaDataAttributes(
+        { short_name: "rizk", type: "sportsbook" },
+        {
+          tracker: "PPC Fallback",
+          moduleName: "wageringCalculator",
+          modulePosition: 2,
+          itemPosition: 3,
+        }
+      );
+      expect(attrs).toEqual({
+        "data-interaction": "outbound-click",
+        "data-vertical": "sportsbook",
+        "data-operator": "rizk",
+        "data-tracker": "ppc_fallback",
+        "data-location": "wageringCalculator-2-position-3",
+        "data-position": 3,
+        "data-module": "wageringCalculator-2",
+      });
+    });
+
+    test("omits optional attributes when tracking context is missing", () => {
+      const attrs = Tracker.getCtaDataAttributes({ name: "Rizk Casino" });
+      expect(attrs).toEqual({
+        "data-interaction": "outbound-click",
+        "data-operator": "Rizk Casino",
+        "data-tracker": "main",
+      });
+    });
+  });
 });

package/src/hooks/useCtaClickHandler/index.js

@@ -76,7 +76,7 @@ const useCtaClickHandler = ({
     [fireTracking]
   );
 
-  return { ctaRef, handleCtaClick };
+  return { ctaRef, handleCtaClick, fireTracking };
 };
 
 export default useCtaClickHandler;