gatsby-matrix-theme 52.0.30 → 52.0.32

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## [52.0.32](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v52.0.31...v52.0.32) (2024-11-12)
+
+
+### Code Refactoring
+
+* change review summary from reviewer to author ([7b780fc](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/7b780fcc0319abec32507a2668b403d4926ceed8))
+* changes to author by line ([22e330b](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/22e330bbfa98377bcc704af185f50a243f328237))
+
+
+* Merge branch 'tm-4931-operator-review-summary-author' into 'master' ([963c789](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/963c789e9902ca040233acfb01a108d5b5fe5e9a))
+* Merge branch 'tm-4947-author-by-line' into 'master' ([4a5cd13](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/4a5cd132134a5287c8ca3b8584131fe6bec8fb0c))
+
+## [52.0.31](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v52.0.30...v52.0.31) (2024-11-07)
+
+
+### Bug Fixes
+
+* added more features in admin mode ([19b797f](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/19b797fc26c72661da4f2493b27bd7fbee362877))
+* tests ([26c671f](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/26c671fc6497731c948fdae2f61e1620bd833a5c))
+* update core version ([7d64f07](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/7d64f07578932ffa24f12adb7664e84fe98992bd))
+
 ## [52.0.30](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v52.0.29...v52.0.30) (2024-10-30)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "52.0.30",
