{"version":3,"file":"static/chunks/1670.19597ef4f9d04735.js","mappings":"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","sources":["webpack://_N_E/./public/images/iqfu/public/scrollable_icon.svg","webpack://_N_E/./src/iqfu/components/public/cities_link_list/CitiesLinkList.tsx","webpack://_N_E/./src/iqfu/components/public/cities_link_list/CitiesLinkList.module.scss","webpack://_N_E/<anon>"],"sourcesContent":["var _path;\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nvar SvgScrollableIcon = function SvgScrollableIcon(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 7,\n    height: 13,\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M.24 4.558a.635.635 0 0 1 0-.899L2.935.964a.635.635 0 0 1 .899 0l2.695 2.695a.635.635 0 0 1-.899.899L3.993 2.92V10.062l1.583-1.584a.635.635 0 1 1 .899.898L3.78 12.072a.635.635 0 0 1-.899 0L.186 9.376a.635.635 0 1 1 .898-.898l1.638 1.638V2.974L1.138 4.557a.635.635 0 0 1-.898 0Z\",\n    fill: \"#FE9210\"\n  })));\n};\n\nexport default SvgScrollableIcon;","import { FC, memo, useEffect, useState } from 'react';\n\nimport Link from 'next/link';\nimport { useRouter } from 'next/router';\n\nimport ScrollableIcon from '/public/images/iqfu/public/scrollable_icon.svg';\n\nimport SectionLeadLeftAlign from '@components_iqfu/public/section_lead_left_align/SectionLeadLeftAlign';\n\nimport { CitiesLinkData } from '@type-def_iqfu/public/CitiesLinkData';\nimport { SalesStatsData } from '@type-def_iqfu/public/MarketData';\n\nimport { PublicPrefecturesWithAll } from '@constants_iqfu';\nimport { CompaniesPageQueryType } from 'src/iqfu/data/companiesPagesData';\n\nimport styles from './CitiesLinkList.module.scss';\n\ntype landHousesPricePageProps = {\n  pageType: 'landhouses';\n  citiesData: CitiesLinkData;\n  prefectureId: number;\n  landDisplayData: SalesStatsData;\n  houseDisplayData: SalesStatsData;\n  hasReadMoreButton?: boolean;\n  location: string;\n};\n\ntype mansionsPricePageProps = {\n  pageType: 'mansions';\n  citiesData: CitiesLinkData;\n  prefectureId: number;\n  mansionDisplayData: SalesStatsData;\n  hasReadMoreButton?: boolean;\n  location: string;\n};\n\ntype companiesPageProps = {\n  pageType: 'companies';\n  citiesData: CitiesLinkData;\n  prefectureId: number;\n  pageQueryType: CompaniesPageQueryType;\n  hasReadMoreButton?: boolean;\n  location: string;\n};\n\ntype Props = landHousesPricePageProps | mansionsPricePageProps | companiesPageProps;\n\nconst CitiesLinkList: FC<Props> = memo((props) => {\n  const router = useRouter();\n  const { pageType, citiesData, prefectureId, hasReadMoreButton = false, location } = props;\n  const prefectureName = PublicPrefecturesWithAll[Number(prefectureId)];\n  const [readMoreButtonClicked, setReadMoreButtonClicked] = useState(false);\n\n  useEffect(() => {\n    setReadMoreButtonClicked(false);\n  }, [router]);\n\n  return (\n    <>\n      {pageType === 'landhouses' || pageType === 'mansions' ? (\n        <div className={styles.section_title}>\n          <SectionLeadLeftAlign>\n            市区町村別の{pageType === 'mansions' ? 'マンション' : '土地・中古戸建'}売却価格査定額の相場・動向を調べる\n          </SectionLeadLeftAlign>\n        </div>\n      ) : (\n        <>{/* 会社系ページはCompaniesPrefectuersCommon内に見出し書く */}</>\n      )}\n\n      <div\n        className={`${styles.area_list_container} ${hasReadMoreButton ? styles.hasReadMoreButton : ''} ${\n          readMoreButtonClicked ? styles.isScrollable : ''\n        }`}\n      >\n        {citiesData.city_groups.map((cityList, index: number) => (\n          <div className={styles.area_group} key={index}>\n            <div className={styles.area_group_title}>\n              {pageType === 'companies' ? (\n                <h3>\n                  <span className={styles.area_name}>\n                    {prefectureName}-{cityList.city_group_name}\n                  </span>\n                  <br className={'sp_only'} />\n                  の不動産屋さんランキングを見る\n                </h3>\n              ) : (\n                <h3>\n                  <span className={styles.area_name}>\n                    {prefectureName}-{cityList.city_group_name}\n                  </span>\n                  <br className={'sp_only'} />の{pageType === 'mansions' ? 'マンション' : '土地戸建'}の売却査定額\n                </h3>\n              )}\n              {pageType === 'mansions' ? (\n                <AveragePrice\n                  pageType={pageType}\n                  groupCode={cityList.city_group_code}\n                  mansionDisplayData={props.mansionDisplayData}\n                />\n              ) : pageType === 'landhouses' ? (\n                <AveragePrice\n                  pageType={pageType}\n                  groupCode={cityList.city_group_code}\n                  landDisplayData={props.landDisplayData}\n                  houseDisplayData={props.houseDisplayData}\n                />\n              ) : (\n                <></>\n              )}\n            </div>\n\n            <ul className={styles.link_list}>\n              {cityList.cities.map((city, i: number) => {\n                return (\n                  <li className={styles.link_item} key={i}>\n                    <Link\n                      prefetch={false}\n                      href={\n                        pageType === 'companies'\n                          ? `/${pageType}/cities/${city.city_code}/${props.pageQueryType}`\n                          : `/${pageType}/cities/${city.city_code}`\n                      }\n                      className={styles.areaNameLink}\n                      data-gtm-click={`CitiesLinkList_item_city_links_${location}`}\n                    >\n                      {city.city_name}\n                    </Link>\n                  </li>\n                );\n              })}\n            </ul>\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      </div>\n    </>\n  );\n});\n\nCitiesLinkList.displayName = 'CitiesLinkList';\n\ntype AveragePriceProps = {\n  groupCode: number;\n  pageType: 'mansions' | 'landhouses' | 'companies';\n  mansionDisplayData?: SalesStatsData;\n  landDisplayData?: SalesStatsData;\n  houseDisplayData?: SalesStatsData;\n};\n\nconst AveragePrice: FC<AveragePriceProps> = memo(\n  ({ groupCode, mansionDisplayData, landDisplayData, houseDisplayData, pageType }) => {\n    const averageGroupData = mansionDisplayData?.city_groups_average_prices.find((group) => {\n      return group.code === groupCode;\n    });\n    const houseAverageGroupData = houseDisplayData?.city_groups_average_prices.find((group) => {\n      return group.code === groupCode;\n    });\n    const landAverageGroupData = landDisplayData?.city_groups_average_prices.find((group) => {\n      return group.code === groupCode;\n    });\n\n    return (\n      <div>\n        {pageType === 'mansions' && averageGroupData?.average_price && (\n          <div className={styles.average_mansion_price}>平均{averageGroupData?.average_price}万円/m2</div>\n        )}\n\n        {((pageType === 'landhouses' && landAverageGroupData?.average_price) ||\n          (pageType === 'landhouses' && houseAverageGroupData?.average_price)) && (\n          <div className={styles.landHouses_average_price_area}>\n            {houseAverageGroupData?.average_price && <div>戸建：平均{houseAverageGroupData.average_price}万円/m2</div>}\n            {landAverageGroupData?.average_price && <div>土地：平均{landAverageGroupData.average_price}万円/m2</div>}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nAveragePrice.displayName = 'AveragePrice';\n\nexport default CitiesLinkList;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"section_title\":\"CitiesLinkList_section_title__eHJIW\",\"area_group_title\":\"CitiesLinkList_area_group_title__Gaqq_\",\"link_list\":\"CitiesLinkList_link_list__Mo1Gg\",\"area_name\":\"CitiesLinkList_area_name__uGSmr\",\"link_item\":\"CitiesLinkList_link_item__zuEso\",\"average_mansion_price\":\"CitiesLinkList_average_mansion_price__Pqkw4\",\"landHouses_average_price_area\":\"CitiesLinkList_landHouses_average_price_area__WcJxV\",\"area_list_container\":\"CitiesLinkList_area_list_container__SZ0VQ\",\"hasReadMoreButton\":\"CitiesLinkList_hasReadMoreButton__XDJj4\",\"isScrollable\":\"CitiesLinkList_isScrollable__5hLEC\",\"read_more_container\":\"CitiesLinkList_read_more_container__XZn_9\",\"isClicked\":\"CitiesLinkList_isClicked__ofHp3\",\"scrollable_text\":\"CitiesLinkList_scrollable_text__frgi3\",\"read_more_button\":\"CitiesLinkList_read_more_button__Li2fh\"};"],"names":["_path","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","__webpack_exports__","props","react__WEBPACK_IMPORTED_MODULE_0__","createElement","width","height","fill","xmlns","fillRule","clipRule","d","CitiesLinkList","memo","router","useRouter","pageType","citiesData","prefectureId","hasReadMoreButton","location","prefectureName","PublicPrefecturesWithAll","Number","readMoreButtonClicked","setReadMoreButtonClicked","useState","useEffect","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsxs","Fragment","jsx","div","className","styles","SectionLeadLeftAlign","concat","city_groups","map","cityList","index","h3","span","city_group_name","br","AveragePrice","groupCode","city_group_code","mansionDisplayData","landDisplayData","houseDisplayData","ul","cities","city","li","Link","prefetch","href","city_code","pageQueryType","data-gtm-click","city_name","p","ScrollableIcon","button","onClick","displayName","param","averageGroupData","city_groups_average_prices","find","group","code","houseAverageGroupData","landAverageGroupData","average_price","module","exports"],"sourceRoot":""}