{"version":3,"file":"static/chunks/pages/blog/mengajar-0754fe071bc203eb.js","mappings":"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","sources":["webpack://_N_E/?3ef9","webpack://_N_E/./src/components/icons/arrow.tsx","webpack://_N_E/./src/components/mengajar/mengajar-navigation/mengajar-navigation.styles.tsx","webpack://_N_E/./src/components/icons/home.tsx","webpack://_N_E/./src/components/mengajar/mengajar-navigation/mengajar-navigation.tsx","webpack://_N_E/./src/components/mengajar/post-card/post-card.styles.tsx","webpack://_N_E/./src/components/mengajar/post-card/post-card.tsx","webpack://_N_E/./src/pages/blog/mengajar/index.tsx","webpack://_N_E/./src/seo/mengajar/home.seo.tsx","webpack://_N_E/./src/styles/pages/mengajar/mengajar.styles.tsx","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/blog/mengajar\",\n      function () {\n        return require(\"private-next-pages/blog/mengajar/index.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/blog/mengajar\"])\n      });\n    }\n  ","import React from \"react\";\nimport { StyledArrow } from \"./icons.styles\";\nimport { IIcon } from \"./icons.types\";\n\nconst Arrow: React.FC<IIcon> = ({\n  width = 16,\n  height = 16,\n  color = \"currentColor\",\n  direction = \"left\"\n}) => (\n  <StyledArrow\n    direction={direction}\n    width={width}\n    height={height}\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M2.31992 9.16013H10.0799C10.1465 9.15973 10.2117 9.1793 10.2671 9.21632C10.3225 9.25333 10.3656 9.3061 10.3907 9.36781C10.4158 9.42951 10.4218 9.49733 10.408 9.56251C10.3942 9.62769 10.3612 9.68723 10.3133 9.73346L8.89992 11.1268C8.80538 11.2193 8.73027 11.3298 8.67899 11.4517C8.6277 11.5736 8.60129 11.7045 8.60129 11.8368C8.60129 11.9691 8.6277 12.1 8.67899 12.2219C8.73027 12.3438 8.80538 12.4543 8.89992 12.5468L9.20658 12.8535C9.39545 13.0356 9.64758 13.1373 9.90992 13.1373C10.1723 13.1373 10.4244 13.0356 10.6133 12.8535L13.8133 9.70013C14.2838 9.24775 14.585 8.64772 14.6666 8.00013C14.5871 7.35664 14.2908 6.75941 13.8266 6.3068L10.6266 3.15346C10.4377 2.97137 10.1856 2.86963 9.92325 2.86963C9.6609 2.86963 9.40878 2.97137 9.21992 3.15346L8.91325 3.45346C8.81851 3.54654 8.74326 3.65756 8.69189 3.78003C8.64053 3.90251 8.61407 4.03399 8.61407 4.1668C8.61407 4.29961 8.64053 4.43109 8.69189 4.55356C8.74326 4.67604 8.81851 4.78705 8.91325 4.88013L10.3266 6.27346C10.3757 6.31871 10.4097 6.37791 10.4242 6.4431C10.4386 6.50828 10.4327 6.57633 10.4073 6.63806C10.3819 6.6998 10.3381 6.75226 10.282 6.78839C10.2258 6.82452 10.16 6.84258 10.0933 6.84013H2.33325C2.06804 6.84013 1.81369 6.94549 1.62615 7.13302C1.43861 7.32056 1.33325 7.57491 1.33325 7.84013V8.16013C1.33323 8.42305 1.43676 8.67541 1.62142 8.86257C1.80608 9.04972 2.05702 9.15662 2.31992 9.16013Z\"\n      fill={color}\n    />\n  </StyledArrow>\n);\n\nexport { Arrow };\n","import styled from \"styled-components\";\nimport { breakpoints } from \"styles\";\nimport { Container } from \"styles/common/container\";\n\nexport const MengajarNavigationWrapper = styled.nav`\n  background-color: ${({ theme }) => theme.colors.neutral[50]};\n  padding: 8px 0;\n  overflow-x: scroll;\n\n  @media ${breakpoints.laptop} {\n    overflow-x: initial;\n  }\n`;\n\nexport const MengajarNavigationMenu = styled.ul`\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n`;\n\nexport const MengajarNavigationMenuItem = styled.li`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-size: ${({ theme }) => theme.fontSizes.xs};\n  color: ${({ theme }) => theme.colors.black};\n  cursor: pointer;\n  margin-right: 16px;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: ${({ theme }) => theme.colors.brand[500]};\n  }\n\n  @media ${breakpoints.laptop} {\n    margin-right: 24px;\n    font-size: ${({ theme }) => theme.fontSizes.sm};\n  }\n`;\n\nexport const MengajarNavigationMenuLink = styled.a`\n  display: block;\n  text-decoration: none;\n  color: inherit;\n  padding: 14px 0;\n  transition: all 0.3s ease;\n  position: relative;\n  cursor: pointer;\n  white-space: nowrap;\n`;\n\nexport const MengajarNavigationContainer = styled(Container)`\n  display: flex;\n\n  @media ${breakpoints.mobile} {\n    padding: 0 12px;\n  }\n\n  @media ${breakpoints.tablet} {\n    justify-content: space-between;\n  }\n`;\n","import React from \"react\";\nimport { IIcon } from \"./icons.types\";\n\nconst Home: React.FC<IIcon> = ({\n  width = 24,\n  height = 24,\n  color = \"currentColor\"\n}) => {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M23 12.3508V12.1889C22.9453 11.7003 22.7461 11.2832 22.4023 10.9377C21.5661 10.0976 20.7291 9.26069 19.8912 8.42682C19.8742 8.4099 19.8646 8.38686 19.8646 8.36266C19.8677 6.64236 19.8677 4.93492 19.8646 3.24033C19.864 2.96833 19.7897 2.73226 19.6416 2.53211C19.3852 2.18576 19.0264 2.0095 18.5652 2.00335C18.1389 1.99776 17.787 1.99916 17.5095 2.00755C17.1815 2.01761 16.8961 2.13432 16.6535 2.35767C16.4046 2.5869 16.2778 2.88238 16.2732 3.2441C16.2672 3.72408 16.2668 4.22753 16.272 4.75447C16.2722 4.78494 16.2614 4.78941 16.2393 4.76789C15.7317 4.26835 15.2232 3.76307 14.7139 3.25207C14.4724 3.00999 14.2705 2.82828 14.108 2.70696C13.3939 2.17443 12.4795 1.91488 11.5879 2.03061C10.793 2.13348 10.1313 2.44741 9.60277 2.97239C6.89488 5.66159 4.22294 8.31682 1.58695 10.9381C1.25065 11.2724 1.055 11.6852 1 12.1763V12.3231C1.03581 12.9221 1.29749 13.3876 1.78504 13.7194C2.07293 13.9151 2.40837 14.0153 2.79137 14.02C3.20473 14.0248 3.64473 14.0255 4.11137 14.0221C4.11581 14.0221 4.12007 14.0239 4.12322 14.0269C4.12636 14.03 4.12813 14.0342 4.12813 14.0385C4.12727 16.0341 4.12755 18.0253 4.12898 20.012C4.12898 20.2796 4.17911 20.538 4.27938 20.7873C4.5127 21.3673 5.04078 21.8008 5.66082 21.9405C5.83871 21.9804 6.11629 22.0003 6.49355 22C10.2118 21.998 13.9933 21.9969 17.8382 21.9966C18.2492 21.9964 18.6139 21.8977 18.9321 21.7006C19.3932 21.4155 19.7138 20.9689 19.822 20.4477C19.8535 20.2951 19.8692 20.0737 19.8689 19.7835C19.8666 17.8432 19.8656 15.9295 19.8659 14.0423C19.8659 14.0286 19.8729 14.0219 19.8869 14.0221C20.3074 14.0258 20.7334 14.0255 21.1648 14.0213C21.7704 14.0157 22.2521 13.7989 22.6098 13.3709C22.8476 13.0864 22.9777 12.7463 23 12.3508ZM12 18C13.6569 18 15 16.6569 15 15C15 13.3431 13.6569 12 12 12C10.3431 12 9 13.3431 9 15C9 16.6569 10.3431 18 12 18Z\"\n        fill={color}\n      />\n    </svg>\n  );\n};\n\nexport default Home;\n","import React from \"react\";\nimport {\n  MengajarNavigationWrapper,\n  MengajarNavigationContainer,\n  MengajarNavigationMenu,\n  MengajarNavigationMenuItem,\n  MengajarNavigationMenuLink\n} from \"./mengajar-navigation.styles\";\nimport { IMengajarNavigation } from \"./mengajar-navigation.types\";\nimport Home from \"components/icons/home\";\n\nconst MengajarNavigation: React.FC<IMengajarNavigation> = ({ navigation }) => {\n  return (\n    <>\n      {navigation && navigation.primary && (\n        <MengajarNavigationWrapper>\n          <MengajarNavigationContainer>\n            <MengajarNavigationMenu>\n              <MengajarNavigationMenuItem>\n                <MengajarNavigationMenuLink href={`/blog/mengajar`}>\n                  <Home height={20} width={20} />\n                </MengajarNavigationMenuLink>\n              </MengajarNavigationMenuItem>\n              {navigation.primary.map((item, idx) => (\n                <MengajarNavigationMenuItem key={`${item.label}-${idx}`}>\n                  <MengajarNavigationMenuLink\n                    href={`/blog/mengajar${item.url}`}>\n                    {item.label}\n                  </MengajarNavigationMenuLink>\n                </MengajarNavigationMenuItem>\n              ))}\n            </MengajarNavigationMenu>\n            {navigation.secondary && (\n              <MengajarNavigationMenu>\n                {navigation.secondary.map((item, idx) => (\n                  <MengajarNavigationMenuItem key={`${item.label}-${idx}`}>\n                    <MengajarNavigationMenuLink\n                      href={`/blog/mengajar${item.url}`}>\n                      {item.label}\n                    </MengajarNavigationMenuLink>\n                  </MengajarNavigationMenuItem>\n                ))}\n              </MengajarNavigationMenu>\n            )}\n          </MengajarNavigationContainer>\n        </MengajarNavigationWrapper>\n      )}\n    </>\n  );\n};\n\nexport { MengajarNavigation };\n","import styled from \"styled-components\";\n\nexport const PostCardWrapper = styled.article`\n  display: flex;\n  flex-direction: column;\n  background: white;\n  border-radius: 10px;\n  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.08);\n  transition: 0.25s all ease;\n  cursor: pointer;\n  overflow: hidden;\n  height: 100%;\n\n  &:hover {\n    box-shadow: 0 4px 60px 0 rgba(0, 0, 0, 0.2);\n  }\n`;\n\nexport const PostCardImageWrapper = styled.figure`\n  margin: 0;\n  position: relative;\n  aspect-ratio: 16/9;\n`;\n\nexport const PostCardTitle = styled.h3`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-size: ${({ theme }) => theme.fontSizes[\"xl\"]};\n  line-height: 1.5;\n`;\n\nexport const PostCardContentWrapper = styled.div`\n  padding: 8px 20px 20px 20px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  flex-grow: 1;\n`;\n\nexport const PostCardMeta = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n`;\nexport const PostCardTagLink = styled.a`\n  text-decoration: none;\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-size: ${({ theme }) => theme.fontSizes[\"sm\"]};\n  position: relative;\n  z-index: 1;\n`;\n","import { formatDistanceToNow, getTime } from \"date-fns\";\nimport { id as IdLocale } from \"date-fns/locale\";\nimport Image from \"next/legacy/image\";\nimport Link from \"next/link\";\nimport React from \"react\";\nimport {\n  PostCardContentWrapper,\n  PostCardImageWrapper,\n  PostCardMeta,\n  PostCardTagLink,\n  PostCardTitle,\n  PostCardWrapper\n} from \"./post-card.styles\";\nimport { IPostCard } from \"./post-card.types\";\n\nconst PostCard: React.FC<IPostCard> = ({ post }) => {\n  const { feature_image, title, published_at, id, slug, primary_tag } = post;\n  const date =\n    published_at &&\n    formatDistanceToNow(getTime(Date.parse(published_at)), {\n      locale: IdLocale\n    });\n\n  return (\n    <Link href={`/blog/mengajar/${primary_tag?.slug}/${slug}`}>\n      <PostCardWrapper key={id}>\n        <>\n          <PostCardImageWrapper>\n            {feature_image && (\n              <Image\n                alt={title || \"\"}\n                src={feature_image}\n                layout=\"fill\"\n                objectFit=\"cover\"\n              />\n            )}\n          </PostCardImageWrapper>\n\n          <PostCardContentWrapper>\n            <PostCardTitle>{title}</PostCardTitle>\n            <PostCardMeta>\n              {primary_tag && (\n                <Link href={`/blog/mengajar/tag/${primary_tag.slug}`}>\n                  <PostCardTagLink>{primary_tag.name}</PostCardTagLink>\n                </Link>\n              )}\n              <time>{date} yang lalu</time>\n            </PostCardMeta>\n          </PostCardContentWrapper>\n        </>\n      </PostCardWrapper>\n    </Link>\n  );\n};\n\nexport { PostCard };\n","import { Pagination } from \"@tryghost/content-api\";\nimport { Button } from \"components/atoms/button/button\";\nimport { GetServerSideProps } from \"next\";\nimport { useRouter } from \"next/router\";\nimport React from \"react\";\nimport * as Sentry from \"@sentry/nextjs\";\n\nimport { Arrow } from \"components/icons/arrow\";\nimport { PostCard } from \"components/mengajar/post-card/post-card\";\nimport { MengajarHomeSEO } from \"seo/mengajar/home.seo\";\nimport { getAllPosts, getNavigation } from \"services/ghostCMS/contentAPI\";\nimport {\n  AllGhostPostOrPages,\n  GhostNavigation\n} from \"services/ghostCMS/ghostTypes\";\n\nimport {\n  MengajarPostsNavigation,\n  MengajarHeroContainer,\n  MengajarHeroDesc,\n  MengajarHeroTitle,\n  MengajarPostItem,\n  MengajarPostsGrid\n} from \"styles/pages/mengajar/mengajar.styles\";\n\nimport { Container } from \"styles/common/container\";\nimport { MengajarNavigation } from \"components/mengajar/mengajar-navigation/mengajar-navigation\";\n\nconst Mengajar: React.FC<{\n  posts: AllGhostPostOrPages;\n  pagination: Pagination;\n  navigation: GhostNavigation;\n}> = ({ posts, pagination, navigation }) => {\n  const router = useRouter();\n\n  return (\n    <>\n      <MengajarNavigation navigation={navigation} />\n      <MengajarHomeSEO />\n      <MengajarHeroContainer>\n        <MengajarHeroTitle>Mengajar Bersama CoLearn</MengajarHeroTitle>\n        <MengajarHeroDesc>\n          Wujudkan generasi siap untuk masa depan bersama Guru Juara CoLearn\n        </MengajarHeroDesc>\n        <Button\n          variant=\"primary\"\n          onClick={() => window.open(\"https://colearn.bamboohr.com/careers/22\")}\n        >\n          Daftar sekarang\n        </Button>\n      </MengajarHeroContainer>\n      <Container>\n        <MengajarPostsGrid>\n          {posts.map((post) => (\n            <MengajarPostItem key={post.id}>\n              <PostCard post={post} />\n            </MengajarPostItem>\n          ))}\n        </MengajarPostsGrid>\n\n        <MengajarPostsNavigation>\n          {pagination.prev && (\n            <Button\n              variant=\"ghost\"\n              disabled={!pagination.prev}\n              onClick={() =>\n                router.push(`/blog/mengajar/page/${pagination.prev}`)\n              }\n            >\n              <Arrow direction=\"right\" />\n            </Button>\n          )}\n          <p>\n            Halaman {pagination.page} dari {pagination.pages}\n          </p>\n          <Button\n            variant=\"ghost\"\n            disabled={!pagination.next}\n            onClick={() =>\n              router.push(`/blog/mengajar/page/${pagination.next}`)\n            }\n          >\n            <Arrow />\n          </Button>\n        </MengajarPostsNavigation>\n      </Container>\n    </>\n  );\n};\n\nexport default Mengajar;\n\nexport const getServerSideProps: GetServerSideProps = async () => {\n  try {\n    const posts = await getAllPosts({ limit: 10, page: 1 });\n    const navigation = await getNavigation();\n\n    return {\n      props: { posts, pagination: posts[\"meta\"].pagination, navigation }\n    };\n  } catch (error) {\n    Sentry.captureException(error);\n    console.log(\"err\", error);\n    return {\n      notFound: true\n    };\n  }\n};\n","import Head from \"next/head\";\n\nconst MengajarHomeSEO: React.FC = ({}) => {\n  const collectionPageSchema = {\n    \"@context\": \"https://schema.org\",\n    \"@type\": [\"CollectionPage\"],\n    name: \"Mengajar Bersama CoLearn\",\n    url: `${process.env.NEXT_PUBLIC_SITE_URL}/blog/mengajar`\n  };\n\n  const orgSchema = {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"EducationalOrganization\",\n    name: \"CoLearn\",\n    url: `${process.env.NEXT_PUBLIC_SITE_URL}/blog/mengajar`,\n    logo: `${process.env.NEXT_PUBLIC_SITE_URL}/assets/colearn_logo.png`,\n    sameAs: [\n      \"https://www.facebook.com/colearn.id\",\n      \"https://www.instagram.com/colearn.id/\",\n      \"https://www.youtube.com/c/colearn\",\n      \"https://www.linkedin.com/company/colearnid/\",\n      \"https://twitter.com/colearn_id\",\n      \"https://www.tiktok.com/@colearn.id\"\n    ]\n  };\n\n  return (\n    <>\n      <Head>\n        <title>Mengajar Bersama CoLearn</title>\n        <meta name=\"title\" content=\"Mengajar Bersama CoLearn\" />\n        <meta\n          name=\"description\"\n          content=\"Temukan informasi lengkap tentang dunia pendidikan dan tips menjadi pengajar kelas dunia. Wujudkan generasi siap untuk masa depan bersama Guru Juara CoLearn\"\n        />\n        <meta property=\"og:title\" content=\"Mengajar Bersama CoLearn\" />\n        <meta\n          property=\"og:description\"\n          content=\"Temukan informasi lengkap tentang dunia pendidikan dan tips menjadi pengajar kelas dunia. Wujudkan generasi siap untuk masa depan bersama Guru Juara CoLearn\"\n        />\n        <meta\n          property=\"og:image\"\n          content={`${process.env.NEXT_PUBLIC_SITE_URL}/assets/mengajar/mengajar-og.jpg`}\n        />\n        <meta name=\"twitter:card\" content=\"summary_large_image\" />\n        <meta name=\"twitter:site\" content=\"@CoLearn_ID\" />\n\n        <link\n          rel=\"canonical\"\n          href={`${process.env.NEXT_PUBLIC_SITE_URL}/blog/mengajar`}\n        />\n        <script\n          type=\"application/ld+json\"\n          dangerouslySetInnerHTML={{\n            __html: JSON.stringify(collectionPageSchema)\n          }}\n        />\n        <script\n          type=\"application/ld+json\"\n          dangerouslySetInnerHTML={{\n            __html: JSON.stringify(orgSchema)\n          }}\n        />\n      </Head>\n    </>\n  );\n};\n\nexport { MengajarHomeSEO };\n","import styled from \"styled-components\";\nimport { breakpoints } from \"styles\";\n\nexport const MengajarHeroContainer = styled.section`\n  position: relative;\n  min-height: 300px;\n  background: url(\"/assets/mengajar/mengajar-home-background.png\") no-repeat;\n  background-size: cover;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  color: ${({ theme }) => theme.colors.white};\n  z-index: 1;\n  &:before {\n    content: \"\";\n    background: rgba(0, 0, 0, 0.2);\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    z-index: -1;\n  }\n  @media ${breakpoints.tablet} {\n    min-height: 450px;\n  }\n`;\n\nexport const MengajarHeroTitle = styled.h1`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-size: ${({ theme }) => theme.fontSizes[\"2xl\"]};\n  font-weight: bold;\n  line-height: 1.25;\n\n  @media ${breakpoints.tablet} {\n    font-size: ${({ theme }) => theme.fontSizes[\"3xl\"]};\n    margin: 0 0 24px 0;\n  }\n`;\n\nexport const MengajarHeroDesc = styled.p`\n  text-align: center;\n  font-family: ${({ theme }) => theme.fonts.secondary};\n  font-size: ${({ theme }) => theme.fontSizes[\"md\"]};\n  font-weight: bold;\n  line-height: 1.25;\n  margin: 0 0 40px 0;\n  @media ${breakpoints.tablet} {\n    font-size: ${({ theme }) => theme.fontSizes[\"xl\"]};\n    margin: 0 0 60px 0;\n  }\n`;\n\nexport const MengajarPostsGrid = styled.ul`\n  padding: 0;\n  margin: 32px 0;\n  list-style: none;\n  display: grid;\n  gap: 48px;\n\n  @media ${breakpoints.tablet} {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n  }\n`;\nexport const MengajarPostItem = styled.li``;\n\nexport const MengajarPostsNavigation = styled.nav`\n  margin: 60px 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  font-size: ${({ theme }) => theme.fontSizes[\"md\"]};\n`;\n"],"names":["window","__NEXT_P","push","__webpack_require__","Arrow","width","height","color","direction","param","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","StyledArrow","viewBox","fill","xmlns","path","d","MengajarNavigationWrapper","styled","nav","withConfig","theme","colors","neutral","breakpoints","laptop","MengajarNavigationMenu","ul","MengajarNavigationMenuItem","li","fonts","primary","fontSizes","xs","black","brand","sm","MengajarNavigationMenuLink","a","MengajarNavigationContainer","Container","mobile","tablet","home","jsx_runtime","svg","fillRule","clipRule","MengajarNavigation","navigation","Fragment","jsxs","href","Home","map","item","idx","concat","url","label","secondary","PostCardWrapper","article","PostCardImageWrapper","figure","PostCardTitle","h3","PostCardContentWrapper","div","PostCardMeta","PostCardTagLink","PostCard","post","feature_image","title","published_at","id","slug","primary_tag","date","formatDistanceToNow","getTime","Date","parse","locale","IdLocale","Link","Image","alt","src","layout","objectFit","name","time","__webpack_exports__","posts","pagination","router","useRouter","MengajarHomeSEO","MengajarHeroContainer","MengajarHeroTitle","MengajarHeroDesc","Button","variant","onClick","open","MengajarPostsGrid","MengajarPostItem","MengajarPostsNavigation","prev","disabled","p","page","pages","next","Head","meta","content","property","process","link","rel","script","type","dangerouslySetInnerHTML","__html","JSON","stringify","logo","sameAs","section","white","h1"],"sourceRoot":""}