gatsby-core-theme 30.0.103 → 30.0.105

package/.storybook/preview.js

@@ -25,6 +25,7 @@ export const parameters = {
         'Theme',
         [
           'Layout',
+          ['Navigation', 'Footer', 'Footer Navigation'],
           'Modules',
           [
             'Content',

package/CHANGELOG.md

@@ -1,3 +1,45 @@
+## [30.0.105](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v30.0.104...v30.0.105) (2024-04-03)
+
+
+### Bug Fixes
+
+* added required keys to the WebPage schema ([0372ef1](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/0372ef1f55935ece04f7d2b785a926ce4f355ec6))
+* breadcrumbs ([6f7f7fc](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/6f7f7fc47111c6fb6c304ac4b305adf060786798))
+* fixed tests for the schema ([54d0c14](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/54d0c14f6abede9a8461d25b12e9d0332e2c6e62))
+* increased test coverage ([51cb07f](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/51cb07fd0d97b01a58f9afe86ff7fdeda6a6c5fa))
+* remove continue reading link from author box description ([eae0f9a](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/eae0f9a2516dc8e8bc708baba8ecafafedca0f5c))
+* update breadcrumbs translations ([0289c66](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/0289c66b97801e32b885e8a3e110ec3bc43ce4c8))
+* update tests ([f15a058](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/f15a0582057c413f839211e0c0107cc65bd4b448))
+
+
+* Merge branch 'tm-4187-webpage-schema' into 'master' ([04ff989](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/04ff989b0fb0b43e8e1c6f7fb77be6f6cbcf38b7))
+* Merge remote-tracking branch 'origin' into tm-4187-webpage-schema ([f080656](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/f080656adc8e0c9ce6bb1dcd94f6c650f329d6c7))
+* Merge branch 'tm-4223-breadcrumbs' into 'master' ([a53736d](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/a53736d18d9f8dddf543f34a65893db6febc6c06))
+* Merge branch 'tm-4178-author-box-changes' into 'master' ([ca1e276](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/ca1e276bb2da842e138527a0da64adffe111e923))
+
+## [30.0.104](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v30.0.103...v30.0.104) (2024-04-02)
+
+
+### Bug Fixes
+
+* add show more text in the content just hide with css ([05d1605](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/05d1605c328b6a069e1695d7c01c8e021706d4a9))
+* added footer nav to core theme and added to floating area ([3262cfe](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/3262cfe6c685d182449d50cc150f87bac2ec6fd6))
+* added templates ([2e74696](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/2e746960cedf7eed957155c4f170748101f5358d))
+* fix conflicts ([416e930](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/416e930c40b957bc2fc29f446e7130dfe2915c29))
+* fixed storybook not showing ([67cd31c](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/67cd31ca5d78c169cbc162f9e1c2e139625f7d46))
+* storybook and test for footer navigation ([565158d](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/565158d5b541781600b3f2f05e0548f4156537c4))
+* update theme ([0db0e66](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/0db0e667e364290fa21b0e43718cd930c306e4a9))
+
+
+### Code Refactoring
+
+* changes to cookie decline with session storage ([d26d9ed](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/d26d9ed8310ea6d934005e7fc6373c2ffc516022))
+
+
+* Merge branch 'tm-4015-cookie1' into 'master' ([ecdafd6](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/ecdafd678eec7201e58ce7ba446b7bbc87f95e65))
+* Merge branch 'tm-4197-content' into 'master' ([33f3cc8](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/33f3cc8e02d6fd78a01189bbe7cf93a1655afd14))
+* Merge branch 'tm-4054-footer-nav' into 'master' ([6b4b785](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/6b4b785722d88ad93f8844802a63458e011eaca1))
+
 ## [30.0.103](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v30.0.102...v30.0.103) (2024-03-19)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-core-theme",
-  "version": "30.0.103",
+  "version": "30.0.105",
   "description": "Gatsby Theme NPM Package",
   "author": "",
   "license": "ISC",

package/src/components/atoms/author-box/description/index.js

@@ -1,14 +1,11 @@
 import React, { useContext, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
-import { FaArrowRight } from '@react-icons/all-files/fa/FaArrowRight';
 import { translate } from '~helpers/getters';
 import styles from './author-description.module.scss';
-import Link from '~hooks/link';
 import { Context } from '~context/MainProvider';
 
 export default function AuthorDescription({
   author,
-  contReadIcon = <FaArrowRight title="Right-pointing Arrow Icon" />,
   template = '',
   readMore = false,
   maximumLength = 30,
@@ -45,16 +42,6 @@ export default function AuthorDescription({
               : author?.biography,
         }}
       />
-      {author?.profile_page_path && (
-        <Link
-          to={author?.profile_page_path}
-          title={author?.name}
-          className={`${styles.readMore || ''} author-gtm`}
-        >
-          {translate(translations, 'cont_read', 'continue reading')}
-          {contReadIcon}
-        </Link>
-      )}
     </div>
   );
 }
@@ -66,7 +53,6 @@ AuthorDescription.propTypes = {
     expertise: PropTypes.arrayOf(PropTypes.string),
     profile_page_path: PropTypes.string,
   }).isRequired,
-  contReadIcon: PropTypes.node,
   template: PropTypes.string,
   readMore: PropTypes.bool,
   maximumLength: PropTypes.number,

package/src/components/atoms/author-box/details/index.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import { imagePrettyUrl, getAltText, translate } from '~helpers/getters';
 import styles from './author-details.module.scss';
 import LazyImage from '~hooks/lazy-image';
+import Link from '~hooks/link';
 import socialIcons from '../icons/socialIcons';
 import FactCheckIcon from '../../../../images/icons/fact-check';
 import { Context } from '~context/MainProvider';
@@ -29,10 +30,10 @@ export default function AuthorDetails({
         />
       )}
       <div className={styles.information || ''}>
-        <p className={styles.name || ''}>
+        <Link to={author?.profile_page_path} className={`${styles.name || ''} author-gtm`}>
           <span>{author?.name}</span>
           <FactCheckIcon width={verifiedIconWidth} height={verifiedIconHeight} color="#457BF9" />
-        </p>
+        </Link>
         <div className={styles.ribbonAndExpert}>
           {author?.author_title && <p className={styles.title || ''}>{author?.author_title}</p>}
           {author?.ribbon_label && ribbon && (
@@ -87,6 +88,7 @@ AuthorDetails.propTypes = {
     ribbon_label: PropTypes.string,
     experience: PropTypes.string,
     pages_count: PropTypes.string,
+    profile_page_path: PropTypes.string,
   }),
   width: PropTypes.number,
   height: PropTypes.number,

package/src/components/atoms/author-box/template-one/author-box.test.js

@@ -14,7 +14,6 @@ describe('author box component', () => {
     expect(getByText('Casino Specialist')).toBeTruthy();
     expect(container.querySelectorAll('.contactLinks a')).toBeTruthy();
     expect(container.querySelectorAll('.socialIcons a')).toBeTruthy();
-    expect(getByText('continue reading')).toBeTruthy();
   });
 
   test('render with read more ', async () => {

package/src/components/atoms/author-box/template-three/author-box.test.js

@@ -14,7 +14,6 @@ describe('author box component', () => {
     expect(getByText('Casino Specialist')).toBeTruthy();
     expect(container.querySelectorAll('.contactLinks a')).toBeTruthy();
     expect(container.querySelectorAll('.socialIcons a')).toBeTruthy();
-    expect(getByText('continue reading')).toBeTruthy();
   });
 
   test('render with read more ', async () => {

package/src/components/atoms/author-box/template-two/author-box.test.js

@@ -14,7 +14,6 @@ describe('author box component', () => {
     expect(getByText('Casino Specialist')).toBeTruthy();
     expect(container.querySelectorAll('.contactLinks a')).toBeTruthy();
     expect(container.querySelectorAll('.socialIcons a')).toBeTruthy();
-    expect(getByText('continue reading')).toBeTruthy();
   });
 
   test('render with read more ', async () => {

package/src/components/atoms/breadcrumbs/breadcrumbs.test.js

@@ -54,13 +54,7 @@ describe('Show Breadcrumbs in a page', () => {
     expect(getByText('Home').getAttribute('href')).toEqual('/');
     expect(getByText('Alternative title')).toBeTruthy();
   });
-  test('Translation for Home available', () => {
-    const page = {
-      template: 'operator_review',
-    };
-    const { getByText } = renderComponent(page);
-    expect(getByText('Sample Casino')).toBeTruthy();
-  });
+
   test('Page category available', () => {
     const page = {
       categories: [

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

@@ -5,7 +5,7 @@ import Link from '~hooks/link';
 
 import styles from './breadcrumbs.module.scss';
 import keygen from '~helpers/keygen';
-import { translate } from '~helpers/getters';
+import { getHomeBreadcrumbs } from '~helpers/getters';
 import { Context } from '~context/MainProvider';
 
 function Breadcrumbs({ page, separator = <span> / </span>, markets }) {
@@ -19,13 +19,8 @@ function Breadcrumbs({ page, separator = <span> / </span>, markets }) {
     return <></>;
   }
   const isPPC = page?.template === 'ppc';
-  const home = translate(
-    translations,
-    page.categories?.length
-      ? `home_${page.template}_${page.categories[0].short_name}`
-      : `home_${page.template}`,
-    translate(translations, 'Home', 'Home')
-  );
+
+  const home = getHomeBreadcrumbs(page, translations);
 
   return (
     <ol className={styles.breadcrumbs || ''}>
@@ -74,6 +69,7 @@ Breadcrumbs.propTypes = {
     vanity_label: PropTypes.string,
     translations: PropTypes.shape({}),
     template: PropTypes.string,
+    type: PropTypes.string,
     categories: PropTypes.arrayOf({
       short_name: PropTypes.string,
     }),

package/src/components/molecules/content/content.module.scss

@@ -150,6 +150,14 @@
     padding: 6px;
   }
 }
+.hide{
+  display: none;
+}
+
+
+.showMore{
+  display: block;
+}
 
 .showMoreTwoButtonOpen {
   border-radius: 8px 8px 0px 0px;

package/src/components/molecules/content/index.js

@@ -40,13 +40,15 @@ const Content = ({
     }
   };
 
-  const mainContent = (content, customClassName = '') => (
+  const mainContent = (content, customClassName = '', showMoreText = false) => (
     <div
       className={` ${styles.content || ''} ${lists.ul || ''} ${blockquote.blockquote || ''} 
        ${showMore && !isContentCollapsible ? styles.showMore : ''}  
       ${switchStyle(module.style) || ''} ${
         isHomepageFirstModule ? styles.homepageFirstModuleContent || '' : ''
-      } ${isModuleIntroduction ? styles.moduleIntroMargin || '' : ''} ${customClassName}`}
+      } ${isModuleIntroduction ? styles.moduleIntroMargin || '' : ''} ${customClassName}
+        ${showMoreText && !showMore ? styles.hide : ''}
+      `}
     >
       {parse(content, {
         replace: (node) => replaceMedia(node, page, translations),
@@ -70,11 +72,11 @@ const Content = ({
         {icon && isContentCollapsible && icon}
       </button>
 
-      {showMore &&
-        module.show_more_content &&
+      {module.show_more_content &&
         mainContent(
           module.show_more_content,
-          isContentCollapsible ? styles.contentCollapsibleBox : ''
+          isContentCollapsible ? styles.contentCollapsibleBox : '',
+          true
         )}
     </>
   );

package/src/components/molecules/floating-area/index.js

@@ -19,12 +19,18 @@ export default function FloatingArea({
   const showScroll = isSticky(offsetTop);
   const [closedBanner, setClosedBanner] = useState(false);
   const pageType = pageContext.page.relation_type;
+  const footerNavigationData = pageContext.marketSections?.footer_navigation || null;
 
   const OperatorBanner =
     pageType === 'operator' && !hideBanner && !hideOperatorBanner
       ? loadable(() => import(`gatsby-core-theme/src/components/molecules/bonus/template-two`))
       : null;
 
+  const FooterNavigation =
+    footerNavigationData && footerNavigationData?.modules?.length > 0 && pageType !== 'operator'
+      ? loadable(() => import(`gatsby-core-theme/src/components/organisms/footer-navigation`))
+      : null;
+
   return (
     <div className={`${customStyles.floatingArea} ${showScroll ? customStyles.show : ''}`}>
       <ScrollToTop />
@@ -39,6 +45,7 @@ export default function FloatingArea({
         />
       )}
       <CookieConsent />
+      {FooterNavigation && <FooterNavigation section={footerNavigationData} />}
     </div>
   );
 }

package/src/components/organisms/cookie-consent/cookie-consent.test.js

@@ -57,4 +57,6 @@ describe('cookie consent component', () => {
 });
 afterEach(() => {
   cleanup();
+  document.cookie = `CookieConsent=; expires=Thu, 01 Jan 1970 00:00:00; path=/`;
+  sessionStorage.removeItem('CookieConsentDecline');
 });

package/src/components/organisms/cookie-consent/index.js

@@ -22,13 +22,19 @@ const CookieConsent = ({
   const [ck, setCk] = useState(
     (typeof window !== `undefined` && getCookie(cookieName) === 'true') || false
   );
+  const [ckReject, setCkReject] = useState(
+    (typeof window !== `undefined` && sessionStorage.getItem('CookieConsentDecline') === 'true') ||
+      false
+  );
   const { showModal } = useContext(ModalContext);
   const { translations } = useContext(Context) || {};
 
   // when user declines
   const handleDecline = () => {
     if (declineURL !== '') navigate(`/${declineURL}`);
-    setCk(true);
+    setCkReject(true);
+    setCookie(cookieName, false, 365, '/');
+    sessionStorage.setItem('CookieConsentDecline', true);
   };
   // when user accepts
   const handleAccept = () => {
@@ -38,7 +44,7 @@ const CookieConsent = ({
 
   return (
     <>
-      {!showModal && !ck && (
+      {!showModal && !ck && !ckReject && (
         <div className={styles.cookieConsent || ''}>
           <div className={styles.content || ''}>{children}</div>
           <div className={styles.buttonsContainer || ''}>

package/src/components/organisms/footer-navigation/footer-navigation.module.scss

@@ -0,0 +1,96 @@
+.footerLinks {
+  width: 100%;
+  height: 6rem;
+  padding: 0;
+  background-color: white;
+  border-radius: 0;
+  z-index: 1001;
+  display: none;
+  &.isStoryBook {
+    display: block;
+  }
+  border-top: 2px solid #6e33e5;
+  @media only screen and (max-width: 767px) {
+    display: flex;
+  }
+
+  > ul {
+    display: flex;
+    width: 100%;
+    margin-top: -20px;
+    padding: 0.5rem 0;
+    > li {
+      width: 100%;
+      @include flex-direction(column-reverse);
+      @include flex-align(center, center);
+
+      span {
+        font-style: normal;
+        font-weight: 700;
+        font-size: 1.2rem;
+        line-height: 2rem;
+        text-align: center;
+        color: #6e33e5;
+        position: relative;
+      }
+
+      img {
+        width: 4.2rem;
+        padding: 0.7rem;
+        background-color: #6e33e5;
+        border-radius: 2rem;
+      }
+
+      a {
+        display: flex;
+        flex-flow: column;
+
+        flex-direction: column-reverse;
+        justify-content: center;
+        align-items: center;
+        color: #6e33e5;
+        font-weight: 700;
+
+        span {
+          font-style: normal;
+          font-weight: 700;
+          font-size: 1.2rem;
+          line-height: 2rem;
+          text-align: center;
+          color: #6e33e5;
+          position: relative;
+        }
+      }
+    }
+  }
+}
+
+.template_three {
+  height: 7.2rem;
+  > ul {
+    margin-top: 0;
+  }
+}
+
+.template_two {
+  height: 7.2rem;
+  background-color: #262629;
+  border-top: 2px solid #262629;
+  > ul {
+    margin-top: 0;
+
+    > li {
+      color: white;
+
+      a {
+        > span {
+          color: white;
+        }
+      }
+
+      img {
+        background-color: transparent;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,73 @@
+import React from 'react';
+// eslint-disable-next-line import/no-extraneous-dependencies
+import {
+  Title,
+  Description,
+  Primary,
+  PRIMARY_STORY,
+  ArgsTable,
+} from '@storybook/addon-docs/blocks';
+
+import { getModules } from '~tests/factories/modules/footer-navigation.factory';
+import FooterNavigation from '.';
+
+export default {
+  title: 'Theme/Layout/Footer Navigation',
+  component: FooterNavigation,
+  argTypes: {
+    section: {
+      name: 'section',
+      type: { name: 'object', required: true },
+      defaultValue: '',
+      description: 'Section object containing a menu module.',
+      table: {
+        type: { summary: 'object' },
+        defaultValue: { summary: '' },
+      },
+    },
+  },
+  parameters: {
+    docs: {
+      description: {
+        component:
+          'A component that displays a list of links for use on Mobile only as component fixed to the bottom of the screen.',
+      },
+      page: () => (
+        <>
+          <Title />
+          <Description />
+          <Primary />
+          <ArgsTable story={PRIMARY_STORY} />
+        </>
+      ),
+    },
+  },
+};
+
+const Template = (args) => <FooterNavigation {...args} />;
+export const TemplateOne = Template.bind({});
+TemplateOne.args = {
+  section: {
+    style: 'template_one',
+    modules: getModules(),
+  },
+  isStorybook: true,
+};
+
+export const TemplateTwo = Template.bind({});
+TemplateTwo.args = {
+  section: {
+    style: 'template_two',
+    modules: getModules(),
+  },
+  isStorybook: true,
+};
+
+export const TemplateThree = Template.bind({});
+TemplateThree.args = {
+  section: {
+    style: 'template_three',
+    modules: getModules(),
+  },
+  isStorybook: true,
+};

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

@@ -0,0 +1,32 @@
+import React from 'react';
+import { render, cleanup } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+
+import { getModules } from '~tests/factories/modules/footer-navigation.factory';
+import FooterNavigation from '.';
+
+describe('Footer Nav component', () => {
+  test('render Nav', () => {
+    const { container, getByText } = render(
+      <FooterNavigation
+        isStorybook={true}
+        section={{
+          style: 'template_one',
+          modules: getModules(),
+        }}
+      />
+    );
+    expect(container).toBeTruthy();
+
+    // Default cards
+    expect(getByText('Home')).toBeTruthy();
+    expect(getByText('Bonus')).toBeTruthy();
+    expect(getByText('Casinos')).toBeTruthy();
+    expect(getByText('Slots')).toBeTruthy();
+    expect(container.querySelectorAll('a')).toHaveLength(4);
+    expect(container.querySelectorAll('img')).toHaveLength(4);
+  });
+});
+afterEach(() => {
+  cleanup();
+});

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

@@ -0,0 +1,45 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+import React from 'react';
+// eslint-disable-next-line import/no-extraneous-dependencies
+import PropTypes from 'prop-types';
+
+import LinkList from 'gatsby-core-theme/src/components/molecules/link-list';
+import { getFirstModuleByName } from 'gatsby-core-theme/src/helpers/getters';
+import styles from './footer-navigation.module.scss';
+
+const FooterNavigation = ({ section, isStorybook = false }) => {
+  const menuArray = getFirstModuleByName(section, 'menu');
+  return (
+    menuArray?.children?.length > 0 && (
+      <div
+        className={`${styles?.footerLinks || ''} 
+          ${isStorybook ? styles?.isStoryBook : ''} 
+          ${styles?.showFooterNav || ''}
+          ${styles[section.style]}
+          `}
+      >
+        <LinkList
+          showListTitle={false}
+          singleList
+          lists={menuArray}
+          width={48}
+          height={48}
+          gtmClass="mobile-menu-gtm"
+        />
+      </div>
+    )
+  );
+};
+
+FooterNavigation.propTypes = {
+  section: PropTypes.shape({
+    modules: PropTypes.arrayOf(
+      PropTypes.shape({
+        name: PropTypes.string,
+      })
+    ),
+  }).isRequired,
+  isStorybook: PropTypes.bool,
+};
+
+export default FooterNavigation;

package/src/components/pages/body/body.module.scss

@@ -3,7 +3,7 @@
     width: 100%;
     position: fixed;
     transition: all 1s;
-    bottom: -30rem;
+    bottom: -40rem;
     z-index: map-get($z-index, scroll-to-top);
 }
 

package/src/helpers/getters.mjs

@@ -127,8 +127,9 @@ export function imagePrettyUrl(filename = 'image.png', width = null, height = nu
   const cdnURL =
     (hasFilters
       ? process.env.IMAGE_CDN_URL
-      : process.env.IMAGE_CDN_URL.replace('/filters:format(webp)', '')) ||
-    process.env.STORYBOOK_IMAGE_CDN_URL;
+      : process.env.IMAGE_CDN_URL
+      ? process.env.IMAGE_CDN_URL.replace('/filters:format(webp)', '')
+      : '') || process.env.STORYBOOK_IMAGE_CDN_URL;
 
   if (width && height && hasFilters) {
     const urlPath = '/fit-in';
@@ -171,9 +172,7 @@ export function getPageImage(page) {
 
 export function getParameterCaseInsensitive(object, key) {
   const asLowercase = key.toLowerCase();
-  return object[Object.keys(object)
-    .find(k => k.toLowerCase() === asLowercase)
-  ];
+  return object[Object.keys(object).find((k) => k.toLowerCase() === asLowercase)];
 }
 
 export function prettyTracker(
@@ -185,16 +184,20 @@ export function prettyTracker(
   if (pageTemplateName && operator && operator.links && operator.links[pageTemplateName]) {
     return generateTrackerLink(operator, pageTemplateName, provider);
   }
-  
+
   if (!operator || !operator.short_name || (operator.status && operator.status !== 'active')) {
     return null;
   }
 
   // if tracker is not main, check if the tracker exists,  if not use main
-  if (trackerType !== 'main' && operator.links && getParameterCaseInsensitive(operator.links, trackerType) === undefined) {
+  if (
+    trackerType !== 'main' &&
+    operator.links &&
+    getParameterCaseInsensitive(operator.links, trackerType) === undefined
+  ) {
     trackerType = 'main';
   }
-  
+
   return generateTrackerLink(operator, trackerType, provider);
 }
 
@@ -356,6 +359,19 @@ export function translate(translations, key, defaultValue = '') {
   return defaultValue;
 }
 
+export function getHomeBreadcrumbs(page, translations) {
+  const home = translate(
+    translations,
+    (page.categories?.length > 0 &&
+      translations[`home_${page.template}_${page.categories[0].short_name}`] !== undefined)
+      ? `home_${page.template}_${page.categories[0].short_name}`
+      : `home_${page.type}`,
+    translate(translations, 'Home', 'Home')
+  );
+
+  return home;
+}
+
 // This part of the code, help us to add operator related to the page as the first item in the comparison table automatically
 // example: if we are on the operator review page(Rizk) that should be first in the comparison table
 // First, we check if we have that item in the array, if that item is in the array, we check its position
@@ -439,6 +455,6 @@ export function getBonusData(item, tracker, splitBy = '+') {
   return {
     isInoperative,
     mainLine,
-    secondLine
-  }
-}
+    secondLine,
+  };
+}

package/src/helpers/getters.test.js

@@ -266,6 +266,56 @@ describe('Getters Helper', () => {
     expect(Getters.translate(object, 'foo', 'bar')).toEqual('bar');
   });
 
+  test('getHomeBreadcrumbs() with categories', () => {
+    const page = {
+      categories: [{ short_name: 'category1' }],
+      template: 'template1',
+      type: 'type1',
+    };
+    const translations = {
+      home_template1_category1: 'Template 1 Category 1 Home',
+      Home: 'Home',
+    };
+    expect(Getters.getHomeBreadcrumbs(page, translations)).toEqual('Template 1 Category 1 Home');
+  });
+
+  test('getHomeBreadcrumbs() with categories but with no category translations', () => {
+    const page = {
+      categories: [{ short_name: 'category2' }, { short_name: 'category1' }],
+      template: 'template1',
+      type: 'type1',
+    };
+    const translations = {
+      home_type1_category1: 'Template 1 Category 1 Home',
+      home_type1: 'Template 1',
+      Home: 'Home',
+    };
+    expect(Getters.getHomeBreadcrumbs(page, translations)).toEqual('Template 1');
+  });
+
+  test('getHomeBreadcrumbs() without categories', () => {
+    const page = {
+      categories: [],
+      type: 'type1',
+    };
+    const translations = {
+      home_type1: 'Type 1 Home',
+      Home: 'Home',
+    };
+    expect(Getters.getHomeBreadcrumbs(page, translations)).toEqual('Type 1 Home');
+  });
+
+  test('getHomeBreadcrumbs() with missing translation', () => {
+    const page = {
+      categories: [],
+      type: 'type2',
+    };
+    const translations = {
+      Home: 'Home',
+    };
+    expect(Getters.getHomeBreadcrumbs(page, translations)).toEqual('Home');
+  });
+
   const module = {
     items: [
       {

package/src/helpers/processor/index.mjs

@@ -318,7 +318,7 @@ export default {
           }
 
           // add reviewer object to page
-          if (page.reviewer_id !== null && Object.values(data.authors).length) {
+          if (page.reviewer_id !== null && data.authors[page.reviewer_id]) {
             transformedPages[market][pageType][index].reviewer = data.authors[page.reviewer_id];
           }
 

package/src/helpers/schema.js

@@ -185,7 +185,26 @@ export function webPageSchema(page, pageImage) {
       url: `${process.env.GATSBY_SITE_URL}`,
       inLanguage: getLanguage(page?.language),
     },
-    author: {
+    reviewedBy: page?.reviewer_id
+      ? {
+          '@type': 'Person',
+          name: page?.reviewer?.name,
+          jobTitle: page?.reviewer?.author_title,
+          image: page?.reviewer?.image_object?.url,
+          email: page?.reviewer?.email_address,
+          nationality: {
+            '@type': 'Country',
+            name: page?.reviewer?.country?.name,
+          },
+
+          knowsAbout: page?.reviewer?.knows_abouts?.map((item) => ({
+            '@type': item?.type,
+            name: item?.name,
+            sameAs: item?.links.map((link) => link?.link).filter((link) => link),
+          })),
+        }
+      : '',
+    publisher: {
       '@type': 'Organization',
       name: page?.siteSchema?.site_name || '',
       alternateName: page?.siteSchema?.alias_site_name || '',
@@ -207,6 +226,23 @@ export function webPageSchema(page, pageImage) {
         .filter((socialLink) => socialLink),
       ...(page?.knowsAbout ? { knowsAbout: page?.knowsAbout } : {}),
     },
+    author: {
+      '@type': 'Person',
+      name: page?.author?.name,
+      jobTitle: page?.author?.author_title,
+      image: page?.author?.image_object?.url,
+      email: page?.author?.email_address,
+      nationality: {
+        '@type': 'Country',
+        name: page?.author?.country?.name,
+      },
+
+      knowsAbout: page?.author?.knows_abouts?.map((item) => ({
+        '@type': item?.type,
+        name: item?.name,
+        sameAs: item?.links.map((link) => link?.link).filter((link) => link),
+      })),
+    },
   };
   if (speakAbleModules.length > 0) {
     schema['@speakAbleModules'] = speakAbleModules.map((module) => JSON.parse(module));
@@ -285,6 +321,7 @@ export function templateSchemas(page, pageImage) {
       '@type': 'Person',
       name: page.author?.name?.substring(0, 100),
       url: getUrl(page.author?.profile_page_path || '/'),
+      ...(page?.author?.knowsAbout ? { knowsAbout: page?.author?.knowsAbout } : {}),
     },
     publisher: {
       '@type': 'Organization',

package/src/helpers/schema.test.js

@@ -118,18 +118,75 @@ describe('Schema Helper', () => {
         created_at: '01/01/01',
         updated_at: '02/02/02',
         seo_keywords: ['keyword_a', 'keyword_b'],
-        authors: [
-          {
-            profile_page_path: 'author_a/author_page',
-            email_address: 'email_a@email.com',
-            name: 'Author_A',
+        author: {
+          profile_page_path: 'author_a/author_page',
+          email_address: 'email_a@email.com',
+          name: 'Author_A',
+          image_object: {
+            url: 'author_image.jpg',
           },
-          {
-            profile_page_path: 'author_b/author_page',
-            email_address: 'email_b@email.com',
-            name: 'Author_B',
+          knows_abouts: [
+            {
+              '@type': 'Thing',
+              name: 'Ireland',
+              links: [
+                {
+                  link: 'www.test.com',
+                },
+                {
+                  link: 'www.test2.com',
+                },
+              ],
+            },
+            {
+              '@type': 'Thing',
+              name: 'South Africa',
+              links: [
+                {
+                  link: 'www.test.com',
+                },
+                {
+                  link: 'www.test2.com',
+                },
+              ],
+            },
+          ],
+        },
+        reviewer_id: 112,
+        reviewer: {
+          profile_page_path: 'reviewer_a/author_page',
+          email_address: 'email_a@email.com',
+          name: 'Reviewer_A',
+          image_object: {
+            url: 'reviewer_image.jpg',
           },
-        ],
+          knows_abouts: [
+            {
+              '@type': 'Thing',
+              name: 'Ireland',
+              links: [
+                {
+                  link: 'www.test.com',
+                },
+                {
+                  link: 'www.test2.com',
+                },
+              ],
+            },
+            {
+              '@type': 'Thing',
+              name: 'South Africa',
+              links: [
+                {
+                  link: 'www.test.com',
+                },
+                {
+                  link: 'www.test2.com',
+                },
+              ],
+            },
+          ],
+        },
         siteSchema: {
           site_name: 'Site Name',
           alias_site_name: 'Alias Site Name',
@@ -151,56 +208,26 @@ describe('Schema Helper', () => {
     expect(json.inLanguage).toEqual('site_lang');
     expect(json.datePublished).toEqual('01/01/01');
     expect(json.dateModified).toEqual('02/02/02');
-
     expect(Object.prototype.toString.call(json.isPartOf)).toEqual('[object Object]');
     expect(json.isPartOf['@type']).toEqual('WebSite');
     expect(json.isPartOf['@id']).toEqual(`${process.env.GATSBY_SITE_URL}#website`);
     expect(json.isPartOf.url).toEqual(`${process.env.GATSBY_SITE_URL}`);
     expect(json.isPartOf.inLanguage).toEqual('site_lang');
-
     expect(Object.prototype.toString.call(json.primaryImageOfPage)).toEqual('[object Object]');
     expect(json.primaryImageOfPage['@type']).toEqual('ImageObject');
     expect(json.primaryImageOfPage['@id']).toEqual(`${getUrl('web_page')}#primaryimage`);
     expect(json.primaryImageOfPage.url).toEqual(pageImage);
     expect(json.primaryImageOfPage.inLanguage).toEqual('site_lang');
-
     expect(Object.prototype.toString.call(json.author)).toEqual('[object Object]');
-    expect(json.author['@type']).toEqual('Organization');
-    expect(json.author.name).toEqual('Site Name');
-    expect(json.author.alternateName).toEqual('Alias Site Name');
-    expect(json.author.foundingDate).toEqual('01/02/03');
-    expect(json.author.publishingPrinciples).toEqual(undefined);
-
-    expect(Object.prototype.toString.call(json.author.logo)).toEqual('[object Object]');
-    expect(json.author.logo['@type']).toEqual('ImageObject');
-    expect(json.author.logo.url).toEqual(pageImage);
-
-    expect(Object.prototype.toString.call(json.author.contactPoint)).toEqual('[object Array]');
-    expect(json.author.contactPoint).toHaveLength(2);
-    expect(Object.prototype.toString.call(json.author.contactPoint[0])).toEqual('[object Object]');
-    expect(Object.prototype.toString.call(json.author.contactPoint[1])).toEqual('[object Object]');
-    expect(json.author.contactPoint[0]['@type']).toEqual('ContactPoint');
-    expect(json.author.contactPoint[1]['@type']).toEqual('ContactPoint');
-    expect(json.author.contactPoint[0].contactType).toEqual('Author');
-    expect(json.author.contactPoint[1].contactType).toEqual('Author');
-    expect(json.author.contactPoint[0].url).toEqual(`${getUrl('/')}author_a/author_page`);
-    expect(json.author.contactPoint[1].url).toEqual(`${getUrl('/')}author_b/author_page`);
-    expect(json.author.contactPoint[0].name).toEqual('Author_A');
-    expect(json.author.contactPoint[1].name).toEqual('Author_B');
-    expect(json.author.contactPoint[0].email).toEqual('email_a@email.com');
-    expect(json.author.contactPoint[1].email).toEqual('email_b@email.com');
-
-    expect(Object.prototype.toString.call(json.author.sameAs)).toEqual('[object Array]');
-    expect(json.author.sameAs).toHaveLength(3);
-    expect(json.author.sameAs[0]).toEqual('author_linkedin');
-    expect(json.author.sameAs[1]).toEqual('author_spotify');
-    expect(json.author.sameAs[2]).toEqual('author_wikipedia');
-    expect(json.author.knowsAbout).toEqual(undefined);
-
-    expect(Object.prototype.toString.call(json.keywords)).toEqual('[object Array]');
-    expect(json.keywords).toHaveLength(2);
-    expect(json.keywords[0]).toEqual('keyword_a');
-    expect(json.keywords[1]).toEqual('keyword_b');
+    expect(json.author['@type']).toEqual('Person');
+    expect(json.author.image).toEqual('author_image.jpg');
+    expect(Object.prototype.toString.call(json.author.knowsAbout)).toEqual('[object Array]');
+    expect(json.author.knowsAbout).toHaveLength(2);
+    expect(Object.prototype.toString.call(json.reviewedBy)).toEqual('[object Object]');
+    expect(json.reviewedBy['@type']).toEqual('Person');
+    expect(json.reviewedBy.image).toEqual('reviewer_image.jpg');
+    expect(Object.prototype.toString.call(json.reviewedBy.knowsAbout)).toEqual('[object Array]');
+    expect(json.reviewedBy.knowsAbout).toHaveLength(2);
   });
 
   test('organizationSchema()', () => {

package/tests/factories/modules/footer-navigation.factory.js

@@ -0,0 +1,72 @@
+export function getModules() {
+  return [
+    {
+      menu_id: 353,
+      menu_short_code: 'footer_navigation',
+      module_value_id: 167244,
+      name: 'menu',
+      title: 'Footer Navigation',
+      short_code: 'footer_navigation',
+      language: 'en',
+      market: 'za_en',
+      children: [
+        {
+          id: 5503,
+          page_id: null,
+          title: 'Home',
+          nofollow: false,
+          value: '/za_en/visit/footerNav/zar_casino',
+          image: '1711362545/home.svg',
+          image_object: {
+            width: '80',
+            height: '80',
+            url: 'https://assets-srv.s3.eu-west-1.amazonaws.com/1711362545/home.svg',
+            filename: 'zar-casinopng.webp',
+          },
+        },
+        {
+          id: 5501,
+          page_id: null,
+          title: 'Bonus',
+          nofollow: false,
+          value: '/za_en/visit/footerNav/springbok_casino',
+          image: '1711362636/bonus.svg',
+          image_object: {
+            width: '80',
+            height: '80',
+            url: 'https://assets-srv.s3.eu-west-1.amazonaws.com/1711362636/bonus.svg',
+            filename: 'springbok-2png.webp',
+          },
+        },
+        {
+          id: 5613,
+          page_id: null,
+          title: 'Casinos',
+          nofollow: false,
+          value: '/za_en/visit/footerNav/rich_casino',
+          // image: 'rich-casinopng.webp',
+          logo: {
+            width: '80',
+            height: '80',
+            url: 'https://assets-srv.s3.eu-west-1.amazonaws.com/1711362583/sports-%26-casino-casino-chip.svg',
+            filename: 'rich-casinopng.webp',
+          },
+        },
+        {
+          id: 5614,
+          page_id: null,
+          title: 'Slots',
+          nofollow: false,
+          value: '/za_en/visit/footerNav/punt_casino',
+          // image: 'rich-casinopng.webp',
+          logo: {
+            width: '80',
+            height: '80',
+            url: 'https://assets-srv.s3.eu-west-1.amazonaws.com/1711362652/sports-%26-casino-slots.svg',
+            filename: 'punt-casinopng-1.webp',
+          },
+        },
+      ],
+    },
+  ];
+}