gatsby-matrix-theme 53.18.4 → 53.18.6

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+## [53.18.6](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.18.5...v53.18.6) (2026-06-02)
+
+
+### Bug Fixes
+
+* update core version ([2210cad](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/2210cad37d3315a1ea704a7bb16738d67a016823))
+* update info grid test ([0eed55d](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/0eed55d3a2c0253019db56e9ad6f19ca308ef2c3))
+* update theme version, remove unnecessary function ([1825f44](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/1825f443ed04ac6635217efbca21f505588d6d57))
+
+
+* Merge branch 'master' of gitlab.com:g2m-gentoo/team-floyd/themes/matrix-theme ([64e3ea7](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/64e3ea74c04f4be655e8abab7582b81de8689ec0))
+* Merge branch 'master' of gitlab.com:g2m-gentoo/team-floyd/themes/matrix-theme ([5e64051](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/5e64051f8d2bf09ecda2387b012d453ee3f65330))
+* Merge branch 'master' of gitlab.com:g2m-gentoo/team-floyd/themes/matrix-theme ([43d050e](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/43d050e07b382ba07080becea3ec819252bf948c))
+
+## [53.18.5](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.18.4...v53.18.5) (2026-06-01)
+
+
+### Bug Fixes
+
+* change google preferred background color ([982ad22](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/982ad2259048596cc67a6f9af72ebbef2109ca8c))
+* fix style and link ([b9a9e3a](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/b9a9e3a3102992602e35949de4cc73216bcae8ee))
+
 ## [53.18.4](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.18.3...v53.18.4) (2026-05-29)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "53.18.4",
+  "version": "53.18.6",
   "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.25.0",
+    "gatsby-core-theme": "^44.25.2",
     "gatsby-plugin-sharp": "^5.11.0",
     "gatsby-plugin-sitemap": "^6.13.1",
     "gatsby-transformer-sharp": "^5.11.0",

package/src/components/atoms/ratings-with-comments/index.js

@@ -4,6 +4,7 @@ import { getObjectValue } from 'gatsby-core-theme/src/helpers/getters';
 import keygen from 'gatsby-core-theme/src/helpers/keygen';
 import { FaStar } from '@react-icons/all-files/fa/FaStar';
 import { operatorRatings } from 'gatsby-core-theme/src/constants/ratings-constant';
+import getVolatilityTranslationMeta from 'gatsby-core-theme/src/helpers/volatility';
 import useTranslate from '~hooks/useTranslate/useTranslate';
 import styles from './ratings-with-comments.module.scss';
 import LinearStarRating from '../../../gatsby-core-theme/components/molecules/star-rating/linear-rating';
