https://www.mirrordaily.news/_next/static/chunks/2517-e85df9a8a408fc20.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2517],{151:(e,t,l)=>{l.d(t,{F_:()=>a,TK:()=>n,cO:()=>r});let s=(e,t,l)=>new File([e],t,{type:l}),a=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{frameTimeInSeconds:.5,extension:"png"};return new Promise((l,a)=>{let n=document.createElement("canvas"),r=document.createElement("video"),o=document.createElement("source"),i=n.getContext("2d"),c=URL.createObjectURL(e);if(r.style.display="none",n.style.display="none",o.setAttribute("src",c),r.setAttribute("crossorigin","anonymous"),r.setAttribute("preload","metadata"),r.appendChild(o),document.body.appendChild(n),document.body.appendChild(r),!i)return void a(Error("No context"));r.currentTime=t.frameTimeInSeconds,r.load(),r.addEventListener("loadedmetadata",function(){n.width=r.videoWidth,n.height=r.videoHeight}),r.addEventListener("loadeddata",function(){setTimeout(()=>{i.drawImage(r,0,0,r.videoWidth,r.videoHeight),n.toBlob(a=>{a&&(l(s(a,(t.filename||e.name)+"_preview."+t.extension,"image/"+t.extension)),URL.revokeObjectURL(c),r.remove(),n.remove())},"image/"+t.extension)},500)})})},n=e=>URL.createObjectURL(e),r=async(e,t,l)=>{let a=new Request(e);return await fetch(a).then(e=>e.blob()).then(e=>s(e,t,null!=l?l:e.type))}},5872:(e,t,l)=>{l.d(t,{AY:()=>i,Kk:()=>h,Ro:()=>d,S$:()=>o,UX:()=>p,V$:()=>u,eB:()=>c,g9:()=>f,hC:()=>x});var s=l(81723),a=l(45846),n=l(3629),r=l(74445);function o(){return!1}let i=e=>{try{return new URL(e),!0}catch(e){return!1}},c=e=>e.length>0,d=e=>{let{success:t}=r.Yj().email().safeParse(e);return t},u=e=>"Section"===e.type,m="《鏡報新聞網》——AI時代最需要的新聞媒體！快速、準確、中立，提供最新時事、深度調查報導與獨家新聞，一站掌握全球重大資訊, 打造趣味、有梗的短影音，貼近新世代年輕人媒體消費習慣。想掌握即時新聞、熱門話題？上《鏡報新聞網》，隨時隨地獲取關鍵資訊！",x=()=>({metadataBase:new URL(s.W6),title:n.yy,description:m,openGraph:{siteName:n.yy,title:n.yy,description:m,url:"/",images:a.I}}),h=e=>{let{title:t,description:l,url:s}=e;if(t){let e=document.querySelector("title");e&&(e.textContent=t);let l=document.querySelector('meta[property="og:title"]');l&&l.setAttribute("content",t);let s=document.querySelector('meta[name="twitter:title"]');s&&s.setAttribute("content",t)}if(l){let e=document.querySelector('meta[name="description"]');e&&e.setAttribute("content",l);let t=document.querySelector('meta[property="og:description"]');t&&t.setAttribute("content",l);let s=document.querySelector('meta[name="twitter:description"]');s&&s.setAttribute("content",l)}if(s){let e=document.querySelector('meta[property="og:url"]');e&&e.setAttribute("content",s)}},p=e=>{var t;if(!e)return null;let l=e.match(/^(?:https?:\/\/)?(?:www\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})(?:\S+)?$/);return null!=(t=null==l?void 0:l[1])?t:null},f=(e,t)=>e.sort(()=>Math.random()-.5).slice(0,t)},13718:(e,t,l)=>{l.d(t,{CY:()=>n,I2:()=>a,No:()=>o,Pm:()=>r});var s=l(95087);let a=["video/mp4","video/quicktime"],n=["image/jpeg","image/png"],r=30*s.K9,o=2*s.K9},17226:(e,t,l)=>{l.d(t,{E:()=>a,a:()=>s});var s=function(e){return e.Default="default",e.Success="success",e.Fail="fail",e}({}),a=function(e){return e.Initial="initial",e.FileInfo="file-info",e.PersonInfo="person-info",e}({})},19234:(e,t,l)=>{l.d(t,{Ay:()=>p,EZ:()=>c,GU:()=>u,KA:()=>m,V5:()=>i,Wn:()=>h});var s=l(13718),a=l(151),n=l(97645),r=l(5872),o=l(17226),i=function(e){return e.Auto="auto",e.Manual="manual",e}({}),c=function(e){return e.Default="default",e.Success="success",e.Error="error",e}({});let d={isModalOpened:!1,shortsFileName:"",shortsFileBlobURL:"",shortsFileType:"",shortsFileHasError:!1,autoImageFileName:"",autoImageBlobURL:"",autoImageFileType:"",manualImageFileName:"",manualImageBlobURL:"",manualImageFileType:"",manualImageState:"default",selectedImage:"auto",title:"",isTitleValid:!1,description:"",user:"",email:"",isEmailValid:!1,isToSChecked:!1,isCopyrightChecked:!1,progress:o.E.Initial},u=(0,n.zD)("shortsUpload/setShortsFileAndAutoImage",async e=>{let t={name:"",shorts:"",fileType:"",previewName:"",autoPreview:"",previewFileType:""};if(e instanceof File&&e.size<s.Pm&&s.I2.includes(e.type)){let l=await (0,a.F_)(e);t.name=e.name,t.fileType=e.type,t.shorts=(0,a.TK)(e),t.previewName=l.name,t.previewFileType=l.type,t.autoPreview=(0,a.TK)(l)}return t}),m=(0,n.VP)("shortsUpload/setManualImage",e=>{let t={name:"",image:"",fileType:""};return e instanceof File&&e.size<s.No&&s.CY.includes(e.type)&&(t.name=e.name,t.fileType=e.type,t.image=(0,a.TK)(e)),{payload:t}}

