{"version":3,"file":"static/chunks/pages/company-6b04ccdc310c4f0d.js","mappings":"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","sources":["webpack://_N_E/./src/archive/constants/company.ts","webpack://_N_E/./src/archive/utils/imageUtils.ts","webpack://_N_E/./src/pages/company/index.tsx","webpack://_N_E/?f082","webpack://_N_E/<anon>"],"sourcesContent":["export const values = {\n  contents: {\n    prefix: 'https://us.wink.co.kr/pc/renewalV3/company/content',\n    imgCount: 5,\n    modifiedInfoList: [\n      {\n        modifiedDate: '230621',\n        modifiedIndexList: [5],\n      },\n      {\n        modifiedDate: '211201',\n        modifiedIndexList: [5],\n      },\n    ],\n    backgroundColors: ['#fff', '#e2f5fa', '#f6f6f6', '#fff', '#fde9f1'],\n    sizes: [\n      { width: 1918, height: 83 },\n      { width: 1918, height: 898 },\n      { width: 1918, height: 1454 },\n      { width: 1918, height: 1413 },\n      { width: 1918, height: 6299 },\n    ],\n  },\n};\n\nexport const ROOT_MARGIN = 500;\n","export type TSectionInfo = {\n  backgroundColors: string[];\n  imgCount: number;\n  modifiedInfoList: TModifiedInfo[];\n  prefix: string;\n  sizes: TImageSize[];\n};\n\ntype TModifiedInfo = {\n  modifiedDate: string;\n  modifiedIndexList: number[];\n};\n\ntype TImageSize = {\n  width: number;\n  height: number;\n};\n\nexport const getValue = (\n  modifiedInfo: TModifiedInfo | undefined,\n  key: keyof TModifiedInfo,\n  defaultValue: string\n) => {\n  if (!modifiedInfo) {\n    return defaultValue;\n  }\n  if (!key) {\n    return defaultValue;\n  }\n\n  const value = modifiedInfo[key];\n\n  return value || defaultValue;\n};\n\nexport const getRecentModifiedDate = (\n  index: number,\n  modifiedInfoList: TModifiedInfo[]\n) => {\n  if (!modifiedInfoList) {\n    return '';\n  }\n\n  const recentModifiedDate = modifiedInfoList.find((modifiedInfo) =>\n    modifiedInfo.modifiedIndexList.find(\n      (modifiedIndex) => index === modifiedIndex\n    )\n  );\n\n  return getValue(recentModifiedDate, 'modifiedDate', '');\n};\n\nexport const getRecentModifiedImageUrl = (\n  index: number,\n  sectionInfo: TSectionInfo\n) => {\n  const recentModifiedDate = getRecentModifiedDate(\n    index,\n    sectionInfo.modifiedInfoList\n  );\n\n  return recentModifiedDate\n    ? `${sectionInfo.prefix}_${index}_${recentModifiedDate}.png`\n    : `${sectionInfo.prefix}_${index}.png`;\n};\n","import { commonImageContainer, flexCenter } from '@/archive/styles/mixins';\nimport Image from 'next/image';\nimport { ROOT_MARGIN, values } from '@/archive/constants/company';\nimport { css } from '@emotion/css';\nimport React, { useEffect, useState } from 'react';\nimport { getRecentModifiedImageUrl } from '@/archive/utils/imageUtils';\nimport Head from 'next/head';\nconst wrapperStyle = (backgroundColor: string) => css`\n  width: 100%;\n  ${flexCenter()};\n  background-color: ${backgroundColor || ''};\n`;\n\nconst isMeetFirst = (viewHeight: number, preAccumulatedHeight: number) => {\n  return viewHeight + ROOT_MARGIN > preAccumulatedHeight;\n};\n\nconst CompanyPage = () => {\n  const { contents } = values;\n  const { backgroundColors, sizes } = contents;\n  const [viewHeight, setViewHeight] = useState(0);\n\n  useEffect(() => {\n    setViewHeight(window.innerHeight);\n  }, []);\n\n  let accumulatedHeight = 0;\n\n  return (\n    <>\n      <Head>\n        <meta\n          property=\"og:title\"\n          itemProp=\"title name\"\n          content=\"단비교육 회사소개 더 알아보기\"\n        />\n        <meta property=\"og:site_name\" content=\"단비교육 회사소개 더 알아보기\" />\n        <meta\n          property=\"og:description\"\n          itemProp=\"description\"\n          content={\n            '단비교육은 더 나은 교육으로 행복한 삶의 출발을 함께하고자 노력하는 에듀테크 기업입니다.'\n          }\n        />\n        <meta\n          name=\"description\"\n          content=\"단비교육은 더 나은 교육으로 행복한 삶의 출발을 함께하고자 노력하는 에듀테크 기업입니다.\"\n        />\n        <title>단비교육 회사소개 더 알아보기</title>\n      </Head>\n      {Array.from({ length: contents.imgCount }).map((_, index) => {\n        const imageUrl = getRecentModifiedImageUrl(index + 1, contents);\n        const { width, height } = sizes[index];\n        const backgroundColor = backgroundColors[index];\n        const preAccumulatedHeight = accumulatedHeight;\n        accumulatedHeight += height;\n\n        return (\n          <div key={imageUrl} className={wrapperStyle(backgroundColor)}>\n            <div className={commonImageContainer}>\n              <Image\n                src={imageUrl}\n                alt=\"\"\n                width={width}\n                height={height}\n                priority={isMeetFirst(viewHeight, preAccumulatedHeight)}\n              />\n            </div>\n          </div>\n        );\n      })}\n    </>\n  );\n};\n\nexport default CompanyPage;\n","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/company\",\n      function () {\n        return require(\"private-next-pages/company/index.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/company\"])\n      });\n    }\n  "],"names":["values","contents","prefix","imgCount","modifiedInfoList","modifiedDate","modifiedIndexList","backgroundColors","sizes","width","height","getRecentModifiedDate","index","modifiedInfo","key","find","modifiedIndex","getRecentModifiedImageUrl","sectionInfo","recentModifiedDate","concat","company","_useState","useState","viewHeight","setViewHeight","useEffect","window","innerHeight","accumulatedHeight","emotion_react_jsx_runtime_browser_esm","BX","HY","children","head_default","tZ","property","itemProp","content","name","Array","from","length","map","_","imageUrl","_sizes$index","backgroundColor","preAccumulatedHeight","className","css","flexCenter","commonImageContainer","image_default","src","alt","priority","__NEXT_P","push","__webpack_require__"],"sourceRoot":""}