1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8340],{909:function(__unused_webpack_module,__unused_webpack_exports,__webpack_require__){(window.__NEXT_P=window.__NEXT_P||[]).push(["/product/locker/storage-pickup-box",function(){return __webpack_require__(3835)}])},3835:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return Locker}});var jsx_runtime=__webpack_require__(85893),react=__webpack_require__(67294),useTranslation=__webpack_require__(26793),_tagged_template_literal=__webpack_require__(7297),next_link=__webpack_require__(41664),link_default=__webpack_require__.n(next_link),next_router=__webpack_require__(11163),info=__webpack_require__(14379),add=__webpack_require__(35728),consts=__webpack_require__(4015),globalStyle=__webpack_require__(51486),utils=__webpack_require__(17333),styled_components_browser_esm=__webpack_require__(32125),apis=__webpack_require__(58408);function _templateObject(){let data=(0,_tagged_template_literal.Z)(["\n width: 100%;\n height: ",";\n border-radius: ",";\n\n &:fullscreen {\n height: 100vh !important;\n border-radius: 0;\n }\n &:-webkit-full-screen {\n height: 100vh !important;\n border-radius: 0;\n }\n\n img.close-overlay{\n display: block;\n position: absolute;\n right: 1rem;\n top: 1.5rem;\n }\n\n div.overlay-container {\n display: flex;\n flex-direction: column;\n width: 29.8rem;\n background-color: white;\n padding: 2.3rem 1.8rem;\n gap: 0.6rem;\n position: relative;\n border-radius: 1rem;\n\n p.title {\n font: 1.5rem Noto Sans KR;\n letter-spacing: -0.9px;\n line-height: 1.38;\n font-weight: 500;\n }\n p.address {\n font: 1.4rem Noto Sans KR;\n letter-spacing: -0.7px;\n line-height: 1.42;\n font-weight: 400;\n color: ",";\n }\n div.link-container {\n display: flex;\n gap: 0.85rem;\n margin-top: 1.4rem;\n p.icon {\n img {\n width: 5rem;\n height: 5rem;\n box-shadow: 0px 0px 6px #00000029;\n border-radius: 1.2rem;\n }\n }\n }\n }\n\n span.tail {\n position: absolute;\n bottom: -1.7rem;\n left: 13rem;\n content: '';\n background-image: url('/images/overlayTail.svg');\n background-size: cover;\n width: 3.5rem;\n height: 2rem;\n filter: drop-shadow(0px 10px 6px rgba(0, 0, 0, 0.16));\n }\n\n /* 거리 ë¼ë²¨ ì¤íì¼ */\n .distance-label {\n background: rgba(255, 255, 255, 0.95) !important;\n border: 2px solid #00a0e9 !important;\n border-radius: 20px !important;\n padding: 6px 12px !important;\n font-size: 12px !important;\n font-weight: bold !important;\n color: #00a0e9 !important;\n text-align: center !important;\n box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important;\n white-space: nowrap !important;\n min-width: 50px !important;\n pointer-events: none !important;\n }\n\n .overlay_info {\n border-radius: 6px;\n margin-bottom: 12px;\n float: left;\n position: relative;\n border: 1px solid #ccc;\n border-bottom: 2px solid #ddd;\n background-color: #fff;\n }\n .overlay_info:nth-of-type(n) {\n border: 0;\n box-shadow: 0px 1px 2px #888;\n }\n .overlay_info a {\n display: block;\n background: #d95050;\n background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png') no-repeat right 14px\n center;\n text-decoration: none;\n color: #fff;\n padding: 12px 36px 12px 14px;\n font-size: 14px;\n border-radius: 6px 6px 0 0;\n }\n .overlay_info a strong {\n background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/place_icon.png') no-repeat;\n padding-left: 27px;\n }\n .overlay_info .desc {\n padding: 14px;\n position: relative;\n min-width: 190px;\n height: 56px;\n }\n .overlay_info img {\n vertical-align: top;\n }\n .overlay_info .address {\n font-size: 12px;\n color: #333;\n position: absolute;\n left: 80px;\n right: 14px;\n top: 24px;\n white-space: normal;\n }\n .overlay_info:after {\n content: '';\n position: absolute;\n margin-left: -11px;\n left: 50%;\n bottom: -12px;\n width: 22px;\n height: 12px;\n background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png') no-repeat 0 bottom;\n }\n"]);
1return _templateObject=function(){return data},data}function Map(){let router=(0,next_router.useRouter)(),[storeMapInfo,setStoreMapInfo]=(0,react.useState)([]),[isFullScreen,setIsFullScreen]=(0,react.useState)(!1);(0,react.useEffect)(()=>{let handler=()=>{setIsFullScreen(!!document.fullscreenElement)};return document.addEventListener("fullscreenchange",handler),document.addEventListener("webkitfullscreenchange",handler),()=>{document.removeEventListener("fullscreenchange",handler),document.removeEventListener("webkitfullscreenchange",handler)}},[]);let{t,i18n}=(0,useTranslation.$)(),[locale,setLocale]=react.useState("ko"),{lang,...restQuery}=router.query;(0,react.useEffect)(()=>{lang&&"en"===lang?(setLocale(lang),i18n.changeLanguage(lang).then(()=>{window.localStorage.setItem("locale",lang),router.replace({pathname:router.pathname,query:{...restQuery}}),(0,apis.tl)(lang).then(r=>{r.success&&setStoreMapInfo(r.success.marker_list)}).catch(e=>(router.push("/login"),!1))})):(0,apis.Bv)().then(r=>{r.success&&setStoreMapInfo(r.success.marker_list)}).catch(e=>(router.push("/login"),!1))},[]);let customOverlays=[],distanceLabels=[];return(0,react.useEffect)(()=>{let mapScript=document.createElement("script");mapScript.async=!0,mapScript.src="//dapi.kakao.com/v2/maps/sdk.js?appkey=".concat("33ccc315c7190f5f10a76f027010111a","&autoload=false"),document.head.appendChild(mapScript);let onLoadKakaoMap=()=>{window.kakao.maps.load(()=>{let container=document.getElementById("map"),options={center:new window.kakao.maps.LatLng(37.532467,126.990165),level:8},map=new window.kakao.maps.Map(container,options),geoBtn=document.getElementById("geolocationButton"),userMarker=null;geoBtn&&navigator.geolocation&&geoBtn.addEventListener("click",()=>{navigator.geolocation.getCurrentPosition(position=>{let lat=position.coords.latitude,lng=position.coords.longitude,locPosition=new window.kakao.maps.LatLng(lat,lng);map.setLevel(6),map.setCenter(locPosition),userMarker&&userMarker.setMap(null);let overlayDiv=document.createElement("div");overlayDiv.style.position="relative",overlayDiv.style.width="45px",overlayDiv.style.height="54px",overlayDiv.style.backgroundImage='url("/images/marker-daram.png")',overlayDiv.style.backgroundSize="cover",overlayDiv.style.marginLeft="-22.5px",(userMarker=new window.kakao.maps.CustomOverlay({position:locPosition,content:overlayDiv,yAnchor:1})).setMap(map)},err=>{alert("ìì¹ ì 보를 ê°ì ¸ì¬ ì ììµëë¤: "+err.message)})});let mapTypeControl=new window.kakao.maps.MapTypeControl;map.addControl(mapTypeControl,window.kakao.maps.ControlPosition.TOPRIGHT);let imageSize=new window.kakao.maps.Size(40,48),imageOption={offset:new window.kakao.maps.Point(20,30)},markerImage=new window.kakao.maps.MarkerImage("/images/marker2.png",imageSize,imageOption);new window.kakao.maps.MarkerImage("/images/marker1.svg",imageSize,imageOption);let createDistanceLabel=(position,distance)=>{let labelContent=document.createElement("div");labelContent.className="distance-label",labelContent.innerHTML="".concat(distance,"km"),labelContent.style.cssText="\n background: rgba(255, 255, 255, 0.95);\n border: 2px solid #00a0e9;\n border-radius: 20px;\n padding: 6px 12px;\n font-size: 12px;\n font-weight: bold;\n color: #00a0e9;\n text-align: center;\n box-shadow: 0 2px 6px rgba(0,0,0,0.3);\n white-space: nowrap;\n min-width: 50px;\n ";let label=new window.kakao.maps.CustomOverlay({position:position,content:labelContent,yAnchor:.5,xAnchor:.5});return label},getCircleEdgePosition=(center,radiusInMeters,angleInDegrees)=>{let lat1=center.getLat()*Math.PI/180,lng1=center.getLng()*Math.PI/180,bearing=angleInDegrees*Math.PI/180,lat2=Math.asin(Math.sin(lat1)*Math.cos(radiusInMeters/6371e3)+Math.cos(lat1)*Math.sin(radiusInMeters/6371e3)*Math.cos(bearing));return new window.kakao.maps.LatLng(180*lat2/Math.PI,180*(lng1+Math.atan2(Math.sin(bearing)*Math.sin(radiusInMeters/6371e3)*Math.cos(lat1),Math.cos(radiusInMeters/6371e3)-Math.sin(lat1)*Math.sin(lat2)))/Math.PI)};if(storeMapInfo)for(let i=0;i<storeMapInfo.length;i++){let MaxDistance=storeMapInfo[i].max_delivery_distance||1e3,marker=new window.k
1akao.maps.Marker({map:map,position:new window.kakao.maps.LatLng(storeMapInfo[i].location.lat,storeMapInfo[i].location.lon),image:markerImage}),overlay=new window.kakao.maps.CustomOverlay({yAnchor:1.3,position:marker.getPosition()});customOverlays.push(overlay);let circle=new window.kakao.maps.Circle({center:marker.getPosition(),radius:MaxDistance,strokeWeight:2,strokeColor:"#00a0e9",strokeOpacity:.8,strokeStyle:"solid",fillColor:"#00a0e9",fillOpacity:.2});circle.setMap(map);let labelPositions=[45,135,225,315];labelPositions.forEach((angle,index)=>{if(0===index){let labelPosition=getCircleEdgePosition(marker.getPosition(),MaxDistance,angle),distanceLabel=createDistanceLabel(labelPosition,MaxDistance/1e3);distanceLabel.setMap(map),distanceLabels.push(distanceLabel)}});let content=document.createElement("div");content.classList.add("overlay-container"),content.innerHTML="<img src='/images/modal/closeIcon.svg' alt='ë«ê¸°' class='close-overlay'>\n<p class=\"title\"><a href='/product/locker/".concat(storeMapInfo[i].id,"'>").concat(storeMapInfo[i].name,'</a></p><p class="address"><a href=\'/product/locker/').concat(storeMapInfo[i].id,"'>").concat(storeMapInfo[i].address,"</a></p>");let linkContainer=document.createElement("div");linkContainer.classList.add("link-container");let link=document.createElement("p");link.innerHTML="<img src='/images/kakao_map.png'/>",link.classList.add("icon"),link.onclick=e=>{e.stopPropagation(),storeMapInfo[i].map_link[0]&&""!==storeMapInfo[i].map_link[0]&&window.open("".concat(storeMapInfo[i].map_link[0]))},linkContainer.appendChild(link);let naverLink=document.createElement("p");naverLink.innerHTML="<img src='/images/naver_map.png'/>",naverLink.classList.add("icon"),naverLink.onclick=e=>{e.stopPropagation(),storeMapInfo[i].map_link[1]&&""!==storeMapInfo[i].map_link[1]&&window.open("".concat(storeMapInfo[i].map_link[1]))},linkContainer.appendChild(naverLink),content.appendChild(linkContainer),overlay.setContent(content);let parent=content.parentElement,tail=document.createElement("span");tail.classList.add("tail"),parent.appendChild(tail),parent.onclick=e=>{e.stopPropagation(),overlay.setMap(null)}
1,window.kakao.maps.event.addListener(marker,"click",()=>{let pos=marker.getPosition();window.kakao.maps.event.preventMap(),customOverlays.map(el=>{el.setMap(null)}),overlay.setMap(map);let mapCenter=map.getCenter(),latDiff=pos.getLat()-mapCenter.getLat();pos.getLng(),mapCenter.getLng();let adjustedLat=pos.getLat()+(Math.abs(latDiff)>.01?.02:.005),loc=new window.kakao.maps.LatLng(adjustedLat,pos.getLng());map.panTo(loc),window.kakao.maps.event.preventMap()}),window.kakao.maps.event.addListener(map,"click",function(){window.kakao.maps.event.preventMap(),map.relayout()})}setTimeout(()=>{map.relayout()},1)})};return mapScript.addEventListener("load",onLoadKakaoMap),()=>mapScript.removeEventListener("load",onLoadKakaoMap)},[37.532467,126.990165,storeMapInfo]),(0,jsx_runtime.jsxs)("div",{style:{position:"relative",marginBottom:0},children:[(0,jsx_runtime.jsx)("button",{id:"geolocationButton",style:{position:"absolute",top:"45px",right:"3px",zIndex:100,padding:"0.5rem",backgroundColor:"#fff",border:"unset",borderRadius:"0.25rem",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 2px 2px rgba(0, 0, 0, 0.9)"},children:(0,jsx_runtime.jsx)("img",{src:"/images/current-location.png",alt:"íìì¹",width:24,height:24})}),(0,jsx_runtime.jsx)(MapContainer,{id:"map",full:isFullScreen})]})}let MapContainer=styled_components_browser_esm.ZP.div.withConfig({componentId:"sc-e4fdfbbc-0"})(_templateObject(),props=>props.full?"100vh":"40rem",props=>props.full?"0":"1rem",consts.O.gray_40);function storagePickupBoxBranchMapList_templateObject(){let data=(0,_tagged_template_literal.Z)(["\n display: flex;\n width: 100%;\n margin: 3rem 0 2rem;\n height: fit-content;\n //max-height: 50vh;\n &.mobile-fullscreen {\n position: fixed !important;\n top: 0;\n left: 0;\n width: 100% !important;\n height: 100vh !important;\n z-index: 9999;\n border-radius: 0 !important;\n }\n\n @media (max-width: ",") {\n width: 100vw;\n margin: 3rem 0 2rem -2rem;\n }\n"]);return storagePickupBoxBranchMapList_templateObject=function(){return data},data}function _templateObject1(){let data=(0,_tagged_template_literal.Z)(["\n display: flex;\n flex-direction: column;\n gap: 1rem;\n background-color: white;\n padding: 1rem 0;\n position: relative;\n top: 0;\n"]);return _templateObject1=function(){return data},data}function _templateObject2(){let data=(0,_tagged_template_literal.Z)(["\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 12.5rem;\n box-shadow: 0px 0px 6px #00000029;\n border-radius: 1rem;\n padding: 2.5rem 1.5rem;\n background-color: white;\n\n @media (max-width: ",") {\n height: fit-content !important;\n }\n\n > div {\n display: flex;\n align-items: center;\n gap: 2px;\n margin-top: 3px;\n }\n > div p.active {\n opacity: 1;\n }\n"]);return _templateObject2=function(){return data},data}function _templateObject3(){let data=(0,_tagged_template_literal.Z)(["\n display: flex;\n align-items: center;\n color: #5c5c5c;\n opacity: 0.3;\n letter-spacing: -0.6px;\n line-height: 1.5;\n font: 1.1rem Noto Sans KR;\n font-weight: 400;\n img {\n width: 2rem;\n height: 2rem;\n }\n"]);return _templateObject3=function(){return data},data}function _templateObject4(){let data=(0,_tagged_template_literal.Z)(["\n input {\n border-radius: 0.8rem;\n }\n"]);return _templateObject4=function(){return data},data}function _templateObject5(){let data=(0,_tagged_template_literal.Z)(["\n display: flex;\n flex-direction: row !important;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n margin: 1rem 0;\n background-color: #f8f9fa;\n border-radius: 0.8rem;\n font-size: 1.2rem;\n color: ",";\n\n img {\n width: 2rem;\n margin-right: 0.5rem;\n }\n"]);return _templateObject5=function(){return data},data}function _templateObject6(){let data=(0,_tagged_template_literal.Z)(["\n display: flex;\n flex-direction: column !important;\n width: 100%;\n\n div:first-child {\n flex-direction: row !important;\n align-items: center;\n justify-content: center;\n width: 100%;\n }\n"]);
1return _templateObject6=function(){return data},data}function _templateObject7(){let data=(0,_tagged_template_literal.Z)(["\n background: none;\n border: none;\n font-size: 1.8rem;\n color: ",";\n cursor: pointer;\n padding: 0;\n margin-left: auto;\n\n &:hover {\n color: ",";\n }\n"]);return _templateObject7=function(){return data},data}function _templateObject8(){let data=(0,_tagged_template_literal.Z)(["\n width: 100px;\n padding: 0.5rem 1rem;\n background-color: ",";\n color: white;\n border: none;\n border-radius: 0.4rem;\n cursor: pointer;\n font-size: 1rem;\n margin: 1rem auto;\n\n &:hover {\n opacity: 0.8;\n }\n"]);return _templateObject8=function(){return data},data}function _templateObject9(){let data=(0,_tagged_template_literal.Z)(["\n width: 60px;\n background-color: ",";\n color: white;\n padding: 0.5rem 0.8rem;\n border-radius: 1rem;\n font-size: 1rem;\n font-weight: 500;\n text-align: center;\n"]);return _templateObject9=function(){return data},data}function _templateObject10(){let data=(0,_tagged_template_literal.Z)(["\n display: flex;\n flex-direction: column;\n width: fit-content;\n gap: 0.5rem;\n color: ",";\n margin: 0.5rem auto;\n\n @media (max-width: ",") {\n font-size: 0.9rem;\n }\n"]);return _templateObject10=function(){return data},data}function _templateObject11(){let data=(0,_tagged_template_literal.Z)(["\n color: ",";\n text-align: center;\n padding: 0.5rem;\n background-color: rgba(0,0,0,0.05);\n border-radius: 0.3rem;\n justify-content: center;\n"]);return _templateObject11=function(){return data},data}function _templateObject12(){let data=(0,_tagged_template_literal.Z)(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n"]);return _templateObject12=function(){return data},data}function _templateObject13(){let data=(0,_tagged_template_literal.Z)(["\n display: flex;\n align-items: center;\n gap: 0.5rem;\n \n img {\n width: 2rem;\n height: 2rem;\n }\n"]);return _templateObject13=function(){return data},data}function _templateObject14(){let data=(0,_tagged_template_literal.Z)(["\n font-weight: 600;\n color: ",";\n margin-bottom: 0.3rem;\n justify-content: left !important;\n"]);return _templateObject14=function(){return data},data}function _templateObject15(){let data=(0,_tagged_template_literal.Z)(["\n line-height: 1.5;\n \n strong {\n color: ",";\n font-weight: 600;\n }\n"]);return _templateObject15=function(){return data},data}let calculateDistance=(lat1,lon1,lat2,lon2)=>{let dLat=(lat2-lat1)*Math.PI/180,dLon=(lon2-lon1)*Math.PI/180,a=Math.sin(dLat/2)*Math.sin(dLat/2)+Math.cos(lat1*Math.PI/180)*Math.cos(lat2*Math.PI/180)*Math.sin(dLon/2)*Math.sin(dLon/2);return 6371*(2*Math.atan2(Math.sqrt(a),Math.sqrt(1-a)))},useDebouncedEffect=(func,delay,deps)=>{let callback=(0,react.useCallback)(func,deps);(0,react.useEffect)(()=>{let timer=setTimeout(()=>{callback()},delay);return()=>{clearTimeout(timer)}},[callback,delay])};function BranchMapList(param){let{title=""}=param,router=(0,next_router.useRouter)(),{t,i18n}=(0,useTranslation.$)(),[fullScreen,setFullScreen]=(0,react.useState)(!1),[filterText,setFilterText]=(0,react.useState)(""),[storeList,setStoreList]=(0,react.useState)([]),[userLocation,setUserLocation]=(0,react.useState)(null),[locationPermission,setLocationPermission]=(0,react.useState)("pending"),[isLoadingLocation,setIsLoadingLocation]=(0,react.useState)(!0),[showDeniedMessage,setShowDeniedMessage]=(0,react.useState)(!0),[locale,setLocale]=react.useState("ko"),{lang,...restQuery}=router.query;useDebouncedEffect(()=>{},500,[filterText]),(0,react.useEffect)(()=>{if("denied"===locationPermission&&showDeniedMessage){let timer=setTimeout(()=>{setShowDeniedMessage(!1)},1e4);return()=>clearTimeout(timer)}},[locationPermission,showDeniedMessage]);let getCurrentLocation=(0,react.useCallback)(()=>{if(!isLoadingLocation||"pending"===locationPermission){if(setIsLoadingLocation(!0),setShowDeniedMessage(!0),!navigator.geolocation){setLocationPermission("denied"),setIsLoadingLocation(!1);return}navigator.geolocation.getCurrentPosition(position=>{let{latitude,longitude}=position.coords;setUserLocation({lat:latitude,lon:longitude}),setLocationPermission("granted"),setIsLoadingLocation(!1),setShowDeniedMessage(!1)},error=>{setLocationPermission("denied"),setIsLoadingLocation(!1),setShowDeniedMessage(!0)},{enableHighAccuracy:!1,timeout:15e3,maximumAge:6e5})}},[isLoadingLocation,locationPermission]),sortStoresByDistance=(0,react.useCallback)((stores,userLat,userLon)=>userLat&&userLon?stores.map(store=>{let storeLat=parseFloat(store.location.lat),storeLon=parseFloat(store.location.lon),distance=calculateDistance(userLat,userLon,storeLat,storeLon);return{...store,distance}}).sort((a,b)=>(a.distance||1/0)-(b.distance||1/0)):stores.map(store=>({...store,distance:void 0})),[]),loadStores=(0,react.useCallback)(async()=>{try{let result;if((result=lang&&"en"===lang?await (0,utils.c3)(lang):await (0,utils.FE)()).success){let stores=result.success.list;setStoreList(stores.map(store=>({...store,distance:void 0})))}}catch(error){alert(t("alert.siginin-need")),router.push("/login")}},[lang,t,router]);(0,react.useEffect)(()=>{let mounted=!0,initializeComponent=async()=>
1{if(lang&&"en"===lang&&mounted){setLocale(lang);try{await i18n.changeLanguage(lang),window.localStorage.setItem("locale",lang),router.replace({pathname:router.pathname,query:{...restQuery}})}catch(error){}}mounted&&"pending"===locationPermission&&getCurrentLocation()};return initializeComponent(),()=>{mounted=!1}},[]),(0,react.useEffect)(()=>{loadStores()},[]);let sortedStores=(0,react.useMemo)(()=>userLocation&&storeList.length?sortStoresByDistance(storeList,userLocation.lat,userLocation.lon):storeList,[storeList,userLocation,sortStoresByDistance]),filteredStores=(0,react.useMemo)(()=>filterText.length?sortedStores.filter(store=>store.name.toLowerCase().includes(filterText.toLowerCase())||store.address.toLowerCase().includes(filterText.toLowerCase())):sortedStores,[sortedStores,filterText]),formatDistance=distance=>distance?distance<1?"".concat(Math.round(1e3*distance),"m"):"".concat(distance.toFixed(1),"km"):"";return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(info.Dx,{style:{},children:title}),(0,jsx_runtime.jsxs)(storagePickupBoxBranchMapList_MapContainer,{id:"map-container",style:{position:"relative"},children:[(0,jsx_runtime.jsx)(Map,{}),(0,jsx_runtime.jsx)("img",{src:"/images/fullscreen_b.png",onClick:()=>(function(el){let elem=document.getElementById(el);if(!elem)return console.log("No element for full screen");document.fullscreenElement?(document.exitFullscreen().catch(()=>{}),elem.classList.remove("mobile-fullscreen")):elem.requestFullscreen?elem.requestFullscreen().catch(()=>{elem.classList.toggle("mobile-fullscreen")}):elem.classList.toggle("mobile-fullscreen")})("map-container"),style:{position:"absolute",width:"3.2rem",top:"0.5rem",left:"0.5rem",zIndex:"1",cursor:"pointer"}})]}),(0,jsx_runtime.jsxs)(SearchContainer,{children:[(0,jsx_runtime.jsx)("input",{type:"text",placeholder:t("product.locker.input-branch-name-or-location"),onChange:e=>setFilterText(e.target.value),value:filterText}),(0,jsx_runtime.jsx)("img",{src:"/images/qna/findIcon.svg",alt:"ê²ì",style:{cursor:"pointer"}})]}),isLoadingLocation&&(0,jsx_runtime.jsxs)(LocationStatus,{children:[(0,jsx_runtime.jsx)("img",{src:"/images/character/daram.svg",id:"daram"})," ",t("product.locker.location.searching")]}),"denied"===locationPermission&&showDeniedMessage&&(0,jsx_runtime.jsx)(LocationStatus,{children:(0,jsx_runtime.jsxs)(StatusInner,{children:[(0,jsx_runtime.jsxs)(StatusHeader,{children:[(0,jsx_runtime.jsxs)(StatusMessage,{children:[(0,jsx_runtime.jsx)("img",{src:"/images/character/daram-dot.svg",id:"daram"}),t("product.locker.location.permission.denied")]}),(0,jsx_runtime.jsx)(CloseButton,{onClick:()=>setShowDeniedMessage(!1),children:"\xd7"})]}),(0,jsx_runtime.jsx)(RetryButton,{onClick:getCurrentLocation,children:t("product.locker.location.permission.retry")}),(0,jsx_runtime.jsxs)(HelpText,{children:[(0,jsx_runtime.jsx)(HelpTitle,{children:t("product.locker.location.permission.notice.title")}),(0,jsx_runtime.jsxs)(HelpItem,{children:[(0,jsx_runtime.jsx)("strong",{children:"Mobile:"})," ",t("product.locker.location.permission.notice.mobile")]}),(0,jsx_runtime.jsxs)(HelpItem,{children:[(0,jsx_runtime.jsx)("strong",{children:"PC:"})," ",t("product.locker.location.permission.notice.pc")]})]}),(0,jsx_runtime.jsx)(AutoHideTimer,{children:t("product.locker.location.permission.notice.hider")})]})}),(0,jsx_runtime.jsx)(MapListConatiner,{fullScreen:fullScreen,children:filteredStores.map((store,i
1dx)=>(0,jsx_runtime.jsx)(link_default(),{href:"/product/locker/".concat(store.id),passHref:!0,children:(0,jsx_runtime.jsxs)(MapList,{children:[(0,jsx_runtime.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",margin:"0"},children:[(0,jsx_runtime.jsx)(MapListTitle,{children:store.name}),(0,jsx_runtime.jsx)("div",{style:{display:"flex",alignItems:"center",gap:"0.5rem"},children:store.distance&&(0,jsx_runtime.jsx)(DistanceTag,{children:formatDistance(store.distance)})})]}),(0,jsx_runtime.jsx)(MapListLocation,{style:{marginTop:"1rem",color:"".concat(consts.O.gray_35)},children:store.address}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsxs)(MapListFacilityInfo,{className:store.tags.find(tag=>tag===t("product.locker.warehouse-tag.parking"))?"active":"",children:[(0,jsx_runtime.jsx)("img",{src:"/images/franchise/check.svg",alt:"check"}),t("product.locker.warehouse-tag.parking")]}),(0,jsx_runtime.jsxs)(MapListFacilityInfo,{className:store.tags.find(tag=>tag===t("product.locker.warehouse-tag.24-hours"))?"active":"",children:[(0,jsx_runtime.jsx)("img",{src:"/images/franchise/check.svg",alt:"check"}),t("product.locker.warehouse-tag.24-hours")]}),(0,jsx_runtime.jsxs)(MapListFacilityInfo,{className:store.tags.find(tag=>"CCTV"===tag)?"active":"",children:[(0,jsx_runtime.jsx)("img",{src:"/images/franchise/check.svg",alt:"check"}),"CCTV"]}),(0,jsx_runtime.jsxs)(MapListFacilityInfo,{className:store.tags.find(tag=>tag===t("product.locker.warehouse-tag.qr"))?"active":"",children:[(0,jsx_runtime.jsx)("img",{src:"/images/franchise/check.svg",alt:"check"}),t("product.locker.warehouse-tag.qr")]}),(0,jsx_runtime.jsxs)(MapListFacilityInfo,{className:store.tags.find(tag=>tag===t("product.locker.warehouse-tag.door-lock"))?"active":"",children:[(0,jsx_runtime.jsx)("img",{src:"/images/franchise/check.svg",alt:"check"}),t("product.locker.warehouse-tag.door-lock")]})]})]})},idx))})]})}let storagePickupBoxBranchMapList_MapContainer=styled_components_browser_esm.ZP.div.withConfig({componentId:"sc-d348cac7-0"})(storagePickupBoxBranchMapList_templateObject(),globalStyle.wC),MapListConatiner=styled_components_browser_esm.ZP.div.withConfig({componentId:"sc-d348cac7-1"})(_templateObject1()),MapList=styled_components_browser_esm.ZP.div.withConfig({componentId:"sc-d348cac7-2"})(_templateObject2(),globalStyle.wC),MapListTitle=consts._.body_3_m.medium,MapListLocation=consts._.caption_1_m.regular,MapListFacilityInfo=styled_components_browser_esm.ZP.p.withConfig({componentId:"sc-d348cac7-3"})(_templateObject3()),SearchContainer=(0,styled_components_browser_esm.ZP)(add.W).withConfig({componentId:"sc-d348cac7-4"})(_templateObject4()),LocationStatus=styled_components_browser_esm.ZP.div.withConfig({componentId:"sc-d348cac7-5"})(_templateObject5(),consts.O.gray_50),StatusInner=styled_components_browser_esm.ZP.div.withConfig({componentId:"sc-d348cac7-6"})(_templateObject6()),CloseButton=styled_components_browser_esm.ZP.button.withConfig({componentId:"sc-d348cac7-7"})(_templateObject7(),consts.O.gray_50,consts.O.gray_50),RetryButton=styled_components_browser_esm.ZP.button.withConfig({componentId:"sc-d348cac7-8"})(_templateObject8(),consts.O.point_mint),DistanceTag=styled_components_browser_esm.ZP.span.withConfig({componentId:"sc-d348cac7-9"})(_templateObject9(),consts.O.point_mint),HelpText=styled_components_browser_esm.ZP.div.withConfig({componentId:"sc-d348cac7-10"})(_templateObject10(),consts.O.gray_50,globalStyle.wC),AutoHideTimer=styled_components_browser_esm.ZP.div.withConfig({componentId:"sc-d348cac7-11"})(_templateObject11(),consts.O.gray_40),StatusHeader=styled_components_browser_esm.ZP.div.withConfig({componentId:"sc-d348cac7-12"})(_templateObject12()),StatusMessage=styled_components_browser_esm.ZP.div.withConfig({componentId:"sc-d348cac7-13"})(_templateObject13()),HelpTitle=styled_components_browser_esm.ZP.div.withConfig({componentId:"sc-d348cac7-14"})(_templateObject14(),consts.O.gray_50),HelpItem=styled_components_browser_esm.ZP.div.withConfig({componentId:"sc-d348cac7-15"})(_templateObject15(),consts.O.point_mint);var headMeta=__webpack_require__(35357),layout=__webpack_require__(77814);function Locker(){let{t}=(0,useTranslation.$)();return(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)(headMeta.Z,{title:"ì
íí 물íë³´ê´ ê³µì ì°½ê³ ì ì²í기 Location of self storage in Korea",description:"ì
íì¤í ë¦¬ì§ ì§ì ìì¹ ì ë³´ê° ê¶ê¸í´ì Where is Self storage in korea, location of storage in korea",keywords:"ì
íì¤í ë¦¬ì§ ìì¹, Self storage location, Google self storage, Location self storage near me, ê³µì ì°½ê³ ì§ì , ê³µì ì°½ê³ íëì°¨ì´ì¦, No 1 self storage"}),(0,jsx_runtime.jsx)(layout.Z,{children:(0,jsx_runtime.jsx)(info.$0,{style:{padding:"5rem 2rem"},children:(0,jsx_runtime.jsx)(BranchMapList,{title:""})})})]})}}},function(__webpack_require__){__webpack_require__.O(0,[1664,9063,7333,5752,9774,2888,179],function(){return __webpack_require__(__webpack_require__.s=909)}),_N_E=__webpack_require__.O()}]);
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.