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

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,47439,e=>{"use strict";var t=e.i(71645);function l(e){let[l,o]=(0,t.useState)(null);return(0,t.useEffect)(()=>{if(!e){o(null),localStorage.removeItem("cachedAvatarData"),localStorage.removeItem("cachedAvatarUrl");return}let t=localStorage.getItem("cachedAvatarUrl"),l=localStorage.getItem("cachedAvatarData");if(t===e&&l)return void o(l);let a=!1;return fetch(e).then(e=>e.blob()).then(t=>{let l=new FileReader;l.onloadend=()=>{if(a)return;let t=l.result;localStorage.setItem("cachedAvatarData",t),localStorage.setItem("cachedAvatarUrl",e),o(t)},l.readAsDataURL(t)}).catch(()=>{a||o(e)}),()=>{a=!0}},[e]),l}e.s(["useCachedAvatar",()=>l])},58681,e=>{e.v({centerSection:"header-module__nrpHoW__centerSection",desktopMenu:"header-module__nrpHoW__desktopMenu",fixed:"header-module__nrpHoW__fixed",header:"header-module__nrpHoW__header",headerRoot:"header-module__nrpHoW__headerRoot",headerUserAvatar:"header-module__nrpHoW__headerUserAvatar",hidden:"header-module__nrpHoW__hidden",leftSection:"header-module__nrpHoW__leftSection",logotype:"header-module__nrpHoW__logotype",mobileMenu:"header-module__nrpHoW__mobileMenu",rightSection:"header-module__nrpHoW__rightSection"})},72527,e=>{e.v({"component-container":"homemenu-module__b-Et3a__component-container",menu:"homemenu-module__b-Et3a__menu","menu-item-wrapper":"homemenu-module__b-Et3a__menu-item-wrapper",menuAppear:"homemenu-module__b-Et3a__menuAppear"})},78152,e=>{e.v({menuItemLink:"menuitem-module__ArztkG__menuItemLink"})},55532,e=>{e.v({boubbleContainer:"boubbleContainer-module__NHl-iW__boubbleContainer"})},79086,e=>{e.v({buttonFlat:"buttonflat-module__jTLuAW__buttonFlat",disabled:"buttonflat-module__jTLuAW__disabled"})},2645,e=>{e.v({onlineToolsPreview:"onlineToolsPreview-module__Yu93UG__onlineToolsPreview",onlineToolsPreview__container:"onlineToolsPreview-module__Yu93UG__onlineToolsPreview__container",onlineToolsPreview__description:"onlineToolsPreview-module__Yu93UG__onlineToolsPreview__description",onlineToolsPreview__icon:"onlineToolsPreview-module__Yu93UG__onlineToolsPreview__icon",onlineToolsPreview__image:"onlineToolsPreview-module__Yu93UG__onlineToolsPreview__image",onlineToolsPreview__item:"onlineToolsPreview-module__Yu93UG__onlineToolsPreview__item",onlineToolsPreview__text:"onlineToolsPreview-module__Yu93UG__onlineToolsPreview__text",onlineToolsPreview__title:"onlineToolsPreview-module__Yu93UG__onlineToolsPreview__title",onlineToolsPreview__titleBox:"onlineToolsPreview-module__Yu93UG__onlineToolsPreview__titleBox"})},20237,e=>{e.v({supportBunner:"supportBunner-module__KJVxrq__supportBunner",supportLink:"supportBunner-module__KJVxrq__supportLink"})},93366,e=>{e.v({saleSystemPopup:"saleSystems-module__3dOaDW__saleSystemPopup",saleSystemPopupClose:"saleSystems-module__3dOaDW__saleSystemPopupClose",saleSystemPopupFlex:"saleSystems-module__3dOaDW__saleSystemPopupFlex",saleSystemPopupIcon:"saleSystems-module__3dOaDW__saleSystemPopupIcon",saleSystemPopupText:"saleSystems-module__3dOaDW__saleSystemPopupText",saleSystemPopupWrapper:"saleSystems-module__3dOaDW__saleSystemPopupWrapper",saleSystemPopupWrapperVisible:"saleSystems-module__3dOaDW__saleSystemPopupWrapperVisible"})},34816,e=>{"use strict";var t=e.i(43476),l=e.i(71645),o=e.i(58681),a=e.i(43794),r=e.i(94164),s=e.i(22016),i=e.i(72527),n=e.i(78152),d=e.i(92983);let u=e=>{let{title:l,link:o,listIcon:r}=e;return(0,t.jsxs)(s.default,{href:o,className:(0,a.default)(n.default.menuItemLink),children:[l,r&&(0,t.jsx)(d.default,{icon:"arrowDown",size:16,color:"var(--color50)"})]})};var c=e.i(55532);let m=e=>{let{children:l,style:o,...r}=e;return(0,t.jsx)("div",{className:(0,a.default)(c.default.boubbleContainer),style:o,...r,children:l})},_=e=>{let{items:o,...r}=e,[s,n]=(0,l.useState)(null),d=()=>{n(null)};return(0,t.jsx)("div",{className:(0,a.default)(i.default.menu),...r,children:o&&o.map((e,l)=>{let o=!!e.nestedComponent;return(0,t.jsxs)("div",{className:i.default["menu-item-wrapper"],onMouseEnter:()=>o&&void n(l),onMouseLeave:d,children:[(0,t.jsx)(u,{title:e.title,link:e.link,listIcon:o}),o&&s===l&&(0,t.jsx)("div",{className:i.default["component-container"],children:(0,t.jsx)(m,{children:e.nestedComponent?.()})})]},e.title)})})};var p=e.i(79086);let f=e=>{let{icon:l,onClick:o,disabled:r,...s}=e;return(0,t.jsx)("button",{type:"button",className:(0,a.default)(p.default.buttonFlat,{[p.default.disabled]:r}),disabled:r,onClick:o,"aria-label":`icon-${l}`,...s,children:l})};var h=e.i(56037),v=e.i(1954),g=e.i(2645);let x=()=>(0,t.jsxs)("div",{className:(0,a.default)(g.default.onlineToolsPreview),children:[(0,t.jsx)(s.default,{target:"_blank",rel:"noopener noreferrer",href:"https://mckp.live/",className:(0,a.default)(g.default.onlineToolsPreview__item),prefetch:!1,children:(0,t.jsx)("div",{className:(0,a.default)(g.default.onlineToolsPreview__item),children:(0,t.jsxs)("div",{className:(0,a.default)(g.default.onlineToolsPreview__container),children:[(0,t.jsx)("video",{src:"/mckplive.webm",className:(0,a.default)(g.default.onlineToolsPreview__image),width:400,height:300,autoPlay:!0,loop:!0,muted:!0,playsInl

1ine:!0}),(0,t.jsxs)("div",{className:(0,a.default)(g.default.onlineToolsPreview__titleBox),children:[(0,t.jsx)("img",{src:"/mckpLiveLogo.svg",alt:"onlineToolsPreview_icon",className:(0,a.default)(g.default.onlineToolsPreview__icon),width:48,height:48}),(0,t.jsxs)("div",{className:(0,a.default)(g.default.onlineToolsPreview__text),children:[(0,t.jsxs)("p",{className:(0,a.default)(g.default.onlineToolsPreview__title),children:["mckp.live ",(0,t.jsx)("span",{children:"beta"})]}),(0,t.jsx)("p",{className:(0,a.default)(g.default.onlineToolsPreview__description),children:"Embedeable and video mockups"})]})]})]})})}),(0,t.jsx)(s.default,{target:"_blank",rel:"noopener noreferrer",href:"https://www.figma.com/community/plugin/817043359134136295/mockup-plugin-devices-mockups-print-mockups-warp-and-distort-transformation",className:(0,a.default)(g.default.onlineToolsPreview__item),prefetch:!1,children:(0,t.jsxs)("div",{className:(0,a.default)(g.default.onlineToolsPreview__container),children:[(0,t.jsx)("img",{src:"https://ls-graphics-directus-direct.b-cdn.net/assets/2d5b9fd9-af80-458c-b164-32ac830b1cff?width=800&format=webp&quality=70",alt:"onlineToolsPreview",className:(0,a.default)(g.default.onlineToolsPreview__image),width:400,height:300}),(0,t.jsxs)("div",{className:(0,a.default)(g.default.onlineToolsPreview__titleBox),children:[(0,t.jsx)("img",{src:"/preview_icon_1.png",alt:"onlineToolsPreview_icon",className:(0,a.default)(g.default.onlineToolsPreview__icon),width:48,height:48}),(0,t.jsxs)("div",{className:(0,a.default)(g.default.onlineToolsPreview__text),children:[(0,t.jsx)("p",{className:(0,a.default)(g.default.onlineToolsPreview__title),children:"Mockup Plugin for Figma"}),(0,t.jsx)("p",{className:(0,a.default)(g.default.onlineToolsPreview__description),children:"Huge collection of devices mockup in Figma"})]})]})]})}),(0,t.jsx)(s.default,{target:"_blank",rel:"noopener noreferrer",href:"https://colorflow.ls.graphics/",className:(0,a.default)(g.default.onlineToolsPreview__item),prefetch:!1,children:(0,t.jsxs)("div",{className:(0,a.default)(g.default.onlineToolsPreview__container),children:[(0,t.jsx)("img",{src:"https://ls-graphics-directus-direct.b-cdn.net/assets/f8164e13-3b9e-4830-bee3-3b715b7a5b6b?width=800&format=webp&quality=70",alt:"onlineToolsPreview",className:(0,a.default)(g.default.onlineToolsPreview__image),width:400,height:300}),(0,t.jsxs)("div",{className:(0,a.default)(g.default.onlineToolsPreview__titleBox),children:[(0,t.jsx)("img",{src:"/colorFlowIconNew.png",alt:"onlineToolsPreview_icon",className:(0,a.default)(g.default.onlineToolsPreview__icon),width:48,height:48}),(0,t.jsxs)("div",{className:(0,a.default)(g.default.onlineToolsPreview__text),children:[(0,t.jsx)("p",{className:(0,a.default)(g.default.onlineToolsPreview__title),children:"ColorFlow"}),(0,t.jsx)("p",{className:(0,a.default)(g.default.onlineToolsPreview__description),children:"Free powerful gradient mesh generator"})]})]})]})})]});var w=e.i(75786),P=e.i(90963),b=e.i(39211),j=e.i(54338),S=e.i(47439),C=e.i(37345),y=e.i(18566),T=e.i(20237),k=e.i(28480);function N(e){let t=(e||"").trim().replace(/^#/,"");return/^([\da-f]{3}|[\da-f]{6}|[\da-f]{8})$/i.test(t)?`#${t}`:null}let W=function(e){let{show:l=!1,html:o="",hex:r="",hexText:s=""}=e;if(!l||!o)return null;let i=async e=>{let t=e.target;t?.closest("[data-support-link]")&&(e.preventDefault(),await (0,k.openChaportChat)())},n=N(r),d=N(s);return(0,t.jsx)("div",{className:(0,a.default)(T.default.supportBunner),style:{background:n||"var(--colorAccent)",color:d||"var(--always-black)"},onClick:i,dangerouslySetInnerHTML:{__html:o.split(/(<[^>]*>)/).map(e=>e.startsWith("<")?e:e.replace(RegExp("support team","gi"),e=>`<button type="button" class="${T.default.supportLink}" data-support-link>${e}</button>`)).join("")}})};var L=e.i(13375);e.i(47167);var I=e.i(93366);let M=function(e){let{show:o,text:r,iconImage:s,onClick:i,headerHeight:n=0,isHeaderHidden:u=!1,isHeaderFixed:c=!1}=e,[m,_]=(0,l.useState)(o),[p,f]=(0,l.useState)(!1),[h,v]=(0,l.useState)(!1),g=(0,l.useRef)(!1),[x,w]=(0,l.useState)(!1);(0,l.useEffect)(()=>

1{if(o&&!h){_(!0);let e=requestAnimationFrame(()=>{f(!0)});return()=>{cancelAnimationFrame(e)}}f(!1)},[o,h]),(0,l.useEffect)(()=>{if(p||o&&!h)return;let e=setTimeout(()=>{_(!1)},300);return()=>{clearTimeout(e)}},[p,o,h]),(0,l.useEffect)(()=>{let e=window.matchMedia("(max-width: 768px)"),t=e=>{w(e.matches)};return(w(e.matches),"function"==typeof e.addEventListener)?(e.addEventListener("change",t),()=>{e.removeEventListener("change",t)}):(e.addListener(t),()=>{e.removeListener(t)})},[]);let P=x&&(c||u)&&(n>0||u);return m?(0,t.jsx)("div",{className:(0,a.default)(I.default.saleSystemPopupWrapper,{[I.default.saleSystemPopupWrapperVisible]:p}),style:P?{top:u?0:n,left:0}:void 0,children:(0,t.jsxs)("div",{className:(0,a.default)(I.default.saleSystemPopupFlex),children:[(0,t.jsxs)("div",{className:(0,a.default)(I.default.saleSystemPopup),children:[s&&(0,t.jsx)("img",{src:`https://ls-graphics-directus-direct.b-cdn.net/assets/${s}`,className:(0,a.default)(I.default.saleSystemPopupIcon),alt:"sale-system-icon"}),r&&(0,t.jsx)("p",{className:(0,a.default)(I.default.saleSystemPopupText),onClick:()=>{if(!g.current){g.current=!0;try{i()}finally{setTimeout(()=>{g.current=!1},0)}}},children:r})]}),(0,t.jsx)("div",{className:(0,a.default)(I.default.saleSystemPopupClose),onClick:()=>{h||(f(!1),v(!0))},children:(0,t.jsx)(d.default,{icon:"closeSimple",size:16,color:"var(--background)"})})]})}):null};var A=e.i(82039);e.s(["default",0,e=>{let{isHideble:i=!1,hideHeader:n=!1,alwaysFixed:u=!1,mockupsMenuItems:c,hideSupportBanner:m=!1,externallyFixed:p=!1,externallyHidden:g}=e,{user:T,authFlow:k}=(0,j.useAuth)(),N=(0,S.useCachedAvatar)(T?.photoURL),{hasActiveSubscriptions:I,loading:E}=(0,C.useMembership)(),{data:F}=(0,L.useGetSupportBunnerQuery)(),{saleSystem:B}=(0,A.useSaleSystem)(),H=(0,w.useAppSelector)(e=>e.ui.isMobileBurgerOpen),[R,U]=(0,l.useState)(!0),D=(0,l.useRef)(0),G=(0,l.useRef)(null),$=(0,l.useRef)(null),[Q,z]=(0,l.useState)(0),O=(0,w.useAppDispatch)(),Y=(0,y.useRouter)(),q=(0,y.usePathname)(),V=!!(q&&q.startsWith("/profile")),K=()=>{O((0,P.openSearchModal)())},J=[{title:"Products",link:"/mockups",nestedComponent:()=>l.default.createElement(v.default,{menuItems:c?c.filter(e=>""!==e.category&&!e.showInDropdown):r.catalogMenuProducts})},{title:"Online Tools",link:"#",nestedComponent:()=>l.default.createElement(x,{menuItems:r.catalogMenuProducts})},{title:"Free Mockups",link:"/free-mockups"},{title:"Edit Online",link:"/mockups/edit-online"}];(0,l.useEffect)(()=>{if(!i)return void U(!0);let e=()=>{let e=window.scrollY;e>D.current&&e>100?U(!1):e<D.current&&U(!0),D.current=e<=0?0:e};return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}},[i]);let X=n||i&&!R,Z=i||n||u,ee=Z||p;(0,l.useEffect)(()=>{let e=document.documentElement,t=$.current,l=G.current;if(!t||!l)return;if(!ee)return e.style.setProperty("--header-offset","0px"),e.style.setProperty("--banner-offset","0px"),()=>{e.style.removeProperty("--header-offset"),e.style.removeProperty("--banner-offset")};let o=()=>{let o=t.getBoundingClientRect().height,a=l.getBoundingClientRect().height;z(o),e.style.setProperty("--header-offset",`${Math.round(o)}px`),e.style.setProperty("--banner-offset",`${Math.max(0,Math.round(o-a))}px`)};o();let a=new ResizeObserver(o);return a.observe(t),a.observe(l),()=>{a.disconnect(),e.style.removeProperty("--header-offset"),e.style.removeProperty("--banner-offset")}},[ee]);let et="boolean"==typeof g?g:X;return(0,t.jsxs)("div",{ref:$,className:(0,a.default)(o.default.headerRoot,{[o.default.fixed]:Z,[o.default.hidden]:X}),children:[(0,t.jsx)(W,{show:!!F?.show&&!m&&!V,html:F?.Text||"",hex:F?.HEX||"",hexText:F?.Hex_text||""}),(0,t.jsxs)("div",{ref:G,className:(0,a.default)(o.default.header),children:[(0,t.jsxs)("div",{className:(0,a.default)(o.default.leftSection),children:[(0,t.jsx)(s.default,{href:"/","aria-label":"LS Graphics Highest quality mockups for graphic and UI designers",children:(0,t.jsx)(b.default,{size:32,bgColor:"var(--logo-overlay)",contentColor:"var(--logo-contur)"})}),(0,t.jsx)("div",{className:(0,a.default)(o.default.desktopMenu),children:(0,t.jsx)(_,{items:J})})]}),(0,t.jsxs)("div",{className:(0,a.default)(o.default.rightSection),children:[T&&(E||!1!==I)?null:(0,t.jsx)(h.default,{title:(0,t.jsx)("p",{children:"Get all from $9/mo"}),onClick:()=>Y.push("/unlimited-access"),icon:(0,t.jsx)(d.default,{icon:"like",size:24,color:"var(--contrastColor)"})}),(0,t.jsx)(f,{icon:(0,t.jsx)(d.default,{icon:"search",size:24,color:"var(--contrastColor)"}),onClick:K}),T?(0,t.jsx)(s.default,{href:"/profile","aria-label":"Go to profile",children:(0,t.jsx)("div",{className:(0,a.default)(o.default.headerUserAvatar),style:N?{padding:0}:void 0,children:N?(0,t.jsx)("img",{src:N,alt:"Avatar",style:{width:"100%",height:"100%",borderRadius:"var(--spacing-8)",objectFit:"cover"}}):T.email?.[0]??"U"})}):(0,t.jsx)(f,{icon:(0,t.jsx)(d.default,{icon:"login",size:24,color:"var(--contrastColor)"}),onClick:()=>{k.startLoginScenario()}})]}),(0,t.jsxs)("div",{className:(0,a.default)(o.default.mobileMenu),children:[(0,t.jsx)(f,{icon:(0,t.jsx)(d.default,{icon:"search",size:24,color:"var(--contrastColor)"}),onClick:K}),H?(0,t.jsx)(f,{icon:(0,t.jsx)(d.default,{icon:"closeSimple",size:24,color:"var(--contrastColor)"}),onClick:()=>{O((0,P.closeMobileBurgerMenu)())}}):(0,t.jsx)(f,{icon:(0,t.jsx)(d.default,{icon:"burgerMenu",size:24,color:"var(--contrastColor)"}),onClick:()=>{O((0,P.openMobileBurgerMenu)())}})]})]}),B&&(0,t.jsx)("div",{className:(0,a.default)(o.default.centerSection),children:(0,t.jsx)(M,{show:!0,text:B.title,iconImage:B.icon,onClick:()=>{O((0,P.openSaleSystemModal)())},headerHeight:ee?Q:0,isHeaderHidden:et,isHeaderFixed:ee})})]})}],34816)},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),l=e.i(71645),o=e.i(14645),a=e.i(43794),r=e.i(22016),s=e.i(57688);e.s(["default",0,e=>{let{title:i,price:n,images:d,link:u,...c}=e,m=(0,l.useMemo)(()=>d?[...d].slice(0,4):[],[d]),_=m.length>0,p=m.length;return(0,t.jsx)("div",{className:(0,a.default)(o.default.productCardBox),children:(0,t.jsxs)(r.default,{prefetch:!1,href:u,className:(0,a.default)(o.default.productCardLink),...c,draggable:!1,onDragStart:e=>{e.preventDefault(),e.stopPropagation()},children:[(0,t.jsx)("div",{className:(0,a.default)(o.default.productCardGallery,{[o.default.singleImage]:1===p,[o.default.multipleImages]:p>1}),"data-loaded":_,children:_?m.map((e,l)=>{let r,n=0===l;return(0,t.jsx)("div",{className:(0,a.default)(o.default.productCardImageContainer),children:(0,t.jsx)(s.default,{unoptimized:!0,src:(r=e.includes("?")?"&":"?",n?`${e}${r}width=700&format=webp&quality=90`:`${e}${r}width=400&format=webp&quality=90`),alt:i,width:400,height:300,className:o.default.productCardImage,"data-loaded":!0,draggable:!1,loading:n?"eager":"lazy"})},`${e}-${l}`)}):(0,t.jsx)("div",{className:(0,a.default)(o.default.productCardSkeletonFromRow)})}),(0,t.jsxs)("div",{className:(0,a.default)(o.default.productCardPricing),children:[(0,t.jsx)("p",{children:i}),-1!==n?(0,t.jsx)("span",{children:n?`$${n}`:"free"}):null]})]})})}])}]);