gatsby-matrix-theme 25.1.7 → 25.1.9

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+## [25.1.9](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v25.1.8...v25.1.9) (2023-06-13)
+
+
+### Bug Fixes
+
+* build error ([22ed39e](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/22ed39eba238254dff22c5b9f1d541d3c85d43b5))
+* ribbons ([a309b23](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/a309b238de56db0078bed6afaa03d4e87e26f7e1))
+
+
+* Merge branch 'build-error-fix' into 'master' ([b37f14a](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/b37f14aa1cc65cb400913a9d589ab24febdbd01e))
+
+## [25.1.8](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v25.1.7...v25.1.8) (2023-06-13)
+
+
+### Bug Fixes
+
+* wagering calc styling ([6900f5a](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/6900f5abf61cf4d18413f095806e29eacadf97ef))
+* wagering calc styling ([582610e](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/582610ed84d53999dc4760b9f273c58d01035b9f))
+
 ## [25.1.7](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v25.1.6...v25.1.7) (2023-06-13)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "25.1.7",
+  "version": "25.1.9",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",

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

@@ -39,9 +39,9 @@ const TemplateOne = ({
   sellingPointsIcon = <FaCheck />,
   verifyIcon = '../../../images/verify.svg',
 }) => {
-  const { ribbons } = item?.relation;
+  const ribbons = item?.relation?.ribbons || [];
   const { relation, path } = item;
-  const { name, status, selling_points: sellingPoints, bonus } = relation;
+  const { name, status, selling_points: sellingPoints, bonus } = relation || {};
   const paymentMethods = bonus?.deposit_methods;
   const hasTnc = showTnc && relation?.extra_fields?.terms_and_conditions_text_enabled;
   const reviewPath = path || relation.path;
@@ -68,7 +68,7 @@ const TemplateOne = ({
             src={imagePrettyUrl(relation?.standardised_logo_url_object?.filename, 88, 88)}
             alt={getAltText(relation?.standardised_logo_url_object, name)}
           />
-          {showRibbon && ribbons && ribbons.length > 0 && (
+          {showRibbon && typeof ribbons !== 'undefined' && ribbons && ribbons?.length > 0 && (
             <span className={styles.ribbon}>{ribbons[0]}</span>
           )}
         </Link>
@@ -83,7 +83,7 @@ const TemplateOne = ({
           <StarRating
             numOfStars={5}
             halfStars={showHalfStars}
-            rating={relation.rating}
+            rating={relation?.rating}
             showLabel={showRatingLabel}
             showDecimal={showRatingDecimal}
           />
@@ -210,6 +210,7 @@ const TemplateOne = ({
 TemplateOne.propTypes = {
   item: PropTypes.shape({
     relation: PropTypes.shape({
+      ribbons: PropTypes.shape([]),
       bonus: PropTypes.shape({
         deposit_methods: PropTypes.shape([]),
       }),

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

@@ -34,9 +34,9 @@ const TemplateTwo = ({
   showRatingDecimal = false,
   verifyIcon = '../../../images/verify.svg',
 }) => {
-  const { ribbons } = item?.relation;
+  const ribbons = item?.relation?.ribbons || [];
   const { relation, path } = item;
-  const { name, status, bonus } = relation;
+  const { name, status, bonus } = relation || {};
   const paymentMethods = bonus?.deposit_methods;
   const hasTnc = showTnc && relation?.extra_fields?.terms_and_conditions_text_enabled;
   const reviewPath = path || relation.path;
@@ -63,8 +63,8 @@ const TemplateTwo = ({
               alt={getAltText(relation?.standardised_logo_url_object, name)}
             />
           </Link>
-          {showRibbon && ribbons && ribbons.length > 0 && (
-            <span className={styles.ribbon}>{ribbons[0]}</span>
+          {showRibbon && typeof ribbons !== 'undefined' && ribbons && ribbons.length > 0 && (
+            <span className={styles.ribbon}>{typeof ribbons[0] !== 'undefined' && ribbons[0]}</span>
           )}
         </div>
         <div className={styles?.cardContentTop || ''}>
@@ -79,7 +79,7 @@ const TemplateTwo = ({
             <StarRating
               numOfStars={5}
               halfStars={showHalfStars}
-              rating={relation.rating}
+              rating={relation?.rating}
               showLabel={showRatingLabel}
               showDecimal={showRatingDecimal}
             />
@@ -204,6 +204,7 @@ const TemplateTwo = ({
 TemplateTwo.propTypes = {
   item: PropTypes.shape({
     relation: PropTypes.shape({
+      ribbons: PropTypes.shape([]),
       bonus: PropTypes.shape({
         deposit_methods: PropTypes.shape([]),
       }),

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

@@ -18,7 +18,7 @@ import styles from './small-welcome-bonus.module.scss';
 
 const Index = ({ page }) => {
   const operator = page?.extra_fields?.game_review_summary_operator;
-  const { logo_url, status } = operator;
+  const { status } = operator;
   const { translations } = useContext(Context) || {};
   const prettyLink = prettyTracker(operator, 'main', false, page.template);
   let playNow = translate(translations, 'play_now', 'Play now');
@@ -47,7 +47,7 @@ const Index = ({ page }) => {
                 width={120}
                 height={50}
                 alt={getAltText(logUrlObject, operator?.name)}
-                src={imagePrettyUrl(logo_url, 120, 50)}
+                src={imagePrettyUrl(logUrlObject.filename, 120, 50)}
               />
             </a>
           </div>

package/src/components/molecules/wagering-calculator/wagering-calculator.module.scss

@@ -7,7 +7,6 @@
   border-radius: 1.2rem;
   box-shadow: 0px -3px 14px rgba(0, 0, 0, 0.09);
   background-color: var(--color-4);
-  z-index: 1;
 
   @include min(tablet) {
     padding: 2.4rem;
@@ -60,11 +59,10 @@
 }
 
 .info {
-  height: 100vh;
+  height: 100%;
   position: absolute;
   top: 0;
   left: 0;
-  z-index: 3;
   background: white;
   padding: 2.4rem;
   svg {
@@ -191,7 +189,7 @@
   > h3 {
     margin-top: 2.4rem;
     margin-bottom: 1.6rem;
-    
+
     @include min(tablet) {
       margin-top: 3.2rem;
     }
@@ -215,9 +213,10 @@
     a:first-child {
       height: 6.4rem;
       width: 6.4rem;
-
       flex-grow: 1;
-
+      @include min(tablet) {
+        flex-grow: inherit;
+      }
     }
 
     img {

package/storybook/public/iframe.html

@@ -345,4 +345,4 @@
           
       
           
-            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"}];</script><script src="runtime~main.349b6fb9.iframe.bundle.js"></script><script src="134.8ffd6917.iframe.bundle.js"></script><script src="main.f03d4a3e.iframe.bundle.js"></script></body></html>
+            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"}];</script><script src="runtime~main.349b6fb9.iframe.bundle.js"></script><script src="134.8ffd6917.iframe.bundle.js"></script><script src="main.420213db.iframe.bundle.js"></script></body></html>