https://www.jjpan.com/_next/static/chunks/847-d5f5763ad45abbf6.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[847],{52847:function(e,r,t){"use strict";t.d(r,{ne:function(){return u},ji:function(){return x},Bc:function(){return Z},UP:function(){return M},zu:function(){return G},gu:function(){return F},mg:function(){return H},N7:function(){return w},VA:function(){return er}});var a=t(52322),n=t(2784),s=t(46143),o=t(40489),l=t(84442);function i(e,r){if(function(e){let[r,t,a]=e.split(".");return!!r&&!!t&&!!a}(e)){var t,a;let[n,s,o]=e.split(".");return null==r?void 0:null===(a=r[n])||void 0===a?void 0:null===(t=a[s])||void 0===t?void 0:t[o]}return null==r?void 0:r[e]}var c=t(2296),d=t.n(c),u=(0,n.memo)(e=>{let{children:r,disabled:t,disabledErrMsg:n=!1,name:c,style:u,className:p,fieldClassName:f,errors:m}=e;return(0,a.jsxs)(s.Z,{className:(0,o.Z)(d().form,p),style:{...u},disabled:t,severity:i(c,m)?"error":void 0,children:[(0,a.jsx)("div",{className:(0,o.Z)(d().field,f),children:r}),!n&&(0,a.jsx)(l.B,{errors:m,name:c,render:e=>{let{message:r}=e;return(0,a.jsx)(Z,{message:r})}})]})}),p=t(29226),f=t(63955),m=t(46204),_=t.n(m),x=e=>{let{children:r,className:t,registerName:n,disabledErrMsg:s,style:l}=e,{control:i,setValue:c,register:d,formState:{errors:m}}=(0,f.Gc)(),x=(0,f.qo)({name:n,control:i});return(0,a.jsx)(u,{className:(0,o.Z)(_().root,t),name:n,disabledErrMsg:s,errors:m,style:l,children:(0,a.jsx)(p.Z,{ref:d(n).ref,checked:x,onChange:()=>{x?c(n,!1,{shouldValidate:!0}):c(n,!0,{shouldValidate:!0})},children:r})})},h=t(84636),b=t.n(h),g=t(11031),j=t(61788),N=t(30549),v=t.n(N),Z=e=>{let{message:r,names:t}=e,{control:n}=(0,f.Gc)(),{errors:s}=(0,f.cl)({control:n});if(t&&t.find(e=>i(e,s))){let e=b()(t.filter(e=>!!i(e,s)).map(e=>i(e,s)),"message");return(0,a.jsx)(a.Fragment,{children:e.map(e=>(0,a.jsxs)("div",{className:v().errorWrapper,children:[(0,a.jsx)(g.Z,{icon:j.aN,className:v().errorIcon}),(0,a.jsx)("span",{className:v().errorText,children:null==e?void 0:e.message})]},null==e?void 0:e.message))})}return r?(0,a.jsxs)("div",{className:v().errorWrapper,children:[(0,a.jsx)(g.Z,{icon:j.aN,className:v().errorIcon}),(0,a.jsx)("span",{className:v().errorText,children:r})]}):null},I=t(12930),W=t(69402),y=t.n(W),M=e=>{let{autoComplete:r="off",autoFocus:t,className:s,inputClassName:l,control:c,defaultValue:d,disabled:p,disabledErrMsg:m,maxLength:_,min:x,minLength:h,placeholder:b="請輸入",focusPlaceholder:g,register:j,registerName:N,style:v,type:Z="text",renderValueFn:W}=e,[M,B]=(0,n.useState)(!1),{control:E,register:C}=(0,f.Gc)(),z=(0,f.qo)({control:c||E,name:N,defaultValue:d}),{errors:S}=(0,f.cl)({control:c||E}),k=(0,n.useMemo)(()=>(j||C)(N,{disabled:p,maxLength:_,min:x,minLength:h}),[N,p,_,h]),G={autoComplete:r,autoFocus:t,maxLength:_,minLength:h,type:Z,title:b,...k},T=!!i(N,S),V=g&&M?g:b,q=W&&!M?W(z):z;return(0,a.jsx)(u,{className:(0,o.Z)(y().root,s),name:N,disabledErrMsg:m,errors:S,style:v,disabled:p,children:(0,a.jsx)(I.Z,{className:(0,o.Z)(y().input,l,{[y().error]:T}),disabled:p,onFocus:()=>B(!0),onBlur:()=>B(!1),children:(0,a.jsx)("input",{value:q,placeholder:V,...G})})})},B=t(16951),E=t.n(B),C=t(85505),z=t.n(C),S=t(25592),k=t.n(S),G=e=>{let{autoComplete:r="off",autoFocus:t,className:s,inputClassName:l,control:c,defaultValue:d,disabled:p,disabledErrMsg:m,min:_,placeholder:x="請輸入",focusPlaceholder:h,register:b,registerName:N,style:v,type:Z="text",renderValueFn:W}=e,[y,M]=(0,n.useState)(!1),{control:B,register:C,setValue:S}=(0,f.Gc)(),G=(0,f.qo)({control:c||B,name:N,defaultValue:d}),{errors:T}=(0,f.cl)({control:c||B}),V={autoComplete:r,autoFocus:t,type:Z,title:x,...(0,n.useMemo)(()=>(b||C)(N,{disabled:p,min:_}),[N,p])},q=!!i(N,T),w=z()(h)&&y?h:x,A=W&&!y?W(G):G;return(0,a.jsx)(u,{className:(0,o.Z)(k().root,s),name:N,disabledErrMsg:m,errors:T,style:v,disabled:p,children:(0,a.jsxs)(I.Z,{className:(0,o.Z)(k().input,l,{[k().error]:q}),disabled:p,onFocus:()=>M(!0),onBlur:()=>M(!1),children:[(0,a.jsx)("button",{type:"button",className:(0,o.Z)(k()["action-btn"],k()["left-btn"]),onClick:()=>{E()(Number(G))||S(N,"".concat(Number(G)-1),{shouldValidate:!0})},children:(0,a.jsx)(g.Z,{icon:j.V_,className:k().icon})}),(0,a.jsx)("input",{value:A,placeholder:w,...V}),(0,a.jsx)("button",{type:"button",className:(0,o.Z)(k()["action-btn"],k()["right-btn"]),onClick:()=>{E()(Number(G))||S(N,"".concat(Number(G)+1),{shouldValidate:!0})},children:(0,a.jsx)(g.Z,{icon:j.pO,className:k().icon})})]})})},T=t(59098),V=t(41666),q=t.n(V),w=e=>{let{autoComplete:r,className:t,textareaClassName:s,clearable:l,control:c,defaultValue:d,disabled:p,maxLength:m,minLength:_,placeholder:x="請輸入",register:h,registerName:b,required:g,style:j,disabledErrMsg:N}=e,{control:v,register:Z}=(0,f.Gc)(),I=(0,f.qo)({control:c||v,name:b,defaultValue:d}),{errors:W}=(0,f.cl)({control:c||v}),y=(0,n.useMemo)(()=>(h||Z)(b,{required:g,disabled:p,maxLength:m,minLength:_}),[b,g,p,m,_]),M=!!i(b,W);return(0,a.jsx)(u,{className:(0,o.Z)(q().root,t),disabled:p,style:j,name:b,errors:W,disabledErrMsg:N,children:(0,a.jsx)(T.Z,{fullWidth:!0,clearable:l,maxLength:m,textareaProps:{autoComplete:r,id:b,name:b,onBlur:y.onBlur},...y,className:(0,o.Z)(q().textarea,s,{[q().error]:M}),onChange:y.onChange,placeholder:x,value:I})})},A=t(52339),P=t.n(A),F=e=>{let{className:r,registerName:t,disabledErrMsg:s,style:l,options:i}=e,{formState:{errors:c},control:d,setValue:p}=(0,f.Gc)(),m=(0,f.qo)({control:d,name:t}),_=(0,n.useCallback)(e=>{e!==m&&p(t,e,{shouldValidate:!0})},[p,m,t]);return(0,a.jsx)(u,{className:(0,o.Z)(P().root,r),name:t,disabledErrMsg:s,errors:c,style:l,children:(0,a.jsx)("div",{className:P().buttonWrapper,children:i.map(e=>(0,a.jsx)("button",{type:"button",className:(0,o.Z)(P().button,{[P().active]:m===e.id}),onClick:()=>_(e.id),children:e.name},e.id))})})},J=t(87091),L=t(38767),O=t(37750),R=t.n(O),H=e=>{let{className:r,inputClassName:t,clearable:s=!1,defaultValue:l,disabled:c,fullWidth:d=!1,inputMode:p,itemScope:m=!1,mode:_="single",itemsInView:x,options:h,placeholder:b="請選擇",popperOptions:g,registerName:j,renderValue:N,required:v,role:Z,size:I="medium",style:W,disabledErrMsg:y}=e,{clearErrors:M,formState:{errors:B},control:E,register:C,resetField:z,setValue:S}=(0,f.Gc)(),k=(0,f.qo)({control:E,name:j,defaultValue:l}),G=(0,n.useMemo)(()=>h.find(e=>e.id===k)||null,[h,k]),T=(0,n.useMemo)(()=>C(j,{required:v,disabled:c}),[C,j,v,c]),V=!!i(j,B);return(0,a.jsx)(u,{disabled:c,name:j,style:W,className:r,errors:B,disabledErrMsg:y,children:(0,a.jsx)(J.Z,{role:Z,inputMode:p,itemScope:m,fullWidth:d,clearable:s,itemsInView:x,inputProps:T,mode:_,onClear:()=>z(j),onChange:e=>{V&&M(j),S(j,e.id,{shouldValidate:!0})},placeholder:b,popperOptions:g,renderValue:N,size:I,value:G,className:(0,o.Z)(R().select,t,{[R().error]:V}),children:null==h?void 0:h.map(e=>(0,a.jsx)(L.Z,{value:e.id,children:e.name},e.id))})})},K=t(74424),Y=t(23233),D=t(90162);async function Q(e){let{file:r,onUploadProgress:t}=e,a=new FormData;return a.append("file",r),D.Z.create().post("".concat("https://www.jjpan.com/static","/file/upload"),a,{onUploadProgress:e=>{t(Math.round(e.loaded/e.total*100))}})}var U=t(81747),X=t(66465),$=t.n(X),ee=(0,n.memo)(e=>{let{file:r,remove:t,limit:s}

