{"version":3,"file":"static/chunks/pages/sangjo/closed/[id]/introduce-12fd69dd49f924d2.js","mappings":"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","sources":["webpack://_N_E/?3c06","webpack://_N_E/./src/components/container.ts","webpack://_N_E/./src/components/DefaultPageLayout.tsx","webpack://_N_E/./src/components/Tab.tsx","webpack://_N_E/./src/components/button/OutlinedButton.tsx","webpack://_N_E/./src/containers/ParlorClosedContainer/components/ClosedSangjoMenuTabs.tsx","webpack://_N_E/./src/components/table/NonBorderTable.tsx","webpack://_N_E/./src/containers/ParlorClosedContainer/components/ParlorClosedInformation.tsx","webpack://_N_E/./src/pages/sangjo/closed/[id]/introduce.tsx","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/sangjo/closed/[id]/introduce\",\n      function () {\n        return require(\"private-next-pages/sangjo/closed/[id]/introduce.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/sangjo/closed/[id]/introduce\"])\n      });\n    }\n  ","import styled from \"@emotion/styled\";\nimport { colors } from \"goi_common\";\n\nexport const DefaultPageContainer = styled.div`\n  padding: 24px 20px;\n  color: ${colors.white};\n`;\n","import { ReactNode } from \"react\";\nimport { DefaultPageContainer } from \"./container\";\n\ninterface Props {\n  children: ReactNode;\n  title: string;\n}\n\nconst DefaultPageLayout = ({ children, title }: Props) => {\n  return (\n    <DefaultPageContainer>\n      <h1 className=\"subtitle_21_b\">{title}</h1>\n      {children}\n    </DefaultPageContainer>\n  );\n};\n\nexport default DefaultPageLayout;\n","import { colors } from \"goi_common\";\nimport { ReactNode } from \"react\";\n\ninterface Props {\n  children: ReactNode;\n  onClick: () => void;\n  isActive: boolean;\n}\n\nconst Tab = ({ children, onClick, isActive }: Props) => {\n  const className = isActive ? \"white subtitle_18_b\" : \"gray400 body_18_m\";\n\n  return (\n    <button\n      className={className}\n      onClick={onClick}\n      css={{\n        ...(isActive && {\n          borderBottom: `2px solid ${colors.blue650}`,\n        }),\n        cursor: \"pointer\",\n      }}\n    >\n      {children}\n    </button>\n  );\n};\n\nexport default Tab;\n","import { SerializedStyles, css } from \"@emotion/react\";\nimport styled from \"@emotion/styled\";\nimport { colors } from \"goi_common\";\nimport { HTMLAttributes } from \"react\";\n\ntype ButtonSize = \"small\" | \"medium\" | \"large\";\n\ninterface Props extends HTMLAttributes<HTMLButtonElement> {\n  size: ButtonSize;\n  fullWidth?: boolean;\n}\n\nconst OutlinedButton = (props: Props) => {\n  const { size, fullWidth, children, ...rest } = props;\n\n  return (\n    <StyledButton size={size} {...rest} fullWidth={fullWidth}>\n      {children}\n    </StyledButton>\n  );\n};\n\nexport default OutlinedButton;\n\nconst BUTTON_SIZE_STYLE: { [key in ButtonSize]: SerializedStyles } = {\n  small: css`\n    padding: 12px 16px;\n  `,\n  medium: css`\n    padding: 18px 0;\n  `,\n  large: css`\n    padding: 37px 0;\n  `,\n};\n\ninterface StyledButtonProps {\n  size: ButtonSize;\n}\n\nconst StyledButton = styled.button<Props>`\n  ${(props) => BUTTON_SIZE_STYLE[props.size]};\n\n  border: 1px solid ${colors.gray700};\n  border-radius: 10px;\n\n  ${(props) =>\n    props.fullWidth &&\n    css`\n      width: 100%;\n    `}\n`;\n","import { HStack, NextLink } from \"goi_common\";\nimport { useRouter } from \"next/router\";\n\nimport Tab from \"@/components/Tab\";\n\ntype TabEndPoint = \"introduce\" | \"guide\" | \"funeral\";\ntype TabKey = \"상조 소개\" | \"피해 보상\" | \"장례 준비\";\n\nconst TAB_DATAS: Record<TabKey, TabEndPoint> = {\n  \"상조 소개\": \"introduce\",\n  \"피해 보상\": \"guide\",\n  \"장례 준비\": \"funeral\",\n};\n\nexport const ClosedSangjoMenuTabs = () => {\n  const router = useRouter();\n  const { query, route } = router;\n\n  const lastPath = route.split(\"/\").at(-1);\n  const id = query?.id as string;\n\n  return (\n    <nav>\n      <HStack gap=\"60px\" justifyContent=\"space-evenly\">\n        {Object.entries(TAB_DATAS).map(([text, endPoint]) => (\n          <NextLink key={text} href={`/sangjo/closed/${id}/${endPoint}`}>\n            <Tab onClick={() => {}} isActive={lastPath === endPoint}>\n              {text}\n            </Tab>\n          </NextLink>\n        ))}\n      </HStack>\n    </nav>\n  );\n};\n","import { HStack, VStack } from \"goi_common\";\n\ninterface Row {\n  key: string;\n  value: string;\n}\n\ninterface Props {\n  rows: Row[];\n}\n\nconst NonBorderTable = ({ rows }: Props) => {\n  return (\n    <VStack as=\"table\">\n      <VStack as=\"tbody\" gap=\"8px\" className=\"body3_m\">\n        {rows.map((row) => (\n          <HStack as=\"tr\" className=\"body_14_m\" key={row.key}>\n            <td css={{ flex: 1 }}>{row.key}</td>\n            <td css={{ flex: 1 }}>{row.value}</td>\n          </HStack>\n        ))}\n      </VStack>\n    </VStack>\n  );\n};\n\nexport default NonBorderTable;\n","import { ClosedSangjoProps } from \"@/types/sangjoType\";\nimport { VStack } from \"goi_common\";\n\ninterface Props {\n  companyName: ClosedSangjoProps[\"companyname\"];\n  status: ClosedSangjoProps[\"status\"];\n}\n\nconst ParlorClosedInformation = ({ companyName, status }: Props) => {\n  return (\n    <VStack as=\"section\">\n      <p className=\"body_14_m\">\n        {companyName}는 현재 {status} 상태입니다. 다른 상조 이용이 궁금하시다면 아래 버튼을 눌러\n        문의해주세요.\n      </p>\n    </VStack>\n  );\n};\n\nexport default ParlorClosedInformation;\n","import { GetStaticProps, InferGetStaticPropsType } from \"next\";\nimport { ParsedUrlQuery } from \"querystring\";\n\nimport { Spacing, call, NextLink } from \"goi_common\";\n\nimport DefaultPageLayout from \"@/components/DefaultPageLayout\";\nimport NonBorderTable from \"@/components/table/NonBorderTable\";\nimport OutlinedButton from \"@/components/button/OutlinedButton\";\n\nimport ParlorClosedInformation from \"@/containers/ParlorClosedContainer/components/ParlorClosedInformation\";\nimport { ClosedSangjoMenuTabs } from \"@/containers/ParlorClosedContainer/components/ClosedSangjoMenuTabs\";\n\nimport CLOSED_SANGJO_LIST from \"@/constants/closed_sangjo.json\";\n\ninterface Params extends ParsedUrlQuery {\n  id: string;\n}\n\nexport const getStaticPaths = async () => {\n  const paths = CLOSED_SANGJO_LIST.map((closedSangjo) => {\n    return {\n      params: {\n        id: String(closedSangjo.id),\n      },\n    };\n  });\n\n  return {\n    paths,\n    fallback: false,\n  };\n};\n\nexport const getStaticProps: GetStaticProps = async ({ params }) => {\n  const { id } = params as Params;\n\n  const closedSangjoData = CLOSED_SANGJO_LIST.find(\n    (closedSangjo) => closedSangjo.id === Number(id),\n  );\n\n  const companyName = closedSangjoData?.companyname || \"\";\n\n  const title = `${companyName} 상조 안내 - [상조 상품 비교 사이트, 헤이상조]`;\n  const description = `${companyName} 상조를 소개해드립니다. ${companyName}의 영업 상태부터 ${companyName} 선수금 보전기관까지 안내해드립니다.`;\n  const keywords = `${companyName}, ${companyName} 영업 상태, ${companyName} 폐업, ${companyName} 상조 폐업, ${companyName} 상조, ${companyName} 내상조그대로, ${companyName} 상조 상담`;\n\n  return {\n    props: {\n      closedSangjoData,\n      pageDescription: description,\n      pageOgTitle: title,\n      pageOgDescription: description,\n      pageKeywords: keywords,\n      pageOgImage: \"\",\n    },\n  };\n};\n\nconst ClosedSangjoGuidePage = ({\n  closedSangjoData,\n}: InferGetStaticPropsType<typeof getStaticProps>) => {\n  const { id, companyname, openDate, closeDate, depositAgency, status } = closedSangjoData;\n\n  const closedSangjoRows = [\n    { key: \"회사명\", value: companyname },\n    { key: \"영업개시일\", value: openDate },\n    { key: \"폐업/등록취소일\", value: closeDate },\n    { key: \"선수금 보전기관\", value: depositAgency },\n  ];\n\n  return (\n    <DefaultPageLayout title={companyname}>\n      <Spacing gap={35} />\n      <ClosedSangjoMenuTabs />\n\n      <Spacing gap={45} />\n      <ParlorClosedInformation companyName={companyname} status={status} />\n\n      <Spacing gap={35} />\n      <NonBorderTable rows={closedSangjoRows} />\n\n      <Spacing gap={35} />\n      <NextLink\n        href={`https://prime.goifuneral.co.kr/closed/${id}/`}\n        event={{\n          domain: \"heysangjo\",\n          path: \"closed\",\n          trigger_and_target: \"uv_clsd_detail\",\n        }}\n      >\n        <OutlinedButton className=\"subtitle_18_b\" size=\"medium\" fullWidth>\n          폐업 상조 도움받기\n        </OutlinedButton>\n      </NextLink>\n    </DefaultPageLayout>\n  );\n};\n\nexport default ClosedSangjoGuidePage;\n"],"names":["window","__NEXT_P","push","__webpack_require__","DefaultPageContainer","styled","colors","white","components_DefaultPageLayout","children","title","param","emotion_react_jsx_runtime_browser_esm","BX","tZ","h1","className","__webpack_exports__","Z","onClick","isActive","_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__","button","css","borderBottom","concat","blue650","cursor","size","fullWidth","rest","props","_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__","StyledButton","BUTTON_SIZE_STYLE","small","medium","large","gray700","TAB_DATAS","ClosedSangjoMenuTabs","router","useRouter","query","route","lastPath","split","at","id","nav","HStack","gap","justifyContent","Object","entries","map","text","endPoint","NextLink","href","Tab","table_NonBorderTable","rows","VStack","as","td","flex","row","key","value","components_ParlorClosedInformation","companyName","status","p","introduce","closedSangjoData","companyname","openDate","closeDate","depositAgency","DefaultPageLayout","Spacing","ParlorClosedInformation","NonBorderTable","event","domain","path","trigger_and_target","OutlinedButton"],"sourceRoot":""}