https://www.youhak.com/_next/static/chunks/app/(main)/products/%5Btype%5D/page-5c76dfb115975fc7.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7097],{63202:function(e,t,r){Promise.resolve().then(r.t.bind(r,65878,23)),Promise.resolve().then(r.t.bind(r,72972,23)),Promise.resolve().then(r.bind(r,24685)),Promise.resolve().then(r.bind(r,3703))},24685:function(e,t,r){"use strict";r.d(t,{PageHeaderBannerProduct:function(){return p}});var n=r(57437),a=r(99376),i=r(49201),s=r(59130),l=r(33145);let o=e=>{let{driver:t}=e,{imageUrl:r,description:a,title:i}=t;return(0,n.jsx)("section",{className:"w-full",children:(0,n.jsxs)("div",{className:"relative flex h-full min-h-[8.5rem] flex-col overflow-hidden pb-7 pl-6 md:min-h-48 md:pl-8",children:[(0,n.jsx)("div",{className:"absolute left-0 top-0 z-20 size-full",style:{background:"linear-gradient(0deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35))"}}),(0,n.jsx)("div",{className:"absolute left-0 top-5 z-10 size-full w-full",children:(0,n.jsx)(l.default,{src:r,width:1200,height:496,alt:"banner",priority:!0,sizes:"100vw",className:"size-full object-cover object-center"})}),(0,n.jsx)("div",{className:"container relative z-40 mb-7 mt-24 text-white md:mt-auto",children:(0,n.jsxs)("div",{className:"-mx-4 flex w-full flex-wrap items-baseline",children:[(0,n.jsx)("h1",{className:"mr-4 truncate text-xl font-bold md:text-[28px]",children:i}),(0,n.jsx)("p",{className:"line-clamp-3 text-xs font-normal",children:a})]})})]})})},c=()=>(0,n.jsx)("section",{className:"w-full","aria-hidden":"true",children:(0,n.jsx)("div",{className:"relative flex h-full min-h-[8.5rem] flex-col overflow-hidden pb-7 pl-6 md:min-h-48 md:pl-8",children:(0,n.jsx)("div",{className:"container relative z-40 mb-7 mt-24 md:mt-auto",children:(0,n.jsxs)("div",{className:"-mx-4 flex w-full flex-wrap items-baseline",children:[(0,n.jsx)("h1",{className:"mr-4 truncate text-xl font-bold md:text-[28px]",children:"\xa0"}),(0,n.jsx)("p",{className:"line-clamp-3 text-xs font-normal",children:"\xa0"})]})})})}),u={[i.l.COLLEGE]:"대학정보",[i.l.BOARDING_SCHOOL]:"조기 유학 학교",[i.l.LANGUAGE_COURSE]:"어학 연수"},d={[i.l.COLLEGE]:":country 대학교",[i.l.BOARDING_SCHOOL]:":country 조기 유학 학교",[i.l.LANGUAGE_COURSE]:":country 어학 연수"},g={[i.l.COLLEGE]:"University & College Information",[i.l.BOARDING_SCHOOL]:"Boarding Schools",[i.l.LANGUAGE_COURSE]:"Language Courses"},m={[i.l.COLLEGE]:":country University & College",[i.l.BOARDING_SCHOOL]:":country Boarding Schools",[i.l.LANGUAGE_COURSE]:":country Language Courses"},p=e=>{let{params:t}=e,r=(0,a.useSearchParams)(),{data:i}=(0,s.F)(),l=(()=>{if(!i)return null;let e=r.get("country_id");if(!e)return{imageUrl:"/img/products/banner-".concat(t.type,".webp"),title:u[t.type]||"",description:g[t.type]||""};let n=null==i?void 0:i.data.find(t=>t.id===e);if(!n)return null;let a=d[t.type]||"",s=m[t.type]||"";return{imageUrl:"".concat("https://api.youhak.com","/").concat(n.banner)||0,title:a.replace(":country",n.name),description:s.replace(":country",n.description)}})();return i?l?(0,n.jsx)(o,{driver:l}):null:(0,n.jsx)(c,{})}},3703:function(e,t,r){"use strict";r.d(t,{PageHeaderWithFilter:function(){return U}});var n,a,i=r(57437),s=r(2265),l=r(99376),o=r(6714),c=r(68108),u=r(59130),d=r(28585),g=r(26930),m=r(49201);Object.values(m.l),m.l.COLLEGE,m.l.BOARDING_SCHOOL,m.l.LANGUAGE_COURSE,m.l.COLLEGE,m.l.BOARDING_SCHOOL,m.l.LANGUAGE_COURSE;let p=e=>{switch(e){case m.l.BOARDING_SCHOOL:return m.k.StudyChart;case m.l.LANGUAGE_COURSE:return m.k.LanguageTraining;case m.l.COLLEGE:default:return m.k.University}};var h=r(93448),f=r(12381),E=r(962);let O=E.fC,x=E.wy,y=E.Fw;var v=r(3591);(n=a||(a={})).COUNTRY="country_id",n.CATEGORY="category",n.TAG="tag";let T=e=>{let{expanded:t}=e;return(0,i.jsx)("svg",{width:"13",height:"15",viewBox:"0 0 13 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t?"":"rotate-180",children:(0,i.jsx)("path",{d:"M3.16667 6.70833H5.54167V14.625H7.125V6.70833H9.5L6.33333 3.54167L3.16667 6.70833ZM0 0.375V1.95833H12.6667V0.375H0Z",fill:"black"})})},S={id:"category",name:"상세검색",categories:[]},C={id:"country_id",name:"국가",categories:[]},R={id:"tag",name:"Tags",categories:[]},G=e=>{var t;let{driver:{id:r,categories:n,name:a},type:s,onClick:o,multiSelect:c=!1}

