https://www.stmodwenhomes.co.uk/assets/stmodwens.MmhDashboard.1a522f87dc07b0ad3a92.js

1"use strict";(self.webpackChunkmillerhomescorp=self.webpackChunkmillerhomescorp||[]).push([[5830,9511],{2776:(e,a,l)=>{l.r(a),l.d(a,{default:()=>f});var i=l(8253),t=l(1249),s=l(7014);const o={key:0,class:"c-field__summary"},r=["for"],n={key:0,class:"c-field__mandatory"},d={key:0,class:"c-field__desc"},c=["id","aria-describedby","aria-invalid"],u=["id"],p={props:{id:String,label:String,description:String,showMandatory:Boolean,isError:{type:Boolean,default:!1},componentExtraClasses:String,controlExtraClasses:String,onFileChange:Function},setup:(e,{emit:a,attrs:l})=>({attrs:l,componentClasses:(0,i.Fl)((()=>["c-field",e.componentExtraClasses].filter(Boolean).join(" "))),labelClasses:(0,i.Fl)((()=>["c-field__label",e.showMandatory&&"is-mandatory"].filter(Boolean).join(" "))),inputClasses:(0,i.Fl)((()=>["c-file-input",e.isError&&"is-error",e.controlExtraClasses].filter(Boolean).join(" ")))})},g=(0,l(3744).Z)(p,[["render",function(e,a,l,t,s,p){return(0,i.wg)(),(0,i.iD)("div",{class:(0,i.C_)(t.componentClasses)},[l.label?((0,i.wg)(),(0,i.iD)("div",o,[(0,i._)("label",{for:l.id,class:(0,i.C_)([t.labelClasses,"c-button c-button--primary c-button--gold cursor-pointer"])},[(0,i.Uk)((0,i.zw)(l.label)+" ",1),l.showMandatory?((0,i.wg)(),(0,i.iD)("span",n,"*")):(0,i.kq)("",!0)],10,r),l.description?((0,i.wg)(),(0,i.iD)("span",d,(0,i.zw)(l.description),1)):(0,i.kq)("",!0)])):(0,i.kq)("",!0),(0,i._)("input",(0,i.dG)({class:t.inputClasses,id:l.id,type:"file","aria-describedby":`${l.id}-error`,"aria-invalid":l.isError},t.attrs,{onChange:a[0]||(a[0]=(...e)=>l.onFileChange&&l.onFileChange(...e)),style:{display:"none"}}),null,16,c),l.isError?((0,i.wg)(),(0,i.iD)("span",{key:1,id:`${l.id}-error`,class:"c-field__error-message"}," Sample error message ",8,u)):(0,i.kq)("",!0)],2)}]]);var h=l(7892),m=l(992),v=l(1257);function f(){return(0,i.ri)({components:{ResponsiveImage:s.Z,FieldFileInput:g,MillerModal:h.Z,Spinner:m.Z},setup(){(0,t.h)();const e=(0,i.iH)(0),a=(0,i.iH)(null),l=[(0,i.iH)(null),(0,i.iH)(null),(0,i.iH)(null),(0,i.iH)(null)],s=[(0,i.iH)(null),(0,i.iH)(null),(0,i.iH)(null),(0,i.iH)(null)],o=(0,i.iH)([{isDone:!1,isError:!1,isLoading:!1,hasUploaded:!1,isFinished:!1},{isDone:!1,isError:!1,isLoading:!1,hasUploaded:!1,isFinished:!1},{isDone:!1,isError:!1,isLoading:!1,hasUploaded:!1,isFinished:!1},{isDone:!1,isError:!1,isLoading:!1,hasUploaded:!1,isFinished:!1}

1]),r=(0,i.iH)(!1),n=(0,i.iH)(null),d=(0,i.iH)(0),c=(0,i.iH)(null);var u=(0,i.iH)([]);const p=(e,a,l,i,t=!1)=>{o.value[e].isDone=a,o.value[e].isLoading=l,o.value[e].isError=i,o.value[e].isFinished=t,a&&!i&&(g(e),o.value[e].hasUploaded=!0)},g=e=>{(0,i.Y3)((()=>{const a=document.getElementById(`dashboard_photo-id_file-upload-${e}`);a&&(a.value=null),delete u.value[e]}))},h=(e,a,i,t=!1)=>{const o=l[a].value,r=s[a].value;if(o&&r){const l=o.getContext("2d");l.clearRect(0,0,o.width,o.height);const s=t?i.videoHeight/i.videoWidth:i.height/i.width;o.width=r.clientWidth,o.height=r.clientWidth*s,l.drawImage(i,0,0,o.width,o.height),o.toBlob((function(l){u.value[a]={blob:l,id:e}}),"image/jpeg",.8),t&&video.srcObject.getVideoTracks().forEach((e=>e.stop()))}};return(0,i.bv)((()=>{try{const e=document.getElementById("id-verify");e&&(c.value=e.getAttribute("data-plot-id")||"")}catch(e){}})),{buttonBaseClasses:"h-10 w-10 border-2 border-brand-extra-dark-blue border-opacity-25 bg-white text-brand-extra-dark-blue [&>*]:disabled:opacity-25",imageBaseClasses:"inset-0 3xl:absolute",activeImageIndex:e,videoRef:a,canvasRefs:l,canvasContainerRefs:s,useCamera:(e,l)=>{r.value=!0,n.value=e,d.value=l,(0,i.Y3)((()=>{(async()=>{try{const e=await navigator.mediaDevices.getUserMedia({video:!0});a.value.srcObject=e}catch(e){}})()}))},capturePhoto:()=>{const e=a.value;h(n.value,d.value,e,!0)},isCameraOpen:r,handleFileSelection:(e,a,l)=>{const i=e.target.files[0];if(n.value=l,i){const e=new Image;e.onload=()=>{h(a,l,e,!1)},e.src=URL.createObjectURL(i)}},currentId:n,deleteFile:g,imageBlobs:u,uploadState:o,uploadImage:async e=>{if(!u.value[e])return;p(e,!1,!0,!1);let a=new FormData;a.append("Image",u.value[e].blob,`image${e}.jpg`);try{await v.Z.post("/api/mmh/UploadId",a,{params:{id:u.value[e].id,plotJdeId:c.value,isAdditional:!0},headers:{"Content-Type":"multipart/form-data"}}),p(e,!0,!1,!1)}catch(a){p(e,!0,!1,!0)}},finishUpload:async(e,a)=>{try{p(a,!0,!0,!1,!1),await v.Z.get("/api/mmh/FinishIdUpload",{params:{id:e,plotJdeId:c.value}}),p(a,!0,!1,!1,!0)}catch(e){errorVisible.value=!0}},uploadImages:async()=>{const e=[];for(let a=0;a<2;a++)if(u.value[a]){p(a,!1,!0,!1);let l=new FormData;l.append("Image",u.value[a].blob,`image${a}.jpg`),e.push(v.Z.post("/api/mmh/UploadId",l,{params:{id:u.value[a].id,plotJdeId:c.value,isAdditional:!1},headers:{"Content-Type":"multipart/form-data"}}))}(await Promise.allSettled(e)).forEach(((e,a)=>{"fulfilled"===e.status?p(a,!0,!1,!1):p(a,!0,!1,!0)}))}}}})}},7892:(e,a,l)=>{l.d(a,{Z:()=>g});var i=l(8253);const t=(0,i._)("div",{class:"fixed inset-0 bg-brand-extra-dark-blue/75","aria-hidden":"true"},null,-1),s={class:"flex min-h-screen items-center justify-center"},o=["aria-label"],r=[(0,i._)("i",{class:"mf mf-cross","aria-hidden":"true"},null,-1)],n={class:"border-none border-[3px] lg:border-solid border-[#ABB0B4] rounded-none md:rounded-3xl bg-brand-light-grey overflow-hidden"},d=["src"];var c=l(123),u=l(6703);const p={name:"MillerModal",components:{Dialog:c.Vq,DialogTitle:c.$N,DialogPanel:c.EM,TransitionRoot:u.Q,TransitionChild:u.x},props:{isOpen:{type:Boolean,required:!1},videoUrl:{type:String,default:""},headline:{type:String,default:""},maxWidth:{type:String,default:"xl"},dialogPaddingClass:{type:String,default:"p-md"},className:{type:String,default:""},hasCloseButton:{type:Boolean,default:!0}},emits:["update:isOpen"],setup:(e,{emit:a})=>({closeDialog:()=>{a("update:isOpen",!1)},dialogClass:(0,i.Fl)((()=>{const a=e.maxWidth.includes("[")?`max-w-${e.maxWidth}`:`max-w-screen-${e.maxWidth}`;return`relative w-full ${e.dialogPaddingClass} ${a}`})),buttonClass:(0,i.Fl)((()=>`absolute right-2${e.headline?" ":" top-2 "}flex h-lg w-lg items-center justify-center rounded-full border-2 border-white bg-brand-dark-blue text-white z-10`))})},g=(0,l(3744).Z)(p,[["render",function(e,a,l,c,u,p){const g=(0,i.up)("DialogTitle"),h=(0,i.up)("DialogPanel"),m=(0,i.up)("Dialog");return(0,i.wg)(),(0,i.j4)(m,{open:l.isOpen,onClose:c.closeDialog,class:(0,i.C_)(["fixed inset-0 z-[100] overflow-y-auto",l.className])},{default:(0,i.w5)((()=>[t,(0,i._)("div",s,[(0,i.Wm)(h,{class:(0,i.C_)(c.dialogClass)},{default:(0,i.w5)((()=>[l.hasCloseButton?((0,i.wg)(),(0,i.iD)("button",{key:0,onClick:a[0]||(a[0]=(...e)=>c.closeDialog&&c.closeDialog(...e)),"aria-label":l.videoUrl?"Close video dialog":"Close dialog",class:(0,i.C_)(c.buttonClass)},r,10,o)):(0,i.kq)("",!0),l.headline?((0,i.wg)(),(0,i.j4)(g,{key:1,as:"h2",class:"text-white"},{default:(0,i.w5)((()=>[(0,i.Uk)((0,i.zw)(l.headline),1)])),_:1})):(0,i.kq)("",!0),(0,i._)("div",n,[l.videoUrl?((0,i.wg)(),(0,i.iD)("iframe",{key:0,src:l.videoUrl,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:"",class:"aspect-video w-full"},null,8,d)):(0,i.kq)("",!0),(0,i.WI)(e.$slots,"content")])])),_:3},8,["class"])])])),_:3},8,["open","onClose","class"])}]])},992:(e,a,l)=>{l.d(a,{Z:()=>d});var i=l(8253);const t={"data-testid":"oval-loading","aria-label":"Loading","aria-busy":"true",role:"progressbar",class:"sc-blHHSb lZBCK"},s={fill:"none","fill-rule":"evenodd"},o={transform:"translate(1 1)","stroke-width":"5","data-testid":"oval-secondary-group"},r=[(0,i._)("animateTransform",{attributeName:"transform",type:"rotate",from:"0 0 0",to:"360 0 0",dur:"1s",repeatCount:"indef

1inite"},null,-1)],n={props:{style:{type:[Object,String],default:()=>({})},class:{type:String,default:""},hasOverlay:{type:Boolean,default:!1},isFullScreen:{type:Boolean,default:!1}},setup:e=>({containerClass:(0,i.Fl)((()=>e.hasOverlay?e.isFullScreen?"c-member-page__loader":"c-member-page__loader !absolute !z-[19]":e.class))})},d=(0,l(3744).Z)(n,[["render",function(e,a,l,n,d,c){return(0,i.wg)(),(0,i.iD)("div",{class:(0,i.C_)(n.containerClass)},[(0,i._)("div",t,[((0,i.wg)(),(0,i.iD)("svg",{width:"80",height:"80",viewBox:"-21.5 -21.5 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#EA5E7B","data-testid":"oval-svg",style:(0,i.j5)(l.hasOverlay?{}:{strokeOpacity:"1",strokeLinecap:"round"})},[(0,i._)("g",s,[(0,i._)("g",o,[(0,i._)("circle",{cx:"0",cy:"0",r:"20",stroke:"#f2f4f7","stroke-width":"5",style:(0,i.j5)(l.hasOverlay?{}:{strokeOpacity:"1",strokeLinecap:"round"})},null,4),(0,i._)("path",{d:"M20 0c0-9.94-8.06-20-20-20",style:(0,i.j5)(l.hasOverlay?{}:{strokeOpacity:"1",strokeLinecap:"round"})},r,4)])])],4))])],2)}]])}}]);