"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8938],{8938:function(e,t,s){s.d(t,{Z:function(){return W}});var a=s(57437),n=s(2265),r=s(22343),l=s(79580),c=s(26490),i=s(52127),d=s(59968),o=s(18992),m=s(20703),h=s(8792),u=s(7424),x=s(65561),g=s(7435),f=s(36437);function p(e){let{room:t,wording:s,user:n}=e;if(!t.input||"painted"!==t.phase)return(0,a.jsx)(a.Fragment,{});let r=new Date(t.updated_at).getTime(),l=1;t.is_upscale&&(l=2);let c="https://i.reroom.ai";t.version>=2&&(c=f.We);let i="";t.all_seeds.length&&t.all_subseeds.length&&(i="".concat(c,"/render/").concat(t._id,"/").concat(t.key,"-").concat(t.all_seeds[0],"-").concat(t.all_subseeds[0],".jpg?nonce=").concat(r));let d="".concat(c,"/render/").concat(t._id,"/").concat(t.key,"-source.").concat(t.input.endsWith(".png")?"png":"jpg");-1!==["rerender","upscale"].indexOf("rerender")&&(t.mask_target&&"painted"==t.phase&&"".concat(c,"/render/").concat(t._id,"/").concat(t.key,"-masked_source.jpg"),t.is_fix&&(i="".concat(c,"/render/").concat(t._id,"/").concat(t.key,"-").concat(t.all_seeds[0],"-").concat(t.all_subseeds[0],"-fix.jpg?nonce=").concat(r)));let o="",p="";if(t.mask_target<=2||6==t.mask_target){let e="";s.renderStyles[t.style]&&(e=", ".concat(s.renderStyles[t.style])),o="".concat(s.renderTypes[t.type]).concat(e),t.is_sketch&&(o+=", sketch");let a=s.lightingStyles[t.lighting||""],n=s.colorStyles[(t.color||"").toLowerCase()],r=s.textureStyles[(t.texture||"").toLowerCase()];p="".concat(a,", ").concat(n,", ").concat(r)}else o="Virtual Staging";let w="/r/".concat(t._id);return"img23d-triposr"===t.type?(0,a.jsxs)(h.default,{href:"".concat(w),className:"w-full mb-3 md:mb-7",children:[(0,a.jsxs)("div",{className:"flex flex-row items-center w-full min-w-0",children:[(0,a.jsx)(m.default,{src:"https://cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/1fa84.svg",width:16,height:16,className:"w-4 h-4 mr-1",alt:"magic wand"}),(0,a.jsx)("p",{className:"text-sm truncate md:text-base",children:o})]}),(0,a.jsxs)("div",{className:"flex flex-row items-stretch w-full min-w-0",children:[(0,a.jsx)(m.default,{src:d,alt:"source image",width:t.width,height:t.height,className:"object-cover w-1/3"}),(0,a.jsx)("div",{className:"relative flex flex-row flex-wrap flex-1",children:Array.from({length:8},(e,t)=>t).map(e=>(0,a.jsx)(m.default,{src:"".concat(c,"/render/").concat(t._id,"/").concat(t.key,"-render_00").concat(e,".png?nonce=").concat(r),alt:"result image",width:256,height:256,className:"w-1/4"},"".concat(t._id,"-triposr-").concat(e)))})]})]}):(0,a.jsxs)(h.default,{href:"".concat(w),className:"w-full mb-3 md:mb-7",children:[(0,a.jsxs)("div",{className:"flex flex-row items-center w-full min-w-0",children:[(0,a.jsx)(m.default,{src:"https://cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/1fa84.svg",width:16,height:16,className:"w-4 h-4 mr-1",alt:"magic wand"}),(0,a.jsx)("p",{className:"text-sm truncate md:text-base",children:o})]}),(0,a.jsxs)("div",{className:"flex flex-col items-start flex-1 w-full mb-1 md:flex-row md:items-center md:justify-between",children:[(0,a.jsx)("span",{className:"text-xs text-gray-600",children:p}),!t.mask_target&&(0,a.jsxs)(a.Fragment,{children:[t.is_detailed&&(0,a.jsxs)("div",{className:"px-1 text-sm font-light text-green-700 border border-green-300 rounded bg-green-50",children:[(0,a.jsx)(u.Z,{className:"inline w-3 h-3 mr-1"}),"Preserve Details"]}),!t.is_detailed&&!t.is_furnish&&(0,a.jsxs)("div",{className:"px-1 text-sm font-medium text-green-800 bg-green-100 border border-green-300 rounded",children:[(0,a.jsx)(x.Z,{className:"inline w-3 h-3 mr-1"}),"Balanced Mode"]}),t.is_furnish&&(0,a.jsxs)("div",{className:"px-1 text-sm font-bold text-green-900 bg-green-200 border border-green-300 rounded",children:[(0,a.jsx)(g.Z,{className:"inline w-3 h-3 mr-1"}),"Creative Mode"]})]})]}),(0,a.jsxs)("div",{className:"flex flex-col w-full min-w-0 md:flex-row md:items-stretch",children:[(0,a.jsxs)("div",{className:"relative flex-1 h-auto",children:[(0,a.jsx)("div",{className:"absolute bottom-0 right-0 z-10 px-2 font-bold text-center bg-yellow-500",children:t.input.endsWith(".jpg")||t.input.endsWith(".png")?(0,a.jsx)(a.Fragment,{children:s.components.listing.rowOriginal}):(0,a.jsx)(a.Fragment,{children:"Prompt"})}),-1!==["rerender","upscale","txt2img15","stylefie","genly"].indexOf("rerender")&&(0,a.jsxs)(a.Fragment,{children:[t.input.endsWith(".jpg")||t.input.endsWith(".png")?(0,a.jsx)(m.default,{src:d,alt:"source image",width:t.width,height:t.height,className:"object-cover w-full"}):(0,a.jsx)("div",{className:"h-full p-2 font-serif text-lg border border-gray-200 bg-truewhite",children:(0,a.jsx)(a.Fragment,{children:t.input})}),!!t.mask&&(0,a.jsx)(m.default,{alt:"mask",src:"data:image/png;base64,".concat(t.mask),width:t.width,height:t.height,className:"absolute inset-0 object-cover w-full opacity-50"})]})]}),(0,a.jsxs)("div",{className:"relative flex-1 h-full",children:[(0,a.jsxs)("div",{className:"absolute bottom-0 right-0 px-2 font-bold text-center bg-yellow-500",children:[s.components.listing.rowGenerated,"(",t.width*l,"x",t.height*l,")"]}),i&&(0,a.jsx)(m.default,{src:i,alt:"result image",width:t.width,height:t.height,className:"w-full"})]})]})]})}var w=s(95200);function j(e){let{room:t,wording:s,user:n}=e;if(!t.main_image||"painted"!==t.phase)return(0,a.jsx)(a.Fragment,{});let r=new Date(t.updated_at).getTime(),l=1;t.is_upscale&&(l=2);let c="";t.outputs.length&&(c="".concat(f.We,"/render/").concat(t._id,"/").concat(t.key,"-").concat(t.outputs[0].seed).concat(t.outputs[0].subseed?"-":"").concat(t.outputs[0].subseed,".").concat(t.outputs[0].ext,"?nonce=").concat(r));let i="".concat(f.We,"/render/").concat(t._id,"/").concat(t.key,"-source.").concat(t.main_image.endsWith(".png")?"png":"jpg");-1!==["rerender","upscale"].indexOf("rerender")&&("painted"==t.phase&&"".concat(f.We,"/render/").concat(t._id,"/").concat(t.key,"-masked_source.jpg"),t.is_fix&&(c="".concat(f.We,"/render/").concat(t._id,"/").concat(t.key,"-").concat(t.outputs[0].seed,"-").concat(t.outputs[0].subseed,"-fix.").concat(t.outputs[0].ext,"?nonce=").concat(r)));let d="",o="";if("remake"===t.tool||"txt2img"===t.tool){let e="";s.renderStyles[t.style]&&(e=", ".concat(s.renderStyles[t.style])),d=s.renderTypes[t.type]?"".concat(s.renderTypes[t.type]).concat(e):"Custom Style",t.is_sketch&&(d+=", sketch");let a=s.lightingStyles[t.lighting||""],n=s.colorStyles[(t.color||"").toLowerCase()]||"Default Color";n.includes("|")&&(n=n.split("|")[0]);let r=s.textureStyles[(t.texture||"").toLowerCase()];o="".concat(a,", ").concat(n,", ").concat(r)}else d=s.tools.inpaint||"";let p="/r/".concat(t._id);return"img23d-triposr"===t.type?(0,a.jsxs)(h.default,{href:"".concat(p),className:"mb-3 w-full md:mb-7",children:[(0,a.jsxs)("div",{className:"flex w-full min-w-0 flex-row items-center",children:[(0,a.jsx)(m.default,{src:"https://cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/1fa84.svg",width:16,height:16,className:"mr-1 h-4 w-4",alt:"magic wand"}),(0,a.jsx)("p",{className:"truncate text-sm md:text-base",children:d})]}),(0,a.jsxs)("div",{className:"flex w-full min-w-0 flex-row items-stretch",children:[(0,a.jsx)(m.default,{src:i,alt:"source image",width:t.width,height:t.height,className:"w-1/3 object-cover"}),(0,a.jsx)("div",{className:"relative flex flex-1 flex-row flex-wrap",children:Array.from({length:8},(e,t)=>t).map(e=>(0,a.jsx)(m.default,{src:"".concat(f.We,"/render/").concat(t._id,"/").concat(t.key,"-render_00").concat(e,".png?nonce=").concat(r),alt:"result image",width:256,height:256,className:"w-1/4"},"".concat(t._id,"-triposr-").concat(e)))})]})]}):(0,a.jsxs)(h.default,{href:"".concat(p),className:"mb-3 w-full md:mb-7",children:[(0,a.jsxs)("div",{className:"flex w-full min-w-0 flex-row items-center",children:[(0,a.jsx)(m.default,{src:"https://cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/1fa84.svg",width:16,height:16,className:"mr-1 h-4 w-4",alt:"magic wand"}),(0,a.jsx)("p",{className:"truncate text-sm md:text-base",children:d})]}),(0,a.jsxs)("div",{className:"mb-1 flex w-full flex-1 flex-col items-start md:flex-row md:items-center md:justify-between",children:[(0,a.jsx)("span",{className:"text-xs text-gray-600",children:o}),(0,a.jsxs)(a.Fragment,{children:[t.is_detailed&&(0,a.jsxs)("div",{className:"rounded border border-green-300 bg-green-50 px-1 text-sm font-light text-green-700",children:[(0,a.jsx)(u.Z,{className:"mr-1 inline h-3 w-3"}),"Preserve Details"]}),!t.is_detailed&&!t.is_furnish&&!t.is_sketch&&(0,a.jsxs)("div",{className:"rounded border border-green-300 bg-green-100 px-1 text-sm font-medium text-green-800",children:[(0,a.jsx)(x.Z,{className:"mr-1 inline h-3 w-3"}),"Balanced Mode"]}),t.is_furnish&&(0,a.jsxs)("div",{className:"rounded border border-green-300 bg-green-200 px-1 text-sm font-bold text-green-900",children:[(0,a.jsx)(g.Z,{className:"mr-1 inline h-3 w-3"}),"Creative Mode"]}),t.is_sketch&&(0,a.jsxs)("div",{className:"rounded border border-green-300 bg-green-200 px-1 text-sm font-bold text-green-900",children:[(0,a.jsx)(w.Z,{className:"mr-1 inline h-3 w-3"}),"concept"]})]})]}),(0,a.jsxs)("div",{className:"flex w-full min-w-0 flex-col md:flex-row md:items-stretch",children:[(0,a.jsxs)("div",{className:"relative h-auto flex-1",children:[(0,a.jsx)("div",{className:"absolute bottom-0 right-0 z-10 bg-yellow-500 px-2 text-center font-bold",children:t.main_image.endsWith(".jpg")||t.main_image.endsWith(".png")?(0,a.jsx)(a.Fragment,{children:s.components.listing.rowOriginal}):(0,a.jsx)(a.Fragment,{children:"Prompt"})}),-1!==["rerender","upscale","txt2img15","stylefie","genly"].indexOf("rerender")&&(0,a.jsxs)(a.Fragment,{children:[t.main_image.endsWith(".jpg")||t.main_image.endsWith(".png")?(0,a.jsx)(m.default,{src:i,alt:"source image",width:t.width,height:t.height,className:"checkered w-full object-cover"}):(0,a.jsx)("div",{className:"h-full border border-gray-200 bg-truewhite p-2 font-serif text-lg",children:(0,a.jsx)(a.Fragment,{children:t.main_image})}),!!t.masks[0].mask&&(0,a.jsx)(m.default,{alt:"mask",src:"data:image/png;base64,".concat(t.masks[0].mask),width:t.width,height:t.height,className:"absolute inset-0 w-full object-cover opacity-50"})]})]}),(0,a.jsxs)("div",{className:"relative h-full flex-1",children:[(0,a.jsxs)("div",{className:"absolute bottom-0 right-0 bg-yellow-500 px-2 text-center font-bold",children:[s.components.listing.rowGenerated,"(",t.width*l,"x",t.height*l,")"]}),(0,a.jsx)(m.default,{src:c,alt:"result image",width:t.width,height:t.height,className:"w-full"})]})]})]})}var b=s(2599),y=s(23285),v=s(44715),_=s(6437);function N(e){let{date:t,rooms:s}=e,[r,c]=(0,n.useState)([]),[d,u]=(0,n.useState)(!1);(0,n.useEffect)(()=>{let e=[];s.dateMap[t].forEach(t=>{let a=s.data[t];if("painted"!==a.phase)return null;if("triposr"===a.type){e.push("".concat(f.We,"/render/").concat(a._id,"/").concat(a.key,"-mesh.obj"));return}if((0,i.A)(a)){if(a.outputs.length&&"img2vid"!==a.tool)e.push("".concat(f.We,"/render/").concat(a._id,"/").concat(a.key,"-").concat(a.outputs[0].seed).concat(a.outputs[0].subseed?"-":"").concat(a.outputs[0].subseed,".").concat(a.outputs[0].ext));else{let{key:t,ext:s}=a.key_history[0];e.push("".concat(f.We,"/render/").concat(a._id,"/").concat(t,"-source.").concat(s))}}else e.push("".concat(f.We,"/render/").concat(a._id,"/").concat(a.key,"-").concat(a.all_seeds[0],"-").concat(a.all_subseeds[0],".jpg"))}),c(e.filter(e=>null!==e))},[s]);let x=async e=>{try{let t=await fetch(e),s=await t.arrayBuffer();return new Uint8Array(s)}catch(e){return console.error("Error fetching resource:",e),null}},g=async()=>{if((0,o.q)({name:"download_all",value:""}),d)return;u(!0);let e={};for(let t of r){let s=await x(t);if(!s){console.error("Error while fetching resource:",t);continue}e["renders/".concat(t.split("/").pop())]=s}y.$R(e,{},(e,t)=>{if(u(!1),e){console.error("Error while creating ZIP:",e);return}(0,b.saveAs)(new Blob([t]),"renders.zip")})};return(0,a.jsxs)("div",{className:"mb-5 flex flex-col",children:[(0,a.jsxs)("div",{className:"flex flex-row items-center pb-2 text-sm font-bold md:text-lg",children:[t,d?(0,a.jsx)("div",{className:"p-1",children:(0,a.jsx)(l.Z,{className:"h-4 w-4 animate-spin"})}):(0,a.jsx)("button",{onClick:g,className:"ml-2 rounded bg-gray-200 p-1 hover:bg-gray-300",children:(0,a.jsx)(v.Z,{className:"h-4 w-4"})})]}),(0,a.jsx)("div",{className:"grid grid-cols-4 gap-2 md:grid-cols-8",children:s.dateMap[t].map(e=>{let t=s.data[e];if(-1===["queued","painting","painted"].indexOf(t.phase))return null;if(-1!==["queued","painting"].indexOf(t.phase))return(0,a.jsx)(h.default,{href:"/r/".concat(e),children:(0,a.jsx)("div",{className:"flex aspect-square w-full items-center justify-center",children:(0,a.jsx)(l.Z,{className:"h-7 w-7 animate-spin"})})},e);let n=t.width/t.height,r=!1,c="";if((0,i.A)(t)){if(t.outputs.length&&"img2vid"!==t.tool){let e=t.outputs[t.outputs.length-1];c="".concat(f.We,"/render/").concat(t._id,"/").concat(t.key,"-").concat(e.seed).concat(e.subseed?"-":"").concat(e.subseed,".").concat(e.ext)}else{let{key:e,ext:s}=t.key_history[0];c="".concat(f.We,"/render/").concat(t._id,"/").concat(t.key,"-source.").concat(s),"img2vid"===t.tool&&(r=!0)}}else c="".concat(f.We,"/render/").concat(t._id,"/").concat(t.key,"-").concat(t.all_seeds[0],"-").concat(t.all_subseeds[0],".jpg");return(0,a.jsx)(h.default,{href:"/r/".concat(e),onClick:()=>{(0,o.q)({name:"history_click",value:e})},children:(0,a.jsxs)("div",{className:"relative w-full overflow-hidden rounded-md",children:[r&&(0,a.jsx)("div",{className:"absolute inset-0 flex items-center justify-center bg-black opacity-60",children:(0,a.jsx)(_.Z,{className:"m-auto h-10 w-10",stroke:"white",strokeWidth:"2"})}),(0,a.jsx)(m.default,{src:c,alt:"room",width:256,height:256/n,className:"aspect-square object-cover object-center"})]})},e)})})]},t)}var k=s(47907);let S=e=>({ids:[...e.ids],data:Object.keys(e.data).reduce((t,s)=>(t[s]={...e.data[s]},t),{}),dateMap:{...e.dateMap}});function W(e){let{mode:t,user:s,wording:m,initRooms:h}=e,u=(0,k.useSearchParams)(),[x,g]=(0,n.useState)(u.get("type")||""),[f,w]=(0,n.useState)(u.get("style")||""),[b,y]=(0,n.useState)(()=>{let e={};return h.forEach(t=>{let s=new Date(t.updated_at).toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric"});e[s]?-1===e[s].indexOf(t._id)&&e[s].push(t._id):e[s]=[t._id]}),{ids:h.reduce((e,t)=>(e.push(t._id),e),[]),data:h.reduce((e,t)=>(e[t._id]=t,e),{}),dateMap:e}}),[v,_]=(0,n.useState)("history"===t?50==h.length:10==h.length),[W,M]=(0,n.useState)(b.ids.length>0?new Date(b.data[b.ids[b.ids.length-1]].updated_at).getTime():0),[Z,C]=(0,n.useState)(!1),D=async()=>{if(!v||Z)return;C(!0);let{err:e,res:s}="history"===t?await (0,d._g)({before:W||new Date().getTime(),room_type:x,room_style:f}):await (0,d.Lp)({before:W||new Date().getTime(),room_type:x,room_style:f});if(e||!s)return;if(0===s.length){_(!1),C(!1),M(0);return}s.length<10&&_(!1);let a=S(b);s.forEach(e=>{if(a.data[e._id])return;a.ids.push(e._id),a.data[e._id]=e;let t=new Date(e.updated_at).toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric"});a.dateMap[t]?-1===a.dateMap[t].indexOf(e._id)&&a.dateMap[t].push(e._id):a.dateMap[t]=[e._id]}),y(a),M(new Date(a.data[a.ids[a.ids.length-1]].updated_at).getTime()),C(!1)};return(0,n.useEffect)(()=>{W>0&&D()},[f,x]),(0,a.jsxs)("div",{className:"flex w-screen flex-col px-2 pb-12 md:w-full md:px-0",children:[(0,a.jsxs)("div",{className:"relative my-5 flex min-w-0 flex-col justify-end space-y-2 md:flex-row md:items-center",children:["public"==t&&(0,a.jsxs)("div",{className:"flex flex-row items-center text-lg font-bold",children:[(0,a.jsx)(r.Z,{className:"mr-2 h-5 w-5"}),m.components.listing.title]}),"history"==t&&(0,a.jsx)("div",{className:"text-base font-bold md:text-2xl",children:"Past creations"}),(0,a.jsx)("div",{className:"hidden md:block md:flex-1"}),(0,a.jsxs)("div",{className:"flex flex-row items-center",children:[(0,a.jsxs)("select",{className:"min-w-0 flex-1 rounded border border-gray-300 p-2 text-sm font-medium",value:x,onChange:e=>{(0,o.q)({name:"change_type",value:e.target.value}),y({ids:[],data:{},dateMap:{}}),M(new Date().getTime()),_(!0),g(e.target.value)},children:[(0,a.jsx)("option",{value:"",children:m.components.listing.allTypes}),Object.keys(m.renderTypes).map(e=>(0,a.jsx)("option",{value:e,children:m.renderTypes[e]},e))]}),(0,a.jsx)("div",{className:"w-2"}),(0,a.jsxs)("select",{className:"min-w-0 flex-1 rounded border border-gray-300 p-2 text-sm font-medium",value:f,onChange:e=>{(0,o.q)({name:"change_style",value:e.target.value}),y({ids:[],data:{},dateMap:{}}),M(new Date().getTime()),_(!0),w(e.target.value)},children:[(0,a.jsx)("option",{value:"",children:m.components.listing.allStyles}),Object.keys(m.renderStyles).map(e=>(0,a.jsx)("option",{value:e,children:m.renderStyles[e]},e))]})]})]}),"public"===t&&(0,a.jsx)(a.Fragment,{children:b.ids.map(e=>{let t=b.data[e];return(0,i.A)(t)?(0,a.jsx)(j,{room:t,user:s,wording:m},e):(0,a.jsx)(p,{room:t,user:s,wording:m},e)})}),"history"===t&&(0,a.jsx)(a.Fragment,{children:Object.keys(b.dateMap).map(e=>(0,a.jsx)(N,{date:e,rooms:b},e))}),Z?(0,a.jsx)(l.Z,{className:"mx-auto h-7 w-7 animate-spin"}):(0,a.jsx)(a.Fragment,{children:v&&(0,a.jsx)("button",{onClick:D,className:"mx-auto mt-3 rounded bg-gray-300 px-3 py-1",children:m.components.listing.loadMore})}),0===b.ids.length&&(0,a.jsxs)("div",{className:"flex h-72 flex-col items-center justify-center",children:[(0,a.jsx)(c.Z,{className:"mx-auto h-12 w-12 text-gray-500"}),(0,a.jsx)("span",{className:"mt-2 font-medium text-gray-700",children:"You have no creations yet."})]})]})}},52127:function(e,t,s){s.d(t,{A:function(){return a}});let a=e=>6===e.version}}]);