gatsby-core-theme 41.1.8 → 41.1.10

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+## [41.1.10](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v41.1.9...v41.1.10) (2024-12-12)
+
+
+### Bug Fixes
+
+* game relation logo bug ([3f345ad](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/3f345ad01a9ef5113e441492bc55c7b854374e12))
+
+## [41.1.9](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v41.1.8...v41.1.9) (2024-12-12)
+
+
+### Bug Fixes
+
+* bonus rating props ([a6452f3](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/a6452f345221e28d0488e6d0d63d6143ad117c26))
+* game relation ([58b82af](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/58b82af23c208efc8aee6abc5e006fdaacada840))
+
+
+* Merge branch 'tm-5039-bonus-props' into 'master' ([194ef9b](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/194ef9b5a71d789ba1a245566866bd40126090e5))
+
 ## [41.1.8](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v41.1.7...v41.1.8) (2024-12-12)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-core-theme",
-  "version": "41.1.8",
+  "version": "41.1.10",
   "description": "Gatsby Theme NPM Package",
   "author": "",
   "license": "ISC",

package/src/components/molecules/bonus/template-one/index.js

@@ -20,6 +20,9 @@ export default function Bonus({
   width = "120",
   height = "120",
   showRoundedRating = false,
+  showRatingLabel = false,
+  showLabelMiddle = false,
+  ctaIcon = <FaArrowRight fontSize={20} title="Right-pointing Arrow Icon" />,
   modulePosition
 }) {
   const { logo, bonus, name } = operator || {};
@@ -50,6 +53,8 @@ export default function Bonus({
                 <Rating
                   rating={operator.rating || bonus?.rating}
                   showDecimal
+                  showLabel={showRatingLabel}
+                  showLabelMiddle={showLabelMiddle}
                   showRoundedRating={showRoundedRating}
                 />
               )}
@@ -70,9 +75,7 @@ export default function Bonus({
             pageTemplate={pageTemplate}
             tracker={module?.tracking_link_name || "main"}
             moduleName={moduleName}
-            icon={
-              <FaArrowRight fontSize={20} title="Right-pointing Arrow Icon" />
-            }
+            icon={ctaIcon}
             modulePosition={modulePosition}
           />
         </div>
@@ -107,5 +110,8 @@ Bonus.propTypes = {
   width: PropTypes.string,
   height: PropTypes.string,
   showRoundedRating: PropTypes.bool,
+  showRatingLabel: PropTypes.bool,
+  showLabelMiddle: PropTypes.bool,
+  ctaIcon: PropTypes.elementType,
   modulePosition: PropTypes.number,
 };

package/src/components/molecules/bonus/template-two/index.js

@@ -27,6 +27,10 @@ export default function TemplateOne({
   showRoundedRating = false,
   width = "120",
   height = "120",
+  showRatingLabel = false,
+  showLabelMiddle = false,
+  ctaIcon = <FaArrowRight fontSize={20} title="Right-pointing Arrow Icon" />
+
 }) {
   const { logo, bonus, name } = operator || {};
   const welcomeBonusText = useTranslate("welcome_bonus", "Welcome Bonus");
@@ -73,6 +77,8 @@ export default function TemplateOne({
                 <Rating
                   rating={operator?.rating || bonus?.rating}
                   showDecimal
+                  showLabel={showRatingLabel}
+                  showLabelMiddle={showLabelMiddle}
                   showRoundedRating={showRoundedRating}
                 />
               )}
@@ -93,9 +99,7 @@ export default function TemplateOne({
           moduleName={moduleName}
           pageTemplate={pageTemplate}
           tracker={module?.tracking_link_name || "main"}
-          icon={
-            <FaArrowRight fontSize={20} title="Right-pointing Arrow Icon" />
-          }
+          icon={ctaIcon}
           translationsObj={translationsObj}
         />
         {tncFixed && <Tnc isFixed={tncFixed} operator={operator} />}
@@ -138,6 +142,9 @@ TemplateOne.propTypes = {
   }),
   moduleName: PropTypes.string,
   width: PropTypes.string,
-  height: PropTypes.string,
+  height: PropTypes.string,  
+  showRatingLabel: PropTypes.bool,
+  showLabelMiddle: PropTypes.bool,
+  ctaIcon: PropTypes.elementType,
   showRoundedRating: PropTypes.bool,
 };

package/src/components/molecules/star-rating/one-star.js

@@ -1,4 +1,4 @@
-import React, { useContext } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import useTranslate from '~hooks/useTranslate/useTranslate';
 import { getRating } from '~helpers/rating';
@@ -10,13 +10,19 @@ const OneStar = ({
   numOfStars = 5,
   active = true,
   showLabel = false,
+  showLabelMiddle = false,
   icon = null,
   showDecimal = false,
   showRoundedRating = false,
 }) => {
+
+  const ratingText = useTranslate('rating', 'Rating:');
+
   return (
-    <div className={`${styles.starRatingContainer || ''} ${!active && (styles.inactive || '')}`}>
-      {showLabel && <span>{useTranslate('rating', 'Rating:')}</span>}
+    <div className={`${styles.starRatingContainer || ''} ${!active && (styles.inactive || '')} 
+    ${showLabelMiddle && (styles.labelMiddle || '')}`}
+    >
+      {showLabel && <span>{ratingText}</span>}
       {!icon ? <span className={styles.fullStar || ''} /> : icon}
       {showDecimal
         ? getRating(rating, showRoundedRating).toFixed(1)
@@ -35,6 +41,7 @@ OneStar.propTypes = {
   icon: PropTypes.element,
   showDecimal: PropTypes.bool,
   showRoundedRating: PropTypes.bool,
+  showLabelMiddle: PropTypes.bool,
 };
 
 export default OneStar;

package/src/components/molecules/star-rating/one-star.module.scss

@@ -1,10 +1,12 @@
+/* stylelint-disable no-descending-specificity */
+
 .starRatingContainer {
   @include flex-direction(row);
+
   justify-content: center;
-  background-color: #ffffff;
+  background-color: #fff;
   min-width: 6.5rem;
   min-height: 2.1rem;
-  line-height: 2.1rem;
   border-radius: 0.4rem;
   border: 1px solid var(--main-star-wrapper-color);
   color: #17182f;
@@ -13,8 +15,8 @@
   margin: 0 0.33rem;
   line-height: 2.1rem;
 
-  >svg {
-    color: var(--icons-rating-color, #FFDB20);
+  > svg {
+    color: var(--icons-rating-color, #ffdb20);
     width: 23.35px;
     height: 22.26px;
     flex: none;
@@ -23,13 +25,23 @@
 
   &.inactive {
     .fullStar {
-      @include star(var(--empty-star-border-color), var(--empty-star-border-color), unset, 2.1rem);
+      @include star(
+        var(--empty-star-border-color),
+        var(--empty-star-border-color),
+        unset,
+        2.1rem
+      );
     }
   }
 }
 
 .fullStar {
-  @include star(var(--full-star-fill-color), var(--full-star-border-color), unset, 2.1rem);
+  @include star(
+    var(--full-star-fill-color),
+    var(--full-star-border-color),
+    unset,
+    2.1rem
+  );
 }
 
 .text {
@@ -38,4 +50,10 @@
   font-size: 1.3rem;
   margin: 0 0.33rem;
   line-height: 2.1rem;
-}
+}
+
+.labelMiddle {
+  .fullStar {
+    order: -1;
+  }
+}

package/src/constants/pick-keys.mjs

@@ -132,7 +132,8 @@ export const pickRelationKeys = {
     "minimum_bet",
     "jackpots",
     "launch_date",
-    "logo"
+    "logo",
+    "game_thumbnail"
   ],
   software_provider: [
     "logo_filename_object",

package/src/helpers/processor/games.mjs

@@ -10,16 +10,26 @@ export function sanitizegameData(game, pages = null) {
   const gameClone = cloneDeep(game);
 
   const providerPage = pages
-    ? pages.filter((provider) => game.game_provider?.id === provider.relation_id)
+    ? pages.filter(
+        (provider) => game.game_provider?.id === provider.relation_id
+      )
     : null;
 
-  if(providerPage && providerPage.length > 0 && gameClone.game_provider) {
-    gameClone.game_provider.path =  providerPage[0].path;
+  if (providerPage && providerPage.length > 0 && gameClone.game_provider) {
+    gameClone.game_provider.path = providerPage[0].path;
   }
 
   return pick(gameClone, pickRelationKeys.game);
 }
 
+function removeDomain(url) {
+  if (url) {
+    const domainRegex = /^https?:\/\/[^/]+/;
+    return url.replace(domainRegex, "");
+  }
+  return null; // Return null if the URL is invalid
+}
+
 export function transformGames(jsonData, relationsData) {
   const games = {};
 
@@ -45,7 +55,13 @@ export function transformGames(jsonData, relationsData) {
         ...filteredSitesData, // Filtered affiliate data
       };
 
-      newGamesData.logo = newGamesData.logo || newGamesData.standardised_logo;
+      const logoObject = newGamesData.game_thumbnail || newGamesData.standardised_logo;
+      newGamesData.logo = {
+        ...logoObject,
+        filename: logoObject && logoObject.url
+          ? removeDomain(logoObject.url)
+          : null,
+      };
 
       // Provider
       newGamesData.game_provider = relationsData.providers[