https://snapbg.ai/_next/static/chunks/1462-d88dd226066026b6.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1462],{6621:function(e,a,s){var t=s(85893),l=s(86215),n=s(11355),i=s(93967),r=s.n(i);s(67294),a.Z=e=>{let{children:a,renderButton:s,className:i,panelClassname:c}=e;return(0,t.jsx)(l.J,{className:r()("relative",i),children:e=>{let{open:i,close:o}=e;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(l.J.Button,{className:"outline-none",children:"function"==typeof s?s(i):s}),(0,t.jsx)(n.u,{enter:"transition duration-100 ease-out",enterFrom:"transform scale-95 opacity-0",enterTo:"transform scale-100 opacity-100",leave:"transition duration-75 ease-out",leaveFrom:"transform scale-100 opacity-100",leaveTo:"transform scale-95 opacity-0",children:(0,t.jsx)(l.J.Panel,{className:r()("absolute",c),children:(0,t.jsx)(t.Fragment,{children:"function"==typeof a?a(i,o):a})})})]})}})}},11462:function(e,a,s){s.d(a,{Z:function(){return CanvasEditor_Header}});var t=s(85893),l=s(93967),n=s.n(l),i=s(27961),r=s(35182),c=s(46095),o=s(52003),header_HeaderLayout=e=>{let{children:a}=e,{isTablet:s}=(0,o.Z)();return(0,t.jsx)("div",{className:n()("fixed z-40 left-0 top-0 w-full","backdrop-filter backdrop-blur-lg bg-opacity-50 bg-white",s?"h-[80px] border-b-2 border-gray-200":"px-2 tlg:px-6 h-[68px] shadow-md","flex items-center justify-between"),children:(0,t.jsx)("div",{className:"flex items-center justify-between flex-auto h-full",children:a})})},d=s(6621),m=s(74234),u=s(21088),x=s(5708),h=s(11163),p=s.n(h),g=s(62286),v=s(67294);let f=[{key:"en",name:"English",flag:"https://assets.snapbg.ai/images/flags/en.svg"},{key:"vi",name:"Tiếng Việt",flag:"https://assets.snapbg.ai/images/flags/vn.svg"},{key:"id",name:"Bahasa Indonesia",flag:"https://assets.snapbg.ai/images/flags/id.svg"},{key:"pt",name:"Portugu\xeas",flag:"https://assets.snapbg.ai/images/flags/pt.svg"},{key:"ms",name:"Bahasa Malaysia",flag:"https://assets.snapbg.ai/images/flags/my.svg"},{key:"cs",name:"Czech",flag:"https://assets.snapbg.ai/images/flags/cz.svg"},{key:"es",name:"Espa\xf1ol",flag:"https://assets.snapbg.ai/images/flags/es.svg"},{key:"fr",name:"Fran\xe7ais",flag:"https://assets.snapbg.ai/images/flags/fr.svg"},{key:"de",name:"German",flag:"https://assets.snapbg.ai/images/flags/de.svg"},{key:"el",name:"Greek",flag:"https://assets.snapbg.ai/images/flags/gr.svg"},{key:"hu",name:"Hungary",flag:"https://assets.snapbg.ai/images/flags/hu.svg"},{key:"it",name:"Italian",flag:"https://assets.snapbg.ai/images/flags/it.svg"},{key:"nl",name:"Netherlands",flag:"https://assets.snapbg.ai/images/flags/nl.svg"},{key:"th",name:"Thai",flag:"https://assets.snapbg.ai/images/flags/th.svg"},{key:"tr",name:"Turkish",flag:"https://assets.snapbg.ai/images/flags/tr.svg"},{key:"uk",name:"Ukrainian",flag:"https://assets.snapbg.ai/images/flags/ua.svg"},{key:"ru",name:"Русский",flag:"https://assets.snapbg.ai/images/flags/ru.svg"},{key:"ko",name:"한국어",flag:"https://assets.snapbg.ai/images/flags/kr.svg"},{key:"ja",name:"日本語",flag:"https://assets.snapbg.ai/images/flags/jp.svg"},{key:"ar",name:"Saudi Arabia",flag:"https://assets.snapbg.ai/images/flags/sa.svg"}],FlagItem=e=>{let{imgUrl:a,name:s,onClick:l}=e;return(0,t.jsxs)("button",{onClick:l,className:n()("flex w-full items-center space-x-2 p-2","tlg:transition tlg:hover:bg-neutral-ink-100 tlg:rounded"),children:[(0,t.jsx)("img",{src:a,alt:"flag",className:"w-7 h-5 tlg:w-[22px] rounded-sm"}),(0,t.jsx)(c.Z,{as:"span",variant:"T14R",className:"text-neutral-ink-600",children:s})]})};var header_LanguagePicker=()=>{let{t:e}=(0,x.Z)("home"),a=(0,h.useRouter)(),s=(0,u.Z)(),l=f.find(e=>e.key===a.locale),r=(0,v.useCallback)(e=>{s.pageview("/".concat(e.key)),s.event({action:m.jW.HOMEPAGE_CLICK_LANGUAGE,params:{lang:e.key}}),(0,g.setCookie)(null,"NEXT_LOCALE",e.key),a.push(a.asPath,void 0,{locale:e.key})},[s,a]);return(0,t.jsx)("div",{children:(0,t.jsx)(d.Z,{panelClassname:"right-0",renderButton:(0,t.jsxs)("div",{className:n()("inline-flex items-center space-x-2","tlg:transition tlg:hover:bg-neutral-ink-100 tlg:rounded tlg:p-2"),children:[(0,t.jsx)("img",{src:l.flag,alt:"flag",className:"w-7 h-5 tlg:w-[22px] rounded-sm"}),(0,t.jsx)(c.Z,{as:"span",variant:"H14B",className:"text-neutral-ink-600 hidden tlg:inline-block",children:l.name}),(0,t.jsx)(i.d,{type:"down-one",className:"text-neutral-ink-500 hidden tlg:inline-block mb-[1px]",color:"inherit"})]}),children:(a,s)=>(0,t.jsxs)("div",{className:n()("py-[10px] sm:pr-2 sm:pl-10 px-2 translate-x-2 translate-y-5 bg-white","w-screen h-screen border-t","tlg:w-[360

