{"version":3,"file":"static/chunks/pages/404-ce20531f85aa668d.js","mappings":"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","sources":["webpack://_N_E/?e844","webpack://_N_E/./components/common/CardNavGrid/index.jsx","webpack://_N_E/./pages/404/index.page.jsx"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/404\",\n      function () {\n        return require(\"private-next-pages/404/index.page.jsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/404\"])\n      });\n    }\n  ","import AmexLink from \"@common/AmexLink\";\nimport CardArt, { CARD_ART_VARIATIONS } from \"@common/CardArt\";\nimport ContentContainer from \"@common/ContentContainer\";\nimport DangerSet from \"@common/DangerSet\";\nimport Title from \"@common/Title\";\nimport { AMEX_CNS_CARD_IDS } from \"@constants/cards\";\nimport CUSTOM_PROP_TYPES from \"@constants/custom-prop-types\";\nimport { PAGE_SETTINGS_KEYS } from \"@constants/page-settings-keys\";\nimport useAppContext from \"@hooks/use-app-context\";\nimport usePageSettings from \"@hooks/use-page-settings\";\nimport { useCards } from \"@providers/AmexCardsProvider\";\nimport getField from \"@utils/contentful/get-field\";\nimport getCardUrl from \"@utils/get-card-url\";\nimport fireProductClicked from \"@utils/tagular/fire-product-clicked\";\nimport cn from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { useEffect, useState } from \"react\";\nimport {\n  CARD_NAV_GRID_ID,\n  CARD_NAV_GRID_SECTION_ID,\n  ORDERED_CARDS,\n} from \"./constants\";\n\n// PropTypes\nconst cardNavGridPropTypes = {\n  sectionId: PropTypes.string, // PAGE_SETTINGS_KEYS.CARD_NAV_GRID\n  navLabel: PropTypes.string, // Defaults to American Express® Credit Cards\n  titleProps: PropTypes.shape({ ...CUSTOM_PROP_TYPES.TITLE }),\n  cardTitleProps: PropTypes.shape({ ...CUSTOM_PROP_TYPES.TITLE }),\n};\n\n/**\n * Component: CardNavGrid\n */\nconst CardNavGrid = ({\n  sectionId = PAGE_SETTINGS_KEYS.CARD_NAV_GRID,\n  navLabel = \"American Express® Credit Cards\",\n  titleProps = { as: \"h2\", title: 2 },\n  cardTitleProps,\n  ...props\n}) => {\n  const { isMobileRender, isCardMemberRender, is404Page, updateSettings } =\n    usePageSettings();\n  const { isAppLoading } = useAppContext();\n\n  const [isMobileRender404, setIsMobileRender404] = useState(isMobileRender);\n  const [isCardMemberRender404, setIsCardMemberRender404] =\n    useState(isCardMemberRender);\n\n  useEffect(() => {\n    updateSettings({ hasCardNavGrid: true });\n  }, []);\n\n  useEffect(() => {\n    if (is404Page && typeof window !== \"undefined\") {\n      setIsCardMemberRender404(window.location.href.indexOf(\"/cm/\") !== -1);\n      setIsMobileRender404(window.location.href.indexOf(\"/m/\") !== -1);\n    }\n  }, [is404Page]);\n\n  const cards = useCards(ORDERED_CARDS);\n\n  if (!cards) {\n    return;\n  }\n\n  return (\n    <section\n      data-contentful-section-id={sectionId}\n      data-test-container={sectionId}\n      tabIndex=\"-1\"\n      id={CARD_NAV_GRID_SECTION_ID}\n      className={\n        isAppLoading ? \"hide-all-but-loaders\" : \"animate-base-site-fade-in\"\n      }\n    >\n      <ContentContainer>\n        <nav\n          id={CARD_NAV_GRID_ID}\n          aria-label={navLabel}\n          {...props}\n          className={cn(\"pt-100\", props.className)}\n        >\n          <Title\n            {...titleProps}\n            className={cn(\"text-center\", titleProps?.className)}\n          >\n            American Express® Credit Cards\n          </Title>\n          <ul className=\"grid grid-cols-2 gap-y-40 pt-40 pb-80 md:grid-cols-4 gap-x-gutter-md\">\n            {cards &&\n              cards.map((card, i) => {\n                const url = getCardUrl(\n                  card.id,\n                  isMobileRender404,\n                  isCardMemberRender404\n                );\n                const target = url.includes(\"http\") ? \"_blank\" : null;\n                const cardName = getField(card, \"displayName\", {\n                  sectionId,\n                });\n                return (\n                  <li key={i}>\n                    <AmexLink\n                      href={url}\n                      className=\"block\"\n                      target={target}\n                      aria-describedby={\n                        target ? `${card.id}-${i}-describe-card-nav` : null\n                      }\n                      onClickCapture={() => {\n                        fireProductClicked({\n                          card: card || null,\n                          variant: `${cardName} Learn More`,\n                        });\n                      }}\n                    >\n                      <div className=\"text-center\">\n                        <CardArt\n                          card={card}\n                          sectionId={sectionId}\n                          data-test-card-id={card.id}\n                          sourceSizes=\"160px\"\n                          aria-hidden=\"true\"\n                          className=\"w-[160px] m-auto\"\n                          variation={\n                            card.id === AMEX_CNS_CARD_IDS.GOLD\n                              ? CARD_ART_VARIATIONS.STACKED\n                              : CARD_ART_VARIATIONS.DEFAULT\n                          }\n                        />\n\n                        <DangerSet\n                          as={Title}\n                          asProps={{ as: \"h3\", title: 6 }}\n                          html={cardName}\n                          {...cardTitleProps}\n                          className={cn(\n                            \"my-16 h-60 md:max-w-[200px] m-auto font-medium text-grey-5 inline-block no-underline break-words\",\n                            cardTitleProps?.className\n                          )}\n                        />\n                        <span className=\"block font-bold\">Learn More</span>\n                      </div>\n                    </AmexLink>\n                    {target && (\n                      <span\n                        className=\"visually-hidden\"\n                        id={`${card.id}-${i}-describe-card-nav`}\n                      >\n                        Opens in a new tab\n                      </span>\n                    )}\n                  </li>\n                );\n              })}\n          </ul>\n        </nav>\n      </ContentContainer>\n    </section>\n  );\n};\n\nCardNavGrid.propTypes = cardNavGridPropTypes;\n\nexport default CardNavGrid;\n","import AllProvidersWrapper from \"@common/AllProvidersWrapper\";\nimport CardNavGrid from \"@common/CardNavGrid\";\nimport ContentContainer from \"@common/ContentContainer\";\nimport useUserAgent from \"@hooks/use-user-agent\";\nimport DesktopLayout from \"@layouts/DesktopLayout\";\nimport MobileLayout from \"@layouts/MobileLayout\";\nimport {\n  getContentfulCards,\n  getContentfulSections,\n} from \"@utils/contentful/process-data\";\nimport { useMemo } from \"react\";\n\n/**\n * Page: 404\n */\nconst Page404 = (props) => {\n  const isAgentMobile = useUserAgent();\n\n  const Layout = useMemo(() => (isAgentMobile ? MobileLayout : DesktopLayout));\n\n  return (\n    <AllProvidersWrapper {...props}>\n      <Layout title=\"404\" includePlacements={false}>\n        <ContentContainer>\n          <CardNavGrid\n            titleProps={{ as: \"h1\", title: 1 }}\n            cardTitleProps={{ asProps: { as: \"h2\", title: 6 } }}\n          />\n        </ContentContainer>\n      </Layout>\n    </AllProvidersWrapper>\n  );\n};\n\nexport const getStaticProps = async () => {\n  const sections = await getContentfulSections();\n  const cards = await getContentfulCards();\n\n  return {\n    props: {\n      sections,\n      cards,\n      settings: {\n        hideCardsNav: true,\n        is404Page: true,\n      },\n    },\n  };\n};\n\nexport default Page404;\n"],"names":["window","__NEXT_P","push","__webpack_require__","cardNavGridPropTypes","sectionId","PropTypes","navLabel","titleProps","CUSTOM_PROP_TYPES","TITLE","cardTitleProps","CardNavGrid","PAGE_SETTINGS_KEYS","CARD_NAV_GRID","as","title","props","param","isMobileRender","isCardMemberRender","is404Page","updateSettings","usePageSettings","isAppLoading","useAppContext","isMobileRender404","setIsMobileRender404","useState","isCardMemberRender404","setIsCardMemberRender404","useEffect","hasCardNavGrid","location","href","indexOf","cards","useCards","ORDERED_CARDS","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","section","data-contentful-section-id","data-test-container","tabIndex","id","CARD_NAV_GRID_SECTION_ID","className","ContentContainer","jsxs","nav","CARD_NAV_GRID_ID","aria-label","cn","Title","ul","map","card","i","url","getCardUrl","target","includes","cardName","getField","li","AmexLink","aria-describedby","concat","onClickCapture","fireProductClicked","variant","div","CardArt","data-test-card-id","sourceSizes","aria-hidden","variation","AMEX_CNS_CARD_IDS","GOLD","CARD_ART_VARIATIONS","STACKED","DEFAULT","DangerSet","asProps","html","span","propTypes","__webpack_exports__","isAgentMobile","useUserAgent","Layout","useMemo","MobileLayout","DesktopLayout","AllProvidersWrapper","includePlacements"],"sourceRoot":""}