https://fashioninsta.ai/_next/static/chunks/86878-b60c83f31acce4b8.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[86878],{50387:(e,t,n)=>{n.d(t,{PV:()=>c,_O:()=>d,i1:()=>h,so:()=>u});var l=n(54264),r=n.n(l),a=n(55172),o=n(63159);async function s(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},{transparent:n=!1,scale:l=2}=t,a=n?null:getComputedStyle(e).backgroundColor||"#000000";return await r()(e,{scale:l,useCORS:!0,allowTaint:!0,backgroundColor:a,logging:!1,onclone:e=>{e.querySelectorAll("*").forEach(e=>{var t;e.className&&"string"==typeof e.className&&(e.className.includes("w-[60vw]")||e.className.includes("h-[60vw]"))&&(e.style.width="".concat(1800,"px"),e.style.height="".concat(1800,"px"));let n=e.style;"vertical-rl"===n.writingMode&&(n.writingMode="horizontal-tb",n.transform="rotate(-90deg)",n.transformOrigin="bottom right",n.left="auto",n.right="85px",n.top="-150px"),"INSTA"===(null==(t=e.textContent)?void 0:t.trim())&&(n.bottom="90px")})}})}async function c(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},{transparent:n=!1,filename:l="graphic"}=t,r=await s(e,t),a=await new Promise((e,t)=>{r.toBlob(n=>{n?e(n):t(Error("Failed to create PNG blob"))},"image/png")}),o=document.createElement("a");return o.download="".concat(l).concat(n?"-transparent":"",".png"),o.href=URL.createObjectURL(a),o.click(),URL.revokeObjectURL(o.href),a}async function i(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},{filename:n="graphics",orientation:l="portrait",scale:r=2}=t;if(0===e.length)throw Error("No elements to export");let o=[];for(let t of e){let e=await s(t,{scale:r,transparent:!1});o.push(e)}let c=o[0],i=new a.default({orientation:l,unit:"px",format:[c.width,c.height]});o.forEach((e,t)=>{t>0&&i.addPage([e.width,e.height],l);let n=e.toDataURL("image/png");i.addImage(n,"PNG",0,0,e.width,e.height)});let d=i.output("blob"),u=document.createElement("a");return u.download="".concat(n,".pdf"),u.href=URL.createObjectURL(d),u.click(),URL.revokeObjectURL(u.href),d}async function d(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return i([e],t)}async function u(e,t){let{name:n,description:l="",baseTemplateId:r,themeId:a,content:s,generatedCode:c,generatedFields:i,codeMetadata:d,componentPath:u}=t;return(0,o.A)("/api/designer/templates",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:n,description:l,base_template_id:r,theme_id:a,custom_content:s,category:"AI-generated",is_code_generated:!!c,generated_code:c||null,generated_fields:i||null,code_metadata:d||null,component_path:u||null})})}async function h(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return(await s(e,t)).toDataURL("image/png")}},86878:(e,t,n)=>{n.r(t),n.d(t,{default:()=>w});var l=n(95155),r=n(12115),a=n(92603),o=n(35299),s=n(39867),c=n(15530),i=n(97624),d=n(37354),u=n(90368),h=n(27937),f=n(17794),g=n(86497);n(50387),n(55172);var m=n(63159);async function p(){let e=[];for(let t of document.styleSheets)try{if(t.cssRules)for(let n of t.cssRules)e.push(n.cssText)}catch(n){if(t.href)try{let n=await fetch(t.href);n.ok&&e.push(await n.text())}catch(e){}}return e.join("\n")}async function x(e){let t=e.getBoundingClientRect(),n=Math.round(t.width)||1920,l=Math.round(t.height)||1080,r=await p(),a=e.cloneNode(!0).outerHTML;return'<!DOCTYPE html>\n<html>\n<head>\n  <meta charset="UTF-8">\n  <link rel="preconnect" href="https://fonts.googleapis.com">\n  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>\n  <style>\n    @import url(\'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\');\n\n    /* Ensure Inter font is used everywhere */\n    * { font-family: \'Inter\', -apple-system, BlinkMacSystemFont, sans-serif !important; }\n\n    /* Reset for clean rendering */\n    html, body {\n      margin: 0;\n      padding: 0;\n      width: '.concat(n,"px;\n      height: ").concat(l,"px;\n      overflow: hidden;\n    }\n\n    /* Aggregated CSS from page */\n    ").concat(r,"\n  </style>\n</head>\n<body>").concat(a,"</body>\n</html>")}let b=g.zG.ab_light1,y=g.zG.ab_dark2;function w(e){let{slides:t,deckName:n,themeMode:p="alternating",initialSlide:w=0,onSlideChange:v,onSlideExit:k,onComplete:j,enablePdfExport:N=!0}=e,[C,E]=(0,r.useState)(w),[R,L]=(0,r.useState)("single"),[M,_]=(0,r.useState)(!1),[S,D]=(0,r.useState)(!1),A=(0,r.useRef)(Date.now()),P=(0,r.useRef)(!1),z=(0,r.useRef)(null),O=(0,r.useCallback)(e=>{switch(p){case"light":return b;case"dark":default:return y;case"alternating":return e%2==0?y:b;case"system":if(window.matchMedia("(prefers-color-scheme: dark)").matches)return y;return b}},[p]),U=O(C);(0,r.useEffect)(()=>

