{"version":3,"file":"js/brand_site~components/brand_site/app-58b5f057838fbdf98e57.chunk.js","sources":["webpack:///./app/javascript/packs/components/brand_site/accountPage.jsx","webpack:///./app/javascript/packs/components/brand_site/agePage.jsx","webpack:///./app/javascript/packs/components/brand_site/app.jsx","webpack:///./app/javascript/packs/components/brand_site/footer.jsx","webpack:///./app/javascript/packs/components/brand_site/locationPage.jsx","webpack:///./app/javascript/packs/components/brand_site/loginPage.jsx","webpack:///./app/javascript/packs/components/shared/auth/privateRoute.jsx"],"sourcesContent":["import React, {useState, useContext, useEffect} from 'react'\nimport LoadingSpinner from '../shared/utility/loadingSpinner'\n\nimport Context from './context'\n\nimport PhoneVerifyModal from './phoneVerifyModal'\n\nexport default function AccountPage() {\n  const {consumer, loadingConsumer, buttonTextColor} = useContext(Context)\n\n  const [email, setEmail] = useState('')\n  const [phone, setPhone] = useState('')\n\n  const [phoneVerifyModalOpen, setPhoneVerifyModalOpen] = useState(false)\n\n  useEffect(() => {\n    setEmail(consumer.email || '')\n    setPhone(consumer.phone || '')\n  }, [consumer])\n\n  return (\n    <div className='container w-full lgplus:w-3/5 mx-auto py-24 px-4 text-center'>\n      <h1 className='mb-4 text-3xl md:text-4xl font-bold'>Account</h1>\n\n      {consumer && !loadingConsumer ? (\n        <fieldset className='p-4 border border-solid border-light'>\n          {/* <legend className=\"text-2xl uppercase font-semibold\">Account</legend> */}\n\n          <div className='inline-block w-full md:w-1/2 p-4'>\n            <label\n              className='block text-sm font-semibold text-left'\n              htmlFor='email'>\n              Email\n            </label>\n            <input\n              className='w-full py-1 border-b border-secondary bg-white text-gray-400 cursor-not-allowed focus:outline-none'\n              value={email}\n              onChange={(event) => setEmail(event.target.value)}\n              type='text'\n              id='email'\n              disabled\n            />\n          </div>\n\n          {consumer.phone ? (\n            <div className='inline-block w-full md:w-1/2 p-4'>\n              <label\n                className='block text-sm font-semibold text-left'\n                htmlFor='phone'>\n                Phone\n              </label>\n              <input\n                className='w-full py-1 border-b border-secondary bg-white text-gray-400 cursor-not-allowed focus:outline-none'\n                value={phone}\n                onChange={(event) => setPhone(event.target.value)}\n                type='number'\n                id='phone'\n                disabled\n              />\n            </div>\n          ) : (\n            <></>\n          )}\n\n          {consumer.phone ? (\n            <p className='mt-4'>\n              Contact{' '}\n              <a className='font-semibold' href='mailto:support@bybeapp.com'>\n                support@bybeapp.com\n              </a>{' '}\n              to update your account information\n            </p>\n          ) : (\n            <button\n              onClick={() => setPhoneVerifyModalOpen(true)}\n              className={`block w-full sm:w-64 mx-auto mt-4 p-2 rounded-full transition duration-300 bg-primary text-center ${buttonTextColor} hover:shadow`}>\n              Add Phone Number\n            </button>\n          )}\n\n          {consumer.disabled ? (\n            <p>\n              Your Account has been disabled, If you believe this is a mistake\n              please contact{' '}\n              <a className='font-semibold' href='mailto:support@bybeapp.com'>\n                support@bybeapp.com\n              </a>{' '}\n            </p>\n          ) : (\n            ''\n          )}\n        </fieldset>\n      ) : (\n        <LoadingSpinner\n          size='12'\n          color='text-primary'\n          extraClasses='mx-auto'\n          wrapperClasses='py-3'\n        />\n      )}\n\n      <PhoneVerifyModal\n        open={phoneVerifyModalOpen}\n        close={() => setPhoneVerifyModalOpen(false)}\n      />\n    </div>\n  )\n}\n","import React, {useContext} from 'react'\n\nimport Context from './context'\n\nimport LoadingSpinner from '../shared/utility/loadingSpinner'\n\nexport default function AgePage() {\n  const {age, handleAtLeast21, handleNot21, geoPosition, buttonTextColor} =\n    useContext(Context)\n\n  return (\n    <div className='container flex flex-col mx-auto justify-center items-center min-h-screen px-4 text-center'>\n      {age === 'not21' ? (\n        <p className='w-full inline-block mt-4 text-red-600'>\n          You must be at least 21 years old to use this website.\n        </p>\n      ) : geoPosition ? (\n        <div className='w-full'>\n          <h1 className='w-full mb-4 text-4xl font-bold'>\n            Are you at least 21?\n          </h1>\n\n          <button\n            className={`px-4 py-3 m-2 border border-light text-lg rounded-full hover:bg-primary hover:${buttonTextColor} hover:border-primary'`}\n            onClick={handleAtLeast21}>\n            Yes\n          </button>\n\n          <button\n            className={`px-4 py-3 border border-light text-lg rounded-full hover:bg-primary hover:${buttonTextColor} hover:border-primary'`}\n            onClick={handleNot21}>\n            No\n          </button>\n        </div>\n      ) : (\n        <LoadingSpinner\n          size='12'\n          color='text-primary'\n          extraClasses='mx-auto'\n          wrapperClasses='py-3'\n        />\n      )}\n    </div>\n  )\n}\n","import React, {useState, useEffect, useContext, useRef} from 'react'\nimport {Route, Switch, Redirect} from 'react-router-dom'\n\nimport Context from './context.jsx'\n\nimport PrivateRoute from '../shared/auth/privateRoute.jsx'\n\nimport Header from './header.jsx'\nimport Footer from './footer.jsx'\nimport OffersPage from './offersPage.jsx'\nimport OfferPage from './offerPage.jsx'\nimport AgePage from './agePage.jsx'\nimport LocationPage from './locationPage.jsx'\nimport BalancePage from './balancePage.jsx'\nimport AccountPage from './accountPage.jsx'\nimport LoginPage from './loginPage.jsx'\nimport usePrerenderDetection from '../../hooks/usePrerenderDetection'\n\nexport default function App() {\n  const {authenticated} = useContext(Context)\n\n  const [parallaxImage, setParallaxImage] = useState(false)\n  const [parallaxImageCover, setParallaxImageCover] = useState(false)\n  const [parallaxImageBlur, setParallaxImageBlur] = useState(false)\n  const [parallaxInnerContent, setParallaxInnerContent] = useState(false)\n\n  const {browserIsPrerender, setPrerenderStatusCode} = usePrerenderDetection()\n\n  const parallaxElement = useRef()\n\n  useEffect(() => {\n    parallaxElement.current.scroll(0, 0)\n  }, [location.pathname])\n\n  return (\n    <>\n      <Header />\n\n      <div\n        ref={parallaxElement}\n        className={`h-full font-primary${parallaxImage ? ' parallax' : ''}`}>\n        {parallaxImage ? (\n          <div className='parallax-layer-background absolute pt-8 inset-0 left-negative-6px'>\n            <div className='h-1/2 flex items-center justify-center'>\n              <div\n                className={`${\n                  parallaxImageBlur ? 'filter blur-lg ' : ''\n                }absolute w-full h-full bg-cover bg-center bg-no-repeat${\n                  parallaxImageCover ? '' : ' bg-85-percent md:bg-50-percent'\n                }`}\n                style={{backgroundImage: `url(${parallaxImage})`}}></div>\n\n              {parallaxInnerContent ? parallaxInnerContent : <></>}\n            </div>\n          </div>\n        ) : (\n          <></>\n        )}\n\n        <div\n          className={`flex flex-col${\n            parallaxImage\n              ? ' parallax-layer-content absolute h-1/2 top-1/2 right-0 bottom-0 left-0'\n              : ' min-h-screen'\n          }`}>\n          <div\n            style={{\n              boxShadow:\n                '0 -1px 3px 0 rgb(0 0 0 / 0.1), 0 -1px 2px -1px rgb(0 0 0 / 0.1)',\n            }}\n            className='flex-grow bg-white'>\n            <Switch>\n              <Route exact path='/' render={() => <OffersPage />} />\n              <Route path='/login' render={() => <LoginPage />} />\n              <Route\n                path='/offer/:id'\n                render={() => <OfferPage setParallaxImage={setParallaxImage} />}\n              />\n\n              <Route path='/age' render={() => <AgePage />} />\n              <Route path='/location' render={() => <LocationPage />} />\n\n              <PrivateRoute\n                allowIf={authenticated}\n                redirectPath='/'\n                path='/account'\n                render={() => <AccountPage />}\n              />\n              <PrivateRoute\n                allowIf={authenticated}\n                redirectPath='/'\n                path='/balance'\n                render={() => (\n                  <BalancePage\n                    setParallaxImage={setParallaxImage}\n                    setParallaxImageCover={setParallaxImageCover}\n                    setParallaxImageBlur={setParallaxImageBlur}\n                    setParallaxInnerContent={setParallaxInnerContent}\n                  />\n                )}\n              />\n\n              {/* <Route path='/faqs' render={props => <FaqsPage />} /> */}\n\n              <Route\n                path='*'\n                render={() => {\n                  setPrerenderStatusCode(404)\n                  return <Redirect to='/' />\n                }}\n              />\n            </Switch>\n          </div>\n\n          <Footer />\n        </div>\n      </div>\n    </>\n  )\n}\n","import React, {useContext} from 'react'\nimport {Link} from 'react-router-dom'\n\nimport hexColorIsLight from '../../assets/functions/hexColorIsLight'\n\nimport Context from './context.jsx'\n\nexport default function () {\n  const {brand} = useContext(Context)\n  const today = new Date()\n\n  let footerTextColor = 'text-light'\n  if (brand)\n    footerTextColor = hexColorIsLight(brand.background_accent_color)\n      ? 'text-dark'\n      : 'text-light'\n\n  return (\n    <footer\n      className={`bg-background-accent-color w-full md:py-16 px-4 ${footerTextColor}`}>\n      <div className='container mx-auto text-center'>\n        <div className='py-4 text-xs'>\n          {/* <Link to=\"/faqs\" className=\"uppercase hover:text-primary-light\">\n                    faq\n                </Link>\n                <span> &nbsp;|&nbsp; </span> */}\n          <a\n            href='https://bybe.com/terms-and-conditions.html'\n            target='_blank'\n            className='py-3 transition duration-300'>\n            Terms & Conditions\n          </a>\n        </div>\n\n        <div className='py-4 text-xs'>\n          All rights reserved &copy;{today.getFullYear()} BYBE, INC\n        </div>\n      </div>\n    </footer>\n  )\n}\n","import React, {useContext} from 'react'\n\nimport Context from './context.jsx'\n\nimport LoadingSpinner from '../shared/utility/loadingSpinner.jsx'\nimport states from '../../assets/states.json'\n\nexport default function LocationPage() {\n  const {\n    selectedState,\n    setSelectedState,\n    geoPosition,\n    history,\n    initialPathname,\n    buttonTextColor,\n  } = useContext(Context)\n\n  function changeSelectedState(regionState) {\n    if (selectedState) history.push('/')\n    else history.push(initialPathname)\n    setSelectedState(regionState)\n  }\n\n  return (\n    <div className='container w-full lgplus:w-3/5 mx-auto py-24 px-4 text-center'>\n      <h1 className='mb-4 text-3xl md:text-4xl font-bold'>Where are you?</h1>\n\n      <div className='mx-auto'>\n        {states.map((state) => {\n          return (\n            <button\n              key={`state_${state.abbreviation}`}\n              className={`px-2 py-1.5 m-1 border border-light rounded-full hover:bg-primary hover:border-primary hover:shadow hover:${buttonTextColor} ${\n                String(selectedState.abbreviation).toLowerCase() ===\n                state.abbreviation.toLowerCase()\n                  ? `border-primary bg-primary ${buttonTextColor}`\n                  : 'text-dark'\n              }`}\n              onClick={() => changeSelectedState(state)}>\n              {state.name}\n            </button>\n          )\n        })}\n      </div>\n\n      {[\n        'deniedGeolocation',\n        'geolocationTimeout',\n        'geolocationNotSupported',\n        'error',\n      ].includes(geoPosition) ? (\n        <p className='inline-block md:w-1/3 mt-4 text-red-600'>\n          Please enable location for an improved experience. We do not collect\n          nor sell any user data.\n        </p>\n      ) : (\n        <></>\n      )}\n    </div>\n  )\n}\n","import React from 'react'\n\nimport LoginForm from './loginForm'\n\nexport default function LoginPage() {\n  return (\n    <div className='container py-24 md:py-30 md:w-1/2 mx-auto'>\n      <LoginForm />\n    </div>\n  )\n}\n","import React from 'react';\nimport { Route, Redirect } from 'react-router-dom';\n\n\n\nconst PrivateRoute = ( { render, allowIf, redirectPath, ...rest } ) => {\n\treturn (\n\t\t<Route { ...rest } render={ props => (\n\t\t\tallowIf === true ?\n\t\t\t\trender( props )\n\t\t\t:\n\t\t\t\t<Redirect to={ redirectPath } />\n\t\t) } />\n\t);\n}\n\nexport default PrivateRoute;"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;;;;;;;;;;;;;;;;;;;AC3GA;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC5CA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;;;;;;;;;;;;;;;;;;;ACvHA;AACA;AAEA;AAEA;AAEA;AACA;AAAA;AACA;AAEA;AACA;AAKA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;;;;;;;;;;;;;;;;;;;;;ACxCA;AAEA;AAEA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AASA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;;;;;;;;;;;;;;;;;;AC5DA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;;;;;;;;;;;;;;;;;;;;;ACVA;AACA;AAIA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;;;;A","sourceRoot":""}