gatsby-matrix-theme 7.1.62 → 7.1.64

package/CHANGELOG.md

@@ -1,3 +1,50 @@
+## [7.1.64](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v7.1.63...v7.1.64) (2022-10-07)
+
+
+### Bug Fixes
+
+* added newsletter layer ([e970a68](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/e970a68b11a05ae9ee2617edc102198147e923d3))
+* added theme style from input style module ([bc9830d](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/bc9830d552aa427ac21e1bd7ce641eb100aac859))
+* deleted the unnecessary function ([79b4b0d](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/79b4b0dddd3e0ea733e7ed9dbecfeb96f2de7fa4))
+* newsletter layout prop ([d602d4b](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/d602d4bff8c98cb9acf3d766f46d6793c6cb4bfe))
+* open modal for toplist nsa ([3352aa5](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/3352aa5c8f1c8ff76bed4c1be94aec4065fb3024))
+* remove schema matrix ([3013ef2](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/3013ef279224eee63f8da43a1b4a89fac0c183b5))
+* removed timeout on footer navigation ([dedcbab](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/dedcbab9caf8f9ec6dd9d601967909fe5d04758b))
+* updated to latest core version ([709f417](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/709f4175e2522e5d6ae157b511a35a3c2a3a480e))
+
+
+### Code Refactoring
+
+* update newsletter box positioning ([99b1bc5](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/99b1bc5f48445cac234bf556fd8c030433bcfee2))
+* update newsletter form for prop ([eb47237](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/eb47237fce1b6ec75983c6b5ebe54e7f9e48a05a))
+* update newsletter override and main component ([54d2786](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/54d27860a63149ae8608af35ad299043b96ba8b2))
+
+
+* Merge branch 'tm-2999-update-newsletter-box' into 'master' ([f4a5ca1](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/f4a5ca1d0e972a7da2c5c1adad9c1020051a26de))
+* Merge branch 'tm-2833-schema-bible-matrix-remove' into 'master' ([de40677](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/de40677097a43e27d530559705c3461f78bc8a21))
+* Merge branch 'tm-3014-sign-up-layer' into 'master' ([ca39c10](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/ca39c101fb8fabd1860d204855addf2f199245b5))
+* Merge branch 'master' of git.ilcd.rocks:team-floyd/themes/matrix-theme ([f9628d0](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/f9628d0c3e64b48afd1d934341d6502ceb24614f))
+* Merge branch 'tm-3003-toplist-style-theme' into 'master' ([c1f13c8](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/c1f13c8191b1375be674ff28960e0ec2e4353ee8))
+
+## [7.1.63](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v7.1.62...v7.1.63) (2022-09-29)
+
+
+### Bug Fixes
+
+* add new props for show rating and update theme ([ae05db1](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/ae05db14d8a2bb5d613c2ea72623b3d4d58312e6))
+* show see more ([970f745](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/970f74500de0b8850032ad47b5b5418a12899a36))
+* validate data ([5d4d31c](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/5d4d31c3f6e2af6f87782b56da340efaa2863de5))
+
+
+### Code Refactoring
+
+* correction to page title for feedback component ([0e56912](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/0e569129803a8deed0e5351e1828dd860e515bb6))
+* correction to typo and fix feedback title operator name ([7d4c06f](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/7d4c06fe26cc3c8e66a04592965a41a861e2154b))
+
+
+* Merge branch 'tm-3004-cards' into 'master' ([87b0192](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/87b019285cdf05310dc9850983963e225f3d3cf2))
+* Merge branch 'tm-3060-feedback-title' into 'master' ([8e9d8df](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/8e9d8dfe8006006eb63db78489116e4f9af56c72))
+
 ## [7.1.62](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v7.1.61...v7.1.62) (2022-09-23)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "7.1.62",
+  "version": "7.1.64",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "gatsby": "^4.20.0",
-    "gatsby-core-theme": "11.0.9",
+    "gatsby-core-theme": "12.0.2",
     "gatsby-plugin-sharp": "^4.10.2",
     "gatsby-plugin-sitemap": "^3.3.0",
     "gatsby-transformer-sharp": "^4.10.0",

package/src/components/atoms/cards/payment-method-card/index.js

