gatsby-core-theme 39.0.0 → 39.0.2

package/CHANGELOG.md

@@ -1,3 +1,32 @@
+## [39.0.2](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v39.0.1...v39.0.2) (2024-09-05)
+
+
+### Bug Fixes
+
+* 404 pages ([a2ff967](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/a2ff967edf283c7e498e26ea573df75a5b4b2b0f))
+* 404pages for multi market ([4943f82](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/4943f82023d162be9045b5bfa4f2ad4f7c0801af))
+* conflict ([7432eac](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/7432eac495c761006883894549513b789b2ff759))
+* general styling ([2f28985](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/2f289859c3a24167140973ae31cb1b84e478c50a))
+* general styling ([b453746](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/b453746f73406ebdc5389eccfa0476f34be2a68b))
+* removed cursor pointer from unclickable divs ([a458d7e](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/a458d7e5d61b033d630fa8952243bf38259fed99))
+* removed links from operators without tracking links ([ec4b0c3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/ec4b0c37f0fbcda51938344cda6e1ef3741a86d8))
+* removed market 404 ([9530231](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/95302317d39872107a00e97fcbc319d300462173))
+* tests ([63f620c](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/63f620ca959166c3e6f30b99413e6cb4fc7d46bf))
+
+
+* Merge branch 'tm-4127-404-fixes' into 'master' ([99b4e1f](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/99b4e1f653d85ff3c8a4246797aec8173e3f0384))
+* Merge branch 'tm-4723-pretty-links' into 'master' ([d4a439f](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/d4a439fcf911b6e2ebb71f9e80142b6eb42badcb))
+
+## [39.0.1](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v39.0.0...v39.0.1) (2024-09-04)
+
+
+### Bug Fixes
+
+* fix small issues ([ef8c942](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/ef8c9427c466f5307ced6a291582ed1f05f5887b))
+
+
+* Merge branch 'addValidation' into 'master' ([fed31fe](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/fed31fe535f2ac7929b03e5f43c88c606741da7a))
+
 # [39.0.0](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v38.0.4...v39.0.0) (2024-09-03)
 
 

package/gatsby-node.mjs

@@ -14,9 +14,9 @@ import { getData, getLocalData, getTranslations, getSiteSettings } from './src/h
 
 import { generateTrackerLink } from './src/helpers/generators.mjs';
 import processor, { processSitemapPages } from './src/helpers/processor/index.mjs';
-import { pickRelationKeys, pickTrackerOperatorKeys } from './src/constants/pick-keys.mjs';
+import { pickTrackerOperatorKeys } from './src/constants/pick-keys.mjs';
 import settings from './src/constants/settings.mjs';
-import { translate } from './src/helpers/getters.mjs';
+import { translate, is404Page } from './src/helpers/getters.mjs';
 import { clean } from './src/helpers/processor/common.mjs';
 import { sanitizeOperatorData } from './src/helpers/processor/operators.mjs';
 
@@ -39,6 +39,7 @@ let authors = null;
 let translationsData = null;
 let siteSettingsData = null;
 let allMarketsData = null;
+let allMarketPrefixes = [];
 let allMarketSectionsData = null;
 let schemaData = null;
 let templatesData = null;
@@ -397,26 +398,27 @@ export const createPages = async ({ actions: { createPage } }, themeOptions) =>
   
 };
 