+  "version": "52.0.32",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",
@@ -25,7 +25,7 @@
   "dependencies": {
     "@react-icons/all-files": "^4.1.0",
     "gatsby": "^5.11.0",
-    "gatsby-core-theme": "40.0.23",
+    "gatsby-core-theme": "40.0.30",
     "gatsby-plugin-sharp": "^5.11.0",
     "gatsby-transformer-sharp": "^5.11.0",
     "gatsby-plugin-sitemap": "^6.13.1",

package/src/components/atoms/admin/card/button/admin-card-button.module.scss

@@ -0,0 +1,26 @@
+.container {
+    @include flex-align(center, center);
+
+    gap: 1rem;
+    position: absolute;
+    top: 1rem;
+    right: 1rem;
+    z-index: 9;
+}
+
+.button {
+    @include flex-align(center, center);
+
+    box-shadow: 1px 1px 5px #888;
+    color: #fff;
+    font-size: 1.3rem;
+    padding: 1rem;
+    gap: .5rem;
+    background-color: #23282d;
+    border-radius: 4rem;
+    
+    &:hover {
+        background-color: #32373c;
+        color: #00b9eb;
+    }
+}

package/src/components/atoms/admin/card/button/index.js

@@ -0,0 +1,51 @@
+import React from 'react';
+import { FaRegEdit } from '@react-icons/all-files/fa/FaRegEdit';
+import { FaDatabase } from '@react-icons/all-files/fa/FaDatabase';
+
+import styles from './admin-card-button.module.scss';
+
+const index = ({ item, isToplist=false }) => {
+  const path = (type, relation, pageId) => {
+    switch (type) {
+      case 'page':
+        return `site-pages/${pageId}`;
+      case 'operator':
+        return `operators/${relation.operator_id}/sites-data?site=${process.env.GATSBY_SITE_NAME}`;
+      case 'game':
+        return `games/${relation.id}/sites?site_name=${process.env.GATSBY_SITE_NAME}`;
+      case 'author':
+        return `site-authors/${relation.id}`;
+      case 'payment_method':
+        return `deposit-methods/${relation.id}`;
+      default:
+        return '';
+    }
+  };
+
+  return (
+    <div className={styles.container}>
+      {!isToplist && <a
+        className={styles.button}
+        target="_blank"
+        href={`${process.env.HERCULES_BACKEND_URL}${path('page', null, item.id)}`}
+        rel="noreferrer"
+        type="button"
+        aria-label="Edit Page"
+      >
+        <FaRegEdit />
+      </a>}
+      <a
+        className={styles.button}
+        target="_blank"
+        href={`${process.env.HERCULES_BACKEND_URL}${path(isToplist ? 'operator' : item.type, isToplist ? item : item.relation)}`}
+        rel="noreferrer"
+        type="button"
+        aria-label="Edit Relation Data"
+      >
+        <FaDatabase />
+      </a>
+    </div>
+  );
+};
+
+export default index;

package/src/components/molecules/header/variants/payment/template-one-three/template-one-three.test.js

@@ -1,6 +1,6 @@
 /* eslint-disable no-multi-assign */
 import React from 'react';
-import { render, cleanup } from '@testing-library/react';
+import { render, cleanup, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 import getPaymentData from '../../../../../../../tests/factories/pages/payment.factory';
 import TemplateOneThree from '.';
@@ -18,6 +18,11 @@ describe('Payment template one three component', () => {
     expect(container.querySelectorAll('a')).toHaveLength(1);
     expect(container.getElementsByClassName('desc')).toHaveLength(1);
     expect(container.querySelectorAll('li')).toHaveLength(4);
+    expect(container.getElementsByClassName('open').length).toEqual(0);
+    const description = container.querySelector('.desc');
+    fireEvent.click(description);
+
+    expect(container.getElementsByClassName('open').length).toEqual(1);
   });
 
   test('Template Three Status Active', () => {
@@ -32,6 +37,8 @@ describe('Payment template one three component', () => {
     expect(container.querySelectorAll('a')).toHaveLength(1);
     expect(container.getElementsByClassName('desc')).toHaveLength(0);
     expect(container.querySelectorAll('li')).toHaveLength(4);
+
+   
   });
 });
 

package/src/components/molecules/header/variants/payment/template-two/template-two.test.js

@@ -1,6 +1,6 @@
 /* eslint-disable no-multi-assign */
 import React from 'react';
-import { render, cleanup } from '@testing-library/react';
+import { render, cleanup, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 import getPaymentData from '../../../../../../../tests/factories/pages/payment.factory';
 import TemplateTwo from '.';
@@ -17,6 +17,13 @@ describe('Payment Header template two  component', () => {
     expect(queryByText('Visit')).toBeInTheDocument();
     expect(container.querySelectorAll('a')).toHaveLength(1);
     expect(container.getElementsByClassName('desc')).toHaveLength(1);
+
+    const description = container.querySelector('.desc');
+    fireEvent.click(description);
+
+    expect(container.getElementsByClassName('open').length).toEqual(1);
+    
+
   });
 });
 

package/src/components/molecules/operator-summary/template-one/index.js

@@ -35,7 +35,7 @@ const TemplateOne = ({
   const operatorSummary = operatorDetails[1];
 
   const { logo, name } = operatorData;
-  const author = page.reviewer_id ? page?.reviewer : null;
+  const author = page.author_id ? page?.author : null;
   const img = operatorImg ? logo?.filename : author?.image;
   const title = generatePlaceholderString(
     useTranslate('expert_casino_review_title', 'Expert Casino Review'),
@@ -106,8 +106,8 @@ TemplateOne.propTypes = {
   showUpdatedDate: PropTypes.bool,
   operatorImg: PropTypes.bool,
   page: PropTypes.shape({
-    reviewer: PropTypes.shape({}),
-    reviewer_id: PropTypes.number,
+    author: PropTypes.shape({}),
+    author_id: PropTypes.number,
     relation_type: PropTypes.string,
     extra_fields: PropTypes.shape({}),
     template: PropTypes.string,

package/src/components/molecules/toplist/row/variant-one.js

@@ -1,11 +1,13 @@
 /* eslint-disable react/prop-types */
 /* eslint-disable import/no-extraneous-dependencies */
-import React from 'react';
+import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import SellingPoints from 'gatsby-core-theme/src/components/atoms/selling-points';
 import OperatorCta from 'gatsby-core-theme/src/components/atoms/button/operator-cta';
 import Tnc from 'gatsby-core-theme/src/components/molecules/tnc';
 import Bonus from 'gatsby-core-theme/src/components/molecules/bonus-box/template-one';
+import AdminButton from '../../../atoms/admin/card/button';
+import { Context } from '~context/MainProvider.js';
 import CasinoDetails from '../../operator-details';
 import VerifiedAuthor from '../../../../images/icons/verified-author';
 import styles from './variant-one.module.scss';
@@ -32,7 +34,7 @@ export default function Row({
 }) {
   const sellingPoints = item.selling_points;
   const { ribbons } = item;
-
+  const { admin } = useContext(Context) || {};
   const addToRefs = (el, itemNum) => {
     if (el && itemRefs) {
       itemRefs.current[itemNum] = el;
@@ -43,6 +45,7 @@ export default function Row({
 
   const Content = () => (
     <>
+      {admin && <AdminButton item={item} isToplist />}
       <CasinoDetails
         item={item}
         tracker={tracker}

package/src/components/organisms/cards/template-one/cards.module.scss

@@ -9,16 +9,22 @@
   @include min(desktop) {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
-  column-gap: 0.8rem;
-  row-gap: 1rem;
+
+  gap: 1rem 0.8rem;
 
   @include min(desktop) {
     column-gap: 1.6rem;
   }
+
   > div {
     margin: 0.4rem 0;
+
     @include min(desktop) {
       margin: 0.8rem 0;
     }
   }
 }
+
+.container {
+  position: relative;
+}

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

@@ -1,35 +1,16 @@
-/* eslint-disable react/prop-types */
-/* eslint-disable import/no-extraneous-dependencies */
-/* eslint-disable react/destructuring-assignment */
-// import React from 'react';
-// import Card from 'gatsby-core-theme/src/components/organisms/cards/index';
-// import { getCard } from '../../../../helpers/cards';
-
-// export default ({ module, page }) => {
-//   const customCardComponent = getCard(module?.model_type || module?.cards_page_type);
-
-//   return (
-//       <Card
-//         module={module}
-//         mobileColumns={1}
-//         tabletColumns={2}
-//         desktopColumns={3}
-//         CustomCardComponent={customCardComponent}
-//         pageTemplate={page?.template}
-//       />
-//   );
-// };
-
 /* eslint-disable camelcase */
-import React, { Suspense } from 'react';
+import React, { Suspense, useContext } from 'react';
 import PropTypes from 'prop-types';
+import { Context } from '~context/MainProvider.js';
 import { getCard } from '../../../../helpers/cards';
+import AdminButton from '../../../atoms/admin/card/button';
 import styles from './cards.module.scss';
 import Card from '~atoms/cards/default-card';
 import keygen from '~helpers/keygen';
 
 const Cards = ({ module, page, modulePosition }) => {
   const CustomCardComponent = getCard(module?.model_type || module?.cards_page_type);
+  const { admin } = useContext(Context) || {};
 
   return (
     <div className={styles.cardsContainer}>
@@ -37,16 +18,32 @@ const Cards = ({ module, page, modulePosition }) => {
         module.items.map((item, index) =>
           CustomCardComponent ? (
             <Suspense fallback={<></>}>
-              <CustomCardComponent
-                key={keygen()}
-                featured={module.style === 'featured'}
-                item={item}
-                type={item.type}
-                number={index + 1}
-                page={page}
-                modulePosition={modulePosition}
-                itemPosition={index + 1}
-              />
+              {admin ? (
+                <div className={styles.container}>
+                  <AdminButton item={item} />
+                  <CustomCardComponent
+                    key={keygen()}
+                    featured={module.style === 'featured'}
+                    item={item}
+                    type={item.type}
+                    number={index + 1}
+                    page={page}
+                    modulePosition={modulePosition}
+                    itemPosition={index + 1}
+                  />
+                </div>
+              ) : (
+                <CustomCardComponent
+                  key={keygen()}
+                  featured={module.style === 'featured'}
+                  item={item}
+                  type={item.type}
+                  number={index + 1}
+                  page={page}
+                  modulePosition={modulePosition}
+                  itemPosition={index + 1}
+                />
+              )}
             </Suspense>
           ) : (
             <Card
@@ -67,8 +64,11 @@ Cards.propTypes = {
     items: PropTypes.arrayOf(PropTypes.object),
     featured_index: PropTypes.number,
     style: PropTypes.string,
+    cards_page_type: PropTypes.string,
+    model_type: PropTypes.string,
   }).isRequired,
   page: PropTypes.shape({}),
+  modulePosition: PropTypes.number,
 };
 
 export default Cards;

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

@@ -1,9 +1,12 @@
 /* eslint-disable react/no-array-index-key */
 /* eslint-disable react/forbid-prop-types */
-import React, { useRef, useState, useEffect } from 'react';
+import React, { useRef, useState, useEffect, useContext } from 'react';
 import PropTypes from 'prop-types';
 import ScrollX from 'gatsby-core-theme/src/hooks/scroll-x';
+import { Context } from '~context/MainProvider.js';
+import AdminButton from '../../../atoms/admin/card/button';
 import Item from './item';
+import styles from './template-two.module.scss';
 import Buttons from './buttons';
 
 const CustomCarousel = ({ page, module, noModuleIntro, modulePosition }) => {
@@ -11,7 +14,7 @@ const CustomCarousel = ({ page, module, noModuleIntro, modulePosition }) => {
   const [scrollX, setScrollX] = useState(0);
   const [scrollEnd, setScrollEnd] = useState(false);
   const [showButtons, setShowButtons] = useState(false);
-
+  const { admin } = useContext(Context) || {};
   const updateButtons = (shift) => {
     setScrollEnd(
       Math.floor(container.current.scrollWidth - (container.current.scrollLeft + shift)) <=
@@ -49,17 +52,32 @@ const CustomCarousel = ({ page, module, noModuleIntro, modulePosition }) => {
     <ScrollX refTag={container} scroll stopScrolling={() => onStopScrolling()} onScroll={onScroll}>
       <div ref={container}>
         {module.items &&
-          module.items.map((item, index) => (
-            <Item
-              key={index}
-              index={index}
-              item={item}
-              page={page}
-              module={module}
-              modulePosition={modulePosition}
-              itemPosition={index + 1}
-            />
-          ))}
+          module.items.map((item, index) =>
+            admin ? (
+              <div className={styles.container}>
+                <AdminButton item={item} />
+                <Item
+                  key={index}
+                  index={index}
+                  item={item}
+                  page={page}
+                  module={module}
+                  modulePosition={modulePosition}
+                  itemPosition={index + 1}
+                />
+              </div>
+            ) : (
+              <Item
+                key={index}
+                index={index}
+                item={item}
+                page={page}
+                module={module}
+                modulePosition={modulePosition}
+                itemPosition={index + 1}
+              />
+            )
+          )}
         {showButtons && (
           <Buttons
             scroll={scroll}

package/src/components/organisms/cards/template-two/template-two.module.scss

@@ -0,0 +1,4 @@
+
+.container {
+  position: relative;
+}

package/src/gatsby-core-theme/components/atoms/admin/button/button.module.scss

@@ -0,0 +1,26 @@
+.linkList {
+    position: absolute;
+    top: 0;
+    right: 10%;
+
+    @include flex-align(center, center);
+
+    gap: 1rem
+}
+
+
+.editModule {
+    @include flex-align(center, center);
+
+    box-shadow: 1px 3px 12px #888;
+    color: #fff;
+    font-size: 1.3rem;
+    padding: 1rem 2rem;
+    gap: .5rem;
+    background-color: #23282d;
+  
+    &:hover {
+        background-color: #32373c;
+        color: #00b9eb;
+    }
+  }

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

@@ -94,6 +94,14 @@ const Main = ({
       ? page.manual_updated_date || page.manual_published_date
       : '';
 
+  const getAuthors = (authors) => {
+    if (authors.length > 1 && page.reviewer_id) {
+      // NOTE if same person is added as second author AND reviewer, dont show the author. It'll be displayed under reviewer. Applicable for 2 or more authors.
+      return authors?.filter(author => author.name !== page?.reviewer.name)
+    }
+    return authors;
+  }
+
   return (
     <main className={`${styles?.modulePage || ''} ${styles[page?.template] || ''}`}>
       {page.path.includes('404') && <NotFound pageContext={pageContext} />}
@@ -108,9 +116,9 @@ const Main = ({
             <Suspense fallback={<></>}>
               <ReviewCredits
                 date={date}
-                authors={page?.allAuthors ? page?.allAuthors : page?.author_id && [page?.author]}
+                authors={page?.allAuthors ? getAuthors(page?.allAuthors) : page?.author_id && getAuthors([page?.author])}
                 readingTime={page.reading_time}
-                reviewer={page.reviewer_id && page?.reviewer}
+                reviewer={page.reviewer_id && (page?.author_id !== page.reviewer_id) && page?.reviewer} // NOTE if has only 1 author and same person added as author AND reviewer, show only author
                 hasAuthorBox={Boolean(AuthorBox)}
                 type={page?.template}
               />

package/storybook/public/{638.f09af860.iframe.bundle.js → 257.28f29947.iframe.bundle.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[638],{"./src/components/molecules/sportstake/fixtures/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>fixtures});var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),hooks_tabs=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/tabs/index.js"),sportstake=__webpack_require__("./src/gatsby-core-theme/helpers/sportstake.js"),services=__webpack_require__("./src/gatsby-core-theme/helpers/services.js"),constants_sportstake=__webpack_require__("./src/gatsby-core-theme/constants/sportstake.js"),lotto=__webpack_require__("./src/gatsby-core-theme/helpers/lotto.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),fixtures_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/molecules/sportstake/fixtures/fixtures.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(fixtures_module.A,options);const fixtures_fixtures_module=fixtures_module.A.locals||{};var SportstakeHeader=function(_ref){var _fixture$_id,fixture=_ref.fixture;if(fixture){var nrOfFixtures=null==fixture||null===(_fixture$_id=fixture._id)||void 0===_fixture$_id?void 0:_fixture$_id.split("-")[1],formattedDate=(0,lotto.Yq)(null==fixture?void 0:fixture.drawDate,"dd/MMM/yy");return react.createElement("div",{className:fixtures_fixtures_module.sportstakeHeader},react.createElement("p",null,`Fixtures List for ${nrOfFixtures} (Provisional) ${formattedDate}`," "))}};SportstakeHeader.displayName="SportstakeHeader",SportstakeHeader.__docgenInfo={description:"",methods:[],displayName:"SportstakeHeader",props:{fixture:{description:"",type:{name:"shape",value:{_id:{name:"string",required:!1},drawDate:{name:"string",required:!1},drawDetails:{name:"shape",value:{games:{name:"shape",value:{},required:!1},divs:{name:"shape",value:{},required:!1}},required:!1},more_info:{name:"shape",value:{},required:!1},toss_results:{name:"shape",value:{winnerData:{name:"arrayOf",value:{name:"shape",value:{}},required:!1}},required:!1},winnerData:{name:"arrayOf",value:{name:"shape",value:{}},required:!1}}},required:!1}}};const header=SportstakeHeader;SportstakeHeader.propTypes={fixture:prop_types_default().shape({_id:prop_types_default().string,drawDate:prop_types_default().string,drawDetails:prop_types_default().shape({games:prop_types_default().shape({}),divs:prop_types_default().shape({})}),more_info:prop_types_default().shape({}),toss_results:prop_types_default().shape({winnerData:prop_types_default().arrayOf(prop_types_default().shape({}))}),winnerData:prop_types_default().arrayOf(prop_types_default().shape({}))})},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/sportstake/fixtures/header/index.js"]={name:"SportstakeHeader",docgenInfo:SportstakeHeader.__docgenInfo,path:"src/components/molecules/sportstake/fixtures/header/index.js"});var table=__webpack_require__("./src/components/molecules/sportstake/table/index.js");function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||_unsupportedIterableToArray(r)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||_unsupportedIterableToArray(r,e)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}var Fixtures=function(_ref){var module=_ref.module,serverData=_ref.serverData,_useState2=_slicedToArray((0,react.useState)(null),2),tabData=_useState2[0],setTabData=_useState2[1],moduleName=module.name;if(serverData){var isCricket=moduleName.includes("cricket"),isSportstake4=moduleName.includes("sportstake4"),hasTwoTables=moduleName.includes("sportstake8")||isSportstake4,query=(0,sportstake.f9)(moduleName),headerList=constants_sportstake.qd.slice(0,4);if(null!=serverData&&serverData.data[moduleName]){var daysOfWeek=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],monthsOfYear=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],tabs=Object.values(null==serverData?void 0:serverData.data[moduleName]),tabsContainerRef=(0,react.useRef)(null);(0,react.useEffect)((function(){tabsContainerRef.current&&(tabsContainerRef.current.scrollTop=tabsContainerRef.current.scrollWidth)}),[]);var mutateObjectAtributes=function(obj){obj.forEach((function(element,index){obj[index]={homeTeam:element.homeTeam,awayTeam:element.awayTeam,toss:element.toss_winner,dateTime:element.eventDate||element.dateTime}}))};return react.createElement(hooks_tabs.A,{showAll:!1,showNumberOfResults:!0,headerClass:"sportstakeTabs",activeTabClass:"sportstakeTabsActive",onTabChange:async function(tabId){var response=await(0,services.fu)(null==serverData?void 0:serverData.data[moduleName][tabId.split("_")[1]]._id);setTabData(response)},activeIndex:0,ref:tabsContainerRef},null==tabs?void 0:tabs.map((function(res,index){var _Object$values,_Object$values2,activeFixture=tabData||res,games=((null==activeFixture?void 0:activeFixture.drawDetails)||{}).games,firstTableGames=games?hasTwoTables||isCricket?(_Object$values=Object.values(games)).slice.apply(_Object$values,_toConsumableArray(query.firstTable)):Object.values(games):[];mutateObjectAtributes(firstTableGames);var secondTableGames=games?(_Object$values2=Object.values(games)).slice.apply(_Object$values2,_toConsumableArray(query.secondTable)):[];mutateObjectAtributes(secondTableGames);var label=0===index?"Latest":daysOfWeek[new Date(res.drawDate).getDay()],results=`${monthsOfYear[new Date(res.drawDate).getMonth()]} ${new Date(res.drawDate).getDate()}`;return react.createElement("div",{label,results,key:res,className:`${fixtures_fixtures_module.sportstake} ${hasTwoTables&&fixtures_fixtures_module.twoHalfs}`},react.createElement(header,{fixture:activeFixture}),isSportstake4&&react.createElement("h3",null,"1st half"),react.createElement(table.A,{headerList,rowList:firstTableGames}),hasTwoTables&&react.createElement(react.Fragment,null,react.createElement("h3",null,isSportstake4?"Full Time":"2nd Half"),react.createElement(table.A,{headerList,rowList:secondTableGames})))})))}}};Fixtures.displayName="Fixtures",Fixtures.__docgenInfo={description:"",methods:[],displayName:"Fixtures",props:{page:{description:"",type:{name:"shape",value:{}},required:!1},module:{description:"",type:{name:"shape",value:{items:{name:"arrayOf",value:{name:"shape",value:{}},required:!1},style:{name:"string",required:!1},name:{name:"string",required:!1},module_title:{name:"string",required:!1},module_introduction:{name:"string",required:!1}}},required:!0},pageContext:{description:"",type:{name:"shape",value:{}},required:!1},serverData:{description:"",type:{name:"arrayOf",value:{name:"shape",value:{_id:{name:"string",required:!1},data:{name:"shape",value:{},required:!1},drawDate:{name:"string",required:!1},drawDetails:{name:"shape",value:{games:{name:"shape",value:{},required:!1},divs:{name:"shape",value:{},required:!1}},required:!1}}}},required:!1}}};const fixtures=Fixtures;Fixtures.propTypes={page:prop_types_default().shape({}),module:prop_types_default().shape({items:prop_types_default().arrayOf(prop_types_default().shape({})),style:prop_types_default().string,name:prop_types_default().string,module_title:prop_types_default().string,module_introduction:prop_types_default().string}).isRequired,pageContext:prop_types_default().shape({}),serverData:prop_types_default().arrayOf(prop_types_default().shape({_id:prop_types_default().string,data:prop_types_default().shape({}),drawDate:prop_types_default().string,drawDetails:prop_types_default().shape({games:prop_types_default().shape({}),divs:prop_types_default().shape({})})}))},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/sportstake/fixtures/index.js"]={name:"Fixtures",docgenInfo:Fixtures.__docgenInfo,path:"src/components/molecules/sportstake/fixtures/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/molecules/sportstake/fixtures/fixtures.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"._5CwNzfVDr5fWiuLScgHi-g\\=\\={font-size:3rem;padding-bottom:3rem}._3crS9FTO2ODCRue\\+70iGhQ\\=\\={font-size:3rem}.McIL\\+RQKCbCnThcUSdHFag\\=\\={display:none}.McIL\\+RQKCbCnThcUSdHFag\\=\\= .dUjwNn8SpPoje2tY7\\+q6ig\\=\\={margin-bottom:1.6rem}.McIL\\+RQKCbCnThcUSdHFag\\=\\= .dUjwNn8SpPoje2tY7\\+q6ig\\=\\=>p{font-size:1.6rem;font-weight:400;line-height:2.4rem}.McIL\\+RQKCbCnThcUSdHFag\\=\\=._8XKZ4KdqfzcbvftCScKigA\\=\\=>h3{margin:3.2rem 0 1.6rem .8rem}","",{version:3,sources:["webpack://./src/components/molecules/sportstake/fixtures/fixtures.module.scss"],names:[],mappings:"AAcA,6BACE,cAAA,CACA,mBAAA,CAGF,8BACE,cAAA,CAGF,6BACE,YAAA,CAEA,0DACE,oBAAA,CAEA,4DACE,gBAAA,CACA,eAAA,CACA,kBAAA,CAKF,4DACE,4BAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations";\n.titlefixture {\n  font-size: 3rem;\n  padding-bottom: 3rem;\n}\n\n.title {\n  font-size: 3rem;\n}\n\n.sportstake {\n  display: none;\n\n  .sportstakeHeader {\n    margin-bottom: 1.6rem;\n\n    > p {\n      font-size: 1.6rem;\n      font-weight: 400;\n      line-height: 2.4rem;\n    }\n  }\n\n  &.twoHalfs {\n    > h3 {\n      margin: 3.2rem 0 1.6rem 0.8rem;\n    }\n  }\n}'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={titlefixture:"_5CwNzfVDr5fWiuLScgHi-g==",title:"_3crS9FTO2ODCRue+70iGhQ==",sportstake:"McIL+RQKCbCnThcUSdHFag==",sportstakeHeader:"dUjwNn8SpPoje2tY7+q6ig==",twoHalfs:"_8XKZ4KdqfzcbvftCScKigA=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[257],{"./src/components/molecules/sportstake/fixtures/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>fixtures});var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),hooks_tabs=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/tabs/index.js"),sportstake=__webpack_require__("./src/gatsby-core-theme/helpers/sportstake.js"),services=__webpack_require__("./src/gatsby-core-theme/helpers/services.js"),constants_sportstake=__webpack_require__("./src/gatsby-core-theme/constants/sportstake.js"),lotto=__webpack_require__("./src/gatsby-core-theme/helpers/lotto.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),fixtures_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/molecules/sportstake/fixtures/fixtures.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(fixtures_module.A,options);const fixtures_fixtures_module=fixtures_module.A.locals||{};var SportstakeHeader=function(_ref){var _fixture$_id,fixture=_ref.fixture;if(fixture){var nrOfFixtures=null==fixture||null===(_fixture$_id=fixture._id)||void 0===_fixture$_id?void 0:_fixture$_id.split("-")[1],formattedDate=(0,lotto.Yq)(null==fixture?void 0:fixture.drawDate,"dd/MMM/yy");return react.createElement("div",{className:fixtures_fixtures_module.sportstakeHeader},react.createElement("p",null,`Fixtures List for ${nrOfFixtures} (Provisional) ${formattedDate}`," "))}};SportstakeHeader.displayName="SportstakeHeader",SportstakeHeader.__docgenInfo={description:"",methods:[],displayName:"SportstakeHeader",props:{fixture:{description:"",type:{name:"shape",value:{_id:{name:"string",required:!1},drawDate:{name:"string",required:!1},drawDetails:{name:"shape",value:{games:{name:"shape",value:{},required:!1},divs:{name:"shape",value:{},required:!1}},required:!1},more_info:{name:"shape",value:{},required:!1},toss_results:{name:"shape",value:{winnerData:{name:"arrayOf",value:{name:"shape",value:{}},required:!1}},required:!1},winnerData:{name:"arrayOf",value:{name:"shape",value:{}},required:!1}}},required:!1}}};const header=SportstakeHeader;SportstakeHeader.propTypes={fixture:prop_types_default().shape({_id:prop_types_default().string,drawDate:prop_types_default().string,drawDetails:prop_types_default().shape({games:prop_types_default().shape({}),divs:prop_types_default().shape({})}),more_info:prop_types_default().shape({}),toss_results:prop_types_default().shape({winnerData:prop_types_default().arrayOf(prop_types_default().shape({}))}),winnerData:prop_types_default().arrayOf(prop_types_default().shape({}))})},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/sportstake/fixtures/header/index.js"]={name:"SportstakeHeader",docgenInfo:SportstakeHeader.__docgenInfo,path:"src/components/molecules/sportstake/fixtures/header/index.js"});var table=__webpack_require__("./src/components/molecules/sportstake/table/index.js");function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||_unsupportedIterableToArray(r)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||_unsupportedIterableToArray(r,e)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}var Fixtures=function(_ref){var module=_ref.module,serverData=_ref.serverData,_useState2=_slicedToArray((0,react.useState)(null),2),tabData=_useState2[0],setTabData=_useState2[1],moduleName=module.name;if(serverData){var isCricket=moduleName.includes("cricket"),isSportstake4=moduleName.includes("sportstake4"),hasTwoTables=moduleName.includes("sportstake8")||isSportstake4,query=(0,sportstake.f9)(moduleName),headerList=constants_sportstake.qd.slice(0,4);if(null!=serverData&&serverData.data[moduleName]){var daysOfWeek=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],monthsOfYear=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],tabs=Object.values(null==serverData?void 0:serverData.data[moduleName]),tabsContainerRef=(0,react.useRef)(null);(0,react.useEffect)((function(){tabsContainerRef.current&&(tabsContainerRef.current.scrollTop=tabsContainerRef.current.scrollWidth)}),[]);var mutateObjectAtributes=function(obj){obj.forEach((function(element,index){obj[index]={homeTeam:element.homeTeam,awayTeam:element.awayTeam,toss:element.toss_winner,dateTime:element.eventDate||element.dateTime}}))};return react.createElement(hooks_tabs.A,{showAll:!1,showNumberOfResults:!0,headerClass:"sportstakeTabs",activeTabClass:"sportstakeTabsActive",onTabChange:async function(tabId){var response=await(0,services.fu)(null==serverData?void 0:serverData.data[moduleName][tabId.split("_")[1]]._id);setTabData(response)},activeIndex:0,ref:tabsContainerRef},null==tabs?void 0:tabs.map((function(res,index){var _Object$values,_Object$values2,activeFixture=tabData||res,games=((null==activeFixture?void 0:activeFixture.drawDetails)||{}).games,firstTableGames=games?hasTwoTables||isCricket?(_Object$values=Object.values(games)).slice.apply(_Object$values,_toConsumableArray(query.firstTable)):Object.values(games):[];mutateObjectAtributes(firstTableGames);var secondTableGames=games?(_Object$values2=Object.values(games)).slice.apply(_Object$values2,_toConsumableArray(query.secondTable)):[];mutateObjectAtributes(secondTableGames);var label=0===index?"Latest":daysOfWeek[new Date(res.drawDate).getDay()],results=`${monthsOfYear[new Date(res.drawDate).getMonth()]} ${new Date(res.drawDate).getDate()}`;return react.createElement("div",{label,results,key:res,className:`${fixtures_fixtures_module.sportstake} ${hasTwoTables&&fixtures_fixtures_module.twoHalfs}`},react.createElement(header,{fixture:activeFixture}),isSportstake4&&react.createElement("h3",null,"1st half"),react.createElement(table.A,{headerList,rowList:firstTableGames}),hasTwoTables&&react.createElement(react.Fragment,null,react.createElement("h3",null,isSportstake4?"Full Time":"2nd Half"),react.createElement(table.A,{headerList,rowList:secondTableGames})))})))}}};Fixtures.displayName="Fixtures",Fixtures.__docgenInfo={description:"",methods:[],displayName:"Fixtures",props:{page:{description:"",type:{name:"shape",value:{}},required:!1},module:{description:"",type:{name:"shape",value:{items:{name:"arrayOf",value:{name:"shape",value:{}},required:!1},style:{name:"string",required:!1},name:{name:"string",required:!1},module_title:{name:"string",required:!1},module_introduction:{name:"string",required:!1}}},required:!0},pageContext:{description:"",type:{name:"shape",value:{}},required:!1},serverData:{description:"",type:{name:"arrayOf",value:{name:"shape",value:{_id:{name:"string",required:!1},data:{name:"shape",value:{},required:!1},drawDate:{name:"string",required:!1},drawDetails:{name:"shape",value:{games:{name:"shape",value:{},required:!1},divs:{name:"shape",value:{},required:!1}},required:!1}}}},required:!1}}};const fixtures=Fixtures;Fixtures.propTypes={page:prop_types_default().shape({}),module:prop_types_default().shape({items:prop_types_default().arrayOf(prop_types_default().shape({})),style:prop_types_default().string,name:prop_types_default().string,module_title:prop_types_default().string,module_introduction:prop_types_default().string}).isRequired,pageContext:prop_types_default().shape({}),serverData:prop_types_default().arrayOf(prop_types_default().shape({_id:prop_types_default().string,data:prop_types_default().shape({}),drawDate:prop_types_default().string,drawDetails:prop_types_default().shape({games:prop_types_default().shape({}),divs:prop_types_default().shape({})})}))},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/sportstake/fixtures/index.js"]={name:"Fixtures",docgenInfo:Fixtures.__docgenInfo,path:"src/components/molecules/sportstake/fixtures/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/molecules/sportstake/fixtures/fixtures.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"._5CwNzfVDr5fWiuLScgHi-g\\=\\={font-size:3rem;padding-bottom:3rem}._3crS9FTO2ODCRue\\+70iGhQ\\=\\={font-size:3rem}.McIL\\+RQKCbCnThcUSdHFag\\=\\={display:none}.McIL\\+RQKCbCnThcUSdHFag\\=\\= .dUjwNn8SpPoje2tY7\\+q6ig\\=\\={margin-bottom:1.6rem}.McIL\\+RQKCbCnThcUSdHFag\\=\\= .dUjwNn8SpPoje2tY7\\+q6ig\\=\\=>p{font-size:1.6rem;font-weight:400;line-height:2.4rem}.McIL\\+RQKCbCnThcUSdHFag\\=\\=._8XKZ4KdqfzcbvftCScKigA\\=\\=>h3{margin:3.2rem 0 1.6rem .8rem}","",{version:3,sources:["webpack://./src/components/molecules/sportstake/fixtures/fixtures.module.scss"],names:[],mappings:"AAcA,6BACE,cAAA,CACA,mBAAA,CAGF,8BACE,cAAA,CAGF,6BACE,YAAA,CAEA,0DACE,oBAAA,CAEA,4DACE,gBAAA,CACA,eAAA,CACA,kBAAA,CAKF,4DACE,4BAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations";\n.titlefixture {\n  font-size: 3rem;\n  padding-bottom: 3rem;\n}\n\n.title {\n  font-size: 3rem;\n}\n\n.sportstake {\n  display: none;\n\n  .sportstakeHeader {\n    margin-bottom: 1.6rem;\n\n    > p {\n      font-size: 1.6rem;\n      font-weight: 400;\n      line-height: 2.4rem;\n    }\n  }\n\n  &.twoHalfs {\n    > h3 {\n      margin: 3.2rem 0 1.6rem 0.8rem;\n    }\n  }\n}'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={titlefixture:"_5CwNzfVDr5fWiuLScgHi-g==",title:"_3crS9FTO2ODCRue+70iGhQ==",sportstake:"McIL+RQKCbCnThcUSdHFag==",sportstakeHeader:"dUjwNn8SpPoje2tY7+q6ig==",twoHalfs:"_8XKZ4KdqfzcbvftCScKigA=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);