import{f as me,g as ge,j as t,D as G,n as d,I as xe,p as c}from"./index-BB3C6ia3.js";import{u as he}from"./useLayoutChanger-YzOXT8Mz.js";import{b as u,A as F,L as Q,l as Se}from"./vendor-q1sfVHxQ.js";import{S as T,a as P}from"./swiper.min-BjDUzMMs.js";import{A as ye}from"./autoplay-DIDtct3s.js";import{u as X}from"./useQuery-pLogcDCk.js";import{f as q}from"./free-mode.min-D8ybSzIe.js";import{g as ve}from"./product-D_O9OGFi.js";import{P as je}from"./PeriodOverlay-CBs1wfM9.js";import{u as Ne}from"./useStoreScrollHook-CnbRV4oq.js";import"./LayoutProvider-CX1zjqgz.js";import"./useBaseQuery-Ca_aEWrW.js";import"./StartCountdown-CMlTkPB0.js";import"./useSalePeriodStatus-Dw-ZGDdg.js";var j=function(){return j=Object.assign||function(e){for(var s,n=1,r=arguments.length;n<r;n++)for(var a in s=arguments[n])Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a]);return e},j.apply(this,arguments)},we=function(e,s){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&s.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function"){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)s.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n},v=function(e,s){var n=typeof Symbol=="function"&&e[Symbol.iterator];if(!n)return e;var r,a,l=n.call(e),o=[];try{for(;(s===void 0||s-- >0)&&!(r=l.next()).done;)o.push(r.value)}catch(i){a={error:i}}finally{try{r&&!r.done&&(n=l.return)&&n.call(l)}finally{if(a)throw a.error}}return o},z=function(e,s,n){if(n||arguments.length===2)for(var r,a=0,l=s.length;a<l;a++)!r&&a in s||(r||(r=Array.prototype.slice.call(s,0,a)),r[a]=s[a]);return e.concat(r||Array.prototype.slice.call(s))},O={displaySections:[],sectionData:new Map,isLoading:!0,scrollY:0},be={pageNumber:0,pageSize:0,hasTotalCount:!0,hasOptionValues:!0,soldout:!0,saleStatus:"ONSALE"},Z=u.createContext(null),J=u.createContext(null),ee=ge.productSection,_e=ee.Helper,R=ee.QUERY_KEY,Oe=function(e){var s=e.children,n=e.useStoreScroll,r=n!==void 0&&n,a=Ne({useStoreScroll:r,defaultState:O}),l=a.initialState,o=a.getNavigationType,i=a.setNavigationType,p=a.saveSessionStorage,f=a.getSessionStorageByPathname,h=v(u.useState(l.sectionData),2),N=h[0],x=h[1],S=v(u.useState(O.displaySections),2),I=S[0],A=S[1],E=v(u.useState(O.isLoading),2),C=E[0],w=E[1],Y=v(u.useState(o()),2),ie=Y[0],H=Y[1],V=v(u.useState(O.scrollY),2),ce=V[0],de=V[1],B=u.useMemo((function(){return me(new _e)}),[]).executeQuery,$=u.useMemo((function(){return{fetchSectionCodes:function(g){return B(R.QUERY_SECTION_CODES,{payload:g,onSuccess:function(m){var y=m.data;A(y.sections)}})},fetchDisplaySections:function(g){var m,y=o()===F.Pop&&ie===F.Pop,D="".concat(location.pathname).concat(location.search),b=f(D);if(y&&r&&b){var _=b.data,W=b.scrollY,ue=W===void 0?0:W,pe=(m=_?.sectionMap)!==null&&m!==void 0?m:O.sectionData;x(new Map(pe)),w(!1),H("NONE"),i("NONE"),de(ue)}else B(R.QUERY_DISPLAY_SECTIONS,{payload:j({},g),onSuccess:function(fe){var M=fe.data;x(new Map(M)),w(!1),H("NONE"),i("NONE"),r&&p({data:j(j({},M),{sectionMap:Array.from(M.entries())}),queryString:g})}})},fetchProductSectionById:function(g){var m=g.sectionsId,y=we(g,["sectionsId"]);return B(R.QUERY_DISPLAY_SECTIONS_IDS_SECTIONID,{payload:j(j({sectionsId:m},be),y),onSuccess:function(D){var b=D.data,_=new Map;_.set(m,b),$.updateSectionData({sectionMap:_}),w(!1)}})},updateSectionData:function(g){var m=g.sectionMap;m&&x((function(y){return new Map(z(z([],v(y),!1),v(m),!1))}))}}}),[]);return t.jsx(Z.Provider,{value:{displaySections:I,sectionData:N,isLoading:C,scrollY:ce,isStoreScroll:r},children:t.jsx(J.Provider,{value:$,children:s})})},te=function(){var e=u.useContext(Z);if(!e)throw Error("INVALID_ProductSectionStateContext");return e},Ee=function(){var e=u.useContext(J);if(!e)throw new Error("INVALID_ProductSectionActionContext");return e};const Te=e=>{const{data:s=[],isLoading:n}=X({queryKey:["display","banners",e],queryFn:async()=>{const r=await G({url:`display/banners/id/${e}`});return Array.isArray(r)?r.flatMap(a=>(a.accounts||[]).flatMap(l=>l.banners||[])).sort((a,l)=>(a.displayOrder??0)-(l.displayOrder??0)):[]},enabled:!!e});return{banners:s,isLoading:n}},Pe=500,Ie=e=>e?.startsWith("//")?`https:${e}`:e,Ae=[640,960,1280,1600,2048],Ce="(min-width: 1024px) 66vw, 100vw",re=(e,s)=>xe({url:e,additionalSearchParams:`${s}x${Math.round(s*1.25)}`}),Be=e=>Ae.map(s=>`${re(e,s)} ${s}w`).join(", "),De=()=>t.jsx("div",{className:"main-hero-container w-full mx-auto",children:t.jsx("div",{className:d("w-full aspect-[400/500] bg-[#f7f7f7]","lg:aspect-[2/1]")})}),se=({bannerId:e})=>{const{banners:s,isLoading:n}=Te(e),[r,a]=u.useState(0);if(n)return t.jsx(De,{});if(!s.length)return null;const l=s.length,o=s[r]||s[0];return t.jsxs("article",{className:"main-hero-container flex flex-col items-start gap-[0.8rem] w-full mx-auto",children:[t.jsx("div",{className:"relative w-full overflow-hidden [clip-path:inset(0_1px)]",children:t.jsx(T,{modules:[ye],speed:Pe,threshold:10,slidesPerView:1,resizeObserver:!1,loop:l>1,autoplay:l>1?{delay:5e3,disableOnInteraction:!1}:!1,onSlideChange:i=>a(i.realIndex),children:s.map((i,p)=>{const f=i.browerTargetType==="NEW"?"_blank":"_self",h=!!i.landingUrl,N=p===0,x=Ie(i.imageUrl),S=t.jsx("img",{className:d("w-full aspect-[400/500] object-cover block bg-[#f7f7f7]","lg:aspect-[2/1]",h&&"cursor-pointer"),src:re(x,1280),srcSet:Be(x),sizes:Ce,alt:i.name||"",loading:N?"eager":"lazy",fetchPriority:N?"high":void 0,decoding:"async"});return t.jsx(P,{children:h?t.jsx("a",{href:i.landingUrl,target:f,rel:f==="_blank"?"noreferrer":void 0,children:S}):S},i.bannerNo)})})}),l>1&&t.jsx("div",{className:"flex justify-start gap-[0.2rem] w-full h-px",children:s.map((i,p)=>t.jsx("div",{className:d("w-[0.8rem] h-full",p===r?"bg-[#2e2e2e]":"bg-[#c5c5c5]")},p))}),(o.name||o.description)&&(()=>{const i=o.browerTargetType==="NEW"?"_blank":"_self",p=!!o.landingUrl,f=t.jsxs(t.Fragment,{children:[o.name&&t.jsx("span",{className:d("font-fig-en font-semibold","text-[1.2rem] leading-[1.8rem] text-black text-left","uppercase"),children:o.name}),o.description&&t.jsx("span",{className:d("font-fig-mixed font-normal","text-[1.2rem] leading-[1.8rem] text-black text-left"),children:o.description})]});return p?t.jsx("a",{href:o.landingUrl,target:i,rel:i==="_blank"?"noreferrer":void 0,className:"flex flex-col w-full items-start cursor-pointer",children:f}):t.jsx("div",{className:"flex flex-col w-full items-start",children:f})})()]})};se.propTypes={bannerId:c.string};const Me=e=>{const{data:s=[],isLoading:n}=X({queryKey:["display","banners",e],queryFn:async()=>{const r=await G({url:`display/banners/id/${e}`});return Array.isArray(r)?r.flatMap(a=>a.accounts||[]).map(a=>({...a,banners:[...a.banners||[]].sort((l,o)=>(l.displayOrder??0)-(o.displayOrder??0))})):[]},enabled:!!e});return{accounts:s,isLoading:n}},Re={4:"grid-cols-2 lg:grid-cols-4",2:"grid-cols-1 lg:grid-cols-2"},Le={"4/5":["aspect-[400/500]"],"5/4":["aspect-[400/500]","lg:aspect-[500/400]"]},ke=e=>e?.startsWith("//")?`https:${e}`:e,k=({banner:e,ratio:s})=>{const n=!!e.landingUrl,r=e.browerTargetType==="NEW"?"_blank":"_self",a=t.jsx("div",{className:d("w-full bg-[#f7f7f7] overflow-hidden",...Le[s]),children:t.jsx("img",{src:ke(e.imageUrl),alt:e.name||"",loading:"lazy",className:d("w-full h-full object-cover",n&&"cursor-pointer")})});return n?t.jsx("a",{href:e.landingUrl,target:r,rel:r==="_blank"?"noreferrer":void 0,className:"block w-full",children:a}):a};k.propTypes={banner:c.shape({imageUrl:c.string,name:c.string,landingUrl:c.string,browerTargetType:c.string}),ratio:c.oneOf(["4/5","5/4"])};const U=({banner:e})=>{const s=!!e.landingUrl,n=e.browerTargetType==="NEW"?"_blank":"_self",r=t.jsxs(t.Fragment,{children:[e.name&&t.jsx("span",{className:d("font-fig-en font-semibold","text-[1.2rem] leading-[1.8rem] text-black text-left","uppercase"),children:e.name}),e.description&&t.jsx("span",{className:d("font-fig-mixed font-normal","text-[1.2rem] leading-[1.8rem] text-black text-left"),children:e.description})]});return s?t.jsx("a",{href:e.landingUrl,target:n,rel:n==="_blank"?"noreferrer":void 0,className:"flex flex-col w-full items-start cursor-pointer",children:r}):t.jsx("div",{className:"flex flex-col w-full items-start",children:r})};U.propTypes={banner:c.shape({name:c.string,description:c.string,landingUrl:c.string,browerTargetType:c.string})};const ae=({banner:e,ratio:s})=>t.jsxs("div",{className:"flex flex-col items-start gap-[0.8rem] w-full",children:[t.jsx(k,{banner:e,ratio:s}),t.jsx(U,{banner:e})]});ae.propTypes={banner:c.shape({bannerNo:c.number}),ratio:c.oneOf(["4/5","5/4"])};const ne=({banners:e,ratio:s})=>{const[n,r]=u.useState(0),a=e.length,l=e[n]||e[0];return t.jsxs("div",{className:"flex flex-col items-start gap-[0.8rem] w-full",children:[t.jsx("div",{className:"relative w-full overflow-hidden",children:t.jsx(T,{slidesPerView:1,threshold:10,loop:a>1,onSlideChange:o=>r(o.realIndex),children:e.map(o=>t.jsx(P,{children:t.jsx(k,{banner:o,ratio:s})},o.bannerNo))})}),t.jsx("div",{className:"flex justify-start gap-[0.2rem] w-full h-px",children:e.map((o,i)=>t.jsx("div",{className:d("w-[0.8rem] h-full",i===n?"bg-[#2e2e2e]":"bg-[#c5c5c5]")},i))}),t.jsx(U,{banner:l})]})};ne.propTypes={banners:c.arrayOf(c.shape({bannerNo:c.number})),ratio:c.oneOf(["4/5","5/4"])};L.propTypes={bannerId:c.string,cols:c.number,ratio:c.oneOf(["4/5","5/4"])};function L({bannerId:e,cols:s=4,ratio:n="4/5"}){const{accounts:r,isLoading:a}=Me(e);return a||r.length===0?null:t.jsx("div",{className:d("w-full grid items-baseline gap-x-[0.8rem] gap-y-[6rem]",Re[s]),children:r.map(l=>{const o=l.banners||[];return o.length===0?null:t.jsx("div",{children:o.length===1?t.jsx(ae,{banner:o[0],ratio:n}):t.jsx(ne,{banners:o,ratio:n})},l.accountNo)})})}const Ue=20,Ye=6,K={0:{slidesPerView:2.3,spaceBetween:8,threshold:10},768:{slidesPerView:3.25,spaceBetween:8,threshold:10},1024:{slidesPerView:5.3,spaceBetween:8,threshold:10}},He=d("text-[1rem] leading-[1.5rem]","md:text-[1.2rem] md:leading-[1.8rem]"),oe=({sectionsId:e})=>{const{sectionData:s}=te(),{fetchProductSectionById:n}=Ee();u.useEffect(()=>{e&&n({sectionsId:e,pageNumber:1,pageSize:Ue,saleStatus:"READY_ONSALE",cacheOption:{timeBySeconds:180,type:"MEMORY"}})},[e]);const r=s?.get(e);if(!r)return t.jsx("article",{className:"product-section l-panel w-full",children:t.jsx(T,{className:"swiper--bleed",modules:[q],freeMode:!0,slidesPerView:2.3,spaceBetween:8,breakpoints:K,children:Array.from({length:Ye}).map((p,f)=>t.jsx(P,{children:t.jsx("div",{className:d("w-full aspect-[8/9]","bg-[#f7f7f7] animate-pulse")})},f))})});const{label:a="",promotionText:l="",products:o=[]}=r??{};if(!o.length)return t.jsx(t.Fragment,{});const i=o.filter(p=>p.frontDisplayYn);return i.length?t.jsxs("article",{className:"product-section l-panel w-full",children:[t.jsx(T,{className:"swiper--bleed",modules:[q],freeMode:!0,threshold:10,slidesPerView:2.3,spaceBetween:8,breakpoints:K,children:i.map(({productNo:p,listImageUrlInfo:f,imageUrlInfo:h,imageUrls:N,productName:x,salePeriodType:S,saleStartYmdt:I,saleEndYmdt:A,saleStatusType:E},C)=>{const w=ve({listImageUrlInfo:f,imageUrlInfo:h,imageUrls:N}).url;return t.jsx(P,{children:t.jsxs(Q,{className:"relative block",to:`/product-detail?productNo=${p}`,children:[t.jsx("img",{src:w,alt:x,className:d("w-full aspect-[8/9] object-cover","bg-[#f7f7f7]")}),S==="PERIOD"&&t.jsx(je,{className:He,saleStartYmdt:I,saleEndYmdt:A,saleStatusType:E})]})},`${e}-${p}-${C}`)})}),t.jsxs("div",{className:d("flex items-center justify-between","pt-[0.8rem]"),children:[t.jsxs("span",{className:d("font-fig-en font-semibold","text-[1.2rem] leading-[1.8rem] uppercase"),children:[a," (",i.length,")"]}),t.jsx(Q,{className:"text-[1.2rem] leading-[1.8rem] text-[#898989] no-underline",to:`/display/${e}`,children:"더보기"})]}),l&&t.jsx("p",{className:"text-[1.2rem] leading-[1.8rem] text-black",children:l})]}):t.jsx(t.Fragment,{})};oe.propTypes={sectionsId:c.string};const le=({platformType:e})=>{const{scrollY:s,isStoreScroll:n}=te();return u.useEffect(()=>{n&&s&&window.scrollTo({top:s,behavior:"smooth"})},[s]),t.jsxs("div",{className:"main-view flex flex-col gap-[6rem] items-start",children:[t.jsx(se,{bannerId:"mainHeroBanner"}),t.jsx(oe,{platformType:e,sectionsId:"mainProduct"}),t.jsx(L,{bannerId:"mainBrandGrid"}),t.jsx(L,{bannerId:"mainBottomBrand",cols:2,ratio:"5/4"})]})};le.propTypes={platformType:c.oneOf(["PC","MOBILE_WEB","MOBILE_APP"])};const rt=()=>{const e=Se();return he({isMain:!0,hasBottomNav:!0}),t.jsx(Oe,{children:t.jsx(le,{platformType:e})})};export{rt as default};