1{if(0===t.length)return;let e=t[C];null==v||v(C,(null==e?void 0:e.title)||""),A.current=Date.now(),C!==t.length-1||P.current||(P.current=!0,null==j||j())},[C,t,v,j]);let F=(0,r.useCallback)(e=>{if(e<0||e>=t.length)return;let n=Math.floor((Date.now()-A.current)/1e3);null==k||k(C,n),E(e)},[C,t.length,k]);(0,r.useEffect)(()=>{let e=e=>{"single"===R&&("ArrowRight"===e.key||" "===e.key?(e.preventDefault(),C<t.length-1&&F(C+1)):"ArrowLeft"===e.key?(e.preventDefault(),C>0&&F(C-1)):"Escape"===e.key&&M&&_(!1))};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[t.length,C,F,R,M]);let I=(0,r.useCallback)(()=>{var e,t,n,l;!M&&z.current?null==(e=(t=z.current).requestFullscreen)||e.call(t):null==(n=(l=document).exitFullscreen)||n.call(l),_(!M)},[M]),T=(0,r.useCallback)(async()=>{if(!S){D(!0);try{let l=window.location.pathname.split("/"),r=l.indexOf("rooms"),a=r>=0?l[r+1]:null;if(!a)return void console.warn("No room slug found, PDF export not available");let o=[];for(let n=0;n<t.length;n++){var e;E(n),await new Promise(e=>setTimeout(e,350));let t=null==(e=z.current)?void 0:e.querySelector("[data-slide-content]");if(t){let e=await x(t);o.push(e)}}if(E(C),0===o.length)throw Error("No slides captured");let s=await fetch("".concat(m.f,"/api/rooms/").concat(a,"/deck/render-pdf"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({slides:o,width:1920,height:1080})});if(!s.ok)throw Error("Failed to generate PDF");let c=await s.blob(),i=URL.createObjectURL(c),d=document.createElement("a");d.href=i,d.download="".concat(n.replace(/[^a-z0-9]/gi,"-").toLowerCase()||"pitch-deck",".pdf"),document.body.appendChild(d),d.click(),document.body.removeChild(d),URL.revokeObjectURL(i)}catch(e){console.error("PDF export failed:",e)}finally{D(!1)}}},[S,n,t,C]);if((0,r.useEffect)(()=>{let e=()=>{_(!!document.fullscreenElement)};return document.addEventListener("fullscreenchange",e),()=>document.removeEventListener("fullscreenchange",e)},[]),0===t.length)return(0,l.jsx)("div",{className:"flex-1 flex items-center justify-center ".concat(b.bg," ").concat(b.textMuted),children:(0,l.jsxs)("div",{className:"text-center",children:[(0,l.jsx)(a.A,{className:"w-12 h-12 mb-4 opacity-50 mx-auto"}),(0,l.jsx)("p",{children:"No slides available"})]})});let B=t[C],G=(0,g.Dz)(U.bg);return(0,l.jsxs)("div",{ref:z,className:"flex-1 w-full flex flex-col transition-colors duration-300 overflow-hidden",style:{backgroundColor:G},children:[(0,l.jsxs)("div",{className:"flex items-center justify-end px-6 py-3 gap-3 flex-shrink-0",style:{backgroundColor:U.cardInnerBg||"rgba(0,0,0,0.5)",borderBottom:"1px solid ".concat(U.borderMuted||"rgba(255,255,255,0.1)")},children:[N&&(0,l.jsxs)("button",{onClick:T,disabled:S,className:"px-4 py-2 rounded-lg flex items-center gap-2 font-medium text-sm transition-all ".concat(S?"opacity-70 cursor-wait":"hover:opacity-90"),style:{backgroundColor:U.accent,color:"#ffffff"},title:"Download PDF",children:[S?(0,l.jsx)(o.A,{size:18,className:"animate-spin"}):(0,l.jsx)(s.A,{size:18}),(0,l.jsx)("span",{children:S?"Generating...":"Download PDF"})]}),(0,l.jsxs)("div",{className:"flex items-center rounded-lg p-1 gap-1",style:{backgroundColor:U.cardInnerBg||"rgba(0,0,0,0.3)"},children:[(0,l.jsx)("button",{onClick:()=>L("single"),className:"p-2 rounded-md flex items-center transition-all",style:{backgroundColor:"single"===R?U.accent:"transparent",color:"single"===R?"#ffffff":U.textMuted},title:"Presentation view",children:(0,l.jsx)(a.A,{size:18})}),(0,l.jsx)("button",{onClick:()=>L("grid"),className:"p-2 rounded-md flex items-center transition-all",style:{backgroundColor:"grid"===R?U.accent:"transparent",color:"grid"===R?"#ffffff":U.textMuted},title:"Grid view",children:(0,l.jsx)(c.A,{size:18})})]}),(0,l.jsx)("button",{onClick:I,className:"p-2 rounded-md flex items-center transition-all hover:opacity-80",style:{backgroundColor:U.cardInnerBg||"rgba(0,0,0,0.3)",color:U.textMuted},title:M?"Exit fullscreen":"Fullscreen",children:M?(0,l.jsx)(i.A,{size:18}):(0,l.jsx)(d.A,{size:18})})]}),"single"===R?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"flex-1 flex flex-col overflow-auto min-h-0",children:(0,l.jsx)(f.default,{slide:B,theme:U,slideIndex:C,totalSlides:t.length})}),(0,l.jsxs)("div",{className:"flex items-center justify-between px-6 py-4 flex-shrink-0 ".concat(U.borderMuted?"border-t border-[".concat(U.borderMuted,"]"):"border-t border-white/10"),children:[(0,l.jsxs)("button",{onClick:()=>F(C-1),disabled:0===C,className:"flex items-center gap-2 px-5 py-3 rounded-lg text-sm font-medium transition-all ".concat(0===C?"opacity-50 cursor-not-allowed":"cursor-pointer hover:opacity-80"," ").concat(U.cardBg),children:[(0,l.jsx)(u.A,{size:20}),(0,l.jsx)("span",{className:U.textMain,children:"Previous"})]}),(0,l.jsxs)("div",{className:"flex items-center gap-4",children:[(0,l.jsxs)("span",{className:"text-sm ".concat(U.textMuted),children:[C+1," / ",t.length]}),(0,l.jsx)("div",{className:"w-48 h-1 rounded-full overflow-hidden",style:{backgroundColor:U.borderMuted||"rgba(255,255,255,0.1)"},children:(0,l.jsx)("div",{className:"h-full transition-all duration-300",style:{width:"".concat((C+1)/t.length*100,"%"),backgroundColor:U.accent}})})]}),(0,l.jsxs)("button",{onClick:()=>F(C+1),disabled:C===t.length-1,className:"flex items-center gap-2 px-5 py-3 rounded-lg text-sm font-medium text-white transition-all cursor-pointer ".concat(C===t.length-1?"opacity-50 cursor-not-allowed":""),style:{backgroundColor:U.accent},children:[(0,l.jsx)("span",{children:"Next"}),(0,l.jsx)(h.A,{size:20})]})]})]}):(0,l.jsx)("div",{className:"flex-1 overflow-auto p-6",children:(0,l.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:t.map((e,t)=>{let n=O(t),r=(0,g.Dz)(n.bg);return(0,l.jsxs)("div",{onClick:()=>{E(t),L("single")},className:"aspect-video rounded-xl overflow-hidden cursor-pointer transition-all hover:scale-[1.02] relative ".concat(n.cardBg),style:{border:t===C?"3px solid ".concat(n.accent):void 0},children:[(0,l.jsx)("div",{className:"absolute top-3 left-3 w-7 h-7 rounded-full flex items-center justify-center text-xs font-semibold text-white z-10",style:{backgroundColor:n.accent},children:t+1}),(0,l.jsxs)("div",{className:"absolute inset-0 flex flex-col items-center justify-center p-6 text-center",style:{backgroundColor:r},children:[(0,l.jsx)("span",{className:"text-[10px] font-semibold uppercase tracking-wider px-2 py-0.5 rounded mb-2",style:{color:n.accent,backgroundColor:n.cardInnerBg},children:e.slide_type.replace(/_/g," ")}),(0,l.jsx)("h3",{className:"text-sm font-semibold line-clamp-2 ".concat(n.textMain),children:e.title})]})]},t)})})})]})}}}]);