{"version":3,"file":"static/chunks/pages/contact-us-1c1e5a5885f01e720b0a.js","mappings":"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","sources":["webpack://_N_E/./pages/contact-us.tsx","webpack://_N_E/./src/components/layout/Heading.tsx","webpack://_N_E/./src/components/layout/PageContent.tsx","webpack://_N_E/./src/components/shared/Modal.tsx","webpack://_N_E/./src/hooks/useTokenVerification.ts","webpack://_N_E/./src/hooks/useSessionTimer.ts","webpack://_N_E/?583c"],"sourcesContent":["import React, { useState, useEffect } from 'react'\n\nimport { Flex, Text, Card } from '@clear/design-system'\nimport PageContent from '@components/layout/PageContent'\nimport { CardHeading } from '@components/layout/Heading'\nimport { HeadTitle } from '@components/layout/HeadTitle'\n\nconst ContactUs = () => {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const [currentUrl, setCurrentUrl] = useState('')\n\n  useEffect(() => {\n    if (typeof window !== undefined) setCurrentUrl(window.location.href)\n  }, [])\n\n  return (\n    <Flex flexDirection=\"column\">\n      <HeadTitle\n        title=\"Contact Us | TSA PreCheck® Enrollment Provided by CLEAR\"\n        description=\"Have questions about TSA PreCheck® Enrollment Provided by CLEAR? Please call our service center.\"\n      />\n      <PageContent mt={[8, 11]}>\n        <Card>\n          <CardHeading>Contact Us</CardHeading>\n          <Text\n            as=\"p\"\n            color=\"neutralsTextGray\"\n            mx={8}\n            my={[4, 7]}\n            lineHeight=\"body\"\n            textAlign=\"center\"\n          >\n            If you are unable to find your answer in the{' '}\n            <Text as=\"a\" href=\"/help\" color=\"brandMidnightBlue\">\n              FAQs{' '}\n            </Text>\n            and need assistance with a service,{'\\u00A0'}\n            <Text as=\"a\" href=\"tel:18888319070\" color=\"brandMidnightBlue\">\n              please contact our support team.\n            </Text>{' '}\n            <Text as=\"p\" mt={4}>\n              <Text as=\"a\" href=\"tel:18888319070\" color=\"brandMidnightBlue\">\n                Call 1-888-831-9070\n              </Text>\n              , Monday - Friday 8am - 10pm ET\n            </Text>\n            <Text as=\"p\">\n              Email{' '}\n              <Text\n                as=\"a\"\n                href=\"mailto:CLEARCustomerSupport@tsa.dhs.gov\"\n                color=\"brandMidnightBlue\"\n              >\n                CLEARCustomerSupport@tsa.dhs.gov\n              </Text>\n              , anytime\n            </Text>\n          </Text>\n        </Card>\n      </PageContent>\n    </Flex>\n  )\n}\n\nexport default ContactUs\n","import React, { ReactNode } from 'react'\nimport { Text, TextProps } from '@clear/design-system'\n\nexport type HeadingProps = TextProps & {\n  children?: ReactNode\n}\n\nexport const PageHeading = ({ children, ...props }: HeadingProps) => (\n  <Text\n    as=\"h1\"\n    variant=\"display\"\n    width=\"full\"\n    my={[6, 7]}\n    color=\"brandDarkBlue\"\n    fontSize={[6, 8]}\n    textAlign=\"center\"\n    __css={{\n      textTransform: 'capitalize',\n    }}\n    {...props}\n  >\n    {children}\n  </Text>\n)\n\nexport const CardHeading = (props: HeadingProps) => (\n  <PageHeading\n    as=\"h2\"\n    my={[3, 4]}\n    color=\"brandMidnightBlue\"\n    fontSize={[7, 8]}\n    {...props}\n  />\n)\nexport const FormSectionHeading = (props: HeadingProps) => (\n  <Text\n    as=\"h3\"\n    variant=\"display\"\n    fontSize={5}\n    my={3}\n    color=\"brandMidnightBlue\"\n    {...props}\n  />\n)\n","import React, { useState, useEffect } from 'react'\nimport { useRouter } from 'next/router'\nimport { Box, BoxProps } from '@clear/design-system'\nimport { Modal } from '@components/shared/Modal'\nimport useEnrollmentApi from '@hooks/useEnrollmentApi'\nimport { useSessionTimer } from '@hooks/useSessionTimer'\n\ntype PageContentProps = BoxProps\nconst PageContent: React.FC<PageContentProps> = ({ ...props }) => {\n  const { clearState: clearEnrollmentState } = useEnrollmentApi()\n  const router = useRouter()\n  const sessionTimeout =\n    (router && router.query && router.query.sessionTimeout) || ''\n  const pathname = (router && router.pathname) || ''\n  const [showSessionModal, setShowSessionModal] = useState(false)\n\n  const successClickFunction = () => {\n    router.push('/')\n  }\n\n  useEffect(() => {\n    const shouldShowModal = sessionTimeout === 'true' && pathname !== '/'\n    if (shouldShowModal) {\n      setShowSessionModal(true)\n    }\n  }, [pathname, sessionTimeout])\n\n  useSessionTimer(clearEnrollmentState)\n\n  return (\n    <Box>\n      <Box\n        px={3}\n        width={['full', 'tablet', 'content']}\n        mx=\"auto\"\n        mt={[6, 7]}\n        mb={6}\n        {...props}\n      />\n      <Modal\n        showModal={showSessionModal}\n        setShowModal={setShowSessionModal}\n        header=\"Your session has expired\"\n        body=\"For your security, you’ll need to enter your information again.\"\n        successButtonText=\"Continue\"\n        successClick={successClickFunction}\n        canClose={false}\n      />\n    </Box>\n  )\n}\n\nexport default PageContent\n","import React, { SetStateAction, ReactNode } from 'react'\nimport { Flex, Text, Button, SVG } from '@clear/design-system'\nimport { ColorType } from '@clear/design-system/lib/theme/colors'\nimport Link from 'next/link'\n\nexport interface ModalProps {\n  header?: string\n  body: string | ReactNode\n  bodyNote?: string\n  showModal: boolean\n  setShowModal: React.Dispatch<SetStateAction<boolean>>\n  canClose?: boolean\n  successButtonText?: string\n  closeButtonText?: string\n  successLink?: string\n  successClick?: () => void\n  showSuccessButton?: boolean\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {}\n\nexport function Modal(props: ModalProps) {\n  const {\n    header,\n    body,\n    bodyNote,\n    showModal,\n    setShowModal,\n    canClose,\n    successButtonText = 'success',\n    successLink,\n    successClick,\n    showSuccessButton = true,\n  } = props\n\n  const handleCloseModal = () => setShowModal(false)\n\n  return (\n    <>\n      {showModal ? (\n        <>\n          <div\n            className=\"fixed inset-0 z-50 flex items-center justify-center overflow-x-hidden overflow-y-auto outline-none focus:outline-none\"\n            onClick={canClose ? handleCloseModal : noop}\n          >\n            <Flex\n              p={6}\n              flexDirection=\"column\"\n              backgroundColor=\"neutralsWhite\"\n              width={['tablet', 'half']}\n              onClick={(e) => e.stopPropagation()}\n              mx={[6, null]}\n            >\n              {canClose && !showSuccessButton && (\n                <div className=\"relative\">\n                  <SVG\n                    name=\"x-circle\"\n                    color=\"neutralsTextGray\"\n                    size=\"22\"\n                    onClick={handleCloseModal}\n                    className=\"cursor-pointer absolute -top-5 -right-5\"\n                  />\n                </div>\n              )}\n              {/* header */}\n              <Flex flexDirection=\"column\">\n                {header && (\n                  <Text\n                    variant=\"medium\"\n                    as=\"h3\"\n                    fontSize={5}\n                    data-cy=\"modal-heading\"\n                  >\n                    {header}\n                  </Text>\n                )}\n                <Text as=\"p\" mt={2} data-cy=\"modal-content\">\n                  {body}\n                </Text>\n                {bodyNote && (\n                  <Text as=\"p\" mt={2} data-cy=\"modal-content\">\n                    {bodyNote}\n                  </Text>\n                )}\n              </Flex>\n              {showSuccessButton && (\n                <Flex justifyContent=\"flex-end\" pt={6}>\n                  {successLink ? (\n                    <Link href={successLink} passHref>\n                      <Button\n                        as=\"a\"\n                        size=\"small\"\n                        data-cy=\"success-link\"\n                        backgroundColor={'dhsBlue' as ColorType}\n                        onClick={successClick}\n                        text={successButtonText}\n                        textProps={{ variant: 'regular' }}\n                      />\n                    </Link>\n                  ) : (\n                    <Button\n                      size=\"small\"\n                      data-cy=\"success-link\"\n                      backgroundColor={'dhsBlue' as ColorType}\n                      onClick={successClick}\n                      text={successButtonText}\n                      textProps={{ variant: 'regular' }}\n                    />\n                  )}\n                </Flex>\n              )}\n            </Flex>\n          </div>\n          <div className=\"fixed inset-0 z-40 bg-black opacity-25\" />\n        </>\n      ) : null}\n    </>\n  )\n}\n","import { useRouter } from 'next/router'\nimport { useEffect } from 'react'\nimport { getAccessToken, setAccessToken } from '@api/utils'\n\nconst beforeUnloadListener = (event: any) => {\n  event.preventDefault()\n  return (event.returnValue = 'Are you sure you want to exit?')\n}\n\nexport function useTokenVerification(disabled = false) {\n  const router = useRouter()\n\n  useEffect(() => {\n    if (!disabled) {\n      try {\n        const token = getAccessToken()\n        if (token) {\n          addEventListener('beforeunload', beforeUnloadListener, {\n            capture: true,\n          })\n        }\n      } catch (err) {\n        console.log({ tokenError: err })\n        setAccessToken('')\n        router.push('/')\n      }\n      return () => {\n        removeEventListener('beforeunload', beforeUnloadListener, {\n          capture: true,\n        })\n      }\n    }\n  }, [router, disabled])\n}\n","import { useRouter } from 'next/router'\nimport { useIdleTimer } from 'react-idle-timer'\nimport { useTokenVerification } from './useTokenVerification'\nimport { setAccessToken, setSessionId } from '@api/utils'\n\nconst FIFTEEN_MINUTES_IN_MILLIS = 1000 * 60 * 15\n\nexport const getInactivityTimeout = (\n  INACTIVITY_TIMEOUT = FIFTEEN_MINUTES_IN_MILLIS\n) => INACTIVITY_TIMEOUT\n\nexport function useSessionTimer(\n  timeoutCallback?: () => void,\n  disableTokenVerification?: boolean,\n  inactivityTimeout?: number\n) {\n  const router = useRouter()\n\n  useTokenVerification(disableTokenVerification)\n\n  const sessionTimeoutHandler = async () => {\n    timeoutCallback && timeoutCallback()\n    // Sign out of cognito\n    setAccessToken('')\n    setSessionId('')\n    await router.push(\n      {\n        pathname: router.route,\n        query: { sessionTimeout: 'true' },\n      },\n      undefined,\n      { shallow: true }\n    )\n  }\n\n  const idleTimerFunctions = useIdleTimer({\n    timeout: getInactivityTimeout(inactivityTimeout),\n    onIdle: sessionTimeoutHandler,\n    debounce: 500,\n  })\n\n  return {\n    ...idleTimerFunctions,\n    sessionTimeoutHandler,\n  }\n}\n","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/contact-us\",\n      function () {\n        return require(\"private-next-pages/contact-us.tsx\");\n      }\n    ]);\n  "],"names":["useState","setCurrentUrl","useEffect","window","location","href","flexDirection","title","description","mt","as","color","mx","my","lineHeight","textAlign","PageHeading","children","props","variant","width","fontSize","__css","textTransform","CardHeading","FormSectionHeading","clearEnrollmentState","useEnrollmentApi","clearState","router","useRouter","sessionTimeout","query","pathname","showSessionModal","setShowSessionModal","useSessionTimer","px","mb","showModal","setShowModal","header","body","successButtonText","successClick","push","canClose","noop","Modal","bodyNote","successLink","showSuccessButton","handleCloseModal","className","onClick","p","backgroundColor","e","stopPropagation","name","size","justifyContent","pt","passHref","text","textProps","beforeUnloadListener","event","preventDefault","returnValue","FIFTEEN_MINUTES_IN_MILLIS","getInactivityTimeout","INACTIVITY_TIMEOUT","timeoutCallback","disableTokenVerification","inactivityTimeout","disabled","getAccessToken","addEventListener","capture","err","console","log","tokenError","setAccessToken","removeEventListener","useTokenVerification","sessionTimeoutHandler","setSessionId","route","undefined","shallow","useIdleTimer","timeout","onIdle","debounce","__NEXT_P"],"sourceRoot":""}