https://dokaiuniverse.ai/_next/static/chunks/8294.d1365a1cbb67854b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8294],{2673:()=>{},3850:()=>{},39304:(e,a,t)=>{"use strict";t.d(a,{A:()=>d});var s=t(95155),r=t(88013);t(2845),t(3850);var n="_18kw16u6",l="_18kw16ue",i=t(12115),c=t(86854);let d=({media:e,updateMedia:a,setPendingFile:t,registerBlobUrl:d,revokeBlobUrl:o})=>{let[u,h]=(0,i.useState)(!1),[p,m]=(0,i.useState)(!1),v=e?.src||"",g=e?.alt||"",x=e=>{if(!e.type.startsWith("image/"))return;let s=URL.createObjectURL(e);d(s),t(e),m(!0),a(a=>({...a,src:s,alt:a.alt||e.name}))},j=e=>{let a=Array.from(e.clipboardData?.files??[]).find(e=>e.type.startsWith("image/"))??Array.from(e.clipboardData?.items??[]).find(e=>e.type.startsWith("image/"))?.getAsFile();a&&(e.preventDefault(),x(a))};(0,i.useEffect)(()=>(window.addEventListener("paste",j),()=>{window.removeEventListener("paste",j)}),[]);let f=e=>{let a=e.target.files?.[0];a&&x(a),e.currentTarget.value=""};return e?(0,s.jsxs)("div",{className:"_18kw16u0",onDragEnter:e=>{e.preventDefault(),e.stopPropagation(),h(!0)},onDragOver:e=>{e.preventDefault(),e.stopPropagation(),u||h(!0)},onDragLeave:e=>{e.preventDefault(),e.stopPropagation(),e.currentTarget.contains(e.relatedTarget)||h(!1)},onDrop:e=>{e.preventDefault(),e.stopPropagation(),h(!1);let a=e.dataTransfer.files?.[0];a&&x(a)},children:[(0,s.jsx)("div",{"data-dragging":u,className:"_18kw16u1",children:(0,s.jsx)(r.A,{className:"_18kw16u2"})}),(0,s.jsxs)("label",{className:"_18kw16u3",children:[(0,s.jsx)(c.A,{media:e,className:"_18kw16u4",useAlternative:!0}),(0,s.jsx)("input",{type:"file",accept:"image/*",onChange:f,className:l})]}),(0,s.jsxs)("div",{className:"_18kw16u5",children:[(0,s.jsxs)("div",{className:"_18kw16u7",children:[(0,s.jsx)("p",{className:n,children:"Image URL"}),(0,s.jsxs)("div",{className:"_18kw16u9",children:[(0,s.jsx)("input",{type:"text",value:v,onChange:e=>{a(a=>({...a,src:e.target.value}))},className:"_18kw16ua",disabled:p}),p&&(0,s.jsx)("button",{className:"_18kw16ub",onClick:()=>{t(null),m(!1),o(),a(e=>({...e,src:"",alt:""}))},children:"Clear"})]})]}),(0,s.jsxs)("div",{className:"_18kw16u8",children:[(0,s.jsx)("p",{className:n,children:"Description"}),(0,s.jsx)("textarea",{value:g,onChange:e=>{a(a=>({...a,alt:e.target.value}))},className:"_18kw16uc"})]}),(0,s.jsxs)("label",{className:"_18kw16ud",children:[(0,s.jsx)("input",{type:"file",accept:"image/*",onChange:f,className:l}),(0,s.jsx)(r.A,{className:"_18kw16uf"}),(0,s.jsx)("p",{className:"_18kw16ug",children:"Drag & drop your Image"}),(0,s.jsxs)("p",{className:"_18kw16uh",children:["or ",(0,s.jsx)("span",{children:"browse files"})]})]})]})]}):null}},42075:()=>{},43402:(e,a,t)=>{"use strict";t.d(a,{A:()=>i});var s=t(95155),r=t(86854);t(2845),t(2673);var n="_1uh5a4m8",l="_1uh5a4m6";let i=({media:e,updateMedia:a,blockedType:t})=>{let i="LOOP"===e.type,c=e=>a(a=>"LOOP"===a.type?{...a,loop:e(a.loop)}:a),d=(e,a)=>c(t=>({...t,[e]:a?t?.[e]??0:void 0})),o=(e,a)=>c(t=>({...t,[e]:a})),u=i&&e.loop?.start!==void 0,h=i&&e.loop?.end!==void 0;return(0,s.jsxs)("div",{className:"_1uh5a4m0",children:[(0,s.jsx)(r.A,{media:e,className:"_1uh5a4m1",useAlternative:!0}),(0,s.jsxs)("div",{className:"_1uh5a4m2",children:[(0,s.jsxs)("div",{className:"_1uh5a4m4",children:[(0,s.jsx)("p",{className:"_1uh5a4m3",children:"Video URL or ID"}),(0,s.jsx)("input",{type:"text",value:e.src,onChange:e=>{let t;return t={src:e.target.value},a(e=>({...e,...t}))},className:l})]}),"LOOP"!==t&&(0,s.jsxs)("div",{className:"_1uh5a4m7",children:["VIDEO"!==t&&(0,s.jsxs)("label",{className:n,children:[(0,s.jsx)("input",{type:"checkbox",checked:i,onChange:e=>{var s;return s=e.target.checked,void(!t&&a(e=>{if(s)return{...e,type:"LOOP",loop:{start:void 0,end:void 0}};let{loop:a,...t}=e;return{...t,type:"VIDEO"}}))}}),(0,s.jsx)("p",{children:"Is loop"})]}),(0,s.jsxs)("div",{className:"_1uh5a4m9",children:[(0,s.jsxs)("label",{className:n,children:[(0,s.jsx)("input",{type:"checkbox",checked:u,disabled:!i,onChange:e=>d("start",e.target.checked)}),(0,s.jsx)("p",{children:"Set start"})]}),(0,s.jsx)("input",{type:"number",step:"0.1",min:0,disabled:!u,value:u?e.loop.start:"",placeholder:"0.0",onChange:e=>o("start",Number(e.target.value)),className:l}),(0,s.jsxs)("label",{className:n,children:[(0,s.jsx)("input",{type:"checkbox",checked:h,disabled:!i,onChange:e=>d("end",e.target.checked)}),(0,s.jsx)("p",{children:"Set end"})]}),(0,s.jsx)("input",{type:"number",step:"0.1",min:u?e.loop.start:0,disabled:!h,value:h?e.loop.end:"",placeholder:"(video end)",onChange:e=>o("end",Number(e.target.value)),className:l})]}),(0,s.jsx)("p",{className:"_1uh5a4ma",children:"If start/end is not set, it loops from the beginning/to the end."})]})]})]})}},43558:(e,a,t)=>{"use strict";async function s(e){let a=await e.arrayBuffer();return Array.from(new Uint8Array(await crypto.subtle.digest("SHA-256",a))).map(e=>e.toString(16).padStart(2,"0")).join("")}t.d(a,{V:()=>r});let r=async e=>{let a=await s(e),t=await fetch("/api/public/uploads/presign",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({hash:a,mime:e.type,size:e.size,folder:"images"})}

