{"version":3,"file":"component---src-templates-guideline-guideline-tsx-98313e9c163f0d5d52d6.js","mappings":"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","sources":["webpack://riot-tournament-eu/./src/components/global/global-button/global-button.module.scss","webpack://riot-tournament-eu/./src/components/global/global-button/global-button.tsx","webpack://riot-tournament-eu/./src/templates/guideline/guideline.tsx","webpack://riot-tournament-eu/./src/templates/guideline/guideline.module.scss"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport var globalButton = \"global-button-module--global-button--RGMLY\";","import { Link } from 'gatsby';\nimport React, { FC, useRef, useState } from 'react';\nimport * as styles from './global-button.module.scss';\nimport './global-button.scss';\n\ntype ButtonProps = {\n  url?: string;\n  target?: '_blank' | '_self' | '_parent' | '_top' | 'framename';\n  text: string;\n  bgColor?: string;\n  txtColor?: string;\n  animated?: boolean;\n};\n\nconst GlobalButton: FC<ButtonProps> = ({ url, text, bgColor = '#000', txtColor = '#fff', target = '_self', animated }: ButtonProps) => {\n  const button = useRef<HTMLButtonElement>(null);\n  const [hovered, setHovered] = useState(false);\n\n  const mouseover = () => setHovered(true);\n  const mouseout = () => setHovered(false);\n\n  if (url) {\n    return (\n      <Link to={url} target={target} className='inline-block'>\n        <button\n          onMouseOver={mouseover}\n          onMouseOut={mouseout}\n          ref={button}\n          className={`${styles.globalButton} ${hovered ? 'is-hovered' : ''}`}\n          style={{\n            opacity: animated ? '0' : '1',\n            transform: animated ? 'translateY(30px)' : 'translateY(0)',\n            color: hovered ? bgColor : txtColor,\n            backgroundColor: bgColor,\n          }}\n        >\n          <span>\n            <span className='slash'>/ </span>\n            {text}\n          </span>\n        </button>\n      </Link>\n    );\n  } else {\n    return (\n      <button\n        onMouseOver={mouseover}\n        onMouseOut={mouseout}\n        ref={button}\n        className={`${styles.globalButton} ${hovered ? 'is-hovered' : ''}`}\n        style={{ color: hovered ? bgColor : txtColor, backgroundColor: bgColor }}\n      >\n        <span>\n          <span className='slash'>/ </span>\n          {text}\n        </span>\n      </button>\n    );\n  }\n};\n\nexport default GlobalButton;\n","import React, { FC, useEffect, useRef, useState } from 'react';\nimport GlobalButton from '../../components/global/global-button/global-button';\nimport { getLangFullPathname } from '../../components/global/languages/languageUtils';\nimport RTLayout from '../../components/global/layout/layout';\nimport SEO from '../../components/global/seo/seo';\nimport useSSRLayoutEffect from '../../hooks/useSSRLayoutEffect';\nimport { Guideline } from '../../interfaces/guideline.interface';\nimport { isClient } from '../../utils';\nimport * as styles from './guideline.module.scss';\n\ntype RTGuidelineProps = {\n  pageContext: Guideline;\n};\n\nconst RTGuideline: FC<RTGuidelineProps> = ({ pageContext }) => {\n  const [currentLang, setCurrentLang] = useState('');\n  const game = pageContext;\n  const guidelineTexts = useRef<HTMLDivElement>(null);\n\n  const setTitleColor = () => {\n    if (guidelineTexts && guidelineTexts.current) {\n      guidelineTexts?.current.style.setProperty('--title-color', game.mainColor);\n    }\n  };\n\n  useSSRLayoutEffect(() => {\n    const currentLang = localStorage.getItem('RT_current_lang');\n\n    if (currentLang) {\n      setCurrentLang((JSON.parse(currentLang) as { value: string }).value);\n    }\n  }, []);\n\n  useEffect(() => {\n    setTitleColor();\n  }, [game]);\n\n  return (\n    <RTLayout\n      menuText={pageContext?.uiElements?.menuTxt[0]}\n      footerText={pageContext?.uiElements?.footerTxt[0]}\n      langModalTranslations={{ title: pageContext?.uiElements?.languageModalTitle, subtitle: pageContext?.uiElements?.languageModalText }}\n      cookie={{\n        cookieContent: pageContext?.uiElements.cookieContent,\n        cookieButtonAccept: pageContext?.uiElements.cookieButtonAccept,\n        cookieButtonReject: pageContext?.uiElements.cookieButtonReject,\n      }}\n    >\n      <SEO title={`${game.title} | Guidelines`} />\n      <div\n        className='text-white bg-dark-blue bg-cover bg-fixed bg-no-repeat bg-center'\n        style={\n          game.guidelinesBackgroundImage && game.guidelinesBackgroundImage[0]\n            ? {\n                backgroundImage: `url('${game.guidelinesBackgroundImage[0].url}')`,\n              }\n            : {}\n        }\n      >\n        <section className='text-white relative z-10'>\n          <div className='flex absolute inset-0 overflow-hidden'>\n            <div\n              className={`w-full ${styles.heroLeftContainer}`}\n              style={game.guidelinesLeftColor ? { backgroundColor: game.guidelinesLeftColor } : {}}\n            >\n              {game.guidelinesLeftImage && game.guidelinesLeftImage[0] && (\n                <div className={styles.heroBackgroundImage}>\n                  <img src={game.guidelinesLeftImage[0].url} />\n                </div>\n              )}\n            </div>\n            <div className={`bg-black hidden lg:block absolute z-10 top-0 bottom-0 h-full right-0 lg:w-4/12 ${styles.imageWrapper}`}>\n              <div className={`opacity-60 h-full`}>\n                {game.guidelinesRightImage && game.guidelinesRightImage[0] && (\n                  <img src={game.guidelinesRightImage[0].url} alt={game.title} className='object-cover h-full w-full' />\n                )}\n              </div>\n            </div>\n          </div>\n          <div className='container relative'>\n            <div className='relative z-20 pt-52 pb-40 lg:pb-36 lg:flex lg:justify-between lg:items-center space-y-10 lg:space-y-0'>\n              <div className='space-y-10'>\n                <h1 className='relative text-3xl md:text-5xl font-bold inline-block'>\n                  {game.title}\n                  <span className={styles.heroTitleBar} style={{ backgroundColor: game.mainColor }} />\n                </h1>\n                <h2 className='text-xl md:text-3xl'>{pageContext?.uiElements?.competitionGuidelineTxt[0].title}</h2>\n              </div>\n              <GlobalButton\n                url={getLangFullPathname(currentLang, `/tournament-form?game=${pageContext.gameCodeName}`, true, currentLang !== '')}\n                text={pageContext?.uiElements?.buttonsTxt[0].licenceRequest}\n                bgColor={game.mainColor}\n                txtColor='#fff'\n              />\n            </div>\n          </div>\n        </section>\n\n        <section className='mt-8 md:mt-12'>\n          <div className='container'>\n            <div className='max-w-6xl mx-auto py-8 md:py-12'>\n              <div\n                ref={guidelineTexts}\n                className='guideline-text wysiwyg'\n                dangerouslySetInnerHTML={{\n                  __html: game.guideline,\n                }}\n              />\n              <div\n                className={`${styles.pdfButtonContainer} bg-dark-blue`}\n                style={\n                  isClient && window.innerWidth < 768\n                    ? {\n                        backgroundImage: `url('${\n                          game.guidelinesBackgroundImage && game.guidelinesBackgroundImage[0] ? game.guidelinesBackgroundImage[0].url : null\n                        }')`,\n                      }\n                    : { backgroundColor: `transparent` }\n                }\n              >\n                {pageContext.guidelinesPdf && pageContext.guidelinesPdf.length !== 0 && (\n                  <GlobalButton\n                    url={pageContext.guidelinesPdf[0].url}\n                    target='_blank'\n                    text={pageContext?.uiElements?.competitionGuidelineTxt[0].downloadButtonText}\n                    bgColor={game.mainColor}\n                    txtColor='#fff'\n                  />\n                )}\n              </div>\n            </div>\n          </div>\n        </section>\n      </div>\n    </RTLayout>\n  );\n};\n\nexport default RTGuideline;\n","// extracted by mini-css-extract-plugin\nexport var heroBackgroundImage = \"guideline-module--heroBackgroundImage--wdkN2\";\nexport var heroLeftContainer = \"guideline-module--heroLeftContainer--D0pPo\";\nexport var heroTitleBar = \"guideline-module--heroTitleBar--lPviV\";\nexport var imageWrapper = \"guideline-module--imageWrapper--v8X+d\";\nexport var pdfButtonContainer = \"guideline-module--pdfButtonContainer--c27w0\";"],"names":["globalButton","_ref","url","text","bgColor","txtColor","target","animated","button","useRef","hovered","setHovered","useState","mouseover","mouseout","React","Link","to","className","onMouseOver","onMouseOut","ref","styles","style","opacity","transform","color","backgroundColor","_pageContext$uiElemen","_pageContext$uiElemen2","_pageContext$uiElemen3","_pageContext$uiElemen4","_pageContext$uiElemen5","_pageContext$uiElemen6","_pageContext$uiElemen7","pageContext","currentLang","setCurrentLang","game","guidelineTexts","useSSRLayoutEffect","localStorage","getItem","JSON","parse","value","useEffect","current","setProperty","mainColor","RTLayout","menuText","uiElements","menuTxt","footerText","footerTxt","langModalTranslations","title","languageModalTitle","subtitle","languageModalText","cookie","cookieContent","cookieButtonAccept","cookieButtonReject","SEO","guidelinesBackgroundImage","backgroundImage","guidelinesLeftColor","guidelinesLeftImage","src","guidelinesRightImage","alt","competitionGuidelineTxt","GlobalButton","getLangFullPathname","gameCodeName","buttonsTxt","licenceRequest","dangerouslySetInnerHTML","__html","guideline","isClient","window","innerWidth","guidelinesPdf","length","downloadButtonText"],"sourceRoot":""}