1=e,u=new URLSearchParams((0,l.useSearchParams)()||""),d=(null===(t=u.get(s))||void 0===t?void 0:t.split("_"))||[],g=e=>"country_id"!==s||u.get(s)?d.includes(e):"all"===e,m=(e,t)=>{let r=[...d];c?g(e)?r=r.filter(t=>t!==e):r.push(e):r=[e],o(r.join("_"),s,c)};return(0,i.jsxs)("div",{className:"relative flex flex-col gap-2 md:flex-row md:items-center md:gap-12",children:[(0,i.jsx)("span",{className:"whitespace-nowrap text-base font-bold",children:a}),(0,i.jsx)("div",{className:"left-0 flex flex-row items-center gap-2 overflow-x-auto md:gap-3",children:n.map(e=>(0,i.jsx)(f.z,{variant:g(e.slug)?"default":"border",className:(0,h.cn)("border-black-10 rounded-xl px-3 text-sm md:rounded-full md:px-7",g(e.slug)?"text-white":"text-black-10"),onClick:()=>m(e.slug,e.name),children:e.name},e.id))})]},r)},U=e=>{let{params:t}=e,r=(0,l.useSearchParams)(),n=(0,l.usePathname)(),{type:a}=(0,l.useParams)(),{replace:m}=(0,l.useRouter)(),[E,U]=(0,s.useState)(!1),b=(e,t,a)=>{let i=new URLSearchParams(r||"");"all"===e&&"tag"!==t?i.delete(t):a?e?i.set(t,e):i.delete(t):i.set(t,e),i.delete("page"),m("".concat(n,"?").concat(i.toString()))},N=()=>{let e=new URLSearchParams(r);e.delete("category"),e.delete("country_id"),e.delete("tag"),m("".concat(n,"?").concat(e.toString()),{scroll:!1})},{limit:L="10",page:_="1",search:w,country_id:j,category:A,tag:I}=t,D=p(a),{data:P}=(0,d.rn)({limit:L,page:_,type:D,search:w,country_id:j,category:A,tag:I}),{data:k,isFetching:B}=(0,u.F)(D),{data:H,isFetching:F}=(0,c.L)(o.p.PRODUCT),{data:M,isFetching:q}=(0,g.e)({limit:800,page:1,search:"",type:1});if(F||B||q)return(0,i.jsx)(v.o,{});let z=null==k?void 0:k.data.map(e=>({id:e.id,name:e.name,slug:e.id.toString()}));null==z||z.unshift({id:"all",name:"ALL",slug:"all"});let Y={...C,categories:z||[]},V={...S,categories:(null==H?void 0:H.data.map(e=>{let{id:t,name:r,slug:n}=e;return{id:t,name:r,slug:n}}))||[]},K={...R,categories:(null==M?void 0:M.data.map(e=>{let{id:t,name:r,slug:n}=e;return{id:t,name:r,slug:n}}))||[]},W=V.categories.length>0||K.categories.length>0;return(0,i.jsx)("section",{className:"container",children:(0,i.jsxs)(O,{open:E,onOpenChange:U,children:[(0,i.jsx)("div",{className:(0,h.cn)("border-gray-santas border-t pt-4",E&&"mb-2 md:mb-6"),children:(0,i.jsx)(G,{driver:Y,type:"country_id",onClick:b})}),W?(0,i.jsxs)(y,{className:"border-gray-santas flex flex-col gap-3 border border-x-0 border-b-[1.25rem] border-t-0 pb-7 md:gap-6",children:[(0,i.jsx)(G,{type:"category",driver:V,onClick:b,multiSelect:!0}),(0,i.jsx)(G,{type:"tag",driver:K,onClick:b,multiSelect:!0})]}):null,(0,i.jsxs)("div",{className:"flex w-full items-center justify-between",children:[(0,i.jsxs)("span",{children:["결과: 총 ",(0,i.jsx)("b",{children:(null==P?void 0:P.total)||0}),"개"]}),(0,i.jsxs)("p",{className:"flex items-center gap-4",children:[W?(0,i.jsx)(x,{asChild:!0,children:(0,i.jsxs)(f.z,{className:"hover:!bg-transparent",variant:"ghost",children:["상세 필터",(0,i.jsx)(T,{expanded:E})]})}):null,(0,i.jsx)("span",{className:"cursor-pointer text-sm hover:opacity-80",onClick:()=>N(),children:"필터 초기화"})]})]})]})})}},12381:function(e,t,r){"use strict";r.d(t,{d:function(){return c},z:function(){return u}});var n=r(57437),a=r(2265),i=r(37053),s=r(77712),l=r(41414),o=r(93448);let c=(0,s.j)("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground hover:opacity-90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline",border:"text-primary-foreground border hover:opacity-90",tag:"bg-white border rounded-xl text-black font-memdium border-gray-santas"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10","2sm":"h-5 px-4 text-2sm"}},defaultVariants:{variant:"default",size:"default"}}),u=a.forwardRef((e,t)=>

1{let{className:r,variant:a,size:s,asChild:u=!1,loading:d,...g}=e,m=u?i.g7:"button";return(0,n.jsxs)(m,{className:(0,o.cn)(c({variant:a,size:s,className:r}),"flex items-center gap-2"),ref:t,...g,children:[d&&(0,n.jsx)(l.Z,{className:"mr-2 size-4 animate-spin"}),g.children]})});u.displayName="Button"},3591:function(e,t,r){"use strict";r.d(t,{o:function(){return a}});var n=r(57437);let a=()=>(0,n.jsx)("div",{className:"flex w-full animate-spin items-center justify-center",children:(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:(0,n.jsx)("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83"})})})},15128:function(e,t,r){"use strict";r.d(t,{y:function(){return l}});var n=r(83464),a=r(71110);let i=n.default.create({headers:{"Content-Type":"application/json"},baseURL:(0,a.L)()});class s{constructor(){this.get=async function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},{headers:r,...n}=t,{data:a}=await i.get(e,{headers:{accept:"application/json, text/plain, */*","Content-Type":"application/json; charset=utf-8",...r},timeout:1e4,...n});return a},this.post=async function(e,t){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},{headers:n,...a}=r,{data:s}=await i.post(e,t,{headers:{accept:"application/json, text/plain, */*","Content-Type":"application/json; charset=utf-8",...n},timeout:1e4,...a});return s},this.patch=async function(e,t){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},{headers:n,...a}=r,{data:s}=await i.patch(e,t,{headers:{accept:"application/json, text/plain, */*","Content-Type":"application/json; charset=utf-8",...n},timeout:1e4,...a});return s},this.delete=async function(e,t){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},{headers:n,...a}=r,{data:s}=await i.delete(e,{headers:{accept:"application/json, text/plain, */*","Content-Type":"application/json; charset=utf-8",...n},timeout:1e4,...a,data:t});return s}}}let l=new s},76334:function(e,t,r){"use strict";var n,a;r.d(t,{U:function(){return n},Y:function(){return i}});let i={AUTH:{LOGIN:"/login",SIGNUP:"/register",FORGOT_PASSWORD:"/forgot-password",UPDATE_PASSWORD:"/update-password"},HOME:"/home",HOME_ORDER:"/recent/order",NOTIFICATIONS:"/notifications",EVENTS:"/events",BLOGS:{LIST:"/blogs",DETAIL:"/blogs/:id"},VIDEOS:"/videos",CATEGORIES:"/categories",COUNTRIES:"/countries",TAGS:"/tags",PRODUCTS:{LIST:"/products",DETAIL:"/products/:id",SEARCH:"/products/search"},USERS:"/users",ORDERS:"/orders"};(a=n||(n={})).GET_NOTIFICATIONS="NOTIFICATIONS",a.GET_HOME="HOME",a.GET_VIDEOS="VIDEOS",a.GET_CATEGORIES="CATEGORIES",a.GET_COUNTRIES="COUNTRIES",a.GET_COUNTRIES_MENU="COUNTRIES_MENU",a.GET_TAGS="TAGS",a.GET_PRODUCTS="PRODUCTS",a.GET_SEARCH_PRODUCT="SEARCH_PRODUCT",a.GET_BLOGS="BLOGS",a.GET_BLOGS_DETAIL="BLOGS_DETAIL",a.GET_PRODUCT_DETAIL="PRODUCT_DETAIL",a.GET_USER_DETAIL="USER_DETAIL",a.GET_USER_ORDERS="USER_ORDERS",a.GET_ORDERS="ORDERS",a.GET_EVENTS="EVENTS",a.GET_PROGRAMS="PROGRAMS"},71110:function(e,t,r){"use strict";r.d(t,{L:function(){return n}});let n=()=>"https://api.youhak.com/api/v1"},93448:function(e,t,r){"use strict";r.d(t,{cn:function(){return i}});var n=r(61994),a=r(53335);function i(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,a.m6)((0,n.W)(t))}},6714:function(e,t,r){"use strict";var n,a,i,s;r.d(t,{p:function(){return a}}),(i=n||(n={}))[i.PRODUCT=0]="PRODUCT",i[i.YOUTUBE=1]="YOUTUBE",i[i.BLOG=2]="BLOG",(s=a||(a={})).PRODUCT="product",s.YOUTUBE="youtube",s.BLOG="blog"},49201:function(e,t,r){"use strict";var n,a,i,s;r.d(t,{k:function(){return n},l:function(){return a}}),(i=n||(n={}))[i.University=1]="University",i[i.StudyChart=2]="StudyChart",i[i.LanguageTraining=3]="LanguageTraining",(s=a||(a={})).COLLEGE="college",s.BOARDING_SCHOOL="boarding-school",s.LANGUAGE_COURSE="language-course"},68108:function(e,t,r){"use strict";r.d(t,{L:function(){return o}});var n=r(15128),a=r(76334);class i{async getCategories(e){return await n.y.get("".concat(a.Y.CATEGORIES,"/").concat(e))}}let s=new i;var l=r(71632);let o=e=>(0,l.a)({queryKey:[a.U.GET_CATEGORIES,e],queryFn:()=>s.getCategories(e)})},59130:function(e,t,r){"use strict";r.d(t,{F:function(){return o},E:function(){return c}});var n=r(15128),a=r(76334);class i{async getCountries(e){return await n.y.get(a.Y.COUNTRIES,{params:{product_type:e,limit:50,page:1}})}async getCountriesMenu(e){return await n.y.get("".concat(a.Y.COUNTRIES,"/menu"),{params:{...e}})}}let s=new i;var l=r(71632);let o=e=>(0,l.a)({queryKey:[a.U.GET_COUNTRIES,e],queryFn:()=>s.getCountries(e)}),c=e=>(0,l.a)({queryKey:[a.U.GET_COUNTRIES_MENU,e],queryFn:()=>s.getCountriesMenu(e)})},28585:function(e,t,r){"use strict";r.d(t,{Ir:function(){return c},rn:function(){return o},Iy:function(){return u}});var n=r(15128),a=r(76334);class i{async getProducts(e){return await n.y.get(a.Y.PRODUCTS.LIST,{params:e})}async getProductById(e){return await n.y.get(a.Y.PRODUCTS.DETAIL.replace(":id",e))}async getSearchProduct(e){return await n.y.get(a.Y.PRODUCTS.SEARCH,{params:e})}}let s=new i;var l=r(71632);let o=e=>(0,l.a)({queryKey:[a.U.GET_PRODUCTS,e],queryFn:()=>s.getProducts(e)}),c=e=>(0,l.a)({queryKey:[a.U.GET_PRODUCT_DETAIL,e],queryFn:()=>s.getProductById(e)}),u=e=>(0,l.a)({queryKey:[a.U.GET_SEARCH_PRODUCT,e],queryFn:()=>s.getSearchProduct(e)})},26930:function(e,t,r){"use strict";r.d(t,{e:function(){return o}});var n=r(15128),a=r(76334);class i{async getTags(e){return await n.y.get(a.Y.TAGS,{params:e})}}let s=new i;var l=r(71632);let o=e=>(0,l.a)({queryKey:[a.U.GET_TAGS,e],queryFn:()=>s.getTags(e)})}},function(e){e.O(0,[7600,5878,2972,7037,3464,9763,4812,6736,2971,2117,1744],function(){return e(e.s=63202)}),_N_E=e.O()}]);