90:I[903690,["/chat-static/_next/static/chunks/1hm3q0j7vx_jl.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/30cg74pivru03.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/2ir1-mfl-mxun.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/3139m71i45f_m.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1d27q4_h4it5w.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/10df6ghephwfh.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/3g-fs4xgai-g5.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/45cgj0o2dd5ka.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1vo2s82fx-91j.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/2b7mx-6g-n-p-.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0n2vqkuu3m7mv.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/151itv_w2dl-d.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1pzl0qjyusfha.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1ilnu97ogkb5i.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0wkini5l9f_9s.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1zvm-f33paz4c.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/43emq6v2fv13u.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/02rh369i5mh-5.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1e1jj32nu3059.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/054nyoml5t8yc.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0tmnhs5rj_pj7.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/130lebo2db7jj.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/311y33ni2zbzy.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0b2jr5pl--hcz.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/3ji6b0r5j__17.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/01ptiup-2nj2g.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0i6uvuvwjy18w.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0vfkjsgkqmiak.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ"],"ExplicitChatIdProvider"] 91:I[838238,["/chat-static/_next/static/chunks/1hm3q0j7vx_jl.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/30cg74pivru03.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/2ir1-mfl-mxun.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/3139m71i45f_m.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1d27q4_h4it5w.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/10df6ghephwfh.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/3g-fs4xgai-g5.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/45cgj0o2dd5ka.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1vo2s82fx-91j.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/2b7mx-6g-n-p-.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0n2vqkuu3m7mv.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/151itv_w2dl-d.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1pzl0qjyusfha.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1ilnu97ogkb5i.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0wkini5l9f_9s.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1zvm-f33paz4c.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/43emq6v2fv13u.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/02rh369i5mh-5.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1e1jj32nu3059.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/054nyoml5t8yc.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0tmnhs5rj_pj7.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/130lebo2db7jj.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/311y33ni2zbzy.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0b2jr5pl--hcz.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/3ji6b0r5j__17.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/01ptiup-2nj2g.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0i6uvuvwjy18w.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0vfkjsgkqmiak.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ"],"SWRDataProvider"] 94:I[589831,["/chat-static/_next/static/chunks/1hm3q0j7vx_jl.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/30cg74pivru03.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/2ir1-mfl-mxun.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/3139m71i45f_m.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1d27q4_h4it5w.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/10df6ghephwfh.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/3g-fs4xgai-g5.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/45cgj0o2dd5ka.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1vo2s82fx-91j.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/2b7mx-6g-n-p-.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0n2vqkuu3m7mv.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/151itv_w2dl-d.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1pzl0qjyusfha.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1ilnu97ogkb5i.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0wkini5l9f_9s.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1zvm-f33paz4c.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/43emq6v2fv13u.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/02rh369i5mh-5.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1e1jj32nu3059.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/054nyoml5t8yc.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0tmnhs5rj_pj7.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/130lebo2db7jj.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/311y33ni2zbzy.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0b2jr5pl--hcz.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/3ji6b0r5j__17.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/01ptiup-2nj2g.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0i6uvuvwjy18w.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0vfkjsgkqmiak.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ"],"TemplateImage"] 95:I[507037,["/chat-static/_next/static/chunks/1hm3q0j7vx_jl.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/30cg74pivru03.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/2ir1-mfl-mxun.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/3139m71i45f_m.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1d27q4_h4it5w.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/10df6ghephwfh.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/3g-fs4xgai-g5.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/45cgj0o2dd5ka.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1vo2s82fx-91j.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/2b7mx-6g-n-p-.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0n2vqkuu3m7mv.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/151itv_w2dl-d.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1pzl0qjyusfha.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1ilnu97ogkb5i.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0wkini5l9f_9s.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1zvm-f33paz4c.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/43emq6v2fv13u.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/02rh369i5mh-5.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/1e1jj32nu3059.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/054nyoml5t8yc.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0tmnhs5rj_pj7.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/130lebo2db7jj.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/311y33ni2zbzy.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0b2jr5pl--hcz.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/3ji6b0r5j__17.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/01ptiup-2nj2g.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0i6uvuvwjy18w.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ","/chat-static/_next/static/chunks/0vfkjsgkqmiak.js?dpl=dpl_73iDdF7QHSu5M4RFvNDsRW8kouJZ"],"PrefetchLinkAndRefreshOnHover"] 92:T6303,[V0_FILE]typescriptreact:file="components/invoice-generator.tsx" isEdit="true" isMerged="true" "use client" import type React from "react" import { useState, useRef } from "react" import { jsPDF } from "jspdf" import html2canvas from "html2canvas" import { v4 as uuidv4 } from "uuid" import { Button } from "@/components/ui/button" import { Card } from "@/components/ui/card" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import InvoiceForm from "@/components/invoice-form" import InvoicePreview from "@/components/invoice-preview" import type { InvoiceData } from "@/types/invoice" export default function InvoiceGenerator() { const [activeTab, setActiveTab] = useState("edit") const invoiceRef = useRef(null) const [invoiceData, setInvoiceData] = useState({ invoiceNumber: `INV-${Math.floor(Math.random() * 10000)}`, date: new Date().toISOString().split("T")[0], dueDate: new Date(Date.now() + 30 * 24 * 60 * 60 * 1000).toISOString().split("T")[0], companyName: "", companyLogo: "", companyDetails: "", fromName: "", fromEmail: "", fromAddress: "", toName: "", toEmail: "", toAddress: "", items: [{ id: uuidv4(), description: "", quantity: 1, price: 0 }], notes: "", taxRate: 0, currency: "USD", }) const handleInvoiceChange = (field: string, value: string | number) => { setInvoiceData({ ...invoiceData, [field]: value }) } const handleItemChange = (id: string, field: string, value: string | number) => { const updatedItems = invoiceData.items.map((item) => { if (item.id === id) { return { ...item, [field]: field === "quantity" || field === "price" ? Number(value) : value } } return item }) setInvoiceData({ ...invoiceData, items: updatedItems }) } const addItem = () => { setInvoiceData({ ...invoiceData, items: [...invoiceData.items, { id: uuidv4(), description: "", quantity: 1, price: 0 }], }) } const removeItem = (id: string) => { if (invoiceData.items.length > 1) { setInvoiceData({ ...invoiceData, items: invoiceData.items.filter((item) => item.id !== id), }) } } const calculateSubtotal = () => { return invoiceData.items.reduce((sum, item) => sum + item.quantity * item.price, 0) } const calculateTax = () => { return calculateSubtotal() * (invoiceData.taxRate / 100) } const calculateTotal = () => { return calculateSubtotal() + calculateTax() } const downloadPdf = async () => { if (invoiceRef.current) { const canvas = await html2canvas(invoiceRef.current, { scale: 2, useCORS: true, logging: false, }) const imgData = canvas.toDataURL("image/png") const pdf = new jsPDF({ orientation: "portrait", unit: "mm", format: "a4", }) const imgWidth = 210 const imgHeight = (canvas.height * imgWidth) / canvas.width pdf.addImage(imgData, "PNG", 0, 0, imgWidth, imgHeight) pdf.save(`invoice-${invoiceData.invoiceNumber}.pdf`) } } const handleLogoUpload = (e: React.ChangeEvent) => { const file = e.target.files?.[0] if (file) { const reader = new FileReader() reader.onloadend = () => { setInvoiceData({ ...invoiceData, companyLogo: reader.result as string, }) } reader.readAsDataURL(file) } } return (

Edit Invoice Preview

) } [V0_FILE]typescriptreact:file="components/invoice-form.tsx" isEdit="true" isMerged="true" "use client" import type React from "react" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Trash2, Plus } from "lucide-react" import type { InvoiceData } from "@/types/invoice" import { formatCurrency, currencies } from "@/lib/utils" interface InvoiceFormProps { invoiceData: InvoiceData handleInvoiceChange: (field: string, value: string | number) => void handleItemChange: (id: string, field: string, value: string | number) => void handleLogoUpload: (e: React.ChangeEvent) => void addItem: () => void removeItem: (id: string) => void calculateSubtotal: () => number calculateTax: () => number calculateTotal: () => number } export default function InvoiceForm({ invoiceData, handleInvoiceChange, handleItemChange, handleLogoUpload, addItem, removeItem, calculateSubtotal, calculateTax, calculateTotal, }: InvoiceFormProps) { return (

Invoice Details

Invoice Number handleInvoiceChange("invoiceNumber", e.target.value)} />

Date handleInvoiceChange("date", e.target.value)} />