-export const onCreatePage = ({ page, actions }) => {
+export const onCreatePage = async ({ page, actions }) => {
   const { createPage, deletePage } = actions;
-  if (page.path.match(/^\/[a-z]{2}\/404\/?$/)) {
+
+  if (is404Page(allMarketPrefixes, page.path)) {
     const oldPage = { ...page };
     const langCode = page.path.split(`/`)[1];
     page.matchPath = `/${langCode}/*`;
-    const marketCode = Object.keys(allMarketSectionsData).find(
-      (key) => allMarketSectionsData[key].path_prefix === langCode
+    const marketCode = await Object.keys(allMarketsData).find(
+      (key) => allMarketsData[key].path_prefix === langCode
     );
+
     if (marketCode) {
       // Recreate the modified page
       deletePage(oldPage);
       createPage({
         ...page,
         context: {
-          ...context404,
           page: { ...context404.page, market: marketCode, language: langCode },
+          lang: langCode,
           marketSections: allMarketSectionsData[marketCode],
         },
-        component: `${__dirname}/src/components/app.js`,
       });
     } else {
       deletePage(oldPage);
@@ -440,10 +442,13 @@ export const onPreBootstrap = async () => {
   // Get Data from Hercules
   siteSettingsData = await getSiteSettings(process.env.GATSBY_SITE_NAME);
   allMarketsData = siteSettingsData.site_markets;
+  allMarketPrefixes = Object.keys(allMarketsData).map(
+      (key) => allMarketsData[key].path_prefix
+    ).filter(item => !!item);
   schemaData = siteSettingsData.schema;
   templatesData = siteSettingsData.templates;
   allMarketSectionsData = siteSettingsData.market_sections;
-  }
+}
 
 export const sourceNodes = async ({ actions, createNodeId, createContentDigest }) => {
   const { createNode } = actions;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-core-theme",
-  "version": "39.0.0",
+  "version": "39.0.2",
   "description": "Gatsby Theme NPM Package",
   "author": "",
   "license": "ISC",
@@ -44,7 +44,6 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-google-recaptcha": "^2.1.0",
-    "react-lazyload": "^3.2.0",
     "react-masonry-css": "^1.0.16",
     "sass": "^1.63.6",
     "uuid": "^9.0.1"

package/src/components/app.js

@@ -2,16 +2,30 @@
 /* eslint-disable react/forbid-prop-types */
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
-import { graphql } from 'gatsby';
+import { graphql, useStaticQuery } from 'gatsby';
 import MainProvider from '~context/MainProvider';
 import Body from '~pages/body';
 import HeadData from '~organisms/head';
 
-const App = ({ pageContext, data }) => {
+const App = ({ pageContext }) => {
   const { isPreview } = pageContext;
   const [previewContext, setPreviewContext] = useState({});
   const [isLoading, setIsLoading] = useState({});
 
+  const data = useStaticQuery(graphql`
+    query {
+      translations: allTranslation(filter: {}) {
+        edges {
+          node {
+            key
+            language
+            value
+          }
+        }
+      }
+    }
+  `);
+
   async function getData(searchParams, staticPath = null) {
     const { getPreview } = await import('~helpers/api');
     getPreview(
@@ -50,7 +64,7 @@ const App = ({ pageContext, data }) => {
   }
   
   return (
-    <MainProvider value={{ translations: data.translations, language: pageContext.page.language }}>
+    <MainProvider value={{ translations: data.translations, language: pageContext.page?.language }}>
       <div
         dir={
           (isPreview ? previewContext.page?.language === 'ar' : pageContext.page?.language === 'ar')
@@ -65,20 +79,6 @@ const App = ({ pageContext, data }) => {
   );
 };
 
-export const query = graphql`
-  query ($lang: String) {
-    translations: allTranslation(filter: {language: {eq: $lang}}) {
-      edges {
-        node {
-          key
-          language
-          value
-        }
-      }
-    }
-  }
-`;
-
 export const Head = ({ pageContext }) => (
   <HeadData page={pageContext.page} siteInfo={pageContext.siteInfo} />
 );

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

@@ -6,7 +6,7 @@ import { globalHistory } from '@reach/router';
 import useTranslate from '~hooks/useTranslate/useTranslate';
 import { prettyTracker } from '~helpers/getters';
 import { setCookie } from '~helpers/cookies';
-import { getTrackingAPIParams } from '~helpers/tracker';
+import { getTrackingAPIParams, trackerLinkActive } from '~helpers/tracker';
 import keygen from '~helpers/keygen';
 import styles from './button.module.scss';
 
@@ -61,7 +61,7 @@ const OperatorCtaButton = ({
         '/'
       );
 
-  if (process.env.ENABLE_PIXEL === 'true' && typeof window.fbq !== 'undefined') {
+    if (process.env.ENABLE_PIXEL === 'true' && typeof window.fbq !== 'undefined') {
       // Call fbq track event
       window.fbq('track', 'InitiateCheckout', { keyID: keygen() });
     }
@@ -71,19 +71,11 @@ const OperatorCtaButton = ({
     buttonSize ? styles[`${buttonSize}_size`] : ''
   } `;
 
-  // Note: Check if the default link is savailable otherwise hide  
-  const trackerLinkActive = () => {
-    if (!operator || !operator?.links) {
-      return false;
-    }
-    return operator?.links?.main
-  };
-
   return (
-    trackerLinkActive() &&
+    trackerLinkActive(operator, tracker) &&
     (status === "active" ? (
       <a
-        href={prettyLink || "#"}
+        href={prettyLink || "#"} 
         title={`${typeof translateBtn === "string" ? translateBtn : ""} ${
           titleSuffix || ""
         }`.trimEnd()}

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

@@ -5,7 +5,7 @@ import { globalHistory } from '@reach/router'
 import { prettyTracker } from '~helpers/getters'
 import { setCookie } from '~helpers/cookies'
 import keygen from '~helpers/keygen'
-import { getTrackingAPIParams } from '~helpers/tracker'
+import { getTrackingAPIParams, trackerLinkActive } from '~helpers/tracker'
 
 const PrettyLink = ({
   operator,
@@ -55,17 +55,28 @@ const PrettyLink = ({
   }
 
   return (
-    <a
-      href={prettyLink || '#'}
-      title={`${operator?.name || ''} ${titleSuffix || ''}`.trimEnd() || ''}
-      className={className}
-      target="_blank"
-      rel={rel}
-      aria-label={`${operator?.name} ${titleSuffix || 'Link'}`}
-      onClick={onCTAClick}
-    >
-      {children}
-    </a>
+    prettyLink && trackerLinkActive(operator, tracker) ? (
+      <a
+        href={prettyLink || '#'}
+        title={`${operator?.name || ''} ${titleSuffix || ''}`.trimEnd() || ''}
+        className={className}
+        target="_blank"
+        rel={rel}
+        aria-label={`${operator?.name} ${titleSuffix || 'Link'}`}
+        onClick={onCTAClick}
+      >
+        {children}
+      </a>
+    ) : (
+      <div
+        title={`${operator?.name || ''} ${titleSuffix || ''}`.trimEnd() || ''}
+        className={className}
+        aria-label={`${operator?.name} ${titleSuffix || 'Link'}`}
+      >
+        {children}
+      </div>
+    )
+    
   )
 }
 

package/src/components/atoms/pretty-link/pretty-link.test.js

@@ -11,6 +11,7 @@ const data = (activeStatus = 'active') => ({
     status: activeStatus,
     links: {
       main: 'https://www.google.com',
+      testing: 'http://localhost/'
     },
     short_name: 'operator',
   },
@@ -22,7 +23,7 @@ const data = (activeStatus = 'active') => ({
 describe('PrettyLink Component', () => {
   test('PrettyLink children and link', () => {
     const { getByText, container } = render(<PrettyLink {...data()} />);
-    expect(getByText('Test children')).toBeTruthy();
+    expect(getByText('Test children').tagName.toLowerCase()).toBe('h1');
     expect(container.querySelector('a').getAttribute('href')).toEqual('/no/visit/operator');
   });
 
@@ -46,6 +47,20 @@ describe('PrettyLink Component', () => {
     expect(affObject.clicked_element).toEqual('cta');
   });
 
+  test('Invalid or Empty tracker link', () => {
+    const { getByText } = render(
+      <PrettyLink
+        {...data()}
+        pageTemplate="test"
+        module="test2"
+        tracker="invalid"
+        clickedElement="cta"
+      />
+    );
+    const element = getByText('Test children');
+    expect(element.parentElement.tagName.toLowerCase()).toBe('div');
+  });
+
   test('Default Affiliate object in cookie', () => {
     const { container } = render(<PrettyLink {...data()} />);
     const button = container.querySelector('a');

package/src/components/molecules/bonus/template-one/bonus.module.scss

@@ -1,19 +1,25 @@
 .container {
   @include flex-direction(column);
   @include flex-align(center, center);
+
   flex-flow: wrap;
   border-radius: 1.6rem;
   background: var(--operator-banner-backgorund, #f4f4f4);
   padding: 1.6rem;
   gap: 1.6rem;
+
   @include min(tablet) {
     padding: 1.6rem 2.4rem;
+
     @include flex-direction(row);
     @include flex-align(center, center);
   }
+
   > div {
     width: 100%;
+
     @include flex-direction(column);
+
     gap: 1.6rem;
   }
 
@@ -24,6 +30,7 @@
     font-style: normal;
     font-weight: 700;
     line-height: 2.2rem;
+
     @include min(tablet) {
       min-height: 5.6rem;
       max-width: 19.7rem;
@@ -45,13 +52,16 @@
 }
 
 .logo {
-  cursor: pointer;
   height: 7.2rem;
+
   @include flex-direction(row);
+
   gap: 1.6rem;
+
   @include min(tablet) {
     @include flex-direction(row);
     @include flex-align(center, center);
+
     height: auto;
   }
 
@@ -60,6 +70,7 @@
     width: 7.2rem;
     height: 7.2rem;
     border-radius: 0.8rem;
+
     @include min(tablet) {
       min-width: 6.4rem;
       width: 6.4rem;
@@ -68,58 +79,16 @@
   }
 }
 
-.details {
-  @include flex-direction(column);
-  @include flex-align(flex-start, center);
-
-  @include min(tablet) {
-    display: flex;
-    flex-direction: column;
-  }
-  > span:first-of-type {
-    color: var(--operator-banner-name-color, #1b1b1c);
-    font-size: 1.6rem;
-    font-style: normal;
-    font-weight: 700;
-    line-height: 2.7rem;
-    margin-bottom: 0.8rem;
-    @include min(tablet) {
-      font-size: 1.4rem;
-      font-weight: 700;
-      line-height: 2.2rem;
-      min-width: 11rem;
-    }
-  }
-
-  > div {
-    border-radius: 100px;
-    background: #fff;
-    border: 0px;
-    margin: 0;
-    height: 2.9rem;
-    width: 7.6rem;
-    @include flex-direction(row);
-    @include flex-align(center, center);
-    
-    > span:first-of-type {
-      margin-right: 0.4rem;
-    }
-
-    > span:last-of-type {
-      font-size: 11px;
-      margin-top: 0.2rem;
-    }
-  }
-}
-
 .bonus {
   border-radius: 0.8rem;
   height: 100%;
   background: var(--operator-banner-backgorund-bonus, #fff);
   min-height: 6.4rem;
   width: 100%;
+
   @include flex-direction(column);
   @include flex-align(center, center);
+
   border: 1px solid #fff;
 
   > div {
@@ -146,7 +115,7 @@
     font-weight: 700;
     line-height: 2.7rem;
     padding-right: 0;
-    margin: 0.8rem 0.8rem 0 0.8rem;
+    margin: 0.8rem 0.8rem 0;
   }
 
   span:last-of-type {
@@ -157,6 +126,53 @@
     font-weight: 700;
     line-height: 2.2rem;
     padding: 0;
-    margin: 0 0.8rem 0.8rem 0.8rem;
+    margin: 0 0.8rem 0.8rem;
+  }
+}
+
+.details {
+  @include flex-direction(column);
+  @include flex-align(flex-start, center);
+
+  @include min(tablet) {
+    display: flex;
+    flex-direction: column;
+  }
+
+  > span:first-of-type {
+    color: var(--operator-banner-name-color, #1b1b1c);
+    font-size: 1.6rem;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 2.7rem;
+    margin-bottom: 0.8rem;
+
+    @include min(tablet) {
+      font-size: 1.4rem;
+      font-weight: 700;
+      line-height: 2.2rem;
+      min-width: 11rem;
+    }
+  }
+
+  > div {
+    border-radius: 100px;
+    background: #fff;
+    border: 0;
+    margin: 0;
+    height: 2.9rem;
+    width: 7.6rem;
+
+    @include flex-direction(row);
+    @include flex-align(center, center);
+    
+    > span:first-of-type {
+      margin-right: 0.4rem;
+    }
+
+    > span:last-of-type {
+      font-size: 11px;
+      margin-top: 0.2rem;
+    }
   }
 }

package/src/components/molecules/menu/index.js

@@ -68,7 +68,7 @@ const Menu = ({
         role="menu"
       >
         {menuObject &&
-          menuObject.children.map((child) => {
+          menuObject?.children?.map((child) => {
             const level = 1;
             return (
               enableMegaMenu ? (

package/src/helpers/getters.mjs

@@ -1,3 +1,4 @@
+/* eslint-disable no-prototype-builtins */
 /* eslint-disable no-nested-ternary */
 import { generateTrackerLink } from "./generators.mjs";
 
@@ -28,8 +29,8 @@ export function getExtraField(extraFields, key, defaultValue) {
 export function getMarketSection(shortCode, pageContext) {
   const marketSections = pageContext && pageContext.marketSections;
 
-  // market has priority over page
-  if (marketSections[shortCode]) {
+    // market has priority over page
+  if (marketSections && marketSections[shortCode]) {
     return marketSections[shortCode];
   }
 
@@ -50,7 +51,7 @@ export function getSection(shortCode, pageContext) {
   }
   
   // market has priority over page
-  if (marketSections[shortCode]) {
+  if (marketSections && marketSections[shortCode]) {
     return marketSections[shortCode];
   }
 
@@ -524,3 +525,15 @@ export function groupBy(list = {}, keyName = "author_id", single = false) {
   );
   return newObj;
 }
+
+export function is404Page(allMarketPrefixes, path) {  
+  let is404 = false;
+  // eslint-disable-next-line array-callback-return
+  allMarketPrefixes.map((item) => {
+    const re = new RegExp(`${item}/404`, 'gi');
+    if(path.match(re)) {
+      is404 = true;
+    }
+  });
+  return is404
+}

package/src/helpers/getters.test.js

@@ -43,8 +43,8 @@ describe('Getters Helper', () => {
 
   test('group by', () => {
     const pagesNum = 10;
-    const pagesMappedById = Getters.groupBy(getPageDataList(pagesNum), 'id');
-    expect(Object.keys(pagesMappedById).length).toBe(pagesNum);
+    const pagesMappedByIdTest = Getters.groupBy(getPageDataList(pagesNum), 'id');
+    expect(Object.keys(pagesMappedByIdTest).length).toBe(pagesNum);
 
     const pagesMappedByMetaTitle = Getters.groupBy(getPageDataList(pagesNum), 'meta_title');
     expect(Object.keys(pagesMappedByMetaTitle).length).toBe(2);
@@ -96,16 +96,12 @@ describe('Getters Helper', () => {
   });
 
   test('imagePrettyUrl()', () => {
-    expect(
-      Getters.imagePrettyUrl('photo.jpg', 350, 600).includes('https://cdn.images.com')
-    ).toBeTruthy();
     expect(Getters.imagePrettyUrl('photo.jpg', 350, 600)).toEqual(
       'https://cdn.images.com/fit-in/350x600/photo.jpg'
     );
   });
 
   test('getImageExtension()', () => {
-    expect(Getters.getImageExtension('photo.jpg')).toBeTruthy();
     expect(Getters.getImageExtension('photo.jpg')).toEqual('jpg');
     expect(Getters.getImageExtension(null)).toEqual(null);
   });
@@ -237,7 +233,7 @@ describe('Getters Helper', () => {
         terms_and_conditions_link_enabled: true,
         terms_and_condition_link_text: true,
       })
-    ).toBeTruthy();
+    ).toBe(true);
     expect(
       Getters.isTandcEnabled({
         terms_and_conditions: true,
@@ -250,7 +246,7 @@ describe('Getters Helper', () => {
         terms_and_conditions_text_enabled: true,
         terms_and_conditions: true,
       })
-    ).toBeTruthy();
+    ).toBe(true)
   });
 
   test('getUrl()', () => {
@@ -411,4 +407,13 @@ describe('Getters Helper', () => {
       secondLine: '50 free spins',
     });
   });
+
+  test('is404', () => {
+   expect(Getters.is404Page([ 'ar' ], 'ar/404')).toBe(true);
+   expect(Getters.is404Page([ 'ab' ], 'ar/404')).toBe(false);
+
+   expect(Getters.is404Page([ 'en', 'de', 'zh' ], '/404')).toBe(false);
+   expect(Getters.is404Page([ 'en', 'de', 'zh' ], 'zh/404')).toBe(true);
+   expect(Getters.is404Page([ ], '')).toBe(false);
+  });
 });

package/src/helpers/strings.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { imagePrettyUrl } from './getters';
 
 export function capitalize(string) {
@@ -53,13 +52,6 @@ export function parseContentImageUrl(src, width = null, height = null) {
 
 export const removeSymbols = (string) => string.replace(/[!?@£#$%^&*():;"'|/.,~`]/g, '');
 
-export function replaceWith(string, replaceThis, replacement) {
-  return string
-    .split(replaceThis)
-    .map((item) => <>{item}</>)
-    .reduce((acc, x) => (acc === null ? [x] : [acc, replacement, x]), null);
-}
-
 export function deparam(paramStr) {
   const paramArr = paramStr.split('&');
   const paramObj = {};

package/src/helpers/strings.test.js

@@ -28,6 +28,8 @@ describe('Strings Helper', () => {
   test('truncateString()', () => {
     expect(Strings.truncateString('hello i think', 5)).toEqual('hello...')
     expect(Strings.truncateString('hello i think', 10)).toEqual('hello i...')
+    expect(Strings.truncateString('helloithink', 10)).toEqual('helloithin...')
+    expect(Strings.truncateString('', 10)).toEqual('')
   })
 
   test('cleanHTML()', () => {
@@ -42,6 +44,11 @@ describe('Strings Helper', () => {
         'https://assets-srv.s3.eu-west-1.amazonaws.com/irishluck-jackpot.jpeg'
       )
     ).toEqual('https://cdn.images.com/irishluck-jackpot.jpeg')
+    expect(
+      Strings.parseContentImageUrl(
+        'assets-srv.s3.eu-west-1.amazonaws.com'
+      )
+    ).toEqual('assets-srv.s3.eu-west-1.amazonaws.com')
   })
 
   test('stripSuffixSlash()', () => {
@@ -53,4 +60,13 @@ describe('Strings Helper', () => {
     expect(Strings.stripSuffixSlash('cas/ascasc/ascas')).toEqual('cas/ascasc/ascas')
     expect(Strings.stripSuffixSlash('')).toEqual('')
   })
+
+  test('deparam()', () => {
+    const pararmObj = Strings.deparam(
+      'param=test&param2=test'
+    )
+    expect(
+      pararmObj.param
+    ).toEqual('test');
+  })
 })

package/src/helpers/tracker.mjs

@@ -199,3 +199,11 @@ export function isTrackerLink(link = '') {
 
   return isValidTrackingLink;
 }
+
+// Note: Check if the default link is savailable otherwise hide  
+export function trackerLinkActive(operator, tracker = 'main') {
+  if (!operator || !operator?.links || !operator?.links[tracker]) {
+    return false;
+  }
+  return operator?.links[tracker] || operator?.links?.main
+};

package/src/helpers/tracker.test.js

@@ -8,9 +8,38 @@ describe('Tracker Helper', () => {
     links: {
       main: 'testing main link',
       ppc: 'testing ppc link',
-      christmas: 'testing christmas links'
+      christmas: 'testing christmas links',
+      'PPC Fallback': 'ppc fallback link'
     }
   }
+  const noTrackerOperator = {
+    short_name: 'rizk',
+    type: 'sportsbook',
+    market: 'ie_en',
+    links: {}
+  }
+
+  test('trackerLinkActive with main tracker', () => {
+    const trackerValid = Tracker.trackerLinkActive(
+      operator
+    )
+    expect(trackerValid).toEqual('testing main link')
+  })
+
+  test('trackerLinkActive with custom tracker', () => {
+    const trackerValid = Tracker.trackerLinkActive(
+      operator,
+      'ppc'
+    )
+    expect(trackerValid).toEqual('testing ppc link')
+  })
+
+  test('trackerLinkActive without tracker', () => {
+    const trackerValid = Tracker.trackerLinkActive(
+      noTrackerOperator
+    )
+    expect(trackerValid).toBeFalsy();
+  })
 
   test('getTrackerName main/default link', () => {
     const trackerObj = Tracker.getTrackerName(
@@ -52,6 +81,16 @@ describe('Tracker Helper', () => {
     expect(trackerObj.value).toEqual('testing main link')
   })
 
+  test('getTrackerName ppc_fallback', () => {
+    const trackerObj = Tracker.getTrackerName(
+      operator,
+      'default',
+      '/no/visit/ppc_fallback/rizk/sportsbook/ppc3'
+    )
+    expect(trackerObj.name).toEqual('main')
+    expect(trackerObj.value).toEqual('ppc fallback link')
+  })
+
   global.fetch = jest.fn(() =>
     Promise.resolve({
       json: () => Promise.resolve({ success: true })

package/src/styles/globals.scss

@@ -1,7 +1,7 @@
 /* stylelint-disable no-invalid-position-at-import-rule */
 @use 'sass:map';
 
-// NOTE: Styles
+// NOTE: General Styles
 @import "./utils/variables/stack-order";
 @import "./utils/variables/typography";
 @import "./utils/variables/layout";

package/src/pages/ar/404.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import App from 'gatsby-core-theme/src/components/app';
-
-const PageNotFound = ({ pageContext }) => <App pageContext={pageContext} />;
-
-PageNotFound.propTypes = {
-  pageContext: PropTypes.shape({
-    page: PropTypes.shape({
-      path: PropTypes.string,
-    }),
-  }).isRequired,
-};
-
-export default PageNotFound;

package/src/pages/argentina/404/index.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import App from 'gatsby-core-theme/src/components/app';
-
-const PageNotFound = ({ pageContext }) => <App pageContext={pageContext} />;
-
-PageNotFound.propTypes = {
-  pageContext: PropTypes.shape({
-    page: PropTypes.shape({
-      path: PropTypes.string,
-    }),
-  }).isRequired,
-};
-
-export default PageNotFound;