gatsby-core-theme 31.0.0 → 31.0.2

package/CHANGELOG.md

@@ -1,3 +1,33 @@
+## [31.0.2](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v31.0.1...v31.0.2) (2024-05-22)
+
+
+### Code Refactoring
+
+* add author data to schema ([1fb10aa](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/1fb10aae770de676ec84fbba2db317aa4e9aa1ec))
+* correction to knows about ([a019d7a](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/a019d7a706041f5dcc142bb50b2e767cc22c92b1))
+
+
+* Merge branch 'tm-4271-multiple-contributors' into 'master' ([7bc03c4](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/7bc03c425ebc85b583324ddac976a56c9b17569e))
+
+
+### Tests
+
+* fix test ([0bcbf37](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/0bcbf3784962944ebb5b85d77043bd9895116cbc))
+
+## [31.0.1](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v31.0.0...v31.0.1) (2024-05-20)
+
+
+### Bug Fixes
+
+* add autocomplete and replace country value with dynamic value in newsletter ([19be5d4](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/19be5d45fc47640f251a5d6df190e4775118aef0))
+* as seen on ([75cfed3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/75cfed3de4398d87af7253b3dcde8c749545f842))
+* proptypes warnings ([df30a5e](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/df30a5e8bdc60a9d90b27d43d6da86c832edf400))
+* test ([c5ee8a3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/c5ee8a330dc68d6eb9169a80c484cdc3301269a1))
+
+
+* Merge branch 'tm-4317-footer-asseen' into 'master' ([cf9fbcc](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/cf9fbcc99a526c647dbaae5c59173e12ed257104))
+* Merge branch 'tm-4395-newsletter' into 'master' ([53c3dd8](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/53c3dd8231febbf4d019241529b2797da1a9138a))
+
 # [31.0.0](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v30.1.3...v31.0.0) (2024-05-15)
 
 

package/package.json

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

package/src/components/app-ssr.js

@@ -85,9 +85,7 @@ AppSSR.propTypes = {
       site_name: PropTypes.string,
     }),
   }),
