{"version":3,"sources":["utils/fonts/wulkandisplay-semibold.woff","utils/fonts/wulkandisplay-bold.woff","utils/fonts/worksans-bold.woff","utils/fonts/worksans-regular.woff","modules/components/ContainerQuery/ContainerQueryProvider.tsx","modules/components/ContainerQuery/useContainerQuery.ts","modules/components/Screen/Screen.tsx","modules/components/EmailAddressInput/EmailAddressInput.tsx","modules/components/EducationInput/EducationInput.tsx","modules/components/LinkedInInput/LinkedInInput.tsx","modules/components/ProfessionInput/ProfessionInput.tsx","utils/api-services.ts","modules/components/LogPageCode/LogPageCode.tsx","modules/views/Landing/LandingSubmissionView/LandingLegal/LandingLegal.tsx","modules/views/Landing/LandingSubmissionView/LandingSubmissionView.tsx","modules/views/Landing/LandingFooter/LandingFooter.tsx","modules/views/Landing/ConfirmationView/ConfirmationView.tsx","modules/views/Landing/Landing.tsx","modules/pages/Stir/Stir.tsx","App.tsx","utils/theme-builder.ts","serviceWorker.ts","index.tsx"],"names":["module","exports","responsiveQuery","mobile","maxWidth","tall","minHeight","short","maxHeight","ContainerQueryContext","React","createContext","ContainerQueryProvider","Component","render","query","params","Provider","value","this","props","children","useContainerQuery","useContext","StyledSection","styled","theme","backgroundColor","fullHeight","zIndex","boxSizing","height","undefined","background","palette","forwardRef","ref","className","FONT_SIZE","constants","FONT_WEIGHT","RADII","SEMANTIC_COLOR_NAME","SPACE","EmailAddressInput","checkEmailAddress","emailAddressOnChange","emailAddressError","emailAddress","inputBoxWrapperMarginBottom","labelBoxWrapperMarginBottom","labelBoxWrapperTextAlign","paddingLeft","XSMALL","TRANSPARENT","marginBottom","textAlign","fontSize","SMALL","fontWeight","SEMIBOLD","LIGHT","borderRadius","ROUND_CORNER_2X","onBlur","e","target","onChange","placeholder","hasError","width","autoComplete","ProfessionInput","API_URL","process","axiosInstance","axios","create","baseURL","PENDING_REQUESTS","interceptors","request","use","config","Promise","resolve","_reject","interval","setInterval","clearInterval","error","reject","response","Math","max","pagePath","qs","window","location","search","toLowerCase","queryParams","URLSearchParams","emailId","get","trackingId","bannerId","emailid","trackingid","bannerid","method","data","Path","url","then","catch","err","console","log","LogPageCode","useLocation","useEffect","loggedPath","pathname","replace","api","StyledAnchor","color","textDecoration","LandingLegal","marginTop","LARGE","NONE","MEDIUM","XXXSMALL","href","LandingSubmissionView","onEmailSubmit","useState","setEmailAddress","setEmailAddressError","emailAddressValid","length","requestBody","displayType","firstName","flowVersion","lastName","pricePoint","profile","education","linkedIn","jobTitle","center","flexDirection","XXLARGE","marginY","emailPattern","RegExp","test","onClick","disabled","size","fullWidth","StyledFooterLinks","LandingFooter","ConfirmationView","XXXXLARGE","BOLD","StyledLandingWrapperBox","Box","isMobile","backgroundPosition","backgroundRepeat","backgroundSize","Landing","confirmationView","setConfirmationView","contentHeight","alignItems","display","justifyContent","overflow","paddingRight","position","submitRequest","apiServices","Stir","App","mavenTheme","Object","assign","themeFantasticLlama","weights","semibold","lineHeights","xxxlarge","space","large","xlarge","xxlarge","fontVariants","family","wulkanDisplaySemiBold","weight","format","wulkanDisplayBold","workSansRegular","workSansBold","font","monospace","body","heading","themeBuilder","borderBox","margins","padding","lists","images","anchors","component","Boolean","hostname","match","ReactDOM","document","getElementById","navigator","serviceWorker","ready","registration","unregister"],"mappings":"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","file":"static/js/main.8a696843.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/wulkandisplay-semibold.7db796f2.woff\";","module.exports = __webpack_public_path__ + \"static/media/wulkandisplay-bold.ef3f5cda.woff\";","module.exports = __webpack_public_path__ + \"static/media/worksans-bold.e0bf8d2d.woff\";","module.exports = __webpack_public_path__ + \"static/media/worksans-regular.3952e365.woff\";","import React from 'react';\nimport { ContainerQuery } from 'react-container-query';\n\nconst responsiveQuery = {\n  mobile: {\n    maxWidth: 600,\n  },\n  tall: {\n    minHeight: 725,\n  },\n  short: {\n    maxHeight: 600,\n  },\n};\n\nexport interface ContainerQueryProps {\n  device?: {\n    mobile: boolean;\n    short: boolean;\n    tall: boolean;\n  };\n}\n\nexport const ContainerQueryContext = React.createContext({\n  mobile: false,\n  short: false,\n  tall: false,\n});\n\nexport default class ContainerQueryProvider extends React.Component {\n  render() {\n    return (\n      <ContainerQuery query={responsiveQuery}>\n        {(params) => (\n          <ContainerQueryContext.Provider value={params as any}>\n            {this.props.children}\n          </ContainerQueryContext.Provider>\n        )}\n      </ContainerQuery>\n    );\n  }\n}\n","import React from 'react';\nimport { ContainerQueryContext } from './ContainerQueryProvider';\n\nexport default function useContainerQuery() {\n  const context = React.useContext(ContainerQueryContext);\n\n  return context;\n}\n","import React from 'react';\nimport styled from '@emotion/styled';\n\ninterface ScreenProps {\n  backgroundColor?: string;\n  children: React.ReactNode | React.ReactNode[];\n  className?: string;\n  fullHeight?: boolean;\n  zIndex?: number;\n}\n\ninterface StyledProps extends ScreenProps {\n  theme?: any;\n}\n\nconst StyledSection = styled('section')(\n  ({ theme, backgroundColor, fullHeight, zIndex }: StyledProps) => {\n    const background = (backgroundColor && theme.palette[backgroundColor]) || null;\n    return {\n      boxSizing: 'border-box',\n      height: fullHeight ? '100vh' : undefined,\n      zIndex: zIndex,\n      background,\n    };\n  }\n);\n\nfunction Screen(props: ScreenProps, ref: React.Ref<HTMLDivElement>) {\n  return (\n    <StyledSection\n      ref={ref}\n      backgroundColor={props.backgroundColor}\n      fullHeight={props.fullHeight}\n      className={props.className}\n      zIndex={props.zIndex}\n    >\n      {props.children}\n    </StyledSection>\n  );\n}\n\nexport default React.forwardRef(Screen);\n","import React from 'react';\nimport { Box, constants, Input, Typography } from '@match/react-component-library';\n\nconst { FONT_SIZE, FONT_WEIGHT, RADII, SEMANTIC_COLOR_NAME, SPACE } = constants;\n\ninterface EmailAddressInputProps {\n  checkEmailAddress: (emailAddress: string) => void;\n  emailAddressOnChange: (emailAddress: string) => void;\n  emailAddressError: boolean;\n  emailAddress: string;\n  inputBoxWrapperMarginBottom: string;\n  labelBoxWrapperMarginBottom: string;\n  labelBoxWrapperTextAlign: any;\n}\n\nconst EmailAddressInput = ({checkEmailAddress, emailAddressOnChange, emailAddressError, emailAddress, inputBoxWrapperMarginBottom, labelBoxWrapperMarginBottom, labelBoxWrapperTextAlign} : EmailAddressInputProps ) => {\n  return (\n    <Box>\n      <Box \n        paddingLeft={SPACE.XSMALL}\n        backgroundColor={SEMANTIC_COLOR_NAME.TRANSPARENT}\n        marginBottom={labelBoxWrapperMarginBottom}\n        textAlign={labelBoxWrapperTextAlign}\n      >\n        <Typography fontSize={FONT_SIZE.SMALL} fontWeight={FONT_WEIGHT.SEMIBOLD}>\n        1. What is your email address?\n        </Typography>\n      </Box>\n      <Box\n        backgroundColor={SEMANTIC_COLOR_NAME.LIGHT}\n        borderRadius={RADII.ROUND_CORNER_2X}\n        marginBottom={inputBoxWrapperMarginBottom}\n      >\n      \n      <Input\n          onBlur={(e) => checkEmailAddress(e.target.value)}\n          onChange={(e) => emailAddressOnChange(e.target.value)}\n          placeholder=\"Ex: Linda@example.com\"\n          hasError={emailAddressError}\n          value={emailAddress}\n          width={250}\n          autoComplete=\"email\"\n        />\n      </Box>\n    </Box>\n  )\n}\n\nexport default EmailAddressInput;","import React from 'react';\nimport { Box, constants, SelectNative, Typography } from '@match/react-component-library';\nimport { EDUCATION } from '../../constants';\n\nconst { FONT_SIZE, FONT_WEIGHT, RADII, SEMANTIC_COLOR_NAME, SPACE  } = constants;\n\ninterface EducationInputProps {\n  setEducation: (education: string) => void;\n  inputBoxWrapperMarginBottom: string;\n  labelBoxWrapperTextAlign: any;\n}\n\nconst EducationInput = ({setEducation, inputBoxWrapperMarginBottom, labelBoxWrapperTextAlign} : EducationInputProps ) => {\n  return (\n    <Box\n      backgroundColor={SEMANTIC_COLOR_NAME.TRANSPARENT}\n      borderRadius={RADII.ROUND_CORNER_2X}\n      marginBottom={inputBoxWrapperMarginBottom}\n      textAlign={labelBoxWrapperTextAlign}\n    >\n      <Box as=\"legend\" paddingBottom={SPACE.SMEDIUM} paddingLeft={SPACE.XSMALL}>\n        <Typography fontSize={FONT_SIZE.SMALL} fontWeight={FONT_WEIGHT.SEMIBOLD}>\n        2. What is your education level?\n        </Typography>\n      </Box>\n      <Box\n        backgroundColor={SEMANTIC_COLOR_NAME.LIGHT}\n        borderRadius={RADII.ROUND_CORNER_1X}\n        border='none'\n      >\n        <SelectNative id=\"education\" name=\"education\"  onChange={(e) => setEducation(e.currentTarget.value)}>\n          <option value={EDUCATION.HIGH_SCHOOL}>{EDUCATION.HIGH_SCHOOL}</option>\n          <option value={EDUCATION.ASSOCIATES}>{EDUCATION.ASSOCIATES}</option>\n          <option value={EDUCATION.BACHELORS}>{EDUCATION.BACHELORS}</option>\n          <option value={EDUCATION.MASTERS}>{EDUCATION.MASTERS}</option>\n          <option value={EDUCATION.PHD}>{EDUCATION.PHD}</option>\n          <option value={EDUCATION.NO_ANSWER}>{EDUCATION.NO_ANSWER}</option>\n        </SelectNative>\n      </Box>\n    </Box>\n  )\n}\n\nexport default EducationInput;","import React from 'react';\nimport { Box, constants, SelectNative, Typography } from '@match/react-component-library';\nimport { SCALE } from '../../constants';\n\nconst { FONT_SIZE, FONT_WEIGHT, RADII, SEMANTIC_COLOR_NAME, SPACE } = constants;\n\ninterface LinkedInInputProps {\n  setLinkedIn: (linkedIn: string) => void;\n  inputBoxWrapperMarginBottom: string;\n  labelBoxWrapperTextAlign: any;\n}\n\nconst LinkedInInput = ({setLinkedIn, inputBoxWrapperMarginBottom, labelBoxWrapperTextAlign} : LinkedInInputProps ) => {\n  return (\n    <Box\n      backgroundColor={SEMANTIC_COLOR_NAME.TRANSPARENT}\n      borderRadius={RADII.ROUND_CORNER_2X}\n      marginBottom={inputBoxWrapperMarginBottom}\n      width={250}\n      textAlign={labelBoxWrapperTextAlign}\n    >\n      <Box as=\"legend\" paddingBottom={SPACE.SMEDIUM} paddingLeft={SPACE.XSMALL}>\n        <Typography fontSize={FONT_SIZE.SMALL} fontWeight={FONT_WEIGHT.SEMIBOLD}>\n          4. How likely are you to share your LinkedIn profile on your dating profile?\n        </Typography>\n      </Box>\n      <Box\n        backgroundColor={SEMANTIC_COLOR_NAME.LIGHT}\n        borderRadius={RADII.ROUND_CORNER_1X}\n        border='none'\n        borderColor='transparent'\n      >\n        <SelectNative \n          id=\"linkedin\" \n          name=\"linkedin\" \n          onChange={(e) => setLinkedIn(e.currentTarget.value)}\n        >\n          <option value={SCALE.MOST_LIKELY}>{SCALE.MOST_LIKELY}</option>\n          <option value={SCALE.NOT_SURE}>{SCALE.NOT_SURE}</option>\n          <option value={SCALE.NOT_LIKELY}>{SCALE.NOT_LIKELY}</option>\n          <option value={SCALE.DO_NOT_HAVE}>{SCALE.DO_NOT_HAVE}</option>\n          <option value={SCALE.NO_ANSWER}>{SCALE.NO_ANSWER}</option>\n        </SelectNative>\n      </Box>\n    </Box>\n  )\n}\n\nexport default LinkedInInput;","import React from 'react';\nimport { Box, constants, Input, Typography} from '@match/react-component-library';\n\nconst {FONT_SIZE, FONT_WEIGHT, RADII, SEMANTIC_COLOR_NAME, SPACE } = constants;\n\ninterface ProfessionInputProps {\n  professionOnChange: (profession: string) => void;\n  profession: string;\n  inputBoxWrapperMarginBottom: string;\n  labelBoxWrapperMarginBottom: string;\n  labelBoxWrapperTextAlign: any;\n}\n\nconst ProfessionInput = ({professionOnChange, profession, inputBoxWrapperMarginBottom, labelBoxWrapperMarginBottom, labelBoxWrapperTextAlign} : ProfessionInputProps ) => {\n  return (\n    <Box>\n      <Box \n        paddingLeft={SPACE.XSMALL}\n        backgroundColor={SEMANTIC_COLOR_NAME.TRANSPARENT}\n        marginBottom={labelBoxWrapperMarginBottom}\n        textAlign={labelBoxWrapperTextAlign}\n      >\n        <Typography fontSize={FONT_SIZE.SMALL} fontWeight={FONT_WEIGHT.SEMIBOLD}>\n        3. What is your profession?\n        </Typography>\n      </Box>\n      <Box\n        backgroundColor={SEMANTIC_COLOR_NAME.LIGHT}\n        borderRadius={RADII.ROUND_CORNER_2X}\n        marginBottom={inputBoxWrapperMarginBottom}\n      >\n        \n        <Input\n          onChange={(e) => professionOnChange(e.target.value)}\n          placeholder=\"Ex: Pharmacist, Manager\"\n          value={profession}\n          width={250}\n        />\n      </Box>\n    </Box>\n  )\n}\n\nexport default ProfessionInput;","import axios, { AxiosResponse } from 'axios';\nimport { SubmitApplicationRequest } from 'types';\n\nconst API_URL = `${process.env.PUBLIC_URL}/api`;\n\nconst axiosInstance = axios.create({\n  baseURL: API_URL,\n});\n\nconst MAX_REQUESTS_COUNT = 1;\nconst INTERVAL_MS = 100;\nlet PENDING_REQUESTS = 0;\n\n// Request middleware\naxiosInstance.interceptors.request.use(\n  (config) => {\n    // Add something to each request\n    return new Promise((resolve, _reject) => {\n      const interval = setInterval(() => {\n        if (PENDING_REQUESTS < MAX_REQUESTS_COUNT) {\n          PENDING_REQUESTS++;\n          clearInterval(interval);\n          resolve(config);\n        }\n      }, INTERVAL_MS);\n    });\n  },\n  (error) => {\n    // Do something for each request error.\n    return Promise.reject(error);\n  }\n);\n\n// Targeting criteria response middleware\naxiosInstance.interceptors.response.use(\n  (response) => {\n    // Do something after each successful response\n    PENDING_REQUESTS = Math.max(0, PENDING_REQUESTS - 1);\n    return Promise.resolve(response);\n  },\n  (error) => {\n    // Do something for each api error.\n    // e.g. redirect 401 responses to login page\n    PENDING_REQUESTS = Math.max(0, PENDING_REQUESTS - 1);\n    return Promise.reject(error);\n  }\n);\n\nconst request = (config = {}) => axiosInstance(config);\n\nexport default {\n  getPrice: () => {\n    const qs = window.location.search.toLowerCase();\n    const queryParams = new URLSearchParams(qs);\n    const emailId = queryParams.get('crmid') || queryParams.get('emailid');\n    if (emailId) {\n      const version = queryParams.get('version');\n      let price = 199;\n      if (version) {\n        switch (version) {\n          case '99':\n            price = 99;\n            break;\n          case '149':\n            price = 149;\n            break;\n          case '199':\n            price = 199;\n            break;\n        }\n      }\n      return Promise.resolve(price);\n    } else {\n      return request({\n        method: 'GET',\n        url: '/price',\n      })\n        .then((res: AxiosResponse<string>) => {\n          const price = parseInt(res.data) || 199;\n          return price;\n        })\n        .catch(() => {\n          return 199;\n        });\n    }\n  },\n  postPageCode: ({ pagePath }: { pagePath: string }) => {\n    const qs = window.location.search.toLowerCase();\n    const queryParams = new URLSearchParams(qs);\n    const emailId = queryParams.get('crmid') || queryParams.get('emailid');\n    const trackingId = queryParams.get('trackingid');\n    const bannerId = queryParams.get('bannerid');\n    return request({\n      params: {\n        emailid: emailId,\n        trackingid: trackingId,\n        bannerid: bannerId,\n      },\n      method: 'POST',\n      data: {\n        Path: pagePath,\n      },\n      url: '/trackPageCode',\n    })\n      .then(() => {\n        return;\n      })\n      .catch((err: Error) => {\n        console.log(err);\n        return undefined;\n      });\n  },\n  createUser: (data: SubmitApplicationRequest) => {\n    return request({\n      url: '/user',\n      method: 'POST',\n      data,\n    });\n  },\n};\n","import React from 'react';\nimport { useLocation } from 'react-router-dom';\nimport api from 'utils/api-services';\n\nexport default function LogPageCode() {\n  const location = useLocation();\n\n  React.useEffect(() => {\n    const loggedPath = location.pathname.replace('/', '_');\n    api.postPageCode({\n      pagePath: `activehealthy${loggedPath === '_' ? '_landing' : loggedPath}_viewed`,\n    });\n  }, [location.pathname]);\n\n  return null;\n}\n","import React from 'react';\nimport styled from '@emotion/styled';\nimport { Box, constants, Typography as Text } from '@match/react-component-library';\nimport { useContainerQuery } from 'modules/components';\n\nconst { FONT_SIZE, SPACE } = constants;\n\nconst StyledAnchor = styled('a')({\n  color: 'white',\n  fontWeight: 'bold',\n  textDecoration: 'underline',\n  [':active']: { // eslint-disable-line\n    color: 'white',\n    textDecoration: 'underline',\n  },\n  [':visited']: { // eslint-disable-line\n    color: 'white',\n    textDecoration: 'underline',\n  },\n});\n\nexport const LandingLegal = () => {\n  const { mobile } = useContainerQuery();\n  return (\n    <Box\n      marginTop={mobile ? SPACE.LARGE : SPACE.NONE}\n      marginBottom={SPACE.MEDIUM}\n      maxWidth={400}\n    >\n      <Text fontSize={FONT_SIZE.XXXSMALL}>\n      By signing up, I agree to receive emails from Match Group, LLC. I understand that I am free to withdraw consent at any time. By tapping “I’m In”, I agree to the {' '}\n        <StyledAnchor href=\"https://www.match.com/registration/membagr.aspx?lid=4\" target=\"_blank\">\n          {'Terms'}\n        </StyledAnchor>\n        . Learn how we process your data in our {' '}\n        <StyledAnchor\n          href=\"https://www.match.com/registration/privacystatement.aspx?lid=4\"\n          target=\"_blank\"\n        >\n          Privacy Policy\n        </StyledAnchor>\n        {' '}and{' '}\n         <StyledAnchor\n          href=\"https://www.match.com/registration/cookiepolicy.aspx\"\n          target=\"_blank\"\n        >\n          Cookie Policy\n        </StyledAnchor>.\n      </Text>\n    </Box>\n  );\n};\n","import React, { useState } from 'react';\nimport { Box, Button, constants, Typography as Text } from '@match/react-component-library';\nimport { LandingLegal } from './LandingLegal';\nimport { useContainerQuery, EmailAddressInput } from 'modules/components';\nimport { SubmitApplicationRequest } from 'types';\n\nconst { FONT_SIZE, SPACE } = constants;\n\ninterface LandingSubmissionViewProps {\n  onEmailSubmit: (submitRequest: SubmitApplicationRequest) => void;\n}\n\nexport const LandingSubmissionView = ({ onEmailSubmit }: LandingSubmissionViewProps) => {\n  const [emailAddress, setEmailAddress] = useState<string>('');\n  const { mobile } = useContainerQuery();\n\n  const [emailAddressError, setEmailAddressError] = useState<boolean>(false);\n\n  const emailAddressValid = emailAddress.length > 4 && !emailAddressError;\n\n  const checkEmailAddress = (emailAddress: string) => {\n    if (emailAddress === null || emailAddress === undefined)\n      return setEmailAddressError(true);\n\n    const emailPattern = new RegExp(\n      /^[\\w.+-]+@[a-zA-Z0-9-]+\\.[a-zA-Z0-9.-]+$/i\n    );\n    \n    return setEmailAddressError(!emailPattern.test(emailAddress));\n  }\n\n  const emailAddressOnChange = (emailAddress: string) => {\n    setEmailAddressError(false);\n    setEmailAddress(emailAddress);\n  }\n\n  const requestBody: SubmitApplicationRequest = {\n    emailAddress: emailAddress,\n    displayType: '',\n    firstName: '',\n    flowVersion: 1,\n    lastName: '',\n    pricePoint: 1,\n    profile: {\n      education: '',\n      linkedIn: '',\n      jobTitle: ''\n    },\n  };\n\n  const inputBoxWrapperMarginBottom = mobile ? SPACE.LARGE : SPACE.LARGE;\n  const labelBoxWrapperMarginBottom = mobile ? SPACE.MEDIUM : SPACE.MEDIUM;\n  return (\n    <Box center flexDirection=\"column\">\n      <Text fontSize={FONT_SIZE.XXLARGE}>COMING SOON.</Text>\n      <Box \n        marginY={SPACE.MEDIUM}\n        marginBottom={SPACE.SMALL}> \n        <Text fontSize={FONT_SIZE.MEDIUM}>A community of singles passionate about an active and healthy lifestyle.</Text>\n      </Box>\n      <Box \n        marginY={SPACE.SMALL}\n        marginBottom={SPACE.LARGE}> \n        <Text fontSize={FONT_SIZE.MEDIUM}>Be first on the list.</Text>\n      </Box>\n      <EmailAddressInput \n        checkEmailAddress={checkEmailAddress}\n        emailAddressOnChange={emailAddressOnChange}\n        emailAddressError={emailAddressError}\n        emailAddress={emailAddress}\n        inputBoxWrapperMarginBottom={inputBoxWrapperMarginBottom}\n        labelBoxWrapperMarginBottom={labelBoxWrapperMarginBottom}\n        labelBoxWrapperTextAlign=\"left\"\n      />\n      <LandingLegal />\n      <Box marginBottom={SPACE.LARGE} width={300}>\n        <Button\n          onClick={() => onEmailSubmit(requestBody)}\n          disabled={!emailAddressValid}\n          size=\"large\"\n          fullWidth\n          color=\"core1_100\"\n        >\n          I'm in\n        </Button>\n      </Box>\n    </Box>\n  );\n};\n","import React from 'react';\nimport styled from '@emotion/styled';\n\nconst StyledFooterLinks = styled('a')({\n  color: 'white',\n  [':active']: { // eslint-disable-line\n    color: 'white',\n  },\n  [':visited']: { // eslint-disable-line\n    color: 'white',\n  },\n});\n\nexport const LandingFooter = () => {\n  return (\n    <div>\n      Copyright © 2022 Match Group LLC\n      <div>\n        <StyledFooterLinks\n          href=\"https://www.match.com/registration/membagr.aspx?lid=4\"\n          target=\"_blank\"\n        >\n          Terms of Use\n        </StyledFooterLinks>\n        &nbsp;|&nbsp;\n        <StyledFooterLinks\n          href=\"https://www.match.com/registration/privacystatement.aspx?lid=4\"\n          target=\"_blank\"\n        >\n          Privacy Policy\n        </StyledFooterLinks>\n        &nbsp;|&nbsp;\n        <StyledFooterLinks href=\"http://match.com/registration/cookiepolicy.aspx\" target=\"_blank\">\n          Cookie Policy\n        </StyledFooterLinks>\n        &nbsp;|&nbsp;\n        <StyledFooterLinks href=\"https://www.match.com/help/safetytips.aspx?lid=4\" target=\"_blank\">\n          Safety Tips\n        </StyledFooterLinks>\n      </div>\n    </div>\n  );\n};\n","import React from 'react';\nimport { Box, constants, Typography as Text } from '@match/react-component-library';\n\nconst { FONT_SIZE, FONT_WEIGHT, SPACE } = constants;\n\nexport const ConfirmationView = () => {\n  return (\n    <div>\n      <Text fontSize={FONT_SIZE.XXXXLARGE} fontWeight={FONT_WEIGHT.BOLD}>\n        You&apos;re in!\n      </Text>\n      <Box marginTop={SPACE.LARGE}>\n        <Text fontSize={FONT_SIZE.XXLARGE}>You&apos;ll hear from us soon!</Text>\n      </Box>\n    </div>\n  );\n};\n","import React from 'react';\nimport styled from '@emotion/styled';\nimport { Box, constants } from '@match/react-component-library';\nimport apiServices from 'utils/api-services';\nimport { LandingSubmissionView } from './LandingSubmissionView';\nimport { LandingFooter } from './LandingFooter';\nimport { ConfirmationView } from './ConfirmationView';\nimport { useContainerQuery } from 'modules/components';\nimport { SubmitApplicationRequest } from 'types';\n\nconst { SEMANTIC_COLOR_NAME, SPACE } = constants;\n\ninterface StyledLandingWrapperBoxProps {\n  isMobile: boolean;\n}\n\nconst StyledLandingWrapperBox = styled(Box)(({ isMobile }: StyledLandingWrapperBoxProps) => ({\n  background: isMobile ? 'url(\"/images/beach.jpg\")' : 'url(\"/images/landingBackground.jpg\")',\n  backgroundPosition: 'center',\n  backgroundRepeat: 'no-repeat',\n  backgroundSize: 'cover',\n}));\n\nexport const Landing = () => {\n  const [confirmationView, setConfirmationView] = React.useState<boolean>(false);\n  const { mobile } = useContainerQuery();\n\n  const handleEmailSubmit = (submitRequest: SubmitApplicationRequest) =>\n  {\n    apiServices\n      .createUser(submitRequest)\n      .then(() => {\n        setConfirmationView(true);\n        return;\n      })\n      .catch((error) => {\n        console.error(error);\n      });\n  }\n\n  const contentHeight = mobile ? '90%' : 600;\n\n  return (\n    <StyledLandingWrapperBox height=\"100vh\" width=\"100%\" isMobile={false} center>\n      <Box\n        alignItems=\"center\"\n        color={SEMANTIC_COLOR_NAME.LIGHT}\n        display=\"flex\"\n        flexDirection=\"column\"\n        height={contentHeight}\n        justifyContent=\"space-between\"\n        overflow=\"auto\"\n        paddingLeft={SPACE.LARGE}\n        paddingRight={SPACE.LARGE}\n        position=\"absolute\"\n        textAlign=\"center\"\n        width=\"100%\"\n      >\n        {confirmationView ? (\n          <ConfirmationView />\n        ) : (\n          <LandingSubmissionView onEmailSubmit={handleEmailSubmit} />\n        )}\n        <LandingFooter />\n      </Box>\n    </StyledLandingWrapperBox>\n  );\n};\n","import React from 'react';\nimport { Landing } from 'modules/views';\n\nexport const Stir = () => {\n  return <Landing />;\n};\n","import React from 'react';\nimport { BrowserRouter, Route, Switch } from 'react-router-dom';\n\nimport { ThemeProvider, GlobalFontFace, GlobalCssReset } from '@match/react-component-library';\nimport { ContainerQueryProvider } from 'modules/components';\nimport LogPageCode from 'modules/components/LogPageCode';\nimport { Stir } from 'modules/pages';\nimport { themeBuilder } from 'utils/theme-builder';\n\nconst App: React.FunctionComponent = () => {\n  const mavenTheme = themeBuilder();\n\n  return (\n    <ThemeProvider theme={mavenTheme}>\n      <ContainerQueryProvider>\n        <GlobalFontFace />\n        <GlobalCssReset borderBox margins padding lists images anchors />\n        <BrowserRouter>\n          <LogPageCode />\n          <Switch>\n            <Route component={Stir} />\n          </Switch>\n        </BrowserRouter>\n      </ContainerQueryProvider>\n    </ThemeProvider>\n  );\n};\n\nexport default App;\n","import { themeFantasticLlama } from '@match/react-component-library';\nimport wulkanDisplaySemiBold from './fonts/wulkandisplay-semibold.woff';\nimport wulkanDisplayBold from './fonts/wulkandisplay-bold.woff';\nimport workSansBold from './fonts/worksans-bold.woff';\nimport workSansRegular from './fonts/worksans-regular.woff';\n\nexport const themeBuilder = () => {\n  const mavenTheme = Object.assign({}, themeFantasticLlama);\n  mavenTheme.weights.semibold = 600;\n  mavenTheme.lineHeights.xxxlarge = '48px';\n  // mavenTheme.palette.ctaPrimary = '#2F2D2B';\n  // mavenTheme.palette.functional1Base = '#F6F1EE';\n  // mavenTheme.palette.functional1Dark = '#ECE7E4';\n  mavenTheme.space.large = 24;\n  mavenTheme.space.xlarge = 32;\n  mavenTheme.space.xxlarge = 40;\n  mavenTheme.space.xxxlarge = 80;\n  mavenTheme.fontVariants = () => [\n    {\n      family: 'Wulkan display',\n      url: wulkanDisplaySemiBold,\n      weight: 600,\n      format: 'woff',\n    },\n    {\n      family: 'Wulkan display',\n      url: wulkanDisplayBold,\n      weight: 700,\n      format: 'woff',\n    },\n    {\n      family: 'Work Sans',\n      url: workSansRegular,\n      weight: 'normal',\n      format: 'woff',\n    },\n    {\n      family: 'Work Sans',\n      url: workSansBold,\n      weight: 700,\n      format: 'woff',\n    },\n  ];\n  mavenTheme.font = {\n    monospace: \"'Wulkan display', Helvetica, Arial, sans-serif\",\n    body: \"'Work Sans', Helvetica, Arial, sans-serif\",\n    heading: \"'Wulkan display', Helvetica, Arial, sans-serif\",\n  };\n  // mavenTheme.components.button.sizes.xlarge.height = '60px';\n  // mavenTheme.components.button = {\n  //   ...mavenTheme.components.button,\n  //   defaults: ({ primary }) => ({\n  //     cursor: 'pointer',\n  //     border: 'none',\n  //     position: 'relative',\n  //     background: primary,\n  //     fontFamily: 'inherit',\n  //     fontWeight: 'bold',\n  // color: mavenTheme.palette.light,\n  // '&:active, :focus': {\n  //   backgroundColor: '#949595',\n  // },\n  //   }),\n  //   disabled: () => ({\n  //     cursor: 'auto',\n  //     position: 'relative',\n  //     backgroundColor: '#949595',\n  //   }),\n  // };\n  return mavenTheme;\n};\n","/* eslint-disable no-console */\n// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.1/8 is considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\ntype Config = {\n  onSuccess?: (registration: ServiceWorkerRegistration) => void;\n  onUpdate?: (registration: ServiceWorkerRegistration) => void;\n};\n\nexport function register(config?: Config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(\n      (process as { env: { [key: string]: string } }).env.PUBLIC_URL,\n      window.location.href\n    );\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl: string, config?: Config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then((registration) => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch((error) => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl: string, config?: Config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl)\n    .then((response) => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then((registration) => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready.then((registration) => {\n      registration.unregister();\n    });\n  }\n}\n","// react-app-polyfill/ie11 provides support to create-react-app for IE11\nimport 'react-app-polyfill/ie11';\nimport 'react-app-polyfill/stable';\n\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(<App />, document.getElementById('root'));\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n\nif (module.hot) {\n  module.hot.accept('./App', () => {\n    ReactDOM.render(\n      <App />,\n      document.getElementById('root') as HTMLElement\n    );\n  });\n}"],"sourceRoot":""}