gatsby-matrix-theme 53.3.7 → 53.3.9

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## [53.3.9](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.3.8...v53.3.9) (2025-10-28)
+
+
+### Bug Fixes
+
+* update storybook ([f9ec311](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/f9ec311601e38220a627713b9c64c0355bf1ba06))
+* update theme ([c2a51ac](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/c2a51ac81a716c0a872aacaa53fbe6cafd5c25ab))
+
+## [53.3.8](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.3.7...v53.3.8) (2025-10-21)
+
+
+### Bug Fixes
+
+* update info grid constant and grid item component ([1e13f80](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/1e13f80cea07d3ce95dabca8fe37c77b04de612d))
+* update tests ([fe2d7c5](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/fe2d7c5861fb8528f36002b9ed7e45a4a5606f8e))
+* update theme ([618ee36](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/618ee360f70ca2dff4573bc7ae97d6f5c7b953a9))
+* update theme ([2ddc658](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/2ddc658de836ff06e4f1afca93fbe0b5d6a9fa12))
+
+
+* Merge branch 'en-140-payout-time' into 'master' ([5b4cd38](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/5b4cd380e3ff2cf254ac038b89f0096d1552e490))
+
 ## [53.3.7](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.3.6...v53.3.7) (2025-10-14)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "53.3.7",
+  "version": "53.3.9",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",
@@ -25,7 +25,7 @@
   "dependencies": {
     "@react-icons/all-files": "^4.1.0",
     "gatsby": "^5.11.0",
-    "gatsby-core-theme": "44.4.62",
+    "gatsby-core-theme": "44.5.2",
     "gatsby-plugin-sharp": "^5.11.0",
     "gatsby-transformer-sharp": "^5.11.0",
     "gatsby-plugin-sitemap": "^6.13.1",

package/src/components/atoms/info-grid/grid-item/index.js

@@ -19,13 +19,20 @@ const InfoGridItem = ({
   const [showMore, setShowMore] = useState(false);
 
   const title = useTranslate(gridKey, gridLabels[gridKey][1]);
-  const value = generateLabel(gridKey, gridItems[gridKey], gridLabels[gridKey][2], {
+  const label = generateLabel(gridKey, gridItems[gridKey], gridLabels[gridKey][2], {
     template,
     showAll: showMore,
     setShowMore,
     modulePosition,
-    module:'info_grid'
+    module:'info_grid',
   });
+
+
+  const value =
+  gridKey === 'payout_time'
+    ? useTranslate(label?.toLowerCase()?.replace(/[–\s]/g, '_'), label)
+    : label;
+
   const showGrid = (templateThree && value) || !templateThree; // hide entire cell if empty on author info grid only
 
   return (

package/src/components/atoms/info-grid/template-one/info-grid.test.js

@@ -41,7 +41,7 @@ describe('Show Info Grid Component', () => {
     const { container } = render(<InfoGrid page={data} showEmojis showTwoColumns={false} />);
 
     expect(container).toBeInTheDocument();
-    expect(container.querySelectorAll('.gridItem')).toHaveLength(8);
+    expect(container.querySelectorAll('.gridItem')).toHaveLength(9);
     expect(container.querySelector('.gridItem span')).toHaveTextContent(
       Object.values(gridLabels)[0][1]
     );
@@ -114,7 +114,7 @@ describe('Show Info Grid Component', () => {
     const { container } = render(<InfoGrid page={data} showEmojis showTwoColumns={false} />);
 
     expect(container).toBeInTheDocument();
-    expect(container.querySelectorAll('.gridItem')).toHaveLength(8);
+    expect(container.querySelectorAll('.gridItem')).toHaveLength(9);
     expect(container.querySelector('.gridItem span')).toHaveTextContent(
       Object.values(gridLabels)[0][1]
     );
@@ -297,7 +297,7 @@ describe('Show Info Grid Component', () => {
     fireEvent.click(button);
 
     // test after click
-    expect(container.querySelectorAll('.columnItem')).toHaveLength(8);
+    expect(container.querySelectorAll('.columnItem')).toHaveLength(9);
     expect(button).toHaveTextContent('Show less items');
   });
   test('Show how many remaining as button where there is too many items to display in each block', () => {

package/src/components/molecules/header/variants/operator/template-four/template-four.test.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-restricted-syntax */
 /* eslint-disable no-multi-assign */
 import React from 'react';
 import { render, cleanup } from '@testing-library/react';
@@ -16,7 +17,7 @@ describe('Operator template four component', () => {
     expect(getByText('100% Bonus')).toBeTruthy();
     expect(getByText('+ Big Promotions')).toBeTruthy();
     expect(container.querySelectorAll('ul')).toHaveLength(1);
-    expect(container.querySelectorAll('li')).toHaveLength(6);
+    expect(container.querySelectorAll('li')).toHaveLength(7);
   });
 });
 

package/src/components/molecules/header/variants/operator/template-three/template-three.test.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-restricted-syntax */
 /* eslint-disable no-multi-assign */
 import React from 'react';
 import { render, cleanup, waitFor } from '@testing-library/react';
@@ -16,7 +17,7 @@ describe('Operator template three component', () => {
     expect(getByText('100% Bonus')).toBeTruthy();
     expect(getByText('+ Big Promotions')).toBeTruthy();
     expect(container.querySelectorAll('ul')).toHaveLength(1);
-    expect(container.querySelectorAll('li')).toHaveLength(6);
+    expect(container.querySelectorAll('li')).toHaveLength(7);
   });
   test('Template Three variable component', async () => {
     const { container } = render(<TemplateThree {...data} hasVariableComponent  type="operator"  />);

package/src/components/molecules/header/variants/slot/template-one/template-one.stories.js

@@ -44,6 +44,7 @@ Default.args = {
       thumbnail_filename_object: {
         filename: 'holiday-season-game-thumbnail.jpeg',
       },
+      logo: { filename: '1651670485/davincis-gold-casino-logo.png' },
     },
     sections: {
       header: {

package/src/components/molecules/header/variants/slot/template-two/template-two.stories.js

@@ -23,6 +23,9 @@ const Template = (args) => {
       {...rest}
       page={{
         ...args.page,
+        relation: {
+          logo: { filename: '1651670485/davincis-gold-casino-logo.png' },
+        },
         sections: {
           ...args.page.sections,
           header: { ...args.page.sections.header, modules: filteredModules },

package/src/constants/info-grid.js

@@ -44,11 +44,7 @@ export const defaultInfoGrid = {
       (value, props) => latestItems(value, { ...props, showMore: true, tooltip: false }, 2),
     ],
     launch_date: ['launch_date', 'Release Date'],
-    licenses: [
-      'license_objects',
-      '✅  License',
-      (value, props) => latestItems(value, props, 3),
-    ],
+    licenses: ['license_objects', '✅  License', (value, props) => latestItems(value, props, 3)],
     no_games: ['games_amount || games_amount', 'No. of Games'],
     game_providers: [
       'software',
@@ -65,6 +61,7 @@ export const defaultInfoGrid = {
           5
         ),
     ],
+    payout_time: ['payout_time', 'Payout time', (value) => value],
   },
   game_review: {
     launch_date: ['launch_date', 'Launched'],