gatsby-matrix-theme 13.0.9 → 13.0.10

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [13.0.10](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v13.0.9...v13.0.10) (2023-02-22)
+
+
+### Bug Fixes
+
+* operator cta ([6cb9e8b](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/6cb9e8bfc1c6bc5a9e8f5c07499ff5ac58d9738e))
+* provide the status of operator to popup component ([374600e](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/374600ef31c1e0f1f27deae842d10f13e8efd8a5))
+* remove cta when not-recommended ([fdb985d](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/fdb985dd7defd002c50462c93fcbbaae55fe6752))
+* update with latest core version ([c9a0338](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/c9a0338932a211127cc9e6170cfefd5ba1061355))
+
+
+* Merge branch 'tm-3319-popup-not-recommended' into 'master' ([4c0e712](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/4c0e712ac928e3341fd44f29864e291a3db176e4))
+* Merge branch 'tm-3297-operator-cta-matrix' into 'master' ([2120519](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/212051994dbecef701ecb03ac0195656edf283bb))
+
 ## [13.0.9](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v13.0.8...v13.0.9) (2023-02-21)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "13.0.9",
+  "version": "13.0.10",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",
@@ -25,7 +25,7 @@
   "dependencies": {
     "@react-icons/all-files": "^4.1.0",
     "gatsby": "^4.20.0",
-    "gatsby-core-theme": "18.0.13",
+    "gatsby-core-theme": "18.0.15",
     "gatsby-plugin-sharp": "^4.10.2",
     "gatsby-plugin-sitemap": "^3.3.0",
     "gatsby-transformer-sharp": "^4.10.0",

package/src/components/atoms/cards/comparison-table/table/index.js

@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
 import { AiOutlineCheckCircle } from '@react-icons/all-files/ai/AiOutlineCheckCircle';
 import { imagePrettyUrl, translate } from 'gatsby-core-theme/src/helpers/getters';
 import LazyImg from 'gatsby-core-theme/src/hooks/lazy-image';
-import OperatorCta from 'gatsby-core-theme/src/components/atoms/operator-cta';
+import OperatorCta from 'gatsby-core-theme/src/components/atoms/operator-cta-button';
 import StarRating from 'gatsby-core-theme/src/components/molecules/star-rating/one-star';
 import ReviewLink from 'gatsby-core-theme/src/components/atoms/review-link';
 import Link from 'gatsby-core-theme/src/hooks/link';
@@ -100,14 +100,28 @@ export default function ComparisonTable({
             )}
             <div>
               <span>{itemName}</span>
-              <OperatorCta
-                tracker="main"
-                operator={item?.relation}
-                // new key
-                translationKey={ctaKey}
-                gtmClass="comparison-table-gtm btn-cta"
-                pageTemplate={tempate}
-              />
+              {item?.relation?.status !== 'not_recommended' && (
+                <OperatorCta
+                  tracker="main"
+                  operator={item?.relation}
+                  translationsObj={{
+                    active: { translationKey: ctaKey, defaultValue: 'Visit' },
+                    not_recommended: {
+                      translationKey: 'not_recommended',
+                      defaultValue: 'Not Recommended',
+                    },
+                    coming_soon: { translationKey: 'coming_soon', defaultValue: 'Soon Available' },
+                    inactive: {
+                      translationKey: 'inactive',
+                      defaultValue: 'Not Accepting New Players',
+                    },
+                    blacklisted: { translationKey: 'blacklisted', defaultValue: 'Blacklisted' },
+                  }}
+                  // new key
+                  gtmClass="comparison-table-gtm btn-cta"
+                  pageTemplate={tempate}
+                />
+              )}
             </div>
           </td>
         );

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

@@ -3,7 +3,7 @@ import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import loadable from '@loadable/component';
 import Button from 'gatsby-core-theme/src/components/atoms/button';
