gatsby-core-theme 44.10.1 → 44.10.12-beta.1

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

@@ -1,7 +1,7 @@
 import React, { useState, useContext, useEffect, useRef } from "react";
 import PropTypes from "prop-types";
-import { toggleScroll } from "gatsby-core-theme/src/helpers/scroll";
-import { NavigationContext } from "gatsby-core-theme/src/components/organisms/navigation/navigationContext";
+import { toggleScroll } from "~helpers/scroll";
+import { NavigationContext } from "~organisms/navigation/navigationContext";
 import SpotlightItems from "./notification-items/spotlight";
 import CardsItems from "./notification-items/cards-v2";
 import BellIcon from "~images/icons/bell";
@@ -94,4 +94,3 @@ Notifications.propTypes = {
 };
 
 export default Notifications;
-

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

@@ -3,8 +3,8 @@
 /* eslint-disable no-nested-ternary */
 import React from "react";
 import PropTypes from "prop-types";
-import { getObjectValue } from "gatsby-core-theme/src/helpers/getters";
-import keygen from "gatsby-core-theme/src/helpers/keygen";
+import { getObjectValue } from "~helpers/getters";
+import keygen from "~helpers/keygen";
 import useTranslate from "~hooks/useTranslate/useTranslate";
 import { operatorRatings } from "../../../constants/ratings-constant";
 