-  serverData: PropTypes.shape({
-    props: PropTypes.string,
-  }),
+  serverData: PropTypes.any,
 };
 
 export async function getServerData({ pageContext, url }) {

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

@@ -122,13 +122,13 @@ const Author = ({
 
 Author.propTypes = {
   prefix: PropTypes.string,
-  name: PropTypes.string.isRequired,
+  name: PropTypes.string,
   date: PropTypes.string,
   dateFormat: PropTypes.string,
   type: PropTypes.string,
   link: PropTypes.string,
   authorImg: PropTypes.string,
-  readingTime: PropTypes.string,
+  readingTime: PropTypes.number,
   icon: PropTypes.string,
   splitDateFormat: PropTypes.string,
   isCardsAuthor: PropTypes.bool,

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

@@ -87,7 +87,7 @@ AuthorDetails.propTypes = {
     author_title: PropTypes.string,
     ribbon_label: PropTypes.string,
     experience: PropTypes.string,
-    pages_count: PropTypes.string,
+    pages_count: PropTypes.number,
     profile_page_path: PropTypes.string,
   }),
   width: PropTypes.number,

package/src/components/atoms/author-box/template-one/fact-check/index.js

@@ -65,7 +65,7 @@ FactCheck.propTypes = {
   date: PropTypes.string,
   dateFormat: PropTypes.string,
   dateSeparator: PropTypes.string,
-  readingTime: PropTypes.string,
+  readingTime: PropTypes.number,
   reviewer: PropTypes.shape({
     name: PropTypes.string,
     profile_page_path: PropTypes.string,

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

@@ -20,7 +20,7 @@ AuthorBox.propTypes = {
   author: PropTypes.shape({
     ribbon_label: PropTypes.string,
   }),
-  reviewer: PropTypes.string,
-  readingTime: PropTypes.string,
+  reviewer: PropTypes.shape({}),
+  readingTime: PropTypes.number,
   date: PropTypes.string,
 };

package/src/components/atoms/author-box/template-three/fact-check/index.js

@@ -65,7 +65,7 @@ FactCheck.propTypes = {
   date: PropTypes.string,
   dateFormat: PropTypes.string,
   dateSeparator: PropTypes.string,
-  readingTime: PropTypes.string,
+  readingTime: PropTypes.number,
   reviewer: PropTypes.shape({
     name: PropTypes.string,
     profile_page_path: PropTypes.string,

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

@@ -24,6 +24,6 @@ AuthorBox.propTypes = {
     expertise: PropTypes.shape({}),
   }),
   reviewer: PropTypes.string,
-  readingTime: PropTypes.string,
+  readingTime: PropTypes.number,
   date: PropTypes.string,
 };

package/src/components/atoms/author-box/template-two/fact-check/index.js

@@ -65,7 +65,7 @@ FactCheck.propTypes = {
   date: PropTypes.string,
   dateFormat: PropTypes.string,
   dateSeparator: PropTypes.string,
-  readingTime: PropTypes.string,
+  readingTime: PropTypes.number,
   reviewer: PropTypes.shape({
     name: PropTypes.string,
     profile_page_path: PropTypes.string,

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

@@ -18,6 +18,6 @@ export default function AuthorBox({ author, reviewer = {}, readingTime = '', dat
 AuthorBox.propTypes = {
   author: PropTypes.shape({}),
   reviewer: PropTypes.string,
-  readingTime: PropTypes.string,
+  readingTime: PropTypes.number,
   date: PropTypes.string,
 };

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

@@ -73,9 +73,6 @@ Breadcrumbs.propTypes = {
     translations: PropTypes.shape({}),
     template: PropTypes.string,
     type: PropTypes.string,
-    categories: PropTypes.arrayOf({
-      short_name: PropTypes.string,
-    }),
   }).isRequired,
   separator: PropTypes.element,
 };

package/src/components/atoms/footer/license/index.js

@@ -29,7 +29,7 @@ const FooterLicense = ({
         />
       </div>
       <div className={styles?.security || ''}>
-        <LazyImage alt="Security icon" width="26" height="20" src={securityIcon} />
+        <LazyImage alt="Security icon" width={26} height={20} src={securityIcon} />
         <span className={styles?.securityText || ''}>
           {translate(translations, 'licensed_casinos', 'We only list licensed casinos')}
         </span>

package/src/components/atoms/menu/items/item/index.js

@@ -26,7 +26,7 @@ export default function Item({ item, gtmClass = '' }) {
           aria-label={`${item?.title} link`}
           href={item.value ? item.value : '#'}
           title={item.title}
-          rel={`noreferrer ${item.nofollow && 'nofollow'}`}
+          rel={`noreferrer ${item.nofollow ? 'nofollow' : ''}`}
           target="_blank"
           className={`${styles.item || ''} ${gtmClass || ''}`}
           onClick={() => handleClose()}
@@ -39,7 +39,7 @@ export default function Item({ item, gtmClass = '' }) {
           disabled={item.value === null}
           to={item.value}
           title={item.title}
-          rel={item.nofollow && 'nofollow'}
+          rel={item.nofollow ? 'nofollow' : ''}
           aria-label={`${item?.title} link`}
           className={`${styles.item || ''} ${gtmClass || ''}`}
           onClick={() => handleClose()}

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

@@ -75,7 +75,7 @@ FloatingArea.propTypes = {
       }),
     }),
   }).isRequired,
-  customStyles: PropTypes.string,
+  customStyles: PropTypes.shape({}),
   offsetTop: PropTypes.number,
   hideOperatorBanner: PropTypes.bool,
   template: PropTypes.string,

package/src/components/molecules/footer/variants/template-one/index.js

@@ -32,8 +32,9 @@ const TemplateOne = ({
 }) => {
   return (
     <footer>
-      <AsSeenOn asSeenOn={asSeenOn} template="templateOne" />
-
+      {asSeenOn && asSeenOn?.children?.length > 0 && (
+        <AsSeenOn asSeenOn={asSeenOn} template="templateOne" />
+      )}
       <div
         className={`${styles?.footer || ''} ${styles?.templateOne || ''}
             ${hasFooterLinks && styles[hasFooterLinks] ? styles.hasFooterLinks || '' : ''}`}
@@ -109,11 +110,13 @@ export default TemplateOne;
 TemplateOne.propTypes = {
   footerLogos: PropTypes.shape({}),
   footerMenu: PropTypes.shape({
-    children: PropTypes.shape([]),
+    children: PropTypes.any,
   }),
   copyrightDisclaimer: PropTypes.string,
   showLinks: PropTypes.bool,
-  asSeenOn: PropTypes.shape({}),
+  asSeenOn: PropTypes.shape({
+    children: PropTypes.shape({}),
+  }),
   gamblingText: PropTypes.string,
   socialIcons: PropTypes.shape({}),
   hasFooterLinks: PropTypes.bool,

package/src/components/molecules/footer/variants/template-three/index.js

@@ -37,7 +37,9 @@ const TemplateThree = ({
 
   return (
     <footer>
-      <AsSeenOn asSeenOn={asSeenOn} template="templateThree" />
+      {asSeenOn && asSeenOn?.children?.length > 0 && (
+        <AsSeenOn asSeenOn={asSeenOn} template="templateThree" />
+      )}
       <div
         className={`${styles?.footer || ''} ${styles?.templateThree || ''}
             ${hasFooterLinks && styles[hasFooterLinks] ? styles.hasFooterLinks || '' : ''}`}
@@ -119,7 +121,9 @@ TemplateThree.propTypes = {
   }),
   copyrightDisclaimer: PropTypes.string,
   showLinks: PropTypes.bool,
-  asSeenOn: PropTypes.shape({}),
+  asSeenOn: PropTypes.shape({
+    children: PropTypes.shape({}),
+  }),
   gamblingText: PropTypes.string,
   socialIcons: PropTypes.shape({}),
   hasFooterLinks: PropTypes.bool,

package/src/components/molecules/footer/variants/template-three/template-three.test.js

@@ -114,8 +114,7 @@ describe('Show template one', () => {
     };
     const { container } = renderComponent(props);
     await waitFor(() => {
-      expect(container.querySelectorAll('footer > div')).toHaveLength(2);
-      expect(container.querySelectorAll('.asSeenOn')).toHaveLength(1);
+      expect(container.querySelectorAll('footer > div')).toHaveLength(1);
     });
   });
   test('render menu list', async () => {

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

@@ -97,18 +97,14 @@ Header.propTypes = {
       updated_at: PropTypes.string,
       created_at: PropTypes.string,
       reading_time: PropTypes.number,
-      reviewer: PropTypes.string,
+      reviewer: PropTypes.shape({}),
       reviewer_id: PropTypes.number,
-      author: PropTypes.shape({
-        name: PropTypes.string,
-        profile_page_path: PropTypes.string,
-        image: PropTypes.string,
-      }),
+      author: PropTypes.shape({}),
       relation: PropTypes.shape({
         url: PropTypes.string,
         email: PropTypes.string,
       }),
-      authors: PropTypes.shape([PropTypes.shape({})]),
+      authors: PropTypes.any,
       sections: PropTypes.shape({
         header: PropTypes.shape({
           extra_fields: PropTypes.shape({

package/src/components/molecules/link-list/index.js

@@ -64,7 +64,7 @@ const LinkList = ({
             <a
               href={link}
               title={item.title || item.name}
-              rel={`noreferrer ${item.nofollow && 'nofollow'}`}
+              rel={`noreferrer ${item.nofollow ? 'nofollow' : ''}`}
               target="_blank"
               className={gtmClass || ''}
               aria-label={`${item.title || item.name} Link`}
@@ -76,7 +76,7 @@ const LinkList = ({
               to={link}
               title={item.title || item.name}
               className={gtmClass || ''}
-              rel={item.nofollow && 'nofollow'}
+              rel={item.nofollow ? 'nofollow' : ''}
               aria-label={`${item.title || item.url} Link`}
             >
               {renderLinkContent(item, index)}

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

@@ -72,7 +72,7 @@ const Main = ({
       )}
       {SearchPage && (
         <Suspense fallback={<></>}>
-          <SearchPage page={page} />
+          <SearchPage page={page} serverData={serverData} />
         </Suspense>
       )}
       {Newsletter && (
@@ -101,7 +101,7 @@ Main.propTypes = {
     path: PropTypes.string,
   }),
   pageContext: PropTypes.shape({}),
-  serverData: PropTypes.shape({}),
+  serverData: PropTypes.any,
   exclOperator: PropTypes.bool,
   exclNewsletter: PropTypes.bool,
 };

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

@@ -94,7 +94,7 @@ Menu.propTypes = {
   }).isRequired,
   menu: PropTypes.string,
   gtmClass: PropTypes.string,
-  customStyles: PropTypes.string,
+  customStyles: PropTypes.shape({}),
   orientation: PropTypes.oneOf(['horizontal']),
   mobileAnimation: PropTypes.oneOf(['collapseFull', 'collapse', 'slideLeft', 'slideTop']),
   stopScrollOnOpen: PropTypes.bool,

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

@@ -130,7 +130,7 @@ const Modules = ({ module, page, pageContext }) => {
           module.name || ''
         } ${styles.module || ''} ${module?.style ? styles[module.style] || '' : ''} module`}
       >
-        <ModuleTitle module={module} anchorLabel={module.name === 'archive' && anchorLabel} />
+        <ModuleTitle module={module} anchorLabel={module.name === 'archive' ? anchorLabel : ''} />
         {module.module_introduction && <Content module={{ value: module.module_introduction }} />}
 
         {module.name === 'accordion' ||

package/src/components/molecules/newsletter/form/index.js

@@ -14,6 +14,7 @@ const NewsletterForm = ({
   market,
   setErr,
   path,
+  country,
 }) => {
   const [ip, setIP] = useState('');
   const [error, setError] = useState(false);
@@ -42,9 +43,9 @@ const NewsletterForm = ({
     const refName = getUrl(path)?.replace('https://', '') || process.env.BACOM_REF_NAME;
 
     await fetch(
-      `https://bacom.dk/subscribe/gig/?firstname=${name}&user_ip=${ip}&ref_name=${refName}&ref_url=${refUrl}&timestamp=${timestamp}&country=${
-        process.env.COUNTRY
-      }&email=${email}${!validatePhoneNr ? `&phone_number=${phomeNumber}` : ''}`,
+      `https://bacom.dk/subscribe/gig/?firstname=${name}&user_ip=${ip}&ref_name=${refName}&ref_url=${refUrl}&timestamp=${timestamp}&country=${country}&email=${email}${
+        !validatePhoneNr ? `&phone_number=${phomeNumber}` : ''
+      }`,
       {
         method: 'GET',
         headers: {
@@ -98,6 +99,7 @@ NewsletterForm.propTypes = {
   market: PropTypes.string,
   setErr: PropTypes.bool,
   path: PropTypes.string,
+  country: PropTypes.string,
 };
 
 export default NewsletterForm;

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

@@ -7,10 +7,10 @@ import Button from './toggle-button/index';
 import NewsletterForm from './form/index';
 import styles from './newsletter.module.scss';
 
-const Newsletter = ({ page, openBtnText = 'Unlock Bonuses', isSticky = true }) => {
+const Newsletter = ({ page, openBtnText = 'Unlock Bonuses', isSticky = false }) => {
   const [toggleNewsetter, setToggleNewsletter] = useState(false);
   const [isClicked, setIsClicked] = useState(false);
-
+  const country = page?.market?.split('_')[0].toUpperCase();
   const { translations } = useContext(Context) || {};
   const redirectUrl =
     page?.path === '/'
@@ -48,7 +48,12 @@ const Newsletter = ({ page, openBtnText = 'Unlock Bonuses', isSticky = true }) =
               : `${styles?.form || ''} ${toggleNewsetter ? styles?.active || '' : ''}`
           }
         >
-          <NewsletterForm market={page?.market} path={page?.path} redirectUrl={redirectUrl} />
+          <NewsletterForm
+            country={country}
+            market={page?.market}
+            path={page?.path}
+            redirectUrl={redirectUrl}
+          />
           {isSticky && (
             <MdClose
               className={styles?.closeBtn || ''}

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

@@ -56,27 +56,20 @@
   z-index: var(--scroll-to-top-index);
   max-width: 100rem;
   margin: 0 auto;
-}
-
-.form{
-  // form style
-  >div{
-    background: transparent;
-    box-shadow: none;
-    h2{
-
-    }
-    p{
-
-    }
-    form{
-     
-      label{
-
-      }
-      input{
-
-      }
+  form {
+    button {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+      background-color: var(--primary-button-color, #6e33e5);
+      color: var(--primary-button-color-text, #ffffff);
+      padding: 0.9rem 3rem;
+      font-weight: 700;
+      font-size: 1.8rem;
+      border-radius: var(--border-radius);
+      white-space: nowrap;
+      border-radius: 100px;
     }
   }
-}
+}

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

@@ -450,7 +450,7 @@ Search.propTypes = {
       children: PropTypes.element,
       showAll: PropTypes.string,
       tabsAlign: PropTypes.string,
-      HeaderComp: PropTypes.elementType,
+      HeaderComp: PropTypes.any,
     }),
     sort: PropTypes.arrayOf(
       PropTypes.shape({

package/src/components/organisms/anchor/template-one/index.js

@@ -122,7 +122,7 @@ function Anchor({
   const sticky = isFixed && isSticky(stickyOffset, setActiveAnchor, anchorContainerRef);
 
   const anchorItems = anchorList?.map((item, index) => (
-    <li className={styles.anchorItem || ''}>
+    <li key={index} className={styles.anchorItem || ''}>
       <a
         className={`${styles.link || ''} anchor-carousel-gtm anchor-menu-gtm`}
         key={keygen()}
@@ -185,7 +185,7 @@ Anchor.propTypes = {
       })
     ),
   }).isRequired,
-  headerOffset: PropTypes.number.isRequired,
+  headerOffset: PropTypes.number,
   styles: PropTypes.shape({}),
   isFixed: PropTypes.bool,
   icon: PropTypes.element,

package/src/components/organisms/anchor/template-two/index.js

@@ -74,7 +74,7 @@ Anchor.propTypes = {
       })
     ),
   }).isRequired,
-  headerOffset: PropTypes.number.isRequired,
+  headerOffset: PropTypes.number,
   styles: PropTypes.shape({}),
   icon: PropTypes.element,
   showTitle: PropTypes.string,

package/src/components/organisms/form/fields/index.js

@@ -72,6 +72,7 @@ const getField = (field, handleChange, elements, state) => {
                 type={type}
                 checked={elements[id] === option.label}
                 onChange={(e) => handleChange(e.target.name, option.label)}
+                autoComplete="on"
               />
               <label
                 key={option.id}
@@ -139,6 +140,7 @@ const getField = (field, handleChange, elements, state) => {
           value={elements[id]}
           onChange={(e) => handleChange(e.target.name, e.target.value)}
           className={`${(!state.isValid && elements[id] === '' && styles.invalid) || ''}`}
+          autoComplete={id}
         />
       );
   }

package/src/components/organisms/form/index.js

@@ -218,7 +218,7 @@ FormComponent.propTypes = {
   successMessage: PropTypes.string,
   failMessage: PropTypes.string,
   validationMessage: PropTypes.string,
-  submitUrl: PropTypes.string.isRequired,
+  submitUrl: PropTypes.string,
   hasButton: PropTypes.bool,
   buttonLabel: PropTypes.string,
   disabled: PropTypes.bool,

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

@@ -96,7 +96,7 @@ const Navigation = ({
                 canOpenAllSubMenus={canOpenAllSubMenus}
                 customStyles={customStyles}
                 gtmClass="main-menu-gtm"
-                menu={template === 'responsible_gambling_guide' && 'rg_menu'}
+                menu={template === 'responsible_gambling_guide' ? 'rg_menu' : ''}
               />
 
               {hasSearch && (
@@ -137,7 +137,7 @@ Navigation.propTypes = {
   pageContext: PropTypes.shape({
     allMarkets: PropTypes.shape({}),
     page: PropTypes.shape({
-      market: PropTypes.shape({}),
+      market: PropTypes.string,
     }),
   }),
   hasSearch: PropTypes.bool,
@@ -152,7 +152,7 @@ Navigation.propTypes = {
   logoHeight: PropTypes.number,
   searchIcon: PropTypes.string,
   children: PropTypes.node,
-  customStyles: PropTypes.string,
+  customStyles: PropTypes.shape({}),
   hasCustomComponent: PropTypes.bool,
 };
 

package/src/components/organisms/toplist/list/index.js

@@ -78,7 +78,7 @@ List.propTypes = {
     tracker: PropTypes.string,
     one_liner: PropTypes.string,
   }),
-  hasLoadMoreButton: PropTypes.string,
+  hasLoadMoreButton: PropTypes.number,
   initItemsCount: PropTypes.string,
   loadItemsCount: PropTypes.string,
   pageTemplate: PropTypes.string,

package/src/components/pages/body/index.js

@@ -57,7 +57,7 @@ function Body({ pageContext, children, serverData }) {
 Body.propTypes = {
   children: PropTypes.element,
   // eslint-disable-next-line react/forbid-prop-types
-  serverData: PropTypes.shape({}),
+  serverData: PropTypes.any,
   pageContext: PropTypes.shape({
     page: PropTypes.shape({
       id: PropTypes.number,

package/src/components/pages/search/index.js

@@ -67,9 +67,7 @@ SearchContent.propTypes = {
     path: PropTypes.string,
     updated_at: PropTypes.string,
     created_at: PropTypes.string,
-    author: PropTypes.shape({
-      name: PropTypes.string,
-    }),
+    author: PropTypes.any,
     translations: PropTypes.shape({}),
   }),
 };

package/src/components/pages/tracker/index-ssr.js

@@ -22,8 +22,8 @@ const Tracker = ({
   counter = false,
   isStory = false,
   operatorLogo = false,
-  operatorLogoWidth = '80',
-  operatorLogoHeight = '80',
+  operatorLogoWidth = 80,
+  operatorLogoHeight = 80,
   serverData,
 }) => {
   const { operator, page, translations } = pageContext;
@@ -171,12 +171,7 @@ Tracker.propTypes = {
       translations: PropTypes.shape({}),
     }),
   }),
-  serverData: PropTypes.shape({
-    success: PropTypes.bool,
-    result: PropTypes.shape({
-      link: PropTypes.string,
-    }),
-  }),
+  serverData: PropTypes.any,
   styles: PropTypes.shape({}),
 };
 

package/src/components/pages/tracker/index.js

@@ -22,8 +22,8 @@ const Tracker = ({
   counter = false,
   isStory = false,
   operatorLogo = false,
-  operatorLogoWidth = '80',
-  operatorLogoHeight = '80',
+  operatorLogoWidth = 80,
+  operatorLogoHeight = 80,
 }) => {
   const { operator, page, translations } = pageContext;
 

package/src/components/pages/tracker-geo/index-ssr.js

@@ -20,8 +20,8 @@ export default function TrackerGeo({
   logo = '../../../../../images/logo.svg',
   counter = false,
   operatorLogo = false,
-  operatorLogoWidth = '80',
-  operatorLogoHeight = '80',
+  operatorLogoWidth = 80,
+  operatorLogoHeight = 80,
 }) {
   const { page, operatorsByMarket } = pageContext;
   const operator = operatorsByMarket[Object.keys(operatorsByMarket)[0]][0];

package/src/components/pages/tracker-geo/index.js

@@ -20,8 +20,8 @@ export default function TrackerGeo({
   logo = '../../../../../images/logo.svg',
   counter = false,
   operatorLogo = false,
-  operatorLogoWidth = '80',
-  operatorLogoHeight = '80',
+  operatorLogoWidth = 80,
+  operatorLogoHeight = 80,
 }) {
   const { page, operatorsByMarket } = pageContext;
   const operator = operatorsByMarket[Object.keys(operatorsByMarket)[0]][0];

package/src/helpers/schema.js

@@ -1,4 +1,4 @@
-import { getGameRating, getUrl, getLanguage } from './getters';
+import { getGameRating, getUrl, getLanguage, imagePrettyUrl } from './getters';
 import { cleanHTML } from './strings';
 
 /* HardCoded Start */
@@ -31,7 +31,53 @@ const socialLinks = [
   'wikipedia',
   'youtube',
 ];
+const socialAuthorLinks = [
+  'facebook_profile',
+  'twitter_profile',
+  'instagram_profile',
+  'linkedin_profile',
+];
+
 /* HardCoded End */
+const authorObj = (page, author, webSiteImage) => ({
+  '@context': 'https://schema.org',
+  '@type': 'Person',
+  name: author?.name || '',
+  image: author?.image ? imagePrettyUrl(author?.image) : '',
+  url: getUrl(author?.profile_page_path),
+  jobTitle: author?.author_title,
+  email: author?.email_address,
+  description: author?.biography,
+  sameAs: socialAuthorLinks
+    .map((socialLink) => author?.[socialLink])
+    .filter((socialLink) => socialLink),
+  knowsLanguage: getLanguage(page?.language),
+  nationality: {
+    '@type': 'Country',
+    name: author?.country?.name || '',
+  },
+  worksFor: {
+    '@type': 'Organization',
+    name: page?.siteSchema?.site_name,
+    logo: webSiteImage,
+    url: getUrl('/'),
+    sameAs: socialLinks
+      .map((socialLink) => page.siteSchema?.[socialLink])
+      .filter((socialLink) => socialLink),
+  },
+  knowsAbout: author?.knows_abouts?.map((item) => ({
+    '@type': item?.type,
+    name: item?.name,
+    sameAs: item?.links.map((link) => link?.link).filter((link) => link),
+  })),
+});
+
+const getAuthors = (page, webSiteImage) => {
+  if (page?.allAuthors?.length) {
+    return page?.allAuthors?.map((author) => authorObj(page, author, webSiteImage)) || [];
+  }
+  return page?.author_id ? authorObj(page, page?.author, webSiteImage) : '';
+};
 
 function checkSchemaProp(prop) {
   return (
@@ -196,7 +242,6 @@ export function webPageSchema(page, pageImage) {
             '@type': 'Country',
             name: page?.reviewer?.country?.name,
           },
-
           knowsAbout: page?.reviewer?.knows_abouts?.map((item) => ({
             '@type': item?.type,
             name: item?.name,
@@ -226,23 +271,7 @@ 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),
-      })),
-    },
+    author: getAuthors(page),
   };
   if (speakAbleModules.length > 0) {
     schema['@speakAbleModules'] = speakAbleModules.map((module) => JSON.parse(module));
@@ -359,12 +388,7 @@ export function moduleSchemas(modules, path, page, pageImage) {
 
 export function templateSchemas(page, pageImage) {
   const sharedProps = {
-    author: {
-      '@type': 'Person',
-      name: page.author?.name?.substring(0, 100),
-      url: getUrl(page.author?.profile_page_path || '/'),
-      ...(page?.author?.knowsAbout ? { knowsAbout: page?.author?.knowsAbout } : {}),
-    },
+    author: getAuthors(page),
     publisher: {
       '@type': 'Organization',
       name:

package/src/helpers/schema.test.js

@@ -118,9 +118,11 @@ describe('Schema Helper', () => {
         created_at: '01/01/01',
         updated_at: '02/02/02',
         seo_keywords: ['keyword_a', 'keyword_b'],
+        author_id: 112,
         author: {
           profile_page_path: 'author_a/author_page',
           email_address: 'email_a@email.com',
+          image: 'author_image.jpg',
           name: 'Author_A',
           image_object: {
             url: 'author_image.jpg',
@@ -220,7 +222,7 @@ describe('Schema Helper', () => {
     expect(json.primaryImageOfPage.inLanguage).toEqual('site_lang');
     expect(Object.prototype.toString.call(json.author)).toEqual('[object Object]');
     expect(json.author['@type']).toEqual('Person');
-    expect(json.author.image).toEqual('author_image.jpg');
+    expect(json.author.image).toEqual('https://cdn.images.com/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]');
@@ -330,9 +332,41 @@ describe('Schema Helper', () => {
       featured_image_object: {
         url: 'featured_image/image.jpg',
       },
+      author_id: 112,
       author: {
-        name: 'Very long name for the 100 characters Article Author test - ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ',
         profile_page_path: 'article_author/author_page',
+        email_address: 'email_a@email.com',
+        image: 'author_image.jpg',
+        name: 'Very long name for the 100 characters Article Author test - ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMN',
+        image_object: {
+          url: 'author_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',
+              },
+            ],
+          },
+        ],
       },
       siteInfo: {
         site_logo: 'logo.jpg',
@@ -379,9 +413,41 @@ describe('Schema Helper', () => {
       featured_image_object: {
         url: 'featured_image/image.jpg',
       },
+      author_id: 112,
       author: {
-        name: 'Very long name for the 100 characters Article Author test - ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ',
+        name: 'Very long name for the 100 characters Article Author test - ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMN',
         profile_page_path: 'operator_review_author/author_page',
+        email_address: 'email_a@email.com',
+        image: 'author_image.jpg',
+        image_object: {
+          url: 'author_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',
+              },
+            ],
+          },
+        ],
       },
       siteInfo: {
         site_logo: 'logo.jpg',
@@ -434,9 +500,41 @@ describe('Schema Helper', () => {
       featured_image_object: {
         url: 'featured_image/image.jpg',
       },
+      author_id: 112,
       author: {
-        name: 'Very long name for the 100 characters Article Author test - ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ',
+        name: 'Very long name for the 100 characters Article Author test - ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMN',
         profile_page_path: 'operator_review_author/author_page',
+        email_address: 'email_a@email.com',
+        image: 'author_image.jpg',
+        image_object: {
+          url: 'author_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',
+              },
+            ],
+          },
+        ],
       },
       siteInfo: {
         site_logo: 'logo.jpg',