https://www.wawan.ai/assets/FeedbackPage.js

1import{l as I,B as j,u as F,g as T,a as $,A as C,h as E}from"./index.js";import{_ as S}from"./BaseLayout.vue_vue_type_script_setup_true_lang.js";import{d as x,f as u,E as v,G as b,F as B,a3 as N,a4 as e,R,I as V,o as A,n as L,a8 as p,H as P,W as f,Y as c,X as G}from"./vendor.js";import{_ as D}from"./ThanksPopup.js";import{u as O}from"./interviewToken.js";import"./vendor_axios.js";import"./vendor_vee.js";const W="/assets/img/robot/robot-enjoy.png",z={class:"flex gap-4 justify-center"},H=["onClick"],M={class:"w-max"},K=["src","alt"],U={class:"text-center"},X=x({__name:"FeedbackSteps",emits:["feedbackResult"],setup(h,{emit:d}){const m=d,i=u(3);function r(s){m("feedbackResult",s),i.value=s}const a=[{iconImage:"/assets/img/emoji/1.png",name:"Worst",value:0},{iconImage:"/assets/img/emoji/2.png",name:"Not Good",value:1},{iconImage:"/assets/img/emoji/3.png",name:"Fine",value:2},{iconImage:"/assets/img/emoji/4.png",name:"Look Good",value:3},{iconImage:"/assets/img/emoji/5.png",name:"Very Good",value:4}];return(s,l)=>(v(),b("div",z,[(v(),b(B,null,N(a,o=>e("div",{class:V(["bs__steps-item",i.value===o.value?"state--active":""]),onClick:g=>r(o.value)},[e("figure",M,[e("img",{src:o.iconImage,alt:`Emoji ${o.name}`},null,8,K)]),e("p",U,R(o.name),1)],10,H)),64))]))}});const Y={class:"w-full h-screen relative pt-[calc(80px_+_63px)] pb-[88px] z-10 overflow-y-auto"},q={class:"flex justify-center"},J={class:"bg-white w-[599px] flex flex-col justify-between items-center"},Q={class:"flex flex-col w-full"},Z=e("div",{class:"px-6 py-4 text-center"},[e("h2",{class:"mb-0 font-medium text-2xl"}," Please drop us your feedback. ")],-1),ee=e("hr",{class:"border-[#EAECF0]"},null,-1),te={class:"p-6 flex flex-col gap-8 items-center"},se=e("figure",null,[e("img",{src:W,alt:"robot-enjoy"})],-1),ae=e("p",{class:"text-lg font-medium"}," How was your experience with Wawan for your Interview? ",-1),oe={class:"w-full"},me=x({__name:"FeedbackPage",setup(h){const d=I(),m=new j().init(),i=F();T();const r=O(i),a=u(!1),s=u(""),l=u({rating:3,feedback:""});async function o(){try{a.value=!0;const t=await m.post(C.FEEDBACK_INTERVIEW.POST_REGISTRATION,{candidate_id:s.value.candidate_id,job_vacancy_id:s.value.job_vacancy_id,company_id:s.value.company_id,...l.value});if([200,201].includes(t.data.status_code))g();else throw{message:t.data.message||null}}catch(t){console.log(t);let n="Failed to submit the feedback";t.message&&(n=t.message),E({message:`${n}. Please try again later.`,type:"danger"})}finally{a.value=!1}}function g(){d.modal.open({component:D,class:"fit-modal",props:{},events:{close:()=>{window.location.href=`/interview/${i.params.id}`}},trapFocus:!0,cancelable:!1})}return A(async()=>{a.value=!0;const t=await r.getCheckToken(!1);await L(),t&&(s.value=await r.getInterviewDetail()),a.value=!1}),(t,n)=>{const w=p("o-input"),y=p("o-field"),k=p("o-button");return v(),P(S,{showFooter:!0,showNavLogo:!1},{default:f(()=>[c($,{active:a.value,"full-page":!0},null,8,["active"]),e("div",Y,[e("div",q,[e("div",J,[e("div",Q,[Z,ee,e("div",te,[se,e("div",null,[ae,c(X,{onFeedbackResult:n[0]||(n[0]=_=>l.value.rating=_)})]),e("div",oe,[c(y,{label:"Add your comments..."},{default:f(()=>[c(w,{modelValue:l.value.feedback,"onUpdate:modelValue":n[1]||(n[1]=_=>l.value.feedback=_),class:"max-h-[128px]",type:"textarea",expanded:""},null,8,["modelValue"])]),_:1})]),c(k,{onClick:o,expanded:"",class:"bs__button bs__button-primary py-[10px] h-auto text-base"},{default:f(()=>[G("Submit")]),_:1})])])])])])]),_:1})}}});

1export{me as default};