gatsby-matrix-theme 2.3.8 → 3.0.3

package/CHANGELOG.md

@@ -1,3 +1,79 @@
+## [3.0.3](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v3.0.2...v3.0.3) (2021-11-28)
+
+
+### Bug Fixes
+
+* cookie consent props ([56ecfc0](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/56ecfc071501f384fcdc3880673ab34bc25ba31b))
+
+
+### Code Refactoring
+
+* accessibility score changes ([706abf6](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/706abf6946091f4f13d59e127c500b87371d4816))
+
+
+### Config
+
+* updated core theme ([776b125](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/776b12506de4db82e67385c8da7118c547116dd4))
+
+
+* Merge branch 'tm-2595-accessibility-scores' into 'master' ([fd9b453](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/fd9b453146abead35f7128723a1098dbc119a338))
+* Merge branch 'cookie-consent' into 'master' ([b44b163](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/b44b1632e33fa2ef6528cabee1fed7af320caa8e))
+
+## [3.0.2](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v3.0.1...v3.0.2) (2021-11-25)
+
+
+### Bug Fixes
+
+* sitemap and core theme update ([64e430d](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/64e430d3841c8e7ff1104e29a547ef6a926535c4))
+
+
+### Config
+
+* update core theme ([9a98e8e](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/9a98e8eb428bc1a8d4aadd02e7f2005d28172712))
+
+
+* Merge branch 'testing' into 'master' ([36eb0c8](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/36eb0c889796f812257f73d127fb9349e7d363b7))
+
+
+### Tests
+
+* changes ([d00d853](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/d00d853b99c976913781b324bd0620cd05edae35))
+* removing hed ([3a7c732](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/3a7c732d86b6e74b398b8d9638229ada31e5baa6))
+
+## [3.0.1](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v3.0.0...v3.0.1) (2021-11-24)
+
+
+### Bug Fixes
+
+* core theme update and general fixes ([26fe04d](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/26fe04d969b8bd0d0505e576c2422e4c8a7a2653))
+* translation fix ([d115bc0](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/d115bc0f7d4d032107eb62033d54fa9952a17fc8))
+
+
+* Merge branch 'general_fixes' into 'master' ([ae536eb](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/ae536eb6882679b2495bce34b557144753c7c6c9))
+
+# [3.0.0](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v2.3.8...v3.0.0) (2021-11-24)
+
+
+### Bug Fixes
+
+* accessibility fixes ([d43d834](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/d43d83448879a5806c6927ec35942dee2b5c2236))
+* tab change lazyload issue ([f41e887](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/f41e887022bc4779f411ff1a9fffe3e158fcc8cb))
+
+
+### Code Refactoring
+
+* fixes on accessibility ([946ec97](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/946ec9757eee7d8a77b4a5be830d860409a6b4c8))
+
+
+### Config
+
+* updated core theme version ([d7f394d](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/d7f394d5c312f1dc2e1a09a57a5b6f7829529158))
+
+
+* Merge branch 'tm-2478-search' into 'master' ([47022c5](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/47022c50b9ee86cada8cfab92acfce25afe6216d))
+* Merge branch 'master' into tm-2478-search ([24c25cd](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/24c25cd408240021bc6c67b6c1e4983e222e25bf))
+* Merge branch 'tm-2595-accessibility-scores' into 'master' ([191f7ce](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/191f7cee4eedeee855e8848d20c6910ff1db1195))
+
 ## [2.3.8](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v2.3.7...v2.3.8) (2021-11-23)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "2.3.8",
+  "version": "3.0.3",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",
@@ -31,7 +31,7 @@
     "cross-env": "^7.0.2",
     "dotenv": "8.2.0",
     "gatsby": "^3.3.1",
-    "gatsby-core-theme": "^1.6.6",
+    "gatsby-core-theme": "^1.6.13",
     "gatsby-image": "^3.3.0",
     "gatsby-plugin-image": "^1.3.1",
     "gatsby-plugin-postcss": "^4.3.0",

package/src/components/atoms/cards/article-card/index.js