@@ -1,5 +1,7 @@
+/* eslint-disable import/no-extraneous-dependencies */
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
+import loadable from '@loadable/component';
 import Link from 'gatsby-core-theme/src/hooks/link';
 import LazyImage from 'gatsby-core-theme/src/hooks/lazy-image';
 import {
@@ -14,11 +16,20 @@ import { Context } from 'gatsby-core-theme/src/context/TranslationsProvider';
 import BaseCard from '../base-card/index';
 import styles from './payment-method-card.module.scss';
 
-const PaymentMethodCard = ({ item, showTitle = true, showDesc = true, width, height }) => {
+const PaymentMethodCard = ({
+  item,
+  showTitle = true,
+  showDesc = true,
+  width,
+  height,
+  showRating = false,
+}) => {
   const { title, path, relation, sections } = item;
   const logUrlObject = relation?.logo_object;
   const { translations } = useContext(Context) || {};
-
+  const StarRating =
+    showRating &&
+    loadable(() => import('gatsby-core-theme/src/components/molecules/star-rating/one-star'));
   return (
     <BaseCard item={item} cardType="payment_method">
       <div className={styles.content}>
@@ -39,6 +50,9 @@ const PaymentMethodCard = ({ item, showTitle = true, showDesc = true, width, hei
           {showTitle && (
             <Link className={`${styles.links} payment-method-card-gtm`} to={path}>
               <span className={styles.title}>{title}</span>
+              {showRating && (
+                <StarRating numOfStars={5} halfStars={false} rating={relation.rating} />
+              )}
             </Link>
           )}
         </div>
@@ -73,6 +87,7 @@ PaymentMethodCard.propTypes = {
       logo_object: PropTypes.shape({
         alt: PropTypes.string,
       }),
+      rating: PropTypes.string,
     }),
     sections: PropTypes.shape({
       header: PropTypes.shape({
@@ -84,6 +99,7 @@ PaymentMethodCard.propTypes = {
   }).isRequired,
   width: PropTypes.number,
   height: PropTypes.number,
+  showRating: PropTypes.bool,
 };
 
 export default PaymentMethodCard;

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

@@ -8,7 +8,7 @@ import { BiDislike } from '@react-icons/all-files/bi/BiDislike';
 
 import styles from './feedback.module.scss';
 
-const FeetBack = ({ pageId, casinoTitle, trueVotes, falseVotes, contactUs = '/contact-us' }) => {
+const FeedBack = ({ pageId, casinoTitle, trueVotes, falseVotes, contactUs = '/contact-us' }) => {
   const { translations } = useContext(Context) || {};
   const [voted, setVote] = useState(null);
   const [error, setError] = useState(null);
@@ -118,7 +118,7 @@ const FeetBack = ({ pageId, casinoTitle, trueVotes, falseVotes, contactUs = '/co
   );
 };
 
-FeetBack.propTypes = {
+FeedBack.propTypes = {
   pageId: PropTypes.number,
   casinoTitle: PropTypes.string,
   trueVotes: PropTypes.number,
@@ -126,4 +126,4 @@ FeetBack.propTypes = {
   contactUs: PropTypes.string,
 };
 
-export default FeetBack;
+export default FeedBack;

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

@@ -171,7 +171,9 @@ const NewsletterForm = ({
 
           <form ref={form} onSubmit={handelSubmit}>
             {formTextTranslated.textAboveName ? (
-              <p className={styles.textAboveInput}>{formTextTranslated.textAboveName}</p>
+              <label className={styles.textAboveInput} htmlFor="name">
+                {formTextTranslated.textAboveName}
+              </label>
             ) : null}
 
             <input
@@ -179,9 +181,12 @@ const NewsletterForm = ({
               placeholder={formTextTranslated.placeholderName}
               type="text"
               name="name"
+              id="name"
             />
             {formTextTranslated.textAboveEmail ? (
-              <p className={styles.textAboveInput}>{formTextTranslated.textAboveEmail}</p>
+              <label className={styles.textAboveInput} htmlFor="email">
+                {formTextTranslated.textAboveEmail}
+              </label>
             ) : null}
 
             <input
@@ -189,9 +194,12 @@ const NewsletterForm = ({
               placeholder={formTextTranslated.placeholderEmail}
               type="email"
               name="email"
+              id="email"
             />
             {formTextTranslated.textAbovePhoneNumber ? (
-              <p className={styles.textAboveInput}>{formTextTranslated.textAbovePhoneNumber}</p>
+              <label className={styles.textAboveInput} htmlFor="phone">
+                {formTextTranslated.textAbovePhoneNumber}
+              </label>
             ) : null}
 
             {formTextTranslated.placeholderPhoneNumber && (
@@ -200,6 +208,7 @@ const NewsletterForm = ({
                 placeholder={formTextTranslated.placeholderPhoneNumber}
                 type="tel"
                 name="phone"
+                id="phone"
               />
             )}
             <PrivacyandSuccess

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

@@ -12,7 +12,7 @@ import Button from '../../atoms/newsletter/toggle-button/index';
 import Form from '../../atoms/newsletter/form/index';
 import styles from './newsletter.module.scss';
 
-const Newsletter = ({ page, openBtnText = 'Unlock Bonuses', footer = false }) => {
+const Newsletter = ({ page, openBtnText = 'Unlock Bonuses', footer = false, isSticky = true }) => {
   const [toggleNewsetter, setToggleNewsletter] = useState(false);
   const [isClicked, setIsClicked] = useState(false);
   const { translations } = useContext(Context) || {};
@@ -32,9 +32,9 @@ const Newsletter = ({ page, openBtnText = 'Unlock Bonuses', footer = false }) =>
   return (
     <div
       ref={newsletterFloatingContainer}
-      className={!footer ? styles.content : styles.contentFooter}
+      className={footer ? styles.contentFooter : !isSticky ? styles.contentPage : styles.content}
     >
-      {!footer && page && page.type !== 'operator' && (
+      {!footer && isSticky && (
         <Button
           active={!toggleNewsetter}
           text={translate(translations, 'newsletter_open_btn', openBtnText)}
@@ -44,15 +44,24 @@ const Newsletter = ({ page, openBtnText = 'Unlock Bonuses', footer = false }) =>
           ppcPage={ppcPage}
         />
       )}
+      {toggleNewsetter && (
+        <div
+          className={styles.layer}
+          onClick={() => setToggleNewsletter(false)}
+          aria-hidden="true"
+        />
+      )}
       <div
         className={
-          !footer
-            ? `${styles.form} ${toggleNewsetter && styles.active} ${ppcPage && styles.ppcPageForm}`
-            : styles.newsletter
+          footer
+            ? styles.formFooter
+            : !isSticky
+            ? styles.formPage
+            : `${styles.form} ${toggleNewsetter && styles.active} ${ppcPage && styles.ppcPageForm}`
         }
       >
         <Form redirectUrl={redirectUrl} ppcPage={ppcPage} footer={footer} />
-        {!footer ? (
+        {!footer && isSticky ? (
           <MdClose className={styles.closeBtn} onClick={() => setToggleNewsletter(false)} />
         ) : null}
       </div>
@@ -68,5 +77,7 @@ Newsletter.propTypes = {
     type: PropTypes.string,
   }),
   footer: PropTypes.bool,
+  isSticky: PropTypes.bool,
 };
+
 export default Newsletter;

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

@@ -66,13 +66,32 @@
     
 }
 
+.contentPage {
+    padding: 3.2rem 1.6rem;
+    width: 100%;
+    background: var(--newsletter-container-background-color);
+    z-index: var(--scroll-to-top-index);
+    .formPage {
+        padding: 2.4rem 1.6rem;
+        border-radius: 0.8rem;
+        box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.2);
+        background: var(--newsletter-body-background-color);
+        @include flex-direction(column);
+        @include min(tablet) {
+            margin: 0 auto;
+            padding: 2.4rem;
+            max-width: var(--main-container-max);
+        }
+    }
+}  
+
 .contentFooter{
     background: #fff;
     box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.2);
     border-radius: .4rem;
     padding: 1.5rem;
     
-    .newsletter{
+    .formFooter{
         display: block;
         .maintext{
             display: block;

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

@@ -1,4 +1,5 @@
 import React, { useEffect, useState } 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';
@@ -12,18 +13,10 @@ const FooterNavigation = ({ section, isStorybook = false }) => {
   const handleEvent = () => {
     setShow(true);
   };
-
-  const showAfter = (seconds) => {
-    setTimeout(() => {
-      setShow(true);
-    }, seconds * 1000);
-  };
-
   useEffect(() => {
     window.addEventListener('scroll', handleEvent);
     window.addEventListener('mousemove', handleEvent);
     window.addEventListener('touchstart', handleEvent);
-    showAfter(3);
 
     return () => {
       window.removeEventListener('scroll', handleEvent);

package/src/constants/settings/newsletter.js

@@ -0,0 +1,11 @@
+export default {
+  default: {
+    filter_pages: ['operator'],
+  },
+  'norskespilleautomater.com': {
+    filter_pages: ['game'],
+  },
+  'onlinegamblingsa.co.za': {
+    filter_pages: ['*'],
+  },
+};

package/src/gatsby-core-theme/components/atoms/module-title/index.js

@@ -80,9 +80,11 @@ const ModuleTitle = ({ module, viewMoreIcon = <FaAngleRight />, pageContext = nu
 
   const template = pageContext && pageContext?.page?.template;
   const type = pageContext && pageContext?.page?.type;
+  const seeMore = module?.see_more_link;
+
   return module.module_title ||
     (module.title && (module.name === 'cards' || module.name === 'top_list')) ? (
-    module.link_label ? (
+    seeMore ? (
       <div
         className={`${styles.moduleTitle} ${styles[type]} ${styles[template]} ${
           module?.style && styles[module.style]
@@ -90,9 +92,9 @@ const ModuleTitle = ({ module, viewMoreIcon = <FaAngleRight />, pageContext = nu
       >
         {(module?.title || module.module_title) && getTitle(styles.toplistTitle)}
 
-        {module.link_label && (
-          <Link to={module.link_value} className={`${styles.viewMore} module-title-gtm`}>
-            {module.link_label}
+        {seeMore && (
+          <Link to={seeMore.value_label} className={`${styles.viewMore} module-title-gtm`}>
+            {seeMore.title}
             {viewMoreIcon}
           </Link>
         )}
@@ -123,6 +125,10 @@ ModuleTitle.propTypes = {
     }),
     show_last_updated_date: PropTypes.string,
     title: PropTypes.string,
+    see_more_link: PropTypes.shape({
+      title: PropTypes.string,
+      value_label: PropTypes.string,
+    }),
   }),
   viewMoreIcon: PropTypes.element,
   pageContext: PropTypes.shape({}),

package/src/gatsby-core-theme/components/molecules/main/index.js

@@ -8,10 +8,16 @@ import Module from 'gatsby-core-theme/src/components/molecules/module';
 
 import styles from 'gatsby-core-theme/src/components/molecules/main/main.module.scss';
 import keygen from 'gatsby-core-theme/src/helpers/keygen';
-import Newsletter from '../../../../components/molecules/newsletter';
+import settings from 'gatsby-matrix-theme/src/constants/settings/newsletter';
 
-const Main = ({ section = {}, pageContext = {}, showNewsletter = true }) => {
+const Main = ({ section = {}, pageContext = {} }) => {
   const { page } = pageContext;
+  const siteName = process.env.GATSBY_SITE_NAME;
+  const showNewsletter = !(
+    settings[siteName]?.filter_pages?.includes('*') ||
+    settings[siteName]?.filter_pages?.includes(page.type) ||
+    settings.default?.filter_pages?.includes(page.type)
+  );
   const SearchPage =
     page.path === 's'
       ? loadable(() => import(`gatsby-core-theme/src/components/pages/search`))
@@ -20,8 +26,11 @@ const Main = ({ section = {}, pageContext = {}, showNewsletter = true }) => {
     page.path === 'sitemap'
       ? loadable(() => import(`gatsby-core-theme/src/components/atoms/sitemap`))
       : null;
+  const Newsletter = showNewsletter
+    ? loadable(() => import('../../../../components/molecules/newsletter'))
+    : null;
   const NewsletterSuccess =
-    typeof window !== 'undefined' && Boolean(getURLParam('subscribed'))
+    showNewsletter && typeof window !== 'undefined' && Boolean(getURLParam('subscribed'))
       ? loadable(() => import(`../../../../components/atoms/newsletter/success`))
       : null;
   const NotFound = page.path.includes('404')
@@ -41,17 +50,17 @@ const Main = ({ section = {}, pageContext = {}, showNewsletter = true }) => {
           <Module key={keygen()} module={module} page={page} pageContext={pageContext} />
         ))}
       {SearchPage && <SearchPage page={page} />}
-      {showNewsletter && <Newsletter page={page} />}
-      {NewsletterSuccess && showNewsletter && <NewsletterSuccess />}
       {AuthorBox && <AuthorBox author={page.author} page={page} />}
       {Feedback && (
         <Feedback
           trueVotes={page?.true_votes}
           falseVotes={page?.false_votes}
           pageId={page?.id}
-          casinoTitle={page?.title}
+          casinoTitle={page?.relation ? page?.relation.name : page?.title}
         />
       )}
+      {Newsletter && <Newsletter page={page} />}
+      {NewsletterSuccess && <NewsletterSuccess />}
     </main>
   );
 };
@@ -68,7 +77,6 @@ Main.propTypes = {
     path: PropTypes.string,
   }),
   pageContext: PropTypes.shape({}),
-  showNewsletter: PropTypes.bool,
 };
 
 export default Main;

package/src/gatsby-core-theme/components/organisms/toplist/index.js

@@ -21,6 +21,7 @@ const TopList = ({ module, toplistHeading, CustomRow, page }) => {
             pagePath={page.path}
             toplist={toplist}
             CustomRow={Row}
+            modulestyle={module?.style}
             hasLoadMoreButton={toplist.show_load_more}
             initItemsCount={toplist.num_items_initial_load}
             loadItemsCount={toplist.num_items_load_more}

package/src/gatsby-core-theme/components/organisms/toplist/list/index.js

@@ -19,6 +19,8 @@ export default function List({
   initItemsCount,
   loadItemsCount,
   pageTemplate,
+  modulestyle,
+  themeStyles = {},
   removeInactiveItems = true,
 }) {
   const initLoadItems = Number(initItemsCount) !== 0 ? Number(initItemsCount) : 10000;
@@ -57,7 +59,10 @@ export default function List({
 
   return (
     <>
-      <ul className={styles.list} key={keygen()}>
+      <ul
+        className={`${styles.list} ${modulestyle ? themeStyles[modulestyle] : ''} `}
+        key={keygen()}
+      >
         {items.map((item, index) =>
           CustomRow ? (
             <CustomRow

package/src/gatsby-core-theme/hooks/modal/modal-content.js

@@ -73,26 +73,33 @@ const ModalContent = ({ children, closeIcon }) => {
 
   return (
     <div className={`${styles.modalInner} ${children && styles.modalContainer}`} ref={modal}>
-      <div className={styles.modalOverlay} onClick={close} />
-      {modalContent && (
-        <div className={styles.modalContent}>
-          {closeIcon && (
-            <button
-              className={`${styles.closeIcon} modal-gtm btn-cta`}
-              aria-label="Close Icon"
-              type="button"
-              onClick={close}
-            >
-              {closeIcon}
-            </button>
+      {showModal && (
+        <>
+          <div className={styles.modalOverlay} onClick={close} />
+          {modalContent && (
+            <div className={styles.modalContent}>
+              {closeIcon && (
+                <button
+                  className={`${styles.closeIcon} modal-gtm btn-cta`}
+                  aria-label="Close Icon"
+                  type="button"
+                  onClick={close}
+                >
+                  {closeIcon}
+                </button>
+              )}
+              <div dangerouslySetInnerHTML={{ __html: modalContent }} />
+            </div>
           )}
-          <div dangerouslySetInnerHTML={{ __html: modalContent }} />
-        </div>
-      )}
-      {!modalContent && (
-        <div className={styles.modalChildContainer}>
-          {React.cloneElement(children, { acceptCookies: handleAcceptCookies, closeModal: close })}
-        </div>
+          {!modalContent && (
+            <div className={styles.modalChildContainer}>
+              {React.cloneElement(children, {
+                acceptCookies: handleAcceptCookies,
+                closeModal: close,
+              })}
+            </div>
+          )}
+        </>
       )}
     </div>
   );

package/src/gatsby-core-theme/helpers/schema.js

@@ -1,137 +0,0 @@
-/* eslint-disable import/prefer-default-export */
-import {
-  generateSchemaObject,
-  webPageSchema,
-  organizationSchema,
-  moduleSchemas,
-  templateSchemas,
-} from 'gatsby-core-theme/src/helpers/schema';
-import { getUrl } from 'gatsby-core-theme/src/helpers/getters';
-
-const knowsAbout = [
-  {
-    '@type': 'Thing',
-    name: 'Norway',
-    sameAs: [
-      'https://no.wikipedia.org/wiki/Norge',
-      'https://www.google.no/search?q=Norge&pws=0&nord=1&hl=no&gl=NO',
-    ],
-  },
-  {
-    '@type': 'Thing',
-    name: 'LottStift',
-    sameAs: [
-      'https://no.wikipedia.org/wiki/Lotteri-_og_stiftelsestilsynet',
-      'https://www.google.no/search?q=lottstift&pws=0&nord=1&hl=no&gl=NO',
-    ],
-  },
-  {
-    '@type': 'Thing',
-    name: 'Kasino',
-    sameAs: [
-      'https://no.wikipedia.org/wiki/Kasino',
-      'https://www.google.no/search?q=Kasino&pws=0&nord=1&hl=no&gl=NO',
-    ],
-  },
-  {
-    '@type': 'Thing',
-    name: 'Norsk Tipping Kommisjonær',
-    sameAs: [
-      'https://no.wikipedia.org/wiki/Norsk_Tipping',
-      'https://www.google.no/search?q=norsk+tipping&pws=0&nord=1&hl=no&gl=NO',
-    ],
-  },
-];
-
-export function breadcrumbsSchema({
-  // type,
-  path,
-  title,
-  breadcrumbs,
-  siteSchema: { site_name: siteName } = {},
-  // relation: { game_provider: gameProvider } = {},
-}) {
-  /* Disabled until we get a confirmation from NSA Seo */
-  // const hasExtra = process.env.GATSBY_SITE_NAME === 'norskespilleautomater.com' && type === 'game';
-  const schema = {
-    '@context': 'https://schema.org',
-    '@type': 'BreadcrumbList',
-    '@id': `${getUrl(path)}#breadcrumblist`,
-    itemListElement: [
-      {
-        '@type': 'ListItem',
-        name: siteName,
-        position: 1,
-        item: {
-          '@type': 'Thing',
-          '@id': getUrl('/'),
-          url: getUrl('/'),
-        },
-      },
-      ...breadcrumbs.map((breadcrumb, index) => ({
-        '@type': 'ListItem',
-        name: breadcrumb.label,
-        position: index + 2,
-        item: {
-          '@type': 'Thing',
-          '@id': getUrl(breadcrumb.path),
-          url: getUrl(breadcrumb.path),
-        },
-      })),
-      /* Disabled until we get a confirmation from NSA Seo */
-      // ...(hasExtra
-      //   ? [
-      //       {
-      //         '@type': 'ListItem',
-      //         name: gameProvider?.name,
-      //         position: breadcrumbs.length + 2,
-      //         item: {
-      //           '@type': 'Thing',
-      //           '@id': getUrl(`spilleverandorer/${gameProvider?.short_name}`),
-      //           url: getUrl(`spilleverandorer/${gameProvider?.short_name}`),
-      //         },
-      //       },
-      //     ]
-      //   : []),
-      {
-        '@type': 'ListItem',
-        name: title,
-        // position: breadcrumbs.length + (hasExtra ? 3 : 2),
-        position: breadcrumbs.length + 2,
-        item: {
-          '@type': 'Thing',
-          '@id': getUrl(path),
-          url: getUrl(path),
-        },
-      },
-    ],
-  };
-
-  return JSON.stringify(generateSchemaObject(schema));
-}
-
-export function schemaGenerator(page = {}, pageImage) {
-  const isNSA = process.env.GATSBY_SITE_NAME === 'norskespilleautomater.com';
-  if (isNSA) {
-    page.knowsAbout = knowsAbout;
-  }
-
-  // Temporary Change for removing webPageSchema
-  const hasWebPageSchema = (page.type !== 'operator' && page.type !== 'game') || isNSA;
-  const hasOrganisationSchema = page.path === '/' || page.path === 'about-us';
-  const jsonSchema = [
-    // Page Schema
-    page.seo_json_schema,
-    // Breadcrumbs Schema
-    page.breadcrumbs?.length ? breadcrumbsSchema(page) : null,
-    hasWebPageSchema ? webPageSchema(page, pageImage) : null,
-    hasOrganisationSchema ? organizationSchema(page, pageImage) : null,
-    templateSchemas(page, pageImage),
-    // Modules Schemas
-    ...(page.sections?.main?.modules
-      ? moduleSchemas(page.sections.main.modules, page.path)
-      : [null]),
-  ];
-
-  return jsonSchema;
-}