1=e,[l,i]=(0,n.useState)(!1);return(0,a.jsxs)("div",{className:(0,o.Z)($().fileItem,{[$().startRemove]:l}),onTransitionEnd:()=>{l&&t()},children:[(0,a.jsx)("div",{className:$().typeWrapper,children:(0,a.jsx)(g.Z,{className:$().pdfIcon,icon:j.p5})}),(0,a.jsxs)("div",{className:$().infoWrapper,children:[(0,a.jsx)("p",{className:$().name,children:r.name}),(0,a.jsx)("p",{className:$().size,children:r.sizeMb>1?"".concat(r.sizeMb," MB"):"".concat(r.sizeKb," KB")}),(0,a.jsxs)("div",{className:$().statusWrapper,children:[r.fileId?(0,a.jsx)(g.Z,{className:(0,o.Z)($().statusIcon,$().successIcon),icon:j.tm}):r.maxError?(0,a.jsx)(g.Z,{className:(0,o.Z)($().statusIcon,$().failedIcon),icon:j.aN}):(0,a.jsx)(U.Z,{type:"circle",percent:r.progress,showInfo:!1,circleProps:{size:20,strokeWidth:1},className:$().progressBar}),r.fileId?(0,a.jsx)("p",{className:(0,o.Z)($().statusText,$().successStatus),children:"上傳成功"}):r.maxError?(0,a.jsxs)("p",{className:(0,o.Z)($().statusText,$().failedStatus),children:["總計檔案大小超過 ",s," MB，請移除"]}):(0,a.jsxs)("p",{className:(0,o.Z)($().statusText,$().progressingStatus),children:[r.progress,"%"]})]})]}),(0,a.jsx)("button",{type:"button",className:$().removeBtn,onClick:()=>i(!0),children:(0,a.jsx)(g.Z,{icon:j.XH})})]})}),er=e=>{let{registerName:r}=e,{t}=(0,Y.$G)("career"),s=(0,n.useRef)(null),{control:l,setValue:i}=(0,f.Gc)(),{append:c,remove:d}=(0,f.Dq)({control:l,name:r}),u=(0,f.qo)({control:l,name:r}),p=e=>{c(e.filter(e=>!(u||[]).find(r=>e.name===r.name)).map(e=>({fileId:"",name:e.name,sizeKb:Math.round(e.size/1e3*100)/100,sizeMb:Math.round(e.size/1e6*100)/100,progress:0,file:e,uploading:!1,maxError:!1})))},{getRootProps:m,getInputProps:_,isDragActive:x}=(0,K.uI)({accept:{"application/pdf":[".pdf"]},onDrop:e=>{p(e)}});return(0,n.useEffect)(()=>{if(u){let e=u.filter(e=>e.fileId),t=u.filter(e=>!e.fileId),a=t.reduce((e,r)=>e+r.sizeMb,0),n=e.reduce((e,r)=>e+r.sizeMb,0);a>10?t.forEach(e=>{let t=u.findIndex(r=>r.name===e.name);e.uploading||e.maxError||i("".concat(r,".").concat(t,".maxError"),!0)}):t.forEach(e=>{let t=u.findIndex(r=>r.name===e.name);e.uploading||e.maxError||(i("".concat(r,".").concat(t,".uploading"),!0),n+e.sizeMb>10?(i("".concat(r,".").concat(t,".uploading"),!1),i("".concat(r,".").concat(t,".maxError"),!0)):Q({file:e.file,onUploadProgress:e=>i("".concat(r,".").concat(t,".progress"),e)}).then(e=>{i("".concat(r,".").concat(t,".fileId"),e.data.id),i("".concat(r,".").concat(t,".uploading"),!1)}).catch(e=>{console.error("error",e)}))})}},[u,i,r]),(0,a.jsxs)("div",{className:$().root,children:[u.length>0&&(0,a.jsx)("div",{className:$().fileList,children:u&&u.map((e,r)=>(0,a.jsx)(ee,{file:e,remove:()=>d(r),limit:10},"".concat(e.fileId,"-").concat(e.name,"-").concat(r)))}),(0,a.jsxs)("button",{type:"button",className:(0,o.Z)($().uploadBtn,{[$().dragActive]:x}),onClick:()=>{var e;null===(e=s.current)||void 0===e||e.click()},...m(),children:[(0,a.jsx)("div",{className:$().iconWrapper,children:(0,a.jsx)(g.Z,{className:$().icon,icon:j.pO})}),(0,a.jsx)("span",{className:$().text,children:t("apply.portfolio_step.drag")}),(0,a.jsx)("input",{ref:s,accept:".pdf",className:$().host,multiple:!0,onClick:e=>{e.currentTarget.value="",e.stopPropagation(),e.nativeEvent.stopImmediatePropagation()},onChange:e=>{let{files:r}=e.target;if(r&&p){let e=[];for(let t=0;t<r.length;t+=1)e.push(r[t]);p(e)}},type:"file",style:{position:"absolute",width:0},..._()})]})]})}},2296:function(e){e.exports={form:"base-field_form__ytCIA",field:"base-field_field__jBWvr"}},46204:function(){},30549:function(e){e.exports={errorWrapper:"error-message_errorWrapper__ng1Ln",errorIcon:"error-message_errorIcon__Qgsz2",errorText:"error-message_errorText__OCby1"}},69402:function(e){e.exports={input:"input-field_input__lx4i7",error:"input-field_error__9f8Cu"}},25592:function(e){e.exports={input:"number-input-field_input__HgQKU",error:"number-input-field_error__GlfxJ","action-btn":"number-input-field_action-btn__r1pT4","left-btn":"number-input-field_left-btn__8pbPR","right-btn":"number-input-field_right-btn__rDfec",icon:"number-input-field_icon__GL2j_"}},52339:function(e){e.exports={root:"radio-field_root__YacW1",buttonWrapper:"radio-field_buttonWrapper__cW6bO",button:"radio-field_button__BQNJl",active:"radio-field_active__cV7FS"}},37750:function(e){e.exports={select:"select-field_select__qZHJB",error:"select-field_error__Bdd4j"}},41666:function(e){e.exports={textarea:"text-area-field_textarea__svyBJ",error:"text-area-field_error__cbh5n"}},66465:function(e){e.exports={root:"upload-field_root__cOu0Y",fileList:"upload-field_fileList__F8bKy",fileItem:"upload-field_fileItem__AcFn_",startRemove:"upload-field_startRemove__cdJaA",typeWrapper:"upload-field_typeWrapper___qG5v",pdfIcon:"upload-field_pdfIcon__gACXY",infoWrapper:"upload-field_infoWrapper__fYWKl",name:"upload-field_name__2t7uY",size:"upload-field_size__fyFhE",statusWrapper:"upload-field_statusWrapper__vwAjM",statusText:"upload-field_statusText___up1G",successStatus:"upload-field_successStatus__8WPRG",failedStatus:"upload-field_failedStatus__vploE",progressingStatus:"upload-field_progressingStatus__8osJv",statusIcon:"upload-field_statusIcon__HuJS9",successIcon:"upload-field_successIcon___8RoE",failedIcon:"upload-field_failedIcon__BkVQb",progressBar:"upload-field_progressBar__5sw2g",removeBtn:"upload-field_removeBtn__qVHYH",uploadBtn:"upload-field_uploadBtn__yOmaT",dragActive:"upload-field_dragActive__7_351",text:"upload-field_text__bA1gL",iconWrapper:"upload-field_iconWrapper__dMm_j",icon:"upload-field_icon__3XW8z"}}}]);