https://www.maolin-nsa.gov.tw/_next/static/chunks/pages/application/multimedia-2d85fa22ae979cea.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7304],{13207:(e,t,a)=>{"use strict";a.r(t),a.d(t,{__N_SSP:()=>j,default:()=>w});var n=a(37876),i=a(14232),s=a(89099),l=a(88070),r=a(38148),o=a(9493),c=a(53567),d=a(60899),m=a(80298);a(6065);var p=a(95077),u=a(19716),h=a.n(u),_=a(5941),x=a(70391),y=a(90658);let f=[{title:"預約地點",name:"location",type:p._1.RADIO,options:{required:"此欄位為必填"}},{title:"預約日期",name:"date",type:p._1.DATE,options:{required:"此欄位為必填"},minDate:(0,_.default)(new Date,7)},{title:"預約場次",name:"session",type:p._1.RADIO,options:{required:"此欄位為必填"}},{title:"團體/公司名稱",name:"organization",type:p._1.TEXT,options:{required:"此欄位為必填"}},{title:"預約人數",name:"people",type:p._1.NUMBER,options:{required:"此欄位為必填"},defaultValue:10,min:{value:10,message:"人數至少 10 人"},hint:"預約人數至少10人。"},{title:"申請人姓名",name:"name",type:p._1.TEXT,options:{required:"此欄位為必填"}},{title:"聯絡電話",name:"tel",type:p._1.TEXT,options:{required:"此欄位為必填",pattern:{value:/^0\d{1,2}\d{6,8}$/,message:"格式有誤：0423312678 或 0900000000"},maxLength:10},hint:"格式：0423312678 或 0900000000"},{title:"電子郵件",name:"email",type:p._1.TEXT,options:{required:"此欄位為必填",pattern:{value:/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,message:"email格式：[email protected]"}}},{title:"輪椅空間需求",name:"wheelchair",type:p._1.NUMBER,options:{required:"此欄位為必填"},defaultValue:0,min:{value:0},max:{value:4,message:"輪椅空間最多 4 人"}},{title:"語言需求",name:"language",type:p._1.RADIO,options:{required:"此欄位為必填"},items:[{id:"zh",title:"中文"},{id:"en",title:"英文"},{id:"ja",title:"日文"}]},{title:"特殊需求",name:"summary",type:p._1.TEXTAREA,hint:"請輸入額外申請說明"},{name:"privacy-accept",type:p._1.ACCEPT,options:{required:"此欄位為必填"},hint:(0,n.jsxs)(n.Fragment,{children:["我已詳閱「",(0,n.jsx)(l.A,{className:"text-primary",href:"/privacy/",title:"隱私權政策及個人資料使用宣告 (另開視窗)",target:"_blank",rel:"noopener noreferrer",children:"隱私權政策及個人資料使用宣告"}),"」文件內容，並完全同意其中各項規定。"]})}];var j=!0;let w=({title:e,desc:t,locale:a})=>{let[u,_]=(0,i.useState)(!1),[j,w]=(0,y.M3)(),[g,q]=(0,i.useState)(null),[T,E]=(0,i.useState)(null),[A,N]=(0,i.useState)(null),[b,v]=(0,i.useState)(null),R=(0,s.useRouter)(),X=async e=>{let t=new FormData;w(!0),e.date=(0,x.default)(e.date,"yyyy-MM-dd"),Object.keys(e).forEach(a=>t.append(a,e[a]));let n=await fetch(p.QQ.getToken.replace("zh-tw",a),{headers:{"X-Requested-With":"XMLHttpRequest"}}).then(e=>e.json()).then(({data:e})=>e).catch(console.error);t.append("__RequestVerificationToken",n),fetch("/_api/zh-tw/application-for-media-reservation",{method:"POST",headers:{"X-Requested-With":"XMLHttpRequest"},body:t}).then(e=>e.json()).then(({success:e,data:t})=>{e?h()("多媒體簡報服務-報名完成","謝謝您使用線上申請系統，請注意連絡信箱的通知信函，審核需3-5天的工作時間，請您耐心等待。也請留意信件內提供的申請序號，日後如欲了解處理進度，請用該序號進行查詢，謝謝。","success").then(()=>{R.push("/zh-tw/applications")}):(h()(t.toString(),"","warning"),document.querySelector("#captcha-img").src=`/_api/captcha?${+new Date}`),w(!1)}).catch(console.error)};return(0,i.useEffect)(()=>{u&&fetch("/_api/zh-tw/application-locations?type=Media",{headers:{"X-Requested-With":"XMLHttpRequest"}}).then(e=>e.json()).then(({data:e})=>{e=e.map(e=>({id:e.location_id,title:e.name}));let t=f.find(e=>"location"===e.name);t.items=e,t.callback=e=>{E(e)},q(f)}).catch(console.error)},[u]),(0,i.useEffect)(()=>{T&&fetch(`/_api/zh-tw/application-times?locationId=${T}`,{headers:{"X-Requested-With":"XMLHttpRequest"}}).then(e=>e.json()).then(e=>{let t=[...g];t.find(e=>"session"===e.name).items=e.data.map(e=>({id:e.sn,title:e.begin_time})),q(t)}).catch(console.error)},[T]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(c.A,{title:e}),(0,n.jsx)(r.A,{className:"max-w-[1280px] mx-auto",data:[{title:"導覽預約"},{title:"線上預約",url:"/applications"}]}),(0,n.jsx)(o.A,{title:e}),(0,n.jsxs)("div",{className:"w-100 max-w-[960px] mx-auto",children:[!u&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{dangerouslySetInnerHTML:{__html:t}}),(0,n.jsx)("div",{className:"d-flex justify-content-center mt-5 mt-md-6",children:(0,n.jsx)("button",{className:"btn btn-primary h-5 px-2",onClick:()=>{_(!0),window.scrollTo(0,0)},children:"我同意以上聲明並進行預約申請"})})]}),u&&(0,n.jsxs)(n.Fragment,{children:[!g&&(0,n.jsx)("div",{className:"d-flex justify-content-center",children:(0,n.jsx)(d.A,{size:18})}),g&&(0,n.jsx)(m.A,{data:g,onSubmit:X,children:(0,n.jsxs)("div",{className:"d-flex justify-content-center mt-5 mt-md-6",children:[(0,n.jsx)(l.A,{className:"btn min-w-[100px] h-6 mr-2 rounded-lg",href:"/zh-tw/applications",children:"回列表"}),(0,n.jsx)("button",{className:"btn btn-primary justify-content-center min-w-[220px] h-6 rounded-lg",children:"送出"})]})})]})]})]})}},62056:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/application/multimedia",function(){return a(13207)}])}},e=>{e.O(0,[2867,7160,9716,8992,7091,636,6593,8792],()=>e(e.s=62056)),_N_E=e.O()}]);