https://voli.ai/_next/static/chunks/pages/dashboard/voice/custom/upload-0a5730fb414bc144.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4910],{62026:function(e,t,n){"use strict";var a=n(82066),r=n(85893);t.Z=(0,a.Z)((0,r.jsx)("path",{d:"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"}),"Check")},95537:function(e,t,n){"use strict";var a=n(82066),r=n(85893);t.Z=(0,a.Z)((0,r.jsx)("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),"Close")},6236:function(e,t,n){"use strict";var a=n(82066),r=n(85893);t.Z=(0,a.Z)((0,r.jsx)("path",{d:"M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z"}),"Menu")},72456:function(e,t,n){"use strict";var a=n(82066),r=n(85893);t.Z=(0,a.Z)((0,r.jsx)("path",{d:"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z"}),"Refresh")},39691:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/dashboard/voice/custom/upload",function(){return n(53406)}])},53406:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return F}});var a=n(85893),r=n(93965),i=n(53011),o=n(47568),s=n(26042),l=n(69396),u=n(97582),c=n(67294),d=n(4480),p=n(38825),_=n(70934),m=n(36094),h=n(73935),f=n(64487),g=n(70206),x=n(23977),v=n(89101),j=n(27543),y=n.n(j),b=function(e){var t=e.onGuideConfirm,n=(0,r.$G)("customVoice").t;return(0,h.createPortal)((0,a.jsx)("div",{className:y().modal_overlay,children:(0,a.jsxs)("div",{className:y().modal,children:[(0,a.jsx)("p",{className:y().modal_title,children:n("upload.guideModal.title")}),(0,a.jsx)("span",{className:y().modal_description,children:n("upload.guideModal.description")}),(0,a.jsxs)("div",{className:y().modal_notice_area,children:[(0,a.jsxs)("p",{children:["✅ ",n("upload.guideModal.item1")]}),(0,a.jsxs)("p",{children:["✅ ",n("upload.guideModal.item2")]}),(0,a.jsxs)("p",{children:["✅ ",n("upload.guideModal.item3")]})]}),(0,a.jsx)("button",{type:"button",onClick:t,className:y().modal_confirm_btn,children:n("common.confirm")})]})}),document.body)},N=function(e){var t,n=e.onFileSelect,i=(0,r.$G)("customVoice").t,s=(0,d.sJ)(p.n5).email,l=(0,c.useRef)(null),_=(0,c.useState)(!1),m=_[0],h=_[1],j=(t=(0,o.Z)(function(e){var t,a;return(0,u.__generator)(this,function(r){switch(r.label){case 0:if(!e)return[2];t="";try{t=URL.createObjectURL(e)}catch(o){return alert("다른 파일로 시도해 주세요."),f.Tb(o,{tags:{operation:"createObjectURL"},extra:{fileName:e.name,originalError:o,error:o.message},user:{email:s}}),[2]}return[4,(0,g.g9)(t)];case 1:if((a=r.sent())===1/0)return alert("파일 재생 시간 측정이 불가합니다. 다른 파일로 시도해 주세요."),[2];if(a/1e3<5||a/1e3>60||e.size>10485760)return alert(i("upload.guideModal.item1")),[2];return n(e),[2]}})}),function(e){return t.apply(this,arguments)}),N=function(e){var t;j(null===(t=e.target.files)||void 0===t?void 0:t[0]),e.target.value=""},Z=function(){var e;null===(e=l.current)||void 0===e||e.click(),h(!1)};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:y().content,children:[(0,a.jsxs)("div",{className:y().title_area,children:[(0,a.jsx)("h2",{className:y().title,children:i("upload.title")}),(0,a.jsxs)("p",{className:y().description,children:[(0,a.jsx)(x.Z,{sx:{fontSize:16,color:"#00BC7D"}}),i("upload.description")]})]}),(0,a.jsxs)("button",{type:"button",onClick:function(){return h(!0)},className:y().upload_area,children:[(0,a.jsx)("input",{ref:l,type:"file",accept:".wav,.mp3,.m4a,audio/wav,audio/x-wav,audio/mpeg,audio/mp4,audio/x-m4a",onChange:N,tabIndex:-1}),(0,a.jsxs)("div",{className:y().upload_content,children:[(0,a.jsx)("div",{className:y().icon,children:(0,a.jsx)(v.Z,{sx:{fontSize:28,color:"#2F3237",fill:"none"}})}),(0,a.jsx)("p",{className:y().title,children:i("upload.dropzone.title")}),(0,a.jsx)("span",{className:y().description,children:i("upload.dropzone.description")})]}),(0,a.jsx)("div",{className:y().upload_cta,children:i("upload.cta")})]}),(0,a.jsxs)("div",{className:y().guide_area,children:[(0,a.jsx)("p",{className:y().title,children:i("upload.guide.title")}),(0,a.jsx)("ul",{className:y().guide_list,children:i("upload.guide.items",{returnObjects:!0}).map(function(e,t){return(0,a.jsx)("li",{className:y().guide_item,children:(0,a.jsx)("span",{children:e})},t)})})]})]}),m&&(0,a.jsx)(b,{onGuideConfirm:Z})]})},Z=n(82678),w=n(93760),C=n(54595),M=n(67772),z={id:0,name:"",description:"",image:{url:"/images/default.webp"},gender:"",tone:"",age:"",styles:[],useCases:[]},S=function(){var e,t,n=(0,d.sJ)(p.n5).language,r=(0,c.useState)("upload"),i=r[0],h=r[1],f=(0,c.useState)("uploading"),g=f[0],x=f[1],v=(0,c.useState)(!1),j=v[0],y=v[1],b=(0,c.useState)(z),S=b[0],k=b[1],E=(0,c.useState)([]),F=E[0],G=E[1],L=(0,_.$)(),T=L.mutateAsync,U=L.isLoading,O=(0,_.t)(),R=O.mutateAsync,K=O.isLoading,A=(e=(0,o.Z)(function(e){var t,a,r;return(0,u.__generator)(this,function(i){switch(i.label){case 0:if(!e||U||K)return[2];i.label=1;case 1:return i.trys.push([1,4,,5]),h("processing"),x("uploading"),[4,T(e)];case 2:return t=i.sent(),x("cloning"),[4,R({type:"upload",s3Key:t,language:n})];case 3:return a=i.sent(),k(function(e){return(0,l.Z)((0,s.Z)({}