1),r=await t.json();if(r.error)throw Error(r.error);if(r.exists)return{key:r.key,url:r.finalUrl,deduped:!0};if(!(await fetch(r.uploadUrl,{method:"PUT",headers:{"Content-Type":e.type},body:e})).ok)throw Error("Upload failed");return{key:r.key,url:r.finalUrl,deduped:!1}}},52729:(e,a,t)=>{"use strict";t.d(a,{CI:()=>i,Cz:()=>d,Tk:()=>s,UY:()=>p,Zb:()=>l,dD:()=>o,eK:()=>c,oJ:()=>u,oq:()=>r,td:()=>n,yI:()=>h}),t(2845),t(42075);var s="_11inh9a",r="_11inh97",n="_11inh98",l="_11inh99",i="_11inh93",c="_11inh90",d="_11inh91",o="_11inh92",u="_11inh96",h="_11inh94",p="_11inh95"},81061:(e,a,t)=>{"use strict";t.d(a,{A:()=>p});var s,r,n=t(95155),l=t(12663),i=t(12115);function c(){return(c=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var s in t)({}).hasOwnProperty.call(t,s)&&(e[s]=t[s])}return e}).apply(null,arguments)}let d=function(e){return i.createElement("svg",c({width:24,height:24,viewBox:"0 0 24 24",fill:"black",xmlns:"http://www.w3.org/2000/svg"},e),s||(s=i.createElement("path",{d:"M11 13.5V18.5L15 16L11 13.5Z"})),r||(r=i.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.7035 2.27393L21.5014 5.87306L13.0351 7.74998H21.75V19C21.75 20.2426 20.7426 21.25 19.5 21.25H4.5C3.25736 21.25 2.25 20.2426 2.25 19L2.25 7.74998C2.24997 6.91546 2.59292 6.38642 3.40375 6.11818L20.7035 2.27393ZM18.2503 3.84205L20.3086 5.11321L17.8212 5.66466L15.8097 4.38312L18.2503 3.84205ZM13.8571 4.816L15.8686 6.09754L13.4279 6.63864L11.4164 5.3571L13.8571 4.816ZM9.46378 5.78998L11.4753 7.07152L8.54638 7.72084L6.53489 6.4393L9.46378 5.78998ZM3.75 12H20.25V19C20.25 19.4142 19.9142 19.75 19.5 19.75H4.5C4.08579 19.75 3.75 19.4142 3.75 19L3.75 12ZM11.7498 10.4997H14.7498L16.4996 8.74978H13.4996L11.7498 10.4997ZM6.7498 10.4999H9.7498L11.4999 8.74978H8.49994L6.7498 10.4999ZM16.2498 10.5H19.2498L21 8.74978H18L16.2498 10.5Z"})))};t(2845),t(88384);var o="_416yr41",u="_416yr42",h="_416yr43";let p=({blockedTypes:e,selectMedia:a})=>{let{canImage:t,canVideo:s,canLoop:r,canAnyVideoLike:c}=(0,i.useMemo)(()=>{let a=!e?.includes("IMAGE"),t=!e?.includes("VIDEO"),s=!e?.includes("LOOP");return{canImage:a,canVideo:t,canLoop:s,canAnyVideoLike:t||s}},[e]);return t&&c?(0,n.jsxs)("div",{className:"_416yr40",children:[(0,n.jsxs)("button",{type:"button",onClick:()=>a("IMAGE"),className:o,children:[(0,n.jsx)(l.A,{className:u}),(0,n.jsx)("p",{className:h,children:"Image"})]}),(0,n.jsxs)("button",{type:"button",onClick:()=>a("VIDEO"),className:o,children:[(0,n.jsx)(d,{className:u}),(0,n.jsx)("p",{className:h,children:"Video"})]})]}):(t||c?c?a("VIDEO"):a("IMAGE"):a("NONE"),null)}},88013:(e,a,t)=>{"use strict";t.d(a,{A:()=>i});var s,r,n=t(12115);function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var s in t)({}).hasOwnProperty.call(t,s)&&(e[s]=t[s])}return e}).apply(null,arguments)}let i=function(e){return n.createElement("svg",l({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),s||(s=n.createElement("path",{d:"M12 12V2M12 2L14.5 4.5M12 2L9.5 4.5",stroke:"black",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),r||(r=n.createElement("path",{d:"M10 7H5.5C4.67157 7 4 7.67157 4 8.5V17C4 17.8284 4.67157 18.5 5.5 18.5H18.5C19.3284 18.5 20 17.8284 20 17V8.5C20 7.67157 19.3284 7 18.5 7H14",stroke:"black",strokeWidth:1.5})))}},88384:()=>{}}]);