https://rentbird.nl/build/assets/ReviewUsPage-U4bQZ3qy.js

1import{_ as O}from"./OffboardingLayout-B3TkFcBE.js";import{al as z,n as W,h as A,t as R,k as H,am as q,an as G,a as Y,d as Z,j as J,ao as K,_ as Q}from"./app--lW3PYU6.js";import{S as I}from"./SmallLabel-DrqhkJYz.js";import{_ as L}from"./PersonTextBox-CtAiLmRR.js";import{z as u,A as m,E as s,J as o,B as f,U as c,V as i,W as T,Q as X,r as w,H as E,_ as D,O as B,P as C,u as U,G as ee,F as b,C as te,K as le,$ as ae,I as V,w as se,Z as ne}from"./Button-CusjfCl3.js";import{a as oe,_ as re,b as ie}from"./TextAreaAlternative-DBep8kWh.js";import{_ as P}from"./UserReviewCard-477GQlHO.js";import{_ as ue}from"./CustomTransitionFade-CFmPF1Vd.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{};e.SENTRY_RELEASE={id:"17af8e55c580f79fe0bd3ddf4616f461480ef34d"},e._sentryModuleMetadata=e._sentryModuleMetadata||{},e._sentryModuleMetadata[new e.Error().stack]=function(r){for(var n=1;n<arguments.length;n++){var l=arguments[n];if(l!=null)for(var t in l)l.hasOwnProperty(t)&&(r[t]=l[t])}return r}({},e._sentryModuleMetadata[new e.Error().stack],{"_sentryBundlerPluginAppKey:rentbird-frontend":!0});var a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="7936cddd-0db0-47c7-8222-61aa5f1f8cd0",e._sentryDebugIdIdentifier="sentry-dbid-7936cddd-0db0-47c7-8222-61aa5f1f8cd0")}catch{}})();const de=["innerHTML"],pe={class:"lg:w-[600px]"},fe={__name:"ReviewUsWriteReviewStep",emits:["clicked:next"],setup(e){const r=X().props.trustpilot_invite_link,n=w(!1),l=()=>{n.value=!0;const t=window.open(r,"_blank");t==null||t.focus(),z(t===null)};return(t,p)=>(u(),m("div",null,[s(L,null,{title:o(()=>[c(i(t.$trans("ReviewUsPage.Title")),1)]),default:o(()=>[f("span",{innerHTML:t.$trans("ReviewUsPage.Text")},null,8,de)]),_:1}),f("div",pe,[s(T,{class:"mt-[32px]","full-width-on-mobile":!0,"full-width-on-desktop":!0,big:!0,outline:!0,"icon-right":"external",onClick:l},{default:o(()=>[c(i(t.$trans("ReviewUsTrustpilotStep.ButtonLabel")),1)]),_:1}),s(T,{class:"mt-[8px]","full-width-on-mobile":!0,"full-width-on-desktop":!0,big:!0,"icon-right":"check",disabled:!n.value,onClick:p[0]||(p[0]=()=>{n.value&&t.$emit("clicked:next")})},{default:o(()=>[c(i(t.$trans("ReviewUsTrustpilotStep.IPlacedTheReview")),1)]),_:1},8,["disabled"])])]))}},ve={class:"m-0 p-0 text-center w-100 text-gray-200"},me={class:"pr-[12px]"},ce=1048576,ge={__name:"MediaUpload",emits:["selected-a-file","images-uploaded"],setup(e,{expose:a,emit:r}){const n=["png","jpg","jpeg","webp","mov","mp4","avi","webm","3gp"],l=w({}),t=w([]),p=r,y=w(null),v=k=>{l.value={};const g=(k==null?void 0:k.length)>0?Array.from(k):Array.from(y.value.files);g.length>5&&(t.value=[],l.value={files:R("Errors.MaxFiles5")}),g.length<=0&&(t.value=[],l.value={files:R("Errors.MinFiles")}),t.value=g.map(S=>{var _,F;for(const j of n)if((F=(_=S==null?void 0:S.type)==null?void 0:_.toLowerCase())!=null&&F.includes(j))return S;return null}),t.value.includes(null)&&(t.value=[],l.value={files:R("Errors.AllowedFileType",{file_types:n.join(", ")})});let $=0;t.value.forEach(S=>{$+=S.size}),$>1e3*ce?(t.value=[],l.value={files:R("Errors.MaxFileSize",{size:"1000 MB"})}):p("selected-a-file")},x=()=>{document.querySelector("#fileinput").click()},d=k=>{var $;k.preventDefault();let g=($=event.dataTransfer)==null?void 0:$.files;(!g||g.length<=0)&&(g=event.target.files),v(g)},h=A();return a({submitFiles:async()=>{if(t.value.length<=0){t.value=[],l.value={files:R("Errors.MinFiles")};return}try{h.startLoading(),l.value={};const k=new FormData;for(const _ of t.value)k.append("files[]",_);const g=q();console.log("DOING FETCH IN OFFBOARDING");const $=await fetch("/api/offboarding/user-review-files",{body:k,headers:g,method:"POST"});if($.status>=400){l.value=await G($);return}const S=await $.json();p("images-uploaded",S.files)}finally{h.stopLoading()}}}),(k,g)=>{var $,S,_;return u(),m("div",null,[f("div",null,[f("div",{class:"hover:cursor-pointer hover:bg-purple-800/80 hover:border-purple-400/80 transition-colors w-full bg-purple-800 border border-dashed border-purple-400 px-[32px] rounded-md py-[32px] mb-3",onClick:x,onDrop:E(d,["prevent"]),onDragenter:g[0]||(g[0]=E(()=>{},["prevent"])),onDragover:g[1]||(g[1]=E(()=>{},["prevent"]))},[f("input",{id:"fileinput",ref_key:"fileRef",ref:y,type:"file",multiple:"",onChange:v},null,544),f("p",ve,[f("span",me,i(k.$trans("MediaUpload.UploadMessage")),1),s(D,{name:"upload","icon-width":"inline relative top-[-2px]"})]),B(f("p",{class:"m-0 p-0 text-center text-gray-200"},i(U(R)((($=t.value)==null?void 0:$.length)===1?"MediaUpload.FileSelected":"MediaUpload.FilesSelected",{amount:(S=t.value)==null?void 0:S.length})),513),[[C,((_=t.value)==null?void 0:_.length)>0]])],32),B(s(H,{class:"mb-2"},{default:o(()=>[c(i(l.value.images||l.value.files),1)]),_:1},512),[[C,l.value.images||l.value.files]])])])}}},be=W(ge,[["__scopeId","data-v-fa3ce11b"]]),N="/build/assets/selfie-instructions-hDE0RqXf.png",we=["innerHTML"],he={class:"lg:hidden bg-purple-900 p-4 mb-6"},$e={class:"text-white text-lg font-bold mb-1"},ye=["innerHTML"],ke={__name:"UploadSelfieStep",emits:["next-step"],setup(e){const a=w(null),r=w(!1),n=w(!1);return(l,t)=>(u(),m("div",null,[s(L,null,{title:o(()=>[...t[4]||(t[4]=[])]),default:o(()=>[f("span",{innerHTML:l.$trans("UploadHappySelfie.Text")},null,8,we)]),_:1}