1,e),{id:a.convmodel.no})}),G(null!==(r=a.samples)&&void 0!==r?r:[]),h("profile"),x("uploading"),[3,5];case 4:return i.sent(),y(!0),x("uploading"),[3,5];case 5:return[2]}})}),function(t){return e.apply(this,arguments)}),P=function(){k(z),G([]),h("upload")},Q=(0,m.Pn)("clone"),V=Q.mutateAsync,D=Q.isLoading,J=(t=(0,o.Z)(function(){return(0,u.__generator)(this,function(e){switch(e.label){case 0:if(D)return[2];e.label=1;case 1:return e.trys.push([1,3,,4]),[4,V(S)];case 2:return e.sent(),h("complete"),[3,4];case 3:return e.sent(),y(!0),[3,4];case 4:return[2]}})}),function(){return t.apply(this,arguments)});return(0,a.jsxs)(a.Fragment,{children:[("upload"===i||"processing"===i)&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(N,{onFileSelect:A}),"processing"===i&&(0,a.jsx)(Z.Z,{type:"clone",step:g})]}),("profile"===i||"complete"===i)&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(w.Z,{type:"upload",voice:S,setVoice:k,voiceSamples:F,onSave:J,onRetry:P}),"complete"===i&&(0,a.jsx)(M.Z,{voiceId:S.id,onBack:function(){return h("profile")}})]}),j&&(0,a.jsx)(C.Z,{type:"cloning",onConfirm:function(){y(!1),h("upload")}})]})},k=n(9008),E=n.n(k),F=function(){var e=(0,r.$G)("customVoice").t;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(E(),{children:(0,a.jsx)("title",{children:e("custom.header.pageTitle")})}),(0,a.jsxs)("div",{id:"dashboard",children:[(0,a.jsx)(i.Z,{title:e("custom.header.title"),description:e("custom.header.description")}),(0,a.jsx)(S,{})]})]})}},70934:function(e,t,n){"use strict";n.d(t,{$:function(){return v},t:function(){return j}});var a,r,i,o,s,l,u=n(47568),c=n(97582),d=n(88767),p=n(64378),_=(a=(0,u.Z)(function(e){var t,n,a,r,i,o,s;return(0,c.__generator)(this,function(n){switch(n.label){case 0:return[4,e.arrayBuffer()];case 1:return t=n.sent(),[4,new AudioContext().decodeAudioData(t)];case 2:for(o=0,r=n.sent().getChannelData(0),i=0;o<r.length;o++)i+=r[o]*r[o];return[2,.003>Math.sqrt(i/r.length)]}})}),function(e){return a.apply(this,arguments)}),m=(r=(0,u.Z)(function(e,t){var n;return(0,c.__generator)(this,function(n){switch(n.label){case 0:return[4,p.Z.post("/conversions/voice-cloning/upload-url",{fileName:e,fileType:t})];case 1:return[2,n.sent().data]}})}),function(e,t){return r.apply(this,arguments)}),h=(i=(0,u.Z)(function(e){var t,n,a,r;return(0,c.__generator)(this,function(a){switch(a.label){case 0:return[4,fetch(t=e.uploadUrl,{method:"PUT",headers:{"Content-Type":(n=e.file).type||"application/octet-stream"},body:n})];case 1:if(!(r=a.sent()).ok)throw Error("파일 업로드 실패: ".concat(r.status));return[2]}})}),function(e){return i.apply(this,arguments)}),f=(o=(0,u.Z)(function(e){var t,n,a;return(0,c.__generator)(this,function(t){switch(t.label){case 0:return[4,_(e)];case 1:if(t.sent())throw Error("무음 오디오는 업로드할 수 없어요");return n=e.type||"application/octet-stream",[4,m(e.name,n)];case 2:return[4,h({uploadUrl:(a=t.sent().data).uploadUrl,file:e})];case 3:return t.sent(),[2,a.s3Key]}})}),function(e){return o.apply(this,arguments)}),g=(s=(0,u.Z)(function(e,t,n){var a;return(0,c.__generator)(this,function(a){switch(a.label){case 0:return[4,p.Z.post("/conversions/voice-cloning",{type:e,language:n,references:t})];case 1:return[2,a.sent().data]}})}),function(e,t,n){return s.apply(this,arguments)}),x=(l=(0,u.Z)(function(e){var t,n,a,r;return(0,c.__generator)(this,function(a){switch(a.label){case 0:return t=e.type,[4,g(t,[{s3Key:n=e.s3Key}],e.language)];case 1:return[2,a.sent().data]}})}),function(e){return l.apply(this,arguments)}),v=function(){return(0,d.useMutation)(f)},j=function(){return(0,d.useMutation)(x)}},27543:function(e){e.exports={pc:"upload_pc__zQsb1",mobile:"upload_mobile__HyH8G",hide:"upload_hide__nrpXv",sr_only:"upload_sr_only__RLQCl",content:"upload_content__Ia_J5",title_area:"upload_title_area__0aTD_",title:"upload_title__Y0KP4",description:"upload_description__EQAzg",upload_area:"upload_upload_area__21tGU",guide_area:"upload_guide_area__2dlTz",upload_content:"upload_upload_content__sbYWD",icon:"upload_icon__wxQ9M",upload_cta:"upload_upload_cta__oQkhK",guide_list:"upload_guide_list__mXJGl",guide_item:"upload_guide_item__4CG7O",modal_overlay:"upload_modal_overlay__NQ_5d",modal:"upload_modal__8jYX9",modal_title:"upload_modal_title__OotBR",modal_description:"upload_modal_description__UJqKF",modal_notice_area:"upload_modal_notice_area__1Icg8",modal_confirm_btn:"upload_modal_confirm_btn__Ee8FO"}}},function(e){e.O(0,[4885,177,1371,6052,1686,6669,7482,57,1436,9774,2888,179],function(){return e(e.s=39691)}),_N_E=e.O()}]);