-import OperatorCta from 'gatsby-core-theme/src/components/atoms/operator-cta';
+import OperatorCta from 'gatsby-core-theme/src/components/atoms/operator-cta-button';
 import GatsbyImg from 'gatsby-core-theme/src/hooks/gatsby-img';
 import Link from 'gatsby-core-theme/src/hooks/link';
 import {
@@ -41,12 +41,21 @@ const GameCard = ({
     if (affilateLink) {
       return (
         <>
-          {item?.extra_fields?.operator ? (
+          {item?.extra_fields?.operator &&
+          item?.extra_fields?.operator?.status !== 'not_recommended' ? (
             <OperatorCta
               tracker="main"
               operator={item?.extra_fields?.operator}
-              playText="Play for Real"
-              translationKey="play_now_game"
+              translationsObj={{
+                active: { translationKey: 'play_now_game', defaultValue: 'Play for Real' },
+                not_recommended: {
+                  translationKey: 'not_recommended',
+                  defaultValue: 'Not Recommended',
+                },
+                coming_soon: { translationKey: 'coming_soon', defaultValue: 'Soon Available' },
+                inactive: { translationKey: 'inactive', defaultValue: 'Not Accepting New Players' },
+                blacklisted: { translationKey: 'blacklisted', defaultValue: 'Blacklisted' },
+              }}
               gtmClass="operator-card-gtm btn-cta"
               pageTemplate={page?.template}
             />
@@ -135,7 +144,9 @@ GameCard.propTypes = {
     path: PropTypes.string,
     banner: PropTypes.string,
     extra_fields: PropTypes.shape({
-      operator: PropTypes.shape({}),
+      operator: PropTypes.shape({
+        status: PropTypes.string,
+      }),
     }),
   }).isRequired,
   page: PropTypes.shape({

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

@@ -1,16 +1,15 @@
 /* eslint-disable import/no-extraneous-dependencies */
 /* eslint-disable camelcase */
-import React, { useContext } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import loadable from '@loadable/component';
-import { getAltText, imagePrettyUrl, translate } from 'gatsby-core-theme/src/helpers/getters';
+import { getAltText, imagePrettyUrl } 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 ReviewLink from 'gatsby-core-theme/src/components/atoms/review-link';
 import Tnc from 'gatsby-core-theme/src/components/molecules/tnc';
-import { Context } from 'gatsby-core-theme/src/context/MainProvider';
-import OperatorCta from 'gatsby-core-theme/src/components/atoms/operator-cta';
+import OperatorCta from 'gatsby-core-theme/src/components/atoms/operator-cta-button';
 import BaseCard from '../base-card';
 import styles from './operator-card.module.scss';
 
@@ -33,7 +32,6 @@ const OperatorCard = ({
   const isInactive = status === 'inactive';
   const backgroundImage = number === 1 ? 'default-article.webp' : null;
   const logUrlObject = relation?.logo_url_object;
-  const { translations } = useContext(Context) || {};
   const StarRating = useOneStarRating
     ? loadable(() => import('gatsby-core-theme/src/components/molecules/star-rating/one-star'))
     : loadable(() => import('gatsby-core-theme/src/components/molecules/star-rating'));
@@ -77,13 +75,24 @@ const OperatorCard = ({
             itemName={itemName}
             reviewPath={reviewPath}
           />
-          <OperatorCta
-            tracker="main"
-            operator={relation}
-            playText={translate(translations, 'play_now', 'Play Now')}
-            gtmClass="operator-card-gtm btn-cta"
-            pageTemplate={page?.template}
-          />
+          {relation?.status !== 'not_recommended' && (
+            <OperatorCta
+              tracker="main"
+              operator={relation}
+              translationsObj={{
+                active: { translationKey: 'play_now', defaultValue: 'Play Now' },
+                not_recommended: {
+                  translationKey: 'not_recommended',
+                  defaultValue: 'Not Recommended',
+                },
+                coming_soon: { translationKey: 'coming_soon', defaultValue: 'Soon Available' },
+                inactive: { translationKey: 'inactive', defaultValue: 'Not Accepting New Players' },
+                blacklisted: { translationKey: 'blacklisted', defaultValue: 'Blacklisted' },
+              }}
+              gtmClass="operator-card-gtm btn-cta"
+              pageTemplate={page?.template}
+            />
+          )}
           {useCoupon && item?.relation?.extra_fields?.coupon_code && (
             <Coupon
               icon

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

@@ -1,7 +1,7 @@
 /* eslint-disable import/no-extraneous-dependencies */
 import React from 'react';
 import PropTypes from 'prop-types';
-import OperatorCta from 'gatsby-core-theme/src/components/atoms/operator-cta';
+import OperatorCta from 'gatsby-core-theme/src/components/atoms/operator-cta-button';
 import { getAltText, imagePrettyUrl } from 'gatsby-core-theme/src/helpers/getters';
 import ReviewLink from 'gatsby-core-theme/src/components/atoms/review-link';
 import Tnc from 'gatsby-core-theme/src/components/molecules/tnc';
@@ -43,8 +43,13 @@ const PopupCard = ({
         <OperatorCta
           tracker={tracker}
           operator={item}
-          playText="Play Now"
-          translationKey="play_now_popup"
+          translationsObj={{
+            active: { translationKey: 'play_now_popup', defaultValue: 'Play Now' },
+            not_recommended: { translationKey: 'not_recommended', defaultValue: 'Not Recommended' },
+            coming_soon: { translationKey: 'coming_soon', defaultValue: 'Soon Available' },
+            inactive: { translationKey: 'inactive', defaultValue: 'Not Accepting New Players' },
+            blacklisted: { translationKey: 'blacklisted', defaultValue: 'Blacklisted' },
+          }}
           gtmClass="popup-operator-cta-gtm"
           pageTemplate={template}
         />

package/src/components/atoms/header-operator-bannner/index.js

@@ -4,7 +4,7 @@ import LazyImage from 'gatsby-core-theme/src/hooks/lazy-image';
 import { Context } from 'gatsby-core-theme/src/context/MainProvider';
 import Bonus from 'gatsby-core-theme/src/components/atoms/bonus';
 import { translate, getAltText, imagePrettyUrl } from 'gatsby-core-theme/src/helpers/getters';
-import OperatorCta from 'gatsby-core-theme/src/components/atoms/operator-cta';
+import OperatorCta from 'gatsby-core-theme/src/components/atoms/operator-cta-button';
 import { IoMdArrowRoundForward } from '@react-icons/all-files/io/IoMdArrowRoundForward';
 
 import styles from './header-operator-bannner.module.scss';
@@ -56,7 +56,14 @@ const HeaderOperatorBaner = ({ operator, logo, template }) => {
         <div className={`${styles.bonus}`}>{main}</div>
         <OperatorCta
           page={operator}
-          playText="Play now"
+          buttonSize="m"
+          translationsObj={{
+            active: { translationKey: 'play_now', defaultValue: 'Play now' },
+            not_recommended: { translationKey: 'not_recommended', defaultValue: 'Not Recommended' },
+            coming_soon: { translationKey: 'coming_soon', defaultValue: 'Soon Available' },
+            inactive: { translationKey: 'inactive', defaultValue: 'Not Accepting New Players' },
+            blacklisted: { translationKey: 'blacklisted', defaultValue: 'Blacklisted' },
+          }}
           operator={operator}
           gtmClass="operator-banner-operator-cta-gtm"
           pageTemplate={template}

package/src/components/atoms/table/column/index.js

@@ -7,7 +7,7 @@ import { FaAngleDown } from '@react-icons/all-files/fa/FaAngleDown';
 import { imagePrettyUrl } 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 OperatorCta from 'gatsby-core-theme/src/components/atoms/operator-cta';
+import OperatorCta from 'gatsby-core-theme/src/components/atoms/operator-cta-button';
 import StarRating from 'gatsby-core-theme/src/components/molecules/star-rating';
 import SellingPoints from 'gatsby-core-theme/src/components/atoms/selling-points';
 import Tnc from 'gatsby-core-theme/src/components/molecules/tnc';

package/src/components/molecules/operator-exclusive/index.js

@@ -6,7 +6,7 @@ import React, { useContext, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { Context } from 'gatsby-core-theme/src/context/MainProvider';
 import Link from 'gatsby-core-theme/src/hooks/link';
-import OperatorCta from 'gatsby-core-theme/src/components/atoms/operator-cta';
+import OperatorCta from 'gatsby-core-theme/src/components/atoms/operator-cta-button';
 import { isMobileDevice } from 'gatsby-core-theme/src/helpers/device-detect';
 import LazyImage from 'gatsby-core-theme/src/hooks/lazy-image';
 import { imagePrettyUrl, translate, getAltText } from '~helpers/getters';
@@ -58,7 +58,16 @@ const Banner = ({ bonus, template }) => {
           <div className={styles.button}>
             <OperatorCta
               operator={bonus.value}
-              playText="Play now"
+              translationsObj={{
+                active: { translationKey: 'play_now', defaultValue: 'Play now' },
+                not_recommended: {
+                  translationKey: 'not_recommended',
+                  defaultValue: 'Not Recommended',
+                },
+                coming_soon: { translationKey: 'coming_soon', defaultValue: 'Soon Available' },
+                inactive: { translationKey: 'inactive', defaultValue: 'Not Accepting New Players' },
+                blacklisted: { translationKey: 'blacklisted', defaultValue: 'Blacklisted' },
+              }}
               tracker={showTracker}
               gtmClass="banner-operator-cta-gtm"
               pageTemplate={template}

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

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 import Bonus from 'gatsby-core-theme/src/components/atoms/bonus';
-import OperatorCta from 'gatsby-core-theme/src/components/atoms/operator-cta';
+import OperatorCta from 'gatsby-core-theme/src/components/atoms/operator-cta-button';
 import ConditionalWrapper from 'gatsby-core-theme/src/components/atoms/conditional-wrapper';
 import {
   prettyTracker,

package/src/components/molecules/toplist/row/variant-one.js

@@ -15,7 +15,7 @@ import Label from 'gatsby-core-theme/src/components/atoms/label';
 import LazyImage from 'gatsby-core-theme/src/hooks/lazy-image';
 import StarRating from 'gatsby-core-theme/src/components/molecules/star-rating/one-star';
 import SellingPoints from 'gatsby-core-theme/src/components/atoms/selling-points';
-import OperatorCta from 'gatsby-core-theme/src/components/atoms/operator-cta';
+import OperatorCta from 'gatsby-core-theme/src/components/atoms/operator-cta-button';
 import Tnc from 'gatsby-core-theme/src/components/molecules/tnc';
 import Bonus from 'gatsby-core-theme/src/components/atoms/bonus';
 import { Context } from 'gatsby-core-theme/src/context/MainProvider';

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

@@ -167,7 +167,11 @@ function Body({ pageContext, children, excludeTemplateInPopup = [], hideOperator
         hasFooterLinks={FooterNavigation !== null}
       />
       {!excludeTemplateInPopup.includes(pageContext?.page?.template) && Popup && popupData && (
-        <Popup module={popupData} template={pageContext?.page?.template} />
+        <Popup
+          module={popupData}
+          template={pageContext?.page?.template}
+          operatorStatus={pageContext?.page?.relation?.status}
+        />
       )}
       {!cookieConsentAccepted && (
         <ModalProvider>