{"version":3,"sources":["webpack:///./src/constants.ts","webpack:///./src/components/register-section/register-section.tsx","webpack:///./src/components/register-section/images/waves.png","webpack:///./src/components/register-section/images sync ^\\.\\/.*\\-.*\\.png$","webpack:///./src/components/register-section/images/1-1.png","webpack:///./src/components/register-section/images/1-2.png","webpack:///./src/components/register-section/images/1-3.png","webpack:///./src/components/register-section/images/1-4.png","webpack:///./src/components/register-section/images/1-5.png","webpack:///./src/components/register-section/images/1-6.png","webpack:///./src/components/register-section/images/2-1.png","webpack:///./src/components/register-section/images/2-2.png","webpack:///./src/components/register-section/images/2-3.png","webpack:///./src/components/register-section/images/2-4.png","webpack:///./src/components/register-section/images/2-5.png","webpack:///./src/components/pages/landing/sodedif.png","webpack:///./src/components/pages/landing/mars.svg","webpack:///./src/components/pages/landing/landing.tsx"],"names":["DAILY_GOALS","Object","freeze","speak","listen","BENEFITS","WHATS_PUBLIC","RegisterSection","children","flipped","marsSrc","locale","useLocale","index","setIndex","useState","tab","setTab","isBenefits","info","React","createElement","className","src","require","alt","map","l","key","type","name","checked","onChange","trackHome","Localized","id","i","onClick","cx","module","exports","webpackContext","req","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","resolve","Landing","hasAccount","useTypedSelector","user","Boolean","account","style","padding","height","vars","company","LinkButton","rounded","to","URLS","SPEAK","trackLanding","href","ABOUT","ArrowLeft"],"mappings":"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","file":"9.js?id=ff7363f9e9938d26455a","sourcesContent":["export const DAILY_GOALS = Object.freeze({\n  speak: [120, 250],\n  listen: [240],\n});\n\nexport const BENEFITS = [\n  'rich-data',\n  'improve-audio',\n  'keep-track',\n  'compare-progress',\n  'view-goals',\n  'join-newsletter',\n];\n\nexport const WHATS_PUBLIC = [\n  'email-not-public',\n  'recordings-and-locale-public',\n  'username-optin-public',\n  'demographic-deidentified-clarity',\n  'username-email-not-demographic',\n];\n","import cx from 'classnames';\nimport { Localized } from '@fluent/react';\nimport React from 'react';\nimport { useState } from 'react';\nimport { trackHome } from '../../services/tracker';\nimport { BENEFITS, WHATS_PUBLIC } from '../../constants';\nimport { useLocale } from '../locale-helpers';\n\nimport './register-section.css';\n\nexport default function RegisterSection({\n  children,\n  flipped = false,\n  marsSrc,\n}: {\n  children: React.ReactNode[];\n  flipped?: boolean;\n  marsSrc: string;\n}) {\n  const [locale] = useLocale();\n  const [index, setIndex] = useState(0);\n  const [tab, setTab] = useState('benefits');\n  const isBenefits = tab == 'benefits';\n  const info = (\n    <div className=\"signup-info\">\n      <div className=\"tabs\">\n        <img\n          className=\"waves\"\n          src={require('./images/waves.png')}\n          alt=\"Waves\"\n        />\n        {['benefits', 'whats-public'].map(l => (\n          <label key={l}>\n            <input\n              type=\"radio\"\n              name=\"tab\"\n              checked={tab == l}\n              onChange={() => {\n                setTab(l);\n                setIndex(0);\n                trackHome('change-benefits-tabs', locale);\n              }}\n            />\n            <Localized id={l}>\n              <div />\n            </Localized>\n          </label>\n        ))}\n      </div>\n      <div className=\"list-and-bg\">\n        <div className=\"bg\" />\n        <ul key={tab}>\n          {(isBenefits ? BENEFITS : WHATS_PUBLIC).map((l, i) => (\n            <li\n              key={l}\n              className={i == index ? 'active' : ''}\n              onClick={() => {\n                setIndex(i);\n                trackHome(\n                  isBenefits\n                    ? 'click-benefits-item'\n                    : 'click-whats-public-item',\n                  locale\n                );\n              }}>\n              <span>{i + 1}.</span>\n              <Localized id={l}>\n                <span />\n              </Localized>\n            </li>\n          ))}\n        </ul>\n      </div>\n    </div>\n  );\n\n  return (\n    <section className={cx('register-section', { flipped })}>\n      <div className=\"top\">\n        <div className=\"cta-container\">\n          {children}\n          {info}\n        </div>\n        <div className=\"images-container\">\n          <img className=\"mars\" src={marsSrc} alt=\"Mars\" />\n          <img\n            className=\"screenshot\"\n            src={require(`./images/${isBenefits ? 1 : 2}-${index + 1}.png`)}\n            alt=\"\"\n          />\n        </div>\n      </div>\n    </section>\n  );\n}\n","module.exports = __webpack_public_path__ + \"a2c72ce8a9bd6f20f71fa49fc8b9dd73.png\";","var map = {\n\t\"./1-1.png\": 163,\n\t\"./1-2.png\": 164,\n\t\"./1-3.png\": 165,\n\t\"./1-4.png\": 166,\n\t\"./1-5.png\": 167,\n\t\"./1-6.png\": 168,\n\t\"./2-1.png\": 169,\n\t\"./2-2.png\": 170,\n\t\"./2-3.png\": 171,\n\t\"./2-4.png\": 172,\n\t\"./2-5.png\": 173\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 162;","module.exports = __webpack_public_path__ + \"2cb216340211e9b34afb1b57cfc32594.png\";","module.exports = __webpack_public_path__ + \"8e6cb9062d62d488bdf3fd9071d86031.png\";","module.exports = __webpack_public_path__ + \"0b4220a387d9aad682345524a7733f5d.png\";","module.exports = __webpack_public_path__ + \"ff4df4f7d1a06f0f93a888e76cfdaca1.png\";","module.exports = __webpack_public_path__ + \"bdde4170dd8fb0ced9f55e35db39a784.png\";","module.exports = __webpack_public_path__ + \"f095ff0ceeef4e50c4ac4a3d226a3462.png\";","module.exports = __webpack_public_path__ + \"a7d0c00c65eb5ec0b51d1fe1bbebd237.png\";","module.exports = __webpack_public_path__ + \"0b4220a387d9aad682345524a7733f5d.png\";","module.exports = __webpack_public_path__ + \"c7b641eff0dd692673efc1d0bc1ffd2d.png\";","module.exports = __webpack_public_path__ + \"43c5462406314770c88feb382dae8381.png\";","module.exports = __webpack_public_path__ + \"7548c4482abe7c0f77caee1a7db86200.png\";","module.exports = __webpack_public_path__ + \"485d1227fe87b8c5d18c77dc6f9b0247.png\";","module.exports = __webpack_public_path__ + \"ec427ca022d835e4ab699236a22f9bde.svg\";","import { Localized } from '@fluent/react';\nimport * as React from 'react';\nimport { trackLanding } from '../../../services/tracker';\nimport { useTypedSelector } from '../../../stores/tree';\nimport URLS from '../../../urls';\nimport RegisterSection from '../../register-section/register-section';\nimport { ArrowLeft } from '../../ui/icons';\nimport { LinkButton } from '../../ui/ui';\n\nimport './landing.css';\n\nexport default function Landing() {\n  const hasAccount = useTypedSelector(({ user }) => Boolean(user?.account));\n  return (\n    <div className=\"partner-landing\">\n      <div className=\"partner-header\">\n        <img\n          src={require('./sodedif.png')}\n          alt=\"Sodedif Logo\"\n          style={{ padding: 10, height: 50 }}\n        />\n      </div>\n      <RegisterSection flipped marsSrc={require('./mars.svg')}>\n        <Localized id=\"welcome-staff\" vars={{ company: 'Sodedif' }}>\n          <h1 />\n        </Localized>\n        <Localized id=\"help-contribute\">\n          <p className=\"main-paragraph\" />\n        </Localized>\n        {hasAccount ? (\n          <Localized id=\"speak-subtitle\">\n            <LinkButton\n              rounded\n              to={URLS.SPEAK}\n              onClick={() => trackLanding('speak')}\n            />\n          </Localized>\n        ) : (\n          <Localized id=\"login-company\" vars={{ company: 'Sodedif' }}>\n            <LinkButton\n              rounded\n              href=\"/login\"\n              onClick={() => trackLanding('profile')}\n            />\n          </Localized>\n        )}\n        <Localized id=\"profile-not-required\">\n          <p className=\"profile-not-required\" />\n        </Localized>\n      </RegisterSection>\n\n      <section className=\"about-section\">\n        <div className=\"inner\">\n          <Localized id=\"home-title\">\n            <h1 />\n          </Localized>\n\n          <LinkButton\n            rounded\n            to={URLS.ABOUT}\n            onClick={() => trackLanding('about')}>\n            {/*<Localized id=\"show-wall-of-text\">*/}\n            {/*  <div className=\"hidden-md-up\" />*/}\n            {/*</Localized>*/}\n            <Localized id=\"read-more-about\">\n              <div className=\"hidden-sm-down\" />\n            </Localized>\n            <ArrowLeft />\n          </LinkButton>\n        </div>\n      </section>\n    </div>\n  );\n}\n"],"sourceRoot":""}