https://www.plex-job.com/_next/static/chunks/pages/entry/interview-a10b1a95fc45f618.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4936],{5304:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>w});var l=s(15383),a=s(14776),r=s(2322),n=s(65325),i=s(9654),d=s.n(i),c=s(1877),o=s(14343),x=s(18585),m=s(41080),h=s(98336),u=s(34617),p=s(65144),g=s(86185),b=s(15767),y=s(99663),f=s(24257),j=s(9558);let v=[{value:"ALL_DAY",label:"終日可能"},{value:"MORNING",label:"午前中（9時〜12時）"},{value:"AFTERNOON",label:"昼（12時〜15時）"},{value:"EVENING",label:"夕方以降（15時〜）"}],N=()=>{var e;let t=(0,c.useRouter)(),{entryId:s}=t.query,[i]=(0,a.n)(y.Ac),{data:u}=(0,r.I)(y.TT),[N,w]=(0,o.useState)([{date:"",dateDisplay:"",timeSlot:""}]),[k,S]=(0,o.useState)(!1),[C,D]=(0,o.useState)(!1),[A,P]=(0,o.useState)(!1),[T,_]=(0,o.useState)(!1),[M,O]=(0,o.useState)(!1),[E,F]=(0,o.useState)(null),[Q,$]=(0,o.useState)(null),[z,Y]=(0,o.useState)(""),L=(()=>{let e=[],t=new Date;for(let s=1;s<=10;s++){let l=new Date(t);l.setDate(t.getDate()+s);let a="".concat(l.getFullYear(),"-").concat(("0"+(l.getMonth()+1)).slice(-2),"-").concat(("0"+l.getDate()).slice(-2)),r=(0,j.Yq)(l,"MM月dd日（W）"),n=(0,j.Yq)(l,"yyyyå¹´MM月dd日（W）"),i=r.replace(/^0/,"").replace(/月0/,"月"),d=n.replace(/å¹´0/,"å¹´").replace(/月0/,"月");e.push({isoDate:a,displayShort:i,displayFull:d})}return e})(),R=()=>{P(!1),F(null),$(null)},I=()=>{_(!1),F(null),Y("")},q=N.every(e=>e.date&&e.timeSlot),J=async()=>{if(!q)return void(0,m.MT)("すべての日付と時間帯を入力してください",5e3);S(!0);try{await i({variables:{input:{entryId:s,interviewDatetimes:N.map(e=>{let t=e.timeSlot;return{date:e.date,timeSlot:t}})}}}),D(!0),(0,m.TO)("面接日程を送信しました",3e3),setTimeout(()=>{O(!0)},1e3)}catch(t){let e=t instanceof Error?t.message:"面接日程の送信に失敗しました";(0,m.MT)(e,1e4)}finally{S(!1)}},V=k||C||!q;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(d(),{children:[(0,l.jsx)("title",{children:(0,j.JO)("面接日程入力")}),(0,l.jsx)("meta",{name:"robots",content:"noindex"})]}),(0,l.jsxs)("div",{className:"container mx-auto lg:px-[188px] lg:mt-xl",children:[(0,l.jsx)(b.Y,{links:[f.QF.top,{title:"面接日程入力"}]}),(0,l.jsxs)("main",{className:"w-full px-md lg:px-0",children:[(0,l.jsx)("h1",{className:"text-xl text-gray-600 lg:text-4xl font-bold mt-lg lg:mt-md leading-tight",children:"面接可能な日時を入力する"}),(0,l.jsx)("div",{className:"mt-md",children:(0,l.jsxs)("p",{className:"text-sm text-gray-400",children:["※時間は目安でOKです。あとから変更できます。",(0,l.jsx)("br",{}),"※複数候補を出すと、日程調整がスムーズです。"]})}),(0,l.jsxs)("div",{className:"mt-xl",children:[(0,l.jsx)("h2",{className:"text-base text-gray-400 font-bold",children:"面接可能な日時"}),(0,l.jsx)("div",{className:"mt-md space-y-lg",children:N.map((e,t)=>(0,l.jsx)("div",{children:(0,l.jsxs)("div",{className:"space-y-md",children:[(0,l.jsxs)("button",{type:"button",onClick:()=>{F(t),$(null),P(!0)},className:"w-full px-md py-md border border-gray-200 rounded-lg text-left bg-white flex items-center justify-between",children:[(0,l.jsx)("span",{className:e.dateDisplay?"text-black text-base":"text-gray-300 text-base",children:e.dateDisplay||"希望の日付"}),(0,l.jsx)(n.A,{className:e.dateDisplay?"text-black":"text-gray-200",sx:{fontSize:24}})]}),(0,l.jsxs)("button",{type:"button",onClick:()=>{F(t),Y(""),_(!0)},className:"w-full px-md py-md border border-gray-200 rounded-lg text-left bg-white flex items-center justify-between",children:[(0,l.jsx)("span",{className:e.timeSlot?"text-black text-base":"text-gray-300 text-base",children:e.timeSlot?(e=>{let t=v.find(t=>t.value===e);return t?t.label:e})(e.timeSlot):"希望の時間帯"}),(0,l.jsx)(n.A,{className:e.timeSlot?"text-black":"text-gray-200",sx:{fontSize:24}})]}),N.length>1&&(0,l.jsx)("div",{className:"mt-xs text-base text-gray-300 text-right w-full",children:(0,l.jsx)("button",{type:"button",onClick:()=>{N.length>1&&w(N.filter((e,s)=>s!==t))},className:"text-gray-300 hover:text-gray-600",children:"希望日を削除する"})})]})},t))}),N.length<5&&(0,l.jsx)("div",{className:"mt-md",children:(0,l.jsxs)("button",{type:"button",onClick:()=>{N.length<5&&w([...N,{date:"",dateDisplay:"",timeSlot:""}])},className:"py-xs px-sm mt-md text-base font-bold bg-gray-100 border border-gray-200 rounded-full flex items-center justify-center lg:w-auto",id:"add-candidate-button",children:[(0,l.jsx)("span",{className:"mr-xs",children:"＋"}),"面接希望日時を追加する"]})})]}),(0,l.jsxs)("div",{className:"mt-2xl lg:mt-4xl",children:[(0,l.jsxs)("div",{className:"flex flex-row space-x-[10px]",children:[(0,l.jsx)(h.$,{colorSchema:"secondary",onClick:()=>{O(!0)},className:"w-[30%] bg-gray-100 text-base lg:w-[190px]",children:"戻る"}),(0,l.jsx)(h.$,{colorSchema:V?"disabled":"primary",onClick:J,disabled:V,className:"lg:flex-1 text-base",children:"面接日程を送信する"})]}),(0,l.jsx)("div",{className:"mt-md",children:(0,l.jsxs)("p",{className:"text-sm text-gray-400",children:["※送信後、1〜2営業日以内に企業からメッセージで連絡があります。",(0,l.jsx)("br",{}),"※面接日程は調整のうえ、最終的に確定します。"]})})]})]})]}),(0,l.jsx)(m.y8,{}),(0,l.jsx)(x.a,{open:A,onClose:R,className:"w-[calc(100vw-32px)] lg:w-[30%]",children:(0,l.jsxs)("div",{className:"bg-white rounded-2xl p-lg w-full max-h-[80vh] lg:h-auto flex flex-col",children:[(0,l.jsx)("h3",{className:"font-bold mb-md text-base text-gray-400 lg:text-base flex-shrink-0",children:"希望の日付"}),(0,l.jsx)("div",{className:"flex-1 overflow-y-auto min-h-0",children:(0,l.jsx)(g.g,{type:"radio",className:"gap-x-sm gap-y-md",items:L.map(e=>({id:e.isoDate,text:e.displayFull,name:"interview-date",value:e.isoDate,checked:(null==Q?void 0:Q.isoDate)===e.isoDate,selected:(null==Q?void 0:Q.isoDate)===e.isoDate,onChange:()=>{$(e)}}))})}),(0,l.jsxs)("div",{className:"my-xl flex justify-end space-x-sm flex-shrink-0",children:[(0,l.jsx)(h.$,{colorSchema:"secondary",onClick:R,className:"bg-gray-100 text-base flex-shrink-0 w-[100px] py-sm px-md rounded-lg",children:"閉じる"}),(0,l.jsx)(h.$,{colorSchema:"primary",onClick:()=>{null!==E&&Q&&w(e=>e.map((e,t)=>t===E?{...e,date:Q.isoDate,dateDisplay:Q.displayShort}:e)),R()},className:"bg-primary text-base flex-shrink-0 w-[100px] py-sm px-md rounded-lg",children:"選択完了"})]})]})}),(0,l.jsx)(x.a,{open:T,onClose:I,className:"w-[calc(100vw-32px)] lg:w-[30%]",children:(0,l.jsxs)("div",{className:"bg-white rounded-2xl p-lg w-full overflow-y-auto flex flex-col",children:[(0,l.jsx)("h3",{className:"font-bold mb-md text-base text-gray-400 lg:text-lg",children:"希望の時間帯"}),(0,l.jsx)("div",{className:"flex-1 overflow-y-auto",children:(0,l.jsx)(g.g,{type:"radio",className:"gap-x-sm gap-y-md",items:v.map(e=>({id:e.value,text:e.label,name:"interview-time-slot",value:e.value,checked:z===e.value,selected:z===e.value,onChange:()=>{Y(e.value)}}))})}),(0,l.jsxs)("div",{className:"my-xl flex justify-end space-x-sm flex-shrink-0",children:[(0,l.jsx)(h.$,{colorSchema:"secondary",onClick:I,className:"bg-gray-100 text-base flex-shrink-0 w-[100px] py-sm px-md rounded-lg",children:"閉じる"}),(0,l.jsx)(h.$,{colorSchema:"primary",onClick:()=>{null!==E&&z&&w(e=>e.map((e,t)=>t===E?{...e,timeSlot:z}:e)),I()},className:"bg-primary text-base flex-shrink-0 w-[100px] py-sm px-md rounded-lg",children:"選択完了"})]})]})}),(0,l.jsx)(p.R,{isOpen:M,userName:(null==u||null==(e=u.endUserViewer)?void 0:e.name)||"",onClose:()=>{O(!1),t.push("/member/message")}})]})};N.getLayout=e=>(0,l.jsx)(u.P,{children:e});let w=N},5643:(e,t,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/entry/interview",function(){return s(5304)}])},15767:(e,t,s)=>{"use strict";s.d(t,{Y:()=>d});var l=s(15383),a=s(69955),r=s(45843),n=s(88955);let i=e=>{let{title:t,href:s}=e;return(0,l.jsxs)(l.Fragment,{children:[s&&(0,l.jsx)(n.A,{href:s,className:"hover:underline",children:t}),!s&&(0,l.jsx)("span",{children:t})]})},d=e=>{let{links:t,hasPadding:s=!0,isBgColorWhite:n=!0,containerSize:d="lg"}=e;return(0,l.jsx)("nav",{className:(0,r.QP)("max-w-screen overflow-x-auto whitespace-nowrap","sm"===d&&"container-sm","md"===d&&"container-md"),children:(0,l.jsx)("ul",{className:(0,r.QP)("flex overflow-x-auto gap-y-xs text-xs text-gray-300",n?"bg-gray-50 lg:bg-white":"bg-gray-100",s&&"p-sm"),children:t.map((e,t)=>(0,l.jsxs)("li",{className:"flex items-center",children:[0!==t&&(0,l.jsx)(a.A,{sx:{fontSize:16},className:"text-gray-300"}),(0,l.jsx)(i,{...e})]},t))})})}},41080:(e,t,s)=>{"use strict";s.d(t,{y8:()=>r,Vr:()=>d,UW:()=>c,MT:()=>i,TO:()=>n});var l=s(15383),a=s(667);let r=()=>(0,l.jsx)(a.Toaster,{}),n=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2e3;Promise.resolve().then(s.bind(s,667)).then(s=>{let{toast:l}=s;l.dismiss(),l.success(e,{duration:t,position:"bottom-center",style:{background:"green",color:"white"}})})},i=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2e3;Promise.resolve().then(s.bind(s,667)).then(s=>{let{toast:l}=s;l.dismiss(),l.error(e,{duration:t,position:"bottom-center",style:{background:"red",color:"white"}})})},d=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2e3;Promise.resolve().then(s.bind(s,667)).then(s=>{let{toast:l}=s;l.dismiss(),l(()=>e,{duration:t,position:"bottom-center",style:{background:"red",color:"white"}})})},c=()=>{Promise.resolve().then(s.bind(s,667)).then(e=>{let{toast:t}=e;t.dismiss()})}},64516:(e,t,s)=>{"use strict";s.d(t,{o:()=>r});var l=s(15383),a=s(45843);let r=e=>{let{ref:t,className:s,...r}=e;return(0,l.jsx)("input",{ref:t,type:"checkbox",className:(0,a.QP)("appearance-none relative checked:text-primary h-5 w-5 shadow border-gray-200 checked:shadow checked:border-primary rounded ring-0 ring-offset-0",s),...r})}},65144:(e,t,s)=>{"use strict";s.d(t,{R:()=>d});var l=s(15383),a=s(56201),r=s.n(a),n=s(42371),i=s(98336);let d=e=>{let{isOpen:t,userName:s,onClose:a}=e;return(0,l.jsx)(n.a,{open:t,onClose:()=>{},className:"m-auto w-11/12 lg:mt-24 lg:w-1/3",children:(0,l.jsxs)("div",{className:"bg-white rounded-2xl p-md",children:[(0,l.jsx)(r(),{src:"/images/popper.png",alt:"お祝いのクラッカー",width:121,height:117,className:"mx-auto"}),(0,l.jsxs)("div",{className:"text-center mt-md",children:[(0,l.jsxs)("p",{className:"font-bold",children:[s,"様"]}),(0,l.jsx)("p",{className:"font-bold",children:"【重要】メッセージをご確認ください"})]}),(0,l.jsx)("div",{className:"my-md",children:(0,l.jsxs)("p",{className:"text-sm text-left",children:["ご応募後の流れや、転職ã

