gatsby-matrix-theme 53.26.3 → 53.26.5

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+## [53.26.5](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.26.4...v53.26.5) (2026-07-15)
+
+
+### Config
+
+* update theme to enable multiple slash redirect to homepage ([e125109](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/e125109b2d02837869917f0636b30a98ce9baea0))
+
+## [53.26.4](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.26.3...v53.26.4) (2026-07-10)
+
+
+### Code Refactoring
+
+* coupon uses shared useCopyCtaRedirect hook ([588e4b8](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/588e4b89b0e7649efb23ec0c9ef6ec43b5b7b499))
+
+
+### Config
+
+* update theme ([bea914b](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/bea914b75ad3e2b65e8fc6647306685331f1c723))
+
+
+* Merge branch 'refactor/coupon-use-copy-cta-redirect' into 'master' ([47921c9](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/47921c9fea0673585ae31d31badbec0ffacaf409))
+
 ## [53.26.3](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.26.2...v53.26.3) (2026-07-09)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "53.26.3",
+  "version": "53.26.5",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",
@@ -26,7 +26,7 @@
     "@react-icons/all-files": "^4.1.0",
     "@gigmedia/enigma-utils": "^1.20.0",
     "gatsby": "^5.11.0",
-    "gatsby-core-theme": "44.31.1",
+    "gatsby-core-theme": "44.33.0",
     "gatsby-plugin-sharp": "^5.11.0",
     "gatsby-plugin-sitemap": "^6.13.1",
     "gatsby-transformer-sharp": "^5.11.0",

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

@@ -1,9 +1,9 @@
 /* eslint-disable react/jsx-no-target-blank */
-import React, { useState, useRef, useEffect } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
-import useCtaClickHandler from 'gatsby-core-theme/src/hooks/useCtaClickHandler/index';
 import { prettyTracker } from 'gatsby-core-theme/src/helpers/getters';
 import { getCtaDataAttributes } from 'gatsby-core-theme/src/helpers/tracker';
+import useCopyCtaRedirect from 'gatsby-core-theme/src/hooks/useCopyCtaRedirect/index';
 import useTranslate from '~hooks/useTranslate/useTranslate';
 import CopyIcon from '../../../images/icons/copy-icon';
 import CheckCircleIcon from '../../../images/icons/check-circle';
@@ -33,38 +33,12 @@ const Coupon = ({
   rel = 'nofollow sponsored',
   redirectDelay = 2000
 }) => {
-  const [copySuccess, setCopySuccess] = useState('');
-  const redirectTimer = useRef(null);
-  const isPending = useRef(false); // a redirect is scheduled
-  const allowNavigation = useRef(false); // the next click is our own re-dispatch
-
-  // Reuses the core CTA tracking: `fireTracking` drops the affiliate cookie /
-  // fires the pixel; `ctaRef` points at the coupon anchor we redirect through.
-  const { ctaRef, fireTracking } = useCtaClickHandler({
-    pageTemplate,
-    moduleName,
-    tracker,
-    clickedElement,
-    modulePosition,
-    itemPosition
-  });
-
-  // Clear a scheduled redirect if the component unmounts mid-flow
-  useEffect(
-    () => () => {
-      if (redirectTimer.current) clearTimeout(redirectTimer.current);
-    },
-    []
-  );
-
   // Resolve translations unconditionally so the hook order stays stable across
   // the copy/redirect state change (Rules of Hooks — useTranslate uses useContext).
   const prefixLabel = useTranslate(translationKey, defaultTranslation);
   const noCouponLabel = useTranslate('no_coupon_available', 'Not Needed');
   const codeCopiedLabel = useTranslate('code_copied', 'CODE COPIED');
 
-  if (!code) return null;
-
   const inactive = status === 'inactive';
   const isBet365 = shortCode === 'bet365';
 
@@ -73,76 +47,24 @@ const Coupon = ({
   // Only act as a CTA when we have a valid outbound link for an active operator
   const ctaEnabled = actLikeCta && !!prettyLink && !inactive && !isBet365;
 
-  const handleClick = async (e) => {
-    // Our own re-dispatched click: let the anchor navigate + GTM record it
-    if (allowNavigation.current) {
-      allowNavigation.current = false;
-      return;
-    }
-
-    e.preventDefault();
-    e.stopPropagation();
-
-    if (inactive || isBet365) return;
-    // Ignore extra clicks while a redirect is already queued
-    if (isPending.current) return;
-
-    let copied = false;
-    try {
-      await navigator.clipboard.writeText(code);
-      copied = true;
-    } catch (err) {
-      copied = false;
-    }
-
-    if (!ctaEnabled) {
-      // Original behaviour: flip the label immediately, no redirect
-      setCopySuccess(copied);
-      return;
-    }
-
-    // t=0: code is on the clipboard — flip to "copied" and drop the tracking cookie
-    setCopySuccess(true);
-    fireTracking();
-    isPending.current = true;
-
-    // t=redirectDelay: open the operator in a new tab by re-dispatching a real
-    // click on the anchor (so GTM's outbound-click trigger fires), then revert
-    // the "copied" state. The delay stays within the browser's transient-activation
-    // window so the programmatic open is not blocked as a popup.
-    redirectTimer.current = setTimeout(() => {
-      isPending.current = false;
-
-      if (ctaAsButton) {
-        if (prettyLink) window.open(prettyLink, '_blank');
-        setCopySuccess(false);
-        return;
-      }
-
-      const anchor = ctaRef.current;
-      if (!anchor) return;
-
-      // Re-dispatch a real click so the anchor navigates (new tab) and GTM's
-      // outbound-click trigger still fires. `allowNavigation` lets our own
-      // handler fall through instead of intercepting the click again.
-      allowNavigation.current = true;
-      const clickEvent = new MouseEvent('click', {
-        bubbles: true,
-        cancelable: true,
-        view: window
-      });
-      const opened = anchor.dispatchEvent(clickEvent);
-
-      // If a wrapping anchor (e.g. a parent PrettyLink) cancelled the default
-      // navigation, open the operator manually so the tab still opens.
-      if (!opened && prettyLink) {
-        window.open(prettyLink, '_blank');
-      }
+  // Shared copy → track → open-operator flow. 'anchor' mode re-dispatches a click
+  // on `ctaRef` (the <a> below); 'button' mode opens `prettyLink` directly.
+  const { copySuccess, ctaRef, handleCopyClick } = useCopyCtaRedirect({
+    code,
+    enabled: ctaEnabled,
+    disabled: inactive || isBet365,
+    redirectLink: prettyLink,
+    redirectMode: ctaAsButton ? 'button' : 'anchor',
+    redirectDelay,
+    pageTemplate,
+    moduleName,
+    tracker,
+    clickedElement,
+    modulePosition,
+    itemPosition
+  });
 
-      // Revert to the default label once the redirect has fired.
-      setCopySuccess(false);
-    }, redirectDelay);
-  };
+  if (!code) return null;
 
   const couponClass = `${styles.coupon} ${copySuccess ? styles.copied : ''}
         ${code === null ? styles.noCode : ''}
@@ -178,7 +100,7 @@ const Coupon = ({
           href={prettyLink}
           target="_blank"
           rel={rel}
-          onClick={handleClick}
+          onClick={handleCopyClick}
           className={couponClass}
           {...getCtaDataAttributes(operator, {
             tracker,
@@ -191,7 +113,7 @@ const Coupon = ({
         </a>
       ) : (
         <button
-          onClick={handleClick}
+          onClick={handleCopyClick}
           type="button"
           className={couponClass}
           disabled={inactive || isBet365}