gatsby-matrix-theme 28.0.3 → 28.0.5

package/.storybook/main.js

@@ -8,6 +8,8 @@ module.exports = {
     '../src/**/**/**/**/**/*.stories.js',
     '../../node_modules/gatsby-core-theme/src/components/organisms/navigation/navigation.stories.js',
     '../../node_modules/gatsby-core-theme/src/components/organisms/anchor/anchor.stories.js',
+    '../../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-one/bonus.stories.js',
+    '../../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-two/bonus.stories.js',
   ],
   addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
   env: (config) => ({

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+## [28.0.5](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v28.0.4...v28.0.5) (2023-07-20)
+
+
+### Bug Fixes
+
+* bonus templates ([f768349](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/f7683491a8166c0e8ccab221ae65ed6949196b6e))
+
+
+* Merge branch 'tm-3396-bonus-templates' into 'master' ([f8348c8](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/f8348c83e3a1390cb38f3be5284ba93316998b54))
+
+## [28.0.4](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v28.0.3...v28.0.4) (2023-07-19)
+
+
+### Bug Fixes
+
+* link menu icon as optional ([59d3f55](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/59d3f5529f54bd2f858f6295fe059261cea4a963))
+
 ## [28.0.3](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v28.0.2...v28.0.3) (2023-07-19)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "28.0.3",
+  "version": "28.0.5",
   "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": "25.0.5",
+    "gatsby-core-theme": "25.0.6",
     "gatsby-plugin-sharp": "^5.11.0",
     "gatsby-plugin-sitemap": "^3.3.0",
     "gatsby-transformer-sharp": "^5.11.0",

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

@@ -6,18 +6,19 @@ import LinkList from 'gatsby-core-theme/src/components/molecules/link-list';
 import { getFirstModuleByName } from 'gatsby-core-theme/src/helpers/getters';
 import styles from './link-menu.module.scss';
 
-const LinkMenu = ({ section }) => {
+const LinkMenu = ({ section, listIcon = <FaChevronRight /> }) => {
   const menuArray = getFirstModuleByName(section, 'menu');
   return (
     <div className={styles?.linkMenuContainer || ''}>
       <div className={styles?.linkMenuContent || ''}>
-        <LinkList lists={menuArray} listIcon={<FaChevronRight />} gtmClass="link-menu-gtm" />
+        <LinkList lists={menuArray} listIcon={listIcon} gtmClass="link-menu-gtm" />
       </div>
     </div>
   );
 };
 
 LinkMenu.propTypes = {
+  listIcon: PropTypes.element,
   section: PropTypes.shape({
     modules: PropTypes.arrayOf(
       PropTypes.shape({

package/src/components/atoms/rating/index.js

@@ -49,13 +49,14 @@ export default function Ratings({ item, type, numOfStars = 5, currency = '€' }
             <p className={styles?.label || ''}>
               {translate(translations, translationKey, fieldLabel)}
             </p>
-            <p
-              className={`${styles?.value || ''} ${
-                valueDiplayed === 'TBA' ? styles?.tbaValue || '' : ''
-              }`}
-            >
-              {valueDiplayed === 'TBA' ? translate(translations, 'tba', 'TBA') : valueDiplayed}
-            </p>
+
+            {valueDiplayed === 'TBA' ? (
+              <p className={`${styles?.value || ''} ${styles?.tbaValue}`}>
+                {translate(translations, 'tba', 'TBA')}
+              </p>
+            ) : (
+              valueDiplayed
+            )}
           </li>
         );
       })}

package/src/components/atoms/rating/ratings.module.scss

@@ -39,29 +39,8 @@
   @include min(tablet) {
     margin-bottom: inherit;
   }
-}
-
-.label {
-  font-weight: 700;
-  font-size: 12px;
-  line-height: 20px;
-  color: #1c1a28;
-  padding-bottom: 0.8rem;
-  text-align: center;
-
-  @include min(tablet) {
-    font-size: 14px;
-    line-height: 22px;
-  }
-}
-
-.value {
-  font-weight: 700;
-  font-size: 18px;
-  line-height: 28px;
-  color: #1c1a28;
-  display: flex;
 
+  // Star rating
   > div {
     display: inline-flex;
     align-items: center;
@@ -90,6 +69,28 @@
       }
     }
   }
+}
+
+.label {
+  font-weight: 700;
+  font-size: 12px;
+  line-height: 20px;
+  color: #1c1a28;
+  padding-bottom: 0.8rem;
+  text-align: center;
+
+  @include min(tablet) {
+    font-size: 14px;
+    line-height: 22px;
+  }
+}
+
+.value {
+  font-weight: 700;
+  font-size: 18px;
+  line-height: 28px;
+  color: #1c1a28;
+  display: flex;
 
   > svg {
     width: 2rem;

package/src/components/molecules/operator-summary/operator-summary.test.js

@@ -26,7 +26,7 @@ describe('summary component', () => {
     expect(container).toBeTruthy();
 
     // Bonus
-    expect(getByText('100% Bonus')).toBeTruthy();
+    expect(getByText('100% up to €1,000')).toBeTruthy();
 
     // Logo and Background Img
     // expect(container.querySelector('img')).toBeFalsy();

package/src/gatsby-core-theme/components/molecules/module/index.js

@@ -57,7 +57,9 @@ const Modules = ({ module, page, pageContext, index, exclOperator }) => {
         }
         return null;
       case 'bonus':
-        return loadable(() => import('gatsby-core-theme/src/components/molecules/operator-banner'));
+        return loadable(() =>
+          import('gatsby-core-theme/src/components/molecules/bonus/template-one')
+        );
       case 'image':
         return loadable(() => import('gatsby-core-theme/src/components/atoms/image'));
       case 'spotlights':

package/src/gatsby-core-theme/components/pages/body/index.js

@@ -86,7 +86,7 @@ function Body({ pageContext, children, excludeTemplateInPopup = [], hideOperator
 
   const OperatorBanner =
     pageType === 'operator' && !hideBanner && !hideOperatorBanner
-      ? loadable(() => import(`gatsby-core-theme/src/components/molecules/operator-banner`))
+      ? loadable(() => import(`gatsby-core-theme/src/components/molecules/bonus/template-two`))
       : null;
 
   const CookieModal = !cookieConsentAccepted