1),x=(0,n.Z0)({name:"shortsUpload",initialState:d,reducers:{resetAllState:()=>d,resetShortsFile:e=>{e.shortsFileHasError=!1,e.shortsFileBlobURL="",e.shortsFileType=""},setSelectedImage:(e,t)=>{e.selectedImage=t.payload},setTitle:(e,t)=>{e.title=t.payload,e.isTitleValid=(0,r.eB)(t.payload)},setDescription:(e,t)=>{e.description=t.payload},setUser:(e,t)=>{e.user=t.payload},setEmail:(e,t)=>{e.email=t.payload,e.isEmailValid=(0,r.Ro)(t.payload)},setIsToSChecked:(e,t)=>{e.isToSChecked=t.payload},setIsCopyrightChecked:(e,t)=>{e.isCopyrightChecked=t.payload},setIsModalOpened:(e,t)=>{e.isModalOpened=t.payload},setProgress:(e,t)=>{e.progress=t.payload}},extraReducers:e=>{e.addCase(u.fulfilled,(e,t)=>{let{name:l,shorts:s,fileType:a,previewName:n,autoPreview:i,previewFileType:c}=t.payload;s&&i?(e.shortsFileName=l,e.shortsFileBlobURL=s,e.shortsFileType=a,e.shortsFileHasError=!1,e.autoImageFileName=n,e.autoImageBlobURL=i,e.autoImageFileType=c,e.title=l,e.isTitleValid=(0,r.eB)(l),e.progress=o.E.FileInfo):e.shortsFileHasError=!0}).addCase(m,(e,t)=>{let{name:l,image:s,fileType:a}=t.payload;s?(e.manualImageFileName=l,e.manualImageFileType=a,e.manualImageBlobURL=s,e.manualImageState="success",e.selectedImage="manual"):(e.manualImageFileName="",e.manualImageFileType="",e.manualImageBlobURL="",e.manualImageState="error",e.selectedImage="auto")})}}),h=x.actions,p=x.reducer},32689:(e,t,l)=>{l.r(t),l.d(t,{default:()=>o});var s=l(43085),a=l(2536),n=l(45846),r=l(3629);function o(e){let{alt:t="",defaultImage:l=n.I,loadingImage:o=n.M}=e;return(0,s.jsx)(a.A,{...e,alt:t,defaultImage:l,loadingImage:o,breakpoint:r.wP})}},34021:(e,t,l)=>{l.d(t,{GO:()=>r,Hs:()=>u,TX:()=>i,Vr:()=>x,dW:()=>c,gG:()=>o,lV:()=>p,mB:()=>d,oc:()=>m,pd:()=>h,tX:()=>n,uH:()=>f,uV:()=>a});var s=l(19234);let a=e=>({name:e.shortsUpload.shortsFileName,blobURL:e.shortsUpload.shortsFileBlobURL,type:e.shortsUpload.shortsFileType,hasError:e.shortsUpload.shortsFileHasError}),n=e=>({name:e.shortsUpload.autoImageFileName,blobURL:e.shortsUpload.autoImageBlobURL,type:e.shortsUpload.autoImageFileType}),r=e=>({name:e.shortsUpload.manualImageFileName,blobURL:e.shortsUpload.manualImageBlobURL,type:e.shortsUpload.manualImageFileType,state:e.shortsUpload.manualImageState}),o=e=>e.shortsUpload.selectedImage,i=e=>e.shortsUpload.title,c=e=>e.shortsUpload.description,d=e=>e.shortsUpload.user,u=e=>e.shortsUpload.email,m=e=>e.shortsUpload.isToSChecked,x=e=>e.shortsUpload.isCopyrightChecked,h=e=>e.shortsUpload.isToSChecked&&e.shortsUpload.isCopyrightChecked&&e.shortsUpload.isTitleValid&&e.shortsUpload.isEmailValid&&!!e.shortsUpload.shortsFileBlobURL&&(e.shortsUpload.selectedImage===s.V5.Auto&&!!e.shortsUpload.autoImageBlobURL||e.shortsUpload.selectedImage===s.V5.Manual&&!!e.shortsUpload.manualImageBlobURL),p=e=>e.shortsUpload.isModalOpened,f=e=>e.shortsUpload.progress},45846:(e,t,l)=>{l.d(t,{I:()=>s,M:()=>a});let s="/images-next/default-image.png",a="/images-next/loading.gif"},56496:(e,t,l)=>{l.d(t,{default:()=>_,T:()=>M});var s=l(43085),a=l(71441),n=l(19234),r=l(80921),o=l(88060),i=l(34021),c=l(17022),d=l(30852);let u=(0,d.createServerReference)("7ff26a1e66c7e3db12b13963a28eab42967a9b3291",d.callServer,void 0,d.findSourceMapURL,"createCreativityShorts");var m=l(17226),x=l(38009),h=l(48335),p=l(44333);let f={src:"/_next/static/media/future.e05e366b.svg",height:20,width:20,blurWidth:0,blurHeight:0},g={src:"/_next/static/media/current.c83a3536.svg",height:20,width:20,blurWidth:0,blurHeight:0},b={src:"/_next/static/media/complete.073f29de.svg",height:20,width:20,blurWidth:0,blurHeight:0};var j=function(e){return e.Future="future",e.Current="current",e.Complete="complete",e}({});function y(e){let{text:t,status:l}=e;return(0,s.jsxs)("div",{className:"flex flex-col items-center gap-y-2",children:["future"===l&&(0,s.jsx)(p.default,{src:f,width:20,height:20,alt:""}),"current"===l&&(0,s.jsx)(p.default,{src:g,width:20,height:20,alt:""}),"complete"===l&&(0,s.jsx)(p.default,{src:b,width:20,height:20,alt:""}),(0,s.jsx)("p",{className:"text-xs font-semibold leading-normal ".concat("current"===l||"complete"===l?"text-[#119CC7]":"text-[#B2B5BE]"),children:t})]})}let v=e=>{let{passed:t}=e;return(0,s.jsx)("hr",{className:"h-[2px] ".concat(t?"bg-[#119CC7]":"bg-[#B2B5BE]")})};function F(){let e=(0,o.GV)(i.uH),t=e===m.E.FileInfo,l=e===m.E.PersonInfo,a=t||l?j.Complete:j.Current,n=l?j.Complete:t?j.Current:j.Future,r=l?j.Current:j.Future;return(0,s.jsxs)("div",{className:"mt-6 grid grid-cols-[48px_1fr_48px_1fr_48px] items-baseline gap-x-5",children:[(0,s.jsx)(y,{text:"影片上傳",status:a}),(0,s.jsx)(v,{passed:t||l}),(0,s.jsx)(y,{text:"影片資訊",status:n}),(0,s.jsx)(v,{passed:l}),(0,s.jsx)(y,{text:"個人資訊",status:r})]})}var U=l(13718);function w(e){let{isActive:t,clickFn:l,type:a,children:n}=e;return(0,s.jsx)("button",{className:"rounded-lg bg-[#B2B5BE] px-3 py-2 text-sm font-normal leading-normal text-[#E5E6E9] hover-or-active:bg-[#7F8493] ".concat(t?"bg-[#7F8493]":""),type:a,onClick:l,children:n})}

1function N(e){let{content:t,customClass:l}=e;return(0,s.jsx)("p",{className:"text-xs font-normal leading-[150%] ".concat(l),children:t})}var C=l(1112),I=l(151);function k(){let e=(0,o.jL)(),{name:t,blobURL:l,type:a,hasError:c}=(0,o.GV)(i.uV,C.A),d=(0,r.useRef)(null);return(0,r.useEffect)(()=>{d.current&&l&&(0,I.cO)(l,t,a).then(e=>{if(!d.current)return;let t=new DataTransfer;t.items.add(e),d.current.files=t.files})},[l,t,a]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("input",{className:"hidden",name:"shorts",type:"file",accept:U.I2.join(","),ref:d,onChange:t=>{let l=t.target.files,s=l instanceof FileList?l[0]:l;e((0,n.GU)(s))}}),(0,s.jsx)(w,{type:"button",clickFn:()=>{var e;return null==(e=d.current)?void 0:e.click()},children:"選取檔案"}),(0,s.jsx)(N,{content:"上傳失敗！",customClass:"!text-base ".concat(c?"text-[#D94141]":"text-transparent")})]})}function E(e){let{text:t,labelFor:l,isRequired:a}=e;return(0,s.jsxs)("label",{className:"text-sm font-normal leading-normal text-black",htmlFor:l,children:[t,a&&(0,s.jsx)("span",{className:"text-xs leading-[18px] text-[#7F8493]",children:"（必填）"})]})}function L(){let{blobURL:e}=(0,o.GV)(i.uV,C.A);return(0,s.jsxs)("div",{className:"flex shrink-0 flex-col",children:[(0,s.jsxs)("div",{className:"flex w-full items-end justify-between",children:[(0,s.jsx)(E,{text:"影片預覽"}),(0,s.jsx)(N,{content:"上傳成功！",customClass:"text-[#119CC7]"})]}),(0,s.jsx)("video",{src:e,autoPlay:!1,muted:!0,playsInline:!0,controls:!0,className:"mt-2 h-[270px] w-[152px] bg-[#D9D9D9]"})]})}let R={src:"/_next/static/media/upload-image.4b9ce45b.svg",height:20,width:20,blurWidth:0,blurHeight:0};var V=l(95087);function B(){let e=(0,o.jL)(),t=(0,o.GV)(i.gG),{name:l}=(0,o.GV)(i.uV,C.A),{name:a,blobURL:c,type:d}=(0,o.GV)(i.tX,C.A),{name:u,blobURL:m,type:x,state:h}=(0,o.GV)(i.GO,C.A),f=(0,r.useRef)(null);return(0,r.useEffect)(()=>{f.current&&c&&(m?(0,I.cO)(m,u,x):(0,I.cO)(c,a,d)).then(t=>{if(!f.current)return;let l=new DataTransfer;l.items.add(t),f.current.files=l.files,e(n.Wn.setSelectedImage(m?n.V5.Manual:n.V5.Auto))})},[a,c,d,u,m,x,e]),(0,r.useEffect)(()=>{f.current&&(t===n.V5.Manual&&m||t===n.V5.Auto&&c)&&(t===n.V5.Manual?(0,I.cO)(m,u,x):(0,I.cO)(c,a,d)).then(e=>{if(!f.current)return;let t=new DataTransfer;t.items.add(e),f.current.files=t.files})},[t]),(0,s.jsxs)("div",{className:"flex flex-col",children:[(0,s.jsx)(E,{text:"影片首圖",isRequired:!0}),(0,s.jsxs)("div",{className:"mt-2 flex flex-row gap-x-3",children:[(0,s.jsxs)("div",{className:"inline-block shrink-0",onClick:()=>e(n.Wn.setSelectedImage(n.V5.Auto)),children:[(0,s.jsx)(p.default,{src:c,alt:"影片首圖",className:"mb-1 h-[106px] w-[60px] cursor-pointer bg-[#D9D9D9] object-contain ".concat(t===n.V5.Auto?"border-[3px] border-[#3CD1FF] border-[inset]":""),width:60,height:106,unoptimized:!0}),(0,s.jsx)(N,{content:"自動",customClass:"text-[#000928]"})]}),(0,s.jsxs)("div",{className:"inline-block shrink-0",children:[(0,s.jsxs)("label",{className:"relative mb-1 block h-[106px] w-[60px] cursor-pointer bg-[#D9D9D9]",htmlFor:"preview-".concat(l),onClick:()=>{m&&e(n.Wn.setSelectedImage(n.V5.Manual))},children:[(0,s.jsx)("input",{ref:f,id:"preview-".concat(l),type:"file",name:"preview",accept:U.CY.join(","),className:"hidden",onChange:t=>{let l=t.target.files,s=l instanceof FileList?l[0]:l;e((0,n.KA)(s))}}),m?(0,s.jsx)(p.default,{src:m,alt:"影片首圖",width:60,height:106,className:"mb-1 h-[106px] w-[60px] bg-[#D9D9D9] object-contain ".concat(t===n.V5.Manual?"border-[3px] border-[#3CD1FF] border-[inset]":""),unoptimized:!0}):(0,s.jsx)(p.default,{src:R,width:20,height:20,alt:"上傳圖片",className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"})]}),h===n.EZ.Success?(0,s.jsx)(N,{content:"上傳成功！",customClass:"text-[#119CC7]"}):h===n.EZ.Error?(0,s.jsx)(N,{content:(0,s.jsxs)(s.Fragment,{children:["上傳失敗！",(0,s.jsx)("br",{}),"圖片大小須為",Math.floor(U.No/V.K9),"MB以內"]}),customClass:"text-[#D94141]"}):(0,s.jsx)(N,{content:"上傳圖片",customClass:"text-[#7F8493]"})]})]})]})}function T(){let e=(0,o.jL)(),{name:t}=(0,o.GV)(i.uV,C.A),l=(0,o.GV)(i.TX),a=(0,o.GV)(i.dW),r=Number((0,x.T)().theme.screens.lg.split("px")[0]),{width:c}=(0,h.lW)(),d=c>=r;return(0,s.jsxs)("div",{className:"flex w-full flex-col lg:mt-6",children:[(0,s.jsxs)("div",{className:"mb-4 flex gap-x-[35px] lg:mb-0 lg:gap-x-[63px]",children:[(0,s.jsxs)("div",{className:"flex shrink flex-col gap-y-4 overflow-hidden",children:[(0,s.jsxs)("div",{className:"flex flex-col",children:[(0,s.jsx)(E,{text:"影片標題",isRequired:!0,labelFor:"title-".concat(t)}),(0,s.jsx)("input",{id:"title-".concat(t),type:"text",name:"title",className:"mt-2 h-7 rounded-[5px] border-[0.5px] border-solid border-[#B2B5BE] bg-[#F6F6FB] py-1 pl-2 pr-3 text-sm font-normal leading-normal text-[#212944] shadow-input outline-none",value:l,onCh

1ange:t=>e(n.Wn.setTitle(t.target.value))})]}),(0,s.jsxs)("div",{className:"flex flex-col",children:[(0,s.jsx)(E,{text:"影片說明",labelFor:"description-".concat(t)}),(0,s.jsx)("textarea",{id:"description-".concat(t),name:"description",className:"mt-2 h-[198px] resize-none rounded-[5px] border-[0.5px] border-solid border-[#B2B5BE] bg-[#F6F6FB] p-2 text-sm font-normal leading-normal text-[#212944] shadow-input outline-none lg:h-[120px]",value:a,onChange:t=>e(n.Wn.setDescription(t.target.value))})]}),d&&(0,s.jsx)(B,{})]}),(0,s.jsx)(L,{})]}),!d&&(0,s.jsx)(B,{}),(0,s.jsx)("hr",{className:"mt-8 h-px bg-[#7F8493] lg:hidden"})]})}function S(e){let{disabled:t,isActive:l,clickFn:a,type:n,children:r}=e;return(0,s.jsx)("button",{className:"rounded-lg bg-[#119CC7] px-3 py-2 text-sm font-normal leading-normal ".concat(t?"cursor-not-allowed bg-[#E5E6E9] text-[#CCCED4]":"text-[#E5E6E9] hover-or-active:bg-[#19B7E8] ".concat(l?"bg-[#19B7E8]":"")," "),onClick:a,type:n,children:r})}function A(){let e=(0,o.jL)(),{name:t}=(0,o.GV)(i.uV,C.A),l=(0,o.GV)(i.mB),a=(0,o.GV)(i.Hs),r=(0,o.GV)(i.oc),c=(0,o.GV)(i.Vr);return(0,s.jsx)("div",{className:"flex w-full flex-col lg:mt-6",children:(0,s.jsxs)("div",{className:"flex justify-between",children:[(0,s.jsxs)("div",{className:"flex w-[160px] shrink flex-col gap-y-4 overflow-hidden",children:[(0,s.jsxs)("div",{className:"flex flex-col",children:[(0,s.jsx)(E,{text:"投稿暱稱",labelFor:"user-".concat(t)}),(0,s.jsx)("input",{id:"user-".concat(t),type:"text",name:"user",className:"mt-2 block h-7 w-[160px] rounded-[5px] border-[0.5px] border-solid border-[#B2B5BE] bg-[#F6F6FB] py-1 pl-2 pr-3 text-sm font-normal leading-normal text-[#212944] shadow-input outline-none",value:l,onChange:t=>e(n.Wn.setUser(t.target.value))})]}),(0,s.jsxs)("div",{className:"flex flex-col",children:[(0,s.jsx)(E,{text:"email",isRequired:!0,labelFor:"email-".concat(t)}),(0,s.jsx)("input",{id:"email-".concat(t),type:"email",name:"email",className:"mb-1 mt-2 block h-7 w-[160px] rounded-[5px] border-[0.5px] border-solid border-[#B2B5BE] bg-[#F6F6FB] py-1 pl-2 pr-3 text-sm font-normal leading-normal text-[#212944] shadow-input outline-none",value:a,onChange:t=>e(n.Wn.setEmail(t.target.value))}),(0,s.jsx)(N,{content:"影片審核完成後，將會寄送通知",customClass:"text-[#7F8493]"})]}),(0,s.jsxs)("div",{className:"mt-6 space-y-2",children:[(0,s.jsxs)("div",{className:"flex items-center gap-x-2",children:[(0,s.jsx)("input",{className:"custom-checkbox",type:"checkbox",id:"tos-".concat(t),name:"tos",checked:r,onChange:t=>e(n.Wn.setIsToSChecked(t.target.checked))}),(0,s.jsx)("label",{className:"text-xs font-normal leading-[150%] text-[#000928]",htmlFor:"tos-".concat(t),children:"同意將影片授權予鏡報"})]}),(0,s.jsxs)("div",{className:"flex items-center gap-x-2",children:[(0,s.jsx)("input",{className:"custom-checkbox",type:"checkbox",id:"copyright-".concat(t),name:"copyright",checked:c,onChange:t=>e(n.Wn.setIsCopyrightChecked(t.target.checked))}),(0,s.jsx)("label",{className:"text-xs font-normal leading-[150%] text-[#000928]",htmlFor:"copyright-".concat(t),children:"確認內容無違反著作權"})]})]})]}),(0,s.jsx)("div",{className:"hidden lg:block",children:(0,s.jsx)(L,{})})]})})}function D(){let e=(0,o.jL)(),t=(0,o.GV)(i.uH),l=(0,o.GV)(i.pd);return(0,s.jsxs)("div",{className:"flex w-full grow flex-col",children:[(0,s.jsx)("div",{className:"".concat(t===m.E.Initial?"flex":"hidden"," my-auto flex-col gap-y-6 self-center text-center"),children:(0,s.jsx)(k,{})}),(0,s.jsxs)("div",{className:"".concat(t===m.E.FileInfo?"flex":"hidden"," h-full flex-col"),children:[(0,s.jsx)(T,{}),(0,s.jsx)("div",{className:"mt-auto flex flex-col items-center",children:(0,s.jsx)(S,{type:"button",clickFn:()=>e(n.Wn.setProgress(m.E.PersonInfo)),children:"下一步"})})]}),(0,s.jsxs)("div",{className:"".concat(t===m.E.PersonInfo?"flex":"hidden"," h-full flex-col"),children:[(0,s.jsx)(A,{}),(0,s.jsxs)("div",{className:"mt-auto flex justify-center gap-x-[10px]",children:[(0,s.jsx)(w,{type:"button",clickFn:()=>e(n.Wn.setProgress(m.E.FileInfo)),children:"上一步"}),(0,s.jsx)(S,{type:"submit",disabled:!l,clickFn:e=>{l||e.preventDefault()},children:"送出審核"})]})]})]})}function G(){let e=(0,o.jL)(),{name:t,blobURL:l,type:a,hasError:c}=(0,o.GV)(i.uV,C.A),d=(0,o.GV)(i.pd),u=(0,r.useRef)(!1),m=(0,r.useRef)(null),x=M();return(0,r.useEffect)(()=>

1{if(!l&&!c&&!u.current){var e;u.current=!0,null==(e=m.current)||e.click()}},[l,c]),(0,r.useEffect)(()=>{let e=m.current;return e&&e.addEventListener("cancel",x),()=>{e&&e.removeEventListener("cancel",x)}},[x]),(0,r.useEffect)(()=>{m.current&&l&&(0,I.cO)(l,t,a).then(e=>{if(!m.current)return;let t=new DataTransfer;t.items.add(e),m.current.files=t.files})},[l,t,a]),(0,s.jsxs)("div",{className:"flex w-full grow flex-col gap-y-6",children:[(0,s.jsx)("input",{className:"hidden",name:"shorts",type:"file",accept:U.I2.join(","),ref:m,onChange:t=>{let l=t.target.files,s=l instanceof FileList?l[0]:l;e((0,n.GU)(s))}}),c?(0,s.jsxs)("div",{className:"my-auto flex flex-col items-center self-center",children:[(0,s.jsx)(N,{content:"上傳失敗！",customClass:"text-[#D94141] !text-base"}),(0,s.jsxs)("div",{className:"mt-[108px] flex gap-x-2",children:[(0,s.jsx)(w,{type:"button",clickFn:x,children:"離開"}),(0,s.jsx)(S,{type:"button",clickFn:()=>{e(n.Wn.resetShortsFile()),u.current=!1},children:"上一步"})]})]}):l&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(T,{}),(0,s.jsx)(A,{}),(0,s.jsxs)("div",{className:"mt-[52px] flex justify-center gap-x-2",children:[(0,s.jsx)(w,{type:"button",clickFn:x,children:"離開"}),(0,s.jsx)(S,{type:"submit",disabled:!d,clickFn:e=>{d||e.preventDefault()},children:"送出審核"})]})]})]})}function W(e){let{children:t}=e;return(0,s.jsx)("div",{className:"flex grow flex-col items-center justify-center",children:(0,s.jsx)("div",{className:"flex flex-col items-center",children:t})})}let O={src:"/_next/static/media/close.e5d56535.svg",height:24,width:24,blurWidth:0,blurHeight:0};function P(){let e=(0,o.jL)(),t=Number((0,x.T)().theme.screens.lg.split("px")[0]),{width:l}=(0,h.lW)(),a=l>=t,[i,c]=(0,r.useOptimistic)(!1,(e,t)=>t),[d,f]=(0,r.useActionState)(async(e,t)=>{c(!0);let l=await u(t);return c(!1),l},{state:m.a.Default}),g=M();return(0,s.jsxs)("div",{className:"relative flex h-[calc(100%-12px)] w-full max-w-screen-sm flex-col overflow-hidden rounded-[0px_0px_20px_20px] bg-white px-7 pb-9 pt-5 md:my-auto md:h-full md:max-h-[720px] md:rounded-[20px] md:py-5 lg:max-h-[640px] lg:max-w-[480px] lg:rounded-xl lg:px-[52px] lg:pb-8",onClick:e=>e.stopPropagation(),children:[(0,s.jsx)("button",{className:"absolute right-5 top-5 inline-block lg:right-4 lg:top-4",onClick:g,children:(0,s.jsx)(p.default,{src:O,alt:"關閉",width:24,height:24})}),(0,s.jsx)("p",{className:"shrink-0 text-center text-lg font-bold leading-normal text-black",children:"短影音投稿"}),d.state===m.a.Success&&(0,s.jsxs)(W,{children:[(0,s.jsx)("p",{className:"text-base font-medium leading-normal text-[#000928]",children:"送出成功！"}),(0,s.jsx)("p",{className:"mb-10 mt-1 text-xs font-normal leading-[150%] text-[#7F8493]",children:"影片審核完成後，將會寄送通知"}),(0,s.jsx)(S,{clickFn:g,children:"關閉"})]}),d.state===m.a.Fail&&(0,s.jsxs)(W,{children:[(0,s.jsx)(N,{content:"上傳失敗！",customClass:"!text-base text-[#D94141]"}),(0,s.jsxs)("div",{className:"mt-[110px] inline-block space-x-3",children:[(0,s.jsx)(w,{clickFn:g,children:"離開"}),(0,s.jsx)(S,{clickFn:()=>{e(n.Wn.resetAllState()),e(n.Wn.setIsModalOpened(!0))},children:"重新上傳"})]})]}),d.state===m.a.Default&&(0,s.jsxs)(s.Fragment,{children:[a&&(0,s.jsx)(F,{}),(0,s.jsx)("div",{className:i?"flex grow flex-col":"hidden",children:(0,s.jsx)(W,{children:(0,s.jsx)(N,{content:"檔案上傳中......",customClass:"!text-sm text-[#575D71]"})})}),(0,s.jsx)("form",{className:"".concat(i?"hidden":"flex"," mt-9 grow flex-col items-center overflow-y-auto lg:mt-0"),action:f,children:a?(0,s.jsx)(D,{}):(0,s.jsx)(G,{})})]})]})}let M=()=>{let e=(0,a.wA)();return()=>e(n.Wn.resetAllState())};function _(){let e=(0,o.GV)(i.lV),{blobURL:t}=(0,o.GV)(i.uV,C.A),l=(0,c.usePathname)(),a=l.startsWith("/shorts"),n=M();return((0,r.useEffect)(()=>{n()},[l]),e)?(0,s.jsxs)("div",{className:"fixed inset-x-0 ".concat(a?"bottom-[var(--shorts-header-height)]":"bottom-0"," top-0 z-upload-modal flex flex-col items-center bg-[#7F8493]/80 md:bottom-0"),onClick:n,children:[(0,s.jsx)("input",{id:"upload-modal-toggle",type:"checkbox",className:"hidden",checked:e}),(0,s.jsx)(P,{},"".concat(String(e),"-").concat(t))]}):null}},88060:(e,t,l)=>{l.d(t,{GV:()=>n,jL:()=>a});var s=l(71441);let a=s.wA.withTypes(),n=s.d4.withTypes();s.Pj.withTypes()},95087:(e,t,l)=>{l.d(t,{K9:()=>s});let s=1048576},99274:(e,t,l)=>{l.d(t,{default:()=>h});var s=l(43085),a=l(80921),n=l(71441),r=l(97645),o=l(19234),i=l(89619),c=l(47518),d=l(48264),u=l(34021);let m=(0,r.Nc)(),x=m.startListening.withTypes();function h(e){let{children:t}=e,l=(0,a.useRef)(void 0);return l.current||(l.current=(0,r.U1)({reducer:{shortsUpload:o.Ay,homepage:i.Ay,referrer:c.A,[d.F.reducerPath]:d.F.reducer},middleware:e=>e().concat(d.F.middleware).prepend(m.middleware)})),(0,s.jsx)(n.Kq,{store:l.current,children:t})}r.ch.withTypes(),x({predicate:(e,t,l)=>t.shortsUpload.shortsFileBlobURL!==l.shortsUpload.shortsFileBlobURL,effect:(e,t)=>

1{let l=(0,u.uV)(t.getOriginalState());l.blobURL&&URL.revokeObjectURL(l.blobURL)}}),x({predicate:(e,t,l)=>t.shortsUpload.autoImageBlobURL!==l.shortsUpload.autoImageBlobURL,effect:(e,t)=>{let l=(0,u.tX)(t.getOriginalState());l.blobURL&&URL.revokeObjectURL(l.blobURL)}}),x({predicate:(e,t,l)=>t.shortsUpload.manualImageBlobURL!==l.shortsUpload.manualImageBlobURL,effect:(e,t)=>{let l=(0,u.GO)(t.getOriginalState());l.blobURL&&URL.revokeObjectURL(l.blobURL)}})}}]);