https://editor.clipartkorea.co.kr/_next/static/chunks/pages/space/home-3c90cc955415b887.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="14726177-179c-41d1-a161-e5a3fa337ef1",e._sentryDebugIdIdentifier="sentry-dbid-14726177-179c-41d1-a161-e5a3fa337ef1")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[758],{37980:function(e,t,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/space/home",function(){return l(53588)}])},78804:function(e,t,l){"use strict";l.d(t,{Z:function(){return M}});var s=l(28598),i=l(42495),n=l(7555),a=l(21375),c=l(87448),o=l(41803),r=l(22117),d=l(82684),u=l(37616),h=l(97334),x=l(99166),m=l(38715),v=e=>{let{title:t,onBlurInput:l,isDisabledTitleChange:i,isExtensionSplit:n}=e,[a,c]=(0,d.useState)(!1),[o,v]=(0,d.useState)(n?t.split(".")[0]:t),g=()=>{null==l||l(o),c(!1)};return(0,s.jsx)(s.Fragment,{children:a?(0,s.jsxs)("div",{className:"flex items-center",children:[(0,s.jsx)(u.Z,{value:o,setValue:v,className:"h-[26px] w-full border-b-line-normal-strong text-label-1 font-regular hover:text-red-500 focus:text-label-normal",autoFocus:!0,onBlur:()=>g(),onEnter:()=>g()}),(0,s.jsx)("div",{className:"flex h-[26px] items-center border-b border-b-line-normal-strong",children:(0,s.jsx)(x.Z,{icon:m.T.PEN_LINE,className:"ml-1 size-5 flex-shrink-0 text-label-alternative"})})]}):(0,s.jsxs)("div",{className:"group/title flex h-[26px] items-center justify-between",title:t||r.eH,onClick:i?void 0:e=>{e.stopPropagation(),c(!0)},children:[(0,s.jsx)(h.Z,{className:"whitespace-nowrap",children:t||r.eH}),i?null:(0,s.jsx)(x.Z,{icon:m.T.PEN_LINE,className:"invisible ml-1 size-5 flex-shrink-0 text-label-neutral group-hover/title:visible"})]})})},g=l(97478),f=l(67223),j=l(84844),E=l(48989),p=l(92945),N=l(97680),w=l(76228),T=l(2722),b=l(27409),S=l(25593),_=l(24266),M=e=>{var t,l,u,h;let{data:x,viewType:m,isHoverCheckbox:M,onClick:P,isChecked:y,onCheck:I,isHoverMoreOption:L}=e,C=(0,g.useQueryClient)(),Z=(0,d.useRef)(null),{containerRef:A,imageIndex:z,visibleIndex:k,isHovered:D,thumbnailSize:H,setThumbnailSize:F}=(0,_.Z)(null!==(l=null===(t=x.designThumbnailUrls)||void 0===t?void 0:t.length)&&void 0!==l?l:0),[X,U]=(0,d.useState)(0),{mutate:B}=(0,g.useMutation)(e=>(0,f.u)(x.designCode,e),{onSuccess:e=>{e.resultCode===j.AC.RC_2000&&(C.invalidateQueries(p.v),C.invalidateQueries(E.q))}}),{mutate:R}=(0,g.useMutation)(e=>(0,N.r)(x.id,e),{onSuccess:e=>{e.resultCode===j.AC.RC_2000&&C.invalidateQueries(w.u)}}),G=e=>{e.trim().length>0&&e!==x.title&&(m===n.H.MY_DESIGN?B(e):m===n.H.MY_FILE&&R(e))};return(0,b.Z)(()=>{U(new Date().getTime())},3e4),(0,s.jsxs)("div",{className:"group/space-list-item flex select-none flex-col gap-1 ".concat(P?"cursor-pointer":""),onClick:()=>null==P?void 0:P(),children:[(0,s.jsxs)("div",{className:"relative mb-1 w-full",children:[M?(0,s.jsx)("div",{className:"absolute z-[1] p-2 ".concat(y?"flex":"hidden group-hover/space-list-item:flex"),children:(0,s.jsx)(i.Z,{checked:y,onCheck:e=>{e.stopPropagation(),null==I||I()}})}):null,x.designThumbnailUrls&&x.designThumbnailUrls.length>1?(0,s.jsx)(S.Z,{className:"z-10",currentPage:k+1,totalPages:null!==(u=x.designThumbnailUrls.length)&&void 0!==u?u:0,isUseHovered:!0,isHovered:D}):null,L?(0,s.jsx)(a.Z,{data:x,viewType:m}):null,(0,s.jsx)("div",{ref:A,className:"relative flex h-full w-full items-center justify-center overflow-hidden rounded-2 border border-line-normal-alternative group-hover/space-list-item:shadow-emphasize",style:{minHeight:r.eu,maxHeight:r.IW},onMouseEnter:()=>{if(Z.current){let e=Z.current.getBoundingClientRect();F({width:Math.round(e.width),height:Math.round(e.height)})}},children:x.designThumbnailUrls&&x.designThumbnailUrls.length>1&&D&&H.width&&H.height?(0,s.jsxs)("div",{className:"relative overflow-hidden",style:{width:H.width,height:H.height},children:[(0,s.jsx)(T.Z,{className:"absolute inset-0 object-contain transition-transform",src:x.designThumbnailUrls[z],style:{width:H.width,height:H.height,transform:"translateX(".concat(z!==k?"-100%":0,")")},alt:"".concat(x.title||r.eH," 썸네일"),width:x.size?(0,o.$6)(x.size.width,x.size.unit):0,height:x.size?(0,o.$6)(x.size.height,x.size.unit):0,draggable:!1,priority:r.F_},z),(0,s.jsx)(T.Z,{src:x.designThumbnailUrls[z+1>=x.designThumbnailUrls.length?0:z+1],className:"absolute inset-0 object-contain transition-transform",style:{width:H.width,height:H.height,transform:"translateX(".concat(z!==k?0:"100%",")")},alt:"".concat(x.title||r.eH," 썸네일"),width:x.size?(0,o.$6)(x.size.width,x.size.unit):0,height:x.size?(0,o.$6)(x.size.height,x.size.unit):0,draggable:!1,priority:r.F_},z+1>=x.designThumbnailUrls.length?0:z+1)]}):(0,s.jsx)("div",{ref:Z,className:"h-fit w-fit",children:(0,s.jsx)(T.Z,{src:null!==(h=x.image)&&void 0!==h?h:"",className:"h-auto w-auto object-contain",style:{maxHeight:r.IW},alt:"".concat(x.title||r.eH," 썸네일"),width:x.size?(0,o.$6)(x.size.width,x.size.unit):0,height:x.size?(0,o.$6)(x.size.height,x.size.unit):0,draggable:!1,priority:r.F_})})})]}),(0,s.jsx)(v,{title:x.title,onBlurInput:e=>G(e),isDisabledTitleChange:m===n.H.RECENT_DESIGN,isExtensionSplit:m===n.H.MY_FILE}),m===n.H.RECENT_DESIGN||m===n.H.MY_DESIGN?(0,s.jsxs)(s.Fragment,{children:[(null==x?void 0:x.lastModifiedDate)?(0,s.jsx)("div",{className:"text-label-2 text-label-alternative",children:(0,o.xn)(null==x?void 0:x.lastModifiedDate," 전 편집",X)}):null,(0,s.jsx)("div",{className:"mt-3 flex h-[18px] space-x-2",children:x.tag?(0,s.jsx)("div",{className:"overflow-hidden overflow-ellipsis rounded-1 bg-interaction-secondary-press px-1 py-0.5 text-label-2 text-label-alternative",title:x.tag,children:x.tag}):null})]}

