https://www.mwed.jp/vite/assets/place_search-kvqRjdFU.js

1import{o as e}from"./rolldown-runtime-C0FnF6B9.js";import{TOP_PREFECTURE_STORAGE_KEY as t,setStoredTopPrefectureId as n}from"./prefecture_storage-CNCCfnBi.js";import{t as r}from"./react-Bkb2rN93.js";import{t as i}from"./react-dom-Dhkcfc_Y.js";import{ConditionContext as a,SEARCH_TYPE_AREA as o}from"./search_common-BLGjWWyd.js";import{API_ALL_AREA_URL as s,API_SEARCH_COUNT_URL as c,IMAGE_FLUX_MAP_URL as l,Options as u,convertMapRegion as ee,getCsrfToken as d,onlyName as te}from"./helper-CzqebmxP.js";import ne from"./portal-DqUGawXH.js";import re from"./search_modal-BlNWD6nj.js";var f=e(r()),p=e(i());u.people;var ie={hokkaido_tohoku:[[261,3],[342,3],[342,61],[328,61],[328,191],[274,191],[274,161],[261,161]],shutoken:[[274,193],[328,193],[328,257],[261,257],[261,235],[250,235],[250,219],[274,219]],hokushinetsu:[[224,163],[272,163],[272,217],[248,217],[248,235],[238,235],[238,193],[203,193],[203,178],[224,178]],tokai:[[218,194],[236,194],[236,237],[259,237],[259,257],[216,257],[216,269],[203,269],[203,211],[218,211]],kansai:[[162,178],[201,178],[201,194],[216,194],[216,209],[201,209],[201,269],[180,269],[180,214],[162,214]],chushikoku:[[111,178],[160,178],[160,230],[165,230],[165,259],[111,259]],kyushu:[[30,178],[100,178],[100,270],[13,270],[13,242],[30,242]]};function m({defaultPrefectureIds:e,defaultGenreId:t,searchPath:r,prefectures:i,genres:u,peopleNumbers:p,regions:m,defaultDates:h}){let[g,_]=(0,f.useState)([]),[v,ae]=(0,f.useState)([]),[y,oe]=(0,f.useState)(0),[b,x]=(0,f.useState)(0),[S,C]=(0,f.useState)(!0),[w,se]=(0,f.useState)([]),[T,E]=(0,f.useState)(null),D=(0,f.useRef)(null),O=p.find(e=>e.id===b)||{name:`指定なし`,sub_name:``},k=(0,f.useMemo)(()=>ee(m),[]),[A,j]=(0,f.useState)(e),[M,N]=(0,f.useState)([]),[P,F]=(0,f.useState)([]),[ce,le]=(0,f.useState)(o),[I,L]=(0,f.useState)(!1),[R,z]=(0,f.useState)(``),[B,V]=(0,f.useState)(e),[H,U]=(0,f.useState)([]),[ue,de]=(0,f.useState)([]),[W,fe]=(0,f.useState)(0),G=(0,f.useRef)(null),pe=async()=>{let e=await fetch(s,{method:`GET`,headers:{"Content-Type":`application/json`,"X-CSRF-Token":d()}});if(e.ok){let t=await e.json();_(t.areas),ae(t.addresses)}},me=e=>{if(e===null){j([]);return}A.includes(e)?j(A.filter(t=>t!==e)):j([...A,e])},K=()=>{let e=[...A],t=[];M.length>0&&M.forEach(n=>{let r=g.find(e=>e.area_id===n);r&&(e=e.filter(e=>e!==r.pref_id),t.push(te(r.area_name)))}),P.length>0&&P.forEach(n=>{let r=v.find(e=>e.id===n);r&&(e=e.filter(e=>e!==r.prefecture_id),t.push(r.address))}),e.length>0&&e.forEach(e=>{for(let n of m){let r=n.prefectures.find(t=>t.pref_id===e);r&&t.unshift(r.pref_name)}}),t.length>0?z(t.join(`、`)):z(`全国`)},q=()=>{V([...A]),U([...M]),de([...P]),L(!0)},J=()=>{j([...B]),N([...H]),F([...ue]),Y()},Y=()=>L(!1),he=()=>{K(),Y()},X=()=>{let e=new URLSearchParams;return A.length&&A.forEach(t=>{e.append(`prefecture_ids[]`,t.toString())}),M.length&&M.forEach(t=>{e.append(`area_ids[]`,t.toString())}),P.length&&P.forEach(t=>{e.append(`address_ids[]`,t.toString())}),b&&e.set(`people_numbers[]`,b.toString()),e.toString()},ge=()=>{let e=new URLSearchParams;return A.length&&A.forEach(t=>{e.append(`prefecture_ids[]`,t.toString())}),h.forEach(t=>{e.append(`st_dates[]`,t)}),e.toString()},Z=()=>{let e=X();window.location.href=`${r}${e?`?${e}`:``}`},Q=()=>{window.location.href=`/fair_search/?${ge()}`};(0,f.useEffect)(()=>{let e=X();(async()=>{let t=`${c}${e?`?${e}`:``}`;C(!0);let n=fetch(t,{method:`GET`,headers:{"Content-Type":`application/json`,"X-CSRF-Token":d()}}).then(e=>{if(e.ok)return e.json();throw Error()}).then(e=>{D.current===n&&(C(!1),oe(e.count),D.current=null)});D.current=n})()},[A,M,P,b]),(0,f.useEffect)(()=>{A.length>0&&n(A[A.length-1].toString())},[A]),(0,f.useEffect)(()=>{if(M.length>0){let e=g.find(e=>e.area_id===M[M.length-1]);n(e.pref_id.toString())}},[M]),(0,f.useEffect)(()=>{if(P.length>0){let e=v.find(e=>e.id===P[P.length-1]);n(e.prefecture_id.toString())}},[P]),(0,f.useEffect)(()=>{se(k.filter(e=>e.prefectures.some(e=>A.includes(e.pref_id))).map(e=>e.id))},[A]),(0,f.useEffect)(()=>{K()},[g,v,A,M,P]);let $=()=>{if(G.current){let e=window.innerHeight*.01;G.current.style.setProperty(`--custom`,`${e}px`)}};return(0,f.useEffect)(()=>{$()},[I]),(0,f.useEffect)(()=>(pe(),window.addEventListener(`resize`,$),()=>{window.removeEventListener(`resize`,$)}),[]),(0,f.useEffect)(()=>{W==0?document.querySelector(`.renewal-2023-top-area-search`).classList.remove(`-fair`):document.querySelector(`.renewal-2023-top-area-search`).classList.add(`-fair`)},[W]),f.createElement(f.default.Fragment,null,f.createElement(`div`,{className:`renewal-2023-top-area-search-form`},f.createElement(`div`,{className:`renewal-2023-top-area-search-form-switch`},f.createElement(`div`,{className:`renewal-2023-top-area-search-form-switch__tab ${W==0?`-active`:``}`,onClick:()=>fe(0)},`結婚式場を探す`),f.createElement(`div`,{className:`renewal-2023-top-area-search-form-switch__tab ${W==1?`-active`:``}`,onClick:()=>{Q()}},`フェアを探す`)),W==0&&f.createElement(`div`,{className:`renewal-2023-top-area-search-form__inputs`},f.createElement(`div`,{className:`renewal-2023-top-area-search-select`,onClick:q},f.createElement(`div`,{className:`renewal-2023-top-area-search-select__label`},`エリア`),f.createElement(`div`,{className:`renewal-2023-top-area-search-select__value`},R),f.createElement(`div`,{className:`renewal-2023-top-area-search-select__arrow`},f.createElement(`span`,{className:`os1-symbol-arrow-down`}))),f.createElement(`label`,{className:`renewal-2023-top-area-search-select`},f.createElement(`div`,{className:`renewal-2023-top-area-search-select__label`},`出席人数`),f.createElement(`div`,{className:`renewal-2023-top-area-search-select__value`},O.name,O.sub_name),f.createElement(`div`,{className:`renewal-2023-top-area-search-select__arrow`},f.createElement(`span`,{className:`os1-symbol-arrow-down`})),f.createElement(`select`,{className:`renewal-2023-top-area-search-select__select`,value:b||``,onChange:e=>x(Number(e.target.value)||null)},f.createElement(`option`,{value:``},`指定なし`),p.map(e=>f.createElement(`option`,{key:e.id,value:e.id},e.name,e.sub_name))))),W==1&&f.createElement(`div`,{className:`renewal-2023-top-area-search-form__inputs -fair`},f.createElement(`div`,{className:`renewal-2023-top-area-search-select -fair`,onClick:q},f.createElement(`div`,{className:`renewal-2023-top-area-search-select__label`},`エリア`),f.createElement(`div`,{className:`renewal-2023-top-area-search-select__value`},R),f.createElement(`div`,{className:`renewal-2023-top-area-search-select__arrow`},f.createElement(`span`,{className:`os1-symbol-arrow-down`}))),f.createElement(`div`,{className:`renewal-2023-top-area-search-select -fair`,onClick:q},f.createElement(`div`,{className:`renewal-2023-top-area-search-select__label`},`内容,日程`),f.createElement(`div`,{className:`renewal-2023-top-area-search-select__value`},R),f.createElement(`div`,{className:`renewal-2023-top-area-search-select__arrow`},f.createElement(`span`,{className:`os1-symbol-arrow-down`})))),f.createElement(`div`,{className:`renewal-2023-top-area-search-form__footer`},f.createElement(`button`,{type:`button`,className:`renewal-2023-top-area-search-button -flex-direction-row`,disabled:S||y===0,onClick:Z},f.createElement(`span`,null,`結婚式場を検索する`),f.createElement(`span`,{className:`renewal-2023-top-area-search-button__number`},` (${y}件)`)))),f.createElement(`div`,{className:`renewal-2023-top-map-search`},f.createElement(`div`,{className:`renewal-2023-top-map-search__maps`},f.createElement(`img`,{className:`renewal-2023-top-map-search__map`,src:`${l}/all.png`,alt:`全国`}),k.map(e=>f.createElement(`img`,{className:`renewal-2023-top-map-search__map ${w.includes(e.id)||T===e.id?``:`-hide`}`,src:`${l}/${e.name_r}.png`,alt:e.name,key:e.id})),f.createElement(`img`,{className:`renewal-2023-top-map-search__map`,src:`${l}/film.png`,alt:``,useMap:`#top-map-search-area-map`}),k.map(e=>f.createElement(`section`,{className:`renewal-2023-top-map-search-area -${e.name_r} ${w.includes(e.id)||T===e.id?`-active`:``}`,key:e.id},f.createElement(`h3`,{className:`renewal-2023-top-map-search-area__title`},e.name),f.createElement(`ul`,{className:`renewal-2023-top-map-search-area__prefectures`},e.prefectures.map(t=>f.createElement(`li`,{className:`renewal-2023-top-map-search-area__prefecture`,key:t.pref_id},f.createElement(`label`,{className:`renewal-2023-top-map-search-area__prefecture-button`,htmlFor:`top-map-search-prefecture-${t.pref_id}`,onMouseOver:()=>E(e.id),onMouseOut:()=>E(null),onFocus:()=>E(e.id),onBlur:()=>E(null)},f.createElement(`input`,{type:`checkbox`,id:`top-map-search-prefecture-${t.pref_id}`,checked:A.includes(t.pref_id),onChange:()=>me(t.pref_id)}),f.createElement(`span`,null,t.pref_name)))))))),f.createElement(`div`,{className:`renewal-2023-top-map-search__footer`},f.createElement(`button`,{type:`button`,className:`renewal-2023-top-area-search-button`,disabled:!A.length||S||y===0,onClick:Q},`ブライダルフェアを探す`),f.createElement(`button`,{type:`button`,className:`renewal-2023-top-area-search-button`,disabled:!A.length||S||y===0,onClick:Z},`結婚式場を検索する`,f.createElement(`span`,{className:`renewal-2023-top-area-search-button__number`},`（${y}件）`)))),f.createElement(ne,null,f.createElement(a.Provider,{value:{prefIds:A,setPrefIds:j,areaIds:M,setAreaIds:N,addressIds:P,setAddressIds:F,searchType:ce,setSearchType:le}},f.createElement(`div`,{ref:G,className:`overlay`,style:I?{}:{display:`none`},onClick:J},f.createElement(re,{regions:m,areas:g,addresses:v,onCancel:J,onSubmit:he})))),f.createElement(`map`,{name:`top-map-search-area-map`},k.map(e=>{let t=ie[e.name_r];return t?f.createElement(`area`,{shape:`poly`,coords:t.map(e=>e.join()).join(),onMouseOver:()=>E(e.id),onMouseOut:()=>E(null),onFocus:()=>E(e.id),onBlur:()=>E(null),alt:`北海道`,key:e.id}):``})))}document.addEventListener(`DOMContentLoaded`,()=>{let e=document.getElementById(`top-search-form-react-dom`),{path:n,prefectures:r,genres:i,peopleNumbers:a,regions:o,defaultDates:s}=e.dataset,c=JSON.parse(r),l=Number(localStorage.getItem(t)),u=c.some(e=>e.pref_id===l)?[l]:[];p.render(f.createElement(m,{defaultPrefectureIds:u,defaultGenreId:null,searchPath:n,prefectures:c,genres:JSON.parse(i),peopleNumbers:JSON.parse(a),regions:JSON.parse(o),defaultDates:JSON.parse(s)}),e)});
2//# sourceMappingURL=place_search-kvqRjdFU.js.map