{"version":3,"file":"component---src-pages-index-js-d7871b00377a2ef7cf88.js","mappings":"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","sources":["webpack://v-cbee/./src/components/Card.js","webpack://v-cbee/./src/data/EventDetails.js","webpack://v-cbee/./node_modules/@heroicons/react/solid/esm/AcademicCapIcon.js","webpack://v-cbee/./node_modules/@heroicons/react/solid/esm/ChatAlt2Icon.js","webpack://v-cbee/./node_modules/@heroicons/react/solid/esm/CalendarIcon.js","webpack://v-cbee/./src/components/HeroForm.js","webpack://v-cbee/./src/components/AskTheExperts.js","webpack://v-cbee/./src/components/PostEventSplashPage.js","webpack://v-cbee/./src/pages/index.js"],"sourcesContent":["import React from 'react'\n\nexport default function Card({ title, children, className, ...props }) {\n  return (\n    <div className={`bg-white shadow rounded-md p-6 ${className}`}  {...props}>\n      <h2 className=\"text-lg font-bold text-gray-800 border-b-2 border-gray-200 pb-3 mb-3\">\n        {title}\n      </h2>\n      <div>\n        {children}\n      </div>\n    </div>\n  )\n}","import { AcademicCapIcon, ChatAlt2Icon, CalendarIcon } from '@heroicons/react/solid'\n\n\nexport const eventDetails = {\n  name: \"CBEE December 2021\",\n  eyebrow: \"December 8-9, 2021\",\n  description:\n    \"Whether you're early in your career or retirement's around the corner, our CalPERS Benefit Educational Event (CBEE) will provide you the opportunity to learn about and prepare for retirement.\",\n};\n\nexport const eventHighlights = [\n  {\n    id: \"eh1\",\n    text: \"Real-time virtual classes\", \n    description:\n      \"We offer informative classes customized for you and your career stage: Early through mid-career or nearing retirement.\",\n    url: \"/schedule\",\n    linkText: \"View Schedule\",\n    icon: AcademicCapIcon,\n    color: \"#E95800\",\n    badge:true,\n  },\n  {\n    id: \"eh2\",\n\n    text: \"Connect personally with experts\", \n    description:\n      \"Drop in for a one-on-one web chat with representatives from CalPERS programs, health benefit plans, deferred compensation and more.\",\n    url: \"/schedule\",\n    linkText: \"Ask the Experts\",\n    icon: ChatAlt2Icon,\n    color: \"#E95800\",\n  },\n  {\n    id: \"eh3\",\n\n    text: \"Two interactive days \", \n    description:\n      \"The same classes and representatives are available both days, giving you more flexibility to attend when it’s convenient for you.\",\n    url: \"/schedule\",\n    linkText: \"View Schedule\",\n    icon: CalendarIcon,\n    color: \"#E95800\",\n  },\n]\n ","import * as React from \"react\";\nfunction AcademicCapIcon(props, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    ref: svgRef\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M10.394 2.08a1 1 0 00-.788 0l-7 3a1 1 0 000 1.84L5.25 8.051a.999.999 0 01.356-.257l4-1.714a1 1 0 11.788 1.838L7.667 9.088l1.94.831a1 1 0 00.787 0l7-3a1 1 0 000-1.838l-7-3zM3.31 9.397L5 10.12v4.102a8.969 8.969 0 00-1.05-.174 1 1 0 01-.89-.89 11.115 11.115 0 01.25-3.762zM9.3 16.573A9.026 9.026 0 007 14.935v-3.957l1.818.78a3 3 0 002.364 0l5.508-2.361a11.026 11.026 0 01.25 3.762 1 1 0 01-.89.89 8.968 8.968 0 00-5.35 2.524 1 1 0 01-1.4 0zM6 18a1 1 0 001-1v-2.065a8.935 8.935 0 00-2-.712V17a1 1 0 001 1z\"\n  }));\n}\nconst ForwardRef = React.forwardRef(AcademicCapIcon);\nexport default ForwardRef;","import * as React from \"react\";\nfunction ChatAlt2Icon(props, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    ref: svgRef\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M2 5a2 2 0 012-2h7a2 2 0 012 2v4a2 2 0 01-2 2H9l-3 3v-3H4a2 2 0 01-2-2V5z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M15 7v2a4 4 0 01-4 4H9.828l-1.766 1.767c.28.149.599.233.938.233h2l3 3v-3h2a2 2 0 002-2V9a2 2 0 00-2-2h-1z\"\n  }));\n}\nconst ForwardRef = React.forwardRef(ChatAlt2Icon);\nexport default ForwardRef;","import * as React from \"react\";\nfunction CalendarIcon(props, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    ref: svgRef\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    d: \"M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z\",\n    clipRule: \"evenodd\"\n  }));\n}\nconst ForwardRef = React.forwardRef(CalendarIcon);\nexport default ForwardRef;","import React, { useState, useContext } from \"react\";\nimport { Link, navigate } from \"gatsby\";\nimport { AuthContext } from \"../components/AuthProvider\";\nimport ErrorComponent from \"./Form/ErrorComponent\";\n\nfunction HeroForm({ hasEventEnded }) {\n  const {\n    user,\n    login,\n    logout,\n    isUserLoggedIn,\n    loginErrors,\n    requestPinCode,\n    spinner,\n    loggingInStatus,\n    loginState,\n    changeLoginState,\n  } = useContext(AuthContext);\n\n  const [emailSubmitted, setEmailSubmitted] = useState(false);\n  const [pinSubmitted, setPinSubmitted] = useState(false);\n\n  const [username, setUsername] = useState(\"\");\n  const [pin, setPin] = useState(\"\");\n\n  if (isUserLoggedIn()) {\n    navigate(\"/account/dashboard\");\n    return null;\n  }\n\n  function handleRequestPinCode(e) {\n    e.preventDefault();\n    setEmailSubmitted(true);\n\n    if (username && username.length > 0) {\n      requestPinCode(username);\n    }\n  }\n\n  const UserLoggedInMessage = () => (\n    <a href=\"/account/dashboard\">\n      <p className=\"text-gray-900 font-bold text-center\">Logged in as</p>\n      <p className=\"text-gray-600 text-center\">{user && user.email}</p>\n\n      <div className=\"my-2 inline-flex justify-center items-center w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white  font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-brand-500\">\n        <span className=\"inline-block h-8 w-8 rounded-full overflow-hidden bg-gray-100\">\n          <svg className=\"h-full w-full text-gray-300\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path d=\"M24 20.993V24H0v-2.996A14.977 14.977 0 0112.004 15c4.904 0 9.26 2.354 11.996 5.993zM16.002 8.999a4 4 0 11-8 0 4 4 0 018 0z\" />\n          </svg>\n        </span>\n        <span className=\" ml-2 block capitalize font-semibold\">{`${user && user.firstName} ${user && user.lastName}`}</span>\n      </div>\n    </a>\n  );\n  return (\n    <div className=\"bg-white rounded-xl  border-brand-500 md-mb-none shadow-xl relative overflow-hidden\">\n      {/* {hasEventEnded ? null :  <div className=\"px-12 py-8 text-center\">\n      <span className=\"font-semibold text-lg\">Register Now</span>\n      <p className=\"text-gray-700\">\n      Reserve your spot to attend our free, virtual education event.\n      </p>\n      <Button\n        onClick={() => { navigate('/registration/') }}\n        type=\"button\"\n        className=\"block   w-full   text-base mt-4 font-semibold \"\n      >\n        Reserve My Spot\n      </Button>\n    </div>} */}\n\n      {isUserLoggedIn() ? (\n        <div className={`bg-gray-50 p-8 progress-border relative`}>\n          <UserLoggedInMessage />\n        </div>\n      ) : (\n        <>\n          <div\n            className={`${hasEventEnded ? \"bg-white py-12\" : \"bg-white\"} p-10 progress-border relative ${loginState == 2 ? \"half\" : \"\"\n              }`}\n          >\n            {loginState == 1 ? (\n              <form\n                onSubmit={(e) => {\n                  handleRequestPinCode(e);\n                }}\n              >\n                <span\n                  className={`font-semibold block ${hasEventEnded ? \"text-left  text-xl mb-2 font-bold\" : \" text-left text-xl mb-2 font-black\"\n                    } `}\n                >\n                  Log In\n                </span>\n                <p className={`text-gray-700 text-left mb-1`}>\n                  Enter your email to log in below. A pin code will be sent to your email. <span className=\"font-medium required-tag\">(required)</span>\n                </p>\n\n                <div\n                  aria-live=\"polite\"\n                  className={`my-4 ${(emailSubmitted && username.length < 1) || (loginErrors && loginErrors.length > 0)\n                    ? \" input-error\"\n                    : \"\"\n                    }`}\n                >\n                  <label htmlFor=\"email\" className=\"block font-medium text-gray-700 sr-only\">\n                    Email\n                  </label>\n                  <div className=\"mt-1\">\n                    <input\n                      type=\"text\"\n                      name=\"email\"\n                      id=\"email\"\n                      onChange={(e) => setUsername(e.target.value)}\n                      className=\"py-3 shadow-sm focus:ring-brand-500 focus:border-brand-500 block w-full border-gray-200 rounded-md\"\n                      placeholder=\"Email\"\n                      aria-label=\"Enter your email to log in below. A pin code will be sent to your email.\"\n                      aria-describedby=\"emailError emailInstruction\"\n                      value={username}\n                      aria-required={true}\n                    />\n                    <p id=\"emailInstruction\" className=\"sr-only\">\n                      Enter your email to log in below. A pin code will be sent to your email.\n                    </p>\n                  </div>\n                </div>\n                <div aria-live=\"assertive\">\n                  {loginErrors && loginErrors.length > 0\n                    ? loginErrors.map((error, e) => (\n                      <div className=\"mb-4\">\n                        <ErrorComponent key={e} message={error.message} />\n                      </div>\n                    ))\n                    : null}\n                </div>\n                <div aria-live=\"assertive\">\n                  {emailSubmitted && username.length < 1 ? (\n                    <div id=\"emailError\" className=\"mb-4\">\n                      <ErrorComponent message={\"Please enter a valid email\"} />\n                    </div>\n                  ) : null}\n                </div>\n                <button\n                  type=\"submit\"\n                  className=\"font-display w-full justify-center flex items-center px-4 py-3 border border-transparent text-base mt-2 font-semibold rounded-md shadow-sm text-white bg-brand-500 hover:bg-brand-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-brand-500\"\n                >\n                  {spinner ? (\n                    <>\n                      <svg\n                        className=\"animate-spin mr-3 h-5 w-5 text-white\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                      >\n                        <circle\n                          className=\"opacity-25\"\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"10\"\n                          stroke=\"currentColor\"\n                          strokeWidth=\"4\"\n                        ></circle>\n                        <path\n                          className=\"opacity-75\"\n                          fill=\"currentColor\"\n                          d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n                        ></path>\n                      </svg>\n                      Pin Code Requested\n                    </>\n                  ) : (\n                    \"Continue\"\n                  )}\n                </button>\n                {!hasEventEnded && (\n                  <Link\n                    to=\"/registration\"\n                    title=\"Register for CBEE\"\n                    className=\"text-brand-600 font-semibold block text-center py-1 mt-4\"\n                  >\n                    Not Registered?\n                  </Link>\n                )}\n              </form>\n            ) : null}\n            {loginState == 2 ? (\n              <form\n                onSubmit={(e) => {\n                  e.preventDefault();\n                  login(username, pin);\n                  setPinSubmitted(true);\n                }}\n              >\n                <span className={`font-semibold block text-left  text-xl mb-2  font-black `}>{username}</span>\n                <p className={`text-gray-700  text-left mb-1`}>\n                  We just sent you a temporary pin code. Please check your inbox. <span className=\"font-medium required-tag\">(required)</span>\n                </p>\n                \n                <div\n                  aria-live=\"polite\"\n                  className={`my-4 ${loginErrors && loginErrors.length > 0 ? \" input-error\" : \"\"}`}\n                >\n                  <label htmlFor=\"email\" className=\"sr-only\">\n                    Pin Code\n                  </label>\n                  <input\n                    type=\"text\"\n                    id=\"pin\"\n                    onChange={(e) => setPin(e.target.value)}\n                    className=\"shadow-sm focus:ring-brand-500 focus:border-brand-500 block w-full sm:text-sm border-gray-100 rounded-md py-3\"\n                    placeholder=\"Pin Code\"\n                    aria-label=\"We just sent you a temporary pin code. Please check your inbox.\"\n                    aria-describedby=\"pinError pinInstruction\"\n                    value={pin}\n                    aria-required={true}\n                    aria-live=\"assertive\"\n                  />\n                  <p id=\"emailInstruction\" className=\"sr-only\">\n                    We just sent you a temporary pin code. Please check your inbox.\n                  </p>\n                </div>\n                <div aria-live=\"assertive\">\n                  {loginErrors && loginErrors.length > 0\n                    ? loginErrors.map((error, e) => <ErrorComponent key={e} message={error.message} />)\n                    : null}\n                </div>\n                <button\n                  type=\"submit\"\n                  value=\"Submit\"\n                  className=\"font-display flex  justify-center w-full items-center px-4 py-3 border border-transparent text-base mt-2 font-semibold rounded-md shadow-sm text-white bg-brand-500 hover:bg-brand-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-brand-500\"\n                >\n                  {spinner ? (\n                    <svg\n                      className=\"animate-spin mr-3 h-5 w-5 text-white\"\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      fill=\"none\"\n                      viewBox=\"0 0 24 24\"\n                    >\n                      <circle\n                        className=\"opacity-25\"\n                        cx=\"12\"\n                        cy=\"12\"\n                        r=\"10\"\n                        stroke=\"currentColor\"\n                        strokeWidth=\"4\"\n                      ></circle>\n                      <path\n                        className=\"opacity-75\"\n                        fill=\"currentColor\"\n                        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n                      ></path>\n                    </svg>\n                  ) : (\n                    \"\"\n                  )}{\" \"}\n                  {loggingInStatus}\n                </button>\n                <button\n                  className=\"text-center text-gray-600 text-sm text-brand-600 items-center  pt-3 flex mx-auto \"\n                  onClick={() => changeLoginState(1)}\n                >\n                  Log in with a different email.\n                </button>\n              </form>\n            ) : null}{\" \"}\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport default HeroForm;\n","import React from \"react\";\nimport { Card } from '../components/Card';\nimport { ReturnAskTheExpertsLogo } from './AskTheExpertsLogo'\n\n\n\nfunction AskTheExperts({data}) {   \n\nlet allEvents =  data && data[0].eventDaySessions.filter(function (e) {\n  return e.eventSession.sessionType.code == \"ASK\";\n});\n\n\nallEvents && allEvents.sort((a, b) => (a.eventSession.eventSessionName > b.eventSession.eventSessionName) ? 1 : -1)\n\n  const Item = ({ data, index }) => { \n    let sessionName = data && data.eventSession && data.eventSession.eventSessionName\n\n\n    sessionName = sessionName.split(\"Health Plan - \").pop()\n \n\n\n   \n    let CardView = false\n\n    if(CardView){\n\n      \n      return  (\n      <Card title={ <ReturnAskTheExpertsLogo className={\"h-10 mb-1\"} id={data.eventSession.id} title={data.eventSession.eventSessionName}/>}>\n     <h2 className=\"text-lg font-bold text-gray-800  mb-3\">\n          {sessionName}\n        </h2> \n     <p className=\"text-gray-500 text-sm\">{data.eventSession.eventSessionDesc}</p> </Card>\n      )}\n\n    return (   \n      <div className={`py-8 border-b border-gray-200 pr-6 ${index % 2 ? 'md:border-l md:pl-6' : 'md:pr-6' }`}> \n          <div className=\" mb-2\"> \n          <ReturnAskTheExpertsLogo className={\"h-10 mb-1\"} id={data.eventSession.id} title={data.eventSession.eventSessionName}/>\n          </div> \n          <h3 className=\"font-semibold text-gray-900 text-lg pb-1\">{sessionName}</h3>\n          <p className=\"text-gray-500 text-sm\">{data.eventSession.eventSessionDesc}</p>\n      </div>\n   \n    )  \n  } \n\n\n  return (\n    <div className=\"grid grid-cols-1 md:grid-cols-2\"> \n        {allEvents && allEvents.map((item, index) => (<Item key={index} index={index} data={item} />))} \n    </div>\n  );\n}\n\nexport default AskTheExperts;\n","import React, { useEffect, useState, useContext } from \"react\";\nimport { AuthContext } from \"../components/AuthProvider\";\nimport Logo from \"./Logo\";\n\n\nfunction PostEventSplashPage() {\n\n\n  return (\n    <>\n      <div className=\"bg-gray-50 min-h-screen flex flex-col items-center\">\n        <div className=\"p-8 md:p-20 max-w-4xl mx-auto\">\n          <div className=\"w-full sm:w-2/3 \">\n            <Logo includeTitle={true} fill=\"#0071AD\" />\n          </div>\n          <div className=\"shadow-md p-6 md:px-12 md:py-10 rounded-lg bg-white border-t-4 border-brand-500 mt-8 text-gray-600 text-lg\">\n\n          <p className=\"mb-8\">Gain a better understanding of your member benefits and ask our experts questions at a virtual CalPERS Benefits Education Event (CBEE). The two-day event includes live, instructor-led <a href=\"https://www.calpers.ca.gov/page/education-center/member-education/benefits-education-events/event-classes\" target={\"_blank\"} title=\"Opens in a new window\" className=\"underline font-semibold text-brand-500\">classes</a> and Ask the Experts rooms hosted by our CalPERS programs and partnering organizations.</p>\n\n          <p>Subscribe to our <a href=\"https://www.calpers.ca.gov/page/email-subscriptions\" target={\"_blank\"} title=\"Opens in a new window\" className=\"underline font-semibold text-brand-500\">Member Education Bulletin</a> to be notified of future CBEEs and other educational opportunities</p>\n          </div>\n        </div>\n      </div>\n\n    </>\n  )\n}\n\n\nexport default PostEventSplashPage\n\n","import React, { useEffect, useState } from \"react\"; \nimport { eventHighlights } from \"../data/EventDetails\";\nimport Layout from \"../components/layout\"; \nimport HeroForm from \"../components/HeroForm\";\nimport Logo from \"../components/Logo\";\nimport Navbar from \"../components/Navbar\";\nimport ScheduleRegisteredUser from \"../components/ScheduleRegisteredUser\";\nimport AskTheExperts from \"../components/AskTheExperts\";\nimport { Link } from \"gatsby\";\nimport SEO from '../components/SEO'\nimport {Spinner} from '../components/Atoms/Spinner'\nimport config from \"../config\"\nimport { hasEventEnded, returnDateToUseForCECRequests } from '../helpers/dates'\nimport { useLocalStorage } from \"../hooks/useLocalStorage\";\nimport PostEventSplashPage from '../components/PostEventSplashPage'\nimport { useLocalStorage as useMantineLocalStorage} from '@mantine/hooks';\nconst dayjs = require(\"dayjs\");\nconst utc = require('dayjs/plugin/utc')\nconst timezone = require('dayjs/plugin/timezone') // dependent on utc plugin\n\ndayjs.extend(utc)\ndayjs.extend(timezone)\n\nconst pacificTimeZone = 'America/Los_Angeles'\n\nconst FORMOFFSETPX = 350;\n\nfunction IndexPage(props) { \nconst {location} = props\n  const [eventStartDate, setEventStartDate] = useMantineLocalStorage({ key: 'eventStartDate' });\n  const [, setEventEndDate] = useMantineLocalStorage({ key: 'eventEndDate' });\n\n  const [futureVirtualCBE, setFutureVirtualCBE] = useState(null);\n  const [askTheExperts, setAskTheExperts] = useState(null);\n  const [eventEnded, setEventEnded] = useLocalStorage('hasEventEnded', '')\n  const [showSplashPage, setShowSplashPage] = useMantineLocalStorage({ key: 'showSplash' });\n  const [showError, setShowError] = useState(false);\n\n   // Client-side runtime data fetch\n  useEffect(() => { \n    \n    fetch(config.API.CEC.URL + '/cec-classmgmt/event/future-virtual-cbe?startDate=' + returnDateToUseForCECRequests())\n      .then(response =>  {\n        let showSplash = false\n        let showSplashPreRegNotPassed = false\n        let showSplashEventEndedPlusSevenDays = false\n\n        if(response.status == 400) {\n          showSplash = true\n        }  \n        if(response.status== 500) {\n          setShowError(true)\n        }\n        response.json().then(resultData => { \n          \n            if(resultData && resultData.preRegStartDttm && dayjs(resultData.preRegStartDttm).diff(dayjs(), 'seconds') > 0) {\n              showSplashPreRegNotPassed = true\n            }\n            if(resultData && resultData.endDate && dayjs(resultData.endDate).add(7, 'day').diff(dayjs(), 'seconds') < 0) {\n              showSplashEventEndedPlusSevenDays = true\n            }\n\n\n            // console.log(\"error Code\",showSplash)\n            // console.log(\"showSplashPreRegNotPassed\",showSplashPreRegNotPassed, resultData.preRegStartDttm)\n            // console.log(\"showSplashEventEndedPlusSevenDays\",showSplashEventEndedPlusSevenDays)\n          if(showSplash == false && showSplashPreRegNotPassed == false && showSplashEventEndedPlusSevenDays == false) {\n           setShowSplashPage(false)\n          } else {\n            setShowSplashPage(true)\n          }\n\n        setFutureVirtualCBE(resultData)\n        setAskTheExperts(resultData && resultData.eventDayDetails)\n\n        const eventDayDetails = resultData && resultData.eventDayDetails.sort((a,b)=> a.eventDayDtlEndDttm > b.eventDayDtlEndDttm ? 1 : -1)\n\n        setEventStartDate(eventDayDetails && eventDayDetails[0] && eventDayDetails[0].eventDayDtlEndDttm)\n        setEventEndDate(eventDayDetails && eventDayDetails[1] && eventDayDetails[1].eventDayDtlEndDttm)\n\n\n        setEventEnded(hasEventEnded(eventDayDetails && eventDayDetails[1] && eventDayDetails[1].eventDayDtlEndDttm))\n\n        // after the elements render on the page, scroll to the element id that matches URL hash\n        const element = document.getElementById(location.hash.replace(\"#\", \"\"));\n\n        window.scrollTo({\n          behavior: element ? \"smooth\" : \"auto\",\n          top: element ? element.offsetTop - 20 : 0\n        })  \n\n        \n\n\n      })}) // parse JSON from request\n      \n    }, [])\n \n \n    if(showSplashPage) {\n      return     <>     \n  <SEO title={\"CalPERS Benefits Education Event | CBEE\"}/>\n        <PostEventSplashPage/>\n    </>\n    }\n \n    if(showError) {\n      return     <>     \n  <SEO title={\"CalPERS Benefits Education Event | CBEE\"}/>\n  <div className=\"bg-gray-50 min-h-screen flex flex-col items-center\">\n        <div className=\"p-8 md:p-20 max-w-4xl mx-auto\">\n         \n          <div className=\"shadow-md p-6 md:px-12 md:py-10 rounded-lg bg-white border-t-4 border-red-500 mt-8 text-gray-600 text-lg\">\n\n        <p className=\"font-semibold text-red-600 text-xl mb-2\">Something went wrong</p>\n          <p>We're currently experiencing technical difficulties. Our dedicated technical team is actively addressing the issue to restore full functionality promptly. We apologize and appreciate your patience and understanding during this time.  </p>\n          </div>\n        </div>\n      </div>\n\n \n    </>\n    }\n\n  return (\n    <Layout location={props.location} showHeader={true}>\n      <SEO title={\"CalPERS Benefits Education Event | CBEE\"}/>\n      <div className=\"max-w-7xl mx-auto px-4 md:px-6\" id=\"top\">\n      <div className=\"py-4 flex justify-between items-center\">\n      <div className=\"w-80\">\n                <Link\n                  to={\"/\"}\n                  className=\"block focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-brand-500\"\n                >\n                  <Logo fill=\"#00659e\" includeTitle={true} />\n                </Link>\n              </div>\n       \n      </div>\n      </div>\n      <Navbar location={props.location}  hasEventEnded={eventEnded}  />\n\n      {futureVirtualCBE ? <div>\n        <div className=\"overflow-hidden\">\n        <div className=\"h-auto bg-cover relative bg-brand-900\">\n <div className=\"absolute bg-black opacity-[33%] h-full w-full top-0 left-0 z-[1]\"/>\n          <img\n            src=\"/images/pers_pattern_1.jpg\"\n            className=\"hero-image absolute top-0 h-full\"\n            style={{ opacity: \"1\", transform: \"none\" }}\n            alt=\"CalPERS Building\"\n          />\n\n          <div className=\"relative z-10\">\n            <div\n              className={`max-w-7xl py-12 carousel-content-container flex flex-wrap justify-between relative mx-auto px-4 md:px-6`}\n            >\n              <div className=\"w-full md:w-1/2 lg:w-2/3 pt-0 py-8 md:py-12 md:pr-8 lg:pr-32 relative \">\n                <div className=\"max-w-2xl\">\n                <h1 className=\"text-shadow-lg text-center md:text-left text-white text-shadow  relative mb-2 text-2xl md:text-3xl font-bold leading-10\">\n                  {dayjs(futureVirtualCBE && futureVirtualCBE.startDate).format('MMMM D')} - {dayjs(futureVirtualCBE && futureVirtualCBE.endDate).format('D, YYYY')} {config.APP.APP_NAME}\n                  </h1>\n                  <h2 className=\"text-center md:text-left block font-semibold my-2 text-lg text-white tracking-wide service-heading-tag\">\n                    {/* {futureVirtualCBE &&\n                    futureVirtualCBE.startDate &&\n                    futureVirtualCBE.startDate &&\n                    futureVirtualCBE.endDate\n                      ? returnReadableDateRange(\n                          futureVirtualCBE.startDate,\n                          futureVirtualCBE.endDate\n                        )\n                      : \"\"} */}\n                    {dayjs(futureVirtualCBE && futureVirtualCBE.eventDayDetails && futureVirtualCBE.eventDayDetails[0] && futureVirtualCBE.eventDayDetails[0].eventDayDtlStartDttm).tz(pacificTimeZone).format('h:mm a').replace('am', 'a.m.').replace('pm', 'p.m.')} - {dayjs(futureVirtualCBE && futureVirtualCBE.eventDayDetails && futureVirtualCBE.eventDayDetails[0] && futureVirtualCBE.eventDayDetails[0].eventDayDtlEndDttm).tz(pacificTimeZone).format('h:mm a').replace('am', 'a.m.').replace('pm', 'p.m.')} (PT)\n\n                  </h2>\n                  \n                  {eventEnded ? \n                  \n                  <p className=\"text-shadow-md text-center md:text-left text-white mt-1 text-lg leading-7 md:leading-8 \">\n            <p className=\"text-shadow-md text-center md:text-left text-white mt-1 text-lg leading-7 md:leading-8 \">\n            Our CBEE has concluded. If you registered for this event, you can log in to review resources from classes and Ask the Experts rooms through {dayjs(eventStartDate).add(7, 'day').format('MMMM D')}.</p>\n                </p>\n                \n                :  <p className=\"text-shadow-md text-center md:text-left text-white mt-1 text-lg leading-7 md:leading-8 \">\n                    {futureVirtualCBE && futureVirtualCBE.eventDetails}\n                  </p> }\n                  <span className=\"hidden\">{futureVirtualCBE && futureVirtualCBE.eventDayDetails[1] && futureVirtualCBE && futureVirtualCBE.eventDayDetails[1].eventDayDtlEndDttm}</span>\n                 \n                 \n                </div>\n              </div>\n              <div className=\"w-full md:w-1/2 lg:w-1/3 form-offset\">\n                <HeroForm hasEventEnded={eventEnded} />\n              </div>\n            </div>\n          </div>\n        </div>\n        <div\n          style={{ height: FORMOFFSETPX + \"px\" }}\n          className=\"height-none-md\"\n        />\n      </div>\n\n      <div className=\"bg-white\">\n        <div className=\"max-w-7xl mx-auto px-4 md:px-6\">\n          <ul className=\"flex flex-wrap\">\n            {eventHighlights.map((hightlight, i) => (\n              <li\n                key={hightlight.id}\n                className={`w-full md:w-1/3 text-center p-10 py-12 ${\n                  i > 0 ? \" md:border-l\" : \"\"\n                }`}\n              >\n                <div className=\"bg-white border-2 border-brand-500 flex h-16 items-center justify-center mb-3 mx-auto rounded-full w-16\">\n                  <hightlight.icon\n                    className=\"h-6 w-6 mx-auto\"\n                    style={{ color: \"#006BA6\" }}\n                    aria-hidden=\"true\"\n                  />\n                </div>\n                <span className=\"text-base font-semibold mb-2 block\">\n                  {hightlight.text}\n                </span>\n\n                <p className=\"text-gray-500\">{hightlight.description}</p>\n              </li>\n            ))}\n          </ul>\n        </div>\n      </div>\n      <div className=\"bg-gray-50\" id=\"schedule\">\n        <div className=\"max-w-7xl mx-auto px-4 md:px-6 py-8 md:py-16\">\n          <h2 className=\" text-gray-900   relative mb-2 text-2xl md:text-3xl font-bold leading-10\">\n            Classes\n          </h2>\n\n\n          <ScheduleRegisteredUser autoSelectUpcomingClassDays  isPublicView={true} enrolledClasses={[]}  scheduleData={futureVirtualCBE && futureVirtualCBE.eventDayDetails}\n          />\n\n{/* \n          <Schedule\n            scheduleData={futureVirtualCBE && futureVirtualCBE.eventDayDetails}\n          /> */}\n        </div>\n      </div>\n      <div\n        className=\"bg-white\"\n        id=\"ask-the-experts\"\n      >\n        <div className=\"max-w-7xl mx-auto px-4 md:px-6 py-8 md:py-16\">\n          <h2 className=\"  text-gray-900   relative mb-2 text-2xl md:text-3xl font-bold leading-10\">\n            Ask the Experts\n          </h2>\n          <p className=\"text-gray-700 max-w-4xl pb-4 mb-4\">\n            Experts will be on hand to answer your questions and help you learn\n            more about these important programs available to you. Make the most\n            of your CBEE experience by dropping in for a one-on-one virtual chat\n            or browsing their resources offered during the event.\n          </p>\n          <AskTheExperts data={askTheExperts} />\n        </div>\n      </div>\n      </div> :  <span className=\"text-center text-gray-600  py-40 block\"><Spinner className=\"mx-auto\" size=\"6\"/></span>}\n     \n     \n    </Layout>\n  );\n}\n\nexport default IndexPage;\n"],"names":["Card","_ref","title","children","className","props","React","Object","assign","eventHighlights","id","text","description","url","linkText","icon","svgRef","xmlns","viewBox","fill","ref","d","color","badge","fillRule","clipRule","hasEventEnded","user","login","logout","isUserLoggedIn","loginErrors","requestPinCode","spinner","loggingInStatus","loginState","changeLoginState","useContext","AuthContext","emailSubmitted","setEmailSubmitted","useState","pinSubmitted","setPinSubmitted","username","setUsername","pin","setPin","navigate","UserLoggedInMessage","href","email","firstName","lastName","onSubmit","e","preventDefault","length","handleRequestPinCode","htmlFor","type","name","onChange","target","value","placeholder","map","error","ErrorComponent","key","message","cx","cy","r","stroke","strokeWidth","Link","to","onClick","data","allEvents","eventDaySessions","filter","eventSession","sessionType","code","sort","a","b","eventSessionName","Item","_ref2","index","sessionName","split","pop","ReturnAskTheExpertsLogo","eventSessionDesc","item","Logo","includeTitle","dayjs","require","utc","timezone","extend","pacificTimeZone","location","eventStartDate","setEventStartDate","useMantineLocalStorage","setEventEndDate","futureVirtualCBE","setFutureVirtualCBE","askTheExperts","setAskTheExperts","eventEnded","setEventEnded","useLocalStorage","showSplashPage","setShowSplashPage","showError","setShowError","useEffect","fetch","config","CEC","URL","returnDateToUseForCECRequests","then","response","showSplash","showSplashPreRegNotPassed","showSplashEventEndedPlusSevenDays","status","json","resultData","preRegStartDttm","diff","endDate","add","eventDayDetails","eventDayDtlEndDttm","element","document","getElementById","hash","replace","window","scrollTo","behavior","top","offsetTop","SEO","PostEventSplashPage","Layout","showHeader","Navbar","src","style","opacity","transform","alt","startDate","format","APP_NAME","eventDayDtlStartDttm","tz","eventDetails","HeroForm","height","FORMOFFSETPX","hightlight","i","ScheduleRegisteredUser","autoSelectUpcomingClassDays","isPublicView","enrolledClasses","scheduleData","AskTheExperts","Spinner","size"],"sourceRoot":""}