1):m===n.H.MY_FILE?(0,s.jsx)(s.Fragment,{children:(null==x?void 0:x.fileSize)?(0,s.jsx)("div",{className:"text-label-2 text-label-alternative",children:(0,o.VU)(null==x?void 0:x.fileSize)}):null}):m===n.H.LIKE?(0,s.jsx)(s.Fragment,{children:(null==x?void 0:x.menu)?(0,s.jsx)("div",{className:"text-label-2 text-label-alternative",children:(0,c.MS)(x.menu)}):null}):m===n.H.TRASH?(0,s.jsx)("div",{className:"flex items-center space-x-1",children:(null==x?void 0:x.type)===n.al.FILE?(0,s.jsxs)(s.Fragment,{children:[(null==x?void 0:x.fileSize)?(0,s.jsxs)("div",{className:"text-label-2 text-label-alternative",children:[(0,o.VU)(null==x?void 0:x.fileSize)," /"]}):null,(null==x?void 0:x.lastModifiedDate)?(0,s.jsx)("div",{className:"text-label-2 text-label-alternative",children:(0,o.xn)(null==x?void 0:x.lastModifiedDate," 전 삭제",X)}):null]}):(0,s.jsx)(s.Fragment,{children:(null==x?void 0:x.lastModifiedDate)?(0,s.jsx)("div",{className:"text-label-2 text-label-alternative",children:(0,o.xn)(null==x?void 0:x.lastModifiedDate," 전 삭제",X)}):null})}):null]})}},94739:function(e,t,l){"use strict";var s=l(28598);t.Z=e=>{let{children:t}=e;return(0,s.jsx)("h2",{className:"text-body-1 font-regular text-label-normal",children:t})}},53588:function(e,t,l){"use strict";l.r(t),l.d(t,{__N_SSP:function(){return q},default:function(){return J}});var s=l(28598),i=l(82684),n=l(42107),a=l(95783),c=l(94739),o=l(12785),r=l(76870),d=l(87034),u=l(67585),h=l(25968),x=l(34376),m=l(7863),v=l(86002),g=l(66551),f=e=>{let{label:t,data:l}=e,n=(0,x.useRouter)(),a=(0,v.I0)(),c=(0,i.useRef)(null),[f,j]=(0,i.useState)(!1),{hasNext:E,hasPrev:p,onClickNext:N,onClickPrev:w,onScroll:T}=(0,h.Z)(c,f),b=(0,i.useMemo)(()=>{var e;return null!==(e=null==l?void 0:l.map(e=>e.contCode))&&void 0!==e?e:[]},[l]),S=()=>{n.push("/".concat(m.X.SPACE,"/").concat(m.N.TEMPLATE_LIST))};return(0,s.jsxs)("div",{className:"w-full space-y-3",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsx)(d.Z,{children:t}),(0,s.jsx)(o.Z,{onClick:()=>S()})]}),(0,s.jsxs)("div",{className:"relative w-full",children:[p?(0,s.jsx)(r.Z,{onClick:()=>w()}):null,(0,s.jsx)("div",{ref:c,className:"flex space-x-2 overflow-hidden",onScroll:T,onLoad:()=>j(!0),children:null==l?void 0:l.map(e=>(0,s.jsx)(u.Z,{data:e,onClick:()=>{a((0,g.LX)(b)),a((0,g.gU)(e.contCode))}},e.id))}),E?(0,s.jsx)(r.Z,{onClick:()=>N(),isNext:!0}):null]})]})},j=l(8621),E=l(12723),p=l(46800),N=l.n(p),w=l(7555),T=l(52136),b=l(45585),S=l(80469),_=l(78804),M=l(22117),P=l(87391),y=e=>{let{data:t,onLoadMore:l,hasMore:n}=e,a=(0,x.useRouter)(),c=(0,S.Z)(),r=(0,i.useMemo)(()=>{let e=c.width>=1280?5:c.width>1024?4:2,l=[...Array(e)].map(()=>[]);return t.forEach(t=>{let s,i=0,n=-1;for(s=0;s<e;s+=1){let e=l[s].reduce((e,t)=>{var l,s,i;return e+(((null===(l=t.size)||void 0===l?void 0:l.height)||0)<M.eu?M.eu:((null===(s=t.size)||void 0===s?void 0:s.height)||0)>M.IW?M.IW:(null===(i=t.size)||void 0===i?void 0:i.height)||0)},0);if(0===e){n=s;break}(0===i||e<i)&&(n=s,i=e)}n>-1&&l[n].push(t)}),l},[t,c.width]),u=()=>{a.push("/".concat(m.X.SPACE,"/").concat(m.N.MY_DESIGN))};return(0,s.jsxs)("div",{className:"w-full space-y-3",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsx)(d.Z,{children:"최근 디자인"}),(0,s.jsx)(o.Z,{onClick:()=>u()})]}),t&&(null==t?void 0:t.length)>0?(0,s.jsx)(N(),{hasMore:n,loadMore:l,useWindow:!1,getScrollParent:()=>document.getElementById(M.AI),loader:(0,s.jsx)(T.Z,{className:"py-4"},0),children:(0,s.jsx)(b.Z,{children:r.map((e,t)=>(0,s.jsx)(P.Z,{children:e.map((e,t)=>(0,s.jsx)(_.Z,{viewType:w.H.RECENT_DESIGN,data:e,onClick:()=>{window.open("".concat(window.location.origin,"/editor?design=").concat(e.designCode))}},t))},t))})}):(0,s.jsx)(E.Z,{})]})},I=l(10411),L=l(35579),C=l(11963),Z=l(26514),A=l(54644),z=l(41879),k=l(1887),D=l.n(k),H=l(48989),F=l(67675),X=l(47186),U=l(55514),B=l.n(U),R=l(34510),G=l(43512),K=l(66167),W=l(72374),O=l(18162),Y=l(66582),$=l(53137),V=l(39378);let Q=()=>{let{publicRuntimeConfig:e}=B()(),{localApiUrl:t}=e,{isLoggedIn:l}=(0,i.useContext)(L.O),n=(0,x.useRouter)(),r=(0,v.I0)(),{addLocalRecentlyUsedKeywords:u,deleteLocalRecentlyUsedKeywords:h,deleteAllLocalRecentlyUsedKeywords:g}=(0,$.Z)(),[p,N]=(0,i.useState)(""),[T,b]=(0,i.useState)(0),[S,_]=(0,i.useState)(""),[M,P]=(0,i.useState)([]),{data:k,isLoading:U,refetch:Q,isError:q}=(0,j.Z)((0,F.o)(),{refetchOnWindowFocus:!1}),{data:J,isLoading:ee,refetch:et,isError:el}=(0,j.Z)((0,R.p)(),{refetchOnWindowFocus:!1}),{data:es,isLoading:ei,refetch:en,isError:ea}=(0,j.Z)((0,H.V)(),{refetchOnWindowFocus:!1,enabled:l}),ec=(0,i.useMemo)(()=>{var e;return(null==k?void 0:null===(e=k.data)||void 0===e?void 0:e.items)||[]},[k]),eo=(0,i.useMemo)(()=>{var e;return(null==J?void 0:null===(e=J.data)||void 0===e?void 0:e.items)||[]},[J]),er=(0,i.useMemo)(()=>{var e;return(null==es?void 0:null===(e=es.data)||void 0===e?void 0:e.items)||[]},[es]),ed=(0,i.useMemo)(()=>er.map(e=>({id:e.id,designCode:e.design_code,type:w.al.DESIGN,title:e.title,image:e.preview_url,createdDate:e.modified_at,lastModifiedDate:e.modified_at,pages:e.page_count,size:{width:e.width,height:e.height,unit:e.unit},tag:e.tag,designThumbnailUrls:e.pages.map(e=>e.thumb_url)})),[er]),eu=()=>{window.open("".concat(window.location.origin,"/editor"))},eh=()=>{r((0,I.Lj)(I.hs.NEW))},ex=async()=>{await Q(),await et(),await en()};return(0,i.useEffect)(()=>{S&&M.length&&(p?n.push("/".concat(m.X.SPACE,"/").concat(m.N.TEMPLATE_LIST,"?search=").concat(p,"&usagePurposeKey=").concat(S,"&usagePurposeIds=").concat(M.join(",")),"/".concat(m.X.SPACE,"/").concat(m.N.TEMPLATE_LIST,"?search=").concat(p)):n.push("/".concat(m.X.SPACE,"/").concat(m.N.TEMPLATE_LIST,"?usagePurposeKey=").concat(S,"&usagePurposeIds=").concat(M.join(",")),"/".concat(m.X.SPACE,"/").concat(m.N.TEMPLATE_LIST,"?usagePurposeKey=").concat(S,"&usagePurposeIds=").concat(M.join(","))))},[n,p,S,M]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(D(),{children:[(0,s.jsx)("meta",{property:"og:url",content:"".concat(t,"/").concat(m.X.SPACE,"/").concat(m.N.HOME)}),(0,s.jsx)("meta",{property:"og:title",content:"에디터 홈 - 클립아트코리아"}),(0,s.jsx)("title",{children:"에디터 홈 - 클립아트코리아"})]}),(0,s.jsxs)(s.Fragment,{children:[q||ea||el?(0,s.jsx)(X.Z,{spaceTitle:"홈",onClick:ex}):(0,s.jsxs)("div",{className:"flex flex-col space-y-[60px]",children:[(0,s.jsxs)("div",{className:"flex flex-col space-y-6",children:[(0,s.jsxs)("div",{className:"flex flex-col space-y-2",children:[(0,s.jsx)(a.Z,{children:"홈"}),(0,s.jsx)(c.Z,{children:"다양한 템플릿으로 디자인을 쉽고 빠르게 완성해 보세요."})]}),(0,s.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,s.jsx)(C.Z,{className:"w-[244px]",text:"바로 시작하기",onClick:()=>eu()}),(0,s.jsx)(Z.Z,{className:"w-[244px]",text:"사이즈 선택하기",onClick:()=>eh()})]}),(0,s.jsxs)("div",{className:"flex space-x-2",children:[(0,s.jsx)(O.Z,{toolbarType:Y.Bv.TEMPLATE,isSmall:!1,value:p,setValue:N,placeholder:"템플릿 검색",onClickKeyword:e=>{N(e),u(Y.Bv.TEMPLATE,e),n.push("/".concat(m.X.SPACE,"/").concat(m.N.TEMPLATE_LIST,"?search=").concat(e).concat(T?"&workSizeId=".concat(T):""),"/".concat(m.X.SPACE,"/").concat(m.N.TEMPLATE_LIST,"?search=").concat(e))},onDeleteKeyword:e=>{h(Y.Bv.TEMPLATE,e)},onDeleteAllKeywords:()=>{g(Y.Bv.TEMPLATE)},onEnter:()=>{u(Y.Bv.TEMPLATE,p),n.push("/".concat(m.X.SPACE,"/").concat(m.N.TEMPLATE_LIST,"?search=").concat(p),"/".concat(m.X.SPACE,"/").concat(m.N.TEMPLATE_LIST,"?search=").concat(p))}}),(0,s.jsx)("div",{className:"w-[300px]",children:(0,s.jsx)(K.Z,{selectedId:T,size:W.M.LG,onSelect:e=>{b(e),p?(u(Y.Bv.TEMPLATE,p),n.push("/".concat(m.X.SPACE,"/").concat(m.N.TEMPLATE_LIST,"?search=").concat(p,"&workSizeId=").concat(e),"/".concat(m.X.SPACE,"/").concat(m.N.TEMPLATE_LIST,"?search=").concat(p))):n.push("/".concat(m.X.SPACE,"/").concat(m.N.TEMPLATE_LIST,"?workSizeId=").concat(e),"/".concat(m.X.SPACE,"/").concat(m.N.TEMPLATE_LIST))}})}),(0,s.jsx)("div",{className:"w-[300px]",children:(0,s.jsx)(V.Z,{selectedIds:M,size:W.M.LG,setSelectedIds:e=>{P(e),p&&u(Y.Bv.TEMPLATE,p)},setTemplateFilterKey:_,isExpanded:!1})})]})]}),ec&&ec.length>0?(0,s.jsx)(f,{label:"디자이너 신규 템플릿",data:ec}):U?(0,s.jsx)(z.Z,{}):null,eo&&eo.length>0?(0,s.jsx)(f,{label:"개인 크리에이터 템플릿",data:eo}):ee?(0,s.jsx)(z.Z,{}):null,ed.length?(0,s.jsx)(y,{data:ed,hasMore:!1,onLoadMore:()=>{}}):ei?(0,s.jsx)(A.Z,{}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsx)(d.Z,{children:"최근 디자인"}),(0,s.jsx)(o.Z,{onClick:()=>{n.push("/".concat(m.X.SPACE,"/").concat(m.N.MY_DESIGN))}})]}),(0,s.jsx)(E.Z,{})]})]}),(0,s.jsx)(G.Z,{setKeyword:e=>{u(Y.Bv.TEMPLATE,e)}})]})]})};Q.getLayout=e=>(0,s.jsx)(n.Z,{children:e});var q=!0,J=Q}},function(e){e.O(0,[199,944,52,62,700,713,763,698,320,888,774,179],function(){return e(e.s=37980)}),_N_E=e.O()}]);