Due Date handleInvoiceChange("dueDate", e.target.value)} />

Currency

Tax Rate (%) handleInvoiceChange("taxRate", Number.parseFloat(e.target.value) || 0)} />

Company Information

Company Name handleInvoiceChange("companyName", e.target.value)} />

Company Logo

{invoiceData.companyLogo && (

)}

Company Details

handleInvoiceChange("companyDetails", e.target.value)}
                    placeholder="Registration number, VAT ID, etc."
                  />
                </div>
              </div>
            </div>

<div>
              <h2 className="text-xl font-semibold mb-4">From</h2>
              <div className="space-y-4">
                <div>
                  <Label htmlFor="fromName">Name</Label>
                  <Input
                    id="fromName"
                    value={invoiceData.fromName}
                    onChange={(e) => handleInvoiceChange("fromName", e.target.value)}
                  />
                </div>
                <div>
                  <Label htmlFor="fromEmail">Email</Label>
                  <Input
                    id="fromEmail"
                    type="email"
                    value={invoiceData.fromEmail}
                    onChange={(e) => handleInvoiceChange("fromEmail", e.target.value)}
                  />
                </div>
                <div>
                  <Label htmlFor="fromAddress">Address</Label>
                  <Textarea
                    id="fromAddress"
                    value={invoiceData.fromAddress}
                    onChange={(e) => handleInvoiceChange("fromAddress", e.target.value)}
                  />
                </div>
              </div>
            </div>
          </div>
        </div>

