{"version":3,"sources":["contexts/authentication/AuthContext.jsx","contexts/language/languages/index.js","components/app-header/UserIcon.jsx","components/app-footer/AppFooter.jsx","components/app-header/ail-plus-logo.svg","contexts/language/LanguageSelector.jsx","components/app-header/UserMenu.jsx","components/app-header/AppHeader.jsx","contexts/authentication/PrivateRoute.jsx","components/app-routes/AppRoutes.jsx","components/app/App.jsx","reportWebVitals.js","index.jsx","contexts/language/LanguageContext.jsx"],"names":["AuthContext","createContext","AuthProvider","children","useState","isAuthenticated","user","state","setState","userManager","useMemo","settings","authority","process","client_id","redirect_uri","window","location","origin","response_type","scope","post_logout_redirect_uri","UserManager","useEffect","getUser","then","profile","Provider","value","login","signinRedirect","logout","signoutRedirect","languages","en","es","options","UserIcon","option","xmlns","viewBox","d","fill","defaultProps","AppFooter","translations","useContext","LanguageContext","apple","alt","src","url","google","copyright","Date","getFullYear","footerCopyright","href","rel","target","LanguageSelector","language","setLanguage","label","languageSelectorLabel","id","name","onChange","e","Object","entries","map","key","UserMenu","expanded","setExpanded","userMessage","loggedInMessage","loggedOutMessage","icon","className","text","logoutSubmit","variant","width","onClick","AppHeader","showUserMenu","setShowUserMenu","imgSrc","PrivateRoute","Component","component","rest","render","to","pathname","from","Login","lazy","Member","NotFound","AppRoutes","fallback","message","path","exact","App","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","StrictMode","document","getElementById","LanguageProvider","isoLang","localStorage","getItem","selected","setItem"],"mappings":"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","file":"static/js/main.2103d2db.chunk.js","sourcesContent":["import React, {\n  createContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { UserManager } from 'oidc-client';\nimport PropTypes from 'prop-types';\n\nexport const AuthContext = createContext({});\n\nfunction AuthProvider({\n  children,\n}) {\n  const [state, setState] = useState({\n    isAuthenticated: false,\n    user: null,\n  });\n\n  const userManager = useMemo(() => {\n    const settings = {\n      authority: process.env.REACT_APP_AUTH_AUTHORITY,\n      client_id: process.env.REACT_APP_AUTH_CLIENT_ID,\n      redirect_uri: `${window.location.origin}/callback.html`,\n      response_type: 'code',\n      scope: 'openid profile ailapi.read ailapi.write',\n      post_logout_redirect_uri: `${window.location.origin}`,\n    };\n\n    return new UserManager(settings);\n  }, []);\n\n  function getUser() {\n    return userManager.getUser();\n  }\n\n  function login() {\n    return userManager.signinRedirect();\n  }\n\n  function logout() {\n    return userManager.signoutRedirect();\n  }\n\n  useEffect(() => {\n    userManager.getUser().then((user) => {\n      if (user) {\n        setState({\n          isAuthenticated: true,\n          user: user.profile,\n        });\n      } else {\n        setState({\n          isAuthenticated: false,\n          user: null,\n        });\n      }\n    });\n  }, [userManager]);\n\n  return (\n    <AuthContext.Provider\n      value={{\n        isAuthenticated: state.isAuthenticated,\n        getUser,\n        login,\n        logout,\n        user: state.user,\n      }}\n    >\n      {children}\n    </AuthContext.Provider>\n  );\n}\n\nAuthProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default AuthProvider;\n","import en from './en.json';\nimport es from './es.json';\n\nexport const languages = {\n  en,\n  es,\n};\n\nexport const options = {\n  en: 'English',\n  es: 'Spanish',\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction UserIcon({\n  option,\n}) {\n  return (\n    <>\n      {\n        option === 'account' && (\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n            <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\" />\n          </svg>\n        )\n      }\n      {\n        option === 'person' && (\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n            <path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\" />\n          </svg>\n        )\n      }\n    </>\n  );\n}\n\nUserIcon.propTypes = {\n  option: PropTypes.oneOf(['account', 'person']),\n};\n\nUserIcon.defaultProps = {\n  option: 'account',\n};\n\nexport default UserIcon;\n","import React, { useContext } from 'react';\n\nimport { Footer } from 'nbds-react';\n\nimport { LanguageContext } from 'contexts/language/LanguageContext';\nimport './AppFooter.scss';\n\nfunction AppFooter() {\n  const { translations } = useContext(LanguageContext);\n\n  const apple = {\n    alt: 'Download the app in the Apple App Store',\n    src: `${process.env.PUBLIC_URL}/app-store.svg`,\n    url: 'https://apps.apple.com/us/app/ail-plus/id1502363340',\n  };\n\n  const google = {\n    alt: 'Download the app in the Google Play Store',\n    src: `${process.env.PUBLIC_URL}/google-play.svg`,\n    url: 'https://play.google.com/store/apps/details?id=com.newbenefits.ailplus',\n  };\n\n  const copyright = (\n    <>\n      <p>{`© ${`2000-${new Date().getFullYear()}`} ${translations.footerCopyright}`}</p>\n      <a href={apple.url} rel=\"noopener noreferrer\" target=\"_blank\">\n        <img src={apple.src} alt={apple.alt} />\n      </a>\n      <a href={google.url} rel=\"noopener noreferrer\" target=\"_blank\">\n        <img src={google.src} alt={google.alt} />\n      </a>\n    </>\n  );\n\n  return (\n    <Footer copyright={copyright} />\n  );\n}\n\nexport default AppFooter;\n","export default __webpack_public_path__ + \"static/media/ail-plus-logo.83f2f3fb.svg\";","import React, { useContext } from 'react';\n\nimport { Select } from 'nbds-react';\n\nimport { options } from './languages';\nimport { LanguageContext } from './LanguageContext';\n\nexport default function LanguageSelector() {\n  const { language, setLanguage, translations } = useContext(LanguageContext);\n\n  function handleChange(e) {\n    setLanguage(e.target.value);\n  }\n\n  return (\n    <Select\n      label={translations.languageSelectorLabel}\n      id=\"app-language-selector\"\n      name=\"app-language-selector\"\n      value={language}\n      onChange={handleChange}\n    >\n      {Object.entries(options).map(([key, value]) => (\n        <option key={key} value={key}>{value}</option>\n      ))}\n    </Select>\n  );\n}\n","import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Button, SidebarMenu } from 'nbds-react';\n\nimport { AuthContext } from 'contexts/authentication/AuthContext';\nimport { LanguageContext } from 'contexts/language/LanguageContext';\nimport LanguageSelector from 'contexts/language/LanguageSelector';\nimport UserIcon from './UserIcon';\n\nfunction UserMenu({\n  expanded,\n  setExpanded,\n}) {\n  const { isAuthenticated, logout, user } = useContext(AuthContext);\n  const { translations } = useContext(LanguageContext);\n  const userMessage = isAuthenticated ? `${translations.loggedInMessage} ${user.name}.` : translations.loggedOutMessage;\n\n  function handleLogout() {\n    setExpanded(false);\n    logout();\n  }\n\n  return (\n    <SidebarMenu\n      icon={<UserIcon />}\n      expanded={expanded}\n      setExpanded={setExpanded}\n    >\n      <LanguageSelector />\n      <div className=\"app-header-user\">\n        <p className=\"app-header-user-message\">{userMessage}</p>\n        {\n          isAuthenticated && (\n            <Button\n              text={translations.logoutSubmit}\n              variant=\"secondary\"\n              width=\"max\"\n              onClick={handleLogout}\n            />\n          )\n        }\n      </div>\n    </SidebarMenu>\n  );\n}\n\nUserMenu.propTypes = {\n  expanded: PropTypes.bool.isRequired,\n  setExpanded: PropTypes.func.isRequired,\n};\n\nexport default UserMenu;\n","import React, { useState } from 'react';\n\nimport imgSrc from './ail-plus-logo.svg';\nimport UserMenu from './UserMenu';\nimport './AppHeader.scss';\n\nfunction AppHeader() {\n  const [showUserMenu, setShowUserMenu] = useState(false);\n\n  return (\n    <header className=\"app-header\">\n      <div className=\"app-header-content\">\n        <a href=\"/\" className=\"app-header-logo\"><img src={imgSrc} alt=\"Home\" /></a>\n        <UserMenu expanded={showUserMenu} setExpanded={setShowUserMenu} />\n      </div>\n    </header>\n  );\n}\n\nexport default AppHeader;\n","import React, { useContext } from 'react';\nimport { Redirect, Route } from 'react-router-dom';\nimport PropTypes from 'prop-types';\n\nimport { AuthContext } from 'contexts/authentication/AuthContext';\n\nfunction PrivateRoute({\n  component: Component,\n  ...rest\n}) {\n  const { isAuthenticated } = useContext(AuthContext);\n\n  return (\n    <Route\n      {...rest}\n      render={\n        ({ location }) => (\n          isAuthenticated ? <Component /> : <Redirect to={{ pathname: '/', state: { from: location } }} />\n        )\n      }\n    />\n  );\n}\n\nPrivateRoute.propTypes = {\n  component: PropTypes.shape().isRequired,\n};\n\nexport default PrivateRoute;\n","import React, { Suspense, lazy, useContext } from 'react';\n\nimport {\n  BrowserRouter as Router,\n  Switch,\n  Redirect,\n  Route,\n} from 'react-router-dom';\n\nimport { Preloader } from 'nbds-react';\n\nimport { AuthContext } from 'contexts/authentication/AuthContext';\nimport ProtectedRoute from 'contexts/authentication/PrivateRoute';\n\nconst Login = lazy(() => import('pages/login/Login'));\nconst Member = lazy(() => import('pages/member/Member'));\nconst NotFound = lazy(() => import('pages/not-found/NotFound'));\n\nfunction AppRoutes() {\n  const { isAuthenticated } = useContext(AuthContext);\n\n  return (\n    <main className=\"app-main\">\n      <Router>\n        <Suspense fallback={<Preloader message=\"Loading Content...\" />}>\n          <Switch>\n            <Route path=\"/\" exact>\n              {isAuthenticated ? <Redirect to=\"/member\" /> : <Login />}\n            </Route>\n            <ProtectedRoute path=\"/member\" component={Member} />\n            <Route path=\"*\" component={NotFound} />\n          </Switch>\n        </Suspense>\n      </Router>\n    </main>\n  );\n}\n\nexport default AppRoutes;\n","import React from 'react';\n\nimport AppFooter from 'components/app-footer/AppFooter';\nimport AppHeader from 'components/app-header/AppHeader';\nimport AppRoutes from 'components/app-routes/AppRoutes';\nimport AuthProvider from 'contexts/authentication/AuthContext';\nimport LanguageProvider from 'contexts/language/LanguageContext';\n\nimport './App.scss';\n\nfunction App() {\n  return (\n    <AuthProvider>\n      <LanguageProvider>\n        <AppHeader />\n        <AppRoutes />\n        <AppFooter />\n      </LanguageProvider>\n    </AuthProvider>\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.scss';\nimport App from './components/app/App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root'),\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n","import React, { useState, createContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { languages, options } from './languages';\n\nexport const LanguageContext = createContext({\n  language: 'en',\n  translations: languages.en,\n});\n\nfunction LanguageProvider({\n  children,\n}) {\n  const isoLang = window.localStorage.getItem('isoLang');\n  const [language, setLanguage] = useState(isoLang || 'en');\n\n  function handleChange(value) {\n    const selected = options[value] ? value : 'en';\n\n    setLanguage(selected);\n    window.localStorage.setItem('isoLang', selected);\n  }\n\n  return (\n    <LanguageContext.Provider\n      value={{\n        language,\n        translations: languages[language],\n        setLanguage: handleChange,\n      }}\n    >\n      {children}\n    </LanguageContext.Provider>\n  );\n}\n\nLanguageProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default LanguageProvider;\n"],"sourceRoot":""}