@@ -22,7 +22,7 @@ export default function Ratings({
         ? "operator"
         : item?.type
       : type;
-    
+
   const ratings = operatorRatings[typeCheck] || [];
 
   const rangeText = {
@@ -50,8 +50,7 @@ export default function Ratings({
         if (component && value) {
           valueDiplayed = component || "-";
         } else if (fieldValue.includes("volatility")) {
-          valueDiplayed =
-            rangeText[getObjectValue(item, fieldValue)] || "-";
+          valueDiplayed = rangeText[getObjectValue(item, fieldValue)] || "-";
         } else {
           valueDiplayed = value || "-";
         }
@@ -85,7 +84,9 @@ export default function Ratings({
             ) : (
               <>
                 {valueDiplayed}
-                {(typeof valueDiplayed === 'number' && fieldValue === "rtp" )&& "%"}
+                {typeof valueDiplayed === "number" &&
+                  fieldValue === "rtp" &&
+                  "%"}
               </>
             )}
           </li>

package/src/components/atoms/review-link/index.js

@@ -1,9 +1,9 @@
 /* eslint-disable react-hooks/rules-of-hooks */
-import React from 'react';
-import PropTypes from 'prop-types';
+import React from "react";
+import PropTypes from "prop-types";
 
-import LinkCustom from 'gatsby-core-theme/src/hooks/link';
-import useTranslate from '~hooks/useTranslate/useTranslate';
+import LinkCustom from "~hooks/link";
+import useTranslate from "~hooks/useTranslate/useTranslate";
 
 const ReviewLink = ({
   template,
@@ -18,21 +18,26 @@ const ReviewLink = ({
 
   let isBonusTemplate = false;
 
-  if (['free_bonuses', 'bonus_pages', 'casino_bonus'].includes(template)) {
+  if (["free_bonuses", "bonus_pages", "casino_bonus"].includes(template)) {
     isBonusTemplate = true;
   }
 
   return (
-    <LinkCustom className={className || ''} nofollow={nofollow} to={reviewPath}>{`${
+    <LinkCustom
+      className={className || ""}
+      nofollow={nofollow}
+      to={reviewPath}
+    >{`${
       isBonusTemplate
-        ? useTranslate('bonus', '[operator_name] Bonus').replace(
-            '[operator_name]',
+        ? useTranslate("bonus", "[operator_name] Bonus").replace(
+            "[operator_name]",
             pageName || operatorName
           )
         : useTranslate(
-            isComparisonTable ? 'read_review_comparison' : 'read_review',
-            (pageName && '[operator_name]') || (operatorName && '[operator_name] Review')
-          )?.replace('[operator_name]', pageName || operatorName)
+            isComparisonTable ? "read_review_comparison" : "read_review",
+            (pageName && "[operator_name]") ||
+              (operatorName && "[operator_name] Review")
+          )?.replace("[operator_name]", pageName || operatorName)
     }`}</LinkCustom>
   );
 };

package/src/components/atoms/search/autocomplete/article/index.js

@@ -1,15 +1,19 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Button from 'gatsby-core-theme/src/components/atoms/button/button';
-import { FaArrowRight } from '@react-icons/all-files/fa/FaArrowRight';
+import React from "react";
+import PropTypes from "prop-types";
+import { FaArrowRight } from "@react-icons/all-files/fa/FaArrowRight";
+import Button from "~atoms/button/button";
 import ArticleIcon from "../../../../../images/icons/articleIcon";
-import Link from '~hooks/link';
-import styles from './article.module.scss';
+import Link from "~hooks/link";
+import styles from "./article.module.scss";
 
-const Article = ({ item = {}, btnText = '', icon = <FaArrowRight title="Right-pointing Arrow Icon" /> }) => (
+const Article = ({
+  item = {},
+  btnText = "",
+  icon = <FaArrowRight title="Right-pointing Arrow Icon" />,
+}) => (
   <li>
-    <Link className={styles.row || ''} to={item?.path} title={item.title}>
-    <ArticleIcon />
+    <Link className={styles.row || ""} to={item?.path} title={item.title}>
+      <ArticleIcon />
       <h3 className={styles.operatorTitle}>{item.title}</h3>
       <Button
         btnText={btnText}

package/src/components/atoms/search/autocomplete/default/index.js

@@ -1,13 +1,17 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Button from 'gatsby-core-theme/src/components/atoms/button/button';
-import { FaArrowRight } from '@react-icons/all-files/fa/FaArrowRight';
-import Link from '~hooks/link';
-import styles from './default.module.scss';
+import React from "react";
+import PropTypes from "prop-types";
+import { FaArrowRight } from "@react-icons/all-files/fa/FaArrowRight";
+import Button from "~atoms/button/button";
+import Link from "~hooks/link";
+import styles from "./default.module.scss";
 
-const Default = ({ item = {}, btnText='', icon=<FaArrowRight title="Right-pointing Arrow Icon" /> }) => (
+const Default = ({
+  item = {},
+  btnText = "",
+  icon = <FaArrowRight title="Right-pointing Arrow Icon" />,
+}) => (
   <li>
-    <Link to={item?.path} title={item.title} className={styles.row || ''}>
+    <Link to={item?.path} title={item.title} className={styles.row || ""}>
       <h3 className={styles.operatorTitle}>{item.title}</h3>
       <Button
         btnText={btnText}
@@ -24,7 +28,7 @@ Default.propTypes = {
     title: PropTypes.string,
   }).isRequired,
   btnText: PropTypes.string,
-    icon: PropTypes.node,
+  icon: PropTypes.node,
 };
 
 export default Default;

package/src/components/atoms/search/autocomplete/game/index.js

@@ -1,23 +1,33 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { FaArrowRight } from '@react-icons/all-files/fa/FaArrowRight';
-import Button from 'gatsby-core-theme/src/components/atoms/button/button';
-import LazyImage from '~hooks/lazy-image';
-import { imagePrettyUrl } from '~helpers/getters';
-import Link from '~hooks/link';
-import styles from './game.module.scss';
+import React from "react";
+import PropTypes from "prop-types";
+import { FaArrowRight } from "@react-icons/all-files/fa/FaArrowRight";
+import Button from "~atoms/button/button";
+import LazyImage from "~hooks/lazy-image";
+import { imagePrettyUrl } from "~helpers/getters";
+import Link from "~hooks/link";
+import styles from "./game.module.scss";
 
-const Game = ({ item = {}, width = 56, height = 56, btnText = '', icon = <FaArrowRight title="Right-pointing Arrow Icon" /> }) => {
+const Game = ({
+  item = {},
+  width = 56,
+  height = 56,
+  btnText = "",
+  icon = <FaArrowRight title="Right-pointing Arrow Icon" />,
+}) => {
   const { logo } = item;
 
   return (
     <li>
-      <Link to={item?.path} title={item.title} className={styles.row || ''}>
+      <Link to={item?.path} title={item.title} className={styles.row || ""}>
         <LazyImage
           className={styles.gameImage}
           width={width}
           height={height}
-          src={logo ? imagePrettyUrl(logo, width, height) : '/images/default-slot.jpg'}
+          src={
+            logo
+              ? imagePrettyUrl(logo, width, height)
+              : "/images/default-slot.jpg"
+          }
           alt={item.title}
         />
         <h3 className={styles.gameTitle}>{item.title}</h3>
@@ -42,7 +52,7 @@ Game.propTypes = {
   width: PropTypes.number,
   height: PropTypes.number,
   btnText: PropTypes.string,
-    icon: PropTypes.node,
+  icon: PropTypes.node,
 };
 
 export default Game;

package/src/components/atoms/search/autocomplete/operator/index.js

@@ -1,25 +1,33 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { FaArrowRight } from '@react-icons/all-files/fa/FaArrowRight';
-import Button from 'gatsby-core-theme/src/components/atoms/button/button';
-import LazyImage from '~hooks/lazy-image';
-import { imagePrettyUrl } from '~helpers/getters';
-import Link from '~hooks/link';
-import styles from './operator.module.scss';
+import React from "react";
+import PropTypes from "prop-types";
+import { FaArrowRight } from "@react-icons/all-files/fa/FaArrowRight";
+import Button from "~atoms/button/button";
+import LazyImage from "~hooks/lazy-image";
+import { imagePrettyUrl } from "~helpers/getters";
+import Link from "~hooks/link";
+import styles from "./operator.module.scss";
 
-const Operator = ({ item = {}, width = 56, height = 56, btnText = '', icon = <FaArrowRight title="Right-pointing Arrow Icon" /> }) => {
+const Operator = ({
+  item = {},
+  width = 56,
+  height = 56,
+  btnText = "",
+  icon = <FaArrowRight title="Right-pointing Arrow Icon" />,
+}) => {
   const { logo } = item;
 
   return (
     <li>
-      <Link to={item?.path} title={item.title} className={styles.row || ''}>
-        {logo && <LazyImage
-          className={styles.operatorImage}
-          width={width}
-          height={height}
-          src={imagePrettyUrl(logo, width, height)}
-          alt={item.title}
-        />}
+      <Link to={item?.path} title={item.title} className={styles.row || ""}>
+        {logo && (
+          <LazyImage
+            className={styles.operatorImage}
+            width={width}
+            height={height}
+            src={imagePrettyUrl(logo, width, height)}
+            alt={item.title}
+          />
+        )}
         <h3 className={styles.operatorTitle}>{item.title}</h3>
         <Button
           to={item?.path}
@@ -42,7 +50,7 @@ Operator.propTypes = {
   width: PropTypes.number,
   height: PropTypes.number,
   btnText: PropTypes.string,
-    icon: PropTypes.node,
+  icon: PropTypes.node,
 };
 
 export default Operator;

package/src/components/molecules/bonus/template-one/index.js

@@ -73,7 +73,13 @@ export default function Bonus({
               tracker={module?.type || "main"}
               modulePosition={modulePosition}
             />
-            {!tncFixed && <Tnc isFixed={tncFixed} operator={operator} />}
+            {!tncFixed && (
+              <Tnc
+                isFixed={tncFixed}
+                operator={operator}
+                tracker={module?.type || "main"}
+              />
+            )}
           </div>
           <OperatorCta
             operator={operator}
@@ -85,7 +91,14 @@ export default function Bonus({
             gtmClass="bonus-operator-cta-gtm"
           />
         </div>
-        {tncFixed && <Tnc isFixed={tncFixed} operator={operator} />}
+
+        {tncFixed && (
+          <Tnc
+            isFixed={tncFixed}
+            operator={operator}
+            tracker={module?.type || "main"}
+          />
+        )}
       </div>
     </div>
   );

package/src/components/molecules/bonus/template-two/index.js

@@ -95,7 +95,13 @@ export default function TemplateOne({
             )}
 
             <BonusBox moduleName={moduleName} item={operator} tracker={module?.type || "main"} pageTemplate={pageTemplate} />
-            {!tncFixed && <Tnc isFixed={tncFixed} operator={operator} />}
+            {!tncFixed && (
+              <Tnc
+                isFixed={tncFixed}
+                operator={operator}
+                tracker={module?.type || "main"}
+              />
+            )}
           </div>
         </div>
 

package/src/components/molecules/cookie-modal/index.js

@@ -4,7 +4,7 @@ import React, { useState, useRef, useEffect } from "react";
 import PropTypes from "prop-types";
 
 import { MdClose } from "@react-icons/all-files/md/MdClose";
-import Link from "gatsby-core-theme/src/hooks/link";
+import Link from "~hooks/link";
 import useTranslate from "~hooks/useTranslate/useTranslate";
 import LazyImage from "~hooks/lazy-image";
 

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

@@ -23,8 +23,8 @@ export default function FloatingArea({
   pageContext,
   template,
   offsetTop = 400,
-  showCookies=true,
-  customCookieContent
+  showCookies = true,
+  customCookieContent,
 }) {
   const showScroll = isSticky(offsetTop);
   const [closedBanner, setClosedBanner] = useState(false);
@@ -52,21 +52,15 @@ export default function FloatingArea({
 
   const OperatorBanner =
     operatorData && showOperatorBanner(operatorData, pageTemplate)
-      ? lazy(() =>
-          import(
-            `gatsby-core-theme/src/components/molecules/bonus/template-two`
-          )
-        )
+      ? lazy(() => import(`~molecules/bonus/template-two`))
       : null;
 
   const FooterNavigation =
     (pageTypes?.[pageTemplate]?.footerNavigation ||
-    pageTypes.default?.footerNavigation) &&
+      pageTypes.default?.footerNavigation) &&
     footerNavigationData &&
     footerNavigationData?.modules?.length > 0
-      ? lazy(() =>
-          import(`gatsby-core-theme/src/components/organisms/footer-navigation`)
-        )
+      ? lazy(() => import(`~organisms/footer-navigation`))
       : null;
 
   return (
@@ -148,5 +142,5 @@ FloatingArea.propTypes = {
   offsetTop: PropTypes.number,
   template: PropTypes.string,
   showCookies: PropTypes.bool,
-  customCookieContent: PropTypes.node
+  customCookieContent: PropTypes.node,
 };

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

@@ -1,30 +1,30 @@
-import React, { lazy, Suspense } from 'react';
+import React, { lazy, Suspense } from "react";
 import PropTypes from "prop-types";
-import { getExtraField } from 'gatsby-core-theme/src/helpers/getters';
-import { generatePlaceholderString } from 'gatsby-core-theme/src/helpers/generators.mjs';
-import Security from '~images/icons/security';
+import { getExtraField } from "~helpers/getters";
+import { generatePlaceholderString } from "~helpers/generators.mjs";
+import Security from "~images/icons/security";
 
 export const footerContent = (props) => {
   let ModuleComponent = null;
 
   switch (props.footerTemplate) {
-    case 'template_one':
-      ModuleComponent = lazy(() => import('./variants/template-one'));
+    case "template_one":
+      ModuleComponent = lazy(() => import("./variants/template-one"));
       return <ModuleComponent {...props} />;
-    case 'template_two':
-      ModuleComponent = lazy(() => import('./variants/template-two'));
+    case "template_two":
+      ModuleComponent = lazy(() => import("./variants/template-two"));
       return <ModuleComponent {...props} />;
-    case 'template_three':
-      ModuleComponent = lazy(() => import('./variants/template-three'));
+    case "template_three":
+      ModuleComponent = lazy(() => import("./variants/template-three"));
       return <ModuleComponent {...props} />;
     default:
-      ModuleComponent = lazy(() => import('./variants/template-one'));
+      ModuleComponent = lazy(() => import("./variants/template-one"));
       return <ModuleComponent {...props} />;
   }
 };
 
 const Footer = (props) => {
-  const { template ,page, section } = props;
+  const { template, page, section } = props;
 
   const helpText = `
   <p>
@@ -42,7 +42,7 @@ const Footer = (props) => {
     in order to get help.
   </p>`;
 
-  const footerLogos = getExtraField(section?.extra_fields, 'logos');
+  const footerLogos = getExtraField(section?.extra_fields, "logos");
 
   const getFooterLogos = () => {
     let refactoredFooterLogos = { children: [] };
@@ -62,31 +62,38 @@ const Footer = (props) => {
   };
 
   const helpline = () => {
-    if (getExtraField(section?.extra_fields, 'helpline')) {
-      return generatePlaceholderString(getExtraField(section?.extra_fields, 'helpline'));
+    if (getExtraField(section?.extra_fields, "helpline")) {
+      return generatePlaceholderString(
+        getExtraField(section?.extra_fields, "helpline")
+      );
     }
     return null;
   };
 
   props = {
     ...props,
-    showLinks: template !== 'ppc',
-    copyrightDisclaimer: getExtraField(section?.extra_fields, 'copyright_disclaimer'),
-    footerLogos: page?.page?.responsibleGaming?.length ? getFooterLogos() : footerLogos,
+    showLinks: template !== "ppc",
+    copyrightDisclaimer: getExtraField(
+      section?.extra_fields,
+      "copyright_disclaimer"
+    ),
+    footerLogos: page?.page?.responsibleGaming?.length
+      ? getFooterLogos()
+      : footerLogos,
     hasDisclaimer: true,
     showCopyright: true,
-    footerMenu: getExtraField(section?.extra_fields, 'links'),
-    asSeenOn: getExtraField(section?.extra_fields, 'as_seen_on'),
-    gamblingText: getExtraField(section?.extra_fields, 'gambling_text'),
-    socialIcons: getExtraField(section?.extra_fields, 'social_icons'),
-    logo: '/images/logo.svg',
-    dmcaImage: '/images/dmca.png',
+    footerMenu: getExtraField(section?.extra_fields, "links"),
+    asSeenOn: getExtraField(section?.extra_fields, "as_seen_on"),
+    gamblingText: getExtraField(section?.extra_fields, "gambling_text"),
+    socialIcons: getExtraField(section?.extra_fields, "social_icons"),
+    logo: "/images/logo.svg",
+    dmcaImage: "/images/dmca.png",
     dmcaWidth: 100,
     dmcaHeight: 30,
     securityIcon: <Security />,
     helpText,
     phoneNum: helpline(),
-    copyrightCustomText: getExtraField(section?.extra_fields, 'copyright_text'),
+    copyrightCustomText: getExtraField(section?.extra_fields, "copyright_text"),
   };
 
   return <Suspense fallback={<></>}>{footerContent(props)}</Suspense>;
@@ -102,6 +109,7 @@ Footer.propTypes = {
   page: PropTypes.shape({
     page: PropTypes.shape({
       responsibleGaming: PropTypes.arrayOf(PropTypes.shape({})),
-    })
+    }),
   }),
-}
+};
+