<div className="mb-6">
          <h2 className="text-xl font-semibold mb-4">To</h2>
          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
            <div>
              <Label htmlFor="toName">Name</Label>
              <Input
                id="toName"
                value={invoiceData.toName}
                onChange={(e) => handleInvoiceChange("toName", e.target.value)}
              />
            </div>
            <div>
              <Label htmlFor="toEmail">Email</Label>
              <Input
                id="toEmail"
                type="email"
                value={invoiceData.toEmail}
                onChange={(e) => handleInvoiceChange("toEmail", e.target.value)}
              />
            </div>
            <div className="md:col-span-2">
              <Label htmlFor="toAddress">Address</Label>
              <Textarea
                id="toAddress"
                value={invoiceData.toAddress}
                onChange={(e) => handleInvoiceChange("toAddress", e.target.value)}
              />
            </div>
          </div>
        </div>

<h2 className="text-xl font-semibold mb-4">Items</h2>
        <div className="space-y-4">
          {invoiceData.items.map((item) => (
            <div key={item.id} className="grid grid-cols-12 gap-2 items-end">
              <div className="col-span-5">
                <Label htmlFor={`description-${item.id}`}>Description</Label>
                <Input
                  id={`description-${item.id}`}
                  value={item.description}
                  onChange={(e) => handleItemChange(item.id, "description", e.target.value)}
                />
              </div>
              <div className="col-span-2">
                <Label htmlFor={`quantity-${item.id}`}>Quantity</Label>
                <Input
                  id={`quantity-${item.id}`}
                  type="number"
                  min="1"
                  value={item.quantity}
                  onChange={(e) => handleItemChange(item.id, "quantity", Number.parseInt(e.target.value) || 0)}
                />
              </div>
              <div className="col-span-3">
                <Label htmlFor={`price-${item.id}`}>Price</Label>
                <Input
                  id={`price-${item.id}`}
                  type="number"
                  min="0"
                  step="0.01"
                  value={item.price}
                  onChange={(e) => handleItemChange(item.id, "price", Number.parseFloat(e.target.value) || 0)}
                />
              </div>
              <div className="col-span-1 flex items-center justify-center">
                <Button
                  variant="ghost"
                  size="icon"
                  onClick={() => removeItem(item.id)}
                  disabled={invoiceData.items.length <= 1}
                >
                  <Trash2 className="h-4 w-4" />
                </Button>
              </div>
              <div className="col-span-1 text-right">
                {formatCurrency(item.quantity * item.price, invoiceData.currency)}
              </div>
            </div>
          ))}

<div className="mt-6 space-y-2">
            <div className="flex justify-between">
              <span>Subtotal:</span>
              <span>{formatCurrency(calculateSubtotal(), invoiceData.currency)}</span>
            </div>
            <div className="flex justify-between">
              <span>Tax ({invoiceData.taxRate}%):</span>
              <span>{formatCurrency(calculateTax(), invoiceData.currency)}</span>
            </div>
            <div className="flex justify-between font-bold">
              <span>Total:</span>
              <span>{formatCurrency(calculateTotal(), invoiceData.currency)}</span>
            </div>
          </div>
        </div>