@@ -29,12 +30,6 @@ const RatingsWithComments = ({
   const ratings = operatorRatings[typeCheck] || [];
   const Tag = titleTag || 'h2';
 
-  const rangeText = {
-    0: useTranslate('range_low', 'Low'),
-    1: useTranslate('range_medium', 'Medium'),
-    2: useTranslate('range_high', 'High'),
-  };
-
   const ratingsData = operatorRatings.ratingProperties.some((prop) => item[prop])
     ? item
     : item?.bonus || item;
@@ -64,7 +59,8 @@ const RatingsWithComments = ({
     if (component) {
       valueDisplayed = component || '-';
     } else if (fieldValue.includes('volatility')) {
-      valueDisplayed = rangeText[getObjectValue(ratingsData, fieldValue)] || '-';
+      const { key, displayValue } = getVolatilityTranslationMeta(value);
+      valueDisplayed = key ? useTranslate(key, displayValue) : displayValue;
     } else {
       valueDisplayed = value || '-';
     }

package/src/components/molecules/google-preferred-source/google-preferred-source.module.scss

@@ -1,4 +1,4 @@
-$google-preferred-source-bg: var(--google-preferred-source-bg, #fff);
+$google-preferred-source-bg: var(--google-preferred-source-bg, #fafafa);
 $google-preferred-source-border-radius: var(--google-preferred-source-border-radius, 0.8rem);
 $google-preferred-source-padding: var(--google-preferred-source-padding, 1.2rem);
 $google-preferred-source-gap: var(--google-preferred-source-gap, 1.6rem);

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

@@ -1,27 +1,15 @@
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useRef } from 'react';
 import styles from './widget.module.scss';
 
 const index = ({ module }) => {
   const iframeRef = useRef(null);
-  const [iframeHeight, setIframeHeight] = useState('500px');
-
-  useEffect(() => {
-    const handleMessage = (event) => {
-      if (!event.origin.startsWith('https://sportswidget')) return;
-
-      // This is needef if we have more than one widget module per page
-      if (event.source !== iframeRef.current?.contentWindow) return;
-
-      const { height } = event.data || {};
-      if (typeof height === 'number') {
-        setIframeHeight(`${height}px`);
-      }
-    };
-
-    window.addEventListener('message', handleMessage);
-    return () => window.removeEventListener('message', handleMessage);
-  }, []);
-
+  const url =
+  process.env.GATSBY_ENV === 'development'
+    ? module.url.replace(
+        'https://sportswidget.irishluck.ie',
+        'https://dev.sportswidget.gigmedia.com'
+      )
+    : module.url;
   return (
     <iframe
       ref={iframeRef}
@@ -29,12 +17,11 @@ const index = ({ module }) => {
       scrolling="no"
       style={{
         width: '100%',
-        height: iframeHeight,
         display: 'block',
         overflow: 'hidden',
       }}
       className={`${styles.iframe} ${module?.style ? styles[module.style] : ''}`}
-      src={`${module.url}&linkFormat=${process.env.TRACKER_LINK_FORMAT_MAIN_WIDGET}`}
+      src={`${url}&linkFormat=${process.env.TRACKER_LINK_FORMAT_MAIN_WIDGET}`}
       loading="lazy"
     />
   );

package/src/helpers/info-grid.js

@@ -1,6 +1,7 @@
 /* eslint-disable array-callback-return */
 /* eslint-disable no-nested-ternary */
 import React from 'react';
+import getVolatilityTranslationMeta from 'gatsby-core-theme/src/helpers/volatility';
 import PrettyLink from '~atoms/pretty-link';
 import { TrackingKeys } from '~constants/tracking-api'
 import Tooltip from '../components/atoms/tooltip';
@@ -85,12 +86,13 @@ export const formatGameDate = (value) => {
   }, '');
 };
 export const generateVolatility = (value) => {
-  if (value === null) return useTranslate('low', 'Low');
-  return value === 0
-    ? useTranslate('low', 'Low')
-    : value === 1
-      ? useTranslate('medium', 'Medium')
-      : useTranslate('high', 'High');
+  const { key, displayValue } = getVolatilityTranslationMeta(value);
+
+  if (!key) {
+    return displayValue;
+  }
+
+  return useTranslate(key, displayValue);
 };
 export const formatDate = (value) => value?.slice(0, 4);
 export const generateYesorNo = (value) =>

package/src/helpers/info-grid.test.js

@@ -1,6 +1,7 @@
 /* eslint-disable react/jsx-no-target-blank */
 import React from 'react';
 import { render, fireEvent, waitFor } from '@testing-library/react';
+import getVolatilityTranslationMeta from 'gatsby-core-theme/src/helpers/volatility';
 import getOperatorData from '../../tests/factories/pages/operator.factory';
 import { defaultInfoGrid } from '../constants/info-grid';
 import {
@@ -88,7 +89,8 @@ describe('Info Grid helper component', () => {
     ).toBe('South Africa Rand');
   });
   test('Generate Volatility for grid item', () => {
-    expect(generateVolatility(data.relation.volatility)).toBe('Medium');
+    const { displayValue } = getVolatilityTranslationMeta(data.relation.volatility);
+    expect(generateVolatility(data.relation.volatility)).toBe(displayValue);
   });
   test('format date for grid item', () => {
     expect(formatDate(data.relation.founded)).toBe('2012');

package/storybook/public/240.10336b4c.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[240],{"./src/components/molecules/widget/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>widget});var react=__webpack_require__("../node_modules/react/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),widget_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/molecules/widget/widget.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(widget_module.A,options);const widget_widget_module=widget_module.A.locals||{};var process=__webpack_require__("../node_modules/process/browser.js"),index=function(_ref){var module=_ref.module,iframeRef=(0,react.useRef)(null),url="development"===process.env.GATSBY_ENV?module.url.replace("https://sportswidget.irishluck.ie","https://dev.sportswidget.gigmedia.com"):module.url;return react.createElement("iframe",{ref:iframeRef,title:"widget",scrolling:"no",style:{width:"100%",display:"block",overflow:"hidden"},className:`${widget_widget_module.iframe} ${null!=module&&module.style?widget_widget_module[module.style]:""}`,src:`${url}&linkFormat=${process.env.TRACKER_LINK_FORMAT_MAIN_WIDGET}`,loading:"lazy"})};index.displayName="index",index.__docgenInfo={description:"",methods:[],displayName:"index"};const widget=index;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/widget/index.js"]={name:"index",docgenInfo:index.__docgenInfo,path:"src/components/molecules/widget/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/molecules/widget/widget.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".GXxvytSG33Ebdfm3FUw0Rg\\=\\={border:0;width:100%}.g-B728pQPtGbwMjOaANKPg\\=\\={height:600px}.IqNF\\+aeTyrdUVG1-LqIK9w\\=\\={height:1200px}.lvQL\\+b\\+9uqFt7EAjvCconQ\\=\\={height:900px}","",{version:3,sources:["webpack://./src/components/molecules/widget/widget.module.scss"],names:[],mappings:"AAcA,4BACI,QAAA,CACA,UAAA,CAGJ,4BACI,YAAA,CAGJ,6BACI,aAAA,CAGJ,8BACI,YAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations";\n.iframe {\n    border: 0;\n    width: 100%;\n}\n\n.event {\n    height: 600px;\n}\n\n.tournament {\n    height: 1200px;\n}\n\n.goal_scorer {\n    height: 900px;\n}'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={iframe:"GXxvytSG33Ebdfm3FUw0Rg==",event:"g-B728pQPtGbwMjOaANKPg==",tournament:"IqNF+aeTyrdUVG1-LqIK9w==",goal_scorer:"lvQL+b+9uqFt7EAjvCconQ=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);