https://www.ls.graphics/_next/static/chunks/d98fc66b1a454f12.js?dpl=dpl_81NVd5rQzFehDtyWKUG9hc7joGpH

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,14645,e=>{e.v({gallerySkeleton:"productCard-module__Sp3LQW__gallerySkeleton",multipleImages:"productCard-module__Sp3LQW__multipleImages",productCardBox:"productCard-module__Sp3LQW__productCardBox",productCardGallery:"productCard-module__Sp3LQW__productCardGallery",productCardImage:"productCard-module__Sp3LQW__productCardImage",productCardImageContainer:"productCard-module__Sp3LQW__productCardImageContainer",productCardImageFallback:"productCard-module__Sp3LQW__productCardImageFallback",productCardImagePlaceholder:"productCard-module__Sp3LQW__productCardImagePlaceholder",productCardLink:"productCard-module__Sp3LQW__productCardLink",productCardPicture:"productCard-module__Sp3LQW__productCardPicture",productCardPricing:"productCard-module__Sp3LQW__productCardPricing",productCardSkeletonFromRow:"productCard-module__Sp3LQW__productCardSkeletonFromRow",shimmer:"productCard-module__Sp3LQW__shimmer",singleImage:"productCard-module__Sp3LQW__singleImage"})},69705,e=>{"use strict";var t=e.i(43476),a=e.i(71645),s=e.i(14645),l=e.i(43794),d=e.i(22016),r=e.i(57688);e.s(["default",0,e=>{let{title:i,price:u,images:o,link:n,...c}=e,p=(0,a.useMemo)(()=>o?[...o].slice(0,4):[],[o]),m=p.length>0,f=p.length;return(0,t.jsx)("div",{className:(0,l.default)(s.default.productCardBox),children:(0,t.jsxs)(d.default,{prefetch:!1,href:n,className:(0,l.default)(s.default.productCardLink),...c,draggable:!1,onDragStart:e=>{e.preventDefault(),e.stopPropagation()},children:[(0,t.jsx)("div",{className:(0,l.default)(s.default.productCardGallery,{[s.default.singleImage]:1===f,[s.default.multipleImages]:f>1}),"data-loaded":m,children:m?p.map((e,a)=>{let d,u=0===a;return(0,t.jsx)("div",{className:(0,l.default)(s.default.productCardImageContainer),children:(0,t.jsx)(r.default,{unoptimized:!0,src:(d=e.includes("?")?"&":"?",u?`${e}${d}width=700&format=webp&quality=90`:`${e}${d}width=400&format=webp&quality=90`),alt:i,width:400,height:300,className:s.default.productCardImage,"data-loaded":!0,draggable:!1,loading:u?"eager":"lazy"})},`${e}-${a}`)}):(0,t.jsx)("div",{className:(0,l.default)(s.default.productCardSkeletonFromRow)})}),(0,t.jsxs)("div",{className:(0,l.default)(s.default.productCardPricing),children:[(0,t.jsx)("p",{children:i}),-1!==u?(0,t.jsx)("span",{children:u?`$${u}`:"free"}):null]})]})})}])},51095,e=>{e.v({assetBox:"assetBox-module__qO6Fpa__assetBox",assetBoxImg:"assetBox-module__qO6Fpa__assetBoxImg",assetBoxImgFallback:"assetBox-module__qO6Fpa__assetBoxImgFallback",assetBoxPlaceholder:"assetBox-module__qO6Fpa__assetBoxPlaceholder",assetBoxTitle:"assetBox-module__qO6Fpa__assetBoxTitle",assetCategoryImg:"assetBox-module__qO6Fpa__assetCategoryImg",assetCategoryLink:"assetBox-module__qO6Fpa__assetCategoryLink",assetCategoryTitle:"assetBox-module__qO6Fpa__assetCategoryTitle",assetEditOnline:"assetBox-module__qO6Fpa__assetEditOnline",assetEditOnlineText:"assetBox-module__qO6Fpa__assetEditOnlineText",assetFree:"assetBox-module__qO6Fpa__assetFree",assetFreeText:"assetBox-module__qO6Fpa__assetFreeText",assetLink:"assetBox-module__qO6Fpa__assetLink",assetPicture:"assetBox-module__qO6Fpa__assetPicture",card:"assetBox-module__qO6Fpa__card",imageContainer:"assetBox-module__qO6Fpa__imageContainer",imageSkeleton:"assetBox-module__qO6Fpa__imageSkeleton",previewCard:"assetBox-module__qO6Fpa__previewCard",shimmer:"assetBox-module__qO6Fpa__shimmer"})},9526,e=>{"use strict";var t=e.i(43476),a=e.i(43794),s=e.i(51095),l=e.i(22016),d=e.i(57688);e.s(["default",0,e=>{let{isFree:r,isEditOnline:i,product:u,title:o,link:n,img:c}=e,p=Array.isArray(c)?c:[c],m=p.length;return(0,t.jsxs)("div",{className:(0,a.default)(s.default.assetBox),children:[u?(0,t.jsxs)(l.default,{href:u.link,prefetch:!1,className:(0,a.default)(s.default.assetCategoryLink),children:[(0,t.jsx)(d.default,{src:`${u.img}?width=48&format=webp&quality=90`,alt:"Product icon",width:24,height:24,className:(0,a.default)(s.default.assetCategoryImg),unoptimized:!0}),(0,t.jsx)("p",{className:(0,a.default)(s.default.assetCategoryTitle),children:u.title})]}):null,(0,t.jsxs)(l.default,{href:n,prefetch:!1,className:(0,a.default)(s.default.assetLink),children:[(0,t.jsxs)("div",{className:s.default.imageContainer,children:[(0,t.jsx)("div",{className:s.default.card,"data-count":m>=5?5:m,children:p.map((e,a)=>(0,t.jsx)("div",{className:s.default.previewCard,children:(0,t.jsx)(d.default,{src:`${e}?width=700&format=webp&quality=90`,alt:o,className:s.default.assetBoxImg,priority:!0,fill:!0,unoptimized:!0})},`${e}-${a}`))}),r?(0,t.jsx)("div",{className:(0,a.default)(s.default.assetFree),children:(0,t.jsx)("p",{className:(0,a.default)(s.default.assetFreeText),children:"Free"})}):null,i?(0,t.jsx)("div",{className:(0,a.default)(s.default.assetEditOnline),children:(0,t.jsx)("p",{className:(0,a.default)(s.default.assetEditOnlineText),children:"Edit Online"})}):null]}),(0,t.jsx)("p",{className:(0,a.default)(s.default.assetBoxTitle),children:o})]})]})}])},58453,e=>{e.v({activeTab:"tabs-module__9S3Zcq__activeTab",fullWidth:"tabs-module__9S3Zcq__fullWidth",tab:"tabs-module__9S3Zcq__tab",tabsContainer:"tabs-module__9S3Zcq__tabsContainer"})},60659,e=>{"use strict";var t=e.i(43476),a=e.i(71645),s=e.i(58453),l=e.i(43794);e.s(["default",0,e=>{let{items:d,fullWidth:r,onChange:i,activeTabId:u,...o}=e,[n,c]=(0,a.useState)(null);return((0,a.useEffect)(()=>

1{if(!d||0===d.length)return;let e=u&&d.find(e=>e.id===u)||d[0];n?.id!==e.id&&(c(e),i(e))},[d,u]),d&&0!==d.length)?(0,t.jsx)("div",{className:(0,l.default)(s.default.tabsContainer,r&&s.default.fullWidth),...o,children:d.map(e=>(0,t.jsx)("button",{className:(0,l.default)(s.default.tab,{[s.default.activeTab]:n?.id===e.id},r&&s.default.fullWidth),onClick:()=>{c(e),i(e)},children:e.title},e.id))}):null}])},1326,e=>{"use strict";var t=e.i(71645);function a(e){let{storageKey:a,defaultTabId:s}=e,l=window.location.pathname,d=a??(l?`tab:${l}`:void 0),[r,i]=(0,t.useState)(s),u=(0,t.useRef)(!1);return(0,t.useEffect)(()=>{if(d)try{let e=window.localStorage.getItem(d);if(null!==e){let t=JSON.parse(e);i(t),u.current=!0}}catch{}},[d]),(0,t.useEffect)(()=>{u.current||i(s)},[s]),(0,t.useEffect)(()=>{if(d)try{window.localStorage.setItem(d,JSON.stringify(r))}catch{}},[r,d]),{activeTabId:r,setActiveTabId:i,wasRestored:u.current}}e.s(["usePersistentTab",()=>a])},72186,e=>{"use strict";var t=e.i(43476),a=e.i(21231),s=e.i(43794),l=e.i(34816),d=e.i(39905),r=e.i(13162),i=e.i(94164),u=e.i(71645),o=e.i(60659),n=e.i(9526),c=e.i(69705),p=e.i(56944),m=e.i(13375),f=e.i(92983),_=e.i(37345),g=e.i(54338),h=e.i(1326),x=e.i(42416),C=e.i(82039);function v(e){let{sideBarMenuItems:v,featuredAssets:F,featuredProducts:k}=e,{user:b}=(0,g.useAuth)(),{hasActiveSubscriptions:y,loading:S}=(0,_.useMembership)(),{saleSystem:j}=(0,C.useSaleSystem)(),{activeTabId:O,setActiveTabId:w}=(0,h.usePersistentTab)({storageKey:"tabs:mockups-root",defaultTabId:i.tabsMenu[0]?.id??0}),[B,I]=(0,u.useState)([]),[N,P]=(0,u.useState)("all"),[q,L]=(0,u.useState)(!0),T=(0,u.useRef)(0),E=(0,u.useRef)(null),[$,Q]=(0,u.useState)(F),[W,A]=(0,u.useState)(k),[G,R]=(0,u.useState)(60),[z,M]=(0,u.useState)(60),[H,Z]=(0,u.useState)(!1),K=(0,u.useRef)(null),U=(0,u.useRef)(null),D=(()=>{let[e,t]=(0,u.useState)(!1);return(0,u.useEffect)(()=>{let e=()=>{t(window.innerWidth<=768)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),e})(),{data:J}=(0,m.useGetSupportBunnerQuery)();(0,u.useEffect)(()=>{let e=()=>{let e=E.current?.scrollTop||0;0===e?L(!0):e>100&&L(!1),T.current=e},t=E.current;if(t)return t.addEventListener("scroll",e),()=>{t.removeEventListener("scroll",e)}},[]);let{data:V,isFetching:X}=(0,m.useGetFeaturedAssetsPaginatedQuery)({offset:G,limit:60},{skip:!H||0!==O||"all"!==N}),{data:Y,isFetching:ee}=(0,m.useGetFreeAssetsPaginatedQuery)({offset:G,limit:60},{skip:!H||0!==O||"free"!==N}),{data:et,isFetching:ea}=(0,m.useGetEditOnlineAssetsPaginatedQuery)({offset:G,limit:60},{skip:!H||0!==O||"editOnline"!==N}),{data:es,isFetching:el}=(0,m.useGetFeaturedProductsPaginatedQuery)({offset:z,limit:60},{skip:!H||1!==O||"all"!==N}),{data:ed,isFetching:er}=(0,m.useGetEditOnlineProductsPaginatedQuery)({offset:z,limit:60},{skip:!H||1!==O||"editOnline"!==N}),ei=X||ee||ea,eu=el||er,eo=(0,u.useCallback)(e=>{w(e.id)},[w]),en=async e=>{Z(!0);try{let t=await ec(e);0===O&&t.assets&&(Q(t.assets),R(60)),1===O&&t.products&&(A(t.products),M(60))}catch(e){console.error("Error loading filtered data:",e)}finally{Z(!1)}},ec=async e=>{switch(e){case"free":return{assets:F.filter(e=>e.is_free),products:k.filter(e=>0===parseFloat(e.price))};case"editOnline":return{assets:F.filter(e=>!!e.mockup_app),products:k.filter(e=>!!e.mockup_app_url)};default:return{assets:F,products:k}}},ep=(0,u.useCallback)(()=>{H||ei||eu||setTimeout(()=>{Z(!0)},200)},[H,ei,eu]);(0,u.useEffect)(()=>{let e;switch(N){case"free":e=Y;break;case"editOnline":e=et;break;default:e=V}if(e?.data&&H&&0===O){let t=e.data.filter(e=>!$.some(t=>t.id===e.id));t.length>0&&(Q(e=>[...e,...t]),R(e=>e+60)),Z(!1)}},[V,Y,et,H,O,$,N]),(0,u.useEffect)(()=>{let e;if(e="editOnline"===N?ed:es,e?.data&&H&&1===O){let t=e.data.filter(e=>!W.some(t=>t.id===e.id));t.length>0&&(A(e=>[...e,...t]),M(e=>e+60)),Z(!1)}},[es,ed,H,O,W,N]),(0,u.useEffect)(()=>(K.current&&K.current.disconnect(),K.current=new IntersectionObserver(e=>{e[0].isIntersecting&&ep()},{threshold:.1,rootMargin:D?"200px":"500px"}),U.current&&K.current.observe(U.current),()=>{K.current&&K.current.disconnect()}),[ep,D]);let em=$.map(e=>{let t="https://ls-graphics-directus-direct.b-cdn.net",a=e.product&&e.product.length>0?e.product[0]:null,s=(!b||!S&&!1===y)&&e.is_free,l=(0,x.mapAssetImagesToUrls)(e.images,t,e.preview);return{isFree:s,isEditOnline:!!e.mockup_app,title:e.name,link:`/assets/${e.slug}`,img:l,...a&&{product:{title:a.products_id.name,img:`${t}/assets/${a.products_id.thumbnail}`,link:`/products/${a.products_id.slug}`}}}}),ef=W.filter(e=>e.small_preview&&e.small_preview.length>=3).map(e=>{let t=e.small_preview.map(e=>e.directus_files_id?`https://ls-graphics-directus-direct.b-cdn.net/assets/${e.directus_files_id}`:null).filter(e=>!!e);return{title:e.name,price:parseFloat(e.price),link:`/products/${e.slug}`,images:t}});return(0,t.jsxs)("div",{className:(0,s.default)(a.default.catalogPage,{[a.default.paddingForHeader]:q&&!J?.show,[a.default.paddingForHeaderWithBanner]:q&&!!J?.

1show,[a.default.saleSystemActive]:j&&q}),children:[(0,t.jsx)("div",{className:(0,s.default)(a.default.hideableHeader,{[a.default.hidde]:!q}),children:(0,t.jsx)(l.default,{mockupsMenuItems:v,externallyFixed:!0,externallyHidden:!q})}),(0,t.jsxs)("div",{className:(0,s.default)(a.default.mainContainer),children:[(0,t.jsx)(d.default,{menuItems:v}),(0,t.jsxs)("div",{ref:E,className:(0,s.default)(a.default.pageContainer,{[a.default.specialPadding]:!q}),children:[(0,t.jsxs)("div",{className:(0,s.default)(a.default.productsPageHeading),children:[(0,t.jsx)(r.default,{items:[{title:"Featured",link:"#"}]}),(0,t.jsx)("h1",{children:"Featured Products"})]}),(0,t.jsxs)("div",{className:(0,s.default)(a.default.productsFilterContainer,{[a.default.stickyFilter]:!q}),children:[(0,t.jsx)(o.default,{items:i.tabsMenu,onChange:eo,activeTabId:O}),(0,t.jsx)(p.default,{options:i.dropdownOptionsFilter,onChange:e=>{if(Array.isArray(e)){I(e);let t="all";e.includes(0)&&e.includes(1)?t="all":e.includes(0)?t="free":e.includes(1)&&(t="editOnline"),t!==N&&(P(t),en(t))}},value:B,placeholder:"All",multi:!0})]}),(0,t.jsxs)("div",{className:(0,s.default)(a.default.productGrid,{[a.default.productGridProducts]:1===O}),children:[0===O&&em.map((e,a)=>(0,t.jsx)(n.default,{isFree:e.isFree,isEditOnline:e.isEditOnline,product:e.product,title:e.title,link:e.link,img:e.img},`assets-${e.link}-${a}`)),1===O&&ef.map((e,a)=>(0,t.jsx)(c.default,{title:e.title,price:e.price,images:e.images,link:e.link},`products-${e.link}-${a}`))]}),(0,t.jsx)("div",{ref:U,className:(0,s.default)(a.default.loadMoreTrigger),style:{height:"100px",minHeight:"100px"},children:(ei||eu)&&(0,t.jsx)("div",{className:(0,s.default)(a.default.loadingIndicator),style:{zIndex:1e3,position:"relative"},children:(0,t.jsx)(f.default,{icon:"preloader",size:56,color:"var(--contrastColor)"})})})]})]})]})}e.s(["default",()=>v])}]);