<div className="mt-6">
          <Label htmlFor="notes">Notes</Label>
          <Textarea
            id="notes"
            value={invoiceData.notes}
            onChange={(e) => handleInvoiceChange("notes", e.target.value)}
            placeholder="Payment terms, bank details, etc."
          />
        </div>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="types/invoice.ts" isEdit="true" isMerged="true"
export interface LineItem {
  id: string
  description: string
  quantity: number
  price: number
}

export interface InvoiceData {
  invoiceNumber: string
  date: string
  dueDate: string
  companyName: string
  companyLogo: string
  companyDetails: string
  fromName: string
  fromEmail: string
  fromAddress: string
  toName: string
  toEmail: string
  toAddress: string
  items: LineItem[]
  notes: string
  taxRate: number
  currency: string
}

[V0_FILE]typescriptreact:file="lib/utils.ts" isEdit="true" isMerged="true"
import { type ClassValue, clsx } from "clsx"
import { twMerge } from "tailwind-merge"

export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
}

export function formatCurrency(amount: number, currency = "USD"): string {
  return new Intl.NumberFormat("en-US", {
    style: "currency",
    currency: currency,
  }).format(amount)
}

export function formatDate(dateString: string): string {
  if (!dateString) return ""

const date = new Date(dateString)
  return new Intl.DateTimeFormat("en-US", {
    year: "numeric",
    month: "long",
    day: "numeric",
  }).format(date)
}

export const currencies = [
  { code: "USD", name: "US Dollar" },
  { code: "EUR", name: "Euro" },
  { code: "GBP", name: "British Pound" },
  { code: "JPY", name: "Japanese Yen" },
  { code: "CAD", name: "Canadian Dollar" },
  { code: "AUD", name: "Australian Dollar" },
  { code: "CHF", name: "Swiss Franc" },
  { code: "CNY", name: "Chinese Yuan" },
  { code: "INR", name: "Indian Rupee" },
  { code: "BRL", name: "Brazilian Real" },
  { code: "LKR", name: "Sri Lankan Rupee" },
]

[V0_FILE]typescriptreact:file="tailwind.config.js" isMerged="true"
/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: ["class"],
  content: [
    "./pages/**/*.{ts,tsx}",
    "./components/**/*.{ts,tsx}",
    "./app/**/*.{ts,tsx}",
    "./src/**/*.{ts,tsx}",
    "*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    container: {
      center: true,
      padding: "2rem",
      screens: {
        "2xl": "1400px",
      },
    },
    extend: {
      colors: {
        border: "hsl(var(--border))",
        input: "hsl(var(--input))",
        ring: "hsl(var(--ring))",
        background: "hsl(var(--background))",
        foreground: "hsl(var(--foreground))",
        primary: {
          DEFAULT: "hsl(var(--primary))",
          foreground: "hsl(var(--primary-foreground))",
        },
        secondary: {
          DEFAULT: "hsl(var(--secondary))",
          foreground: "hsl(var(--secondary-foreground))",
        },
        destructive: {
          DEFAULT: "hsl(var(--destructive))",
          foreground: "hsl(var(--destructive-foreground))",
        },
        muted: {
          DEFAULT: "hsl(var(--muted))",
          foreground: "hsl(var(--muted-foreground))",
        },
        accent: {
          DEFAULT: "hsl(var(--accent))",
          foreground: "hsl(var(--accent-foreground))",
        },
        popover: {
          DEFAULT: "hsl(var(--popover))",
          foreground: "hsl(var(--popover-foreground))",
        },
        card: {
          DEFAULT: "hsl(var(--card))",
          foreground: "hsl(var(--card-foreground))",
        },
      },
      borderRadius: {
        lg: "var(--radius)",
        md: "calc(var(--radius) - 2px)",
        sm: "calc(var(--radius) - 4px)",
      },
      keyframes: {
        "accordion-down": {
          from: { height: 0 },
          to: { height: "var(--radix-accordion-content-height)" },
        },
        "accordion-up": {
          from: { height: "var(--radix-accordion-content-height)" },
          to: { height: 0 },
        },
      },
      animation: {
        "accordion-down": "accordion-down 0.2s ease-out",
        "accordion-up": "accordion-up 0.2s ease-out",
      },
    },
  },
  plugins: [require("tailwindcss-animate")],
}

[V0_FILE]typescriptreact:file="components/invoice-preview.tsx" isEdit="true"
import type { InvoiceData } from "@/types/invoice"
import { formatCurrency, formatDate } from "@/lib/utils"

