gatsby-core-theme 44.10.0 → 44.10.11

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({})),
-    })
+    }),
   }),
-}
+};
+

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

@@ -1,18 +1,18 @@
 /* eslint-disable import/no-extraneous-dependencies */
-import React from 'react';
+import React from "react";
 import {
   Title,
   Description,
   Primary,
   PRIMARY_STORY,
   ArgsTable,
-} from '@storybook/addon-docs/blocks';
-import { getExtraField } from 'gatsby-core-theme/src/helpers/getters';
-import getFooterData from '../../../../../../tests/factories/modules/footer.factory';
-import Security from '~images/icons/security';
+} from "@storybook/addon-docs/blocks";
+import { getExtraField } from "~helpers/getters";
+import getFooterData from "../../../../../../tests/factories/modules/footer.factory";
+import Security from "~images/icons/security";
 import logo from "../../../../../../static/images/logo.svg";
-import dmca from '../../../../../../static/images/dmca.png';
-import TemplateThree from '.';
+import dmca from "../../../../../../static/images/dmca.png";
+import TemplateThree from ".";
 
 const footerData = getFooterData();
 const helpText = `
@@ -31,119 +31,122 @@ const helpText = `
   in order to get help.
 </p>`;
 
-const phoneNum = '- 89 241 5401';
+const phoneNum = "- 89 241 5401";
 
 export default {
-  title: 'Theme/Layout/Footer/Template One',
+  title: "Theme/Layout/Footer/Template One",
   component: TemplateThree,
   argTypes: {
     footerLogos: {
-      name: 'footerLogos',
-      type: { name: 'object', required: true },
-      defaultValue: getExtraField(footerData?.extra_fields, 'logos'),
-      description: 'footer logos',
+      name: "footerLogos",
+      type: { name: "object", required: true },
+      defaultValue: getExtraField(footerData?.extra_fields, "logos"),
+      description: "footer logos",
     },
     footerMenu: {
-      name: 'footerMenu',
-      type: { name: 'object', required: true },
-      defaultValue: getExtraField(footerData?.extra_fields, 'links'),
-      description: 'footer menu',
+      name: "footerMenu",
+      type: { name: "object", required: true },
+      defaultValue: getExtraField(footerData?.extra_fields, "links"),
+      description: "footer menu",
     },
     copyrightDisclaimer: {
-      name: 'copyrightDisclaimer',
-      type: { name: 'string', required: true },
-      defaultValue: getExtraField(footerData?.extra_fields, 'copyright_disclaimer'),
-      description: 'copyright disclaimer',
+      name: "copyrightDisclaimer",
+      type: { name: "string", required: true },
+      defaultValue: getExtraField(
+        footerData?.extra_fields,
+        "copyright_disclaimer"
+      ),
+      description: "copyright disclaimer",
     },
     showLinks: {
-      name: 'showLinks',
-      type: { name: 'boolean', required: true },
+      name: "showLinks",
+      type: { name: "boolean", required: true },
       defaultValue: true,
-      description: 'show footer links?',
+      description: "show footer links?",
     },
     asSeenOn: {
-      name: 'asSeenOn',
-      type: { name: 'object', required: true },
-      defaultValue: getExtraField(footerData?.extra_fields, 'as_seen_on'),
-      description: 'footer as seen on logos',
+      name: "asSeenOn",
+      type: { name: "object", required: true },
+      defaultValue: getExtraField(footerData?.extra_fields, "as_seen_on"),
+      description: "footer as seen on logos",
     },
     gamblingText: {
-      name: 'gamblingText',
-      type: { name: 'object', required: true },
-      defaultValue: getExtraField(footerData?.extra_fields, 'gambling_text'),
-      description: 'Gambling Text',
+      name: "gamblingText",
+      type: { name: "object", required: true },
+      defaultValue: getExtraField(footerData?.extra_fields, "gambling_text"),
+      description: "Gambling Text",
     },
     socialIcons: {
-      name: 'socialIcons',
-      type: { name: 'object', required: true },
-      defaultValue: getExtraField(footerData?.extra_fields, 'social_icons'),
-      description: 'footer logos',
+      name: "socialIcons",
+      type: { name: "object", required: true },
+      defaultValue: getExtraField(footerData?.extra_fields, "social_icons"),
+      description: "footer logos",
     },
     hasFooterLinks: {
-      name: 'hasFooterLinks',
-      type: { name: 'boolean', required: true },
+      name: "hasFooterLinks",
+      type: { name: "boolean", required: true },
       defaultValue: false,
-      description: 'has footer links on mobile?',
+      description: "has footer links on mobile?",
     },
     hasDisclaimer: {
-      name: 'hasDisclaimer',
-      type: { name: 'boolean', required: true },
+      name: "hasDisclaimer",
+      type: { name: "boolean", required: true },
       defaultValue: true,
-      description: 'has Disclaimer?',
+      description: "has Disclaimer?",
     },
     showCopyright: {
-      name: 'showCopyright',
-      type: { name: 'boolean', required: true },
+      name: "showCopyright",
+      type: { name: "boolean", required: true },
       defaultValue: true,
-      description: 'show Copyright?',
+      description: "show Copyright?",
     },
     helpText: {
-      name: 'helpText',
-      type: { name: 'string', required: true },
+      name: "helpText",
+      type: { name: "string", required: true },
       defaultValue: helpText,
-      description: 'helpText',
+      description: "helpText",
     },
     phoneNum: {
-      name: 'phoneNum',
-      type: { name: 'string', required: true },
+      name: "phoneNum",
+      type: { name: "string", required: true },
       defaultValue: phoneNum,
-      description: 'phone number',
+      description: "phone number",
     },
     logo: {
-      name: 'logo',
-      type: { name: 'string', required: true },
+      name: "logo",
+      type: { name: "string", required: true },
       defaultValue: logo,
-      description: 'site logo',
+      description: "site logo",
     },
     dmcaImage: {
-      name: 'dmcaImage',
-      type: { name: 'string', required: true },
+      name: "dmcaImage",
+      type: { name: "string", required: true },
       defaultValue: dmca,
-      description: 'site dmca image path',
+      description: "site dmca image path",
     },
     dmcaWidth: {
-      name: 'dmcaWidth',
-      type: { name: 'number', required: true },
+      name: "dmcaWidth",
+      type: { name: "number", required: true },
       defaultValue: 100,
-      description: 'site dmca image width',
+      description: "site dmca image width",
     },
     dmcaHeight: {
-      name: 'dmcaImage',
-      type: { name: 'number', required: true },
+      name: "dmcaImage",
+      type: { name: "number", required: true },
       defaultValue: 33,
-      description: 'site dmca image height',
+      description: "site dmca image height",
     },
     securityIcon: {
-      name: 'securityIcon',
-      type: { name: 'element', required: true },
+      name: "securityIcon",
+      type: { name: "element", required: true },
       defaultValue: <Security />,
-      description: 'site security icon',
+      description: "site security icon",
     },
   },
   parameters: {
     docs: {
       description: {
-        component: 'A Default Footer Component - Template One',
+        component: "A Default Footer Component - Template One",
       },
       page: () => (
         <>