{"version":3,"file":"bfa3c32e-4ec7868e7abbdd8e59cb.js","mappings":"iPAe2D,wNAM3D,MAoKMA,EAAiB,0FAOjBC,EAA8BC,IAClCC,EAAAA,EAAAA,IAAI,CACFC,QAAS,QACTC,QAAS,YACTC,MAAO,QACPC,OAAQ,OACRC,MAAON,EAAMO,OAAOC,KAAK,GACzBC,SAAU,OACV,SAAU,CACRC,gBAAiBV,EAAMO,OAAOI,KAAK,KAEtC,aAEGC,EAAeZ,IACnBC,EAAAA,EAAAA,IAAI,CACFY,OAAQ,GACRC,SAAU,WACVZ,QAAS,OACTa,WAAY,SACZC,eAAgB,SAChBC,aAAa,aAAcjB,EAAMO,OAAOI,KAAK,GAC7CP,MAAO,OACPC,OAAQ,OACRK,gBAAiB,UACjBQ,eAAgB,aAChB,CAACC,EAAAA,GAAAA,QAAgC,CAC/BjB,QAAS,SAEZ,aACGkB,EAAmBpB,IACvBC,EAAAA,EAAAA,IAAI,CACFC,QAAS,OACTG,OAAQ,OACRU,WAAY,SACZC,eAAgB,gBAChBK,OAAQ,SACRlB,QAAS,SACTmB,SAAU,KACVhB,MAAON,EAAMO,OAAOI,KAAK,IAC1B,aAEGY,EAAqBvB,IACzBC,EAAAA,EAAAA,IAAI,CACFK,MAAON,EAAMO,OAAOiB,KAAK,IAC1B,aAEH,IAzNeC,IAAqC,IAApC,oBAAEC,GAA4B,EAC5C,MAAM1B,GAAQ2B,EAAAA,EAAAA,MACRC,EAAoB7B,EAA2BC,GAC/C6B,GAAWC,EAAAA,EAAAA,OACX,WAAEC,EAAU,eAAEC,IAAmBC,EAAAA,EAAAA,KACjCC,EAAgCC,IACpC,GAAgB,MAAZN,EACF,OAEF,MAAMO,EAAQb,EAAkBvB,GAChC,GAAmB,iBAARmC,EAAkB,CAC3B,MAAME,EAAeF,EAAIG,QAAQC,GAAYV,EAASW,SAASC,SAASF,KACxE,QAAIG,EAAAA,EAAAA,GAAQL,IAGLD,CACT,CAEA,OAAOP,EAASW,SAASC,SAASN,IAAQC,CAAK,EAGjD,OACEO,EAAAA,EAAAA,IAACC,EAAAA,EAAG,CAACC,UAAU,SAAS5C,IAAKW,EAAYZ,GAAQ8C,GAAI,0BACnDH,EAAAA,EAAAA,IAACC,EAAAA,EAAG,CACF3C,IAAG,IAIH0C,EAAAA,EAAAA,IAACC,EAAAA,EAAG,CAAC3C,IAAKmB,EAAgBpB,KACxB2C,EAAAA,EAAAA,IAAAA,IAAAA,CAAGI,KAAMC,EAAAA,GAAAA,oBACPL,EAAAA,EAAAA,IAACM,EAAAA,EAAI,CAACC,KAAK,KAAKC,OAAO,OAAO7C,MAAM,SAAQ,iBAI9CqC,EAAAA,EAAAA,IAACC,EAAAA,EAAG,CACFC,UAAU,KACV5C,IAAG,IAIH0C,EAAAA,EAAAA,IAACC,EAAAA,EAAG,CAACC,UAAU,OACbF,EAAAA,EAAAA,IAAAA,IAAAA,CAAGI,KAAMC,EAAAA,GAAAA,uBACPL,EAAAA,EAAAA,IAACS,EAAAA,EAAM,CACLC,QAAQ,SACR/C,MAAM,OACN4C,KAAK,KACLI,OAAO,KACPC,SAAO,EACPtD,IAAG,CACDH,EACAoC,EAA6Bc,EAAAA,GAAAA,sBAA0B,QACtD,cAKTL,EAAAA,EAAAA,IAACC,EAAAA,EAAG,CAACC,UAAU,OACbF,EAAAA,EAAAA,IAACa,EAAAA,EAAI,CAACC,WAAS,EAACC,OAAQ,CAAEC,KAAM,CAAExD,QAAS,IAAOyD,QAAQ,UACxDjB,EAAAA,EAAAA,IAACa,EAAAA,EAAAA,OAAW,MACVb,EAAAA,EAAAA,IAAAA,IAAAA,CAAGI,KAAMC,EAAAA,GAAAA,qBACPL,EAAAA,EAAAA,IAACS,EAAAA,EAAM,CACLC,QAAQ,SACR/C,MAAM,OACN4C,KAAK,KACLI,OAAO,KACPC,SAAO,EACPtD,IAAG,CACDH,EACAoC,EAA6B,CAC3Bc,EAAAA,GAAAA,mBACAA,EAAAA,GAAAA,mBACAA,EAAAA,GAAAA,sBACA,OAEJa,WAAWlB,EAAAA,EAAAA,IAACmB,EAAAA,EAAI,CAACC,KAAMC,EAAAA,OAAiB,aAK9CrB,EAAAA,EAAAA,IAACa,EAAAA,EAAAA,SAAa,MACZb,EAAAA,EAAAA,IAACa,EAAAA,EAAAA,KAAS,MACRb,EAAAA,EAAAA,IAAAA,IAAAA,CACEI,KAAMC,EAAAA,GAAAA,mBACN/C,IAAG,CACD2B,EACAM,EAA6Bc,EAAAA,GAAAA,oBAAwB,QACpD,SAIPL,EAAAA,EAAAA,IAACa,EAAAA,EAAAA,KAAS,MACRb,EAAAA,EAAAA,IAAAA,IAAAA,CACEI,KAAMC,EAAAA,GAAAA,mBACN/C,IAAG,CACD2B,EACAM,EAA6Bc,EAAAA,GAAAA,oBAAwB,QACpD,SAIPL,EAAAA,EAAAA,IAACa,EAAAA,EAAAA,KAAS,CAACvD,IAAG,IACZ0C,EAAAA,EAAAA,IAACC,EAAAA,EAAG,CACFC,UAAU,IACVE,KAAMC,EAAAA,GAAAA,oBACN/C,IAAG,CACD2B,EACAM,EAA6Bc,EAAAA,GAAAA,qBAAyB,QACrD,iBAObL,EAAAA,EAAAA,IAACC,EAAAA,EAAG,CAACC,UAAU,OACbF,EAAAA,EAAAA,IAAAA,IAAAA,CAAGI,KAAMC,EAAAA,GAAAA,mBACPL,EAAAA,EAAAA,IAACS,EAAAA,EAAM,CACLC,QAAQ,SACR/C,MAAM,OACN4C,KAAK,KACLI,OAAO,KACPC,SAAO,EACPtD,IAAG,CAAGH,EAAmBoC,EAA6Bc,EAAAA,GAAAA,kBAAsB,QAAG,UAKrFL,EAAAA,EAAAA,IAACC,EAAAA,EAAG,CAACC,UAAU,OACbF,EAAAA,EAAAA,IAAAA,IAAAA,CAAGI,KAAMC,EAAAA,GAAAA,kBACPL,EAAAA,EAAAA,IAACS,EAAAA,EAAM,CACLC,QAAQ,SACR/C,MAAM,OACN4C,KAAK,KACLI,OAAO,KACPC,SAAO,EACPtD,IAAG,CAAGH,EAAmBoC,EAA6Bc,EAAAA,GAAAA,iBAAqB,QAAG,UAMtFL,EAAAA,EAAAA,IAACS,EAAAA,EAAM,CACLP,UAAU,IAGVE,KAAMC,EAAAA,GAAAA,mBACNiB,OAAO,SAEPC,UAAUvB,EAAAA,EAAAA,IAACmB,EAAAA,EAAI,CAACC,KAAMI,EAAAA,MACtBb,OAAO,KACPD,QAAS3B,EAAsB,SAAW,UAC1CpB,MAAM,OACNL,IAAG,EAGHmE,SAAUpC,GACTD,KAIH,C","sources":["webpack://inflearn-static/./src/components/infcon-2023/commons/GNB/Header.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport { faAngleDown, faArrowUpRightFromSquare, faBell } from '@fortawesome/pro-regular-svg-icons';\nimport {\n  Box,\n  Button,\n  desktopFirstMediaQuery,\n  Icon,\n  type MantineTheme,\n  Menu,\n  Text,\n  useTheme\n} from '@inflearn/ds-react';\nimport { isEmpty } from 'lodash-es';\nimport { useLocation } from '../../../../layouts/Infcon2023Layout';\nimport { URLS } from '../../../../utils/urls';\nimport useMainButtonText from '../hooks/useMainButtonText';\n\ntype Props = {\n  isRightButtonActive: boolean;\n};\n\nconst Header = ({ isRightButtonActive }: Props) => {\n  const theme = useTheme();\n  const dropdownItemStyle = getHeaderDropdownItemStyle(theme);\n  const location = useLocation();\n  const { buttonText, buttonDisabled } = useMainButtonText();\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  return (\n    <Box component=\"header\" css={styleHeader(theme)} id={'infcon-2023-header-pc'}>\n      <Box\n        css={{\n          width: '100%',\n          maxWidth: 1200\n        }}>\n        <Box css={styleHeaderBody(theme)}>\n          <a href={URLS.INFCON_2023__HOME}>\n            <Text size=\"lg\" weight=\"bold\" color=\"black\">\n              INFCON 2023\n            </Text>\n          </a>\n          <Box\n            component=\"ul\"\n            css={{\n              display: 'flex',\n              listStyle: 'none'\n            }}>\n            <Box component=\"li\">\n              <a href={URLS.INFCON_2023__SESSION}>\n                <Button\n                  variant=\"subtle\"\n                  color=\"dark\"\n                  size=\"md\"\n                  radius=\"md\"\n                  compact\n                  css={[\n                    headerButtonStyle,\n                    getStyleWhenPathnameIncluded(URLS.INFCON_2023__SESSION)\n                  ]}>\n                  발표/프로그램\n                </Button>\n              </a>\n            </Box>\n            <Box component=\"li\">\n              <Menu withArrow styles={{ item: { padding: 0 } }} trigger=\"hover\">\n                <Menu.Target>\n                  <a href={URLS.INFCON_2023__EVENT}>\n                    <Button\n                      variant=\"subtle\"\n                      color=\"dark\"\n                      size=\"md\"\n                      radius=\"md\"\n                      compact\n                      css={[\n                        headerButtonStyle,\n                        getStyleWhenPathnameIncluded([\n                          URLS.INFCON_2023__EVENT,\n                          URLS.INFCON_2023__STORY,\n                          URLS.INFCON_2023__ACTION\n                        ])\n                      ]}\n                      rightIcon={<Icon icon={faAngleDown} />}>\n                      행사 즐기기\n                    </Button>\n                  </a>\n                </Menu.Target>\n                <Menu.Dropdown>\n                  <Menu.Item>\n                    <a\n                      href={URLS.INFCON_2023__EVENT}\n                      css={[\n                        dropdownItemStyle,\n                        getStyleWhenPathnameIncluded(URLS.INFCON_2023__EVENT)\n                      ]}>\n                      이벤트\n                    </a>\n                  </Menu.Item>\n                  <Menu.Item>\n                    <a\n                      href={URLS.INFCON_2023__STORY}\n                      css={[\n                        dropdownItemStyle,\n                        getStyleWhenPathnameIncluded(URLS.INFCON_2023__STORY)\n                      ]}>\n                      스토리\n                    </a>\n                  </Menu.Item>\n                  <Menu.Item css={{ width: '130px' }}>\n                    <Box\n                      component=\"a\"\n                      href={URLS.INFCON_2023__ACTION}\n                      css={[\n                        dropdownItemStyle,\n                        getStyleWhenPathnameIncluded(URLS.INFCON_2023__ACTION)\n                      ]}>\n                      이것만은 지켜요\n                    </Box>\n                  </Menu.Item>\n                </Menu.Dropdown>\n              </Menu>\n            </Box>\n            <Box component=\"li\">\n              <a href={URLS.INFCON_2023__FAQ}>\n                <Button\n                  variant=\"subtle\"\n                  color=\"dark\"\n                  size=\"md\"\n                  radius=\"md\"\n                  compact\n                  css={[headerButtonStyle, getStyleWhenPathnameIncluded(URLS.INFCON_2023__FAQ)]}>\n                  FAQ\n                </Button>\n              </a>\n            </Box>\n            <Box component=\"li\">\n              <a href={URLS.INFCON_2023__MY}>\n                <Button\n                  variant=\"subtle\"\n                  color=\"dark\"\n                  size=\"md\"\n                  radius=\"md\"\n                  compact\n                  css={[headerButtonStyle, getStyleWhenPathnameIncluded(URLS.INFCON_2023__MY)]}>\n                  MY\n                </Button>\n              </a>\n            </Box>\n          </Box>\n          <Button\n            component=\"a\"\n            // TODO: 인프콘 2024때 부활\n            // href={URLS.INFCON_2023_COURSE_PAGE}\n            href={URLS.INFCON_2023_REPLAY}\n            target=\"_blank\"\n            // leftIcon={<Icon icon={faBell} />}\n            leftIcon={<Icon icon={faArrowUpRightFromSquare} />}\n            radius=\"xl\"\n            variant={isRightButtonActive ? 'filled' : 'default'}\n            color=\"dark\"\n            css={{\n              transition: 'background 0.2s ease'\n            }}\n            disabled={buttonDisabled}>\n            {buttonText}\n          </Button>\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n\nconst headerButtonStyle = css({\n  padding: '0 16px',\n  '&:hover': {\n    backgroundColor: 'transparent !important'\n  }\n});\n\nconst getHeaderDropdownItemStyle = (theme: MantineTheme) =>\n  css({\n    display: 'block',\n    padding: '10px 12px',\n    width: '130px',\n    height: '100%',\n    color: theme.colors.dark[9],\n    fontSize: '16px',\n    ':hover': {\n      backgroundColor: theme.colors.gray[1]\n    }\n  });\n\nconst styleHeader = (theme: MantineTheme) =>\n  css({\n    zIndex: 30,\n    position: 'absolute',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderBottom: `1px solid ${theme.colors.gray[2]}`,\n    width: '100%',\n    height: '64px',\n    backgroundColor: 'inherit',\n    backdropFilter: 'blur(20px)',\n    [desktopFirstMediaQuery.mobile]: {\n      display: 'none'\n    }\n  });\nconst styleHeaderBody = (theme: MantineTheme) =>\n  css({\n    display: 'flex',\n    height: '100%',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    margin: '0 auto',\n    padding: '0 32px',\n    maxWidth: 1200,\n    color: theme.colors.gray[7]\n  });\n\nconst styleActiveButton = (theme: MantineTheme) =>\n  css({\n    color: theme.colors.blue[7]\n  });\n\nexport default Header;\n"],"names":["headerButtonStyle","getHeaderDropdownItemStyle","theme","css","display","padding","width","height","color","colors","dark","fontSize","backgroundColor","gray","styleHeader","zIndex","position","alignItems","justifyContent","borderBottom","backdropFilter","desktopFirstMediaQuery","styleHeaderBody","margin","maxWidth","styleActiveButton","blue","_ref","isRightButtonActive","useTheme","dropdownItemStyle","location","useLocation","buttonText","buttonDisabled","useMainButtonText","getStyleWhenPathnameIncluded","url","style","filteredUrls","filter","urlItem","pathname","includes","_isEmpty","___EmotionJSX","Box","component","id","href","URLS","Text","size","weight","Button","variant","radius","compact","Menu","withArrow","styles","item","trigger","rightIcon","Icon","icon","faAngleDown","target","leftIcon","faArrowUpRightFromSquare","disabled"],"sourceRoot":""}