@@ -32,7 +32,7 @@ const ArticleCard = ({ item }) => {
     <BaseCard item={item} cardType="article">
       {!featured && (
         <div className={styles.cardBanner}>
-          <Link to={path} className="article-card-gtm">
+          <Link to={path} className="article-card-gtm" aria-label={`${title} Link`}>
             {banner ? (
               <LazyImage src={imagePrettyUrl(banner)} alt={title} />
             ) : (

package/src/components/atoms/cards/game-card/index.js

@@ -25,7 +25,7 @@ const GameCard = ({ item, button_text = 'play_now' }) => {
     <BaseCard item={item} isLinked cardType="game">
       {!featured && (
         <div className={styles.cardBanner}>
-          <Link to={path} className="game-card-gtm">
+          <Link to={path} className="game-card-gtm" aria-label={`${title} Link`}>
             <LazyImage src={imagePrettyUrl(banner)} alt={title} />
           </Link>
         </div>

package/src/components/atoms/cards/operator-card/index.js

@@ -3,22 +3,20 @@ import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { FaStar } from 'react-icons/fa';
 import StarRating from 'gatsby-core-theme/src/components/molecules/star-rating';
-import { imagePrettyUrl, prettyTracker, translate } from 'gatsby-core-theme/src/helpers/getters';
-import Button from 'gatsby-core-theme/src/components/atoms/button';
+import { imagePrettyUrl, translate } from 'gatsby-core-theme/src/helpers/getters';
 import Link from 'gatsby-core-theme/src/hooks/link';
 import LazyImage from 'gatsby-core-theme/src/hooks/lazy-image';
 import Bonus from 'gatsby-core-theme/src/components/atoms/bonus';
 import Tnc from 'gatsby-core-theme/src/components/molecules/tnc';
 import { Context } from 'gatsby-core-theme/src/context/TranslationsProvider';
+import OperatorCta from 'gatsby-core-theme/src/components/atoms/operator-cta';
 import BaseCard from '../base-card';
 import styles from './operator-card.module.scss';
 
 const OperatorCard = ({ item, featured = false, number }) => {
   const { relation, path } = item;
-  const prettyLink = prettyTracker(relation);
   const reviewPath = path || relation.path;
   const status = relation?.status;
-  const isActive = status === 'active';
   const isInactive = status === 'inactive';
   const backgroundImage = number === 1 ? 'featuredCasino' : null;
   const { translations } = useContext(Context) || {};
@@ -71,15 +69,12 @@ const OperatorCard = ({ item, featured = false, number }) => {
             </Link>
           </div>
           <div className={`${styles.cardButtons}`}>
-            {isActive && (
-              <Button
-                to={prettyLink}
-                btnText={translate(translations, 'play_now', 'Play Now')}
-                isInternalLink={false}
-                disabled={!isActive}
-                gtmClass="operator-card-gtm btn-cta"
-              />
-            )}
+            <OperatorCta
+              tracker="main"
+              operator={relation}
+              playText={translate(translations, 'play_now', 'Play Now')}
+              gtmClass="operator-card-gtm btn-cta"
+            />
           </div>
           {relation?.extra_fields?.terms_and_conditions_text_enabled === '1' && (
             <div className={styles.tnc}>

package/src/components/atoms/cards/payment-method-card/index.js

@@ -17,7 +17,11 @@ const PaymentMethodCard = ({ item, showTitle = true, showDesc = true }) => {
     <BaseCard item={item} cardType="payment_method">
       <div className={styles.content}>
         <div className={styles.header}>
-          <Link className={`${styles.links} payment-method-card-gtm`} to={path}>
+          <Link
+            className={`${styles.links} payment-method-card-gtm`}
+            aria-label={`${title} Link`}
+            to={path}
+          >
             <LazyImage className={styles.logo} src={imagePrettyUrl(relation?.logo)} />
           </Link>
           {showTitle && (

package/src/components/atoms/cards/software-provider-card/index.js

@@ -26,7 +26,11 @@ const SoftwareProviderCard = ({
     <BaseCard item={item} cardType="software_provider">
       <div className={styles.content}>
         <div className={styles.header}>
-          <Link className={`${styles.links} software-provider-card-gtm`} to={path}>
+          <Link
+            className={`${styles.links} software-provider-card-gtm`}
+            aria-label={`${title} Link`}
+            to={path}
+          >
             <LazyImage className={styles.logo} src={imagePrettyUrl(relation?.logo)} />
           </Link>
           {showTitle && (

package/src/components/atoms/social-icons/index.js

@@ -33,7 +33,13 @@ const SocialIcons = ({ socialIcons }) => {
         {keys.map(
           (key) =>
             socialIcons[key] && (
-              <a key={keygen()} href={socialIcons[key]} target="_blank" rel="noreferrer">
+              <a
+                key={keygen()}
+                aria-label={`${key} Link`}
+                href={socialIcons[key]}
+                target="_blank"
+                rel="noreferrer"
+              >
                 {switchIcons(key)}
               </a>
             )

package/src/components/molecules/small-welcome-bonus/index.js

@@ -40,6 +40,7 @@ const Index = ({ page }) => {
               target="_blank"
               rel="noreferrer"
               className="small-welcome-bonus-gtm logo-cta"
+              aria-label={`${operator?.name} Link`}
             >
               <LazyImage
                 width={120}

package/src/components/organisms/footer-navigation/index.js

@@ -13,7 +13,7 @@ const FooterNavigation = ({ section, isStorybook = false }) => {
         showListTitle={false}
         singleList
         lists={menuArray}
-        once
+        disableLazyLoad
         width={48}
         height={48}
         gtmClass="mobile-menu-gtm"

package/src/gatsby-core-theme/components/atoms/spotlights/index.js

@@ -64,11 +64,17 @@ const Spotlights = ({ module, page }) => {
                     target="_blank"
                     rel="noreferrer"
                     className="spotlights-gtm"
+                    aria-label={item.label || item.title}
                   >
                     {content(item)}
                   </a>
                 ) : (
-                  <Link to={item.link.value} title={item.label} className="spotlights-gtm">
+                  <Link
+                    to={item.link.value}
+                    title={item.label}
+                    className="spotlights-gtm"
+                    aria-label={item.label || item.title}
+                  >
                     {content(item)}
                   </Link>
                 )}
@@ -114,6 +120,7 @@ const Spotlights = ({ module, page }) => {
                     target="_blank"
                     rel="noreferrer"
                     className="spotlights-gtm"
+                    aria-label={item.label || item.title}
                   >
                     {content(item)}
                   </a>

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

@@ -10,11 +10,16 @@ import keygen from 'gatsby-core-theme/src/helpers/keygen';
 import AuthorBox from 'gatsby-core-theme/src/components/atoms/author-box';
 import Newsletter from '../../../../components/molecules/newsletter';
 
-const Main = ({ section = {}, page = {}, pageContext = {}, showNewsletter = false }) => {
+const Main = ({ section = {}, pageContext = {}, showNewsletter = false }) => {
+  const { page } = pageContext;
   const SearchPage =
     page.path === 's'
       ? loadable(() => import(`gatsby-core-theme/src/components/pages/search`))
       : null;
+  const HtmlSitemap =
+    page.path === 'sitemap'
+      ? loadable(() => import(`gatsby-core-theme/src/components/atoms/sitemap`))
+      : null;
   const NewsletterSuccess =
     typeof window !== 'undefined' && Boolean(getURLParam('subscribed'))
       ? loadable(() => import(`../../../../components/atoms/newsletter/success`))
@@ -26,6 +31,7 @@ const Main = ({ section = {}, page = {}, pageContext = {}, showNewsletter = fals
   return (
     <main className={styles.modulePage}>
       {NotFound && <NotFound />}
+      {HtmlSitemap && <HtmlSitemap pageContext={pageContext} />}
       {section.modules &&
         section.modules.map((module) => (
           <Module key={keygen()} module={module} page={page} pageContext={pageContext} />

package/src/gatsby-core-theme/components/organisms/navigation/index.js

@@ -59,7 +59,12 @@ const Navigation = ({
     >
       <nav className={styles.nav} style={{ justifyContent: logoPosition }} ref={navRef}>
         <NavigationProvider>
-          <Link className={`${styles.logo} main-menu-gtm logo-cta`} to="/" onClick={onClickHandler}>
+          <Link
+            className={`${styles.logo} main-menu-gtm logo-cta`}
+            aria-label="Nav Logo"
+            to="/"
+            onClick={onClickHandler}
+          >
             <img
               alt={process.env.GATSBY_SITE_NAME}
               src={logo}

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

@@ -79,10 +79,11 @@ function Body({ pageContext, children }) {
       ) : (
         <>
           {!isSearch && !is404 && <Header section={pageContext} />}
-          {main && !children && <Main section={main} page={pageContext.page} />}
+          {main && !children && <Main section={main} pageContext={pageContext} />}
           {children && <main>{children}</main>}
           {pageType === 'operator' && !hideBanner && (
             <OperatorBanner
+              template={template}
               sticky
               logo={pageContext.page.relation.logo_url}
               operator={pageContext.page.relation}
@@ -113,7 +114,7 @@ function Body({ pageContext, children }) {
         page={pageContext?.page}
         hasFooterLinks={FooterNavigation !== null}
       />
-      <CookieConsent>
+      <CookieConsent template={template}>
         <p>
           We use cookies in order to optimise our site and improve your experience with us. By using
           the site you consent to our

package/src/hooks/tabs/index.js

@@ -91,8 +91,8 @@ const Tabs = ({
   };
 
   function onClickTabItem(tabId) {
-    forceCheck();
     setActiveTab(tabId);
+    setTimeout(forceCheck);
   }
   return (
     <>