{"version":3,"file":"3bd78c7a-81e81f65c28908c1882c.js","mappings":"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","sources":["webpack://inflearn-static/./src/components/infcon-2024/common/GNB/MobileHeader.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport {\n  faAngleDown,\n  faArrowUpRightFromSquare,\n  faBars,\n  faXmark\n} from '@fortawesome/pro-regular-svg-icons';\nimport { Box, desktopFirstMediaQuery, Icon, Text, useTheme } from '@inflearn/ds-react';\nimport { ActionIcon, Button, type MantineTheme } from '@mantine/core';\nimport { isEmpty } from 'lodash-es';\nimport { useState } from 'react';\nimport { useLocation } from '../../../../layouts/Infcon2023Layout';\nimport { prefix, URLS } from '../../../../utils/urls';\nimport { useMainButtonText } from './useMainButtonText';\n\nconst MobileHeader = () => {\n  const theme = useTheme();\n  const location = useLocation();\n  const { buttonText, isShowButton } = useMainButtonText();\n\n  const getStyleWhenPathnameIncluded = (url: string | string[]) => {\n    if (location == null) {\n      return;\n    }\n    const style = styleActiveButton(theme);\n    if (typeof url === 'object') {\n      const filteredUrls = url.filter((urlItem) => location.pathname.includes(urlItem));\n      if (isEmpty(filteredUrls)) {\n        return false;\n      }\n      return style;\n    }\n\n    return location.pathname.includes(url) && style;\n  };\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  const onClickExpandButton = () => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const onClickOpenMenuButton = () => {\n    setIsOpen(true);\n  };\n\n  const onClickCloseMenuButton = () => {\n    setIsOpen(false);\n  };\n\n  return (\n    <>\n      <Box component=\"header\" css={styleMobileHeader(theme)} id={'infcon-2023-header-mobile'}>\n        <Box\n          css={{\n            width: '100%',\n            maxWidth: 1200\n          }}>\n          <Box css={styleMobileHeaderBody(theme)}>\n            <a href={`${prefix}${URLS.INFCON_2024__HOME}`}>\n              <Text size=\"lg\" weight=\"bold\" color=\"black\">\n                INFCON 2024\n              </Text>\n            </a>\n            {isOpen ? (\n              <ActionIcon\n                size={32}\n                onClick={onClickCloseMenuButton}\n                aria-label=\"모바일 GNB 목록 닫기\">\n                <Icon icon={faXmark} width={16} height={16} />\n              </ActionIcon>\n            ) : (\n              <ActionIcon\n                size={32}\n                onClick={onClickOpenMenuButton}\n                aria-label=\"모바일 GNB 목록 열기\">\n                <Icon icon={faBars} width={16} height={16} />\n              </ActionIcon>\n            )}\n          </Box>\n        </Box>\n      </Box>\n      {isOpen ? (\n        <Box p={16} css={styleMobileHeaderMenu}>\n          <Box component=\"ul\">\n            <Box component=\"li\">\n              <a\n                href={`${prefix}${URLS.INFCON_2024__SESSION}`}\n                css={[mobileHeaderMeneItemStyle(theme), { marginTop: '10px' }]}>\n                발표/프로그램\n              </a>\n            </Box>\n            <Box\n              component=\"li\"\n              css={[mobileHeaderMeneItemStyle(theme), { cursor: 'pointer' }]}\n              role=\"button\"\n              aria-controls=\"header-dropdown-menu\"\n              onClick={onClickExpandButton}>\n              행사 즐기기\n              <Icon\n                icon={faAngleDown}\n                css={{\n                  marginLeft: 6,\n                  transform: isExpanded ? 'rotate(180deg)' : '',\n                  transition: 'all 0.2s'\n                }}\n              />\n            </Box>\n            <Box\n              component=\"ul\"\n              css={{ display: isExpanded ? 'block' : 'none' }}\n              role=\"menu\"\n              aria-expanded={isExpanded}\n              aria-orientation=\"vertical\"\n              aria-label=\"행사 즐기기 세부 목록\"\n              id=\"header-dropdown-menu\">\n              <Box component=\"li\" role=\"menuitem\" mt={6}>\n                <a\n                  href={`${prefix}${URLS.INFCON_2024__EVENT}`}\n                  css={[\n                    mobileHeaderMenuSubItemStyle(theme),\n                    getStyleWhenPathnameIncluded(URLS.INFCON_2024__EVENT)\n                  ]}>\n                  이벤트\n                </a>\n              </Box>\n              <Box component=\"li\" role=\"menuitem\">\n                <Box\n                  component=\"a\"\n                  target={'_blank'}\n                  href={URLS.INFCON_2024__ACTION}\n                  css={[\n                    mobileHeaderMenuSubItemStyle(theme),\n                    getStyleWhenPathnameIncluded(URLS.INFCON__ACTION)\n                  ]}>\n                  이것만은 지켜요\n                </Box>\n              </Box>\n            </Box>\n            <Box component=\"li\">\n              <a\n                href={`${prefix}${URLS.INFCON_2024__FAQ}`}\n                css={[\n                  mobileHeaderMeneItemStyle(theme),\n                  getStyleWhenPathnameIncluded(URLS.INFCON_2024__FAQ)\n                ]}>\n                FAQ\n              </a>\n            </Box>\n            <Box component=\"li\">\n              <a\n                href={`${prefix}${URLS.INFCON_2024__MY}`}\n                css={[\n                  mobileHeaderMeneItemStyle(theme),\n                  getStyleWhenPathnameIncluded(URLS.INFCON_2024__MY)\n                ]}>\n                MY\n              </a>\n            </Box>\n            {isShowButton ? (\n              <Box component=\"li\">\n                <Button\n                  component=\"a\"\n                  href={URLS.INFCON_2024__APPLY}\n                  target=\"_blank\"\n                  variant=\"filled\"\n                  color=\"dark\"\n                  size=\"md\"\n                  radius=\"xl\"\n                  fullWidth\n                  leftIcon={<Icon icon={faArrowUpRightFromSquare} />}\n                  mt={24}>\n                  {buttonText}\n                </Button>\n              </Box>\n            ) : null}\n          </Box>\n        </Box>\n      ) : (\n        ''\n      )}\n    </>\n  );\n};\n\nconst mobileHeaderMeneItemStyle = (theme: MantineTheme) =>\n  css({\n    display: 'block',\n    padding: 2,\n    marginTop: '24px',\n    width: '100%',\n    fontSize: 18,\n    fontWeight: 600,\n    textAlign: 'center',\n    color: theme.colors.dark[9],\n    ':hover': {\n      color: theme.colors.blue[7]\n    }\n  });\n\nconst mobileHeaderMenuSubItemStyle = (theme: MantineTheme) =>\n  css({\n    display: 'block',\n    width: '100%',\n    padding: 12,\n    fontSize: 18,\n    fontWeight: 600,\n    textAlign: 'center',\n    color: theme.colors.gray[7],\n    ':hover': {\n      color: theme.colors.blue[7]\n    }\n  });\n\nconst styleMobileHeaderBody = (theme: MantineTheme) =>\n  css({\n    display: 'flex',\n    height: '100%',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    margin: '0 auto',\n    padding: '0 16px',\n    maxWidth: 1200,\n    color: theme.colors.gray[7]\n  });\n\nconst styleMobileHeader = (theme: MantineTheme) =>\n  css({\n    position: 'absolute',\n    width: '100%',\n    height: '64px',\n    display: 'none',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderBottom: `1px solid ${theme.colors.gray[2]}`,\n    backgroundColor: 'inherit',\n    backdropFilter: 'blur(20px)',\n    [desktopFirstMediaQuery.mobile]: {\n      display: 'flex'\n    }\n  });\n\nconst styleMobileHeaderMenu = css({\n  position: 'absolute',\n  display: 'none',\n  width: '100%',\n  backgroundColor: 'inherit',\n  backdropFilter: 'blur(20px)',\n  top: '64px',\n  [desktopFirstMediaQuery.mobile]: { display: 'block' }\n});\n\nconst styleActiveButton = (theme: MantineTheme) =>\n  css({\n    color: theme.colors.blue[7]\n  });\n\nexport default MobileHeader;\n"],"names":["_ref","name","styles","mobileHeaderMeneItemStyle","theme","css","display","padding","marginTop","width","fontSize","fontWeight","textAlign","color","colors","dark","blue","mobileHeaderMenuSubItemStyle","gray","styleMobileHeaderBody","height","alignItems","justifyContent","margin","maxWidth","styleMobileHeader","position","borderBottom","backgroundColor","backdropFilter","desktopFirstMediaQuery","mobile","styleMobileHeaderMenu","top","styleActiveButton","MobileHeader","useTheme","location","useLocation","buttonText","isShowButton","useMainButtonText","getStyleWhenPathnameIncluded","url","style","filteredUrls","filter","urlItem","pathname","includes","_isEmpty","isOpen","setIsOpen","useState","isExpanded","setIsExpanded","___EmotionJSX","React","Fragment","Box","component","id","href","prefix","URLS","INFCON_2024__HOME","Text","size","weight","ActionIcon","onClick","onClickCloseMenuButton","Icon","icon","faXmark","onClickOpenMenuButton","faBars","p","INFCON_2024__SESSION","role","onClickExpandButton","faAngleDown","_css","marginLeft","transform","transition","mt","INFCON_2024__EVENT","target","INFCON_2024__ACTION","INFCON__ACTION","INFCON_2024__FAQ","INFCON_2024__MY","Button","INFCON_2024__APPLY","variant","radius","fullWidth","leftIcon","faArrowUpRightFromSquare"],"sourceRoot":""}