import{u as te,Q as ne,S as ge,g as O,r as ae,i as re,j as t,a as A,B as T,b as E,c as d,d as m,e as F,f as H,z as ie,I as $,h as je,T as y,G as l,L as _,k as se,C as be,R as ve,l as we,m as j,n as Se,o as ke,p as Ie,q as Te,s as Y,t as Ee,v as Ce,w as Be,x as Ae,y as oe,U as _e,F as Pe,A as Le,D as De,E as Re,H as Me,P as Ne,J as Oe,K as le}from"../index.Crez7j-Y.bundle.js";import{P as $e}from"./pagination.DC11PWmb.bundle.js";const R=(n,e)=>{const{getBannerAPI:i}=it();return te({queryKey:ne.banner(n),queryFn:()=>i(n),staleTime:ge.THIRTY,...e})},de=(n,e)=>{const{getSkinBannerAPI:i}=st();return te({queryKey:ne.skinBanner(n),queryFn:()=>i(n),...e})};function ce(n){let{swiper:e,extendParams:i,on:r,emit:a,params:o}=n;e.autoplay={running:!1,paused:!1,timeLeft:0},i({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!1,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});let h,b,v=o&&o.autoplay?o.autoplay.delay:3e3,u=o&&o.autoplay?o.autoplay.delay:3e3,p,w=new Date().getTime(),g,c,f,C,M,k,N;function q(s){!e||e.destroyed||!e.wrapperEl||s.target===e.wrapperEl&&(e.wrapperEl.removeEventListener("transitionend",q),!(N||s.detail&&s.detail.bySwiperTouchMove)&&I())}const G=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?g=!0:g&&(u=p,g=!1);const s=e.autoplay.paused?p:w+u-new Date().getTime();e.autoplay.timeLeft=s,a("autoplayTimeLeft",s,s/v),b=requestAnimationFrame(()=>{G()})},me=()=>{let s;return e.virtual&&e.params.virtual.enabled?s=e.slides.filter(x=>x.classList.contains("swiper-slide-active"))[0]:s=e.slides[e.activeIndex],s?parseInt(s.getAttribute("data-swiper-autoplay"),10):void 0},D=s=>{if(e.destroyed||!e.autoplay.running)return;cancelAnimationFrame(b),G();let S=typeof s>"u"?e.params.autoplay.delay:s;v=e.params.autoplay.delay,u=e.params.autoplay.delay;const x=me();!Number.isNaN(x)&&x>0&&typeof s>"u"&&(S=x,v=x,u=x),p=S;const L=e.params.speed,V=()=>{!e||e.destroyed||(e.params.autoplay.reverseDirection?!e.isBeginning||e.params.loop||e.params.rewind?(e.slidePrev(L,!0,!0),a("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(e.slides.length-1,L,!0,!0),a("autoplay")):!e.isEnd||e.params.loop||e.params.rewind?(e.slideNext(L,!0,!0),a("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(0,L,!0,!0),a("autoplay")),e.params.cssMode&&(w=new Date().getTime(),requestAnimationFrame(()=>{D()})))};return S>0?(clearTimeout(h),h=setTimeout(()=>{V()},S)):requestAnimationFrame(()=>{V()}),S},K=()=>{w=new Date().getTime(),e.autoplay.running=!0,D(),a("autoplayStart")},P=()=>{e.autoplay.running=!1,clearTimeout(h),cancelAnimationFrame(b),a("autoplayStop")},B=(s,S)=>{if(e.destroyed||!e.autoplay.running)return;clearTimeout(h),s||(k=!0);const x=()=>{a("autoplayPause"),e.params.autoplay.waitForTransition?e.wrapperEl.addEventListener("transitionend",q):I()};if(e.autoplay.paused=!0,S){M&&(p=e.params.autoplay.delay),M=!1,x();return}p=(p||e.params.autoplay.delay)-(new Date().getTime()-w),!(e.isEnd&&p<0&&!e.params.loop)&&(p<0&&(p=0),x())},I=()=>{e.isEnd&&p<0&&!e.params.loop||e.destroyed||!e.autoplay.running||(w=new Date().getTime(),k?(k=!1,D(p)):D(),e.autoplay.paused=!1,a("autoplayResume"))},X=()=>{if(e.destroyed||!e.autoplay.running)return;const s=O();s.visibilityState==="hidden"&&(k=!0,B(!0)),s.visibilityState==="visible"&&I()},Z=s=>{s.pointerType==="mouse"&&(k=!0,N=!0,!(e.animating||e.autoplay.paused)&&B(!0))},Q=s=>{s.pointerType==="mouse"&&(N=!1,e.autoplay.paused&&I())},he=()=>{e.params.autoplay.pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",Z),e.el.addEventListener("pointerleave",Q))},fe=()=>{e.el&&typeof e.el!="string"&&(e.el.removeEventListener("pointerenter",Z),e.el.removeEventListener("pointerleave",Q))},ye=()=>{O().addEventListener("visibilitychange",X)},xe=()=>{O().removeEventListener("visibilitychange",X)};r("init",()=>{e.params.autoplay.enabled&&(he(),ye(),K())}),r("destroy",()=>{fe(),xe(),e.autoplay.running&&P()}),r("_freeModeStaticRelease",()=>{(f||k)&&I()}),r("_freeModeNoMomentumRelease",()=>{e.params.autoplay.disableOnInteraction?P():B(!0,!0)}),r("beforeTransitionStart",(s,S,x)=>{e.destroyed||!e.autoplay.running||(x||!e.params.autoplay.disableOnInteraction?B(!0,!0):P())}),r("sliderFirstMove",()=>{if(!(e.destroyed||!e.autoplay.running)){if(e.params.autoplay.disableOnInteraction){P();return}c=!0,f=!1,k=!1,C=setTimeout(()=>{k=!0,f=!0,B(!0)},200)}}),r("touchEnd",()=>{if(!(e.destroyed||!e.autoplay.running||!c)){if(clearTimeout(C),clearTimeout(h),e.params.autoplay.disableOnInteraction){f=!1,c=!1;return}f&&e.params.cssMode&&I(),f=!1,c=!1}}),r("slideChange",()=>{e.destroyed||!e.autoplay.running||(M=!0)}),Object.assign(e.autoplay,{start:K,stop:P,pause:B,resume:I})}var z={},Ue=re;Object.defineProperty(z,"__esModule",{value:!0});var ue=z.default=void 0,Fe=Ue(ae()),He=t;ue=z.default=(0,Fe.default)((0,He.jsx)("path",{d:"M17.77 3.77 16 2 6 12l10 10 1.77-1.77L9.54 12z"}),"ArrowBackIosNew");function ze(){const{isDesktop:n}=A(),{data:e,isPending:i}=de(n?T.enum["desktop-main"]:T.enum["mobile-main"]);return i?t.jsx(E,{variant:"rectangular",animation:"wave",sx:{width:"100vw",height:{desktop:450,mobile:200}}}):t.jsx(d,{component:"figure",children:e&&t.jsx(We,{banner:e[0].banners[0]})})}function We({banner:n}){const e=m.useRef(null),i=n.slideBannerConfig.slideTime*1e3,r=n.slideBannerConfig.slideSpeedType,a=r==="SLOW"?1e3:r==="NORMAL"?500:300,o=n.slideBannerConfig.slideTime!==0;m.useEffect(()=>{const u=n.slideBannerConfig.slideNavigationInfo,p=n.slideBannerConfig.slideButtonColor;document.documentElement.style.setProperty("--swiper-navigation-color",p);const w=()=>{switch(u.buttonSizeType){case"SIZE_ONE":return"8px";case"SIZE_TWO":return"10px";case"SIZE_THREE":return"12px";case"SIZE_FOUR":return"16px";case"SIZE_FIVE":return"20px";case"SIZE_SIX":return"28px";default:return"8px"}},g=u.activeButtonColor,c=u.inactiveButtonColor,f=()=>{switch(u.buttonBorderType){case"CIRCLE":return"50%";case"ROUND_SQUARE":return"75%";case"SQUARE":return"100%";default:return"50%"}};document.documentElement.style.setProperty("--swiper-pagination-bullet-size",w()),document.documentElement.style.setProperty("--swiper-pagination-color",g),document.documentElement.style.setProperty("--swiper-pagination-bullet-inactive-color",c),document.documentElement.style.setProperty("--swiper-pagination-bullet-border-radius",f())},[n.slideBannerConfig]);const h=m.useCallback(()=>{e.current&&e.current.swiper.slidePrev()},[]),b=m.useCallback(()=>{e.current&&e.current.swiper.slideNext()},[]),{isDesktop:v}=A();return t.jsxs(d,{className:"swiper-container",boxSizing:"border-box",position:"relative",children:[t.jsx(F,{style:{maxWidth:"100dvw"},ref:e,loop:!0,autoplay:o?{delay:i}:!1,speed:a,pagination:{clickable:!0},modules:[$e,ce],children:n.bannerImages.map(u=>t.jsx(H,{style:{width:"100vw",cursor:u.landingUrl?"pointer":"default"},onClick:()=>{u.landingUrl&&window.open(u.landingUrl,u.openLocationType==="SELF"?"_self":"_blank")},children:t.jsx("img",{src:u.imageUrl,alt:"skin-banner-slide-".concat(u.displayOrder),width:"100%",height:"100%",style:{objectFit:"cover",objectPosition:"center"}})},u.imageNo))}),n.slideBannerConfig.usableSlideButton&&t.jsxs(d,{width:v?"calc(100% - 50px)":"100%",position:"absolute",top:"50%",left:"50%",zIndex:ie.SwipeNavButton,sx:{transform:"translate(-50%, -50%)"},display:"flex",justifyContent:"space-between",children:[t.jsx($,{id:"prev-arrow",onClick:h,disableRipple:!0,sx:{p:0,"& .MuiSvgIcon-root":{width:60,height:60}},children:t.jsx(ue,{})}),t.jsx($,{id:"next-arrow",onClick:b,disableRipple:!0,sx:{p:0,"& .MuiSvgIcon-root":{width:60,height:60}},children:t.jsx(je,{})})]})]})}function qe(){const{data:n,isPending:e}=R(T.Enum["service-quick-access"]),i=m.useMemo(()=>n?n[0].accounts[0].banners.sort((a,o)=>a.displayOrder-o.displayOrder):null,[n]),{isMobile:r}=A();return t.jsxs(d,{sx:{mb:{desktop:20,mobile:10}},children:[t.jsx(d,{sx:{mb:{desktop:5,mobile:2}},children:t.jsx(y,{variant:r?"title":"titleLarge",align:"center",children:"주요 서비스 안내"})}),t.jsxs(l,{container:!0,desktop:12,mobile:12,spacing:2,children:[e&&Array.from({length:6}).map((a,o)=>t.jsx(l,{item:!0,desktop:4,mobile:6,sx:{height:{desktop:150,mobile:70}},children:t.jsx(E,{variant:"rectangular",width:"100%",height:"100%"})},o)),i&&i.map(a=>t.jsx(l,{item:!0,desktop:6,mobile:12,children:t.jsx(_,{border:"1px solid ".concat(se),href:a.landingUrl,underline:"none",display:"flex",children:t.jsxs(d,{display:"flex",justifyContent:"space-between",width:"100%",py:4,px:r?2:4,height:r?160:180,children:[t.jsxs(d,{display:"flex",flexDirection:"column",justifyContent:"space-between",children:[t.jsxs(d,{children:[t.jsx(y,{variant:"title",children:a.name}),t.jsx(y,{variant:"subtitle1",color:be,children:a.description})]}),t.jsxs(d,{display:"flex",alignItems:"center",color:ve,children:[t.jsx(y,{variant:"subtitle1",children:"바로가기"}),t.jsx(we,{fontSize:"small"})]})]}),t.jsx(d,{display:"flex",alignItems:"center",children:t.jsx("img",{src:"".concat(a.imageUrl,"?").concat(j.서비스엑세스,"x").concat(j.서비스엑세스),alt:a.name,width:j.서비스엑세스,height:j.서비스엑세스})})]})},a.bannerNo)},a.bannerNo))]})]})}function Ge(){const{data:n,isPending:e}=R(T.Enum["suggest-products"]),i=m.useMemo(()=>n?n[0].accounts[0].banners.sort((r,a)=>r.displayOrder-a.displayOrder):null,[n]);return t.jsx(d,{bgcolor:Se,pt:5,pb:10,children:t.jsxs(l,{desktop:9,m:"auto",children:[t.jsx(d,{my:5,children:t.jsx(y,{variant:"titleSuperLarge",align:"center",children:"궁금하신 제품을 선택하세요"})}),t.jsxs(l,{container:!0,desktop:8,mobile:10,m:"auto",width:"100%",rowGap:{desktop:4,mobile:2},justifyContent:"space-between",children:[e&&Array.from({length:8}).map((r,a)=>t.jsx(l,{item:!0,desktop:3,mobile:6,container:!0,justifyContent:"center",direction:"column",alignItems:"center",children:t.jsx(E,{variant:"rectangular",width:j.추천제품,height:j.추천제품})},a)),i&&i.map(r=>t.jsx(l,{item:!0,desktop:3,mobile:6,container:!0,justifyContent:"center",direction:"column",alignItems:"center",children:t.jsx(_,{href:r.landingUrl,underline:"none",children:t.jsx("img",{src:"".concat(r.imageUrl,"?").concat(j.추천제품,"x").concat(j.추천제품),alt:r.name,width:j.추천제품,height:j.추천제품})},r.bannerNo)},r.bannerNo))]})]})})}function Ke(){const{data:n,isPending:e}=R(T.Enum["support-links"]),i=m.useMemo(()=>n?n[0].accounts[0].banners.sort((a,o)=>a.displayOrder-o.displayOrder):null,[n]),{isMobile:r}=A();return t.jsxs(d,{children:[t.jsx(d,{sx:{mb:{desktop:5}},children:t.jsx(y,{variant:"titleLarge",align:"center",children:"사이트 바로가기"})}),t.jsxs(l,{container:!0,desktop:12,mobile:12,justifyContent:"space-between",children:[e&&Array.from({length:3}).map((a,o)=>t.jsxs(l,{item:!0,desktop:4,children:[t.jsx(E,{variant:"rounded",width:"100%",height:"auto"}),t.jsx(E,{variant:"rounded",width:"100%",height:30})]},o)),i&&i.map(a=>t.jsx(l,{item:!0,desktop:4,mobile:12,sx:{p:{desktop:3,mobile:1}},children:t.jsx(_,{href:a.landingUrl,target:a.browerTargetType==="NEW"?"_blank":"_self",underline:"none",children:t.jsxs(d,{children:[t.jsx("img",{src:a.imageUrl,alt:a.name,width:"100%",height:"auto",style:{borderRadius:"10px"}}),t.jsx(y,{mt:1,variant:r?"body":"subtitle2",fontWeight:600,children:a.name}),t.jsx(y,{mt:1,variant:r?"small":"body",component:"p",fontWeight:500,width:"100%",textOverflow:"ellipsis",overflow:"hidden",children:a.description})]})},a.bannerNo)},a.bannerNo))]})]})}const Xe=10,J=30;function Ze(){const n=ke(),[e,i]=m.useState(""),{data:r,isPending:a}=Ie(Xe),o=r==null?void 0:r.items.filter(c=>c.isActive),{clickSearchSuggestionAPI:h}=Te(),b=(c,f)=>{f&&h(f);const C=encodeURIComponent(c.replace("#",""));n("".concat(_e.SEARCH_RESULT,"?keyword=").concat(C))},v=m.useCallback(()=>{if(e.trim()===""){Y("warning","검색어를 입력해주세요.");return}if(e.length>J){Y("warning","검색어는 ".concat(J,"자 이하로 입력해주세요."));return}b(e)},[e,b]),u=m.useCallback(c=>{c.key==="Enter"&&(c.preventDefault(),v())},[v]),p=m.useCallback(c=>{i(c.target.value)},[]),{isDesktop:w,isMobile:g}=A();return t.jsxs(l,{container:!0,justifyContent:"center",direction:"column",gap:2,children:[t.jsx(d,{children:t.jsx(y,{variant:w?"titleSuperLarge":"titleLarge",align:"center",children:"키워드로 InBody 제품을 검색해보세요."})}),t.jsxs(l,{container:!0,desktop:8,m:"auto",children:[t.jsx(Ee,{id:"tag-search-bar",size:g?"small":"medium",fullWidth:!0,placeholder:"예)체성분분석기, 인바디580, 인바디380, 혈압계, 악력계",onChange:p,onKeyDown:u,sx:{"& fieldset":{borderRadius:15},"& input":{paddingLeft:g?2:5}},InputProps:{endAdornment:t.jsx(Ce,{onClick:v,fontSize:g?"medium":"large",sx:{"&:hover":{cursor:"pointer"}}})}}),t.jsxs(d,{component:"ul",display:"flex",sx:{overflow:"hidden",mt:1},flexWrap:"nowrap",whiteSpace:"nowrap",children:[a&&Array.from({length:g?3:7}).map((c,f)=>t.jsx(Be,{sx:{m:1},disablePadding:!0,children:t.jsx(E,{variant:"rounded",width:80,height:30,sx:{borderRadius:5}})},f)),t.jsx(F,{spaceBetween:10,slidesPerView:"auto",children:o==null?void 0:o.map(c=>t.jsx(H,{style:{width:"auto"},children:t.jsx(_,{variant:"button",underline:"none",onClick:()=>b(c.keyword,c.id),children:t.jsx(Ae,{label:c.keyword,sx:{"&:hover":{cursor:"pointer",bgcolor:oe}}})})},c.id))})]})]})]})}function Qe(){const{data:n,isPending:e}=de(T.Enum.trade),i=n?n[0].banners[0].bannerImages[0]:null;return t.jsxs(d,{children:[e&&t.jsx(E,{variant:"rectangular",width:"100%",height:300}),i&&t.jsx(_,{href:i.landingUrl,rel:"noopener",target:i.openLocationType==="NEW"?"_blank":"_self",children:t.jsx(d,{component:"img",width:"100%",height:"auto",src:i.imageUrl,alt:i.description,sx:{border:"1px solid ".concat(se)}})})]})}function dt(){const{isMobile:n}=A();return t.jsxs(l,{container:!0,component:"main",children:[t.jsx(l,{desktop:12,component:"article",children:t.jsx(ze,{})}),t.jsxs(l,{container:!0,desktop:12,component:"article",sx:{marginTop:{desktop:10,mobile:2},gap:{desktop:10,mobile:3},position:{desktop:"relative"}},children:[t.jsx(d,{position:"absolute",height:"calc(100% - 120px)",top:0,left:30,children:!n&&t.jsx(rt,{})}),t.jsx(l,{desktop:9,mobile:10,m:"auto",component:"article",children:t.jsx(Ze,{})}),t.jsxs(l,{component:"article",container:!0,desktop:9,mobile:10,m:"auto",justifyContent:"space-between",children:[t.jsx(l,{desktop:3,mobile:12,container:!0,alignItems:"flex-end",children:t.jsx(Qe,{})}),t.jsx(l,{desktop:8,mobile:12,mt:{mobile:3,desktop:0},children:t.jsx(Pe,{})})]}),t.jsx(l,{desktop:12,mobile:12,component:"article",children:t.jsx(Ge,{})}),t.jsx(l,{desktop:9,mobile:10,m:"auto",component:"article",children:t.jsx(Ke,{})}),t.jsx(l,{desktop:9,mobile:10,m:"auto",component:"article",children:t.jsx(qe,{})})]})]})}function Ve({account:n}){return n.banners.length===1?t.jsx(ee,{accountName:n.accountName,banner:n.banners[0]}):t.jsx(F,{spaceBetween:0,centeredSlides:!0,loop:!0,autoplay:{delay:5e3,disableOnInteraction:!1},modules:[ce],className:"mySwiper",children:n.banners.map((i,r)=>t.jsx(H,{children:t.jsx(ee,{accountName:n.accountName,banner:i})},r))})}function ee(n){const{accountName:e,banner:i}=n;return t.jsxs(_,{className:"skin-banner__img",href:i.landingUrl,underline:"none",color:"inherit",children:[t.jsx(d,{display:"flex",justifyContent:"center",alignItems:"center",children:t.jsx(Le,{src:i.imageUrl,alt:i.name,sx:{width:100,height:100,border:"2px solid ".concat(oe),cursor:"pointer"}})}),t.jsxs(d,{children:[t.jsx(y,{align:"center",variant:"subtitle1",children:e}),t.jsx(y,{align:"center",variant:"subtitle1",children:i.name})]})]},i.bannerNo)}function Ye({checkedHideToday:n,onClose:e}){const i=()=>{if(n){const r=new Date,a=new Date(r.getFullYear(),r.getMonth(),r.getDate()+1);localStorage.setItem(U,a.toString())}e()};return t.jsx($,{size:"small",color:"inherit",onClick:i,disableRipple:!0,sx:{textDecoration:"underline","&:hover":{bgcolor:null}},children:t.jsx(y,{variant:"body",fontWeight:500,children:"닫기"})})}var W={},Je=re;Object.defineProperty(W,"__esModule",{value:!0});var pe=W.default=void 0,et=Je(ae()),tt=t;pe=W.default=(0,et.default)((0,tt.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"}),"CheckCircle");function nt({checkedHideToday:n,onClickHideTodayCheckbox:e}){const i=(r,a)=>{e(a)};return t.jsx(De,{checked:n,onChange:i,labelPlacement:"end",sx:{p:0,mx:1,my:1,display:"flex",justifyContent:"center"},control:t.jsx(Re,{sx:{p:0},size:"small",icon:t.jsx(Me,{}),checkedIcon:t.jsx(pe,{})}),label:t.jsx(y,{variant:"small",fontWeight:500,children:"오늘 하루 그만보기"})})}const U="hide-left-banner",at=()=>{const[n,e]=m.useState(!1),[i,r]=m.useState(!1);return m.useEffect(()=>{const a=localStorage.getItem(U);if(a){const o=new Date(a);new Date>=o&&(e(!0),localStorage.removeItem(U))}else e(!0)},[]),{visible:n,setVisible:e,checkedHideToday:i,setCheckedHideToday:r}};function rt(){const{data:n}=R(T.Enum["left-banner"]),{visible:e,setVisible:i,checkedHideToday:r,setCheckedHideToday:a}=at();if(!e||!n||n.length===0)return null;const o=100;return t.jsx(Ne,{sx:{position:"sticky",top:120,left:0,boxShadow:5,zIndex:ie.RightFloating,border:"2px solid ".concat(Oe),borderRadius:3},children:t.jsxs(l,{container:!0,direction:"column",children:[t.jsx(l,{container:!0,direction:"column",gap:"5px",children:n[0].accounts.map(h=>t.jsx(d,{width:o+20,m:"auto",pt:1,children:t.jsx(Ve,{account:h})},h.accountNo))}),t.jsx(nt,{checkedHideToday:r,onClickHideTodayCheckbox:a}),t.jsx(Ye,{checkedHideToday:r,onClose:()=>i(!1)})]})})}function it(){const n=le("shopByAPI"),e="display/banners";return{getBannerAPI:r=>n.get("".concat(e,"/id/").concat(r)).then(a=>a.data)}}function st(){const n=le("shopByAPI"),e="skin-banners";return{getSkinBannerAPI:r=>n.get("".concat(e,"/").concat(r)).then(a=>a.data)}}export{dt as default};