https://chatfuel.com/_next/static/chunks/5555-35a6e7bc4a720e12.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5555],{42943:function(e,t,n){"use strict";n.d(t,{D:function(){return AuthorAvatar}});var r=n(85893);function AuthorAvatar(e){let{url:t,name:n,size:a,className:i=""}=e;return(0,r.jsx)("div",{className:"relative shrink-0 overflow-hidden rounded-full bg-white/10 ".concat(i),style:{width:a,height:a},children:t?(0,r.jsx)("img",{alt:n,className:"absolute inset-0 h-full w-full object-cover",src:t}):(0,r.jsxs)("svg",{className:"absolute inset-0 h-full w-full",viewBox:"0 0 ".concat(a," ").concat(a),fill:"none","aria-hidden":!0,children:[(0,r.jsx)("circle",{cx:a/2,cy:.385*a,r:.18*a,fill:"white",fillOpacity:"0.3"}),(0,r.jsx)("ellipse",{cx:a/2,cy:.82*a,rx:.29*a,ry:.193*a,fill:"white",fillOpacity:"0.3"})]})})}n(67294)},29576:function(e,t,n){"use strict";n.d(t,{w:function(){return TemplateCard}});var r=n(85893);n(67294);var a=n(27561),i=n(96182),l=n(99193),o=n(42943);let s="/assets/template-installation";function TemplateCard(e){var t,n,c;let{template:u,author:d}=e,{t:p}=(0,a.$G)("templates"),m=(0,i._)(),x=null!==(t=l.Yo[u.iconType])&&void 0!==t?t:l.Yo.cursor,f=null!==(n=l.Re[u.iconType])&&void 0!==n?n:l.Re.cursor;return(0,r.jsxs)("a",{href:"".concat(m,"/templates/").concat(u.id),className:"group relative flex h-[210px] w-full cursor-pointer flex-col overflow-hidden rounded-[24px] p-6 text-left",style:{backgroundImage:"linear-gradient(123.65deg, rgba(217,217,217,0.05) 0.59%, rgba(4,11,22,0.05) 100%), linear-gradient(90deg, #0e1520 0%, #0e1520 100%)"},children:[(0,r.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,r.jsx)("div",{className:"relative h-11 w-11 flex-shrink-0 overflow-hidden rounded-xl",style:{backgroundImage:x},children:(0,r.jsx)("img",{alt:"",className:"absolute left-[10px] top-[10px] h-6 w-6",src:"".concat(s,"/").concat(f)})}),d&&(0,r.jsx)(o.D,{url:d.avatarUrl,name:d.name,size:36})]}),(0,r.jsx)("p",{className:"mt-auto whitespace-nowrap font-body text-[13px] font-normal leading-[18px] tracking-[-0.13px] text-white/70",children:(null!==(c=u.installs)&&void 0!==c?c:0)>0?p("installs",{count:u.installs}):p("new")}),(0,r.jsxs)("div",{className:"mt-[10px] flex flex-col gap-2",children:[(0,r.jsx)("p",{className:"line-clamp-2 font-display text-[18px] font-medium leading-6 tracking-[-0.54px] text-white",children:u.title}),(0,r.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,r.jsx)("span",{className:"truncate font-body text-[16px] font-medium leading-[22px] tracking-[-0.16px] text-white/70",children:p("categoryName.".concat((0,l.Be)(u.category)),u.category)}),null!=u.rating&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"mt-0.5 h-1 w-1 flex-shrink-0 rounded-full bg-white/50"}),(0,r.jsxs)("div",{className:"flex items-center gap-1",children:[(0,r.jsx)("span",{className:"font-body text-[15px] font-medium leading-[19px] tracking-[-0.15px] text-white/70",children:u.rating.toFixed(1).replace(".",",")}),(0,r.jsx)("img",{alt:"",className:"h-3.5 w-3.5",src:"".concat(s,"/icon-star.svg")})]})]})]})]})]})}},85555:function(e,t,n){"use strict";n.d(t,{H:function(){return TemplatesListPage}});var r=n(85893),a=n(67294),i=n(41664),l=n.n(i),o=n(27561),s=n(96182),c=n(99193),u=n(6936),d=n(29576);let p=["installs","rating"];function SortDropdown(e){var t;let{value:n,onChange:i}=e,{t:l}=(0,o.$G)("templates"),[s,c]=(0,a.useState)(!1),u=p.map(e=>({value:e,label:l("sort.".concat(e))})),d=null!==(t=u.find(e=>e.value===n))&&void 0!==t?t:u[0];return(0,r.jsxs)("div",{className:"relative flex-none",children:[(0,r.jsxs)("button",{type:"button",onClick:()=>c(e=>!e),className:"flex cursor-pointer items-center gap-3 whitespace-nowrap rounded-xl bg-[#1d232d] px-4 py-2 font-body text-[16px] font-medium tracking-[-0.16px] text-white",children:[d.label,(0,r.jsx)("img",{src:"".concat("/assets/template-installation","/icon-arrow.svg"),alt:"",className:"h-[7px] w-3.5 transition-transform ".concat(s?"rotate-180":"")})]}),s&&(0,r.jsx)("div",{className:"absolute right-0 top-12 z-10 min-w-[160px] overflow-hidden rounded-xl border border-white/10 bg-[#1d232d]",children:u.map(e=>(0,r.jsx)("button",{type:"button",onClick:()=>{i(e.value),c(!1)},className:"w-full whitespace-nowrap px-4 py-2.5 text-left font-body text-[16px] font-medium tracking-[-0.16px] transition-colors hover:bg-white/5 ".concat(e.value===n?"text-white":"text-white/60"),children:e.label},e.value))})]})}function TemplatesListPage(e){let{templates:t,authors:n,allCategories:i,activeCategory:p="All",h1:m,subtitle:x,breadcrumbLabel:f}=e,{t:h}=(0,o.$G)("templates"),g=(0,s._)(),w=null!=m?m:h("popular.h1"),v=null!=x?x:h("popular.subtitle"),b=null!=f?f:h("popular.h1"),[y,j]=(0,a.useState)("installs"),[N,T]=(0,a.useState)(16),k=(0,a.useMemo)(()=>

