1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[2765],{39096:(e,t,r)=>{r.r(t),r.d(t,{default:()=>z});var a=r(28407),i=r(77810),o=r(34692),s=r(86400),n=r(40133),l=r(5979),c=r(36287),d=r(51147),p=r(87916),u=r(94615),m=r(90031),g=r(64965),h=r(68066),f=r(74138),x=r(64180),y=r(87071),v=r(75826),b=r.n(v),E=r(29129),k=r(91988),_=r(10519),w=r(65366);const S=({mapRef:e,isLoading:t,errorMessage:r,latitude:a,longitude:l,sortedStores:d,isStreetViewActive:p,sliderRef:u,slideBeforeChange:m,slideAfterChange:g,handleStoreClick:h})=>{const f={infinite:!0,slidesToShow:1,slidesToScroll:1,centerPadding:"5px",centerMode:!0,beforeChange:(e,t)=>{m(t)},afterChange:e=>{g(e)},arrows:!0,dots:!1,variableWidth:!0,speed:750,focusOnSelect:!0,draggable:!0,responsive:[{breakpoint:769,settings:{arrows:!1,slidesToShow:1}}]},{formatMessage:v}=(0,o.A)(),b=_.AH` 2 @media screen and (min-width: ${w.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 `,S=_.AH` 14 .tx-map-card-slider { 15 min-height: 110px; 16 width: 100%; 17 position: absolute; 18 margin-bottom: 40px; 19 bottom: 0px; 20 z-index: 2; 21 } 22 @media screen and (min-width: ${w.A.md}) { 23 .tx-map-card-slider { 24 margin-bottom: 35px; 25 } 26 } 27 .slick-slider .slick-list { 28 display: flex; 29 } 30 .slick-slider .slick-list .slick-track { 31 display: flex; 32 } 33 .slick-slider .slick-list .slick-track .slick-slide { 34 display: flex; 35 } 36 .slick-slider .slick-list .slick-track .slick-slide > div { 37 width: 100%; 38 } 39 .slick-slider .slick-list .slick-track .slick-slide > div > div { 40 height: 100%; 41 } 42 `;return i.createElement(s.B,{direction:"column",justify:"flex-start",align:"center",width:{base:"100%",md:"1366px"},maxWidth:"100%",marginRight:"auto",marginLeft:"auto",css:b},r.isError?i.createElement(s.B,{spacing:"0px",width:"100%"},i.createElement(n.E,{fontFamily:'"MFW-HiraKakuProN-W3", sans-serif',lineHeight:"1.5",fontSize:"14px",color:"#323232",textAlign:"center",marginTop:{base:"-16px",md:"-40px"}},i.createElement(k.H,{content:`${r.message}`,parserReplace:{}})),i.createElement(E.A,{latitude:a,longitude:l})):i.createElement(c.az,{height:t?null:{base:"500px",md:"400px"},width:t?null:{base:"100%",md:"800px"},textAlign:"center",marginLeft:"auto",marginRight:"auto",position:"relative",css:S},i.createElement(s.B,{ref:e,height:"100%",width:"100%",position:"absolute",top:"0",left:"0",zIndex:"1"}),t?i.createElement(s.B,{spacing:{base:"40px",md:"64px"}},i.createElement(n.E,{fontFamily:'"MFW-HiraKakuProN-W3", sans-serif',fontSize:"14px",textAlign:"center",color:"#323232"},v({defaultMessage:[{type:0,value:"ç¾å¨å°å¨è¾ºã®åºèãæ¤ç´¢ä¸"}],id:"store_locator.title.searching_neighbor_now"}))):i.createElement(i.Fragment,null,!t&&!p&&((null==d?void 0:d.length)>1?i.createElement(y.A,(0,x.A)({},f,{ref:u,className:"tx-map-card-slider"}),null==d?void 0:d.map(((e,t)=>i.createElement(s.B,{key:e.ID,style:{width:"331px"}},i.createElement(A,{store:e,idx:t,handleStoreClick:h}))))):null==d?void 0:d.map(((e,t)=>i.createElement(c.az,{key:e.ID,position:"absolute",marginBottom:{base:"40px",md:"35px"},bottom:"0px",left:"50%",transform:"translateX(-50%)",zIndex:"2",pointerEvents:"none",w:{base:"100%"},onClick:()=>{const e=document.getElementById("pin-element-0");e&&e.click()}},i.createElement(A,{store:e,idx:t,handleStoreClick:h}))))))))};S.propTypes={mapRef:b().object.isRequired,isLoading:b().bool.isRequired,errorMessage:b().shape({isError:b().bool.isRequired,message:b().string.isRequired}).isRequired,latitude:b().number,longitude:b().number,sortedStores:b().array,isStreetViewActive:b().bool.isRequired,sliderRef:b().object.isRequired,slideBeforeChange:b().func,slideAfterChange:b().func,handleStoreClick:b().func.isRequired};const C=S,A=({store:e,idx:t,handleStoreClick:r})=>{const{formatMessage:a}=(0,o.A)();return i.createElement(s.B,{backgroundColor:"#323232",width:{base:"100%",md:"324px"},marginLeft:"auto",marginRight:"auto",minH:"112px",h:"100%",maxWidth:{base:"324px",md:"100%"},direction:"row",justify:"flex-start",pointerEvents:"auto",padding:"20px",align:"flex-end",spacing:"4px"},i.createElement(s.B,{justify:"flex-start",align:"center",spacing:"16px",flex:"1",textAlign:"initial",h:"100%"},i.createElement(s.B,{height:"100%",direction:"row",alignItems:"flex-start",align:"center",alignSelf:"stretch",className:"tx-hover-target-parent",curs
42or:"pointer"},i.createElement(s.B,{borderRadius:"50px",justify:"center",align:"center",spacing:"10px",minW:"20px",minH:"20px",maxW:"26px",maxH:"26px",background:"#FFFFFF"},i.createElement(n.E,{fontFamily:'"MFW-HiraKakuProN-W5", sans-serif',lineHeight:"1.33",fontSize:"12px",color:"#323232",alignSelf:"stretch",whiteSpace:"nowrap",textAlign:"center"},t+1)),i.createElement(n.E,{fontFamily:'"MFW-HiraKakuProN-W3", sans-serif',fontSize:"14px",lineHeight:"1.29",color:"#FFFCF4",maxWidth:"100%",alignSelf:"stretch"},i.createElement(n.E,{as:"span",className:"tx-hover-line-target"},(null==e?void 0:e.name)||"null"))),i.createElement(n.E,{height:"100%",fontFamily:'"MFW-HiraKakuProN-W5", sans-serif',lineHeight:"1.5",fontSize:"12px",color:"#FFFCF4",alignSelf:"stretch",maxW:"266px"},i.createElement(i.Fragment,null,((null==e?void 0:e.stateCode)||(null==e?void 0:e.city)||(null==e?void 0:e.address1)||(null==e?void 0:e.address2))&&i.createElement(i.Fragment,null,i.createElement(n.E,{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},a({defaultMessage:[{type:1,value:"stateCode"},{type:1,value:"city"},{type:1,value:"address1"},{type:1,value:"address2"}],id:"store_locator.msg.neighbor.store.card.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)||""}))),a({defaultMessage:[{type:0,value:"ç¾å¨å°ãã"},{type:1,value:"distance"},{type:0,value:"m"}],id:"store_locator.item.from_here"},{distance:(null==e?void 0:e.distance)||""})))),i.createElement(s.B,{height:"14px",width:"14px",onClick:()=>r(e.ID)},i.createElement(d._,{_hover:{md:{opacity:.7,transition:"background-color 0.3s"}},cursor:"pointer",src:(0,u.sU)("static/img/arrow.svg")})))};A.propTypes={store:b().object,idx:b().number,handleStoreClick:b().func};var F=r(50054),M=r(4026),R=r(69933),W=r(62241),H=r(32105),B=r(73448);const z=()=>{var e;const{res:t}=(0,W.useServerContext)();t&&t.set("Cache-Control",`s-maxage=${H.kB}`);const r=(0,g.W6)(),x=(0,i.useRef)(null),[y,v]=(0,i.useState)(null),[b,E]=(0,i.useState)(null),[k,_]=(0,i.useState)(!0),[w,S]=(0,i.useState)({isError:!1,message:""}),[A,z]=(0,i.useState)(!1),P=(0,R.s)("googleMapsJavaScriptApiKey"),{formatMessage:L}=(0,o.A)(),{buildUrl:D}=(0,h.A)(),N=D(B.EX),T=(()=>{const e=[];return e.push({isLink:!0,str:`${L({defaultMessage:[{type:0,value:"åºèæ¤ç´¢"}],id:"store_locator.breadcrumbs.top"})}`,linkUrl:N}),e.push({isLink:!1,str:`${L({defaultMessage:[{type:0,value:"ç¾å¨å°å¨è¾ºã®åºèãæ¢ã"}],id:"store_locator.breadcrumbs.search_neighbor"})}`,linkUrl:""}),e})(),$=(0,g.zy)(),{canonical_url:j}=(0,M.getConfig)();let I={title:L({defaultMessage:[{type:0,value:"ç¾å¨å°å¨è¾ºã®åºèãæ¢ã"}],id:"store_locator.seo.search_neighbor"}),description:"",keywords:"",ogUrl:`${j.top}${$.pathname}${(null==$?void 0:$.search)||""}`,canonical:`${j.top}${$.pathname}`};const K=(0,i.useRef)(null),O=(0,i.useRef)(!0),U=e=>{K.current&&O.current&&(O.current=!1,K.current.slickGoTo(e))},{data:q}=(0,m.useCustomQuery)({options:{method:"GET",customApiPathParameters:{apiVersion:"v1",endpointPath:"searchstores",apiName:"stores-search"},parameters:{c_stateCode:"",c_isSortByNearbyStores:!0,c_latitude:y,c_longitude:b,c_storeTypes:JSON.stringify([]),c_isSearchNeighborStores:!0}},rawResponse:!1},{enabled:!(!y||!b)}),V=function(){var e=(0,a.A)((function*(e,t,r){const a=new window.google.maps.Map(x.current,{center:{lat:e,lng:t},zoom:15,mapId:"DEMO_MAP_ID",mapTypeControl:!1,zoomControl:!0,zoomControlOptions:{position:window.google.maps.ControlPosition.TOP_RIGHT},streetViewControlOptions:{position:window.google.maps.ControlPosition.TOP_RIGHT}}),i=a.getStreetView();i.addListener("visible_changed",(()=>{z(i.getVisible())})),new window.google.maps.Marker({position:{lat:e,lng:t},map:a,clickable:!1,icon:{url:(0,u.sU)("static/img/pin_current.svg")}});const{AdvancedMarkerElement:o}=yield google.maps.importLibrary("marker"),s=[];r.forEach(((e,t)=>{const r=document.createElement("img");r.src=(0,u.sU)("static/img/pin_neighbor.svg"),r.width="32";const i=document.createElement("p");i.textContent=t+1,i.style.fontFamily='"MFW-HiraKakuProN-W5", sans-serif',i.style.lineHeight="1.33",i.style.fontSize="9px",i.style.color="#323232",i.style.position="absolute",i.style.top="13px",i.style.left=9<=t?"9.5px":"13px";const n=document.createElement("div");n.style.position="relative",n.id="pin-element-"+t,n.style.top="-11px",n.appendChild(r),n.appendChild(i);const l=new o({map:a,position:{lat:e.latitude,lng:e.longitude},content:n});l.addListener("click",(()=>
42{s.forEach((e=>{e.content.style.transform="scale(1)"})),n.style.transform="scale(1.5)",a.panTo({lat:e.latitude,lng:e.longitude}),U(t)})),s.push(l)})),s.length>0&&(s[0].content.style.transform="scale(1.5)",a.panTo({lat:r[0].latitude,lng:r[0].longitude}),U(0)),_(!1)}));return function(t,r,a){return e.apply(this,arguments)}}();return(0,i.useEffect)((()=>{const e=function(){var e=(0,a.A)((function*(e){return new Promise(((t,r)=>{if(document.querySelector(`script[src="${e}"]`))return void t();const a=document.createElement("script");a.src=e,a.async=!0,a.onload=()=>{t()},a.onerror=()=>{r(new Error("Failed to load the Google Maps script"))},document.body.appendChild(a)}))}));return function(t){return e.apply(this,arguments)}}(),t=function(){var t=(0,a.A)((function*(){try{if(P&&P.data){const t=P.data.googleMapsJavaScriptApiKey;yield e(`https://maps.googleapis.com/maps/api/js?key=${t}&libraries=places,marker`),navigator.geolocation.getCurrentPosition((e=>{v(e.coords.latitude),E(e.coords.longitude)}),(e=>{r(e),_(!1)}))}}catch(e){console.error("Error geolocation getCurrentPosition:"+e),_(!1)}}));return function(){return t.apply(this,arguments)}}(),r=e=>{let t="";switch(e.code){case 1:case 2:t=L({defaultMessage:[{type:0,value:"ä½ç½®ãµã¼ãã¹ãå©ç¨ã§ãã¾ããã"},{type:0,value:"<br/>"},{type:0,value:"è¨å®ã確èªãã¦ãã ããã"}],id:"store_locator.error_case1_or_case2.search_neighbor"});break;case 3:t=L({defaultMessage:[{type:0,value:"ã¨ã©ã¼ãçºçãã¾ããã"},{type:0,value:"<br/>"},{type:0,value:"大å¤ç³ã訳ãããã¾ãããããã°ãããã¦ããããä¸åº¦ã¢ã¯ã»ã¹ãã¦ãã ããã"}],id:"store_locator.error_case3.search_neighbor"})}S({isError:!0,message:t}),_(!1)};t()}),[null==P||null===(e=P.data)||void 0===e?void 0:e.googleMapsJavaScriptApiKey]),(0,i.useEffect)((()=>{var e,t;q&&(null==q||null===(e=q.stores)||void 0===e?void 0:e.length)>0?V(y,b,q.stores):q&&0===(null==q||null===(t=q.stores)||void 0===t?void 0:t.length)&&S({isError:!0,message:L({defaultMessage:[{type:0,value:"ç¾å¨å°å¨è¾ºã«åºèãè¦ã¤ããã¾ããã§ããã"},{type:0,value:"<br/>"},{type:0,value:"å¥ã®æ¤ç´¢æ¹æ³ãã試ããã ããã"}],id:"store_locator.msg.search_neighbor_no_result"})})}),[null==q?void 0:q.stores]),i.createElement(i.Fragment,null,i.createElement(F.A,{title:I.title,de
42scription:I.description,keywords:I.keywords,ogUrl:I.ogUrl,canonical:I.canonical}),i.createElement(f.A,{breadcrumbs:T}),i.createElement("link",{rel:"stylesheet",type:"text/css",href:"https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css"}),i.createElement("link",{rel:"stylesheet",type:"text/css",href:"https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css"}),i.createElement(s.B,{paddingY:{base:"64px",md:"80px"},direction:"column",justify:"flex-start",align:"center",spacing:{base:"40px",md:"64px"},width:{base:"100%",md:"1366px"},maxWidth:"100%",marginRight:"auto",marginLeft:"auto"},i.createElement(s.B,{direction:"column",justify:"center",align:"center",spacing:"24px",alignSelf:"stretch",paddingX:{base:"17px",md:"0px"}},i.createElement(n.E,{as:"h1",fontFamily:'"MFW-HiraKakuProN-W5", sans-serif',lineHeight:"1.3",fontSize:"20px",color:"#323232",alignSelf:"stretch",textAlign:"center"},L({defaultMessage:[{type:0,value:"ç¾å¨å°å¨è¾ºã®åºèãæ¢ã"}],id:"store_locator.item.search_neighbor"}))),i.createElement(C,{mapRef:x,isLoading:k,errorMessage:w,latitude:y,longitude:b,sortedStores:null==q?void 0:q.stores,isStreetViewActive:A,sliderRef:K,slideBeforeChange:e=>{const t=document.getElementById("pin-element-"+e);t&&O.current&&(O.current=!1,t.click())},slideAfterChange:()=>{O.current=!0},handleStoreClick:e=>{r.push({pathname:B.LJ,search:`?StoreID=${e}`,state:{searchOptions:"store-search-neighbor"}})}}),i.createElement(l.$,{as:p.A,to:B.EX,width:"320px",height:"48px",maxWidth:"100%",borderRadius:"2px",color:"#323232",border:"1px",borderColor:"#D6D6D6",backgroundColor:"#fff",_hover:{md:{opacity:.5,transition:"background-color 0.3s"},base:{textDecoration:"none"}},_active:{textDecoration:"none"}},i.createElement(c.az,{position:"absolute",left:"20px"},i.createElement(d._,{right:"19px",top:"19px",transform:"rotate(-180deg)",src:(0,u.sU)("static/img/arrow_black.svg")})),i.createElement(n.E,{fontFamily:'"MFW-HiraKakuProN-W5", sans-serif',lineHeight:"1.31",fontSize:"13px",color:"#323232",flex:"1",textAlign:"center"},L({defaultMessage:[{type:0,value:"åºèæ¤ç´¢ãããã«æ»ã"}],id:"store_locator.button.back_to_top"})))))}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.