1px] tlg:h-auto","tlg:border tlg:rounded-md tlg:shadow-md tlg:translate-x-0","tlg:absolute tlg:right-0 tlg:top-full tlg:translate-y-2"),children:[(0,t.jsxs)("div",{className:"flex justify-between items-center mb-2 px-2 tlg:block",children:[(0,t.jsx)(c.Z,{variant:"H16B",as:"span",children:e("landing.header.language")}),(0,t.jsx)("button",{className:"inline-flex p-1 tlg:hidden",onClick:s,children:(0,t.jsx)(i.d,{type:"close",className:"w-7 h-7",color:"inherit"})})]}),(0,t.jsx)("ul",{className:n()("grid grid-cols-2 gap-y-1"),children:f.map(e=>(0,t.jsx)("li",{children:(0,t.jsx)(FlagItem,{imgUrl:e.flag,name:e.name,showIcon:!1,onClick:()=>r(e)})},e.key))})]})})})},header_Logo=e=>{let{onClick:a}=e;return(0,t.jsx)("button",{onClick:a,"aria-label":"Logo",className:"inline-flex",children:(0,t.jsx)("img",{className:"w-36",alt:"logo",src:"https://assets.snapbg.ai/assets/favicon/logo-header.png"})})},j=s(24947);let Avatar=e=>{let{url:a,className:s,size:l="m"}=e,[r,c]=(0,v.useState)(!a);return(0,v.useEffect)(()=>c(!a),[a]),(0,t.jsx)("div",{className:n()("rounded-[50%] inline-block bg-white overflow-hidden w-10 h-10",s),children:r?(0,t.jsx)(i.d,{type:"avatar_default",size:l,mode:"fill"}):(0,t.jsx)("img",{className:"w-10 h-10",src:a,width:j.N[l],height:j.N[l],onError:()=>c(!0),alt:"Avatar"})})};var b=s(67872),y=s(75831),k=s(96529),N=s(10314),w=s(53416),C=s(45478);let ToolButton=e=>{let{active:a,title:s,icon:l,onClick:i,onMouseOver:r,onMouseLeave:o,id:d}=e;return(0,t.jsxs)("button",{disabled:a,className:n()("H14B inline-flex cursor-pointer items-center space-x-1.5","px-3 py-2 rounded-lg transition","hover:bg-blue-100 hover:text-blue-500",a?"text-primary":"text-black"),onClick:i,onMouseOver:r,onMouseLeave:o,children:[(0,t.jsx)("span",{className:"inline-flex hover:text-blue-500",children:l}),(0,t.jsx)(c.Z,{variant:"T14R",className:"font-semibold",children:s})]})};var header_ManipulateSwitcher=()=>{let{t:e}=(0,x.Z)(y.t.Home),{t:a}=(0,x.Z)(y.t.Common),{isPremium:s,userInfo:l,credits:r,openModal:o,logout:m,openModalPremium:u,userInfoBackend:g}=N.Z.useContainer(),f=(0,h.useRouter)(),j=(0,v.useCallback)(()=>{p().push(k._.apiPricing)},[]),_=(0,v.useCallback)(()=>{p().push(k._.apiCredit)},[]);(0,v.useMemo)(()=>[{icon:null,title:a("manipulate_switcher.pricing"),onClick:j,pathname:k._.apiPricing,id:(0,w.x0)()}],[j]);let Z=(0,v.useCallback)(()=>{p().push(k._.myAccount)},[]),T=(0,v.useCallback)(()=>{p().push(k._.myPlan)},[]),P=(0,v.useCallback)(()=>{p().push(k._.support)},[]),redirectToDownloadApp=()=>f.push(k._.appInstall),handleLogout=e=>()=>{e(),m()},getMoreCredits=()=>f.push(k._.apiCredit);return(0,t.jsxs)("div",{className:"h-full",children:[(0,t.jsx)("div",{className:"items-center hidden space-x-4 tlg:flex relative h-full text-black",children:(0,t.jsx)(ToolButton,{onClick:_,active:f.asPath===k._.apiCredit,icon:null,title:a("manipulate_switcher.pricing")})}),(0,t.jsx)("div",{className:"block tlg:hidden absolute top-0 right-0 h-full flex items-center",children:(0,t.jsx)(d.Z,{panelClassname:"right-0",renderButton:e=>(0,t.jsx)("div",{className:n()("inline-flex items-center space-x-2","tlg:transition tlg:hover:bg-neutral-ink-100 tlg:rounded tlg:p-2"),children:(0,t.jsx)(i.d,{type:e?"close":"menu_burger",size:"l",className:"cursor-pointer mr-1 pointer-events-auto"})}),children:(d,m)=>(0,t.jsxs)("div",{className:n()("py-1 pb-3 pl-4 pr-4 translate-x-1 translate-y-5 bg-white","w-screen border-t","tlg:w-[360px] tlg:h-auto","tlg:border tlg:rounded-md shadow-md tlg:translate-x-0","tlg:absolute tlg:right-0 tlg:top-full tlg:translate-y-2"),children:[l&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"pt-2 flex flex-col text-neutral-ink-500",children:[(0,t.jsxs)("div",{className:"flex mb-2 items-center",children:[(0,t.jsx)("div",{className:n()(s&&"border-2 border-blue-700","flex items-center justify-center w-12 h-12 rounded-full"),children:(0,t.jsx)(Avatar,{size:"xxl",url:null==l?void 0:l.photoURL})}),(0,t.jsxs)("div",{children:[(0,t.jsx)(c.Z,{variant:"H16B",className:"ml-2",children:null==l?void 0:l.displayName}),(0,t.jsx)(c.Z,{variant:"T14R",className:"ml-2",children:null==l?void 0:l.email})]})]}),(0,t.jsxs)(c.Z,{variant:"H16B",className:"ml-3 text-primary",children:[(0,C.uf)(r)," ",e("landing.header.credits")]}),(0,t.jsx)(b.Z.Primary,{className:"mt-1.5",onClick:getMoreCredits,children:e("landing.header.more_credits")}),(0,t.jsxs)("div",{className:"flex items-center text-neutral-ink-500 py-[10