interface InvoicePreviewProps {
  invoiceData: InvoiceData
  calculateSubtotal: () => number
  calculateTax: () => number
  calculateTotal: () => number
}

export default function InvoicePreview({
  invoiceData,
  calculateSubtotal,
  calculateTax,
  calculateTotal,
}: InvoicePreviewProps) {
  return (
    <div className="bg-white p-8 min-h-[29.7cm] w-full">
      <div className="flex justify-between items-start mb-8">
        <div className="flex items-start gap-4">
          {invoiceData.companyLogo && (
            <div className="h-16 w-16 relative">
              <img
                src={invoiceData.companyLogo || "/placeholder.svg"}
                alt="Company Logo"
                className="h-full w-full object-contain"
              />
            </div>
          )}
          <div>
            {invoiceData.companyName && <h1 className="text-2xl font-bold text-gray-800">{invoiceData.companyName}</h1>}
            <h2 className="text-xl font-bold text-gray-800 mt-1">INVOICE</h2>
            <p className="text-gray-600">#{invoiceData.invoiceNumber}</p>
            {invoiceData.companyDetails && (
              <p className="text-sm text-gray-600 mt-2 whitespace-pre-line">{invoiceData.companyDetails}</p>
            )}
          </div>
        </div>
        <div className="text-right">
          <p className="font-semibold">Date: {formatDate(invoiceData.date)}</p>
          <p className="font-semibold">Due Date: {formatDate(invoiceData.dueDate)}</p>
        </div>
      </div>

<div className="grid grid-cols-2 gap-8 mb-8">
        <div>
          <h2 className="text-lg font-semibold text-gray-700 mb-2">From:</h2>
          <div className="text-gray-600">
            <p className="font-semibold">{invoiceData.fromName}</p>
            <p>{invoiceData.fromEmail}</p>
            <p className="whitespace-pre-line">{invoiceData.fromAddress}</p>
          </div>
        </div>
        <div>
          <h2 className="text-lg font-semibold text-gray-700 mb-2">To:</h2>
          <div className="text-gray-600">
            <p className="font-semibold">{invoiceData.toName}</p>
            <p>{invoiceData.toEmail}</p>
            <p className="whitespace-pre-line">{invoiceData.toAddress}</p>
          </div>
        </div>
      </div>

<table className="w-full mb-8 border-collapse">
        <thead>
          <tr className="border-b-2 border-gray-300">
            <th className="py-2 text-left">Description</th>
            <th className="py-2 text-right">Quantity</th>
            <th className="py-2 text-right">Price</th>
            <th className="py-2 text-right">Amount</th>
          </tr>
        </thead>
        <tbody>
          {invoiceData.items.map((item) => (
            <tr key={item.id} className="border-b border-gray-200">
              <td className="py-3">{item.description}</td>
              <td className="py-3 text-right">{item.quantity}</td>
              <td className="py-3 text-right">{formatCurrency(item.price, invoiceData.currency)}</td>
              <td className="py-3 text-right">{formatCurrency(item.quantity * item.price, invoiceData.currency)}</td>
            </tr>
          ))}
        </tbody>
      </table>

<div className="flex justify-end mb-8">
        <div className="w-64">
          <div className="flex justify-between py-2">
            <span>Subtotal:</span>
            <span>{formatCurrency(calculateSubtotal(), invoiceData.currency)}</span>
          </div>
          <div className="flex justify-between py-2 border-b border-gray-200">
            <span>Tax ({invoiceData.taxRate}%):</span>
            <span>{formatCurrency(calculateTax(), invoiceData.currency)}</span>
          </div>
          <div className="flex justify-between py-2 font-bold text-lg">
            <span>Total:</span>
            <span>{formatCurrency(calculateTotal(), invoiceData.currency)}</span>
          </div>
        </div>
      </div>

{invoiceData.notes && (
        <div className="mb-8">
          <h2 className="text-lg font-semibold text-gray-700 mb-2">Notes:</h2>
          <p className="text-gray-600 whitespace-pre-line">{invoiceData.notes}</p>
        </div>
      )}

<div className="text-center text-gray-500 text-sm mt-16 border-t pt-4">
        <p className="font-semibold mb-1">SYIGEN LTD</p>
        <p className="mb-1">www.syigen.com</p>
        <p>Thank you for your business!</p>
      </div>
    </div>
  )
}

