{"version":3,"file":"js/SlopesAndLifts.bundle.js","mappings":"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","sources":["webpack://rp-majoitus-client/./src/components/Tabs.js","webpack://rp-majoitus-client/./src/views/SlopesAndLifts/components/Slopes.js","webpack://rp-majoitus-client/./src/views/SlopesAndLifts/components/Lifts.js","webpack://rp-majoitus-client/./src/views/SlopesAndLifts/SlopesAndLifts.js","webpack://rp-majoitus-client/./src/views/SlopesAndLifts/index.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nconst Tabs = (props) => {\n  const [activeTab, setTab] = useState(props.tabs[0].key);\n\n  return (\n    <div className=\"tabs\">\n      <div className=\"tabs-headings\">\n        {props.tabs.map((tab) => (\n          <div\n            className={`tab ${activeTab === tab.key ? 'tab--active' : ''}`}\n            onClick={() => setTab(tab.key)}\n            key={tab.key}\n          >\n            {tab.name}\n          </div>\n        ))}\n      </div>\n\n      <div className=\"tabs-content\">\n        {props.tabs.map(\n          (tab) =>\n            activeTab === tab.key && <div key={tab.key}>{tab.content}</div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nTabs.propTypes = {\n  tabs: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      name: PropTypes.string,\n      content: PropTypes.object,\n    })\n  ),\n};\n\nexport default Tabs;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Grid from '../../../components/Grid';\nimport Accordion from '../../../components/Accordion';\n\nconst Slopes = (props) => {\n  const slopesData = props.slopes;\n\n  const slopes = slopesData.map((slope) => {\n    return {\n      title: (\n        <Grid\n          className=\"title\"\n          columns={[\n            <div\n              key=\"name\"\n              className={`icon difficulty difficulty--${slope.difficulty.level}`}\n            >\n              <p>{slope.name}</p>\n            </div>,\n            <p key=\"level\">{slope.difficulty.name}</p>,\n            <div key=\"info\" className=\"info\">\n              <p className=\"status\">\n                {slope.open_today ? (\n                  <>\n                    {Drupal.t('Open', {}, { context: 'Opening hours' })}{' '}\n                    {slope.open_today}\n                  </>\n                ) : (\n                  Drupal.t('Closed')\n                )}\n              </p>\n              <p>{slope.info}</p>\n            </div>,\n          ]}\n        />\n      ),\n      content: (\n        <Grid\n          columns={[\n            <div key=\"open\" className=\"opening-hours\">\n              <p className=\"opening-hours-title\">{Drupal.t('Opening hours')}</p>\n              {slope.opening_hours.map((opening, i) => (\n                <p key={i} className=\"opening-times\">\n                  {Drupal.t(opening.weekday)} {opening.opens}\n                </p>\n              ))}\n            </div>,\n            <div key=\"2\"></div>,\n            <div key=\"3\">\n              {slope.snow && `${Drupal.t('Snowmaking')}: ${slope.snow}%`}\n            </div>,\n          ]}\n        />\n      ),\n    };\n  });\n\n  return (\n    <div className=\"slopes\">\n      <h3>\n        {props.slopes.length} {Drupal.t('slopes', {}, { context: 'count' })}\n      </h3>\n      <Grid\n        className=\"heading\"\n        columns={[\n          <strong key=\"column-1\">{Drupal.t('Name')}</strong>,\n          <strong key=\"column-2\">{Drupal.t('Level')}</strong>,\n          <strong key=\"column-3\">{Drupal.t('Opening hours')}</strong>,\n        ]}\n      />\n      <div className=\"accordion-list\">\n        {slopesData && slopesData.length > 0 ? (\n          slopes.map((slope, i) => (\n            <div key={i} className=\"accordion-list__item\">\n              <Accordion title={slope.title} content={slope.content} />\n            </div>\n          ))\n        ) : (\n          <h3>{Drupal.t('Slope info not available.')}</h3>\n        )}\n      </div>\n    </div>\n  );\n};\n\nSlopes.propTypes = {\n  slopes: PropTypes.array,\n};\n\nexport default Slopes;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Grid from '../../../components/Grid';\nimport Accordion from '../../../components/Accordion';\n\nconst Lifts = (props) => {\n  let lifts = null;\n  if (props.lifts && props.lifts.length > 0) {\n    const liftData = props.lifts;\n    lifts = liftData.map((lift) => {\n      return {\n        title: (\n          <Grid\n            className=\"title\"\n            columns={[\n              <div key=\"name\" className={`icon lift-type-${lift.class}`}>\n                <p>{lift.name}</p>\n              </div>,\n              <p key=\"type\">{Drupal.t(lift.type)}</p>,\n              <div key=\"status\" className=\"status\">\n                {lift.info ??\n                  (lift.open_today ? (\n                    <p>\n                      {Drupal.t('Open', {}, { context: 'Opening hours' })}{' '}\n                      {lift.open_today}\n                    </p>\n                  ) : (\n                    Drupal.t('Closed')\n                  ))}\n              </div>,\n            ]}\n          />\n        ),\n        content: (\n          <Grid\n            columns={[\n              <div key=\"open\" className=\"opening-hours\">\n                <p className=\"opening-hours-title\">\n                  {Drupal.t('Opening hours')}\n                </p>\n                {lift.opening_hours.map((opening, i) => (\n                  <p key={i} className=\"opening-times\">\n                    {Drupal.t(opening.weekday)} {opening.opens}\n                  </p>\n                ))}\n              </div>,\n              <div key=\"2\"></div>,\n              <div key=\"3\"></div>,\n            ]}\n          />\n        ),\n      };\n    });\n  }\n\n  return (\n    <div className=\"lifts\">\n      <h3>\n        {props.lifts.length} {Drupal.t('lifts', {}, { context: 'count' })}\n      </h3>\n      <Grid\n        className=\"heading\"\n        columns={[\n          <strong key=\"column-1\">{Drupal.t('Name')}</strong>,\n          <strong key=\"column-2\">{Drupal.t('Lift type')}</strong>,\n          <strong key=\"column-3\">{Drupal.t('Opening hours')}</strong>,\n        ]}\n      />\n      <div className=\"accordion-list\">\n        {lifts ? (\n          lifts.map((lift, i) => (\n            <div key={i} className=\"accordion-list__item\">\n              <Accordion title={lift.title} content={lift.content} />\n            </div>\n          ))\n        ) : (\n          <h3>{Drupal.t('Lifts info not available.')}</h3>\n        )}\n      </div>\n    </div>\n  );\n};\n\nLifts.propTypes = {\n  lifts: PropTypes.array,\n};\n\nexport default Lifts;\n","import React, { useEffect, useState } from 'react';\nimport BeatLoader from 'react-spinners/BeatLoader';\n\nimport Tabs from '../../components/Tabs';\nimport Slopes from './components/Slopes';\nimport Lifts from './components/Lifts';\n\nconst SlopesAndLifts = () => {\n  const [slopes, setSlopes] = useState();\n  const [lifts, setLifts] = useState();\n  const [exceptions, setExceptions] = useState();\n  const [isLoading, setLoading] = useState(true);\n  const [error, setError] = useState(false);\n\n  useEffect(() => {\n    (async () => {\n      await fetchData();\n    })();\n  }, []);\n\n  async function fetchData() {\n    const response = await fetch(\n      `/${drupalSettings.current_language}/api/slopes_and_lifts`\n    );\n    if (response.ok) {\n      const data = await response.json();\n      setSlopes(data.slopes);\n      setLifts(data.lifts);\n      setExceptions(data.exceptions);\n      setLoading(false);\n    } else {\n      setError(true);\n      setLoading(false);\n    }\n  }\n\n  return (\n    <div className=\"slopes-and-lifts\">\n      {!isLoading ? (\n        !error ? (\n          <>\n            {exceptions.length > 0 && (\n              <div className=\"info-liftup\">\n                <h3 className=\"info-title\">\n                  {Drupal.t('Exceptions to opening hours')}\n                </h3>\n                {exceptions.map((exception, i) => (\n                  <p key={i} className=\"info-text\">\n                    {exception}\n                  </p>\n                ))}\n              </div>\n            )}\n\n            <Tabs\n              tabs={[\n                {\n                  key: 'lifts',\n                  name: Drupal.t('Lifts'),\n                  content: <Lifts lifts={lifts} />,\n                },\n                {\n                  key: 'slopes',\n                  name: Drupal.t('Slopes'),\n                  content: <Slopes slopes={slopes} />,\n                },\n              ]}\n            />\n          </>\n        ) : (\n          <h3>{Drupal.t('Error fetching data')}</h3>\n        )\n      ) : (\n        <div className=\"accommodation-search__spinner\">\n          <BeatLoader color=\"#ff1706\" />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default SlopesAndLifts;\n","import React from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport SlopesAndLifts from './SlopesAndLifts';\n\nconst root = createRoot(document.getElementById('slopes_and_lifts'));\n\nroot.render(\n  <React.StrictMode>\n    <SlopesAndLifts />\n  </React.StrictMode>\n);\n"],"names":["Tabs","props","_useState","useState","tabs","key","_useState2","_slicedToArray","activeTab","setTab","React","className","map","tab","concat","onClick","name","content","propTypes","PropTypes","Slopes","slopesData","slopes","slope","title","Grid","columns","difficulty","level","open_today","Drupal","t","context","info","opening_hours","opening","i","weekday","opens","snow","length","Accordion","Lifts","lifts","lift","_lift$info","type","setSlopes","_useState3","_useState4","setLifts","_useState5","_useState6","exceptions","setExceptions","_useState7","_useState8","isLoading","setLoading","_useState9","_useState10","error","setError","fetchData","_fetchData","apply","arguments","_asyncToGenerator","_regeneratorRuntime","_callee2","response","data","_context2","prev","next","fetch","drupalSettings","current_language","sent","ok","json","stop","useEffect","_callee","_context","BeatLoader","color","exception","createRoot","document","getElementById","render","SlopesAndLifts"],"sourceRoot":""}