1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9195],{2718:(e,s,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/storeInfo",function(){return t(8923)}])},8923:(e,s,t)=>{"use strict";t.r(s),t.d(s,{__N_SSP:()=>g,default:()=>x});var r=t(50979),o=t(25963),n=t(3080),l=t(28393),a=t(40103),c=t(56038),i=t(76222),d=t(80102),u=t(52047),m=t(42505),f=t(90738),g=!0;function x(e){let{env:s}=e,t=(0,n.useRouter)(),{t:g}=(0,c.Bd)("common"),x=(0,d.sc)(t.locale),h=(0,o.useRef)(null),[y,N]=(0,o.useState)(""),[p,v]=(0,o.useState)("å
¨é¨"),[w,j]=(0,o.useState)(null),[b,I]=(0,o.useState)(null),{data:S,isLoading:_}=(0,a.I)({queryKey:d.sL,queryFn:async()=>await l.xh.services.getStoreInfoList(),refetchOnWindowFocus:!1}),k=(0,o.useMemo)(()=>Array.isArray(S)?S:[],[S]),C=(0,o.useMemo)(()=>k.filter(d.jb),[k]),E=(0,o.useMemo)(()=>{let e=new Set;return e.add("å
¨é¨"),C.forEach(s=>{let t=(0,d.W6)(s,x);t&&e.add(t)}),Array.from(e)},[C,x]),K=(0,o.useMemo)(()=>E.map(e=>"å
¨é¨"===e?g("storeInfo.allRegions"):e),[E,g]),R="å
¨é¨"===p?g("storeInfo.allRegions"):p,A=(0,o.useMemo)(()=>{let e=y.trim().toLowerCase();return C.filter(s=>{let t=(0,d.W6)(s,x);return("å
¨é¨"===p||t===p)&&(!e||"".concat((0,d.lv)(s,x)," ").concat((0,d.EZ)(s,x)," ").concat(t).toLowerCase().includes(e))})},[y,x,C,p]),L=(0,o.useMemo)(()=>{var e;return w&&null!=(e=A.find(e=>e.storeKey===w))?e:null},[A,w]);(0,o.useEffect)(()=>{w&&(A.some(e=>e.storeKey===w)||j(null))},[A,w]),(0,o.useEffect)(()=>{if(!w||!h.current)return;let e=Array.from(h.current.querySelectorAll("[data-store-key]")).find(e=>e.dataset.storeKey===w);if(!e)return;let s=window.requestAnimationFrame(()=>{e.scrollIntoView({behavior:"smooth",block:"nearest"})});return()=>{window.cancelAnimationFrame(s)}},[A,w]);let q=(0,o.useCallback)(e=>{j(e.storeKey)},[]),M=(0,o.useCallback)(()=>{navigator.geolocation&&navigator.geolocation.getCurrentPosition(e=>{let{latitude:s,longitude:t}=e.coords;I({lat:s,lng:t})},()=>void 0,{enableHighAccuracy:!0,timeout:8e3})},[]);return(0,r.jsxs)(f.i,{env:s,children:[(0,r.jsx)(i.bV,{title:g("storeInfo.pageTitle")}),(0,r.jsxs)("div",{className:"mx-auto px-4 py-8 min-[1200px]:px-0 ".concat(u.C),children:[(0,r.jsx)("div",{className:"text-4xl font-bold text-black",children:g("storeInfo.storeInfo")}),(0,r.jsxs)("div",{className:"mt-8 grid grid-cols-1 lg:grid-cols-12 gap-6",children:[(0,r.jsx)("div",{className:"lg:col-span-4",children:(0,r.jsx)(d.ZN,{keyword:y,onKeywordChange:N,regions:K,selectedRegion:R,onRegionChange:e=>v(e===g("storeInfo.allRegions")?"å
¨é¨":e),onLocateNearby:M})}),(0,r.jsx)("div",{className:"lg:col-span-8",children:(0,r.jsxs)("div",{className:"rounded-2xl border border-border-line-primary bg-white overflow-hidden",children:[(0,r.jsx)("div",{className:"h-[520px] w-full bg-background-secondary",children:(0,r.jsx)(d.fy,{apiKey:"AIzaSyByu7EZT2qZcXewM-zqRdnJDcrnRRdNAGE",stores:A,locale:x,selectedStoreKey:w,userLocation:b,onSelectStoreKey:j})}),(0,r.jsxs)("div",{className:"p-4 flex items-center justify-between text-sm text-secondary gap-4",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,r.jsx)(m.QR,{className:"shrink-0"}),(0,r.jsx)("span",{className:"truncate",children:L?g("storeInfo.selectedStoreWithName",{name:(0,d.lv)(L,x)}):g("storeInfo.mapSelectInstruction")})]}),(0,r.jsx)("div",{className:"truncate",children:_?g("storeInfo.loading"):g("storeInfo.storeCount",{count:A.length})})]})]})})]}),(0,r.jsxs)("div",{className:"mt-10",children:[(0,r.jsx)("div",{className:"text-xl font-semibold text-black",children:g("storeInfo.storeList")}),(0,r.jsx)("div",{ref:h,className:"mt-6 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6",children:A.map(e=>(0,r.jsx)(d.Wo,{store:e,stores:C,locale:x,selected:w===e.storeKey,onSelect:q,imageSrc:(0,d.wk)(e),qrImageSrc:(0,d.j3)(e)},e.storeKey))}),_||0!==A.length?null:(0,r.jsx)("div",{className:"py-14 text-center text-secondary",children:g("storeInfo.emptyStoreList")})]})]})]})}}},e=>{e.O(0,[2096,6837,2513,8218,6615,1268,348,6043,738,7495,636,6593,8792],()=>e(e.s=2718)),_N_E=e.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.