[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true"
import Link from "next/link"
import InvoiceGenerator from "@/components/invoice-generator"

export default function Home() {
  return (
    <main className="container mx-auto py-10 px-4">
      <h1 className="text-3xl font-bold mb-6 text-center">Invoice Generator</h1>
      <InvoiceGenerator />
      <footer className="mt-10 text-center text-gray-500 text-sm pb-4">
        <p>
          © {new Date().getFullYear()}{" "}
          <Link
            href="https://syigen.com"
            target="_blank"
            rel="noopener noreferrer"
            className="font-semibold hover:text-gray-700 transition-colors"
          >
            SYIGEN LTD
          </Link>
          . All rights reserved.
        </p>
      </footer>
    </main>
  )
}
88:["$","$L90",null,{"chatId":"uUVgAmP0kdX","children":["$","$L91",null,{"data":{"@\"active-block\",\"uUVgAmP0kdX\",":{"id":"b_qtTulV4KM5w","messageId":"Obk2sn4pBLmQxpIXzOlo6q5eh9GmjNg7","source":"$92","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"invoice-generator","type":"code-project","project":"invoice-generator"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"uUVgAmP0kdX\",":false,"":null},"children":"$L93"}]}]
8d:["$","$L79","RHqnpZaVCZD",{"value":{"fallback":{"template:RHqnpZaVCZD:likes":{"likeCount":153,"isLiked":false}}},"children":["$","div",null,{"className":"has-focus-visible:ring-offset-background relative flex w-full flex-col gap-2 text-sm sm:min-w-0","children":[["$","div",null,{"className":"shadow-base bg-v0-background-200 relative aspect-video w-full overflow-hidden rounded-lg text-sm has-focus-visible:outline-hidden has-focus-visible:ring-2 has-focus-visible:ring-v0-blue-700 has-focus-visible:ring-offset-1","children":[["$","$L94",null,{"index":0,"src":"https://gvsmhepiuiax2e6y.public.blob.vercel-storage.com/templates/assets/most-rrrhh-RTSTKveJzzQYsWoTOrySU2qcaIZOzk.png","alt":"","templateCanonId":"RHqnpZaVCZD","blockId":"b_lfQ1UzN3OaE"}],false,["$","div",null,{"className":"absolute inset-0 flex items-center justify-center bg-linear-to-b from-[hsla(0,0%,100%,0.3)] to-[hsla(0,0%,40%,0.3)] opacity-0 transition-opacity focus-within:opacity-100 hover:opacity-100 has-data-[pending=true]:opacity-100","children":[[["$","$L95",null,{"href":"/templates/RHqnpZaVCZD","className":"absolute inset-0 sm:hidden","prefetch":false}],["$","$L95",null,{"href":"/templates/RHqnpZaVCZD","tabIndex":-1,"className":"absolute inset-0 hidden sm:block","prefetch":false}]],["$","div",null,{"className":"z-10 hidden w-32 flex-col items-center justify-center gap-2 sm:flex","children":["$","$L95",null,{"href":"/templates/RHqnpZaVCZD","prefetch":false,"children":"View Details","className":"focus-visible:ring-offset-background outline-hidden has-focus-visible:ring-2 inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-1.5 whitespace-nowrap text-nowrap border font-medium ring-v0-caveat-focus-ring-tab transition focus-visible:ring-2 focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:bg-v0-gray-100 disabled:text-v0-gray-500 disabled:ring-0 aria-disabled:cursor-not-allowed aria-disabled:bg-v0-gray-100 aria-disabled:text-v0-gray-500 aria-disabled:ring-0 [&>svg]:pointer-events-none [&>svg]:size-4 [&_svg]:shrink-0 disabled:border-v0-alpha-400 text-v0-background-100 aria-disabled:border-v0-alpha-400 border-v0-gray-1000 bg-v0-gray-1000 hover:border-v0-gray-900 hover:bg-v0-gray-900 focus:border-v0-gray-900 focus:bg-v0-gray-900 focus-visible:border-v0-gray-900 focus-visible:bg-v0-gray-900 h-8 px-3 text-sm has-[>kbd]:gap-2 has-[>svg]:px-2 has-[>kbd]:pr-[6px] rounded-lg w-full","disabled":"$undefined","ref":null}]}]]}]]}],["$","div",null,{"className":"flex items-center gap-3 pr-1 w-full","children":[["$","$L7e",null,{"teamId":"$undefined","authorId":"C81tX9genGT5vAvYtqUIyV0o"}],["$","$L95",null,{"className":"flex flex-1 min-w-0 items-center gap-3","href":"/templates/RHqnpZaVCZD","tabIndex":-1,"prefetch":false,"data-testid":"template-card-link","children":["$","div",null,{"className":"flex flex-1 min-w-0 flex-col gap-1.5","children":[["$","div",null,{"className":"line-clamp-1 font-medium leading-none text-v0-gray-1000","children":"Image to Particles"}],null,["$","div",null,{"className":"flex flex-row items-center gap-1.5 text-v0-gray-900","children":[["$","div",null,{"className":"flex flex-row whitespace-nowrap items-center gap-1.5","children":[["$","svg",null,{"className":"size-3","dangerouslySetInnerHTML":{"__html":"<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.5 3.25C2.5 1.45507 3.95507 0 5.75 0H6.25C8.04493 0 9.5 1.45507 9.5 3.25V3.75C9.5 5.54493 8.04493 7 6.25 7H5.75C3.95507 7 2.5 5.54493 2.5 3.75V3.25ZM5.75 1.5C4.7835 1.5 4 2.2835 4 3.25V3.75C4 4.7165 4.7835 5.5 5.75 5.5H6.25C7.2165 5.5 8 4.7165 8 3.75V3.25C8 2.2835 7.2165 1.5 6.25 1.5H5.75ZM1.5 14.5V13.1709C2.31958 11.5377 3.99308 10.5 5.82945 10.5H6.17055C8.00692 10.5 9.68042 11.5377 10.5 13.1709V14.5H1.5ZM5.82945 9C3.35483 9 1.10604 10.4388 0.0690305 12.6857L0 12.8353V13V15.25V16H0.75H11.25H12V15.25V13V12.8353L11.931 12.6857C10.894 10.4388 8.64517 9 6.17055 9H5.82945ZM15.931 12.6857C15.3706 11.4715 14.4561 10.4931 13.3439 9.85058L12.5935 11.1494C13.399 11.6148 14.0681 12.3101 14.5 13.1709V14.5H13.5V16H15.25H16V15.25V13V12.8352L15.931 12.6857ZM11.25 0H10.5V1.5H11.25C12.2165 1.5 13 2.2835 13 3.25V3.75C13 4.7165 12.2165 5.5 11.25 5.5H10.5V7H11.25C13.0449 7 14.5 5.54493 14.5 3.75V3.25C14.5 1.45507 13.0449 0 11.25 0Z\" fill=\"currentColor\"/>"},"data-testid":"geist-icon","height":16,"strokeLinejoin":"round","style":{"verticalAlign":"$undefined","width":"$undefined","height":"$undefined","color":"currentColor"},"viewBox":"0 0 16 16","width":16}],"$L96"]}],"$L97","$L98"]}]]}]}]]}]]}]}]
8e:["$","$L79","RTz7dLt3u0c",{"value":{"fallback":{"template:RTz7dLt3u0c:likes":{"likeCount":212,"isLiked":false}}},"children":["$","div",null,{"className":"has-focus-visible:ring-offset-background relative flex w-full flex-col gap-2 text-sm sm:min-w-0","children":[["$","div",null,{"className":"shadow-base bg-v0-background-200 relative aspect-video w-full overflow-hidden rounded-lg text-sm has-focus-visible:outline-hidden has-focus-visible:ring-2 has-focus-visible:ring-v0-blue-700 has-focus-visible:ring-offset-1","children":[["$","$L94",null,{"index":1,"src":"https://gvsmhepiuiax2e6y.public.blob.vercel-storage.com/templates/assets/thumbnail-m0y8FgcgFDPUi6eOvhkqObVrFOtl0Y.jpg","alt":"","templateCanonId":"RTz7dLt3u0c","blockId":"b_Laa3rB3mxTD"}],false,["$","div",null,{"className":"absolute inset-0 flex items-center justify-center bg-linear-to-b from-[hsla(0,0%,100%,0.3)] to-[hsla(0,0%,40%,0.3)] opacity-0 transition-opacity focus-within:opacity-100 hover:opacity-100 has-data-[pending=true]:opacity-100","children":[[["$","$L95",null,{"href":"/templates/RTz7dLt3u0c","className":"absolute inset-0 sm:hidden","prefetch":false}],["$","$L95",null,{"href":"/templates/RTz7dLt3u0c","tabIndex":-1,"className":"absolute inset-0 hidden sm:block","prefetch":false}]],["$","div",null,{"className":"z-10 hidden w-32 flex-col items-center justify-center gap-2 sm:flex","children":["$","$L95",null,{"href":"/templates/RTz7dLt3u0c","prefetch":false,"children":"View Details","className":"focus-visible:ring-offset-background outline-hidden has-focus-visible:ring-2 inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-1.5 whitespace-nowrap text-nowrap border font-medium ring-v0-caveat-focus-ring-tab transition focus-visible:ring-2 focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:bg-v0-gray-100 disabled:text-v0-gray-500 disabled:ring-0 aria-disabled:cursor-not-allowed aria-disabled:bg-v0-gray-100 aria-disabled:text-v0-gray-500 aria-disabled:ring-0 [&>svg]:pointer-events-none [&>svg]:size-4 [&_svg]:shrink-0 disabled:border-v0-alpha-400 text-v0-background-100 aria-disabled:border-v0-alpha-400 border-v0-gray-1000 bg-v0-gray-1000 hover:border-v0-gray-900 hover:bg-v0-gray-900 focus:border-v0-gray-900 focus:bg-v0-gray-900 focus-visible:border-v0-gray-900 focus-visible:bg-v0-gray-900 h-8 px-3 text-sm has-[>kbd]:gap-2 has-[>svg]:px-2 has-[>kbd]:pr-[6px] rounded-lg w-full","disabled":"$undefined","ref":null}]}]]}]]}],["$","div",null,{"className":"flex items-center gap-3 pr-1 w-full","children":[["$","$L7e",null,{"teamId":"$undefined","authorId":"JwhYTwDmstkbxaA2Q8MC6mzv"}],["$","$L95",null,{"className":"flex flex-1 min-w-0 items-center gap-3","href":"/templates/RTz7dLt3u0c","tabIndex":-1,"prefetch":false,"data-testid":"template-card-link","children":["$","div",null,{"className":"flex flex-1 min-w-0 flex-col gap-1.5","children":[["$","div",null,{"className":"line-clamp-1 font-medium leading-none text-v0-gray-1000","children":"AppSport"}],null,["$","div",null,{"className":"flex flex-row items-center gap-1.5 text-v0-gray-900","children":[["$","div",null,{"className":"flex flex-row whitespace-nowrap items-center gap-1.5","children":[["$","svg",null,{"className":"size-3","dangerouslySetInnerHTML":{"__html":"<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.5 3.25C2.5 1.45507 3.95507 0 5.75 0H6.25C8.04493 0 9.5 1.45507 9.5 3.25V3.75C9.5 5.54493 8.04493 7 6.25 7H5.75C3.95507 7 2.5 5.54493 2.5 3.75V3.25ZM5.75 1.5C4.7835 1.5 4 2.2835 4 3.25V3.75C4 4.7165 4.7835 5.5 5.75 5.5H6.25C7.2165 5.5 8 4.7165 8 3.75V3.25C8 2.2835 7.2165 1.5 6.25 1.5H5.75ZM1.5 14.5V13.1709C2.31958 11.5377 3.99308 10.5 5.82945 10.5H6.17055C8.00692 10.5 9.68042 11.5377 10.5 13.1709V14.5H1.5ZM5.82945 9C3.35483 9 1.10604 10.4388 0.0690305 12.6857L0 12.8353V13V15.25V16H0.75H11.25H12V15.25V13V12.8353L11.931 12.6857C10.894 10.4388 8.64517 9 6.17055 9H5.82945ZM15.931 12.6857C15.3706 11.4715 14.4561 10.4931 13.3439 9.85058L12.5935 11.1494C13.399 11.6148 14.0681 12.3101 14.5 13.1709V14.5H13.5V16H15.25H16V15.25V13V12.8352L15.931 12.6857ZM11.25 0H10.5V1.5H11.25C12.2165 1.5 13 2.2835 13 3.25V3.75C13 4.7165 12.2165 5.5 11.25 5.5H10.5V7H11.25C13.0449 7 14.5 5.54493 14.5 3.75V3.25C14.5 1.45507 13.0449 0 11.25 0Z\" fill=\"currentColor\"/>"},"data-testid":"geist-icon","height":16,"strokeLinejoin":"round","style":{"verticalAlign":"$undefined","width":"$undefined","height":"$undefined","color":"currentColor"},"viewBox":"0 0 16 16","width":16}],"$L99"]}],"$L9a","$L9b"]}]]}]}]]}]]}]}]
</article></body></html>

About

Tags

Share

About

Tags

Share

More from dewmal

More Templates Like This