1®æˆåŠŸã®éµã«ã¤ã„てのご連絡を",(0,l.jsx)("span",{className:"font-bold text-danger",children:"メッセージ"}),"にてお送りいたしました！",(0,l.jsx)("br",{}),"以下のボタンをタップして",(0,l.jsx)("span",{className:"font-bold text-danger",children:"必ずご確認ください"}),"ませ。"]})}),(0,l.jsx)("div",{className:"mt-8 flex justify-center",children:(0,l.jsx)(i.$,{as:"button",onClick:a,colorSchema:"primary",children:"メッセージを確認する"})})]})})}},65325:(e,t,s)=>{"use strict";s.d(t,{A:()=>r});var l=s(41174),a=s(15383);let r=(0,l.A)((0,a.jsx)("path",{d:"M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"}),"KeyboardArrowDown")},69955:(e,t,s)=>{"use strict";s.d(t,{A:()=>r});var l=s(41174),a=s(15383);let r=(0,l.A)((0,a.jsx)("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"NavigateNext")},73376:(e,t,s)=>{"use strict";s.d(t,{J:()=>i});var l=s(15383);s(14343);var a=s(45843),r=s(64516),n=s(86430);let i=e=>{let{id:t,type:s,selected:i,text:d,textCentered:c=!1,size:o="md",...x}=e;return(0,l.jsxs)("label",{htmlFor:t,className:(0,a.QP)("border-2 px-md rounded-lg flex items-center cursor-pointer","md"===o?"py-md":"py-lg",c?"justify-center":"justify-left",i?"border-primary":"border-gray-200"),children:["checkbox"===s?(0,l.jsx)(r.o,{id:t,...x}):(0,l.jsx)(n.A,{id:t,...x}),(0,l.jsx)("span",{className:(0,a.QP)("ml-sm text-sm font-bold",i?"text-primary":"text-gray-400"),children:d})]})}},86185:(e,t,s)=>{"use strict";s.d(t,{g:()=>n});var l=s(15383),a=s(45843),r=s(73376);let n=e=>{let{type:t,size:s="md",columns:n,colWidth:i,textCentered:d,items:c,className:o}=e;return(0,l.jsx)("div",{style:{gridTemplateColumns:i?"repeat(auto-fit, ".concat(i,")"):n?"repeat(".concat(n,", minmax(0, 1fr))"):""},className:(0,a.QP)("w-full grid gap-sm",o),children:c.map(e=>(0,l.jsx)(r.J,{type:t,size:s,textCentered:d,...e},e.id))})}},86430:(e,t,s)=>{"use strict";s.d(t,{A:()=>a});var l=s(15383);let a=e=>{let{ref:t,...s}=e;return(0,l.jsx)("input",{type:"radio",ref:t,className:"relative appearance-none w-[20px] h-[20px] border-gray-200 before:block before:bg-transparent before:content-[''] before:w-[14px] before:h-[14px] before:rounded-full before:absolute before:translate-x-[2px] before:translate-y-[2px] checked:border-primary ring-0 ring-offset-0 checked:text-transparent checked:before:bg-primary",...s})}}},e=>{e.O(0,[4038,636,6593,8792],()=>e(e.s=5643)),_N_E=e.O()}]);