1px] px-3 hover:bg-zinc-100 rounded hover:text-gray-800 font-semibold cursor-pointer gap-2",onClick:Z,children:[(0,t.jsx)(i.d,{type:"scale",size:"m",mode:"outline",className:"tlg:mr-1"}),(0,t.jsx)(c.Z,{variant:"T14R",children:e("landing.header.profile.my_account")})]}),(null==g?void 0:g.subscriber)&&(0,t.jsxs)("div",{className:"flex items-center text-neutral-ink-500 py-[10px] px-3 hover:bg-zinc-100 rounded hover:text-gray-800 font-semibold cursor-pointer gap-2",onClick:T,children:[(0,t.jsx)(i.d,{type:"credit_card",size:"m",mode:"outline",className:"tlg:mr-1"}),(0,t.jsx)(c.Z,{variant:"T14R",children:e("landing.header.profile.my_plan")}),s&&(0,t.jsx)("div",{className:"ml-1 text-center w-10 h-5 bg-gradient rounded-xl justify-center items-center inline-flex",children:(0,t.jsx)("span",{className:" text-white text-xs font-bold uppercase leading-none tracking-tight",children:"Pro"})})]}),(0,t.jsxs)("div",{className:"flex items-center text-neutral-ink-500 py-[10px] px-3 hover:bg-zinc-100 rounded hover:text-gray-800 font-semibold cursor-pointer gap-2",onClick:P,children:[(0,t.jsx)(i.d,{type:"headphone",size:"m",mode:"outline",className:"tlg:mr-1"}),(0,t.jsx)(c.Z,{variant:"T14R",children:e("landing.header.profile.support")})]})]}),s?(0,t.jsx)("div",{className:"flex flex-col mt-2 px-3",children:(0,t.jsx)(b.Z.Secondary,{className:"!bg-indigo-50 text-blue-700 text-sm",onClick:T,children:e("landing.header.login.you_are_pro_now")})}):(0,t.jsx)("div",{}),(0,t.jsx)("div",{className:"h-[1px] bg-neutral-ink-200 mt-2"})]}),(0,t.jsx)("button",{className:n()("px-3 py-2 transition space-x-[10px]","text-neutral-ink-600 w-full","inline-flex items-center",f.asPath===k._.apiCredit&&"bg-neutral-ink-100 text-neutral-ink-600"),onClick:_,children:(0,t.jsx)(c.Z,{as:"span",variant:"T16R",children:a("manipulate_switcher.pricing")})}),(0,t.jsx)("button",{className:n()("px-3 py-2 transition space-x-[10px]","text-neutral-ink-600 w-full","inline-flex items-center"),onClick:redirectToDownloadApp,children:(0,t.jsx)(c.Z,{as:"span",variant:"T16R",children:a("manipulate_switcher.download_app")})}),l?(0,t.jsx)("button",{className:n()("px-3 py-2 transition space-x-[50px]","text-neutral-ink-600 w-full","inline-flex items-center"),onClick:handleLogout(m),children:(0,t.jsx)(c.Z,{as:"span",variant:"T16R",children:e("landing.header.login.logout")})}):(0,t.jsxs)("div",{className:"flex mt-2",children:[(0,t.jsx)("div",{className:"w-[50%]",children:(0,t.jsx)(b.Z.Primary,{className:"flex justify-center items-center",onClick:o,loading:!1,disabled:!1,children:(0,t.jsx)(c.Z,{variant:"H16B",children:e("landing.header.login.login")})})}),(0,t.jsx)("div",{className:"w-[50%] ml-2",children:(0,t.jsx)(b.Z.Secondary,{className:"flex justify-center items-center",onClick:o,loading:!1,disabled:!1,children:(0,t.jsx)(c.Z,{variant:"H16B",children:e("landing.header.login.signup")})})})]})]})})})]})},_=s(86215),Z=s(11355);let MenuItem=e=>{let{label:a,url:s,icon:l,hasHoverAction:r,isActive:o}=e,{t:d}=(0,x.Z)(y.t.Common),m=(0,v.useRef)(null),[u,h]=(0,v.useState)(!1);return(0,t.jsx)("div",{className:"relative",children:(0,t.jsxs)("div",{className:n()(o?"text-blue-500 hover:bg-blue-100":"hover:text-neutral-ink-500","px-3 py-1.5 rounded-lg items-center gap-1 justify-center flex group"),onMouseOver:()=>{r&&(clearTimeout(m.current),m.current=setTimeout(()=>{h(!0)},300))},onMouseLeave:()=>{r&&(clearTimeout(m.current),m.current=setTimeout(()=>{h(!1)},300))},children:[(0,t.jsx)(c.Z,{variant:"H14B",className:"inline",children:a}),l&&(0,t.jsx)(i.d,{type:l,className:n()(!o&&"group-hover:text-neutral-ink-500")})]})})};var T=s(41664),P=s.n(T);let ProductMenuItem=e=>{let{label:a,icon:s,isNew:l,url:r,isActive:c}=e;return(0,t.jsx)(P(),{href:r,prefetch:!1,children:(0,t.jsxs)("button",{className:"self-stretch p-1.5 justify-start items-center gap-2.5 inline-flex relative group w-full",children:[s&&(0,t.jsx)("div",{className:"p-2 bg-zinc-100 rounded-lg justify-center items-center flex ",children:(0,t.jsx)(i.d,{type:s,className:n()(c&&"text-blue-500","group-hover:text-blue-500 transition-all")})}),l&&(0,t.jsx)("div",{className:"px-1 bg-red-500 rounded-lg justify-end items-center gap-2 inline-flex absolute top-0 left-3 text-center",children:(0,t.jsx)("span",{className:" text-white text-[8px] font-bold uppercase leading-3 tracking-tight",children:"new"})}),(0,t.jsx)("div",{className:n()(c?"text-blue-500":"text-gray-800","text-left transition-all group-hover:text-blue-500 text-sm font-semibold leading-none"),children:(0,t.jsx)("span",{children:a})})]})})},ProductsMenu=()=>{let e=(0,h.useRouter)(),{t:a}=(0,x.Z)(y.t.Common),s=(0,v.useRef)(null),{locale:l}=(0,h.useRouter)(),i=[{isActive:e.pathname.includes(k._.photographer),icon:"camera",label:a("manipulate_switcher.photographer"),url:"/photographer"},{isActive:e.pathname.includes(k._.developer),icon:"developer",label:a("manipulate_switcher.developer"),url:"/developer"},{isActive:e.pathname.includes(k._.animalLovers),icon:"animals",label:a("manipulate_switcher.animal_lover"),url:"/animal-lovers"},{isActive:e.pathname.includes(k._.ecommerce),icon:"ecommerce",label:a("manipulate_switcher.ecommerce"),url:"/ecommerce"},{isActive:e.pathname.includes(k._.marketing),icon:"marketing",label:a("manipulate_switcher.marketing"),url:"/marketing"},{isActive:e.pathname.includes(k._.carDealership),icon:"car-dealership",label:a("manipulate_switcher.car_dealership"),url:"/car-dealership"}],[r,c]=(0,v.useState)(!1),o=(0,v.useCallback)(()=>{c(!0)},[]),d=(0,v.useCallback)(()=>{c(!1)},[]);return(0,v.useEffect)(()=>{function handleClickOutside(e){s.current&&!s.current.contains(e.target)&&d()}return document.addEventListener("mouseover",handleClickOutside),()=>{document.removeEventListener("mouseover",handleClickOutside)}},[d,s]),(0,t.jsxs)(_.J,{className:"relative sm:hidden md:hidden lg:hidden",ref:s,children:[(0,t.jsx)(_.J.Button,{onMouseEnter:o,children:(0,t.jsx)(MenuItem,{isActive:i.some(e=>e.isActive),label:a("manipulate_switcher.solution"),icon:r?"chevron-up":"chevron-down"})}),(0,t.jsx)(Z.u,{show:r,enter:"transition duration-100 ease-out",enterFrom:"transform scale-95 opacity-0",enterTo:"transform scale-100 opacity-100",leave:"transition duration-75 ease-out",leaveFrom:"transform scale-100 opacity-100",leaveTo:"transform scale-95 opacity-0",children:(0,t.jsx)(_.J.Panel,{className:n()("absolute"),children:(0,t.jsxs)("div",{className:"h-auto bg-white rounded-2xl shadow flex w-[480px]",children:[(0,t.jsx)("div",{className:"p-2",children:i.slice(0,Math.ceil(i.length/2)).map(e=>(0,t.jsx)(ProductMenuItem,{isActive:e.isActive,icon:e.icon,label:e.label,url:e.url},e.url))}),(0,t.jsx)("div",{className:"p-2",children:i.slice(Math.ceil(i.length/2)).map(e=>(0,t.jsx)(ProductMenuItem,{isActive:e.isActive,icon:e.icon,label:e.label,url:e.url},e.url))})]})})})]})};var z=s(88162);let LoginComponent=()=>{let{t:e}=(0,x.Z)(y.t.Home),a=(0,h.useRouter)(),s=(0,v.useCallback)(()=>{a.push(k._.myAccount)},[]),l=(0,v.useCallback)(()=>{a.push(k._.myPlan)},[]),r=(0,v.useCallback)(()=>{a.push(k._.myCreditPlan)},[]),o=(0,v.useCallback)(()=>{a.push(k._.support)},[]),{userInfo:m,loading:u,openModal:p,logout:g,openModalPremium:f,isPremium:j,userInfoBackend:w,credits:_}=N.Z.useContainer();return(0,t.jsx)("div",{className:"ml-2",children:m?(0,t.jsx)(d.Z,{renderButton:(0,t.jsx)("div",{className:"hidden tlg:block",children:(0,t.jsx)("div",{className:"flex justify-center items-center",children:(0,t.jsxs)("div",{className:"relative",children:[j&&(0,t.jsx)("div",{className:"px-0.5 bg-gradient-to-br from-cyan-400 via-blue-700 to-fuchsia-700 rounded-sm justify-start items-start inl