1{if(i)return["All",...i];let e=t.reduce((e,t)=>(e.includes(t.category)||e.push(t.category),e),[]);return["All",...e]},[t,i]),E=(0,a.useMemo)(()=>[...t].sort((e,t)=>{var n,r,a,i;return"rating"===y?(null!==(n=t.rating)&&void 0!==n?n:-1)-(null!==(r=e.rating)&&void 0!==r?r:-1):(null!==(a=t.installs)&&void 0!==a?a:0)-(null!==(i=e.installs)&&void 0!==i?i:0)}),[t,y]),A=E.slice(0,N),C=N<E.length;return(0,r.jsxs)("div",{className:"flex min-h-screen w-full flex-col bg-[#040b16] text-white",children:[(0,r.jsxs)("main",{className:"flex-1 px-4 pb-[80px] pt-8 md:px-8 md:pt-[56px] lg:px-[110px]",children:[(0,r.jsxs)("nav",{className:"mb-4 mt-15 flex items-center gap-1 font-body text-[15px] font-medium tracking-[-0.15px] md:mb-8",children:[(0,r.jsx)(l(),{href:"".concat(g,"/templates"),className:"text-white/50 transition-colors hover:text-white/80",children:h("breadcrumb")}),(0,r.jsx)("span",{className:"mx-1 text-white",children:">"}),(0,r.jsx)("span",{className:"text-white",children:b})]}),(0,r.jsx)("h1",{className:"mb-4 font-display text-[28px] leading-tight tracking-[-1.2px] text-white md:mb-5 md:text-[40px] md:leading-[40px]",children:w}),(0,r.jsx)("p",{className:"mb-8 font-body text-[16px] font-medium leading-[23px] tracking-[-0.18px] text-white/70 md:mb-12 md:text-[18px]",children:v}),(0,r.jsxs)("div",{className:"mb-6 flex flex-col justify-between gap-4 sm:flex-row sm:items-center",children:[(0,r.jsx)("div",{className:"flex flex-wrap items-center gap-2 md:gap-3",children:k.map(e=>(0,r.jsx)("a",{href:"All"===e?"".concat(g,"/templates/popular"):"".concat(g,"/templates/category/").concat((0,c.Be)(e)),className:"whitespace-nowrap rounded-full py-2 font-body text-[14px] font-medium tracking-[-0.16px] transition-colors md:text-[16px] ".concat(e===p?"bg-white/10 px-4 text-white":"border border-white/10 px-3 text-white/50 hover:text-white/80"),children:"All"===e?h("installation.popular.all"):h("categoryName.".concat((0,c.Be)(e)),e)},e))}),(0,r.jsx)(SortDropdown,{value:y,onChange:e=>{j(e),T(16)}})]}),(0,r.jsx)("div",{className:"mb-10 grid grid-cols-1 gap-4 sm:grid-cols-2 md:gap-5 lg:grid-cols-4",children:A.map(e=>(0,r.jsx)(d.w,{template:e,author:e.author?null==n?void 0:n[e.author]:void 0},e.id))}),C&&(0,r.jsx)("div",{className:"flex justify-center",children:(0,r.jsx)("button",{type:"button",onClick:()=>T(e=>e+16),className:"cursor-pointer whitespace-nowrap rounded-full border border-[rgba(242,243,246,0.5)] px-8 pb-[19px] pt-[17px] font-body text-[18px] font-medium tracking-[-0.54px] text-[#f2f3f6] transition-colors hover:bg-white/5",children:h("seeMore")})})]}),(0,r.jsx)(u.os,{})]})}},96182:function(e,t,n){"use strict";n.d(t,{_:function(){return useLocalePrefix}});var r=n(27561);function useLocalePrefix(){let{i18n:e}=(0,r.$G)(),t=e.language;return t&&"en"!==t?"/".concat(t):""}},99193:function(e,t,n){"use strict";n.d(t,{Be:function(){return categoryToSlug},Re:function(){return a},Yo:function(){return r},zo:function(){return toAuthorDirectory}}),n(34155);let r={cursor:"linear-gradient(335deg, #F7EAFF -184.62%, #5E0E6C 131.69%)",moon:"linear-gradient(344deg, #EAEFFF -332.97%, #0E226C 137.04%)",repeat:"linear-gradient(340deg, #EAFFFF -351.08%, #6C1E3A 105.96%)",chat:"linear-gradient(340deg, #EAF7FF -351.08%, #1E556C 105.96%)",grow:"linear-gradient(336deg, #EEEAFF -201.55%, #2F0E6C 124.49%)"},a={cursor:"icon-cursor.svg",moon:"icon-moon.svg",repeat:"icon-repeat.svg",chat:"icon-chat.svg",grow:"icon-grow.svg"};function categoryToSlug(e){return e.toLowerCase().replace(/\s*&\s*/g,"-").replace(/\s+/g,"-")}function toAuthorDirectory(e){return Object.fromEntries(e.map(e=>[e.id,e]))}},34155:function(e){var t,n,r,a=e.exports={};function defaultSetTimout(){throw Error("setTimeout has not been defined")}function defaultClearTimeout(){throw Error("clearTimeout has not been defined")}function runTimeout(e){if(t===setTimeout)return setTimeout(e,0);if((t===defaultSetTimout||!t)&&setTimeout)return t=setTimeout,setTimeout(e,0);try{return t(e,0)}catch(n){try{return t.call(null,e,0)}catch(n){return t.call(this,e,0)}}}!function(){try{t="function"==typeof setTimeout?setTimeout:defaultSetTimout}catch(e){t=defaultSetTimout}try{n="function"==typeof clearTimeout?clearTimeout:defaultClearTimeout}catch(e){n=defaultClearTimeout}}();var i=[],l=!1,o=-1;

1function cleanUpNextTick(){l&&r&&(l=!1,r.length?i=r.concat(i):o=-1,i.length&&drainQueue())}function drainQueue(){if(!l){var e=runTimeout(cleanUpNextTick);l=!0;for(var t=i.length;t;){for(r=i,i=[];++o<t;)r&&r[o].run();o=-1,t=i.length}r=null,l=!1,function(e){if(n===clearTimeout)return clearTimeout(e);if((n===defaultClearTimeout||!n)&&clearTimeout)return n=clearTimeout,clearTimeout(e);try{n(e)}catch(t){try{return n.call(null,e)}catch(t){return n.call(this,e)}}}(e)}}function Item(e,t){this.fun=e,this.array=t}function noop(){}a.nextTick=function(e){var t=Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];i.push(new Item(e,t)),1!==i.length||l||runTimeout(drainQueue)},Item.prototype.run=function(){this.fun.apply(null,this.array)},a.title="browser",a.browser=!0,a.env={},a.argv=[],a.version="",a.versions={},a.on=noop,a.addListener=noop,a.once=noop,a.off=noop,a.removeListener=noop,a.removeAllListeners=noop,a.emit=noop,a.prependListener=noop,a.prependOnceListener=noop,a.listeners=function(e){return[]},a.binding=function(e){throw Error("process.binding is not supported")},a.cwd=function(){return"/"},a.chdir=function(e){throw Error("process.chdir is not supported")},a.umask=function(){return 0}}}]);