https://www.ipsa.co.jp/mobify/bundle/117/pages-store-search-result.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[6600],{64829:(e,t,a)=>{a.r(t),a.d(t,{default:()=>A});var r=a(77810),i=a(34692),n=a(86400),o=a(40133),s=a(36287),l=a(5979),d=a(51147),c=a(87916),p=a(94615),x=a(90031),g=a(64965),u=a(68066),m=a(74138),h=a(10519),f=a(58493),b=a(75826),y=a.n(b),E=a(91988),F=a(65366),v=a(73448);const w=({stores:e,showAll:t,handleStoreClick:a,handleShowAllClick:c})=>{const x=t?e:null==e?void 0:e.slice(0,10),{formatMessage:g}=(0,i.A)(),u=g({defaultMessage:[{type:0,value:"申し訳ございません。"},{type:0,value:"<br/>"},{type:0,value:"選択された条件に該当する店舗は見つかりませんでした。"},{type:0,value:"<br/>"},{type:0,value:"絞り込み条件を変更し、再度検索してください。"}],id:"store_locator.msg.search_no_result"}),m=h.AH`
2        @media screen and (min-width: ${F.A.md}) {
3            .tx-hover-target-parent .tx-hover-line-target {
4                background: linear-gradient(currentColor, currentColor) no-repeat left 100% bottom
5                    0px/0% 1px;
6                transition: background-size 0.3s ease;
7            }
8            .tx-hover-target-parent:hover .tx-hover-line-target {
9                background-position: left 0% bottom 0px;
10                background-size: 100% 1px;
11            }
12        }
13    `;return r.createElement(n.B,{direction:"column",justify:"flex-start",align:"flex-start",spacing:"0px",alignSelf:"stretch",width:"100%",maxWidth:"752px",marginLeft:"auto",marginRight:"auto",paddingX:{base:"16px",md:"0"},css:m},0===(null==e?void 0:e.length)?r.createElement(n.B,{direction:"column",justify:"center",align:"center",spacing:"0px",alignSelf:"stretch",width:"100%",maxWidth:"752px",marginLeft:"auto",marginRight:"auto"},r.createElement(o.E,{fontFamily:'"MFW-HiraKakuProN-W3", sans-serif',lineHeight:"1.5",fontSize:"14px",color:"#323232",textAlign:"center",paddingTop:"24px"},r.createElement(E.H,{content:`${u}`,parserReplace:{}}))):null==x?void 0:x.map(((e,t)=>r.createElement(f.N,{key:`index_${e.ID}`,position:"relative",paddingY:"22px",paddingTop:{base:"20px",md:"22px"},paddingBottom:{base:"21px",md:"22px"},borderTopWidth:0===t?"1px":"0px",borderBottomWidth:t===(null==x?void 0:x.length)-1?{base:"0px",md:"1px"}:"1px",borderColor:"#D6D6D6",onClick:t=>{t.preventDefault(),a(e.ID)},cursor:"pointer",width:"100%",className:"tx-hover-target-parent",display:"block",_hover:{textDecoration:"none"},href:`${v.LJ}?StoreID=${e.ID}`},r.createElement(n.B,{direction:"row",justify:"space-between",align:"center",width:"100%"},r.createElement(n.B,{width:"calc(100% - 40px)",spacing:"16px"},((null==e?void 0:e.name)||(null==e?void 0:e.storeType))&&r.createElement(n.B,{direction:"column",justify:"flex-start",align:"flex-start",width:"100%",spacing:"8px"},(null==e?void 0:e.storeType)&&r.createElement(n.B,{backgroundColor:"#FFFFFF",borderColor:"#D6D6D6",borderWidth:"1px",borderRadius:"2px",paddingX:"7px",paddingY:"6px",height:"20px",justifyContent:"center"},r.createElement(o.E,{fontFamily:'"MFW-HiraKakuProN-W3", sans-serif',fontSize:"10px",color:"#323232",lineHeight:"1"},e.storeType)),(null==e?void 0:e.name)&&r.createElement(o.E,{fontFamily:'"MFW-HiraKakuProN-W5", sans-serif',lineHeight:"1.29",fontSize:"14px",color:"#323232",className:"tx-hover-line-target"},e.name)),((null==e?void 0:e.stateCode)||(null==e?void 0:e.city)||(null==e?void 0:e.address1)||(null==e?void 0:e.address2)||(null==e?void 0:e.phone))&&r.createElement(n.B,{maxWidth:{base:"340px",md:"712px"},spacing:"0px"},((null==e?void 0:e.stateCode)||(null==e?void 0:e.city)||(null==e?void 0:e.address1)||(null==e?void 0:e.address2))&&r.createElement(o.E,{fontFamily:'"MFW-HiraKakuProN-W3", sans-serif',fontSize:"14px",color:"#323232",lineHeight:"1.5"},g({defaultMessage:[{type:1,value:"stateCode"},{type:1,value:"city"},{type:1,value:"address1"},{type:1,value:"address2"}],id:"store_locator.msg.search_result.store.address"},{stateCode:(null==e?void 0:e.stateCode)||"",city:(null==e?void 0:e.city)||"",address1:(null==e?void 0:e.address1)||"",address2:(null==e?void 0:e.address2)||""})),(null==e?void 0:e.phone)&&r.createElement(o.E,{fontFamily:'"MFW-HiraKakuProN-W3", sans-serif',fontSize:"14px",color:"#323232",lineHeight:"1.5"},g({defaultMessage:[{type:0,value:"TEL: "},{type:1,value:"phone"}],id:"store_locator.msg.search_result.store.tel"},{phone:e.phone}))),r.createElement(s.az,{position:"absolute",right:"0px",bottom:"12px",boxSize:"24px",marginLeft:"16

13px"},r.createElement(d._,{src:(0,p.sU)("static/img/arrow_black.svg"),alt:"arrow"}))))))),!t&&(null==e?void 0:e.length)>10&&r.createElement(n.B,{direction:"row",justify:"center",width:"100%",marginTop:{base:"32px",md:"40px"}},r.createElement(l.$,{fontFamily:'"MFW-HiraKakuProN-W5", sans-serif',lineHeight:"1.31",backgroundColor:"#323232",fontSize:"13px",color:"#FFFCF4",_hover:{md:{opacity:.5,transition:"background-color 0.3s"}},onClick:c,width:"240px",height:"45px",textAlign:"center",borderRadius:"2px"},g({defaultMessage:[{type:0,value:"すべて見る"}],id:"store_locator.button.show_all_search_result"}))))};w.propTypes={stores:y().array,showAll:y().bool.isRequired,handleStoreClick:y().func.isRequired,handleShowAllClick:y().func.isRequired};const k=w;var _=a(50054),S=a(4026),C=a(62241),B=a(32105),j=a(54019);const W=()=>r.createElement(n.B,{paddingX:{base:"17px",md:"307px"},paddingY:{base:"64px",md:"80px"},justify:"flex-start",align:"center",spacing:{base:"40px",md:"64px"},maxWidth:"100%"},r.createElement(n.B,{borderRadius:"2px",justify:"center",align:"center",spacing:{base:"12px",md:"24px"},width:{base:"380px",md:"752px"},background:"#F9F9F9",height:{base:"26px",md:"26px"}}),r.createElement(n.B,{justify:"flex-start",align:"center",spacing:{base:"16px",md:"24px"},width:{base:"380px",md:"752px"}},r.createElement(n.B,{justify:"flex-start",align:"flex-start",spacing:{base:"16px",md:"24px"},alignSelf:"stretch"},r.createElement(n.B,{direction:{base:"column",md:"row"},justify:{base:"flex-start",md:"space-between"},align:"left",spacing:{base:"16px",md:"40px"},alignSelf:"stretch"},r.createElement(n.B,{direction:"row",justify:"flex-start",align:"center",flex:"1"},r.createElement(j.E,{borderRadius:"2px",justify:"flex-start",align:"left",background:"#F9F9F9",width:{base:"170px",md:"170px"},height:{base:"18px",md:"18px"}})),r.createElement(j.E,{borderRadius:"2px",justify:"flex-start",align:"flex-start",spacing:"10px",width:{base:"240px",md:"240px"},maxWidth:"100%",background:"#F9F9F9",height:{base:"45px",md:"45px"},marginBottom:{base:"16px",md:"0px"}})),r.createElement(n.B,{justify:"flex-start",align:"flex-start",spacing:"0px",alignSelf:"stretch",marginBottom:{base:"32px",md:"0px"}},r.createElement(n.B,{paddingY:{base:"16px",md:"24px"},justify:"flex-start",align:"flex-start",spacing:{base:"16px",md:"16px"},alignSelf:"stretch",background:"#FFFFFF"},r.createElement(n.B,{justify:"flex-start",align:"flex-start",alignSelf:"stretch"},r.createElement(j.E,{borderRadius:"2px",justify:"flex-start",align:"flex-start",spacing:"10px",background:"#F9F9F9",height:"18px",width:{base:"140px",md:"140px"}}),r.createElement(j.E,{borderRadius:"2px",direction:"row",justify:"center",align:"center",spacing:"10px",width:{base:"237px",md:"237px"},background:"#F9F9F9",height:"18px"})),r.createElement(n.B,{justify:"flex-start",align:"flex-start",spacing:"4px",width:{base:"380px",md:"414px"},maxWidth:"100%"},r.createElement(j.E,{borderRadius:"2px",direction:"row",justify:"center",align:"center",spacing:"4px",alignSelf:"stretch",background:"#F9F9F9",height:"18px"}),r.createElement(j.E,{borderRadius:"2px",direction:"row",justify:"center",align:"center",spacing:"10px",alignSelf:"stretch",background:"#F9F9F9",height:"18px"}))))),r.createElement(j.E,{borderRadius:"2px",justify:"flex-start",align:"flex-start",spacing:"10px",background:"#F9F9F9",height:{base:"71px",md:"45px"},width:{base:"380px",md:"240px"},maxWidth:"100%"})),r.createElement(n.B,{justify:"flex-start",align:"center",spacing:{base:"20px",md:"40px"}},r.createElement(j.E,{borderRadius:"2px",justify:"flex-start",align:"flex-start",spacing:"10px",background:"#F9F9F9",height:{base:"24px",md:"71px"},width:{base:"380px",md:"752px"},marginBottom:{base:"16px",md:"0px"},maxWidth:"100%"}),r.createElement(n.B,{justify:"flex-start",align:"flex-start",spacing:"24px",width:{base:"380px",md:"752px"},height:{base:"140px",md:"208px"},maxWidth:"100%"},r.createElement(n.B,{direction:"row",justify:"center",align:"center",spacing:"0px",alignSelf:"stretch"},r.createElement(j.E,{borderRadius:"2px",direction:"row",justify:"center",align:"center",spacing:"10px",background:"#F9F9F9",height:"24px",width:{base:"340px",md:"100%"}})),r.createElement(n.B,{direction:"row",justify:"center",align:"center",spacing:"0px",alignSelf:"stretch"},r.createElement(j.E,{borderRadius:"2px",direction:"row",justify:"center",align:"center",spacing:"10px",background:"#F9F9F9",height:"24px",width:{base:"340px",md:"100%"},display:{base:"flex",md:"none"}})),r.createElement(n.B,{direction:"row",justify:"center",align:"center",spacing:"0px",alignSelf:"stretch",display:{base:"flex",md:"none"}},r.createElement(j.E,{borderRadius:"2px",direction:"row",justify:"center",align:"center",spacing:"10px",background:"#F9F9F9",height:"24px",width:{base:"340px",md:"100%"}}))),r.createElement(n.B,{justify:"flex-start",align:"flex-start",spacing:"24px",width:{base:"380px",md:"752px"},height:{base:"90px",md:"108px"},maxWidth:"100%",marginBottom:{base:"40px",md:"0px"}},r.createElement(n.B,{direction:"row",justify:"center",align:"center",spacing:"0px",alignSelf:"stretch"},r.createElement(j.E,{borderRadius:"2px",direction:"row",justify:"center",align:"center",spacing:"10px",background:"#F9F9F9",height:"24px",width:"100%"})),r.createElement(n.B,{direction:"row",justify:"center",align:"left",spacing:"0px",paddingX:{base:"0px",md:"18px"}},r.createElement(j.E,{borderRadius:"2px",direction:"row",justify:"center",align:"center",spacing:"10px",background:"#F9F9F9",height:{base:"60px",md:"60px"},width:{base:"380px",md:"426px"}}))),r.createElement(j.E,{borderRadius:"2px",width:{base:"320px",md:"320px"},height:"48px",maxWidth:"100%",background:"#F9F9F9"})),r.createElement(j.E,{borderRadius:"2px",width:{base:"320px",md:"320px"},height:"48px",maxWidth:"100%",background:"#F9F9F9"}));var R=a(29129),D=a(35075);const A=function(){var e;const{res:t}=(0,C.useServerContext)();t&&t.set("Cache-Control",`s-maxage=${B.kB}`);const a=(0,g.zy)(),h=(0,g.W6)(),[f,b]=(0,r.useState)(!1),[y,E]=(0,r.useState)(null),[F,w]=(0,r.useState)(!1),{formatMessage:j}=(0,i.A)(),A=new URLSearchParams(a.search),M=A.get("stateCode")||"",H=null!==A.get("storeTypes")?A.get("storeTypes"):"[]",L={c_stateCode:M||"",c_isSortByNearbyStores:f||!1,c_latitude:(null==y?void 0:y.latitude)||"",c_longitude:(null==y?void 0:y.longitude)||"",c_storeTypes:(null==H?void 0:H.replace(/\+/g," "))||""},{data:z}=(0,x.useCustomQuery)({options:{method:"GET",customApiPathParameters:{apiVersion:"v1",endpointPath:"searchstores",apiName:"stores-search"},parameters:L},rawResponse:!1});let N=j({defaultMessage:[{type:0,value:"店舗検索の結果"}],id:"store_locator.seo.search_result"});const{canonical_url:P}=(0,S.getConfig)();let T=`${P.top}${v.CR}`;D.iy.some((e=>e.value===M))&&(N=M+" "+N,T=T+"?stateCode="+M);let $={title:N,description:"",keywords:"",ogUrl:`${P.top}${v.CR}`,canonical:T};const[K,U]=(0,r.useState)(!1),{buildUrl:X}=(0,u.A)(),G=X(v.EX),I=(()=>{const e=[];return e.push({isLink:!0,str:j({defaultMessage:[{type:0,value:"店舗検索"}],id:"store_locator.breadcrumbs.top"}),linkUrl:G}),e.push({isLink:!1,str:j({defaultMessage:[{type:0,value:"店舗検索の結果"}],id:"store_locator.breadcrumbs.search_result"}),linkUrl:""}),e})();(0,r.useEffect)((()=>{navigator.geolocation?navigator.geolocation.getCurrentPosition((()=>{w(!0)}),(e=>{console.error("Geolocation error code:"+e.code)})):console.warn("Geolocation is not supported by your browser")}),[]);const O=(0,r.useCallback)((()=>{U(!0)}),[]),Y=null==z||null===(e=z.stores)||void 0===e?void 0:e.length;return r.createElement(r.Fragment,null,r.createElement(_.A,{title:$.title,de

13scription:$.description,keywords:$.keywords,ogUrl:$.ogUrl,canonical:$.canonical}),r.createElement(m.A,{breadcrumbs:I}),z?r.createElement(n.B,{paddingY:{base:"64px",md:"80px"},justify:"flex-start",align:"center",width:{base:"100vw",md:"752px"},maxWidth:"100%",background:"#FFFFFF",marginLeft:"auto",marginRight:"auto",spacing:"0px"},r.createElement(n.B,{justify:"flex-start",align:"center",alignSelf:"stretch",spacing:"0"},r.createElement(o.E,{as:"h1",fontFamily:'"MFW-HiraKakuProN-W5", sans-serif',lineHeight:"1.3",fontSize:"20px",color:"#323232",textAlign:"center"},j({defaultMessage:[{type:0,value:"店舗検索の結果"}],id:"store_locator.title.search_result"})),Y>0&&r.createElement(n.B,{direction:{base:"column",md:"row"},justify:"space-between",align:{base:"flex-start",md:"center"},alignSelf:"stretch",marginTop:{base:"40px",md:F?"64px":"40px"},marginBottom:"24px",paddingLeft:{base:"17px",md:"0px"},gap:{base:"12px",md:"0px"},height:{base:F?"78px":"18px",md:F?"48px":"18px"}},r.createElement(n.B,{direction:"row",justify:"flex-start",align:"center",flex:"1"},r.createElement(s.az,{width:"10px",height:"10px",background:"#323232"}),r.createElement(o.E,{fontFamily:'"MFW-HiraKakuProN-W3", sans-serif',lineHeight:"1.5",fontSize:"12px",color:"#323232"},j({defaultMessage:[{type:0,value:"1-"},{type:1,value:"nowDispCnt"},{type:0,value:"件を表示中（全"},{type:1,value:"totalStores"},{type:0,value:"件）"}],id:"store_locator.msg.search_result.now.display"},{nowDispCnt:K?Y:Math.min(10,Y),totalStores:Y}))),F&&r.createElement(l.$,{onClick:()=>{navigator.geolocation?navigator.geolocation.getCurrentPosition((e=>{const{latitude:t,longitude:a}=e.coords;E({latitude:t,longitude:a}),b(!0)}),(e=>{console.error("Geolocation error code:"+e.code)})):console.error("Geolocation is not supported by your browser")},disabled:!z,backgroundColor:"#FFF",border:"1px",borderRadius:"2px",borderColor:"#D6D6D6",width:{base:"240px",md:"240px"},height:"45px",_hover:{md:{textDecoration:"none",opacity:.5,transition:"background-color 0.3s"}},_active:{textDecoration:"none"},alignSelf:{base:"flex-start",md:"center"}},r.createElement(s.az,{flex:"1",textAlign:"center"},r.createElement(o.E,{fontFamily:'"MFW-HiraKakuProN-W5", sans-serif',fontSize:"13px",color:"#323232",flex:"1",textAlign:"center"},j({defaultMessage:[{type:0,value:"現在地に近い店舗から表示する"}],id:"store_locator.button.sort_by_near_by_stores"})))))),r.createElement(k,{stores:null==z?void 0:z.stores,showAll:K,handleStoreClick:e=>{const t=new URLSearchParams({StoreID:e});h.push({pathname:v.LJ,search:`?${t.toString()}`,state:{searchOptions:{storeTypes:"[]"!==H?H:"",stateCode:M,isSortByNearbyStores:!1,currentLocation:null}}})},handleShowAllClick:O,isLoading:!z}),r.createElement(R.A,null),r.createElement(l.$,{as:c.A,to:v.EX,width:"320px",height:"48px",maxWidth:"100%",borderRadius:"2px",color:"#323232",border:"1px",borderColor:"#D6D6D6",backgroundColor:"#fff",marginTop:{base:"40px",md:"64px"},_hover:{md:{opacity:.5,transition:"background-color 0.3s"},base:{textDecoration:"none",backgroundColor:"white"}}},r.createElement(s.az,{position:"absolute",left:"20px"},r.createElement(d._,{right:"19px",top:"19px",transform:"rotate(-180deg)",src:(0,p.sU)("static/img/arrow_black.svg")})),r.createElement(o.E,{fontFamily:'"MFW-HiraKakuProN-W5", sans-serif',lineHeight:"1.31",fontSize:"13px",color:"#323232",flex:"1",textAlign:"center"},j({defaultMessage:[{type:0,value:"店舗検索トップに戻る"}],id:"store_locator.button.back_to_top"})))):r.createElement(W,null))}}}]);