PageSourceSearch

https://genape.ai/_next/static/chunks/pages/tools/[imageToolName]-6f0aaab2d24e06ca.js

js genape.ai collected 2026-09-24 11:30:27 UTC 29,211 bytes, 407 lines download raw bytes

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1027],{53560:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/tools/[imageToolName]",function(){return r(4695)}])},4695:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSP:function(){return u},default:function(){return m}});var n=r(85893),o=r(67294),l=r(85739),i=r(86654),a=r(54722),s=r(2730),c=()=>{let[e,t]=(0,o.useState)([]),[r,n]=(0,o.useState)(null);return{images:e,error:r,handleFile:(0,o.useCallback)(async function(e){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(!(0,s.rp)(e)){n("invalid-file-type");return}n(null);let o=await (0,s.L0)(e),l=await (0,s.po)(o);t(t=>{let n=[...t];return n[r]={src:o,element:l,width:l.naturalWidth,height:l.naturalHeight,name:e.name},n})},[]),clearImageAt:(0,o.useCallback)(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;t(t=>t.filter((t,r)=>r!==e)),n(null)},[]),clearAll:(0,o.useCallback)(()=>{t([]),n(null)},[])}},d=e=>{let{imageToolName:t,cmsSeoData:r,seoMeta:s}=e,{feature:d,noteKey:u,nameKey:m,descriptionKey:h}=(0,i.Ak)(t),p=(0,i.Zy)(d),{images:g,handleFile:x,clearImageAt:b,clearAll:f}=c(),[y,j]=(0,o.useState)(d);return d!==y&&(j(d),f()),(0,n.jsx)(l.Z,{seoMeta:s,cmsSeoData:r,navigationItems:(0,a.MB)(),toolCategoryMenus:(0,i.ad)(),children:(0,n.jsx)(p,{imageToolName:t,noteKey:u,nameKey:m,descriptionKey:h,images:g,handleFile:x,clearImageAt:b,clearAll:f},t)})},u=!0,m=e=>{let{imageToolName:t,cmsSeoData:r,seoMeta:o}=e;return(0,n.jsx)(d,{imageToolName:t,cmsSeoData:r,seoMeta:o})}},4280:function(e,t,r){"use strict";r.d(t,{Bm:function(){return o},Ce:function(){return i},DM:function(){return u},Ml:function(){return m},Z$:function(){return h},cy:function(){return c},fl:function(){return a},j7:function(){return l},ph:function(){return d},y5:function(){return s},yU:function(){return n}});let n="multi-size-social-pack",o=[{id:"threads-patrol-comment",command:"/threads-patrol-comment",cardIndex:0,descriptionKey:"threadsPatrolComment",copyKey:"threadsPatrolComment",tracking:{workflowName:"threads-patrol-comment",workflowPosition:1,submitWithChatroom:!0}},{id:"social-post-ideation",command:"/social-post-ideation",cardIndex:1,descriptionKey:"socialPostIdeation",copyKey:"socialPostIdeation",tracking:{workflowName:"social-post-ideation",workflowPosition:2,submitWithChatroom:!0}},{id:"cold-outreach-email",command:"/cold-outreach-email",cardIndex:2,descriptionKey:"coldOutreachEmail",copyKey:"coldOutreachEmail",tracking:{workflowName:"cold-outreach-email",workflowPosition:3,submitWithChatroom:!0}}],l=[...o,{id:n,command:`/${n}`,copyKey:"multiSizeSocialPack",executionMode:"agent",tracking:{workflowName:"multi_size_social_pack",workflowPosition:4}}],i=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return l.map(t=>{let r=e[t.copyKey]||{},n=r.examplePrompts||[],o=(r.exampleDisplayPrompts||[]).map((e,t)=>e||n[t]||"");return{...t,title:r.title||t.command,description:r.description||"",examplePrompts:n,exampleDisplayPrompts:o,promptPresets:n.map((e,t)=>({prompt:e,displayPrompt:o[t]||e})).filter(e=>{let{prompt:t}=e;return!!t})}})},a=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";if(!e?.command)return String(t||"").trim();let r=String(t||"").trim();return r?`${e.command} ${r}`:e.command},s=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return{value:a(e,t),tokenRanges:e?.command?[{type:"skill",id:e.id,command:e.command,start:0,end:e.command.length}]:[]}},c=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return{value:String(t||"").trim(),tokenRanges:[]}},d=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],r=new Set(t.map(e=>e.command));return e.find(e=>r.has(e.command))?.id||null},u=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return o.map(r=>({...r,title:e[r.cardIndex]?.[0]||r.command,cardDescription:e[r.cardIndex]?.[1]||"",description:t[r.descriptionKey]||""}))},m=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=t.replace(/^\//,"").toLocaleLowerCase();return r?e.filter(e=>e.command.toLocaleLowerCase().includes(r)||e.title.toLocaleLowerCase().includes(r)):e},h=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],r=String(e||"");return t.filter(e=>e?.type==="skill").slice().sort((e,t)=>
1t.start-e.start).forEach(e=>{let t=Math.max(0,Math.min(e.start,r.length)),n=Math.max(t,Math.min(e.end,r.length));" "===r[n]?n+=1:t>0&&" "===r[t-1]&&(t-=1),r=`${r.slice(0,t)}${r.slice(n)}`}),r}},28332:function(e,t,r){"use strict";r.d(t,{Ah:function(){return a},E:function(){return p},Fy:function(){return m},JI:function(){return g},LG:function(){return d},ND:function(){return y},Ns:function(){return l},P$:function(){return h},Qw:function(){return x},Sn:function(){return u},XU:function(){return o},ar:function(){return s},dk:function(){return c},e6:function(){return f},wq:function(){return b},xD:function(){return i},yZ:function(){return j}});var n=r(26601);let o=n.Z.h1`
2    color: ${e=>{let{theme:t}=e;return t.titleTextColor}};
3`,l=n.Z.span`
4    color: ${e=>{let{theme:t}=e;return t.titleTextColor}};
5`,i=n.Z.h2`
6    color: ${e=>{let{theme:t}=e;return t.titleTextColor}};
7`;n.Z.h3`
8    color: ${e=>{let{theme:t}=e;return t.titleTextColor}};
9`;let a=n.Z.div`
10    color: ${e=>{let{theme:t}=e;return t.titleTextColor}};
11`,s=n.Z.label`
12    color: ${e=>{let{theme:t}=e;return t.textColor1}};
13`,c=n.Z.p`
14    color: ${e=>{let{theme:t}=e;return t.textColor1}};
15`,d=n.Z.div`
16    background: ${e=>{let{theme:t}=e;return t.backgroundColor31}};
17`,u=n.Z.div`
18    background: ${e=>{let{theme:t}=e;return t.backgroundColor31}};
19    color: ${e=>{let{theme:t}=e;return t.textColor9}};
20`,m=n.Z.input`
21    color: ${e=>{let{theme:t}=e;return t.textColor1}};
22
23    ::placeholder {
24        color: ${e=>{let{theme:t}=e;return t.textColor8}};
25    }
26`,h=n.Z.textarea`
27    color: ${e=>{let{theme:t}=e;return t.textColor1}};
28
29    ::placeholder {
30        color: ${e=>{let{theme:t}=e;return t.textColor8}};
31    }
32`,p=n.Z.span`
33    color: ${e=>{let{theme:t}=e;return t.textColor6}};
34`,g=n.Z.div`
35    background: ${e=>{let{theme:t}=e;return t.backgroundColor33}};
36`,x=n.Z.label`
37    color: ${e=>{let{theme:t}=e;return t.textColor13}};
38`,b=n.Z.p`
39    color: ${e=>{let{theme:t}=e;return t.textColor13}};
40`,f=n.Z.div`
41    background: ${e=>{let{theme:t}=e;return t.backgroundColor30}};
42    color: ${e=>{let{theme:t}=e;return t.textColor5}};
43`,y=n.Z.span`
44min-width: 2px;
45min-height: 2px;
46box-shadow: 2px 0 ${e=>{let{theme:t}=e;return t.textColor5}}, 6px 0 ${e=>{let{theme:t}=e;return t.textColor5}}, 10px 0 ${e=>{let{theme:t}=e;return t.textColor5}};
47animation: dot 1.5s infinite step-start both;
48
49@keyframes dot {
50    25% { box-shadow: none; }
51    50% { box-shadow: 2px 0 ${e=>{let{theme:t}=e;return t.textColor5}} }
52    75% { box-shadow: 2px 0 ${e=>{let{theme:t}=e;return t.textColor5}}, 6px 0 ${e=>{let{theme:t}=e;return t.textColor5}};
53}
54`,j=n.Z.div`
55    border-style: dashed;
56    border-width: 2px;
57    border-color: rgb(233 61 108);
58    background-image: linear-gradient(90deg,
59            rgba(255, 65, 99, 0.2),
60            rgba(255, 83, 80, 0.2),
61            rgba(255, 93, 69, 0.2),
62            rgba(255, 113, 48, 0.2)
63        );
64
65    color: rgb(233 61 108);
66
67    :hover{
68        background-image: linear-gradient(90deg,
69            rgba(255, 65, 99, 0.3),
70            rgba(255, 83, 80, 0.3),
71            rgba(255, 93, 69, 0.3),
72            rgba(255, 113, 48, 0.3)
73        );
74    }
75`},54722:function(e,t,r){"use strict";r.d(t,{MB:function(){return p},QV:function(){return m},xC:function(){return c},yz:function(){return s}});var n=r(4280),o=r(65550);let l={"threads-patrol-comment":o.$nE,"social-post-ideation":o.pGJ,"cold-outreach-email":o.U1o},i=[{slug:"threads-scout",placeholder:"Describe your brand, audience, or the conversations you want to find",skillId:"threads-patrol-comment",meta:{metaTitle:"Threads Scout – Find Conversations Worth Joining | GenApe",metaDescription:"Discover relevant Threads conversations and prepare useful, on-brand replies with GenApe.",canonical:"/threads-scout",robots:"index,follow",ogTitle:"Threads Scout by GenApe",ogDescription:"Find Threads conversations and draft thoughtful replies faster.",ogImage:"/images/og_img.png"}},{slug:"post-ideas",placeholder:"Enter a topic, audience, and goal for your posts",skillId:"social-post-ideation",meta:{metaTitle:"AI Social Post Ideas Generator | GenApe",metaDescription:"Generate practical social post angles tailored to your topic, audience, and brand voice.",canonical:"/post-ideas",robots:"index,follow",ogTitle:"Social Post Ideas by GenApe",ogDescription:"Turn one topic into a useful pipeline of social post ideas.",ogImage:"/images/og_img.png"}},{slug:"b2b-email",placeholder:"Describe your offer, recipient, proof point, and desired next step",skillId:"cold-outreach-email",meta:{metaTitle:"B2B Cold Email Generator | GenApe",metaDescription:"Draft concise, relevant B2B outreach emails from your offer, audience, and desired next step.",canonical:"/b2b-email",robots:"index,follow",ogTitle:"B2B Outreach Email Assistant b
75y GenApe",ogDescription:"Prepare relevant B2B outreach without generic sales language.",ogImage:"/images/og_img.png"}}];Object.freeze({standalonePagePolicy:Object.freeze({useHomeSideMenuState:!0,appChromePage:"/",hideGlobalAbout:!0}),agentLoopEntryPolicy:Object.freeze({chatHistoryEnabled:!1,initializeChatWorkspace:!0})});let a=Object.freeze(i.map(e=>e.slug)),s=e=>a.includes(e),c=e=>n.Bm.find(t=>t.id===e)||null,d=e=>{let t=c(e)?.copyKey;return t?`homeComposer.quickSkills.${t}.example1`:null},u=(e,t)=>{let r=d(e?.skillId);if(!r||"function"!=typeof t)return"";let n=t(r);return n&&n!==r?n:""},m=(e,t)=>e?{...e,defaultPrompt:u(e,t)}:null,h=Object.freeze(i.map(e=>Object.freeze({labelKey:e.slug,href:`/${e.slug}`,icon:l[e.skillId]}))),p=()=>h},85739:function(e,t,r){"use strict";r.d(t,{Z:function(){return ex}});var n=r(85893),o=r(67294),l=r(26601),i=r(9008),a=r.n(i),s=r(49845),c=r(25675),d=r.n(c),u=r(41664),m=r.n(u),h=r(11163),p=r(14640),g=r(55346),x=r(96606),b=r(15581),f=r(20473),y=r(86250),j=r(50788),k=r(99887),w=r(28176),C=r(88303),$=r(65828),v=r(7328),Z=r(48972),N=r(9256),S=r(34608),_=r(92830),T=r(57764);let M=e=>String(e||"").split(/[?#]/,1)[0],z=(e,t)=>{let r=M(e);r.startsWith("/")||(r=`/${r}`);let n=t?`/${t}`:"";return n&&r===n?r="/":n&&r.startsWith(`${n}/`)&&(r=r.slice(n.length)),r.length>1&&(r=r.replace(/\/+$/,"")),r||"/"},A=e=>[e?.href,e?.path,e?.route,e?.slug?`/${e.slug}`:null].filter(e=>"string"==typeof e&&e.length>0),I=(e,t,r)=>{let n=z(e,r);return A(t).some(e=>z(e,r)===n)},P=l.Z.nav`
76    position: fixed;
77    inset: 0 0 auto 0;
78    width: 100%;
79    height: 50px;
80    color: ${e=>{let{theme:t}=e;return t.textColor18}};
81    background: ${e=>{let{theme:t}=e;return t.contentAreaBgColor1}};
82    z-index: 4;
83
84    /* Match the original Header's Link/div typography instead of the
85       browser-native control font used by button elements. */
86    button {
87        font-family: inherit;
88        font-size: inherit;
89        line-height: inherit;
90        letter-spacing: inherit;
91    }
92`,L=(0,l.Z)(m())`
93    color: ${e=>{let{theme:t}=e;return t.textColor40}};
94    text-decoration: none;
95`,E=l.Z.div`
96    position: relative;
97`,K=l.Z.ul`
98    position: absolute;
99    left: 0;
100    top: 100%;
101    min-width: 14rem;
102    margin: 0;
103    padding: 0.5rem;
104    list-style: none;
105    border-radius: 0.75rem;
106    background: ${e=>{let{theme:t}=e;return t.backgroundColor32}};
107    backdrop-filter: blur(25px);
108    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
109    z-index: 3;
110`,D=(0,l.Z)(m())`
111    display: flex;
112    align-items: center;
113    min-height: 2.5rem;
114    padding: 0.5rem;
115    border-radius: 0.375rem;
116    color: ${e=>{let{theme:t}=e;return t.textColor40}};
117    font-weight: 600;
118    text-decoration: none;
119
120    &:hover {
121        background-color: ${e=>{let{theme:t}=e;return t.backgroundColor31}};
122    }
123`,G=l.Z.li`
124    position: relative;
125`,B=l.Z.button`
126    display: flex;
127    align-items: center;
128    justify-content: space-between;
129    width: 100%;
130    min-height: 2.5rem;
131    padding: 0.5rem;
132    border: 0;
133    border-radius: 0.375rem;
134    background: transparent;
135    color: ${e=>{let{theme:t}=e;return t.textColor40}};
136    font-weight: 600;
137    text-align: left;
138    cursor: pointer;
139
140    &:hover {
141        background-color: ${e=>{let{theme:t}=e;return t.backgroundColor31}};
142    }
143`,O=l.Z.div`
144    position: absolute;
145    left: 100%;
146    top: 0;
147    margin: 0 0 0 0.25rem;
148    z-index: 3;
149`,R=l.Z.ul`
150    min-width: 14rem;
151    max-height: calc(${9} * ${3.6}rem + 1rem);
152    margin: 0;
153    padding: 0.5rem;
154    list-style: none;
155    border-radius: 0.75rem;
156    background: ${e=>{let{theme:t}=e;return t.backgroundColor29}};
157    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
158    overflow-y: auto;
159    scrollbar-width: none;
160
161    &::-webkit-scrollbar {
162        display: none;
163    }
164`,H=l.Z.button`
165    position: absolute;
166    left: 0;
167    right: 0;
168    display: flex;
169    align-items: center;
170    justify-content: center;
171    height: 1.5rem;
172    padding: 0;
173    border: 0;
174    border-radius: 0.75rem;
175    background: ${e=>{let{theme:t}=e;return t.backgroundColor29}};
176    color: ${e=>{let{theme:t}=e;return t.textColor40}};
177    cursor: pointer;
178    z-index: 1;
179
180    &:hover {
181        background-color: ${e=>{let{theme:t}=e;return t.backgroundColor31}};
182    }
183`,W=(0,l.Z)(H)`
184    top: 0;
185`,F=(0,l.Z)(H)`
186    bottom: 0;
187`,U=l.Z.button`
188    display: flex;
189    align-items: center;
190    width: 100%;
191    height: 2.5rem;
192    padding-inline: 0.5rem;
193    padding-inline-start: calc(0.5rem + ${1.75}rem);
194    box-sizing: border-box;
195    border: 0;
196    border-radius: 0.375rem;
197    background: transparent;
198    color: ${e=>{let{theme:t}=e;return t.sideMenuTextColor1}};
199    font-size: 1rem;
200    line-height: 1.5rem;
201    font-weight: 600;
202    cursor: pointer;
203
204    &:hover {
205        background-color: ${e=>{let{theme:t}=e;return t.backgroundColor31}};
206    }
207
208    @media screen and (max-height: 801px) {
209        height: 2rem;
210        padding-inline-start: calc(0.25rem + ${1.75}rem);
211        font-size: 0.875rem;
212    }
213`,J=l.Z.div`
214    position: fixed;
215    inset: 0;
216    width: 100%;
217    height: 100vh;
218    height: 100dvh;
219    box-sizing: border-box;
220    display: flex;
221    flex-direction: column;
222    overflow: hidden;
223    padding-top: 0.5rem;
224    background: ${e=>{let{theme:t}=e;return t.backgroundColor29}};
225    color: ${e=>{let{theme:t}=e;return t.sideMenuTextColor1}};
226    z-index: 50;
227
228    @media screen and (min-width: 1024px) {
229        display: none;
230    }
231`,X=l.Z.div`
232    display: flex;
233    align-items: center;
234    justify-content: space-between;
235    flex: 0 0 auto;
236    min-height: 2.5rem;
237    padding: 0;
238    box-sizing: border-box;
239`,q=(0,l.Z)(d())`
240    display: block;
241    width: auto;
242    height: 2.5rem;
243    margin-left: 0.75rem;
244`,Q=l.Z.button`
245    display: flex;
246    align-items: center;
247    justify-content: center;
248    width: 1.25rem;
249    height: 1.25rem;
250    margin-right: 1.75rem;
251    padding: 0;
252    border: 0;
253    background: transparent;
254    color: ${e=>{let{theme:t}=e;return t.sideMenuTextColor1}};
255    cursor: pointer;
256`,V=l.Z.div`
257    flex: 1 1 auto;
258    min-height: 0;
259    overflow-y: auto;
260    padding-block: 1rem 0.75rem;
261    padding-inline: 0.75rem;
262    box-sizing: border-box;
263`,Y=l.Z.div`
264    margin-top: 0;
265    padding-bottom: 0.25rem;
266`,ee=l.Z.div`
267    display: flex;
268    flex-direction: column;
269    gap: 0.25rem;
270`,et=l.Z.button`
271    width: 100%;
272    display: flex;
273    align-items: center;
274    height: 2.5rem;
275    padding: 0.5rem;
276    box-sizing: border-box;
277    border: 0;
278    background: transparent;
279    color: ${e=>{let{theme:t}=e;return t.sideMenuTextColor1}};
280    font-weight: 600;
281    text-align: left;
282    cursor: pointer;
283    margin-bottom: 0.25rem;
284
285    && {
286        font-size: 1rem;
287        line-height: 1.5rem;
288    }
289
290    &:hover {
291        background-color: ${e=>{let{theme:t}=e;return t.backgroundColor31}};
292        border-radius: 0.375rem;
293    }
294
295    @media screen and (max-height: 801px) {
296        height: 2rem;
297        padding: 0.25rem;
298
299        && {
300            font-size: 0.875rem;
301        }
302    }
303`,er=(0,l.Z)(m())`
304    display: flex;
305    align-items: center;
306    width: 100%;
307    height: 2.5rem;
308    padding: 0;
309    box-sizing: border-box;
310    border-radius: 0.375rem;
311    background: ${e=>{let{$active:t,theme:r}=e;return t?r.backgroundColor31:"transparent"}};
312    color: ${e=>{let{theme:t}=e;return t.sideMenuTextColor1}};
313    font-size: 1rem;
314    line-height: 1.5rem;
315    font-weight: 600;
316    text-decoration: none;
317
318    &:hover {
319        background-color: ${e=>{let{theme:t}=e;return t.backgroundColor31}};
320    }
321
322    @media screen and (max-height: 801px) {
323        height: 2rem;
324        font-size: 0.875rem;
325    }
326
327`,en=l.Z.span`
328    width: 100%;
329    height: 100%;
330    display: flex;
331    align-items: center;
332    padding-block: 0.5rem;
333    padding-inline: 0.5rem;
334    padding-inline-start: ${e=>{let{$indentRem:t=0}=e;return`calc(0.5rem + ${t}rem)`}};
335    box-sizing: border-box;
336
337    @media screen and (max-height: 801px) {
338        padding-block: 0.25rem;
339        padding-inline-end: 0.25rem;
340        padding-inline-start: ${e=>{let{$indentRem:t=0}=e;return`calc(0.25rem + ${t}rem)`}};
341    }
342`,eo=l.Z.span`
343    display: inline-flex;
344    align-items: center;
345    justify-content: center;
346    width: 1.75rem;
347    margin-right: 0.5rem;
348    color: ${e=>{let{theme:t}=e;return t.sideMenuTextColor1}};
349`,el=l.Z.span`
350    display: inline-flex;
351    align-items: center;
352    justify-content: center;
353    flex: 0 0 1.25rem;
354    width: 1.25rem;
355    height: 1.25rem;
356    margin-right: 0.5rem;
357    color: ${e=>{let{theme:t}=e;return t.sideMenuTextColor1}};
358`,ei=l.Z.div`
359    position: relative;
360    display: flex;
361    align-items: center;
362`,ea=l.Z.div`
363    position: absolute;
364    right: 0;
365    top: 100%;
366    min-width: 10rem;
367    padding: 0.5rem;
368    border-radius: 0.75rem;
369    background: ${e=>{let{theme:t}=e;return t.backgroundColor32}};
370    backdrop-filter: blur(25px);
371    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
372    z-index: ${T.T.LANG_MENU};
373`,es=l.Z.button`
374    width: 100%;
375    display: flex;
376    align-items: center;
377    padding: 0.5rem;
378    border: 0;
379    border-radius: 0.375rem;
380    background: transparent;
381    color: ${e=>{let{theme:t}=e;return t.textColor2}};
382    cursor: pointer;
383
384    &:hover {
385        background-color: ${e=>{let{theme:t}=e;return t.backgroundColor33}};
386    }
387`,ec=e=>{let{items:t}=e,r=(0,p.useTranslations)(),l=(0,o.useRef)(null),i=(0,o.useRef)(null),[a,s]=(0,o.useState)(!1),[c,d]=(0,o.useState)(!1),u=()=>{let e=l.current;e&&(s(e.scrollTop>0),d(e.scrollTop+e.clientHeight<e.scrollHeight-1))};(0,o.useEffect)(()=>{u()},[t]);let m=()=>{i.current&&(clearInterval(i.current),i.current=null)};(0,o.useEffect)(()=>m,[]);let h=e=>{m(),i.current=setInterval(()=>{l.current?.scrollBy({top:6*e}),u()},16)};return(0,n.jsxs)(O,{children:[a&&(0,n.jsx)(W,{type:"button",onMouseEnter:()=>h(-1),onMouseLeave:m,"aria-label":"Scroll up",children:(0,n.jsx)(y.AZg,{className:"h-4 w-4"})}),(0,n.jsx)(R,{ref:l,onScroll:u,children:t.map(e=>(0,n.jsx)("li",{children:(0,n.jsx)(D,{href:e.href,children:r(e.labelKey)})},e.href))}),c&&(0,n.jsx)(F,{type:"button",onMouseEnter:()=>h(1),onMouseLeave:m,"aria-label":"Scroll down",children:(0,n.jsx)(y.CgR,{className:"h-4 w-4"})})]})};var ed=e=>{let{navigationItems:t=[],toolCategoryMenus:r=[]}=e,l=(0,p.useTranslations)(),i=(0,h.useRouter)(),a=(0,o.useRef)(null),[c,u]=(0,o.useState)(!1),[m,T]=(0,o.useState)(!0),[M,A]=(0,o.useState)(!1),[O,R]=(0,o.useState)(()=>new Set),[H,W]=(0,o.useState)(!1),[F,ed]=(0,o.useState)(!1),[eu,em]=(0,o.useState)(null),[eh,ep]=(0,o.useState)(!1),{currentLocale:eg,currentTheme:ex,setShowLoginDialog:eb}=(0,o.useContext)(s.StoreContext),ef=i.locale||eg,ey=i.asPath||i.pathname,ej="/"===z(ey,ef);(0,o.useEffect)(()=>
387{if(!eh)return;let e=e=>{a.current?.contains(e.target)||ep(!1)};return document.addEventListener("click",e,!0),()=>document.removeEventListener("click",e,!0)},[eh]);let ek=e=>{ep(!1),localStorage.setItem("lang",e),i.push(i.pathname,i.asPath,{locale:e})},ew=e=>{R(t=>{let r=new Set(t);return r.has(e)?r.delete(e):r.add(e),r})};return(0,n.jsxs)(P,{className:"flex items-center justify-between",children:[(0,n.jsxs)("div",{className:"flex h-full items-center",children:[(0,n.jsx)("button",{type:"button","aria-label":l(c?"closeSidebar":"openSidebar"),"aria-expanded":c,"data-testid":"standalone-header-hamburger",className:"lg:display-none h-7 w-7 ml-3 rounded-md p-1 border-none bg-purple-genape flex items-center justify-center text-white cursor-pointer",onClick:()=>{u(e=>(e||T(!0),!e))},children:c?(0,n.jsx)(b.oHP,{className:"h-5 w-5"}):(0,n.jsx)(x.ib2,{className:"h-5 w-5"})}),(0,n.jsxs)(L,{href:"/","data-testid":"standalone-header-logo",className:"display-none lg:flex items-center",children:["dark"===ex?(0,n.jsx)(d(),{src:w.Z,alt:"GenApe Logo",className:"h-10 w-auto ml-3 display-none xl:block"}):(0,n.jsx)(d(),{src:k.Z,alt:"GenApe Logo",className:"h-10 w-auto ml-3 display-none xl:block"}),(0,n.jsx)(d(),{src:C.Z,alt:"GenApe Logo",className:"h-10 w-auto ml-3 xl:display-none"})]}),(0,n.jsxs)("div",{className:"display-none lg:flex h-full items-center ml-2",children:[(0,n.jsxs)(E,{"data-testid":"standalone-header-feature-menu",onMouseEnter:()=>W(!0),onMouseLeave:()=>W(!1),children:[(0,n.jsxs)("button",{type:"button",className:"h-full border-none bg-transparent flex items-center px-2 font-bold cursor-pointer",children:[l("templates2"),H?(0,n.jsx)(y.AZg,{className:"h-5 w-5 ml-1"}):(0,n.jsx)(y.CgR,{className:"h-5 w-5 ml-1"})]}),H&&t.length>0&&(0,n.jsx)(K,{children:t.map(e=>(0,n.jsx)("li",{children:(0,n.jsxs)(D,{href:e.href,children:[(0,n.jsx)(eo,{children:e.icon?(0,n.jsx)(e.icon,{size:18,"aria-hidden":!0}):null}),l(e.labelKey)]})},e.href))})]}),(0,n.jsxs)(E,{"data-testid":"standalone-header-tool-category-menu",onMouseEnter:()=>ed(!0),onMouseLeave:()=>{ed(!1),em(null)},children:[(0,n.jsxs)("button",{type:"button",className:"h-full border-none bg-transparent flex items-center px-2 font-bold cursor-pointer",children:[l("freeToolsMenuLabel"),F?(0,n.jsx)(y.AZg,{className:"h-5 w-5 ml-1"}):(0,n.jsx)(y.CgR,{className:"h-5 w-5 ml-1"})]}),F&&r.length>0&&(0,n.jsx)(K,{children:r.map((e,t)=>(0,n.jsxs)(G,{onMouseEnter:()=>em(t),children:[(0,n.jsxs)(B,{type:"button",children:[l(e.labelKey),(0,n.jsx)(y.mzm,{className:"h-4 w-4 ml-1","aria-hidden":!0})]}),eu===t&&e.items.length>0&&(0,n.jsx)(ec,{items:e.items})]},e.labelKey))})]}),(0,n.jsx)(L,{href:"/blog","data-testid":"standalone-header-tutorial",className:"px-2 font-bold",children:l("tutorial2")}),(0,n.jsx)(L,{href:"/pricing","data-testid":"standalone-header-pricing",className:"px-2 font-bold",children:l("pricing")})]})]}),c&&(0,n.jsxs)(J,{children:[(0,n.jsxs)(X,{children:[(0,n.jsx)(L,{href:"/",onClick:()=>u(!1),children:(0,n.jsx)(q,{src:"dark"===ex?w.Z:k.Z,alt:"GenApe Logo"})}),(0,n.jsx)(Q,{type:"button","aria-label":l("closeSidebar"),onClick:()=>u(!1),children:(0,n.jsx)(b.oHP,{className:"h-5 w-5"})})]}),(0,n.jsxs)(V,{children:[(0,n.jsx)(er,{href:"/",onClick:()=>u(!1),$active:ej,"aria-current":ej?"page":void 0,children:(0,n.jsxs)(en,{children:[(0,n.jsx)(el,{children:(0,n.jsx)(g.xng,{className:"click-sidebar-home font-bold flex-shrink-0 h-5 w-5","aria-hidden":!0})}),l("home")]})}),(0,n.jsxs)(Y,{children:[(0,n.jsxs)(et,{type:"button","aria-expanded":m,onClick:()=>T(e=>!e),children:[(0,n.jsx)(d(),{src:$.Z,alt:"",className:"h-5 w-5 mr-2"}),(0,n.jsx)("span",{className:"text-gradient",children:l("templates")}),m?(0,n.jsx)(d(),{src:N.Z,alt:"",className:"h-5 w-5 ml-auto"}):(0,n.jsx)(d(),{src:Z.Z,alt:"",className:"h-5 w-5 ml-auto"})]}),m&&(0,n.jsx)(ee,{children:t.map(e=>{let t=I(ey,e,ef);return(0,n.jsx)(er,{href:e.href,onClick:()=>u(!1),$active:t,"aria-current":t?"page":void 0,children:(0,n.jsx)(en,{$indentRem:1.75,children:l(e.labelKey)})},e.href)})})]}),(0,n.jsxs)(Y,{children:[(0,n.jsxs)(et,{type:"button","aria-expanded":M,onClick:()=>A(e=>!e),children:[(0,n.jsx)(d(),{src:v.Z,alt:"",className:"h-5 w-5 mr-2"}),(0,n.jsx)("span",{className:"text-gradient",children:l("freeToolsMenuLabel")}),M?(0,n.jsx)(d(),{src:N.Z,alt:"",className:"h-5 w-5 ml-auto"}):(0,n.jsx)(d(),{src:Z.Z,alt:"",className:"h-5 w-5 ml-auto"})]}),M&&(0,n.jsx)(ee,{children:r.map((e,t)=>{let r=O.has(t);return(0,n.jsxs)("div",{children:[(0,n.jsxs)(U,{type:"button","aria-expanded":r,onClick:()=>ew(t),children:[(0,n.jsx)("span",{className:"flex-1 text-left",children:l(e.labelKey)}),r?(0,n.jsx)(d(),{src:N.Z,alt:"",className:"h-4 w-4 ml-auto"}):(0,n.jsx)(d(),{src:Z.Z,alt:"",className:"h-4 w-4 ml-auto"})]}),r&&(0,n.jsx)(ee,{children:e.items.map(e=>{let t=I(ey,e,ef);return(0,n.jsx)(er,{href:e.href,onClick:()=>u(!1),$active:t,"aria-current":t?"page":void 0,children:(0,n.jsx)(en,{$indentRem:3,children:l(e.labelKey)})},e.href)})})]},e.labelKey)})})]}),(0,n.jsx)(er,{href:"/blog",onClick:()=>u(!1),"data-testid":"standalone-mobile-menu-tutorial",children:(0,n.jsxs)(en,{children:[(0,n.jsx)(el,{children:(0,n.jsx)(f.O$D,{size:20,"aria-hidden":!0})}),l("tutorial2")]})}),(0,n.jsx)(er,{href:"/pricing",onClick:()=>u(!1),"data-testid":"standalone-mobile-menu-pricing",className:"text-gradient",children:(0,n.jsxs)(en,{children:[(0,n.jsx)(el,{children:(0,n.jsx)(j.arL,{size:20,color:"#C4367C","aria-hidden":!0})}),l("pricing")]})})]})]}),(0,n.jsxs)("div",{className:"flex h-full items-center",children:[(0,n.jsxs)(ei,{ref:a,"data-testid":"standalone-header-language",children:[(0,n.jsxs)("button",{type:"button","aria-label":l("language2"),className:"h-full border-none bg-transparent flex items-center px-2 font-semibold cursor-pointer",onClick:()=>ep(e=>!e),children:[(0,n.jsx)(j.$lZ,{className:"w-6 h-6 mr-1"}),(0,n.jsx)("span",{className:"display-none lg:flex",children:(0,S.Z)(eg)}),eh?(0,n.jsx)(y.AZg,{className:"display-none lg:flex w-5 h-5 ml-1"}):(0,n.jsx)(y.CgR,{className:"display-none lg:flex w-5 h-5 ml-1"})]}),eh&&(0,n.jsx)(ea,{children:_.dU.map(e=>(0,n.jsxs)(es,{type:"button",onClick:()=>ek(e.code),children:[eg===e.code?(0,n.jsx)(g.l_A,{className:"w-4 h-4 mr-2"}):(0,n.jsx)("span",{className:"w-4 h-4 mr-2"}),e.displayName]},e.code))})]}),(0,n.jsx)("button",{type:"button","data-testid":"main__login-btn",className:"ml-1 lg:ml-4 mr-4 rounded-1.25rem border-none bg-gradient cursor-pointer text-white min-w-16 h-8 px-3 shadow-md text-sm whitespace-nowrap",onClick:()=>eb(!0),children:l("loginBtn")})]})]})},eu=r(76442);let em=l.Z.div`
388    min-height: 100%;
389    background: ${e=>{let{theme:t}=e;return t.contentAreaBgColor1}};
390`,eh=l.Z.section`
391    padding: 24px;
392    color: ${e=>{let{theme:t}=e;return t.textColor1}};
393
394    h1 {
395        margin-bottom: 16px;
396        font-size: 36px;
397        line-height: 1.2;
398        font-weight: 700;
399        text-align: center;
400    }
401
402    > p {
403        margin: 0 auto 24px;
404        max-width: 768px;
405        text-align: center;
406    }
407`,ep=e=>!e||e.startsWith("http")?e:`https://genape.ai${e}`,eg=(e,t)=>{if(!e||e.startsWith("http"))return e;let r=e.startsWith("/")?e:`/${e}`;return ep(`${(0,eu.Z)(t)}${r}`)};var ex=e=>{let{seoMeta:t={},cmsSeoData:r=null,seoContent:l=null,navigationItems:i=[],toolCategoryMenus:c=[],children:d}=e,{isLogin:u,currentLocale:m,currentTheme:h}=(0,o.useContext)(s.StoreContext),p=r?.meta_title||t.title||t.metaTitle,g=r?.meta_descriptions||t.description||t.metaDescription,x=r?.meta_title||t.ogTitle||p,b=r?.meta_descriptions||t.ogDescription||g,f=eg(t.canonical,m),y=ep(t.ogImage),j=r?.page_schema,k=Array.isArray(j)?j:j&&Object.keys(j).length>0?[j]:[],w=r?.h1_data||null,C=r?.h1_description?.trim()||null,$=Array.isArray(r?.html_light)&&r.html_light[0]||null,v=Array.isArray(r?.html_dark)&&r.html_dark[0]||null,Z=!!w||!!C||!!$||!!v,N=l||(Z?(0,n.jsxs)(eh,{"data-testid":"standalone-page-default-cms-seo-content",children:[w&&(0,n.jsx)("h1",{children:w}),C&&(0,n.jsx)("p",{children:C}),"dark"===h&&v&&(0,n.jsx)("div",{dangerouslySetInnerHTML:{__html:v}}),"dark"!==h&&$&&(0,n.jsx)("div",{dangerouslySetInnerHTML:{__html:$}})]}):null);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(a(),{children:[p&&(0,n.jsx)("title",{children:p},"standalone-title"),g&&(0,n.jsx)("meta",{name:"description",content:g},"description"),f&&(0,n.jsx)("link",{rel:"canonical",href:f},"canonical"),t.robots&&(0,n.jsx)("meta",{name:"robots",content:t.robots},"robots"),x&&(0,n.jsx)("meta",{property:"og:title",content:x},"og-title"),b&&(0,n.jsx)("meta",{property:"og:description",content:b},"og-description"),y&&(0,n.jsx)("meta",{property:"og:image",content:y},"og-image"),k.map((e,t)=>(0,n.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(e)}},`standalone-page-schema-${t}`))]}),!u&&(0,n.jsx)(ed,{navigationItems:i,toolCategoryMenus:c}),(0,n.jsxs)(em,{"data-testid":"standalone-page-shell",children:[d,N&&(0,n.jsx)("div",{"data-testid":"standalone-page-seo-content",children:N})]})]})}}},function(e){e.O(0,[6654,9774,2888,179],function(){return e(e.s=53560)}),_N_E=e.O()}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.