https://www.spatial.io/_next/static/chunks/create-custom-env-modal-content.187c9c5cf0ad8ec4.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[912],{42166:function(e,r,t){t.r(r),t.d(r,{CreateCustomEnvModalContent:function(){return m}});var n=t(13591),l=t(2784),o=t(66627),s=t(72700),a=t(31659),i=t(18911),d=t(68017),c=t(52322);let u=()=>{},m=(0,l.memo)(function(e){let{open:r,onUploadFiles:t,toggleAddContentMenu:m}=e,p=(0,n.XW)(),f=(0,l.useCallback)(e=>{r&&t((0,s.a)(e))},[r,t]),x=(0,i.Y)(f);return(0,c.jsxs)(d.a7,{className:"flex h-[65vh] max-h-[800px] min-h-[650px] w-[50vw] min-w-[500px] max-w-[800px] flex-col self-center overflow-auto rounded-2xl bg-modal px-10 pb-6 pt-12 text-foreground",children:[(0,c.jsx)(d.fK,{children:(0,c.jsx)(d.$N,{children:"Upload Custom Environment"})}),(0,c.jsx)(a.l,{containerClassName:"mt-4 mb-2 mx-0",primaryCopyOverride:"Drag 3D model here",supportedFileTextOverride:"Supported file formats: .fbx, .gltf, .glb ",isDragging:x,onUploadFiles:t,closeContentMenu:u,showContentMenuButton:!0,toggleAddContentMenu:m,isQuestionMarkVisible:!1}),(0,c.jsx)("a",{className:"text-center text-muted-foreground hover:text-foreground",href:"https://support.spatial.io/hc/en-us/articles/360042195672-Spatial-3D-Model-Preparation-Guide",target:"_blank",rel:"noopener noreferrer",onClick:()=>p({type:o.s_.Click,name:o.AI.SupportForCustomEnv}),children:"Recommendations for custom environments"})]})})},31659:function(e,r,t){t.d(r,{l:function(){return u}});var n,l=t(2784),o=t(72049),s=t(14701),a=t(89013);function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(null,arguments)}let d=(0,l.forwardRef)((e,r)=>{let{title:t,titleId:o,...s}=e;return l.createElement("svg",i({width:14,height:14,viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:r,"aria-labelledby":o},s),t?l.createElement("title",{id:o},t):null,n||(n=l.createElement("path",{d:"M7.00016 0.333496C3.32016 0.333496 0.333496 3.32016 0.333496 7.00016C0.333496 10.6802 3.32016 13.6668 7.00016 13.6668C10.6802 13.6668 13.6668 10.6802 13.6668 7.00016C13.6668 3.32016 10.6802 0.333496 7.00016 0.333496ZM7.66683 11.6668H6.3335V10.3335H7.66683V11.6668ZM9.04683 6.50016L8.44683 7.1135C7.96683 7.60016 7.66683 8.00016 7.66683 9.00016H6.3335V8.66683C6.3335 7.9335 6.6335 7.26683 7.1135 6.78016L7.94016 5.94016C8.18683 5.70016 8.3335 5.36683 8.3335 5.00016C8.3335 4.26683 7.7335 3.66683 7.00016 3.66683C6.26683 3.66683 5.66683 4.26683 5.66683 5.00016H4.3335C4.3335 3.52683 5.52683 2.3335 7.00016 2.3335C8.4735 2.3335 9.66683 3.52683 9.66683 5.00016C9.66683 5.58683 9.42683 6.12016 9.04683 6.50016Z",fill:"black"})))});var c=t(52322);let u=(0,l.memo)(function(e){let{isDragging:r,containerClassName:t,primaryCopyOverride:n,supportedFileTextOverride:i,closeContentMenu:u,onUploadFiles:m,uploadTargetFrameId:p,isQuestionMarkVisible:f=!0,showContentMenuButton:x,toggleAddContentMenu:h}=e,g=(0,l.useRef)(null),C=(0,l.useCallback)(()=>i||(p?"Upload images, gifs or videos! ":"We support 3D models, images, videos, documents, and more! "),[i,p]);return(0,c.jsxs)("div",{className:(0,s.cn)("m-12 flex h-full flex-col items-center justify-center rounded-lg border-2 border-dashed text-center transition-colors",r&&"border-blue",t),children:[(0,c.jsx)("div",{className:"text-2xl font-demibold text-muted-foreground",children:n||"Drag files here"}),(0,c.jsxs)("div",{className:"text-muted-foreground",children:[C(),f&&(0,c.jsx)("a",{href:"https://support.spatial.io/hc/en-us/articles/360036170911-Uploading-Content-Supported-File-Types",target:"_blank",rel:"noopener noreferrer",children:(0,c.jsx)(d,{})})]}),(0,c.jsx)("div",{className:"my-4 text-muted-foreground",children:"or"}),(0,c.jsxs)("div",{className:"grid gap-4",children:[(0,c.jsx)(a.z,{color:"primary",className:"w-72",size:"xl",onClick:()=>{var e;return null===(e=g.current)||void 0===e?void 0:e.click()},children:"Select From Your Device"}),x&&(0,c.jsx)(a.z,{color:"primary",className:"w-72",size:"xl",onClick:h,children:"Select From Content Menu"})]}),(0,c.jsx)("input",{type:"file",id:"upload-files",name:"upload-files",multiple:!p,accept:p?o.SO:o.PO,onCh

1ange:e=>{m(Array.from(e.target.files)),null==u||u()},ref:g,style:{display:"none"}})]})})}}]);