gatsby-core-theme 44.10.0 → 44.10.11

package/src/helpers/getters.mjs

@@ -347,9 +347,9 @@ export function getGameIframe(relation, language = null) {
   return null;
 }
 
-export function getOperatorTnc(operator) {
-  return operator?.bonuses?.main?.terms_and_conditions_enabled
-    ? operator.bonuses?.main?.terms_and_conditions
+export function getOperatorTnc(operator, tracker = "main") {
+  return operator?.bonuses?.[tracker]?.terms_and_conditions_enabled
+    ? operator.bonuses?.[tracker]?.terms_and_conditions
     : null;
 }
 

package/src/helpers/processImageNode.js

@@ -1,12 +1,15 @@
 // imageProcessor.js
-import React from 'react';
-import LazyImage from 'gatsby-core-theme/src/hooks/lazy-image';
-import { parseContentImageUrl } from 'gatsby-core-theme/src/helpers/strings';
-import { parseCss } from 'gatsby-core-theme/src/helpers/css-parser';
-import styles from '../components/molecules/content/content.module.scss';
+import React from "react";
+import LazyImage from "~hooks/lazy-image";
+import { parseContentImageUrl } from "~helpers/strings";
+import { parseCss } from "~helpers/css-parser";
+import styles from "../components/molecules/content/content.module.scss";
 
 const getValueFromStyle = (style, cssAttribute) => {
-  const regex = new RegExp(`${cssAttribute}:\\s*([0-9]+(?:\\.[0-9]+)?)px?`, 'i');
+  const regex = new RegExp(
+    `${cssAttribute}:\\s*([0-9]+(?:\\.[0-9]+)?)px?`,
+    "i"
+  );
   const match = style?.match(regex);
   return match ? Math?.floor(parseFloat(match[1])) : null;
 };
@@ -14,44 +17,49 @@ const getValueFromStyle = (style, cssAttribute) => {
 const processImageNode = (node, moduleWidth = 960, loading) => {
   let stylesClass = null;
   const classes = node.attribs.class;
-  if (classes?.includes('content-image--float-left')) {
-    stylesClass = 'floatLeft';
-  } else if (classes?.includes('content-image--float-right')) {
-    stylesClass = 'floatRight';
-  } else if (classes?.includes('content-image--align-center')) {
-    stylesClass = 'alignCenter';
-  } else if (classes?.includes('content-image--align-left')) {
-    stylesClass = 'alignLeft';
-  } else if (classes?.includes('content-image--align-right')) {
-    stylesClass = 'alignRight';
+  if (classes?.includes("content-image--float-left")) {
+    stylesClass = "floatLeft";
+  } else if (classes?.includes("content-image--float-right")) {
+    stylesClass = "floatRight";
+  } else if (classes?.includes("content-image--align-center")) {
+    stylesClass = "alignCenter";
+  } else if (classes?.includes("content-image--align-left")) {
+    stylesClass = "alignLeft";
+  } else if (classes?.includes("content-image--align-right")) {
+    stylesClass = "alignRight";
   }
 
-  const imgWidthData = node?.attribs?.width
-    || node?.attribs?.['data-width']
-    || getValueFromStyle(node?.attribs?.style, 'width')
-    || '';
+  const imgWidthData =
+    node?.attribs?.width ||
+    node?.attribs?.["data-width"] ||
+    getValueFromStyle(node?.attribs?.style, "width") ||
+    "";
 
-  const imgHeightData = node?.attribs?.height
-    || node?.attribs?.['data-height']
-    || getValueFromStyle(node?.attribs?.style, 'height')
-    || '';
+  const imgHeightData =
+    node?.attribs?.height ||
+    node?.attribs?.["data-height"] ||
+    getValueFromStyle(node?.attribs?.style, "height") ||
+    "";
 
   // Parse the width and height as numbers
   const originalWidth = parseFloat(imgWidthData);
-  const originalHeight = (imgHeightData === 'auto') ? 298 : parseFloat(imgHeightData);
+  const originalHeight =
+    imgHeightData === "auto" ? 298 : parseFloat(imgHeightData);
 
   // If width is greater than moduleWidth, adjust the width to moduleWidth and scale height accordingly
-  const imgWidth = originalWidth > moduleWidth ? moduleWidth : originalWidth || '';
-  const imgHeight = originalWidth > moduleWidth
-    ? Math.round((originalHeight / originalWidth) * moduleWidth)
-    : originalHeight || '';
+  const imgWidth =
+    originalWidth > moduleWidth ? moduleWidth : originalWidth || "";
+  const imgHeight =
+    originalWidth > moduleWidth
+      ? Math.round((originalHeight / originalWidth) * moduleWidth)
+      : originalHeight || "";
 
   const lazyProps = {
     src: parseContentImageUrl(node.attribs.src, imgWidth, imgHeight),
     width: imgWidth,
     height: imgHeight,
     style: node.attribs.style ? parseCss(node.attribs.style) : null,
-    alt: node.attribs.alt ? node.attribs.alt : '',
+    alt: node.attribs.alt ? node.attribs.alt : "",
     className: styles[stylesClass],
   };
 

package/src/helpers/processImageNode.test.js

@@ -1,41 +1,50 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import processImageNode from './processImageNode';
-import LazyImage from 'gatsby-core-theme/src/hooks/lazy-image';
-import { parseContentImageUrl } from 'gatsby-core-theme/src/helpers/strings';
+import React from "react";
+import { render } from "@testing-library/react";
+import processImageNode from "./processImageNode";
+import LazyImage from "~hooks/lazy-image";
+import { parseContentImageUrl } from "~helpers/strings";
 
-jest.mock('gatsby-core-theme/src/hooks/lazy-image', () => jest.fn());
-jest.mock('gatsby-core-theme/src/helpers/strings', () => ({
+jest.mock("~hooks/lazy-image", () => jest.fn());
+jest.mock("~helpers/strings", () => ({
   parseContentImageUrl: jest.fn(),
 }));
 
-describe('processImageNode', () => {
+describe("processImageNode", () => {
   const node = {
     attribs: {
-      class: 'content-image--align-center',
-      src: 'image-src',
-      width: '500px',
-      height: 'auto',
-      style: 'width: 500px; height: auto;',
-      alt: 'image description',
+      class: "content-image--align-center",
+      src: "image-src",
+      width: "500px",
+      height: "auto",
+      style: "width: 500px; height: auto;",
+      alt: "image description",
     },
   };
 
   beforeEach(() => {
-    LazyImage.mockImplementation(({ src, width, height, style, alt, className }) => (
-      <img src={src} width={width} height={height} style={style} alt={alt} className={className} />
-    ));
+    LazyImage.mockImplementation(
+      ({ src, width, height, style, alt, className }) => (
+        <img
+          src={src}
+          width={width}
+          height={height}
+          style={style}
+          alt={alt}
+          className={className}
+        />
+      )
+    );
   });
 
-  test('renders LazyImage with correct props', () => {
-    parseContentImageUrl.mockReturnValue('parsed-image-url');
+  test("renders LazyImage with correct props", () => {
+    parseContentImageUrl.mockReturnValue("parsed-image-url");
 
     const { getByAltText } = render(processImageNode(node));
-    const img = getByAltText('image description');
+    const img = getByAltText("image description");
 
-    expect(img).toHaveAttribute('src', 'parsed-image-url');
-    expect(img).toHaveAttribute('width', '500');
-    expect(img).toHaveAttribute('height', '298');
-    expect(img).toHaveClass('alignCenter');
+    expect(img).toHaveAttribute("src", "parsed-image-url");
+    expect(img).toHaveAttribute("width", "500");
+    expect(img).toHaveAttribute("height", "298");
+    expect(img).toHaveClass("alignCenter");
   });
 });

package/src/helpers/replaceMedia.js

@@ -1,7 +1,7 @@
 /* eslint-disable react/destructuring-assignment */
 import React from "react";
-import Iframe from "gatsby-core-theme/src/components/atoms/iframe";
-import { isTrackerLink } from "gatsby-core-theme/src/helpers/tracker.mjs";
+import Iframe from "~atoms/iframe";
+import { isTrackerLink } from "~helpers/tracker.mjs";
 import processImageNode from "./processImageNode.js";
 import { TrackingKeys } from "~constants/tracking-api";
 import PrettyLink from "~atoms/pretty-link";

package/src/resolver/games.mjs

@@ -1,6 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import loadash from "lodash/index.js";
-import { filterNonNullValues } from "gatsby-core-theme/src/helpers/getters.mjs";
+import { filterNonNullValues } from "../helpers/getters.mjs";
 import { pickRelationKeys } from "../constants/pick-keys.mjs";
 import { getProviderData } from "./providers.mjs";
 

package/src/resolver/operators.mjs

@@ -1,9 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import loadash from "lodash/index.js";
-import {
-  getExtraField,
-  filterNonNullValues,
-} from "gatsby-core-theme/src/helpers/getters.mjs";
+import { getExtraField, filterNonNullValues } from "../helpers/getters.mjs";
 import { pickRelationKeys } from "../constants/pick-keys.mjs";
 import {
   processLogo,
@@ -11,13 +8,18 @@ import {
   processCountries,
   processCurrencies,
   processProviders,
-  processGamblingCompanies
+  processGamblingCompanies,
 } from "./relations.mjs";
 
 const { cloneDeep, pick } = loadash;
 
 // eslint-disable-next-line import/prefer-default-export
-export function sanitizeOperatorData(operator, operatorPage = [], data = [], toplistLabel = null) {
+export function sanitizeOperatorData(
+  operator,
+  operatorPage = [],
+  data = [],
+  toplistLabel = null
+) {
   if (!operator) {
     return null;
   }
@@ -65,10 +67,15 @@ export function sanitizeOperatorData(operator, operatorPage = [], data = [], top
   }
 
   if (operatorPage.length >= 1) {
-    operatorClone.review_link = operatorPage[0].path
+    operatorClone.review_link = operatorPage[0].path;
   }
 
-  return pick(operatorClone, toplistLabel && toplistLabel.includes('simplified') ? pickRelationKeys.operator_simplified : pickRelationKeys.operator);
+  return pick(
+    operatorClone,
+    toplistLabel && toplistLabel.includes("simplified")
+      ? pickRelationKeys.operator_simplified
+      : pickRelationKeys.operator
+  );
 }
 
 export function transformOperators(jsonData, relationsData, pages) {
@@ -139,9 +146,12 @@ export function transformOperators(jsonData, relationsData, pages) {
         // // Best_game
         if (newOperatorData?.best_game_id) {
           const bestGameKey = Object?.keys(relationsData?.games)?.find(
-            (key) => relationsData?.games[key]?.game_id === newOperatorData?.best_game_id
+            (key) =>
+              relationsData?.games[key]?.game_id ===
+              newOperatorData?.best_game_id
           );
-          newOperatorData.best_game = relationsData?.games?.[bestGameKey] || null;
+          newOperatorData.best_game =
+            relationsData?.games?.[bestGameKey] || null;
         }
 
         // Providers
@@ -151,11 +161,11 @@ export function transformOperators(jsonData, relationsData, pages) {
         );
         const operatorPage = Object.values(pages).filter(
           (page) =>
-            page.relation_type === "operator" && page.type === 'operator' &&
+            page.relation_type === "operator" &&
+            page.type === "operator" &&
             page.relation_id === newOperatorData.id
-
         );
-          
+
         operators[affiliate.id] = sanitizeOperatorData(
           newOperatorData,
           operatorPage,