https://skillioz.com/_next/static/chunks/3641.05fbe60fa5a710fa.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3641],{16022:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>c});var i=a(95155),n=a(63626),l=a(97719),s=a(52846);a(33520),a(27996);var o=a(12115),r=a(83109),d=a(35385);function p({item:e,index:t,isActive:a=!1,activeOverlayIndex:n,setActiveOverlayIndex:l,t:s,setShowCreateCvModal:c,setDownloadbuttonClicked:u,setSelecttemplate:m,loading:v,planActive:g,setShowUnlockModal:y,token:f,openDownloadModal:b,onUseTemplate:w}){let[h,x]=(0,o.useState)(e?.colors?.[0]||null),E=h?.image||e.image;return(0,i.jsxs)("div",{className:`w-full p-3 bg-white border border-[#EDEDED] rounded-2xl shadow-[0_8px_30px_rgba(0,0,0,0.04)] transition-transform duration-300 ${a?"md:scale-110":"md:scale-95"}`,children:[(0,i.jsxs)("div",{className:"relative w-full cursor-pointer overflow-hidden bg-white border border-[#E8E8E8] rounded-xl transition-all duration-300 group",onClick:()=>l(n===t?null:t),children:[(0,i.jsx)("div",{className:"aspect-[1/1.414] w-full overflow-hidden bg-gray-50",children:(0,i.jsx)("img",{src:E,className:"w-full h-full object-cover object-top pointer-events-none",alt:e.name,loading:"lazy",decoding:"async",fetchPriority:"low",referrerPolicy:"no-referrer"})}),e.atsFriendly&&(0,i.jsx)("div",{className:"absolute bottom-4 left-0 bg-[#B5D9B9CC] text-white px-3 py-1.5 rounded-r-full flex items-center gap-2 shadow-xl z-20 transition-transform group-hover:scale-105 border border-white/10",children:(0,i.jsx)("span",{className:"text-[11px] font-medium uppercase tracking-wider",children:s("templateSlider.atsFriendlyBadge")})}),(0,i.jsx)("div",{className:`absolute inset-0 bg-black/40 transition flex items-center justify-center z-30 ${n===t?"opacity-100 pointer-events-auto":"opacity-0 pointer-events-none md:group-hover:opacity-100 md:group-hover:pointer-events-auto"}`,children:(0,i.jsxs)("div",{className:`relative z-10 flex flex-col gap-2 ${n===t?"opacity-100":"opacity-0 md:group-hover:opacity-100"}`,children:[!e.isNotLive&&(0,i.jsx)("button",{onClick:t=>{t.stopPropagation(),u(!1),(0,r.setCookie)("templateSlug",e.slug),m(e),localStorage.setItem("selectedTemplate",e.slug),localStorage.setItem("selectedTemplateName",e.name),h?localStorage.setItem("selectedTemplateColor",JSON.stringify(h)):localStorage.removeItem("selectedTemplateColor"),w?w(e):c(!0)},className:`bg-black text-[12px] text-white px-8 py-1.5 rounded-full shadow-2xl hover:scale-105 transition-all active:scale-95 border border-white/20 font-medium ${v?"opacity-50 cursor-not-allowed":""}`,disabled:v,children:s(v?"templateSlider.loading":"templateSlider.useThisTemplate")}),(e.isGoogleDocs||e.isMSWord)&&(0,i.jsx)("button",{onClick:t=>(u(!0),t.stopPropagation(),g)?f?void b(e):void y(!0):y(!0),className:`bg-white text-[12px] text-black px-8 py-1.5 rounded-full shadow-2xl hover:scale-105 transition-all active:scale-95 border border-white/20 font-medium ${v?"opacity-50 cursor-not-allowed":""}`,disabled:v,children:s(v?"templateSlider.loading":"allTemplates.downloadTemplate")})]})})]}),(0,i.jsxs)("div",{className:"flex items-center justify-between gap-2 mt-3 px-1",children:[(0,i.jsx)("span",{className:"text-[14px] font-medium text-[#0D0D0D] capitalize truncate",children:e?.displayName||e?.name}),(0,d.d)(e)&&(0,i.jsx)("div",{className:"flex items-center gap-1.5 flex-shrink-0",children:e.colors.map((e,t)=>{let a=h?.color===e.color;return(0,i.jsx)("button",{type:"button","aria-label":e.color,className:"w-3.5 h-3.5 rounded-full cursor-pointer transition-all duration-150",style:{backgroundColor:e.color,boxShadow:a?`0 0 0 2px #fff, 0 0 0 3.5px ${e.color}`:"none"},onClick:t=>{t.stopPropagation(),x(e)}},t)})})]})]})}let c=({swiperRef:e,mappedTemplates:t,setActiveIndex:a,activeOverlayIndex:o,setActiveOverlayIndex:r,t:d,setShowCreateCvModal:c,setDownloadbuttonClicked:u,setSelecttemplate:m,loading:v,planActive:g,setShowUnlockModal:y,token:f,openDownloadModal:b,handleFixCv:w})=>(0,i.jsx)(n.RC,{modules:[l.A,s.A],onSwiper:t=>{e.current=t},onSlideChange:e=>{a(e.realIndex),r(null)},slidesPerView:1.2,centeredSlides:!0,spaceBetween:20,loop:!0,autoplay:{delay:2500,disableOnInteraction:!0,pauseOnMouseEnter:!0},breakpoints:{640:{slidesPerView:1.8,spaceBetween:20},768:{slidesPerView:2.2,spaceBetween:25},1024:{slidesPerView:4.4,spaceBetween:30},1440:{slidesPerView:4.6,spaceBetween:35},1920:{slidesPerView:4.6,spaceBetween:40},2560:{slidesPerView:5,spaceBetween:45}},children:t.map((e,t)=>(0,i.jsx)(n.qr,{className:"flex items-center justify-center py-10 overflow-visible",children:({isActive:a})=>(0,i.jsx)(p,{item:e,index:t,isActive:a,activeOverlayIndex:o,setActiveOverlayIndex:r,t:d,setShowCreateCvModal:c,setDownloadbuttonClicked:u,setSelecttemplate:m,loading:v,planActive:g,setShowUnlockModal:y,token:f,openDownloadModal:b,onUseTemplate:w})},t))})},27996:()=>{},31048:(e,t,a)=>{"use strict";a.d(t,{c:()=>n});var i=a(14758);function n(e,t,a,n){let l=a??{},s=t??{};