1ine-flex absolute top-[-5px] left-[10px]",children:(0,t.jsx)("div",{className:"text-center text-white text-[10px] font-bold uppercase leading-none tracking-tight",children:"Pro"})}),(0,t.jsx)("div",{className:n()("flex items-center justify-center rounded-full"),children:(0,t.jsx)(Avatar,{size:"xxl",url:null==m?void 0:m.photoURL,className:n()({"border-[2px] border-blue-700":j})})})]})})}),children:(0,t.jsx)("div",{className:"w-[300px] relative",children:(0,t.jsxs)("div",{className:"rounded bg-white shadow-md py-1 px-1 tlg:px-2 translate-y-1 tlg:-translate-x-[90%] text-neutral-ink-500 flex flex-col",children:[(0,t.jsxs)("div",{className:"flex justify-center flex-col p-2",children:[(0,t.jsx)(c.Z,{variant:"H16B",children:null==m?void 0:m.displayName}),(0,t.jsx)(c.Z,{variant:"T14R",children:null==m?void 0:m.email}),(0,t.jsxs)(c.Z,{variant:"H16B",className:"mt-2 text-primary",children:[(0,C.uf)(_)," ",e("landing.header.credits")]}),(0,t.jsx)(b.Z.Primary,{className:"mt-1.5",onClick:()=>a.push(k._.apiCredit),children:e("landing.header.more_credits")})]}),(0,t.jsxs)("div",{className:"flex items-center text-neutral-ink-500 py-[10px] px-3 hover:bg-zinc-100 rounded hover:text-gray-800 font-semibold cursor-pointer",onClick:s,children:[(0,t.jsx)(i.d,{type:"scale",size:"m",mode:"outline",className:"tlg:mr-1"}),(0,t.jsx)(c.Z,{variant:"T14R",children:e("landing.header.profile.my_account")})]}),(null==w?void 0:w.subscriber)&&(0,t.jsxs)("div",{className:"flex items-center text-neutral-ink-500 py-[10px] px-3 hover:bg-zinc-100 rounded hover:text-gray-800 font-semibold cursor-pointer",onClick:l,children:[(0,t.jsx)(i.d,{type:"credit_card",size:"m",mode:"outline",className:"tlg:mr-1"}),(0,t.jsx)(c.Z,{variant:"T14R",children:e("landing.header.profile.my_plan")}),j&&(0,t.jsx)("div",{className:"ml-1 text-center w-10 h-5 bg-gradient-to-br from-cyan-400 via-blue-700 to-fuchsia-700 rounded-xl justify-center items-center inline-flex",children:(0,t.jsx)("span",{className:" text-white text-xs font-bold uppercase leading-none tracking-tight",children:"Pro"})})]}),(0,t.jsxs)("div",{className:"flex items-center text-neutral-ink-500 py-[10px] px-3 hover:bg-zinc-100 rounded hover:text-gray-800 font-semibold cursor-pointer",onClick:r,children:[(0,t.jsx)(i.d,{type:"coin",size:"m",mode:"outline",className:"tlg:mr-1"}),(0,t.jsx)(c.Z,{variant:"T14R",children:e("landing.header.credit_plan")})]}),(0,t.jsxs)("div",{className:"flex items-center text-neutral-ink-500 py-[10px] px-3 hover:bg-zinc-100 rounded hover:text-gray-800 font-semibold cursor-pointer",onClick:o,children:[(0,t.jsx)(i.d,{type:"headphone",size:"m",mode:"outline",className:"tlg:mr-1"}),(0,t.jsx)(c.Z,{variant:"T14R",children:e("landing.header.profile.support")})]}),j?(0,t.jsx)("div",{className:"flex flex-col mt-2 px-3",children:(0,t.jsx)(b.Z.Secondary,{className:"!bg-indigo-50 text-blue-700 text-sm",onClick:l,children:e("landing.header.login.you_are_pro_now")})}):(0,t.jsx)("div",{}),(0,t.jsxs)("div",{className:"flex items-center mt-2 py-[10px] px-3 hover:bg-zinc-100 text-neutral-ink-500 hover:text-red-500 cursor-pointer",onClick:g,children:[(0,t.jsx)(i.d,{type:"logout",size:"m",mode:"outline",className:"tlg:mr-1"}),(0,t.jsx)(c.Z,{variant:"T14R",children:e("landing.header.login.logout")})]})]})})}):(0,t.jsx)("div",{className:"flex",children:(0,t.jsx)("div",{className:"hidden tlg:block w-auto",children:(0,t.jsx)(b.Z.Primary,{className:"flex justify-center items-center bg-transparent !text-black hover:bg-neutral-ink-100 !hover:bg-opacity-100",onClick:p,loading:!1,disabled:!1,children:(0,t.jsx)(c.Z,{variant:"H16B",children:e("landing.header.login.login")})})})})})};var CanvasEditor_Header=()=>{let{t:e}=(0,x.Z)(y.t.Home),{isEditorView:a}=z.Z.useContainer(),{userInfo:s,credits:l,isPremium:d}=N.Z.useContainer(),m=(0,h.useRouter)(),{isTablet:u,isMobile:g}=(0,o.Z)(),f=(0,v.useCallback)(()=>{["/policy","/about-us","/term-of-service"].includes(m.pathname)?m.push("/"):p().push(k._.removeBg)},[]);return(0,t.jsx)(header_HeaderLayout,{children:(0,t.jsxs)("div",{className:n()("container flex justify-between h-full",u&&"ml-0 mr-0 max-w-[1010px] px-5"),children:[(0,t.jsxs)("div",{className:"flex gap-4 h-full items-center",children:[(0,t.jsx)(header_Logo,{onClick:f}),(0,t.jsx)(ProductsMenu,{}),(0,t.jsx)(header_ManipulateSwitcher,{})]}),(0,t.jsxs)("div",{className:"flex items-center tlg:gap-10",children:[!a&&(0,t.jsx)("div",{className:"mr-4 mt-2 tlg:mt-0 tlg:mr-0",children:(0,t.jsx)(header_LanguagePicker,{})}),!g&&s&&(0,t.jsxs)("div",{className:"bg-blue-200 flex gap-2 justify-center items-center rounded-[100px] py-2.5 px-4 group relative",children:[(0,t.jsxs)(c.Z,{variant:"H14B",className:"font-semibold text-primary flex justify-center items-center",children:[(0,t.jsx)(c.Z,{variant:"H14B",children:(0,C.uf)(l)}),(0,t.jsx)(i.d,{type:"coin",size:20,className:"text-yellow-600 inline -mt-[1px] ml-[1px]"})]}),(0,t.jsx)(r.Z,{position:"bottom",children:(0,t.jsxs)(c.Z,{variant:"H14B",className:"font-semibold text-white",children:[(0,C.uf)(l)," ",e("landing.header.credits")]})})]}),s?(0,t.jsx)(LoginComponent,{}):(0,t.jsx)("div",{className:n()(g&&"hidden"),children:(0,t.jsx)(LoginComponent,{})})]})]})})}}}]);