1),s(be,{ref_key:"mediaUploadRef",ref:a,class:"mt-[24px] mb-[12px]",onSelectedAFile:t[0]||(t[0]=p=>n.value=!0),onImagesUploaded:t[1]||(t[1]=p=>l.$emit("next-step",p))},null,512),f("div",he,[f("div",$e,i(l.$trans("UploadSelfieStep.InstructionsTitle")),1),s(Y,{class:"w-full mb-2",src:U(N)},null,8,["src"]),f("div",{innerHTML:l.$trans("UploadSelfieStep.InstructionsText")},null,8,ye)]),s(oe,{modelValue:r.value,"onUpdate:modelValue":t[2]||(t[2]=p=>r.value=p)},{default:o(()=>[c(i(l.$trans("UploadSelfieStep.Checkbox")),1)]),_:1},8,["modelValue"]),s(T,{disabled:!n.value||!r.value,big:!0,"icon-right":"check","full-width-on-mobile":!0,class:"mt-3",onClick:t[3]||(t[3]=()=>{!n.value||!r.value||a.value.submitFiles()})},{default:o(()=>[c(i(l.$trans("UploadSelfieStep.UploadPhotosVideos")),1)]),_:1},8,["disabled"])]))}},Se={key:0,class:"block font-medium text-base mb-1 text-white"},xe={class:"flex"},Me={class:"relative flex-grow"},Ue=["value","placeholder"],_e={key:0,value:"",disabled:"",selected:""},Te=["value"],Re={key:0,class:"flex pl-2"},Ve={__name:"SelectAlternative",props:{modelValue:[String,Number],options:{type:Array,default:()=>[{label:"Option label",value:"the_value"}]},error:{type:String,default:""},plusAndMinusButtons:{type:Boolean,default:!1},placeholder:{type:String,default:""},showErrorBorder:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e){return(a,r)=>{var n,l,t,p,y;return u(),m("div",null,[a.$slots.label?(u(),m("label",Se,[ee(a.$slots,"label")])):b("",!0),f("div",xe,[f("div",Me,[f("select",{value:e.modelValue,class:te(["px-[16px] py-[15px] w-full border rounded placeholder-gray-400 text-base text-white outline-0 focus:outline-0 bg-purple-900 hover:cursor-pointer transition-colors",{"border-purple-900":!e.error&&!e.showErrorBorder,"border-danger":e.error||e.showErrorBorder}]),placeholder:e.placeholder,onInput:r[0]||(r[0]=v=>{a.$emit("update:modelValue",isNaN(v.target.value)||v.target.value.includes("+")?v.target.value:parseInt(v.target.value))})},[e.placeholder?(u(),m("option",_e,i(e.placeholder),1)):b("",!0),(u(!0),m(le,null,ae(e.options,v=>(u(),m("option",{key:v.label,value:v.value},i(v.label),9,Te))),128))],42,Ue),s(D,{name:"caret-down","icon-width":"absolute w-[24px] right-[8px] top-[14px]",style:{"pointer-events":"none"}})]),e.plusAndMinusButtons?(u(),m("div",Re,[s(T,{big:!0,outline:!0,disabled:e.modelValue===((l=(n=e.options)==null?void 0:n[0])==null?void 0:l.value),class:"mr-2",onClick:r[1]||(r[1]=()=>{var v,x;e.modelValue!==((x=(v=e.options)==null?void 0:v[0])==null?void 0:x.value)&&a.$emit("update:modelValue",e.modelValue||e.modelValue===0?e.options[e.options.findIndex(d=>d.value===e.modelValue)-1].value:e.options[0].value)})},{default:o(()=>[s(D,{name:"minus"})]),_:1},8,["disabled"]),s(T,{big:!0,outline:!0,disabled:e.modelValue===((y=(p=e.options)==null?void 0:p[((t=e.options)==null?void 0:t.length)-1])==null?void 0:y.value),onClick:r[2]||(r[2]=()=>{var x,d,h;if(e.modelValue===((h=(d=e.options)==null?void 0:d[((x=e.options)==null?void 0:x.length)-1])==null?void 0:h.value))return;const v=e.modelValue||e.modelValue===0?e.options[e.options.findIndex(M=>M.value===e.modelValue)+1].value:e.options[0].value;a.$emit("update:modelValue",v)})},{default:o(()=>[s(D,{name:"plus"})]),_:1},8,["disabled"])])):b("",!0)]),e.error?(u(),V(H,{key:1,class:"mt-[2px]"},{default:o(()=>[c(i(e.error),1)]),_:1})):b("",!0)])}}},De={__name:"ReviewUsYourDetails",props:{images:{type:Array,default:()=>[]}},emits:["next-step"],setup(e,{emit:a}){const r=e,n=w(""),l=w(""),t=w(""),p=A(),y=w({}),v=async()=>{p.startLoading(),y.value={};try{const d=await Z("/api/offboarding/selfie-reward-request",{place:n.value,search_weeks:l.value,experience_text:t.value,images:r.images});if(d.hasErrors){y.value=d.errors;return}x("next-step")}finally{p.stopLoading()}},x=a;return(d,h)=>(u(),m("div",null,[s(re,{modelValue:n.value,"onUpdate:modelValue":h[0]||(h[0]=M=>n.value=M),class:"mb-[16px]",error:y.value.place},{label:o(()=>[c(i(d.$trans("ReviewUsYourDetails.City")),1)]),_:1},8,["modelValue","error"]),s(Ve,{modelValue:l.value,"onUpdate:modelValue":h[1]||(h[1]=M=>l.value=M),error:y.value.search_weeks,options:[{value:1,label:d.$trans("ReviewUsYourDetails.OneWeek")},{value:2,label:d.$trans("ReviewUsYourDetails.Weeks",{weeks:2})},{value:3,label:d.$trans("ReviewUsYourDetails.Weeks",{weeks:3})},{value:4,label:d.$trans("ReviewUsYourDetails.OneMonth")},{value:8,label:d.$trans("ReviewUsYourDetails.Months",{months:2})},{value:12,label:d.$trans("ReviewUsYourDetails.Months",{months:3})},{value:13,label:d.$trans("ReviewUsYourDetails.MoreThanMonths",{months:3})}],class:"mb-[16px]"},{label:o(()=>[c(i(d.$trans("ReviewUsYourDetails.HowLongDidYouSearch")),1)]),_:1},8,["modelValue","error","options"]),s(ie,{modelValue:t.value,"onUpdate:modelValue":h[2]||(h[2]=M=>t.value=M),class:"mb-[16px]",error:y.value.experience_text},{label:o(()=>[c(i(d.$trans("ReviewUrYourDetails.YourExperience")),1)]),_:1},8,["modelValue","error"]),s(T,{"full-width-on-mobile":!0,"icon-right":"arrow-right",big:!0,onClick:v},{default:o(()=>[c(i(d.$trans("Common.Submit")),1)]),_:1})]))}},Ee={class:"flex flex-row"},Le={class:"lg:w-1/2 lg:pr-6"},Fe={class:"mb-10 text-3xl font-bold"},Ie={key:0,class:"mb-2"},Be={key:1,class:"mb-2"},Ce={key:4},Pe={key:0,class:"lg:w-1/2"},Ae={key:0,class:"flex justify-center max-w-1/2"},He=["innerHTML"],Ye=["innerHTML"],Ne={key:1,class:"lg:min-w-3/5 w-full"},Ke={__name:"ReviewUsPage",setup(e){const a=w(1),r=w([]),{isMobile:n}=J();return se(a,l=>{l===4&&K()}),(l,t)=>(u(),m("div",null,[s(O,{"show-back-button":!1,"show-trust-pilot":!U(n),"show-close-button":U(n)},ne({default:o(()=>[s(Q,{class:"text-white pb-[40px] lg:pt-[70px]"},{default:o(()=>[f("div",Ee,[f("div",Le,[s(ue,{group:!0}

1,{default:o(()=>[f("div",Fe,[a.value===1?(u(),m("div",Ie,i(l.$trans("ReviewUsPage.Step1Title")),1)):b("",!0),a.value===2?(u(),m("div",Be,i(l.$trans("ReviewUsPage.Step2Title")),1)):b("",!0),U(n)?b("",!0):(u(),V(I,{key:2,class:"max-w-fit"},{default:o(()=>[c(i(l.$trans("SearchProfileWizard.Step",{step:a.value,total:2})),1)]),_:1}))]),a.value===1?(u(),V(fe,{key:1,"onClicked:next":t[0]||(t[0]=p=>a.value++)})):b("",!0),a.value===2?(u(),V(ke,{key:2,onNextStep:t[1]||(t[1]=p=>{r.value=p,a.value++})})):b("",!0),a.value===3?(u(),V(De,{key:3,images:r.value,onNextStep:t[2]||(t[2]=p=>a.value++)},null,8,["images"])):b("",!0),a.value===4?(u(),m("div",Ce,[s(L,null,{title:o(()=>[c(i(l.$trans("ReviewUsPage.FinalStepTitle")),1)]),default:o(()=>[c(" "+i(l.$trans("ReviewUsPage.FinalStepText")),1)]),_:1}),s(T,{class:"mt-[24px]","full-width-on-mobile":!0,big:!0,"icon-right":"arrow-up-left",tag:"link",href:l.$getLocalizedUrl("my-rentbird.subscription")},{default:o(()=>[c(i(l.$trans("ReviewUsPage.BackToMyRentbird")),1)]),_:1},8,["href"])])):b("",!0)]),_:1})]),U(n)?b("",!0):(u(),m("div",Pe,[a.value===1?(u(),m("div",Ae,[s(P,{"alternative-styling":!0,"big-text-formatting":!1,image:"/img/people/user-review-eva.png",name:"Eva",rating:5,class:"mr-3","trustpilot-url":"https://www.trustpilot.com/reviews/647b94147198a582f0606c43"},{default:o(()=>[f("span",{innerHTML:l.$trans("Ik kreeg dagelijks veel updates en alle voorstellen vielen precies binnen mijn zoekprofiel. Erg tevreden over deze service")},null,8,He)]),_:1}),s(P,{"alternative-styling":!0,"big-text-formatting":!1,image:"/img/people/user-review-bogdan.png",name:"Bogdan Zviagintsev",class:"mt-[40px] ml-[12px]",rating:5,"trustpilot-url":"https://www.trustpilot.com/reviews/647b94147198a582f0606c43"},{default:o(()=>[f("span",{innerHTML:l.$trans("We hebben het best mogelijke appartement binnen ons budget kunnen huren. In een wijk waar we altijd al wilden wonen. Het stond alleen op de website van de makelaar en niet op Funda of Pararius. Het was alleen mogelijk om dit appartement te vinden op Rentbird Bedankt!")},null,8,Ye)]),_:1})])):b("",!0),a.value===2?(u(),m("div",Ne,[s(Y,{class:"w-full",src:U(N)},null,8,["src"])])):b("",!0)]))])]),_:1})]),_:2},[a.value<=2&&U(n)?{name:"top-left",fn:o(()=>[s(I,null,{default:o(()=>[c(i(l.$trans("SearchProfileWizard.Step",{step:a.value,total:2})),1)]),_:1})]),key:"0"}:void 0]),1032,["show-trust-pilot","show-close-button"])]))}};export{Ke as default};
2//# sourceMappingURL=ReviewUsPage-U4bQZ3qy.js.map