gatsby-matrix-theme 25.1.8 → 25.1.9

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## [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)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "25.1.8",
+  "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/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.391cddf6.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>