1return e.params.createElements&&Object.keys(n).forEach(t=>{if(!l[t]&&!0===l.auto){let a=(0,i.e)(e.el,`.${n[t]}`)[0];a||((a=(0,i.a)("div",n[t])).className=n[t],e.el.append(a)),l[t]=a,s[t]=a}}),l}},52846:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});let i=({swiper:e,extendParams:t,on:a,emit:i,params:n})=>{let l,s,o;function r(){return e.params.autoplay}e.autoplay={running:!1,paused:!1,timeLeft:0},t({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!1,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});let d="object"==typeof n.autoplay&&n.autoplay&&"number"==typeof n.autoplay.delay?n.autoplay.delay:3e3,p=d,c=d,u=0,m=new Date().getTime(),v=!1,g=!1,y=!1,f=!1,b=!1;function w(t){if(!e||e.destroyed||!e.wrapperEl||t.target!==e.wrapperEl)return;e.wrapperEl.removeEventListener("transitionend",w);let a=t.detail;b||a&&a.bySwiperTouchMove||L()}let h=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?v=!0:v&&(c=u,v=!1);let t=e.autoplay.paused?u:m+c-new Date().getTime();e.autoplay.timeLeft=t,i("autoplayTimeLeft",t,t/p),s=requestAnimationFrame(()=>{h()})},x=()=>{let t=r().delay,a=(()=>{let t,a=!!e.params.virtual?.enabled;if(!(t=e.virtual&&a?e.slides.find(e=>e.classList.contains("swiper-slide-active")):e.slides[e.activeIndex]))return;let i=t.getAttribute("data-swiper-autoplay");if(null!=i)return parseInt(i,10)})();return"number"==typeof a&&!Number.isNaN(a)&&a>0&&(t=a),t},E=t=>{if(e.destroyed||!e.autoplay.running)return 0;void 0!==s&&cancelAnimationFrame(s),h();let a=t;void 0===a&&(p=a=x(),c=a),u=a;let n=e.params.speed,o=()=>{if(!e||e.destroyed)return;let t=r();t.reverseDirection?!e.isBeginning||e.params.loop||e.params.rewind?(e.slidePrev(n,!0,!0),i("autoplay")):t.stopOnLastSlide||(e.slideTo(e.slides.length-1,n,!0,!0),i("autoplay")):!e.isEnd||e.params.loop||e.params.rewind?(e.slideNext(n,!0,!0),i("autoplay")):t.stopOnLastSlide||(e.slideTo(0,n,!0,!0),i("autoplay")),e.params.cssMode&&(m=new Date().getTime(),requestAnimationFrame(()=>{E()}))};return a>0?(void 0!==l&&clearTimeout(l),l=setTimeout(()=>{o()},a)):requestAnimationFrame(()=>{o()}),a},C=()=>(m=new Date().getTime(),e.autoplay.running=!0,E(),i("autoplayStart"),!0),S=()=>(e.autoplay.running=!1,void 0!==l&&clearTimeout(l),void 0!==s&&cancelAnimationFrame(s),i("autoplayStop"),!0),k=(t,a)=>{if(e.destroyed||!e.autoplay.running)return;void 0!==l&&clearTimeout(l),t||(f=!0);let n=()=>{i("autoplayPause"),r().waitForTransition?e.wrapperEl.addEventListener("transitionend",w):L()};(e.autoplay.paused=!0,a)?n():(u=(u||r().delay)-(new Date().getTime()-m),e.isEnd&&u<0&&!e.params.loop||(u<0&&(u=0),n()))},L=()=>{e.isEnd&&u<0&&!e.params.loop||e.destroyed||!e.autoplay.running||(m=new Date().getTime(),f?(f=!1,E(u)):E(),e.autoplay.paused=!1,i("autoplayResume"))},T=()=>{!e.destroyed&&e.autoplay.running&&("hidden"===document.visibilityState&&(f=!0,k(!0)),"visible"===document.visibilityState&&L())},N=t=>{"mouse"!==t.pointerType||(f=!0,b=!0,e.animating||e.autoplay.paused||k(!0))},j=t=>{"mouse"===t.pointerType&&(b=!1,e.autoplay.paused&&L())};a("init",()=>{r().enabled&&(r().pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",N),e.el.addEventListener("pointerleave",j)),document.addEventListener("visibilitychange",T),C())}),a("destroy",()=>{e.el&&"string"!=typeof e.el&&(e.el.removeEventListener("pointerenter",N),e.el.removeEventListener("pointerleave",j)),document.removeEventListener("visibilitychange",T),e.autoplay.running&&S()}),a("_freeModeStaticRelease",()=>{(y||f)&&L()}),a("_freeModeNoMomentumRelease",()=>{r().disableOnInteraction?S():k(!0,!0)}),a("beforeTransitionStart",(t,a,i)=>{!e.destroyed&&e.autoplay.running&&(i||!r().disableOnInteraction?k(!0,!0):S())}),a("sliderFirstMove",()=>{if(!e.destroyed&&e.autoplay.running){if(r().disableOnInteraction)return void S();g=!0,y=!1,f=!1,o=setTimeout(()=>{f=!0,y=!0,k(!0)},200)}}),a("touchEnd",()=>{if(!e.destroyed&&e.autoplay.running&&g){if(void 0!==o&&clearTimeout(o),void 0!==l&&clearTimeout(l),r().disableOnInteraction){y=!1,g=!1;return}y&&e.params.cssMode&&L(),y=!1,g=!1}}),a("slideChange",()=>{!e.destroyed&&e.autoplay.running&&e.autoplay.paused&&(u=x(),p=x())}),Object.assign(e.autoplay,{start:C,stop:S,pause:k,resume:L})}},97719:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});var i=a(31048),n=a(14758);let l='<svg class="swiper-navigation-icon" width="11" height="20" viewBox="0 0 11 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.38296 20.0762C0.111788 19.805 0.111788 19.3654 0.38296 19.0942L9.19758 10.2796L0.38296 1.46497C0.111788 1.19379 0.111788 0.754138 0.38296 0.482966C0.654131 0.211794 1.09379 0.211794 1.36496 0.482966L10.4341 9.55214C10.8359 9.9539 10.8359 10.6053 10.4341 11.007L1.36496 20.0762C1.09379 20.3474 0.654131 20.3474 0.38296 20.0762Z" fill="currentColor"/></svg>',s=({swiper:e,extendParams:t,on:a,emit:s})=>{function o(){return e.params.navigation}function r(t){let a;return t&&"string"==typeof t&&e.isElement&&(a=e.el.querySelector(t)||e.hostEl.querySelector(t))?a:(t&&("string"==typeof t&&(a=[...document.querySelectorAll(t)]),e.params.uniqueNavElements&&"string"==typeof t&&a&&a.length>1&&1===e.el.querySelectorAll(t).length?a=e.el.querySelector(t):a&&1===a.length&&(a=a[0])),t&&!a)?t:a}function d(t,a){let i=o();(0,n.s)(t).forEach(t=>{t&&(t.classList[a?"add":"remove"](...i.disabledClass.split(" ")),"BUTTON"===t.tagName&&(t.disabled=a),e.params.watchOverflow&&e.enabled&&t.classList[e.isLocked?"add":"remove"](i.lockClass))})}function p(){let{nextEl:t,prevEl:a}=e.navigation;if(e.params.loop){d(a,!1),d(t,!1);return}d(a,e.isBeginning&&!e.params.rewind),d(t,e.isEnd&&!e.params.rewind)}function c(t){t.preventDefault(),(!e.isBeginning||e.params.loop||e.params.rewind)&&(e.slidePrev(),s("navigationPrev"))}function u(t){t.preventDefault(),(!e.isEnd||e.params.loop||e.params.rewind)&&(e.slideNext(),s("navigationNext"))}function m(){e.params.navigation=(0,i.c)(e,e.originalParams.navigation,e.params.navigation,{nextEl:"swiper-button-next",prevEl:"swiper-button-prev"});let t=o();if(!(t.nextEl||t.prevEl))return;let a=r(t.nextEl),s=r(t.prevEl);Object.assign(e.navigation,{nextEl:a,prevEl:s});let d=(0,n.s)(a),p=(0,n.s)(s),m=(a,i)=>{if(a){if(t.addIcons&&a.matches(".swiper-button-next,.swiper-button-prev")&&!a.querySelector("svg")){let e=document.createElement("div");(0,n.w)(e,l);let t=e.querySelector("svg");t&&a.appendChild(t),e.remove()}a.addEventListener("click","next"===i?u:c)}!e.enabled&&a&&a.classList.add(...t.lockClass.split(" "))};

1d.forEach(e=>m(e,"next")),p.forEach(e=>m(e,"prev"))}function v(){let t=o(),{nextEl:a,prevEl:i}=e.navigation,l=(0,n.s)(a),s=(0,n.s)(i),r=(e,a)=>{e.removeEventListener("click","next"===a?u:c),e.classList.remove(...t.disabledClass.split(" "))};l.forEach(e=>r(e,"next")),s.forEach(e=>r(e,"prev"))}t({navigation:{nextEl:null,prevEl:null,addIcons:!0,hideOnClick:!1,disabledClass:"swiper-button-disabled",hiddenClass:"swiper-button-hidden",lockClass:"swiper-button-lock",navigationDisabledClass:"swiper-navigation-disabled"}}),e.navigation={nextEl:null,prevEl:null,arrowSvg:l},a("init",()=>{!1===o().enabled?g():(m(),p())}),a("toEdge fromEdge lock unlock",()=>{p()}),a("destroy",()=>{v()}),a("enable disable",()=>{let t=o(),{nextEl:a,prevEl:i}=e.navigation,l=(0,n.s)(a),s=(0,n.s)(i);e.enabled?p():[...l,...s].filter(e=>!!e).forEach(e=>e.classList.add(t.lockClass))}),a("click",(t,a)=>{let i=o(),{nextEl:l,prevEl:r}=e.navigation,d=(0,n.s)(l),p=(0,n.s)(r),c=a.target,u=p.includes(c)||d.includes(c);if(e.isElement&&!u){let e=a.composedPath?a.composedPath():[];e.length&&(u=e.find(e=>d.includes(e)||p.includes(e)))}if(i.hideOnClick&&!u){let t;if(e.pagination&&e.params.pagination&&e.params.pagination.clickable&&(e.pagination.el===c||e.pagination.el.contains(c)))return;d.length?t=d[0].classList.contains(i.hiddenClass):p.length&&(t=p[0].classList.contains(i.hiddenClass)),!0===t?s("navigationShow"):s("navigationHide"),[...d,...p].filter(e=>!!e).forEach(e=>e.classList.toggle(i.hiddenClass))}});let g=()=>{let t=o();e.el.classList.add(...t.navigationDisabledClass.split(" ")),v()};Object.assign(e.navigation,{enable:()=>{let t=o();e.el.classList.remove(...t.navigationDisabledClass.split(" ")),m(),p()},disable:g,update:p,init:m,destroy:v})}}}]);