{"version":3,"file":"static/chunks/1348.772efe43e28f4464.js","mappings":"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","sources":["webpack://_N_E/./src/iqfu/components/public/prefectures_list/PrefecturesLinkList.tsx","webpack://_N_E/./src/iqfu/components/public/prefectures_list/PrefecturesLinkList.module.scss","webpack://_N_E/<anon>"],"sourcesContent":["import { FC, memo, useEffect, useState } from 'react';\n\nimport Link from 'next/link';\nimport router from 'next/router';\n\nimport ScrollableIcon from '/public/images/iqfu/public/scrollable_icon.svg';\n\nimport { RegionDataList, PrefecturesListWithoutSuffix, PublicPropertyType } from '@constants_iqfu';\nimport { CompaniesPageQueryType } from 'src/iqfu/data/companiesPagesData';\n\nimport styles from './PrefecturesLinkList.module.scss';\n\ntype CompanyPageProps = {\n  category: 'company';\n  pageQueryType: CompaniesPageQueryType;\n  hasReadMoreButton?: boolean;\n  location?: string;\n};\n\ntype PriceDataList = {\n  average_price: number;\n  code: number;\n}[];\n\ntype MansionPricePageProps = {\n  category: 'mansion';\n  mansionRegionsAveragePrices: PriceDataList | undefined;\n  hasReadMoreButton?: boolean;\n  location?: string;\n};\n\ntype LandHousePricePageProps = {\n  category: 'landhouse';\n  houseRegionsAveragePrices: PriceDataList | undefined;\n  landRegionsAveragePrices: PriceDataList | undefined;\n  hasReadMoreButton?: boolean;\n  location?: string;\n};\n\ntype Props = CompanyPageProps | MansionPricePageProps | LandHousePricePageProps;\n\nconst PrefecturesLinkList: FC<Props> = memo((props) => {\n  const { category, hasReadMoreButton = false, location } = props;\n\n  const propertyTypeLabel = category === 'mansion' ? 'マンション' : '土地戸建';\n\n  const [readMoreButtonClicked, setReadMoreButtonClicked] = useState(false);\n\n  useEffect(() => {\n    setReadMoreButtonClicked(false);\n  }, [router]);\n\n  return (\n    <>\n      <div\n        className={`${styles.list_container} ${hasReadMoreButton ? styles.hasReadMoreButton : ''} ${\n          readMoreButtonClicked ? styles.isScrollable : ''\n        }`}\n      >\n        {(Object.keys(RegionDataList) as unknown as (keyof typeof RegionDataList)[]).map((regionCode) => {\n          return (\n            <div className={styles.area_group} key={regionCode}>\n              <div className={styles.area_group_title}>\n                {category === 'company' ? (\n                  <h3>\n                    <span className={styles.area_name}>{RegionDataList[regionCode].name}</span>\n                    の不動産屋さんランキングを見る\n                  </h3>\n                ) : (\n                  <>\n                    <h3>\n                      <span className={styles.area_name}>{RegionDataList[regionCode].name}</span>の{propertyTypeLabel}\n                      <br className={'sp_only'} />\n                      の売却査定額\n                    </h3>\n                    {category === 'mansion' ? (\n                      <>\n                        {props.mansionRegionsAveragePrices && (\n                          <AveragePrice\n                            priceDataList={props.mansionRegionsAveragePrices}\n                            regionCode={Number(regionCode)}\n                            propertyType={'mansion'}\n                            category={category}\n                          />\n                        )}\n                      </>\n                    ) : (\n                      <div className={styles.landHouses_average_price_area}>\n                        {props.houseRegionsAveragePrices && (\n                          <AveragePrice\n                            priceDataList={props.houseRegionsAveragePrices}\n                            regionCode={Number(regionCode)}\n                            propertyType={'house'}\n                            category={category}\n                          />\n                        )}\n                        {props.landRegionsAveragePrices && (\n                          <AveragePrice\n                            priceDataList={props.landRegionsAveragePrices}\n                            regionCode={Number(regionCode)}\n                            propertyType={'land'}\n                            category={category}\n                          />\n                        )}\n                      </div>\n                    )}\n                  </>\n                )}\n              </div>\n              <ul className={styles.link_list}>\n                {RegionDataList[regionCode].prefectures.map((prefectureNumber) => {\n                  return (\n                    <li className={`${styles.link_item}`} key={prefectureNumber}>\n                      <Link\n                        prefetch={false}\n                        href={\n                          category === 'company'\n                            ? `/companies/prefectures/${prefectureNumber}/${props.pageQueryType}`\n                            : category === 'mansion'\n                            ? `/mansions/prefectures/${prefectureNumber}`\n                            : `/landhouses/prefectures/${prefectureNumber}`\n                        }\n                        passHref\n                        className={styles.prefLink}\n                        data-gtm-click={`PrefecturesLinkList_item_prefecture_links_${location}`}\n                      >\n                        {PrefecturesListWithoutSuffix[prefectureNumber]}\n                      </Link>\n                    </li>\n                  );\n                })}\n              </ul>\n            </div>\n          );\n        })}\n\n        {hasReadMoreButton && (\n          <div className={`${styles.read_more_container} ${readMoreButtonClicked ? styles.isClicked : ''}`}>\n            <p className={styles.scrollable_text}>\n              <ScrollableIcon />\n              スクロール出来るようになります\n            </p>\n            <button\n              className={`${styles.read_more_button} ${readMoreButtonClicked ? styles.isClicked : ''}`}\n              onClick={() => setReadMoreButtonClicked(true)}\n            >\n              もっと見る\n            </button>\n          </div>\n        )}\n      </div>\n    </>\n  );\n});\n\nPrefecturesLinkList.displayName = 'PrefecturesLinkList';\n\ntype AveragePriceProps = {\n  priceDataList: PriceDataList;\n  regionCode: number;\n  propertyType: keyof typeof PublicPropertyType;\n  category?: 'mansion' | 'landhouse';\n};\n\nconst AveragePrice: FC<AveragePriceProps> = memo(({ priceDataList, regionCode, propertyType, category }) => {\n  const price = priceDataList.find((priceData) => priceData.code === Number(regionCode))?.average_price;\n  const prefixText = { land: '土地：', house: '戸建：', mansion: '' };\n\n  return (\n    <div\n      className={`${category === 'mansion' ? styles.mansion_average_text : styles.landHouses_average_text} ${\n        price ? '' : styles.empty_price\n      }`}\n    >\n      {prefixText[propertyType]}平均{price}万円/m2\n    </div>\n  );\n});\n\nAveragePrice.displayName = 'AveragePrice';\n\nexport default PrefecturesLinkList;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"list_container\":\"PrefecturesLinkList_list_container__mWAyu\",\"hasReadMoreButton\":\"PrefecturesLinkList_hasReadMoreButton__SNtqc\",\"isScrollable\":\"PrefecturesLinkList_isScrollable__f0HTA\",\"area_group_title\":\"PrefecturesLinkList_area_group_title__OzpZY\",\"link_list\":\"PrefecturesLinkList_link_list__af1vK\",\"area_name\":\"PrefecturesLinkList_area_name__OF_kz\",\"link_item\":\"PrefecturesLinkList_link_item___SLon\",\"mansion_average_text\":\"PrefecturesLinkList_mansion_average_text__NhMCy\",\"landHouses_average_text\":\"PrefecturesLinkList_landHouses_average_text__UnTL_\",\"landHouses_average_price_area\":\"PrefecturesLinkList_landHouses_average_price_area__RcRip\",\"empty_price\":\"PrefecturesLinkList_empty_price__V1GOQ\",\"read_more_container\":\"PrefecturesLinkList_read_more_container__T1WQV\",\"isClicked\":\"PrefecturesLinkList_isClicked__ag5r8\",\"scrollable_text\":\"PrefecturesLinkList_scrollable_text__W66SL\",\"read_more_button\":\"PrefecturesLinkList_read_more_button__q7kek\"};"],"names":["PrefecturesLinkList","memo","category","hasReadMoreButton","location","props","propertyTypeLabel","readMoreButtonClicked","setReadMoreButtonClicked","useState","useEffect","router","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","Fragment","jsxs","div","className","styles","concat","Object","keys","RegionDataList","map","h3","span","regionCode","name","br","mansionRegionsAveragePrices","AveragePrice","priceDataList","Number","propertyType","houseRegionsAveragePrices","landRegionsAveragePrices","ul","prefectures","li","Link","prefetch","href","prefectureNumber","pageQueryType","passHref","data-gtm-click","PrefecturesListWithoutSuffix","p","ScrollableIcon","button","onClick","displayName","param","price","find","priceData","code","average_price","prefixText","land","house","mansion","__webpack_exports__","module","exports"],"sourceRoot":""}